@cratis/components 1.10.2 → 2.0.0

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 (319) hide show
  1. package/README.md +475 -4
  2. package/dist/cjs/CommandDialog/CommandDialog.js +94 -4
  3. package/dist/cjs/CommandDialog/CommandDialog.js.map +1 -1
  4. package/dist/cjs/CommandDialog/CommandStepper.js +63 -3
  5. package/dist/cjs/CommandDialog/CommandStepper.js.map +1 -1
  6. package/dist/cjs/CommandDialog/StepperCommandDialog.js +90 -4
  7. package/dist/cjs/CommandDialog/StepperCommandDialog.js.map +1 -1
  8. package/dist/cjs/CommandForm/fields/CalendarField.js +14 -1
  9. package/dist/cjs/CommandForm/fields/CalendarField.js.map +1 -1
  10. package/dist/cjs/CommandForm/fields/CheckboxField.js +10 -1
  11. package/dist/cjs/CommandForm/fields/CheckboxField.js.map +1 -1
  12. package/dist/cjs/CommandForm/fields/ChipsField.js +11 -1
  13. package/dist/cjs/CommandForm/fields/ChipsField.js.map +1 -1
  14. package/dist/cjs/CommandForm/fields/ColorPickerField.js +17 -1
  15. package/dist/cjs/CommandForm/fields/ColorPickerField.js.map +1 -1
  16. package/dist/cjs/CommandForm/fields/DropdownField.js +16 -1
  17. package/dist/cjs/CommandForm/fields/DropdownField.js.map +1 -1
  18. package/dist/cjs/CommandForm/fields/InputTextField.js +41 -1
  19. package/dist/cjs/CommandForm/fields/InputTextField.js.map +1 -1
  20. package/dist/cjs/CommandForm/fields/MultiSelectField.js +13 -1
  21. package/dist/cjs/CommandForm/fields/MultiSelectField.js.map +1 -1
  22. package/dist/cjs/CommandForm/fields/NumberField.js +11 -1
  23. package/dist/cjs/CommandForm/fields/NumberField.js.map +1 -1
  24. package/dist/cjs/CommandForm/fields/RadioButtonField.js +11 -1
  25. package/dist/cjs/CommandForm/fields/RadioButtonField.js.map +1 -1
  26. package/dist/cjs/CommandForm/fields/RadioGroupField.js +22 -2
  27. package/dist/cjs/CommandForm/fields/RadioGroupField.js.map +1 -1
  28. package/dist/cjs/CommandForm/fields/SliderField.js +10 -1
  29. package/dist/cjs/CommandForm/fields/SliderField.js.map +1 -1
  30. package/dist/cjs/CommandForm/fields/TextAreaField.js +12 -1
  31. package/dist/cjs/CommandForm/fields/TextAreaField.js.map +1 -1
  32. package/dist/cjs/Common/CratisComponentsProvider.js +44 -0
  33. package/dist/cjs/Common/CratisComponentsProvider.js.map +1 -0
  34. package/dist/cjs/Common/ErrorBoundary.js +32 -0
  35. package/dist/cjs/Common/ErrorBoundary.js.map +1 -1
  36. package/dist/cjs/Common/FormElement.css +26 -0
  37. package/dist/cjs/Common/FormElement.js +14 -1
  38. package/dist/cjs/Common/FormElement.js.map +1 -1
  39. package/dist/cjs/Common/Page.js +13 -0
  40. package/dist/cjs/Common/Page.js.map +1 -1
  41. package/dist/cjs/Common/Tooltip.css +3 -3
  42. package/dist/cjs/Common/index.js +4 -0
  43. package/dist/cjs/Common/index.js.map +1 -1
  44. package/dist/cjs/DataPage/DataPage.js +104 -6
  45. package/dist/cjs/DataPage/DataPage.js.map +1 -1
  46. package/dist/cjs/DataTables/DataTableForObservableQuery.js +65 -6
  47. package/dist/cjs/DataTables/DataTableForObservableQuery.js.map +1 -1
  48. package/dist/cjs/DataTables/DataTableForQuery.js +62 -6
  49. package/dist/cjs/DataTables/DataTableForQuery.js.map +1 -1
  50. package/dist/cjs/Dialogs/BusyIndicatorDialog.js +47 -0
  51. package/dist/cjs/Dialogs/BusyIndicatorDialog.js.map +1 -1
  52. package/dist/cjs/Dialogs/Dialog.js +74 -2
  53. package/dist/cjs/Dialogs/Dialog.js.map +1 -1
  54. package/dist/cjs/Dropdown/Dropdown.js +13 -0
  55. package/dist/cjs/Dropdown/Dropdown.js.map +1 -1
  56. package/dist/cjs/ObjectContentEditor/ObjectContentEditor.js +37 -21
  57. package/dist/cjs/ObjectContentEditor/ObjectContentEditor.js.map +1 -1
  58. package/dist/cjs/ObjectNavigationalBar/ObjectNavigationalBar.css +6 -0
  59. package/dist/cjs/ObjectNavigationalBar/ObjectNavigationalBar.js +14 -2
  60. package/dist/cjs/ObjectNavigationalBar/ObjectNavigationalBar.js.map +1 -1
  61. package/dist/cjs/PivotViewer/PivotViewer.css +130 -130
  62. package/dist/cjs/PivotViewer/PivotViewer.js +19 -0
  63. package/dist/cjs/PivotViewer/PivotViewer.js.map +1 -1
  64. package/dist/cjs/PivotViewer/components/Spinner.css +8 -8
  65. package/dist/cjs/SchemaEditor/NameCell.js +2 -2
  66. package/dist/cjs/SchemaEditor/NameCell.js.map +1 -1
  67. package/dist/cjs/SchemaEditor/SchemaEditor.js +15 -3
  68. package/dist/cjs/SchemaEditor/SchemaEditor.js.map +1 -1
  69. package/dist/cjs/SchemaEditor/SchemaEditor.module.css +5 -1
  70. package/dist/cjs/SchemaEditor/TypeCell.js +3 -3
  71. package/dist/cjs/SchemaEditor/TypeCell.js.map +1 -1
  72. package/dist/cjs/TimeMachine/EventsView.js +13 -2
  73. package/dist/cjs/TimeMachine/EventsView.js.map +1 -1
  74. package/dist/cjs/TimeMachine/ReadModelView.js +10 -0
  75. package/dist/cjs/TimeMachine/ReadModelView.js.map +1 -1
  76. package/dist/cjs/Toolbar/Toolbar.css +34 -17
  77. package/dist/cjs/index.js +4 -0
  78. package/dist/cjs/index.js.map +1 -1
  79. package/dist/cjs/tailwind-utilities.css +443 -0
  80. package/dist/cjs/tokens.css +83 -0
  81. package/dist/esm/CommandDialog/CommandDialog.d.ts.map +1 -1
  82. package/dist/esm/CommandDialog/CommandDialog.js +94 -4
  83. package/dist/esm/CommandDialog/CommandDialog.js.map +1 -1
  84. package/dist/esm/CommandDialog/CommandStepper.d.ts.map +1 -1
  85. package/dist/esm/CommandDialog/CommandStepper.js +63 -3
  86. package/dist/esm/CommandDialog/CommandStepper.js.map +1 -1
  87. package/dist/esm/CommandDialog/StepperCommandDialog.d.ts +4 -0
  88. package/dist/esm/CommandDialog/StepperCommandDialog.d.ts.map +1 -1
  89. package/dist/esm/CommandDialog/StepperCommandDialog.js +90 -4
  90. package/dist/esm/CommandDialog/StepperCommandDialog.js.map +1 -1
  91. package/dist/esm/CommandForm/fields/CalendarField.d.ts +5 -0
  92. package/dist/esm/CommandForm/fields/CalendarField.d.ts.map +1 -1
  93. package/dist/esm/CommandForm/fields/CalendarField.js +14 -1
  94. package/dist/esm/CommandForm/fields/CalendarField.js.map +1 -1
  95. package/dist/esm/CommandForm/fields/CheckboxField.d.ts +5 -0
  96. package/dist/esm/CommandForm/fields/CheckboxField.d.ts.map +1 -1
  97. package/dist/esm/CommandForm/fields/CheckboxField.js +10 -1
  98. package/dist/esm/CommandForm/fields/CheckboxField.js.map +1 -1
  99. package/dist/esm/CommandForm/fields/ChipsField.d.ts +5 -0
  100. package/dist/esm/CommandForm/fields/ChipsField.d.ts.map +1 -1
  101. package/dist/esm/CommandForm/fields/ChipsField.js +11 -1
  102. package/dist/esm/CommandForm/fields/ChipsField.js.map +1 -1
  103. package/dist/esm/CommandForm/fields/ColorPickerField.d.ts +5 -0
  104. package/dist/esm/CommandForm/fields/ColorPickerField.d.ts.map +1 -1
  105. package/dist/esm/CommandForm/fields/ColorPickerField.js +17 -1
  106. package/dist/esm/CommandForm/fields/ColorPickerField.js.map +1 -1
  107. package/dist/esm/CommandForm/fields/DropdownField.d.ts +5 -0
  108. package/dist/esm/CommandForm/fields/DropdownField.d.ts.map +1 -1
  109. package/dist/esm/CommandForm/fields/DropdownField.js +16 -1
  110. package/dist/esm/CommandForm/fields/DropdownField.js.map +1 -1
  111. package/dist/esm/CommandForm/fields/InputTextField.d.ts +5 -0
  112. package/dist/esm/CommandForm/fields/InputTextField.d.ts.map +1 -1
  113. package/dist/esm/CommandForm/fields/InputTextField.js +41 -1
  114. package/dist/esm/CommandForm/fields/InputTextField.js.map +1 -1
  115. package/dist/esm/CommandForm/fields/MultiSelectField.d.ts +5 -0
  116. package/dist/esm/CommandForm/fields/MultiSelectField.d.ts.map +1 -1
  117. package/dist/esm/CommandForm/fields/MultiSelectField.js +13 -1
  118. package/dist/esm/CommandForm/fields/MultiSelectField.js.map +1 -1
  119. package/dist/esm/CommandForm/fields/NumberField.d.ts +5 -0
  120. package/dist/esm/CommandForm/fields/NumberField.d.ts.map +1 -1
  121. package/dist/esm/CommandForm/fields/NumberField.js +11 -1
  122. package/dist/esm/CommandForm/fields/NumberField.js.map +1 -1
  123. package/dist/esm/CommandForm/fields/RadioButtonField.d.ts +5 -0
  124. package/dist/esm/CommandForm/fields/RadioButtonField.d.ts.map +1 -1
  125. package/dist/esm/CommandForm/fields/RadioButtonField.js +11 -1
  126. package/dist/esm/CommandForm/fields/RadioButtonField.js.map +1 -1
  127. package/dist/esm/CommandForm/fields/RadioGroupField.d.ts +5 -0
  128. package/dist/esm/CommandForm/fields/RadioGroupField.d.ts.map +1 -1
  129. package/dist/esm/CommandForm/fields/RadioGroupField.js +22 -2
  130. package/dist/esm/CommandForm/fields/RadioGroupField.js.map +1 -1
  131. package/dist/esm/CommandForm/fields/SliderField.d.ts +5 -0
  132. package/dist/esm/CommandForm/fields/SliderField.d.ts.map +1 -1
  133. package/dist/esm/CommandForm/fields/SliderField.js +10 -1
  134. package/dist/esm/CommandForm/fields/SliderField.js.map +1 -1
  135. package/dist/esm/CommandForm/fields/TextAreaField.d.ts +5 -0
  136. package/dist/esm/CommandForm/fields/TextAreaField.d.ts.map +1 -1
  137. package/dist/esm/CommandForm/fields/TextAreaField.js +12 -1
  138. package/dist/esm/CommandForm/fields/TextAreaField.js.map +1 -1
  139. package/dist/esm/Common/CratisComponentsProvider.d.ts +11 -0
  140. package/dist/esm/Common/CratisComponentsProvider.d.ts.map +1 -0
  141. package/dist/esm/Common/CratisComponentsProvider.js +40 -0
  142. package/dist/esm/Common/CratisComponentsProvider.js.map +1 -0
  143. package/dist/esm/Common/ErrorBoundary.d.ts.map +1 -1
  144. package/dist/esm/Common/ErrorBoundary.js +32 -0
  145. package/dist/esm/Common/ErrorBoundary.js.map +1 -1
  146. package/dist/esm/Common/FormElement.css +26 -0
  147. package/dist/esm/Common/FormElement.d.ts +1 -0
  148. package/dist/esm/Common/FormElement.d.ts.map +1 -1
  149. package/dist/esm/Common/FormElement.js +14 -1
  150. package/dist/esm/Common/FormElement.js.map +1 -1
  151. package/dist/esm/Common/Page.d.ts.map +1 -1
  152. package/dist/esm/Common/Page.js +13 -0
  153. package/dist/esm/Common/Page.js.map +1 -1
  154. package/dist/esm/Common/Tooltip.css +3 -3
  155. package/dist/esm/Common/index.d.ts +1 -0
  156. package/dist/esm/Common/index.d.ts.map +1 -1
  157. package/dist/esm/Common/index.js +1 -0
  158. package/dist/esm/Common/index.js.map +1 -1
  159. package/dist/esm/DataPage/DataPage.d.ts +12 -3
  160. package/dist/esm/DataPage/DataPage.d.ts.map +1 -1
  161. package/dist/esm/DataPage/DataPage.js +104 -6
  162. package/dist/esm/DataPage/DataPage.js.map +1 -1
  163. package/dist/esm/DataTables/DataTableForObservableQuery.d.ts +9 -1
  164. package/dist/esm/DataTables/DataTableForObservableQuery.d.ts.map +1 -1
  165. package/dist/esm/DataTables/DataTableForObservableQuery.js +65 -6
  166. package/dist/esm/DataTables/DataTableForObservableQuery.js.map +1 -1
  167. package/dist/esm/DataTables/DataTableForQuery.d.ts +9 -1
  168. package/dist/esm/DataTables/DataTableForQuery.d.ts.map +1 -1
  169. package/dist/esm/DataTables/DataTableForQuery.js +62 -6
  170. package/dist/esm/DataTables/DataTableForQuery.js.map +1 -1
  171. package/dist/esm/Dialogs/BusyIndicatorDialog.d.ts.map +1 -1
  172. package/dist/esm/Dialogs/BusyIndicatorDialog.js +47 -0
  173. package/dist/esm/Dialogs/BusyIndicatorDialog.js.map +1 -1
  174. package/dist/esm/Dialogs/Dialog.d.ts +5 -1
  175. package/dist/esm/Dialogs/Dialog.d.ts.map +1 -1
  176. package/dist/esm/Dialogs/Dialog.js +74 -2
  177. package/dist/esm/Dialogs/Dialog.js.map +1 -1
  178. package/dist/esm/Dropdown/Dropdown.d.ts.map +1 -1
  179. package/dist/esm/Dropdown/Dropdown.js +13 -0
  180. package/dist/esm/Dropdown/Dropdown.js.map +1 -1
  181. package/dist/esm/ObjectContentEditor/ObjectContentEditor.d.ts +2 -1
  182. package/dist/esm/ObjectContentEditor/ObjectContentEditor.d.ts.map +1 -1
  183. package/dist/esm/ObjectContentEditor/ObjectContentEditor.js +37 -21
  184. package/dist/esm/ObjectContentEditor/ObjectContentEditor.js.map +1 -1
  185. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.css +6 -0
  186. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.d.ts +3 -1
  187. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.d.ts.map +1 -1
  188. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.js +14 -2
  189. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.js.map +1 -1
  190. package/dist/esm/PivotViewer/PivotViewer.css +130 -130
  191. package/dist/esm/PivotViewer/PivotViewer.d.ts.map +1 -1
  192. package/dist/esm/PivotViewer/PivotViewer.js +19 -0
  193. package/dist/esm/PivotViewer/PivotViewer.js.map +1 -1
  194. package/dist/esm/PivotViewer/components/Spinner.css +8 -8
  195. package/dist/esm/SchemaEditor/NameCell.d.ts.map +1 -1
  196. package/dist/esm/SchemaEditor/NameCell.js +2 -2
  197. package/dist/esm/SchemaEditor/NameCell.js.map +1 -1
  198. package/dist/esm/SchemaEditor/SchemaEditor.d.ts +2 -1
  199. package/dist/esm/SchemaEditor/SchemaEditor.d.ts.map +1 -1
  200. package/dist/esm/SchemaEditor/SchemaEditor.js +15 -3
  201. package/dist/esm/SchemaEditor/SchemaEditor.js.map +1 -1
  202. package/dist/esm/SchemaEditor/SchemaEditor.module.css +5 -1
  203. package/dist/esm/SchemaEditor/TypeCell.d.ts.map +1 -1
  204. package/dist/esm/SchemaEditor/TypeCell.js +3 -3
  205. package/dist/esm/SchemaEditor/TypeCell.js.map +1 -1
  206. package/dist/esm/TimeMachine/EventsView.d.ts +5 -0
  207. package/dist/esm/TimeMachine/EventsView.d.ts.map +1 -1
  208. package/dist/esm/TimeMachine/EventsView.js +13 -2
  209. package/dist/esm/TimeMachine/EventsView.js.map +1 -1
  210. package/dist/esm/TimeMachine/ReadModelView.d.ts.map +1 -1
  211. package/dist/esm/TimeMachine/ReadModelView.js +10 -0
  212. package/dist/esm/TimeMachine/ReadModelView.js.map +1 -1
  213. package/dist/esm/Toolbar/Toolbar.css +34 -17
  214. package/dist/esm/Toolbar/ToolbarFanOutItem.d.ts +1 -1
  215. package/dist/esm/Toolbar/ToolbarFanOutItem.d.ts.map +1 -1
  216. package/dist/esm/index.d.ts +1 -0
  217. package/dist/esm/index.d.ts.map +1 -1
  218. package/dist/esm/index.js +1 -0
  219. package/dist/esm/index.js.map +1 -1
  220. package/dist/esm/tailwind-utilities.css +443 -0
  221. package/dist/esm/tokens.css +83 -0
  222. package/dist/esm/tsconfig.tsbuildinfo +1 -1
  223. package/package.json +53 -18
  224. package/dist/esm/CommandDialog/CommandDialog.stories.d.ts +0 -21
  225. package/dist/esm/CommandDialog/CommandDialog.stories.d.ts.map +0 -1
  226. package/dist/esm/CommandDialog/CommandDialog.stories.js +0 -353
  227. package/dist/esm/CommandDialog/CommandDialog.stories.js.map +0 -1
  228. package/dist/esm/CommandDialog/CommandStepper.stories.d.ts +0 -11
  229. package/dist/esm/CommandDialog/CommandStepper.stories.d.ts.map +0 -1
  230. package/dist/esm/CommandDialog/CommandStepper.stories.js +0 -84
  231. package/dist/esm/CommandDialog/CommandStepper.stories.js.map +0 -1
  232. package/dist/esm/CommandDialog/StepperCommandDialog.stories.d.ts +0 -12
  233. package/dist/esm/CommandDialog/StepperCommandDialog.stories.d.ts.map +0 -1
  234. package/dist/esm/CommandDialog/StepperCommandDialog.stories.js +0 -158
  235. package/dist/esm/CommandDialog/StepperCommandDialog.stories.js.map +0 -1
  236. package/dist/esm/CommandForm/fields/Fields.stories.d.ts +0 -19
  237. package/dist/esm/CommandForm/fields/Fields.stories.d.ts.map +0 -1
  238. package/dist/esm/CommandForm/fields/Fields.stories.js +0 -203
  239. package/dist/esm/CommandForm/fields/Fields.stories.js.map +0 -1
  240. package/dist/esm/Common/ErrorBoundary.stories.d.ts +0 -8
  241. package/dist/esm/Common/ErrorBoundary.stories.d.ts.map +0 -1
  242. package/dist/esm/Common/ErrorBoundary.stories.js +0 -22
  243. package/dist/esm/Common/ErrorBoundary.stories.js.map +0 -1
  244. package/dist/esm/Common/FormElement.stories.d.ts +0 -9
  245. package/dist/esm/Common/FormElement.stories.d.ts.map +0 -1
  246. package/dist/esm/Common/FormElement.stories.js +0 -27
  247. package/dist/esm/Common/FormElement.stories.js.map +0 -1
  248. package/dist/esm/Common/Icon.stories.d.ts +0 -11
  249. package/dist/esm/Common/Icon.stories.d.ts.map +0 -1
  250. package/dist/esm/Common/Icon.stories.js +0 -26
  251. package/dist/esm/Common/Icon.stories.js.map +0 -1
  252. package/dist/esm/Common/Page.stories.d.ts +0 -10
  253. package/dist/esm/Common/Page.stories.d.ts.map +0 -1
  254. package/dist/esm/Common/Page.stories.js +0 -35
  255. package/dist/esm/Common/Page.stories.js.map +0 -1
  256. package/dist/esm/DataPage/DataPage.stories.d.ts +0 -10
  257. package/dist/esm/DataPage/DataPage.stories.d.ts.map +0 -1
  258. package/dist/esm/DataPage/DataPage.stories.js +0 -69
  259. package/dist/esm/DataPage/DataPage.stories.js.map +0 -1
  260. package/dist/esm/DataTables/DataTableForObservableQuery.stories.d.ts +0 -8
  261. package/dist/esm/DataTables/DataTableForObservableQuery.stories.d.ts.map +0 -1
  262. package/dist/esm/DataTables/DataTableForObservableQuery.stories.js +0 -79
  263. package/dist/esm/DataTables/DataTableForObservableQuery.stories.js.map +0 -1
  264. package/dist/esm/DataTables/DataTableForQuery.stories.d.ts +0 -8
  265. package/dist/esm/DataTables/DataTableForQuery.stories.d.ts.map +0 -1
  266. package/dist/esm/DataTables/DataTableForQuery.stories.js +0 -54
  267. package/dist/esm/DataTables/DataTableForQuery.stories.js.map +0 -1
  268. package/dist/esm/Dialogs/BusyIndicatorDialog.stories.d.ts +0 -7
  269. package/dist/esm/Dialogs/BusyIndicatorDialog.stories.d.ts.map +0 -1
  270. package/dist/esm/Dialogs/BusyIndicatorDialog.stories.js +0 -15
  271. package/dist/esm/Dialogs/BusyIndicatorDialog.stories.js.map +0 -1
  272. package/dist/esm/Dialogs/ConfirmationDialog.stories.d.ts +0 -7
  273. package/dist/esm/Dialogs/ConfirmationDialog.stories.d.ts.map +0 -1
  274. package/dist/esm/Dialogs/ConfirmationDialog.stories.js +0 -20
  275. package/dist/esm/Dialogs/ConfirmationDialog.stories.js.map +0 -1
  276. package/dist/esm/Dialogs/Dialog.stories.d.ts +0 -13
  277. package/dist/esm/Dialogs/Dialog.stories.d.ts.map +0 -1
  278. package/dist/esm/Dialogs/Dialog.stories.js +0 -85
  279. package/dist/esm/Dialogs/Dialog.stories.js.map +0 -1
  280. package/dist/esm/ObjectContentEditor/ObjectContentEditor.stories.d.ts +0 -12
  281. package/dist/esm/ObjectContentEditor/ObjectContentEditor.stories.d.ts.map +0 -1
  282. package/dist/esm/ObjectContentEditor/ObjectContentEditor.stories.js +0 -184
  283. package/dist/esm/ObjectContentEditor/ObjectContentEditor.stories.js.map +0 -1
  284. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.stories.d.ts +0 -10
  285. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.stories.d.ts.map +0 -1
  286. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.stories.js +0 -45
  287. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.stories.js.map +0 -1
  288. package/dist/esm/PivotViewer/PivotViewer.stories.d.ts +0 -8
  289. package/dist/esm/PivotViewer/PivotViewer.stories.d.ts.map +0 -1
  290. package/dist/esm/PivotViewer/PivotViewer.stories.js +0 -233
  291. package/dist/esm/PivotViewer/PivotViewer.stories.js.map +0 -1
  292. package/dist/esm/SchemaEditor/SchemaEditor.stories.d.ts +0 -12
  293. package/dist/esm/SchemaEditor/SchemaEditor.stories.d.ts.map +0 -1
  294. package/dist/esm/SchemaEditor/SchemaEditor.stories.js +0 -157
  295. package/dist/esm/SchemaEditor/SchemaEditor.stories.js.map +0 -1
  296. package/dist/esm/TimeMachine/EventsView.stories.d.ts +0 -9
  297. package/dist/esm/TimeMachine/EventsView.stories.d.ts.map +0 -1
  298. package/dist/esm/TimeMachine/EventsView.stories.js +0 -82
  299. package/dist/esm/TimeMachine/EventsView.stories.js.map +0 -1
  300. package/dist/esm/TimeMachine/Properties.stories.d.ts +0 -10
  301. package/dist/esm/TimeMachine/Properties.stories.d.ts.map +0 -1
  302. package/dist/esm/TimeMachine/Properties.stories.js +0 -51
  303. package/dist/esm/TimeMachine/Properties.stories.js.map +0 -1
  304. package/dist/esm/TimeMachine/ReadModelView.stories.d.ts +0 -8
  305. package/dist/esm/TimeMachine/ReadModelView.stories.d.ts.map +0 -1
  306. package/dist/esm/TimeMachine/ReadModelView.stories.js +0 -80
  307. package/dist/esm/TimeMachine/ReadModelView.stories.js.map +0 -1
  308. package/dist/esm/TimeMachine/TimeMachine.stories.d.ts +0 -9
  309. package/dist/esm/TimeMachine/TimeMachine.stories.d.ts.map +0 -1
  310. package/dist/esm/TimeMachine/TimeMachine.stories.js +0 -115
  311. package/dist/esm/TimeMachine/TimeMachine.stories.js.map +0 -1
  312. package/dist/esm/Toolbar/Toolbar.stories.d.ts +0 -26
  313. package/dist/esm/Toolbar/Toolbar.stories.d.ts.map +0 -1
  314. package/dist/esm/Toolbar/Toolbar.stories.js +0 -240
  315. package/dist/esm/Toolbar/Toolbar.stories.js.map +0 -1
  316. package/dist/esm/given.d.ts +0 -5
  317. package/dist/esm/given.d.ts.map +0 -1
  318. package/dist/esm/given.js +0 -7
  319. package/dist/esm/given.js.map +0 -1
