@cwncollab-org/mui-component-kit 0.0.1
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/README.md +548 -0
- package/dist/common-dialogs/ConfirmDialog.d.ts +16 -0
- package/dist/common-dialogs/ConfirmDialog.d.ts.map +1 -0
- package/dist/common-dialogs/ConfirmDialog.js +22 -0
- package/dist/common-dialogs/ConfirmDialog.js.map +1 -0
- package/dist/common-dialogs/index.d.ts +4 -0
- package/dist/common-dialogs/index.d.ts.map +1 -0
- package/dist/common-dialogs/index.js +3 -0
- package/dist/common-dialogs/index.js.map +1 -0
- package/dist/common-dialogs/useConfirmDeleteDialog.d.ts +3 -0
- package/dist/common-dialogs/useConfirmDeleteDialog.d.ts.map +1 -0
- package/dist/common-dialogs/useConfirmDeleteDialog.js +19 -0
- package/dist/common-dialogs/useConfirmDeleteDialog.js.map +1 -0
- package/dist/common-dialogs/useConfirmDialog.d.ts +3 -0
- package/dist/common-dialogs/useConfirmDialog.d.ts.map +1 -0
- package/dist/common-dialogs/useConfirmDialog.js +10 -0
- package/dist/common-dialogs/useConfirmDialog.js.map +1 -0
- package/dist/dialogs/DialogCloseButton.d.ts +6 -0
- package/dist/dialogs/DialogCloseButton.d.ts.map +1 -0
- package/dist/dialogs/DialogCloseButton.js +8 -0
- package/dist/dialogs/DialogCloseButton.js.map +1 -0
- package/dist/dialogs/DialogsProvider.d.ts +3 -0
- package/dist/dialogs/DialogsProvider.d.ts.map +1 -0
- package/dist/dialogs/DialogsProvider.js +62 -0
- package/dist/dialogs/DialogsProvider.js.map +1 -0
- package/dist/dialogs/dialogsContext.d.ts +19 -0
- package/dist/dialogs/dialogsContext.d.ts.map +1 -0
- package/dist/dialogs/dialogsContext.js +3 -0
- package/dist/dialogs/dialogsContext.js.map +1 -0
- package/dist/dialogs/dialogsHooks.d.ts +6 -0
- package/dist/dialogs/dialogsHooks.d.ts.map +1 -0
- package/dist/dialogs/dialogsHooks.js +7 -0
- package/dist/dialogs/dialogsHooks.js.map +1 -0
- package/dist/dialogs/index.d.ts +5 -0
- package/dist/dialogs/index.d.ts.map +1 -0
- package/dist/dialogs/index.js +4 -0
- package/dist/dialogs/index.js.map +1 -0
- package/dist/dialogs/types.d.ts +12 -0
- package/dist/dialogs/types.d.ts.map +1 -0
- package/dist/dialogs/types.js +2 -0
- package/dist/dialogs/types.js.map +1 -0
- package/dist/form/Checkbox.d.ts +5 -0
- package/dist/form/Checkbox.d.ts.map +1 -0
- package/dist/form/Checkbox.js +9 -0
- package/dist/form/Checkbox.js.map +1 -0
- package/dist/form/DatePicker.d.ts +10 -0
- package/dist/form/DatePicker.d.ts.map +1 -0
- package/dist/form/DatePicker.js +34 -0
- package/dist/form/DatePicker.js.map +1 -0
- package/dist/form/MultiSelect.d.ts +22 -0
- package/dist/form/MultiSelect.d.ts.map +1 -0
- package/dist/form/MultiSelect.js +45 -0
- package/dist/form/MultiSelect.js.map +1 -0
- package/dist/form/Select.d.ts +21 -0
- package/dist/form/Select.d.ts.map +1 -0
- package/dist/form/Select.js +24 -0
- package/dist/form/Select.js.map +1 -0
- package/dist/form/SubscribeButton.d.ts +6 -0
- package/dist/form/SubscribeButton.d.ts.map +1 -0
- package/dist/form/SubscribeButton.js +9 -0
- package/dist/form/SubscribeButton.js.map +1 -0
- package/dist/form/SubscribeCheckbox.d.ts +5 -0
- package/dist/form/SubscribeCheckbox.d.ts.map +1 -0
- package/dist/form/SubscribeCheckbox.js +9 -0
- package/dist/form/SubscribeCheckbox.js.map +1 -0
- package/dist/form/SubscribeDatePicker.d.ts +10 -0
- package/dist/form/SubscribeDatePicker.d.ts.map +1 -0
- package/dist/form/SubscribeDatePicker.js +9 -0
- package/dist/form/SubscribeDatePicker.js.map +1 -0
- package/dist/form/SubscribeMultiSelect.d.ts +3 -0
- package/dist/form/SubscribeMultiSelect.d.ts.map +1 -0
- package/dist/form/SubscribeMultiSelect.js +9 -0
- package/dist/form/SubscribeMultiSelect.js.map +1 -0
- package/dist/form/SubscribeSelect.d.ts +3 -0
- package/dist/form/SubscribeSelect.d.ts.map +1 -0
- package/dist/form/SubscribeSelect.js +9 -0
- package/dist/form/SubscribeSelect.js.map +1 -0
- package/dist/form/SubscribeTextField.d.ts +3 -0
- package/dist/form/SubscribeTextField.d.ts.map +1 -0
- package/dist/form/SubscribeTextField.js +9 -0
- package/dist/form/SubscribeTextField.js.map +1 -0
- package/dist/form/SubscribeTimePicker.d.ts +10 -0
- package/dist/form/SubscribeTimePicker.d.ts.map +1 -0
- package/dist/form/SubscribeTimePicker.js +9 -0
- package/dist/form/SubscribeTimePicker.js.map +1 -0
- package/dist/form/TextField.d.ts +6 -0
- package/dist/form/TextField.d.ts.map +1 -0
- package/dist/form/TextField.js +18 -0
- package/dist/form/TextField.js.map +1 -0
- package/dist/form/TimePicker.d.ts +10 -0
- package/dist/form/TimePicker.d.ts.map +1 -0
- package/dist/form/TimePicker.js +34 -0
- package/dist/form/TimePicker.js.map +1 -0
- package/dist/form/formContext.d.ts +2 -0
- package/dist/form/formContext.d.ts.map +1 -0
- package/dist/form/formContext.js +3 -0
- package/dist/form/formContext.js.map +1 -0
- package/dist/form/formHooks.d.ts +68 -0
- package/dist/form/formHooks.d.ts.map +1 -0
- package/dist/form/formHooks.js +35 -0
- package/dist/form/formHooks.js.map +1 -0
- package/dist/form/index.d.ts +2 -0
- package/dist/form/index.d.ts.map +1 -0
- package/dist/form/index.js +2 -0
- package/dist/form/index.js.map +1 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -0
- package/dist/layout/AppBar.d.ts +20 -0
- package/dist/layout/AppBar.d.ts.map +1 -0
- package/dist/layout/AppBar.js +17 -0
- package/dist/layout/AppBar.js.map +1 -0
- package/dist/layout/AppBarMenu.d.ts +12 -0
- package/dist/layout/AppBarMenu.d.ts.map +1 -0
- package/dist/layout/AppBarMenu.js +26 -0
- package/dist/layout/AppBarMenu.js.map +1 -0
- package/dist/layout/AppLayout.d.ts +23 -0
- package/dist/layout/AppLayout.d.ts.map +1 -0
- package/dist/layout/AppLayout.js +71 -0
- package/dist/layout/AppLayout.js.map +1 -0
- package/dist/layout/index.d.ts +4 -0
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout/index.js +3 -0
- package/dist/layout/index.js.map +1 -0
- package/dist/layout/types.d.ts +11 -0
- package/dist/layout/types.d.ts.map +1 -0
- package/dist/layout/types.js +2 -0
- package/dist/layout/types.js.map +1 -0
- package/dist/table/index.d.ts +2 -0
- package/dist/table/index.d.ts.map +1 -0
- package/dist/table/index.js +2 -0
- package/dist/table/index.js.map +1 -0
- package/dist/table/materialRouterTableHooks.d.ts +28 -0
- package/dist/table/materialRouterTableHooks.d.ts.map +1 -0
- package/dist/table/materialRouterTableHooks.js +135 -0
- package/dist/table/materialRouterTableHooks.js.map +1 -0
- package/dist/tabs/RouterTab.d.ts +8 -0
- package/dist/tabs/RouterTab.d.ts.map +1 -0
- package/dist/tabs/RouterTab.js +7 -0
- package/dist/tabs/RouterTab.js.map +1 -0
- package/dist/tabs/TabLabel.d.ts +7 -0
- package/dist/tabs/TabLabel.d.ts.map +1 -0
- package/dist/tabs/TabLabel.js +7 -0
- package/dist/tabs/TabLabel.js.map +1 -0
- package/dist/tabs/index.d.ts +4 -0
- package/dist/tabs/index.d.ts.map +1 -0
- package/dist/tabs/index.js +4 -0
- package/dist/tabs/index.js.map +1 -0
- package/dist/tabs/removeTrailingSlash.d.ts +7 -0
- package/dist/tabs/removeTrailingSlash.d.ts.map +1 -0
- package/dist/tabs/removeTrailingSlash.js +9 -0
- package/dist/tabs/removeTrailingSlash.js.map +1 -0
- package/dist/tabs/removeTrailingSlash.test.d.ts +2 -0
- package/dist/tabs/removeTrailingSlash.test.d.ts.map +1 -0
- package/dist/tabs/removeTrailingSlash.test.js +19 -0
- package/dist/tabs/removeTrailingSlash.test.js.map +1 -0
- package/dist/tabs/routerTabHooks.d.ts +2 -0
- package/dist/tabs/routerTabHooks.d.ts.map +1 -0
- package/dist/tabs/routerTabHooks.js +9 -0
- package/dist/tabs/routerTabHooks.js.map +1 -0
- package/package.json +71 -0
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DialogCloseButton.js","sourceRoot":"","sources":["../../src/lib/dialogs/DialogCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,2BAA2B,CAAA;AAMjD,MAAM,UAAU,iBAAiB,CAAC,KAAY;IAC5C,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEzB,OAAO,CACL,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,EAChD,OAAO,EAAE,OAAO,YAEhB,KAAC,SAAS,KAAG,GACF,CACd,CAAA;AACH,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DialogsProvider.d.ts","sourceRoot":"","sources":["../../src/lib/dialogs/DialogsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA6B,MAAM,OAAO,CAAA;AASpE,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAwG9D"}
|
@@ -0,0 +1,62 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { Suspense, useId, useState } from 'react';
|
3
|
+
import { dialogsContext, } from './dialogsContext';
|
4
|
+
import { Backdrop, CircularProgress } from '@mui/material';
|
5
|
+
export function DialogsProvider({ children }) {
|
6
|
+
const [dialogs, setDialogs] = useState([]);
|
7
|
+
const providerId = useId();
|
8
|
+
const openDialog = async (key, Dialog, props) => {
|
9
|
+
return new Promise(resolve => {
|
10
|
+
const existingDialog = dialogs.find(dialog => dialog.key === key);
|
11
|
+
if (existingDialog) {
|
12
|
+
existingDialog.open = true;
|
13
|
+
existingDialog.resolve = resolve;
|
14
|
+
existingDialog.props = props;
|
15
|
+
setDialogs(prev => prev.map(d => (d.key === key ? existingDialog : d)));
|
16
|
+
return;
|
17
|
+
}
|
18
|
+
const dialogId = `${providerId}-${key}`;
|
19
|
+
const dialog = {
|
20
|
+
id: dialogId,
|
21
|
+
open: true,
|
22
|
+
Component: Dialog,
|
23
|
+
key,
|
24
|
+
props: props,
|
25
|
+
resolve: resolve,
|
26
|
+
};
|
27
|
+
setDialogs(prev => [...prev, dialog]);
|
28
|
+
});
|
29
|
+
};
|
30
|
+
const closeDialog = (key, result) => {
|
31
|
+
const dialog = dialogs.find(dialog => dialog.key === key);
|
32
|
+
if (!dialog) {
|
33
|
+
return;
|
34
|
+
}
|
35
|
+
dialog.open = false;
|
36
|
+
setDialogs(prev => prev.map(d => (d.key === key ? dialog : d)));
|
37
|
+
if (result === 'backdropClick' || result === 'escapeKeyDown') {
|
38
|
+
dialog.resolve({ success: false });
|
39
|
+
return;
|
40
|
+
}
|
41
|
+
dialog.resolve(result);
|
42
|
+
};
|
43
|
+
const removeDialog = (key) => {
|
44
|
+
setDialogs(prev => prev.filter(d => d.key !== key));
|
45
|
+
};
|
46
|
+
const handleCloseWithResult = (key, result) => {
|
47
|
+
closeDialog(key, result);
|
48
|
+
};
|
49
|
+
return (_jsxs(dialogsContext.Provider, { value: {
|
50
|
+
providerId,
|
51
|
+
dialogs,
|
52
|
+
openDialog,
|
53
|
+
closeDialog,
|
54
|
+
}, children: [children, _jsx(Suspense, { fallback: _jsx(Backdrop, { open: true, sx: { zIndex: t => t.zIndex.drawer + 1 }, children: _jsx(CircularProgress, { color: 'inherit' }) }), children: dialogs.map(dialog => (_jsx(dialog.Component, { id: dialog.id, open: dialog.open, onClose: (_, result) => handleCloseWithResult(dialog.key, result), slotProps: {
|
55
|
+
transition: {
|
56
|
+
onExited: () => {
|
57
|
+
removeDialog(dialog.key);
|
58
|
+
},
|
59
|
+
},
|
60
|
+
}, closeAfterTransition: false, ...dialog.props }, dialog.id))) })] }));
|
61
|
+
}
|
62
|
+
//# sourceMappingURL=DialogsProvider.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DialogsProvider.js","sourceRoot":"","sources":["../../src/lib/dialogs/DialogsProvider.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { DialogProps, DialogResult } from './types';
|
2
|
+
export type ManagedDialogProps<TPayload, TResult> = Omit<DialogProps<TPayload, TResult>, 'id' | 'open' | 'onClose'>;
|
3
|
+
export type ManagedDialog<TPayload, TResult> = {
|
4
|
+
key: string;
|
5
|
+
Component: React.FC<DialogProps<TPayload, TResult>>;
|
6
|
+
props: ManagedDialogProps<TPayload, TResult>;
|
7
|
+
id: string;
|
8
|
+
open: boolean;
|
9
|
+
resolve: (value: DialogResult<TResult> | PromiseLike<DialogResult<TResult>>) => void;
|
10
|
+
};
|
11
|
+
type DialogManagerContextType = {
|
12
|
+
providerId: string;
|
13
|
+
openDialog: <TPayload, TResult>(key: string, Dialog: React.FC<DialogProps<TPayload, TResult>>, props?: ManagedDialogProps<TPayload, TResult>) => Promise<DialogResult<TResult>>;
|
14
|
+
closeDialog: <TData>(key: string, result: DialogResult<TData>) => void;
|
15
|
+
dialogs: ManagedDialog<unknown, unknown>[];
|
16
|
+
};
|
17
|
+
export declare const dialogsContext: import("react").Context<DialogManagerContextType>;
|
18
|
+
export {};
|
19
|
+
//# sourceMappingURL=dialogsContext.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"dialogsContext.d.ts","sourceRoot":"","sources":["../../src/lib/dialogs/dialogsContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnD,MAAM,MAAM,kBAAkB,CAAC,QAAQ,EAAE,OAAO,IAAI,IAAI,CACtD,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,EAC9B,IAAI,GAAG,MAAM,GAAG,SAAS,CAC1B,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,QAAQ,EAAE,OAAO,IAAI;IAC7C,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;IACnD,KAAK,EAAE,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,CACP,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,KAC9D,IAAI,CAAA;CACV,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,CAAC,QAAQ,EAAE,OAAO,EAC5B,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,EAChD,KAAK,CAAC,EAAE,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,KAC1C,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAA;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,IAAI,CAAA;IACtE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,cAAc,mDAAiD,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"dialogsContext.js","sourceRoot":"","sources":["../../src/lib/dialogs/dialogsContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AA8BrC,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAA2B,IAAK,CAAC,CAAA"}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
export declare function useDialogs(): {
|
2
|
+
openDialog: <TPayload, TResult>(key: string, Dialog: React.FC<import("./types").DialogProps<TPayload, TResult>>, props?: import("./dialogsContext").ManagedDialogProps<TPayload, TResult>) => Promise<import("./types").DialogResult<TResult>>;
|
3
|
+
closeDialog: <TData>(key: string, result: import("./types").DialogResult<TData>) => void;
|
4
|
+
dialogs: import("./dialogsContext").ManagedDialog<unknown, unknown>[];
|
5
|
+
};
|
6
|
+
//# sourceMappingURL=dialogsHooks.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"dialogsHooks.d.ts","sourceRoot":"","sources":["../../src/lib/dialogs/dialogsHooks.ts"],"names":[],"mappings":"AAGA,wBAAgB,UAAU;yDAIsW,MAAO,EAAE;;;EADxY"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { useContext } from 'react';
|
2
|
+
import { dialogsContext } from './dialogsContext';
|
3
|
+
export function useDialogs() {
|
4
|
+
const { openDialog, closeDialog, dialogs } = useContext(dialogsContext);
|
5
|
+
return { openDialog, closeDialog, dialogs };
|
6
|
+
}
|
7
|
+
//# sourceMappingURL=dialogsHooks.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"dialogsHooks.js","sourceRoot":"","sources":["../../src/lib/dialogs/dialogsHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,UAAU,UAAU;IACxB,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACvE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,CAAA;AAC7C,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/dialogs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/dialogs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { DialogProps as MuiDialogProps } from '@mui/material';
|
2
|
+
export type DialogResult<TResult> = {
|
3
|
+
success: false;
|
4
|
+
} | {
|
5
|
+
success: true;
|
6
|
+
data?: TResult;
|
7
|
+
};
|
8
|
+
export type DialogProps<TPayload = unknown, TResult = never> = Omit<MuiDialogProps, 'onClose'> & {
|
9
|
+
payload?: TPayload;
|
10
|
+
onClose: (ev: {}, result: DialogResult<TResult> | 'backdropClick' | 'escapeKeyDown') => void;
|
11
|
+
};
|
12
|
+
//# sourceMappingURL=types.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/dialogs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAE7D,MAAM,MAAM,YAAY,CAAC,OAAO,IAC5B;IACE,OAAO,EAAE,KAAK,CAAA;CACf,GACD;IACE,OAAO,EAAE,IAAI,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAEL,MAAM,MAAM,WAAW,CAAC,QAAQ,GAAG,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,IAAI,CACjE,cAAc,EACd,SAAS,CACV,GAAG;IACF,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,CACP,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,eAAe,GAAG,eAAe,KAC9D,IAAI,CAAA;CACV,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/lib/dialogs/types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { CheckboxProps as MuiCheckboxProps, FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material';
|
2
|
+
type Props = Omit<MuiCheckboxProps, 'name'> & Pick<MuiFormControlLabelProps, 'label' | 'required' | 'disabled'>;
|
3
|
+
export declare function Checkbox(props: Props): import("react/jsx-runtime").JSX.Element;
|
4
|
+
export {};
|
5
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/lib/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAEjC,qBAAqB,IAAI,wBAAwB,EAClD,MAAM,eAAe,CAAA;AAGtB,KAAK,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GACzC,IAAI,CAAC,wBAAwB,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA;AAEnE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,2CAkBpC"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { Checkbox as MuiCheckbox, FormControlLabel as MuiFormControlLabel, } from '@mui/material';
|
3
|
+
import { useFieldContext } from './formContext';
|
4
|
+
export function Checkbox(props) {
|
5
|
+
const field = useFieldContext();
|
6
|
+
const { label, required, disabled, ...rest } = props;
|
7
|
+
return (_jsx(MuiFormControlLabel, { label: label, disabled: disabled, required: required, control: _jsx(MuiCheckbox, { name: field.name, checked: field.state.value, onChange: e => field.handleChange(e.target.checked), ...rest }) }));
|
8
|
+
}
|
9
|
+
//# sourceMappingURL=Checkbox.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/lib/form/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,IAAI,WAAW,EAEvB,gBAAgB,IAAI,mBAAmB,GAExC,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAK/C,MAAM,UAAU,QAAQ,CAAC,KAAY;IACnC,MAAM,KAAK,GAAG,eAAe,EAAW,CAAA;IACxC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpD,OAAO,CACL,KAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EACL,KAAC,WAAW,IACV,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAC/C,IAAI,GACR,GAEJ,CACH,CAAA;AACH,CAAC"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers/DatePicker';
|
2
|
+
type Props = Omit<MuiDatePickerProps, 'name' | 'value' | 'onChange' | 'defaultValue'> & {
|
3
|
+
required?: boolean;
|
4
|
+
labelShrink?: boolean;
|
5
|
+
size?: 'small' | 'medium';
|
6
|
+
fullWidth?: boolean;
|
7
|
+
};
|
8
|
+
export declare function DatePicker(props: Props): import("react/jsx-runtime").JSX.Element;
|
9
|
+
export {};
|
10
|
+
//# sourceMappingURL=DatePicker.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/lib/form/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,IAAI,kBAAkB,EACtC,MAAM,gCAAgC,CAAA;AAOvC,KAAK,KAAK,GAAG,IAAI,CACf,kBAAkB,EAClB,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,cAAc,CAC/C,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,2CAqCtC"}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { DatePicker as MuiDatePicker, } from '@mui/x-date-pickers/DatePicker';
|
3
|
+
import { useFieldContext } from './formContext';
|
4
|
+
import dayjs from 'dayjs';
|
5
|
+
import { LocalizationProvider } from '@mui/x-date-pickers';
|
6
|
+
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
|
7
|
+
import { useMemo } from 'react';
|
8
|
+
export function DatePicker(props) {
|
9
|
+
const field = useFieldContext();
|
10
|
+
const errorText = useMemo(() => {
|
11
|
+
if (field.state.meta.errors.length === 0)
|
12
|
+
return null;
|
13
|
+
return field.state.meta.errors.map(error => error.message).join(', ');
|
14
|
+
}, [field.state.meta.errors]);
|
15
|
+
const { required, labelShrink, size, fullWidth, ...rest } = props;
|
16
|
+
return (_jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: _jsx(MuiDatePicker, { ...rest, name: field.name, value: field.state.value ? dayjs(field.state.value) : null, onChange: value => {
|
17
|
+
if (value) {
|
18
|
+
field.handleChange(value.toDate());
|
19
|
+
}
|
20
|
+
}, slotProps: {
|
21
|
+
textField: {
|
22
|
+
required: required,
|
23
|
+
error: Boolean(errorText),
|
24
|
+
helperText: errorText,
|
25
|
+
InputLabelProps: { shrink: labelShrink },
|
26
|
+
size: size,
|
27
|
+
fullWidth: fullWidth,
|
28
|
+
InputProps: {
|
29
|
+
notched: labelShrink,
|
30
|
+
},
|
31
|
+
},
|
32
|
+
} }) }));
|
33
|
+
}
|
34
|
+
//# sourceMappingURL=DatePicker.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/lib/form/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,IAAI,aAAa,GAE5B,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAY/B,MAAM,UAAU,UAAU,CAAC,KAAY;IACrC,MAAM,KAAK,GAAG,eAAe,EAAiB,CAAA;IAE9C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAA;QACrD,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACvE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;IAE7B,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAEjE,OAAO,CACL,KAAC,oBAAoB,IAAC,WAAW,EAAE,YAAY,YAC7C,KAAC,aAAa,OACR,IAAI,EACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAC1D,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAChB,IAAI,KAAK,EAAE,CAAC;oBACV,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;gBACpC,CAAC;YACH,CAAC,EACD,SAAS,EAAE;gBACT,SAAS,EAAE;oBACT,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC;oBACzB,UAAU,EAAE,SAAS;oBACrB,eAAe,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE;oBACxC,IAAI,EAAE,IAAI;oBACV,SAAS,EAAE,SAAS;oBACpB,UAAU,EAAE;wBACV,OAAO,EAAE,WAAW;qBACrB;iBACF;aACF,GACD,GACmB,CACxB,CAAA;AACH,CAAC"}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import { FormControlProps as MuiFormControlProps, InputLabelProps as MuiInputLabelProps, SelectProps as MuiSelectProps, FormHelperTextProps as MuiFormHelperTextProps } from '@mui/material';
|
2
|
+
type Option = {
|
3
|
+
value: string;
|
4
|
+
label: string;
|
5
|
+
};
|
6
|
+
type SortBy = 'label' | 'value' | false;
|
7
|
+
export type MultiSelectProps = MuiFormControlProps & {
|
8
|
+
label?: string;
|
9
|
+
labelShrink?: boolean;
|
10
|
+
size?: 'small' | 'medium';
|
11
|
+
fullWidth?: boolean;
|
12
|
+
options?: Option[] | string[];
|
13
|
+
sortSelected?: SortBy;
|
14
|
+
slotProps?: {
|
15
|
+
inputLabel?: Omit<MuiInputLabelProps, 'id'>;
|
16
|
+
select?: Omit<MuiSelectProps, 'id' | 'labelId' | 'name' | 'value' | 'onChange' | 'defaultValue'>;
|
17
|
+
helperText?: MuiFormHelperTextProps;
|
18
|
+
};
|
19
|
+
};
|
20
|
+
export declare function MultiSelect(props: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
|
21
|
+
export {};
|
22
|
+
//# sourceMappingURL=MultiSelect.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../src/lib/form/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,IAAI,mBAAmB,EAEvC,eAAe,IAAI,kBAAkB,EAErC,WAAW,IAAI,cAAc,EAE7B,mBAAmB,IAAI,sBAAsB,EAK9C,MAAM,eAAe,CAAA;AAItB,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAA;AAEvC,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAAG;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE;QACV,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAA;QAC3C,MAAM,CAAC,EAAE,IAAI,CACX,cAAc,EACd,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,cAAc,CAClE,CAAA;QACD,UAAU,CAAC,EAAE,sBAAsB,CAAA;KACpC,CAAA;CACF,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAqGlD"}
|
@@ -0,0 +1,45 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { FormControl as MuiFormControl, InputLabel as MuiInputLabel, Select as MuiSelect, FormHelperText as MuiFormHelperText, MenuItem, Checkbox, ListItemText, OutlinedInput, } from '@mui/material';
|
3
|
+
import { useFieldContext } from './formContext';
|
4
|
+
import { useId, useMemo } from 'react';
|
5
|
+
export function MultiSelect(props) {
|
6
|
+
const field = useFieldContext();
|
7
|
+
const { children, slotProps, options, labelShrink, size, fullWidth, sortSelected = false, ...rest } = props;
|
8
|
+
const id = useId();
|
9
|
+
const labelId = `${id}-label`;
|
10
|
+
const selectId = `${id}-select`;
|
11
|
+
const errorText = useMemo(() => {
|
12
|
+
if (field.state.meta.errors.length === 0)
|
13
|
+
return null;
|
14
|
+
return field.state.meta.errors.map(error => error.message).join(', ');
|
15
|
+
}, [field.state.meta.errors]);
|
16
|
+
const renderedOptions = useMemo(() => {
|
17
|
+
if (options) {
|
18
|
+
return options.map(option => typeof option === 'string' ? { value: option, label: option } : option);
|
19
|
+
}
|
20
|
+
return [];
|
21
|
+
}, [options]);
|
22
|
+
const getSortedSelectedValues = useMemo(() => {
|
23
|
+
if (!sortSelected)
|
24
|
+
return field.state.value;
|
25
|
+
const selectedOptions = field.state.value.map(value => renderedOptions.find(opt => opt.value === value) || {
|
26
|
+
value,
|
27
|
+
label: value,
|
28
|
+
});
|
29
|
+
return selectedOptions
|
30
|
+
.sort((a, b) => {
|
31
|
+
if (sortSelected === 'label') {
|
32
|
+
return a.label.localeCompare(b.label);
|
33
|
+
}
|
34
|
+
return a.value.localeCompare(b.value);
|
35
|
+
})
|
36
|
+
.map(option => option.value);
|
37
|
+
}, [field.state.value, renderedOptions, sortSelected]);
|
38
|
+
return (_jsxs(MuiFormControl, { error: Boolean(errorText), fullWidth: fullWidth, size: size, ...rest, children: [_jsx(MuiInputLabel, { id: labelId, ...slotProps?.inputLabel, shrink: labelShrink, children: props.label }), _jsxs(MuiSelect, { id: selectId, labelId: labelId, notched: labelShrink, multiple: true, value: getSortedSelectedValues, onChange: ev => field.handleChange(ev.target.value), input: _jsx(OutlinedInput, { label: props.label }), renderValue: selected => {
|
39
|
+
const selectedValues = selected;
|
40
|
+
return selectedValues
|
41
|
+
.map(value => renderedOptions.find(opt => opt.value === value)?.label || value)
|
42
|
+
.join(', ');
|
43
|
+
}, ...slotProps?.select, name: field.name, children: [children, renderedOptions.map(option => (_jsxs(MenuItem, { value: option.value, children: [_jsx(Checkbox, { checked: field.state.value.includes(option.value) }), _jsx(ListItemText, { primary: option.label })] }, option.value)))] }), Boolean(errorText) && (_jsx(MuiFormHelperText, { ...slotProps?.helperText, children: errorText }))] }));
|
44
|
+
}
|
45
|
+
//# sourceMappingURL=MultiSelect.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../src/lib/form/MultiSelect.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import { FormControlProps as MuiFormControlProps, InputLabelProps as MuiInputLabelProps, SelectProps as MuiSelectProps, FormHelperTextProps as MuiFormHelperTextProps } from '@mui/material';
|
2
|
+
type Option = {
|
3
|
+
value: string;
|
4
|
+
label: string;
|
5
|
+
};
|
6
|
+
export type SelectProps = MuiFormControlProps & {
|
7
|
+
label?: string;
|
8
|
+
labelShrink?: boolean;
|
9
|
+
size?: 'small' | 'medium';
|
10
|
+
fullWidth?: boolean;
|
11
|
+
options?: Option[] | string[];
|
12
|
+
multiple?: boolean;
|
13
|
+
slotProps?: {
|
14
|
+
inputLabel?: Omit<MuiInputLabelProps, 'id'>;
|
15
|
+
select?: Omit<MuiSelectProps, 'id' | 'labelId' | 'name' | 'value' | 'onChange' | 'defaultValue'>;
|
16
|
+
helperText?: MuiFormHelperTextProps;
|
17
|
+
};
|
18
|
+
};
|
19
|
+
export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
|
20
|
+
export {};
|
21
|
+
//# sourceMappingURL=Select.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/lib/form/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,IAAI,mBAAmB,EAEvC,eAAe,IAAI,kBAAkB,EAErC,WAAW,IAAI,cAAc,EAE7B,mBAAmB,IAAI,sBAAsB,EAE9C,MAAM,eAAe,CAAA;AAItB,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE;QACV,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAA;QAC3C,MAAM,CAAC,EAAE,IAAI,CACX,cAAc,EACd,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,cAAc,CAClE,CAAA;QACD,UAAU,CAAC,EAAE,sBAAsB,CAAA;KACpC,CAAA;CACF,CAAA;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAsExC"}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { FormControl as MuiFormControl, InputLabel as MuiInputLabel, Select as MuiSelect, FormHelperText as MuiFormHelperText, MenuItem, } from '@mui/material';
|
3
|
+
import { useFieldContext } from './formContext';
|
4
|
+
import { useId, useMemo } from 'react';
|
5
|
+
export function Select(props) {
|
6
|
+
const field = useFieldContext();
|
7
|
+
const { children, slotProps, options, multiple, labelShrink, size, fullWidth, ...rest } = props;
|
8
|
+
const id = useId();
|
9
|
+
const labelId = `${id}-label`;
|
10
|
+
const selectId = `${id}-select`;
|
11
|
+
const errorText = useMemo(() => {
|
12
|
+
if (field.state.meta.errors.length === 0)
|
13
|
+
return null;
|
14
|
+
return field.state.meta.errors.map(error => error.message).join(', ');
|
15
|
+
}, [field.state.meta.errors]);
|
16
|
+
const renderedOptions = useMemo(() => {
|
17
|
+
if (options) {
|
18
|
+
return options.map(option => typeof option === 'string' ? { value: option, label: option } : option);
|
19
|
+
}
|
20
|
+
return [];
|
21
|
+
}, [options]);
|
22
|
+
return (_jsxs(MuiFormControl, { error: Boolean(errorText), fullWidth: fullWidth, size: size, ...rest, children: [_jsx(MuiInputLabel, { id: labelId, ...slotProps?.inputLabel, shrink: labelShrink, children: props.label }), _jsxs(MuiSelect, { id: selectId, labelId: labelId, notched: labelShrink, multiple: multiple, ...slotProps?.select, label: props.label, name: field.name, value: field.state.value ?? '', onChange: ev => field.handleChange(ev.target.value), children: [children, renderedOptions.map(option => (_jsx(MenuItem, { value: option.value, children: option.label }, option.value)))] }), Boolean(errorText) && (_jsx(MuiFormHelperText, { ...slotProps?.helperText, children: errorText }))] }));
|
23
|
+
}
|
24
|
+
//# sourceMappingURL=Select.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/lib/form/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,IAAI,cAAc,EAE7B,UAAU,IAAI,aAAa,EAE3B,MAAM,IAAI,SAAS,EAEnB,cAAc,IAAI,iBAAiB,EAEnC,QAAQ,GACT,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAwBtC,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,KAAK,GAAG,eAAe,EAAU,CAAA;IACvC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,OAAO,GAAG,GAAG,EAAE,QAAQ,CAAA;IAC7B,MAAM,QAAQ,GAAG,GAAG,EAAE,SAAS,CAAA;IAE/B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAA;QACrD,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACvE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;IAE7B,MAAM,eAAe,GAAG,OAAO,CAAW,GAAG,EAAE;QAC7C,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAC1B,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CACvE,CAAA;QACH,CAAC;QACD,OAAO,EAAE,CAAA;IACX,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,MAAC,cAAc,IACb,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,EACzB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,KACN,IAAI,aAER,KAAC,aAAa,IACZ,EAAE,EAAE,OAAO,KACP,SAAS,EAAE,UAAU,EACzB,MAAM,EAAE,WAAW,YAElB,KAAK,CAAC,KAAK,GACE,EAChB,MAAC,SAAS,IACR,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,KACd,SAAS,EAAE,MAAM,EACrB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAC9B,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,aAE5D,QAAQ,EACR,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC7B,KAAC,QAAQ,IAAoB,KAAK,EAAE,MAAM,CAAC,KAAK,YAC7C,MAAM,CAAC,KAAK,IADA,MAAM,CAAC,KAAK,CAEhB,CACZ,CAAC,IACQ,EACX,OAAO,CAAC,SAAS,CAAC,IAAI,CACrB,KAAC,iBAAiB,OAAK,SAAS,EAAE,UAAU,YACzC,SAAS,GACQ,CACrB,IACc,CAClB,CAAA;AACH,CAAC"}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { ButtonProps } from '@mui/material';
|
2
|
+
export type SubscribeButtonProps = ButtonProps & {
|
3
|
+
showIndicator?: boolean;
|
4
|
+
};
|
5
|
+
export declare function SubscribeButton(props: SubscribeButtonProps): import("react/jsx-runtime").JSX.Element;
|
6
|
+
//# sourceMappingURL=SubscribeButton.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeButton.d.ts","sourceRoot":"","sources":["../../src/lib/form/SubscribeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAA;AAGnD,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAgB1D"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { Button } from '@mui/material';
|
3
|
+
import { useFormContext } from './formContext';
|
4
|
+
export function SubscribeButton(props) {
|
5
|
+
const form = useFormContext();
|
6
|
+
const { children, disabled, showIndicator, ...rest } = props;
|
7
|
+
return (_jsx(form.Subscribe, { selector: state => state.isSubmitting, children: isSubmitting => (_jsx(Button, { disabled: isSubmitting || disabled, loading: showIndicator && isSubmitting, ...rest, children: children })) }));
|
8
|
+
}
|
9
|
+
//# sourceMappingURL=SubscribeButton.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeButton.js","sourceRoot":"","sources":["../../src/lib/form/SubscribeButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAM9C,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC5D,OAAO,CACL,KAAC,IAAI,CAAC,SAAS,IAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,YAClD,YAAY,CAAC,EAAE,CAAC,CACf,KAAC,MAAM,IACL,QAAQ,EAAE,YAAY,IAAI,QAAQ,EAClC,OAAO,EAAE,aAAa,IAAI,YAAY,KAClC,IAAI,YAEP,QAAQ,GACF,CACV,GACc,CAClB,CAAA;AACH,CAAC"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { CheckboxProps as MuiCheckboxProps, FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material';
|
2
|
+
type Props = Omit<MuiCheckboxProps, 'name'> & Pick<MuiFormControlLabelProps, 'label' | 'required' | 'disabled'>;
|
3
|
+
export declare function SubscribeCheckbox(props: Props): import("react/jsx-runtime").JSX.Element;
|
4
|
+
export {};
|
5
|
+
//# sourceMappingURL=SubscribeCheckbox.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeCheckbox.d.ts","sourceRoot":"","sources":["../../src/lib/form/SubscribeCheckbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,IAAI,gBAAgB,EACjC,qBAAqB,IAAI,wBAAwB,EAClD,MAAM,eAAe,CAAA;AAEtB,KAAK,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GACzC,IAAI,CAAC,wBAAwB,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA;AAEnE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,2CAY7C"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { Checkbox } from './Checkbox';
|
3
|
+
import { useFormContext } from './formContext';
|
4
|
+
export function SubscribeCheckbox(props) {
|
5
|
+
const form = useFormContext();
|
6
|
+
const { disabled, ...rest } = props;
|
7
|
+
return (_jsx(form.Subscribe, { selector: state => state.isSubmitting, children: isSubmitting => (_jsx(Checkbox, { disabled: isSubmitting || disabled, ...rest })) }));
|
8
|
+
}
|
9
|
+
//# sourceMappingURL=SubscribeCheckbox.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeCheckbox.js","sourceRoot":"","sources":["../../src/lib/form/SubscribeCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAS9C,MAAM,UAAU,iBAAiB,CAAC,KAAY;IAC5C,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAEnC,OAAO,CACL,KAAC,IAAI,CAAC,SAAS,IAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,YAClD,YAAY,CAAC,EAAE,CAAC,CACf,KAAC,QAAQ,IAAC,QAAQ,EAAE,YAAY,IAAI,QAAQ,KAAM,IAAI,GAAI,CAC3D,GACc,CAClB,CAAA;AACH,CAAC"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers';
|
2
|
+
type Props = Omit<MuiDatePickerProps, 'name' | 'value' | 'onChange' | 'defaultValue'> & {
|
3
|
+
required?: boolean;
|
4
|
+
labelShrink?: boolean;
|
5
|
+
size?: 'small' | 'medium';
|
6
|
+
fullWidth?: boolean;
|
7
|
+
};
|
8
|
+
export declare function SubscribeDatePicker(props: Props): import("react/jsx-runtime").JSX.Element;
|
9
|
+
export {};
|
10
|
+
//# sourceMappingURL=SubscribeDatePicker.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeDatePicker.d.ts","sourceRoot":"","sources":["../../src/lib/form/SubscribeDatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAE3E,KAAK,KAAK,GAAG,IAAI,CACf,kBAAkB,EAClB,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,cAAc,CAC/C,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,2CAY/C"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { DatePicker } from './DatePicker';
|
3
|
+
import { useFormContext } from './formContext';
|
4
|
+
export function SubscribeDatePicker(props) {
|
5
|
+
const form = useFormContext();
|
6
|
+
const { disabled, ...rest } = props;
|
7
|
+
return (_jsx(form.Subscribe, { selector: state => state.isSubmitting, children: isSubmitting => (_jsx(DatePicker, { disabled: isSubmitting || disabled, ...rest })) }));
|
8
|
+
}
|
9
|
+
//# sourceMappingURL=SubscribeDatePicker.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeDatePicker.js","sourceRoot":"","sources":["../../src/lib/form/SubscribeDatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAa9C,MAAM,UAAU,mBAAmB,CAAC,KAAY;IAC9C,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAEnC,OAAO,CACL,KAAC,IAAI,CAAC,SAAS,IAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,YAClD,YAAY,CAAC,EAAE,CAAC,CACf,KAAC,UAAU,IAAC,QAAQ,EAAE,YAAY,IAAI,QAAQ,KAAM,IAAI,GAAI,CAC7D,GACc,CAClB,CAAA;AACH,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeMultiSelect.d.ts","sourceRoot":"","sources":["../../src/lib/form/SubscribeMultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAG7D,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,2CAY3D"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { MultiSelect } from './MultiSelect';
|
3
|
+
import { useFormContext } from './formContext';
|
4
|
+
export function SubscribeMultiSelect(props) {
|
5
|
+
const form = useFormContext();
|
6
|
+
const { disabled, ...rest } = props;
|
7
|
+
return (_jsx(form.Subscribe, { selector: state => state.isSubmitting, children: isSubmitting => (_jsx(MultiSelect, { disabled: isSubmitting || disabled, ...rest })) }));
|
8
|
+
}
|
9
|
+
//# sourceMappingURL=SubscribeMultiSelect.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeMultiSelect.js","sourceRoot":"","sources":["../../src/lib/form/SubscribeMultiSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,UAAU,oBAAoB,CAAC,KAAuB;IAC1D,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAEnC,OAAO,CACL,KAAC,IAAI,CAAC,SAAS,IAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,YAClD,YAAY,CAAC,EAAE,CAAC,CACf,KAAC,WAAW,IAAC,QAAQ,EAAE,YAAY,IAAI,QAAQ,KAAM,IAAI,GAAI,CAC9D,GACc,CAClB,CAAA;AACH,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeSelect.d.ts","sourceRoot":"","sources":["../../src/lib/form/SubscribeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAA;AAG9C,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,2CAUjD"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { Select } from './Select';
|
3
|
+
import { useFormContext } from './formContext';
|
4
|
+
export function SubscribeSelect(props) {
|
5
|
+
const form = useFormContext();
|
6
|
+
const { disabled, ...rest } = props;
|
7
|
+
return (_jsx(form.Subscribe, { selector: state => state.isSubmitting, children: isSubmitting => _jsx(Select, { disabled: isSubmitting || disabled, ...rest }) }));
|
8
|
+
}
|
9
|
+
//# sourceMappingURL=SubscribeSelect.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeSelect.js","sourceRoot":"","sources":["../../src/lib/form/SubscribeSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,UAAU,eAAe,CAAC,KAAkB;IAChD,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAEnC,OAAO,CACL,KAAC,IAAI,CAAC,SAAS,IAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,YAClD,YAAY,CAAC,EAAE,CAAC,KAAC,MAAM,IAAC,QAAQ,EAAE,YAAY,IAAI,QAAQ,KAAM,IAAI,GAAI,GAC1D,CAClB,CAAA;AACH,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeTextField.d.ts","sourceRoot":"","sources":["../../src/lib/form/SubscribeTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAA;AAGvD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,2CAYvD"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { TextField } from './TextField';
|
3
|
+
import { useFormContext } from './formContext';
|
4
|
+
export function SubscribeTextField(props) {
|
5
|
+
const form = useFormContext();
|
6
|
+
const { disabled, ...rest } = props;
|
7
|
+
return (_jsx(form.Subscribe, { selector: state => state.isSubmitting, children: isSubmitting => (_jsx(TextField, { disabled: isSubmitting || disabled, ...rest })) }));
|
8
|
+
}
|
9
|
+
//# sourceMappingURL=SubscribeTextField.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeTextField.js","sourceRoot":"","sources":["../../src/lib/form/SubscribeTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,UAAU,kBAAkB,CAAC,KAAqB;IACtD,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAEnC,OAAO,CACL,KAAC,IAAI,CAAC,SAAS,IAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,YAClD,YAAY,CAAC,EAAE,CAAC,CACf,KAAC,SAAS,IAAC,QAAQ,EAAE,YAAY,IAAI,QAAQ,KAAM,IAAI,GAAI,CAC5D,GACc,CAClB,CAAA;AACH,CAAC"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { TimePickerProps as MuiTimePickerProps } from '@mui/x-date-pickers';
|
2
|
+
type Props = Omit<MuiTimePickerProps, 'name' | 'value' | 'onChange' | 'defaultValue'> & {
|
3
|
+
required?: boolean;
|
4
|
+
labelShrink?: boolean;
|
5
|
+
size?: 'small' | 'medium';
|
6
|
+
fullWidth?: boolean;
|
7
|
+
};
|
8
|
+
export declare function SubscribeTimePicker(props: Props): import("react/jsx-runtime").JSX.Element;
|
9
|
+
export {};
|
10
|
+
//# sourceMappingURL=SubscribeTimePicker.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeTimePicker.d.ts","sourceRoot":"","sources":["../../src/lib/form/SubscribeTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAE3E,KAAK,KAAK,GAAG,IAAI,CACf,kBAAkB,EAClB,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,cAAc,CAC/C,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,2CAY/C"}
|