@simplysm/solid 13.0.28 → 13.0.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -9
- package/dist/components/data/Pagination.d.ts +4 -5
- package/dist/components/data/Pagination.d.ts.map +1 -1
- package/dist/components/data/Pagination.js +14 -14
- package/dist/components/data/Pagination.js.map +2 -2
- package/dist/components/data/Table.js +1 -1
- package/dist/components/data/calendar/Calendar.d.ts.map +1 -1
- package/dist/components/data/calendar/Calendar.js +1 -1
- package/dist/components/data/calendar/Calendar.js.map +1 -1
- package/dist/components/data/kanban/Kanban.d.ts +9 -9
- package/dist/components/data/kanban/Kanban.d.ts.map +1 -1
- package/dist/components/data/kanban/Kanban.js +6 -6
- package/dist/components/data/kanban/Kanban.js.map +2 -2
- package/dist/components/data/list/List.d.ts.map +1 -1
- package/dist/components/data/list/List.js.map +1 -1
- package/dist/components/data/list/ListItem.d.ts.map +1 -1
- package/dist/components/data/list/ListItem.js.map +1 -1
- package/dist/components/data/permission-table/PermissionTable.d.ts.map +1 -1
- package/dist/components/data/permission-table/PermissionTable.js.map +1 -1
- package/dist/components/data/sheet/DataSheet.d.ts.map +1 -1
- package/dist/components/data/sheet/DataSheet.js +102 -107
- package/dist/components/data/sheet/DataSheet.js.map +2 -2
- package/dist/components/data/sheet/DataSheet.styles.d.ts.map +1 -1
- package/dist/components/data/sheet/DataSheet.styles.js +24 -6
- package/dist/components/data/sheet/DataSheet.styles.js.map +1 -1
- package/dist/components/data/sheet/DataSheetColumn.d.ts.map +1 -1
- package/dist/components/data/sheet/DataSheetColumn.js.map +1 -1
- package/dist/components/data/sheet/DataSheetConfigDialog.d.ts.map +1 -1
- package/dist/components/data/sheet/DataSheetConfigDialog.js.map +1 -1
- package/dist/components/data/sheet/sheetUtils.d.ts.map +1 -1
- package/dist/components/data/sheet/sheetUtils.js.map +1 -1
- package/dist/components/data/sheet/types.d.ts +2 -2
- package/dist/components/data/sheet/types.d.ts.map +1 -1
- package/dist/components/disclosure/Collapse.d.ts.map +1 -1
- package/dist/components/disclosure/Collapse.js +0 -3
- package/dist/components/disclosure/Collapse.js.map +1 -1
- package/dist/components/disclosure/Dialog.d.ts +8 -8
- package/dist/components/disclosure/Dialog.d.ts.map +1 -1
- package/dist/components/disclosure/Dialog.js +64 -69
- package/dist/components/disclosure/Dialog.js.map +2 -2
- package/dist/components/disclosure/DialogContext.d.ts +4 -4
- package/dist/components/disclosure/DialogContext.d.ts.map +1 -1
- package/dist/components/disclosure/DialogContext.js.map +1 -1
- package/dist/components/disclosure/DialogProvider.d.ts.map +1 -1
- package/dist/components/disclosure/DialogProvider.js +8 -8
- package/dist/components/disclosure/DialogProvider.js.map +2 -2
- package/dist/components/disclosure/Dropdown.d.ts.map +1 -1
- package/dist/components/disclosure/Dropdown.js.map +1 -1
- package/dist/components/disclosure/Tabs.d.ts.map +1 -1
- package/dist/components/disclosure/Tabs.js.map +1 -1
- package/dist/components/display/Alert.d.ts.map +1 -1
- package/dist/components/display/Alert.js.map +1 -1
- package/dist/components/display/Card.d.ts +0 -1
- package/dist/components/display/Card.d.ts.map +1 -1
- package/dist/components/display/Card.js +1 -2
- package/dist/components/display/Card.js.map +1 -1
- package/dist/components/display/Echarts.d.ts +1 -1
- package/dist/components/display/Echarts.d.ts.map +1 -1
- package/dist/components/display/Echarts.js +2 -2
- package/dist/components/display/Echarts.js.map +2 -2
- package/dist/components/display/Link.d.ts +5 -0
- package/dist/components/display/Link.d.ts.map +1 -0
- package/dist/components/display/Link.js +26 -0
- package/dist/components/display/Link.js.map +6 -0
- package/dist/components/feedback/Progress.d.ts +3 -3
- package/dist/components/feedback/Progress.d.ts.map +1 -1
- package/dist/components/feedback/Progress.js +1 -1
- package/dist/components/feedback/Progress.js.map +2 -2
- package/dist/components/feedback/busy/BusyContainer.d.ts +13 -0
- package/dist/components/feedback/busy/BusyContainer.d.ts.map +1 -0
- package/dist/components/feedback/{loading/LoadingContainer.js → busy/BusyContainer.js} +20 -13
- package/dist/components/feedback/busy/BusyContainer.js.map +6 -0
- package/dist/components/feedback/busy/BusyContext.d.ts +11 -0
- package/dist/components/feedback/busy/BusyContext.d.ts.map +1 -0
- package/dist/components/feedback/busy/BusyContext.js +14 -0
- package/dist/components/feedback/busy/BusyContext.js.map +6 -0
- package/dist/components/feedback/busy/BusyProvider.d.ts +7 -0
- package/dist/components/feedback/busy/BusyProvider.d.ts.map +1 -0
- package/dist/components/feedback/{loading/LoadingProvider.js → busy/BusyProvider.js} +7 -7
- package/dist/components/feedback/busy/BusyProvider.js.map +6 -0
- package/dist/components/feedback/notification/NotificationBanner.d.ts.map +1 -1
- package/dist/components/feedback/notification/NotificationBanner.js +1 -1
- package/dist/components/feedback/notification/NotificationBanner.js.map +1 -1
- package/dist/components/feedback/notification/NotificationBell.d.ts.map +1 -1
- package/dist/components/feedback/notification/NotificationBell.js +4 -2
- package/dist/components/feedback/notification/NotificationBell.js.map +2 -2
- package/dist/components/feedback/notification/NotificationContext.d.ts.map +1 -1
- package/dist/components/feedback/notification/NotificationContext.js.map +1 -1
- package/dist/components/feedback/notification/NotificationProvider.d.ts.map +1 -1
- package/dist/components/feedback/notification/NotificationProvider.js +1 -0
- package/dist/components/feedback/notification/NotificationProvider.js.map +1 -1
- package/dist/components/form-control/Button.d.ts.map +1 -1
- package/dist/components/form-control/Button.js +2 -2
- package/dist/components/form-control/Button.js.map +1 -1
- package/dist/components/form-control/DropdownTrigger.styles.d.ts.map +1 -1
- package/dist/components/form-control/DropdownTrigger.styles.js +6 -1
- package/dist/components/form-control/DropdownTrigger.styles.js.map +1 -1
- package/dist/components/form-control/Invalid.d.ts +4 -2
- package/dist/components/form-control/Invalid.d.ts.map +1 -1
- package/dist/components/form-control/Invalid.js +81 -41
- package/dist/components/form-control/Invalid.js.map +2 -2
- package/dist/components/form-control/ThemeToggle.d.ts.map +1 -1
- package/dist/components/form-control/ThemeToggle.js +4 -5
- package/dist/components/form-control/ThemeToggle.js.map +2 -2
- package/dist/components/form-control/checkbox/Checkbox.d.ts +4 -2
- package/dist/components/form-control/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/form-control/checkbox/Checkbox.js +65 -52
- package/dist/components/form-control/checkbox/Checkbox.js.map +2 -2
- package/dist/components/form-control/checkbox/Checkbox.styles.d.ts +1 -2
- package/dist/components/form-control/checkbox/Checkbox.styles.d.ts.map +1 -1
- package/dist/components/form-control/checkbox/Checkbox.styles.js +8 -10
- package/dist/components/form-control/checkbox/Checkbox.styles.js.map +1 -1
- package/dist/components/form-control/checkbox/CheckboxGroup.d.ts +9 -9
- package/dist/components/form-control/checkbox/CheckboxGroup.d.ts.map +1 -1
- package/dist/components/form-control/checkbox/CheckboxGroup.js +10 -82
- package/dist/components/form-control/checkbox/CheckboxGroup.js.map +2 -2
- package/dist/components/form-control/checkbox/Radio.d.ts +4 -2
- package/dist/components/form-control/checkbox/Radio.d.ts.map +1 -1
- package/dist/components/form-control/checkbox/Radio.js +64 -51
- package/dist/components/form-control/checkbox/Radio.js.map +2 -2
- package/dist/components/form-control/checkbox/RadioGroup.d.ts +9 -9
- package/dist/components/form-control/checkbox/RadioGroup.d.ts.map +1 -1
- package/dist/components/form-control/checkbox/RadioGroup.js +10 -77
- package/dist/components/form-control/checkbox/RadioGroup.js.map +2 -2
- package/dist/components/form-control/color-picker/ColorPicker.d.ts +8 -3
- package/dist/components/form-control/color-picker/ColorPicker.d.ts.map +1 -1
- package/dist/components/form-control/color-picker/ColorPicker.js +43 -26
- package/dist/components/form-control/color-picker/ColorPicker.js.map +2 -2
- package/dist/components/form-control/combobox/Combobox.d.ts +8 -8
- package/dist/components/form-control/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/form-control/combobox/Combobox.js +72 -59
- package/dist/components/form-control/combobox/Combobox.js.map +2 -2
- package/dist/components/form-control/editor/EditorToolbar.d.ts.map +1 -1
- package/dist/components/form-control/editor/EditorToolbar.js +3 -2
- package/dist/components/form-control/editor/EditorToolbar.js.map +2 -2
- package/dist/components/form-control/editor/RichTextEditor.d.ts.map +1 -1
- package/dist/components/form-control/editor/RichTextEditor.js.map +1 -1
- package/dist/components/form-control/field/DatePicker.d.ts +6 -0
- package/dist/components/form-control/field/DatePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/DatePicker.js +138 -117
- package/dist/components/form-control/field/DatePicker.js.map +2 -2
- package/dist/components/form-control/field/DateTimePicker.d.ts +6 -0
- package/dist/components/form-control/field/DateTimePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/DateTimePicker.js +138 -115
- package/dist/components/form-control/field/DateTimePicker.js.map +2 -2
- package/dist/components/form-control/field/Field.styles.d.ts +14 -0
- package/dist/components/form-control/field/Field.styles.d.ts.map +1 -1
- package/dist/components/form-control/field/Field.styles.js +47 -3
- package/dist/components/form-control/field/Field.styles.js.map +1 -1
- package/dist/components/form-control/field/FieldPlaceholder.d.ts +7 -0
- package/dist/components/form-control/field/FieldPlaceholder.d.ts.map +1 -0
- package/dist/components/form-control/field/FieldPlaceholder.js +34 -0
- package/dist/components/form-control/field/FieldPlaceholder.js.map +6 -0
- package/dist/components/form-control/field/NumberInput.d.ts +13 -0
- package/dist/components/form-control/field/NumberInput.d.ts.map +1 -1
- package/dist/components/form-control/field/NumberInput.js +163 -111
- package/dist/components/form-control/field/NumberInput.js.map +2 -2
- package/dist/components/form-control/field/TextInput.d.ts +16 -1
- package/dist/components/form-control/field/TextInput.d.ts.map +1 -1
- package/dist/components/form-control/field/TextInput.js +177 -114
- package/dist/components/form-control/field/TextInput.js.map +2 -2
- package/dist/components/form-control/field/Textarea.d.ts +10 -0
- package/dist/components/form-control/field/Textarea.d.ts.map +1 -1
- package/dist/components/form-control/field/Textarea.js +156 -121
- package/dist/components/form-control/field/Textarea.js.map +2 -2
- package/dist/components/form-control/field/TimePicker.d.ts +10 -0
- package/dist/components/form-control/field/TimePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/TimePicker.js +126 -94
- package/dist/components/form-control/field/TimePicker.js.map +2 -2
- package/dist/components/form-control/select/Select.d.ts +7 -9
- package/dist/components/form-control/select/Select.d.ts.map +1 -1
- package/dist/components/form-control/select/Select.js +71 -60
- package/dist/components/form-control/select/Select.js.map +2 -2
- package/dist/components/form-control/select/SelectItem.d.ts.map +1 -1
- package/dist/components/form-control/select/SelectItem.js.map +1 -1
- package/dist/components/form-control/state-preset/StatePreset.d.ts.map +1 -1
- package/dist/components/form-control/state-preset/StatePreset.js +2 -1
- package/dist/components/form-control/state-preset/StatePreset.js.map +2 -2
- package/dist/components/layout/FormGroup.d.ts.map +1 -1
- package/dist/components/layout/FormGroup.js.map +1 -1
- package/dist/components/layout/sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/layout/sidebar/Sidebar.js +1 -1
- package/dist/components/layout/sidebar/Sidebar.js.map +1 -1
- package/dist/components/layout/sidebar/SidebarContainer.d.ts.map +1 -1
- package/dist/components/layout/sidebar/SidebarContainer.js.map +1 -1
- package/dist/components/layout/sidebar/SidebarMenu.js +1 -1
- package/dist/components/layout/sidebar/SidebarMenu.js.map +1 -1
- package/dist/components/layout/sidebar/SidebarUser.d.ts.map +1 -1
- package/dist/components/layout/sidebar/SidebarUser.js +4 -4
- package/dist/components/layout/sidebar/SidebarUser.js.map +1 -1
- package/dist/components/layout/topbar/Topbar.js +1 -1
- package/dist/components/layout/topbar/TopbarMenu.d.ts.map +1 -1
- package/dist/components/layout/topbar/TopbarMenu.js.map +1 -1
- package/dist/components/layout/topbar/TopbarUser.d.ts.map +1 -1
- package/dist/components/layout/topbar/TopbarUser.js.map +1 -1
- package/dist/helpers/createAppStructure.d.ts.map +1 -1
- package/dist/helpers/createAppStructure.js +17 -12
- package/dist/helpers/createAppStructure.js.map +1 -1
- package/dist/helpers/mergeStyles.d.ts.map +1 -1
- package/dist/helpers/mergeStyles.js +4 -1
- package/dist/helpers/mergeStyles.js.map +1 -1
- package/dist/helpers/splitSlots.d.ts.map +1 -1
- package/dist/helpers/splitSlots.js.map +1 -1
- package/dist/hooks/createControllableSignal.d.ts.map +1 -1
- package/dist/hooks/createControllableSignal.js.map +1 -1
- package/dist/hooks/createItemTemplate.d.ts +17 -0
- package/dist/hooks/createItemTemplate.d.ts.map +1 -0
- package/dist/hooks/createItemTemplate.js +40 -0
- package/dist/hooks/createItemTemplate.js.map +6 -0
- package/dist/hooks/createPointerDrag.d.ts +13 -0
- package/dist/hooks/createPointerDrag.d.ts.map +1 -0
- package/dist/hooks/createPointerDrag.js +15 -0
- package/dist/hooks/createPointerDrag.js.map +6 -0
- package/dist/hooks/createSelectionGroup.d.ts +70 -0
- package/dist/hooks/createSelectionGroup.d.ts.map +1 -0
- package/dist/hooks/createSelectionGroup.js +141 -0
- package/dist/hooks/createSelectionGroup.js.map +6 -0
- package/dist/hooks/useClipboardValueCopy.js +3 -1
- package/dist/hooks/useClipboardValueCopy.js.map +1 -1
- package/dist/hooks/useLocalStorage.d.ts +5 -3
- package/dist/hooks/useLocalStorage.d.ts.map +1 -1
- package/dist/hooks/useLocalStorage.js.map +1 -1
- package/dist/hooks/usePrint.d.ts.map +1 -1
- package/dist/hooks/usePrint.js +5 -3
- package/dist/hooks/usePrint.js.map +1 -1
- package/dist/hooks/{createPwaUpdate.d.ts → usePwaUpdate.d.ts} +2 -2
- package/dist/hooks/usePwaUpdate.d.ts.map +1 -0
- package/dist/hooks/{createPwaUpdate.js → usePwaUpdate.js} +3 -3
- package/dist/hooks/usePwaUpdate.js.map +6 -0
- package/dist/hooks/useRouterLink.d.ts.map +1 -1
- package/dist/hooks/useRouterLink.js.map +1 -1
- package/dist/hooks/useSyncConfig.d.ts +3 -3
- package/dist/hooks/useSyncConfig.d.ts.map +1 -1
- package/dist/hooks/useSyncConfig.js +6 -7
- package/dist/hooks/useSyncConfig.js.map +1 -1
- package/dist/index.d.ts +5 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -7
- package/dist/index.js.map +1 -1
- package/dist/providers/ConfigContext.d.ts +2 -2
- package/dist/providers/ConfigContext.d.ts.map +1 -1
- package/dist/providers/InitializeProvider.js +5 -5
- package/dist/providers/InitializeProvider.js.map +2 -2
- package/dist/providers/ServiceClientProvider.d.ts.map +1 -1
- package/dist/providers/ServiceClientProvider.js.map +1 -1
- package/dist/providers/ThemeContext.d.ts.map +1 -1
- package/dist/providers/ThemeContext.js +2 -1
- package/dist/providers/ThemeContext.js.map +2 -2
- package/dist/providers/shared-data/SharedDataChangeEvent.d.ts.map +1 -1
- package/dist/providers/shared-data/SharedDataChangeEvent.js +1 -3
- package/dist/providers/shared-data/SharedDataChangeEvent.js.map +1 -1
- package/dist/providers/shared-data/SharedDataContext.d.ts +1 -1
- package/dist/providers/shared-data/SharedDataContext.d.ts.map +1 -1
- package/dist/providers/shared-data/SharedDataProvider.d.ts.map +1 -1
- package/dist/providers/shared-data/SharedDataProvider.js +6 -6
- package/dist/providers/shared-data/SharedDataProvider.js.map +2 -2
- package/dist/styles/patterns.styles.d.ts +1 -0
- package/dist/styles/patterns.styles.d.ts.map +1 -1
- package/dist/styles/patterns.styles.js +12 -1
- package/dist/styles/patterns.styles.js.map +1 -1
- package/dist/styles/tokens.styles.d.ts +2 -1
- package/dist/styles/tokens.styles.d.ts.map +1 -1
- package/dist/styles/tokens.styles.js +1 -1
- package/dist/styles/tokens.styles.js.map +1 -1
- package/docs/data-components.md +34 -5
- package/docs/disclosure.md +28 -8
- package/docs/display.md +19 -2
- package/docs/feedback.md +35 -12
- package/docs/form-controls.md +289 -33
- package/docs/hooks.md +21 -9
- package/docs/layout.md +15 -3
- package/docs/providers.md +120 -8
- package/docs/styling.md +90 -0
- package/package.json +3 -3
- package/src/components/data/Pagination.tsx +26 -22
- package/src/components/data/Table.tsx +1 -1
- package/src/components/data/calendar/Calendar.tsx +19 -5
- package/src/components/data/kanban/Kanban.tsx +72 -35
- package/src/components/data/list/List.tsx +11 -4
- package/src/components/data/list/ListItem.tsx +12 -2
- package/src/components/data/permission-table/PermissionTable.tsx +32 -5
- package/src/components/data/sheet/DataSheet.styles.ts +24 -6
- package/src/components/data/sheet/DataSheet.tsx +215 -149
- package/src/components/data/sheet/DataSheetColumn.tsx +5 -1
- package/src/components/data/sheet/DataSheetConfigDialog.tsx +27 -5
- package/src/components/data/sheet/sheetUtils.ts +12 -3
- package/src/components/data/sheet/types.ts +2 -2
- package/src/components/disclosure/Collapse.tsx +14 -3
- package/src/components/disclosure/Dialog.tsx +122 -106
- package/src/components/disclosure/DialogContext.ts +8 -5
- package/src/components/disclosure/DialogProvider.tsx +19 -7
- package/src/components/disclosure/Dropdown.tsx +12 -2
- package/src/components/disclosure/Tabs.tsx +29 -5
- package/src/components/display/Alert.tsx +3 -4
- package/src/components/display/Card.tsx +1 -2
- package/src/components/display/Echarts.tsx +12 -5
- package/src/components/display/Link.tsx +22 -0
- package/src/components/feedback/Progress.tsx +9 -5
- package/src/components/feedback/{loading/LoadingContainer.tsx → busy/BusyContainer.tsx} +52 -19
- package/src/components/feedback/busy/BusyContext.ts +20 -0
- package/src/components/feedback/{loading/LoadingProvider.tsx → busy/BusyProvider.tsx} +10 -10
- package/src/components/feedback/notification/NotificationBanner.tsx +14 -3
- package/src/components/feedback/notification/NotificationBell.tsx +21 -15
- package/src/components/feedback/notification/NotificationContext.ts +4 -1
- package/src/components/feedback/notification/NotificationProvider.tsx +4 -1
- package/src/components/form-control/Button.tsx +8 -3
- package/src/components/form-control/DropdownTrigger.styles.ts +7 -1
- package/src/components/form-control/Invalid.tsx +114 -48
- package/src/components/form-control/ThemeToggle.tsx +9 -18
- package/src/components/form-control/checkbox/Checkbox.styles.ts +7 -10
- package/src/components/form-control/checkbox/Checkbox.tsx +39 -28
- package/src/components/form-control/checkbox/CheckboxGroup.tsx +18 -97
- package/src/components/form-control/checkbox/Radio.tsx +39 -28
- package/src/components/form-control/checkbox/RadioGroup.tsx +18 -92
- package/src/components/form-control/color-picker/ColorPicker.tsx +51 -18
- package/src/components/form-control/combobox/Combobox.tsx +53 -35
- package/src/components/form-control/editor/EditorToolbar.tsx +19 -19
- package/src/components/form-control/editor/RichTextEditor.tsx +22 -4
- package/src/components/form-control/field/DatePicker.tsx +99 -93
- package/src/components/form-control/field/DateTimePicker.tsx +115 -96
- package/src/components/form-control/field/Field.styles.ts +62 -3
- package/src/components/form-control/field/FieldPlaceholder.tsx +18 -0
- package/src/components/form-control/field/NumberInput.tsx +136 -84
- package/src/components/form-control/field/TextInput.tsx +135 -88
- package/src/components/form-control/field/Textarea.tsx +126 -99
- package/src/components/form-control/field/TimePicker.tsx +101 -71
- package/src/components/form-control/select/Select.tsx +75 -42
- package/src/components/form-control/select/SelectItem.tsx +3 -1
- package/src/components/form-control/state-preset/StatePreset.tsx +41 -22
- package/src/components/layout/FormGroup.tsx +11 -2
- package/src/components/layout/sidebar/Sidebar.tsx +3 -2
- package/src/components/layout/sidebar/SidebarContainer.tsx +8 -1
- package/src/components/layout/sidebar/SidebarMenu.tsx +8 -2
- package/src/components/layout/sidebar/SidebarUser.tsx +12 -7
- package/src/components/layout/topbar/Topbar.tsx +1 -1
- package/src/components/layout/topbar/TopbarMenu.tsx +27 -5
- package/src/components/layout/topbar/TopbarUser.tsx +5 -1
- package/src/helpers/createAppStructure.ts +29 -15
- package/src/helpers/mergeStyles.ts +6 -2
- package/src/helpers/splitSlots.ts +4 -1
- package/src/hooks/createControllableSignal.ts +2 -1
- package/src/hooks/createItemTemplate.tsx +42 -0
- package/src/hooks/createPointerDrag.ts +28 -0
- package/src/hooks/createSelectionGroup.tsx +235 -0
- package/src/hooks/useClipboardValueCopy.ts +5 -2
- package/src/hooks/useLocalStorage.ts +11 -5
- package/src/hooks/usePrint.ts +9 -4
- package/src/hooks/{createPwaUpdate.ts → usePwaUpdate.ts} +1 -1
- package/src/hooks/useRouterLink.ts +3 -1
- package/src/hooks/useSyncConfig.ts +9 -13
- package/src/index.ts +6 -7
- package/src/providers/ConfigContext.ts +2 -2
- package/src/providers/InitializeProvider.tsx +4 -4
- package/src/providers/ServiceClientProvider.tsx +14 -3
- package/src/providers/ThemeContext.tsx +12 -3
- package/src/providers/shared-data/SharedDataChangeEvent.ts +4 -3
- package/src/providers/shared-data/SharedDataContext.ts +1 -1
- package/src/providers/shared-data/SharedDataProvider.tsx +13 -8
- package/src/styles/patterns.styles.ts +13 -1
- package/src/styles/tokens.styles.ts +2 -1
- package/tailwind.config.ts +9 -0
- package/tailwind.css +1 -1
- package/dist/components/display/Card.css +0 -15
- package/dist/components/feedback/loading/LoadingContainer.d.ts +0 -12
- package/dist/components/feedback/loading/LoadingContainer.d.ts.map +0 -1
- package/dist/components/feedback/loading/LoadingContainer.js.map +0 -6
- package/dist/components/feedback/loading/LoadingContext.d.ts +0 -11
- package/dist/components/feedback/loading/LoadingContext.d.ts.map +0 -1
- package/dist/components/feedback/loading/LoadingContext.js +0 -14
- package/dist/components/feedback/loading/LoadingContext.js.map +0 -6
- package/dist/components/feedback/loading/LoadingProvider.d.ts +0 -7
- package/dist/components/feedback/loading/LoadingProvider.d.ts.map +0 -1
- package/dist/components/feedback/loading/LoadingProvider.js.map +0 -6
- package/dist/hooks/createPwaUpdate.d.ts.map +0 -1
- package/dist/hooks/createPwaUpdate.js.map +0 -6
- package/src/components/display/Card.css +0 -15
- package/src/components/feedback/loading/LoadingContext.ts +0 -20
- /package/dist/components/feedback/{loading/LoadingContainer.css → busy/BusyContainer.css} +0 -0
- /package/src/components/feedback/{loading/LoadingContainer.css → busy/BusyContainer.css} +0 -0
|
@@ -1,22 +1,24 @@
|
|
|
1
1
|
import { template as _$template } from "solid-js/web";
|
|
2
2
|
import { delegateEvents as _$delegateEvents } from "solid-js/web";
|
|
3
3
|
import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
|
|
4
|
-
import { createComponent as _$createComponent } from "solid-js/web";
|
|
5
|
-
import { className as _$className } from "solid-js/web";
|
|
6
4
|
import { setAttribute as _$setAttribute } from "solid-js/web";
|
|
7
5
|
import { effect as _$effect } from "solid-js/web";
|
|
6
|
+
import { className as _$className } from "solid-js/web";
|
|
8
7
|
import { insert as _$insert } from "solid-js/web";
|
|
9
|
-
import { memo as _$memo } from "solid-js/web";
|
|
10
8
|
import { spread as _$spread } from "solid-js/web";
|
|
11
9
|
import { mergeProps as _$mergeProps } from "solid-js/web";
|
|
12
|
-
|
|
10
|
+
import { memo as _$memo } from "solid-js/web";
|
|
11
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
12
|
+
var _tmpl$ = /* @__PURE__ */ _$template(`<div><input>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-text-field-content>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div>`);
|
|
13
13
|
import clsx from "clsx";
|
|
14
|
-
import { createEffect, Show, splitProps } from "solid-js";
|
|
14
|
+
import { createEffect, createMemo, Show, splitProps } from "solid-js";
|
|
15
15
|
import { twMerge } from "tailwind-merge";
|
|
16
16
|
import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
|
|
17
17
|
import { createIMEHandler } from "../../../hooks/createIMEHandler.js";
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
18
|
+
import { fieldGapClasses, fieldInputClass, getFieldWrapperClass } from "./Field.styles.js";
|
|
19
|
+
import { PlaceholderFallback } from "./FieldPlaceholder.js";
|
|
20
|
+
import { Icon } from "../../display/Icon.js";
|
|
21
|
+
import { Invalid } from "../../form-control/Invalid.js";
|
|
20
22
|
function applyFormat(value, format) {
|
|
21
23
|
if (!value || !format) return value;
|
|
22
24
|
let result = "";
|
|
@@ -35,15 +37,14 @@ function removeFormat(formattedValue, format) {
|
|
|
35
37
|
if (!formattedValue || !format) return formattedValue;
|
|
36
38
|
let result = "";
|
|
37
39
|
for (let i = 0; i < formattedValue.length; i++) {
|
|
38
|
-
|
|
39
|
-
if (formatChar === "X") {
|
|
40
|
+
if (i >= format.length || format[i] === "X") {
|
|
40
41
|
result += formattedValue[i];
|
|
41
42
|
}
|
|
42
43
|
}
|
|
43
44
|
return result;
|
|
44
45
|
}
|
|
45
46
|
const TextInput = (props) => {
|
|
46
|
-
const [local, rest] = splitProps(props, ["value", "onValueChange", "type", "placeholder", "title", "autocomplete", "disabled", "readonly", "size", "inset", "format", "class", "style"]);
|
|
47
|
+
const [local, rest] = splitProps(props, ["value", "onValueChange", "type", "placeholder", "title", "autocomplete", "disabled", "readonly", "size", "inset", "format", "prefixIcon", "required", "minLength", "maxLength", "pattern", "validate", "touchMode", "class", "style"]);
|
|
47
48
|
const [value, setValue] = createControllableSignal({
|
|
48
49
|
value: () => local.value ?? "",
|
|
49
50
|
onChange: () => local.onValueChange
|
|
@@ -80,129 +81,191 @@ const TextInput = (props) => {
|
|
|
80
81
|
const handleCompositionEnd = (e) => {
|
|
81
82
|
ime.handleCompositionEnd(extractValue(e.currentTarget));
|
|
82
83
|
};
|
|
83
|
-
const getWrapperClass = (includeCustomClass) =>
|
|
84
|
+
const getWrapperClass = (includeCustomClass) => getFieldWrapperClass({
|
|
85
|
+
size: local.size,
|
|
86
|
+
disabled: local.disabled,
|
|
87
|
+
inset: local.inset,
|
|
88
|
+
includeCustomClass: includeCustomClass && local.class,
|
|
89
|
+
extra: local.prefixIcon && fieldGapClasses[local.size ?? "default"]
|
|
90
|
+
});
|
|
84
91
|
const isEditable = () => !local.disabled && !local.readonly;
|
|
92
|
+
const prefixIconEl = () => _$createComponent(Show, {
|
|
93
|
+
get when() {
|
|
94
|
+
return local.prefixIcon;
|
|
95
|
+
},
|
|
96
|
+
get children() {
|
|
97
|
+
return _$createComponent(Icon, {
|
|
98
|
+
get icon() {
|
|
99
|
+
return local.prefixIcon;
|
|
100
|
+
},
|
|
101
|
+
"class": "shrink-0 opacity-70"
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
});
|
|
85
105
|
createEffect(() => {
|
|
86
106
|
if (!isEditable()) {
|
|
87
107
|
ime.flushComposition();
|
|
88
108
|
}
|
|
89
109
|
});
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
110
|
+
const errorMsg = createMemo(() => {
|
|
111
|
+
var _a;
|
|
112
|
+
const v = value();
|
|
113
|
+
if (local.required && !v) return "\uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4";
|
|
114
|
+
if (v) {
|
|
115
|
+
if (local.minLength != null && v.length < local.minLength) return `\uCD5C\uC18C ${local.minLength}\uC790 \uC774\uC0C1 \uC785\uB825\uD558\uC138\uC694`;
|
|
116
|
+
if (local.maxLength != null && v.length > local.maxLength) return `\uCD5C\uB300 ${local.maxLength}\uC790\uAE4C\uC9C0 \uC785\uB825 \uAC00\uB2A5\uD569\uB2C8\uB2E4`;
|
|
117
|
+
if (local.pattern != null && !new RegExp(local.pattern).test(v)) return "\uC785\uB825 \uD615\uC2DD\uC774 \uC62C\uBC14\uB974\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4";
|
|
118
|
+
}
|
|
119
|
+
return (_a = local.validate) == null ? void 0 : _a.call(local, v);
|
|
120
|
+
});
|
|
121
|
+
return _$createComponent(Invalid, {
|
|
122
|
+
get message() {
|
|
123
|
+
return errorMsg();
|
|
93
124
|
},
|
|
94
|
-
get
|
|
95
|
-
return
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
return isEditable();
|
|
100
|
-
},
|
|
101
|
-
get fallback() {
|
|
102
|
-
return (() => {
|
|
103
|
-
var _el$6 = _tmpl$4();
|
|
104
|
-
_$spread(_el$6, _$mergeProps(rest, {
|
|
105
|
-
"data-text-field": "",
|
|
106
|
-
get ["class"]() {
|
|
107
|
-
return twMerge(getWrapperClass(true), "sd-text-field");
|
|
108
|
-
},
|
|
109
|
-
get style() {
|
|
110
|
-
return local.style;
|
|
111
|
-
},
|
|
112
|
-
get title() {
|
|
113
|
-
return local.title;
|
|
114
|
-
}
|
|
115
|
-
}), false, true);
|
|
116
|
-
_$insert(_el$6, () => displayValue() || (local.placeholder != null && local.placeholder !== "" ? (() => {
|
|
117
|
-
var _el$7 = _tmpl$5();
|
|
118
|
-
_$className(_el$7, textMuted);
|
|
119
|
-
_$insert(_el$7, () => local.placeholder);
|
|
120
|
-
return _el$7;
|
|
121
|
-
})() : "\xA0"));
|
|
122
|
-
return _el$6;
|
|
123
|
-
})();
|
|
124
|
-
},
|
|
125
|
-
get children() {
|
|
126
|
-
var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
|
|
127
|
-
_$spread(_el$4, _$mergeProps(rest, {
|
|
128
|
-
"data-text-field": "",
|
|
129
|
-
get ["class"]() {
|
|
130
|
-
return getWrapperClass(true);
|
|
131
|
-
},
|
|
132
|
-
get style() {
|
|
133
|
-
return local.style;
|
|
134
|
-
}
|
|
135
|
-
}), false, true);
|
|
136
|
-
_el$5.addEventListener("compositionend", handleCompositionEnd);
|
|
137
|
-
_el$5.addEventListener("compositionstart", handleCompositionStart);
|
|
138
|
-
_el$5.$$input = handleInput;
|
|
139
|
-
_$className(_el$5, fieldInputClass);
|
|
140
|
-
_$effect((_p$) => {
|
|
141
|
-
var _v$6 = local.type ?? "text", _v$7 = local.placeholder, _v$8 = local.title, _v$9 = local.autocomplete;
|
|
142
|
-
_v$6 !== _p$.e && _$setAttribute(_el$5, "type", _p$.e = _v$6);
|
|
143
|
-
_v$7 !== _p$.t && _$setAttribute(_el$5, "placeholder", _p$.t = _v$7);
|
|
144
|
-
_v$8 !== _p$.a && _$setAttribute(_el$5, "title", _p$.a = _v$8);
|
|
145
|
-
_v$9 !== _p$.o && _$setAttribute(_el$5, "autocomplete", _p$.o = _v$9);
|
|
146
|
-
return _p$;
|
|
147
|
-
}, {
|
|
148
|
-
e: void 0,
|
|
149
|
-
t: void 0,
|
|
150
|
-
a: void 0,
|
|
151
|
-
o: void 0
|
|
152
|
-
});
|
|
153
|
-
_$effect(() => _el$5.value = inputValue());
|
|
154
|
-
return _el$4;
|
|
155
|
-
}
|
|
156
|
-
})
|
|
157
|
-
);
|
|
125
|
+
get variant() {
|
|
126
|
+
return local.inset ? "dot" : "border";
|
|
127
|
+
},
|
|
128
|
+
get touchMode() {
|
|
129
|
+
return local.touchMode;
|
|
158
130
|
},
|
|
159
131
|
get children() {
|
|
160
|
-
|
|
161
|
-
_$spread(_el$, _$mergeProps(rest, {
|
|
162
|
-
"data-text-field": "",
|
|
163
|
-
get ["class"]() {
|
|
164
|
-
return twMerge(getWrapperClass(false), "relative", local.class);
|
|
165
|
-
},
|
|
166
|
-
get style() {
|
|
167
|
-
return local.style;
|
|
168
|
-
}
|
|
169
|
-
}), false, true);
|
|
170
|
-
_$insert(_el$2, () => displayValue() || (local.placeholder != null && local.placeholder !== "" ? (() => {
|
|
171
|
-
var _el$8 = _tmpl$5();
|
|
172
|
-
_$className(_el$8, textMuted);
|
|
173
|
-
_$insert(_el$8, () => local.placeholder);
|
|
174
|
-
return _el$8;
|
|
175
|
-
})() : "\xA0"));
|
|
176
|
-
_$insert(_el$, _$createComponent(Show, {
|
|
132
|
+
return _$createComponent(Show, {
|
|
177
133
|
get when() {
|
|
178
|
-
return
|
|
134
|
+
return local.inset;
|
|
135
|
+
},
|
|
136
|
+
get fallback() {
|
|
137
|
+
return (
|
|
138
|
+
// standalone 모드: 기존 Show 패턴 유지
|
|
139
|
+
_$createComponent(Show, {
|
|
140
|
+
get when() {
|
|
141
|
+
return isEditable();
|
|
142
|
+
},
|
|
143
|
+
get fallback() {
|
|
144
|
+
return (() => {
|
|
145
|
+
var _el$7 = _tmpl$3();
|
|
146
|
+
_$spread(_el$7, _$mergeProps(rest, {
|
|
147
|
+
"data-text-field": "",
|
|
148
|
+
get ["class"]() {
|
|
149
|
+
return twMerge(getWrapperClass(true), "sd-text-field");
|
|
150
|
+
},
|
|
151
|
+
get style() {
|
|
152
|
+
return local.style;
|
|
153
|
+
},
|
|
154
|
+
get title() {
|
|
155
|
+
return local.title;
|
|
156
|
+
}
|
|
157
|
+
}), false, true);
|
|
158
|
+
_$insert(_el$7, prefixIconEl, null);
|
|
159
|
+
_$insert(_el$7, _$createComponent(PlaceholderFallback, {
|
|
160
|
+
get value() {
|
|
161
|
+
return displayValue();
|
|
162
|
+
},
|
|
163
|
+
get placeholder() {
|
|
164
|
+
return local.placeholder;
|
|
165
|
+
}
|
|
166
|
+
}), null);
|
|
167
|
+
return _el$7;
|
|
168
|
+
})();
|
|
169
|
+
},
|
|
170
|
+
get children() {
|
|
171
|
+
var _el$5 = _tmpl$(), _el$6 = _el$5.firstChild;
|
|
172
|
+
_$spread(_el$5, _$mergeProps(rest, {
|
|
173
|
+
"data-text-field": "",
|
|
174
|
+
get ["class"]() {
|
|
175
|
+
return getWrapperClass(true);
|
|
176
|
+
},
|
|
177
|
+
get style() {
|
|
178
|
+
return local.style;
|
|
179
|
+
}
|
|
180
|
+
}), false, true);
|
|
181
|
+
_$insert(_el$5, prefixIconEl, _el$6);
|
|
182
|
+
_el$6.addEventListener("compositionend", handleCompositionEnd);
|
|
183
|
+
_el$6.addEventListener("compositionstart", handleCompositionStart);
|
|
184
|
+
_el$6.$$input = handleInput;
|
|
185
|
+
_$className(_el$6, fieldInputClass);
|
|
186
|
+
_$effect((_p$) => {
|
|
187
|
+
var _v$9 = local.type ?? "text", _v$0 = local.placeholder, _v$1 = local.title, _v$10 = local.autocomplete;
|
|
188
|
+
_v$9 !== _p$.e && _$setAttribute(_el$6, "type", _p$.e = _v$9);
|
|
189
|
+
_v$0 !== _p$.t && _$setAttribute(_el$6, "placeholder", _p$.t = _v$0);
|
|
190
|
+
_v$1 !== _p$.a && _$setAttribute(_el$6, "title", _p$.a = _v$1);
|
|
191
|
+
_v$10 !== _p$.o && _$setAttribute(_el$6, "autocomplete", _p$.o = _v$10);
|
|
192
|
+
return _p$;
|
|
193
|
+
}, {
|
|
194
|
+
e: void 0,
|
|
195
|
+
t: void 0,
|
|
196
|
+
a: void 0,
|
|
197
|
+
o: void 0
|
|
198
|
+
});
|
|
199
|
+
_$effect(() => _el$6.value = inputValue());
|
|
200
|
+
return _el$5;
|
|
201
|
+
}
|
|
202
|
+
})
|
|
203
|
+
);
|
|
179
204
|
},
|
|
180
205
|
get children() {
|
|
181
|
-
var _el$
|
|
182
|
-
_el$
|
|
183
|
-
|
|
184
|
-
|
|
206
|
+
var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
|
|
207
|
+
_$spread(_el$, _$mergeProps(rest, {
|
|
208
|
+
"data-text-field": "",
|
|
209
|
+
get ["class"]() {
|
|
210
|
+
return clsx("relative", local.class);
|
|
211
|
+
},
|
|
212
|
+
get style() {
|
|
213
|
+
return local.style;
|
|
214
|
+
}
|
|
215
|
+
}), false, true);
|
|
216
|
+
_$insert(_el$2, prefixIconEl, null);
|
|
217
|
+
_$insert(_el$2, _$createComponent(PlaceholderFallback, {
|
|
218
|
+
get value() {
|
|
219
|
+
return displayValue();
|
|
220
|
+
},
|
|
221
|
+
get placeholder() {
|
|
222
|
+
return local.placeholder;
|
|
223
|
+
}
|
|
224
|
+
}), null);
|
|
225
|
+
_$insert(_el$, _$createComponent(Show, {
|
|
226
|
+
get when() {
|
|
227
|
+
return isEditable();
|
|
228
|
+
},
|
|
229
|
+
get children() {
|
|
230
|
+
var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild;
|
|
231
|
+
_$insert(_el$3, prefixIconEl, _el$4);
|
|
232
|
+
_el$4.addEventListener("compositionend", handleCompositionEnd);
|
|
233
|
+
_el$4.addEventListener("compositionstart", handleCompositionStart);
|
|
234
|
+
_el$4.$$input = handleInput;
|
|
235
|
+
_$className(_el$4, fieldInputClass);
|
|
236
|
+
_$effect((_p$) => {
|
|
237
|
+
var _v$ = twMerge(getWrapperClass(false), "absolute left-0 top-0 size-full"), _v$2 = local.type ?? "text", _v$3 = local.placeholder, _v$4 = local.title, _v$5 = local.autocomplete;
|
|
238
|
+
_v$ !== _p$.e && _$className(_el$3, _p$.e = _v$);
|
|
239
|
+
_v$2 !== _p$.t && _$setAttribute(_el$4, "type", _p$.t = _v$2);
|
|
240
|
+
_v$3 !== _p$.a && _$setAttribute(_el$4, "placeholder", _p$.a = _v$3);
|
|
241
|
+
_v$4 !== _p$.o && _$setAttribute(_el$4, "title", _p$.o = _v$4);
|
|
242
|
+
_v$5 !== _p$.i && _$setAttribute(_el$4, "autocomplete", _p$.i = _v$5);
|
|
243
|
+
return _p$;
|
|
244
|
+
}, {
|
|
245
|
+
e: void 0,
|
|
246
|
+
t: void 0,
|
|
247
|
+
a: void 0,
|
|
248
|
+
o: void 0,
|
|
249
|
+
i: void 0
|
|
250
|
+
});
|
|
251
|
+
_$effect(() => _el$4.value = inputValue());
|
|
252
|
+
return _el$3;
|
|
253
|
+
}
|
|
254
|
+
}), null);
|
|
185
255
|
_$effect((_p$) => {
|
|
186
|
-
var _v$ =
|
|
187
|
-
_v$ !== _p$.e && _$
|
|
188
|
-
_v$
|
|
189
|
-
_v$
|
|
190
|
-
_v$4 !== _p$.o && _$setAttribute(_el$3, "title", _p$.o = _v$4);
|
|
191
|
-
_v$5 !== _p$.i && _$setAttribute(_el$3, "autocomplete", _p$.i = _v$5);
|
|
256
|
+
var _v$6 = getWrapperClass(false), _v$7 = isEditable() ? "hidden" : void 0, _v$8 = local.title;
|
|
257
|
+
_v$6 !== _p$.e && _$className(_el$2, _p$.e = _v$6);
|
|
258
|
+
_v$7 !== _p$.t && _$setStyleProperty(_el$2, "visibility", _p$.t = _v$7);
|
|
259
|
+
_v$8 !== _p$.a && _$setAttribute(_el$2, "title", _p$.a = _v$8);
|
|
192
260
|
return _p$;
|
|
193
261
|
}, {
|
|
194
262
|
e: void 0,
|
|
195
263
|
t: void 0,
|
|
196
|
-
a: void 0
|
|
197
|
-
o: void 0,
|
|
198
|
-
i: void 0
|
|
264
|
+
a: void 0
|
|
199
265
|
});
|
|
200
|
-
|
|
201
|
-
return _el$3;
|
|
266
|
+
return _el$;
|
|
202
267
|
}
|
|
203
|
-
})
|
|
204
|
-
_$effect((_$p) => _$setStyleProperty(_el$2, "visibility", isEditable() ? "hidden" : void 0));
|
|
205
|
-
return _el$;
|
|
268
|
+
});
|
|
206
269
|
}
|
|
207
270
|
});
|
|
208
271
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/form-control/field/TextInput.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;AAAA,OAAOA,UAAU;AACjB,SAAyBC,
|
|
5
|
-
"names": ["clsx", "createEffect", "Show", "splitProps", "twMerge", "createControllableSignal", "createIMEHandler", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["clsx", "createEffect", "createMemo", "Show", "splitProps", "twMerge", "createControllableSignal", "createIMEHandler", "fieldGapClasses", "fieldInputClass", "getFieldWrapperClass", "PlaceholderFallback", "Icon", "Invalid", "applyFormat", "value", "format", "result", "valueIndex", "i", "length", "removeFormat", "formattedValue", "TextInput", "props", "local", "rest", "setValue", "onChange", "onValueChange", "ime", "v", "extractValue", "el", "val", "inputValue", "displayValue", "composing", "composingValue", "handleCompositionStart", "handleInput", "e", "currentTarget", "isComposing", "handleCompositionEnd", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "extra", "prefixIcon", "isEditable", "readonly", "prefixIconEl", "_$createComponent", "when", "children", "icon", "flushComposition", "errorMsg", "required", "minLength", "maxLength", "pattern", "RegExp", "test", "validate", "message", "variant", "touchMode", "fallback", "_el$7", "_tmpl$3", "_$spread", "_$mergeProps", "style", "title", "_$insert", "placeholder", "_el$5", "_tmpl$", "_el$6", "firstChild", "addEventListener", "$$input", "_$className", "_$effect", "_p$", "_v$9", "type", "_v$0", "_v$1", "_v$10", "autocomplete", "_$setAttribute", "t", "a", "o", "undefined", "_el$", "_tmpl$2", "_el$2", "_el$3", "_el$4", "_v$", "_v$2", "_v$3", "_v$4", "_v$5", "_v$6", "_v$7", "_v$8", "_$setStyleProperty", "_$delegateEvents"]
|
|
6
6
|
}
|
|
@@ -19,6 +19,16 @@ export interface TextareaProps {
|
|
|
19
19
|
inset?: boolean;
|
|
20
20
|
/** 최소 줄 수 (기본값: 1) */
|
|
21
21
|
minRows?: number;
|
|
22
|
+
/** 필수 입력 여부 */
|
|
23
|
+
required?: boolean;
|
|
24
|
+
/** 최소 길이 */
|
|
25
|
+
minLength?: number;
|
|
26
|
+
/** 최대 길이 */
|
|
27
|
+
maxLength?: number;
|
|
28
|
+
/** 커스텀 유효성 검사 함수 */
|
|
29
|
+
validate?: (value: string) => string | undefined;
|
|
30
|
+
/** touchMode: 포커스 해제 후에만 에러 표시 */
|
|
31
|
+
touchMode?: boolean;
|
|
22
32
|
/** 커스텀 class */
|
|
23
33
|
class?: string;
|
|
24
34
|
/** 커스텀 style */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAA4B,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAIhG,OAAO,EAAE,KAAK,SAAS,EAAgD,MAAM,gBAAgB,CAAC;AAI9F,MAAM,WAAW,aAAa;IAC5B,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU;IACV,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,YAAY;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAEjD,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAWD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,EAAE,SAAS,CAAC,aAAa,CA0M7C,CAAC"}
|