@m4l/components 9.5.1 → 9.5.2-beta-improvement-606-typography-leveling.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/components/AccountPopover/slots/AccountPopoverSlots.d.ts +1 -1
- package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.js +20 -20
- package/components/ActionsGroup/slots/ActionsGroupSlots.d.ts +1 -1
- package/components/ActionsGroup/subcomponents/ActionIconButton/ActionIconButton.js +6 -6
- package/components/AppBar/slots/AppBarSlots.d.ts +1 -1
- package/components/CheckableList/CheckableList.js +1 -1
- package/components/CheckableList/hooks/useCheckableListRender.js +2 -2
- package/components/CheckableList/slots/styled.d.ts +4 -4
- package/components/Chip/Chip.js +21 -21
- package/components/Chip/slots/ChipSlots.d.ts +1 -1
- package/components/CommonActions/components/ActionCancel/slots/ActionsCancelSlots.d.ts +1 -1
- package/components/CommonActions/components/ActionFormCancel/slots/ActionFormCancelSlots.d.ts +1 -1
- package/components/CommonActions/components/ActionFormSubmitProgrammatic/slots/ActionFormSubmitProgrammaticSlots.d.ts +1 -1
- package/components/CommonActions/components/ActionIntro/slots/ActionsIntroSlots.d.ts +1 -1
- package/components/DaysOfMonthPicker/DaysOfMonthPicker.styles.js +1 -1
- package/components/DaysOfMonthPicker/slots/DaysOfMonthPickerSlots.d.ts +1 -1
- package/components/DaysOfWeekPicker/slots/DaysOfWeekPickerSlots.d.ts +1 -1
- package/components/DynamicFilter/DynamicFilter.styles.js +3 -3
- package/components/DynamicFilter/slots/dynamicFilterSlots.d.ts +2 -2
- package/components/DynamicSort/DynamicSort.styles.js +1 -1
- package/components/DynamicSort/slots/DynamicSortSlots.d.ts +2 -2
- package/components/EditLabel/slots/EditLabelSlots.d.ts +2 -2
- package/components/HelperError/HelperError.js +1 -1
- package/components/HelperError/HelperError.styles.js +6 -6
- package/components/ImageText/ImageText.js +9 -9
- package/components/Label/Label.js +18 -18
- package/components/LoadingError/LoadingError.js +14 -14
- package/components/MenuActions/slots/MenuActionsSlots.d.ts +1 -1
- package/components/NumberInput/NumberInput.styles.js +6 -6
- package/components/NumberInput/slots/NumberInputSlots.d.ts +2 -2
- package/components/ObjectLogs/slots/ObjectLogsSlots.d.ts +1 -1
- package/components/Pager/subcomponents/CustomTablePagination/CustomTablePagination.js +17 -17
- package/components/Pager/subcomponents/PagerActions/PagerActions.js +11 -11
- package/components/PrintingSystem/PrintingSystem.js +8 -8
- package/components/PrintingSystem/PrintingSystem.styles.js +6 -6
- package/components/PrintingSystem/types.d.ts +1 -1
- package/components/PrintingSystem/types.d.ts.map +1 -1
- package/components/PropertyValue/PropertyValue.js +1 -1
- package/components/SettingsLayout/slots/SettingsLayoutSlots.d.ts +1 -1
- package/components/SettingsLayout/subcomponents/SettingDirection/SettingDirection.js +9 -9
- package/components/SettingsLayout/subcomponents/SettingMode/SettingMode.js +11 -11
- package/components/SideBar/slots/SideBarSlots.d.ts +1 -1
- package/components/SideBar/subcomponents/ContentComponent/style.js +1 -1
- package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperTitle/index.js +5 -5
- package/components/Stepper/subcomponents/StepArea/index.js +7 -7
- package/components/Stepper/subcomponents/StepArea/subcomponents/Inidicator/index.js +8 -8
- package/components/TabsNavigator/subcomponents/TabNavigatorClusterComponent/TabNavigatorClusterComponent.js +22 -22
- package/components/TabsNavigator/subcomponents/TabNavigatorComponent/TabNavigatorComponent.js +16 -16
- package/components/ToastContainer/slots/toastContainerSlots.d.ts +2 -2
- package/components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js +8 -8
- package/components/WindowBase/subcomponents/Header/HeaderWindowBase.js +23 -23
- package/components/WindowConfirm/slots/WindowConfirmSlots.d.ts +2 -2
- package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.d.ts +2 -2
- package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.js +7 -7
- package/components/datagrids/Datagrid.styles.js +6 -6
- package/components/datagrids/slots/DataGridSlot.d.ts +1 -1
- package/components/datagrids/subcomponents/HeaderActions/subcomponents/ViewMode/ViewMode.js +3 -3
- package/components/datagrids/views/CardsView/hooks/useCardContent/useCardContent.js +21 -21
- package/components/datagrids/views/CardsView/subcomponents/CardDetails/CardDetails.js +22 -22
- package/components/datagrids/views/ListView/hooks/useListContent/useListContent.js +11 -11
- package/components/datagrids/views/ListView/subcomponents/ListDetail/ListDetail.js +16 -16
- package/components/extended/mui/Accordion/slots/AccordionSlots.d.ts +1 -1
- package/components/extended/mui/Autocomplete/slots/AutocompleteSlots.d.ts +1 -1
- package/components/extended/mui/Autocomplete/subcomponents/LoadingText/LoadingText.js +3 -3
- package/components/extended/mui/Autocomplete/subcomponents/NoOptionsText/NoOptionsText.js +3 -3
- package/components/extended/mui/Avatar/styles.js +4 -4
- package/components/extended/mui/Badge/Badge.styles.js +1 -1
- package/components/extended/mui/Button/slots/ButtonSlots.d.ts +1 -1
- package/components/extended/mui/CheckBox/CheckBox.js +6 -6
- package/components/extended/mui/DatePicker/DatePicker.styles.js +4 -4
- package/components/extended/mui/DatePicker/slots/DatePickerSlots.d.ts +1 -1
- package/components/extended/mui/DateTimePicker/DateTimePicker.styles.js +256 -256
- package/components/extended/mui/DateTimePicker/slots/DateTimePickerSlots.d.ts +2 -2
- package/components/extended/mui/IconButton/slots/IconButtonSlots.d.ts +1 -1
- package/components/extended/mui/LoadingButton/slots/LoadingButtonSlots.d.ts +1 -1
- package/components/extended/mui/MenuItem/MenuItem.js +11 -11
- package/components/extended/mui/MenuItem/slots/MenuItemSlots.d.ts +1 -1
- package/components/extended/mui/NavLink/NavLink.styles.js +20 -20
- package/components/extended/mui/Radio/Radio.js +14 -14
- package/components/extended/mui/Select/Select.js +22 -22
- package/components/extended/mui/Select/slots/SelectSlots.d.ts +1 -1
- package/components/extended/mui/Tab/Slots/TabSlots.d.ts +1 -1
- package/components/extended/mui/Tab/Tab.js +12 -12
- package/components/extended/mui/Tabs/slots/TabsSlots.d.ts +1 -1
- package/components/extended/mui/TextField/TextField.js +3 -3
- package/components/extended/mui/TextField/TextField.styles.js +5 -5
- package/components/extended/mui/TimePicker/slots/TimePickerSlots.d.ts +1 -1
- package/components/extended/mui/ToggleButton/slots/ToggleButtonSlots.d.ts +1 -1
- package/components/extended/mui/ToggleIconButton/slots/ToggleIconButtonSlots.d.ts +1 -1
- package/components/extended/mui/Tooltip/Tooltip.styles.js +3 -3
- package/components/extended/mui/Typography/Typography.js +7 -7
- package/components/extended/mui/Typography/types.d.ts +18 -19
- package/components/extended/mui/Typography/types.d.ts.map +1 -1
- package/components/extended/mui/Typography/typography.styles.d.ts.map +1 -1
- package/components/extended/mui/Typography/typography.styles.js +24 -17
- package/components/extended/rsuite/DateRangePicker/DateRangePicker.styles.js +1 -1
- package/components/formatters/ImageFormatter/ImageFormatter.js +17 -17
- package/components/hook-form/RHFCheckbox/slots/RHFCheckBoxSlots.d.ts +1 -1
- package/components/hook-form/RHFColorPicker/slots/RHFColorPickerSlots.d.ts +1 -1
- package/components/hook-form/RHFDatePicker/RHFDatePicker.styles.js +4 -4
- package/components/hook-form/RHFDatePicker/slots/RHFDatePickerSlots.d.ts +1 -1
- package/components/hook-form/RHFRadioGroup/RHFRadioGroup.js +7 -7
- package/components/hook-form/RHFTextFieldPassword/slots/RHFTextFieldPasswordSlots.d.ts +1 -1
- package/components/hook-form/RHFUpload/RHFUploadImage/slots/RHFUploadImageSlots.d.ts +2 -2
- package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/UploadImage.js +22 -22
- package/components/hook-form/RHFUpload/RHFUploadSingleFile/slots/RHFUploadSingleFileSlots.d.ts +2 -2
- package/components/hook-form/RHFUpload/RHFUploadSingleFile/subcomponents/BlockContent/BlockContent.js +1 -1
- package/hooks/useDynamicFilterAndSort/slots/DynamicFilterAndSortSlots.d.ts +1 -1
- package/package.json +6 -6
- package/utils/getTypographyStyles.d.ts +6 -9
- package/utils/getTypographyStyles.d.ts.map +1 -1
- package/utils/getTypographyStyles.js +5 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getTypographyStyles as i } from "../../../../utils/getTypographyStyles.js";
|
|
2
|
-
const
|
|
2
|
+
const a = {
|
|
3
3
|
/**
|
|
4
4
|
* Estilos root del componente Tooltip
|
|
5
5
|
*/
|
|
@@ -12,7 +12,7 @@ const s = {
|
|
|
12
12
|
...i(
|
|
13
13
|
o.generalSettings.isMobile,
|
|
14
14
|
t?.size || "medium",
|
|
15
|
-
"
|
|
15
|
+
"bodyStandard"
|
|
16
16
|
)
|
|
17
17
|
}),
|
|
18
18
|
/**
|
|
@@ -61,5 +61,5 @@ const s = {
|
|
|
61
61
|
})
|
|
62
62
|
};
|
|
63
63
|
export {
|
|
64
|
-
|
|
64
|
+
a as tooltipStyles
|
|
65
65
|
};
|
|
@@ -10,8 +10,8 @@ import { useComponentSize as E } from "../../../../hooks/useComponentSize/useCom
|
|
|
10
10
|
const D = k(function(n, l) {
|
|
11
11
|
const {
|
|
12
12
|
skeletonWidth: p = "100%",
|
|
13
|
-
skeletonRows:
|
|
14
|
-
variant: e = "
|
|
13
|
+
skeletonRows: t = 1,
|
|
14
|
+
variant: e = "bodyStandard",
|
|
15
15
|
color: d = "text.primary",
|
|
16
16
|
size: S,
|
|
17
17
|
className: c,
|
|
@@ -21,11 +21,11 @@ const D = k(function(n, l) {
|
|
|
21
21
|
ellipsis: u = !1,
|
|
22
22
|
fontFamily: T = "Inter",
|
|
23
23
|
...P
|
|
24
|
-
} = n, r = A(), { currentSize:
|
|
24
|
+
} = n, r = A(), { currentSize: o } = E(S), s = {
|
|
25
25
|
disabled: h,
|
|
26
26
|
color: d,
|
|
27
|
-
size:
|
|
28
|
-
skeletonRows:
|
|
27
|
+
size: o === "small" || o === "medium" ? o : "medium",
|
|
28
|
+
skeletonRows: t,
|
|
29
29
|
variant: e,
|
|
30
30
|
skeleton: r,
|
|
31
31
|
ellipsis: u,
|
|
@@ -40,10 +40,10 @@ const D = k(function(n, l) {
|
|
|
40
40
|
ownerState: { ...s },
|
|
41
41
|
...C(_, w.root, f),
|
|
42
42
|
...P,
|
|
43
|
-
children: r ? Array.from({ length:
|
|
43
|
+
children: r ? Array.from({ length: t }).map((x, a) => /* @__PURE__ */ m(
|
|
44
44
|
N,
|
|
45
45
|
{
|
|
46
|
-
width: a ===
|
|
46
|
+
width: a === t - 1 ? p : "100%",
|
|
47
47
|
variant: "text",
|
|
48
48
|
ownerState: { ...s },
|
|
49
49
|
className: i.skeleton
|
|
@@ -1,61 +1,61 @@
|
|
|
1
1
|
import { TypographyProps as MUITypographyProps, Theme } from '@mui/material';
|
|
2
|
-
import { Sizes,
|
|
2
|
+
import { Sizes, TypographyVariantProp } from '@m4l/styles';
|
|
3
3
|
import { TypographySlots } from './slots/typographyEnum';
|
|
4
4
|
import { TYPOGRAPHY_KEY_COMPONENT } from './constants';
|
|
5
5
|
import { M4LOverridesStyleRules } from '../../../../@types/augmentations';
|
|
6
6
|
import { DeepKeyOf } from '../../../../utils/types';
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Typography color options available for the component.
|
|
9
9
|
*/
|
|
10
10
|
export type TypographyColors = 'text.primary' | 'text.secondary' | 'text.disabled' | string;
|
|
11
11
|
export type TypographyFontsFamily = 'Inter' | 'Jura';
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Component props; extends MUI `Typography` with design-system behavior.
|
|
14
14
|
*/
|
|
15
15
|
export interface TypographyProps extends Omit<MUITypographyProps, 'color' | 'variant' | 'children' | 'size'> {
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Skeleton width.
|
|
18
18
|
*/
|
|
19
19
|
skeletonWidth?: string | number;
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* Number of skeleton rows (1–5).
|
|
22
22
|
*/
|
|
23
23
|
skeletonRows?: 1 | 2 | 3 | 4 | 5;
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
25
|
+
* Text color (palette path or string).
|
|
26
26
|
*/
|
|
27
27
|
color?: DeepKeyOf<Theme['vars']['palette']> | string;
|
|
28
28
|
/**
|
|
29
|
-
*
|
|
29
|
+
* Component size.
|
|
30
30
|
*/
|
|
31
31
|
size?: Extract<Sizes, 'small' | 'medium'>;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Typography variant: design-system tokens and optional legacy names (see `@m4l/styles` `TypographyVariantProp`).
|
|
34
34
|
*/
|
|
35
|
-
variant?:
|
|
35
|
+
variant?: TypographyVariantProp;
|
|
36
36
|
/**
|
|
37
|
-
*
|
|
37
|
+
* Component content.
|
|
38
38
|
*/
|
|
39
39
|
children?: React.ReactNode;
|
|
40
40
|
/**
|
|
41
|
-
*
|
|
41
|
+
* `data-testid` for tests.
|
|
42
42
|
*/
|
|
43
43
|
dataTestid?: string;
|
|
44
|
-
/**
|
|
44
|
+
/** Associates a label with a form control (`htmlFor`). */
|
|
45
45
|
htmlFor?: string | undefined;
|
|
46
|
-
/**
|
|
46
|
+
/** When set, text uses disabled color. */
|
|
47
47
|
disabled?: boolean;
|
|
48
48
|
/**
|
|
49
|
-
*
|
|
49
|
+
* When set, truncates with ellipsis.
|
|
50
50
|
*/
|
|
51
51
|
ellipsis?: boolean;
|
|
52
52
|
/**
|
|
53
|
-
*
|
|
53
|
+
* Font family for the text.
|
|
54
54
|
*/
|
|
55
55
|
fontFamily?: TypographyFontsFamily;
|
|
56
56
|
}
|
|
57
57
|
/**
|
|
58
|
-
*
|
|
58
|
+
* Owner state passed to styled slots.
|
|
59
59
|
*/
|
|
60
60
|
export interface TypographyOwnerState {
|
|
61
61
|
disabled?: boolean;
|
|
@@ -68,12 +68,11 @@ export interface TypographyOwnerState {
|
|
|
68
68
|
fontFamily: TypographyProps['fontFamily'];
|
|
69
69
|
}
|
|
70
70
|
/**
|
|
71
|
-
*
|
|
71
|
+
* Component slot keys.
|
|
72
72
|
*/
|
|
73
73
|
export type TypographySlotsType = keyof typeof TypographySlots;
|
|
74
74
|
/**
|
|
75
|
-
*
|
|
76
|
-
* también asocia la clase TYPOGRAPHY_KEY_COMPONENT a cada slot.
|
|
75
|
+
* CSS style rules for each slot (with `TYPOGRAPHY_KEY_COMPONENT` class association).
|
|
77
76
|
*/
|
|
78
77
|
export type TypographyStyles = M4LOverridesStyleRules<TypographySlotsType, typeof TYPOGRAPHY_KEY_COMPONENT, Theme>;
|
|
79
78
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Typography/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,kBAAkB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Typography/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,kBAAkB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,MAAM,CAAC;AAE5F,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1G;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC;IACrD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC;AACD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAChC,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACpC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,YAAY,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACtC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CAC3C;AACD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,eAAe,CAAC;AAC/D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,mBAAmB,EAAE,OAAO,wBAAwB,EAAE,KAAK,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Typography/typography.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"typography.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Typography/typography.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4B3C,eAAO,MAAM,gBAAgB,EAAE,gBA4D9B,CAAC"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
import { getPropertyByString as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { getPropertyByString as r } from "@m4l/core";
|
|
2
|
+
import { getTypographyStyles as s } from "../../../../utils/getTypographyStyles.js";
|
|
3
|
+
const e = "bodyStandard", n = (i) => {
|
|
4
|
+
if (!i?.fontSize || i.lineHeight === null)
|
|
5
|
+
return "1em";
|
|
6
|
+
const { fontSize: l, lineHeight: t } = i;
|
|
7
|
+
return t.endsWith("px") ? t : t === "normal" ? `calc(${l} * 1.2)` : l;
|
|
8
|
+
}, d = {
|
|
5
9
|
/**
|
|
6
10
|
* Slot: root
|
|
7
|
-
*
|
|
11
|
+
* Extended MUI Typography wrapper with design-system styles.
|
|
8
12
|
*/
|
|
9
13
|
root: ({ ownerState: i, theme: l }) => ({
|
|
10
14
|
margin: 0,
|
|
@@ -13,23 +17,23 @@ const y = {
|
|
|
13
17
|
fontFamily: i?.fontFamily
|
|
14
18
|
},
|
|
15
19
|
"&.M4lclassCssSpecificity": {
|
|
16
|
-
//
|
|
20
|
+
// General styles 🌐
|
|
17
21
|
// skeleton spacing when multiple rows 🦴
|
|
18
22
|
...i?.skeletonRows && i?.skeletonRows > 1 && {
|
|
19
23
|
display: "flex",
|
|
20
24
|
flexDirection: "column"
|
|
21
25
|
},
|
|
22
|
-
// Override
|
|
26
|
+
// Override default MUI styles 🚫
|
|
23
27
|
// color text.disabled 🎨
|
|
24
28
|
...i?.disabled || i?.color === "text.disabled" ? {
|
|
25
29
|
color: l.vars.palette.text.disabled
|
|
26
30
|
} : {
|
|
27
|
-
color:
|
|
31
|
+
color: r(l.vars.palette, i?.color || "text.primary", "text.primary")
|
|
28
32
|
},
|
|
29
|
-
...
|
|
33
|
+
...s(
|
|
30
34
|
l.generalSettings.isMobile,
|
|
31
35
|
i?.size || "medium",
|
|
32
|
-
i?.variant
|
|
36
|
+
i?.variant ?? e
|
|
33
37
|
),
|
|
34
38
|
// ellipsis 🔤
|
|
35
39
|
...i?.ellipsis && {
|
|
@@ -46,14 +50,17 @@ const y = {
|
|
|
46
50
|
/**
|
|
47
51
|
* Slot: skeleton
|
|
48
52
|
*/
|
|
49
|
-
skeleton: ({ theme: i, ownerState: l }) =>
|
|
50
|
-
|
|
51
|
-
i,
|
|
53
|
+
skeleton: ({ theme: i, ownerState: l }) => {
|
|
54
|
+
const t = l?.variant ?? e, o = s(
|
|
55
|
+
i.generalSettings.isMobile,
|
|
52
56
|
l?.size || "medium",
|
|
53
|
-
|
|
54
|
-
)
|
|
55
|
-
|
|
57
|
+
t
|
|
58
|
+
);
|
|
59
|
+
return {
|
|
60
|
+
height: n(o)
|
|
61
|
+
};
|
|
62
|
+
}
|
|
56
63
|
};
|
|
57
64
|
export {
|
|
58
|
-
|
|
65
|
+
d as typographyStyles
|
|
59
66
|
};
|
|
@@ -17,7 +17,7 @@ const l = {
|
|
|
17
17
|
"& .rs-input": {
|
|
18
18
|
backgroundColor: "transparent",
|
|
19
19
|
color: r.vars.palette.text.primary,
|
|
20
|
-
...e(r.generalSettings.isMobile, o?.size || "medium", "
|
|
20
|
+
...e(r.generalSettings.isMobile, o?.size || "medium", "bodyStandard")
|
|
21
21
|
},
|
|
22
22
|
"& .rs-btn-close": {
|
|
23
23
|
display: "flex",
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as S, Fragment as h, jsx as i } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { useMemo as f } from "react";
|
|
3
|
-
import { ImageStyled as
|
|
3
|
+
import { ImageStyled as x, TextImageStyled as T, RootStyled as v } from "./slots/ImageFormatterSlots.js";
|
|
4
4
|
import { ImageFormatterSlots as s } from "./slots/ImageFormatterEnum.js";
|
|
5
5
|
import u from "clsx";
|
|
6
6
|
import { getComponentSlotRoot as y } from "../../../utils/getComponentSlotRoot.js";
|
|
7
|
-
import { getPropDataTestId as
|
|
7
|
+
import { getPropDataTestId as d } from "../../../test/getNameDataTestId.js";
|
|
8
8
|
import { IMAGE_FORMATTER_KEY_COMPONENT as m } from "./constants.js";
|
|
9
9
|
function j(p) {
|
|
10
|
-
const { src:
|
|
10
|
+
const { src: c, alt: l, text: a, width: t, height: e, cover: o, dataTestId: r, className: g } = p, n = f(
|
|
11
11
|
() => ({
|
|
12
12
|
width: t,
|
|
13
13
|
height: e,
|
|
@@ -15,17 +15,17 @@ function j(p) {
|
|
|
15
15
|
cover: o
|
|
16
16
|
}),
|
|
17
17
|
[t, e, o]
|
|
18
|
-
), I = f(() => /* @__PURE__ */ h
|
|
19
|
-
/* @__PURE__ */
|
|
20
|
-
|
|
18
|
+
), I = f(() => /* @__PURE__ */ S(h, { children: [
|
|
19
|
+
/* @__PURE__ */ i(
|
|
20
|
+
x,
|
|
21
21
|
{
|
|
22
|
-
ownerState:
|
|
23
|
-
...
|
|
22
|
+
ownerState: n,
|
|
23
|
+
...d(
|
|
24
24
|
m,
|
|
25
25
|
s.image,
|
|
26
26
|
r
|
|
27
27
|
),
|
|
28
|
-
src:
|
|
28
|
+
src: c,
|
|
29
29
|
alt: l,
|
|
30
30
|
width: t,
|
|
31
31
|
height: e,
|
|
@@ -33,28 +33,28 @@ function j(p) {
|
|
|
33
33
|
enableIntersectionObserver: !1
|
|
34
34
|
}
|
|
35
35
|
),
|
|
36
|
-
a && /* @__PURE__ */
|
|
36
|
+
a && /* @__PURE__ */ i(
|
|
37
37
|
T,
|
|
38
38
|
{
|
|
39
|
-
...
|
|
39
|
+
...d(
|
|
40
40
|
m,
|
|
41
41
|
s.textImage,
|
|
42
42
|
r
|
|
43
43
|
),
|
|
44
|
-
variant: "
|
|
44
|
+
variant: "bodyStandard",
|
|
45
45
|
children: a
|
|
46
46
|
}
|
|
47
47
|
)
|
|
48
|
-
] }), [
|
|
49
|
-
return /* @__PURE__ */
|
|
48
|
+
] }), [c, l, a, t, e, o, r, n]);
|
|
49
|
+
return /* @__PURE__ */ i(
|
|
50
50
|
v,
|
|
51
51
|
{
|
|
52
|
-
ownerState:
|
|
52
|
+
ownerState: n,
|
|
53
53
|
className: u(
|
|
54
54
|
y(m),
|
|
55
55
|
g
|
|
56
56
|
),
|
|
57
|
-
...
|
|
57
|
+
...d(
|
|
58
58
|
m,
|
|
59
59
|
s.root,
|
|
60
60
|
r
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const RHFCheckboxRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
2
|
-
export declare const CheckBoxStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../extended/mui/CheckBox/types').CheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "error" | "size" | "color" | "
|
|
2
|
+
export declare const CheckBoxStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../extended/mui/CheckBox/types').CheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "error" | "size" | "color" | "action" | "content" | "translate" | "className" | "style" | "classes" | "children" | "sx" | "form" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "value" | "indeterminate" | "icon" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "skeletonWidth" | "htmlFor" | "checked" | keyof import('react').RefAttributes<HTMLButtonElement> | "mandatory" | "required" | "readOnly" | "inputProps" | "inputRef" | "helperMessage" | "mandatoryMessage" | "checkedIcon" | "indeterminateIcon" | "inlineText"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
|
|
3
3
|
export declare const ContainerCheckTypography: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
4
4
|
export declare const LabelComponent: import('@emotion/styled').StyledComponent<Pick<import('../../..').LabelProps, keyof import('../../..').LabelProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
|
|
5
5
|
//# sourceMappingURL=RHFCheckBoxSlots.d.ts.map
|
|
@@ -8,7 +8,7 @@ export declare const RootStyled: import('@emotion/styled').StyledComponent<impor
|
|
|
8
8
|
/**
|
|
9
9
|
* Componente estilizado de IconButton como el contenedor raíz del componente de color.
|
|
10
10
|
*/
|
|
11
|
-
export declare const IconButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../extended/mui/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "size" | "variant" | "color" | "
|
|
11
|
+
export declare const IconButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../extended/mui/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "size" | "variant" | "color" | "action" | "content" | "translate" | "className" | "style" | "classes" | "children" | "src" | "sx" | "form" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "tooltip" | "value" | "instaceDataTestId" | "placement" | "icon" | "selected" | "rotationAngle" | "disabled" | "ariaLabel" | "dataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').RHFColorPickerOwnerState> & Record<string, unknown> & {
|
|
12
12
|
ownerState: Partial<import('../types').RHFColorPickerOwnerState> & Record<string, unknown>;
|
|
13
13
|
}, {}, {}>;
|
|
14
14
|
/**
|
|
@@ -54,7 +54,7 @@ const n = {
|
|
|
54
54
|
...e(a, i?.size || "medium", "action", (r) => ({
|
|
55
55
|
height: r
|
|
56
56
|
})),
|
|
57
|
-
...s(a.generalSettings.isMobile, i?.size || "medium", "
|
|
57
|
+
...s(a.generalSettings.isMobile, i?.size || "medium", "bodyStandard"),
|
|
58
58
|
margin: 0,
|
|
59
59
|
padding: 0,
|
|
60
60
|
"&:hover": {
|
|
@@ -89,7 +89,7 @@ const n = {
|
|
|
89
89
|
"& .MuiDayCalendar-weekDayLabel": {
|
|
90
90
|
height: a.vars.size.baseSpacings.sp7,
|
|
91
91
|
width: a.vars.size.baseSpacings.sp7,
|
|
92
|
-
...s(a.generalSettings.isMobile, i?.size || "medium", "
|
|
92
|
+
...s(a.generalSettings.isMobile, i?.size || "medium", "bodyStandard"),
|
|
93
93
|
color: a.vars.palette.text.secondary,
|
|
94
94
|
display: "flex",
|
|
95
95
|
alignItems: "center",
|
|
@@ -112,7 +112,7 @@ const n = {
|
|
|
112
112
|
display: "flex",
|
|
113
113
|
alignItems: "center",
|
|
114
114
|
justifyContent: "center",
|
|
115
|
-
...s(a.generalSettings.isMobile, i?.size || "medium", "
|
|
115
|
+
...s(a.generalSettings.isMobile, i?.size || "medium", "bodyStandard"),
|
|
116
116
|
"&.Mui-selected": {
|
|
117
117
|
backgroundColor: a.vars.palette.primary.enabled,
|
|
118
118
|
color: a.vars.palette.primary.contrastText,
|
|
@@ -168,7 +168,7 @@ const n = {
|
|
|
168
168
|
border: `1px solid ${a.vars.palette.border.secondary}`,
|
|
169
169
|
borderRadius: a.vars.size.borderRadius["r1-5"],
|
|
170
170
|
"& .MuiPickersCalendarHeader-label": {
|
|
171
|
-
...s(a.generalSettings.isMobile, i?.size || "medium", "
|
|
171
|
+
...s(a.generalSettings.isMobile, i?.size || "medium", "bodyStandard")
|
|
172
172
|
}
|
|
173
173
|
},
|
|
174
174
|
"& .MuiPickersArrowSwitcher-root": {
|
|
@@ -31,7 +31,7 @@ export declare const CalendarHeaderStyled: import('@emotion/styled').StyledCompo
|
|
|
31
31
|
/**
|
|
32
32
|
* Componente estilizado de IconButton de M4L como slot del componente.
|
|
33
33
|
*/
|
|
34
|
-
export declare const IconButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../extended/mui/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "size" | "variant" | "color" | "
|
|
34
|
+
export declare const IconButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../extended/mui/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "size" | "variant" | "color" | "action" | "content" | "translate" | "className" | "style" | "classes" | "children" | "src" | "sx" | "form" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "tooltip" | "value" | "instaceDataTestId" | "placement" | "icon" | "selected" | "rotationAngle" | "disabled" | "ariaLabel" | "dataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
35
35
|
ownerState?: (Partial<import('../types').RHFDatePickerOwnerState> & Record<string, unknown>) | undefined;
|
|
36
36
|
}, {}, {}>;
|
|
37
37
|
/**
|
|
@@ -18,8 +18,8 @@ function Fo({
|
|
|
18
18
|
options: s,
|
|
19
19
|
getOptionLabel: I,
|
|
20
20
|
getOptionValue: x,
|
|
21
|
-
getOptionStartAdornment:
|
|
22
|
-
label:
|
|
21
|
+
getOptionStartAdornment: a,
|
|
22
|
+
label: p,
|
|
23
23
|
mandatory: G,
|
|
24
24
|
mandatoryMessage: b,
|
|
25
25
|
helperMessage: k,
|
|
@@ -34,7 +34,7 @@ function Fo({
|
|
|
34
34
|
..._
|
|
35
35
|
}) {
|
|
36
36
|
const g = W(), n = A || g, { currentSize: i } = Z(z), { control: v } = N(), h = s.some((e) => {
|
|
37
|
-
const r =
|
|
37
|
+
const r = a?.(e);
|
|
38
38
|
return r != null;
|
|
39
39
|
});
|
|
40
40
|
return /* @__PURE__ */ o(
|
|
@@ -48,12 +48,12 @@ function Fo({
|
|
|
48
48
|
name: C,
|
|
49
49
|
control: v,
|
|
50
50
|
render: ({ field: { onChange: e, value: r }, fieldState: { error: m } }) => /* @__PURE__ */ F(D, { children: [
|
|
51
|
-
|
|
51
|
+
p && /* @__PURE__ */ o(
|
|
52
52
|
oo,
|
|
53
53
|
{
|
|
54
54
|
id: `${n}-label`,
|
|
55
55
|
htmlFor: n,
|
|
56
|
-
label:
|
|
56
|
+
label: p,
|
|
57
57
|
mandatory: G,
|
|
58
58
|
mandatoryMessage: b,
|
|
59
59
|
helperMessage: k,
|
|
@@ -76,7 +76,7 @@ function Fo({
|
|
|
76
76
|
E
|
|
77
77
|
),
|
|
78
78
|
children: s.map((l) => {
|
|
79
|
-
const t = x(l), u = I(l), d =
|
|
79
|
+
const t = x(l), u = I(l), d = a?.(l), w = d != null, R = `${n}-option-${String(t)}`, c = r === t, O = {
|
|
80
80
|
checked: c,
|
|
81
81
|
onChange: e,
|
|
82
82
|
value: t
|
|
@@ -101,7 +101,7 @@ function Fo({
|
|
|
101
101
|
{
|
|
102
102
|
component: "label",
|
|
103
103
|
htmlFor: R,
|
|
104
|
-
variant: "
|
|
104
|
+
variant: "bodyStandard",
|
|
105
105
|
size: i,
|
|
106
106
|
color: Q(c, S),
|
|
107
107
|
ownerState: { checked: c },
|