asma-ui-core 3.41.0 → 3.42.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/dist/asma-ui-core.css +1 -1
- package/dist/components/data-display/badge/StyledBadge.js +24 -29
- package/dist/components/data-display/chip/StyledChip.js +60 -45
- package/dist/components/data-display/interactive-chip/StyledInteractiveChip.js +38 -32
- package/dist/components/data-display/tooltip/StyledTooltip.js +33 -50
- package/dist/components/data-display/typography/StyledTypography.js +4 -62
- package/dist/components/feedback/dialog/StyledDialog.js +50 -70
- package/dist/components/feedback/dialog/StyledDialog.module.js +9 -2
- package/dist/components/feedback/dialog/StyledDialogActions.js +16 -16
- package/dist/components/feedback/dialog/StyledDialogActions.module.js +8 -0
- package/dist/components/feedback/dialog/StyledDialogContent.js +14 -17
- package/dist/components/feedback/dialog/StyledDialogContent.module.js +4 -0
- package/dist/components/feedback/dialog/StyledDialogTitle.js +13 -18
- package/dist/components/feedback/dialog/StyledDialogTitle.module.js +4 -0
- package/dist/components/feedback/minimizable-dialog/MinimizableDialog.js +57 -56
- package/dist/components/feedback/snack-bar/StyledAlert.js +14 -72
- package/dist/components/feedback/snack-bar/StyledSnackbar.js +8 -34
- package/dist/components/feedback/snack-bar/components/StyledDefaultSnackbar.js +34 -33
- package/dist/components/inputs/checkbox/StyledCheckbox.js +20 -0
- package/dist/components/inputs/checkbox/base-ui/StyledCheckbox.js +58 -55
- package/dist/components/inputs/checkbox/base-ui/StyledCheckbox.module.js +12 -12
- package/dist/components/inputs/dynamic-select/components/DynamicInteractiveChipGroup.js +1 -1
- package/dist/components/inputs/dynamic-select/components/DynamicSelectAutocomplete.js +1 -1
- package/dist/components/inputs/input-field/StyledInputField.js +81 -104
- package/dist/components/inputs/radio-button/StyledRadio.js +17 -0
- package/dist/components/inputs/radio-button/base-ui/StyledRadio.js +29 -40
- package/dist/components/inputs/radio-button/base-ui/StyledRadio.module.js +10 -10
- package/dist/components/inputs/radio-button/base-ui/StyledRadioGroup.js +23 -35
- package/dist/components/inputs/select/StyledSelect.js +45 -124
- package/dist/components/inputs/select/StyledSelectItem.js +23 -19
- package/dist/components/inputs/select-autocomplete/StyledSelectAutocomplete.js +151 -181
- package/dist/components/inputs/slider/StyledSlider.js +52 -78
- package/dist/components/inputs/switch/base-ui/StyledSwitch.js +39 -44
- package/dist/components/miscellaneous/StyledFormControl.js +21 -39
- package/dist/components/miscellaneous/StyledFormControlLabel.js +16 -27
- package/dist/components/miscellaneous/StyledFormGroup.js +4 -16
- package/dist/components/miscellaneous/StyledFormHelperText.js +4 -12
- package/dist/components/miscellaneous/StyledInputLabel.js +4 -20
- package/dist/components/navigation/drawer/StyledDrawer.js +4 -42
- package/dist/components/navigation/listbox/Listbox.js +7 -7
- package/dist/components/navigation/menu/StyledMenu.js +11 -28
- package/dist/components/navigation/menu/StyledMenuItem.js +18 -16
- package/dist/components/navigation/menu/StyledMenuList.js +4 -32
- package/dist/components/navigation/tabs/StyledTab.js +13 -25
- package/dist/components/navigation/tabs/StyledTabs.js +64 -112
- package/dist/components/utils/accordion/base-ui/StyledAccordion.js +21 -28
- package/dist/components/utils/accordion/base-ui/StyledAccordion.module.js +7 -7
- package/dist/components/utils/accordion/base-ui/StyledAccordionDetails.js +14 -28
- package/dist/components/utils/accordion/base-ui/StyledAccordionSummary.js +27 -31
- package/dist/components/utils/popover/StyledPopover.js +15 -44
- package/dist/datetime/components/date-picker/StyledDatePicker.js +6 -6
- package/dist/datetime/components/date-picker/components/BaseDatePickerInput.js +1 -1
- package/dist/datetime/components/date-picker/components/HelperTextWithTooltip.js +6 -6
- package/dist/datetime/components/date-picker/components/StyledCalendarPicker.js +11 -11
- package/dist/datetime/components/date-picker/components/StyledCalendarPickerFooter.js +14 -13
- package/dist/datetime/components/date-picker/components/StyledCalendarPickerSelectMonth.js +14 -14
- package/dist/datetime/components/date-picker/components/StyledCalendarPickerSelectYear.js +6 -6
- package/dist/datetime/components/date-picker/components/StyledDayPicker.js +5 -4
- package/dist/datetime/components/date-picker/hooks/useDatePickerMask.js +4 -4
- package/dist/datetime/components/time-picker/StyledTimePicker.js +25 -25
- package/dist/datetime/components/time-picker/TimePickerInput.js +16 -15
- package/dist/datetime/components/time-picker/TimePickerPopper.js +19 -21
- package/dist/datetime/helpers/cn.js +5 -4
- package/dist/datetime/shared-components/ExpandIcon.js +18 -0
- package/dist/datetime/shared-components/StyledFormControl.js +23 -0
- package/dist/datetime/shared-components/StyledInputField.js +47 -0
- package/dist/datetime/shared-components/StyledSelect.js +47 -0
- package/dist/datetime/shared-components/StyledSelectItem.js +13 -0
- package/dist/datetime/shared-components/StyledTooltip.js +32 -0
- package/dist/helpers/cn.js +5 -4
- package/dist/index.js +175 -185
- package/dist/src/components/data-display/badge/StyledBadge.d.ts +2 -26
- package/dist/src/components/data-display/chip/StyledChip.d.ts +5 -39
- package/dist/src/components/data-display/interactive-chip/StyledInteractiveChip.d.ts +4 -11
- package/dist/src/components/data-display/tooltip/StyledTooltip.d.ts +2 -36
- package/dist/src/components/data-display/typography/StyledTypography.d.ts +1 -19
- package/dist/src/components/feedback/dialog/StyledDialog.d.ts +4 -50
- package/dist/src/components/feedback/dialog/StyledDialogActions.d.ts +2 -12
- package/dist/src/components/feedback/dialog/StyledDialogContent.d.ts +2 -12
- package/dist/src/components/feedback/dialog/StyledDialogTitle.d.ts +2 -10
- package/dist/src/components/feedback/snack-bar/SnackbarProvider.d.ts +1 -1
- package/dist/src/components/feedback/snack-bar/StyledAlert.d.ts +2 -24
- package/dist/src/components/feedback/snack-bar/StyledAlertSnackbar.d.ts +1 -1
- package/dist/src/components/feedback/snack-bar/StyledSnackbar.d.ts +2 -21
- package/dist/src/components/feedback/snack-bar/components/StyledDefaultSnackbar.d.ts +1 -1
- package/dist/src/components/feedback/snack-bar/components/StyledInfoSnackbar.d.ts +1 -1
- package/dist/src/components/feedback/snack-bar/components/types.d.ts +1 -1
- package/dist/src/components/inputs/checkbox/StyledCheckbox.d.ts +4 -0
- package/dist/src/components/inputs/checkbox/base-ui/StyledCheckbox.d.ts +4 -9
- package/dist/src/components/inputs/dynamic-select/types.d.ts +2 -2
- package/dist/src/components/inputs/input-field/StyledInputField.d.ts +11 -67
- package/dist/src/components/inputs/input-field/index.d.ts +1 -1
- package/dist/src/components/inputs/radio-button/StyledRadio.d.ts +4 -0
- package/dist/src/components/inputs/radio-button/StyledRadioGroup.d.ts +4 -0
- package/dist/src/components/inputs/radio-button/base-ui/StyledRadio.d.ts +5 -20
- package/dist/src/components/inputs/radio-button/base-ui/StyledRadioGroup.d.ts +7 -24
- package/dist/src/components/inputs/select/StyledSelect.d.ts +16 -39
- package/dist/src/components/inputs/select/StyledSelectItem.d.ts +2 -14
- package/dist/src/components/inputs/select/index.d.ts +1 -0
- package/dist/src/components/inputs/select-autocomplete/StyledSelectAutocomplete.d.ts +17 -88
- package/dist/src/components/inputs/slider/StyledSlider.d.ts +3 -55
- package/dist/src/components/inputs/switch/StyledSwitch.d.ts +5 -0
- package/dist/src/components/inputs/switch/base-ui/StyledSwitch.d.ts +4 -20
- package/dist/src/components/miscellaneous/StyledFormControl.d.ts +2 -22
- package/dist/src/components/miscellaneous/StyledFormControlLabel.d.ts +2 -21
- package/dist/src/components/miscellaneous/StyledFormGroup.d.ts +2 -11
- package/dist/src/components/miscellaneous/StyledFormHelperText.d.ts +2 -12
- package/dist/src/components/miscellaneous/StyledInputLabel.d.ts +2 -20
- package/dist/src/components/navigation/drawer/StyledDrawer.d.ts +2 -28
- package/dist/src/components/navigation/menu/StyledMenu.d.ts +2 -33
- package/dist/src/components/navigation/menu/StyledMenuItem.d.ts +2 -23
- package/dist/src/components/navigation/menu/StyledMenuList.d.ts +2 -16
- package/dist/src/components/navigation/menu/index.d.ts +1 -0
- package/dist/src/components/navigation/tabs/StyledTab.d.ts +3 -17
- package/dist/src/components/navigation/tabs/StyledTabs.d.ts +7 -16
- package/dist/src/components/utils/accordion/StyledAccordion.d.ts +2 -0
- package/dist/src/components/utils/accordion/StyledAccordionDetails.d.ts +2 -0
- package/dist/src/components/utils/accordion/StyledAccordionSummary.d.ts +8 -0
- package/dist/src/components/utils/accordion/base-ui/StyledAccordion.d.ts +3 -9
- package/dist/src/components/utils/accordion/base-ui/StyledAccordionDetails.d.ts +0 -5
- package/dist/src/components/utils/accordion/base-ui/StyledAccordionSummary.d.ts +4 -8
- package/dist/src/components/utils/copy-wrapper/CopyWrapper.d.ts +1 -1
- package/dist/src/components/utils/filter-menu/StyledFilterMenu.d.ts +2 -2
- package/dist/src/components/utils/popover/StyledPopover.d.ts +2 -32
- package/dist/src/datetime/components/date-picker/components/StyledCalendarPicker.d.ts +1 -1
- package/dist/src/datetime/components/date-picker/components/StyledDayPicker.d.ts +1 -1
- package/dist/src/datetime/components/date-picker/hooks/useDatePickerMask.d.ts +2 -1
- package/dist/src/datetime/components/time-picker/TimePickerInput.d.ts +1 -1
- package/dist/src/datetime/components/time-picker/TimePickerPopper.d.ts +1 -1
- package/dist/src/datetime/components/time-picker/types.d.ts +2 -1
- package/dist/src/datetime/shared-components/StyledFormControl.d.ts +2 -1
- package/dist/src/datetime/shared-components/StyledInputField.d.ts +12 -1
- package/dist/src/datetime/shared-components/StyledSelect.d.ts +16 -1
- package/dist/src/datetime/shared-components/StyledSelectItem.d.ts +2 -1
- package/dist/src/datetime/shared-components/StyledTooltip.d.ts +2 -1
- package/dist/src/index.d.ts +1 -2
- package/dist/src/table/shared-components/StyledCheckbox.d.ts +4 -7
- package/dist/src/table/shared-components/StyledMenuItem.d.ts +2 -18
- package/dist/src/table/shared-components/menu-item/index.d.ts +2 -13
- package/dist/src/table/shared-components/tooltip/index.d.ts +1 -5
- package/dist/src/table/types.d.ts +1 -1
- package/dist/table/components/Fetching.js +4 -4
- package/dist/table/components/TableRow.js +7 -7
- package/dist/table/components/TableSkeleton.js +6 -6
- package/dist/table/components/columns/action-column/components/HeaderActionMenu.js +24 -24
- package/dist/table/components/columns/action-column/components/RowActionMenu.js +25 -26
- package/dist/table/components/table-footer/TablePagination.js +24 -27
- package/dist/table/components/table-footer/TableRowCountSelect.js +27 -30
- package/dist/table/helpers/cn.js +5 -4
- package/dist/table/shared-components/StyledCheckbox.js +55 -54
- package/dist/table/shared-components/StyledCheckbox.module.js +10 -10
- package/dist/table/shared-components/StyledMenuItem.js +18 -12
- package/dist/table/shared-components/menu-item/index.js +17 -13
- package/dist/table/shared-components/tooltip/index.js +23 -4
- package/package.json +16 -9
- package/dist/components/inputs/field-styles.js +0 -6
- package/dist/components/inputs/input-field/StyledInputField.module.js +0 -4
- package/dist/components/inputs/radio-button/base-ui/RadioGroupContext.js +0 -6
- package/dist/components/inputs/slider/StyledSlider.module.js +0 -10
- package/dist/components/miscellaneous/FormControlContext.js +0 -6
- package/dist/components/mui-compat/Avatar.js +0 -29
- package/dist/components/mui-compat/ClickAwayListener.js +0 -29
- package/dist/components/mui-compat/Container.js +0 -24
- package/dist/components/mui-compat/Fade.js +0 -29
- package/dist/components/mui-compat/Fade.module.js +0 -9
- package/dist/components/mui-compat/FormLabel.js +0 -22
- package/dist/components/mui-compat/Paper.js +0 -44
- package/dist/components/mui-compat/Popper.js +0 -35
- package/dist/components/mui-compat/Skeleton.js +0 -26
- package/dist/components/mui-compat/Stack.js +0 -24
- package/dist/components/navigation/tabs/TabsContext.js +0 -6
- package/dist/components/utils/accordion/base-ui/AccordionContext.js +0 -10
- package/dist/components/utils/virtual-list/VirtualList.js +0 -45
- package/dist/helpers/arrays.js +0 -4
- package/dist/helpers/inputMask.js +0 -45
- package/dist/helpers/sx.js +0 -46
- package/dist/src/api-surface.test.d.ts +0 -1
- package/dist/src/components/inputs/field-styles.d.ts +0 -22
- package/dist/src/components/inputs/radio-button/base-ui/RadioGroupContext.d.ts +0 -10
- package/dist/src/components/miscellaneous/FormControlContext.d.ts +0 -14
- package/dist/src/components/mui-compat/Avatar.d.ts +0 -6
- package/dist/src/components/mui-compat/ClickAwayListener.d.ts +0 -19
- package/dist/src/components/mui-compat/Container.d.ts +0 -6
- package/dist/src/components/mui-compat/Fade.d.ts +0 -21
- package/dist/src/components/mui-compat/FormLabel.d.ts +0 -6
- package/dist/src/components/mui-compat/Paper.d.ts +0 -6
- package/dist/src/components/mui-compat/Popper.d.ts +0 -29
- package/dist/src/components/mui-compat/Skeleton.d.ts +0 -7
- package/dist/src/components/mui-compat/Stack.d.ts +0 -7
- package/dist/src/components/mui-compat/index.d.ts +0 -9
- package/dist/src/components/mui-compat/types.d.ts +0 -46
- package/dist/src/components/navigation/tabs/TabsContext.d.ts +0 -11
- package/dist/src/components/utils/accordion/base-ui/AccordionContext.d.ts +0 -10
- package/dist/src/components/utils/virtual-list/VirtualList.d.ts +0 -28
- package/dist/src/components/utils/virtual-list/index.d.ts +0 -1
- package/dist/src/helpers/arrays.d.ts +0 -2
- package/dist/src/helpers/arrays.test.d.ts +0 -1
- package/dist/src/helpers/inputMask.d.ts +0 -29
- package/dist/src/helpers/inputMask.test.d.ts +0 -1
- package/dist/src/helpers/sx.d.ts +0 -2
- package/dist/src/helpers/sx.test.d.ts +0 -1
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { resolveSx as c } from "../../helpers/sx.js";
|
|
2
|
-
import a from "clsx";
|
|
3
|
-
import "react";
|
|
4
|
-
import { jsx as n, jsxs as f } from "react/jsx-runtime";
|
|
5
|
-
var v = ({ required: e, className: o, sx: r, style: l, children: s, classes: d, component: i, error: p, focused: x, filled: _, color: b, ...t }) => {
|
|
6
|
-
const m = {
|
|
7
|
-
...c(r),
|
|
8
|
-
...l
|
|
9
|
-
};
|
|
10
|
-
return /* @__PURE__ */ f("label", {
|
|
11
|
-
className: a("font-roboto text-[1rem] leading-[1.4375em] text-[rgba(0,0,0,0.6)]", o),
|
|
12
|
-
style: m,
|
|
13
|
-
...t,
|
|
14
|
-
children: [s, e && /* @__PURE__ */ n("span", {
|
|
15
|
-
className: "ml-0.5 text-[#d32f2f]",
|
|
16
|
-
children: " *"
|
|
17
|
-
})]
|
|
18
|
-
});
|
|
19
|
-
};
|
|
20
|
-
export {
|
|
21
|
-
v as FormLabel
|
|
22
|
-
};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { resolveSx as l } from "../../helpers/sx.js";
|
|
2
|
-
import d from "clsx";
|
|
3
|
-
import { createElement as m } from "react";
|
|
4
|
-
var n = [
|
|
5
|
-
"none",
|
|
6
|
-
"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
|
|
7
|
-
"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
|
|
8
|
-
"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
|
|
9
|
-
"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
|
|
10
|
-
"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
|
|
11
|
-
"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
|
|
12
|
-
"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
|
|
13
|
-
"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
|
|
14
|
-
"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
|
|
15
|
-
"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
|
|
16
|
-
"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
|
|
17
|
-
"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
|
|
18
|
-
"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
|
|
19
|
-
"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
|
|
20
|
-
"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
|
|
21
|
-
"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
|
|
22
|
-
"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
|
|
23
|
-
"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
|
|
24
|
-
"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
|
|
25
|
-
"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
|
|
26
|
-
"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
|
|
27
|
-
"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
|
|
28
|
-
"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
|
|
29
|
-
"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)"
|
|
30
|
-
], u = ({ elevation: p = 1, square: r, variant: x = "elevation", className: a, sx: b, style: g, component: e = "div", children: o, classes: i, ...t }) => {
|
|
31
|
-
const s = {
|
|
32
|
-
boxShadow: x === "outlined" ? "none" : n[Math.min(Math.max(p, 0), 24)],
|
|
33
|
-
...l(b),
|
|
34
|
-
...g
|
|
35
|
-
};
|
|
36
|
-
return m(e, {
|
|
37
|
-
className: d("bg-white text-[rgba(0,0,0,0.87)]", !r && "rounded-[4px]", x === "outlined" && "border border-solid border-[rgba(0,0,0,0.12)]", a),
|
|
38
|
-
style: s,
|
|
39
|
-
...t
|
|
40
|
-
}, o);
|
|
41
|
-
};
|
|
42
|
-
export {
|
|
43
|
-
u as Paper
|
|
44
|
-
};
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { useState as P } from "react";
|
|
2
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
3
|
-
import { FloatingPortal as y, autoUpdate as E, flip as F, shift as h, useFloating as w, useMergeRefs as M } from "@floating-ui/react";
|
|
4
|
-
var j = ({ open: e = !1, anchorEl: s, id: l, placement: a = "bottom", transition: f, disablePortal: d, className: m, style: c, children: t }) => {
|
|
5
|
-
const [o, n] = P(!0);
|
|
6
|
-
e && o && n(!1);
|
|
7
|
-
const { refs: p, floatingStyles: u, placement: g } = w({
|
|
8
|
-
open: e,
|
|
9
|
-
placement: a,
|
|
10
|
-
whileElementsMounted: E,
|
|
11
|
-
elements: { reference: s ?? void 0 },
|
|
12
|
-
middleware: [F({ padding: 8 }), h({ padding: 8 })]
|
|
13
|
-
}), x = M([p.setFloating]);
|
|
14
|
-
if (!(e || f && !o)) return null;
|
|
15
|
-
const v = typeof t == "function" ? t({
|
|
16
|
-
TransitionProps: {
|
|
17
|
-
in: e,
|
|
18
|
-
onExited: () => n(!0)
|
|
19
|
-
},
|
|
20
|
-
placement: g
|
|
21
|
-
}) : t, i = /* @__PURE__ */ r("div", {
|
|
22
|
-
ref: x,
|
|
23
|
-
id: l,
|
|
24
|
-
style: {
|
|
25
|
-
...u,
|
|
26
|
-
...c
|
|
27
|
-
},
|
|
28
|
-
className: m,
|
|
29
|
-
children: v
|
|
30
|
-
});
|
|
31
|
-
return d ? i : /* @__PURE__ */ r(y, { children: i });
|
|
32
|
-
};
|
|
33
|
-
export {
|
|
34
|
-
j as Popper
|
|
35
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { resolveSx as p } from "../../helpers/sx.js";
|
|
2
|
-
import u from "clsx";
|
|
3
|
-
import "react";
|
|
4
|
-
import { jsx as d } from "react/jsx-runtime";
|
|
5
|
-
var i = {
|
|
6
|
-
text: "rounded-[4px] origin-[0_55%] scale-y-[0.6] my-0",
|
|
7
|
-
circular: "rounded-full",
|
|
8
|
-
rectangular: "",
|
|
9
|
-
rounded: "rounded-[4px]"
|
|
10
|
-
}, b = ({ variant: e = "text", width: o, height: r, animation: t = "pulse", className: s, sx: l, style: a, children: n, classes: x, component: g, ...m }) => {
|
|
11
|
-
const c = {
|
|
12
|
-
width: o,
|
|
13
|
-
height: r ?? (e === "text" ? "auto" : void 0),
|
|
14
|
-
...p(l),
|
|
15
|
-
...a
|
|
16
|
-
};
|
|
17
|
-
return /* @__PURE__ */ d("span", {
|
|
18
|
-
className: u("block bg-[rgba(0,0,0,0.11)]", t !== !1 && "animate-pulse", i[e] ?? "", s),
|
|
19
|
-
style: c,
|
|
20
|
-
...m,
|
|
21
|
-
children: n
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
export {
|
|
25
|
-
b as Skeleton
|
|
26
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { resolveSx as c } from "../../helpers/sx.js";
|
|
2
|
-
import n from "clsx";
|
|
3
|
-
import { Children as p, Fragment as u, createElement as i, isValidElement as w } from "react";
|
|
4
|
-
import { jsxs as y } from "react/jsx-runtime";
|
|
5
|
-
var S = {
|
|
6
|
-
row: "flex-row",
|
|
7
|
-
"row-reverse": "flex-row-reverse",
|
|
8
|
-
column: "flex-col",
|
|
9
|
-
"column-reverse": "flex-col-reverse"
|
|
10
|
-
}, C = (l, e) => p.toArray(l).map((r, o) => /* @__PURE__ */ y(u, { children: [o > 0 && e, r] }, o)), D = ({ direction: l = "column", spacing: e, divider: r, className: o, sx: s, style: f, component: a = "div", children: t, useFlexGap: E, ...x }) => {
|
|
11
|
-
const m = typeof e == "number" ? e * 8 : typeof e == "string" ? e : void 0, v = {
|
|
12
|
-
...m !== void 0 ? { gap: m } : {},
|
|
13
|
-
...c(s),
|
|
14
|
-
...f
|
|
15
|
-
};
|
|
16
|
-
return i(a, {
|
|
17
|
-
className: n("flex", S[l] ?? "flex-col", o),
|
|
18
|
-
style: v,
|
|
19
|
-
...x
|
|
20
|
-
}, r && w(r) ? C(t, r) : t);
|
|
21
|
-
};
|
|
22
|
-
export {
|
|
23
|
-
D as Stack
|
|
24
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { createContext as r, useContext as t } from "react";
|
|
2
|
-
var o = r(null), c = () => {
|
|
3
|
-
const e = t(o);
|
|
4
|
-
if (!e) throw new Error("StyledAccordionSummary/Details must be rendered inside StyledAccordion");
|
|
5
|
-
return e;
|
|
6
|
-
};
|
|
7
|
-
export {
|
|
8
|
-
o as AccordionContext,
|
|
9
|
-
c as useAccordionContext
|
|
10
|
-
};
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import o from "clsx";
|
|
2
|
-
import { useRef as v } from "react";
|
|
3
|
-
import { jsx as l } from "react/jsx-runtime";
|
|
4
|
-
import { useVirtualizer as y } from "@tanstack/react-virtual";
|
|
5
|
-
var $ = ({ items: i, itemSize: t, height: f, width: d = "100%", measureRows: s = !1, overscan: c = 5, getItemKey: m, className: u, contentClassName: p, contentStyle: h, dataTest: x, renderItem: g }) => {
|
|
6
|
-
const n = v(null), r = y({
|
|
7
|
-
count: i.length,
|
|
8
|
-
getScrollElement: () => n.current,
|
|
9
|
-
estimateSize: typeof t == "function" ? t : () => t,
|
|
10
|
-
getItemKey: m,
|
|
11
|
-
overscan: c
|
|
12
|
-
});
|
|
13
|
-
return /* @__PURE__ */ l("div", {
|
|
14
|
-
ref: n,
|
|
15
|
-
className: o("overflow-auto", u),
|
|
16
|
-
style: {
|
|
17
|
-
height: f,
|
|
18
|
-
width: d
|
|
19
|
-
},
|
|
20
|
-
"data-testid": x,
|
|
21
|
-
children: /* @__PURE__ */ l("div", {
|
|
22
|
-
className: o("relative w-full", p),
|
|
23
|
-
style: {
|
|
24
|
-
height: r.getTotalSize(),
|
|
25
|
-
...h
|
|
26
|
-
},
|
|
27
|
-
children: r.getVirtualItems().map((e) => {
|
|
28
|
-
const a = i[e.index];
|
|
29
|
-
return a === void 0 ? null : /* @__PURE__ */ l("div", {
|
|
30
|
-
"data-index": e.index,
|
|
31
|
-
ref: s ? r.measureElement : void 0,
|
|
32
|
-
className: "absolute left-0 top-0 w-full",
|
|
33
|
-
style: {
|
|
34
|
-
transform: `translateY(${e.start}px)`,
|
|
35
|
-
height: s ? void 0 : e.size
|
|
36
|
-
},
|
|
37
|
-
children: g(a, e.index)
|
|
38
|
-
}, e.key);
|
|
39
|
-
})
|
|
40
|
-
})
|
|
41
|
-
});
|
|
42
|
-
};
|
|
43
|
-
export {
|
|
44
|
-
$ as VirtualList
|
|
45
|
-
};
|
package/dist/helpers/arrays.js
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { useCallback as p, useRef as h } from "react";
|
|
2
|
-
var d = (a, s, u) => {
|
|
3
|
-
const { mask: l, maskChar: n, showMask: r } = u, f = [...l].filter((i) => i === n).length, e = a.replace(/\D/g, "").slice(0, f);
|
|
4
|
-
if (e.length === 0) return {
|
|
5
|
-
value: "",
|
|
6
|
-
caret: 0
|
|
7
|
-
};
|
|
8
|
-
const c = Math.min(a.slice(0, s).replace(/\D/g, "").length, e.length);
|
|
9
|
-
let t = "", v = 0, o = 0, g = "";
|
|
10
|
-
for (const i of l) {
|
|
11
|
-
if (i !== n) {
|
|
12
|
-
r ? t += i : g += i;
|
|
13
|
-
continue;
|
|
14
|
-
}
|
|
15
|
-
if (o < e.length)
|
|
16
|
-
r || (t += g, g = ""), t += e[o], o += 1, o === c && (v = t.length);
|
|
17
|
-
else if (r) t += n;
|
|
18
|
-
else break;
|
|
19
|
-
}
|
|
20
|
-
return {
|
|
21
|
-
value: t,
|
|
22
|
-
caret: v
|
|
23
|
-
};
|
|
24
|
-
}, m = ({ mask: a, maskChar: s, showMask: u }) => {
|
|
25
|
-
const l = h(null);
|
|
26
|
-
return p((n) => {
|
|
27
|
-
if (l.current?.(), l.current = null, !n) return;
|
|
28
|
-
const r = (f) => {
|
|
29
|
-
const e = f.target, { value: c, caret: t } = d(e.value, e.selectionStart ?? e.value.length, {
|
|
30
|
-
mask: a,
|
|
31
|
-
maskChar: s,
|
|
32
|
-
showMask: u
|
|
33
|
-
});
|
|
34
|
-
e.value !== c && (e.value = c), e.setSelectionRange(t, t);
|
|
35
|
-
};
|
|
36
|
-
n.addEventListener("input", r), l.current = () => n.removeEventListener("input", r);
|
|
37
|
-
}, [
|
|
38
|
-
a,
|
|
39
|
-
s,
|
|
40
|
-
u
|
|
41
|
-
]);
|
|
42
|
-
};
|
|
43
|
-
export {
|
|
44
|
-
m as useInputMask
|
|
45
|
-
};
|
package/dist/helpers/sx.js
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
var p = 8, d = {
|
|
2
|
-
m: ["margin"],
|
|
3
|
-
mt: ["marginTop"],
|
|
4
|
-
mr: ["marginRight"],
|
|
5
|
-
mb: ["marginBottom"],
|
|
6
|
-
ml: ["marginLeft"],
|
|
7
|
-
mx: ["marginLeft", "marginRight"],
|
|
8
|
-
my: ["marginTop", "marginBottom"],
|
|
9
|
-
p: ["padding"],
|
|
10
|
-
pt: ["paddingTop"],
|
|
11
|
-
pr: ["paddingRight"],
|
|
12
|
-
pb: ["paddingBottom"],
|
|
13
|
-
pl: ["paddingLeft"],
|
|
14
|
-
px: ["paddingLeft", "paddingRight"],
|
|
15
|
-
py: ["paddingTop", "paddingBottom"]
|
|
16
|
-
}, g = { bgcolor: "backgroundColor" }, c = (e) => {
|
|
17
|
-
if (typeof e == "number") return e * p;
|
|
18
|
-
if (typeof e == "string") return e;
|
|
19
|
-
}, f = (e, r) => {
|
|
20
|
-
for (const [o, n] of Object.entries(r)) {
|
|
21
|
-
if (n == null) continue;
|
|
22
|
-
if (o.includes("&") || o.startsWith(":") || typeof n == "object") {
|
|
23
|
-
console.warn(`resolveSx: unsupported nested/responsive sx key "${o}" dropped — use className instead.`);
|
|
24
|
-
continue;
|
|
25
|
-
}
|
|
26
|
-
const t = d[o];
|
|
27
|
-
if (t) {
|
|
28
|
-
const i = c(n);
|
|
29
|
-
if (i !== void 0) for (const s of t) Object.assign(e, { [s]: i });
|
|
30
|
-
continue;
|
|
31
|
-
}
|
|
32
|
-
const a = g[o];
|
|
33
|
-
Object.assign(e, { [a ?? o]: n });
|
|
34
|
-
}
|
|
35
|
-
}, m = (e) => {
|
|
36
|
-
const r = {};
|
|
37
|
-
if (!e) return r;
|
|
38
|
-
if (typeof e == "function")
|
|
39
|
-
return console.warn("resolveSx: theme-callback sx is not supported and was ignored — use className instead."), r;
|
|
40
|
-
const o = Array.isArray(e) ? e : [e];
|
|
41
|
-
for (const n of o) n && typeof n == "object" && f(r, n);
|
|
42
|
-
return r;
|
|
43
|
-
};
|
|
44
|
-
export {
|
|
45
|
-
m as resolveSx
|
|
46
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Shared outlined-field styling so `StyledInputField`, `StyledInputLabel` (+ `StyledFormControl`)
|
|
3
|
-
* and `StyledSelect` render an identical border + floating label without MUI. TASK-401.
|
|
4
|
-
*/
|
|
5
|
-
export type FieldSize = 'small' | 'medium';
|
|
6
|
-
interface FieldState {
|
|
7
|
-
focused?: boolean;
|
|
8
|
-
error?: boolean;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
readOnly?: boolean;
|
|
11
|
-
}
|
|
12
|
-
/** The border overlay (an absolutely-positioned sibling so width changes never reflow the input). */
|
|
13
|
-
export declare const outlineClass: ({ focused, error, disabled, readOnly }: FieldState) => string;
|
|
14
|
-
/**
|
|
15
|
-
* The floating label. `shrink` lifts it onto the top border (white background masks the line —
|
|
16
|
-
* the technique the old FormControl `sx` used, so no fieldset/legend notch is needed).
|
|
17
|
-
*/
|
|
18
|
-
export declare const floatingLabelClass: ({ shrink, focused, error, disabled, size, }: FieldState & {
|
|
19
|
-
shrink: boolean;
|
|
20
|
-
size?: FieldSize;
|
|
21
|
-
}) => string;
|
|
22
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export type RadioValue = string | number | boolean | null;
|
|
2
|
-
export interface RadioGroupContextValue {
|
|
3
|
-
name: string;
|
|
4
|
-
value?: RadioValue;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
onSelect: (value: RadioValue) => void;
|
|
7
|
-
}
|
|
8
|
-
/** Shared state for the native radio group (replaces `@base-ui/react`'s RadioGroup context). */
|
|
9
|
-
export declare const RadioGroupContext: import('node_modules/@types/react').Context<RadioGroupContextValue | null>;
|
|
10
|
-
export declare const useRadioGroupContext: () => RadioGroupContextValue | null;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { FieldSize } from '../inputs/field-styles';
|
|
2
|
-
export interface FormControlContextValue {
|
|
3
|
-
focused: boolean;
|
|
4
|
-
filled: boolean;
|
|
5
|
-
error: boolean;
|
|
6
|
-
disabled: boolean;
|
|
7
|
-
required: boolean;
|
|
8
|
-
size: FieldSize;
|
|
9
|
-
labelId?: string;
|
|
10
|
-
setFocused: (value: boolean) => void;
|
|
11
|
-
setFilled: (value: boolean) => void;
|
|
12
|
-
}
|
|
13
|
-
export declare const FormControlContext: import('node_modules/@types/react').Context<FormControlContextValue | null>;
|
|
14
|
-
export declare const useFormControlContext: () => FormControlContextValue | null;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { AvatarProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* MUI-free `Avatar`: 40×40 flex box showing an image (`src`) or fallback children/initials on a
|
|
4
|
-
* grey background. Reproduces MUI default metrics + `variant`. TASK-102.
|
|
5
|
-
*/
|
|
6
|
-
export declare const Avatar: ({ src, srcSet, alt, variant, sizes, className, sx, style, children, classes: _classes, component: _component, ...rest }: AvatarProps) => JSX.Element;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
type MouseEventName = 'onClick' | 'onMouseDown' | 'onMouseUp';
|
|
3
|
-
type TouchEventName = 'onTouchStart' | 'onTouchEnd';
|
|
4
|
-
export interface ClickAwayListenerProps {
|
|
5
|
-
children: ReactElement;
|
|
6
|
-
onClickAway: (event: MouseEvent | TouchEvent) => void;
|
|
7
|
-
mouseEvent?: MouseEventName | false;
|
|
8
|
-
touchEvent?: TouchEventName | false;
|
|
9
|
-
disableReactTree?: boolean;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* MUI-free `ClickAwayListener`: fires `onClickAway` when a pointer event lands outside the single
|
|
13
|
-
* child element. Matches the MUI API subset this library uses (`onClickAway`, `mouseEvent`,
|
|
14
|
-
* `touchEvent`). The child must forward a ref to its root DOM node.
|
|
15
|
-
*
|
|
16
|
-
* @see asma-modules/_docs/frontend/plans/2026-07-10-19-12-plan-asma-ui-core-mui-removal.md — TASK-102
|
|
17
|
-
*/
|
|
18
|
-
export declare const ClickAwayListener: ({ children, onClickAway, mouseEvent, touchEvent, }: ClickAwayListenerProps) => ReactElement;
|
|
19
|
-
export {};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { ContainerProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* MUI-free `Container`: full-width, horizontally centred, with default 16px gutters and a
|
|
4
|
-
* breakpoint `maxWidth` (default `lg`). `fixed` is not reproduced (rare). TASK-102.
|
|
5
|
-
*/
|
|
6
|
-
export declare const Container: ({ maxWidth, disableGutters, className, sx, style, component, children, fixed: _fixed, ...rest }: ContainerProps) => JSX.Element;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, ReactElement } from 'react';
|
|
2
|
-
type Timeout = number | {
|
|
3
|
-
enter?: number;
|
|
4
|
-
exit?: number;
|
|
5
|
-
};
|
|
6
|
-
export interface FadeProps {
|
|
7
|
-
in?: boolean;
|
|
8
|
-
timeout?: Timeout;
|
|
9
|
-
appear?: boolean;
|
|
10
|
-
children: ReactElement;
|
|
11
|
-
onEnter?: () => void;
|
|
12
|
-
onExited?: () => void;
|
|
13
|
-
style?: CSSProperties;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* Opacity transition (replaces MUI `Fade`). Clones its single child and runs a CSS keyframe on
|
|
17
|
-
* enter/exit, keeping the child mounted through the exit tween before calling `onExited` (so a
|
|
18
|
-
* parent `Popper` can unmount it). Public props preserved (DEC-003). TASK-403.
|
|
19
|
-
*/
|
|
20
|
-
export declare const Fade: ({ in: inProp, timeout, children, onExited, style, }: FadeProps) => JSX.Element | null;
|
|
21
|
-
export {};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { FormLabelProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* MUI-free `FormLabel`: a `<label>` with MUI's default form-label typography/colour. Distinct from
|
|
4
|
-
* this library's `StyledFormLabel` (data-display); this is the raw MUI passthrough. TASK-102.
|
|
5
|
-
*/
|
|
6
|
-
export declare const FormLabel: ({ required, className, sx, style, children, classes: _classes, component: _component, error: _error, focused: _focused, filled: _filled, color: _color, ...rest }: FormLabelProps) => JSX.Element;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { PaperProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* MUI-free `Paper`: white surface with border-radius and an elevation shadow (default 1) or an
|
|
4
|
-
* outlined border (`variant="outlined"`). Reproduces the MUI default-theme shadow scale (TASK-102).
|
|
5
|
-
*/
|
|
6
|
-
export declare const Paper: ({ elevation, square, variant, className, sx, style, component, children, classes: _classes, ...rest }: PaperProps) => JSX.Element;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import { Placement } from '@floating-ui/react';
|
|
3
|
-
export interface PopperTransitionProps {
|
|
4
|
-
in: boolean;
|
|
5
|
-
onExited: () => void;
|
|
6
|
-
}
|
|
7
|
-
type PopperChildren = ReactNode | ((props: {
|
|
8
|
-
TransitionProps: PopperTransitionProps;
|
|
9
|
-
placement: Placement;
|
|
10
|
-
}) => ReactNode);
|
|
11
|
-
export interface PopperProps {
|
|
12
|
-
open?: boolean;
|
|
13
|
-
anchorEl?: Element | null;
|
|
14
|
-
id?: string;
|
|
15
|
-
placement?: Placement;
|
|
16
|
-
transition?: boolean;
|
|
17
|
-
disablePortal?: boolean;
|
|
18
|
-
className?: string;
|
|
19
|
-
style?: CSSProperties;
|
|
20
|
-
children?: PopperChildren;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Positioning primitive (replaces MUI `Popper`) built on `@floating-ui/react`. Positions its
|
|
24
|
-
* content against `anchorEl`; with `transition`, renders children as a function receiving
|
|
25
|
-
* `TransitionProps` (`in`/`onExited`) so a child `Fade` can animate and unmount. Public props
|
|
26
|
-
* preserved (DEC-003). TASK-403.
|
|
27
|
-
*/
|
|
28
|
-
export declare const Popper: ({ open, anchorEl, id, placement, transition, disablePortal, className, style, children, }: PopperProps) => JSX.Element | null;
|
|
29
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { SkeletonProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* MUI-free `Skeleton`: grey placeholder with the pulse animation (default). Reproduces MUI's
|
|
4
|
-
* variants (`text`/`circular`/`rectangular`/`rounded`), `width`/`height`, and background. `wave`
|
|
5
|
-
* animation degrades to `pulse` (Tailwind-first). TASK-102.
|
|
6
|
-
*/
|
|
7
|
-
export declare const Skeleton: ({ variant, width, height, animation, className, sx, style, children, classes: _classes, component: _component, ...rest }: SkeletonProps) => JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { StackProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* MUI-free `Stack`: a flex container with `direction` and `spacing` (× 8px gap) and optional
|
|
4
|
-
* `divider` between children. Scalar direction/spacing only — responsive breakpoint objects are not
|
|
5
|
-
* reproduced (rare on this library's usage). TASK-102.
|
|
6
|
-
*/
|
|
7
|
-
export declare const Stack: ({ direction, spacing, divider, className, sx, style, component, children, useFlexGap: _useFlexGap, ...rest }: StackProps) => JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export { ClickAwayListener } from './ClickAwayListener';
|
|
2
|
-
export { Paper } from './Paper';
|
|
3
|
-
export { Stack } from './Stack';
|
|
4
|
-
export { Container } from './Container';
|
|
5
|
-
export { Avatar } from './Avatar';
|
|
6
|
-
export { Skeleton } from './Skeleton';
|
|
7
|
-
export { FormLabel } from './FormLabel';
|
|
8
|
-
export { Fade } from './Fade';
|
|
9
|
-
export { Popper } from './Popper';
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { ElementType, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
interface BaseShimProps extends HTMLAttributes<HTMLElement> {
|
|
3
|
-
sx?: unknown;
|
|
4
|
-
component?: ElementType;
|
|
5
|
-
classes?: Record<string, string>;
|
|
6
|
-
}
|
|
7
|
-
export interface PaperProps extends BaseShimProps {
|
|
8
|
-
elevation?: number;
|
|
9
|
-
square?: boolean;
|
|
10
|
-
variant?: 'elevation' | 'outlined';
|
|
11
|
-
}
|
|
12
|
-
export interface StackProps extends BaseShimProps {
|
|
13
|
-
direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
|
|
14
|
-
spacing?: number | string;
|
|
15
|
-
divider?: ReactNode;
|
|
16
|
-
useFlexGap?: boolean;
|
|
17
|
-
}
|
|
18
|
-
export interface AvatarProps extends BaseShimProps {
|
|
19
|
-
src?: string;
|
|
20
|
-
srcSet?: string;
|
|
21
|
-
alt?: string;
|
|
22
|
-
sizes?: string;
|
|
23
|
-
variant?: 'circular' | 'rounded' | 'square';
|
|
24
|
-
}
|
|
25
|
-
export interface SkeletonProps extends BaseShimProps {
|
|
26
|
-
variant?: 'text' | 'rectangular' | 'rounded' | 'circular';
|
|
27
|
-
width?: number | string;
|
|
28
|
-
height?: number | string;
|
|
29
|
-
animation?: 'pulse' | 'wave' | false;
|
|
30
|
-
}
|
|
31
|
-
export interface ContainerProps extends BaseShimProps {
|
|
32
|
-
maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
|
|
33
|
-
disableGutters?: boolean;
|
|
34
|
-
fixed?: boolean;
|
|
35
|
-
}
|
|
36
|
-
export interface FormLabelProps extends HTMLAttributes<HTMLLabelElement> {
|
|
37
|
-
sx?: unknown;
|
|
38
|
-
component?: ElementType;
|
|
39
|
-
classes?: Record<string, string>;
|
|
40
|
-
required?: boolean;
|
|
41
|
-
error?: boolean;
|
|
42
|
-
focused?: boolean;
|
|
43
|
-
filled?: boolean;
|
|
44
|
-
color?: string;
|
|
45
|
-
}
|
|
46
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { SyntheticEvent } from 'react';
|
|
2
|
-
export type TabValue = unknown;
|
|
3
|
-
export interface TabsContextValue {
|
|
4
|
-
value: TabValue;
|
|
5
|
-
size: 'default' | 'small';
|
|
6
|
-
onSelect: (event: SyntheticEvent, value: TabValue) => void;
|
|
7
|
-
/** Registers a tab button so the parent can measure the active indicator and drive arrow-key focus. */
|
|
8
|
-
register: (value: TabValue, node: HTMLButtonElement | null) => void;
|
|
9
|
-
}
|
|
10
|
-
export declare const TabsContext: import('node_modules/@types/react').Context<TabsContextValue | null>;
|
|
11
|
-
export declare const useTabsContext: () => TabsContextValue | null;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export interface AccordionContextValue {
|
|
2
|
-
open: boolean;
|
|
3
|
-
toggle: () => void;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
triggerId: string;
|
|
6
|
-
panelId: string;
|
|
7
|
-
}
|
|
8
|
-
/** Shared open-state + ARIA ids for the accordion compound (replaces `@base-ui/react`). */
|
|
9
|
-
export declare const AccordionContext: import('node_modules/@types/react').Context<AccordionContextValue | null>;
|
|
10
|
-
export declare const useAccordionContext: () => AccordionContextValue;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, Key, ReactNode } from 'react';
|
|
2
|
-
export interface TVirtualListProps<TItem> {
|
|
3
|
-
items: readonly TItem[];
|
|
4
|
-
/** Fixed row height in px, or a per-index height. Treated as an estimate when `measureRows` is on. */
|
|
5
|
-
itemSize: number | ((index: number) => number);
|
|
6
|
-
/** Viewport height of the scroll container. */
|
|
7
|
-
height: number | string;
|
|
8
|
-
/** Viewport width of the scroll container. Defaults to '100%'. */
|
|
9
|
-
width?: number | string;
|
|
10
|
-
/** Re-measure rendered rows with a ResizeObserver — for rows whose real height is content-driven. */
|
|
11
|
-
measureRows?: boolean;
|
|
12
|
-
overscan?: number;
|
|
13
|
-
/** Stable row identity for the measurement cache; defaults to the row index. */
|
|
14
|
-
getItemKey?: (index: number) => Key;
|
|
15
|
-
className?: string;
|
|
16
|
-
/** Class of the inner sizer element — e.g. pass a min-width class to allow horizontal overflow. */
|
|
17
|
-
contentClassName?: string;
|
|
18
|
-
contentStyle?: CSSProperties;
|
|
19
|
-
dataTest?: string;
|
|
20
|
-
renderItem: (item: TItem, index: number) => ReactNode;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Windowed vertical list on top of `@tanstack/react-virtual`. Covers both the fixed-size and the
|
|
24
|
-
* variable-size case (`itemSize` as number or per-index function), and content-driven row heights
|
|
25
|
-
* via `measureRows` — no imperative reset calls needed when a row changes height. The component
|
|
26
|
-
* owns its scroll container, so no explicit pixel width/AutoSizer wrapper is required.
|
|
27
|
-
*/
|
|
28
|
-
export declare const VirtualList: <TItem>({ items, itemSize, height, width, measureRows, overscan, getItemKey, className, contentClassName, contentStyle, dataTest, renderItem, }: TVirtualListProps<TItem>) => JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './VirtualList';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Dependency-free input masking — replaces `@react-input/mask` for the two masks this library
|
|
3
|
-
* actually uses: the date scaffold `' / / '` (showMask) and the progressive time mask
|
|
4
|
-
* `'xx:xx'`. Slots (positions equal to `maskChar`) accept digits; every other mask character is a
|
|
5
|
-
* literal.
|
|
6
|
-
*/
|
|
7
|
-
export interface InputMaskSpec {
|
|
8
|
-
/** Mask template, e.g. `' / / '` or `'xx:xx'`. */
|
|
9
|
-
mask: string;
|
|
10
|
-
/** The character in `mask` marking a fillable slot, e.g. `' '` or `'x'`. */
|
|
11
|
-
maskChar: string;
|
|
12
|
-
/** true → render the full scaffold once any digit is present; false → grow as the user types. */
|
|
13
|
-
showMask: boolean;
|
|
14
|
-
}
|
|
15
|
-
export interface MaskedResult {
|
|
16
|
-
value: string;
|
|
17
|
-
caret: number;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Pure formatter: distributes the digits of `raw` over the mask slots and computes the caret
|
|
21
|
-
* position that follows the last digit typed before `caretInRaw`. Zero digits always yield an
|
|
22
|
-
* empty value so the input's placeholder shows.
|
|
23
|
-
*/
|
|
24
|
-
export declare const formatMaskedValue: (raw: string, caretInRaw: number, spec: InputMaskSpec) => MaskedResult;
|
|
25
|
-
/**
|
|
26
|
-
* Ref-callback hook applying `formatMaskedValue` on every native `input` event, before React's
|
|
27
|
-
* delegated onChange reads the value — a drop-in for `useMask` from `@react-input/mask`.
|
|
28
|
-
*/
|
|
29
|
-
export declare const useInputMask: ({ mask, maskChar, showMask }: InputMaskSpec) => ((element: HTMLInputElement | null) => void);
|