@m4l/components 9.3.25 → 9.3.27

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 (211) hide show
  1. package/@types/types.d.ts +18 -5
  2. package/components/AccountPopover/slots/AccountPopoverSlots.d.ts +1 -1
  3. package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.js +1 -1
  4. package/components/AppBar/slots/AppBarSlots.d.ts +1 -1
  5. package/components/Card/constants.d.ts +1 -1
  6. package/components/Chip/constants.d.ts +1 -1
  7. package/components/Chip/slots/ChipSlots.d.ts +1 -1
  8. package/components/Color/slots/ColorSlots.d.ts +1 -1
  9. package/components/CommonActions/components/ActionFormCancel/ActionFormCancel.js +17 -8
  10. package/components/CommonActions/components/ActionFormCancel/types.d.ts +9 -0
  11. package/components/ContainerFlow/constants.d.ts +1 -1
  12. package/components/DataGrid/formatters/ColumnIconFormatter/index.d.ts +1 -0
  13. package/components/DataGrid/index.d.ts +1 -1
  14. package/components/DataGrid/subcomponents/editors/EditLabelEditor/formatter.d.ts +8 -0
  15. package/components/DataGrid/subcomponents/editors/EditLabelEditor/index.d.ts +3 -0
  16. package/components/DataGrid/subcomponents/editors/EditLabelEditor/types.d.ts +5 -0
  17. package/components/DataGrid/subcomponents/editors/EditLabelEditor/useColumnEditLabel.d.ts +9 -0
  18. package/components/DataGrid/tests/helpers/types.d.ts +2 -0
  19. package/components/DataGrid/types.d.ts +2 -0
  20. package/components/DynamicFilter/slots/dynamicFilterSlots.d.ts +2 -2
  21. package/components/DynamicSort/slots/DynamicSortSlots.d.ts +2 -2
  22. package/components/EditLabel/EditLabel.d.ts +7 -0
  23. package/components/EditLabel/EditLabel.styles.d.ts +2 -0
  24. package/components/EditLabel/constants.d.ts +2 -0
  25. package/components/EditLabel/hooks/types.d.ts +17 -0
  26. package/components/EditLabel/hooks/useEditLabel.d.ts +7 -0
  27. package/components/EditLabel/icons.d.ts +5 -0
  28. package/components/EditLabel/index.d.ts +2 -0
  29. package/components/EditLabel/slots/EditLabelEnum.d.ts +8 -0
  30. package/components/EditLabel/slots/EditLabelSlots.d.ts +18 -0
  31. package/components/EditLabel/test/EditLabel.test.d.ts +1 -0
  32. package/components/EditLabel/types.d.ts +43 -0
  33. package/components/FormContainer/constants.d.ts +1 -1
  34. package/components/Icon/Icon.js +6 -3
  35. package/components/Icon/types.d.ts +4 -0
  36. package/components/Image/constant.d.ts +1 -1
  37. package/components/ImageText/ImageText.styles.js +1 -1
  38. package/components/ImageText/constants.d.ts +1 -1
  39. package/components/Label/Label.js +1 -1
  40. package/components/LanguagePopover/LanguagePopover.js +2 -0
  41. package/components/MFIsolationApp/MFIsolationApp.js +13 -8
  42. package/components/MFIsolationApp/MFIsolationApp.styles.d.ts +2 -0
  43. package/components/MFIsolationApp/MFIsolationApp.styles.js +22 -0
  44. package/components/MFIsolationApp/constants.d.ts +1 -0
  45. package/components/MFIsolationApp/constants.js +4 -0
  46. package/components/MFIsolationApp/icons.d.ts +3 -0
  47. package/components/MFIsolationApp/icons.js +6 -0
  48. package/components/MFIsolationApp/slots/MFIsolationAppEnum.d.ts +4 -0
  49. package/components/MFIsolationApp/slots/MFIsolationAppEnum.js +8 -0
  50. package/components/MFIsolationApp/slots/MFIsolationAppSlots.d.ts +2 -0
  51. package/components/MFIsolationApp/slots/MFIsolationAppSlots.js +17 -0
  52. package/components/MFIsolationApp/subcomponents/AppBarSettings/AppBarSettings.js +21 -0
  53. package/components/MFIsolationApp/subcomponents/AppBarSettings/index.js +1 -0
  54. package/components/MFIsolationApp/types.d.ts +8 -0
  55. package/components/MFIsolationAppStorybook/MFIsolationAppStorybook.js +137 -0
  56. package/components/MFIsolationAppStorybook/index.js +1 -0
  57. package/components/MFIsolationAppStorybook/subcomponents/MFAuthAppStorybook/MFAuthAppStorybook.js +44 -0
  58. package/components/MFIsolationAppStorybook/subcomponents/MFAuthAppStorybook/index.js +1 -0
  59. package/components/MFIsolationAppStorybook/types.d.ts +0 -4
  60. package/components/MenuActions/MenuActions.js +1 -1
  61. package/components/MenuActions/constants.d.ts +1 -1
  62. package/components/MenuActions/slots/MenuActionsSlots.d.ts +1 -1
  63. package/components/ModalDialog/ModalDialog.js +1 -0
  64. package/components/NoItemSelected/constant.d.ts +1 -1
  65. package/components/NumberInput/slots/NumberInputSlots.d.ts +2 -2
  66. package/components/ObjectLogs/slots/ObjectLogsSlots.d.ts +1 -1
  67. package/components/PaperForm/PaperForm.js +1 -1
  68. package/components/PaperForm/components/Header.js +9 -7
  69. package/components/PaperForm/styles.js +9 -4
  70. package/components/PaperForm/types.d.ts +3 -2
  71. package/components/SideBar/slots/SideBarSlots.d.ts +1 -1
  72. package/components/Stepper/Stepper.styles.js +2 -0
  73. package/components/Stepper/dictionary.js +0 -1
  74. package/components/Stepper/subcomponents/StepArea/hooks/useStepArea.d.ts +13 -0
  75. package/components/Stepper/subcomponents/StepArea/hooks/useStepArea.js +111 -0
  76. package/components/Stepper/subcomponents/StepArea/hooks/useVisibileSteps.d.ts +8 -0
  77. package/components/Stepper/subcomponents/StepArea/hooks/useVisibileSteps.js +79 -0
  78. package/components/Stepper/subcomponents/StepArea/index.js +7 -115
  79. package/components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.d.ts +2 -2
  80. package/components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.js +3 -53
  81. package/components/Stepper/subcomponents/StepperButtons/StepperNextButton/index.js +3 -2
  82. package/components/Stepper/subcomponents/StepperButtons/StepperPrevButton/index.js +3 -2
  83. package/components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.js +24 -5
  84. package/components/Stepper/subcomponents/StepperContent/subcomponents/Step/hooks/useIsStepVisible.d.ts +8 -0
  85. package/components/Stepper/subcomponents/StepperContent/subcomponents/Step/hooks/useIsStepVisible.js +93 -0
  86. package/components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.js +2 -51
  87. package/components/Stepper/types.d.ts +4 -0
  88. package/components/ToastContainer/ToastContainer.js +1 -0
  89. package/components/ToastContainer/constants.d.ts +1 -1
  90. package/components/ToastContainer/constants.js +1 -1
  91. package/components/ToastContainer/slots/toastContainerSlots.d.ts +2 -2
  92. package/components/WindowBase/constants.d.ts +1 -1
  93. package/components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js +47 -3
  94. package/components/WindowBase/contexts/WindowToolsMFContext/types.d.ts +1 -1
  95. package/components/WindowBase/subcomponents/Component/index.d.ts +12 -1
  96. package/components/WindowBase/subcomponents/Component/index.js +56 -2
  97. package/components/WindowBase/subcomponents/Component/types.d.ts +1 -0
  98. package/components/WindowBase/types.d.ts +1 -1
  99. package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.d.ts +1 -1
  100. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/Window.js +1 -0
  101. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useWindow.js +1 -1
  102. package/components/areas/contexts/AreasContext/store.js +5 -1
  103. package/components/areas/contexts/AreasContext/types.d.ts +1 -1
  104. package/components/extended/React-Json-Viewer/constants.d.ts +1 -1
  105. package/components/extended/React-resizable-panels/SplitLayout.js +1 -1
  106. package/components/formatters/ChipStatusFormatter/constants.d.ts +1 -1
  107. package/components/formatters/EditLabelFormatter/EditLabelFormatter.d.ts +5 -0
  108. package/components/formatters/EditLabelFormatter/EditLabelFormatter.styles.d.ts +2 -0
  109. package/components/formatters/EditLabelFormatter/constants.d.ts +5 -0
  110. package/components/formatters/EditLabelFormatter/index.d.ts +2 -0
  111. package/components/formatters/EditLabelFormatter/slots/EditLabelFormatterEnum.d.ts +4 -0
  112. package/components/formatters/EditLabelFormatter/slots/EditLabelFormatterSlots.d.ts +5 -0
  113. package/components/formatters/EditLabelFormatter/test/EditLabelFormatter.test.d.ts +1 -0
  114. package/components/formatters/EditLabelFormatter/types.d.ts +23 -0
  115. package/components/formatters/TagsFormatter/constants.d.ts +1 -1
  116. package/components/hook-form/RHFAutocomplete/RHFAutocomplete.d.ts +1 -1
  117. package/components/hook-form/RHFAutocomplete/RHFAutocomplete.js +7 -1
  118. package/components/hook-form/RHFAutocomplete/constants.d.ts +1 -1
  119. package/components/hook-form/RHFAutocomplete/types.d.ts +13 -0
  120. package/components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js +7 -1
  121. package/components/hook-form/RHFAutocompleteAsync/slots/RHFAutocompleteSlotsAsync.d.ts +1 -1
  122. package/components/hook-form/RHFCheckbox/constants.d.ts +1 -1
  123. package/components/hook-form/RHFSelect/constants.d.ts +1 -1
  124. package/components/hook-form/RHFTextFieldPassword/slots/RHFTextFieldPasswordSlots.d.ts +1 -1
  125. package/components/hook-form/RHFUpload/RHFUploadImage/slots/RHFUploadImageSlots.d.ts +1 -1
  126. package/components/hook-form/RHFUpload/RHFUploadSingleFile/constants.d.ts +25 -1
  127. package/components/hook-form/RHFUpload/RHFUploadSingleFile/constants.js +5 -1
  128. package/components/hook-form/RHFUpload/RHFUploadSingleFile/slots/RHFUploadSingleFileSlots.d.ts +1 -1
  129. package/components/hook-form/RHFormContext/index.d.ts +109 -9
  130. package/components/hook-form/RHFormContext/index.js +23 -21
  131. package/components/hook-form/RHFormContext/styles.js +2 -1
  132. package/components/hook-form/RHFormContext/types.d.ts +64 -1
  133. package/components/index.d.ts +1 -0
  134. package/components/mui_extended/Autocomplete/Autocomplete.d.ts +4 -8
  135. package/components/mui_extended/Autocomplete/Autocomplete.js +24 -112
  136. package/components/mui_extended/Autocomplete/Autocomplete.styles.js +41 -12
  137. package/components/mui_extended/Autocomplete/hooks/useAutocomplete/useAutocomplete.d.ts +26 -0
  138. package/components/mui_extended/Autocomplete/hooks/useAutocomplete/useAutocomplete.js +166 -0
  139. package/components/mui_extended/Autocomplete/hooks/useEndAdornments.js +2 -1
  140. package/components/mui_extended/Autocomplete/hooks/useMultipleChips.d.ts +17 -0
  141. package/components/mui_extended/Autocomplete/hooks/useMultipleChips.js +108 -0
  142. package/components/mui_extended/Autocomplete/hooks/useValuesAndHandlers.d.ts +0 -2
  143. package/components/mui_extended/Autocomplete/hooks/useValuesAndHandlers.js +11 -17
  144. package/components/mui_extended/Autocomplete/slots/AutocompleteEnum.d.ts +2 -1
  145. package/components/mui_extended/Autocomplete/slots/AutocompleteEnum.js +1 -0
  146. package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.d.ts +4 -1
  147. package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.js +5 -0
  148. package/components/mui_extended/Autocomplete/subcomponents/LoadingText/LoadingText.d.ts +2 -0
  149. package/components/mui_extended/Autocomplete/subcomponents/LoadingText/LoadingText.js +14 -0
  150. package/components/mui_extended/Autocomplete/subcomponents/LoadingText/index.d.ts +1 -0
  151. package/components/mui_extended/Autocomplete/subcomponents/LoadingText/index.js +1 -0
  152. package/components/mui_extended/Autocomplete/subcomponents/NoOptionsText/NoOptionsText.d.ts +2 -0
  153. package/components/mui_extended/Autocomplete/subcomponents/NoOptionsText/NoOptionsText.js +14 -0
  154. package/components/mui_extended/Autocomplete/subcomponents/NoOptionsText/index.d.ts +1 -0
  155. package/components/mui_extended/Autocomplete/subcomponents/NoOptionsText/index.js +1 -0
  156. package/components/mui_extended/Autocomplete/subcomponents/PopperComponent/PopperComponent.d.ts +8 -0
  157. package/components/mui_extended/Autocomplete/subcomponents/PopperComponent/PopperComponent.js +23 -0
  158. package/components/mui_extended/Autocomplete/subcomponents/PopperComponent/index.d.ts +2 -0
  159. package/components/mui_extended/Autocomplete/subcomponents/PopperComponent/index.js +1 -0
  160. package/components/mui_extended/Autocomplete/subcomponents/PopperComponent/types.d.ts +7 -0
  161. package/components/mui_extended/Autocomplete/subcomponents/PopperComponent/types.js +1 -0
  162. package/components/mui_extended/Autocomplete/subcomponents/RenderAdornment/RenderAdornment.d.ts +6 -0
  163. package/components/mui_extended/Autocomplete/subcomponents/RenderAdornment/RenderAdornment.js +45 -0
  164. package/components/mui_extended/Autocomplete/subcomponents/renderOptions/index.d.ts +9 -0
  165. package/components/mui_extended/Autocomplete/subcomponents/renderOptions/index.js +61 -0
  166. package/components/mui_extended/Autocomplete/subcomponents/renderOptions/types.d.ts +7 -0
  167. package/components/mui_extended/Autocomplete/types.d.ts +21 -1
  168. package/components/mui_extended/Button/Button.js +15 -4
  169. package/components/mui_extended/Button/ButtonStyles.js +165 -82
  170. package/components/mui_extended/Button/{constans.d.ts → constants.d.ts} +1 -0
  171. package/components/mui_extended/Button/constants.js +8 -0
  172. package/components/mui_extended/Button/slots/ButtonSlots.js +1 -1
  173. package/components/mui_extended/Button/types.d.ts +1 -1
  174. package/components/mui_extended/CheckBox/CheckBox.js +1 -0
  175. package/components/mui_extended/CircularProgress/types.d.ts +1 -1
  176. package/components/mui_extended/DateTimePicker/slots/DateTimePickerSlots.d.ts +1 -1
  177. package/components/mui_extended/IconButton/constants.d.ts +1 -1
  178. package/components/mui_extended/IconButton/constants.js +4 -1
  179. package/components/mui_extended/MenuItem/MenuItem.js +1 -1
  180. package/components/mui_extended/MenuItem/MenuItem.styles.js +4 -1
  181. package/components/mui_extended/MenuItem/constants.d.ts +1 -1
  182. package/components/mui_extended/NavLink/constants.d.ts +1 -1
  183. package/components/mui_extended/Select/Select.js +2 -2
  184. package/components/mui_extended/Select/constants.d.ts +1 -1
  185. package/components/mui_extended/Select/slots/SelectSlots.d.ts +1 -1
  186. package/components/mui_extended/TextField/constants.d.ts +1 -1
  187. package/components/mui_extended/TimePicker/slots/TimePickerSlots.d.ts +1 -1
  188. package/components/mui_extended/ToggleIconButton/slots/ToggleIconButtonSlots.d.ts +1 -1
  189. package/components/mui_extended/Tooltip/Tooltip.styles.js +16 -4
  190. package/components/mui_extended/Tooltip/constants.d.ts +1 -1
  191. package/components/mui_extended/Typography/constants.d.ts +1 -1
  192. package/components/mui_extended/Typography/types.d.ts +2 -1
  193. package/components/mui_extended/Typography/typography.styles.js +4 -9
  194. package/components/popups/components/PopupsProvider/contexts/PopupsContext/store.js +5 -1
  195. package/components/popups/components/PopupsProvider/contexts/PopupsContext/types.d.ts +1 -1
  196. package/components/popups/components/PopupsProvider/hooks/usePopups.d.ts +2 -4
  197. package/components/popups/components/PopupsProvider/hooks/usePopups.js +19 -7
  198. package/components/popups/components/PopupsViewer/PopupsViewer.js +1 -1
  199. package/components/popups/components/PopupsViewer/PopupsViewer.styles.js +1 -1
  200. package/components/popups/components/PopupsViewer/subcomponents/Popup/Popup.js +32 -21
  201. package/contexts/AppearanceComponentContext/AppearanceComponentContext.js +9 -1
  202. package/index.js +74 -70
  203. package/package.json +1 -1
  204. package/utils/getComponentSlotRoot.d.ts +3 -1
  205. package/components/mui_extended/Autocomplete/hooks/useStartAdornments.d.ts +0 -21
  206. package/components/mui_extended/Autocomplete/hooks/useStartAdornments.js +0 -31
  207. package/components/mui_extended/Autocomplete/renderOptions/index.d.ts +0 -22
  208. package/components/mui_extended/Autocomplete/renderOptions/index.js +0 -24
  209. package/components/mui_extended/Button/constans.js +0 -4
  210. /package/components/{MFIsolationAppStorybook → MFIsolationApp}/subcomponents/AppBarSettings/AppBarSettings.d.ts +0 -0
  211. /package/components/{MFIsolationAppStorybook → MFIsolationApp}/subcomponents/AppBarSettings/index.d.ts +0 -0
