@m4l/components 9.4.17-BE20260121-2 → 9.4.18

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.
Files changed (156) hide show
  1. package/@types/types.d.ts +0 -9
  2. package/components/AccountPopover/AccountPopover.styles.js +10 -5
  3. package/components/AccountPopover/slots/AccountPopoverSlots.d.ts +2 -2
  4. package/components/ActionsGroup/slots/ActionsGroupSlots.d.ts +2 -2
  5. package/components/AppBar/slots/AppBarSlots.d.ts +1 -1
  6. package/components/CheckableList/slots/styled.d.ts +1 -1
  7. package/components/Chip/slots/ChipSlots.d.ts +2 -2
  8. package/components/DynamicFilter/slots/dynamicFilterSlots.d.ts +2 -2
  9. package/components/DynamicSort/slots/DynamicSortSlots.d.ts +2 -2
  10. package/components/EditLabel/slots/EditLabelSlots.d.ts +2 -2
  11. package/components/Icon/Icon.d.ts +3 -0
  12. package/components/Icon/Icon.js +52 -28
  13. package/components/Icon/Icon.styles.js +53 -61
  14. package/components/Icon/constants.d.ts +1 -0
  15. package/components/Icon/constants.js +5 -1
  16. package/components/Icon/slots/IconSlots.js +3 -3
  17. package/components/Icon/types.d.ts +44 -7
  18. package/components/Label/slots/LabelSlots.d.ts +1 -1
  19. package/components/MenuActions/MenuActions.js +17 -5
  20. package/components/MenuActions/constants.js +2 -8
  21. package/components/MenuActions/slots/MenuActionsSlots.d.ts +1 -1
  22. package/components/MenuActions/slots/MenuActionsSlots.js +1 -1
  23. package/components/NumberInput/slots/NumberInputSlots.d.ts +2 -2
  24. package/components/ObjectLogs/slots/ObjectLogsSlots.d.ts +3 -3
  25. package/components/PaperForm/slots/PaperFormSlots.d.ts +1 -1
  26. package/components/SettingsLayout/slots/SettingsLayoutSlots.d.ts +2 -2
  27. package/components/SideBar/slots/SideBarSlots.d.ts +1 -1
  28. package/components/Stepper/slots/StepperSlot.d.ts +1 -1
  29. package/components/TabsNavigator/slots/TabsNavigatorSlots.d.ts +1 -1
  30. package/components/ToastContainer/slots/toastContainerSlots.d.ts +3 -3
  31. package/components/WindowBase/slots/WindowBaseSlots.d.ts +2 -2
  32. package/components/WindowBase/types.d.ts +2 -1
  33. package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.d.ts +1 -1
  34. package/components/datagrids/formatters/ColumnIconFormatter/types.d.ts +2 -1
  35. package/components/datagrids/icons.js +0 -8
  36. package/components/datagrids/subcomponents/HeaderActions/subcomponents/Density/Density.js +11 -14
  37. package/components/datagrids/subcomponents/HeaderActions/subcomponents/MobileMenuActions/MobileMenuActions.js +6 -5
  38. package/components/datagrids/subcomponents/HeaderActions/subcomponents/ViewMode/ViewMode.js +9 -10
  39. package/components/datagrids/views/CardsView/hooks/useCardContent/useCardContent.js +3 -4
  40. package/components/datagrids/views/CardsView/subcomponents/CardDetails/CardDetails.js +3 -4
  41. package/components/datagrids/views/CardsView/subcomponents/CardRow/subcomponents/CardHeader/CardHeader.js +2 -4
  42. package/components/datagrids/views/CardsView/subcomponents/Settings/Settings.js +3 -4
  43. package/components/datagrids/views/CardsView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js +3 -4
  44. package/components/datagrids/views/CardsView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js +9 -10
  45. package/components/datagrids/views/TableView/hooks/useHeaderMenuActions/useHeaderMenuActions.js +35 -49
  46. package/components/extended/React-resizable-panels/SplitLayout.styles.js +46 -37
  47. package/components/extended/React-resizable-panels/slots/SplitLayoutSlots.d.ts +3 -3
  48. package/components/formatters/BooleanFormatter/slots/BooleanFormatterSlots.d.ts +2 -2
  49. package/components/formatters/IconsFormatter/slots/IconsFormatterSlots.d.ts +2 -2
  50. package/components/formatters/IconsFormatter/types.d.ts +2 -1
  51. package/components/hook-form/RHFColorPicker/slots/RHFColorPickerSlots.d.ts +1 -1
  52. package/components/hook-form/RHFDatePicker/slots/RHFDatePickerSlots.d.ts +1 -1
  53. package/components/hook-form/RHFTextFieldPassword/slots/RHFTextFieldPasswordSlots.d.ts +1 -1
  54. package/components/hook-form/RHFUpload/RHFUploadImage/slots/RHFUploadImageSlots.d.ts +1 -1
  55. package/components/hook-form/RHFUpload/RHFUploadSingleFile/slots/RHFUploadSingleFileSlots.d.ts +1 -1
  56. package/components/hook-form/index.d.ts +0 -1
  57. package/components/index.d.ts +0 -1
  58. package/components/mui_extended/Accordion/Accordion.js +3 -2
  59. package/components/mui_extended/Accordion/constants.d.ts +0 -1
  60. package/components/mui_extended/Accordion/constants.js +1 -3
  61. package/components/mui_extended/Accordion/slots/AccordionSlots.d.ts +2 -2
  62. package/components/mui_extended/Autocomplete/Autocomplete.js +7 -3
  63. package/components/mui_extended/Autocomplete/Autocomplete.styles.js +76 -45
  64. package/components/mui_extended/Autocomplete/constants.d.ts +23 -0
  65. package/components/mui_extended/Autocomplete/constants.js +9 -1
  66. package/components/mui_extended/Autocomplete/hooks/useAutocomplete/useAutocomplete.js +9 -4
  67. package/components/mui_extended/Autocomplete/hooks/useEndAdornments.d.ts +5 -1
  68. package/components/mui_extended/Autocomplete/hooks/useEndAdornments.js +45 -15
  69. package/components/mui_extended/Autocomplete/hooks/useMultipleChips.js +25 -6
  70. package/components/mui_extended/Autocomplete/slots/AutocompleteEnum.d.ts +6 -1
  71. package/components/mui_extended/Autocomplete/slots/AutocompleteEnum.js +8 -1
  72. package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.d.ts +4 -1
  73. package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.js +9 -4
  74. package/components/mui_extended/Autocomplete/subcomponents/renderOptions/index.js +4 -3
  75. package/components/mui_extended/Autocomplete/types.d.ts +9 -2
  76. package/components/mui_extended/Button/slots/ButtonSlots.d.ts +1 -1
  77. package/components/mui_extended/CheckBox/slots/CheckBoxSlots.d.ts +2 -2
  78. package/components/mui_extended/DatePicker/DatePicker.styles.js +2 -2
  79. package/components/mui_extended/DatePicker/hooks/useDatePicker/useDatePicker.js +10 -11
  80. package/components/mui_extended/DatePicker/slots/DatePickerSlots.d.ts +1 -1
  81. package/components/mui_extended/DateTimePicker/DateTimePicker.d.ts +0 -4
  82. package/components/mui_extended/DateTimePicker/DateTimePicker.js +10 -11
  83. package/components/mui_extended/DateTimePicker/slots/DateTimePickerSlots.d.ts +1 -1
  84. package/components/mui_extended/IconButton/IconButton.js +19 -8
  85. package/components/mui_extended/IconButton/slots/IconButtonSlots.d.ts +1 -1
  86. package/components/mui_extended/IconButton/types.d.ts +3 -6
  87. package/components/mui_extended/MenuItem/MenuItem.js +14 -4
  88. package/components/mui_extended/MenuItem/slots/MenuItemSlots.d.ts +2 -2
  89. package/components/mui_extended/MenuItem/types.d.ts +3 -3
  90. package/components/mui_extended/Radio/Radio.js +4 -5
  91. package/components/mui_extended/Select/Select.d.ts +2 -1
  92. package/components/mui_extended/Select/Select.js +7 -5
  93. package/components/mui_extended/Select/slots/SelectSlots.d.ts +2 -2
  94. package/components/mui_extended/Tab/Slots/TabSlots.d.ts +1 -1
  95. package/components/mui_extended/Tabs/Tabs.js +5 -9
  96. package/components/mui_extended/TimePicker/slots/TimePickerSlots.d.ts +1 -1
  97. package/components/mui_extended/ToggleIconButton/slots/ToggleIconButtonSlots.d.ts +1 -1
  98. package/hocs/index.d.ts +0 -2
  99. package/hooks/useDynamicFilterAndSort/slots/DynamicFilterAndSortSlots.d.ts +1 -1
  100. package/index.js +105 -111
  101. package/package.json +2 -1
  102. package/components/DaysOfWeekPicker/DaysOfWeekPicker.d.ts +0 -33
  103. package/components/DaysOfWeekPicker/DaysOfWeekPicker.js +0 -81
  104. package/components/DaysOfWeekPicker/DaysOfWeekPicker.styles.d.ts +0 -2
  105. package/components/DaysOfWeekPicker/DaysOfWeekPicker.styles.js +0 -99
  106. package/components/DaysOfWeekPicker/DaysOfWeekPicker.test.d.ts +0 -1
  107. package/components/DaysOfWeekPicker/constants.d.ts +0 -12
  108. package/components/DaysOfWeekPicker/constants.js +0 -11
  109. package/components/DaysOfWeekPicker/dictionary.d.ts +0 -1
  110. package/components/DaysOfWeekPicker/dictionary.js +0 -6
  111. package/components/DaysOfWeekPicker/helpers/getDaysOfWeekFromDictionary.d.ts +0 -29
  112. package/components/DaysOfWeekPicker/helpers/getDaysOfWeekFromDictionary.js +0 -12
  113. package/components/DaysOfWeekPicker/helpers/getDaysOfWeekFromDictionary.test.d.ts +0 -1
  114. package/components/DaysOfWeekPicker/helpers/index.d.ts +0 -1
  115. package/components/DaysOfWeekPicker/helpers/index.js +0 -1
  116. package/components/DaysOfWeekPicker/hooks/index.d.ts +0 -2
  117. package/components/DaysOfWeekPicker/hooks/types.d.ts +0 -29
  118. package/components/DaysOfWeekPicker/hooks/useDaysOfWeekPicker.d.ts +0 -9
  119. package/components/DaysOfWeekPicker/hooks/useDaysOfWeekPicker.js +0 -71
  120. package/components/DaysOfWeekPicker/hooks/useDaysOfWeekPicker.test.d.ts +0 -1
  121. package/components/DaysOfWeekPicker/index.d.ts +0 -3
  122. package/components/DaysOfWeekPicker/index.js +0 -1
  123. package/components/DaysOfWeekPicker/slots/DaysOfWeekPickerEnum.d.ts +0 -5
  124. package/components/DaysOfWeekPicker/slots/DaysOfWeekPickerEnum.js +0 -9
  125. package/components/DaysOfWeekPicker/slots/DaysOfWeekPickerSlots.d.ts +0 -9
  126. package/components/DaysOfWeekPicker/slots/DaysOfWeekPickerSlots.js +0 -23
  127. package/components/DaysOfWeekPicker/slots/index.d.ts +0 -3
  128. package/components/DaysOfWeekPicker/slots/index.js +0 -1
  129. package/components/DaysOfWeekPicker/types.d.ts +0 -70
  130. package/components/hook-form/RHFDatePicker/icons.d.ts +0 -6
  131. package/components/hook-form/RHFDaysOfWeekPicker/RHFDaysOfWeekPicker.d.ts +0 -26
  132. package/components/hook-form/RHFDaysOfWeekPicker/RHFDaysOfWeekPicker.js +0 -6
  133. package/components/hook-form/RHFDaysOfWeekPicker/index.d.ts +0 -1
  134. package/components/hook-form/RHFDaysOfWeekPicker/index.js +0 -1
  135. package/components/mui_extended/Autocomplete/icons.js +0 -7
  136. package/components/mui_extended/DatePicker/icons.d.ts +0 -4
  137. package/components/mui_extended/DatePicker/icons.js +0 -10
  138. package/components/mui_extended/DateTimePicker/icons.d.ts +0 -4
  139. package/components/mui_extended/DateTimePicker/icons.js +0 -10
  140. package/components/mui_extended/Radio/icons.js +0 -7
  141. package/components/mui_extended/Tabs/icons.d.ts +0 -4
  142. package/components/mui_extended/Tabs/icons.js +0 -7
  143. package/hocs/withRHFController/constants.d.ts +0 -8
  144. package/hocs/withRHFController/constants.js +0 -8
  145. package/hocs/withRHFController/index.d.ts +0 -37
  146. package/hocs/withRHFController/index.js +0 -95
  147. package/hocs/withRHFController/slots/WithRHFControllerEnum.d.ts +0 -3
  148. package/hocs/withRHFController/slots/WithRHFControllerEnum.js +0 -7
  149. package/hocs/withRHFController/slots/WithRHFControllerSlots.d.ts +0 -5
  150. package/hocs/withRHFController/slots/WithRHFControllerSlots.js +0 -11
  151. package/hocs/withRHFController/slots/index.d.ts +0 -2
  152. package/hocs/withRHFController/slots/index.js +0 -1
  153. package/hocs/withRHFController/types.d.ts +0 -70
  154. package/hocs/withRHFController/withRHFController.styles.d.ts +0 -5
  155. package/hocs/withRHFController/withRHFController.styles.js +0 -14
  156. package/hocs/withRHFController/withRHFController.test.d.ts +0 -1
