@tsed/react-formio 3.0.0-alpha.11 → 3.0.0-alpha.13

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 (228) hide show
  1. package/dist/all.d.ts +0 -0
  2. package/dist/all.js +38 -0
  3. package/dist/all.js.map +1 -0
  4. package/dist/atoms/icon/Icon.js.map +1 -1
  5. package/dist/chunks/_commonjsHelpers.js +30 -3
  6. package/dist/chunks/_commonjsHelpers.js.map +1 -1
  7. package/dist/chunks/index.js +33 -30
  8. package/dist/chunks/index.js.map +1 -1
  9. package/dist/chunks/index.module.js +16 -16
  10. package/dist/chunks/index.module.js.map +1 -1
  11. package/dist/chunks/index2.js +56953 -0
  12. package/dist/chunks/index2.js.map +1 -0
  13. package/dist/chunks/react-select-animated.esm.js +1204 -1101
  14. package/dist/chunks/react-select-animated.esm.js.map +1 -1
  15. package/dist/contexts/FormioContext.d.ts +20 -0
  16. package/dist/contexts/FormioContext.js +40 -0
  17. package/dist/contexts/FormioContext.js.map +1 -0
  18. package/dist/hooks/keyboard.constants.js.map +1 -1
  19. package/dist/hooks/useFormioContext.d.ts +10 -0
  20. package/dist/hooks/useFormioContext.js +12 -0
  21. package/dist/hooks/useFormioContext.js.map +1 -0
  22. package/dist/hooks/useI18n.d.ts +4 -0
  23. package/dist/hooks/useI18n.js +9 -0
  24. package/dist/hooks/useI18n.js.map +1 -0
  25. package/dist/hooks/useKeyboardControls.js.map +1 -1
  26. package/dist/hooks/useTooltip.js.map +1 -1
  27. package/dist/index.d.ts +1 -6
  28. package/dist/index.js +18 -13
  29. package/dist/index.js.map +1 -1
  30. package/dist/interfaces/ComponentType.d.ts +6 -2
  31. package/dist/interfaces/FormBuilderOptions.d.ts +7 -0
  32. package/dist/interfaces/FormBuilderOptions.js +2 -0
  33. package/dist/interfaces/FormBuilderOptions.js.map +1 -0
  34. package/dist/interfaces/FormOptions.d.ts +6 -13
  35. package/dist/interfaces/FormType.d.ts +4 -11
  36. package/dist/interfaces/SubmissionType.d.ts +5 -10
  37. package/dist/interfaces/index.d.ts +1 -0
  38. package/dist/molecules/alert/Alert.js.map +1 -1
  39. package/dist/molecules/button/Button.js +17 -20
  40. package/dist/molecules/button/Button.js.map +1 -1
  41. package/dist/molecules/card/Card.js.map +1 -1
  42. package/dist/molecules/forms/form-control/FormControl.js.map +1 -1
  43. package/dist/molecules/forms/input-tags/InputTags.js.map +1 -1
  44. package/dist/molecules/forms/input-tags/components/ChoicesTags.d.ts +19 -19
  45. package/dist/molecules/forms/input-tags/components/ChoicesTags.js +32 -32
  46. package/dist/molecules/forms/input-tags/components/ChoicesTags.js.map +1 -1
  47. package/dist/molecules/forms/input-tags/components/ReactTags.js +289 -300
  48. package/dist/molecules/forms/input-tags/components/ReactTags.js.map +1 -1
  49. package/dist/molecules/forms/input-text/InputText.js +3 -3
  50. package/dist/molecules/forms/input-text/InputText.js.map +1 -1
  51. package/dist/molecules/forms/select/Select.js.map +1 -1
  52. package/dist/molecules/forms/select/components/ChoicesSelect.js +71 -73
  53. package/dist/molecules/forms/select/components/ChoicesSelect.js.map +1 -1
  54. package/dist/molecules/forms/select/components/HtmlSelect.js.map +1 -1
  55. package/dist/molecules/forms/select/components/ReactSelect.js +13 -14
  56. package/dist/molecules/forms/select/components/ReactSelect.js.map +1 -1
  57. package/dist/molecules/forms/select/components/choices.template.js +2340 -2257
  58. package/dist/molecules/forms/select/components/choices.template.js.map +1 -1
  59. package/dist/molecules/forms/select/hooks/useOptions.js.map +1 -1
  60. package/dist/molecules/loader/Loader.js.map +1 -1
  61. package/dist/molecules/modal/Modal.js +23 -24
  62. package/dist/molecules/modal/Modal.js.map +1 -1
  63. package/dist/molecules/pagination/Pagination.d.ts +2 -1
  64. package/dist/molecules/pagination/Pagination.js +29 -29
  65. package/dist/molecules/pagination/Pagination.js.map +1 -1
  66. package/dist/molecules/pagination/PaginationButton.js.map +1 -1
  67. package/dist/molecules/pagination/utils/getPageNumbers.js.map +1 -1
  68. package/dist/molecules/table/Table.js +35 -41
  69. package/dist/molecules/table/Table.js.map +1 -1
  70. package/dist/molecules/table/components/DefaultArrowSort.js.map +1 -1
  71. package/dist/molecules/table/components/DefaultCell.js.map +1 -1
  72. package/dist/molecules/table/components/DefaultCellFooter.js.map +1 -1
  73. package/dist/molecules/table/components/DefaultCellHeader.js.map +1 -1
  74. package/dist/molecules/table/components/DefaultCellOperations.js +10 -10
  75. package/dist/molecules/table/components/DefaultCellOperations.js.map +1 -1
  76. package/dist/molecules/table/components/DefaultFilter.js.map +1 -1
  77. package/dist/molecules/table/components/DefaultOperationButton.js +1 -1
  78. package/dist/molecules/table/components/DefaultOperationButton.js.map +1 -1
  79. package/dist/molecules/table/filters/RangeFilter.js +23 -24
  80. package/dist/molecules/table/filters/RangeFilter.js.map +1 -1
  81. package/dist/molecules/table/filters/SelectFilter.js +11 -13
  82. package/dist/molecules/table/filters/SelectFilter.js.map +1 -1
  83. package/dist/molecules/table/filters/TextFieldFilter.js.map +1 -1
  84. package/dist/molecules/table/hooks/useTable.d.ts +3 -3
  85. package/dist/molecules/table/hooks/useTable.js +17 -16
  86. package/dist/molecules/table/hooks/useTable.js.map +1 -1
  87. package/dist/molecules/table/hooks/useUniqValues.js.map +1 -1
  88. package/dist/molecules/table/utils/mapFormToColumns.js +21 -22
  89. package/dist/molecules/table/utils/mapFormToColumns.js.map +1 -1
  90. package/dist/molecules/tabs/Tab.js +36 -37
  91. package/dist/molecules/tabs/Tab.js.map +1 -1
  92. package/dist/molecules/tabs/TabList.js +9 -10
  93. package/dist/molecules/tabs/TabList.js.map +1 -1
  94. package/dist/molecules/tabs/TabPanel.js.map +1 -1
  95. package/dist/molecules/tabs/Tabs.js.map +1 -1
  96. package/dist/molecules/tabs/TabsBody.js.map +1 -1
  97. package/dist/molecules/tabs/TabsLegacy.d.ts +3 -2
  98. package/dist/molecules/tabs/TabsLegacy.js +30 -30
  99. package/dist/molecules/tabs/TabsLegacy.js.map +1 -1
  100. package/dist/molecules/tabs/context/TabControl.js.map +1 -1
  101. package/dist/molecules/tabs/hooks/tabControl.js.map +1 -1
  102. package/dist/organisms/form/Form.js.map +1 -1
  103. package/dist/organisms/form/access/FormAccess.js +41 -41
  104. package/dist/organisms/form/access/FormAccess.js.map +1 -1
  105. package/dist/organisms/form/access/FormAccess.schema.js +1 -0
  106. package/dist/organisms/form/access/FormAccess.schema.js.map +1 -1
  107. package/dist/organisms/form/access/FormAccess.utils.js +2 -2
  108. package/dist/organisms/form/access/FormAccess.utils.js.map +1 -1
  109. package/dist/organisms/form/actions/FormAction.js +15 -13
  110. package/dist/organisms/form/actions/FormAction.js.map +1 -1
  111. package/dist/organisms/form/builder/FormBuilder.js.map +1 -1
  112. package/dist/organisms/form/builder/FormEdit.d.ts +4 -3
  113. package/dist/organisms/form/builder/FormEdit.js +36 -36
  114. package/dist/organisms/form/builder/FormEdit.js.map +1 -1
  115. package/dist/organisms/form/builder/FormEdit.reducer.js.map +1 -1
  116. package/dist/organisms/form/builder/FormEditCtas.d.ts +2 -2
  117. package/dist/organisms/form/builder/FormEditCtas.js +36 -35
  118. package/dist/organisms/form/builder/FormEditCtas.js.map +1 -1
  119. package/dist/organisms/form/builder/FormParameters.js.map +1 -1
  120. package/dist/organisms/form/builder/useFormBuilder.d.ts +4 -4
  121. package/dist/organisms/form/builder/useFormBuilder.js +36 -33
  122. package/dist/organisms/form/builder/useFormBuilder.js.map +1 -1
  123. package/dist/organisms/form/builder/useFormEdit.d.ts +1 -1
  124. package/dist/organisms/form/builder/useFormEdit.js +17 -17
  125. package/dist/organisms/form/builder/useFormEdit.js.map +1 -1
  126. package/dist/organisms/form/exports/FormExport.d.ts +3 -2
  127. package/dist/organisms/form/exports/FormExport.js +23 -22
  128. package/dist/organisms/form/exports/FormExport.js.map +1 -1
  129. package/dist/organisms/form/preview/FormPreview.d.ts +3 -3
  130. package/dist/organisms/form/preview/FormPreview.js +5 -4
  131. package/dist/organisms/form/preview/FormPreview.js.map +1 -1
  132. package/dist/organisms/form/settings/FormSettings.js +28 -28
  133. package/dist/organisms/form/settings/FormSettings.js.map +1 -1
  134. package/dist/organisms/form/settings/FormSettings.schema.js.map +1 -1
  135. package/dist/organisms/form/settings/FormSettings.utils.js.map +1 -1
  136. package/dist/organisms/form/useForm.d.ts +2 -1
  137. package/dist/organisms/form/useForm.js +664 -661
  138. package/dist/organisms/form/useForm.js.map +1 -1
  139. package/dist/organisms/modal/RemoveModal.js +16 -17
  140. package/dist/organisms/modal/RemoveModal.js.map +1 -1
  141. package/dist/organisms/table/actions/ActionsTable.d.ts +2 -1
  142. package/dist/organisms/table/actions/ActionsTable.js +10 -9
  143. package/dist/organisms/table/actions/ActionsTable.js.map +1 -1
  144. package/dist/organisms/table/forms/FormsTable.d.ts +1 -1
  145. package/dist/organisms/table/forms/FormsTable.js +9 -8
  146. package/dist/organisms/table/forms/FormsTable.js.map +1 -1
  147. package/dist/organisms/table/forms/components/FormsCell.js +10 -10
  148. package/dist/organisms/table/forms/components/FormsCell.js.map +1 -1
  149. package/dist/organisms/table/submissions/SubmissionsTable.js.map +1 -1
  150. package/dist/organisms/views/FormViews.d.ts +3 -3
  151. package/dist/organisms/views/FormViews.js +47 -46
  152. package/dist/organisms/views/FormViews.js.map +1 -1
  153. package/dist/registries/components.js.map +1 -1
  154. package/dist/utils/getEventValue.js.map +1 -1
  155. package/dist/utils/iconClass.js +4 -5
  156. package/dist/utils/iconClass.js.map +1 -1
  157. package/dist/utils/mapPagination.js.map +1 -1
  158. package/dist/utils/stopPropagationWrapper.js.map +1 -1
  159. package/package.json +7 -7
  160. package/src/all.ts +34 -0
  161. package/src/atoms/icon/Icon.stories.tsx +1 -1
  162. package/src/contexts/FormioContext.tsx +96 -0
  163. package/src/hooks/useFormioContext.ts +13 -0
  164. package/src/hooks/useI18n.ts +9 -0
  165. package/src/index.ts +17 -13
  166. package/src/interfaces/ComponentType.ts +2 -2
  167. package/src/interfaces/FormBuilderOptions.ts +9 -0
  168. package/src/interfaces/FormOptions.ts +7 -13
  169. package/src/interfaces/FormType.ts +5 -11
  170. package/src/interfaces/SubmissionType.ts +9 -8
  171. package/src/interfaces/index.ts +1 -0
  172. package/src/molecules/button/Button.stories.tsx +1 -1
  173. package/src/molecules/forms/form-control/FormControl.spec.tsx +5 -2
  174. package/src/molecules/forms/form-control/FormControl.stories.tsx +1 -1
  175. package/src/molecules/forms/input-tags/components/ChoicesTags.stories.tsx +1 -1
  176. package/src/molecules/forms/input-tags/components/ChoicesTags.tsx +4 -4
  177. package/src/molecules/forms/input-tags/components/ReactTags.stories.tsx +1 -1
  178. package/src/molecules/forms/input-text/InputText.stories.tsx +2 -2
  179. package/src/molecules/forms/select/components/ChoicesSelect.stories.tsx +2 -2
  180. package/src/molecules/forms/select/components/ChoicesSelect.tsx +2 -2
  181. package/src/molecules/forms/select/components/HtmlSelect.stories.tsx +2 -2
  182. package/src/molecules/forms/select/components/ReactSelect.stories.tsx +2 -2
  183. package/src/molecules/loader/Loader.stories.tsx +1 -1
  184. package/src/molecules/modal/Modal.stories.tsx +1 -1
  185. package/src/molecules/pagination/Pagination.stories.tsx +1 -1
  186. package/src/molecules/pagination/Pagination.tsx +10 -10
  187. package/src/molecules/table/Table.stories.tsx +8 -8
  188. package/src/molecules/table/Table.tsx +1 -1
  189. package/src/molecules/table/filters/SelectFilter.tsx +1 -1
  190. package/src/molecules/table/hooks/useTable.tsx +7 -6
  191. package/src/molecules/table/utils/mapFormToColumns.tsx +6 -5
  192. package/src/molecules/tabs/Tabs.stories.tsx +2 -2
  193. package/src/molecules/tabs/TabsLegacy.stories.tsx +2 -2
  194. package/src/molecules/tabs/TabsLegacy.tsx +5 -3
  195. package/src/organisms/form/Form.stories.tsx +98 -118
  196. package/src/organisms/form/access/FormAccess.schema.ts +1 -0
  197. package/src/organisms/form/access/FormAccess.stories.tsx +5 -3
  198. package/src/organisms/form/actions/FormAction.stories.tsx +6 -2
  199. package/src/organisms/form/actions/FormAction.tsx +2 -2
  200. package/src/organisms/form/builder/FormBuilder.stories.tsx +4 -1
  201. package/src/organisms/form/builder/FormEdit.stories.tsx +11 -7
  202. package/src/organisms/form/builder/FormEdit.tsx +6 -6
  203. package/src/organisms/form/builder/FormEditCtas.tsx +10 -10
  204. package/src/organisms/form/builder/useFormBuilder.ts +12 -7
  205. package/src/organisms/form/exports/FormExport.stories.tsx +9 -12
  206. package/src/organisms/form/exports/FormExport.tsx +12 -9
  207. package/src/organisms/form/preview/FormPreview.stories.tsx +7 -10
  208. package/src/organisms/form/preview/FormPreview.tsx +7 -5
  209. package/src/organisms/form/settings/FormSettings.component.spec.tsx +3 -1
  210. package/src/organisms/form/settings/FormSettings.stories.tsx +1 -1
  211. package/src/organisms/form/settings/FormSettings.tsx +6 -6
  212. package/src/organisms/form/useForm.ts +2 -3
  213. package/src/organisms/modal/RemoveModal.stories.tsx +1 -1
  214. package/src/organisms/table/actions/ActionsTable.stories.tsx +2 -2
  215. package/src/organisms/table/actions/ActionsTable.tsx +7 -5
  216. package/src/organisms/table/forms/FormsTable.tsx +6 -5
  217. package/src/organisms/table/submissions/SubmissionsTable.stories.tsx +11 -14
  218. package/src/organisms/views/FormViews.stories.tsx +14 -17
  219. package/src/organisms/views/FormViews.tsx +18 -16
  220. package/src/utils/iconClass.ts +1 -3
  221. package/vite.config.mts +2 -2
  222. package/dist/typings.d.js +0 -2
  223. package/dist/typings.d.js.map +0 -1
  224. package/src/typings.d.ts +0 -3
  225. package/tsconfig.app.json +0 -11
  226. package/tsconfig.json +0 -21
  227. package/tsconfig.node.json +0 -13
  228. package/tsconfig.spec.json +0 -14
