@m4l/components 9.3.26 → 9.3.27-BE071125-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (166) 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/ContainerFlow/constants.d.ts +1 -1
  10. package/components/DataGrid/subcomponents/editors/EditLabelEditor/formatter.d.ts +8 -0
  11. package/components/DataGrid/subcomponents/editors/EditLabelEditor/index.d.ts +3 -0
  12. package/components/DataGrid/subcomponents/editors/EditLabelEditor/types.d.ts +5 -0
  13. package/components/DataGrid/subcomponents/editors/EditLabelEditor/useColumnEditLabel.d.ts +9 -0
  14. package/components/DataGrid/tests/helpers/types.d.ts +2 -0
  15. package/components/DynamicFilter/slots/dynamicFilterSlots.d.ts +2 -2
  16. package/components/DynamicSort/slots/DynamicSortSlots.d.ts +2 -2
  17. package/components/EditLabel/EditLabel.d.ts +7 -0
  18. package/components/EditLabel/EditLabel.styles.d.ts +2 -0
  19. package/components/EditLabel/constants.d.ts +2 -0
  20. package/components/EditLabel/hooks/types.d.ts +17 -0
  21. package/components/EditLabel/hooks/useEditLabel.d.ts +7 -0
  22. package/components/EditLabel/icons.d.ts +5 -0
  23. package/components/EditLabel/index.d.ts +2 -0
  24. package/components/EditLabel/slots/EditLabelEnum.d.ts +8 -0
  25. package/components/EditLabel/slots/EditLabelSlots.d.ts +18 -0
  26. package/components/EditLabel/test/EditLabel.test.d.ts +1 -0
  27. package/components/EditLabel/types.d.ts +43 -0
  28. package/components/FormContainer/constants.d.ts +1 -1
  29. package/components/Icon/Icon.js +6 -3
  30. package/components/Icon/types.d.ts +4 -0
  31. package/components/Image/constant.d.ts +1 -1
  32. package/components/ImageText/ImageText.styles.js +1 -1
  33. package/components/ImageText/constants.d.ts +1 -1
  34. package/components/LanguagePopover/LanguagePopover.js +2 -0
  35. package/components/MFIsolationApp/MFIsolationApp.js +13 -8
  36. package/components/MFIsolationApp/MFIsolationApp.styles.d.ts +2 -0
  37. package/components/MFIsolationApp/MFIsolationApp.styles.js +22 -0
  38. package/components/MFIsolationApp/constants.d.ts +1 -0
  39. package/components/MFIsolationApp/constants.js +4 -0
  40. package/components/MFIsolationApp/icons.d.ts +3 -0
  41. package/components/MFIsolationApp/icons.js +6 -0
  42. package/components/MFIsolationApp/slots/MFIsolationAppEnum.d.ts +4 -0
  43. package/components/MFIsolationApp/slots/MFIsolationAppEnum.js +8 -0
  44. package/components/MFIsolationApp/slots/MFIsolationAppSlots.d.ts +2 -0
  45. package/components/MFIsolationApp/slots/MFIsolationAppSlots.js +17 -0
  46. package/components/MFIsolationApp/subcomponents/AppBarSettings/AppBarSettings.js +21 -0
  47. package/components/MFIsolationApp/subcomponents/AppBarSettings/index.js +1 -0
  48. package/components/MFIsolationApp/types.d.ts +8 -0
  49. package/components/MFIsolationAppStorybook/MFIsolationAppStorybook.js +137 -0
  50. package/components/MFIsolationAppStorybook/index.js +1 -0
  51. package/components/MFIsolationAppStorybook/subcomponents/MFAuthAppStorybook/MFAuthAppStorybook.js +44 -0
  52. package/components/MFIsolationAppStorybook/subcomponents/MFAuthAppStorybook/index.js +1 -0
  53. package/components/MFIsolationAppStorybook/types.d.ts +0 -4
  54. package/components/MenuActions/MenuActions.js +1 -1
  55. package/components/MenuActions/constants.d.ts +1 -1
  56. package/components/MenuActions/slots/MenuActionsSlots.d.ts +1 -1
  57. package/components/ModalDialog/ModalDialog.js +1 -0
  58. package/components/NoItemSelected/constant.d.ts +1 -1
  59. package/components/NumberInput/slots/NumberInputSlots.d.ts +2 -2
  60. package/components/ObjectLogs/slots/ObjectLogsSlots.d.ts +1 -1
  61. package/components/SideBar/slots/SideBarSlots.d.ts +1 -1
  62. package/components/ToastContainer/slots/toastContainerSlots.d.ts +2 -2
  63. package/components/WindowBase/constants.d.ts +1 -1
  64. package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.d.ts +1 -1
  65. package/components/areas/contexts/AreasContext/store.js +2 -2
  66. package/components/extended/React-Json-Viewer/constants.d.ts +1 -1
  67. package/components/extended/React-resizable-panels/SplitLayout.js +1 -1
  68. package/components/formatters/ChipStatusFormatter/constants.d.ts +1 -1
  69. package/components/formatters/EditLabelFormatter/EditLabelFormatter.d.ts +5 -0
  70. package/components/formatters/EditLabelFormatter/EditLabelFormatter.styles.d.ts +2 -0
  71. package/components/formatters/EditLabelFormatter/constants.d.ts +5 -0
  72. package/components/formatters/EditLabelFormatter/index.d.ts +2 -0
  73. package/components/formatters/EditLabelFormatter/slots/EditLabelFormatterEnum.d.ts +4 -0
  74. package/components/formatters/EditLabelFormatter/slots/EditLabelFormatterSlots.d.ts +5 -0
  75. package/components/formatters/EditLabelFormatter/test/EditLabelFormatter.test.d.ts +1 -0
  76. package/components/formatters/EditLabelFormatter/types.d.ts +23 -0
  77. package/components/formatters/TagsFormatter/constants.d.ts +1 -1
  78. package/components/hook-form/RHFAutocomplete/RHFAutocomplete.d.ts +1 -1
  79. package/components/hook-form/RHFAutocomplete/RHFAutocomplete.js +7 -1
  80. package/components/hook-form/RHFAutocomplete/constants.d.ts +1 -1
  81. package/components/hook-form/RHFAutocomplete/types.d.ts +13 -0
  82. package/components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js +7 -1
  83. package/components/hook-form/RHFAutocompleteAsync/slots/RHFAutocompleteSlotsAsync.d.ts +1 -1
  84. package/components/hook-form/RHFCheckbox/constants.d.ts +1 -1
  85. package/components/hook-form/RHFSelect/constants.d.ts +1 -1
  86. package/components/hook-form/RHFTextFieldPassword/slots/RHFTextFieldPasswordSlots.d.ts +1 -1
  87. package/components/hook-form/RHFUpload/RHFUploadImage/slots/RHFUploadImageSlots.d.ts +1 -1
  88. package/components/hook-form/RHFUpload/RHFUploadSingleFile/constants.d.ts +25 -1
  89. package/components/hook-form/RHFUpload/RHFUploadSingleFile/constants.js +5 -1
  90. package/components/hook-form/RHFUpload/RHFUploadSingleFile/slots/RHFUploadSingleFileSlots.d.ts +1 -1
  91. package/components/hook-form/RHFormContext/index.d.ts +110 -10
  92. package/components/hook-form/RHFormContext/index.js +23 -21
  93. package/components/hook-form/RHFormContext/types.d.ts +64 -1
  94. package/components/index.d.ts +1 -0
  95. package/components/mui_extended/Autocomplete/Autocomplete.d.ts +4 -8
  96. package/components/mui_extended/Autocomplete/Autocomplete.js +24 -112
  97. package/components/mui_extended/Autocomplete/Autocomplete.styles.js +41 -12
  98. package/components/mui_extended/Autocomplete/hooks/useAutocomplete/useAutocomplete.d.ts +26 -0
  99. package/components/mui_extended/Autocomplete/hooks/useAutocomplete/useAutocomplete.js +166 -0
  100. package/components/mui_extended/Autocomplete/hooks/useEndAdornments.js +2 -1
  101. package/components/mui_extended/Autocomplete/hooks/useMultipleChips.d.ts +17 -0
  102. package/components/mui_extended/Autocomplete/hooks/useMultipleChips.js +108 -0
  103. package/components/mui_extended/Autocomplete/hooks/useValuesAndHandlers.d.ts +0 -2
  104. package/components/mui_extended/Autocomplete/hooks/useValuesAndHandlers.js +11 -17
  105. package/components/mui_extended/Autocomplete/slots/AutocompleteEnum.d.ts +2 -1
  106. package/components/mui_extended/Autocomplete/slots/AutocompleteEnum.js +1 -0
  107. package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.d.ts +4 -1
  108. package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.js +5 -0
  109. package/components/mui_extended/Autocomplete/subcomponents/LoadingText/LoadingText.d.ts +2 -0
  110. package/components/mui_extended/Autocomplete/subcomponents/LoadingText/LoadingText.js +14 -0
  111. package/components/mui_extended/Autocomplete/subcomponents/LoadingText/index.d.ts +1 -0
  112. package/components/mui_extended/Autocomplete/subcomponents/LoadingText/index.js +1 -0
  113. package/components/mui_extended/Autocomplete/subcomponents/NoOptionsText/NoOptionsText.d.ts +2 -0
  114. package/components/mui_extended/Autocomplete/subcomponents/NoOptionsText/NoOptionsText.js +14 -0
  115. package/components/mui_extended/Autocomplete/subcomponents/NoOptionsText/index.d.ts +1 -0
  116. package/components/mui_extended/Autocomplete/subcomponents/NoOptionsText/index.js +1 -0
  117. package/components/mui_extended/Autocomplete/subcomponents/PopperComponent/PopperComponent.d.ts +8 -0
  118. package/components/mui_extended/Autocomplete/subcomponents/PopperComponent/PopperComponent.js +23 -0
  119. package/components/mui_extended/Autocomplete/subcomponents/PopperComponent/index.d.ts +2 -0
  120. package/components/mui_extended/Autocomplete/subcomponents/PopperComponent/index.js +1 -0
  121. package/components/mui_extended/Autocomplete/subcomponents/PopperComponent/types.d.ts +7 -0
  122. package/components/mui_extended/Autocomplete/subcomponents/PopperComponent/types.js +1 -0
  123. package/components/mui_extended/Autocomplete/subcomponents/RenderAdornment/RenderAdornment.d.ts +6 -0
  124. package/components/mui_extended/Autocomplete/subcomponents/RenderAdornment/RenderAdornment.js +45 -0
  125. package/components/mui_extended/Autocomplete/subcomponents/renderOptions/index.d.ts +9 -0
  126. package/components/mui_extended/Autocomplete/subcomponents/renderOptions/index.js +61 -0
  127. package/components/mui_extended/Autocomplete/subcomponents/renderOptions/types.d.ts +7 -0
  128. package/components/mui_extended/Autocomplete/types.d.ts +21 -1
  129. package/components/mui_extended/Button/Button.js +15 -4
  130. package/components/mui_extended/Button/ButtonStyles.js +165 -82
  131. package/components/mui_extended/Button/{constans.d.ts → constants.d.ts} +1 -0
  132. package/components/mui_extended/Button/constants.js +8 -0
  133. package/components/mui_extended/Button/slots/ButtonSlots.js +1 -1
  134. package/components/mui_extended/Button/types.d.ts +1 -1
  135. package/components/mui_extended/CheckBox/CheckBox.js +1 -0
  136. package/components/mui_extended/DateTimePicker/slots/DateTimePickerSlots.d.ts +1 -1
  137. package/components/mui_extended/IconButton/constants.d.ts +1 -1
  138. package/components/mui_extended/IconButton/constants.js +4 -1
  139. package/components/mui_extended/MenuItem/MenuItem.js +1 -1
  140. package/components/mui_extended/MenuItem/MenuItem.styles.js +4 -1
  141. package/components/mui_extended/MenuItem/constants.d.ts +1 -1
  142. package/components/mui_extended/NavLink/constants.d.ts +1 -1
  143. package/components/mui_extended/Select/Select.js +71 -29
  144. package/components/mui_extended/Select/Select.styles.js +41 -6
  145. package/components/mui_extended/Select/constants.d.ts +1 -1
  146. package/components/mui_extended/Select/slots/SelectSlots.d.ts +1 -1
  147. package/components/mui_extended/Select/types.d.ts +6 -1
  148. package/components/mui_extended/TextField/constants.d.ts +1 -1
  149. package/components/mui_extended/TimePicker/slots/TimePickerSlots.d.ts +1 -1
  150. package/components/mui_extended/ToggleIconButton/slots/ToggleIconButtonSlots.d.ts +1 -1
  151. package/components/mui_extended/Tooltip/Tooltip.styles.js +16 -4
  152. package/components/mui_extended/Tooltip/constants.d.ts +1 -1
  153. package/components/mui_extended/Typography/constants.d.ts +1 -1
  154. package/components/mui_extended/Typography/types.d.ts +2 -1
  155. package/components/mui_extended/Typography/typography.styles.js +4 -9
  156. package/contexts/AppearanceComponentContext/AppearanceComponentContext.js +9 -1
  157. package/index.js +12 -10
  158. package/package.json +1 -1
  159. package/utils/getComponentSlotRoot.d.ts +3 -1
  160. package/components/mui_extended/Autocomplete/hooks/useStartAdornments.d.ts +0 -21
  161. package/components/mui_extended/Autocomplete/hooks/useStartAdornments.js +0 -31
  162. package/components/mui_extended/Autocomplete/renderOptions/index.d.ts +0 -22
  163. package/components/mui_extended/Autocomplete/renderOptions/index.js +0 -24
  164. package/components/mui_extended/Button/constans.js +0 -4
  165. /package/components/{MFIsolationAppStorybook → MFIsolationApp}/subcomponents/AppBarSettings/AppBarSettings.d.ts +0 -0
  166. /package/components/{MFIsolationAppStorybook → MFIsolationApp}/subcomponents/AppBarSettings/index.d.ts +0 -0
