@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,21 +1,23 @@
|
|
|
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
4
|
import { setAttribute as _$setAttribute } from "solid-js/web";
|
|
6
5
|
import { effect as _$effect } from "solid-js/web";
|
|
7
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
|
-
|
|
13
|
-
import {
|
|
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 type=text inputmode=numeric>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-number-field-content>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div>`);
|
|
13
|
+
import { createEffect, createMemo, Show, splitProps, createSignal } from "solid-js";
|
|
14
14
|
import clsx from "clsx";
|
|
15
15
|
import { twMerge } from "tailwind-merge";
|
|
16
16
|
import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
17
|
+
import { fieldInputClass, fieldGapClasses, getFieldWrapperClass } from "./Field.styles.js";
|
|
18
|
+
import { Icon } from "../../display/Icon.js";
|
|
19
|
+
import { PlaceholderFallback } from "./FieldPlaceholder.js";
|
|
20
|
+
import { Invalid } from "../../form-control/Invalid.js";
|
|
19
21
|
const numberInputClass = clsx(fieldInputClass, "text-right", "[&::-webkit-outer-spin-button]:appearance-none", "[&::-webkit-inner-spin-button]:appearance-none");
|
|
20
22
|
function formatNumber(value, useComma, minDigits) {
|
|
21
23
|
if (value == null) return "";
|
|
@@ -54,7 +56,7 @@ function isValidNumberInput(str) {
|
|
|
54
56
|
return /^-?\d*\.?\d*$/.test(cleanStr);
|
|
55
57
|
}
|
|
56
58
|
const NumberInput = (props) => {
|
|
57
|
-
const [local, rest] = splitProps(props, ["value", "onValueChange", "comma", "minDigits", "placeholder", "title", "disabled", "readonly", "size", "inset", "class", "style"]);
|
|
59
|
+
const [local, rest] = splitProps(props, ["value", "onValueChange", "comma", "minDigits", "placeholder", "title", "disabled", "readonly", "size", "inset", "prefixIcon", "required", "min", "max", "validate", "touchMode", "class", "style"]);
|
|
58
60
|
const [inputStr, setInputStr] = createSignal("");
|
|
59
61
|
const [isEditing, setIsEditing] = createSignal(false);
|
|
60
62
|
const [value, setValue] = createControllableSignal({
|
|
@@ -97,127 +99,177 @@ const NumberInput = (props) => {
|
|
|
97
99
|
setIsEditing(false);
|
|
98
100
|
setInputStr(formatNumber(value(), local.comma ?? true, local.minDigits));
|
|
99
101
|
};
|
|
100
|
-
const getWrapperClass = (includeCustomClass) =>
|
|
102
|
+
const getWrapperClass = (includeCustomClass) => getFieldWrapperClass({
|
|
103
|
+
size: local.size,
|
|
104
|
+
disabled: local.disabled,
|
|
105
|
+
inset: local.inset,
|
|
106
|
+
includeCustomClass: includeCustomClass && local.class,
|
|
107
|
+
extra: local.prefixIcon && fieldGapClasses[local.size ?? "default"]
|
|
108
|
+
});
|
|
101
109
|
const isEditable = () => !local.disabled && !local.readonly;
|
|
102
|
-
|
|
110
|
+
const prefixIconEl = () => _$createComponent(Show, {
|
|
103
111
|
get when() {
|
|
104
|
-
return local.
|
|
105
|
-
},
|
|
106
|
-
get fallback() {
|
|
107
|
-
return (
|
|
108
|
-
// standalone 모드: 기존 Show 패턴 유지
|
|
109
|
-
_$createComponent(Show, {
|
|
110
|
-
get when() {
|
|
111
|
-
return isEditable();
|
|
112
|
-
},
|
|
113
|
-
get fallback() {
|
|
114
|
-
return (() => {
|
|
115
|
-
var _el$7 = _tmpl$3();
|
|
116
|
-
_$spread(_el$7, _$mergeProps(rest, {
|
|
117
|
-
"data-number-field": "",
|
|
118
|
-
get ["class"]() {
|
|
119
|
-
return twMerge(getWrapperClass(true), "sd-number-field", "justify-end");
|
|
120
|
-
},
|
|
121
|
-
get style() {
|
|
122
|
-
return local.style;
|
|
123
|
-
},
|
|
124
|
-
get title() {
|
|
125
|
-
return local.title;
|
|
126
|
-
}
|
|
127
|
-
}), false, true);
|
|
128
|
-
_$insert(_el$7, () => formatNumber(value(), local.comma ?? true, local.minDigits) || (local.placeholder != null && local.placeholder !== "" ? (() => {
|
|
129
|
-
var _el$8 = _tmpl$4();
|
|
130
|
-
_$className(_el$8, textMuted);
|
|
131
|
-
_$insert(_el$8, () => local.placeholder);
|
|
132
|
-
return _el$8;
|
|
133
|
-
})() : "\xA0"));
|
|
134
|
-
return _el$7;
|
|
135
|
-
})();
|
|
136
|
-
},
|
|
137
|
-
get children() {
|
|
138
|
-
var _el$5 = _tmpl$(), _el$6 = _el$5.firstChild;
|
|
139
|
-
_$spread(_el$5, _$mergeProps(rest, {
|
|
140
|
-
"data-number-field": "",
|
|
141
|
-
get ["class"]() {
|
|
142
|
-
return getWrapperClass(true);
|
|
143
|
-
},
|
|
144
|
-
get style() {
|
|
145
|
-
return local.style;
|
|
146
|
-
}
|
|
147
|
-
}), false, true);
|
|
148
|
-
_el$6.addEventListener("blur", handleBlur);
|
|
149
|
-
_el$6.addEventListener("focus", handleFocus);
|
|
150
|
-
_el$6.$$input = handleInput;
|
|
151
|
-
_$className(_el$6, numberInputClass);
|
|
152
|
-
_$effect((_p$) => {
|
|
153
|
-
var _v$7 = local.placeholder, _v$8 = local.title;
|
|
154
|
-
_v$7 !== _p$.e && _$setAttribute(_el$6, "placeholder", _p$.e = _v$7);
|
|
155
|
-
_v$8 !== _p$.t && _$setAttribute(_el$6, "title", _p$.t = _v$8);
|
|
156
|
-
return _p$;
|
|
157
|
-
}, {
|
|
158
|
-
e: void 0,
|
|
159
|
-
t: void 0
|
|
160
|
-
});
|
|
161
|
-
_$effect(() => _el$6.value = displayValue());
|
|
162
|
-
return _el$5;
|
|
163
|
-
}
|
|
164
|
-
})
|
|
165
|
-
);
|
|
112
|
+
return local.prefixIcon;
|
|
166
113
|
},
|
|
167
114
|
get children() {
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
get ["class"]() {
|
|
172
|
-
return clsx("relative", local.class);
|
|
115
|
+
return _$createComponent(Icon, {
|
|
116
|
+
get icon() {
|
|
117
|
+
return local.prefixIcon;
|
|
173
118
|
},
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
119
|
+
"class": "shrink-0 opacity-70"
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
});
|
|
123
|
+
const errorMsg = createMemo(() => {
|
|
124
|
+
var _a;
|
|
125
|
+
const v = value();
|
|
126
|
+
if (local.required && v === void 0) return "\uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4";
|
|
127
|
+
if (v !== void 0) {
|
|
128
|
+
if (local.min !== void 0 && v < local.min) return `\uCD5C\uC19F\uAC12\uC740 ${local.min}\uC785\uB2C8\uB2E4`;
|
|
129
|
+
if (local.max !== void 0 && v > local.max) return `\uCD5C\uB313\uAC12\uC740 ${local.max}\uC785\uB2C8\uB2E4`;
|
|
130
|
+
}
|
|
131
|
+
return (_a = local.validate) == null ? void 0 : _a.call(local, v);
|
|
132
|
+
});
|
|
133
|
+
return _$createComponent(Invalid, {
|
|
134
|
+
get message() {
|
|
135
|
+
return errorMsg();
|
|
136
|
+
},
|
|
137
|
+
get variant() {
|
|
138
|
+
return local.inset ? "dot" : "border";
|
|
139
|
+
},
|
|
140
|
+
get touchMode() {
|
|
141
|
+
return local.touchMode;
|
|
142
|
+
},
|
|
143
|
+
get children() {
|
|
144
|
+
return _$createComponent(Show, {
|
|
185
145
|
get when() {
|
|
186
|
-
return
|
|
146
|
+
return local.inset;
|
|
147
|
+
},
|
|
148
|
+
get fallback() {
|
|
149
|
+
return (
|
|
150
|
+
// standalone 모드: 기존 Show 패턴 유지
|
|
151
|
+
_$createComponent(Show, {
|
|
152
|
+
get when() {
|
|
153
|
+
return isEditable();
|
|
154
|
+
},
|
|
155
|
+
get fallback() {
|
|
156
|
+
return (() => {
|
|
157
|
+
var _el$7 = _tmpl$3();
|
|
158
|
+
_$spread(_el$7, _$mergeProps(rest, {
|
|
159
|
+
"data-number-field": "",
|
|
160
|
+
get ["class"]() {
|
|
161
|
+
return twMerge(getWrapperClass(true), "sd-number-field", "justify-end");
|
|
162
|
+
},
|
|
163
|
+
get style() {
|
|
164
|
+
return local.style;
|
|
165
|
+
},
|
|
166
|
+
get title() {
|
|
167
|
+
return local.title;
|
|
168
|
+
}
|
|
169
|
+
}), false, true);
|
|
170
|
+
_$insert(_el$7, prefixIconEl, null);
|
|
171
|
+
_$insert(_el$7, _$createComponent(PlaceholderFallback, {
|
|
172
|
+
get value() {
|
|
173
|
+
return formatNumber(value(), local.comma ?? true, local.minDigits);
|
|
174
|
+
},
|
|
175
|
+
get placeholder() {
|
|
176
|
+
return local.placeholder;
|
|
177
|
+
}
|
|
178
|
+
}), null);
|
|
179
|
+
return _el$7;
|
|
180
|
+
})();
|
|
181
|
+
},
|
|
182
|
+
get children() {
|
|
183
|
+
var _el$5 = _tmpl$(), _el$6 = _el$5.firstChild;
|
|
184
|
+
_$spread(_el$5, _$mergeProps(rest, {
|
|
185
|
+
"data-number-field": "",
|
|
186
|
+
get ["class"]() {
|
|
187
|
+
return getWrapperClass(true);
|
|
188
|
+
},
|
|
189
|
+
get style() {
|
|
190
|
+
return local.style;
|
|
191
|
+
}
|
|
192
|
+
}), false, true);
|
|
193
|
+
_$insert(_el$5, prefixIconEl, _el$6);
|
|
194
|
+
_el$6.addEventListener("blur", handleBlur);
|
|
195
|
+
_el$6.addEventListener("focus", handleFocus);
|
|
196
|
+
_el$6.$$input = handleInput;
|
|
197
|
+
_$className(_el$6, numberInputClass);
|
|
198
|
+
_$effect((_p$) => {
|
|
199
|
+
var _v$7 = local.placeholder, _v$8 = local.title;
|
|
200
|
+
_v$7 !== _p$.e && _$setAttribute(_el$6, "placeholder", _p$.e = _v$7);
|
|
201
|
+
_v$8 !== _p$.t && _$setAttribute(_el$6, "title", _p$.t = _v$8);
|
|
202
|
+
return _p$;
|
|
203
|
+
}, {
|
|
204
|
+
e: void 0,
|
|
205
|
+
t: void 0
|
|
206
|
+
});
|
|
207
|
+
_$effect(() => _el$6.value = displayValue());
|
|
208
|
+
return _el$5;
|
|
209
|
+
}
|
|
210
|
+
})
|
|
211
|
+
);
|
|
187
212
|
},
|
|
188
213
|
get children() {
|
|
189
|
-
var _el$
|
|
190
|
-
_el$
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
214
|
+
var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
|
|
215
|
+
_$spread(_el$, _$mergeProps(rest, {
|
|
216
|
+
"data-number-field": "",
|
|
217
|
+
get ["class"]() {
|
|
218
|
+
return clsx("relative", local.class);
|
|
219
|
+
},
|
|
220
|
+
get style() {
|
|
221
|
+
return local.style;
|
|
222
|
+
}
|
|
223
|
+
}), false, true);
|
|
224
|
+
_$insert(_el$2, prefixIconEl, null);
|
|
225
|
+
_$insert(_el$2, _$createComponent(PlaceholderFallback, {
|
|
226
|
+
get value() {
|
|
227
|
+
return formatNumber(value(), local.comma ?? true, local.minDigits);
|
|
228
|
+
},
|
|
229
|
+
get placeholder() {
|
|
230
|
+
return local.placeholder;
|
|
231
|
+
}
|
|
232
|
+
}), null);
|
|
233
|
+
_$insert(_el$, _$createComponent(Show, {
|
|
234
|
+
get when() {
|
|
235
|
+
return isEditable();
|
|
236
|
+
},
|
|
237
|
+
get children() {
|
|
238
|
+
var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild;
|
|
239
|
+
_$insert(_el$3, prefixIconEl, _el$4);
|
|
240
|
+
_el$4.addEventListener("blur", handleBlur);
|
|
241
|
+
_el$4.addEventListener("focus", handleFocus);
|
|
242
|
+
_el$4.$$input = handleInput;
|
|
243
|
+
_$className(_el$4, numberInputClass);
|
|
244
|
+
_$effect((_p$) => {
|
|
245
|
+
var _v$ = twMerge(getWrapperClass(false), "absolute left-0 top-0 size-full"), _v$2 = local.placeholder, _v$3 = local.title;
|
|
246
|
+
_v$ !== _p$.e && _$className(_el$3, _p$.e = _v$);
|
|
247
|
+
_v$2 !== _p$.t && _$setAttribute(_el$4, "placeholder", _p$.t = _v$2);
|
|
248
|
+
_v$3 !== _p$.a && _$setAttribute(_el$4, "title", _p$.a = _v$3);
|
|
249
|
+
return _p$;
|
|
250
|
+
}, {
|
|
251
|
+
e: void 0,
|
|
252
|
+
t: void 0,
|
|
253
|
+
a: void 0
|
|
254
|
+
});
|
|
255
|
+
_$effect(() => _el$4.value = displayValue());
|
|
256
|
+
return _el$3;
|
|
257
|
+
}
|
|
258
|
+
}), null);
|
|
194
259
|
_$effect((_p$) => {
|
|
195
|
-
var _v$ = twMerge(getWrapperClass(false), "
|
|
196
|
-
_v$ !== _p$.e && _$className(_el$
|
|
197
|
-
_v$
|
|
198
|
-
_v$
|
|
260
|
+
var _v$4 = twMerge(getWrapperClass(false), "justify-end"), _v$5 = isEditable() ? "hidden" : void 0, _v$6 = local.title;
|
|
261
|
+
_v$4 !== _p$.e && _$className(_el$2, _p$.e = _v$4);
|
|
262
|
+
_v$5 !== _p$.t && _$setStyleProperty(_el$2, "visibility", _p$.t = _v$5);
|
|
263
|
+
_v$6 !== _p$.a && _$setAttribute(_el$2, "title", _p$.a = _v$6);
|
|
199
264
|
return _p$;
|
|
200
265
|
}, {
|
|
201
266
|
e: void 0,
|
|
202
267
|
t: void 0,
|
|
203
268
|
a: void 0
|
|
204
269
|
});
|
|
205
|
-
|
|
206
|
-
return _el$3;
|
|
270
|
+
return _el$;
|
|
207
271
|
}
|
|
208
|
-
}), null);
|
|
209
|
-
_$effect((_p$) => {
|
|
210
|
-
var _v$4 = twMerge(getWrapperClass(false), "justify-end"), _v$5 = isEditable() ? "hidden" : void 0, _v$6 = local.title;
|
|
211
|
-
_v$4 !== _p$.e && _$className(_el$2, _p$.e = _v$4);
|
|
212
|
-
_v$5 !== _p$.t && _$setStyleProperty(_el$2, "visibility", _p$.t = _v$5);
|
|
213
|
-
_v$6 !== _p$.a && _$setAttribute(_el$2, "title", _p$.a = _v$6);
|
|
214
|
-
return _p$;
|
|
215
|
-
}, {
|
|
216
|
-
e: void 0,
|
|
217
|
-
t: void 0,
|
|
218
|
-
a: void 0
|
|
219
272
|
});
|
|
220
|
-
return _el$;
|
|
221
273
|
}
|
|
222
274
|
});
|
|
223
275
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/form-control/field/NumberInput.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;AAAA,
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["createEffect", "createMemo", "Show", "splitProps", "createSignal", "clsx", "twMerge", "createControllableSignal", "fieldInputClass", "fieldGapClasses", "getFieldWrapperClass", "Icon", "PlaceholderFallback", "Invalid", "numberInputClass", "formatNumber", "value", "useComma", "minDigits", "result", "valueStr", "String", "decimalIndex", "indexOf", "currentDigits", "length", "toFixed", "dotIndex", "integerPart", "slice", "decimalPart", "formattedInteger", "replace", "parseNumber", "str", "undefined", "cleanStr", "num", "Number", "isNaN", "isValidNumberInput", "test", "NumberInput", "props", "local", "rest", "inputStr", "setInputStr", "isEditing", "setIsEditing", "setValue", "onChange", "onValueChange", "val", "comma", "displayValue", "handleInput", "e", "newValue", "currentTarget", "handleFocus", "handleBlur", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "extra", "prefixIcon", "isEditable", "readonly", "prefixIconEl", "_$createComponent", "when", "children", "icon", "errorMsg", "v", "required", "min", "max", "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$7", "_v$8", "_$setAttribute", "t", "_el$", "_tmpl$2", "_el$2", "_el$3", "_el$4", "_v$", "_v$2", "_v$3", "a", "_v$4", "_v$5", "_v$6", "_$setStyleProperty", "_$delegateEvents"]
|
|
6
6
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
import type { IconProps as TablerIconProps } from "@tabler/icons-solidjs";
|
|
2
3
|
import { type FieldSize } from "./Field.styles";
|
|
3
4
|
type TextInputType = "text" | "password" | "email";
|
|
4
5
|
export interface TextInputProps {
|
|
@@ -13,7 +14,7 @@ export interface TextInputProps {
|
|
|
13
14
|
/** 타이틀 (툴팁) */
|
|
14
15
|
title?: string;
|
|
15
16
|
/** 자동완성 */
|
|
16
|
-
autocomplete?:
|
|
17
|
+
autocomplete?: JSX.HTMLAutocomplete;
|
|
17
18
|
/** 비활성화 */
|
|
18
19
|
disabled?: boolean;
|
|
19
20
|
/** 읽기 전용 */
|
|
@@ -24,6 +25,20 @@ export interface TextInputProps {
|
|
|
24
25
|
inset?: boolean;
|
|
25
26
|
/** 입력 포맷 (예: XXX-XXXX-XXXX) */
|
|
26
27
|
format?: string;
|
|
28
|
+
/** 접두 아이콘 */
|
|
29
|
+
prefixIcon?: Component<TablerIconProps>;
|
|
30
|
+
/** 필수 입력 여부 */
|
|
31
|
+
required?: boolean;
|
|
32
|
+
/** 최소 길이 */
|
|
33
|
+
minLength?: number;
|
|
34
|
+
/** 최대 길이 */
|
|
35
|
+
maxLength?: number;
|
|
36
|
+
/** 입력 패턴 (정규식 문자열) */
|
|
37
|
+
pattern?: string;
|
|
38
|
+
/** 커스텀 유효성 검사 함수 */
|
|
39
|
+
validate?: (value: string) => string | undefined;
|
|
40
|
+
/** touchMode: 포커스 해제 후에만 에러 표시 */
|
|
41
|
+
touchMode?: boolean;
|
|
27
42
|
/** 커스텀 class */
|
|
28
43
|
class?: string;
|
|
29
44
|
/** 커스텀 style */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAA4B,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAEhG,OAAO,KAAK,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG1E,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,gBAAgB,CAAC;AAKxB,KAAK,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,cAAc;IAC7B,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,YAAY;IACZ,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW;IACX,YAAY,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC;IAEpC,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,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,aAAa;IACb,UAAU,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAExC,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,YAAY;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,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;AA+CD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,EAAE,SAAS,CAAC,cAAc,CA2L/C,CAAC"}
|