@cratis/components 1.10.1 → 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 (344) 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 +95 -6
  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 +23 -0
  25. package/dist/cjs/CommandForm/fields/RadioButtonField.js.map +1 -0
  26. package/dist/cjs/CommandForm/fields/RadioGroupField.js +40 -0
  27. package/dist/cjs/CommandForm/fields/RadioGroupField.js.map +1 -0
  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/CommandForm/index.js +4 -0
  33. package/dist/cjs/CommandForm/index.js.map +1 -1
  34. package/dist/cjs/Common/CratisComponentsProvider.js +44 -0
  35. package/dist/cjs/Common/CratisComponentsProvider.js.map +1 -0
  36. package/dist/cjs/Common/ErrorBoundary.js +32 -0
  37. package/dist/cjs/Common/ErrorBoundary.js.map +1 -1
  38. package/dist/cjs/Common/FormElement.css +26 -0
  39. package/dist/cjs/Common/FormElement.js +14 -1
  40. package/dist/cjs/Common/FormElement.js.map +1 -1
  41. package/dist/cjs/Common/Page.js +13 -0
  42. package/dist/cjs/Common/Page.js.map +1 -1
  43. package/dist/cjs/Common/Tooltip.css +3 -3
  44. package/dist/cjs/Common/index.js +4 -0
  45. package/dist/cjs/Common/index.js.map +1 -1
  46. package/dist/cjs/DataPage/DataPage.js +113 -8
  47. package/dist/cjs/DataPage/DataPage.js.map +1 -1
  48. package/dist/cjs/DataTables/DataTableForObservableQuery.js +65 -6
  49. package/dist/cjs/DataTables/DataTableForObservableQuery.js.map +1 -1
  50. package/dist/cjs/DataTables/DataTableForQuery.js +62 -6
  51. package/dist/cjs/DataTables/DataTableForQuery.js.map +1 -1
  52. package/dist/cjs/Dialogs/BusyIndicatorDialog.js +47 -0
  53. package/dist/cjs/Dialogs/BusyIndicatorDialog.js.map +1 -1
  54. package/dist/cjs/Dialogs/Dialog.js +79 -6
  55. package/dist/cjs/Dialogs/Dialog.js.map +1 -1
  56. package/dist/cjs/Dropdown/Dropdown.js +13 -0
  57. package/dist/cjs/Dropdown/Dropdown.js.map +1 -1
  58. package/dist/cjs/ObjectContentEditor/ObjectContentEditor.js +37 -21
  59. package/dist/cjs/ObjectContentEditor/ObjectContentEditor.js.map +1 -1
  60. package/dist/cjs/ObjectNavigationalBar/ObjectNavigationalBar.css +6 -0
  61. package/dist/cjs/ObjectNavigationalBar/ObjectNavigationalBar.js +14 -2
  62. package/dist/cjs/ObjectNavigationalBar/ObjectNavigationalBar.js.map +1 -1
  63. package/dist/cjs/PivotViewer/PivotViewer.css +131 -134
  64. package/dist/cjs/PivotViewer/PivotViewer.js +19 -0
  65. package/dist/cjs/PivotViewer/PivotViewer.js.map +1 -1
  66. package/dist/cjs/PivotViewer/components/Spinner.css +8 -8
  67. package/dist/cjs/SchemaEditor/NameCell.js +2 -2
  68. package/dist/cjs/SchemaEditor/NameCell.js.map +1 -1
  69. package/dist/cjs/SchemaEditor/SchemaEditor.js +15 -3
  70. package/dist/cjs/SchemaEditor/SchemaEditor.js.map +1 -1
  71. package/dist/cjs/SchemaEditor/SchemaEditor.module.css +5 -1
  72. package/dist/cjs/SchemaEditor/TypeCell.js +3 -3
  73. package/dist/cjs/SchemaEditor/TypeCell.js.map +1 -1
  74. package/dist/cjs/TimeMachine/EventsView.css +17 -17
  75. package/dist/cjs/TimeMachine/EventsView.js +13 -2
  76. package/dist/cjs/TimeMachine/EventsView.js.map +1 -1
  77. package/dist/cjs/TimeMachine/Properties.css +57 -0
  78. package/dist/cjs/TimeMachine/Properties.js +9 -28
  79. package/dist/cjs/TimeMachine/Properties.js.map +1 -1
  80. package/dist/cjs/TimeMachine/ReadModelView.js +10 -0
  81. package/dist/cjs/TimeMachine/ReadModelView.js.map +1 -1
  82. package/dist/cjs/TimeMachine/TimeMachine.css +38 -18
  83. package/dist/cjs/Toolbar/Toolbar.css +34 -17
  84. package/dist/cjs/Toolbar/ToolbarLayout.js +19 -20
  85. package/dist/cjs/Toolbar/ToolbarLayout.js.map +1 -1
  86. package/dist/cjs/index.js +4 -0
  87. package/dist/cjs/index.js.map +1 -1
  88. package/dist/cjs/tailwind-utilities.css +444 -7
  89. package/dist/cjs/tokens.css +83 -0
  90. package/dist/esm/CommandDialog/CommandDialog.d.ts.map +1 -1
  91. package/dist/esm/CommandDialog/CommandDialog.js +94 -4
  92. package/dist/esm/CommandDialog/CommandDialog.js.map +1 -1
  93. package/dist/esm/CommandDialog/CommandStepper.d.ts.map +1 -1
  94. package/dist/esm/CommandDialog/CommandStepper.js +63 -3
  95. package/dist/esm/CommandDialog/CommandStepper.js.map +1 -1
  96. package/dist/esm/CommandDialog/StepperCommandDialog.d.ts +4 -0
  97. package/dist/esm/CommandDialog/StepperCommandDialog.d.ts.map +1 -1
  98. package/dist/esm/CommandDialog/StepperCommandDialog.js +95 -6
  99. package/dist/esm/CommandDialog/StepperCommandDialog.js.map +1 -1
  100. package/dist/esm/CommandForm/fields/CalendarField.d.ts +5 -0
  101. package/dist/esm/CommandForm/fields/CalendarField.d.ts.map +1 -1
  102. package/dist/esm/CommandForm/fields/CalendarField.js +14 -1
  103. package/dist/esm/CommandForm/fields/CalendarField.js.map +1 -1
  104. package/dist/esm/CommandForm/fields/CheckboxField.d.ts +5 -0
  105. package/dist/esm/CommandForm/fields/CheckboxField.d.ts.map +1 -1
  106. package/dist/esm/CommandForm/fields/CheckboxField.js +10 -1
  107. package/dist/esm/CommandForm/fields/CheckboxField.js.map +1 -1
  108. package/dist/esm/CommandForm/fields/ChipsField.d.ts +5 -0
  109. package/dist/esm/CommandForm/fields/ChipsField.d.ts.map +1 -1
  110. package/dist/esm/CommandForm/fields/ChipsField.js +11 -1
  111. package/dist/esm/CommandForm/fields/ChipsField.js.map +1 -1
  112. package/dist/esm/CommandForm/fields/ColorPickerField.d.ts +5 -0
  113. package/dist/esm/CommandForm/fields/ColorPickerField.d.ts.map +1 -1
  114. package/dist/esm/CommandForm/fields/ColorPickerField.js +17 -1
  115. package/dist/esm/CommandForm/fields/ColorPickerField.js.map +1 -1
  116. package/dist/esm/CommandForm/fields/DropdownField.d.ts +5 -0
  117. package/dist/esm/CommandForm/fields/DropdownField.d.ts.map +1 -1
  118. package/dist/esm/CommandForm/fields/DropdownField.js +16 -1
  119. package/dist/esm/CommandForm/fields/DropdownField.js.map +1 -1
  120. package/dist/esm/CommandForm/fields/InputTextField.d.ts +5 -0
  121. package/dist/esm/CommandForm/fields/InputTextField.d.ts.map +1 -1
  122. package/dist/esm/CommandForm/fields/InputTextField.js +41 -1
  123. package/dist/esm/CommandForm/fields/InputTextField.js.map +1 -1
  124. package/dist/esm/CommandForm/fields/MultiSelectField.d.ts +5 -0
  125. package/dist/esm/CommandForm/fields/MultiSelectField.d.ts.map +1 -1
  126. package/dist/esm/CommandForm/fields/MultiSelectField.js +13 -1
  127. package/dist/esm/CommandForm/fields/MultiSelectField.js.map +1 -1
  128. package/dist/esm/CommandForm/fields/NumberField.d.ts +5 -0
  129. package/dist/esm/CommandForm/fields/NumberField.d.ts.map +1 -1
  130. package/dist/esm/CommandForm/fields/NumberField.js +11 -1
  131. package/dist/esm/CommandForm/fields/NumberField.js.map +1 -1
  132. package/dist/esm/CommandForm/fields/RadioButtonField.d.ts +17 -0
  133. package/dist/esm/CommandForm/fields/RadioButtonField.d.ts.map +1 -0
  134. package/dist/esm/CommandForm/fields/RadioButtonField.js +21 -0
  135. package/dist/esm/CommandForm/fields/RadioButtonField.js.map +1 -0
  136. package/dist/esm/CommandForm/fields/RadioGroupField.d.ts +19 -0
  137. package/dist/esm/CommandForm/fields/RadioGroupField.d.ts.map +1 -0
  138. package/dist/esm/CommandForm/fields/RadioGroupField.js +38 -0
  139. package/dist/esm/CommandForm/fields/RadioGroupField.js.map +1 -0
  140. package/dist/esm/CommandForm/fields/SliderField.d.ts +5 -0
  141. package/dist/esm/CommandForm/fields/SliderField.d.ts.map +1 -1
  142. package/dist/esm/CommandForm/fields/SliderField.js +10 -1
  143. package/dist/esm/CommandForm/fields/SliderField.js.map +1 -1
  144. package/dist/esm/CommandForm/fields/TextAreaField.d.ts +5 -0
  145. package/dist/esm/CommandForm/fields/TextAreaField.d.ts.map +1 -1
  146. package/dist/esm/CommandForm/fields/TextAreaField.js +12 -1
  147. package/dist/esm/CommandForm/fields/TextAreaField.js.map +1 -1
  148. package/dist/esm/CommandForm/fields/index.d.ts +2 -0
  149. package/dist/esm/CommandForm/fields/index.d.ts.map +1 -1
  150. package/dist/esm/CommandForm/fields/index.js +2 -0
  151. package/dist/esm/CommandForm/fields/index.js.map +1 -1
  152. package/dist/esm/CommandForm/index.js +2 -0
  153. package/dist/esm/CommandForm/index.js.map +1 -1
  154. package/dist/esm/Common/CratisComponentsProvider.d.ts +11 -0
  155. package/dist/esm/Common/CratisComponentsProvider.d.ts.map +1 -0
  156. package/dist/esm/Common/CratisComponentsProvider.js +40 -0
  157. package/dist/esm/Common/CratisComponentsProvider.js.map +1 -0
  158. package/dist/esm/Common/ErrorBoundary.d.ts.map +1 -1
  159. package/dist/esm/Common/ErrorBoundary.js +32 -0
  160. package/dist/esm/Common/ErrorBoundary.js.map +1 -1
  161. package/dist/esm/Common/FormElement.css +26 -0
  162. package/dist/esm/Common/FormElement.d.ts +1 -0
  163. package/dist/esm/Common/FormElement.d.ts.map +1 -1
  164. package/dist/esm/Common/FormElement.js +14 -1
  165. package/dist/esm/Common/FormElement.js.map +1 -1
  166. package/dist/esm/Common/Page.d.ts.map +1 -1
  167. package/dist/esm/Common/Page.js +13 -0
  168. package/dist/esm/Common/Page.js.map +1 -1
  169. package/dist/esm/Common/Tooltip.css +3 -3
  170. package/dist/esm/Common/index.d.ts +1 -0
  171. package/dist/esm/Common/index.d.ts.map +1 -1
  172. package/dist/esm/Common/index.js +1 -0
  173. package/dist/esm/Common/index.js.map +1 -1
  174. package/dist/esm/DataPage/DataPage.d.ts +12 -3
  175. package/dist/esm/DataPage/DataPage.d.ts.map +1 -1
  176. package/dist/esm/DataPage/DataPage.js +113 -8
  177. package/dist/esm/DataPage/DataPage.js.map +1 -1
  178. package/dist/esm/DataTables/DataTableForObservableQuery.d.ts +9 -1
  179. package/dist/esm/DataTables/DataTableForObservableQuery.d.ts.map +1 -1
  180. package/dist/esm/DataTables/DataTableForObservableQuery.js +65 -6
  181. package/dist/esm/DataTables/DataTableForObservableQuery.js.map +1 -1
  182. package/dist/esm/DataTables/DataTableForQuery.d.ts +9 -1
  183. package/dist/esm/DataTables/DataTableForQuery.d.ts.map +1 -1
  184. package/dist/esm/DataTables/DataTableForQuery.js +62 -6
  185. package/dist/esm/DataTables/DataTableForQuery.js.map +1 -1
  186. package/dist/esm/Dialogs/BusyIndicatorDialog.d.ts.map +1 -1
  187. package/dist/esm/Dialogs/BusyIndicatorDialog.js +47 -0
  188. package/dist/esm/Dialogs/BusyIndicatorDialog.js.map +1 -1
  189. package/dist/esm/Dialogs/Dialog.d.ts +5 -1
  190. package/dist/esm/Dialogs/Dialog.d.ts.map +1 -1
  191. package/dist/esm/Dialogs/Dialog.js +79 -6
  192. package/dist/esm/Dialogs/Dialog.js.map +1 -1
  193. package/dist/esm/Dropdown/Dropdown.d.ts.map +1 -1
  194. package/dist/esm/Dropdown/Dropdown.js +13 -0
  195. package/dist/esm/Dropdown/Dropdown.js.map +1 -1
  196. package/dist/esm/ObjectContentEditor/ObjectContentEditor.d.ts +2 -1
  197. package/dist/esm/ObjectContentEditor/ObjectContentEditor.d.ts.map +1 -1
  198. package/dist/esm/ObjectContentEditor/ObjectContentEditor.js +37 -21
  199. package/dist/esm/ObjectContentEditor/ObjectContentEditor.js.map +1 -1
  200. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.css +6 -0
  201. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.d.ts +3 -1
  202. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.d.ts.map +1 -1
  203. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.js +14 -2
  204. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.js.map +1 -1
  205. package/dist/esm/PivotViewer/PivotViewer.css +131 -134
  206. package/dist/esm/PivotViewer/PivotViewer.d.ts.map +1 -1
  207. package/dist/esm/PivotViewer/PivotViewer.js +19 -0
  208. package/dist/esm/PivotViewer/PivotViewer.js.map +1 -1
  209. package/dist/esm/PivotViewer/components/Spinner.css +8 -8
  210. package/dist/esm/SchemaEditor/NameCell.d.ts.map +1 -1
  211. package/dist/esm/SchemaEditor/NameCell.js +2 -2
  212. package/dist/esm/SchemaEditor/NameCell.js.map +1 -1
  213. package/dist/esm/SchemaEditor/SchemaEditor.d.ts +2 -1
  214. package/dist/esm/SchemaEditor/SchemaEditor.d.ts.map +1 -1
  215. package/dist/esm/SchemaEditor/SchemaEditor.js +15 -3
  216. package/dist/esm/SchemaEditor/SchemaEditor.js.map +1 -1
  217. package/dist/esm/SchemaEditor/SchemaEditor.module.css +5 -1
  218. package/dist/esm/SchemaEditor/TypeCell.d.ts.map +1 -1
  219. package/dist/esm/SchemaEditor/TypeCell.js +3 -3
  220. package/dist/esm/SchemaEditor/TypeCell.js.map +1 -1
  221. package/dist/esm/TimeMachine/EventsView.css +17 -17
  222. package/dist/esm/TimeMachine/EventsView.d.ts +5 -0
  223. package/dist/esm/TimeMachine/EventsView.d.ts.map +1 -1
  224. package/dist/esm/TimeMachine/EventsView.js +13 -2
  225. package/dist/esm/TimeMachine/EventsView.js.map +1 -1
  226. package/dist/esm/TimeMachine/Properties.css +57 -0
  227. package/dist/esm/TimeMachine/Properties.d.ts +1 -0
  228. package/dist/esm/TimeMachine/Properties.d.ts.map +1 -1
  229. package/dist/esm/TimeMachine/Properties.js +9 -28
  230. package/dist/esm/TimeMachine/Properties.js.map +1 -1
  231. package/dist/esm/TimeMachine/ReadModelView.d.ts.map +1 -1
  232. package/dist/esm/TimeMachine/ReadModelView.js +10 -0
  233. package/dist/esm/TimeMachine/ReadModelView.js.map +1 -1
  234. package/dist/esm/TimeMachine/TimeMachine.css +38 -18
  235. package/dist/esm/Toolbar/Toolbar.css +34 -17
  236. package/dist/esm/Toolbar/ToolbarFanOutItem.d.ts +1 -1
  237. package/dist/esm/Toolbar/ToolbarFanOutItem.d.ts.map +1 -1
  238. package/dist/esm/Toolbar/ToolbarLayout.d.ts.map +1 -1
  239. package/dist/esm/Toolbar/ToolbarLayout.js +20 -21
  240. package/dist/esm/Toolbar/ToolbarLayout.js.map +1 -1
  241. package/dist/esm/index.d.ts +1 -0
  242. package/dist/esm/index.d.ts.map +1 -1
  243. package/dist/esm/index.js +1 -0
  244. package/dist/esm/index.js.map +1 -1
  245. package/dist/esm/tailwind-utilities.css +444 -7
  246. package/dist/esm/tokens.css +83 -0
  247. package/dist/esm/tsconfig.tsbuildinfo +1 -1
  248. package/package.json +53 -25
  249. package/dist/esm/CommandDialog/CommandDialog.stories.d.ts +0 -21
  250. package/dist/esm/CommandDialog/CommandDialog.stories.d.ts.map +0 -1
  251. package/dist/esm/CommandDialog/CommandDialog.stories.js +0 -353
  252. package/dist/esm/CommandDialog/CommandDialog.stories.js.map +0 -1
  253. package/dist/esm/CommandDialog/CommandStepper.stories.d.ts +0 -11
  254. package/dist/esm/CommandDialog/CommandStepper.stories.d.ts.map +0 -1
  255. package/dist/esm/CommandDialog/CommandStepper.stories.js +0 -84
  256. package/dist/esm/CommandDialog/CommandStepper.stories.js.map +0 -1
  257. package/dist/esm/CommandDialog/StepperCommandDialog.stories.d.ts +0 -12
  258. package/dist/esm/CommandDialog/StepperCommandDialog.stories.d.ts.map +0 -1
  259. package/dist/esm/CommandDialog/StepperCommandDialog.stories.js +0 -158
  260. package/dist/esm/CommandDialog/StepperCommandDialog.stories.js.map +0 -1
  261. package/dist/esm/CommandForm/fields/Fields.stories.d.ts +0 -17
  262. package/dist/esm/CommandForm/fields/Fields.stories.d.ts.map +0 -1
  263. package/dist/esm/CommandForm/fields/Fields.stories.js +0 -179
  264. package/dist/esm/CommandForm/fields/Fields.stories.js.map +0 -1
  265. package/dist/esm/Common/ErrorBoundary.stories.d.ts +0 -8
  266. package/dist/esm/Common/ErrorBoundary.stories.d.ts.map +0 -1
  267. package/dist/esm/Common/ErrorBoundary.stories.js +0 -22
  268. package/dist/esm/Common/ErrorBoundary.stories.js.map +0 -1
  269. package/dist/esm/Common/FormElement.stories.d.ts +0 -9
  270. package/dist/esm/Common/FormElement.stories.d.ts.map +0 -1
  271. package/dist/esm/Common/FormElement.stories.js +0 -27
  272. package/dist/esm/Common/FormElement.stories.js.map +0 -1
  273. package/dist/esm/Common/Icon.stories.d.ts +0 -11
  274. package/dist/esm/Common/Icon.stories.d.ts.map +0 -1
  275. package/dist/esm/Common/Icon.stories.js +0 -26
  276. package/dist/esm/Common/Icon.stories.js.map +0 -1
  277. package/dist/esm/Common/Page.stories.d.ts +0 -10
  278. package/dist/esm/Common/Page.stories.d.ts.map +0 -1
  279. package/dist/esm/Common/Page.stories.js +0 -35
  280. package/dist/esm/Common/Page.stories.js.map +0 -1
  281. package/dist/esm/DataPage/DataPage.stories.d.ts +0 -10
  282. package/dist/esm/DataPage/DataPage.stories.d.ts.map +0 -1
  283. package/dist/esm/DataPage/DataPage.stories.js +0 -69
  284. package/dist/esm/DataPage/DataPage.stories.js.map +0 -1
  285. package/dist/esm/DataTables/DataTableForObservableQuery.stories.d.ts +0 -8
  286. package/dist/esm/DataTables/DataTableForObservableQuery.stories.d.ts.map +0 -1
  287. package/dist/esm/DataTables/DataTableForObservableQuery.stories.js +0 -79
  288. package/dist/esm/DataTables/DataTableForObservableQuery.stories.js.map +0 -1
  289. package/dist/esm/DataTables/DataTableForQuery.stories.d.ts +0 -8
  290. package/dist/esm/DataTables/DataTableForQuery.stories.d.ts.map +0 -1
  291. package/dist/esm/DataTables/DataTableForQuery.stories.js +0 -54
  292. package/dist/esm/DataTables/DataTableForQuery.stories.js.map +0 -1
  293. package/dist/esm/Dialogs/BusyIndicatorDialog.stories.d.ts +0 -7
  294. package/dist/esm/Dialogs/BusyIndicatorDialog.stories.d.ts.map +0 -1
  295. package/dist/esm/Dialogs/BusyIndicatorDialog.stories.js +0 -15
  296. package/dist/esm/Dialogs/BusyIndicatorDialog.stories.js.map +0 -1
  297. package/dist/esm/Dialogs/ConfirmationDialog.stories.d.ts +0 -7
  298. package/dist/esm/Dialogs/ConfirmationDialog.stories.d.ts.map +0 -1
  299. package/dist/esm/Dialogs/ConfirmationDialog.stories.js +0 -20
  300. package/dist/esm/Dialogs/ConfirmationDialog.stories.js.map +0 -1
  301. package/dist/esm/Dialogs/Dialog.stories.d.ts +0 -13
  302. package/dist/esm/Dialogs/Dialog.stories.d.ts.map +0 -1
  303. package/dist/esm/Dialogs/Dialog.stories.js +0 -85
  304. package/dist/esm/Dialogs/Dialog.stories.js.map +0 -1
  305. package/dist/esm/ObjectContentEditor/ObjectContentEditor.stories.d.ts +0 -12
  306. package/dist/esm/ObjectContentEditor/ObjectContentEditor.stories.d.ts.map +0 -1
  307. package/dist/esm/ObjectContentEditor/ObjectContentEditor.stories.js +0 -184
  308. package/dist/esm/ObjectContentEditor/ObjectContentEditor.stories.js.map +0 -1
  309. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.stories.d.ts +0 -10
  310. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.stories.d.ts.map +0 -1
  311. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.stories.js +0 -45
  312. package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.stories.js.map +0 -1
  313. package/dist/esm/PivotViewer/PivotViewer.stories.d.ts +0 -8
  314. package/dist/esm/PivotViewer/PivotViewer.stories.d.ts.map +0 -1
  315. package/dist/esm/PivotViewer/PivotViewer.stories.js +0 -233
  316. package/dist/esm/PivotViewer/PivotViewer.stories.js.map +0 -1
  317. package/dist/esm/SchemaEditor/SchemaEditor.stories.d.ts +0 -12
  318. package/dist/esm/SchemaEditor/SchemaEditor.stories.d.ts.map +0 -1
  319. package/dist/esm/SchemaEditor/SchemaEditor.stories.js +0 -157
  320. package/dist/esm/SchemaEditor/SchemaEditor.stories.js.map +0 -1
  321. package/dist/esm/TimeMachine/EventsView.stories.d.ts +0 -9
  322. package/dist/esm/TimeMachine/EventsView.stories.d.ts.map +0 -1
  323. package/dist/esm/TimeMachine/EventsView.stories.js +0 -82
  324. package/dist/esm/TimeMachine/EventsView.stories.js.map +0 -1
  325. package/dist/esm/TimeMachine/Properties.stories.d.ts +0 -10
  326. package/dist/esm/TimeMachine/Properties.stories.d.ts.map +0 -1
  327. package/dist/esm/TimeMachine/Properties.stories.js +0 -51
  328. package/dist/esm/TimeMachine/Properties.stories.js.map +0 -1
  329. package/dist/esm/TimeMachine/ReadModelView.stories.d.ts +0 -8
  330. package/dist/esm/TimeMachine/ReadModelView.stories.d.ts.map +0 -1
  331. package/dist/esm/TimeMachine/ReadModelView.stories.js +0 -80
  332. package/dist/esm/TimeMachine/ReadModelView.stories.js.map +0 -1
  333. package/dist/esm/TimeMachine/TimeMachine.stories.d.ts +0 -9
  334. package/dist/esm/TimeMachine/TimeMachine.stories.d.ts.map +0 -1
  335. package/dist/esm/TimeMachine/TimeMachine.stories.js +0 -115
  336. package/dist/esm/TimeMachine/TimeMachine.stories.js.map +0 -1
  337. package/dist/esm/Toolbar/Toolbar.stories.d.ts +0 -26
  338. package/dist/esm/Toolbar/Toolbar.stories.d.ts.map +0 -1
  339. package/dist/esm/Toolbar/Toolbar.stories.js +0 -240
  340. package/dist/esm/Toolbar/Toolbar.stories.js.map +0 -1
  341. package/dist/esm/given.d.ts +0 -5
  342. package/dist/esm/given.d.ts.map +0 -1
  343. package/dist/esm/given.js +0 -7
  344. 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,17 +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
