@alepha/ui 0.18.2 → 0.18.3

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 (231) hide show
  1. package/dist/admin/{AdminApiKeys-BJhIwfD6.js → AdminApiKeys-Dy_k-4Vd.js} +2 -2
  2. package/dist/admin/{AdminApiKeys-BJhIwfD6.js.map → AdminApiKeys-Dy_k-4Vd.js.map} +1 -1
  3. package/dist/admin/{AdminAudits-DzD_4cDt.js → AdminAudits-CKiFMSSU.js} +2 -2
  4. package/dist/admin/{AdminAudits-DzD_4cDt.js.map → AdminAudits-CKiFMSSU.js.map} +1 -1
  5. package/dist/admin/{AdminDashboard-C92tIc6x.js → AdminDashboard-PhC_dZqo.js} +2 -2
  6. package/dist/admin/{AdminDashboard-C92tIc6x.js.map → AdminDashboard-PhC_dZqo.js.map} +1 -1
  7. package/dist/admin/{AdminFiles-DLpfhBkf.js → AdminFiles-DFTjijGp.js} +2 -2
  8. package/dist/admin/{AdminFiles-DLpfhBkf.js.map → AdminFiles-DFTjijGp.js.map} +1 -1
  9. package/dist/admin/{AdminJobDashboard-KIOkeMgE.js → AdminJobDashboard-BL8gGPDp.js} +2 -2
  10. package/dist/admin/{AdminJobDashboard-KIOkeMgE.js.map → AdminJobDashboard-BL8gGPDp.js.map} +1 -1
  11. package/dist/admin/{AdminJobExecutions-D0Yo_PU0.js → AdminJobExecutions-D9E-CS-U.js} +2 -2
  12. package/dist/admin/{AdminJobExecutions-D0Yo_PU0.js.map → AdminJobExecutions-D9E-CS-U.js.map} +1 -1
  13. package/dist/admin/{AdminJobRegistry-PFajqaGK.js → AdminJobRegistry-Ci9ue1zC.js} +2 -2
  14. package/dist/admin/{AdminJobRegistry-PFajqaGK.js.map → AdminJobRegistry-Ci9ue1zC.js.map} +1 -1
  15. package/dist/admin/{AdminLayout-B1DXZHDn.js → AdminLayout-I6TlUMPc.js} +2 -2
  16. package/dist/admin/{AdminLayout-B1DXZHDn.js.map → AdminLayout-I6TlUMPc.js.map} +1 -1
  17. package/dist/admin/AdminNotifications-ZPHCYrv7.js +542 -0
  18. package/dist/admin/AdminNotifications-ZPHCYrv7.js.map +1 -0
  19. package/dist/admin/{AdminParameters-BspPeqp_.js → AdminParameters-CqgvhRsb.js} +120 -105
  20. package/dist/admin/AdminParameters-CqgvhRsb.js.map +1 -0
  21. package/dist/admin/{AdminSessions-BnH5CZQl.js → AdminSessions-Bz5NRuoW.js} +2 -2
  22. package/dist/admin/{AdminSessions-BnH5CZQl.js.map → AdminSessions-Bz5NRuoW.js.map} +1 -1
  23. package/dist/admin/{AdminUserLayout-DUbC6-BI.js → AdminUserLayout-lXT6I0Qq.js} +14 -8
  24. package/dist/admin/AdminUserLayout-lXT6I0Qq.js.map +1 -0
  25. package/dist/admin/{AdminUserProfile-DuTUnjdG.js → AdminUserProfile-vFBLoJ3h.js} +3 -3
  26. package/dist/admin/{AdminUserProfile-DuTUnjdG.js.map → AdminUserProfile-vFBLoJ3h.js.map} +1 -1
  27. package/dist/admin/{AdminUserSessions-DvZdAGpL.js → AdminUserSessions-CT_YDim0.js} +2 -2
  28. package/dist/admin/{AdminUserSessions-DvZdAGpL.js.map → AdminUserSessions-CT_YDim0.js.map} +1 -1
  29. package/dist/admin/{AdminUsers-CR9z0g_5.js → AdminUsers-D1UfGya9.js} +2 -2
  30. package/dist/admin/{AdminUsers-CR9z0g_5.js.map → AdminUsers-D1UfGya9.js.map} +1 -1
  31. package/dist/admin/{AuthLayout-DsUfp9RG.js → AuthLayout-_frhdgOO.js} +2 -2
  32. package/dist/admin/{AuthLayout-DsUfp9RG.js.map → AuthLayout-_frhdgOO.js.map} +1 -1
  33. package/dist/admin/Login-xtNmQtGh.js +275 -0
  34. package/dist/admin/Login-xtNmQtGh.js.map +1 -0
  35. package/dist/admin/{Profile-B2EcIDB9.js → Profile-_AtPUwAP.js} +31 -27
  36. package/dist/admin/Profile-_AtPUwAP.js.map +1 -0
  37. package/dist/admin/{Register-Z3fxRbUF.js → Register-JcCjHUUn.js} +198 -142
  38. package/dist/admin/Register-JcCjHUUn.js.map +1 -0
  39. package/dist/admin/{ResetPassword-_Y1qTTKh.js → ResetPassword-CwGBPLJO.js} +7 -7
  40. package/dist/admin/ResetPassword-CwGBPLJO.js.map +1 -0
  41. package/dist/admin/{VerifyEmail-Bg22bwcC.js → VerifyEmail-hNxWejWf.js} +23 -8
  42. package/dist/admin/VerifyEmail-hNxWejWf.js.map +1 -0
  43. package/dist/admin/{core-BVO_TQxb.js → core-CYaRQ8O-.js} +709 -556
  44. package/dist/admin/core-CYaRQ8O-.js.map +1 -0
  45. package/dist/admin/index.d.ts +83 -44
  46. package/dist/admin/index.d.ts.map +1 -1
  47. package/dist/admin/index.js +58 -39
  48. package/dist/admin/index.js.map +1 -1
  49. package/dist/auth/{AuthLayout-C161NeF6.js → AuthLayout-AvLlcLjS.js} +2 -2
  50. package/dist/auth/{AuthLayout-C161NeF6.js.map → AuthLayout-AvLlcLjS.js.map} +1 -1
  51. package/dist/auth/Login-BA1E8IZl.js +275 -0
  52. package/dist/auth/Login-BA1E8IZl.js.map +1 -0
  53. package/dist/auth/{Profile-BMpXJ0oi.js → Profile-YcWdeuFz.js} +31 -27
  54. package/dist/auth/Profile-YcWdeuFz.js.map +1 -0
  55. package/dist/auth/{Register-2gx8qll-.js → Register-CPhEO5MG.js} +198 -142
  56. package/dist/auth/Register-CPhEO5MG.js.map +1 -0
  57. package/dist/{demo/ResetPassword-CAPj8MO3.js → auth/ResetPassword-DCtGcneA.js} +7 -7
  58. package/dist/auth/ResetPassword-DCtGcneA.js.map +1 -0
  59. package/dist/{demo/VerifyEmail-DFmdCdYs.js → auth/VerifyEmail-DkH7NBfn.js} +23 -8
  60. package/dist/auth/VerifyEmail-DkH7NBfn.js.map +1 -0
  61. package/dist/auth/{core-DyfeVr5c.js → core-D5jIAVF2.js} +386 -294
  62. package/dist/auth/core-D5jIAVF2.js.map +1 -0
  63. package/dist/auth/index.d.ts +93 -48
  64. package/dist/auth/index.d.ts.map +1 -1
  65. package/dist/auth/index.js +28 -24
  66. package/dist/auth/index.js.map +1 -1
  67. package/dist/core/index.d.ts +116 -61
  68. package/dist/core/index.d.ts.map +1 -1
  69. package/dist/core/index.js +873 -701
  70. package/dist/core/index.js.map +1 -1
  71. package/dist/demo/{AuthLayout-DN-ClJQk.js → AuthLayout-Brri4A-L.js} +2 -2
  72. package/dist/demo/{AuthLayout-DN-ClJQk.js.map → AuthLayout-Brri4A-L.js.map} +1 -1
  73. package/dist/demo/DemoButton-wiCxZZ_L.js +182 -0
  74. package/dist/demo/DemoButton-wiCxZZ_L.js.map +1 -0
  75. package/dist/demo/DemoControlSelect-D7ILObVg.js +305 -0
  76. package/dist/demo/DemoControlSelect-D7ILObVg.js.map +1 -0
  77. package/dist/demo/DemoDataTable-DZ5Y8pFX.js +362 -0
  78. package/dist/demo/DemoDataTable-DZ5Y8pFX.js.map +1 -0
  79. package/dist/demo/{DemoDialog-DW8QEvD1.js → DemoDialog-CUWdLHim.js} +2 -2
  80. package/dist/demo/{DemoDialog-DW8QEvD1.js.map → DemoDialog-CUWdLHim.js.map} +1 -1
  81. package/dist/demo/{DemoFlex-CAhLUanT.js → DemoFlex-a8OhMMvq.js} +3 -3
  82. package/dist/demo/{DemoFlex-CAhLUanT.js.map → DemoFlex-a8OhMMvq.js.map} +1 -1
  83. package/dist/demo/{DemoHeading-yIFmNjHB.js → DemoHeading-C13OVDfS.js} +3 -3
  84. package/dist/demo/{DemoHeading-yIFmNjHB.js.map → DemoHeading-C13OVDfS.js.map} +1 -1
  85. package/dist/demo/{DemoHome-BSGuBHus.js → DemoHome-D_De3UiT.js} +2 -2
  86. package/dist/demo/{DemoHome-BSGuBHus.js.map → DemoHome-D_De3UiT.js.map} +1 -1
  87. package/dist/demo/{DemoJsonViewer-DsA2IpgV.js → DemoJsonViewer-B50s9aGM.js} +3 -3
  88. package/dist/demo/{DemoJsonViewer-DsA2IpgV.js.map → DemoJsonViewer-B50s9aGM.js.map} +1 -1
  89. package/dist/demo/{DemoLayout-Cy6xjn6P.js → DemoLayout-CHU8WTwO.js} +14 -5
  90. package/dist/demo/DemoLayout-CHU8WTwO.js.map +1 -0
  91. package/dist/demo/{DemoLogin-vqxgTu4P.js → DemoLogin-BBlrWpml.js} +49 -32
  92. package/dist/demo/DemoLogin-BBlrWpml.js.map +1 -0
  93. package/dist/demo/{DemoRegister-YHPvPg77.js → DemoRegister-BuNE3_-f.js} +49 -50
  94. package/dist/demo/DemoRegister-BuNE3_-f.js.map +1 -0
  95. package/dist/demo/{DemoResetPassword-mOW18Zlm.js → DemoResetPassword-D_IjjjOJ.js} +12 -16
  96. package/dist/demo/DemoResetPassword-D_IjjjOJ.js.map +1 -0
  97. package/dist/demo/{DemoSidebar-od7aLjP_.js → DemoSidebar-Giy2HRBD.js} +3 -3
  98. package/dist/demo/{DemoSidebar-od7aLjP_.js.map → DemoSidebar-Giy2HRBD.js.map} +1 -1
  99. package/dist/demo/{DemoText-DU3JeRS0.js → DemoText-ubcw-vog.js} +3 -3
  100. package/dist/demo/{DemoText-DU3JeRS0.js.map → DemoText-ubcw-vog.js.map} +1 -1
  101. package/dist/demo/{DemoToast-CUJEiPRa.js → DemoToast-9die_dYT.js} +2 -2
  102. package/dist/demo/{DemoToast-CUJEiPRa.js.map → DemoToast-9die_dYT.js.map} +1 -1
  103. package/dist/demo/{DemoTypeForm-C1dNkahD.js → DemoTypeForm-D_d6OVKL.js} +8 -4
  104. package/dist/demo/DemoTypeForm-D_d6OVKL.js.map +1 -0
  105. package/dist/demo/DemoVerifyEmail-B43KlF4F.js +34 -0
  106. package/dist/demo/DemoVerifyEmail-B43KlF4F.js.map +1 -0
  107. package/dist/demo/Login-C12N4oGs.js +275 -0
  108. package/dist/demo/Login-C12N4oGs.js.map +1 -0
  109. package/dist/demo/{Profile-BE_Y3co2.js → Profile-DS5q4vOh.js} +31 -27
  110. package/dist/demo/Profile-DS5q4vOh.js.map +1 -0
  111. package/dist/demo/{Register-fXHmBpr3.js → Register-B4hLBeEv.js} +198 -142
  112. package/dist/demo/Register-B4hLBeEv.js.map +1 -0
  113. package/dist/{auth/ResetPassword-DBxt9hKk.js → demo/ResetPassword-D8g9ha1N.js} +7 -7
  114. package/dist/demo/ResetPassword-D8g9ha1N.js.map +1 -0
  115. package/dist/demo/{Showcase-BtEU0pY9.js → Showcase-D6Fxt4X4.js} +64 -65
  116. package/dist/demo/Showcase-D6Fxt4X4.js.map +1 -0
  117. package/dist/{auth/VerifyEmail-Z80Ubajk.js → demo/VerifyEmail-BjDo0cZA.js} +23 -8
  118. package/dist/demo/VerifyEmail-BjDo0cZA.js.map +1 -0
  119. package/dist/demo/{auth-Djd7SKiw.js → auth-ByVTreDl.js} +8 -8
  120. package/dist/demo/{auth-Djd7SKiw.js.map → auth-ByVTreDl.js.map} +1 -1
  121. package/dist/demo/{core-B7LNjM78.js → core-DFgB3yU4.js} +741 -573
  122. package/dist/demo/core-DFgB3yU4.js.map +1 -0
  123. package/dist/demo/index.d.ts +1 -0
  124. package/dist/demo/index.d.ts.map +1 -1
  125. package/dist/demo/index.js +24 -18
  126. package/dist/demo/index.js.map +1 -1
  127. package/package.json +7 -7
  128. package/src/admin/AdminRouter.tsx +24 -1
  129. package/src/admin/components/notifications/AdminNotifications.tsx +519 -0
  130. package/src/admin/components/parameters/ParameterDetails.tsx +12 -270
  131. package/src/admin/components/parameters/ParameterDetailsConfigForm.tsx +238 -0
  132. package/src/admin/components/parameters/ParameterDetailsLoading.tsx +24 -0
  133. package/src/admin/components/parameters/ParameterHistory.tsx +10 -11
  134. package/src/admin/components/parameters/ParameterTree.tsx +28 -184
  135. package/src/admin/components/parameters/ParameterTreeNode.tsx +151 -0
  136. package/src/admin/components/shared/AdminResourceHeader.tsx +2 -25
  137. package/src/admin/components/shared/AdminResourceHeaderMenuItem.tsx +37 -0
  138. package/src/admin/components/shared/AdminResourceTabs.tsx +2 -26
  139. package/src/admin/components/shared/AdminResourceTabsItem.tsx +36 -0
  140. package/src/auth/components/Login.tsx +188 -121
  141. package/src/auth/components/Profile.tsx +1 -22
  142. package/src/auth/components/ProfileField.tsx +39 -0
  143. package/src/auth/components/Register.tsx +215 -158
  144. package/src/auth/components/ResetPassword.tsx +7 -11
  145. package/src/auth/components/VerifyEmail.tsx +35 -10
  146. package/src/auth/components/buttons/UserButton.tsx +19 -21
  147. package/src/auth/index.ts +1 -0
  148. package/src/core/components/Flex.tsx +10 -0
  149. package/src/core/components/buttons/ActionButton.tsx +104 -78
  150. package/src/core/components/data/DetailDrawer.tsx +102 -96
  151. package/src/core/components/data/DetailList.tsx +2 -1
  152. package/src/core/components/layout/Breadcrumb.tsx +3 -6
  153. package/src/core/components/layout/DashboardShell.tsx +18 -4
  154. package/src/core/components/layout/Sidebar.tsx +16 -241
  155. package/src/core/components/layout/SidebarCollapsedItem.tsx +91 -0
  156. package/src/core/components/layout/SidebarItem.tsx +146 -0
  157. package/src/core/components/layout/index.ts +3 -1
  158. package/src/core/form/components/Control.tsx +31 -29
  159. package/src/core/form/components/ControlArray.tsx +13 -39
  160. package/src/core/form/components/ControlDate.tsx +10 -21
  161. package/src/core/form/components/ControlNumber.tsx +4 -33
  162. package/src/core/form/components/ControlQueryBuilder.tsx +12 -175
  163. package/src/core/form/components/ControlQueryBuilderHelp.tsx +165 -0
  164. package/src/core/form/components/ControlSelect.browser.spec.tsx +343 -0
  165. package/src/core/form/components/ControlSelect.tsx +294 -92
  166. package/src/core/form/components/TypeForm.browser.spec.tsx +3 -3
  167. package/src/core/form/components/TypeForm.tsx +5 -2
  168. package/src/core/form/index.ts +8 -1
  169. package/src/core/form/utils/parseInput.ts +7 -3
  170. package/src/core/index.ts +3 -1
  171. package/src/core/json/components/JsonViewer.tsx +103 -319
  172. package/src/core/json/components/JsonViewerCopyButton.tsx +46 -0
  173. package/src/core/json/components/JsonViewerRowNode.tsx +120 -0
  174. package/src/core/json/components/JsonViewerShared.ts +76 -0
  175. package/src/core/styles.css +12 -2
  176. package/src/core/table/components/ColumnPicker.tsx +3 -3
  177. package/src/core/table/components/DataTable.tsx +89 -29
  178. package/src/core/table/components/DataTableFilters.tsx +6 -11
  179. package/src/core/table/components/DataTablePagination.tsx +9 -3
  180. package/src/core/table/components/DataTableToolbar.tsx +7 -3
  181. package/src/core/table/components/FilterPicker.tsx +3 -3
  182. package/src/core/table/interfaces/types.ts +29 -0
  183. package/src/core/utils/icons.tsx +2 -2
  184. package/src/demo/DemoRouter.ts +8 -1
  185. package/src/demo/components/DemoLayout.tsx +12 -2
  186. package/src/demo/components/auth/DemoLogin.tsx +35 -28
  187. package/src/demo/components/auth/DemoRegister.tsx +35 -49
  188. package/src/demo/components/auth/DemoResetPassword.tsx +5 -9
  189. package/src/demo/components/auth/DemoVerifyEmail.tsx +7 -6
  190. package/src/demo/components/core/DemoButton.tsx +123 -103
  191. package/src/demo/components/core/DemoControlSelect.tsx +325 -0
  192. package/src/demo/components/core/DemoDataTable.tsx +255 -237
  193. package/src/demo/components/core/DemoTypeForm.tsx +7 -2
  194. package/src/demo/components/shared/MacWindow.tsx +5 -11
  195. package/src/demo/components/shared/Showcase.tsx +28 -42
  196. package/dist/admin/AdminParameters-BspPeqp_.js.map +0 -1
  197. package/dist/admin/AdminUserLayout-DUbC6-BI.js.map +0 -1
  198. package/dist/admin/Login-DHbYJKwg.js +0 -219
  199. package/dist/admin/Login-DHbYJKwg.js.map +0 -1
  200. package/dist/admin/Profile-B2EcIDB9.js.map +0 -1
  201. package/dist/admin/Register-Z3fxRbUF.js.map +0 -1
  202. package/dist/admin/ResetPassword-_Y1qTTKh.js.map +0 -1
  203. package/dist/admin/VerifyEmail-Bg22bwcC.js.map +0 -1
  204. package/dist/admin/core-BVO_TQxb.js.map +0 -1
  205. package/dist/auth/Login-C7jIqf00.js +0 -219
  206. package/dist/auth/Login-C7jIqf00.js.map +0 -1
  207. package/dist/auth/Profile-BMpXJ0oi.js.map +0 -1
  208. package/dist/auth/Register-2gx8qll-.js.map +0 -1
  209. package/dist/auth/ResetPassword-DBxt9hKk.js.map +0 -1
  210. package/dist/auth/VerifyEmail-Z80Ubajk.js.map +0 -1
  211. package/dist/auth/core-DyfeVr5c.js.map +0 -1
  212. package/dist/demo/DemoButton-CGUyR9eM.js +0 -178
  213. package/dist/demo/DemoButton-CGUyR9eM.js.map +0 -1
  214. package/dist/demo/DemoDataTable-QFG-xXSx.js +0 -358
  215. package/dist/demo/DemoDataTable-QFG-xXSx.js.map +0 -1
  216. package/dist/demo/DemoLayout-Cy6xjn6P.js.map +0 -1
  217. package/dist/demo/DemoLogin-vqxgTu4P.js.map +0 -1
  218. package/dist/demo/DemoRegister-YHPvPg77.js.map +0 -1
  219. package/dist/demo/DemoResetPassword-mOW18Zlm.js.map +0 -1
  220. package/dist/demo/DemoTypeForm-C1dNkahD.js.map +0 -1
  221. package/dist/demo/DemoVerifyEmail-D9EcXZ38.js +0 -30
  222. package/dist/demo/DemoVerifyEmail-D9EcXZ38.js.map +0 -1
  223. package/dist/demo/Login-CoYf_P_F.js +0 -219
  224. package/dist/demo/Login-CoYf_P_F.js.map +0 -1
  225. package/dist/demo/Profile-BE_Y3co2.js.map +0 -1
  226. package/dist/demo/Register-fXHmBpr3.js.map +0 -1
  227. package/dist/demo/ResetPassword-CAPj8MO3.js.map +0 -1
  228. package/dist/demo/Showcase-BtEU0pY9.js.map +0 -1
  229. package/dist/demo/VerifyEmail-DFmdCdYs.js.map +0 -1
  230. package/dist/demo/core-B7LNjM78.js.map +0 -1
  231. package/src/demo/styles.css +0 -0
