diff --git a/docs/src/components/Pages/Examples/Editors/Editors.js b/docs/src/components/Pages/Examples/Editors/Editors.js index 5230c2b..d56f364 100644 --- a/docs/src/components/Pages/Examples/Editors/Editors.js +++ b/docs/src/components/Pages/Examples/Editors/Editors.js @@ -6,7 +6,7 @@ import styled from 'styled-components'; import Input from 'retail-ui/components/Input'; import Button from 'retail-ui/components/Button'; import RadioGroup from 'retail-ui/components/RadioGroup'; -import ComboBox from 'retail-ui/components/ComboBox'; +import ComboBox from 'retail-ui/components/ComboBoxOld'; import Select from 'retail-ui/components/Select'; import DatePicker from 'retail-ui/components/DatePicker'; import Textarea from 'retail-ui/components/Textarea'; @@ -14,11 +14,7 @@ import Checkbox from 'retail-ui/components/Checkbox'; import Link from 'retail-ui/components/Link'; import { validation } from './ValidationBuilder'; -import type { - ContactInfo, - ContactInfoValidationInfo, - FormEditorProps, -} from '../../../../Domain/ContactInfo'; +import type { ContactInfo, ContactInfoValidationInfo, FormEditorProps } from '../../../../Domain/ContactInfo'; import Demo from '../../../Demo'; import Form from '../../../Form'; @@ -30,36 +26,22 @@ function FormEditor({ data, validationInfo, onChange }: FormEditorProps): React. return (
- - onChange({ name: value })} - /> + + onChange({ name: value })} /> - - onChange({ email: value })} - /> + + onChange({ email: value })} /> - - onChange({ phone: value })} - /> + + onChange({ phone: value })} /> - + - + x} renderValue={x => x} @@ -79,9 +60,7 @@ function FormEditor({ data, validationInfo, onChange }: FormEditorProps): React. value={data.city} source={async query => { const cities = ['City 1', 'City 2', 'City 3']; - const result = !query - ? cities - : cities.filter(x => x.includes(query)); + const result = !query ? cities : cities.filter(x => x.includes(query)); return { values: result, infos: result, @@ -96,7 +75,11 @@ function FormEditor({ data, validationInfo, onChange }: FormEditorProps): React.