admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Reafactor/UI input and displays (#1544)

Browse Source 
* WIP

* Text field

* URL

* Finished PhoneInput

* Refactored input sub-folders

* Boolean

* Fix lint

* Fix lint

* Fix useOutsideClick

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Lucas Bordeau
2023-09-12 02:11:20 +02:00
committed by GitHub
parent 509ffddc57
commit a766c60aa5
90 changed files with 618 additions and 461 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
front/src/modules/spreadsheet-import/steps/components/SelectHeaderStep/components/SelectColumn.tsx
View File

@ -1,7 +1,7 @@
import { Column, FormatterProps, useRowSelection } from 'react-data-grid';
import type { RawData } from '@/spreadsheet-import/types';
import { Radio } from '@/ui/input/radio/components/Radio';
import { Radio } from '@/ui/input/components/Radio';
const SELECT_COLUMN_KEY = 'select-row';

4
front/src/modules/spreadsheet-import/steps/components/SelectSheetStep/SelectSheetStep.tsx
View File

@ -3,8 +3,8 @@ import styled from '@emotion/styled';
import { ContinueButton } from '@/spreadsheet-import/components/ContinueButton';
import { Heading } from '@/spreadsheet-import/components/Heading';
import { Radio } from '@/ui/input/radio/components/Radio';
import { RadioGroup } from '@/ui/input/radio/components/RadioGroup';
import { Radio } from '@/ui/input/components/Radio';
import { RadioGroup } from '@/ui/input/components/RadioGroup';
import { Modal } from '@/ui/modal/components/Modal';
const StyledContent = styled(Modal.Content)`

2
front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx
View File

@ -11,7 +11,7 @@ import { addErrorsAndRunHooks } from '@/spreadsheet-import/utils/dataMutations';
import { Button } from '@/ui/button/components/Button';
import { useDialog } from '@/ui/dialog/hooks/useDialog';
import { IconTrash } from '@/ui/icon';
import { Toggle } from '@/ui/input/toggle/components/Toggle';
import { Toggle } from '@/ui/input/components/Toggle';
import { Modal } from '@/ui/modal/components/Modal';
import { generateColumns } from './components/columns';

11
front/src/modules/spreadsheet-import/steps/components/ValidationStep/components/columns.tsx
View File

@ -4,12 +4,9 @@ import styled from '@emotion/styled';
import { MatchColumnSelect } from '@/spreadsheet-import/components/MatchColumnSelect';
import type { Data, Fields } from '@/spreadsheet-import/types';
import {
Checkbox,
CheckboxVariant,
} from '@/ui/input/checkbox/components/Checkbox';
import { TextInput } from '@/ui/input/text/components/TextInput';
import { Toggle } from '@/ui/input/toggle/components/Toggle';
import { Checkbox, CheckboxVariant } from '@/ui/input/components/Checkbox';
import { Toggle } from '@/ui/input/components/Toggle';
import { TextInputSettings } from '@/ui/input/text/components/TextInputSettings';
import { AppTooltip } from '@/ui/tooltip/AppTooltip';
import type { Meta } from '../types';
@ -149,7 +146,7 @@ export const generateColumns = <T extends string>(
}
default:
component = (
<TextInput
<TextInputSettings
value={row[columnKey] as string}
onChange={(value: string) => {
onRowChange({ ...row, [columnKey]: value });