@cwncollab-org/mui-component-kit 0.10.0 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/form/Autocomplete.d.ts.map +1 -1
- package/dist/form/Autocomplete.js +5 -28
- package/dist/form/Autocomplete.js.map +1 -1
- package/dist/form/DatePicker.d.ts.map +1 -1
- package/dist/form/DatePicker.js +6 -28
- package/dist/form/DatePicker.js.map +1 -1
- package/dist/form/MultiSelect.d.ts.map +1 -1
- package/dist/form/MultiSelect.js +14 -25
- package/dist/form/MultiSelect.js.map +1 -1
- package/dist/form/Select.d.ts.map +1 -1
- package/dist/form/Select.js +5 -29
- package/dist/form/Select.js.map +1 -1
- package/dist/form/TextField.d.ts.map +1 -1
- package/dist/form/TextField.js +9 -41
- package/dist/form/TextField.js.map +1 -1
- package/dist/form/TimePicker.d.ts.map +1 -1
- package/dist/form/TimePicker.js +6 -28
- package/dist/form/TimePicker.js.map +1 -1
- package/dist/form/index.d.ts +8 -7
- package/dist/form/index.d.ts.map +1 -1
- package/dist/form/index.js +3 -2
- package/dist/form/index.js.map +1 -1
- package/dist/form/utils.d.ts +38 -0
- package/dist/form/utils.d.ts.map +1 -0
- package/dist/form/utils.js +119 -0
- package/dist/form/utils.js.map +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/lib/form/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,IAAI,oBAAoB,EAEzC,cAAc,IAAI,iBAAiB,EAEnC,gBAAgB,IAAI,mBAAmB,EAEvC,mBAAmB,IAAI,sBAAsB,EAC9C,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/lib/form/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,IAAI,oBAAoB,EAEzC,cAAc,IAAI,iBAAiB,EAEnC,gBAAgB,IAAI,mBAAmB,EAEvC,mBAAmB,IAAI,sBAAsB,EAC9C,MAAM,eAAe,CAAA;AAKtB,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC5C,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,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE;QACV,YAAY,CAAC,EAAE,IAAI,CACjB,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,EACvD,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,GAAG,UAAU,CAC3E,CAAA;QACD,SAAS,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC,CAAA;QAClE,UAAU,CAAC,EAAE,sBAAsB,CAAA;KACpC,CAAA;IACD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;CACrD,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAoJpD"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Autocomplete as MuiAutocomplete, TextField as MuiTextField, FormControl as MuiFormControl, FormHelperText as MuiFormHelperText, } from '@mui/material';
|
|
3
3
|
import { useFieldContext } from './formContext';
|
|
4
4
|
import { useId, useMemo } from 'react';
|
|
5
|
+
import { createTextFieldSlotProps } from './utils';
|
|
5
6
|
export function Autocomplete(props) {
|
|
6
7
|
const field = useFieldContext();
|
|
7
8
|
const { slotProps, options, multiple = false, freeSolo = false, labelBehavior = 'auto', size, fullWidth, placeholder, required, disabled, onChange, ...rest } = props;
|
|
@@ -17,34 +18,10 @@ export function Autocomplete(props) {
|
|
|
17
18
|
}
|
|
18
19
|
return [];
|
|
19
20
|
}, [options]);
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
};
|
|
25
|
-
let inputProps = {
|
|
26
|
-
...slotProps?.textField?.slotProps?.input,
|
|
27
|
-
};
|
|
28
|
-
if (labelBehavior === 'static') {
|
|
29
|
-
inputLabelProps = {
|
|
30
|
-
...inputLabelProps,
|
|
31
|
-
sx: {
|
|
32
|
-
...inputLabelProps?.sx,
|
|
33
|
-
position: 'relative',
|
|
34
|
-
transform: 'none',
|
|
35
|
-
},
|
|
36
|
-
};
|
|
37
|
-
inputProps = {
|
|
38
|
-
...inputProps,
|
|
39
|
-
notched: true,
|
|
40
|
-
sx: {
|
|
41
|
-
...inputProps?.sx,
|
|
42
|
-
'& legend > span': {
|
|
43
|
-
display: 'none',
|
|
44
|
-
},
|
|
45
|
-
},
|
|
46
|
-
};
|
|
47
|
-
}
|
|
21
|
+
const { input: inputProps, inputLabel: inputLabelProps } = useMemo(() => createTextFieldSlotProps({
|
|
22
|
+
labelBehavior,
|
|
23
|
+
slotProps: slotProps?.textField?.slotProps,
|
|
24
|
+
}), [labelBehavior, slotProps?.textField?.slotProps]);
|
|
48
25
|
const textFieldProps = {
|
|
49
26
|
...slotProps?.textField,
|
|
50
27
|
slotProps: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/lib/form/Autocomplete.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,YAAY,IAAI,eAAe,EAE/B,SAAS,IAAI,YAAY,EAEzB,WAAW,IAAI,cAAc,EAE7B,cAAc,IAAI,iBAAiB,GAEpC,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/lib/form/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +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;
|
|
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,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,kBAAkB,EAClB,MAAM,GAAG,OAAO,GAAG,cAAc,CAClC,GAAG;IACF,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC5C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAmFhD"}
|
package/dist/form/DatePicker.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { DatePicker as MuiDatePicker, } from '@mui/x-date-pickers/DatePicker';
|
|
3
3
|
import { useFieldContext } from './formContext';
|
|
4
|
-
import { usePickerAdapter
|
|
4
|
+
import { usePickerAdapter } from '@mui/x-date-pickers';
|
|
5
5
|
import { useMemo } from 'react';
|
|
6
|
+
import { createPickerSlotProps } from './utils';
|
|
6
7
|
export function DatePicker(props) {
|
|
7
8
|
const field = useFieldContext();
|
|
8
9
|
const adapter = usePickerAdapter();
|
|
@@ -42,33 +43,10 @@ export function DatePicker(props) {
|
|
|
42
43
|
onChange?.(value, context);
|
|
43
44
|
}
|
|
44
45
|
};
|
|
45
|
-
const
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
};
|
|
49
|
-
let inputProps = {
|
|
50
|
-
notched: labelShrink,
|
|
51
|
-
};
|
|
52
|
-
if (labelBehavior === 'static') {
|
|
53
|
-
inputLabelProps = {
|
|
54
|
-
...inputLabelProps,
|
|
55
|
-
shrink: true,
|
|
56
|
-
sx: {
|
|
57
|
-
position: 'relative',
|
|
58
|
-
transform: 'none',
|
|
59
|
-
},
|
|
60
|
-
};
|
|
61
|
-
inputProps = {
|
|
62
|
-
...inputProps,
|
|
63
|
-
notched: true,
|
|
64
|
-
sx: {
|
|
65
|
-
...props?.sx,
|
|
66
|
-
'& legend > span': {
|
|
67
|
-
display: 'none',
|
|
68
|
-
},
|
|
69
|
-
},
|
|
70
|
-
};
|
|
71
|
-
}
|
|
46
|
+
const { inputProps, inputLabelProps } = useMemo(() => createPickerSlotProps({
|
|
47
|
+
labelBehavior,
|
|
48
|
+
sx: props?.sx,
|
|
49
|
+
}), [labelBehavior, props?.sx]);
|
|
72
50
|
return (_jsx(MuiDatePicker, { ...rest, name: field.name, value: adapterValue, onChange: handleDateChange, slotProps: {
|
|
73
51
|
textField: {
|
|
74
52
|
required: required,
|
|
@@ -1 +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;AAE/C,OAAO,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/lib/form/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +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;
|
|
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;AAKtB,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,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC5C,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;IACD,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACtC,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAwIlD"}
|
package/dist/form/MultiSelect.js
CHANGED
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { FormControl as MuiFormControl, InputLabel as MuiInputLabel, Select as MuiSelect, FormHelperText as MuiFormHelperText, MenuItem, Checkbox, ListItemText, OutlinedInput, } from '@mui/material';
|
|
3
3
|
import { useFieldContext } from './formContext';
|
|
4
4
|
import { useId, useMemo } from 'react';
|
|
5
|
+
import { createSelectSlotProps } from './utils';
|
|
5
6
|
export function MultiSelect(props) {
|
|
6
7
|
const field = useFieldContext();
|
|
7
8
|
const { children, slotProps, options, labelBehavior = 'auto', size, fullWidth, sortSelected = false, onChange, ...rest } = props;
|
|
@@ -35,15 +36,14 @@ export function MultiSelect(props) {
|
|
|
35
36
|
})
|
|
36
37
|
.map(option => option.value);
|
|
37
38
|
}, [field.state.value, renderedOptions, sortSelected]);
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
...
|
|
39
|
+
const { inputLabelProps, selectProps: baseSelectProps } = useMemo(() => createSelectSlotProps({
|
|
40
|
+
labelBehavior,
|
|
41
|
+
slotProps,
|
|
42
|
+
}), [labelBehavior, slotProps]);
|
|
43
|
+
// MultiSelect needs special handling for OutlinedInput
|
|
44
|
+
const selectProps = {
|
|
45
|
+
...baseSelectProps,
|
|
45
46
|
input: _jsx(OutlinedInput, { label: props.label }),
|
|
46
|
-
notched: labelShrink,
|
|
47
47
|
renderValue: (selected) => {
|
|
48
48
|
const selectedValues = selected;
|
|
49
49
|
return selectedValues
|
|
@@ -51,24 +51,13 @@ export function MultiSelect(props) {
|
|
|
51
51
|
.join(', ');
|
|
52
52
|
},
|
|
53
53
|
};
|
|
54
|
+
// Override input for static label behavior
|
|
54
55
|
if (labelBehavior === 'static') {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
transform: 'none',
|
|
61
|
-
},
|
|
62
|
-
};
|
|
63
|
-
selectProps = {
|
|
64
|
-
...selectProps,
|
|
65
|
-
notched: true,
|
|
66
|
-
input: (_jsx(OutlinedInput, { label: props.label, notched: true, sx: {
|
|
67
|
-
'& legend > span': {
|
|
68
|
-
display: 'none',
|
|
69
|
-
},
|
|
70
|
-
} })),
|
|
71
|
-
};
|
|
56
|
+
selectProps.input = (_jsx(OutlinedInput, { label: props.label, notched: true, sx: {
|
|
57
|
+
'& legend > span': {
|
|
58
|
+
display: 'none',
|
|
59
|
+
},
|
|
60
|
+
} }));
|
|
72
61
|
}
|
|
73
62
|
return (_jsxs(MuiFormControl, { error: Boolean(errorText), fullWidth: fullWidth, size: size, "data-isdirty": field.state.meta.isDirty || undefined, "data-ispristine": field.state.meta.isPristine || undefined, "data-istouched": field.state.meta.isTouched || undefined, "data-isdefaultvalue": field.state.meta.isDefaultValue || undefined, "data-isvalid": field.state.meta.isValid || undefined, ...rest, children: [_jsx(MuiInputLabel, { id: labelId, ...inputLabelProps, children: props.label }), _jsxs(MuiSelect, { id: selectId, labelId: labelId, multiple: true, value: getSortedSelectedValues, onChange: (ev, child) => {
|
|
74
63
|
onChange?.(ev, child);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../src/lib/form/MultiSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,IAAI,cAAc,EAE7B,UAAU,IAAI,aAAa,EAE3B,MAAM,IAAI,SAAS,EAEnB,cAAc,IAAI,iBAAiB,EAEnC,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,GACd,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../src/lib/form/MultiSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,IAAI,cAAc,EAE7B,UAAU,IAAI,aAAa,EAE3B,MAAM,IAAI,SAAS,EAEnB,cAAc,IAAI,iBAAiB,EAEnC,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,GACd,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AA2B/C,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,KAAK,GAAG,eAAe,EAAY,CAAA;IACzC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,GAAG,MAAM,EACtB,IAAI,EACJ,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,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,MAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,IAAI,CAAC,YAAY;YAAE,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAA;QAE3C,MAAM,eAAe,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAC3C,KAAK,CAAC,EAAE,CACN,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI;YAClD,KAAK;YACL,KAAK,EAAE,KAAK;SACb,CACJ,CAAA;QAED,OAAO,eAAe;aACnB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACb,IAAI,YAAY,KAAK,OAAO,EAAE,CAAC;gBAC7B,OAAO,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;YACvC,CAAC;YACD,OAAO,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QACvC,CAAC,CAAC;aACD,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC,CAAA;IAEtD,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,OAAO,CAC/D,GAAG,EAAE,CACH,qBAAqB,CAAC;QACpB,aAAa;QACb,SAAS;KACV,CAAC,EACJ,CAAC,aAAa,EAAE,SAAS,CAAC,CAC3B,CAAA;IAED,uDAAuD;IACvD,MAAM,WAAW,GAAG;QAClB,GAAG,eAAe;QAClB,KAAK,EAAE,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI;QAC5C,WAAW,EAAE,CAAC,QAAa,EAAE,EAAE;YAC7B,MAAM,cAAc,GAAG,QAAoB,CAAA;YAC3C,OAAO,cAAc;iBAClB,GAAG,CACF,KAAK,CAAC,EAAE,CACN,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,KAAK,IAAI,KAAK,CACnE;iBACA,IAAI,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;KACF,CAAA;IAED,2CAA2C;IAC3C,IAAI,aAAa,KAAK,QAAQ,EAAE,CAAC;QAC/B,WAAW,CAAC,KAAK,GAAG,CAClB,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,IAAI,EACb,EAAE,EAAE;gBACF,iBAAiB,EAAE;oBACjB,OAAO,EAAE,MAAM;iBAChB;aACF,GACD,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,MAAC,cAAc,IACb,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,EACzB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,kBACI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,qBAClC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,IAAI,SAAS,oBACzC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,IAAI,SAAS,yBAClC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,IAAI,SAAS,kBACnD,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,KAC/C,IAAI,aAER,KAAC,aAAa,IAAC,EAAE,EAAE,OAAO,KAAM,eAAe,YAC5C,KAAK,CAAC,KAAK,GACE,EAChB,MAAC,SAAS,IACR,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,QACR,KAAK,EAAE,uBAAuB,EAC9B,QAAQ,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;oBACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;oBACrB,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC;wBACzB,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,KAAiB,CAAC,CAAA;oBACjD,CAAC;gBACH,CAAC,KACG,WAAW,EACf,IAAI,EAAE,KAAK,CAAC,IAAI,aAEf,QAAQ,EACR,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC7B,MAAC,QAAQ,IAAoB,KAAK,EAAE,MAAM,CAAC,KAAK,aAC9C,KAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,EAC/D,KAAC,YAAY,IAAC,OAAO,EAAE,MAAM,CAAC,KAAK,GAAI,KAF1B,MAAM,CAAC,KAAK,CAGhB,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"}
|
|
@@ -1 +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;
|
|
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;AAKtB,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,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC5C,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;IACD,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACtC,CAAA;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAqFxC"}
|
package/dist/form/Select.js
CHANGED
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { FormControl as MuiFormControl, InputLabel as MuiInputLabel, Select as MuiSelect, FormHelperText as MuiFormHelperText, MenuItem, } from '@mui/material';
|
|
3
3
|
import { useFieldContext } from './formContext';
|
|
4
4
|
import { useId, useMemo } from 'react';
|
|
5
|
+
import { createSelectSlotProps } from './utils';
|
|
5
6
|
export function Select(props) {
|
|
6
7
|
const field = useFieldContext();
|
|
7
8
|
const { children, slotProps, options, multiple, labelBehavior = 'auto', size, fullWidth, onChange, ...rest } = props;
|
|
@@ -19,35 +20,10 @@ export function Select(props) {
|
|
|
19
20
|
}
|
|
20
21
|
return [];
|
|
21
22
|
}, [options]);
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
let selectProps = {
|
|
28
|
-
...slotProps?.select,
|
|
29
|
-
notched: labelShrink,
|
|
30
|
-
};
|
|
31
|
-
if (labelBehavior === 'static') {
|
|
32
|
-
inputLabelProps = {
|
|
33
|
-
...inputLabelProps,
|
|
34
|
-
sx: {
|
|
35
|
-
...inputLabelProps?.sx,
|
|
36
|
-
position: 'relative',
|
|
37
|
-
transform: 'none',
|
|
38
|
-
},
|
|
39
|
-
};
|
|
40
|
-
selectProps = {
|
|
41
|
-
...selectProps,
|
|
42
|
-
notched: true,
|
|
43
|
-
sx: {
|
|
44
|
-
...selectProps?.sx,
|
|
45
|
-
'& legend > span': {
|
|
46
|
-
display: 'none',
|
|
47
|
-
},
|
|
48
|
-
},
|
|
49
|
-
};
|
|
50
|
-
}
|
|
23
|
+
const { inputLabelProps, selectProps } = useMemo(() => createSelectSlotProps({
|
|
24
|
+
labelBehavior,
|
|
25
|
+
slotProps,
|
|
26
|
+
}), [labelBehavior, slotProps]);
|
|
51
27
|
return (_jsxs(MuiFormControl, { error: Boolean(errorText), fullWidth: fullWidth, size: size, "data-isdirty": field.state.meta.isDirty || undefined, "data-ispristine": field.state.meta.isPristine || undefined, "data-istouched": field.state.meta.isTouched || undefined, "data-isdefaultvalue": field.state.meta.isDefaultValue || undefined, "data-isvalid": field.state.meta.isValid || undefined, ...rest, children: [_jsx(MuiInputLabel, { id: labelId, ...inputLabelProps, children: props.label }), _jsxs(MuiSelect, { id: selectId, labelId: labelId, multiple: multiple, ...selectProps, label: props.label, name: field.name, value: field.state.value ?? '', onChange: (ev, child) => {
|
|
52
28
|
onChange?.(ev, child);
|
|
53
29
|
if (!ev.defaultPrevented) {
|
package/dist/form/Select.js.map
CHANGED
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/lib/form/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/lib/form/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
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;AAEtB,OAAO,EAAE,mBAAmB,EAAW,MAAM,OAAO,CAAA;AAGpD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IACvE,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC5C,GAAG,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,CAAA;IAClD,GAAG,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,CAAA;IAClD,SAAS,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D,OAAO,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAA;CAC3D,CAAA;AAeD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAoE9C"}
|
package/dist/form/TextField.js
CHANGED
|
@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { TextField as MuiTextField, } from '@mui/material';
|
|
3
3
|
import { useFieldContext } from './formContext';
|
|
4
4
|
import { useMemo } from 'react';
|
|
5
|
+
import { createTextFieldSlotProps } from './utils';
|
|
5
6
|
const converters = {
|
|
6
7
|
number: {
|
|
7
8
|
fromString: (value) => {
|
|
@@ -20,47 +21,14 @@ export function TextField(props) {
|
|
|
20
21
|
return field.state.meta.errors.map(error => error.message).join(', ');
|
|
21
22
|
}, [field.state.meta.errors]);
|
|
22
23
|
const error = field.state.meta.errors.length > 0;
|
|
23
|
-
const
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
};
|
|
31
|
-
let inputProps = {
|
|
32
|
-
...slotProps?.input,
|
|
33
|
-
slotProps: {
|
|
34
|
-
...slotProps?.input?.slotProps,
|
|
35
|
-
input: {
|
|
36
|
-
...slotProps?.input?.slotProps?.input,
|
|
37
|
-
min: min,
|
|
38
|
-
max: max,
|
|
39
|
-
maxLength: maxLength,
|
|
40
|
-
pattern: pattern,
|
|
41
|
-
},
|
|
42
|
-
},
|
|
43
|
-
};
|
|
44
|
-
if (labelBehavior === 'static') {
|
|
45
|
-
inputLabelProps = {
|
|
46
|
-
...inputLabelProps,
|
|
47
|
-
sx: {
|
|
48
|
-
...inputLabelProps?.sx,
|
|
49
|
-
position: 'relative',
|
|
50
|
-
transform: 'none',
|
|
51
|
-
},
|
|
52
|
-
};
|
|
53
|
-
inputProps = {
|
|
54
|
-
...inputProps,
|
|
55
|
-
notched: true,
|
|
56
|
-
sx: {
|
|
57
|
-
...inputProps?.sx,
|
|
58
|
-
'& legend > span': {
|
|
59
|
-
display: 'none',
|
|
60
|
-
},
|
|
61
|
-
},
|
|
62
|
-
};
|
|
63
|
-
}
|
|
24
|
+
const { input: inputProps, inputLabel: inputLabelProps } = useMemo(() => createTextFieldSlotProps({
|
|
25
|
+
labelBehavior,
|
|
26
|
+
min,
|
|
27
|
+
max,
|
|
28
|
+
maxLength,
|
|
29
|
+
pattern,
|
|
30
|
+
slotProps,
|
|
31
|
+
}), [labelBehavior, min, max, maxLength, pattern, slotProps]);
|
|
64
32
|
const type = props.type;
|
|
65
33
|
return (_jsx(MuiTextField, { name: field.name, label: label, value: convertToString(type, field.state.value) ?? '', onBlur: field.handleBlur, onChange: ev => {
|
|
66
34
|
onChange?.(ev);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/lib/form/TextField.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/lib/form/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +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;
|
|
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;AAQtF,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,kBAAkB,EAClB,MAAM,GAAG,OAAO,GAAG,cAAc,CAClC,GAAG;IACF,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC5C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAmFhD"}
|
package/dist/form/TimePicker.js
CHANGED
|
@@ -2,7 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { TimePicker as MuiTimePicker } from '@mui/x-date-pickers/TimePicker';
|
|
3
3
|
import { useFieldContext } from './formContext';
|
|
4
4
|
import { useMemo } from 'react';
|
|
5
|
-
import { usePickerAdapter
|
|
5
|
+
import { usePickerAdapter } from '@mui/x-date-pickers';
|
|
6
|
+
import { createPickerSlotProps } from './utils';
|
|
6
7
|
export function TimePicker(props) {
|
|
7
8
|
const field = useFieldContext();
|
|
8
9
|
const adapter = usePickerAdapter();
|
|
@@ -42,33 +43,10 @@ export function TimePicker(props) {
|
|
|
42
43
|
onChange?.(value, context);
|
|
43
44
|
}
|
|
44
45
|
};
|
|
45
|
-
const
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
};
|
|
49
|
-
let inputProps = {
|
|
50
|
-
notched: labelShrink,
|
|
51
|
-
};
|
|
52
|
-
if (labelBehavior === 'static') {
|
|
53
|
-
inputLabelProps = {
|
|
54
|
-
...inputLabelProps,
|
|
55
|
-
shrink: true,
|
|
56
|
-
sx: {
|
|
57
|
-
position: 'relative',
|
|
58
|
-
transform: 'none',
|
|
59
|
-
},
|
|
60
|
-
};
|
|
61
|
-
inputProps = {
|
|
62
|
-
...inputProps,
|
|
63
|
-
notched: true,
|
|
64
|
-
sx: {
|
|
65
|
-
...props?.sx,
|
|
66
|
-
'& legend > span': {
|
|
67
|
-
display: 'none',
|
|
68
|
-
},
|
|
69
|
-
},
|
|
70
|
-
};
|
|
71
|
-
}
|
|
46
|
+
const { inputProps, inputLabelProps } = useMemo(() => createPickerSlotProps({
|
|
47
|
+
labelBehavior,
|
|
48
|
+
sx: props?.sx,
|
|
49
|
+
}), [labelBehavior, props?.sx]);
|
|
72
50
|
return (_jsx(MuiTimePicker, { ...rest, name: field.name, value: adapterValue, onChange: handleDateChange, slotProps: {
|
|
73
51
|
textField: {
|
|
74
52
|
required: required,
|
|
@@ -1 +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;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/lib/form/TimePicker.tsx"],"names":[],"mappings":"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"}
|
package/dist/form/index.d.ts
CHANGED
|
@@ -1,23 +1,24 @@
|
|
|
1
1
|
export { IMask } from 'react-imask';
|
|
2
|
-
export { useAppForm, withForm, withFieldGroup } from './formHooks';
|
|
3
|
-
export { formContext, fieldContext, useFormContext as useAppFormContext, useFieldContext as useAppFieldContext, } from './formContext';
|
|
4
2
|
export { type AutocompleteProps } from './Autocomplete';
|
|
5
3
|
export { type CheckboxProps } from './Checkbox';
|
|
6
4
|
export { type DatePickerProps } from './DatePicker';
|
|
5
|
+
export { fieldContext, formContext, useFieldContext as useAppFieldContext, useFormContext as useAppFormContext, } from './formContext';
|
|
6
|
+
export { useAppForm, withFieldGroup, withForm } from './formHooks';
|
|
7
|
+
export { MaskedInput, type MaskedInputProps } from './MaskedInput';
|
|
8
|
+
export { MaskedTextField, type MaskedTextFieldProps } from './MaskedTextField';
|
|
7
9
|
export { type MultiSelectProps } from './MultiSelect';
|
|
8
10
|
export { type RadioGroupProps } from './RadioGroup';
|
|
9
11
|
export { type SelectProps } from './Select';
|
|
10
|
-
export { type TextFieldProps } from './TextField';
|
|
11
|
-
export { type TimePickerProps } from './TimePicker';
|
|
12
12
|
export { type SubscribeAutocompleteProps } from './SubscribeAutocomplete';
|
|
13
13
|
export { type SubscribeCheckboxProps } from './SubscribeCheckbox';
|
|
14
14
|
export { type SubscribeDatePickerProps } from './SubscribeDatePicker';
|
|
15
|
+
export { SubscribeMaskedTextField, type SubscribeMaskedTextFieldProps, } from './SubscribeMaskedTextField';
|
|
15
16
|
export { type SubscribeMultiSelectProps } from './SubscribeMultiSelect';
|
|
16
17
|
export { type SubscribeRadioGroupProps } from './SubscribeRadioGroup';
|
|
17
18
|
export { type SubscribeSelectProps } from './SubscribeSelect';
|
|
18
19
|
export { type SubscribeTextFieldProps } from './SubscribeTextField';
|
|
19
20
|
export { type SubscribeTimePickerProps } from './SubscribeTimePicker';
|
|
20
|
-
export {
|
|
21
|
-
export {
|
|
22
|
-
export {
|
|
21
|
+
export { type TextFieldProps } from './TextField';
|
|
22
|
+
export { type TimePickerProps } from './TimePicker';
|
|
23
|
+
export { createPickerSlotProps, createSelectSlotProps, createTextFieldSlotProps, type CreatePickerSlotPropsOptions, type CreateSelectSlotPropsOptions, type CreateTextFieldSlotPropsOptions, } from './utils';
|
|
23
24
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/form/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EACL,YAAY,EACZ,WAAW,EACX,eAAe,IAAI,kBAAkB,EACrC,cAAc,IAAI,iBAAiB,GACpC,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AACzE,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,KAAK,4BAA4B,EACjC,KAAK,4BAA4B,EACjC,KAAK,+BAA+B,GACrC,MAAM,SAAS,CAAA"}
|
package/dist/form/index.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export { IMask } from 'react-imask';
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
2
|
+
export { fieldContext, formContext, useFieldContext as useAppFieldContext, useFormContext as useAppFormContext, } from './formContext';
|
|
3
|
+
export { useAppForm, withFieldGroup, withForm } from './formHooks';
|
|
4
4
|
export { MaskedInput } from './MaskedInput';
|
|
5
5
|
export { MaskedTextField } from './MaskedTextField';
|
|
6
6
|
export { SubscribeMaskedTextField, } from './SubscribeMaskedTextField';
|
|
7
|
+
export { createPickerSlotProps, createSelectSlotProps, createTextFieldSlotProps, } from './utils';
|
|
7
8
|
//# sourceMappingURL=index.js.map
|
package/dist/form/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAInC,OAAO,EACL,YAAY,EACZ,WAAW,EACX,eAAe,IAAI,kBAAkB,EACrC,cAAc,IAAI,iBAAiB,GACpC,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAClE,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAA;AAO9E,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAA;AASnC,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,GAIzB,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { InputLabelProps, InputProps, TextFieldProps, SelectProps } from '@mui/material';
|
|
2
|
+
import { InputHTMLAttributes } from 'react';
|
|
3
|
+
import { PickersOutlinedInputProps } from '@mui/x-date-pickers';
|
|
4
|
+
export type CreateTextFieldSlotPropsOptions = {
|
|
5
|
+
slotProps?: TextFieldProps['slotProps'];
|
|
6
|
+
labelBehavior?: 'auto' | 'shrink' | 'static';
|
|
7
|
+
min?: InputHTMLAttributes<HTMLInputElement>['min'];
|
|
8
|
+
max?: InputHTMLAttributes<HTMLInputElement>['max'];
|
|
9
|
+
maxLength?: InputHTMLAttributes<HTMLInputElement>['maxLength'];
|
|
10
|
+
pattern?: InputHTMLAttributes<HTMLInputElement>['pattern'];
|
|
11
|
+
};
|
|
12
|
+
export type TextFieldSlotProps = {
|
|
13
|
+
input: InputProps;
|
|
14
|
+
inputLabel: InputLabelProps;
|
|
15
|
+
};
|
|
16
|
+
export type CreatePickerSlotPropsOptions = {
|
|
17
|
+
labelBehavior?: 'auto' | 'shrink' | 'static';
|
|
18
|
+
sx?: any;
|
|
19
|
+
};
|
|
20
|
+
export type PickerSlotProps = {
|
|
21
|
+
inputProps: Partial<PickersOutlinedInputProps>;
|
|
22
|
+
inputLabelProps: Partial<InputLabelProps>;
|
|
23
|
+
};
|
|
24
|
+
export type CreateSelectSlotPropsOptions = {
|
|
25
|
+
slotProps?: {
|
|
26
|
+
inputLabel?: Partial<InputLabelProps>;
|
|
27
|
+
select?: Partial<SelectProps>;
|
|
28
|
+
};
|
|
29
|
+
labelBehavior?: 'auto' | 'shrink' | 'static';
|
|
30
|
+
};
|
|
31
|
+
export type SelectSlotProps = {
|
|
32
|
+
inputLabelProps: Partial<InputLabelProps>;
|
|
33
|
+
selectProps: Partial<SelectProps>;
|
|
34
|
+
};
|
|
35
|
+
export declare function createTextFieldSlotProps(opts?: CreateTextFieldSlotPropsOptions): TextFieldSlotProps;
|
|
36
|
+
export declare function createPickerSlotProps(opts?: CreatePickerSlotPropsOptions): PickerSlotProps;
|
|
37
|
+
export declare function createSelectSlotProps(opts?: CreateSelectSlotPropsOptions): SelectSlotProps;
|
|
38
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/form/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,UAAU,EACV,cAAc,EACd,WAAW,EACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAE/D,MAAM,MAAM,+BAA+B,GAAG;IAC5C,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC5C,GAAG,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,CAAA;IAClD,GAAG,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,CAAA;IAClD,SAAS,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D,OAAO,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAA;CAC3D,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,UAAU,CAAA;IACjB,UAAU,EAAE,eAAe,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC5C,EAAE,CAAC,EAAE,GAAG,CAAA;CACT,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;IAC9C,eAAe,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,SAAS,CAAC,EAAE;QACV,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;QACrC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC9B,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACzC,WAAW,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;CAClC,CAAA;AAED,wBAAgB,wBAAwB,CACtC,IAAI,CAAC,EAAE,+BAA+B,GACrC,kBAAkB,CAwDpB;AAED,wBAAgB,qBAAqB,CACnC,IAAI,CAAC,EAAE,4BAA4B,GAClC,eAAe,CAqCjB;AAED,wBAAgB,qBAAqB,CACnC,IAAI,CAAC,EAAE,4BAA4B,GAClC,eAAe,CAuCjB"}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
export function createTextFieldSlotProps(opts) {
|
|
2
|
+
const { labelBehavior = 'auto', min, max, maxLength, pattern, slotProps, } = opts ?? {};
|
|
3
|
+
const labelShrink = labelBehavior === 'shrink' ? true : undefined;
|
|
4
|
+
let inputLabelProps = {
|
|
5
|
+
...slotProps?.inputLabel,
|
|
6
|
+
shrink: labelShrink,
|
|
7
|
+
sx: {
|
|
8
|
+
...slotProps?.inputLabel?.sx,
|
|
9
|
+
},
|
|
10
|
+
};
|
|
11
|
+
let inputProps = {
|
|
12
|
+
...slotProps?.input,
|
|
13
|
+
slotProps: {
|
|
14
|
+
...slotProps?.input?.slotProps,
|
|
15
|
+
input: {
|
|
16
|
+
...slotProps?.input?.slotProps?.input,
|
|
17
|
+
min: min,
|
|
18
|
+
max: max,
|
|
19
|
+
maxLength: maxLength,
|
|
20
|
+
pattern: pattern,
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
if (labelBehavior === 'static') {
|
|
25
|
+
inputLabelProps = {
|
|
26
|
+
...inputLabelProps,
|
|
27
|
+
sx: {
|
|
28
|
+
...inputLabelProps?.sx,
|
|
29
|
+
position: 'relative',
|
|
30
|
+
transform: 'none',
|
|
31
|
+
},
|
|
32
|
+
};
|
|
33
|
+
inputProps = {
|
|
34
|
+
...inputProps,
|
|
35
|
+
notched: true,
|
|
36
|
+
sx: {
|
|
37
|
+
...inputProps?.sx,
|
|
38
|
+
'& legend > span': {
|
|
39
|
+
display: 'none',
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
return {
|
|
45
|
+
input: inputProps,
|
|
46
|
+
inputLabel: inputLabelProps,
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
export function createPickerSlotProps(opts) {
|
|
50
|
+
const { labelBehavior = 'auto', sx } = opts ?? {};
|
|
51
|
+
const labelShrink = labelBehavior === 'shrink' ? true : undefined;
|
|
52
|
+
let inputLabelProps = {
|
|
53
|
+
shrink: labelShrink,
|
|
54
|
+
};
|
|
55
|
+
let inputProps = {
|
|
56
|
+
notched: labelShrink,
|
|
57
|
+
};
|
|
58
|
+
if (labelBehavior === 'static') {
|
|
59
|
+
inputLabelProps = {
|
|
60
|
+
...inputLabelProps,
|
|
61
|
+
shrink: true,
|
|
62
|
+
sx: {
|
|
63
|
+
position: 'relative',
|
|
64
|
+
transform: 'none',
|
|
65
|
+
},
|
|
66
|
+
};
|
|
67
|
+
inputProps = {
|
|
68
|
+
...inputProps,
|
|
69
|
+
notched: true,
|
|
70
|
+
sx: {
|
|
71
|
+
...sx,
|
|
72
|
+
'& legend > span': {
|
|
73
|
+
display: 'none',
|
|
74
|
+
},
|
|
75
|
+
},
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
return {
|
|
79
|
+
inputProps,
|
|
80
|
+
inputLabelProps,
|
|
81
|
+
};
|
|
82
|
+
}
|
|
83
|
+
export function createSelectSlotProps(opts) {
|
|
84
|
+
const { labelBehavior = 'auto', slotProps } = opts ?? {};
|
|
85
|
+
const labelShrink = labelBehavior === 'shrink' ? true : undefined;
|
|
86
|
+
let inputLabelProps = {
|
|
87
|
+
...slotProps?.inputLabel,
|
|
88
|
+
shrink: labelShrink,
|
|
89
|
+
};
|
|
90
|
+
let selectProps = {
|
|
91
|
+
...slotProps?.select,
|
|
92
|
+
notched: labelShrink,
|
|
93
|
+
};
|
|
94
|
+
if (labelBehavior === 'static') {
|
|
95
|
+
inputLabelProps = {
|
|
96
|
+
...inputLabelProps,
|
|
97
|
+
sx: {
|
|
98
|
+
...inputLabelProps?.sx,
|
|
99
|
+
position: 'relative',
|
|
100
|
+
transform: 'none',
|
|
101
|
+
},
|
|
102
|
+
};
|
|
103
|
+
selectProps = {
|
|
104
|
+
...selectProps,
|
|
105
|
+
notched: true,
|
|
106
|
+
sx: {
|
|
107
|
+
...selectProps?.sx,
|
|
108
|
+
'& legend > span': {
|
|
109
|
+
display: 'none',
|
|
110
|
+
},
|
|
111
|
+
},
|
|
112
|
+
};
|
|
113
|
+
}
|
|
114
|
+
return {
|
|
115
|
+
inputLabelProps,
|
|
116
|
+
selectProps,
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/form/utils.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
export * from './adapters';
|
|
1
2
|
export { useConfirmDeleteDialog, useConfirmDialog } from './common-dialogs';
|
|
2
3
|
export { DialogCloseButton, DialogsProvider, useDialogs, type DialogProps, type DialogResult, } from './dialogs';
|
|
3
|
-
export { IMask, MaskedInput, MaskedTextField, SubscribeMaskedTextField, useAppFieldContext, useAppForm, useAppFormContext, withFieldGroup, withForm, type CheckboxProps, type DatePickerProps, type MaskedInputProps, type MaskedTextFieldProps, type MultiSelectProps, type SelectProps, type SubscribeCheckboxProps, type SubscribeDatePickerProps, type SubscribeMaskedTextFieldProps, type SubscribeMultiSelectProps, type SubscribeSelectProps, type SubscribeTextFieldProps, type SubscribeTimePickerProps, type TextFieldProps, type TimePickerProps, } from './form';
|
|
4
|
+
export { createPickerSlotProps, createSelectSlotProps, createTextFieldSlotProps, IMask, MaskedInput, MaskedTextField, SubscribeMaskedTextField, useAppFieldContext, useAppForm, useAppFormContext, withFieldGroup, withForm, type CheckboxProps, type CreatePickerSlotPropsOptions, type CreateSelectSlotPropsOptions, type CreateTextFieldSlotPropsOptions, type DatePickerProps, type MaskedInputProps, type MaskedTextFieldProps, type MultiSelectProps, type SelectProps, type SubscribeCheckboxProps, type SubscribeDatePickerProps, type SubscribeMaskedTextFieldProps, type SubscribeMultiSelectProps, type SubscribeSelectProps, type SubscribeTextFieldProps, type SubscribeTimePickerProps, type TextFieldProps, type TimePickerProps, } from './form';
|
|
4
5
|
export { Link } from './link';
|
|
5
6
|
export { tableSearchSchema, useMaterialRouterTable, type TableSearch, } from './table';
|
|
6
7
|
export { RouterTab, RouterTabs, TabLabel } from './tabs';
|
|
7
|
-
export * from './adapters';
|
|
8
8
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,wBAAwB,EACxB,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,6BAA6B,EAClC,KAAK,yBAAyB,EAC9B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,WAAW,GACjB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,KAAK,EACL,WAAW,EACX,eAAe,EACf,wBAAwB,EACxB,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,4BAA4B,EACjC,KAAK,4BAA4B,EACjC,KAAK,+BAA+B,EACpC,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,6BAA6B,EAClC,KAAK,yBAAyB,EAC9B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,WAAW,GACjB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
export * from './adapters';
|
|
1
2
|
export { useConfirmDeleteDialog, useConfirmDialog } from './common-dialogs';
|
|
2
3
|
export { DialogCloseButton, DialogsProvider, useDialogs, } from './dialogs';
|
|
3
|
-
export { IMask, MaskedInput, MaskedTextField, SubscribeMaskedTextField, useAppFieldContext, useAppForm, useAppFormContext, withFieldGroup, withForm, } from './form';
|
|
4
|
+
export { createPickerSlotProps, createSelectSlotProps, createTextFieldSlotProps, IMask, MaskedInput, MaskedTextField, SubscribeMaskedTextField, useAppFieldContext, useAppForm, useAppFormContext, withFieldGroup, withForm, } from './form';
|
|
4
5
|
export { Link } from './link';
|
|
5
6
|
export { tableSearchSchema, useMaterialRouterTable, } from './table';
|
|
6
7
|
export { RouterTab, RouterTabs, TabLabel } from './tabs';
|
|
7
|
-
export * from './adapters';
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,UAAU,GAGX,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,wBAAwB,EACxB,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,UAAU,GAGX,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,KAAK,EACL,WAAW,EACX,eAAe,EACf,wBAAwB,EACxB,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,QAAQ,GAmBT,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EACL,iBAAiB,EACjB,sBAAsB,GAEvB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA"}
|