@@ -1,84 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from 'react';
3
- import { StepperPanel } from 'primereact/stepperpanel';
4
- import { CommandStepper } from './CommandStepper';
5
- import { Command, CommandResult, CommandValidator } from '@cratis/arc/commands';
6
- import { PropertyDescriptor } from '@cratis/arc/reflection';
7
- import { InputTextField, NumberField, TextAreaField } from '../CommandForm/fields';
8
- import '@cratis/arc/validation';
9
- const meta = {
10
- title: 'CommandDialog/CommandStepper',
11
- component: CommandStepper,
12
- };
13
- export default meta;
14
- class CreateProjectValidator extends CommandValidator {
15
- constructor() {
16
- super();
17
- this.ruleFor((c) => c.name).notEmpty().minLength(2).maxLength(100);
18
- this.ruleFor((c) => c.email).notEmpty().emailAddress();
19
- this.ruleFor((c) => c.description).notEmpty().minLength(10);
20
- this.ruleFor((c) => c.budget).greaterThan(0);
21
- }
22
- }
23
- class CreateProjectCommand extends Command {
24
- route = '/api/projects/create';
25
- validation = new CreateProjectValidator();
26
- propertyDescriptors = [
27
- new PropertyDescriptor('name', String),
28
- new PropertyDescriptor('email', String),
29
- new PropertyDescriptor('description', String),
30
- new PropertyDescriptor('budget', Number),
31
- ];
32
- name = '';
33
- email = '';
34
- description = '';
35
- budget = 0;
36
- constructor() {
37
- super(Object, false);
38
- }
39
- get requestParameters() {
40
- return [];
41
- }
42
- get properties() {
43
- return ['name', 'email', 'description', 'budget'];
44
- }
45
- async validate() {
46
- const errors = this.validation?.validate(this) ?? [];
47
- if (errors.length > 0) {
48
- return CommandResult.validationFailed(errors);
49
- }
50
- return CommandResult.empty;
51
- }
52
- async execute() {
53
- const validation = await this.validate();
54
- if (!validation.isSuccess) {
55
- return validation;
56
- }
57
- return CommandResult.empty;
58
- }
59
- }
60
- export const Default = {
61
- render: () => {
62
- const [result, setResult] = useState('');
63
- return (_jsxs("div", { style: { width: '600px', padding: '1.5rem' }, children: [_jsxs(CommandStepper, { command: CreateProjectCommand, autoServerValidate: false, validateOn: "change", onSuccess: async () => setResult('Command submitted successfully'), children: [_jsxs(StepperPanel, { header: "Basic Info", children: [_jsx(InputTextField, { value: c => c.name, title: "Project Name", placeholder: "Enter project name (min 2 chars)" }), _jsx(InputTextField, { value: c => c.email, title: "Contact Email", placeholder: "Enter contact email", type: "email" })] }), _jsxs(StepperPanel, { header: "Details", children: [_jsx(TextAreaField, { value: c => c.description, title: "Description", placeholder: "Describe the project (min 10 chars)", rows: 4 }), _jsx(NumberField, { value: c => c.budget, title: "Budget", placeholder: "Enter budget (must be > 0)" })] })] }), result && (_jsx("div", { className: "p-2 mt-3 border-round surface-100", style: { border: '1px solid var(--surface-border)' }, children: result }))] }));
64
- },
65
- };
66
- export const InDialogFrame = {
67
- render: () => {
68
- const [result, setResult] = useState('');
69
- return (_jsx("div", { className: "command-stepper-stories-background", children: _jsxs("div", { className: "command-stepper-stories-frame", children: [_jsx("div", { className: "command-stepper-stories-header", children: _jsx("h2", { children: "Create New Project" }) }), _jsxs("div", { className: "command-stepper-stories-content", children: [_jsxs(CommandStepper, { command: CreateProjectCommand, autoServerValidate: false, validateOn: "change", onSuccess: async () => setResult('Project created successfully'), children: [_jsxs(StepperPanel, { header: "Basic Info", children: [_jsx(InputTextField, { value: c => c.name, title: "Project Name", placeholder: "Enter project name (min 2 chars)" }), _jsx(InputTextField, { value: c => c.email, title: "Contact Email", placeholder: "Enter contact email", type: "email" })] }), _jsxs(StepperPanel, { header: "Details", children: [_jsx(TextAreaField, { value: c => c.description, title: "Description", placeholder: "Describe the project (min 10 chars)", rows: 4 }), _jsx(NumberField, { value: c => c.budget, title: "Budget", placeholder: "Enter budget (must be > 0)" })] })] }), result && (_jsx("div", { className: "p-2 mt-3 border-round surface-100", style: { border: '1px solid var(--surface-border)' }, children: result }))] }), _jsxs("div", { className: "command-stepper-stories-footer", children: [_jsx("button", { className: "p-button p-button-secondary", children: "Cancel" }), _jsx("button", { className: "p-button p-button-primary", children: "Create" })] })] }) }));
70
- },
71
- };
72
- export const InDialogFrameWithCenteredHeader = {
73
- render: () => {
74
- const [result, setResult] = useState('');
75
- return (_jsx("div", { className: "command-stepper-stories-background", children: _jsxs("div", { className: "command-stepper-stories-frame", children: [_jsx("div", { className: "command-stepper-stories-header command-stepper-stories-header-centered", children: _jsxs("div", { className: "command-stepper-stories-logo", children: [_jsx("div", { className: "command-stepper-stories-logo-placeholder", children: "LOGO" }), _jsx("p", { className: "command-stepper-stories-subtitle", children: "Complete Your Setup" })] }) }), _jsxs("div", { className: "command-stepper-stories-content", children: [_jsxs(CommandStepper, { command: CreateProjectCommand, autoServerValidate: false, validateOn: "change", validateOnInit: true, nextLabel: "Continue", previousLabel: "Back", onSuccess: async () => setResult('Setup completed'), children: [_jsx(StepperPanel, { header: "Organization", children: _jsx(InputTextField, { value: c => c.name, title: "Organization Name", placeholder: "Enter organization name" }) }), _jsx(StepperPanel, { header: "Contact", children: _jsx(InputTextField, { value: c => c.email, title: "Contact Email", placeholder: "Enter contact email", type: "email" }) }), _jsx(StepperPanel, { header: "Details", children: _jsx(TextAreaField, { value: c => c.description, title: "Description", placeholder: "Describe your organization", rows: 3 }) })] }), result && (_jsx("div", { className: "p-2 mt-3 border-round surface-100", style: { border: '1px solid var(--surface-border)' }, children: result }))] }), _jsxs("div", { className: "command-stepper-stories-footer", children: [_jsx("button", { className: "p-button p-button-secondary", children: "Cancel" }), _jsx("button", { className: "p-button p-button-primary", children: "Complete" })] })] }) }));
76
- },
77
- };
78
- export const WithValidationIndicators = {
79
- render: () => {
80
- const [result, setResult] = useState('');
81
- return (_jsxs("div", { style: { width: '600px', padding: '1.5rem' }, children: [_jsxs(CommandStepper, { command: CreateProjectCommand, autoServerValidate: false, validateOn: "change", validateOnInit: true, nextLabel: "Continue", previousLabel: "Back", okLabel: "Create", onSuccess: async () => setResult('Project created successfully'), children: [_jsxs(StepperPanel, { header: "Basic Info", children: [_jsx(InputTextField, { value: c => c.name, title: "Project Name", placeholder: "Enter project name (min 2 chars)" }), _jsx(InputTextField, { value: c => c.email, title: "Contact Email", placeholder: "Enter contact email", type: "email" })] }), _jsxs(StepperPanel, { header: "Details", children: [_jsx(TextAreaField, { value: c => c.description, title: "Description", placeholder: "Describe the project (min 10 chars)", rows: 4 }), _jsx(NumberField, { value: c => c.budget, title: "Budget", placeholder: "Enter budget (must be > 0)" })] })] }), result && (_jsx("div", { className: "p-2 mt-3 border-round surface-100", style: { border: '1px solid var(--surface-border)' }, children: result }))] }));
82
- },
83
- };
84
- //# sourceMappingURL=CommandStepper.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CommandStepper.stories.js","sourceRoot":"","sources":["../../../CommandDialog/CommandStepper.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,12 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { StepperCommandDialog } from './StepperCommandDialog';
3
- import '@cratis/arc/validation';
4
- declare const meta: Meta<typeof StepperCommandDialog>;
5
- export default meta;
6
- type Story = StoryObj<typeof StepperCommandDialog>;
7
- export declare const Default: Story;
8
- export declare const ThreeSteps: Story;
9
- export declare const WithValidationIndicators: Story;
10
- export declare const WithBusyState: Story;
11
- export declare const WithResponseTypeAndCallbacks: Story;
12
- //# sourceMappingURL=StepperCommandDialog.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StepperCommandDialog.stories.d.ts","sourceRoot":"","sources":["../../../CommandDialog/StepperCommandDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAM9D,OAAO,wBAAwB,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAG3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAwDnD,eAAO,MAAM,OAAO,EAAE,KA0ErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmExB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAyDtC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAuD3B,CAAC;AAGF,eAAO,MAAM,4BAA4B,EAAE,KAkI1C,CAAC"}
@@ -1,158 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from 'react';
3
- import { StepperCommandDialog } from './StepperCommandDialog';
4
- import { Command, CommandResult, CommandValidator } from '@cratis/arc/commands';
5
- import { PropertyDescriptor } from '@cratis/arc/reflection';
6
- import { InputTextField, NumberField, TextAreaField } from '../CommandForm/fields';
7
- import { DialogResult, useDialog, useDialogContext } from '@cratis/arc.react/dialogs';
8
- import { StepperPanel } from 'primereact/stepperpanel';
9
- import '@cratis/arc/validation';
10
- const meta = {
11
- title: 'CommandDialog/StepperCommandDialog',
12
- component: StepperCommandDialog,
13
- };
14
- export default meta;
15
- class CreateProjectValidator extends CommandValidator {
16
- constructor() {
17
- super();
18
- this.ruleFor((c) => c.name).notEmpty().minLength(2).maxLength(100);
19
- this.ruleFor((c) => c.email).notEmpty().emailAddress();
20
- this.ruleFor((c) => c.description).notEmpty().minLength(10);
21
- this.ruleFor((c) => c.budget).greaterThan(0);
22
- }
23
- }
24
- class CreateProjectCommand extends Command {
25
- route = '/api/projects/create';
26
- validation = new CreateProjectValidator();
27
- propertyDescriptors = [
28
- new PropertyDescriptor('name', String),
29
- new PropertyDescriptor('email', String),
30
- new PropertyDescriptor('description', String),
31
- new PropertyDescriptor('budget', Number),
32
- ];
33
- name = '';
34
- email = '';
35
- description = '';
36
- budget = 0;
37
- constructor() {
38
- super(Object, false);
39
- }
40
- get requestParameters() {
41
- return [];
42
- }
43
- get properties() {
44
- return ['name', 'email', 'description', 'budget'];
45
- }
46
- async validate() {
47
- const errors = this.validation?.validate(this) ?? [];
48
- if (errors.length > 0) {
49
- return CommandResult.validationFailed(errors);
50
- }
51
- return CommandResult.empty;
52
- }
53
- }
54
- class SlowCreateProjectCommand extends CreateProjectCommand {
55
- async execute() {
56
- await new Promise(resolve => setTimeout(resolve, 2000));
57
- return CommandResult.empty;
58
- }
59
- }
60
- export const Default = {
61
- render: () => {
62
- const [result, setResult] = useState('');
63
- const CreateProjectDialogComponent = () => {
64
- const { closeDialog } = useDialogContext();
65
- return (_jsxs(StepperCommandDialog, { command: CreateProjectCommand, title: "Create New Project", okLabel: "Create", autoServerValidate: false, onConfirm: async () => closeDialog(DialogResult.Ok), onCancel: () => closeDialog(DialogResult.Cancelled), children: [_jsxs(StepperPanel, { header: "Basic Info", children: [_jsx(InputTextField, { value: c => c.name, title: "Project Name", placeholder: "Enter project name (min 2 chars)" }), _jsx(InputTextField, { value: c => c.email, title: "Contact Email", placeholder: "Enter contact email", type: "email" })] }), _jsxs(StepperPanel, { header: "Details", children: [_jsx(TextAreaField, { value: c => c.description, title: "Description", placeholder: "Describe the project (min 10 chars)", rows: 4 }), _jsx(NumberField, { value: c => c.budget, title: "Budget", placeholder: "Enter budget (must be > 0)" })] })] }));
66
- };
67
- const [CreateProjectDialogWrapper, showCreateProjectDialog] = useDialog(CreateProjectDialogComponent);
68
- return (_jsxs("div", { className: "storybook-wrapper", children: [_jsx("button", { className: "p-button p-component mb-3", onClick: async () => {
69
- const [dialogResult, commandResult] = await showCreateProjectDialog();
70
- if (dialogResult === DialogResult.Ok && commandResult) {
71
- setResult(JSON.stringify(commandResult));
72
- }
73
- else {
74
- setResult('Cancelled');
75
- }
76
- }, children: "Open Dialog" }), result && (_jsxs("div", { className: "p-3 mt-3 bg-green-100 border-round", children: [_jsx("strong", { children: "Result:" }), " ", result] })), _jsx(CreateProjectDialogWrapper, {})] }));
77
- },
78
- };
79
- export const ThreeSteps = {
80
- render: () => {
81
- const [visible, setVisible] = useState(false);
82
- const [result, setResult] = useState('');
83
- return (_jsxs("div", { className: "storybook-wrapper", children: [_jsx("button", { className: "p-button p-component mb-3", onClick: () => {
84
- setVisible(true);
85
- setResult('');
86
- }, children: "Open Three-Step Dialog" }), result && (_jsxs("div", { className: "p-3 mt-3 bg-green-100 border-round", children: [_jsx("strong", { children: "Submitted:" }), " ", result] })), _jsxs(StepperCommandDialog, { command: CreateProjectCommand, visible: visible, title: "Create New Project (3 Steps)", okLabel: "Create", autoServerValidate: false, onConfirm: async () => {
87
- setResult('Project created successfully');
88
- setVisible(false);
89
- }, onCancel: () => setVisible(false), children: [_jsx(StepperPanel, { header: "Contact Info", children: _jsx(InputTextField, { value: c => c.email, title: "Contact Email", placeholder: "Enter contact email", type: "email" }) }), _jsx(StepperPanel, { header: "Project Name", children: _jsx(InputTextField, { value: c => c.name, title: "Project Name", placeholder: "Enter project name (min 2 chars)" }) }), _jsxs(StepperPanel, { header: "Details", children: [_jsx(TextAreaField, { value: c => c.description, title: "Description", placeholder: "Describe the project (min 10 chars)", rows: 4 }), _jsx(NumberField, { value: c => c.budget, title: "Budget", placeholder: "Enter budget (must be > 0)" })] })] })] }));
90
- },
91
- };
92
- export const WithValidationIndicators = {
93
- render: () => {
94
- const [visible, setVisible] = useState(true);
95
- return (_jsxs("div", { className: "storybook-wrapper", children: [_jsxs("p", { className: "mb-3 text-sm text-color-secondary", children: [_jsx("code", { children: "validateOnInit" }), " triggers validation immediately \u2014 step indicators appear on any step whose fields are invalid right from the start."] }), _jsx("button", { className: "p-button p-component mb-3", onClick: () => setVisible(true), children: "Open Dialog" }), _jsxs(StepperCommandDialog, { command: CreateProjectCommand, visible: visible, title: "New Project", okLabel: "Create", autoServerValidate: false, validateOnInit: true, onConfirm: async () => setVisible(false), onCancel: () => setVisible(false), children: [_jsxs(StepperPanel, { header: "Basic Info", children: [_jsx(InputTextField, { value: c => c.name, title: "Project Name", placeholder: "Enter project name (min 2 chars)" }), _jsx(InputTextField, { value: c => c.email, title: "Contact Email", placeholder: "Enter contact email", type: "email" })] }), _jsxs(StepperPanel, { header: "Details", children: [_jsx(TextAreaField, { value: c => c.description, title: "Description", placeholder: "Describe the project (min 10 chars)", rows: 4 }), _jsx(NumberField, { value: c => c.budget, title: "Budget", placeholder: "Enter budget (must be > 0)" })] })] })] }));
96
- },
97
- };
98
- export const WithBusyState = {
99
- render: () => {
100
- const [visible, setVisible] = useState(false);
101
- return (_jsxs("div", { className: "storybook-wrapper", children: [_jsx("p", { className: "mb-3 text-sm text-color-secondary", children: "Simulates a 2-second server delay. Fill all fields and click Submit to see the busy state." }), _jsx("button", { className: "p-button p-component mb-3", onClick: () => setVisible(true), children: "Open Dialog" }), _jsxs(StepperCommandDialog, { command: SlowCreateProjectCommand, visible: visible, title: "Create New Project (Slow)", okLabel: "Create", autoServerValidate: false, onConfirm: async () => setVisible(false), onCancel: () => setVisible(false), children: [_jsxs(StepperPanel, { header: "Basic Info", children: [_jsx(InputTextField, { value: c => c.name, title: "Project Name", placeholder: "Enter project name" }), _jsx(InputTextField, { value: c => c.email, title: "Contact Email", placeholder: "Enter contact email", type: "email" })] }), _jsxs(StepperPanel, { header: "Details", children: [_jsx(TextAreaField, { value: c => c.description, title: "Description", placeholder: "Describe the project", rows: 4 }), _jsx(NumberField, { value: c => c.budget, title: "Budget", placeholder: "Enter budget" })] })] })] }));
102
- },
103
- };
104
- export const WithResponseTypeAndCallbacks = {
105
- render: () => {
106
- const [visible, setVisible] = useState(true);
107
- const [result, setResult] = useState('');
108
- const [error, setError] = useState('');
109
- class CreateProjectWithResponseCommand extends Command {
110
- route = '/api/projects/create';
111
- validation = new CreateProjectValidator();
112
- propertyDescriptors = [
113
- new PropertyDescriptor('name', String),
114
- new PropertyDescriptor('email', String),
115
- new PropertyDescriptor('description', String),
116
- new PropertyDescriptor('budget', Number),
117
- ];
118
- name = '';
119
- email = '';
120
- description = '';
121
- budget = 0;
122
- constructor() {
123
- super(Object, false);
124
- }
125
- get requestParameters() {
126
- return [];
127
- }
128
- get properties() {
129
- return ['name', 'email', 'description', 'budget'];
130
- }
131
- async validate() {
132
- const errors = this.validation?.validate(this) ?? [];
133
- if (errors.length > 0) {
134
- return CommandResult.validationFailed(errors);
135
- }
136
- return CommandResult.empty;
137
- }
138
- async execute() {
139
- await new Promise(resolve => setTimeout(resolve, 500));
140
- return CommandResult.empty;
141
- }
142
- }
143
- return (_jsxs("div", { className: "storybook-wrapper", children: [_jsx("button", { className: "p-button p-component mb-3", onClick: () => {
144
- setResult('');
145
- setError('');
146
- setVisible(true);
147
- }, children: "Open Dialog" }), result && (_jsxs("div", { className: "p-3 mt-3 bg-green-100 border-round", children: [_jsx("strong", { children: "Success:" }), " ", result] })), error && (_jsxs("div", { className: "p-3 mt-3 bg-red-100 border-round", children: [_jsx("strong", { children: "Error:" }), " ", error] })), _jsxs(StepperCommandDialog, { command: CreateProjectWithResponseCommand, visible: visible, title: "Create Project (with Response Type)", okLabel: "Create", autoServerValidate: false, onSuccess: () => {
148
- setResult(`Project created successfully! Response type is fully typed.`);
149
- setVisible(false);
150
- }, onValidationFailure: (validationResults) => {
151
- const errors = validationResults.map(r => r.message).join(', ');
152
- setError(`Validation failed: ${errors}`);
153
- }, onFailed: (commandResult) => {
154
- setError(`Command failed: ${commandResult.exceptionMessages?.join(', ') || 'Unknown error'}`);
155
- }, onCancel: () => setVisible(false), children: [_jsxs(StepperPanel, { header: "Basic Info", children: [_jsx(InputTextField, { value: c => c.name, title: "Project Name", placeholder: "Enter project name" }), _jsx(InputTextField, { value: c => c.email, title: "Contact Email", placeholder: "Enter contact email", type: "email" })] }), _jsxs(StepperPanel, { header: "Details", children: [_jsx(TextAreaField, { value: c => c.description, title: "Description", placeholder: "Describe the project", rows: 4 }), _jsx(NumberField, { value: c => c.budget, title: "Budget", placeholder: "Enter budget" })] })] })] }));
156
- },
157
- };
158
- //# sourceMappingURL=StepperCommandDialog.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StepperCommandDialog.stories.js","sourceRoot":"","sources":["../../../CommandDialog/StepperCommandDialog.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,19 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import '@cratis/arc/validation';
3
- declare const meta: Meta;
4
- export default meta;
5
- type Story = StoryObj;
6
- export declare const AllFields: Story;
7
- export declare const InputTextFieldExample: Story;
8
- export declare const NumberFieldExample: Story;
9
- export declare const TextAreaFieldExample: Story;
10
- export declare const DropdownFieldExample: Story;
11
- export declare const SliderFieldExample: Story;
12
- export declare const CheckboxFieldExample: Story;
13
- export declare const CalendarFieldExample: Story;
14
- export declare const ColorPickerFieldExample: Story;
15
- export declare const MultiSelectFieldExample: Story;
16
- export declare const ChipsFieldExample: Story;
17
- export declare const RadioButtonFieldExample: Story;
18
- export declare const RadioGroupFieldExample: Story;
19
- //# sourceMappingURL=Fields.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Fields.stories.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/Fields.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,wBAAwB,CAAC;AAgBhC,QAAA,MAAM,IAAI,EAAE,IAKX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AA2FtB,eAAO,MAAM,SAAS,EAAE,KA6SvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAkCnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAuBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAqBlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAuBlC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAwBlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAqBlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAmBrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAyBrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA8BrC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAwCpC,CAAC"}
@@ -1,203 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from 'react';
3
- import { CommandForm } from '@cratis/arc.react/commands';
4
- import { Command, CommandValidator } from '@cratis/arc/commands';
5
- import { PropertyDescriptor } from '@cratis/arc/reflection';
6
- import { StoryContainer, StorySection, StoryDivider } from '@cratis/arc.react/stories';
7
- import '@cratis/arc/validation';
8
- import { InputTextField, NumberField, TextAreaField, CheckboxField, SliderField, DropdownField, CalendarField, ColorPickerField, MultiSelectField, ChipsField, RadioButtonField, RadioGroupField } from './index';
9
- const meta = {
10
- title: 'CommandForm/PrimeReact Fields',
11
- parameters: {
12
- layout: 'centered',
13
- },
14
- };
15
- export default meta;
16
- class FormFieldsCommand extends Command {
17
- route = '/api/fields';
18
- validation = new FormFieldsCommandValidator();
19
- propertyDescriptors = [
20
- new PropertyDescriptor('textInput', String),
21
- new PropertyDescriptor('emailInput', String),
22
- new PropertyDescriptor('passwordInput', String),
23
- new PropertyDescriptor('numberInput', Number),
24
- new PropertyDescriptor('textArea', String),
25
- new PropertyDescriptor('checkbox', Boolean),
26
- new PropertyDescriptor('slider', Number),
27
- new PropertyDescriptor('dropdown', String),
28
- new PropertyDescriptor('calendarDate', Date),
29
- new PropertyDescriptor('color', String),
30
- new PropertyDescriptor('multiSelect', Array),
31
- new PropertyDescriptor('chips', Array),
32
- new PropertyDescriptor('radioButton', String),
33
- new PropertyDescriptor('radioGroup', String),
34
- ];
35
- textInput = '';
36
- emailInput = '';
37
- passwordInput = '';
38
- numberInput = 0;
39
- textArea = '';
40
- checkbox = false;
41
- slider = 50;
42
- dropdown = '';
43
- calendarDate = null;
44
- color = '';
45
- multiSelect = [];
46
- chips = [];
47
- radioButton = '';
48
- radioGroup = '';
49
- constructor() {
50
- super(Object, false);
51
- }
52
- get requestParameters() {
53
- return [];
54
- }
55
- get properties() {
56
- return [
57
- 'textInput',
58
- 'emailInput',
59
- 'passwordInput',
60
- 'numberInput',
61
- 'textArea',
62
- 'checkbox',
63
- 'slider',
64
- 'dropdown',
65
- 'calendarDate',
66
- 'color',
67
- 'multiSelect',
68
- 'chips',
69
- 'radioButton',
70
- 'radioGroup'
71
- ];
72
- }
73
- }
74
- class FormFieldsCommandValidator extends CommandValidator {
75
- constructor() {
76
- super();
77
- this.ruleFor(c => c.textInput).notEmpty().minLength(3);
78
- this.ruleFor(c => c.emailInput).notEmpty().emailAddress();
79
- this.ruleFor(c => c.passwordInput).notEmpty().minLength(6);
80
- this.ruleFor(c => c.numberInput).greaterThanOrEqual(1).lessThanOrEqual(100);
81
- this.ruleFor(c => c.dropdown).notEmpty();
82
- }
83
- }
84
- const dropdownOptions = [
85
- { id: 'option1', name: 'Option 1' },
86
- { id: 'option2', name: 'Option 2' },
87
- { id: 'option3', name: 'Option 3' },
88
- { id: 'option4', name: 'Option 4' }
89
- ];
90
- const multiSelectOptions = [
91
- { id: 'feature1', name: 'Feature 1' },
92
- { id: 'feature2', name: 'Feature 2' },
93
- { id: 'feature3', name: 'Feature 3' },
94
- { id: 'feature4', name: 'Feature 4' }
95
- ];
96
- export const AllFields = {
97
- render: () => {
98
- const [validationState, setValidationState] = useState({ errors: {}, canSubmit: false });
99
- return (_jsxs(StoryContainer, { size: "md", asCard: true, children: [_jsx("h1", { children: "PrimeReact Form Fields" }), _jsx("p", { children: "This showcase demonstrates all available PrimeReact-based form fields integrated with CommandForm from @cratis/arc.react." }), _jsx(StoryDivider, {}), _jsxs(CommandForm, { command: FormFieldsCommand, initialValues: {
100
- textInput: '',
101
- emailInput: '',
102
- passwordInput: '',
103
- numberInput: 25,
104
- textArea: '',
105
- checkbox: false,
106
- slider: 50,
107
- dropdown: '',
108
- calendarDate: null,
109
- color: '10b981',
110
- multiSelect: ['feature1', 'feature3'],
111
- chips: ['alpha', 'beta'],
112
- radioButton: '',
113
- radioGroup: '',
114
- }, onFieldChange: async (command, fieldName) => {
115
- const result = await command.validate();
116
- if (!result.isValid) {
117
- const fieldError = result.validationResults.find(v => v.members.includes(fieldName));
118
- if (fieldError) {
119
- setValidationState(prev => ({
120
- errors: { ...prev.errors, [fieldName]: fieldError.message },
121
- canSubmit: false
122
- }));
123
- }
124
- }
125
- else {
126
- setValidationState(prev => {
127
- const { [fieldName]: removed, ...rest } = prev.errors;
128
- return {
129
- errors: rest,
130
- canSubmit: Object.keys(rest).length === 0
131
- };
132
- });
133
- }
134
- }, children: [_jsxs(StorySection, { children: [_jsx("h3", { children: "Text Inputs" }), _jsx(InputTextField, { value: c => c.textInput, title: "Text Input", placeholder: "Enter at least 3 characters", description: "Standard text input field with validation" }), validationState.errors.textInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.textInput })), _jsx(InputTextField, { value: c => c.emailInput, title: "Email Input", type: "email", placeholder: "Enter a valid email address", description: "Email input with email validation" }), validationState.errors.emailInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.emailInput })), _jsx(InputTextField, { value: c => c.passwordInput, title: "Password Input", type: "password", placeholder: "Enter at least 6 characters", description: "Password input field (min 6 characters)" }), validationState.errors.passwordInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.passwordInput }))] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Number Input" }), _jsx(NumberField, { value: c => c.numberInput, title: "Number Field", placeholder: "Enter a number (1-100)", description: "Number input with min/max boundaries", min: 1, max: 100, step: 1 }), validationState.errors.numberInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.numberInput }))] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Text Area" }), _jsx(TextAreaField, { value: c => c.textArea, title: "Text Area Field", placeholder: "Enter a longer text...", description: "Multi-line text input", rows: 5 })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Dropdown" }), _jsx(DropdownField, { value: c => c.dropdown, title: "Dropdown Field", placeholder: "Select an option", description: "PrimeReact dropdown component", options: dropdownOptions, optionValue: "id", optionLabel: "name" }), validationState.errors.dropdown && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.dropdown }))] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Calendar" }), _jsx(CalendarField, { value: c => c.calendarDate, title: "Calendar Field", description: "PrimeReact Calendar component for selecting dates", placeholder: "Select a date", showIcon: true, dateFormat: "mm/dd/yy" })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Color Picker" }), _jsx(ColorPickerField, { value: c => c.color, title: "Color Picker Field", description: "PrimeReact ColorPicker for selecting hex colors" })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "MultiSelect" }), _jsx(MultiSelectField, { value: c => c.multiSelect, title: "MultiSelect Field", description: "PrimeReact MultiSelect for selecting multiple options", placeholder: "Choose one or more features", options: multiSelectOptions, optionValue: "id", optionLabel: "name", display: "chip", filter: true, showClear: true })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Chips" }), _jsx(ChipsField, { value: c => c.chips, title: "Chips Field", description: "PrimeReact Chips for entering multiple text values", placeholder: "Add tags and press Enter", separator: "," })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Slider" }), _jsx(SliderField, { value: c => c.slider, title: "Slider Field", description: "Slider for numeric values", min: 0, max: 100, step: 5 })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Checkbox" }), _jsx(CheckboxField, { value: c => c.checkbox, label: "I agree to the terms and conditions" })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Radio Button" }), _jsx(RadioButtonField, { value: c => c.radioButton, buttonValue: "option1", label: "Option 1" }), _jsx(RadioButtonField, { value: c => c.radioButton, buttonValue: "option2", label: "Option 2" }), _jsx(RadioButtonField, { value: c => c.radioButton, buttonValue: "option3", label: "Option 3" })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Radio Group" }), _jsx(RadioGroupField, { value: c => c.radioGroup, title: "Radio Group Field", description: "Radio buttons from an options array", options: dropdownOptions, optionValue: "id", optionLabel: "name" })] }), _jsx(StoryDivider, {}), _jsxs("div", { style: { marginTop: '1.5rem', display: 'flex', gap: '0.5rem', alignItems: 'center' }, children: [_jsx("button", { type: "submit", disabled: !validationState.canSubmit, className: "p-button p-component", children: "Submit Form" }), !validationState.canSubmit && Object.keys(validationState.errors).length > 0 && (_jsx("span", { style: { color: 'var(--orange-500)', fontSize: '0.875rem' }, children: "Please fix validation errors" }))] })] })] }));
135
- }
136
- };
137
- export const InputTextFieldExample = {
138
- render: () => {
139
- return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "InputTextField" }), _jsx("p", { children: "PrimeReact InputText component wrapped for CommandForm." }), _jsxs(CommandForm, { command: FormFieldsCommand, initialValues: { textInput: '', emailInput: '', passwordInput: '' }, children: [_jsx(InputTextField, { value: c => c.textInput, title: "Standard Text", placeholder: "Type here..." }), _jsx(InputTextField, { value: c => c.emailInput, title: "Email", type: "email", placeholder: "your@email.com" }), _jsx(InputTextField, { value: c => c.passwordInput, title: "Password", type: "password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] })] }));
140
- }
141
- };
142
- export const NumberFieldExample = {
143
- render: () => {
144
- return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "NumberField" }), _jsx("p", { children: "PrimeReact InputNumber component with spinners and constraints." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { numberInput: 42 }, children: _jsx(NumberField, { value: c => c.numberInput, title: "Quantity", placeholder: "Enter a number", min: 0, max: 100, step: 1 }) })] }));
145
- }
146
- };
147
- export const TextAreaFieldExample = {
148
- render: () => {
149
- return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "TextAreaField" }), _jsx("p", { children: "PrimeReact InputTextarea for multi-line text input." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { textArea: '' }, children: _jsx(TextAreaField, { value: c => c.textArea, title: "Description", placeholder: "Enter a detailed description...", rows: 6 }) })] }));
150
- }
151
- };
152
- export const DropdownFieldExample = {
153
- render: () => {
154
- return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "DropdownField" }), _jsx("p", { children: "PrimeReact Dropdown for selecting from a list of options." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { dropdown: '' }, children: _jsx(DropdownField, { value: c => c.dropdown, title: "Select Option", placeholder: "Choose...", options: dropdownOptions, optionValue: "id", optionLabel: "name" }) })] }));
155
- }
156
- };
157
- export const SliderFieldExample = {
158
- render: () => {
159
- return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "SliderField" }), _jsx("p", { children: "PrimeReact Slider for selecting numeric values visually." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { slider: 75 }, children: _jsx(SliderField, { value: c => c.slider, title: "Volume", min: 0, max: 100, step: 5 }) })] }));
160
- }
161
- };
162
- export const CheckboxFieldExample = {
163
- render: () => {
164
- return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "CheckboxField" }), _jsx("p", { children: "PrimeReact Checkbox for boolean values." }), _jsxs(CommandForm, { command: FormFieldsCommand, initialValues: { checkbox: false }, children: [_jsx(CheckboxField, { value: c => c.checkbox, label: "Enable notifications" }), _jsx(CheckboxField, { value: c => c.checkbox, label: "I have read and agree to the terms" })] })] }));
165
- }
166
- };
167
- export const CalendarFieldExample = {
168
- render: () => {
169
- return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "CalendarField" }), _jsx("p", { children: "PrimeReact Calendar for selecting date values." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { calendarDate: null }, children: _jsx(CalendarField, { value: c => c.calendarDate, title: "Start Date", placeholder: "Pick a date", showIcon: true }) })] }));
170
- }
171
- };
172
- export const ColorPickerFieldExample = {
173
- render: () => {
174
- return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "ColorPickerField" }), _jsx("p", { children: "PrimeReact ColorPicker for selecting hex colors." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { color: '0ea5e9' }, children: _jsx(ColorPickerField, { value: c => c.color, title: "Brand Color" }) })] }));
175
- }
176
- };
177
- export const MultiSelectFieldExample = {
178
- render: () => {
179
- return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "MultiSelectField" }), _jsx("p", { children: "PrimeReact MultiSelect for selecting multiple options from a list." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { multiSelect: ['feature2'] }, children: _jsx(MultiSelectField, { value: c => c.multiSelect, title: "Features", placeholder: "Select features", options: multiSelectOptions, optionValue: "id", optionLabel: "name", display: "chip", filter: true }) })] }));
180
- }
181
- };
182
- export const ChipsFieldExample = {
183
- render: () => {
184
- return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "ChipsField" }), _jsx("p", { children: "PrimeReact Chips for entering and managing multiple text values." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { chips: ['urgent'] }, children: _jsx(ChipsField, { value: c => c.chips, title: "Tags", placeholder: "Type a tag and press Enter", addOnBlur: true }) })] }));
185
- }
186
- };
187
- export const RadioButtonFieldExample = {
188
- render: () => {
189
- return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "RadioButtonField" }), _jsx("p", { children: "PrimeReact RadioButton for selecting a single value. Multiple RadioButtonFields bound to the same property form a radio group." }), _jsxs(CommandForm, { command: FormFieldsCommand, initialValues: { radioButton: 'apple' }, children: [_jsx(RadioButtonField, { value: c => c.radioButton, buttonValue: "apple", label: "Apple" }), _jsx(RadioButtonField, { value: c => c.radioButton, buttonValue: "banana", label: "Banana" }), _jsx(RadioButtonField, { value: c => c.radioButton, buttonValue: "cherry", label: "Cherry" })] })] }));
190
- }
191
- };
192
- export const RadioGroupFieldExample = {
193
- render: () => {
194
- const options = [
195
- { id: 'small', name: 'Small' },
196
- { id: 'medium', name: 'Medium' },
197
- { id: 'large', name: 'Large' },
198
- { id: 'xl', name: 'Extra Large' },
199
- ];
200
- return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "RadioGroupField" }), _jsx("p", { children: "PrimeReact RadioButton group rendered from an options array." }), _jsxs(CommandForm, { command: FormFieldsCommand, initialValues: { radioGroup: 'medium' }, children: [_jsx(RadioGroupField, { value: c => c.radioGroup, title: "T-Shirt Size", description: "Select your preferred size", options: options, optionValue: "id", optionLabel: "name" }), _jsx(RadioGroupField, { value: c => c.radioGroup, title: "T-Shirt Size (Horizontal)", description: "Same options laid out horizontally", options: options, optionValue: "id", optionLabel: "name", layout: "horizontal" })] })] }));
201
- }
202
- };
203
- //# sourceMappingURL=Fields.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Fields.stories.js","sourceRoot":"","sources":["../../../../CommandForm/fields/Fields.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { ErrorBoundary } from './ErrorBoundary';
3
- declare const meta: Meta<typeof ErrorBoundary>;
4
- export default meta;
5
- type Story = StoryObj<typeof ErrorBoundary>;
6
- export declare const Default: Story;
7
- export declare const WithError: Story;
8
- //# sourceMappingURL=ErrorBoundary.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ErrorBoundary.stories.d.ts","sourceRoot":"","sources":["../../../Common/ErrorBoundary.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAGpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAuB5C,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC"}