@alepha/ui 0.18.2 → 0.19.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.
- package/dist/admin/{AdminApiKeys-BJhIwfD6.js → AdminApiKeys-Bt1PjO6o.js} +3 -4
- package/dist/admin/{AdminApiKeys-BJhIwfD6.js.map → AdminApiKeys-Bt1PjO6o.js.map} +1 -1
- package/dist/admin/{AdminAudits-DzD_4cDt.js → AdminAudits-C7c1CN4c.js} +3 -4
- package/dist/admin/{AdminAudits-DzD_4cDt.js.map → AdminAudits-C7c1CN4c.js.map} +1 -1
- package/dist/admin/{AdminDashboard-C92tIc6x.js → AdminDashboard-C3RXpTp6.js} +3 -4
- package/dist/admin/{AdminDashboard-C92tIc6x.js.map → AdminDashboard-C3RXpTp6.js.map} +1 -1
- package/dist/admin/{AdminFiles-DLpfhBkf.js → AdminFiles-31ivR6Wq.js} +3 -4
- package/dist/admin/{AdminFiles-DLpfhBkf.js.map → AdminFiles-31ivR6Wq.js.map} +1 -1
- package/dist/admin/{AdminJobDashboard-KIOkeMgE.js → AdminJobDashboard-BABLe7hL.js} +73 -25
- package/dist/admin/AdminJobDashboard-BABLe7hL.js.map +1 -0
- package/dist/admin/{AdminJobExecutions-D0Yo_PU0.js → AdminJobExecutions-D-G8RIlr.js} +3 -4
- package/dist/admin/{AdminJobExecutions-D0Yo_PU0.js.map → AdminJobExecutions-D-G8RIlr.js.map} +1 -1
- package/dist/admin/{AdminJobRegistry-PFajqaGK.js → AdminJobRegistry-oIS3K9NX.js} +3 -4
- package/dist/admin/{AdminJobRegistry-PFajqaGK.js.map → AdminJobRegistry-oIS3K9NX.js.map} +1 -1
- package/dist/admin/{AdminLayout-B1DXZHDn.js → AdminLayout-BmZ9mtXh.js} +8 -25
- package/dist/admin/AdminLayout-BmZ9mtXh.js.map +1 -0
- package/dist/admin/AdminNotifications-DHdzksww.js +541 -0
- package/dist/admin/AdminNotifications-DHdzksww.js.map +1 -0
- package/dist/admin/{AdminParameters-BspPeqp_.js → AdminParameters-CyZQSXnN.js} +118 -112
- package/dist/admin/AdminParameters-CyZQSXnN.js.map +1 -0
- package/dist/admin/{AdminSessions-BnH5CZQl.js → AdminSessions--xwELDSO.js} +3 -4
- package/dist/admin/{AdminSessions-BnH5CZQl.js.map → AdminSessions--xwELDSO.js.map} +1 -1
- package/dist/admin/{AdminUserLayout-DUbC6-BI.js → AdminUserLayout-DvBTG5gd.js} +82 -115
- package/dist/admin/AdminUserLayout-DvBTG5gd.js.map +1 -0
- package/dist/admin/{AdminUserProfile-DuTUnjdG.js → AdminUserProfile-CzsPBl6Z.js} +7 -6
- package/dist/admin/AdminUserProfile-CzsPBl6Z.js.map +1 -0
- package/dist/admin/{AdminUserSessions-DvZdAGpL.js → AdminUserSessions-C-aUnhVN.js} +3 -4
- package/dist/admin/{AdminUserSessions-DvZdAGpL.js.map → AdminUserSessions-C-aUnhVN.js.map} +1 -1
- package/dist/admin/{AdminUsers-CR9z0g_5.js → AdminUsers-BYwei5sj.js} +4 -4
- package/dist/admin/AdminUsers-BYwei5sj.js.map +1 -0
- package/dist/admin/{AuthLayout-DsUfp9RG.js → AuthLayout-CkPGLJku.js} +3 -4
- package/dist/admin/{AuthLayout-DsUfp9RG.js.map → AuthLayout-CkPGLJku.js.map} +1 -1
- package/dist/{demo/IconGoogle-CSQLPYwX.js → admin/IconGoogle-8Nkx6yax.js} +2 -4
- package/dist/admin/{IconGoogle-Ch1m3Uzl.js.map → IconGoogle-8Nkx6yax.js.map} +1 -1
- package/dist/admin/Login-DSBqNsZc.js +274 -0
- package/dist/admin/Login-DSBqNsZc.js.map +1 -0
- package/dist/admin/{Profile-B2EcIDB9.js → Profile-CDRjJo0P.js} +31 -29
- package/dist/admin/Profile-CDRjJo0P.js.map +1 -0
- package/dist/admin/{Register-Z3fxRbUF.js → Register-4QGFOnfh.js} +201 -146
- package/dist/admin/Register-4QGFOnfh.js.map +1 -0
- package/dist/admin/{ResetPassword-_Y1qTTKh.js → ResetPassword-Gxc9L_mY.js} +9 -10
- package/dist/admin/ResetPassword-Gxc9L_mY.js.map +1 -0
- package/dist/admin/{VerifyEmail-Bg22bwcC.js → VerifyEmail-D7G5NnaN.js} +25 -11
- package/dist/admin/VerifyEmail-D7G5NnaN.js.map +1 -0
- package/dist/admin/adminUserAtom-DCi4wf-v.js +11 -0
- package/dist/admin/adminUserAtom-DCi4wf-v.js.map +1 -0
- package/dist/admin/{core-BVO_TQxb.js → core-D1AbU50V.js} +662 -570
- package/dist/admin/core-D1AbU50V.js.map +1 -0
- package/dist/admin/index.d.ts +141 -53
- package/dist/admin/index.d.ts.map +1 -1
- package/dist/admin/index.js +67 -49
- package/dist/admin/index.js.map +1 -1
- package/dist/admin/rolldown-runtime-CiIaOW0V.js +13 -0
- package/dist/{demo/AuthLayout-DN-ClJQk.js → auth/AuthLayout-CfRKcTqP.js} +3 -4
- package/dist/auth/{AuthLayout-C161NeF6.js.map → AuthLayout-CfRKcTqP.js.map} +1 -1
- package/dist/{admin/IconGoogle-Ch1m3Uzl.js → auth/IconGoogle-8Nkx6yax.js} +2 -4
- package/dist/auth/{IconGoogle-Ch1m3Uzl.js.map → IconGoogle-8Nkx6yax.js.map} +1 -1
- package/dist/auth/Login-DJyweoPS.js +274 -0
- package/dist/auth/Login-DJyweoPS.js.map +1 -0
- package/dist/auth/{Profile-BMpXJ0oi.js → Profile-Cy93pNTw.js} +31 -29
- package/dist/auth/Profile-Cy93pNTw.js.map +1 -0
- package/dist/auth/{Register-2gx8qll-.js → Register-CSqzzitW.js} +201 -146
- package/dist/auth/Register-CSqzzitW.js.map +1 -0
- package/dist/{demo/ResetPassword-CAPj8MO3.js → auth/ResetPassword-B61QPlQi.js} +9 -10
- package/dist/auth/ResetPassword-B61QPlQi.js.map +1 -0
- package/dist/{demo/VerifyEmail-DFmdCdYs.js → auth/VerifyEmail-CqBJ11id.js} +25 -11
- package/dist/auth/VerifyEmail-CqBJ11id.js.map +1 -0
- package/dist/auth/{core-DyfeVr5c.js → core-C6D3pazL.js} +403 -343
- package/dist/auth/core-C6D3pazL.js.map +1 -0
- package/dist/auth/index.d.ts +93 -54
- package/dist/auth/index.d.ts.map +1 -1
- package/dist/auth/index.js +30 -31
- package/dist/auth/index.js.map +1 -1
- package/dist/auth/rolldown-runtime-CiIaOW0V.js +13 -0
- package/dist/core/index.d.ts +123 -62
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +878 -776
- package/dist/core/index.js.map +1 -1
- package/dist/{auth/AuthLayout-C161NeF6.js → demo/AuthLayout-Dq5tSLSc.js} +3 -4
- package/dist/demo/{AuthLayout-DN-ClJQk.js.map → AuthLayout-Dq5tSLSc.js.map} +1 -1
- package/dist/demo/DemoButton-_Ws2w-J0.js +181 -0
- package/dist/demo/DemoButton-_Ws2w-J0.js.map +1 -0
- package/dist/demo/DemoControlSelect-ChP4ZOpQ.js +304 -0
- package/dist/demo/DemoControlSelect-ChP4ZOpQ.js.map +1 -0
- package/dist/demo/DemoDataTable-Hwf_UUni.js +361 -0
- package/dist/demo/DemoDataTable-Hwf_UUni.js.map +1 -0
- package/dist/demo/{DemoDialog-DW8QEvD1.js → DemoDialog-B01OMVRd.js} +3 -4
- package/dist/demo/{DemoDialog-DW8QEvD1.js.map → DemoDialog-B01OMVRd.js.map} +1 -1
- package/dist/demo/{DemoFlex-CAhLUanT.js → DemoFlex-870PEl0V.js} +4 -5
- package/dist/demo/{DemoFlex-CAhLUanT.js.map → DemoFlex-870PEl0V.js.map} +1 -1
- package/dist/demo/{DemoHeading-yIFmNjHB.js → DemoHeading-C1YR27fz.js} +4 -5
- package/dist/demo/{DemoHeading-yIFmNjHB.js.map → DemoHeading-C1YR27fz.js.map} +1 -1
- package/dist/demo/{DemoHome-BSGuBHus.js → DemoHome-DRbL2eGf.js} +4 -5
- package/dist/demo/{DemoHome-BSGuBHus.js.map → DemoHome-DRbL2eGf.js.map} +1 -1
- package/dist/demo/{DemoJsonViewer-DsA2IpgV.js → DemoJsonViewer-DoABiqBW.js} +4 -5
- package/dist/demo/{DemoJsonViewer-DsA2IpgV.js.map → DemoJsonViewer-DoABiqBW.js.map} +1 -1
- package/dist/demo/{DemoLayout-Cy6xjn6P.js → DemoLayout-CN_PDCX2.js} +16 -8
- package/dist/demo/DemoLayout-CN_PDCX2.js.map +1 -0
- package/dist/demo/{DemoLogin-vqxgTu4P.js → DemoLogin-B5x-ug3Q.js} +51 -35
- package/dist/demo/DemoLogin-B5x-ug3Q.js.map +1 -0
- package/dist/demo/{DemoRegister-YHPvPg77.js → DemoRegister-Q6sg2xuV.js} +51 -53
- package/dist/demo/DemoRegister-Q6sg2xuV.js.map +1 -0
- package/dist/demo/{DemoResetPassword-mOW18Zlm.js → DemoResetPassword-DrqZfmEw.js} +14 -19
- package/dist/demo/DemoResetPassword-DrqZfmEw.js.map +1 -0
- package/dist/demo/{DemoSidebar-od7aLjP_.js → DemoSidebar-CfKS6w1o.js} +4 -5
- package/dist/demo/{DemoSidebar-od7aLjP_.js.map → DemoSidebar-CfKS6w1o.js.map} +1 -1
- package/dist/demo/{DemoText-DU3JeRS0.js → DemoText-pT6Gi5b5.js} +4 -5
- package/dist/demo/{DemoText-DU3JeRS0.js.map → DemoText-pT6Gi5b5.js.map} +1 -1
- package/dist/demo/{DemoToast-CUJEiPRa.js → DemoToast-I13NBzQQ.js} +3 -4
- package/dist/demo/{DemoToast-CUJEiPRa.js.map → DemoToast-I13NBzQQ.js.map} +1 -1
- package/dist/demo/{DemoTypeForm-C1dNkahD.js → DemoTypeForm-BqzcrtvN.js} +9 -6
- package/dist/demo/DemoTypeForm-BqzcrtvN.js.map +1 -0
- package/dist/demo/DemoVerifyEmail-HwD8xfQw.js +33 -0
- package/dist/demo/DemoVerifyEmail-HwD8xfQw.js.map +1 -0
- package/dist/{auth/IconGoogle-Ch1m3Uzl.js → demo/IconGoogle-CwQy4G9y.js} +2 -4
- package/dist/demo/{IconGoogle-CSQLPYwX.js.map → IconGoogle-CwQy4G9y.js.map} +1 -1
- package/dist/demo/Login-CqG1iJbn.js +274 -0
- package/dist/demo/Login-CqG1iJbn.js.map +1 -0
- package/dist/demo/{Profile-BE_Y3co2.js → Profile-C0ojJCaG.js} +31 -29
- package/dist/demo/Profile-C0ojJCaG.js.map +1 -0
- package/dist/demo/{Register-fXHmBpr3.js → Register-KKZwr_lL.js} +201 -146
- package/dist/demo/Register-KKZwr_lL.js.map +1 -0
- package/dist/{auth/ResetPassword-DBxt9hKk.js → demo/ResetPassword-DMrLFEtr.js} +9 -10
- package/dist/demo/ResetPassword-DMrLFEtr.js.map +1 -0
- package/dist/demo/{Showcase-BtEU0pY9.js → Showcase-D49Wud2v.js} +65 -68
- package/dist/demo/Showcase-D49Wud2v.js.map +1 -0
- package/dist/{auth/VerifyEmail-Z80Ubajk.js → demo/VerifyEmail-BFCAFz6T.js} +25 -11
- package/dist/demo/VerifyEmail-BFCAFz6T.js.map +1 -0
- package/dist/demo/{auth-Djd7SKiw.js → auth-D9qTZzCa.js} +18 -35
- package/dist/demo/{auth-Djd7SKiw.js.map → auth-D9qTZzCa.js.map} +1 -1
- package/dist/demo/{core-B7LNjM78.js → core-DRtQklr3.js} +752 -647
- package/dist/demo/core-DRtQklr3.js.map +1 -0
- package/dist/demo/index.d.ts +1 -0
- package/dist/demo/index.d.ts.map +1 -1
- package/dist/demo/index.js +25 -22
- package/dist/demo/index.js.map +1 -1
- package/dist/demo/rolldown-runtime-CiIaOW0V.js +13 -0
- package/package.json +19 -19
- package/src/admin/AdminRouter.tsx +42 -2
- package/src/admin/atoms/adminUserAtom.ts +7 -0
- package/src/admin/components/AdminLayout.tsx +2 -14
- package/src/admin/components/jobs/AdminJobDashboard.tsx +51 -20
- package/src/admin/components/notifications/AdminNotifications.tsx +519 -0
- package/src/admin/components/parameters/ParameterDetails.tsx +12 -270
- package/src/admin/components/parameters/ParameterDetailsConfigForm.tsx +238 -0
- package/src/admin/components/parameters/ParameterDetailsLoading.tsx +24 -0
- package/src/admin/components/parameters/ParameterHistory.tsx +10 -11
- package/src/admin/components/parameters/ParameterTree.tsx +28 -184
- package/src/admin/components/parameters/ParameterTreeNode.tsx +151 -0
- package/src/admin/components/shared/AdminResourceHeader.tsx +2 -25
- package/src/admin/components/shared/AdminResourceHeaderMenuItem.tsx +37 -0
- package/src/admin/components/shared/AdminResourceTabs.tsx +2 -26
- package/src/admin/components/shared/AdminResourceTabsItem.tsx +36 -0
- package/src/admin/components/users/AdminUserLayout.tsx +84 -127
- package/src/admin/components/users/AdminUserProfile.tsx +5 -2
- package/src/admin/components/users/AdminUsers.tsx +1 -1
- package/src/auth/components/Login.tsx +188 -121
- package/src/auth/components/Profile.tsx +1 -22
- package/src/auth/components/ProfileField.tsx +39 -0
- package/src/auth/components/Register.tsx +215 -158
- package/src/auth/components/ResetPassword.tsx +7 -11
- package/src/auth/components/VerifyEmail.tsx +35 -10
- package/src/auth/components/buttons/UserButton.tsx +19 -21
- package/src/auth/index.ts +1 -0
- package/src/core/components/Flex.tsx +34 -0
- package/src/core/components/buttons/ActionButton.tsx +105 -78
- package/src/core/components/data/DetailDrawer.tsx +102 -96
- package/src/core/components/data/DetailList.tsx +2 -1
- package/src/core/components/dialogs/PromptDialog.tsx +1 -1
- package/src/core/components/layout/Breadcrumb.tsx +4 -7
- package/src/core/components/layout/DashboardShell.tsx +18 -4
- package/src/core/components/layout/Sidebar.tsx +16 -241
- package/src/core/components/layout/SidebarCollapsedItem.tsx +91 -0
- package/src/core/components/layout/SidebarItem.tsx +146 -0
- package/src/core/components/layout/index.ts +3 -1
- package/src/core/form/components/Control.tsx +31 -29
- package/src/core/form/components/ControlArray.tsx +13 -39
- package/src/core/form/components/ControlDate.tsx +10 -21
- package/src/core/form/components/ControlNumber.tsx +4 -33
- package/src/core/form/components/ControlQueryBuilder.tsx +12 -175
- package/src/core/form/components/ControlQueryBuilderHelp.tsx +165 -0
- package/src/core/form/components/ControlSelect.browser.spec.tsx +343 -0
- package/src/core/form/components/ControlSelect.tsx +294 -92
- package/src/core/form/components/TypeForm.browser.spec.tsx +3 -3
- package/src/core/form/components/TypeForm.tsx +5 -2
- package/src/core/form/index.ts +8 -1
- package/src/core/form/utils/parseInput.ts +7 -3
- package/src/core/index.ts +3 -1
- package/src/core/json/components/JsonViewer.tsx +103 -319
- package/src/core/json/components/JsonViewerCopyButton.tsx +46 -0
- package/src/core/json/components/JsonViewerRowNode.tsx +120 -0
- package/src/core/json/components/JsonViewerShared.ts +76 -0
- package/src/core/services/DialogService.tsx +2 -2
- package/src/core/styles.css +13 -2
- package/src/core/table/components/ColumnPicker.tsx +3 -3
- package/src/core/table/components/DataTable.tsx +88 -29
- package/src/core/table/components/DataTableFilters.tsx +6 -11
- package/src/core/table/components/DataTablePagination.tsx +9 -3
- package/src/core/table/components/DataTableToolbar.tsx +7 -3
- package/src/core/table/components/FilterPicker.tsx +3 -3
- package/src/core/table/interfaces/types.ts +29 -0
- package/src/core/utils/icons.tsx +2 -2
- package/src/demo/DemoRouter.ts +8 -1
- package/src/demo/components/DemoLayout.tsx +12 -2
- package/src/demo/components/auth/DemoLogin.tsx +35 -28
- package/src/demo/components/auth/DemoRegister.tsx +35 -49
- package/src/demo/components/auth/DemoResetPassword.tsx +5 -9
- package/src/demo/components/auth/DemoVerifyEmail.tsx +7 -6
- package/src/demo/components/core/DemoButton.tsx +123 -103
- package/src/demo/components/core/DemoControlSelect.tsx +325 -0
- package/src/demo/components/core/DemoDataTable.tsx +255 -237
- package/src/demo/components/core/DemoTypeForm.tsx +7 -2
- package/src/demo/components/shared/MacWindow.tsx +5 -11
- package/src/demo/components/shared/Showcase.tsx +28 -42
- package/dist/admin/AdminJobDashboard-KIOkeMgE.js.map +0 -1
- package/dist/admin/AdminLayout-B1DXZHDn.js.map +0 -1
- package/dist/admin/AdminParameters-BspPeqp_.js.map +0 -1
- package/dist/admin/AdminUserLayout-DUbC6-BI.js.map +0 -1
- package/dist/admin/AdminUserProfile-DuTUnjdG.js.map +0 -1
- package/dist/admin/AdminUsers-CR9z0g_5.js.map +0 -1
- package/dist/admin/Login-DHbYJKwg.js +0 -219
- package/dist/admin/Login-DHbYJKwg.js.map +0 -1
- package/dist/admin/Profile-B2EcIDB9.js.map +0 -1
- package/dist/admin/Register-Z3fxRbUF.js.map +0 -1
- package/dist/admin/ResetPassword-_Y1qTTKh.js.map +0 -1
- package/dist/admin/VerifyEmail-Bg22bwcC.js.map +0 -1
- package/dist/admin/core-BVO_TQxb.js.map +0 -1
- package/dist/admin/rolldown-runtime-CjeV3_4I.js +0 -18
- package/dist/auth/Login-C7jIqf00.js +0 -219
- package/dist/auth/Login-C7jIqf00.js.map +0 -1
- package/dist/auth/Profile-BMpXJ0oi.js.map +0 -1
- package/dist/auth/Register-2gx8qll-.js.map +0 -1
- package/dist/auth/ResetPassword-DBxt9hKk.js.map +0 -1
- package/dist/auth/VerifyEmail-Z80Ubajk.js.map +0 -1
- package/dist/auth/core-DyfeVr5c.js.map +0 -1
- package/dist/auth/rolldown-runtime-CjeV3_4I.js +0 -18
- package/dist/demo/DemoButton-CGUyR9eM.js +0 -178
- package/dist/demo/DemoButton-CGUyR9eM.js.map +0 -1
- package/dist/demo/DemoDataTable-QFG-xXSx.js +0 -358
- package/dist/demo/DemoDataTable-QFG-xXSx.js.map +0 -1
- package/dist/demo/DemoLayout-Cy6xjn6P.js.map +0 -1
- package/dist/demo/DemoLogin-vqxgTu4P.js.map +0 -1
- package/dist/demo/DemoRegister-YHPvPg77.js.map +0 -1
- package/dist/demo/DemoResetPassword-mOW18Zlm.js.map +0 -1
- package/dist/demo/DemoTypeForm-C1dNkahD.js.map +0 -1
- package/dist/demo/DemoVerifyEmail-D9EcXZ38.js +0 -30
- package/dist/demo/DemoVerifyEmail-D9EcXZ38.js.map +0 -1
- package/dist/demo/Login-CoYf_P_F.js +0 -219
- package/dist/demo/Login-CoYf_P_F.js.map +0 -1
- package/dist/demo/Profile-BE_Y3co2.js.map +0 -1
- package/dist/demo/Register-fXHmBpr3.js.map +0 -1
- package/dist/demo/ResetPassword-CAPj8MO3.js.map +0 -1
- package/dist/demo/Showcase-BtEU0pY9.js.map +0 -1
- package/dist/demo/VerifyEmail-DFmdCdYs.js.map +0 -1
- package/dist/demo/core-B7LNjM78.js.map +0 -1
- package/dist/demo/rolldown-runtime-CjeV3_4I.js +0 -18
- 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"}
|