- //# 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;AAchC,QAAA,MAAM,IAAI,EAAE,IAKX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAqFtB,eAAO,MAAM,SAAS,EAAE,KAsQvB,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"}
@@ -1,179 +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 } 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
- ];
33
- textInput = '';
34
- emailInput = '';
35
- passwordInput = '';
36
- numberInput = 0;
37
- textArea = '';
38
- checkbox = false;
39
- slider = 50;
40
- dropdown = '';
41
- calendarDate = null;
42
- color = '';
43
- multiSelect = [];
44
- chips = [];
45
- constructor() {
46
- super(Object, false);
47
- }
48
- get requestParameters() {
49
- return [];
50
- }
51
- get properties() {
52
- return [
53
- 'textInput',
54
- 'emailInput',
55
- 'passwordInput',
56
- 'numberInput',
57
- 'textArea',
58
- 'checkbox',
59
- 'slider',
60
- 'dropdown',
61
- 'calendarDate',
62
- 'color',
63
- 'multiSelect',
64
- 'chips'
65
- ];
66
- }
67
- }
68
- class FormFieldsCommandValidator extends CommandValidator {
69
- constructor() {
70
- super();
71
- this.ruleFor(c => c.textInput).notEmpty().minLength(3);
72
- this.ruleFor(c => c.emailInput).notEmpty().emailAddress();
73
- this.ruleFor(c => c.passwordInput).notEmpty().minLength(6);
74
- this.ruleFor(c => c.numberInput).greaterThanOrEqual(1).lessThanOrEqual(100);
75
- this.ruleFor(c => c.dropdown).notEmpty();
76
- }
77
- }
78
- const dropdownOptions = [
79
- { id: 'option1', name: 'Option 1' },
80
- { id: 'option2', name: 'Option 2' },
81
- { id: 'option3', name: 'Option 3' },
82
- { id: 'option4', name: 'Option 4' }
83
- ];
84
- const multiSelectOptions = [
85
- { id: 'feature1', name: 'Feature 1' },
86
- { id: 'feature2', name: 'Feature 2' },
87
- { id: 'feature3', name: 'Feature 3' },
88
- { id: 'feature4', name: 'Feature 4' }
89
- ];
90
- export const AllFields = {
91
- render: () => {
92
- const [validationState, setValidationState] = useState({ errors: {}, canSubmit: false });
93
- 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: {
94
- textInput: '',
95
- emailInput: '',
96
- passwordInput: '',
97
- numberInput: 25,
98
- textArea: '',
99
- checkbox: false,
100
- slider: 50,
101
- dropdown: '',
102
- calendarDate: null,
103
- color: '10b981',
104
- multiSelect: ['feature1', 'feature3'],
105
- chips: ['alpha', 'beta'],
106
- }, onFieldChange: async (command, fieldName) => {
107
- const result = await command.validate();
108
- if (!result.isValid) {
109
- const fieldError = result.validationResults.find(v => v.members.includes(fieldName));
110
- if (fieldError) {
111
- setValidationState(prev => ({
112
- errors: { ...prev.errors, [fieldName]: fieldError.message },
113
- canSubmit: false
114
- }));
115
- }
116
- }
117
- else {
118
- setValidationState(prev => {
119
- const { [fieldName]: removed, ...rest } = prev.errors;
120
- return {
121
- errors: rest,
122
- canSubmit: Object.keys(rest).length === 0
123
- };
124
- });
125
- }
126
- }, 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("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" }))] })] })] }));
127
- }
128
- };
129
- export const InputTextFieldExample = {
130
- render: () => {
131
- 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" })] })] }));
132
- }
133
- };
134
- export const NumberFieldExample = {
135
- render: () => {
136
- 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 }) })] }));
137
- }
138
- };
139
- export const TextAreaFieldExample = {
140
- render: () => {
141
- 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 }) })] }));
142
- }
143
- };
144
- export const DropdownFieldExample = {
145
- render: () => {
146
- 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" }) })] }));
147
- }
148
- };
149
- export const SliderFieldExample = {
150
- render: () => {
151
- 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 }) })] }));
152
- }
153
- };
154
- export const CheckboxFieldExample = {
155
- render: () => {
156
- 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" })] })] }));
157
- }
158
- };
159
- export const CalendarFieldExample = {
160
- render: () => {
161
- 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 }) })] }));
162
- }
163
- };
164
- export const ColorPickerFieldExample = {
165
- render: () => {
166
- 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" }) })] }));
167
- }
168
- };
169
- export const MultiSelectFieldExample = {
170
- render: () => {
171
- 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 }) })] }));
172
- }
173
- };
174
- export const ChipsFieldExample = {
175
- render: () => {
176
- 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 }) })] }));
177
- }
178
- };
179
- //# 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"}
@@ -1,22 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from 'react';
3
- import { ErrorBoundary } from './ErrorBoundary';
4
- const meta = {
5
- title: 'Common/ErrorBoundary',
6
- component: ErrorBoundary,
7
- };
8
- export default meta;
9
- const ErrorThrowingComponent = () => {
10
- const [shouldThrow, setShouldThrow] = useState(false);
11
- if (shouldThrow) {
12
- throw new Error('This is a simulated error to demonstrate ErrorBoundary!');
13
- }
14
- return (_jsxs("div", { className: "p-4", children: [_jsx("h2", { className: "text-xl mb-3", children: "Click the button to trigger an error" }), _jsx("button", { className: "p-button p-component", onClick: () => setShouldThrow(true), children: "Throw Error" })] }));
15
- };
16
- export const Default = {
17
- render: () => (_jsx(ErrorBoundary, { children: _jsxs("div", { className: "p-4", children: [_jsx("h1", { className: "text-2xl mb-3", children: "Normal Content" }), _jsx("p", { children: "This content is wrapped in an ErrorBoundary. Everything works fine here." })] }) })),
18
- };
19
- export const WithError = {
20
- render: () => (_jsx(ErrorBoundary, { children: _jsx(ErrorThrowingComponent, {}) })),
21
- };
22
- //# sourceMappingURL=ErrorBoundary.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ErrorBoundary.stories.js","sourceRoot":"","sources":["../../../Common/ErrorBoundary.stories.tsx"],"names":[],"mappings":";AAGA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,IAAI,GAA+B;IACrC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAa;CAC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAChC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,IAAI,WAAW,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAC/E,CAAC;IAED,OAAO,CACH,eAAK,SAAS,EAAC,KAAK,aAChB,aAAI,SAAS,EAAC,cAAc,qDAA0C,EACtE,iBACI,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,4BAG9B,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,KAAC,aAAa,cACV,eAAK,SAAS,EAAC,KAAK,aAChB,aAAI,SAAS,EAAC,eAAe,+BAAoB,EACjD,mGAA+E,IAC7E,GACM,CACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,KAAC,aAAa,cACV,KAAC,sBAAsB,KAAG,GACd,CACnB;CACJ,CAAC"}
@@ -1,9 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { FormElement } from './FormElement';
3
- declare const meta: Meta<typeof FormElement>;
4
- export default meta;
5
- type Story = StoryObj<typeof FormElement>;
6
- export declare const Default: Story;
7
- export declare const WithEmailIcon: Story;
8
- export declare const WithSearchIcon: Story;
9
- //# sourceMappingURL=FormElement.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FormElement.stories.d.ts","sourceRoot":"","sources":["../../../Common/FormElement.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAGlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC"}