@@ -1,178 +0,0 @@
1
- import { f as Flex, h as ActionButton } from "./core-B7LNjM78.js";
2
- import { t as Showcase } from "./Showcase-BtEU0pY9.js";
3
- import { t } from "alepha";
4
- import { jsx, jsxs } from "react/jsx-runtime";
5
- import { IconCheck, IconDownload, IconPlus, IconSettings, IconTrash } from "@tabler/icons-react";
6
-
7
- //#region ../../src/demo/components/core/DemoButton.tsx
8
- const showcaseSchema = t.object({
9
- variant: t.enum([
10
- "filled",
11
- "light",
12
- "outline",
13
- "subtle",
14
- "default",
15
- "transparent"
16
- ], {
17
- title: "variant",
18
- default: "filled"
19
- }),
20
- size: t.enum([
21
- "xs",
22
- "sm",
23
- "md",
24
- "lg",
25
- "xl"
26
- ], {
27
- title: "size",
28
- default: "md"
29
- }),
30
- intent: t.enum([
31
- "none",
32
- "primary",
33
- "success",
34
- "danger",
35
- "warning",
36
- "info"
37
- ], {
38
- title: "intent",
39
- default: "none"
40
- }),
41
- disabled: t.boolean({
42
- title: "disabled",
43
- default: false,
44
- $control: { switch: true }
45
- }),
46
- loading: t.boolean({
47
- title: "loading",
48
- default: false,
49
- $control: { switch: true }
50
- })
51
- });
52
- const DemoActionButton = () => {
53
- return /* @__PURE__ */ jsx(Showcase, {
54
- title: "ActionButton",
55
- schema: showcaseSchema,
56
- initialValues: {
57
- variant: "filled",
58
- size: "md",
59
- intent: "none",
60
- disabled: false,
61
- loading: false
62
- },
63
- columns: 1,
64
- children: (props) => /* @__PURE__ */ jsxs(Flex, {
65
- col: true,
66
- gap: "xl",
67
- p: "md",
68
- children: [
69
- /* @__PURE__ */ jsxs(Flex, {
70
- gap: "md",
71
- wrap: "wrap",
72
- centerY: true,
73
- children: [
74
- /* @__PURE__ */ jsx(ActionButton, {
75
- variant: props.variant,
76
- size: props.size,
77
- intent: props.intent,
78
- disabled: props.disabled,
79
- loading: props.loading,
80
- onClick: () => alert("Clicked"),
81
- children: "Default"
82
- }),
83
- /* @__PURE__ */ jsx(ActionButton, {
84
- variant: props.variant,
85
- size: props.size,
86
- intent: props.intent,
87
- disabled: props.disabled,
88
- loading: props.loading,
89
- icon: IconPlus,
90
- onClick: () => alert("Create"),
91
- children: "Create"
92
- }),
93
- /* @__PURE__ */ jsx(ActionButton, {
94
- variant: props.variant,
95
- size: props.size,
96
- intent: props.intent,
97
- disabled: props.disabled,
98
- loading: props.loading,
99
- icon: IconTrash,
100
- onClick: () => alert("Delete")
101
- })
102
- ]
103
- }),
104
- /* @__PURE__ */ jsxs(Flex, {
105
- gap: "md",
106
- wrap: "wrap",
107
- centerY: true,
108
- children: [
109
- /* @__PURE__ */ jsx(ActionButton, {
110
- variant: "filled",
111
- size: props.size,
112
- intent: "primary",
113
- icon: IconCheck,
114
- onClick: () => {},
115
- children: "Save"
116
- }),
117
- /* @__PURE__ */ jsx(ActionButton, {
118
- variant: "filled",
119
- size: props.size,
120
- intent: "danger",
121
- icon: IconTrash,
122
- confirm: "Are you sure?",
123
- onClick: () => alert("Deleted"),
124
- children: "Delete"
125
- }),
126
- /* @__PURE__ */ jsx(ActionButton, {
127
- variant: "light",
128
- size: props.size,
129
- icon: IconDownload,
130
- onClick: () => {},
131
- children: "Export"
132
- }),
133
- /* @__PURE__ */ jsx(ActionButton, {
134
- variant: "subtle",
135
- size: props.size,
136
- icon: IconSettings,
137
- onClick: () => {}
138
- })
139
- ]
140
- }),
141
- /* @__PURE__ */ jsxs(Flex, {
142
- gap: "md",
143
- wrap: "wrap",
144
- centerY: true,
145
- children: [/* @__PURE__ */ jsx(ActionButton, {
146
- variant: props.variant,
147
- size: props.size,
148
- menu: { items: [
149
- {
150
- label: "Edit",
151
- icon: /* @__PURE__ */ jsx(IconSettings, { size: 14 })
152
- },
153
- { type: "divider" },
154
- {
155
- label: "Delete",
156
- icon: /* @__PURE__ */ jsx(IconTrash, { size: 14 }),
157
- color: "red"
158
- }
159
- ] },
160
- onClick: () => {},
161
- children: "With Menu"
162
- }), /* @__PURE__ */ jsx(ActionButton, {
163
- variant: props.variant,
164
- size: props.size,
165
- tooltip: "This button has a tooltip",
166
- icon: IconSettings,
167
- onClick: () => {},
168
- children: "With Tooltip"
169
- })]
170
- })
171
- ]
172
- })
173
- });
174
- };
175
-
176
- //#endregion
177
- export { DemoActionButton as default };
178
- //# sourceMappingURL=DemoButton-CGUyR9eM.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DemoButton-CGUyR9eM.js","names":[],"sources":["../../src/demo/components/core/DemoButton.tsx"],"sourcesContent":["import { ActionButton, Flex } from \"@alepha/ui\";\nimport {\n IconCheck,\n IconDownload,\n IconPlus,\n IconSettings,\n IconTrash,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n variant: t.enum(\n [\"filled\", \"light\", \"outline\", \"subtle\", \"default\", \"transparent\"],\n {\n title: \"variant\",\n default: \"filled\",\n },\n ),\n size: t.enum([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n title: \"size\",\n default: \"md\",\n }),\n intent: t.enum([\"none\", \"primary\", \"success\", \"danger\", \"warning\", \"info\"], {\n title: \"intent\",\n default: \"none\",\n }),\n disabled: t.boolean({\n title: \"disabled\",\n default: false,\n $control: { switch: true },\n }),\n loading: t.boolean({\n title: \"loading\",\n default: false,\n $control: { switch: true },\n }),\n});\n\nconst DemoActionButton = () => {\n return (\n <Showcase\n title=\"ActionButton\"\n schema={showcaseSchema}\n initialValues={{\n variant: \"filled\",\n size: \"md\",\n intent: \"none\",\n disabled: false,\n loading: false,\n }}\n columns={1}\n >\n {(props) => (\n <Flex col gap=\"xl\" p=\"md\">\n <Flex gap=\"md\" wrap=\"wrap\" centerY>\n <ActionButton\n variant={props.variant}\n size={props.size}\n intent={props.intent}\n disabled={props.disabled}\n loading={props.loading}\n onClick={() => alert(\"Clicked\")}\n >\n Default\n </ActionButton>\n <ActionButton\n variant={props.variant}\n size={props.size}\n intent={props.intent}\n disabled={props.disabled}\n loading={props.loading}\n icon={IconPlus}\n onClick={() => alert(\"Create\")}\n >\n Create\n </ActionButton>\n <ActionButton\n variant={props.variant}\n size={props.size}\n intent={props.intent}\n disabled={props.disabled}\n loading={props.loading}\n icon={IconTrash}\n onClick={() => alert(\"Delete\")}\n />\n </Flex>\n\n <Flex gap=\"md\" wrap=\"wrap\" centerY>\n <ActionButton\n variant=\"filled\"\n size={props.size}\n intent=\"primary\"\n icon={IconCheck}\n onClick={() => {}}\n >\n Save\n </ActionButton>\n <ActionButton\n variant=\"filled\"\n size={props.size}\n intent=\"danger\"\n icon={IconTrash}\n confirm=\"Are you sure?\"\n onClick={() => alert(\"Deleted\")}\n >\n Delete\n </ActionButton>\n <ActionButton\n variant=\"light\"\n size={props.size}\n icon={IconDownload}\n onClick={() => {}}\n >\n Export\n </ActionButton>\n <ActionButton\n variant=\"subtle\"\n size={props.size}\n icon={IconSettings}\n onClick={() => {}}\n />\n </Flex>\n\n <Flex gap=\"md\" wrap=\"wrap\" centerY>\n <ActionButton\n variant={props.variant}\n size={props.size}\n menu={{\n items: [\n { label: \"Edit\", icon: <IconSettings size={14} /> },\n { type: \"divider\" },\n {\n label: \"Delete\",\n icon: <IconTrash size={14} />,\n color: \"red\",\n },\n ],\n }}\n onClick={() => {}}\n >\n With Menu\n </ActionButton>\n <ActionButton\n variant={props.variant}\n size={props.size}\n tooltip=\"This button has a tooltip\"\n icon={IconSettings}\n onClick={() => {}}\n >\n With Tooltip\n </ActionButton>\n </Flex>\n </Flex>\n )}\n </Showcase>\n );\n};\n\nexport default DemoActionButton;\n"],"mappings":";;;;;;;AAWA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,SAAS,EAAE,KACT;EAAC;EAAU;EAAS;EAAW;EAAU;EAAW;EAAc,EAClE;EACE,OAAO;EACP,SAAS;EACV,CACF;CACD,MAAM,EAAE,KAAK;EAAC;EAAM;EAAM;EAAM;EAAM;EAAK,EAAE;EAC3C,OAAO;EACP,SAAS;EACV,CAAC;CACF,QAAQ,EAAE,KAAK;EAAC;EAAQ;EAAW;EAAW;EAAU;EAAW;EAAO,EAAE;EAC1E,OAAO;EACP,SAAS;EACV,CAAC;CACF,UAAU,EAAE,QAAQ;EAClB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,yBAAyB;AAC7B,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,SAAS;GACT,MAAM;GACN,QAAQ;GACR,UAAU;GACV,SAAS;GACV;EACD,SAAS;aAEP,UACA,qBAAC;GAAK;GAAI,KAAI;GAAK,GAAE;;IACnB,qBAAC;KAAK,KAAI;KAAK,MAAK;KAAO;;MACzB,oBAAC;OACC,SAAS,MAAM;OACf,MAAM,MAAM;OACZ,QAAQ,MAAM;OACd,UAAU,MAAM;OAChB,SAAS,MAAM;OACf,eAAe,MAAM,UAAU;iBAChC;QAEc;MACf,oBAAC;OACC,SAAS,MAAM;OACf,MAAM,MAAM;OACZ,QAAQ,MAAM;OACd,UAAU,MAAM;OAChB,SAAS,MAAM;OACf,MAAM;OACN,eAAe,MAAM,SAAS;iBAC/B;QAEc;MACf,oBAAC;OACC,SAAS,MAAM;OACf,MAAM,MAAM;OACZ,QAAQ,MAAM;OACd,UAAU,MAAM;OAChB,SAAS,MAAM;OACf,MAAM;OACN,eAAe,MAAM,SAAS;QAC9B;;MACG;IAEP,qBAAC;KAAK,KAAI;KAAK,MAAK;KAAO;;MACzB,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,QAAO;OACP,MAAM;OACN,eAAe;iBAChB;QAEc;MACf,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,QAAO;OACP,MAAM;OACN,SAAQ;OACR,eAAe,MAAM,UAAU;iBAChC;QAEc;MACf,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,MAAM;OACN,eAAe;iBAChB;QAEc;MACf,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,MAAM;OACN,eAAe;QACf;;MACG;IAEP,qBAAC;KAAK,KAAI;KAAK,MAAK;KAAO;gBACzB,oBAAC;MACC,SAAS,MAAM;MACf,MAAM,MAAM;MACZ,MAAM,EACJ,OAAO;OACL;QAAE,OAAO;QAAQ,MAAM,oBAAC,gBAAa,MAAM,KAAM;QAAE;OACnD,EAAE,MAAM,WAAW;OACnB;QACE,OAAO;QACP,MAAM,oBAAC,aAAU,MAAM,KAAM;QAC7B,OAAO;QACR;OACF,EACF;MACD,eAAe;gBAChB;OAEc,EACf,oBAAC;MACC,SAAS,MAAM;MACf,MAAM,MAAM;MACZ,SAAQ;MACR,MAAM;MACN,eAAe;gBAChB;OAEc;MACV;;IACF;GAEA"}
@@ -1,358 +0,0 @@
1
- import { r as DataTable, s as Text$1 } from "./core-B7LNjM78.js";
2
- import { t as Showcase } from "./Showcase-BtEU0pY9.js";
3
- import { t } from "alepha";
4
- import { Badge, Code, Flex, Paper } from "@mantine/core";
5
- import { jsx, jsxs } from "react/jsx-runtime";
6
- import { IconDownload, IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
7
-
8
- //#region ../../src/demo/components/core/DemoDataTable.tsx
9
- const sampleUsers = [
10
- {
11
- id: 1,
12
- name: "Alice Johnson",
13
- email: "alice@example.com",
14
- role: "admin",
15
- status: "active",
16
- notes: "Team lead for the backend team."
17
- },
18
- {
19
- id: 2,
20
- name: "Bob Smith",
21
- email: "bob@example.com",
22
- role: "user",
23
- status: "active"
24
- },
25
- {
26
- id: 3,
27
- name: "Charlie Brown",
28
- email: "charlie@example.com",
29
- role: "user",
30
- status: "inactive",
31
- notes: "On leave until March."
32
- },
33
- {
34
- id: 4,
35
- name: "Diana Prince",
36
- email: "diana@example.com",
37
- role: "admin",
38
- status: "active"
39
- },
40
- {
41
- id: 5,
42
- name: "Eve Wilson",
43
- email: "eve@example.com",
44
- role: "guest",
45
- status: "active",
46
- notes: "External consultant, limited access."
47
- },
48
- {
49
- id: 6,
50
- name: "Frank Castle",
51
- email: "frank@example.com",
52
- role: "user",
53
- status: "inactive"
54
- },
55
- {
56
- id: 7,
57
- name: "Grace Hopper",
58
- email: "grace@example.com",
59
- role: "admin",
60
- status: "active",
61
- notes: "Pioneered compiler development."
62
- },
63
- {
64
- id: 8,
65
- name: "Hank Pym",
66
- email: "hank@example.com",
67
- role: "user",
68
- status: "active"
69
- }
70
- ];
71
- const filters = t.object({
72
- search: t.optional(t.text({ title: "Search" })),
73
- role: t.optional(t.enum([
74
- "admin",
75
- "user",
76
- "guest"
77
- ], { title: "Role" })),
78
- status: t.optional(t.enum(["active", "inactive"], { title: "Status" }))
79
- });
80
- const showcaseSchema = t.object({
81
- withCheckbox: t.boolean({
82
- title: "Checkbox",
83
- default: true,
84
- $control: { switch: true }
85
- }),
86
- withExport: t.boolean({
87
- title: "Export",
88
- default: true,
89
- $control: { switch: true }
90
- }),
91
- withPanel: t.boolean({
92
- title: "Panel",
93
- default: true,
94
- $control: { switch: true }
95
- }),
96
- withDrawer: t.boolean({
97
- title: "Drawer",
98
- default: true,
99
- $control: { switch: true }
100
- }),
101
- defaultSize: t.integer({
102
- title: "Page Size",
103
- default: 5,
104
- minimum: 1,
105
- maximum: 20,
106
- $control: { slider: true }
107
- })
108
- });
109
- const DemoDataTable = () => {
110
- return /* @__PURE__ */ jsx(Showcase, {
111
- title: "DataTable",
112
- schema: showcaseSchema,
113
- initialValues: {
114
- withCheckbox: true,
115
- withExport: true,
116
- withPanel: true,
117
- withDrawer: true,
118
- defaultSize: 5
119
- },
120
- columns: 1,
121
- children: (props) => /* @__PURE__ */ jsx(DataTable, {
122
- filters,
123
- defaultFilters: ["search", "role"],
124
- submitOnInit: true,
125
- defaultSize: props.defaultSize,
126
- withCheckbox: props.withCheckbox,
127
- withExport: props.withExport,
128
- getItemKey: (u) => String(u.id),
129
- onFilterChange: (key, _value, form) => {
130
- if (key === "role" || key === "status") return form.submit();
131
- },
132
- typeFormProps: {
133
- skipSubmitButton: true,
134
- columns: 3
135
- },
136
- items: async (params) => {
137
- let filtered = [...sampleUsers];
138
- if (params.search) {
139
- const s = params.search.toLowerCase();
140
- filtered = filtered.filter((u) => u.name.toLowerCase().includes(s) || u.email.toLowerCase().includes(s));
141
- }
142
- if (params.role) filtered = filtered.filter((u) => u.role === params.role);
143
- if (params.status) filtered = filtered.filter((u) => u.status === params.status);
144
- const start = params.page * params.size;
145
- return {
146
- content: filtered.slice(start, start + params.size),
147
- page: {
148
- totalElements: filtered.length,
149
- totalPages: Math.ceil(filtered.length / params.size)
150
- }
151
- };
152
- },
153
- actions: [{
154
- tooltip: "Add User",
155
- icon: IconPlus,
156
- variant: "light",
157
- size: "xs",
158
- onClick: () => alert("Add user clicked")
159
- }],
160
- checkboxActions: [{
161
- label: "Export Selected",
162
- icon: /* @__PURE__ */ jsx(IconDownload, { size: 14 }),
163
- intent: "primary",
164
- onClick: ({ selectedItems, clearSelection }) => {
165
- alert(`Exporting ${selectedItems.length} users`);
166
- clearSelection();
167
- }
168
- }, {
169
- label: "Delete Selected",
170
- icon: /* @__PURE__ */ jsx(IconTrash, { size: 14 }),
171
- intent: "danger",
172
- onClick: ({ selectedItems, clearSelection }) => {
173
- alert(`Deleting ${selectedItems.length} users`);
174
- clearSelection();
175
- }
176
- }],
177
- columns: {
178
- id: {
179
- label: "ID",
180
- value: (u) => /* @__PURE__ */ jsx(Text$1, {
181
- size: "sm",
182
- children: u.id
183
- }),
184
- sortable: true,
185
- fit: true
186
- },
187
- name: {
188
- label: "Name",
189
- value: (u) => /* @__PURE__ */ jsx(Text$1, {
190
- size: "sm",
191
- fw: 500,
192
- children: u.name
193
- }),
194
- sortable: true
195
- },
196
- email: {
197
- label: "Email",
198
- value: (u) => /* @__PURE__ */ jsx(Text$1, {
199
- size: "sm",
200
- c: "dimmed",
201
- children: u.email
202
- })
203
- },
204
- role: {
205
- label: "Role",
206
- value: (u) => /* @__PURE__ */ jsx(Badge, {
207
- size: "sm",
208
- color: u.role === "admin" ? "blue" : u.role === "user" ? "green" : "gray",
209
- children: u.role
210
- })
211
- },
212
- status: {
213
- label: "Status",
214
- value: (u) => /* @__PURE__ */ jsx(Badge, {
215
- size: "sm",
216
- color: u.status === "active" ? "green" : "red",
217
- variant: "light",
218
- children: u.status
219
- })
220
- },
221
- notes: {
222
- label: "Notes",
223
- defaultHidden: true,
224
- value: (u) => /* @__PURE__ */ jsx(Text$1, {
225
- size: "xs",
226
- c: "dimmed",
227
- lineClamp: 1,
228
- children: u.notes ?? "—"
229
- })
230
- }
231
- },
232
- rowActions: (u) => [{
233
- label: "Edit",
234
- icon: IconEdit,
235
- color: "blue",
236
- onClick: () => alert(`Edit ${u.name}`)
237
- }, {
238
- label: "Delete",
239
- icon: IconTrash,
240
- color: "red",
241
- onClick: () => alert(`Delete ${u.name}`),
242
- visible: u.role !== "admin"
243
- }],
244
- panel: props.withPanel ? {
245
- can: (u) => Boolean(u.notes),
246
- render: (u) => /* @__PURE__ */ jsxs(Flex, {
247
- direction: "column",
248
- gap: "xs",
249
- p: "sm",
250
- children: [/* @__PURE__ */ jsx(Text$1, {
251
- size: "xs",
252
- c: "dimmed",
253
- tt: "uppercase",
254
- fw: 600,
255
- children: "Notes"
256
- }), /* @__PURE__ */ jsx(Text$1, {
257
- size: "sm",
258
- children: u.notes
259
- })]
260
- })
261
- } : void 0,
262
- drawer: props.withDrawer ? (u) => /* @__PURE__ */ jsxs(Flex, {
263
- direction: "column",
264
- gap: "md",
265
- children: [
266
- /* @__PURE__ */ jsx(Text$1, {
267
- size: "lg",
268
- fw: 600,
269
- children: u.name
270
- }),
271
- /* @__PURE__ */ jsx(Paper, {
272
- p: "sm",
273
- radius: "md",
274
- withBorder: true,
275
- children: /* @__PURE__ */ jsxs(Flex, {
276
- direction: "column",
277
- gap: "xs",
278
- children: [
279
- /* @__PURE__ */ jsxs(Flex, {
280
- gap: "xs",
281
- children: [/* @__PURE__ */ jsx(Text$1, {
282
- size: "sm",
283
- c: "dimmed",
284
- w: 60,
285
- children: "Email"
286
- }), /* @__PURE__ */ jsx(Text$1, {
287
- size: "sm",
288
- children: u.email
289
- })]
290
- }),
291
- /* @__PURE__ */ jsxs(Flex, {
292
- gap: "xs",
293
- children: [/* @__PURE__ */ jsx(Text$1, {
294
- size: "sm",
295
- c: "dimmed",
296
- w: 60,
297
- children: "Role"
298
- }), /* @__PURE__ */ jsx(Badge, {
299
- size: "sm",
300
- color: u.role === "admin" ? "blue" : u.role === "user" ? "green" : "gray",
301
- children: u.role
302
- })]
303
- }),
304
- /* @__PURE__ */ jsxs(Flex, {
305
- gap: "xs",
306
- children: [/* @__PURE__ */ jsx(Text$1, {
307
- size: "sm",
308
- c: "dimmed",
309
- w: 60,
310
- children: "Status"
311
- }), /* @__PURE__ */ jsx(Badge, {
312
- size: "sm",
313
- color: u.status === "active" ? "green" : "red",
314
- variant: "light",
315
- children: u.status
316
- })]
317
- })
318
- ]
319
- })
320
- }),
321
- u.notes && /* @__PURE__ */ jsxs(Paper, {
322
- p: "sm",
323
- radius: "md",
324
- withBorder: true,
325
- children: [/* @__PURE__ */ jsx(Text$1, {
326
- size: "sm",
327
- fw: 600,
328
- mb: "xs",
329
- children: "Notes"
330
- }), /* @__PURE__ */ jsx(Text$1, {
331
- size: "sm",
332
- children: u.notes
333
- })]
334
- }),
335
- /* @__PURE__ */ jsxs(Paper, {
336
- p: "sm",
337
- radius: "md",
338
- withBorder: true,
339
- children: [/* @__PURE__ */ jsx(Text$1, {
340
- size: "sm",
341
- fw: 600,
342
- mb: "xs",
343
- children: "Raw Data"
344
- }), /* @__PURE__ */ jsx(Code, {
345
- block: true,
346
- children: JSON.stringify(u, null, 2)
347
- })]
348
- })
349
- ]
350
- }) : void 0,
351
- tableProps: { highlightOnHover: true }
352
- }, JSON.stringify(props))
353
- });
354
- };
355
-
356
- //#endregion
357
- export { DemoDataTable as default };
358
- //# sourceMappingURL=DemoDataTable-QFG-xXSx.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DemoDataTable-QFG-xXSx.js","names":["Text"],"sources":["../../src/demo/components/core/DemoDataTable.tsx"],"sourcesContent":["import { DataTable, Text } from \"@alepha/ui\";\nimport { Badge, Code, Flex, Paper } from \"@mantine/core\";\nimport {\n IconDownload,\n IconEdit,\n IconPlus,\n IconTrash,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\ninterface User {\n id: number;\n name: string;\n email: string;\n role: \"admin\" | \"user\" | \"guest\";\n status: \"active\" | \"inactive\";\n notes?: string;\n}\n\nconst sampleUsers: User[] = [\n {\n id: 1,\n name: \"Alice Johnson\",\n email: \"alice@example.com\",\n role: \"admin\",\n status: \"active\",\n notes: \"Team lead for the backend team.\",\n },\n {\n id: 2,\n name: \"Bob Smith\",\n email: \"bob@example.com\",\n role: \"user\",\n status: \"active\",\n },\n {\n id: 3,\n name: \"Charlie Brown\",\n email: \"charlie@example.com\",\n role: \"user\",\n status: \"inactive\",\n notes: \"On leave until March.\",\n },\n {\n id: 4,\n name: \"Diana Prince\",\n email: \"diana@example.com\",\n role: \"admin\",\n status: \"active\",\n },\n {\n id: 5,\n name: \"Eve Wilson\",\n email: \"eve@example.com\",\n role: \"guest\",\n status: \"active\",\n notes: \"External consultant, limited access.\",\n },\n {\n id: 6,\n name: \"Frank Castle\",\n email: \"frank@example.com\",\n role: \"user\",\n status: \"inactive\",\n },\n {\n id: 7,\n name: \"Grace Hopper\",\n email: \"grace@example.com\",\n role: \"admin\",\n status: \"active\",\n notes: \"Pioneered compiler development.\",\n },\n {\n id: 8,\n name: \"Hank Pym\",\n email: \"hank@example.com\",\n role: \"user\",\n status: \"active\",\n },\n];\n\nconst filters = t.object({\n search: t.optional(t.text({ title: \"Search\" })),\n role: t.optional(t.enum([\"admin\", \"user\", \"guest\"], { title: \"Role\" })),\n status: t.optional(t.enum([\"active\", \"inactive\"], { title: \"Status\" })),\n});\n\nconst showcaseSchema = t.object({\n withCheckbox: t.boolean({\n title: \"Checkbox\",\n default: true,\n $control: { switch: true },\n }),\n withExport: t.boolean({\n title: \"Export\",\n default: true,\n $control: { switch: true },\n }),\n withPanel: t.boolean({\n title: \"Panel\",\n default: true,\n $control: { switch: true },\n }),\n withDrawer: t.boolean({\n title: \"Drawer\",\n default: true,\n $control: { switch: true },\n }),\n defaultSize: t.integer({\n title: \"Page Size\",\n default: 5,\n minimum: 1,\n maximum: 20,\n $control: { slider: true },\n }),\n});\n\nconst DemoDataTable = () => {\n return (\n <Showcase\n title=\"DataTable\"\n schema={showcaseSchema}\n initialValues={{\n withCheckbox: true,\n withExport: true,\n withPanel: true,\n withDrawer: true,\n defaultSize: 5,\n }}\n columns={1}\n >\n {(props) => (\n <DataTable<User, typeof filters>\n key={JSON.stringify(props)}\n filters={filters}\n defaultFilters={[\"search\", \"role\"]}\n submitOnInit\n defaultSize={props.defaultSize}\n withCheckbox={props.withCheckbox}\n withExport={props.withExport}\n getItemKey={(u) => String(u.id)}\n onFilterChange={(key, _value, form) => {\n if (key === \"role\" || key === \"status\") {\n return form.submit();\n }\n }}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 3,\n }}\n items={async (params) => {\n let filtered = [...sampleUsers];\n if (params.search) {\n const s = params.search.toLowerCase();\n filtered = filtered.filter(\n (u) =>\n u.name.toLowerCase().includes(s) ||\n u.email.toLowerCase().includes(s),\n );\n }\n if (params.role) {\n filtered = filtered.filter((u) => u.role === params.role);\n }\n if (params.status) {\n filtered = filtered.filter((u) => u.status === params.status);\n }\n const start = params.page * params.size;\n const content = filtered.slice(start, start + params.size);\n return {\n content,\n page: {\n totalElements: filtered.length,\n totalPages: Math.ceil(filtered.length / params.size),\n },\n };\n }}\n actions={[\n {\n tooltip: \"Add User\",\n icon: IconPlus,\n variant: \"light\",\n size: \"xs\",\n onClick: () => alert(\"Add user clicked\"),\n },\n ]}\n checkboxActions={[\n {\n label: \"Export Selected\",\n icon: <IconDownload size={14} />,\n intent: \"primary\",\n onClick: ({ selectedItems, clearSelection }) => {\n alert(`Exporting ${selectedItems.length} users`);\n clearSelection();\n },\n },\n {\n label: \"Delete Selected\",\n icon: <IconTrash size={14} />,\n intent: \"danger\",\n onClick: ({ selectedItems, clearSelection }) => {\n alert(`Deleting ${selectedItems.length} users`);\n clearSelection();\n },\n },\n ]}\n columns={{\n id: {\n label: \"ID\",\n value: (u) => <Text size=\"sm\">{u.id}</Text>,\n sortable: true,\n fit: true,\n },\n name: {\n label: \"Name\",\n value: (u) => (\n <Text size=\"sm\" fw={500}>\n {u.name}\n </Text>\n ),\n sortable: true,\n },\n email: {\n label: \"Email\",\n value: (u) => (\n <Text size=\"sm\" c=\"dimmed\">\n {u.email}\n </Text>\n ),\n },\n role: {\n label: \"Role\",\n value: (u) => (\n <Badge\n size=\"sm\"\n color={\n u.role === \"admin\"\n ? \"blue\"\n : u.role === \"user\"\n ? \"green\"\n : \"gray\"\n }\n >\n {u.role}\n </Badge>\n ),\n },\n status: {\n label: \"Status\",\n value: (u) => (\n <Badge\n size=\"sm\"\n color={u.status === \"active\" ? \"green\" : \"red\"}\n variant=\"light\"\n >\n {u.status}\n </Badge>\n ),\n },\n notes: {\n label: \"Notes\",\n defaultHidden: true,\n value: (u) => (\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {u.notes ?? \"—\"}\n </Text>\n ),\n },\n }}\n rowActions={(u) => [\n {\n label: \"Edit\",\n icon: IconEdit,\n color: \"blue\",\n onClick: () => alert(`Edit ${u.name}`),\n },\n {\n label: \"Delete\",\n icon: IconTrash,\n color: \"red\",\n onClick: () => alert(`Delete ${u.name}`),\n visible: u.role !== \"admin\",\n },\n ]}\n panel={\n props.withPanel\n ? {\n can: (u) => Boolean(u.notes),\n render: (u) => (\n <Flex direction=\"column\" gap=\"xs\" p=\"sm\">\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Notes\n </Text>\n <Text size=\"sm\">{u.notes}</Text>\n </Flex>\n ),\n }\n : undefined\n }\n drawer={\n props.withDrawer\n ? (u) => (\n <Flex direction=\"column\" gap=\"md\">\n <Text size=\"lg\" fw={600}>\n {u.name}\n </Text>\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Flex direction=\"column\" gap=\"xs\">\n <Flex gap=\"xs\">\n <Text size=\"sm\" c=\"dimmed\" w={60}>\n Email\n </Text>\n <Text size=\"sm\">{u.email}</Text>\n </Flex>\n <Flex gap=\"xs\">\n <Text size=\"sm\" c=\"dimmed\" w={60}>\n Role\n </Text>\n <Badge\n size=\"sm\"\n color={\n u.role === \"admin\"\n ? \"blue\"\n : u.role === \"user\"\n ? \"green\"\n : \"gray\"\n }\n >\n {u.role}\n </Badge>\n </Flex>\n <Flex gap=\"xs\">\n <Text size=\"sm\" c=\"dimmed\" w={60}>\n Status\n </Text>\n <Badge\n size=\"sm\"\n color={u.status === \"active\" ? \"green\" : \"red\"}\n variant=\"light\"\n >\n {u.status}\n </Badge>\n </Flex>\n </Flex>\n </Paper>\n {u.notes && (\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Notes\n </Text>\n <Text size=\"sm\">{u.notes}</Text>\n </Paper>\n )}\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Raw Data\n </Text>\n <Code block>{JSON.stringify(u, null, 2)}</Code>\n </Paper>\n </Flex>\n )\n : undefined\n }\n tableProps={{\n highlightOnHover: true,\n }}\n />\n )}\n </Showcase>\n );\n};\n\nexport default DemoDataTable;\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DemoLayout-Cy6xjn6P.js","names":["Breadcrumbs","SidebarCollapseButton"],"sources":["../../src/demo/components/DemoLayout.tsx"],"sourcesContent":["import {\n AlephaMantineProvider,\n Breadcrumbs,\n DashboardShell,\n SidebarCollapseButton,\n ui,\n} from \"@alepha/ui\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { DemoRouter } from \"../DemoRouter.ts\";\n\nconst DemoLayout = () => {\n const router = useRouter<DemoRouter>();\n return (\n <AlephaMantineProvider>\n <DashboardShell\n appShellProps={{\n withBorder: false,\n bg: ui.colors.background,\n }}\n appShellHeaderProps={{\n bg: \"transparent\",\n }}\n appBarProps={{\n items: [\n {\n type: \"burger\",\n position: \"left\",\n },\n {\n element: <Breadcrumbs />,\n position: \"left\",\n },\n {\n type: \"dark\",\n position: \"right\",\n },\n ],\n }}\n sidebarProps={{\n items: [\n router.node(\"demoHome\"),\n {\n ...router.node(\"demoCore\"),\n children: [\n router.node(\"demoFlex\"),\n router.node(\"demoText\"),\n router.node(\"demoHeading\"),\n router.node(\"demoButton\"),\n ],\n },\n {\n ...router.node(\"demoLayoutSection\"),\n children: [\n router.node(\"demoSidebar\"),\n router.node(\"demoDialog\"),\n router.node(\"demoToast\"),\n ],\n },\n {\n ...router.node(\"demoForm\"),\n children: [router.node(\"demoTypeForm\")],\n },\n {\n ...router.node(\"demoTable\"),\n children: [router.node(\"demoDataTable\")],\n },\n {\n ...router.node(\"demoJson\"),\n children: [router.node(\"demoJsonViewer\")],\n },\n {\n ...router.node(\"demoAuth\"),\n children: [router.node(\"demoLogin\"), router.node(\"demoRegister\")],\n },\n {\n position: \"bottom\",\n element: <SidebarCollapseButton />,\n },\n ],\n }}\n />\n </AlephaMantineProvider>\n );\n};\n\nexport default DemoLayout;\n"],"mappings":";;;;;AAUA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAAuB;AACtC,QACE,oBAAC,mCACC,oBAAC;EACC,eAAe;GACb,YAAY;GACZ,IAAI,GAAG,OAAO;GACf;EACD,qBAAqB,EACnB,IAAI,eACL;EACD,aAAa,EACX,OAAO;GACL;IACE,MAAM;IACN,UAAU;IACX;GACD;IACE,SAAS,oBAACA,eAAc;IACxB,UAAU;IACX;GACD;IACE,MAAM;IACN,UAAU;IACX;GACF,EACF;EACD,cAAc,EACZ,OAAO;GACL,OAAO,KAAK,WAAW;GACvB;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU;KACR,OAAO,KAAK,WAAW;KACvB,OAAO,KAAK,WAAW;KACvB,OAAO,KAAK,cAAc;KAC1B,OAAO,KAAK,aAAa;KAC1B;IACF;GACD;IACE,GAAG,OAAO,KAAK,oBAAoB;IACnC,UAAU;KACR,OAAO,KAAK,cAAc;KAC1B,OAAO,KAAK,aAAa;KACzB,OAAO,KAAK,YAAY;KACzB;IACF;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,eAAe,CAAC;IACxC;GACD;IACE,GAAG,OAAO,KAAK,YAAY;IAC3B,UAAU,CAAC,OAAO,KAAK,gBAAgB,CAAC;IACzC;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,iBAAiB,CAAC;IAC1C;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,YAAY,EAAE,OAAO,KAAK,eAAe,CAAC;IAClE;GACD;IACE,UAAU;IACV,SAAS,oBAACC,wBAAwB;IACnC;GACF,EACF;GACD,GACoB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DemoLogin-vqxgTu4P.js","names":[],"sources":["../../src/demo/components/auth/DemoLogin.tsx"],"sourcesContent":["import { Login } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n showCredentials: t.boolean({\n title: \"Credentials\",\n default: true,\n $control: { switch: true },\n }),\n showGoogleOAuth: t.boolean({\n title: \"Google OAuth\",\n default: true,\n $control: { switch: true },\n }),\n showGithubOAuth: t.boolean({\n title: \"GitHub OAuth\",\n default: false,\n $control: { switch: true },\n }),\n usernameEnabled: t.boolean({\n title: \"Username Login\",\n default: true,\n $control: { switch: true },\n }),\n emailEnabled: t.boolean({\n title: \"Email Login\",\n default: true,\n $control: { switch: true },\n }),\n phoneEnabled: t.boolean({\n title: \"Phone Login\",\n default: false,\n $control: { switch: true },\n }),\n registrationAllowed: t.boolean({\n title: \"Show Sign Up\",\n default: true,\n $control: { switch: true },\n }),\n resetPasswordAllowed: t.boolean({\n title: \"Forgot Password\",\n default: true,\n $control: { switch: true },\n }),\n showBranding: t.boolean({\n title: \"Show Branding\",\n default: true,\n $control: { switch: true },\n }),\n});\n\nconst buildRealmConfig = (props: {\n showCredentials: boolean;\n showGoogleOAuth: boolean;\n showGithubOAuth: boolean;\n usernameEnabled: boolean;\n emailEnabled: boolean;\n phoneEnabled: boolean;\n registrationAllowed: boolean;\n resetPasswordAllowed: boolean;\n showBranding: boolean;\n}): RealmConfig => {\n const authMethods: RealmConfig[\"authenticationMethods\"] = [];\n\n if (props.showCredentials) {\n authMethods.push({ name: \"credentials\", type: \"CREDENTIALS\" });\n }\n if (props.showGoogleOAuth) {\n authMethods.push({ name: \"google\", type: \"OAUTH2\" });\n }\n if (props.showGithubOAuth) {\n authMethods.push({ name: \"github\", type: \"OAUTH2\" });\n }\n\n return {\n realmName: \"demo\",\n authenticationMethods: authMethods,\n settings: {\n displayName: props.showBranding ? \"Demo App\" : undefined,\n description: props.showBranding ? \"Sign in to continue\" : undefined,\n logoUrl: undefined,\n registrationAllowed: props.registrationAllowed,\n emailEnabled: props.emailEnabled,\n emailRequired: false,\n usernameEnabled: props.usernameEnabled,\n usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n usernameRequired: false,\n phoneEnabled: props.phoneEnabled,\n phoneRequired: false,\n verifyEmailRequired: false,\n verifyPhoneRequired: false,\n firstNameLastNameEnabled: false,\n firstNameLastNameRequired: false,\n resetPasswordAllowed: props.resetPasswordAllowed,\n adminEmails: [],\n adminUsernames: [],\n passwordPolicy: {\n minLength: 8,\n requireUppercase: true,\n requireLowercase: true,\n requireNumbers: true,\n requireSpecialCharacters: false,\n },\n },\n };\n};\n\nconst DemoLogin = () => {\n return (\n <Showcase\n title=\"Login\"\n schema={showcaseSchema}\n initialValues={{\n showCredentials: true,\n showGoogleOAuth: true,\n showGithubOAuth: false,\n usernameEnabled: true,\n emailEnabled: true,\n phoneEnabled: false,\n registrationAllowed: true,\n resetPasswordAllowed: true,\n showBranding: true,\n }}\n columns={1}\n >\n {(props) => <Login realmConfig={buildRealmConfig(props)} />}\n </Showcase>\n );\n};\n\nexport default DemoLogin;\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,qBAAqB,EAAE,QAAQ;EAC7B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UAUP;CACjB,MAAM,cAAoD,EAAE;AAE5D,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAe,MAAM;EAAe,CAAC;AAEhE,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAEtD,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAGtD,QAAO;EACL,WAAW;EACX,uBAAuB;EACvB,UAAU;GACR,aAAa,MAAM,eAAe,aAAa;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;GACT,qBAAqB,MAAM;GAC3B,cAAc,MAAM;GACpB,eAAe;GACf,iBAAiB,MAAM;GACvB,gBAAgB;GAChB,kBAAkB;GAClB,cAAc,MAAM;GACpB,eAAe;GACf,qBAAqB;GACrB,qBAAqB;GACrB,0BAA0B;GAC1B,2BAA2B;GAC3B,sBAAsB,MAAM;GAC5B,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,kBAAkB;AACtB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,cAAc;GACd,cAAc;GACd,qBAAqB;GACrB,sBAAsB;GACtB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,SAAM,aAAa,iBAAiB,MAAM,GAAI;GAClD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DemoRegister-YHPvPg77.js","names":[],"sources":["../../src/demo/components/auth/DemoRegister.tsx"],"sourcesContent":["import { Register } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n showCredentials: t.boolean({\n title: \"Credentials\",\n default: true,\n $control: { switch: true },\n }),\n showGoogleOAuth: t.boolean({\n title: \"Google OAuth\",\n default: true,\n $control: { switch: true },\n }),\n showGithubOAuth: t.boolean({\n title: \"GitHub OAuth\",\n default: false,\n $control: { switch: true },\n }),\n usernameEnabled: t.boolean({\n title: \"Username Field\",\n default: true,\n $control: { switch: true },\n }),\n usernameRequired: t.boolean({\n title: \"Username Required\",\n default: false,\n $control: { switch: true },\n }),\n emailEnabled: t.boolean({\n title: \"Email Field\",\n default: true,\n $control: { switch: true },\n }),\n emailRequired: t.boolean({\n title: \"Email Required\",\n default: true,\n $control: { switch: true },\n }),\n phoneEnabled: t.boolean({\n title: \"Phone Field\",\n default: false,\n $control: { switch: true },\n }),\n phoneRequired: t.boolean({\n title: \"Phone Required\",\n default: false,\n $control: { switch: true },\n }),\n registrationAllowed: t.boolean({\n title: \"Registration Allowed\",\n default: true,\n $control: { switch: true },\n }),\n showBranding: t.boolean({\n title: \"Show Branding\",\n default: true,\n $control: { switch: true },\n }),\n});\n\nconst buildRealmConfig = (props: {\n showCredentials: boolean;\n showGoogleOAuth: boolean;\n showGithubOAuth: boolean;\n usernameEnabled: boolean;\n usernameRequired: boolean;\n emailEnabled: boolean;\n emailRequired: boolean;\n phoneEnabled: boolean;\n phoneRequired: boolean;\n registrationAllowed: boolean;\n showBranding: boolean;\n}): RealmConfig => {\n const authMethods: RealmConfig[\"authenticationMethods\"] = [];\n\n if (props.showCredentials) {\n authMethods.push({ name: \"credentials\", type: \"CREDENTIALS\" });\n }\n if (props.showGoogleOAuth) {\n authMethods.push({ name: \"google\", type: \"OAUTH2\" });\n }\n if (props.showGithubOAuth) {\n authMethods.push({ name: \"github\", type: \"OAUTH2\" });\n }\n\n return {\n realmName: \"demo\",\n authenticationMethods: authMethods,\n settings: {\n displayName: props.showBranding ? \"Demo App\" : undefined,\n description: props.showBranding ? \"Create your account\" : undefined,\n logoUrl: undefined,\n registrationAllowed: props.registrationAllowed,\n emailEnabled: props.emailEnabled,\n emailRequired: props.emailRequired,\n usernameEnabled: props.usernameEnabled,\n usernameRequired: props.usernameRequired,\n usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n phoneEnabled: props.phoneEnabled,\n phoneRequired: props.phoneRequired,\n verifyEmailRequired: false,\n verifyPhoneRequired: false,\n firstNameLastNameEnabled: false,\n firstNameLastNameRequired: false,\n resetPasswordAllowed: true,\n adminEmails: [],\n adminUsernames: [],\n passwordPolicy: {\n minLength: 8,\n requireUppercase: true,\n requireLowercase: true,\n requireNumbers: true,\n requireSpecialCharacters: false,\n },\n },\n };\n};\n\nconst DemoRegister = () => {\n return (\n <Showcase\n title=\"Register\"\n schema={showcaseSchema}\n initialValues={{\n showCredentials: true,\n showGoogleOAuth: true,\n showGithubOAuth: false,\n usernameEnabled: true,\n usernameRequired: false,\n emailEnabled: true,\n emailRequired: true,\n phoneEnabled: false,\n phoneRequired: false,\n registrationAllowed: true,\n showBranding: true,\n }}\n columns={1}\n >\n {(props) => <Register realmConfig={buildRealmConfig(props)} />}\n </Showcase>\n );\n};\n\nexport default DemoRegister;\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,kBAAkB,EAAE,QAAQ;EAC1B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,eAAe,EAAE,QAAQ;EACvB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,eAAe,EAAE,QAAQ;EACvB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,qBAAqB,EAAE,QAAQ;EAC7B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UAYP;CACjB,MAAM,cAAoD,EAAE;AAE5D,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAe,MAAM;EAAe,CAAC;AAEhE,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAEtD,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAGtD,QAAO;EACL,WAAW;EACX,uBAAuB;EACvB,UAAU;GACR,aAAa,MAAM,eAAe,aAAa;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;GACT,qBAAqB,MAAM;GAC3B,cAAc,MAAM;GACpB,eAAe,MAAM;GACrB,iBAAiB,MAAM;GACvB,kBAAkB,MAAM;GACxB,gBAAgB;GAChB,cAAc,MAAM;GACpB,eAAe,MAAM;GACrB,qBAAqB;GACrB,qBAAqB;GACrB,0BAA0B;GAC1B,2BAA2B;GAC3B,sBAAsB;GACtB,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,qBAAqB;AACzB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,kBAAkB;GAClB,cAAc;GACd,eAAe;GACf,cAAc;GACd,eAAe;GACf,qBAAqB;GACrB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,YAAS,aAAa,iBAAiB,MAAM,GAAI;GACrD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DemoResetPassword-mOW18Zlm.js","names":[],"sources":["../../src/demo/components/auth/DemoResetPassword.tsx"],"sourcesContent":["import { ResetPassword } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n resetPasswordAllowed: t.boolean({\n title: \"Reset Allowed\",\n default: true,\n $control: { switch: true },\n }),\n showBranding: t.boolean({\n title: \"Show Branding\",\n default: true,\n $control: { switch: true },\n }),\n});\n\nconst buildRealmConfig = (props: {\n resetPasswordAllowed: boolean;\n showBranding: boolean;\n}): RealmConfig => {\n return {\n realmName: \"demo\",\n authenticationMethods: [{ name: \"credentials\", type: \"CREDENTIALS\" }],\n settings: {\n displayName: props.showBranding ? \"Demo App\" : undefined,\n description: props.showBranding ? \"Reset your password\" : undefined,\n logoUrl: undefined,\n registrationAllowed: true,\n emailEnabled: true,\n emailRequired: true,\n usernameEnabled: false,\n usernameRequired: false,\n usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n phoneEnabled: false,\n phoneRequired: false,\n verifyEmailRequired: false,\n verifyPhoneRequired: false,\n firstNameLastNameEnabled: false,\n firstNameLastNameRequired: false,\n resetPasswordAllowed: props.resetPasswordAllowed,\n adminEmails: [],\n adminUsernames: [],\n passwordPolicy: {\n minLength: 8,\n requireUppercase: true,\n requireLowercase: true,\n requireNumbers: true,\n requireSpecialCharacters: false,\n },\n },\n };\n};\n\nconst DemoResetPassword = () => {\n return (\n <Showcase\n title=\"ResetPassword\"\n schema={showcaseSchema}\n initialValues={{\n resetPasswordAllowed: true,\n showBranding: true,\n }}\n columns={1}\n >\n {(props) => <ResetPassword realmConfig={buildRealmConfig(props)} />}\n </Showcase>\n );\n};\n\nexport default DemoResetPassword;\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UAGP;AACjB,QAAO;EACL,WAAW;EACX,uBAAuB,CAAC;GAAE,MAAM;GAAe,MAAM;GAAe,CAAC;EACrE,UAAU;GACR,aAAa,MAAM,eAAe,aAAa;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;GACT,qBAAqB;GACrB,cAAc;GACd,eAAe;GACf,iBAAiB;GACjB,kBAAkB;GAClB,gBAAgB;GAChB,cAAc;GACd,eAAe;GACf,qBAAqB;GACrB,qBAAqB;GACrB,0BAA0B;GAC1B,2BAA2B;GAC3B,sBAAsB,MAAM;GAC5B,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,0BAA0B;AAC9B,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,sBAAsB;GACtB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,iBAAc,aAAa,iBAAiB,MAAM,GAAI;GAC1D"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DemoTypeForm-C1dNkahD.js","names":[],"sources":["../../src/demo/components/core/DemoTypeForm.tsx"],"sourcesContent":["import { TypeForm } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport { useForm } from \"alepha/react/form\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst formSchema = t.object({\n username: t.text({ title: \"Username\", default: \"\" }),\n email: t.email({ title: \"Email\", default: \"\" }),\n age: t.integer({ title: \"Age\", minimum: 0, maximum: 120 }),\n role: t.enum([\"admin\", \"user\", \"guest\"], { title: \"Role\", default: \"user\" }),\n subscribe: t.boolean({ title: \"Subscribe\", default: false }),\n});\n\nconst showcaseSchema = t.object({\n columns: t.integer({\n title: \"Columns\",\n default: 1,\n minimum: 1,\n maximum: 4,\n $control: { slider: true },\n }),\n fill: t.boolean({\n title: \"Fill Width\",\n default: false,\n $control: { switch: true },\n }),\n skipSubmitButton: t.boolean({\n title: \"Hide Submit\",\n default: false,\n $control: { switch: true },\n }),\n});\n\nconst DemoTypeForm = () => {\n const form = useForm(\n {\n schema: formSchema,\n handler: (values) => {\n alert(JSON.stringify(values, null, 2));\n },\n },\n [],\n );\n\n return (\n <Showcase\n title=\"TypeForm\"\n schema={showcaseSchema}\n initialValues={{\n columns: 1,\n fill: false,\n skipSubmitButton: false,\n }}\n columns={1}\n >\n {(props) => (\n <TypeForm\n form={form}\n columns={props.columns}\n fill={props.fill}\n skipSubmitButton={props.skipSubmitButton}\n submitButtonProps={{ children: \"Submit\" }}\n />\n )}\n </Showcase>\n );\n};\n\nexport default DemoTypeForm;\n"],"mappings":";;;;;;;AAKA,MAAM,aAAa,EAAE,OAAO;CAC1B,UAAU,EAAE,KAAK;EAAE,OAAO;EAAY,SAAS;EAAI,CAAC;CACpD,OAAO,EAAE,MAAM;EAAE,OAAO;EAAS,SAAS;EAAI,CAAC;CAC/C,KAAK,EAAE,QAAQ;EAAE,OAAO;EAAO,SAAS;EAAG,SAAS;EAAK,CAAC;CAC1D,MAAM,EAAE,KAAK;EAAC;EAAS;EAAQ;EAAQ,EAAE;EAAE,OAAO;EAAQ,SAAS;EAAQ,CAAC;CAC5E,WAAW,EAAE,QAAQ;EAAE,OAAO;EAAa,SAAS;EAAO,CAAC;CAC7D,CAAC;AAEF,MAAM,iBAAiB,EAAE,OAAO;CAC9B,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,MAAM,EAAE,QAAQ;EACd,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,kBAAkB,EAAE,QAAQ;EAC1B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,qBAAqB;CACzB,MAAM,OAAO,QACX;EACE,QAAQ;EACR,UAAU,WAAW;AACnB,SAAM,KAAK,UAAU,QAAQ,MAAM,EAAE,CAAC;;EAEzC,EACD,EAAE,CACH;AAED,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,SAAS;GACT,MAAM;GACN,kBAAkB;GACnB;EACD,SAAS;aAEP,UACA,oBAAC;GACO;GACN,SAAS,MAAM;GACf,MAAM,MAAM;GACZ,kBAAkB,MAAM;GACxB,mBAAmB,EAAE,UAAU,UAAU;IACzC;GAEK"}