@@ -1 +1 @@
1
- {"version":3,"file":"ActionsTable.js","sources":["../../../../src/organisms/table/actions/ActionsTable.tsx"],"sourcesContent":["import { ColumnDef } from \"@tanstack/react-table\";\nimport classnames from \"classnames\";\nimport noop from \"lodash/noop\";\nimport { useState } from \"react\";\n\nimport { ActionType } from \"../../../interfaces\";\nimport { Select } from \"../../../molecules/forms/select/Select\";\nimport { Table, type TableProps } from \"../../../molecules/table/Table\";\nimport { iconClass } from \"../../../utils/iconClass\";\n\nexport type ActionsTableProps = Omit<TableProps<ActionType>, \"columns\"> & {\n onAddAction?: (actionName: string) => void;\n availableActions?: { label: string; value: string }[];\n};\n\nexport function ActionsTable({ availableActions = [], onAddAction = noop, ...props }: ActionsTableProps) {\n const { i18n = (f: string) => f } = props;\n const [currentAction, setAction] = useState(\"\");\n\n const columns: ColumnDef<ActionType>[] = [\n {\n header: i18n(\"Action\"),\n accessorKey: \"title\"\n }\n ];\n\n return (\n <Table {...props} columns={columns}>\n <div className={\"pagination-group\"}>\n <Select\n data-testid={\"action-table-select\"}\n name={\"actions\"}\n value={currentAction}\n options={[{ label: i18n(\"Select an action\"), value: \"\" }].concat(availableActions)}\n onChange={(_, action) => setAction(action)}\n />\n <div className={\"pl-3\"}>\n <button\n data-testid={\"action-table-add\"}\n disabled={currentAction === \"\"}\n className={\"btn btn-success\"}\n onClick={() => currentAction && onAddAction(currentAction)}\n type={\"submit\"}\n >\n <i className={classnames(iconClass(undefined, \"plus\"), \"mr-1\")} /> {i18n(\"Add action\")}\n </button>\n </div>\n </div>\n </Table>\n );\n}\n"],"names":["ActionsTable","availableActions","onAddAction","noop","props","i18n","f","currentAction","setAction","useState","columns","jsx","Table","jsxs","Select","_","action","classnames","iconClass"],"mappings":";;;;;;;AAegB,SAAAA,EAAa,EAAE,kBAAAC,IAAmB,IAAI,aAAAC,IAAcC,GAAM,GAAGC,KAA4B;AACvG,QAAM,EAAE,MAAAC,IAAO,CAACC,MAAcA,EAAM,IAAAF,GAC9B,CAACG,GAAeC,CAAS,IAAIC,EAAS,EAAE,GAExCC,IAAmC;AAAA,IACvC;AAAA,MACE,QAAQL,EAAK,QAAQ;AAAA,MACrB,aAAa;AAAA,IAAA;AAAA,EAEjB;AAGE,SAAA,gBAAAM,EAACC,KAAO,GAAGR,GAAO,SAAAM,GAChB,UAAC,gBAAAG,EAAA,OAAA,EAAI,WAAW,oBACd,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,eAAa;AAAA,QACb,MAAM;AAAA,QACN,OAAOP;AAAA,QACP,SAAS,CAAC,EAAE,OAAOF,EAAK,kBAAkB,GAAG,OAAO,GAAI,CAAA,EAAE,OAAOJ,CAAgB;AAAA,QACjF,UAAU,CAACc,GAAGC,MAAWR,EAAUQ,CAAM;AAAA,MAAA;AAAA,IAC3C;AAAA,IACA,gBAAAL,EAAC,OAAI,EAAA,WAAW,QACd,UAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAa;AAAA,QACb,UAAUN,MAAkB;AAAA,QAC5B,WAAW;AAAA,QACX,SAAS,MAAMA,KAAiBL,EAAYK,CAAa;AAAA,QACzD,MAAM;AAAA,QAEN,UAAA;AAAA,UAAC,gBAAAI,EAAA,KAAA,EAAE,WAAWM,EAAWC,EAAU,QAAW,MAAM,GAAG,MAAM,GAAG;AAAA,UAAE;AAAA,UAAEb,EAAK,YAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAEzF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}
1
+ {"version":3,"file":"ActionsTable.js","sources":["../../../../src/organisms/table/actions/ActionsTable.tsx"],"sourcesContent":["import { ColumnDef } from \"@tanstack/react-table\";\nimport classnames from \"classnames\";\nimport noop from \"lodash/noop\";\nimport { useState } from \"react\";\n\nimport { useI18n } from \"../../../hooks/useI18n.js\";\nimport { ActionType, type FormOptions } from \"../../../interfaces\";\nimport { Select } from \"../../../molecules/forms/select/Select\";\nimport { Table, type TableProps } from \"../../../molecules/table/Table\";\nimport { iconClass } from \"../../../utils/iconClass\";\n\nexport type ActionsTableProps = Omit<TableProps<ActionType>, \"columns\"> & {\n onAddAction?: (actionName: string) => void;\n availableActions?: { label: string; value: string }[];\n i18n?: FormOptions[\"i18n\"];\n};\n\nexport function ActionsTable({ availableActions = [], onAddAction = noop, ...props }: ActionsTableProps) {\n const { t } = useI18n(props.i18n);\n const [currentAction, setAction] = useState(\"\");\n\n const columns: ColumnDef<ActionType>[] = [\n {\n header: t(\"Action\"),\n accessorKey: \"title\"\n }\n ];\n\n return (\n <Table {...props} columns={columns}>\n <div className={\"pagination-group\"}>\n <Select\n data-testid={\"action-table-select\"}\n name={\"actions\"}\n value={currentAction}\n options={[{ label: t(\"Select an action\"), value: \"\" }].concat(availableActions)}\n onChange={(_, action) => setAction(action)}\n />\n <div className={\"pl-3\"}>\n <button\n data-testid={\"action-table-add\"}\n disabled={currentAction === \"\"}\n className={\"btn btn-success\"}\n onClick={() => currentAction && onAddAction(currentAction)}\n type={\"submit\"}\n >\n <i className={classnames(iconClass(undefined, \"plus\"), \"mr-1\")} /> {t(\"Add action\")}\n </button>\n </div>\n </div>\n </Table>\n );\n}\n"],"names":["ActionsTable","availableActions","onAddAction","noop","props","t","useI18n","currentAction","setAction","useState","columns","jsx","Table","jsxs","Select","_","action","classnames","iconClass"],"mappings":";;;;;;;;AAiBO,SAASA,EAAa,EAAE,kBAAAC,IAAmB,CAAA,GAAI,aAAAC,IAAcC,GAAM,GAAGC,KAA4B;AACvG,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAQF,EAAM,IAAI,GAC1B,CAACG,GAAeC,CAAS,IAAIC,EAAS,EAAE,GAExCC,IAAmC;AAAA,IACvC;AAAA,MACE,QAAQL,EAAE,QAAQ;AAAA,MAClB,aAAa;AAAA,IAAA;AAAA,EACf;AAGF,SACE,gBAAAM,EAACC,KAAO,GAAGR,GAAO,SAAAM,GAChB,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAW,oBACd,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,eAAa;AAAA,QACb,MAAM;AAAA,QACN,OAAOP;AAAA,QACP,SAAS,CAAC,EAAE,OAAOF,EAAE,kBAAkB,GAAG,OAAO,GAAA,CAAI,EAAE,OAAOJ,CAAgB;AAAA,QAC9E,UAAU,CAACc,GAAGC,MAAWR,EAAUQ,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAE3C,gBAAAL,EAAC,OAAA,EAAI,WAAW,QACd,UAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAa;AAAA,QACb,UAAUN,MAAkB;AAAA,QAC5B,WAAW;AAAA,QACX,SAAS,MAAMA,KAAiBL,EAAYK,CAAa;AAAA,QACzD,MAAM;AAAA,QAEN,UAAA;AAAA,UAAA,gBAAAI,EAAC,KAAA,EAAE,WAAWM,EAAWC,EAAU,QAAW,MAAM,GAAG,MAAM,GAAG;AAAA,UAAE;AAAA,UAAEb,EAAE,YAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACpF,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
@@ -6,4 +6,4 @@ export type FormsTableProps = Omit<TableProps<FormType>, "columns"> & {
6
6
  value: string;
7
7
  }[];
8
8
  };
9
- export declare function FormsTable({ ...props }: FormsTableProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function FormsTable({ tags, ...props }: FormsTableProps): import("react/jsx-runtime").JSX.Element;
@@ -1,13 +1,14 @@
1
- import { jsx as r } from "react/jsx-runtime";
1
+ import { jsx as o } from "react/jsx-runtime";
2
2
  import "./components/FormsCell.js";
3
+ import { useI18n as a } from "../../../hooks/useI18n.js";
3
4
  import { Table as c } from "../../../molecules/table/Table.js";
4
- import { getComponent as n } from "../../../registries/components.js";
5
- function u({ ...o }) {
6
- const { i18n: e = (t) => t, tags: l } = o, s = n("FormsCell"), a = [
5
+ import { getComponent as m } from "../../../registries/components.js";
6
+ function T({ tags: r, ...t }) {
7
+ const { t: e } = a(t.i18n), l = m("FormsCell"), s = [
7
8
  {
8
9
  header: e("Title"),
9
10
  accessorKey: "title",
10
- cell: (t) => /* @__PURE__ */ r(s, { ...t, i18n: e }),
11
+ cell: (n) => /* @__PURE__ */ o(l, { ...n, i18n: e }),
11
12
  meta: {
12
13
  cellProps: {
13
14
  colSpan: 2
@@ -24,7 +25,7 @@ function u({ ...o }) {
24
25
  filter: {
25
26
  variant: "select",
26
27
  layout: "react",
27
- options: l
28
+ options: r
28
29
  }
29
30
  }
30
31
  }
@@ -49,9 +50,9 @@ function u({ ...o }) {
49
50
  // )
50
51
  // }
51
52
  ];
52
- return /* @__PURE__ */ r(c, { ...o, columns: a });
53
+ return /* @__PURE__ */ o(c, { ...t, columns: s });
53
54
  }
54
55
  export {
55
- u as FormsTable
56
+ T as FormsTable
56
57
  };
57
58
  //# sourceMappingURL=FormsTable.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormsTable.js","sources":["../../../../src/organisms/table/forms/FormsTable.tsx"],"sourcesContent":["import \"./components/FormsCell.js\";\n\nimport { ColumnDef } from \"@tanstack/react-table\";\n\nimport type { FormType } from \"../../../interfaces\";\nimport { Table, TableProps } from \"../../../molecules/table/Table\";\nimport { getComponent } from \"../../../registries/components.js\";\nimport { FormsCell } from \"./components/FormsCell.js\";\n\nexport type FormsTableProps = Omit<TableProps<FormType>, \"columns\"> & {\n tags?: { label: string; value: string }[];\n};\n\nexport function FormsTable({ ...props }: FormsTableProps) {\n const { i18n = (f: string) => f, tags } = props;\n const Cell = getComponent<typeof FormsCell>(\"FormsCell\");\n\n const columns: ColumnDef<any>[] = [\n {\n header: i18n(\"Title\"),\n accessorKey: \"title\",\n cell: (context) => <Cell {...context} i18n={i18n} />,\n meta: {\n cellProps: {\n colSpan: 2\n }\n }\n },\n {\n header: i18n(\"Tags\"),\n accessorKey: \"tags\",\n meta: {\n cellProps: {\n hidden: true\n },\n filter: {\n variant: \"select\",\n layout: \"react\",\n options: tags\n }\n }\n }\n // {\n // Header: i18n(\"Title\"),\n // accessor: \"title\",\n // id: \"title\",\n // Cell: (props: any) => <FormCell {...props} icon={props.icon} i18n={i18n} />,\n // Filter: DefaultColumnFilter,\n // colspan: 2\n // },\n // {\n // Header: i18n(\"Tags\"),\n // accessor: \"tags\",\n // id: \"tags\",\n // hidden: true,\n // Filter: (props: any) =>\n // tags && tags.length ? (\n // <SelectColumnFilter {...props} column={{ ...props.columns, choices: tags }} />\n // ) : (\n // <DefaultColumnFilter {...props} />\n // )\n // }\n ];\n\n return <Table {...(props as any)} columns={columns} />;\n}\n"],"names":["FormsTable","props","i18n","f","tags","Cell","getComponent","columns","context","jsx","Table"],"mappings":";;;;AAaO,SAASA,EAAW,EAAE,GAAGC,KAA0B;AACxD,QAAM,EAAE,MAAAC,IAAO,CAACC,MAAcA,GAAG,MAAAC,EAAS,IAAAH,GACpCI,IAAOC,EAA+B,WAAW,GAEjDC,IAA4B;AAAA,IAChC;AAAA,MACE,QAAQL,EAAK,OAAO;AAAA,MACpB,aAAa;AAAA,MACb,MAAM,CAACM,wBAAaH,GAAM,EAAA,GAAGG,GAAS,MAAAN,GAAY;AAAA,MAClD,MAAM;AAAA,QACJ,WAAW;AAAA,UACT,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,QAAQA,EAAK,MAAM;AAAA,MACnB,aAAa;AAAA,MACb,MAAM;AAAA,QACJ,WAAW;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,SAASE;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBJ;AAEA,SAAQ,gBAAAK,EAAAC,GAAA,EAAO,GAAIT,GAAe,SAAAM,EAAkB,CAAA;AACtD;"}
1
+ {"version":3,"file":"FormsTable.js","sources":["../../../../src/organisms/table/forms/FormsTable.tsx"],"sourcesContent":["import \"./components/FormsCell.js\";\n\nimport { ColumnDef } from \"@tanstack/react-table\";\n\nimport { useI18n } from \"../../../hooks/useI18n.js\";\nimport type { FormType } from \"../../../interfaces\";\nimport { Table, TableProps } from \"../../../molecules/table/Table\";\nimport { getComponent } from \"../../../registries/components.js\";\nimport { FormsCell } from \"./components/FormsCell.js\";\n\nexport type FormsTableProps = Omit<TableProps<FormType>, \"columns\"> & {\n tags?: { label: string; value: string }[];\n};\n\nexport function FormsTable({ tags, ...props }: FormsTableProps) {\n const { t } = useI18n(props.i18n);\n const Cell = getComponent<typeof FormsCell>(\"FormsCell\");\n\n const columns: ColumnDef<any>[] = [\n {\n header: t(\"Title\"),\n accessorKey: \"title\",\n cell: (context) => <Cell {...context} i18n={t} />,\n meta: {\n cellProps: {\n colSpan: 2\n }\n }\n },\n {\n header: t(\"Tags\"),\n accessorKey: \"tags\",\n meta: {\n cellProps: {\n hidden: true\n },\n filter: {\n variant: \"select\",\n layout: \"react\",\n options: tags\n }\n }\n }\n // {\n // Header: i18n(\"Title\"),\n // accessor: \"title\",\n // id: \"title\",\n // Cell: (props: any) => <FormCell {...props} icon={props.icon} i18n={i18n} />,\n // Filter: DefaultColumnFilter,\n // colspan: 2\n // },\n // {\n // Header: i18n(\"Tags\"),\n // accessor: \"tags\",\n // id: \"tags\",\n // hidden: true,\n // Filter: (props: any) =>\n // tags && tags.length ? (\n // <SelectColumnFilter {...props} column={{ ...props.columns, choices: tags }} />\n // ) : (\n // <DefaultColumnFilter {...props} />\n // )\n // }\n ];\n\n return <Table {...(props as any)} columns={columns} />;\n}\n"],"names":["FormsTable","tags","props","t","useI18n","Cell","getComponent","columns","context","jsx","Table"],"mappings":";;;;;AAcO,SAASA,EAAW,EAAE,MAAAC,GAAM,GAAGC,KAA0B;AAC9D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAQF,EAAM,IAAI,GAC1BG,IAAOC,EAA+B,WAAW,GAEjDC,IAA4B;AAAA,IAChC;AAAA,MACE,QAAQJ,EAAE,OAAO;AAAA,MACjB,aAAa;AAAA,MACb,MAAM,CAACK,MAAY,gBAAAC,EAACJ,KAAM,GAAGG,GAAS,MAAML,GAAG;AAAA,MAC/C,MAAM;AAAA,QACJ,WAAW;AAAA,UACT,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,IAEF;AAAA,MACE,QAAQA,EAAE,MAAM;AAAA,MAChB,aAAa;AAAA,MACb,MAAM;AAAA,QACJ,WAAW;AAAA,UACT,QAAQ;AAAA,QAAA;AAAA,QAEV,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,SAASF;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EACF;AAuBF,SAAO,gBAAAQ,EAACC,GAAA,EAAO,GAAIR,GAAe,SAAAK,EAAA,CAAkB;AACtD;"}
@@ -1,8 +1,8 @@
1
- import { jsxs as e, jsx as s } from "react/jsx-runtime";
1
+ import { jsxs as e, jsx as r } from "react/jsx-runtime";
2
2
  import { c as t } from "../../../../chunks/index.js";
3
- import l from "moment";
3
+ import m from "moment";
4
4
  import { registerComponent as c } from "../../../../registries/components.js";
5
- import { iconClass as r } from "../../../../utils/iconClass.js";
5
+ import { iconClass as s } from "../../../../utils/iconClass.js";
6
6
  import { stopPropagationWrapper as n } from "../../../../utils/stopPropagationWrapper.js";
7
7
  function p(i) {
8
8
  const {
@@ -10,8 +10,8 @@ function p(i) {
10
10
  } = i;
11
11
  return /* @__PURE__ */ e("div", { className: "p-1", children: [
12
12
  /* @__PURE__ */ e("h4", { className: "text-primary text-lg flex space-x-2 items-center", children: [
13
- /* @__PURE__ */ s("i", { className: t(r(void 0, "server"), "text-secondary") }),
14
- /* @__PURE__ */ s("span", { children: a.title })
13
+ /* @__PURE__ */ r("i", { className: t(s(void 0, "server"), "text-secondary") }),
14
+ /* @__PURE__ */ r("span", { children: a.title })
15
15
  ] }),
16
16
  /* @__PURE__ */ e("ul", { className: "reset-list text-gray-500", children: [
17
17
  /* @__PURE__ */ e("li", { className: "text-sm", children: [
@@ -20,21 +20,21 @@ function p(i) {
20
20
  ] }),
21
21
  /* @__PURE__ */ e("li", { className: "mt-5 flex space-x-1", children: [
22
22
  /* @__PURE__ */ e("span", { className: "badge bg-light flex space-x-1", children: [
23
- /* @__PURE__ */ s("i", { className: r(void 0, "history") }),
23
+ /* @__PURE__ */ r("i", { className: s(void 0, "history") }),
24
24
  /* @__PURE__ */ e("span", { children: [
25
25
  "Updated ",
26
- l(a.modified).fromNow()
26
+ m(a.modified).fromNow()
27
27
  ] })
28
28
  ] }),
29
- (a.tags || []).map((m, o) => /* @__PURE__ */ e(
29
+ (a.tags || []).map((l, o) => /* @__PURE__ */ e(
30
30
  "button",
31
31
  {
32
32
  className: "badge badge-hover bg-secondary flex space-x-1",
33
33
  onClick: n(() => {
34
34
  }),
35
35
  children: [
36
- /* @__PURE__ */ s("i", { className: r(void 0, "tags") }),
37
- /* @__PURE__ */ s("span", { children: m })
36
+ /* @__PURE__ */ r("i", { className: s(void 0, "tags") }),
37
+ /* @__PURE__ */ r("span", { children: l })
38
38
  ]
39
39
  },
40
40
  o
@@ -1 +1 @@
1
- {"version":3,"file":"FormsCell.js","sources":["../../../../../src/organisms/table/forms/components/FormsCell.tsx"],"sourcesContent":["import { CellContext } from \"@tanstack/react-table\";\nimport cx from \"classnames\";\nimport moment from \"moment\";\n\nimport type { FormType } from \"../../../../interfaces/index.js\";\nimport { registerComponent } from \"../../../../registries/components.js\";\nimport { iconClass } from \"../../../../utils/iconClass\";\nimport { stopPropagationWrapper } from \"../../../../utils/stopPropagationWrapper\";\n\nexport function FormsCell(\n props: CellContext<FormType, any> & {\n i18n: (i18n: string) => string;\n }\n) {\n const {\n row: { original: form }\n } = props;\n\n return (\n <div className={\"p-1\"}>\n <h4 className={\"text-primary text-lg flex space-x-2 items-center\"}>\n <i className={cx(iconClass(undefined, \"server\"), \"text-secondary\")} />\n <span>{form.title}</span>\n </h4>\n\n <ul className='reset-list text-gray-500'>\n <li className={\"text-sm\"}>Name: {form.name || form.machineName}</li>\n <li className='mt-5 flex space-x-1'>\n <span className='badge bg-light flex space-x-1'>\n <i className={iconClass(undefined, \"history\")} />\n <span>Updated {moment(form.modified).fromNow()}</span>\n </span>\n\n {(form.tags || []).map((tag, index) => (\n <button\n key={index}\n className='badge badge-hover bg-secondary flex space-x-1'\n onClick={stopPropagationWrapper(() => {\n // props.setFilter(\"tags\", tag);\n // props.gotoPage(0);\n })}\n >\n <i className={iconClass(undefined, \"tags\")} />\n <span>{tag}</span>\n </button>\n ))}\n </li>\n </ul>\n </div>\n );\n}\n\nregisterComponent(\"FormsCell\", FormsCell);\n"],"names":["FormsCell","props","form","jsxs","jsx","cx","iconClass","moment","tag","index","stopPropagationWrapper","registerComponent"],"mappings":";;;;;;AASO,SAASA,EACdC,GAGA;AACM,QAAA;AAAA,IACJ,KAAK,EAAE,UAAUC,EAAK;AAAA,EAAA,IACpBD;AAGF,SAAA,gBAAAE,EAAC,OAAI,EAAA,WAAW,OACd,UAAA;AAAA,IAAC,gBAAAA,EAAA,MAAA,EAAG,WAAW,oDACb,UAAA;AAAA,MAAC,gBAAAC,EAAA,KAAA,EAAE,WAAWC,EAAGC,EAAU,QAAW,QAAQ,GAAG,gBAAgB,GAAG;AAAA,MACpE,gBAAAF,EAAC,QAAM,EAAA,UAAAF,EAAK,MAAM,CAAA;AAAA,IAAA,GACpB;AAAA,IAEA,gBAAAC,EAAC,MAAG,EAAA,WAAU,4BACZ,UAAA;AAAA,MAAC,gBAAAA,EAAA,MAAA,EAAG,WAAW,WAAW,UAAA;AAAA,QAAA;AAAA,QAAOD,EAAK,QAAQA,EAAK;AAAA,MAAA,GAAY;AAAA,MAC/D,gBAAAC,EAAC,MAAG,EAAA,WAAU,uBACZ,UAAA;AAAA,QAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,iCACd,UAAA;AAAA,UAAA,gBAAAC,EAAC,KAAE,EAAA,WAAWE,EAAU,QAAW,SAAS,GAAG;AAAA,4BAC9C,QAAK,EAAA,UAAA;AAAA,YAAA;AAAA,YAASC,EAAOL,EAAK,QAAQ,EAAE,QAAQ;AAAA,UAAA,EAAE,CAAA;AAAA,QAAA,GACjD;AAAA,SAEEA,EAAK,QAAQ,IAAI,IAAI,CAACM,GAAKC,MAC3B,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,SAASO,EAAuB,MAAM;AAAA,YAAA,CAGrC;AAAA,YAED,UAAA;AAAA,cAAA,gBAAAN,EAAC,KAAE,EAAA,WAAWE,EAAU,QAAW,MAAM,GAAG;AAAA,cAC5C,gBAAAF,EAAC,UAAM,UAAII,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UARNC;AAAA,QAUR,CAAA;AAAA,MAAA,EACH,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;AAEAE,EAAkB,aAAaX,CAAS;"}
1
+ {"version":3,"file":"FormsCell.js","sources":["../../../../../src/organisms/table/forms/components/FormsCell.tsx"],"sourcesContent":["import { CellContext } from \"@tanstack/react-table\";\nimport cx from \"classnames\";\nimport moment from \"moment\";\n\nimport type { FormType } from \"../../../../interfaces/index.js\";\nimport { registerComponent } from \"../../../../registries/components.js\";\nimport { iconClass } from \"../../../../utils/iconClass\";\nimport { stopPropagationWrapper } from \"../../../../utils/stopPropagationWrapper\";\n\nexport function FormsCell(\n props: CellContext<FormType, any> & {\n i18n: (i18n: string) => string;\n }\n) {\n const {\n row: { original: form }\n } = props;\n\n return (\n <div className={\"p-1\"}>\n <h4 className={\"text-primary text-lg flex space-x-2 items-center\"}>\n <i className={cx(iconClass(undefined, \"server\"), \"text-secondary\")} />\n <span>{form.title}</span>\n </h4>\n\n <ul className='reset-list text-gray-500'>\n <li className={\"text-sm\"}>Name: {form.name || form.machineName}</li>\n <li className='mt-5 flex space-x-1'>\n <span className='badge bg-light flex space-x-1'>\n <i className={iconClass(undefined, \"history\")} />\n <span>Updated {moment(form.modified).fromNow()}</span>\n </span>\n\n {(form.tags || []).map((tag, index) => (\n <button\n key={index}\n className='badge badge-hover bg-secondary flex space-x-1'\n onClick={stopPropagationWrapper(() => {\n // props.setFilter(\"tags\", tag);\n // props.gotoPage(0);\n })}\n >\n <i className={iconClass(undefined, \"tags\")} />\n <span>{tag}</span>\n </button>\n ))}\n </li>\n </ul>\n </div>\n );\n}\n\nregisterComponent(\"FormsCell\", FormsCell);\n"],"names":["FormsCell","props","form","jsxs","jsx","cx","iconClass","moment","tag","index","stopPropagationWrapper","registerComponent"],"mappings":";;;;;;AASO,SAASA,EACdC,GAGA;AACA,QAAM;AAAA,IACJ,KAAK,EAAE,UAAUC,EAAA;AAAA,EAAK,IACpBD;AAEJ,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAW,OACd,UAAA;AAAA,IAAA,gBAAAA,EAAC,MAAA,EAAG,WAAW,oDACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,KAAA,EAAE,WAAWC,EAAGC,EAAU,QAAW,QAAQ,GAAG,gBAAgB,GAAG;AAAA,MACpE,gBAAAF,EAAC,QAAA,EAAM,UAAAF,EAAK,MAAA,CAAM;AAAA,IAAA,GACpB;AAAA,IAEA,gBAAAC,EAAC,MAAA,EAAG,WAAU,4BACZ,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAW,WAAW,UAAA;AAAA,QAAA;AAAA,QAAOD,EAAK,QAAQA,EAAK;AAAA,MAAA,GAAY;AAAA,MAC/D,gBAAAC,EAAC,MAAA,EAAG,WAAU,uBACZ,UAAA;AAAA,QAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,iCACd,UAAA;AAAA,UAAA,gBAAAC,EAAC,KAAA,EAAE,WAAWE,EAAU,QAAW,SAAS,GAAG;AAAA,4BAC9C,QAAA,EAAK,UAAA;AAAA,YAAA;AAAA,YAASC,EAAOL,EAAK,QAAQ,EAAE,QAAA;AAAA,UAAQ,EAAA,CAAE;AAAA,QAAA,GACjD;AAAA,SAEEA,EAAK,QAAQ,CAAA,GAAI,IAAI,CAACM,GAAKC,MAC3B,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,SAASO,EAAuB,MAAM;AAAA,YAGtC,CAAC;AAAA,YAED,UAAA;AAAA,cAAA,gBAAAN,EAAC,KAAA,EAAE,WAAWE,EAAU,QAAW,MAAM,GAAG;AAAA,cAC5C,gBAAAF,EAAC,UAAM,UAAAI,EAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UARNC;AAAA,QAAA,CAUR;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEAE,EAAkB,aAAaX,CAAS;"}
@@ -1 +1 @@
1
- {"version":3,"file":"SubmissionsTable.js","sources":["../../../../src/organisms/table/submissions/SubmissionsTable.tsx"],"sourcesContent":["import type { FormType, JSON, SubmissionType } from \"../../../interfaces\";\nimport { Table, type TableProps } from \"../../../molecules/table/Table\";\nimport { mapFormToColumns } from \"../../../molecules/table/utils/mapFormToColumns.js\";\n\nexport type SubmissionsTableProps<Data extends { [key: string]: JSON } = { [key: string]: JSON }> = Omit<\n TableProps<SubmissionType<Data>>,\n \"columns\"\n> & {\n form?: FormType;\n};\n\nexport function SubmissionsTable<Data extends { [key: string]: JSON } = { [key: string]: JSON }>({\n form,\n ...props\n}: SubmissionsTableProps<Data>) {\n const columns: any[] | undefined = form && mapFormToColumns(form);\n\n return <Table {...(props as any)} columns={columns!} />;\n}\n"],"names":["SubmissionsTable","form","props","columns","mapFormToColumns","jsx","Table"],"mappings":";;;AAWO,SAASA,EAAiF;AAAA,EAC/F,MAAAC;AAAA,EACA,GAAGC;AACL,GAAgC;AACxB,QAAAC,IAA6BF,KAAQG,EAAiBH,CAAI;AAEhE,SAAQ,gBAAAI,EAAAC,GAAA,EAAO,GAAIJ,GAAe,SAAAC,EAAmB,CAAA;AACvD;"}
1
+ {"version":3,"file":"SubmissionsTable.js","sources":["../../../../src/organisms/table/submissions/SubmissionsTable.tsx"],"sourcesContent":["import type { FormType, JSON, SubmissionType } from \"../../../interfaces\";\nimport { Table, type TableProps } from \"../../../molecules/table/Table\";\nimport { mapFormToColumns } from \"../../../molecules/table/utils/mapFormToColumns.js\";\n\nexport type SubmissionsTableProps<Data extends { [key: string]: JSON } = { [key: string]: JSON }> = Omit<\n TableProps<SubmissionType<Data>>,\n \"columns\"\n> & {\n form?: FormType;\n};\n\nexport function SubmissionsTable<Data extends { [key: string]: JSON } = { [key: string]: JSON }>({\n form,\n ...props\n}: SubmissionsTableProps<Data>) {\n const columns: any[] | undefined = form && mapFormToColumns(form);\n\n return <Table {...(props as any)} columns={columns!} />;\n}\n"],"names":["SubmissionsTable","form","props","columns","mapFormToColumns","jsx","Table"],"mappings":";;;AAWO,SAASA,EAAiF;AAAA,EAC/F,MAAAC;AAAA,EACA,GAAGC;AACL,GAAgC;AAC9B,QAAMC,IAA6BF,KAAQG,EAAiBH,CAAI;AAEhE,SAAO,gBAAAI,EAACC,GAAA,EAAO,GAAIJ,GAAe,SAAAC,EAAA,CAAmB;AACvD;"}
@@ -1,4 +1,4 @@
1
- import { JSON, PermissionsResolver } from '../../interfaces/index.js';
1
+ import { FormOptions, JSON, PermissionsResolver } from '../../interfaces/index.js';
2
2
  import { FormAccessProps } from '../form/access/FormAccess.js';
3
3
  import { FormEditProps } from '../form/builder/FormEdit.js';
4
4
  import { ActionsTableProps } from '../table/actions/ActionsTable.js';
@@ -13,7 +13,7 @@ export type FormViewsProps<Data extends {
13
13
  availableActions: ActionsTableProps["availableActions"];
14
14
  actions: ActionsTableProps["data"];
15
15
  roles?: FormAccessProps["roles"];
16
- i18n?: (key: string) => string;
16
+ i18n?: FormOptions["i18n"];
17
17
  onAction: () => void;
18
18
  permissionsResolver?: PermissionsResolver<Data>;
19
19
  };
@@ -21,4 +21,4 @@ export declare function FormViews<Data extends {
21
21
  [key: string]: JSON;
22
22
  } = {
23
23
  [key: string]: JSON;
24
- }>({ form, roles, availableActions, actions, permissionsResolver, submissions, i18n }: FormViewsProps<Data>): import("react/jsx-runtime").JSX.Element;
24
+ }>({ form, roles, availableActions, actions, permissionsResolver, submissions, ...props }: FormViewsProps<Data>): import("react/jsx-runtime").JSX.Element;
@@ -1,96 +1,97 @@
1
- import { jsxs as c, jsx as o } from "react/jsx-runtime";
2
- import { getComponent as i } from "../../registries/components.js";
3
- import { FormAccess as v } from "../form/access/FormAccess.js";
4
- import { FormEdit as f } from "../form/builder/FormEdit.js";
5
- import { FormExport as g } from "../form/exports/FormExport.js";
6
- import { FormPreview as w } from "../form/preview/FormPreview.js";
7
- import { FormSettings as y } from "../form/settings/FormSettings.js";
8
- import { ActionsTable as E } from "../table/actions/ActionsTable.js";
9
- import { SubmissionsTable as F } from "../table/submissions/SubmissionsTable.js";
10
- function N(t) {
1
+ import { jsxs as c, jsx as i } from "react/jsx-runtime";
2
+ import { useI18n as f } from "../../hooks/useI18n.js";
3
+ import { getComponent as a } from "../../registries/components.js";
4
+ import { FormAccess as g } from "../form/access/FormAccess.js";
5
+ import { FormEdit as w } from "../form/builder/FormEdit.js";
6
+ import { FormExport as y } from "../form/exports/FormExport.js";
7
+ import { FormPreview as E } from "../form/preview/FormPreview.js";
8
+ import { FormSettings as F } from "../form/settings/FormSettings.js";
9
+ import { ActionsTable as N } from "../table/actions/ActionsTable.js";
10
+ import { SubmissionsTable as x } from "../table/submissions/SubmissionsTable.js";
11
+ function A(e) {
11
12
  return [
12
13
  {
13
14
  title: "Edit",
14
15
  action: "submission:edit",
15
16
  alias: "row",
16
17
  icon: "edit",
17
- permissionsResolver: t
18
+ permissionsResolver: e
18
19
  },
19
20
  {
20
21
  action: "submission:delete",
21
22
  icon: "trash",
22
23
  buttonType: "danger",
23
- permissionsResolver: t
24
+ permissionsResolver: e
24
25
  }
25
26
  ];
26
27
  }
27
- function x(t) {
28
+ function O(e) {
28
29
  return [
29
30
  {
30
31
  title: "Edit",
31
32
  action: "action:edit",
32
33
  alias: "row",
33
34
  icon: "edit",
34
- permissionsResolver: t
35
+ permissionsResolver: e
35
36
  },
36
37
  {
37
38
  action: "action:delete",
38
39
  icon: "trash",
39
40
  buttonType: "danger",
40
- permissionsResolver: t
41
+ permissionsResolver: e
41
42
  }
42
43
  ];
43
44
  }
44
- function D({
45
- form: t,
45
+ function q({
46
+ form: e,
46
47
  roles: l,
47
48
  availableActions: d,
48
49
  actions: b,
49
50
  permissionsResolver: s,
50
- submissions: p,
51
- i18n: e = (n) => n
51
+ submissions: m,
52
+ ...r
52
53
  }) {
53
- const n = i("Tabs"), u = i("TabList"), r = i("Tab"), m = i("TabsBody"), a = i("TabPanel"), h = N(s), T = x(s);
54
- return /* @__PURE__ */ c(n, { children: [
55
- /* @__PURE__ */ c(u, { children: [
56
- /* @__PURE__ */ o(r, { value: 0, icon: "edit", children: e("Edit") }),
57
- /* @__PURE__ */ o(r, { value: 1, icon: "data", children: e("Data") }),
58
- /* @__PURE__ */ o(r, { value: 2, icon: "test-tube", children: e("Preview") }),
59
- /* @__PURE__ */ o(r, { value: 3, icon: "paper-plane", children: e("Actions") }),
60
- /* @__PURE__ */ o(r, { value: 4, icon: "lock", children: e("Access") }),
61
- /* @__PURE__ */ o(r, { value: 5, icon: "download", children: e("Export") }),
62
- /* @__PURE__ */ o(r, { value: 6, icon: "cog", children: e("Settings") })
54
+ const { t: n } = f(r.i18n), u = a("Tabs"), p = a("TabList"), o = a("Tab"), h = a("TabsBody"), t = a("TabPanel"), T = A(s), v = O(s);
55
+ return /* @__PURE__ */ c(u, { children: [
56
+ /* @__PURE__ */ c(p, { children: [
57
+ /* @__PURE__ */ i(o, { value: 0, icon: "edit", children: n("Edit") }),
58
+ /* @__PURE__ */ i(o, { value: 1, icon: "data", children: n("Data") }),
59
+ /* @__PURE__ */ i(o, { value: 2, icon: "test-tube", children: n("Preview") }),
60
+ /* @__PURE__ */ i(o, { value: 3, icon: "paper-plane", children: n("Actions") }),
61
+ /* @__PURE__ */ i(o, { value: 4, icon: "lock", children: n("Access") }),
62
+ /* @__PURE__ */ i(o, { value: 5, icon: "download", children: n("Export") }),
63
+ /* @__PURE__ */ i(o, { value: 6, icon: "cog", children: n("Settings") })
63
64
  ] }),
64
- /* @__PURE__ */ c(m, { children: [
65
- /* @__PURE__ */ o(a, { value: 0, className: "p-3 border-l-1 border-b-1 border-r-1 border-gray-300", children: /* @__PURE__ */ o(f, { form: t, options: { i18n: e } }) }),
66
- /* @__PURE__ */ o(a, { value: 1, children: /* @__PURE__ */ o(
67
- F,
65
+ /* @__PURE__ */ c(h, { children: [
66
+ /* @__PURE__ */ i(t, { value: 0, className: "p-3 border-l-1 border-b-1 border-r-1 border-gray-300", children: /* @__PURE__ */ i(w, { form: e }) }),
67
+ /* @__PURE__ */ i(t, { value: 1, children: /* @__PURE__ */ i(
68
+ x,
68
69
  {
69
70
  className: "border-top-0",
70
- form: t,
71
- data: p,
72
- i18n: e,
73
- operations: h
71
+ form: e,
72
+ data: m,
73
+ i18n: r.i18n,
74
+ operations: T
74
75
  }
75
76
  ) }),
76
- /* @__PURE__ */ o(a, { value: 2, children: /* @__PURE__ */ o(w, { form: t, i18n: e }) }),
77
- /* @__PURE__ */ o(a, { value: 3, children: /* @__PURE__ */ o(
78
- E,
77
+ /* @__PURE__ */ i(t, { value: 2, children: /* @__PURE__ */ i(E, { form: e, i18n: r.i18n }) }),
78
+ /* @__PURE__ */ i(t, { value: 3, children: /* @__PURE__ */ i(
79
+ N,
79
80
  {
80
81
  className: "border-top-0",
81
82
  availableActions: d,
82
83
  data: b,
83
- operations: T,
84
- i18n: e
84
+ operations: v,
85
+ i18n: r.i18n
85
86
  }
86
87
  ) }),
87
- /* @__PURE__ */ o(a, { value: 4, className: "pt-3", children: /* @__PURE__ */ o(v, { form: t, roles: l, options: { i18n: e } }) }),
88
- /* @__PURE__ */ o(a, { value: 5, className: "pt-3", children: /* @__PURE__ */ o(g, { i18n: e }) }),
89
- /* @__PURE__ */ o(a, { value: 6, className: "p-3 border-l-1 border-b-1 border-r-1 border-gray-300", children: /* @__PURE__ */ o(y, { form: t, options: {} }) })
88
+ /* @__PURE__ */ i(t, { value: 4, className: "pt-3", children: /* @__PURE__ */ i(g, { form: e, roles: l, options: r }) }),
89
+ /* @__PURE__ */ i(t, { value: 5, className: "pt-3", children: /* @__PURE__ */ i(y, { i18n: r.i18n }) }),
90
+ /* @__PURE__ */ i(t, { value: 6, className: "p-3 border-l-1 border-b-1 border-r-1 border-gray-300", children: /* @__PURE__ */ i(F, { form: e, options: {} }) })
90
91
  ] })
91
92
  ] });
92
93
  }
93
94
  export {
94
- D as FormViews
95
+ q as FormViews
95
96
  };
96
97
  //# sourceMappingURL=FormViews.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormViews.js","sources":["../../../src/organisms/views/FormViews.tsx"],"sourcesContent":["import type { FormType, JSON, PermissionsResolver } from \"../../interfaces/index.js\";\nimport type { Tab as DefaultTab } from \"../../molecules/tabs/Tab.js\";\nimport type { TabList as DefaultTabList } from \"../../molecules/tabs/TabList.js\";\nimport type { TabPanel as DefaultTabPanel } from \"../../molecules/tabs/TabPanel.js\";\nimport type { Tabs as DefaultTabs } from \"../../molecules/tabs/Tabs.js\";\nimport type { TabsBody as DefaultTabsBody } from \"../../molecules/tabs/TabsBody.js\";\nimport { getComponent } from \"../../registries/components.js\";\nimport { FormAccess, type FormAccessProps } from \"../form/access/FormAccess.js\";\nimport { FormEdit, type FormEditProps } from \"../form/builder/FormEdit.js\";\nimport { FormExport } from \"../form/exports/FormExport.js\";\nimport { FormPreview } from \"../form/preview/FormPreview.js\";\nimport { FormSettings } from \"../form/settings/FormSettings.js\";\nimport { ActionsTable, type ActionsTableProps } from \"../table/actions/ActionsTable.js\";\nimport { SubmissionsTable, type SubmissionsTableProps } from \"../table/submissions/SubmissionsTable.js\";\n\nexport type FormViewsProps<Data extends { [key: string]: JSON } = { [key: string]: JSON }> = {\n form: FormEditProps[\"form\"];\n submissions: SubmissionsTableProps<Data>[\"data\"];\n availableActions: ActionsTableProps[\"availableActions\"];\n actions: ActionsTableProps[\"data\"];\n roles?: FormAccessProps[\"roles\"];\n i18n?: (key: string) => string;\n onAction: () => void;\n permissionsResolver?: PermissionsResolver<Data>;\n};\n\nfunction useSubmissionsOperations<Data extends { [key: string]: JSON } = { [key: string]: JSON }>(\n permissionsResolver?: PermissionsResolver<Data>\n) {\n return [\n {\n title: \"Edit\",\n action: \"submission:edit\",\n alias: \"row\",\n icon: \"edit\",\n permissionsResolver\n },\n {\n action: \"submission:delete\",\n icon: \"trash\",\n buttonType: \"danger\",\n permissionsResolver\n }\n ] as SubmissionsTableProps<Data>[\"operations\"];\n}\n\nfunction useActionsOperations<Data extends { [key: string]: JSON } = { [key: string]: JSON }>(\n permissionsResolver?: PermissionsResolver<Data>\n) {\n return [\n {\n title: \"Edit\",\n action: \"action:edit\",\n alias: \"row\",\n icon: \"edit\",\n permissionsResolver\n },\n {\n action: \"action:delete\",\n icon: \"trash\",\n buttonType: \"danger\",\n permissionsResolver\n }\n ] as SubmissionsTableProps<Data>[\"operations\"];\n}\n\nexport function FormViews<Data extends { [key: string]: JSON } = { [key: string]: JSON }>({\n form,\n roles,\n availableActions,\n actions,\n permissionsResolver,\n submissions,\n i18n = (f) => f\n}: FormViewsProps<Data>) {\n const Tabs = getComponent<typeof DefaultTabs>(\"Tabs\");\n const TabList = getComponent<typeof DefaultTabList>(\"TabList\");\n const Tab = getComponent<typeof DefaultTab>(\"Tab\");\n const TabsBody = getComponent<typeof DefaultTabsBody>(\"TabsBody\");\n const TabPanel = getComponent<typeof DefaultTabPanel>(\"TabPanel\");\n const submissionsOperations = useSubmissionsOperations<Data>(permissionsResolver);\n const actionsOperations = useActionsOperations<any>(permissionsResolver);\n\n return (\n <Tabs>\n <TabList>\n <Tab value={0} icon='edit'>\n {i18n(\"Edit\")}\n </Tab>\n <Tab value={1} icon='data'>\n {i18n(\"Data\")}\n </Tab>\n <Tab value={2} icon='test-tube'>\n {i18n(\"Preview\")}\n </Tab>\n <Tab value={3} icon='paper-plane'>\n {i18n(\"Actions\")}\n </Tab>\n <Tab value={4} icon='lock'>\n {i18n(\"Access\")}\n </Tab>\n <Tab value={5} icon='download'>\n {i18n(\"Export\")}\n </Tab>\n <Tab value={6} icon='cog'>\n {i18n(\"Settings\")}\n </Tab>\n </TabList>\n <TabsBody>\n <TabPanel value={0} className='p-3 border-l-1 border-b-1 border-r-1 border-gray-300'>\n <FormEdit form={form} options={{ i18n }} />\n </TabPanel>\n <TabPanel value={1}>\n <SubmissionsTable<Data>\n className={\"border-top-0\"}\n form={form as FormType}\n data={submissions}\n i18n={i18n}\n operations={submissionsOperations}\n />\n </TabPanel>\n <TabPanel value={2}>\n <FormPreview form={form as FormType} i18n={i18n} />\n </TabPanel>\n <TabPanel value={3}>\n <ActionsTable\n className={\"border-top-0\"}\n availableActions={availableActions}\n data={actions}\n operations={actionsOperations as any}\n i18n={i18n}\n />\n </TabPanel>\n <TabPanel value={4} className='pt-3'>\n <FormAccess form={form as FormType} roles={roles} options={{ i18n }} />\n </TabPanel>\n <TabPanel value={5} className='pt-3'>\n <FormExport i18n={i18n} />\n </TabPanel>\n <TabPanel value={6} className='p-3 border-l-1 border-b-1 border-r-1 border-gray-300'>\n <FormSettings form={form as FormType} options={{}} />\n </TabPanel>\n </TabsBody>\n </Tabs>\n );\n}\n"],"names":["useSubmissionsOperations","permissionsResolver","useActionsOperations","FormViews","form","roles","availableActions","actions","submissions","i18n","f","Tabs","getComponent","TabList","Tab","TabsBody","TabPanel","submissionsOperations","actionsOperations","jsxs","jsx","FormEdit","SubmissionsTable","FormPreview","ActionsTable","FormAccess","FormExport","FormSettings"],"mappings":"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"}
1
+ {"version":3,"file":"FormViews.js","sources":["../../../src/organisms/views/FormViews.tsx"],"sourcesContent":["import { useI18n } from \"../../hooks/useI18n.js\";\nimport type { FormOptions, FormType, JSON, PermissionsResolver } from \"../../interfaces/index.js\";\nimport type { Tab as DefaultTab } from \"../../molecules/tabs/Tab.js\";\nimport type { TabList as DefaultTabList } from \"../../molecules/tabs/TabList.js\";\nimport type { TabPanel as DefaultTabPanel } from \"../../molecules/tabs/TabPanel.js\";\nimport type { Tabs as DefaultTabs } from \"../../molecules/tabs/Tabs.js\";\nimport type { TabsBody as DefaultTabsBody } from \"../../molecules/tabs/TabsBody.js\";\nimport { getComponent } from \"../../registries/components.js\";\nimport { FormAccess, type FormAccessProps } from \"../form/access/FormAccess.js\";\nimport { FormEdit, type FormEditProps } from \"../form/builder/FormEdit.js\";\nimport { FormExport } from \"../form/exports/FormExport.js\";\nimport { FormPreview } from \"../form/preview/FormPreview.js\";\nimport { FormSettings } from \"../form/settings/FormSettings.js\";\nimport { ActionsTable, type ActionsTableProps } from \"../table/actions/ActionsTable.js\";\nimport { SubmissionsTable, type SubmissionsTableProps } from \"../table/submissions/SubmissionsTable.js\";\n\nexport type FormViewsProps<Data extends { [key: string]: JSON } = { [key: string]: JSON }> = {\n form: FormEditProps[\"form\"];\n submissions: SubmissionsTableProps<Data>[\"data\"];\n availableActions: ActionsTableProps[\"availableActions\"];\n actions: ActionsTableProps[\"data\"];\n roles?: FormAccessProps[\"roles\"];\n i18n?: FormOptions[\"i18n\"];\n onAction: () => void;\n permissionsResolver?: PermissionsResolver<Data>;\n};\n\nfunction useSubmissionsOperations<Data extends { [key: string]: JSON } = { [key: string]: JSON }>(\n permissionsResolver?: PermissionsResolver<Data>\n) {\n return [\n {\n title: \"Edit\",\n action: \"submission:edit\",\n alias: \"row\",\n icon: \"edit\",\n permissionsResolver\n },\n {\n action: \"submission:delete\",\n icon: \"trash\",\n buttonType: \"danger\",\n permissionsResolver\n }\n ] as SubmissionsTableProps<Data>[\"operations\"];\n}\n\nfunction useActionsOperations<Data extends { [key: string]: JSON } = { [key: string]: JSON }>(\n permissionsResolver?: PermissionsResolver<Data>\n) {\n return [\n {\n title: \"Edit\",\n action: \"action:edit\",\n alias: \"row\",\n icon: \"edit\",\n permissionsResolver\n },\n {\n action: \"action:delete\",\n icon: \"trash\",\n buttonType: \"danger\",\n permissionsResolver\n }\n ] as SubmissionsTableProps<Data>[\"operations\"];\n}\n\nexport function FormViews<Data extends { [key: string]: JSON } = { [key: string]: JSON }>({\n form,\n roles,\n availableActions,\n actions,\n permissionsResolver,\n submissions,\n ...props\n}: FormViewsProps<Data>) {\n const { t } = useI18n(props.i18n);\n const Tabs = getComponent<typeof DefaultTabs>(\"Tabs\");\n const TabList = getComponent<typeof DefaultTabList>(\"TabList\");\n const Tab = getComponent<typeof DefaultTab>(\"Tab\");\n const TabsBody = getComponent<typeof DefaultTabsBody>(\"TabsBody\");\n const TabPanel = getComponent<typeof DefaultTabPanel>(\"TabPanel\");\n const submissionsOperations = useSubmissionsOperations<Data>(permissionsResolver);\n const actionsOperations = useActionsOperations<any>(permissionsResolver);\n\n return (\n <Tabs>\n <TabList>\n <Tab value={0} icon='edit'>\n {t(\"Edit\")}\n </Tab>\n <Tab value={1} icon='data'>\n {t(\"Data\")}\n </Tab>\n <Tab value={2} icon='test-tube'>\n {t(\"Preview\")}\n </Tab>\n <Tab value={3} icon='paper-plane'>\n {t(\"Actions\")}\n </Tab>\n <Tab value={4} icon='lock'>\n {t(\"Access\")}\n </Tab>\n <Tab value={5} icon='download'>\n {t(\"Export\")}\n </Tab>\n <Tab value={6} icon='cog'>\n {t(\"Settings\")}\n </Tab>\n </TabList>\n <TabsBody>\n <TabPanel value={0} className='p-3 border-l-1 border-b-1 border-r-1 border-gray-300'>\n <FormEdit form={form} />\n </TabPanel>\n <TabPanel value={1}>\n <SubmissionsTable<Data>\n className={\"border-top-0\"}\n form={form as FormType}\n data={submissions}\n i18n={props.i18n}\n operations={submissionsOperations}\n />\n </TabPanel>\n <TabPanel value={2}>\n <FormPreview form={form as FormType} i18n={props.i18n} />\n </TabPanel>\n <TabPanel value={3}>\n <ActionsTable\n className={\"border-top-0\"}\n availableActions={availableActions}\n data={actions}\n operations={actionsOperations as any}\n i18n={props.i18n}\n />\n </TabPanel>\n <TabPanel value={4} className='pt-3'>\n <FormAccess form={form as FormType} roles={roles} options={props} />\n </TabPanel>\n <TabPanel value={5} className='pt-3'>\n <FormExport i18n={props.i18n} />\n </TabPanel>\n <TabPanel value={6} className='p-3 border-l-1 border-b-1 border-r-1 border-gray-300'>\n <FormSettings form={form as FormType} options={{}} />\n </TabPanel>\n </TabsBody>\n </Tabs>\n );\n}\n"],"names":["useSubmissionsOperations","permissionsResolver","useActionsOperations","FormViews","form","roles","availableActions","actions","submissions","props","t","useI18n","Tabs","getComponent","TabList","Tab","TabsBody","TabPanel","submissionsOperations","actionsOperations","jsxs","jsx","FormEdit","SubmissionsTable","FormPreview","ActionsTable","FormAccess","FormExport","FormSettings"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"components.js","sources":["../../src/registries/components.ts"],"sourcesContent":["export const components = new Map<string, unknown>();\n\nexport function registerComponent(type: string, component: unknown) {\n components.set(type, component);\n}\n\nexport function getComponent<Cmp>(type: string | string[]): Cmp {\n if (Array.isArray(type)) {\n for (const t of type) {\n if (components.has(t)) {\n return components.get(t) as unknown as Cmp;\n }\n }\n }\n\n const result = components.get(type as string) as unknown as Cmp;\n\n if (!result) {\n console.warn(`Missing component for ${type}`);\n }\n\n return result;\n}\n"],"names":["components","registerComponent","type","component","getComponent","t","result"],"mappings":"AAAa,MAAAA,wBAAiB,IAAqB;AAEnC,SAAAC,EAAkBC,GAAcC,GAAoB;AACvD,EAAAH,EAAA,IAAIE,GAAMC,CAAS;AAChC;AAEO,SAASC,EAAkBF,GAA8B;AAC1D,MAAA,MAAM,QAAQA,CAAI;AACpB,eAAWG,KAAKH;AACV,UAAAF,EAAW,IAAIK,CAAC;AACX,eAAAL,EAAW,IAAIK,CAAC;AAAA;AAKvB,QAAAC,IAASN,EAAW,IAAIE,CAAc;AAE5C,SAAKI,KACK,QAAA,KAAK,yBAAyBJ,CAAI,EAAE,GAGvCI;AACT;"}
1
+ {"version":3,"file":"components.js","sources":["../../src/registries/components.ts"],"sourcesContent":["export const components = new Map<string, unknown>();\n\nexport function registerComponent(type: string, component: unknown) {\n components.set(type, component);\n}\n\nexport function getComponent<Cmp>(type: string | string[]): Cmp {\n if (Array.isArray(type)) {\n for (const t of type) {\n if (components.has(t)) {\n return components.get(t) as unknown as Cmp;\n }\n }\n }\n\n const result = components.get(type as string) as unknown as Cmp;\n\n if (!result) {\n console.warn(`Missing component for ${type}`);\n }\n\n return result;\n}\n"],"names":["components","registerComponent","type","component","getComponent","t","result"],"mappings":"AAAO,MAAMA,wBAAiB,IAAA;AAEvB,SAASC,EAAkBC,GAAcC,GAAoB;AAClE,EAAAH,EAAW,IAAIE,GAAMC,CAAS;AAChC;AAEO,SAASC,EAAkBF,GAA8B;AAC9D,MAAI,MAAM,QAAQA,CAAI;AACpB,eAAWG,KAAKH;AACd,UAAIF,EAAW,IAAIK,CAAC;AAClB,eAAOL,EAAW,IAAIK,CAAC;AAAA;AAK7B,QAAMC,IAASN,EAAW,IAAIE,CAAc;AAE5C,SAAKI,KACH,QAAQ,KAAK,yBAAyBJ,CAAI,EAAE,GAGvCI;AACT;"}
@@ -1 +1 @@
1
- {"version":3,"file":"getEventValue.js","sources":["../../src/utils/getEventValue.ts"],"sourcesContent":["export function getEventValue(event: any) {\n const { target } = event;\n\n if (event.target.multiple && event.target.selectedOptions) {\n return Array.from(event.target.selectedOptions, (option: any) => option.value);\n }\n\n return target.type === \"checkbox\" ? target.checked : target.value;\n}\n"],"names":["getEventValue","event","target","option"],"mappings":"AAAO,SAASA,EAAcC,GAAY;AAClC,QAAA,EAAE,QAAAC,MAAWD;AAEnB,SAAIA,EAAM,OAAO,YAAYA,EAAM,OAAO,kBACjC,MAAM,KAAKA,EAAM,OAAO,iBAAiB,CAACE,MAAgBA,EAAO,KAAK,IAGxED,EAAO,SAAS,aAAaA,EAAO,UAAUA,EAAO;AAC9D;"}
1
+ {"version":3,"file":"getEventValue.js","sources":["../../src/utils/getEventValue.ts"],"sourcesContent":["export function getEventValue(event: any) {\n const { target } = event;\n\n if (event.target.multiple && event.target.selectedOptions) {\n return Array.from(event.target.selectedOptions, (option: any) => option.value);\n }\n\n return target.type === \"checkbox\" ? target.checked : target.value;\n}\n"],"names":["getEventValue","event","target","option"],"mappings":"AAAO,SAASA,EAAcC,GAAY;AACxC,QAAM,EAAE,QAAAC,MAAWD;AAEnB,SAAIA,EAAM,OAAO,YAAYA,EAAM,OAAO,kBACjC,MAAM,KAAKA,EAAM,OAAO,iBAAiB,CAACE,MAAgBA,EAAO,KAAK,IAGxED,EAAO,SAAS,aAAaA,EAAO,UAAUA,EAAO;AAC9D;"}
@@ -1,9 +1,8 @@
1
- import * as e from "formiojs";
2
- const { Templates: o } = e;
3
- function s(r, t, n) {
4
- return o.current.iconClass(r || o.current.defaultIconset, t, n);
1
+ import { c as t } from "../chunks/index2.js";
2
+ function n(e, r, s) {
3
+ return t.Templates.current.iconClass(e || t.Templates.current.defaultIconset, r, s);
5
4
  }
6
5
  export {
7
- s as iconClass
6
+ n as iconClass
8
7
  };
9
8
  //# sourceMappingURL=iconClass.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"iconClass.js","sources":["../../src/utils/iconClass.ts"],"sourcesContent":["import * as formio from \"formiojs\";\n\nconst { Templates } = formio;\n\nexport function iconClass(iconset: string | undefined, name: string, spinning?: boolean): string {\n return Templates.current.iconClass(iconset || Templates.current.defaultIconset, name, spinning);\n}\n"],"names":["Templates","formio","iconClass","iconset","name","spinning"],"mappings":";AAEA,MAAM,EAAE,WAAAA,EAAc,IAAAC;AAEN,SAAAC,EAAUC,GAA6BC,GAAcC,GAA4B;AACxF,SAAAL,EAAU,QAAQ,UAAUG,KAAWH,EAAU,QAAQ,gBAAgBI,GAAMC,CAAQ;AAChG;"}
1
+ {"version":3,"file":"iconClass.js","sources":["../../src/utils/iconClass.ts"],"sourcesContent":["import { Templates } from \"@formio/js\";\n\nexport function iconClass(iconset: string | undefined, name: string, spinning?: boolean): string {\n return Templates.current.iconClass(iconset || Templates.current.defaultIconset, name, spinning);\n}\n"],"names":["iconClass","iconset","name","spinning","Templates"],"mappings":";AAEO,SAASA,EAAUC,GAA6BC,GAAcC,GAA4B;AAC/F,SAAOC,EAAAA,UAAU,QAAQ,UAAUH,KAAWG,EAAAA,UAAU,QAAQ,gBAAgBF,GAAMC,CAAQ;AAChG;"}
@@ -1 +1 @@
1
- {"version":3,"file":"mapPagination.js","sources":["../../src/utils/mapPagination.ts"],"sourcesContent":["export function mapPagination({ skip, limit, serverCount, length }: any = {}): any {\n skip = skip || 0;\n limit = limit || 10;\n serverCount = serverCount || length;\n\n return {\n pageIndex: Math.floor(skip / limit),\n pageSize: limit,\n pageCount: Math.ceil(serverCount / limit)\n };\n}\n"],"names":["mapPagination","skip","limit","serverCount","length"],"mappings":"AAAgB,SAAAA,EAAc,EAAE,MAAAC,GAAM,OAAAC,GAAO,aAAAC,GAAa,QAAAC,EAAO,IAAS,IAAS;AACjF,SAAAH,IAAOA,KAAQ,GACfC,IAAQA,KAAS,IACjBC,IAAcA,KAAeC,GAEtB;AAAA,IACL,WAAW,KAAK,MAAMH,IAAOC,CAAK;AAAA,IAClC,UAAUA;AAAA,IACV,WAAW,KAAK,KAAKC,IAAcD,CAAK;AAAA,EAC1C;AACF;"}
1
+ {"version":3,"file":"mapPagination.js","sources":["../../src/utils/mapPagination.ts"],"sourcesContent":["export function mapPagination({ skip, limit, serverCount, length }: any = {}): any {\n skip = skip || 0;\n limit = limit || 10;\n serverCount = serverCount || length;\n\n return {\n pageIndex: Math.floor(skip / limit),\n pageSize: limit,\n pageCount: Math.ceil(serverCount / limit)\n };\n}\n"],"names":["mapPagination","skip","limit","serverCount","length"],"mappings":"AAAO,SAASA,EAAc,EAAE,MAAAC,GAAM,OAAAC,GAAO,aAAAC,GAAa,QAAAC,EAAA,IAAgB,IAAS;AACjF,SAAAH,IAAOA,KAAQ,GACfC,IAAQA,KAAS,IACjBC,IAAcA,KAAeC,GAEtB;AAAA,IACL,WAAW,KAAK,MAAMH,IAAOC,CAAK;AAAA,IAClC,UAAUA;AAAA,IACV,WAAW,KAAK,KAAKC,IAAcD,CAAK;AAAA,EAAA;AAE5C;"}
@@ -1 +1 @@
1
- {"version":3,"file":"stopPropagationWrapper.js","sources":["../../src/utils/stopPropagationWrapper.ts"],"sourcesContent":["export const stopPropagationWrapper = (fn: Function) => (event: any) => {\n event.stopPropagation();\n fn();\n};\n"],"names":["stopPropagationWrapper","fn","event"],"mappings":"AAAO,MAAMA,IAAyB,CAACC,MAAiB,CAACC,MAAe;AACtE,EAAAA,EAAM,gBAAgB,GACnBD,EAAA;AACL;"}
1
+ {"version":3,"file":"stopPropagationWrapper.js","sources":["../../src/utils/stopPropagationWrapper.ts"],"sourcesContent":["export const stopPropagationWrapper = (fn: Function) => (event: any) => {\n event.stopPropagation();\n fn();\n};\n"],"names":["stopPropagationWrapper","fn","event"],"mappings":"AAAO,MAAMA,IAAyB,CAACC,MAAiB,CAACC,MAAe;AACtE,EAAAA,EAAM,gBAAA,GACND,EAAA;AACF;"}
package/package.json CHANGED
@@ -1,19 +1,19 @@
1
1
  {
2
2
  "name": "@tsed/react-formio",
3
- "version": "3.0.0-alpha.11",
3
+ "version": "3.0.0-alpha.13",
4
4
  "description": "Provide a react formio wrapper. Written in TypeScript.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "module": "./dist/index.modern.js",
8
8
  "exports": {
9
9
  ".": {
10
- "types": "./dist/index.d.ts",
11
10
  "tsed-source": "./src/index.ts",
11
+ "types": "./dist/index.d.ts",
12
12
  "default": "./dist/index.js"
13
13
  },
14
14
  "./*": {
15
- "types": "./dist/*.d.ts",
16
15
  "tsed-source": "./src/*",
16
+ "types": "./dist/*.d.ts",
17
17
  "default": "./dist/*.js"
18
18
  }
19
19
  },
@@ -44,11 +44,11 @@
44
44
  },
45
45
  "devDependencies": {
46
46
  "@tanstack/react-table": ">=8.20.6",
47
- "@tsed/tailwind-formio": "3.0.0-alpha.11",
48
- "@tsed/typescript": "3.0.0-alpha.11",
47
+ "@tsed/tailwind-formio": "3.0.0-alpha.13",
48
+ "@tsed/typescript": "3.0.0-alpha.13",
49
49
  "microbundle": "0.13.0",
50
- "vite": "5.4.11",
51
- "vitest": "2.1.8"
50
+ "vite": "7.1.5",
51
+ "vitest": "3.2.4"
52
52
  },
53
53
  "repository": "https://github.com/tsedio/tsed-formio",
54
54
  "bugs": {
package/src/all.ts ADDED
@@ -0,0 +1,34 @@
1
+ import "./atoms/icon/Icon";
2
+ import "./molecules/tabs/Tab";
3
+ import "./molecules/tabs/TabList";
4
+ import "./molecules/tabs/TabPanel";
5
+ import "./molecules/tabs/Tabs";
6
+ import "./molecules/tabs/TabsBody";
7
+ import "./molecules/button/Button";
8
+ import "./molecules/forms/input-text/InputText";
9
+ import "./molecules/forms/select/Select";
10
+ import "./molecules/forms/select/components/HtmlSelect";
11
+ import "./molecules/forms/select/components/ChoicesSelect";
12
+ import "./molecules/forms/select/components/ReactSelect";
13
+ import "./molecules/forms/input-tags/InputTags";
14
+ import "./molecules/forms/input-tags/components/ReactTags";
15
+ import "./molecules/forms/input-tags/components/ChoicesTags";
16
+ import "./molecules/pagination/Pagination";
17
+ import "./molecules/pagination/PaginationButton";
18
+ import "./organisms/form/builder/FormBuilder";
19
+ import "./organisms/form/builder/FormEdit";
20
+ import "./organisms/form/builder/FormEditCtas";
21
+ import "./organisms/form/builder/FormParameters";
22
+ import "./organisms/form/builder/useFormBuilder";
23
+ import "./organisms/form/builder/useFormEdit";
24
+ import "./molecules/forms/input-tags/InputTags.interface";
25
+ import "./molecules/table/components/DefaultFilter";
26
+ import "./molecules/table/components/DefaultArrowSort";
27
+ import "./molecules/table/components/DefaultCell";
28
+ import "./molecules/table/components/DefaultCellOperations";
29
+ import "./molecules/table/components/DefaultOperationButton";
30
+ import "./molecules/table/components/DefaultCellHeader";
31
+ import "./molecules/table/components/DefaultCellFooter";
32
+ import "./molecules/table/filters/TextFieldFilter";
33
+ import "./molecules/table/filters/SelectFilter";
34
+ import "./molecules/table/filters/RangeFilter";
@@ -1,4 +1,4 @@
1
- import { Meta, StoryObj } from "@storybook/react";
1
+ import { Meta, StoryObj } from "@storybook/react-vite";
2
2
  import Template from "@tsed/tailwind-formio";
3
3
 
4
4
  import { Icon } from "./Icon";