package/index.js CHANGED
@@ -169,7 +169,8 @@ import { g as g22 } from "./components/LoadingError/dictionary.js";
169
169
  import { g as g23 } from "./components/MenuActions/dictionary.js";
170
170
  import { a as a9, M as M3 } from "./components/MenuActions/MenuActions.js";
171
171
  import { M as M4 } from "./components/MFIsolationApp/MFIsolationApp.js";
172
- import { M as M5 } from "./components/MFLoader/MFLoader.js";
172
+ import { M as M5 } from "./components/MFIsolationAppStorybook/MFIsolationAppStorybook.js";
173
+ import { M as M6 } from "./components/MFLoader/MFLoader.js";
173
174
  import { g as g24 } from "./components/MFLoader/dictionary.js";
174
175
  import { I as I6 } from "./components/ImageText/ImageText.js";
175
176
  import { N as N4 } from "./components/NoItemSelected/NoItemSelected.js";
@@ -192,12 +193,12 @@ import { T as T19 } from "./components/ToastContainer/subcomponents/ToastMessage
192
193
  import { W as W2 } from "./components/WindowBase/WindowBase.js";
193
194
  import { u as u17 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
194
195
  import { u as u18, a as a11 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
195
- import { M as M6, W as W3, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
196
+ import { M as M7, W as W3, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
196
197
  import { c as c3 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
197
- import { D as D10, a as a13, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
198
+ import { D as D10, a as a13, M as M8 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
198
199
  import { W as W4 } from "./components/WindowConfirm/WindowConfirm.js";
199
200
  import { a as a14, g as g28 } from "./components/ModalDialog/dictionary.js";
200
- import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
201
+ import { M as M9 } from "./components/ModalDialog/ModalDialog.js";
201
202
  import { S as S10 } from "./components/SettingsLayout/SettingsLayout.js";
202
203
  import { P as P13 } from "./components/Pager/Pager.js";
203
204
  import { u as u19 } from "./components/Stepper/hooks/useStepper/index.js";
@@ -217,7 +218,7 @@ import { F as F3, R as R23, u as u20 } from "./components/hook-form/RHFormContex
217
218
  import { g as g30 } from "./components/hook-form/RHFormContext/dictionary.js";
218
219
  import { u as u21 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
219
220
  import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
220
- import { a as a15, M as M9 } from "./contexts/ModalContext/index.js";
221
+ import { a as a15, M as M10 } from "./contexts/ModalContext/index.js";
221
222
  import { u as u22 } from "./hooks/useFormAddEdit/index.js";
222
223
  import { u as u23 } from "./hooks/useModal/index.js";
223
224
  import { u as u24 } from "./hooks/useTab/index.js";
@@ -330,14 +331,15 @@ export {
330
331
  L10 as LoadingError,
331
332
  L as LoadingScreen,
332
333
  M4 as MFIsolationApp,
333
- M5 as MFLoader,
334
- M7 as MemonizedDynamicMFParmsProvider,
334
+ M5 as MFIsolationAppStorybook,
335
+ M6 as MFLoader,
336
+ M8 as MemonizedDynamicMFParmsProvider,
335
337
  a9 as MemonizedMenuActions,
336
- M6 as MemonizedWindowToolsMFContext,
338
+ M7 as MemonizedWindowToolsMFContext,
337
339
  M3 as MenuActions,
338
340
  a15 as ModalContext,
339
- M8 as ModalDialog,
340
- M9 as ModalProvider,
341
+ M9 as ModalDialog,
342
+ M10 as ModalProvider,
341
343
  M as MotionContainer,
342
344
  M2 as MotionLazyContainer,
343
345
  N2 as NavLink,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "9.3.26",
3
+ "version": "9.3.27-BE071125-beta.1",
4
4
  "license": "UNLICENSED",
5
5
  "description": "M4L Components",
6
6
  "lint-staged": {
@@ -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
- };