@@ -1,81 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
- import { forwardRef } from "react";
4
- import { D as DAYS_OF_WEEK_PICKER_CLASSES } from "./constants.js";
5
- import { u as useDaysOfWeekPicker } from "./hooks/useDaysOfWeekPicker.js";
6
- import { D as DaysOfWeekPickerSkeletonStyled, a as DaysOfWeekPickerRootStyled, b as DayButtonStyled } from "./slots/DaysOfWeekPickerSlots.js";
7
- const DaysOfWeekPicker = forwardRef(
8
- (props, ref) => {
9
- const {
10
- value,
11
- onChange,
12
- disabledDays = [],
13
- disabled = false,
14
- readOnly = false,
15
- size,
16
- className,
17
- multiple = true
18
- } = props;
19
- const {
20
- currentSize,
21
- isSkeleton,
22
- daysOfWeek,
23
- handleDayClick,
24
- isDaySelected,
25
- isDayDisabled,
26
- ownerState
27
- } = useDaysOfWeekPicker({
28
- value,
29
- onChange,
30
- disabledDays,
31
- disabled,
32
- readOnly,
33
- size,
34
- multiple
35
- });
36
- if (isSkeleton) {
37
- return /* @__PURE__ */ jsx(
38
- DaysOfWeekPickerSkeletonStyled,
39
- {
40
- ownerState,
41
- ...process.env.NODE_ENV !== "production" ? { "data-testid": `SkeletonDaysOfWeekPicker` } : {}
42
- }
43
- );
44
- }
45
- return /* @__PURE__ */ jsx(
46
- DaysOfWeekPickerRootStyled,
47
- {
48
- ownerState,
49
- className: clsx(className, DAYS_OF_WEEK_PICKER_CLASSES.root),
50
- ref,
51
- children: daysOfWeek.map((day) => {
52
- const isSelected = isDaySelected(day.value);
53
- const isDisabled = isDayDisabled(day.value);
54
- const dayOwnerState = {
55
- ...ownerState,
56
- selected: isSelected,
57
- day: day.value,
58
- readOnly
59
- };
60
- return /* @__PURE__ */ jsx(
61
- DayButtonStyled,
62
- {
63
- ownerState: dayOwnerState,
64
- onClick: readOnly ? void 0 : () => handleDayClick(day.value),
65
- disabled: isDisabled && !readOnly,
66
- size: currentSize,
67
- label: day.label,
68
- className: DAYS_OF_WEEK_PICKER_CLASSES.dayButton,
69
- ...process.env.NODE_ENV !== "production" ? { "data-testid": `day-${day.value}` } : {}
70
- },
71
- day.value
72
- );
73
- })
74
- }
75
- );
76
- }
77
- );
78
- DaysOfWeekPicker.displayName = "DaysOfWeekPicker";
79
- export {
80
- DaysOfWeekPicker as D
81
- };
@@ -1,2 +0,0 @@
1
- import { DaysOfWeekPickerStyles } from './types';
2
- export declare const daysOfWeekPickerStyles: DaysOfWeekPickerStyles;
@@ -1,99 +0,0 @@
1
- import { g as getSizeStyles } from "../../utils/getSizeStyles/getSizeStyles.js";
2
- const daysOfWeekPickerStyles = {
3
- /**
4
- * Estilos para el elemento raíz del componente.
5
- */
6
- root: ({ theme, ownerState }) => {
7
- const state = ownerState;
8
- return {
9
- display: "flex",
10
- alignItems: "center",
11
- gap: 0,
12
- backgroundColor: theme.vars.palette.background.default,
13
- borderRadius: theme.vars.size.borderRadius.r2,
14
- border: theme.vars.size.borderStroke.container,
15
- borderColor: theme.vars.palette.border.secondary,
16
- overflow: "hidden",
17
- width: "fit-content",
18
- ...state?.disabled && !state?.readOnly && {
19
- pointerEvents: "none"
20
- },
21
- ...state?.readOnly && {
22
- pointerEvents: "none",
23
- cursor: "default"
24
- }
25
- };
26
- },
27
- /**
28
- * Estilos para cada botón de día.
29
- */
30
- dayButton: ({ theme, ownerState }) => {
31
- const state = ownerState;
32
- const isSelected = state?.selected;
33
- const isDisabled = state?.disabled || false;
34
- const isReadOnly = state?.readOnly || false;
35
- const isFirst = state?.day === 0;
36
- const isLast = state?.day === 6;
37
- return {
38
- "&&&": {
39
- minWidth: "auto",
40
- padding: theme.vars.size.baseSpacings.sp1,
41
- borderRadius: 0,
42
- border: "none",
43
- // Todos los botones tienen borderRight con color border.secondary (excepto el último)
44
- borderRight: isLast ? "none" : `${theme.vars.size.borderStroke.container}!important`,
45
- borderColor: `${theme.vars.palette.border.secondary}!important`,
46
- // Solo cambia el backgroundColor según el estado de selección
47
- backgroundColor: isSelected ? theme.vars.palette.primary.enabledOpacity : theme.vars.palette.background.paper,
48
- "& .MuiTypography-root": {
49
- ...isDisabled && {
50
- color: theme.vars.palette.text.disabled
51
- },
52
- color: isSelected ? theme.vars.palette.primary.semanticText : theme.vars.palette.default.semanticText
53
- },
54
- ...getSizeStyles(theme, state?.size || "medium", "base"),
55
- ...isFirst && {
56
- borderTopLeftRadius: theme.vars.size.borderRadius["r1-5"],
57
- borderBottomLeftRadius: theme.vars.size.borderRadius["r1-5"]
58
- },
59
- ...isLast && {
60
- borderTopRightRadius: theme.vars.size.borderRadius["r1-5"],
61
- borderBottomRightRadius: theme.vars.size.borderRadius["r1-5"]
62
- },
63
- ...!isDisabled && !isReadOnly && {
64
- "&:hover": {
65
- backgroundColor: isSelected ? theme.vars.palette.primary.hoverOpacity : theme.vars.palette.default.hoverOpacity
66
- },
67
- "&:active": {
68
- backgroundColor: isSelected ? theme.vars.palette.primary.activeOpacity : theme.vars.palette.default.activeOpacity
69
- }
70
- /* '&:focus-visible': {
71
- outline: `${theme.vars.size.borderStroke.container} ${theme.vars.palette.primary.main}`,
72
- outlineOffset: -1,
73
- }, */
74
- },
75
- ...isDisabled && !isReadOnly && {
76
- cursor: "not-allowed",
77
- opacity: 0.5
78
- },
79
- ...isReadOnly && {
80
- cursor: "default",
81
- pointerEvents: "none"
82
- }
83
- }
84
- };
85
- },
86
- /**
87
- * Estilos para el skeleton del componente.
88
- */
89
- skeleton: ({ theme, ownerState }) => ({
90
- borderRadius: theme.vars.size.borderRadius.r2,
91
- ...getSizeStyles(theme, ownerState?.size || "medium", "base", (size) => ({
92
- width: "234px!important",
93
- height: `${size}!important`
94
- }))
95
- })
96
- };
97
- export {
98
- daysOfWeekPickerStyles as d
99
- };
@@ -1,12 +0,0 @@
1
- /**
2
- * Clave de identificación del componente DaysOfWeekPicker dentro del sistema.
3
- *
4
- * Esta constante se utiliza como identificador único para asociar y personalizar estilos
5
- * y configuraciones relacionadas con el componente dentro del sistema de temas y estilos.
6
- * @default 'M4LDaysOfWeekPicker'
7
- */
8
- export declare const DAYS_OF_WEEK_PICKER_KEY_COMPONENT = "M4LDaysOfWeekPicker";
9
- /**
10
- * Inventario de clases CSS para el componente DaysOfWeekPicker
11
- */
12
- export declare const DAYS_OF_WEEK_PICKER_CLASSES: Record<"skeleton" | "root" | "dayButton", string>;
@@ -1,11 +0,0 @@
1
- import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
2
- import { D as DaysOfWeekPickerSlots } from "./slots/DaysOfWeekPickerEnum.js";
3
- const DAYS_OF_WEEK_PICKER_KEY_COMPONENT = "M4LDaysOfWeekPicker";
4
- const DAYS_OF_WEEK_PICKER_CLASSES = getComponentClasses(
5
- DAYS_OF_WEEK_PICKER_KEY_COMPONENT,
6
- DaysOfWeekPickerSlots
7
- );
8
- export {
9
- DAYS_OF_WEEK_PICKER_CLASSES as D,
10
- DAYS_OF_WEEK_PICKER_KEY_COMPONENT as a
11
- };
@@ -1 +0,0 @@
1
- export declare function getDaysOfWeekPickerDictionary(): string[];
@@ -1,6 +0,0 @@
1
- function getDaysOfWeekPickerDictionary() {
2
- return ["days_of_week_picker"];
3
- }
4
- export {
5
- getDaysOfWeekPickerDictionary as g
6
- };
@@ -1,29 +0,0 @@
1
- /**
2
- * Genera un array de días de la semana con sus etiquetas obtenidas del sistema de diccionario.
3
- *
4
- * Esta función utiliza la función `getLabel` proporcionada para obtener las etiquetas
5
- * traducidas de cada día de la semana desde el diccionario del módulo.
6
- * @param getLabel - Función para obtener las etiquetas del diccionario del módulo.
7
- * @returns Array de días de la semana con sus valores numéricos (0-6) y etiquetas traducidas.
8
- * - 0: Lunes (Monday)
9
- * - 1: Martes (Tuesday)
10
- * - 2: Miércoles (Wednesday)
11
- * - 3: Jueves (Thursday)
12
- * - 4: Viernes (Friday)
13
- * - 5: Sábado (Saturday)
14
- * - 6: Domingo (Sunday)
15
- * @example
16
- * ```tsx
17
- * const { getLabel } = useModuleDictionary();
18
- * const days = getDaysOfWeekFromDictionary(getLabel);
19
- * // Resultado: [
20
- * // { value: 0, label: 'Lun' },
21
- * // { value: 1, label: 'Mar' },
22
- * // ...
23
- * // ]
24
- * ```
25
- */
26
- export declare const getDaysOfWeekFromDictionary: (getLabel: (key: string) => string) => Array<{
27
- value: number;
28
- label: string;
29
- }>;
@@ -1,12 +0,0 @@
1
- const getDaysOfWeekFromDictionary = (getLabel) => [
2
- { value: 0, label: getLabel("days_of_week_picker.mon") },
3
- { value: 1, label: getLabel("days_of_week_picker.tu") },
4
- { value: 2, label: getLabel("days_of_week_picker.we") },
5
- { value: 3, label: getLabel("days_of_week_picker.th") },
6
- { value: 4, label: getLabel("days_of_week_picker.fr") },
7
- { value: 5, label: getLabel("days_of_week_picker.sa") },
8
- { value: 6, label: getLabel("days_of_week_picker.su") }
9
- ];
10
- export {
11
- getDaysOfWeekFromDictionary as g
12
- };
@@ -1 +0,0 @@
1
- export { getDaysOfWeekFromDictionary } from './getDaysOfWeekFromDictionary';
@@ -1,2 +0,0 @@
1
- export { useDaysOfWeekPicker } from './useDaysOfWeekPicker';
2
- export type { UseDaysOfWeekPickerParams, UseDaysOfWeekPickerReturn } from './types';
@@ -1,29 +0,0 @@
1
- import { useComponentSize } from '../../../hooks/useComponentSize';
2
- import { DayOfWeek, DaysOfWeekPickerProps, DaysOfWeekPickerOwnerState } from '../types';
3
- /**
4
- * Parámetros del hook useDaysOfWeekPicker.
5
- */
6
- export interface UseDaysOfWeekPickerParams {
7
- value: DayOfWeek[];
8
- onChange?: (value: DayOfWeek[]) => void;
9
- disabledDays?: DayOfWeek[];
10
- disabled?: boolean;
11
- readOnly?: boolean;
12
- size?: DaysOfWeekPickerProps['size'];
13
- multiple?: boolean;
14
- }
15
- /**
16
- * Retorno del hook useDaysOfWeekPicker.
17
- */
18
- export interface UseDaysOfWeekPickerReturn {
19
- currentSize: ReturnType<typeof useComponentSize>['currentSize'];
20
- isSkeleton: boolean;
21
- daysOfWeek: Array<{
22
- value: number;
23
- label: string;
24
- }>;
25
- handleDayClick: (day: DayOfWeek) => void;
26
- isDaySelected: (day: DayOfWeek) => boolean;
27
- isDayDisabled: (day: DayOfWeek) => boolean;
28
- ownerState: DaysOfWeekPickerOwnerState;
29
- }
@@ -1,9 +0,0 @@
1
- import { UseDaysOfWeekPickerParams, UseDaysOfWeekPickerReturn } from './types';
2
- /**
3
- * Hook personalizado que encapsula la lógica del componente DaysOfWeekPicker.
4
- *
5
- * Maneja la lógica de selección de días, validaciones, estados y callbacks.
6
- * @param params - Parámetros del hook
7
- * @returns Objeto con toda la lógica necesaria para el componente
8
- */
9
- export declare const useDaysOfWeekPicker: (params: UseDaysOfWeekPickerParams) => UseDaysOfWeekPickerReturn;
@@ -1,71 +0,0 @@
1
- import { useModuleSkeleton, useModuleDictionary } from "@m4l/core";
2
- import { useMemo, useCallback } from "react";
3
- import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
4
- import { g as getDaysOfWeekFromDictionary } from "../helpers/getDaysOfWeekFromDictionary.js";
5
- const useDaysOfWeekPicker = (params) => {
6
- const {
7
- value,
8
- onChange,
9
- disabledDays = [],
10
- disabled = false,
11
- readOnly = false,
12
- size,
13
- multiple = true
14
- } = params;
15
- const { currentSize } = useComponentSize(size);
16
- const isSkeleton = useModuleSkeleton();
17
- const { getLabel } = useModuleDictionary();
18
- const daysOfWeek = useMemo(() => getDaysOfWeekFromDictionary(getLabel), [getLabel]);
19
- const handleDayToggleClick = useCallback(
20
- (day) => {
21
- if (readOnly || disabled || disabledDays.includes(day)) {
22
- return;
23
- }
24
- const isSelected = value.includes(day);
25
- let newValue;
26
- if (multiple) {
27
- if (isSelected) {
28
- newValue = value.filter((d) => d !== day);
29
- } else {
30
- newValue = [...value, day].sort((a, b) => a - b);
31
- }
32
- } else {
33
- newValue = isSelected ? [] : [day];
34
- }
35
- onChange?.(newValue);
36
- },
37
- [readOnly, disabled, disabledDays, value, multiple, onChange]
38
- );
39
- const isDaySelected = useCallback(
40
- (day) => {
41
- return value.includes(day);
42
- },
43
- [value]
44
- );
45
- const isDayDisabled = useCallback(
46
- (day) => {
47
- return disabled || disabledDays.includes(day);
48
- },
49
- [disabled, disabledDays]
50
- );
51
- const ownerState = useMemo(
52
- () => ({
53
- size: currentSize,
54
- disabled,
55
- readOnly
56
- }),
57
- [currentSize, disabled, readOnly]
58
- );
59
- return {
60
- currentSize,
61
- isSkeleton,
62
- daysOfWeek,
63
- handleDayClick: handleDayToggleClick,
64
- isDaySelected,
65
- isDayDisabled,
66
- ownerState
67
- };
68
- };
69
- export {
70
- useDaysOfWeekPicker as u
71
- };
@@ -1,3 +0,0 @@
1
- export { DaysOfWeekPicker } from './DaysOfWeekPicker';
2
- export { getDaysOfWeekPickerDictionary } from './dictionary';
3
- export type { DaysOfWeekPickerProps, DayOfWeek } from './types';
@@ -1 +0,0 @@
1
-
@@ -1,5 +0,0 @@
1
- export declare enum DaysOfWeekPickerSlots {
2
- root = "root",
3
- dayButton = "dayButton",
4
- skeleton = "skeleton"
5
- }
@@ -1,9 +0,0 @@
1
- var DaysOfWeekPickerSlots = /* @__PURE__ */ ((DaysOfWeekPickerSlots2) => {
2
- DaysOfWeekPickerSlots2["root"] = "root";
3
- DaysOfWeekPickerSlots2["dayButton"] = "dayButton";
4
- DaysOfWeekPickerSlots2["skeleton"] = "skeleton";
5
- return DaysOfWeekPickerSlots2;
6
- })(DaysOfWeekPickerSlots || {});
7
- export {
8
- DaysOfWeekPickerSlots as D
9
- };
@@ -1,9 +0,0 @@
1
- export declare const DaysOfWeekPickerRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
2
- ownerState?: (Partial<import('../types').DaysOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
3
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
4
- export declare const DayButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "disabled" | "action" | "variant" | "color" | "content" | "translate" | "className" | "style" | "classes" | "sx" | "form" | "label" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "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" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "skeletonWidth" | "startIcon" | "endIcon" | keyof import('react').RefAttributes<HTMLButtonElement> | "fullWidth" | "disableElevation"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
5
- ownerState?: (Partial<import('../types').DaysOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
6
- }, {}, {}>;
7
- export declare const DaysOfWeekPickerSkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Skeleton/types').SkeletonProps, keyof import('../../mui_extended/Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
8
- ownerState?: (Partial<import('../types').DaysOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
9
- }, {}, {}>;
@@ -1,23 +0,0 @@
1
- import { styled } from "@mui/material/styles";
2
- import { D as DaysOfWeekPickerSlots } from "./DaysOfWeekPickerEnum.js";
3
- import { d as daysOfWeekPickerStyles } from "../DaysOfWeekPicker.styles.js";
4
- import { a as DAYS_OF_WEEK_PICKER_KEY_COMPONENT } from "../constants.js";
5
- import { S as Skeleton } from "../../mui_extended/Skeleton/Skeleton.js";
6
- import { B as Button } from "../../mui_extended/Button/Button.js";
7
- const DaysOfWeekPickerRootStyled = styled("div", {
8
- name: DAYS_OF_WEEK_PICKER_KEY_COMPONENT,
9
- slot: DaysOfWeekPickerSlots.root
10
- })(daysOfWeekPickerStyles?.root);
11
- const DayButtonStyled = styled(Button, {
12
- name: DAYS_OF_WEEK_PICKER_KEY_COMPONENT,
13
- slot: DaysOfWeekPickerSlots.dayButton
14
- })(daysOfWeekPickerStyles?.dayButton);
15
- const DaysOfWeekPickerSkeletonStyled = styled(Skeleton, {
16
- name: DAYS_OF_WEEK_PICKER_KEY_COMPONENT,
17
- slot: DaysOfWeekPickerSlots.skeleton
18
- })(daysOfWeekPickerStyles?.skeleton);
19
- export {
20
- DaysOfWeekPickerSkeletonStyled as D,
21
- DaysOfWeekPickerRootStyled as a,
22
- DayButtonStyled as b
23
- };
@@ -1,3 +0,0 @@
1
- export * from './DaysOfWeekPickerSlots';
2
- export * from './DaysOfWeekPickerEnum';
3
- export { DaysOfWeekPickerSlots } from './DaysOfWeekPickerEnum';
@@ -1,70 +0,0 @@
1
- import { Sizes } from '@m4l/styles';
2
- import { Theme } from '@mui/material/styles';
3
- import { ReactNode } from 'react';
4
- import { DAYS_OF_WEEK_PICKER_KEY_COMPONENT } from './constants';
5
- import { DaysOfWeekPickerSlots } from './slots';
6
- import { M4LOverridesStyleRules } from '../../@types/augmentations';
7
- /**
8
- * Días de la semana disponibles.
9
- */
10
- export type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
11
- /**
12
- * Propiedades del componente `DaysOfWeekPicker`.
13
- */
14
- export interface DaysOfWeekPickerProps {
15
- /**
16
- * Valor controlado del componente. Array de días seleccionados (0 = Lunes, 6 = Domingo).
17
- */
18
- value: DayOfWeek[];
19
- /**
20
- * Callback que se ejecuta cuando cambia la selección de días.
21
- * @param value - Array de días seleccionados.
22
- */
23
- onChange?: (value: DayOfWeek[]) => void;
24
- /**
25
- * Array de días que deben estar deshabilitados.
26
- * Cada valor representa un día de la semana (0 = Lunes, 6 = Domingo).
27
- */
28
- disabledDays?: DayOfWeek[];
29
- /**
30
- * Si es true, deshabilita todo el componente.
31
- */
32
- disabled?: boolean;
33
- /**
34
- * Si es true, el componente es de solo lectura y no permite interacción.
35
- * Los botones deshabilitados se muestran con el mismo estilo que los habilitados.
36
- */
37
- readOnly?: boolean;
38
- /**
39
- * Tamaño del componente.
40
- */
41
- size?: Extract<Sizes, 'small' | 'medium'>;
42
- /**
43
- * Clase CSS adicional.
44
- */
45
- className?: string;
46
- /**
47
- * Si es true, permite selección múltiple. Por defecto es true.
48
- */
49
- multiple?: boolean;
50
- /**
51
- * Contenido adicional del componente.
52
- */
53
- children?: ReactNode;
54
- }
55
- /**
56
- * Owner state del componente usado para definir propiedades internas de estilo y comportamiento.
57
- */
58
- export interface DaysOfWeekPickerOwnerState extends Pick<DaysOfWeekPickerProps, 'size' | 'disabled' | 'readOnly'> {
59
- selected?: boolean;
60
- day?: DayOfWeek;
61
- [key: string]: unknown;
62
- }
63
- /**
64
- * Define los tipos de Slots disponibles para el componente.
65
- */
66
- export type DaysOfWeekPickerSlotsType = keyof typeof DaysOfWeekPickerSlots;
67
- /**
68
- * Estilos aplicables al componente usando temas y slots personalizados.
69
- */
70
- export type DaysOfWeekPickerStyles = M4LOverridesStyleRules<DaysOfWeekPickerSlotsType, typeof DAYS_OF_WEEK_PICKER_KEY_COMPONENT, Theme>;
@@ -1,6 +0,0 @@
1
- export declare const RHF_DATE_PICKER_ICONS: {
2
- CHEVRON_DOWN: string;
3
- CALENDAR: string;
4
- CHEVRON_LEFT: string;
5
- CHEVRON_RIGHT: string;
6
- };
@@ -1,26 +0,0 @@
1
- /**
2
- * Componente RHFDaysOfWeekPicker que integra DaysOfWeekPicker con react-hook-form.
3
- *
4
- * Este componente permite seleccionar días de la semana en un formulario controlado
5
- * por react-hook-form, proporcionando validación automática y manejo de estados.
6
- *
7
- * ### Características:
8
- * - **Integración con RHF**: Se integra automáticamente con react-hook-form mediante el HOC withRHFController
9
- * - **Validación**: Soporta validación mediante esquemas de validación (Yup, Zod, etc.)
10
- * - **Estados del formulario**: Se deshabilita automáticamente durante el envío del formulario
11
- * - **Label y errores**: El HOC maneja automáticamente el Label y los mensajes de error
12
- * @example
13
- * ```tsx
14
- * const schema = Yup.object({
15
- * days: Yup.array().min(1, 'Debe seleccionar al menos un día').required('Campo requerido'),
16
- * });
17
- *
18
- * <RHFDaysOfWeekPicker
19
- * name="days"
20
- * label="Días de la semana"
21
- * mandatory
22
- * disabledDays={[6]} // Deshabilita domingo
23
- * />
24
- * ```
25
- */
26
- export declare const RHFDaysOfWeekPicker: import('react').ForwardRefExoticComponent<Omit<import('../../DaysOfWeekPicker').DaysOfWeekPickerProps & import('react').RefAttributes<HTMLDivElement> & import('../../../hocs').BaseRHFProps<import('react-hook-form').FieldValues>, "ref"> & import('react').RefAttributes<any>>;
@@ -1,6 +0,0 @@
1
- import { w as withRHFController } from "../../../hocs/withRHFController/index.js";
2
- import { D as DaysOfWeekPicker } from "../../DaysOfWeekPicker/DaysOfWeekPicker.js";
3
- const RHFDaysOfWeekPicker = withRHFController(DaysOfWeekPicker);
4
- export {
5
- RHFDaysOfWeekPicker as R
6
- };
@@ -1 +0,0 @@
1
- export { RHFDaysOfWeekPicker } from './RHFDaysOfWeekPicker';
@@ -1,7 +0,0 @@
1
- const icons = {
2
- refresh: "frontend/components/RHFAutocompletarAsync/assets/icons/round_refresh.svg",
3
- chevronDown: "frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg"
4
- };
5
- export {
6
- icons as i
7
- };
@@ -1,4 +0,0 @@
1
- export declare const chevron_down = "frontend/components/rhfdatepicker/assets/icons/chevron_down.svg";
2
- export declare const calendar = "frontend/components/rhfdatepicker/assets/icons/created_at.svg";
3
- export declare const chevron_left = "frontend/components/rhfdatepicker/assets/icons/chevron_left_sm.svg";
4
- export declare const chevron_right = "frontend/components/rhfdatepicker/assets/icons/chevron_right_sm.svg";
@@ -1,10 +0,0 @@
1
- const chevron_down = "frontend/components/rhfdatepicker/assets/icons/chevron_down.svg";
2
- const calendar = "frontend/components/rhfdatepicker/assets/icons/created_at.svg";
3
- const chevron_left = "frontend/components/rhfdatepicker/assets/icons/chevron_left_sm.svg";
4
- const chevron_right = "frontend/components/rhfdatepicker/assets/icons/chevron_right_sm.svg";
5
- export {
6
- chevron_right as a,
7
- chevron_down as b,
8
- chevron_left as c,
9
- calendar as d
10
- };
@@ -1,4 +0,0 @@
1
- export declare const date = "frontend/components/date_time_picker/assets/icons/date.svg";
2
- export declare const chevron_left = "frontend/components/date_time_picker/assets/icons/chevron_left_sm.svg";
3
- export declare const chevron_right = "frontend/components/date_time_picker/assets/icons/chevron_right_sm.svg";
4
- export declare const chevron_down = "frontend/components/date_time_picker/assets/icons/chevron_down_sm.svg";
@@ -1,10 +0,0 @@
1
- const date = "frontend/components/date_time_picker/assets/icons/date.svg";
2
- const chevron_left = "frontend/components/date_time_picker/assets/icons/chevron_left_sm.svg";
3
- const chevron_right = "frontend/components/date_time_picker/assets/icons/chevron_right_sm.svg";
4
- const chevron_down = "frontend/components/date_time_picker/assets/icons/chevron_down_sm.svg";
5
- export {
6
- chevron_left as a,
7
- chevron_down as b,
8
- chevron_right as c,
9
- date as d
10
- };