@simplysm/solid 13.0.69 → 13.0.71
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 +168 -195
- package/dist/components/data/calendar/Calendar.d.ts.map +1 -1
- package/dist/components/data/calendar/Calendar.js +15 -2
- package/dist/components/data/calendar/Calendar.js.map +2 -2
- package/dist/components/data/kanban/KanbanContext.js +2 -2
- package/dist/components/data/kanban/KanbanContext.js.map +1 -1
- package/dist/components/data/list/List.d.ts +8 -8
- package/dist/components/data/list/ListContext.d.ts +1 -1
- package/dist/components/data/list/ListItem.d.ts +15 -15
- package/dist/components/data/sheet/DataSheet.d.ts.map +1 -1
- package/dist/components/data/sheet/DataSheet.js +6 -4
- package/dist/components/data/sheet/DataSheet.js.map +2 -2
- package/dist/components/data/sheet/DataSheetConfigDialog.js +8 -8
- package/dist/components/data/sheet/DataSheetConfigDialog.js.map +1 -1
- package/dist/components/data/sheet/types.d.ts +4 -4
- package/dist/components/data/sheet/types.d.ts.map +1 -1
- package/dist/components/disclosure/Collapse.d.ts +4 -4
- package/dist/components/disclosure/Dialog.d.ts +24 -24
- package/dist/components/disclosure/Dialog.d.ts.map +1 -1
- package/dist/components/disclosure/Dialog.js +7 -2
- package/dist/components/disclosure/Dialog.js.map +2 -2
- package/dist/components/disclosure/DialogContext.d.ts +25 -25
- package/dist/components/disclosure/DialogContext.d.ts.map +1 -1
- package/dist/components/disclosure/DialogContext.js +1 -1
- package/dist/components/disclosure/DialogContext.js.map +1 -1
- package/dist/components/disclosure/DialogInstanceContext.d.ts +7 -7
- package/dist/components/disclosure/DialogInstanceContext.d.ts.map +1 -1
- package/dist/components/disclosure/DialogProvider.d.ts +3 -3
- package/dist/components/disclosure/Dropdown.d.ts +26 -24
- package/dist/components/disclosure/Dropdown.d.ts.map +1 -1
- package/dist/components/disclosure/Dropdown.js +24 -8
- package/dist/components/disclosure/Dropdown.js.map +2 -2
- package/dist/components/disclosure/Tabs.js +1 -1
- package/dist/components/disclosure/Tabs.js.map +1 -1
- package/dist/components/disclosure/dialogZIndex.d.ts +9 -7
- package/dist/components/disclosure/dialogZIndex.d.ts.map +1 -1
- package/dist/components/disclosure/dialogZIndex.js +4 -0
- package/dist/components/disclosure/dialogZIndex.js.map +1 -1
- package/dist/components/features/crud-detail/CrudDetail.d.ts.map +1 -1
- package/dist/components/features/crud-detail/CrudDetail.js +34 -22
- package/dist/components/features/crud-detail/CrudDetail.js.map +2 -2
- package/dist/components/features/crud-sheet/CrudSheet.d.ts.map +1 -1
- package/dist/components/features/crud-sheet/CrudSheet.js +48 -33
- package/dist/components/features/crud-sheet/CrudSheet.js.map +2 -2
- package/dist/components/features/crudRegistry.d.ts +16 -0
- package/dist/components/features/crudRegistry.d.ts.map +1 -0
- package/dist/components/features/crudRegistry.js +37 -0
- package/dist/components/features/crudRegistry.js.map +6 -0
- package/dist/components/features/data-select-button/DataSelectButton.d.ts +14 -14
- package/dist/components/features/data-select-button/DataSelectButton.d.ts.map +1 -1
- package/dist/components/features/data-select-button/DataSelectButton.js +27 -9
- package/dist/components/features/data-select-button/DataSelectButton.js.map +2 -2
- package/dist/components/features/permission-table/PermissionTable.d.ts +3 -3
- package/dist/components/features/permission-table/PermissionTable.d.ts.map +1 -1
- package/dist/components/features/permission-table/PermissionTable.js +74 -85
- package/dist/components/features/permission-table/PermissionTable.js.map +2 -2
- package/dist/components/features/shared-data/SharedDataSelect.d.ts +12 -12
- package/dist/components/features/shared-data/SharedDataSelect.d.ts.map +1 -1
- package/dist/components/features/shared-data/SharedDataSelect.js +10 -6
- package/dist/components/features/shared-data/SharedDataSelect.js.map +2 -2
- package/dist/components/features/shared-data/SharedDataSelectButton.d.ts +10 -10
- package/dist/components/features/shared-data/SharedDataSelectButton.d.ts.map +1 -1
- package/dist/components/features/shared-data/SharedDataSelectList.d.ts +23 -15
- package/dist/components/features/shared-data/SharedDataSelectList.d.ts.map +1 -1
- package/dist/components/features/shared-data/SharedDataSelectList.js +191 -65
- package/dist/components/features/shared-data/SharedDataSelectList.js.map +2 -2
- package/dist/components/features/shared-data/SharedDataSelectListContext.d.ts +15 -0
- package/dist/components/features/shared-data/SharedDataSelectListContext.d.ts.map +1 -0
- package/dist/components/features/shared-data/SharedDataSelectListContext.js +27 -0
- package/dist/components/features/shared-data/SharedDataSelectListContext.js.map +6 -0
- package/dist/components/feedback/Progress.d.ts +1 -1
- package/dist/components/feedback/Progress.d.ts.map +1 -1
- package/dist/components/feedback/busy/BusyContainer.d.ts +2 -2
- package/dist/components/feedback/busy/BusyContainer.d.ts.map +1 -1
- package/dist/components/feedback/busy/BusyContext.d.ts +11 -11
- package/dist/components/feedback/busy/BusyContext.d.ts.map +1 -1
- package/dist/components/feedback/busy/BusyContext.js +1 -1
- package/dist/components/feedback/busy/BusyContext.js.map +1 -1
- package/dist/components/feedback/busy/BusyProvider.d.ts +6 -6
- package/dist/components/feedback/busy/BusyProvider.d.ts.map +1 -1
- package/dist/components/feedback/notification/NotificationBanner.d.ts.map +1 -1
- package/dist/components/feedback/notification/NotificationBanner.js +7 -3
- package/dist/components/feedback/notification/NotificationBanner.js.map +2 -2
- package/dist/components/feedback/notification/NotificationBell.js +2 -2
- package/dist/components/feedback/notification/NotificationBell.js.map +1 -1
- package/dist/components/feedback/notification/NotificationContext.d.ts +22 -22
- package/dist/components/feedback/notification/NotificationContext.d.ts.map +1 -1
- package/dist/components/feedback/notification/NotificationContext.js +1 -1
- package/dist/components/feedback/notification/NotificationContext.js.map +1 -1
- package/dist/components/feedback/notification/NotificationProvider.d.ts +5 -5
- package/dist/components/feedback/notification/NotificationProvider.js +1 -1
- package/dist/components/feedback/notification/NotificationProvider.js.map +1 -1
- package/dist/components/feedback/print/PrintContext.js +1 -1
- package/dist/components/feedback/print/PrintContext.js.map +1 -1
- package/dist/components/form-control/DropdownTrigger.styles.d.ts +1 -1
- package/dist/components/form-control/DropdownTrigger.styles.d.ts.map +1 -1
- package/dist/components/form-control/ThemeToggle.d.ts +7 -7
- package/dist/components/form-control/ThemeToggle.d.ts.map +1 -1
- package/dist/components/form-control/ThemeToggle.js +3 -3
- package/dist/components/form-control/checkbox/Checkbox.js +1 -1
- package/dist/components/form-control/checkbox/CheckboxGroup.js +1 -1
- package/dist/components/form-control/checkbox/Radio.js +1 -1
- package/dist/components/form-control/checkbox/RadioGroup.js +1 -1
- package/dist/components/form-control/color-picker/ColorPicker.d.ts +12 -12
- package/dist/components/form-control/color-picker/ColorPicker.d.ts.map +1 -1
- package/dist/components/form-control/color-picker/ColorPicker.js +2 -2
- package/dist/components/form-control/combobox/Combobox.d.ts +22 -22
- package/dist/components/form-control/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/form-control/combobox/Combobox.js +2 -2
- package/dist/components/form-control/combobox/ComboboxContext.d.ts +4 -4
- package/dist/components/form-control/combobox/ComboboxContext.d.ts.map +1 -1
- package/dist/components/form-control/combobox/ComboboxContext.js +1 -1
- package/dist/components/form-control/combobox/ComboboxContext.js.map +1 -1
- package/dist/components/form-control/combobox/ComboboxItem.d.ts +3 -3
- package/dist/components/form-control/combobox/ComboboxItem.d.ts.map +1 -1
- package/dist/components/form-control/date-range-picker/DateRangePicker.d.ts +14 -14
- package/dist/components/form-control/date-range-picker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/form-control/date-range-picker/DateRangePicker.js +20 -9
- package/dist/components/form-control/date-range-picker/DateRangePicker.js.map +2 -2
- package/dist/components/form-control/editor/EditorToolbar.d.ts.map +1 -1
- package/dist/components/form-control/editor/EditorToolbar.js +65 -20
- package/dist/components/form-control/editor/EditorToolbar.js.map +2 -2
- package/dist/components/form-control/editor/RichTextEditor.d.ts +6 -6
- package/dist/components/form-control/editor/RichTextEditor.d.ts.map +1 -1
- package/dist/components/form-control/editor/RichTextEditor.js +1 -1
- package/dist/components/form-control/editor/editor.css +5 -5
- package/dist/components/form-control/field/DatePicker.d.ts +22 -22
- package/dist/components/form-control/field/DatePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/DatePicker.js +4 -4
- package/dist/components/form-control/field/DatePicker.js.map +1 -1
- package/dist/components/form-control/field/DateTimePicker.d.ts +21 -21
- package/dist/components/form-control/field/DateTimePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/DateTimePicker.js +4 -4
- package/dist/components/form-control/field/DateTimePicker.js.map +1 -1
- package/dist/components/form-control/field/FieldPlaceholder.d.ts +1 -1
- package/dist/components/form-control/field/FieldPlaceholder.d.ts.map +1 -1
- package/dist/components/form-control/field/NumberInput.d.ts +23 -23
- package/dist/components/form-control/field/NumberInput.d.ts.map +1 -1
- package/dist/components/form-control/field/NumberInput.js +4 -4
- package/dist/components/form-control/field/NumberInput.js.map +1 -1
- package/dist/components/form-control/field/TextInput.d.ts +25 -25
- package/dist/components/form-control/field/TextInput.d.ts.map +1 -1
- package/dist/components/form-control/field/TextInput.js +5 -5
- package/dist/components/form-control/field/TextInput.js.map +1 -1
- package/dist/components/form-control/field/Textarea.d.ts +19 -19
- package/dist/components/form-control/field/Textarea.d.ts.map +1 -1
- package/dist/components/form-control/field/Textarea.js +4 -4
- package/dist/components/form-control/field/Textarea.js.map +1 -1
- package/dist/components/form-control/field/TimePicker.d.ts +20 -20
- package/dist/components/form-control/field/TimePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/TimePicker.js +4 -4
- package/dist/components/form-control/field/TimePicker.js.map +1 -1
- package/dist/components/form-control/numpad/Numpad.d.ts +11 -11
- package/dist/components/form-control/numpad/Numpad.d.ts.map +1 -1
- package/dist/components/form-control/select/Select.d.ts +26 -26
- package/dist/components/form-control/select/Select.d.ts.map +1 -1
- package/dist/components/form-control/select/Select.js +34 -23
- package/dist/components/form-control/select/Select.js.map +2 -2
- package/dist/components/form-control/select/SelectContext.d.ts +7 -7
- package/dist/components/form-control/select/SelectContext.d.ts.map +1 -1
- package/dist/components/form-control/select/SelectContext.js +1 -1
- package/dist/components/form-control/select/SelectContext.js.map +1 -1
- package/dist/components/form-control/select/SelectItem.d.ts +4 -4
- package/dist/components/form-control/select/SelectItem.d.ts.map +1 -1
- package/dist/components/form-control/state-preset/StatePreset.js +8 -8
- package/dist/components/form-control/state-preset/StatePreset.js.map +1 -1
- package/dist/components/layout/FormTable.js +4 -4
- package/dist/components/layout/sidebar/Sidebar.d.ts +5 -5
- package/dist/components/layout/sidebar/SidebarContainer.d.ts +11 -11
- package/dist/components/layout/sidebar/SidebarContainer.d.ts.map +1 -1
- package/dist/components/layout/sidebar/SidebarContainer.js +6 -1
- package/dist/components/layout/sidebar/SidebarContainer.js.map +2 -2
- package/dist/components/layout/sidebar/SidebarContext.d.ts +7 -7
- package/dist/components/layout/sidebar/SidebarContext.js +1 -1
- package/dist/components/layout/sidebar/SidebarContext.js.map +1 -1
- package/dist/components/layout/sidebar/SidebarMenu.d.ts +11 -11
- package/dist/components/layout/sidebar/SidebarUser.d.ts +14 -14
- package/dist/components/layout/topbar/Topbar.d.ts +6 -6
- package/dist/components/layout/topbar/Topbar.d.ts.map +1 -1
- package/dist/components/layout/topbar/Topbar.js +11 -6
- package/dist/components/layout/topbar/Topbar.js.map +2 -2
- package/dist/components/layout/topbar/TopbarContainer.d.ts +6 -6
- package/dist/components/layout/topbar/TopbarContext.js +2 -2
- package/dist/components/layout/topbar/TopbarContext.js.map +1 -1
- package/dist/components/layout/topbar/TopbarMenu.d.ts +11 -11
- package/dist/components/layout/topbar/TopbarMenu.d.ts.map +1 -1
- package/dist/components/layout/topbar/TopbarMenu.js +5 -1
- package/dist/components/layout/topbar/TopbarMenu.js.map +2 -2
- package/dist/components/layout/topbar/TopbarUser.d.ts +9 -9
- package/dist/directives/ripple.d.ts +5 -5
- package/dist/helpers/createAppStructure.d.ts.map +1 -1
- package/dist/helpers/createAppStructure.js +7 -3
- package/dist/helpers/createAppStructure.js.map +1 -1
- package/dist/helpers/createHmrSafeContext.d.ts +3 -0
- package/dist/helpers/createHmrSafeContext.d.ts.map +1 -0
- package/dist/helpers/createHmrSafeContext.js +10 -0
- package/dist/helpers/createHmrSafeContext.js.map +6 -0
- package/dist/helpers/createSlotComponent.d.ts +3 -3
- package/dist/helpers/mergeStyles.d.ts +8 -8
- package/dist/hooks/createControllableSignal.d.ts +10 -10
- package/dist/hooks/createControllableStore.d.ts +6 -6
- package/dist/hooks/createIMEHandler.d.ts +7 -7
- package/dist/hooks/createMountTransition.d.ts +4 -4
- package/dist/hooks/createSelectionGroup.d.ts.map +1 -1
- package/dist/hooks/createSelectionGroup.js +4 -3
- package/dist/hooks/createSelectionGroup.js.map +2 -2
- package/dist/hooks/createSlotSignal.d.ts +2 -2
- package/dist/hooks/useLocalStorage.d.ts +11 -11
- package/dist/hooks/useLogger.d.ts +1 -1
- package/dist/hooks/useLogger.d.ts.map +1 -1
- package/dist/hooks/useLogger.js +1 -1
- package/dist/hooks/useLogger.js.map +1 -1
- package/dist/hooks/useRouterLink.d.ts +10 -10
- package/dist/hooks/useRouterLink.d.ts.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/providers/ClipboardProvider.d.ts +5 -5
- package/dist/providers/ConfigContext.d.ts +6 -6
- package/dist/providers/ConfigContext.js +2 -2
- package/dist/providers/ConfigContext.js.map +1 -1
- package/dist/providers/ErrorLoggerProvider.d.ts +3 -3
- package/dist/providers/LoggerContext.d.ts +13 -13
- package/dist/providers/PwaUpdateProvider.d.ts +4 -4
- package/dist/providers/PwaUpdateProvider.js +2 -2
- package/dist/providers/PwaUpdateProvider.js.map +1 -1
- package/dist/providers/ServiceClientContext.d.ts +8 -8
- package/dist/providers/ServiceClientContext.d.ts.map +1 -1
- package/dist/providers/ServiceClientContext.js +1 -1
- package/dist/providers/ServiceClientContext.js.map +1 -1
- package/dist/providers/ServiceClientProvider.d.ts +6 -6
- package/dist/providers/ServiceClientProvider.js +7 -7
- package/dist/providers/ServiceClientProvider.js.map +1 -1
- package/dist/providers/SyncStorageContext.d.ts +14 -14
- package/dist/providers/SystemProvider.d.ts.map +1 -1
- package/dist/providers/SystemProvider.js +21 -16
- package/dist/providers/SystemProvider.js.map +2 -2
- package/dist/providers/ThemeContext.d.ts +20 -20
- package/dist/providers/ThemeContext.d.ts.map +1 -1
- package/dist/providers/ThemeContext.js +1 -1
- package/dist/providers/ThemeContext.js.map +1 -1
- package/dist/providers/i18n/I18nContext.d.ts +44 -0
- package/dist/providers/i18n/I18nContext.d.ts.map +1 -0
- package/dist/providers/i18n/I18nContext.js +73 -0
- package/dist/providers/i18n/I18nContext.js.map +6 -0
- package/dist/providers/i18n/I18nContext.types.d.ts +28 -0
- package/dist/providers/i18n/I18nContext.types.d.ts.map +1 -0
- package/dist/providers/i18n/I18nContext.types.js +1 -0
- package/dist/providers/i18n/I18nContext.types.js.map +6 -0
- package/dist/providers/i18n/i18nUtils.d.ts +18 -0
- package/dist/providers/i18n/i18nUtils.d.ts.map +1 -0
- package/dist/providers/i18n/i18nUtils.js +25 -0
- package/dist/providers/i18n/i18nUtils.js.map +6 -0
- package/dist/providers/i18n/locales/en.d.ts +163 -0
- package/dist/providers/i18n/locales/en.d.ts.map +1 -0
- package/dist/providers/i18n/locales/en.js +165 -0
- package/dist/providers/i18n/locales/en.js.map +6 -0
- package/dist/providers/i18n/locales/ko.d.ts +163 -0
- package/dist/providers/i18n/locales/ko.d.ts.map +1 -0
- package/dist/providers/i18n/locales/ko.js +165 -0
- package/dist/providers/i18n/locales/ko.js.map +6 -0
- package/dist/providers/shared-data/SharedDataChangeEvent.d.ts +4 -4
- package/dist/providers/shared-data/SharedDataContext.d.ts +28 -28
- package/dist/providers/shared-data/SharedDataContext.d.ts.map +1 -1
- package/dist/providers/shared-data/SharedDataContext.js +1 -1
- package/dist/providers/shared-data/SharedDataContext.js.map +1 -1
- package/dist/providers/shared-data/SharedDataProvider.d.ts +9 -9
- package/dist/providers/shared-data/SharedDataProvider.js +4 -4
- package/dist/providers/shared-data/SharedDataProvider.js.map +1 -1
- package/package.json +9 -8
- package/src/components/data/calendar/Calendar.tsx +10 -4
- package/src/components/data/kanban/Kanban.tsx +14 -14
- package/src/components/data/kanban/KanbanContext.ts +3 -3
- package/src/components/data/list/List.tsx +10 -10
- package/src/components/data/list/ListContext.ts +1 -1
- package/src/components/data/list/ListItem.styles.ts +8 -8
- package/src/components/data/list/ListItem.tsx +15 -15
- package/src/components/data/sheet/DataSheet.styles.ts +22 -22
- package/src/components/data/sheet/DataSheet.tsx +52 -48
- package/src/components/data/sheet/DataSheetColumn.tsx +1 -1
- package/src/components/data/sheet/DataSheetConfigDialog.tsx +9 -9
- package/src/components/data/sheet/sheetUtils.ts +7 -7
- package/src/components/data/sheet/types.ts +16 -16
- package/src/components/disclosure/Collapse.tsx +11 -11
- package/src/components/disclosure/Dialog.tsx +60 -57
- package/src/components/disclosure/DialogContext.ts +26 -26
- package/src/components/disclosure/DialogInstanceContext.ts +7 -7
- package/src/components/disclosure/DialogProvider.tsx +5 -5
- package/src/components/disclosure/Dropdown.tsx +89 -75
- package/src/components/disclosure/Tabs.tsx +1 -1
- package/src/components/disclosure/dialogZIndex.ts +16 -11
- package/src/components/display/Echarts.tsx +4 -4
- package/src/components/features/address/AddressSearch.tsx +2 -2
- package/src/components/features/crud-detail/CrudDetail.tsx +34 -21
- package/src/components/features/crud-detail/CrudDetailAfter.tsx +1 -1
- package/src/components/features/crud-detail/CrudDetailBefore.tsx +1 -1
- package/src/components/features/crud-detail/CrudDetailTools.tsx +1 -1
- package/src/components/features/crud-sheet/CrudSheet.tsx +52 -40
- package/src/components/features/crud-sheet/CrudSheetColumn.tsx +1 -1
- package/src/components/features/crud-sheet/CrudSheetFilter.tsx +1 -1
- package/src/components/features/crud-sheet/CrudSheetHeader.tsx +1 -1
- package/src/components/features/crud-sheet/CrudSheetTools.tsx +1 -1
- package/src/components/features/crudRegistry.ts +60 -0
- package/src/components/features/data-select-button/DataSelectButton.tsx +34 -32
- package/src/components/features/permission-table/PermissionTable.tsx +70 -64
- package/src/components/features/shared-data/SharedDataSelect.tsx +24 -22
- package/src/components/features/shared-data/SharedDataSelectButton.tsx +10 -10
- package/src/components/features/shared-data/SharedDataSelectList.tsx +231 -59
- package/src/components/features/shared-data/SharedDataSelectListContext.ts +39 -0
- package/src/components/feedback/Progress.tsx +1 -1
- package/src/components/feedback/busy/BusyContainer.tsx +6 -6
- package/src/components/feedback/busy/BusyContext.ts +12 -12
- package/src/components/feedback/busy/BusyProvider.tsx +6 -6
- package/src/components/feedback/notification/NotificationBanner.tsx +3 -1
- package/src/components/feedback/notification/NotificationBell.tsx +4 -4
- package/src/components/feedback/notification/NotificationContext.ts +28 -28
- package/src/components/feedback/notification/NotificationProvider.tsx +9 -9
- package/src/components/feedback/print/PrintContext.ts +1 -1
- package/src/components/form-control/Button.tsx +1 -1
- package/src/components/form-control/DropdownTrigger.styles.ts +1 -1
- package/src/components/form-control/Invalid.tsx +5 -5
- package/src/components/form-control/ThemeToggle.tsx +10 -10
- package/src/components/form-control/checkbox/Checkbox.styles.ts +8 -8
- package/src/components/form-control/checkbox/Checkbox.tsx +2 -2
- package/src/components/form-control/checkbox/CheckboxGroup.tsx +1 -1
- package/src/components/form-control/checkbox/Radio.tsx +2 -2
- package/src/components/form-control/checkbox/RadioGroup.tsx +1 -1
- package/src/components/form-control/color-picker/ColorPicker.tsx +17 -17
- package/src/components/form-control/combobox/Combobox.tsx +55 -55
- package/src/components/form-control/combobox/ComboboxContext.ts +5 -5
- package/src/components/form-control/combobox/ComboboxItem.tsx +3 -3
- package/src/components/form-control/date-range-picker/DateRangePicker.tsx +40 -26
- package/src/components/form-control/editor/EditorToolbar.tsx +52 -50
- package/src/components/form-control/editor/RichTextEditor.tsx +16 -16
- package/src/components/form-control/editor/editor.css +5 -5
- package/src/components/form-control/field/DatePicker.tsx +39 -39
- package/src/components/form-control/field/DateTimePicker.tsx +38 -38
- package/src/components/form-control/field/Field.styles.ts +11 -11
- package/src/components/form-control/field/FieldPlaceholder.tsx +1 -1
- package/src/components/form-control/field/NumberInput.tsx +63 -63
- package/src/components/form-control/field/TextInput.tsx +48 -48
- package/src/components/form-control/field/Textarea.tsx +32 -32
- package/src/components/form-control/field/TimePicker.tsx +37 -37
- package/src/components/form-control/numpad/Numpad.tsx +26 -26
- package/src/components/form-control/select/Select.tsx +82 -86
- package/src/components/form-control/select/SelectContext.ts +8 -8
- package/src/components/form-control/select/SelectItem.tsx +5 -5
- package/src/components/form-control/state-preset/StatePreset.tsx +13 -13
- package/src/components/layout/FormTable.tsx +4 -4
- package/src/components/layout/sidebar/Sidebar.tsx +8 -8
- package/src/components/layout/sidebar/SidebarContainer.tsx +19 -17
- package/src/components/layout/sidebar/SidebarContext.ts +8 -8
- package/src/components/layout/sidebar/SidebarMenu.tsx +19 -19
- package/src/components/layout/sidebar/SidebarUser.tsx +14 -14
- package/src/components/layout/topbar/Topbar.tsx +15 -13
- package/src/components/layout/topbar/TopbarContainer.tsx +6 -6
- package/src/components/layout/topbar/TopbarContext.ts +2 -2
- package/src/components/layout/topbar/TopbarMenu.tsx +18 -16
- package/src/components/layout/topbar/TopbarUser.tsx +9 -9
- package/src/directives/ripple.ts +8 -8
- package/src/helpers/createAppStructure.ts +15 -8
- package/src/helpers/createHmrSafeContext.ts +8 -0
- package/src/helpers/createSlotComponent.ts +4 -4
- package/src/helpers/mergeStyles.ts +11 -11
- package/src/hooks/createControllableSignal.ts +11 -11
- package/src/hooks/createControllableStore.ts +8 -8
- package/src/hooks/createIMEHandler.ts +7 -7
- package/src/hooks/createMountTransition.ts +4 -4
- package/src/hooks/createSelectionGroup.tsx +5 -3
- package/src/hooks/createSlotSignal.ts +2 -2
- package/src/hooks/useLocalStorage.ts +13 -13
- package/src/hooks/useLogger.ts +2 -2
- package/src/hooks/useRouterLink.ts +15 -15
- package/src/index.ts +4 -3
- package/src/providers/ClipboardProvider.tsx +19 -19
- package/src/providers/ConfigContext.tsx +8 -8
- package/src/providers/ErrorLoggerProvider.tsx +3 -3
- package/src/providers/LoggerContext.tsx +13 -13
- package/src/providers/PwaUpdateProvider.tsx +6 -6
- package/src/providers/ServiceClientContext.ts +9 -9
- package/src/providers/ServiceClientProvider.tsx +15 -15
- package/src/providers/SyncStorageContext.tsx +15 -15
- package/src/providers/SystemProvider.tsx +15 -12
- package/src/providers/ThemeContext.tsx +26 -26
- package/src/providers/i18n/I18nContext.tsx +129 -0
- package/src/providers/i18n/I18nContext.types.ts +30 -0
- package/src/providers/i18n/i18nUtils.ts +38 -0
- package/src/providers/i18n/locales/en.ts +161 -0
- package/src/providers/i18n/locales/ko.ts +161 -0
- package/src/providers/shared-data/SharedDataChangeEvent.ts +4 -4
- package/src/providers/shared-data/SharedDataContext.ts +29 -29
- package/src/providers/shared-data/SharedDataProvider.tsx +21 -21
- package/src/styles/patterns.styles.ts +6 -6
- package/src/styles/tokens.styles.ts +5 -5
- package/tailwind.config.ts +1 -1
- package/tailwind.css +4 -4
- package/tests/components/data/List.spec.tsx +689 -0
- package/tests/components/data/Pagination.spec.tsx +336 -0
- package/tests/components/data/Table.spec.tsx +55 -0
- package/tests/components/data/kanban/Kanban.selection.spec.tsx +213 -0
- package/tests/components/data/sheet/DataSheet.spec.tsx +645 -0
- package/tests/components/disclosure/Collapse.spec.tsx +173 -0
- package/tests/components/disclosure/Dialog.spec.tsx +438 -0
- package/tests/components/disclosure/DialogProvider.spec.tsx +142 -0
- package/tests/components/disclosure/Dropdown.spec.tsx +333 -0
- package/tests/components/disclosure/Tabs.spec.tsx +220 -0
- package/tests/components/disclosure/dialogZIndex.spec.ts +45 -0
- package/tests/components/display/Alert.spec.tsx +47 -0
- package/tests/components/display/Barcode.spec.tsx +61 -0
- package/tests/components/display/Card.spec.tsx +41 -0
- package/tests/components/display/Link.spec.tsx +62 -0
- package/tests/components/display/Tag.spec.tsx +47 -0
- package/tests/components/features/address/AddressSearch.spec.tsx +45 -0
- package/tests/components/features/crud-detail/CrudDetail.spec.tsx +537 -0
- package/tests/components/features/crud-sheet/CrudSheet.spec.tsx +491 -0
- package/tests/components/features/crudRegistry.spec.ts +119 -0
- package/tests/components/features/data-select-button/DataSelectButton.spec.tsx +482 -0
- package/tests/components/features/permission-table/PermissionTable.spec.tsx +288 -0
- package/tests/components/features/shared-data/SharedDataSelectList.spec.tsx +448 -0
- package/tests/components/feedback/busy/BusyContainer.spec.tsx +80 -0
- package/tests/components/feedback/notification/LiveRegion.spec.tsx +52 -0
- package/tests/components/feedback/notification/NotificationBanner.spec.tsx +187 -0
- package/tests/components/feedback/notification/NotificationBell.spec.tsx +226 -0
- package/tests/components/feedback/notification/NotificationContext.spec.tsx +362 -0
- package/tests/components/feedback/print/Print.spec.tsx +45 -0
- package/tests/components/form-control/Button.spec.tsx +119 -0
- package/tests/components/form-control/Invalid.spec.tsx +131 -0
- package/tests/components/form-control/checkbox/Checkbox.spec.tsx +137 -0
- package/tests/components/form-control/checkbox/CheckboxGroup.spec.tsx +108 -0
- package/tests/components/form-control/checkbox/Radio.spec.tsx +138 -0
- package/tests/components/form-control/checkbox/RadioGroup.spec.tsx +108 -0
- package/tests/components/form-control/color-picker/ColorPicker.spec.tsx +94 -0
- package/tests/components/form-control/combobox/Combobox.spec.tsx +253 -0
- package/tests/components/form-control/combobox/ComboboxItem.spec.tsx +88 -0
- package/tests/components/form-control/date-range-picker/DateRangePicker.spec.tsx +208 -0
- package/tests/components/form-control/field/DatePicker.spec.tsx +381 -0
- package/tests/components/form-control/field/DateTimePicker.spec.tsx +383 -0
- package/tests/components/form-control/field/NumberInput.spec.tsx +371 -0
- package/tests/components/form-control/field/TextInput.spec.tsx +341 -0
- package/tests/components/form-control/field/Textarea.spec.tsx +224 -0
- package/tests/components/form-control/field/TimePicker.spec.tsx +315 -0
- package/tests/components/form-control/numpad/Numpad.spec.tsx +248 -0
- package/tests/components/form-control/select/Select.spec.tsx +676 -0
- package/tests/components/form-control/select/SelectItem.spec.tsx +174 -0
- package/tests/components/layout/FormGroup.spec.tsx +104 -0
- package/tests/components/layout/FormTable.spec.tsx +43 -0
- package/tests/components/layout/sidebar/Sidebar.spec.tsx +192 -0
- package/tests/components/layout/sidebar/SidebarContainer.spec.tsx +261 -0
- package/tests/components/layout/sidebar/SidebarMenu.spec.tsx +219 -0
- package/tests/components/layout/sidebar/SidebarUser.spec.tsx +133 -0
- package/tests/components/layout/topbar/TopbarActions.spec.tsx +77 -0
- package/tests/components/layout/topbar/TopbarContainer.spec.tsx +38 -0
- package/tests/components/layout/topbar/createTopbarActions.spec.tsx +66 -0
- package/tests/directives/ripple.spec.tsx +130 -0
- package/tests/helpers/createAppStructure.spec.tsx +843 -0
- package/tests/helpers/mergeStyles.spec.ts +172 -0
- package/tests/hooks/createControllableSignal.spec.ts +194 -0
- package/tests/hooks/createIMEHandler.spec.ts +80 -0
- package/tests/hooks/createMountTransition.spec.ts +86 -0
- package/tests/hooks/useLocalStorage.spec.tsx +223 -0
- package/tests/hooks/useLogger.spec.tsx +116 -0
- package/tests/hooks/usePrint.spec.tsx +134 -0
- package/tests/hooks/useRouterLink.spec.tsx +183 -0
- package/tests/hooks/useSyncConfig.spec.tsx +304 -0
- package/tests/providers/ClipboardProvider.spec.tsx +20 -0
- package/tests/providers/ConfigContext.spec.tsx +42 -0
- package/tests/providers/ErrorLoggerProvider.spec.tsx +73 -0
- package/tests/providers/LoggerContext.spec.tsx +76 -0
- package/tests/providers/PwaUpdateProvider.spec.tsx +22 -0
- package/tests/providers/ServiceClientContext.spec.tsx +88 -0
- package/tests/providers/SyncStorageContext.spec.tsx +77 -0
- package/tests/providers/i18n/I18nContext.spec.tsx +110 -0
- package/tests/providers/shared-data/SharedDataProvider.spec.tsx +401 -0
- package/tests/vitest-env.d.ts +1 -0
- package/dist/components/form-control/select-list/SelectList.d.ts +0 -54
- package/dist/components/form-control/select-list/SelectList.d.ts.map +0 -1
- package/dist/components/form-control/select-list/SelectList.js +0 -280
- package/dist/components/form-control/select-list/SelectList.js.map +0 -6
- package/dist/components/form-control/select-list/SelectListContext.d.ts +0 -13
- package/dist/components/form-control/select-list/SelectListContext.d.ts.map +0 -1
- package/dist/components/form-control/select-list/SelectListContext.js +0 -14
- package/dist/components/form-control/select-list/SelectListContext.js.map +0 -6
- package/docs/data-components.md +0 -782
- package/docs/disclosure.md +0 -254
- package/docs/display.md +0 -153
- package/docs/feedback.md +0 -238
- package/docs/form-controls.md +0 -1068
- package/docs/helpers.md +0 -54
- package/docs/hooks.md +0 -588
- package/docs/layout.md +0 -384
- package/docs/providers.md +0 -211
- package/docs/styling.md +0 -184
- package/src/components/form-control/select-list/SelectList.tsx +0 -385
- package/src/components/form-control/select-list/SelectListContext.ts +0 -23
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { describe, it, expect, vi } from "vitest";
|
|
2
|
+
import { createRoot } from "solid-js";
|
|
3
|
+
import { render, cleanup } from "@solidjs/testing-library";
|
|
4
|
+
import { afterEach } from "vitest";
|
|
5
|
+
import {
|
|
6
|
+
SyncStorageContext,
|
|
7
|
+
SyncStorageProvider,
|
|
8
|
+
useSyncStorage,
|
|
9
|
+
type SyncStorageContextValue,
|
|
10
|
+
} from "../../src/providers/SyncStorageContext";
|
|
11
|
+
import { useContext } from "solid-js";
|
|
12
|
+
|
|
13
|
+
describe("SyncStorageContext", () => {
|
|
14
|
+
afterEach(() => {
|
|
15
|
+
cleanup();
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
it("returns undefined when useContext is called without Provider", () => {
|
|
19
|
+
createRoot((dispose) => {
|
|
20
|
+
const value = useContext(SyncStorageContext);
|
|
21
|
+
expect(value).toBeUndefined();
|
|
22
|
+
dispose();
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
it("SyncStorageProvider provides SyncStorageContextValue correctly", () => {
|
|
27
|
+
let received: SyncStorageContextValue | undefined;
|
|
28
|
+
|
|
29
|
+
function TestComponent() {
|
|
30
|
+
received = useSyncStorage();
|
|
31
|
+
return <div />;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
render(() => (
|
|
35
|
+
<SyncStorageProvider>
|
|
36
|
+
<TestComponent />
|
|
37
|
+
</SyncStorageProvider>
|
|
38
|
+
));
|
|
39
|
+
|
|
40
|
+
expect(received).toBeDefined();
|
|
41
|
+
expect(typeof received!.adapter).toBe("function");
|
|
42
|
+
expect(typeof received!.configure).toBe("function");
|
|
43
|
+
expect(received!.adapter()).toBeDefined();
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
it("can configure adapter via decorator function", () => {
|
|
47
|
+
const mockGetItem = vi.fn().mockResolvedValue(null);
|
|
48
|
+
|
|
49
|
+
let received: SyncStorageContextValue | undefined;
|
|
50
|
+
|
|
51
|
+
function TestComponent() {
|
|
52
|
+
received = useSyncStorage();
|
|
53
|
+
return <div />;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
render(() => (
|
|
57
|
+
<SyncStorageProvider>
|
|
58
|
+
<TestComponent />
|
|
59
|
+
</SyncStorageProvider>
|
|
60
|
+
));
|
|
61
|
+
|
|
62
|
+
// Default adapter exists (localStorage-based)
|
|
63
|
+
expect(received!.adapter()).toBeDefined();
|
|
64
|
+
|
|
65
|
+
received!.configure((origin) => ({
|
|
66
|
+
getItem: mockGetItem,
|
|
67
|
+
setItem: origin.setItem,
|
|
68
|
+
removeItem: origin.removeItem,
|
|
69
|
+
}));
|
|
70
|
+
|
|
71
|
+
const adapter = received!.adapter();
|
|
72
|
+
expect(adapter).toBeDefined();
|
|
73
|
+
// Custom getItem is used
|
|
74
|
+
void adapter.getItem("test");
|
|
75
|
+
expect(mockGetItem).toHaveBeenCalledWith("test");
|
|
76
|
+
});
|
|
77
|
+
});
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { render, cleanup } from "@solidjs/testing-library";
|
|
2
|
+
import { useI18n, useI18nOptional, I18nProvider } from "../../../src/providers/i18n/I18nContext";
|
|
3
|
+
import { ConfigProvider } from "../../../src/providers/ConfigContext";
|
|
4
|
+
import { describe, it, expect, beforeEach, afterEach } from "vitest";
|
|
5
|
+
|
|
6
|
+
describe("I18nProvider", () => {
|
|
7
|
+
beforeEach(() => {
|
|
8
|
+
localStorage.clear();
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
afterEach(() => {
|
|
12
|
+
cleanup();
|
|
13
|
+
localStorage.clear();
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
it("should translate keys in current locale", () => {
|
|
17
|
+
let result = "";
|
|
18
|
+
render(() => (
|
|
19
|
+
<ConfigProvider clientName="testApp">
|
|
20
|
+
<I18nProvider>
|
|
21
|
+
{(() => {
|
|
22
|
+
const i18n = useI18n();
|
|
23
|
+
i18n.setLocale("en");
|
|
24
|
+
result = i18n.t("calendar.weeks.sun");
|
|
25
|
+
return null;
|
|
26
|
+
})()}
|
|
27
|
+
</I18nProvider>
|
|
28
|
+
</ConfigProvider>
|
|
29
|
+
));
|
|
30
|
+
expect(result).toBe("Sun");
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
it("should fallback to en when key not found in ko", () => {
|
|
34
|
+
let result = "";
|
|
35
|
+
render(() => (
|
|
36
|
+
<ConfigProvider clientName="testApp">
|
|
37
|
+
<I18nProvider>
|
|
38
|
+
{(() => {
|
|
39
|
+
const i18n = useI18n();
|
|
40
|
+
i18n.setLocale("ko");
|
|
41
|
+
result = i18n.t("unknown.key");
|
|
42
|
+
return null;
|
|
43
|
+
})()}
|
|
44
|
+
</I18nProvider>
|
|
45
|
+
</ConfigProvider>
|
|
46
|
+
));
|
|
47
|
+
expect(result).toBe("unknown.key");
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
it("should interpolate template parameters", () => {
|
|
51
|
+
let result = "";
|
|
52
|
+
render(() => (
|
|
53
|
+
<ConfigProvider clientName="testApp">
|
|
54
|
+
<I18nProvider>
|
|
55
|
+
{(() => {
|
|
56
|
+
const i18n = useI18n();
|
|
57
|
+
i18n.setLocale("en");
|
|
58
|
+
result = i18n.t("statePreset.savedMessage", { name: "test" });
|
|
59
|
+
return null;
|
|
60
|
+
})()}
|
|
61
|
+
</I18nProvider>
|
|
62
|
+
</ConfigProvider>
|
|
63
|
+
));
|
|
64
|
+
expect(result).toBe('Preset "test" has been saved.');
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
it("should change locale with setLocale", () => {
|
|
68
|
+
let result = "";
|
|
69
|
+
render(() => (
|
|
70
|
+
<ConfigProvider clientName="testApp">
|
|
71
|
+
<I18nProvider>
|
|
72
|
+
{(() => {
|
|
73
|
+
const i18n = useI18n();
|
|
74
|
+
i18n.setLocale("ko");
|
|
75
|
+
result = i18n.t("calendar.weeks.sun");
|
|
76
|
+
return null;
|
|
77
|
+
})()}
|
|
78
|
+
</I18nProvider>
|
|
79
|
+
</ConfigProvider>
|
|
80
|
+
));
|
|
81
|
+
expect(result).toBe("일");
|
|
82
|
+
});
|
|
83
|
+
|
|
84
|
+
it("should configure and merge dictionaries", () => {
|
|
85
|
+
let result = "";
|
|
86
|
+
render(() => (
|
|
87
|
+
<ConfigProvider clientName="testApp">
|
|
88
|
+
<I18nProvider>
|
|
89
|
+
{(() => {
|
|
90
|
+
const i18n = useI18n();
|
|
91
|
+
i18n.configure({
|
|
92
|
+
locale: "ja",
|
|
93
|
+
dict: {
|
|
94
|
+
ja: { "calendar.weeks.sun": "日" },
|
|
95
|
+
},
|
|
96
|
+
});
|
|
97
|
+
result = i18n.t("calendar.weeks.sun");
|
|
98
|
+
return null;
|
|
99
|
+
})()}
|
|
100
|
+
</I18nProvider>
|
|
101
|
+
</ConfigProvider>
|
|
102
|
+
));
|
|
103
|
+
expect(result).toBe("日");
|
|
104
|
+
});
|
|
105
|
+
|
|
106
|
+
it("should work without provider (optional hook)", () => {
|
|
107
|
+
const i18n = useI18nOptional();
|
|
108
|
+
expect(i18n).toBeUndefined();
|
|
109
|
+
});
|
|
110
|
+
});
|
|
@@ -0,0 +1,401 @@
|
|
|
1
|
+
import { describe, expect, it, vi } from "vitest";
|
|
2
|
+
import { render } from "@solidjs/testing-library";
|
|
3
|
+
import "@simplysm/core-common";
|
|
4
|
+
import {
|
|
5
|
+
useSharedData,
|
|
6
|
+
type SharedDataDefinition,
|
|
7
|
+
ServiceClientContext,
|
|
8
|
+
type ServiceClientContextValue,
|
|
9
|
+
NotificationContext,
|
|
10
|
+
type NotificationContextValue,
|
|
11
|
+
} from "../../../src";
|
|
12
|
+
import { SharedDataProvider } from "../../../src/providers/shared-data/SharedDataProvider";
|
|
13
|
+
|
|
14
|
+
interface TestUser {
|
|
15
|
+
id: number;
|
|
16
|
+
name: string;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
function useTestSharedData(): any {
|
|
20
|
+
return useSharedData();
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
function createMockServiceClient() {
|
|
24
|
+
const listeners = new Map<string, (data: unknown) => PromiseLike<void>>();
|
|
25
|
+
let listenerCounter = 0;
|
|
26
|
+
|
|
27
|
+
const mockClient = {
|
|
28
|
+
addEventListener: vi.fn(
|
|
29
|
+
(_type: unknown, _info: unknown, cb: (data: unknown) => PromiseLike<void>) => {
|
|
30
|
+
const key = String(listenerCounter++);
|
|
31
|
+
listeners.set(key, cb);
|
|
32
|
+
return Promise.resolve(key);
|
|
33
|
+
},
|
|
34
|
+
),
|
|
35
|
+
removeEventListener: vi.fn((_key: string) => Promise.resolve()),
|
|
36
|
+
emitToServer: vi.fn(() => Promise.resolve()),
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
const serviceClientValue: ServiceClientContextValue = {
|
|
40
|
+
connect: vi.fn(() => Promise.resolve()),
|
|
41
|
+
close: vi.fn(() => Promise.resolve()),
|
|
42
|
+
get: () => mockClient as never,
|
|
43
|
+
isConnected: () => true,
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
return { mockClient, serviceClientValue, listeners };
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
function createMockNotification(): NotificationContextValue {
|
|
50
|
+
return {
|
|
51
|
+
items: () => [],
|
|
52
|
+
unreadCount: () => 0,
|
|
53
|
+
latestUnread: () => undefined,
|
|
54
|
+
info: vi.fn(() => ""),
|
|
55
|
+
success: vi.fn(() => ""),
|
|
56
|
+
warning: vi.fn(() => ""),
|
|
57
|
+
danger: vi.fn(() => ""),
|
|
58
|
+
error: vi.fn(),
|
|
59
|
+
update: vi.fn(),
|
|
60
|
+
remove: vi.fn(),
|
|
61
|
+
markAsRead: vi.fn(),
|
|
62
|
+
markAllAsRead: vi.fn(),
|
|
63
|
+
dismissBanner: vi.fn(),
|
|
64
|
+
clear: vi.fn(),
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
/** Helper to call configure() within SharedDataProvider and render children */
|
|
69
|
+
function ConfigureSharedData(props: {
|
|
70
|
+
definitions: { user: SharedDataDefinition<TestUser> };
|
|
71
|
+
children: any;
|
|
72
|
+
}) {
|
|
73
|
+
const shared = useTestSharedData();
|
|
74
|
+
shared.configure(() => props.definitions);
|
|
75
|
+
return <>{props.children}</>;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
function TestConsumer(props: { onData?: (shared: any) => void }) {
|
|
79
|
+
const shared = useTestSharedData();
|
|
80
|
+
props.onData?.(shared);
|
|
81
|
+
|
|
82
|
+
return (
|
|
83
|
+
<div>
|
|
84
|
+
<span data-testid="count">{shared.user.items().length}</span>
|
|
85
|
+
<span data-testid="busy">{Boolean(shared.busy()) ? "true" : "false"}</span>
|
|
86
|
+
</div>
|
|
87
|
+
);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
describe("SharedDataProvider", () => {
|
|
91
|
+
it("loads initial data and allows access via items()", async () => {
|
|
92
|
+
const { serviceClientValue } = createMockServiceClient();
|
|
93
|
+
const mockUsers: TestUser[] = [
|
|
94
|
+
{ id: 1, name: "Alice" },
|
|
95
|
+
{ id: 2, name: "Bob" },
|
|
96
|
+
];
|
|
97
|
+
|
|
98
|
+
const definitions: { user: SharedDataDefinition<TestUser> } = {
|
|
99
|
+
user: {
|
|
100
|
+
fetch: vi.fn(() => Promise.resolve(mockUsers)),
|
|
101
|
+
getKey: (item) => item.id,
|
|
102
|
+
orderBy: [[(item) => item.name, "asc"]],
|
|
103
|
+
},
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
const result = render(() => (
|
|
107
|
+
<NotificationContext.Provider value={createMockNotification()}>
|
|
108
|
+
<ServiceClientContext.Provider value={serviceClientValue}>
|
|
109
|
+
<SharedDataProvider>
|
|
110
|
+
<ConfigureSharedData definitions={definitions}>
|
|
111
|
+
<TestConsumer />
|
|
112
|
+
</ConfigureSharedData>
|
|
113
|
+
</SharedDataProvider>
|
|
114
|
+
</ServiceClientContext.Provider>
|
|
115
|
+
</NotificationContext.Provider>
|
|
116
|
+
));
|
|
117
|
+
|
|
118
|
+
await vi.waitFor(() => {
|
|
119
|
+
expect(result.getByTestId("count").textContent).toBe("2");
|
|
120
|
+
});
|
|
121
|
+
|
|
122
|
+
result.unmount();
|
|
123
|
+
});
|
|
124
|
+
|
|
125
|
+
it("allows O(1) single item lookup via get()", async () => {
|
|
126
|
+
const { serviceClientValue } = createMockServiceClient();
|
|
127
|
+
const mockUsers: TestUser[] = [
|
|
128
|
+
{ id: 1, name: "Alice" },
|
|
129
|
+
{ id: 2, name: "Bob" },
|
|
130
|
+
];
|
|
131
|
+
|
|
132
|
+
let sharedRef: any;
|
|
133
|
+
|
|
134
|
+
const definitions: { user: SharedDataDefinition<TestUser> } = {
|
|
135
|
+
user: {
|
|
136
|
+
fetch: vi.fn(() => Promise.resolve(mockUsers)),
|
|
137
|
+
getKey: (item) => item.id,
|
|
138
|
+
orderBy: [[(item) => item.name, "asc"]],
|
|
139
|
+
},
|
|
140
|
+
};
|
|
141
|
+
|
|
142
|
+
const result = render(() => (
|
|
143
|
+
<NotificationContext.Provider value={createMockNotification()}>
|
|
144
|
+
<ServiceClientContext.Provider value={serviceClientValue}>
|
|
145
|
+
<SharedDataProvider>
|
|
146
|
+
<ConfigureSharedData definitions={definitions}>
|
|
147
|
+
<TestConsumer
|
|
148
|
+
onData={(s) => {
|
|
149
|
+
sharedRef = s;
|
|
150
|
+
}}
|
|
151
|
+
/>
|
|
152
|
+
</ConfigureSharedData>
|
|
153
|
+
</SharedDataProvider>
|
|
154
|
+
</ServiceClientContext.Provider>
|
|
155
|
+
</NotificationContext.Provider>
|
|
156
|
+
));
|
|
157
|
+
|
|
158
|
+
await vi.waitFor(() => {
|
|
159
|
+
expect(result.getByTestId("count").textContent).toBe("2");
|
|
160
|
+
});
|
|
161
|
+
|
|
162
|
+
expect(sharedRef!.user.get(1)).toEqual({ id: 1, name: "Alice" });
|
|
163
|
+
expect(sharedRef!.user.get(999)).toBeUndefined();
|
|
164
|
+
expect(sharedRef!.user.get(undefined)).toBeUndefined();
|
|
165
|
+
|
|
166
|
+
result.unmount();
|
|
167
|
+
});
|
|
168
|
+
|
|
169
|
+
it("returns results sorted by orderBy", async () => {
|
|
170
|
+
const { serviceClientValue } = createMockServiceClient();
|
|
171
|
+
const mockUsers: TestUser[] = [
|
|
172
|
+
{ id: 2, name: "Charlie" },
|
|
173
|
+
{ id: 1, name: "Alice" },
|
|
174
|
+
{ id: 3, name: "Bob" },
|
|
175
|
+
];
|
|
176
|
+
|
|
177
|
+
let sharedRef: any;
|
|
178
|
+
|
|
179
|
+
const definitions: { user: SharedDataDefinition<TestUser> } = {
|
|
180
|
+
user: {
|
|
181
|
+
fetch: vi.fn(() => Promise.resolve(mockUsers)),
|
|
182
|
+
getKey: (item) => item.id,
|
|
183
|
+
orderBy: [[(item) => item.name, "asc"]],
|
|
184
|
+
},
|
|
185
|
+
};
|
|
186
|
+
|
|
187
|
+
const result = render(() => (
|
|
188
|
+
<NotificationContext.Provider value={createMockNotification()}>
|
|
189
|
+
<ServiceClientContext.Provider value={serviceClientValue}>
|
|
190
|
+
<SharedDataProvider>
|
|
191
|
+
<ConfigureSharedData definitions={definitions}>
|
|
192
|
+
<TestConsumer
|
|
193
|
+
onData={(s) => {
|
|
194
|
+
sharedRef = s;
|
|
195
|
+
}}
|
|
196
|
+
/>
|
|
197
|
+
</ConfigureSharedData>
|
|
198
|
+
</SharedDataProvider>
|
|
199
|
+
</ServiceClientContext.Provider>
|
|
200
|
+
</NotificationContext.Provider>
|
|
201
|
+
));
|
|
202
|
+
|
|
203
|
+
await vi.waitFor(() => {
|
|
204
|
+
expect(result.getByTestId("count").textContent).toBe("3");
|
|
205
|
+
});
|
|
206
|
+
|
|
207
|
+
const names = sharedRef!.user.items().map((u: TestUser) => u.name);
|
|
208
|
+
expect(names).toEqual(["Alice", "Bob", "Charlie"]);
|
|
209
|
+
|
|
210
|
+
result.unmount();
|
|
211
|
+
});
|
|
212
|
+
|
|
213
|
+
it("busy() returns true during loading and false after completion", async () => {
|
|
214
|
+
const { serviceClientValue } = createMockServiceClient();
|
|
215
|
+
|
|
216
|
+
let resolveUsers!: (value: TestUser[]) => void;
|
|
217
|
+
const fetchPromise = new Promise<TestUser[]>((resolve) => {
|
|
218
|
+
resolveUsers = resolve;
|
|
219
|
+
});
|
|
220
|
+
|
|
221
|
+
const definitions: { user: SharedDataDefinition<TestUser> } = {
|
|
222
|
+
user: {
|
|
223
|
+
fetch: vi.fn(() => fetchPromise),
|
|
224
|
+
getKey: (item) => item.id,
|
|
225
|
+
orderBy: [],
|
|
226
|
+
},
|
|
227
|
+
};
|
|
228
|
+
|
|
229
|
+
const result = render(() => (
|
|
230
|
+
<NotificationContext.Provider value={createMockNotification()}>
|
|
231
|
+
<ServiceClientContext.Provider value={serviceClientValue}>
|
|
232
|
+
<SharedDataProvider>
|
|
233
|
+
<ConfigureSharedData definitions={definitions}>
|
|
234
|
+
<TestConsumer />
|
|
235
|
+
</ConfigureSharedData>
|
|
236
|
+
</SharedDataProvider>
|
|
237
|
+
</ServiceClientContext.Provider>
|
|
238
|
+
</NotificationContext.Provider>
|
|
239
|
+
));
|
|
240
|
+
|
|
241
|
+
// During loading
|
|
242
|
+
await vi.waitFor(() => {
|
|
243
|
+
expect(result.getByTestId("busy").textContent).toBe("true");
|
|
244
|
+
});
|
|
245
|
+
|
|
246
|
+
// After loading completes
|
|
247
|
+
resolveUsers([{ id: 1, name: "Alice" }]);
|
|
248
|
+
|
|
249
|
+
await vi.waitFor(() => {
|
|
250
|
+
expect(result.getByTestId("busy").textContent).toBe("false");
|
|
251
|
+
});
|
|
252
|
+
|
|
253
|
+
result.unmount();
|
|
254
|
+
});
|
|
255
|
+
|
|
256
|
+
it("can access meta functions in accessor when included in configure", async () => {
|
|
257
|
+
const { serviceClientValue } = createMockServiceClient();
|
|
258
|
+
|
|
259
|
+
const getKeyFn = (item: TestUser) => item.id;
|
|
260
|
+
const getSearchTextFn = (item: TestUser) => item.name;
|
|
261
|
+
const getIsHiddenFn = (item: TestUser) => item.name === "hidden";
|
|
262
|
+
const getParentKeyFn = (_item: TestUser) => undefined as number | undefined;
|
|
263
|
+
|
|
264
|
+
let sharedRef: any;
|
|
265
|
+
|
|
266
|
+
const definitions: { user: SharedDataDefinition<TestUser> } = {
|
|
267
|
+
user: {
|
|
268
|
+
fetch: vi.fn(() => Promise.resolve([{ id: 1, name: "Alice" }])),
|
|
269
|
+
getKey: getKeyFn,
|
|
270
|
+
orderBy: [[(item) => item.name, "asc"]],
|
|
271
|
+
getSearchText: getSearchTextFn,
|
|
272
|
+
getIsHidden: getIsHiddenFn,
|
|
273
|
+
getParentKey: getParentKeyFn,
|
|
274
|
+
},
|
|
275
|
+
};
|
|
276
|
+
|
|
277
|
+
const result = render(() => (
|
|
278
|
+
<NotificationContext.Provider value={createMockNotification()}>
|
|
279
|
+
<ServiceClientContext.Provider value={serviceClientValue}>
|
|
280
|
+
<SharedDataProvider>
|
|
281
|
+
<ConfigureSharedData definitions={definitions}>
|
|
282
|
+
<TestConsumer
|
|
283
|
+
onData={(s) => {
|
|
284
|
+
sharedRef = s;
|
|
285
|
+
}}
|
|
286
|
+
/>
|
|
287
|
+
</ConfigureSharedData>
|
|
288
|
+
</SharedDataProvider>
|
|
289
|
+
</ServiceClientContext.Provider>
|
|
290
|
+
</NotificationContext.Provider>
|
|
291
|
+
));
|
|
292
|
+
|
|
293
|
+
await vi.waitFor(() => {
|
|
294
|
+
expect(result.getByTestId("count").textContent).toBe("1");
|
|
295
|
+
});
|
|
296
|
+
|
|
297
|
+
// Verify meta function references in accessor match definition
|
|
298
|
+
expect(sharedRef!.user.getKey).toBe(getKeyFn);
|
|
299
|
+
expect(sharedRef!.user.getSearchText).toBe(getSearchTextFn);
|
|
300
|
+
expect(sharedRef!.user.getIsHidden).toBe(getIsHiddenFn);
|
|
301
|
+
expect(sharedRef!.user.getParentKey).toBe(getParentKeyFn);
|
|
302
|
+
|
|
303
|
+
// Verify actual call results
|
|
304
|
+
const testItem: TestUser = { id: 42, name: "Test" };
|
|
305
|
+
expect(sharedRef!.user.getKey(testItem)).toBe(42);
|
|
306
|
+
expect(sharedRef!.user.getSearchText(testItem)).toBe("Test");
|
|
307
|
+
expect(sharedRef!.user.getIsHidden(testItem)).toBe(false);
|
|
308
|
+
expect(sharedRef!.user.getParentKey(testItem)).toBeUndefined();
|
|
309
|
+
|
|
310
|
+
result.unmount();
|
|
311
|
+
});
|
|
312
|
+
|
|
313
|
+
it("accessor returns undefined when meta functions are not specified", async () => {
|
|
314
|
+
const { serviceClientValue } = createMockServiceClient();
|
|
315
|
+
|
|
316
|
+
const getKeyFn = (item: TestUser) => item.id;
|
|
317
|
+
|
|
318
|
+
let sharedRef: any;
|
|
319
|
+
|
|
320
|
+
const definitions: { user: SharedDataDefinition<TestUser> } = {
|
|
321
|
+
user: {
|
|
322
|
+
fetch: vi.fn(() => Promise.resolve([{ id: 1, name: "Alice" }])),
|
|
323
|
+
getKey: getKeyFn,
|
|
324
|
+
orderBy: [[(item) => item.name, "asc"]],
|
|
325
|
+
// getSearchText, getIsHidden, getParentKey not specified
|
|
326
|
+
},
|
|
327
|
+
};
|
|
328
|
+
|
|
329
|
+
const result = render(() => (
|
|
330
|
+
<NotificationContext.Provider value={createMockNotification()}>
|
|
331
|
+
<ServiceClientContext.Provider value={serviceClientValue}>
|
|
332
|
+
<SharedDataProvider>
|
|
333
|
+
<ConfigureSharedData definitions={definitions}>
|
|
334
|
+
<TestConsumer
|
|
335
|
+
onData={(s) => {
|
|
336
|
+
sharedRef = s;
|
|
337
|
+
}}
|
|
338
|
+
/>
|
|
339
|
+
</ConfigureSharedData>
|
|
340
|
+
</SharedDataProvider>
|
|
341
|
+
</ServiceClientContext.Provider>
|
|
342
|
+
</NotificationContext.Provider>
|
|
343
|
+
));
|
|
344
|
+
|
|
345
|
+
await vi.waitFor(() => {
|
|
346
|
+
expect(result.getByTestId("count").textContent).toBe("1");
|
|
347
|
+
});
|
|
348
|
+
|
|
349
|
+
// getKey always exists
|
|
350
|
+
expect(sharedRef!.user.getKey).toBe(getKeyFn);
|
|
351
|
+
|
|
352
|
+
// Optional meta functions are undefined when not specified
|
|
353
|
+
expect(sharedRef!.user.getSearchText).toBeUndefined();
|
|
354
|
+
expect(sharedRef!.user.getIsHidden).toBeUndefined();
|
|
355
|
+
expect(sharedRef!.user.getParentKey).toBeUndefined();
|
|
356
|
+
|
|
357
|
+
result.unmount();
|
|
358
|
+
});
|
|
359
|
+
|
|
360
|
+
it("does not fetch immediately after configure(), fetches lazily when items() is accessed", async () => {
|
|
361
|
+
const { serviceClientValue, mockClient } = createMockServiceClient();
|
|
362
|
+
const mockUsers: TestUser[] = [{ id: 1, name: "Alice" }];
|
|
363
|
+
|
|
364
|
+
const fetchFn = vi.fn(() => Promise.resolve(mockUsers));
|
|
365
|
+
|
|
366
|
+
const definitions: { user: SharedDataDefinition<TestUser> } = {
|
|
367
|
+
user: {
|
|
368
|
+
fetch: fetchFn,
|
|
369
|
+
getKey: (item) => item.id,
|
|
370
|
+
orderBy: [[(item) => item.name, "asc"]],
|
|
371
|
+
},
|
|
372
|
+
};
|
|
373
|
+
|
|
374
|
+
// Component that only calls configure() and does not access items()
|
|
375
|
+
function ConfigureOnly() {
|
|
376
|
+
const shared = useTestSharedData();
|
|
377
|
+
shared.configure(() => definitions);
|
|
378
|
+
return <div data-testid="configured">configured</div>;
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
const result = render(() => (
|
|
382
|
+
<NotificationContext.Provider value={createMockNotification()}>
|
|
383
|
+
<ServiceClientContext.Provider value={serviceClientValue}>
|
|
384
|
+
<SharedDataProvider>
|
|
385
|
+
<ConfigureOnly />
|
|
386
|
+
</SharedDataProvider>
|
|
387
|
+
</ServiceClientContext.Provider>
|
|
388
|
+
</NotificationContext.Provider>
|
|
389
|
+
));
|
|
390
|
+
|
|
391
|
+
// After configure: fetch and addEventListener should not be called
|
|
392
|
+
await vi.waitFor(() => {
|
|
393
|
+
expect(result.getByTestId("configured").textContent).toBe("configured");
|
|
394
|
+
});
|
|
395
|
+
|
|
396
|
+
expect(fetchFn).not.toHaveBeenCalled();
|
|
397
|
+
expect(mockClient.addEventListener).not.toHaveBeenCalled();
|
|
398
|
+
|
|
399
|
+
result.unmount();
|
|
400
|
+
});
|
|
401
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/// <reference types="@testing-library/jest-dom/vitest" />
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { type JSX, type ParentComponent } from "solid-js";
|
|
2
|
-
/**
|
|
3
|
-
* Header 슬롯 서브 컴포넌트
|
|
4
|
-
*/
|
|
5
|
-
declare const SelectListHeader: ParentComponent;
|
|
6
|
-
/**
|
|
7
|
-
* Filter 슬롯 서브 컴포넌트
|
|
8
|
-
*/
|
|
9
|
-
declare const SelectListFilter: ParentComponent;
|
|
10
|
-
/**
|
|
11
|
-
* ItemTemplate 서브 컴포넌트
|
|
12
|
-
*/
|
|
13
|
-
declare const SelectListItemTemplate: <TArgs extends unknown[]>(props: {
|
|
14
|
-
children: (...args: TArgs) => JSX.Element;
|
|
15
|
-
}) => null;
|
|
16
|
-
export interface SelectListProps<TValue> {
|
|
17
|
-
/** 목록 아이템 배열 */
|
|
18
|
-
items: TValue[];
|
|
19
|
-
/** 현재 선택된 값 */
|
|
20
|
-
value?: TValue;
|
|
21
|
-
/** 값 변경 콜백 */
|
|
22
|
-
onValueChange?: (value: TValue | undefined) => void;
|
|
23
|
-
/** 필수 선택 여부 (true이면 미지정 항목 숨김) */
|
|
24
|
-
required?: boolean;
|
|
25
|
-
/** 비활성화 */
|
|
26
|
-
disabled?: boolean;
|
|
27
|
-
/** 검색 텍스트 추출 함수 (있으면 검색 TextInput 자동 표시) */
|
|
28
|
-
getSearchText?: (item: TValue) => string;
|
|
29
|
-
/** 숨김 여부 필터 */
|
|
30
|
-
getIsHidden?: (item: TValue) => boolean;
|
|
31
|
-
/** 커스텀 필터 함수 */
|
|
32
|
-
filterFn?: (item: TValue, index: number) => boolean;
|
|
33
|
-
/** 값 변경 가드 (false 반환 시 변경 차단) */
|
|
34
|
-
canChange?: (item: TValue | undefined) => boolean | Promise<boolean>;
|
|
35
|
-
/** 페이지 크기 (있으면 Pagination 자동 표시) */
|
|
36
|
-
pageSize?: number;
|
|
37
|
-
/** 헤더 텍스트 (Header 슬롯보다 우선순위 낮음) */
|
|
38
|
-
header?: string;
|
|
39
|
-
/** 커스텀 class */
|
|
40
|
-
class?: string;
|
|
41
|
-
/** 커스텀 style */
|
|
42
|
-
style?: JSX.CSSProperties;
|
|
43
|
-
/** 서브 컴포넌트용 children */
|
|
44
|
-
children?: JSX.Element;
|
|
45
|
-
}
|
|
46
|
-
interface SelectListComponent {
|
|
47
|
-
<TValue = unknown>(props: SelectListProps<TValue>): JSX.Element;
|
|
48
|
-
Header: typeof SelectListHeader;
|
|
49
|
-
Filter: typeof SelectListFilter;
|
|
50
|
-
ItemTemplate: typeof SelectListItemTemplate;
|
|
51
|
-
}
|
|
52
|
-
export declare const SelectList: SelectListComponent;
|
|
53
|
-
export {};
|
|
54
|
-
//# sourceMappingURL=SelectList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectList.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\select-list\\SelectList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,GAAG,EAER,KAAK,eAAe,EAGrB,MAAM,UAAU,CAAC;AAsBlB;;GAEG;AACH,QAAA,MAAM,gBAAgB,EAAE,eAMvB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,gBAAgB,EAAE,eAMvB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,sBAAsB,GAAI,KAAK,SAAS,OAAO,EAAE,EAAE,OAAO;IAC9D,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3C,SAMA,CAAC;AAIF,MAAM,WAAW,eAAe,CAAC,MAAM;IACrC,gBAAgB;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAEhB,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAEpD,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEzC,eAAe;IACf,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAExC,gBAAgB;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAEpD,iCAAiC;IACjC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAErE,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAE1B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAUD,UAAU,mBAAmB;IAC3B,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;IAChE,MAAM,EAAE,OAAO,gBAAgB,CAAC;IAChC,MAAM,EAAE,OAAO,gBAAgB,CAAC;IAChC,YAAY,EAAE,OAAO,sBAAsB,CAAC;CAC7C;AAED,eAAO,MAAM,UAAU,EAAE,mBA2PxB,CAAC"}
|