@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.
Files changed (495) hide show
  1. package/README.md +168 -195
  2. package/dist/components/data/calendar/Calendar.d.ts.map +1 -1
  3. package/dist/components/data/calendar/Calendar.js +15 -2
  4. package/dist/components/data/calendar/Calendar.js.map +2 -2
  5. package/dist/components/data/kanban/KanbanContext.js +2 -2
  6. package/dist/components/data/kanban/KanbanContext.js.map +1 -1
  7. package/dist/components/data/list/List.d.ts +8 -8
  8. package/dist/components/data/list/ListContext.d.ts +1 -1
  9. package/dist/components/data/list/ListItem.d.ts +15 -15
  10. package/dist/components/data/sheet/DataSheet.d.ts.map +1 -1
  11. package/dist/components/data/sheet/DataSheet.js +6 -4
  12. package/dist/components/data/sheet/DataSheet.js.map +2 -2
  13. package/dist/components/data/sheet/DataSheetConfigDialog.js +8 -8
  14. package/dist/components/data/sheet/DataSheetConfigDialog.js.map +1 -1
  15. package/dist/components/data/sheet/types.d.ts +4 -4
  16. package/dist/components/data/sheet/types.d.ts.map +1 -1
  17. package/dist/components/disclosure/Collapse.d.ts +4 -4
  18. package/dist/components/disclosure/Dialog.d.ts +24 -24
  19. package/dist/components/disclosure/Dialog.d.ts.map +1 -1
  20. package/dist/components/disclosure/Dialog.js +7 -2
  21. package/dist/components/disclosure/Dialog.js.map +2 -2
  22. package/dist/components/disclosure/DialogContext.d.ts +25 -25
  23. package/dist/components/disclosure/DialogContext.d.ts.map +1 -1
  24. package/dist/components/disclosure/DialogContext.js +1 -1
  25. package/dist/components/disclosure/DialogContext.js.map +1 -1
  26. package/dist/components/disclosure/DialogInstanceContext.d.ts +7 -7
  27. package/dist/components/disclosure/DialogInstanceContext.d.ts.map +1 -1
  28. package/dist/components/disclosure/DialogProvider.d.ts +3 -3
  29. package/dist/components/disclosure/Dropdown.d.ts +26 -24
  30. package/dist/components/disclosure/Dropdown.d.ts.map +1 -1
  31. package/dist/components/disclosure/Dropdown.js +24 -8
  32. package/dist/components/disclosure/Dropdown.js.map +2 -2
  33. package/dist/components/disclosure/Tabs.js +1 -1
  34. package/dist/components/disclosure/Tabs.js.map +1 -1
  35. package/dist/components/disclosure/dialogZIndex.d.ts +9 -7
  36. package/dist/components/disclosure/dialogZIndex.d.ts.map +1 -1
  37. package/dist/components/disclosure/dialogZIndex.js +4 -0
  38. package/dist/components/disclosure/dialogZIndex.js.map +1 -1
  39. package/dist/components/features/crud-detail/CrudDetail.d.ts.map +1 -1
  40. package/dist/components/features/crud-detail/CrudDetail.js +34 -22
  41. package/dist/components/features/crud-detail/CrudDetail.js.map +2 -2
  42. package/dist/components/features/crud-sheet/CrudSheet.d.ts.map +1 -1
  43. package/dist/components/features/crud-sheet/CrudSheet.js +48 -33
  44. package/dist/components/features/crud-sheet/CrudSheet.js.map +2 -2
  45. package/dist/components/features/crudRegistry.d.ts +16 -0
  46. package/dist/components/features/crudRegistry.d.ts.map +1 -0
  47. package/dist/components/features/crudRegistry.js +37 -0
  48. package/dist/components/features/crudRegistry.js.map +6 -0
  49. package/dist/components/features/data-select-button/DataSelectButton.d.ts +14 -14
  50. package/dist/components/features/data-select-button/DataSelectButton.d.ts.map +1 -1
  51. package/dist/components/features/data-select-button/DataSelectButton.js +27 -9
  52. package/dist/components/features/data-select-button/DataSelectButton.js.map +2 -2
  53. package/dist/components/features/permission-table/PermissionTable.d.ts +3 -3
  54. package/dist/components/features/permission-table/PermissionTable.d.ts.map +1 -1
  55. package/dist/components/features/permission-table/PermissionTable.js +74 -85
  56. package/dist/components/features/permission-table/PermissionTable.js.map +2 -2
  57. package/dist/components/features/shared-data/SharedDataSelect.d.ts +12 -12
  58. package/dist/components/features/shared-data/SharedDataSelect.d.ts.map +1 -1
  59. package/dist/components/features/shared-data/SharedDataSelect.js +10 -6
  60. package/dist/components/features/shared-data/SharedDataSelect.js.map +2 -2
  61. package/dist/components/features/shared-data/SharedDataSelectButton.d.ts +10 -10
  62. package/dist/components/features/shared-data/SharedDataSelectButton.d.ts.map +1 -1
  63. package/dist/components/features/shared-data/SharedDataSelectList.d.ts +23 -15
  64. package/dist/components/features/shared-data/SharedDataSelectList.d.ts.map +1 -1
  65. package/dist/components/features/shared-data/SharedDataSelectList.js +191 -65
  66. package/dist/components/features/shared-data/SharedDataSelectList.js.map +2 -2
  67. package/dist/components/features/shared-data/SharedDataSelectListContext.d.ts +15 -0
  68. package/dist/components/features/shared-data/SharedDataSelectListContext.d.ts.map +1 -0
  69. package/dist/components/features/shared-data/SharedDataSelectListContext.js +27 -0
  70. package/dist/components/features/shared-data/SharedDataSelectListContext.js.map +6 -0
  71. package/dist/components/feedback/Progress.d.ts +1 -1
  72. package/dist/components/feedback/Progress.d.ts.map +1 -1
  73. package/dist/components/feedback/busy/BusyContainer.d.ts +2 -2
  74. package/dist/components/feedback/busy/BusyContainer.d.ts.map +1 -1
  75. package/dist/components/feedback/busy/BusyContext.d.ts +11 -11
  76. package/dist/components/feedback/busy/BusyContext.d.ts.map +1 -1
  77. package/dist/components/feedback/busy/BusyContext.js +1 -1
  78. package/dist/components/feedback/busy/BusyContext.js.map +1 -1
  79. package/dist/components/feedback/busy/BusyProvider.d.ts +6 -6
  80. package/dist/components/feedback/busy/BusyProvider.d.ts.map +1 -1
  81. package/dist/components/feedback/notification/NotificationBanner.d.ts.map +1 -1
  82. package/dist/components/feedback/notification/NotificationBanner.js +7 -3
  83. package/dist/components/feedback/notification/NotificationBanner.js.map +2 -2
  84. package/dist/components/feedback/notification/NotificationBell.js +2 -2
  85. package/dist/components/feedback/notification/NotificationBell.js.map +1 -1
  86. package/dist/components/feedback/notification/NotificationContext.d.ts +22 -22
  87. package/dist/components/feedback/notification/NotificationContext.d.ts.map +1 -1
  88. package/dist/components/feedback/notification/NotificationContext.js +1 -1
  89. package/dist/components/feedback/notification/NotificationContext.js.map +1 -1
  90. package/dist/components/feedback/notification/NotificationProvider.d.ts +5 -5
  91. package/dist/components/feedback/notification/NotificationProvider.js +1 -1
  92. package/dist/components/feedback/notification/NotificationProvider.js.map +1 -1
  93. package/dist/components/feedback/print/PrintContext.js +1 -1
  94. package/dist/components/feedback/print/PrintContext.js.map +1 -1
  95. package/dist/components/form-control/DropdownTrigger.styles.d.ts +1 -1
  96. package/dist/components/form-control/DropdownTrigger.styles.d.ts.map +1 -1
  97. package/dist/components/form-control/ThemeToggle.d.ts +7 -7
  98. package/dist/components/form-control/ThemeToggle.d.ts.map +1 -1
  99. package/dist/components/form-control/ThemeToggle.js +3 -3
  100. package/dist/components/form-control/checkbox/Checkbox.js +1 -1
  101. package/dist/components/form-control/checkbox/CheckboxGroup.js +1 -1
  102. package/dist/components/form-control/checkbox/Radio.js +1 -1
  103. package/dist/components/form-control/checkbox/RadioGroup.js +1 -1
  104. package/dist/components/form-control/color-picker/ColorPicker.d.ts +12 -12
  105. package/dist/components/form-control/color-picker/ColorPicker.d.ts.map +1 -1
  106. package/dist/components/form-control/color-picker/ColorPicker.js +2 -2
  107. package/dist/components/form-control/combobox/Combobox.d.ts +22 -22
  108. package/dist/components/form-control/combobox/Combobox.d.ts.map +1 -1
  109. package/dist/components/form-control/combobox/Combobox.js +2 -2
  110. package/dist/components/form-control/combobox/ComboboxContext.d.ts +4 -4
  111. package/dist/components/form-control/combobox/ComboboxContext.d.ts.map +1 -1
  112. package/dist/components/form-control/combobox/ComboboxContext.js +1 -1
  113. package/dist/components/form-control/combobox/ComboboxContext.js.map +1 -1
  114. package/dist/components/form-control/combobox/ComboboxItem.d.ts +3 -3
  115. package/dist/components/form-control/combobox/ComboboxItem.d.ts.map +1 -1
  116. package/dist/components/form-control/date-range-picker/DateRangePicker.d.ts +14 -14
  117. package/dist/components/form-control/date-range-picker/DateRangePicker.d.ts.map +1 -1
  118. package/dist/components/form-control/date-range-picker/DateRangePicker.js +20 -9
  119. package/dist/components/form-control/date-range-picker/DateRangePicker.js.map +2 -2
  120. package/dist/components/form-control/editor/EditorToolbar.d.ts.map +1 -1
  121. package/dist/components/form-control/editor/EditorToolbar.js +65 -20
  122. package/dist/components/form-control/editor/EditorToolbar.js.map +2 -2
  123. package/dist/components/form-control/editor/RichTextEditor.d.ts +6 -6
  124. package/dist/components/form-control/editor/RichTextEditor.d.ts.map +1 -1
  125. package/dist/components/form-control/editor/RichTextEditor.js +1 -1
  126. package/dist/components/form-control/editor/editor.css +5 -5
  127. package/dist/components/form-control/field/DatePicker.d.ts +22 -22
  128. package/dist/components/form-control/field/DatePicker.d.ts.map +1 -1
  129. package/dist/components/form-control/field/DatePicker.js +4 -4
  130. package/dist/components/form-control/field/DatePicker.js.map +1 -1
  131. package/dist/components/form-control/field/DateTimePicker.d.ts +21 -21
  132. package/dist/components/form-control/field/DateTimePicker.d.ts.map +1 -1
  133. package/dist/components/form-control/field/DateTimePicker.js +4 -4
  134. package/dist/components/form-control/field/DateTimePicker.js.map +1 -1
  135. package/dist/components/form-control/field/FieldPlaceholder.d.ts +1 -1
  136. package/dist/components/form-control/field/FieldPlaceholder.d.ts.map +1 -1
  137. package/dist/components/form-control/field/NumberInput.d.ts +23 -23
  138. package/dist/components/form-control/field/NumberInput.d.ts.map +1 -1
  139. package/dist/components/form-control/field/NumberInput.js +4 -4
  140. package/dist/components/form-control/field/NumberInput.js.map +1 -1
  141. package/dist/components/form-control/field/TextInput.d.ts +25 -25
  142. package/dist/components/form-control/field/TextInput.d.ts.map +1 -1
  143. package/dist/components/form-control/field/TextInput.js +5 -5
  144. package/dist/components/form-control/field/TextInput.js.map +1 -1
  145. package/dist/components/form-control/field/Textarea.d.ts +19 -19
  146. package/dist/components/form-control/field/Textarea.d.ts.map +1 -1
  147. package/dist/components/form-control/field/Textarea.js +4 -4
  148. package/dist/components/form-control/field/Textarea.js.map +1 -1
  149. package/dist/components/form-control/field/TimePicker.d.ts +20 -20
  150. package/dist/components/form-control/field/TimePicker.d.ts.map +1 -1
  151. package/dist/components/form-control/field/TimePicker.js +4 -4
  152. package/dist/components/form-control/field/TimePicker.js.map +1 -1
  153. package/dist/components/form-control/numpad/Numpad.d.ts +11 -11
  154. package/dist/components/form-control/numpad/Numpad.d.ts.map +1 -1
  155. package/dist/components/form-control/select/Select.d.ts +26 -26
  156. package/dist/components/form-control/select/Select.d.ts.map +1 -1
  157. package/dist/components/form-control/select/Select.js +34 -23
  158. package/dist/components/form-control/select/Select.js.map +2 -2
  159. package/dist/components/form-control/select/SelectContext.d.ts +7 -7
  160. package/dist/components/form-control/select/SelectContext.d.ts.map +1 -1
  161. package/dist/components/form-control/select/SelectContext.js +1 -1
  162. package/dist/components/form-control/select/SelectContext.js.map +1 -1
  163. package/dist/components/form-control/select/SelectItem.d.ts +4 -4
  164. package/dist/components/form-control/select/SelectItem.d.ts.map +1 -1
  165. package/dist/components/form-control/state-preset/StatePreset.js +8 -8
  166. package/dist/components/form-control/state-preset/StatePreset.js.map +1 -1
  167. package/dist/components/layout/FormTable.js +4 -4
  168. package/dist/components/layout/sidebar/Sidebar.d.ts +5 -5
  169. package/dist/components/layout/sidebar/SidebarContainer.d.ts +11 -11
  170. package/dist/components/layout/sidebar/SidebarContainer.d.ts.map +1 -1
  171. package/dist/components/layout/sidebar/SidebarContainer.js +6 -1
  172. package/dist/components/layout/sidebar/SidebarContainer.js.map +2 -2
  173. package/dist/components/layout/sidebar/SidebarContext.d.ts +7 -7
  174. package/dist/components/layout/sidebar/SidebarContext.js +1 -1
  175. package/dist/components/layout/sidebar/SidebarContext.js.map +1 -1
  176. package/dist/components/layout/sidebar/SidebarMenu.d.ts +11 -11
  177. package/dist/components/layout/sidebar/SidebarUser.d.ts +14 -14
  178. package/dist/components/layout/topbar/Topbar.d.ts +6 -6
  179. package/dist/components/layout/topbar/Topbar.d.ts.map +1 -1
  180. package/dist/components/layout/topbar/Topbar.js +11 -6
  181. package/dist/components/layout/topbar/Topbar.js.map +2 -2
  182. package/dist/components/layout/topbar/TopbarContainer.d.ts +6 -6
  183. package/dist/components/layout/topbar/TopbarContext.js +2 -2
  184. package/dist/components/layout/topbar/TopbarContext.js.map +1 -1
  185. package/dist/components/layout/topbar/TopbarMenu.d.ts +11 -11
  186. package/dist/components/layout/topbar/TopbarMenu.d.ts.map +1 -1
  187. package/dist/components/layout/topbar/TopbarMenu.js +5 -1
  188. package/dist/components/layout/topbar/TopbarMenu.js.map +2 -2
  189. package/dist/components/layout/topbar/TopbarUser.d.ts +9 -9
  190. package/dist/directives/ripple.d.ts +5 -5
  191. package/dist/helpers/createAppStructure.d.ts.map +1 -1
  192. package/dist/helpers/createAppStructure.js +7 -3
  193. package/dist/helpers/createAppStructure.js.map +1 -1
  194. package/dist/helpers/createHmrSafeContext.d.ts +3 -0
  195. package/dist/helpers/createHmrSafeContext.d.ts.map +1 -0
  196. package/dist/helpers/createHmrSafeContext.js +10 -0
  197. package/dist/helpers/createHmrSafeContext.js.map +6 -0
  198. package/dist/helpers/createSlotComponent.d.ts +3 -3
  199. package/dist/helpers/mergeStyles.d.ts +8 -8
  200. package/dist/hooks/createControllableSignal.d.ts +10 -10
  201. package/dist/hooks/createControllableStore.d.ts +6 -6
  202. package/dist/hooks/createIMEHandler.d.ts +7 -7
  203. package/dist/hooks/createMountTransition.d.ts +4 -4
  204. package/dist/hooks/createSelectionGroup.d.ts.map +1 -1
  205. package/dist/hooks/createSelectionGroup.js +4 -3
  206. package/dist/hooks/createSelectionGroup.js.map +2 -2
  207. package/dist/hooks/createSlotSignal.d.ts +2 -2
  208. package/dist/hooks/useLocalStorage.d.ts +11 -11
  209. package/dist/hooks/useLogger.d.ts +1 -1
  210. package/dist/hooks/useLogger.d.ts.map +1 -1
  211. package/dist/hooks/useLogger.js +1 -1
  212. package/dist/hooks/useLogger.js.map +1 -1
  213. package/dist/hooks/useRouterLink.d.ts +10 -10
  214. package/dist/hooks/useRouterLink.d.ts.map +1 -1
  215. package/dist/index.d.ts +2 -1
  216. package/dist/index.d.ts.map +1 -1
  217. package/dist/index.js +2 -1
  218. package/dist/index.js.map +1 -1
  219. package/dist/providers/ClipboardProvider.d.ts +5 -5
  220. package/dist/providers/ConfigContext.d.ts +6 -6
  221. package/dist/providers/ConfigContext.js +2 -2
  222. package/dist/providers/ConfigContext.js.map +1 -1
  223. package/dist/providers/ErrorLoggerProvider.d.ts +3 -3
  224. package/dist/providers/LoggerContext.d.ts +13 -13
  225. package/dist/providers/PwaUpdateProvider.d.ts +4 -4
  226. package/dist/providers/PwaUpdateProvider.js +2 -2
  227. package/dist/providers/PwaUpdateProvider.js.map +1 -1
  228. package/dist/providers/ServiceClientContext.d.ts +8 -8
  229. package/dist/providers/ServiceClientContext.d.ts.map +1 -1
  230. package/dist/providers/ServiceClientContext.js +1 -1
  231. package/dist/providers/ServiceClientContext.js.map +1 -1
  232. package/dist/providers/ServiceClientProvider.d.ts +6 -6
  233. package/dist/providers/ServiceClientProvider.js +7 -7
  234. package/dist/providers/ServiceClientProvider.js.map +1 -1
  235. package/dist/providers/SyncStorageContext.d.ts +14 -14
  236. package/dist/providers/SystemProvider.d.ts.map +1 -1
  237. package/dist/providers/SystemProvider.js +21 -16
  238. package/dist/providers/SystemProvider.js.map +2 -2
  239. package/dist/providers/ThemeContext.d.ts +20 -20
  240. package/dist/providers/ThemeContext.d.ts.map +1 -1
  241. package/dist/providers/ThemeContext.js +1 -1
  242. package/dist/providers/ThemeContext.js.map +1 -1
  243. package/dist/providers/i18n/I18nContext.d.ts +44 -0
  244. package/dist/providers/i18n/I18nContext.d.ts.map +1 -0
  245. package/dist/providers/i18n/I18nContext.js +73 -0
  246. package/dist/providers/i18n/I18nContext.js.map +6 -0
  247. package/dist/providers/i18n/I18nContext.types.d.ts +28 -0
  248. package/dist/providers/i18n/I18nContext.types.d.ts.map +1 -0
  249. package/dist/providers/i18n/I18nContext.types.js +1 -0
  250. package/dist/providers/i18n/I18nContext.types.js.map +6 -0
  251. package/dist/providers/i18n/i18nUtils.d.ts +18 -0
  252. package/dist/providers/i18n/i18nUtils.d.ts.map +1 -0
  253. package/dist/providers/i18n/i18nUtils.js +25 -0
  254. package/dist/providers/i18n/i18nUtils.js.map +6 -0
  255. package/dist/providers/i18n/locales/en.d.ts +163 -0
  256. package/dist/providers/i18n/locales/en.d.ts.map +1 -0
  257. package/dist/providers/i18n/locales/en.js +165 -0
  258. package/dist/providers/i18n/locales/en.js.map +6 -0
  259. package/dist/providers/i18n/locales/ko.d.ts +163 -0
  260. package/dist/providers/i18n/locales/ko.d.ts.map +1 -0
  261. package/dist/providers/i18n/locales/ko.js +165 -0
  262. package/dist/providers/i18n/locales/ko.js.map +6 -0
  263. package/dist/providers/shared-data/SharedDataChangeEvent.d.ts +4 -4
  264. package/dist/providers/shared-data/SharedDataContext.d.ts +28 -28
  265. package/dist/providers/shared-data/SharedDataContext.d.ts.map +1 -1
  266. package/dist/providers/shared-data/SharedDataContext.js +1 -1
  267. package/dist/providers/shared-data/SharedDataContext.js.map +1 -1
  268. package/dist/providers/shared-data/SharedDataProvider.d.ts +9 -9
  269. package/dist/providers/shared-data/SharedDataProvider.js +4 -4
  270. package/dist/providers/shared-data/SharedDataProvider.js.map +1 -1
  271. package/package.json +9 -8
  272. package/src/components/data/calendar/Calendar.tsx +10 -4
  273. package/src/components/data/kanban/Kanban.tsx +14 -14
  274. package/src/components/data/kanban/KanbanContext.ts +3 -3
  275. package/src/components/data/list/List.tsx +10 -10
  276. package/src/components/data/list/ListContext.ts +1 -1
  277. package/src/components/data/list/ListItem.styles.ts +8 -8
  278. package/src/components/data/list/ListItem.tsx +15 -15
  279. package/src/components/data/sheet/DataSheet.styles.ts +22 -22
  280. package/src/components/data/sheet/DataSheet.tsx +52 -48
  281. package/src/components/data/sheet/DataSheetColumn.tsx +1 -1
  282. package/src/components/data/sheet/DataSheetConfigDialog.tsx +9 -9
  283. package/src/components/data/sheet/sheetUtils.ts +7 -7
  284. package/src/components/data/sheet/types.ts +16 -16
  285. package/src/components/disclosure/Collapse.tsx +11 -11
  286. package/src/components/disclosure/Dialog.tsx +60 -57
  287. package/src/components/disclosure/DialogContext.ts +26 -26
  288. package/src/components/disclosure/DialogInstanceContext.ts +7 -7
  289. package/src/components/disclosure/DialogProvider.tsx +5 -5
  290. package/src/components/disclosure/Dropdown.tsx +89 -75
  291. package/src/components/disclosure/Tabs.tsx +1 -1
  292. package/src/components/disclosure/dialogZIndex.ts +16 -11
  293. package/src/components/display/Echarts.tsx +4 -4
  294. package/src/components/features/address/AddressSearch.tsx +2 -2
  295. package/src/components/features/crud-detail/CrudDetail.tsx +34 -21
  296. package/src/components/features/crud-detail/CrudDetailAfter.tsx +1 -1
  297. package/src/components/features/crud-detail/CrudDetailBefore.tsx +1 -1
  298. package/src/components/features/crud-detail/CrudDetailTools.tsx +1 -1
  299. package/src/components/features/crud-sheet/CrudSheet.tsx +52 -40
  300. package/src/components/features/crud-sheet/CrudSheetColumn.tsx +1 -1
  301. package/src/components/features/crud-sheet/CrudSheetFilter.tsx +1 -1
  302. package/src/components/features/crud-sheet/CrudSheetHeader.tsx +1 -1
  303. package/src/components/features/crud-sheet/CrudSheetTools.tsx +1 -1
  304. package/src/components/features/crudRegistry.ts +60 -0
  305. package/src/components/features/data-select-button/DataSelectButton.tsx +34 -32
  306. package/src/components/features/permission-table/PermissionTable.tsx +70 -64
  307. package/src/components/features/shared-data/SharedDataSelect.tsx +24 -22
  308. package/src/components/features/shared-data/SharedDataSelectButton.tsx +10 -10
  309. package/src/components/features/shared-data/SharedDataSelectList.tsx +231 -59
  310. package/src/components/features/shared-data/SharedDataSelectListContext.ts +39 -0
  311. package/src/components/feedback/Progress.tsx +1 -1
  312. package/src/components/feedback/busy/BusyContainer.tsx +6 -6
  313. package/src/components/feedback/busy/BusyContext.ts +12 -12
  314. package/src/components/feedback/busy/BusyProvider.tsx +6 -6
  315. package/src/components/feedback/notification/NotificationBanner.tsx +3 -1
  316. package/src/components/feedback/notification/NotificationBell.tsx +4 -4
  317. package/src/components/feedback/notification/NotificationContext.ts +28 -28
  318. package/src/components/feedback/notification/NotificationProvider.tsx +9 -9
  319. package/src/components/feedback/print/PrintContext.ts +1 -1
  320. package/src/components/form-control/Button.tsx +1 -1
  321. package/src/components/form-control/DropdownTrigger.styles.ts +1 -1
  322. package/src/components/form-control/Invalid.tsx +5 -5
  323. package/src/components/form-control/ThemeToggle.tsx +10 -10
  324. package/src/components/form-control/checkbox/Checkbox.styles.ts +8 -8
  325. package/src/components/form-control/checkbox/Checkbox.tsx +2 -2
  326. package/src/components/form-control/checkbox/CheckboxGroup.tsx +1 -1
  327. package/src/components/form-control/checkbox/Radio.tsx +2 -2
  328. package/src/components/form-control/checkbox/RadioGroup.tsx +1 -1
  329. package/src/components/form-control/color-picker/ColorPicker.tsx +17 -17
  330. package/src/components/form-control/combobox/Combobox.tsx +55 -55
  331. package/src/components/form-control/combobox/ComboboxContext.ts +5 -5
  332. package/src/components/form-control/combobox/ComboboxItem.tsx +3 -3
  333. package/src/components/form-control/date-range-picker/DateRangePicker.tsx +40 -26
  334. package/src/components/form-control/editor/EditorToolbar.tsx +52 -50
  335. package/src/components/form-control/editor/RichTextEditor.tsx +16 -16
  336. package/src/components/form-control/editor/editor.css +5 -5
  337. package/src/components/form-control/field/DatePicker.tsx +39 -39
  338. package/src/components/form-control/field/DateTimePicker.tsx +38 -38
  339. package/src/components/form-control/field/Field.styles.ts +11 -11
  340. package/src/components/form-control/field/FieldPlaceholder.tsx +1 -1
  341. package/src/components/form-control/field/NumberInput.tsx +63 -63
  342. package/src/components/form-control/field/TextInput.tsx +48 -48
  343. package/src/components/form-control/field/Textarea.tsx +32 -32
  344. package/src/components/form-control/field/TimePicker.tsx +37 -37
  345. package/src/components/form-control/numpad/Numpad.tsx +26 -26
  346. package/src/components/form-control/select/Select.tsx +82 -86
  347. package/src/components/form-control/select/SelectContext.ts +8 -8
  348. package/src/components/form-control/select/SelectItem.tsx +5 -5
  349. package/src/components/form-control/state-preset/StatePreset.tsx +13 -13
  350. package/src/components/layout/FormTable.tsx +4 -4
  351. package/src/components/layout/sidebar/Sidebar.tsx +8 -8
  352. package/src/components/layout/sidebar/SidebarContainer.tsx +19 -17
  353. package/src/components/layout/sidebar/SidebarContext.ts +8 -8
  354. package/src/components/layout/sidebar/SidebarMenu.tsx +19 -19
  355. package/src/components/layout/sidebar/SidebarUser.tsx +14 -14
  356. package/src/components/layout/topbar/Topbar.tsx +15 -13
  357. package/src/components/layout/topbar/TopbarContainer.tsx +6 -6
  358. package/src/components/layout/topbar/TopbarContext.ts +2 -2
  359. package/src/components/layout/topbar/TopbarMenu.tsx +18 -16
  360. package/src/components/layout/topbar/TopbarUser.tsx +9 -9
  361. package/src/directives/ripple.ts +8 -8
  362. package/src/helpers/createAppStructure.ts +15 -8
  363. package/src/helpers/createHmrSafeContext.ts +8 -0
  364. package/src/helpers/createSlotComponent.ts +4 -4
  365. package/src/helpers/mergeStyles.ts +11 -11
  366. package/src/hooks/createControllableSignal.ts +11 -11
  367. package/src/hooks/createControllableStore.ts +8 -8
  368. package/src/hooks/createIMEHandler.ts +7 -7
  369. package/src/hooks/createMountTransition.ts +4 -4
  370. package/src/hooks/createSelectionGroup.tsx +5 -3
  371. package/src/hooks/createSlotSignal.ts +2 -2
  372. package/src/hooks/useLocalStorage.ts +13 -13
  373. package/src/hooks/useLogger.ts +2 -2
  374. package/src/hooks/useRouterLink.ts +15 -15
  375. package/src/index.ts +4 -3
  376. package/src/providers/ClipboardProvider.tsx +19 -19
  377. package/src/providers/ConfigContext.tsx +8 -8
  378. package/src/providers/ErrorLoggerProvider.tsx +3 -3
  379. package/src/providers/LoggerContext.tsx +13 -13
  380. package/src/providers/PwaUpdateProvider.tsx +6 -6
  381. package/src/providers/ServiceClientContext.ts +9 -9
  382. package/src/providers/ServiceClientProvider.tsx +15 -15
  383. package/src/providers/SyncStorageContext.tsx +15 -15
  384. package/src/providers/SystemProvider.tsx +15 -12
  385. package/src/providers/ThemeContext.tsx +26 -26
  386. package/src/providers/i18n/I18nContext.tsx +129 -0
  387. package/src/providers/i18n/I18nContext.types.ts +30 -0
  388. package/src/providers/i18n/i18nUtils.ts +38 -0
  389. package/src/providers/i18n/locales/en.ts +161 -0
  390. package/src/providers/i18n/locales/ko.ts +161 -0
  391. package/src/providers/shared-data/SharedDataChangeEvent.ts +4 -4
  392. package/src/providers/shared-data/SharedDataContext.ts +29 -29
  393. package/src/providers/shared-data/SharedDataProvider.tsx +21 -21
  394. package/src/styles/patterns.styles.ts +6 -6
  395. package/src/styles/tokens.styles.ts +5 -5
  396. package/tailwind.config.ts +1 -1
  397. package/tailwind.css +4 -4
  398. package/tests/components/data/List.spec.tsx +689 -0
  399. package/tests/components/data/Pagination.spec.tsx +336 -0
  400. package/tests/components/data/Table.spec.tsx +55 -0
  401. package/tests/components/data/kanban/Kanban.selection.spec.tsx +213 -0
  402. package/tests/components/data/sheet/DataSheet.spec.tsx +645 -0
  403. package/tests/components/disclosure/Collapse.spec.tsx +173 -0
  404. package/tests/components/disclosure/Dialog.spec.tsx +438 -0
  405. package/tests/components/disclosure/DialogProvider.spec.tsx +142 -0
  406. package/tests/components/disclosure/Dropdown.spec.tsx +333 -0
  407. package/tests/components/disclosure/Tabs.spec.tsx +220 -0
  408. package/tests/components/disclosure/dialogZIndex.spec.ts +45 -0
  409. package/tests/components/display/Alert.spec.tsx +47 -0
  410. package/tests/components/display/Barcode.spec.tsx +61 -0
  411. package/tests/components/display/Card.spec.tsx +41 -0
  412. package/tests/components/display/Link.spec.tsx +62 -0
  413. package/tests/components/display/Tag.spec.tsx +47 -0
  414. package/tests/components/features/address/AddressSearch.spec.tsx +45 -0
  415. package/tests/components/features/crud-detail/CrudDetail.spec.tsx +537 -0
  416. package/tests/components/features/crud-sheet/CrudSheet.spec.tsx +491 -0
  417. package/tests/components/features/crudRegistry.spec.ts +119 -0
  418. package/tests/components/features/data-select-button/DataSelectButton.spec.tsx +482 -0
  419. package/tests/components/features/permission-table/PermissionTable.spec.tsx +288 -0
  420. package/tests/components/features/shared-data/SharedDataSelectList.spec.tsx +448 -0
  421. package/tests/components/feedback/busy/BusyContainer.spec.tsx +80 -0
  422. package/tests/components/feedback/notification/LiveRegion.spec.tsx +52 -0
  423. package/tests/components/feedback/notification/NotificationBanner.spec.tsx +187 -0
  424. package/tests/components/feedback/notification/NotificationBell.spec.tsx +226 -0
  425. package/tests/components/feedback/notification/NotificationContext.spec.tsx +362 -0
  426. package/tests/components/feedback/print/Print.spec.tsx +45 -0
  427. package/tests/components/form-control/Button.spec.tsx +119 -0
  428. package/tests/components/form-control/Invalid.spec.tsx +131 -0
  429. package/tests/components/form-control/checkbox/Checkbox.spec.tsx +137 -0
  430. package/tests/components/form-control/checkbox/CheckboxGroup.spec.tsx +108 -0
  431. package/tests/components/form-control/checkbox/Radio.spec.tsx +138 -0
  432. package/tests/components/form-control/checkbox/RadioGroup.spec.tsx +108 -0
  433. package/tests/components/form-control/color-picker/ColorPicker.spec.tsx +94 -0
  434. package/tests/components/form-control/combobox/Combobox.spec.tsx +253 -0
  435. package/tests/components/form-control/combobox/ComboboxItem.spec.tsx +88 -0
  436. package/tests/components/form-control/date-range-picker/DateRangePicker.spec.tsx +208 -0
  437. package/tests/components/form-control/field/DatePicker.spec.tsx +381 -0
  438. package/tests/components/form-control/field/DateTimePicker.spec.tsx +383 -0
  439. package/tests/components/form-control/field/NumberInput.spec.tsx +371 -0
  440. package/tests/components/form-control/field/TextInput.spec.tsx +341 -0
  441. package/tests/components/form-control/field/Textarea.spec.tsx +224 -0
  442. package/tests/components/form-control/field/TimePicker.spec.tsx +315 -0
  443. package/tests/components/form-control/numpad/Numpad.spec.tsx +248 -0
  444. package/tests/components/form-control/select/Select.spec.tsx +676 -0
  445. package/tests/components/form-control/select/SelectItem.spec.tsx +174 -0
  446. package/tests/components/layout/FormGroup.spec.tsx +104 -0
  447. package/tests/components/layout/FormTable.spec.tsx +43 -0
  448. package/tests/components/layout/sidebar/Sidebar.spec.tsx +192 -0
  449. package/tests/components/layout/sidebar/SidebarContainer.spec.tsx +261 -0
  450. package/tests/components/layout/sidebar/SidebarMenu.spec.tsx +219 -0
  451. package/tests/components/layout/sidebar/SidebarUser.spec.tsx +133 -0
  452. package/tests/components/layout/topbar/TopbarActions.spec.tsx +77 -0
  453. package/tests/components/layout/topbar/TopbarContainer.spec.tsx +38 -0
  454. package/tests/components/layout/topbar/createTopbarActions.spec.tsx +66 -0
  455. package/tests/directives/ripple.spec.tsx +130 -0
  456. package/tests/helpers/createAppStructure.spec.tsx +843 -0
  457. package/tests/helpers/mergeStyles.spec.ts +172 -0
  458. package/tests/hooks/createControllableSignal.spec.ts +194 -0
  459. package/tests/hooks/createIMEHandler.spec.ts +80 -0
  460. package/tests/hooks/createMountTransition.spec.ts +86 -0
  461. package/tests/hooks/useLocalStorage.spec.tsx +223 -0
  462. package/tests/hooks/useLogger.spec.tsx +116 -0
  463. package/tests/hooks/usePrint.spec.tsx +134 -0
  464. package/tests/hooks/useRouterLink.spec.tsx +183 -0
  465. package/tests/hooks/useSyncConfig.spec.tsx +304 -0
  466. package/tests/providers/ClipboardProvider.spec.tsx +20 -0
  467. package/tests/providers/ConfigContext.spec.tsx +42 -0
  468. package/tests/providers/ErrorLoggerProvider.spec.tsx +73 -0
  469. package/tests/providers/LoggerContext.spec.tsx +76 -0
  470. package/tests/providers/PwaUpdateProvider.spec.tsx +22 -0
  471. package/tests/providers/ServiceClientContext.spec.tsx +88 -0
  472. package/tests/providers/SyncStorageContext.spec.tsx +77 -0
  473. package/tests/providers/i18n/I18nContext.spec.tsx +110 -0
  474. package/tests/providers/shared-data/SharedDataProvider.spec.tsx +401 -0
  475. package/tests/vitest-env.d.ts +1 -0
  476. package/dist/components/form-control/select-list/SelectList.d.ts +0 -54
  477. package/dist/components/form-control/select-list/SelectList.d.ts.map +0 -1
  478. package/dist/components/form-control/select-list/SelectList.js +0 -280
  479. package/dist/components/form-control/select-list/SelectList.js.map +0 -6
  480. package/dist/components/form-control/select-list/SelectListContext.d.ts +0 -13
  481. package/dist/components/form-control/select-list/SelectListContext.d.ts.map +0 -1
  482. package/dist/components/form-control/select-list/SelectListContext.js +0 -14
  483. package/dist/components/form-control/select-list/SelectListContext.js.map +0 -6
  484. package/docs/data-components.md +0 -782
  485. package/docs/disclosure.md +0 -254
  486. package/docs/display.md +0 -153
  487. package/docs/feedback.md +0 -238
  488. package/docs/form-controls.md +0 -1068
  489. package/docs/helpers.md +0 -54
  490. package/docs/hooks.md +0 -588
  491. package/docs/layout.md +0 -384
  492. package/docs/providers.md +0 -211
  493. package/docs/styling.md +0 -184
  494. package/src/components/form-control/select-list/SelectList.tsx +0 -385
  495. 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"}