@@ -3,7 +3,9 @@
3
3
  * Esta función es utilizada para asignar un asignar un className a un componente
4
4
  */
5
5
  export declare function getComponentSlotRoot(componentKey: string): string;
6
+ type ComponentSlots = Record<string, string> | readonly string[];
6
7
  /**
7
8
  * Función para construir el nombre del slot para className de un componente.
8
9
  */
9
- export declare const getComponentClasses: <T extends Record<string, string> | string[]>(componentName: string, slotList: T) => Record<string, string>;
10
+ export declare const getComponentClasses: <T extends ComponentSlots>(componentName: string, slotList: T) => T extends readonly string[] ? Record<T[number], string> : Record<keyof T, string>;
11
+ export {};
@@ -1,21 +0,0 @@
1
- import { AutocompleteOwnerState } from '../types';
2
- export type UseAdornmentsProps<T> = {
3
- selectedValue: T | T[] | null;
4
- multiple?: boolean;
5
- loading?: boolean;
6
- adjustedSize: 'small' | 'medium';
7
- getOptionLabelLocal: (option: T) => string;
8
- ownerState: AutocompleteOwnerState;
9
- handleDelete: (option: T) => void;
10
- getOptionUrlImage?: (option: T) => string;
11
- selectedOption?: T;
12
- getOptionUrlImageLocal: (option: T) => string;
13
- refresh?: () => void;
14
- handleRefresh: () => void;
15
- disabled?: boolean;
16
- onOpenLocal: (event: React.MouseEvent<HTMLButtonElement>) => void;
17
- };
18
- /**
19
- * Hook para el componente Autocomplete local
20
- */
21
- export declare function useStartAdornments<T>(props: UseAdornmentsProps<T>): import("react/jsx-runtime").JSX.Element | null;
@@ -1,31 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { b as ContainerMultipleValuesStyled, c as ContainerWrapperStyled, d as ChipStyled } from "../slots/AutocompleteSlots.js";
3
- function useStartAdornments(props) {
4
- const {
5
- selectedValue,
6
- multiple,
7
- adjustedSize,
8
- getOptionLabelLocal,
9
- ownerState,
10
- handleDelete,
11
- disabled
12
- } = props;
13
- if (!(Array.isArray(selectedValue) && multiple)) {
14
- return null;
15
- }
16
- return /* @__PURE__ */ jsx(ContainerMultipleValuesStyled, { children: /* @__PURE__ */ jsx(ContainerWrapperStyled, { children: selectedValue.map((option, index) => /* @__PURE__ */ jsx(
17
- ChipStyled,
18
- {
19
- size: adjustedSize,
20
- label: getOptionLabelLocal(option),
21
- opacity: true,
22
- onDeleted: () => handleDelete(option),
23
- disabledDeleteButton: disabled,
24
- ownerState: { ...ownerState }
25
- },
26
- `${option}-${index}`
27
- )) }) });
28
- }
29
- export {
30
- useStartAdornments as u
31
- };
@@ -1,22 +0,0 @@
1
- import { HTMLAttributes, ReactNode } from 'react';
2
- import { Sizes } from '@m4l/styles';
3
- /**
4
- * Higher-order function to generate a render option function for Autocomplete.
5
- * It supports rendering options with `startAd` and `endIcon`.
6
- * @param color - The color for the MenuItem.
7
- */
8
- type OptionType<T> = T & {
9
- label: string;
10
- selected?: boolean;
11
- disabled?: boolean;
12
- startAdornment?: ReactNode;
13
- endAdornment?: ReactNode;
14
- size: Extract<Sizes, 'small' | 'medium'>;
15
- };
16
- /**
17
- * Render option for Autocomplete.
18
- */
19
- export declare const renderOption: <T>(optionProps: HTMLAttributes<HTMLLIElement> & {
20
- key: string;
21
- }, option: OptionType<T>) => import("react/jsx-runtime").JSX.Element;
22
- export {};
@@ -1,24 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { memo } from "react";
3
- import { M as MenuItem } from "../../MenuItem/MenuItem.js";
4
- const MemoizedMenuItem = memo(MenuItem);
5
- const renderOption = (optionProps, option) => {
6
- const { className, key, ...otherOptionProps } = optionProps;
7
- return /* @__PURE__ */ jsx(
8
- MemoizedMenuItem,
9
- {
10
- ...otherOptionProps,
11
- selected: option.selected,
12
- color: "default",
13
- label: option.label,
14
- disabled: option.disabled,
15
- startIcon: option.startAdornment,
16
- endIcon: option.endAdornment,
17
- size: option.size
18
- },
19
- option.label
20
- );
21
- };
22
- export {
23
- renderOption as r
24
- };
@@ -1,4 +0,0 @@
1
- const BUTTON_KEY_COMPONENT = "M4LButton";
2
- export {
3
- BUTTON_KEY_COMPONENT as B
4
- };