@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,9 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { TimePicker } from './TimePicker';
|
3
|
+
import { useFormContext } from './formContext';
|
4
|
+
export function SubscribeTimePicker(props) {
|
5
|
+
const form = useFormContext();
|
6
|
+
const { disabled, ...rest } = props;
|
7
|
+
return (_jsx(form.Subscribe, { selector: state => state.isSubmitting, children: isSubmitting => (_jsx(TimePicker, { disabled: isSubmitting || disabled, ...rest })) }));
|
8
|
+
}
|
9
|
+
//# sourceMappingURL=SubscribeTimePicker.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SubscribeTimePicker.js","sourceRoot":"","sources":["../../src/lib/form/SubscribeTimePicker.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,6 @@
|
|
1
|
+
import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
|
2
|
+
export type TextFieldProps = Omit<MuiTextFieldProps, 'name'> & {
|
3
|
+
labelShrink?: boolean;
|
4
|
+
};
|
5
|
+
export declare function TextField(props: TextFieldProps): import("react/jsx-runtime").JSX.Element;
|
6
|
+
//# sourceMappingURL=TextField.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/lib/form/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,IAAI,iBAAiB,EACpC,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GAAG;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CA2B9C"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { TextField as MuiTextField, } from '@mui/material';
|
3
|
+
import { useFieldContext } from './formContext';
|
4
|
+
import { useMemo } from 'react';
|
5
|
+
export function TextField(props) {
|
6
|
+
const { label, slotProps, labelShrink, ...rest } = props;
|
7
|
+
const field = useFieldContext();
|
8
|
+
const errorText = useMemo(() => {
|
9
|
+
if (field.state.meta.errors.length === 0)
|
10
|
+
return null;
|
11
|
+
return field.state.meta.errors.map(error => error.message).join(', ');
|
12
|
+
}, [field.state.meta.errors]);
|
13
|
+
return (_jsx(MuiTextField, { name: field.name, label: label, value: field.state.value ?? '', onBlur: field.handleBlur, onChange: e => field.handleChange(e.target.value === '' ? null : e.target.value), slotProps: {
|
14
|
+
inputLabel: { shrink: labelShrink },
|
15
|
+
...slotProps,
|
16
|
+
}, error: field.state.meta.errors.length > 0, helperText: errorText, ...rest }));
|
17
|
+
}
|
18
|
+
//# sourceMappingURL=TextField.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/lib/form/TextField.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,IAAI,YAAY,GAE1B,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAM/B,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACxD,MAAM,KAAK,GAAG,eAAe,EAA6B,CAAA;IAE1D,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,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAC9B,MAAM,EAAE,KAAK,CAAC,UAAU,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,CACZ,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAEnE,SAAS,EAAE;YACT,UAAU,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE;YACnC,GAAG,SAAS;SACb,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EACzC,UAAU,EAAE,SAAS,KACjB,IAAI,GACR,CACH,CAAA;AACH,CAAC"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { TimePickerProps as MuiTimePickerProps } from '@mui/x-date-pickers/TimePicker';
|
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 TimePicker(props: Props): import("react/jsx-runtime").JSX.Element;
|
9
|
+
export {};
|
10
|
+
//# sourceMappingURL=TimePicker.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../src/lib/form/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAMtF,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;AACD,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,2CAoCtC"}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { TimePicker as MuiTimePicker } from '@mui/x-date-pickers/TimePicker';
|
3
|
+
import { useFieldContext } from './formContext';
|
4
|
+
import dayjs from 'dayjs';
|
5
|
+
import { useMemo } from 'react';
|
6
|
+
import { LocalizationProvider } from '@mui/x-date-pickers';
|
7
|
+
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
|
8
|
+
export function TimePicker(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(MuiTimePicker, { ...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=TimePicker.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/lib/form/TimePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAU/D,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;IACjE,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,2 @@
|
|
1
|
+
export declare const fieldContext: import("react").Context<import("@tanstack/form-core").AnyFieldApi>, formContext: import("react").Context<import("@tanstack/form-core").AnyFormApi>, useFieldContext: <TData>() => import("@tanstack/form-core").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any>;
|
2
|
+
//# sourceMappingURL=formContext.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"formContext.d.ts","sourceRoot":"","sources":["../../src/lib/form/formContext.ts"],"names":[],"mappings":"AAEA,eAAO,MAAQ,YAAY,sEAAE,WAAW,qEAAE,eAAe,2JAAE,cAAc,+HAC/C,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"formContext.js","sourceRoot":"","sources":["../../src/lib/form/formContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAE7D,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,cAAc,EAAE,GACzE,sBAAsB,EAAE,CAAA"}
|
@@ -0,0 +1,68 @@
|
|
1
|
+
import { TextField } from './TextField';
|
2
|
+
import { Checkbox } from './Checkbox';
|
3
|
+
import { Select } from './Select';
|
4
|
+
import { DatePicker } from './DatePicker';
|
5
|
+
import { TimePicker } from './TimePicker';
|
6
|
+
import { SubscribeButton } from './SubscribeButton';
|
7
|
+
import { MultiSelect } from './MultiSelect';
|
8
|
+
import { SubscribeTextField } from './SubscribeTextField';
|
9
|
+
import { SubscribeSelect } from './SubscribeSelect';
|
10
|
+
import { SubscribeMultiSelect } from './SubscribeMultiSelect';
|
11
|
+
import { SubscribeCheckbox } from './SubscribeCheckbox';
|
12
|
+
import { SubscribeDatePicker } from './SubscribeDatePicker';
|
13
|
+
import { SubscribeTimePicker } from './SubscribeTimePicker';
|
14
|
+
export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import("@tanstack/form-core").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta>) => import("@tanstack/form-core").FormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & import("@tanstack/react-form").ReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & NoInfer<{
|
15
|
+
readonly SubscribeButton: typeof SubscribeButton;
|
16
|
+
}> & {
|
17
|
+
AppField: import("@tanstack/react-form").FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, NoInfer<{
|
18
|
+
readonly TextField: typeof TextField;
|
19
|
+
readonly Checkbox: typeof Checkbox;
|
20
|
+
readonly Select: typeof Select;
|
21
|
+
readonly MultiSelect: typeof MultiSelect;
|
22
|
+
readonly DatePicker: typeof DatePicker;
|
23
|
+
readonly TimePicker: typeof TimePicker;
|
24
|
+
readonly SubscribeTextField: typeof SubscribeTextField;
|
25
|
+
readonly SubscribeSelect: typeof SubscribeSelect;
|
26
|
+
readonly SubscribeMultiSelect: typeof SubscribeMultiSelect;
|
27
|
+
readonly SubscribeCheckbox: typeof SubscribeCheckbox;
|
28
|
+
readonly SubscribeDatePicker: typeof SubscribeDatePicker;
|
29
|
+
readonly SubscribeTimePicker: typeof SubscribeTimePicker;
|
30
|
+
}>>;
|
31
|
+
AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
|
32
|
+
}, withForm: <TFormData, TOnMount extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends Record<string, unknown> = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, {
|
33
|
+
readonly TextField: typeof TextField;
|
34
|
+
readonly Checkbox: typeof Checkbox;
|
35
|
+
readonly Select: typeof Select;
|
36
|
+
readonly MultiSelect: typeof MultiSelect;
|
37
|
+
readonly DatePicker: typeof DatePicker;
|
38
|
+
readonly TimePicker: typeof TimePicker;
|
39
|
+
readonly SubscribeTextField: typeof SubscribeTextField;
|
40
|
+
readonly SubscribeSelect: typeof SubscribeSelect;
|
41
|
+
readonly SubscribeMultiSelect: typeof SubscribeMultiSelect;
|
42
|
+
readonly SubscribeCheckbox: typeof SubscribeCheckbox;
|
43
|
+
readonly SubscribeDatePicker: typeof SubscribeDatePicker;
|
44
|
+
readonly SubscribeTimePicker: typeof SubscribeTimePicker;
|
45
|
+
}, {
|
46
|
+
readonly SubscribeButton: typeof SubscribeButton;
|
47
|
+
}, TRenderProps>) => (props: import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
|
48
|
+
form: import("@tanstack/form-core").FormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta> & import("@tanstack/react-form").ReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta> & NoInfer<{
|
49
|
+
readonly SubscribeButton: typeof SubscribeButton;
|
50
|
+
}> & {
|
51
|
+
AppField: import("@tanstack/react-form").FieldComponent<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, NoInfer<{
|
52
|
+
readonly TextField: typeof TextField;
|
53
|
+
readonly Checkbox: typeof Checkbox;
|
54
|
+
readonly Select: typeof Select;
|
55
|
+
readonly MultiSelect: typeof MultiSelect;
|
56
|
+
readonly DatePicker: typeof DatePicker;
|
57
|
+
readonly TimePicker: typeof TimePicker;
|
58
|
+
readonly SubscribeTextField: typeof SubscribeTextField;
|
59
|
+
readonly SubscribeSelect: typeof SubscribeSelect;
|
60
|
+
readonly SubscribeMultiSelect: typeof SubscribeMultiSelect;
|
61
|
+
readonly SubscribeCheckbox: typeof SubscribeCheckbox;
|
62
|
+
readonly SubscribeDatePicker: typeof SubscribeDatePicker;
|
63
|
+
readonly SubscribeTimePicker: typeof SubscribeTimePicker;
|
64
|
+
}>>;
|
65
|
+
AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
|
66
|
+
};
|
67
|
+
}>) => import("react").JSX.Element;
|
68
|
+
//# sourceMappingURL=formHooks.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"formHooks.d.ts","sourceRoot":"","sources":["../../src/lib/form/formHooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,eAAO,MAAQ,UAAU;;;;;;;;;;;;;;;;;;GAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAkBjC,CAAA"}
|
@@ -0,0 +1,35 @@
|
|
1
|
+
import { createFormHook } from '@tanstack/react-form';
|
2
|
+
import { TextField } from './TextField';
|
3
|
+
import { Checkbox } from './Checkbox';
|
4
|
+
import { Select } from './Select';
|
5
|
+
import { DatePicker } from './DatePicker';
|
6
|
+
import { TimePicker } from './TimePicker';
|
7
|
+
import { fieldContext, formContext } from './formContext';
|
8
|
+
import { SubscribeButton } from './SubscribeButton';
|
9
|
+
import { MultiSelect } from './MultiSelect';
|
10
|
+
import { SubscribeTextField } from './SubscribeTextField';
|
11
|
+
import { SubscribeSelect } from './SubscribeSelect';
|
12
|
+
import { SubscribeMultiSelect } from './SubscribeMultiSelect';
|
13
|
+
import { SubscribeCheckbox } from './SubscribeCheckbox';
|
14
|
+
import { SubscribeDatePicker } from './SubscribeDatePicker';
|
15
|
+
import { SubscribeTimePicker } from './SubscribeTimePicker';
|
16
|
+
export const { useAppForm, withForm } = createFormHook({
|
17
|
+
fieldContext,
|
18
|
+
formContext,
|
19
|
+
fieldComponents: {
|
20
|
+
TextField,
|
21
|
+
Checkbox,
|
22
|
+
Select,
|
23
|
+
MultiSelect,
|
24
|
+
DatePicker,
|
25
|
+
TimePicker,
|
26
|
+
SubscribeTextField,
|
27
|
+
SubscribeSelect,
|
28
|
+
SubscribeMultiSelect,
|
29
|
+
SubscribeCheckbox,
|
30
|
+
SubscribeDatePicker,
|
31
|
+
SubscribeTimePicker,
|
32
|
+
},
|
33
|
+
formComponents: { SubscribeButton },
|
34
|
+
});
|
35
|
+
//# sourceMappingURL=formHooks.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"formHooks.js","sourceRoot":"","sources":["../../src/lib/form/formHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC;IACrD,YAAY;IACZ,WAAW;IACX,eAAe,EAAE;QACf,SAAS;QACT,QAAQ;QACR,MAAM;QACN,WAAW;QACX,UAAU;QACV,UAAU;QACV,kBAAkB;QAClB,eAAe;QACf,oBAAoB;QACpB,iBAAiB;QACjB,mBAAmB;QACnB,mBAAmB;KACpB;IACD,cAAc,EAAE,EAAE,eAAe,EAAE;CACpC,CAAC,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA"}
|
package/dist/index.d.ts
ADDED
@@ -0,0 +1,6 @@
|
|
1
|
+
export { DialogsProvider, DialogCloseButton, useDialogs, type DialogProps, type DialogResult, } from './dialogs';
|
2
|
+
export { useAppForm, withForm } from './form';
|
3
|
+
export { RouterTab, TabLabel, useRouterTabsValue } from './tabs';
|
4
|
+
export { useMaterialRouterTable } from './table';
|
5
|
+
export { useConfirmDialog, useConfirmDeleteDialog } from './common-dialogs';
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA"}
|
package/dist/index.js
ADDED
@@ -0,0 +1,6 @@
|
|
1
|
+
export { DialogsProvider, DialogCloseButton, useDialogs, } from './dialogs';
|
2
|
+
export { useAppForm, withForm } from './form';
|
3
|
+
export { RouterTab, TabLabel, useRouterTabsValue } from './tabs';
|
4
|
+
export { useMaterialRouterTable } from './table';
|
5
|
+
export { useConfirmDialog, useConfirmDeleteDialog } from './common-dialogs';
|
6
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,UAAU,GAGX,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA"}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { SxProps } from '@mui/material';
|
2
|
+
import { AppBarMenuInitialState, AppBarMenuState } from './AppBarMenu';
|
3
|
+
export type AppBarState = AppBarMenuState;
|
4
|
+
export type AppBarInitialState = AppBarMenuInitialState;
|
5
|
+
export type AppBarProps = {
|
6
|
+
title?: string | React.ReactNode;
|
7
|
+
status?: string | React.ReactNode;
|
8
|
+
sidebarOpen: boolean;
|
9
|
+
drawerWidth: number;
|
10
|
+
collapsedDrawerWidth: number;
|
11
|
+
dense?: boolean;
|
12
|
+
onDrawerToggle: () => void;
|
13
|
+
endSlot?: React.ReactNode;
|
14
|
+
menuItems?: React.ReactNode[];
|
15
|
+
initialState?: AppBarInitialState;
|
16
|
+
state?: AppBarState;
|
17
|
+
sx?: SxProps;
|
18
|
+
};
|
19
|
+
export declare function AppBar(props: AppBarProps): import("react/jsx-runtime").JSX.Element;
|
20
|
+
//# sourceMappingURL=AppBar.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../src/lib/layout/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,OAAO,EAGR,MAAM,eAAe,CAAA;AAEtB,OAAO,EAEL,sBAAsB,EACtB,eAAe,EAChB,MAAM,cAAc,CAAA;AAErB,MAAM,MAAM,WAAW,GAAG,eAAe,CAAA;AACzC,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAA;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACjC,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7B,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CA0DxC"}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { Box, IconButton, AppBar as MuiAppBar, Toolbar, Typography, } from '@mui/material';
|
3
|
+
import { Menu as MenuIcon } from '@mui/icons-material';
|
4
|
+
import { AppBarMenu, } from './AppBarMenu';
|
5
|
+
export function AppBar(props) {
|
6
|
+
const { title, sidebarOpen, drawerWidth, collapsedDrawerWidth, dense, onDrawerToggle, endSlot, menuItems, initialState, state, sx, } = props;
|
7
|
+
const renderedEndSlot = endSlot ?? (_jsx(AppBarMenu, { menuItems: menuItems, initialState: initialState, state: state }));
|
8
|
+
return (_jsx(MuiAppBar, { position: 'fixed', sx: {
|
9
|
+
...sx,
|
10
|
+
width: {
|
11
|
+
sm: `calc(100% - ${sidebarOpen ? drawerWidth : collapsedDrawerWidth}px)`,
|
12
|
+
},
|
13
|
+
ml: { sm: `${sidebarOpen ? drawerWidth : collapsedDrawerWidth}px` },
|
14
|
+
transition: 'width 0.2s, margin-left 0.2s',
|
15
|
+
}, children: _jsxs(Toolbar, { variant: dense ? 'dense' : 'regular', children: [_jsx(IconButton, { color: 'inherit', "aria-label": 'open drawer', edge: 'start', onClick: () => onDrawerToggle(), sx: { mr: 2, display: { sm: 'none' } }, children: _jsx(MenuIcon, {}) }), typeof title === 'string' ? (_jsx(Typography, { variant: 'h6', noWrap: true, component: 'div', sx: { flexGrow: 1 }, children: title })) : (_jsx(Box, { sx: { flexGrow: 1 }, children: title })), renderedEndSlot && _jsx(Box, { children: renderedEndSlot })] }) }));
|
16
|
+
}
|
17
|
+
//# sourceMappingURL=AppBar.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../src/lib/layout/AppBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,UAAU,EACV,MAAM,IAAI,SAAS,EAEnB,OAAO,EACP,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EACL,UAAU,GAGX,MAAM,cAAc,CAAA;AAoBrB,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,KAAK,EACL,cAAc,EACd,OAAO,EACP,SAAS,EACT,YAAY,EACZ,KAAK,EACL,EAAE,GACH,GAAG,KAAK,CAAA;IAET,MAAM,eAAe,GAAG,OAAO,IAAI,CACjC,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;IAED,OAAO,CACL,KAAC,SAAS,IACR,QAAQ,EAAC,OAAO,EAChB,EAAE,EAAE;YACF,GAAG,EAAE;YACL,KAAK,EAAE;gBACL,EAAE,EAAE,eACF,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,oBAC9B,KAAK;aACN;YACD,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAoB,IAAI,EAAE;YACnE,UAAU,EAAE,8BAA8B;SAC3C,YAED,MAAC,OAAO,IAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,aAC3C,KAAC,UAAU,IACT,KAAK,EAAC,SAAS,gBACJ,aAAa,EACxB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,EAC/B,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,YAEtC,KAAC,QAAQ,KAAG,GACD,EACZ,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAC,SAAS,EAAC,KAAK,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YAChE,KAAK,GACK,CACd,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YAAG,KAAK,GAAO,CACxC,EACA,eAAe,IAAI,KAAC,GAAG,cAAE,eAAe,GAAO,IACxC,GACA,CACb,CAAA;AACH,CAAC"}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
export type AppBarMenuState = {
|
2
|
+
menuOpen: boolean;
|
3
|
+
onMenuOpenChange?: (open: boolean) => void;
|
4
|
+
};
|
5
|
+
export type AppBarMenuInitialState = Pick<AppBarMenuState, 'menuOpen'>;
|
6
|
+
export type AppBarMenuProps = {
|
7
|
+
menuItems?: React.ReactNode[];
|
8
|
+
initialState?: AppBarMenuInitialState;
|
9
|
+
state?: AppBarMenuState;
|
10
|
+
};
|
11
|
+
export declare function AppBarMenu(props: AppBarMenuProps): import("react/jsx-runtime").JSX.Element;
|
12
|
+
//# sourceMappingURL=AppBarMenu.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AppBarMenu.d.ts","sourceRoot":"","sources":["../../src/lib/layout/AppBarMenu.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAA;AAEtE,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7B,YAAY,CAAC,EAAE,sBAAsB,CAAA;IACrC,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA2ChD"}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { Avatar, IconButton, Menu } from '@mui/material';
|
3
|
+
import { useLayoutEffect, useRef, useState } from 'react';
|
4
|
+
import { Person as PersonIcon } from '@mui/icons-material';
|
5
|
+
export function AppBarMenu(props) {
|
6
|
+
const { menuItems, initialState, state } = props;
|
7
|
+
const [anchorEl, setAnchorEl] = useState(null);
|
8
|
+
const [_menuOpen, setMenuOpen] = useState(initialState?.menuOpen ?? false);
|
9
|
+
const buttonRef = useRef(null);
|
10
|
+
const menuOpen = state?.menuOpen ?? _menuOpen;
|
11
|
+
useLayoutEffect(() => {
|
12
|
+
if (buttonRef.current) {
|
13
|
+
setAnchorEl(buttonRef.current);
|
14
|
+
}
|
15
|
+
}, [buttonRef.current]);
|
16
|
+
const handleClick = () => {
|
17
|
+
setMenuOpen(true);
|
18
|
+
state?.onMenuOpenChange?.(true);
|
19
|
+
};
|
20
|
+
const handleClose = () => {
|
21
|
+
setMenuOpen(false);
|
22
|
+
state?.onMenuOpenChange?.(false);
|
23
|
+
};
|
24
|
+
return (_jsxs("div", { children: [_jsx(IconButton, { ref: buttonRef, color: 'inherit', "aria-label": 'search', onClick: handleClick, children: _jsx(Avatar, { sx: { width: 32, height: 32 }, children: _jsx(PersonIcon, {}) }) }), menuItems && (_jsx(Menu, { open: menuOpen, onClose: handleClose, anchorEl: anchorEl, children: menuItems }))] }));
|
25
|
+
}
|
26
|
+
//# sourceMappingURL=AppBarMenu.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AppBarMenu.js","sourceRoot":"","sources":["../../src/lib/layout/AppBarMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAe1D,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAClE,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,EAAE,QAAQ,IAAI,KAAK,CAAC,CAAA;IAE1E,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAEjD,MAAM,QAAQ,GAAG,KAAK,EAAE,QAAQ,IAAI,SAAS,CAAA;IAE7C,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAEvB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,CAAA;QACjB,KAAK,EAAE,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAA;IACjC,CAAC,CAAA;IACD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,KAAK,CAAC,CAAA;QAClB,KAAK,EAAE,gBAAgB,EAAE,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,0BACE,KAAC,UAAU,IACT,GAAG,EAAE,SAAS,EACd,KAAK,EAAC,SAAS,gBACJ,QAAQ,EACnB,OAAO,EAAE,WAAW,YAEpB,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YACnC,KAAC,UAAU,KAAG,GACP,GACE,EACZ,SAAS,IAAI,CACZ,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,YAC3D,SAAS,GACL,CACR,IACG,CACP,CAAA;AACH,CAAC"}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { ListProps, SxProps } from '@mui/material';
|
2
|
+
import { PropsWithChildren } from 'react';
|
3
|
+
import { AppBarInitialState, AppBarProps, AppBarState } from './AppBar';
|
4
|
+
import { NavList } from './types';
|
5
|
+
export type AppLayoutState = AppBarState;
|
6
|
+
export type AppLayoutInitialState = AppBarInitialState;
|
7
|
+
export type AppLayoutProps = PropsWithChildren & {
|
8
|
+
title?: string | React.ReactNode;
|
9
|
+
navList?: NavList | NavList[];
|
10
|
+
drawerWidth?: number;
|
11
|
+
collapsedDrawerWidth?: number;
|
12
|
+
dense?: boolean;
|
13
|
+
slotProps?: {
|
14
|
+
appBar?: Omit<AppBarProps, 'title' | 'status' | 'sidebarOpen' | 'drawerWidth' | 'collapsedDrawerWidth' | 'onDrawerToggle'>;
|
15
|
+
list?: ListProps;
|
16
|
+
};
|
17
|
+
menuItems?: React.ReactNode[];
|
18
|
+
initialState?: AppLayoutInitialState;
|
19
|
+
state?: AppLayoutState;
|
20
|
+
sx?: SxProps;
|
21
|
+
};
|
22
|
+
export declare function AppLayout(props: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
|
23
|
+
//# sourceMappingURL=AppLayout.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../src/lib/layout/AppLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,SAAS,EACT,OAAO,EAER,MAAM,eAAe,CAAA;AACtB,OAAO,EAAW,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAK5D,OAAO,EAAU,kBAAkB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAKjC,MAAM,MAAM,cAAc,GAAG,WAAW,CAAA;AACxC,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,IAAI,CACX,WAAW,EACT,OAAO,GACP,QAAQ,GACR,aAAa,GACb,aAAa,GACb,sBAAsB,GACtB,gBAAgB,CACnB,CAAA;QACD,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAA;IACD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7B,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CA0K9C"}
|
@@ -0,0 +1,71 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { Box, Drawer, IconButton, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Toolbar, } from '@mui/material';
|
3
|
+
import { useMemo, Fragment } from 'react';
|
4
|
+
import { ChevronRight } from '@mui/icons-material';
|
5
|
+
import { useState } from 'react';
|
6
|
+
import { ChevronLeft } from '@mui/icons-material';
|
7
|
+
import { Link } from '@tanstack/react-router';
|
8
|
+
import { AppBar } from './AppBar';
|
9
|
+
const defaultDrawerWidth = 240;
|
10
|
+
const defaultCollapsedDrawerWidth = 64;
|
11
|
+
export function AppLayout(props) {
|
12
|
+
const { title, navList = [], drawerWidth = defaultDrawerWidth, collapsedDrawerWidth = defaultCollapsedDrawerWidth, dense, children, slotProps, menuItems, initialState, state, sx, } = props;
|
13
|
+
const [mobileOpen, setMobileOpen] = useState(false);
|
14
|
+
const [sidebarOpen, setSidebarOpen] = useState(true);
|
15
|
+
const navLists = useMemo(() => (Array.isArray(navList) ? navList : [navList]), [navList]);
|
16
|
+
const handleDrawerToggle = () => {
|
17
|
+
setMobileOpen(!mobileOpen);
|
18
|
+
};
|
19
|
+
const handleSidebarToggle = () => {
|
20
|
+
setSidebarOpen(!sidebarOpen);
|
21
|
+
};
|
22
|
+
const drawerContent = useMemo(() => {
|
23
|
+
const renderNavSidebar = (expanded) => {
|
24
|
+
return (_jsxs("div", { children: [_jsx(Toolbar, { variant: dense ? 'dense' : 'regular', sx: {
|
25
|
+
justifyContent: expanded ? 'flex-end' : 'center',
|
26
|
+
display: { xs: 'none', sm: 'flex' },
|
27
|
+
}, children: _jsx(IconButton, { onClick: handleSidebarToggle, children: expanded ? _jsx(ChevronLeft, {}) : _jsx(ChevronRight, {}) }) }), navLists.map((list, index) => (_jsx(Fragment, { children: renderNavList(expanded, list) }, index)))] }));
|
28
|
+
};
|
29
|
+
const renderNavList = (expanded, navList) => (_jsx(List, { dense: dense, ...slotProps?.list, children: navList.items.map((item, index) => (_jsx(ListItem, { disablePadding: true, sx: { justifyContent: 'center' }, children: _jsxs(ListItemButton, { component: item.url ? Link : 'div', to: item.url, sx: { justifyContent: 'center' }, children: [_jsx(ListItemIcon, { sx: {
|
30
|
+
minWidth: '24px',
|
31
|
+
}, children: item.icon }), expanded && (_jsx(ListItemText, { primary: item.label, sx: {
|
32
|
+
ml: '1rem',
|
33
|
+
textOverflow: 'clip',
|
34
|
+
overflow: 'hidden',
|
35
|
+
whiteSpace: 'nowrap',
|
36
|
+
} }))] }) }, index))) }));
|
37
|
+
return {
|
38
|
+
expanded: renderNavSidebar(true),
|
39
|
+
collapsed: renderNavSidebar(false),
|
40
|
+
};
|
41
|
+
}, [handleSidebarToggle, navLists]);
|
42
|
+
return (_jsxs(Box, { sx: { display: 'flex', ...sx }, children: [_jsx(AppBar, { dense: dense, ...slotProps?.appBar, title: title, sidebarOpen: sidebarOpen, drawerWidth: drawerWidth, collapsedDrawerWidth: collapsedDrawerWidth, onDrawerToggle: handleDrawerToggle, menuItems: menuItems, initialState: initialState, state: state }), _jsxs(Box, { component: 'nav', sx: {
|
43
|
+
width: { sm: sidebarOpen ? drawerWidth : collapsedDrawerWidth },
|
44
|
+
flexShrink: { sm: 0 },
|
45
|
+
transition: 'width 0.2s',
|
46
|
+
}, children: [_jsx(Drawer, { variant: 'temporary', open: mobileOpen, onClose: handleDrawerToggle, ModalProps: {
|
47
|
+
keepMounted: true,
|
48
|
+
}, sx: {
|
49
|
+
display: { xs: 'block', sm: 'none' },
|
50
|
+
'& .MuiDrawer-paper': {
|
51
|
+
boxSizing: 'border-box',
|
52
|
+
width: drawerWidth,
|
53
|
+
},
|
54
|
+
}, children: drawerContent.expanded }), _jsx(Drawer, { variant: 'permanent', sx: {
|
55
|
+
display: { xs: 'none', sm: 'block' },
|
56
|
+
'& .MuiDrawer-paper': {
|
57
|
+
boxSizing: 'border-box',
|
58
|
+
width: sidebarOpen ? drawerWidth : collapsedDrawerWidth,
|
59
|
+
transition: 'width 0.2s',
|
60
|
+
},
|
61
|
+
}, open: sidebarOpen, children: sidebarOpen ? drawerContent.expanded : drawerContent.collapsed })] }), _jsxs(Box, { component: 'main', sx: {
|
62
|
+
flexGrow: 1,
|
63
|
+
p: 0,
|
64
|
+
width: {
|
65
|
+
sm: `calc(100% - ${sidebarOpen ? drawerWidth : collapsedDrawerWidth}px)`,
|
66
|
+
},
|
67
|
+
transition: 'width 0.2s',
|
68
|
+
overflowX: 'hidden',
|
69
|
+
}, children: [_jsx(Toolbar, { variant: dense ? 'dense' : 'regular' }), children] })] }));
|
70
|
+
}
|
71
|
+
//# sourceMappingURL=AppLayout.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AppLayout.js","sourceRoot":"","sources":["../../src/lib/layout/AppLayout.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { ValidateToPath } from '@tanstack/react-router';
|
2
|
+
export type NavList = {
|
3
|
+
items: NavItem[];
|
4
|
+
title?: string;
|
5
|
+
};
|
6
|
+
export type NavItem = {
|
7
|
+
icon: React.ReactNode;
|
8
|
+
label: string;
|
9
|
+
url?: ValidateToPath;
|
10
|
+
};
|
11
|
+
//# sourceMappingURL=types.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEvD,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,cAAc,CAAA;CACrB,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/lib/layout/types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA"}
|
@@ -0,0 +1,28 @@
|
|
1
|
+
import { ValidateFromPath } from '@tanstack/react-router';
|
2
|
+
import { z } from 'zod';
|
3
|
+
import { MRT_RowData, type MRT_TableOptions } from 'material-react-table';
|
4
|
+
export declare const tableSearchSchema: z.ZodObject<{
|
5
|
+
page: z.ZodOptional<z.ZodNumber>;
|
6
|
+
pageSize: z.ZodOptional<z.ZodNumber>;
|
7
|
+
order: z.ZodOptional<z.ZodString>;
|
8
|
+
desc: z.ZodOptional<z.ZodBoolean>;
|
9
|
+
density: z.ZodOptional<z.ZodEnum<["compact", "spacious", "comfortable"]>>;
|
10
|
+
columns: z.ZodOptional<z.ZodEffects<z.ZodString, string[], string>>;
|
11
|
+
}, "strip", z.ZodTypeAny, {
|
12
|
+
desc?: boolean | undefined;
|
13
|
+
order?: string | undefined;
|
14
|
+
page?: number | undefined;
|
15
|
+
columns?: string[] | undefined;
|
16
|
+
pageSize?: number | undefined;
|
17
|
+
density?: "compact" | "spacious" | "comfortable" | undefined;
|
18
|
+
}, {
|
19
|
+
desc?: boolean | undefined;
|
20
|
+
order?: string | undefined;
|
21
|
+
page?: number | undefined;
|
22
|
+
columns?: string | undefined;
|
23
|
+
pageSize?: number | undefined;
|
24
|
+
density?: "compact" | "spacious" | "comfortable" | undefined;
|
25
|
+
}>;
|
26
|
+
export type TableSearch = z.infer<typeof tableSearchSchema>;
|
27
|
+
export declare function useMaterialRouterTable<TData extends MRT_RowData>(path: ValidateFromPath, opts: MRT_TableOptions<TData>): import("material-react-table").MRT_TableInstance<TData>;
|
28
|
+
//# sourceMappingURL=materialRouterTableHooks.d.ts.map
|