@m4l/components 9.1.44 → 9.1.46

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 (105) hide show
  1. package/components/AccountPopover/AccountPopover.d.ts +9 -12
  2. package/components/AccountPopover/AccountPopover.styles.js +15 -15
  3. package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.d.ts +1 -1
  4. package/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.d.ts +1 -1
  5. package/components/AccountPopover/types.d.ts +36 -0
  6. package/components/ControlIncrement/ControlIncrement.d.ts +4 -0
  7. package/components/DataGrid/subcomponents/Actions/subcomponents/Density/index.d.ts +1 -1
  8. package/components/DataGrid/subcomponents/Actions/subcomponents/MobileMenuActions/index.d.ts +1 -1
  9. package/components/Image/Image.d.ts +1 -1
  10. package/components/Image/hoc/WithTrackWindowScroll.d.ts +1 -1
  11. package/components/Image/image.styles.js +3 -3
  12. package/components/Image/subcomponents/LazyLoadComponent/index.d.ts +1 -1
  13. package/components/Image/utils/get-scroll-ancestor.d.ts +1 -1
  14. package/components/Image/utils/isIntersectionObserverAvailable.d.ts +1 -1
  15. package/components/InputNumberSpinner/InputNumberSpinner.d.ts +2 -2
  16. package/components/LanguagePopover/LanguagePopover.d.ts +1 -1
  17. package/components/MFLoader/MFLoader.d.ts +2 -2
  18. package/components/MenuActions/MenuActions.d.ts +1 -1
  19. package/components/MenuActions/MenuActions.styles.js +2 -2
  20. package/components/MenuActions/dictionary.d.ts +3 -3
  21. package/components/MenuActions/types.d.ts +4 -4
  22. package/components/ModalDialog/ModalDialog.styles.js +6 -6
  23. package/components/PaperForm/components/Header.d.ts +1 -1
  24. package/components/SideBar/SideBar.d.ts +9 -29
  25. package/components/SideBar/subcomponents/ContentComponent/index.d.ts +1 -1
  26. package/components/SideBar/subcomponents/ContentGroups/index.d.ts +7 -5
  27. package/components/SideBar/subcomponents/ContentGroups/index.js +2 -2
  28. package/components/SideBar/subcomponents/ContentGroups/styles.js +5 -5
  29. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/index.d.ts +1 -1
  30. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/styles.js +2 -2
  31. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/subcomponents/ArrowIcon/index.d.ts +1 -1
  32. package/components/SideBar/subcomponents/ContentGroups/types.d.ts +4 -0
  33. package/components/SideBar/subcomponents/FooterSidebar/index.d.ts +1 -1
  34. package/components/SideBar/subcomponents/FooterSidebar/styles.js +1 -1
  35. package/components/SideBar/types.d.ts +50 -0
  36. package/components/WindowBase/WindowBase.d.ts +1 -1
  37. package/components/WindowBase/WindowBase.styles.js +12 -12
  38. package/components/WindowBase/subcomponents/Header/HeaderWindowBase.d.ts +1 -1
  39. package/components/WindowBase/subcomponents/MemoizedIconButton/MemoizedIconButton.d.ts +1 -1
  40. package/components/WindowBase/subcomponents/MemoizedIconButton/types.d.ts +2 -2
  41. package/components/WindowBase/types.d.ts +1 -1
  42. package/components/WindowConfirm/WindowConfirm.styles.js +16 -16
  43. package/components/WindowConfirm/types.d.ts +2 -2
  44. package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/index.d.ts +1 -1
  45. package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/index.js +1 -1
  46. package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/index.d.ts +1 -1
  47. package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/index.js +1 -1
  48. package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/PanelWindowPopUp/index.d.ts +1 -1
  49. package/components/areas/components/AreasAdmin/subcomponents/PanelWindowPopUp/index.d.ts +1 -1
  50. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/PanelWindows/index.d.ts +2 -2
  51. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/index.d.ts +1 -1
  52. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/subcomponents/WindowPopUpsList/index.d.ts +1 -1
  53. package/components/areas/contexts/AreasContext/index.d.ts +5 -0
  54. package/components/areas/contexts/AreasContext/store.d.ts +2 -2
  55. package/components/areas/contexts/AreasContext/store.js +134 -2
  56. package/components/areas/types.d.ts +1 -1
  57. package/components/formatters/BooleanFormatter/BooleanFormatter.d.ts +5 -2
  58. package/components/formatters/BooleanFormatter/BooleanFormatter.js +22 -19
  59. package/components/formatters/BooleanFormatter/BooleanFormatter.styles.js +11 -6
  60. package/components/formatters/BooleanFormatter/dictionary.d.ts +1 -1
  61. package/components/formatters/BooleanFormatter/slots/BooleanFormatterEnum.d.ts +2 -4
  62. package/components/formatters/BooleanFormatter/slots/BooleanFormatterEnum.js +2 -4
  63. package/components/formatters/BooleanFormatter/slots/BooleanFormatterSlots.d.ts +1 -7
  64. package/components/formatters/BooleanFormatter/slots/BooleanFormatterSlots.js +6 -17
  65. package/components/formatters/BooleanFormatter/types.d.ts +9 -4
  66. package/components/hook-form/RHFAutocomplete/subcomponents/ComponentTypeText/index.d.ts +4 -0
  67. package/components/hook-form/RHFAutocomplete/subcomponents/ComponentTypeText/index.js +4 -0
  68. package/components/hook-form/RHFInputNumberSpinner/RHFInputNumberSpinner.d.ts +4 -0
  69. package/components/hook-form/RHFTextField/RHFTextField.d.ts +1 -1
  70. package/components/hook-form/RHFTextField/RHFTextField.styles.js +1 -1
  71. package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/index.d.ts +1 -1
  72. package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useRowActionsGetter.d.ts +1 -1
  73. package/components/maps/components/Map/subcomponents/LayersContainer/subcomponents/MyLayer/subcomponents/MarkerClusterGroup/index.d.ts +1 -1
  74. package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/index.d.ts +1 -1
  75. package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyTabs/index.d.ts +1 -1
  76. package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useRowActionsGetter.d.ts +1 -1
  77. package/components/mui_extended/Accordion/Accordion.d.ts +1 -1
  78. package/components/mui_extended/Accordion/styles.js +6 -6
  79. package/components/mui_extended/Avatar/styles.js +1 -1
  80. package/components/mui_extended/Avatar/subcomponents/SkeletonAvatar/index.d.ts +1 -1
  81. package/components/mui_extended/Button/Button.d.ts +1 -1
  82. package/components/mui_extended/CheckBox/CheckBox.styles.js +12 -0
  83. package/components/mui_extended/Dialog/Dialog.styles.js +1 -1
  84. package/components/mui_extended/IconButton/IconButton.d.ts +1 -1
  85. package/components/mui_extended/IconButton/IconButton.styles.js +4 -4
  86. package/components/mui_extended/ImageButton/ImageButton.d.ts +1 -1
  87. package/components/mui_extended/MenuItem/MenuItem.d.ts +1 -1
  88. package/components/mui_extended/MenuItem/MenuItem.styles.js +9 -5
  89. package/components/mui_extended/Popover/Popover.d.ts +1 -1
  90. package/components/mui_extended/Popover/Popover.styles.js +2 -2
  91. package/components/mui_extended/Tab/Tab.d.ts +1 -1
  92. package/components/mui_extended/Tab/Tab.styles.js +2 -2
  93. package/components/mui_extended/TextField/TextField.d.ts +1 -1
  94. package/components/mui_extended/TextField/TextField.styles.js +2 -2
  95. package/components/mui_extended/ToggleButton/ToggleButton.styles.js +1 -1
  96. package/components/mui_extended/Tooltip/Tooltip.styles.js +4 -0
  97. package/components/mui_extended/Typography/types.d.ts +1 -1
  98. package/components/mui_extended/Typography/typography.styles.js +1 -1
  99. package/package.json +2 -1
  100. package/components/StorybookTest/StorybookTest.d.ts +0 -9
  101. package/components/StorybookTest/base.stories.d.ts +0 -9
  102. package/components/formatters/FormatterRoot/index.js +0 -10
  103. package/components/formatters/FormatterRoot/styles.js +0 -7
  104. package/components/formatters/classes/index.js +0 -13
  105. package/components/formatters/constants.js +0 -4
@@ -32,8 +32,8 @@ const createAreasStore = (initProps) => {
32
32
  * Inicializa el store de areas
33
33
  * @author Bruce Escobar - automatic
34
34
  * @createdAt 2024-10-22 09:41:31 - automatic
35
- * @updatedAt 2024-10-22 19:27:23 - automatic
36
- * @updatedUser Bruce Escobar - automatic
35
+ * @updatedAt 2024-12-30 14:36:10 - automatic
36
+ * @updatedUser Andrés Quintero - automatic
37
37
  */
38
38
  init: () => {
39
39
  if (get().ownerState.status !== "init") {
@@ -103,6 +103,138 @@ const createAreasStore = (initProps) => {
103
103
  },
104
104
  /**
105
105
  * TODO: Documentar
106
+ * @updatedUser Andrés Quintero - automatic
107
+ * @updatedUser Andrés Quintero - automatic
108
+ * @updatedUser Andrés Quintero - automatic
109
+ * @updatedUser Andrés Quintero - automatic
110
+ * @updatedUser Andrés Quintero - automatic
111
+ * @updatedUser Andrés Quintero - automatic
112
+ * @updatedUser Andrés Quintero - automatic
113
+ * @updatedUser Andrés Quintero - automatic
114
+ * @updatedUser Andrés Quintero - automatic
115
+ * @updatedUser Andrés Quintero - automatic
116
+ * @updatedUser Andrés Quintero - automatic
117
+ * @updatedUser Andrés Quintero - automatic
118
+ * @updatedUser Andrés Quintero - automatic
119
+ * @updatedUser Andrés Quintero - automatic
120
+ * @updatedUser Andrés Quintero - automatic
121
+ * @updatedUser Andrés Quintero - automatic
122
+ * @updatedUser Andrés Quintero - automatic
123
+ * @updatedUser Andrés Quintero - automatic
124
+ * @updatedUser Andrés Quintero - automatic
125
+ * @updatedUser Andrés Quintero - automatic
126
+ * @updatedUser Andrés Quintero - automatic
127
+ * @updatedUser Andrés Quintero - automatic
128
+ * @updatedUser Andrés Quintero - automatic
129
+ * @updatedUser Andrés Quintero - automatic
130
+ * @updatedUser Andrés Quintero - automatic
131
+ * @updatedUser Andrés Quintero - automatic
132
+ * @updatedUser Andrés Quintero - automatic
133
+ * @updatedUser Andrés Quintero - automatic
134
+ * @updatedUser Andrés Quintero - automatic
135
+ * @updatedUser Andrés Quintero - automatic
136
+ * @updatedUser Andrés Quintero - automatic
137
+ * @updatedUser Andrés Quintero - automatic
138
+ * @updatedAt 2024-12-30 14:36:10 - automatic
139
+ * @updatedAt 2024-12-30 14:36:10 - automatic
140
+ * @updatedAt 2024-12-30 14:36:10 - automatic
141
+ * @updatedAt 2024-12-30 14:36:10 - automatic
142
+ * @updatedAt 2024-12-30 14:36:10 - automatic
143
+ * @updatedAt 2024-12-30 14:36:10 - automatic
144
+ * @updatedAt 2024-12-30 14:36:10 - automatic
145
+ * @updatedAt 2024-12-30 14:36:10 - automatic
146
+ * @updatedAt 2024-12-30 14:36:10 - automatic
147
+ * @updatedAt 2024-12-30 14:36:10 - automatic
148
+ * @updatedAt 2024-12-30 14:36:10 - automatic
149
+ * @updatedAt 2024-12-30 14:36:10 - automatic
150
+ * @updatedAt 2024-12-30 14:36:10 - automatic
151
+ * @updatedAt 2024-12-30 14:36:10 - automatic
152
+ * @updatedAt 2024-12-30 14:36:10 - automatic
153
+ * @updatedAt 2024-12-30 14:36:10 - automatic
154
+ * @updatedAt 2024-12-30 14:36:10 - automatic
155
+ * @updatedAt 2024-12-30 14:36:10 - automatic
156
+ * @updatedAt 2024-12-30 14:36:10 - automatic
157
+ * @updatedAt 2024-12-30 14:36:10 - automatic
158
+ * @updatedAt 2024-12-30 14:36:10 - automatic
159
+ * @updatedAt 2024-12-30 14:36:10 - automatic
160
+ * @updatedAt 2024-12-30 14:36:10 - automatic
161
+ * @updatedAt 2024-12-30 14:36:10 - automatic
162
+ * @updatedAt 2024-12-30 14:36:10 - automatic
163
+ * @updatedAt 2024-12-30 14:36:10 - automatic
164
+ * @updatedAt 2024-12-30 14:36:10 - automatic
165
+ * @updatedAt 2024-12-30 14:36:10 - automatic
166
+ * @updatedAt 2024-12-30 14:36:10 - automatic
167
+ * @updatedAt 2024-12-30 14:36:10 - automatic
168
+ * @updatedAt 2024-12-30 14:36:10 - automatic
169
+ * @updatedAt 2024-12-30 14:36:10 - automatic
170
+ * @createdAt 2024-12-30 14:36:06 - automatic
171
+ * @createdAt 2024-12-30 14:36:06 - automatic
172
+ * @createdAt 2024-12-30 14:36:06 - automatic
173
+ * @createdAt 2024-12-30 14:36:06 - automatic
174
+ * @createdAt 2024-12-30 14:36:06 - automatic
175
+ * @createdAt 2024-12-30 14:36:06 - automatic
176
+ * @createdAt 2024-12-30 14:36:06 - automatic
177
+ * @createdAt 2024-12-30 14:36:06 - automatic
178
+ * @createdAt 2024-12-30 14:36:06 - automatic
179
+ * @createdAt 2024-12-30 14:36:06 - automatic
180
+ * @createdAt 2024-12-30 14:36:06 - automatic
181
+ * @createdAt 2024-12-30 14:36:06 - automatic
182
+ * @createdAt 2024-12-30 14:36:06 - automatic
183
+ * @createdAt 2024-12-30 14:36:06 - automatic
184
+ * @createdAt 2024-12-30 14:36:06 - automatic
185
+ * @createdAt 2024-12-30 14:36:06 - automatic
186
+ * @createdAt 2024-12-30 14:36:06 - automatic
187
+ * @createdAt 2024-12-30 14:36:06 - automatic
188
+ * @createdAt 2024-12-30 14:36:06 - automatic
189
+ * @createdAt 2024-12-30 14:36:06 - automatic
190
+ * @createdAt 2024-12-30 14:36:06 - automatic
191
+ * @createdAt 2024-12-30 14:36:06 - automatic
192
+ * @createdAt 2024-12-30 14:36:06 - automatic
193
+ * @createdAt 2024-12-30 14:36:06 - automatic
194
+ * @createdAt 2024-12-30 14:36:06 - automatic
195
+ * @createdAt 2024-12-30 14:36:06 - automatic
196
+ * @createdAt 2024-12-30 14:36:06 - automatic
197
+ * @createdAt 2024-12-30 14:36:06 - automatic
198
+ * @createdAt 2024-12-30 14:36:06 - automatic
199
+ * @createdAt 2024-12-30 14:36:06 - automatic
200
+ * @createdAt 2024-12-30 14:36:06 - automatic
201
+ * @createdAt 2024-12-30 14:36:06 - automatic
202
+ * @author Andrés Quintero - automatic
203
+ * @author Andrés Quintero - automatic
204
+ * @author Andrés Quintero - automatic
205
+ * @author Andrés Quintero - automatic
206
+ * @author Andrés Quintero - automatic
207
+ * @author Andrés Quintero - automatic
208
+ * @author Andrés Quintero - automatic
209
+ * @author Andrés Quintero - automatic
210
+ * @author Andrés Quintero - automatic
211
+ * @author Andrés Quintero - automatic
212
+ * @author Andrés Quintero - automatic
213
+ * @author Andrés Quintero - automatic
214
+ * @author Andrés Quintero - automatic
215
+ * @author Andrés Quintero - automatic
216
+ * @author Andrés Quintero - automatic
217
+ * @author Andrés Quintero - automatic
218
+ * @author Andrés Quintero - automatic
219
+ * @author Andrés Quintero - automatic
220
+ * @author Andrés Quintero - automatic
221
+ * @author Andrés Quintero - automatic
222
+ * @author Andrés Quintero - automatic
223
+ * @author Andrés Quintero - automatic
224
+ * @author Andrés Quintero - automatic
225
+ * @author Andrés Quintero - automatic
226
+ * @author Andrés Quintero - automatic
227
+ * @author Andrés Quintero - automatic
228
+ * @author Andrés Quintero - automatic
229
+ * @author Andrés Quintero - automatic
230
+ * @author Andrés Quintero - automatic
231
+ * @author Andrés Quintero - automatic
232
+ * @author Andrés Quintero - automatic
233
+ * @author Andrés Quintero - automatic
234
+ * @author Andrés Quintero - automatic
235
+ * @createdAt 2024-12-30 14:36:06 - automatic
236
+ * @updatedAt 2024-12-30 14:36:10 - automatic
237
+ * @updatedUser Andrés Quintero - automatic
106
238
  */
107
239
  addArea: () => {
108
240
  let newId = "";
@@ -105,7 +105,7 @@ export type WindowState = {
105
105
  * @returns void
106
106
  * @author Andrés Quintero - automatic
107
107
  * @createdAt 2024-12-27 08:27:31 - automatic
108
- * @updatedAt 2024-12-27 08:28:36 - automatic
108
+ * @updatedAt 2024-12-30 14:36:10 - automatic
109
109
  * @updatedUser Andrés Quintero - automatic
110
110
  */
111
111
  fnQueryClose?: () => void;
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { BooleanFormatterProps } from './types';
2
3
  /**
3
4
  * BooleanFormatter
@@ -10,10 +11,12 @@ import { BooleanFormatterProps } from './types';
10
11
  * - `'check'`: Displays an icon representing `true` or `false`.
11
12
  * [value=false]
12
13
  * The boolean value to be formatted.
13
- * [Component=WrapperComponent]
14
+ * [Component=BooleanFormatterRootStyled]
14
15
  * A custom wrapper component for the formatted output.
15
16
  * [dataTestId]
16
17
  * A unique identifier for testing purposes, used as a `data-testid` attribute.
18
+ * [className]
19
+ * A custom class name to apply to the component.
17
20
  * @example
18
21
  * <BooleanFormatter presentationType="string_yes_no" value={true} />
19
22
  * // Renders "Yes"
@@ -26,4 +29,4 @@ import { BooleanFormatterProps } from './types';
26
29
  * @updatedAt 2024-12-10 14:11:20 - automatic
27
30
  * @updatedUser cesar - automatic
28
31
  */
29
- export declare function BooleanFormatter(props: BooleanFormatterProps): import("react/jsx-runtime").JSX.Element;
32
+ export declare function BooleanFormatter<T extends React.ElementType>(props: BooleanFormatterProps<T>): string | import("react/jsx-runtime").JSX.Element;
@@ -1,47 +1,50 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { useMemo } from "react";
2
+ import React, { useMemo } from "react";
3
3
  import { useModuleDictionary, useEnvironment } from "@m4l/core";
4
- import { W as WrapperComponent } from "../../WrapperComponent/index.js";
5
4
  import { L as LABEL_BOOLEAN_YES, a as LABEL_BOOLEAN_NO, b as LABEL_BOOLEAN_TRUE, c as LABEL_BOOLEAN_FALSE } from "./dictionary.js";
6
5
  import clsx from "clsx";
7
6
  import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
8
7
  import { B as BOOLEAN_FORMATTER_KEY_COMPONENT } from "./constants.js";
9
8
  import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
10
- import { T as TextStyled, F as FormatterRootStyled, B as BooleanFormatterIconStyled } from "./slots/BooleanFormatterSlots.js";
9
+ import { B as BooleanFormatterIconStyled, a as BooleanFormatterRootStyled } from "./slots/BooleanFormatterSlots.js";
11
10
  import { B as BooleanFormatterSlots } from "./slots/BooleanFormatterEnum.js";
12
11
  function BooleanFormatter(props) {
13
- const { presentationType, value, Component = WrapperComponent, dataTestId } = props;
12
+ const { presentationType, value, Component = BooleanFormatterRootStyled, dataTestId, className, componentProps } = props;
14
13
  const { getLabel } = useModuleDictionary();
15
14
  const { host_static_assets, environment_assets } = useEnvironment();
16
15
  const final_value = value ?? false;
17
16
  const srcCheckTrue = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_true.svg`;
18
17
  const srcCheckFalse = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_false.svg`;
19
- const ownerState = { isTrue: final_value };
18
+ const ownerState = { value: final_value };
20
19
  const memoComponent = useMemo(() => {
21
20
  if (presentationType === "string_yes_no") {
22
- return /* @__PURE__ */ jsx(Component, { children: /* @__PURE__ */ jsx(TextStyled, { ownerState, children: final_value ? getLabel(LABEL_BOOLEAN_YES) : getLabel(LABEL_BOOLEAN_NO) }) });
21
+ return final_value ? getLabel(LABEL_BOOLEAN_YES) : getLabel(LABEL_BOOLEAN_NO);
23
22
  }
24
23
  if (presentationType === "string_true_false") {
25
- return /* @__PURE__ */ jsx(Component, { children: /* @__PURE__ */ jsx(TextStyled, { ownerState, children: final_value ? getLabel(LABEL_BOOLEAN_TRUE) : getLabel(LABEL_BOOLEAN_FALSE) }) });
24
+ return final_value ? getLabel(LABEL_BOOLEAN_TRUE) : getLabel(LABEL_BOOLEAN_FALSE);
26
25
  }
27
26
  return /* @__PURE__ */ jsx(
28
- FormatterRootStyled,
27
+ BooleanFormatterIconStyled,
29
28
  {
30
- className: clsx(getComponentSlotRoot(BOOLEAN_FORMATTER_KEY_COMPONENT)),
31
- ...getPropDataTestId(BOOLEAN_FORMATTER_KEY_COMPONENT, BooleanFormatterSlots.booleanFormatterRoot, dataTestId),
32
- role: "booleanStyled-role",
33
29
  ownerState,
34
- children: /* @__PURE__ */ jsx(Component, { children: /* @__PURE__ */ jsx(
35
- BooleanFormatterIconStyled,
36
- {
37
- ownerState,
38
- src: final_value ? srcCheckTrue : srcCheckFalse
39
- }
40
- ) })
30
+ src: final_value ? srcCheckTrue : srcCheckFalse
41
31
  }
42
32
  );
43
33
  }, [final_value, getLabel, presentationType, srcCheckTrue, srcCheckFalse]);
44
- return memoComponent;
34
+ if (Component === React.Fragment) {
35
+ return memoComponent;
36
+ }
37
+ return /* @__PURE__ */ jsx(
38
+ Component,
39
+ {
40
+ className: clsx(getComponentSlotRoot(BOOLEAN_FORMATTER_KEY_COMPONENT), className),
41
+ ...getPropDataTestId(BOOLEAN_FORMATTER_KEY_COMPONENT, BooleanFormatterSlots.root, dataTestId),
42
+ role: "booleanStyled-role",
43
+ ownerState,
44
+ ...componentProps,
45
+ children: memoComponent
46
+ }
47
+ );
45
48
  }
46
49
  export {
47
50
  BooleanFormatter as B
@@ -3,18 +3,23 @@ const booleanFormatterStyles = {
3
3
  * Modal Dialog Root style
4
4
  * @author cesar - automatic
5
5
  * @createdAt 2024-12-10 14:11:55 - automatic
6
- * @updatedAt 2024-12-10 14:11:55 - automatic
7
- * @updatedUser cesar - automatic
6
+ * @updatedAt 2024-12-30 14:36:10 - automatic
7
+ * @updatedUser Andrés Quintero - automatic
8
8
  */
9
- text: ({ theme }) => ({
9
+ root: ({ theme }) => ({
10
10
  "& .MuiSkeleton-text": {
11
11
  width: `${theme.vars.size.baseSpacings.sp7} !important`,
12
12
  borderRadius: theme.vars.size.borderRadius.r1
13
13
  }
14
14
  }),
15
- booleanFormatterRoot: {},
16
- booleanFormatterSkeleton: {},
17
- booleanFormatterIcon: {}
15
+ /**
16
+ * Styled del icono
17
+ */
18
+ icon: ({ theme }) => ({
19
+ "& .M4LIcon-icon": {
20
+ backgroundColor: theme.vars.palette.text.primary
21
+ }
22
+ })
18
23
  };
19
24
  export {
20
25
  booleanFormatterStyles as b
@@ -3,5 +3,5 @@ export declare const LABEL_BOOLEAN_YES = "boolean_formatter.boolean_yes";
3
3
  export declare const LABEL_BOOLEAN_NO = "boolean_formatter.boolean_no";
4
4
  export declare const LABEL_BOOLEAN_TRUE = "boolean_formatter.boolean_true";
5
5
  export declare const LABEL_BOOLEAN_FALSE = "boolean_formatter.boolean_false";
6
- export declare function getFormattersComponentsDictionary(): string[];
6
+ export declare function getBooleanFormatterComponentsDictionary(): string[];
7
7
  export declare const BOOLEAN_FORMATTER_DICTIONARY_LABELS: string[];
@@ -1,6 +1,4 @@
1
1
  export declare enum BooleanFormatterSlots {
2
- booleanFormatterRoot = "booleanFormatterRoot",
3
- booleanFormatterSkeleton = "booleanFormatterSkeleton",
4
- booleanFormatterIcon = "booleanFormatterIcon",
5
- text = "text"
2
+ icon = "icon",
3
+ root = "root"
6
4
  }
@@ -1,8 +1,6 @@
1
1
  var BooleanFormatterSlots = /* @__PURE__ */ ((BooleanFormatterSlots2) => {
2
- BooleanFormatterSlots2["booleanFormatterRoot"] = "booleanFormatterRoot";
3
- BooleanFormatterSlots2["booleanFormatterSkeleton"] = "booleanFormatterSkeleton";
4
- BooleanFormatterSlots2["booleanFormatterIcon"] = "booleanFormatterIcon";
5
- BooleanFormatterSlots2["text"] = "text";
2
+ BooleanFormatterSlots2["icon"] = "icon";
3
+ BooleanFormatterSlots2["root"] = "root";
6
4
  return BooleanFormatterSlots2;
7
5
  })(BooleanFormatterSlots || {});
8
6
  export {
@@ -1,12 +1,6 @@
1
- export declare const FormatterRootStyled: import('@emotion/styled').StyledComponent<Pick<import('../../FormatterRoot/types').FormatterRootProps, "children"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').BooleanFormatterOwnerState> & Record<string, unknown> & {
2
- ownerState: Partial<import('..').BooleanFormatterOwnerState> & Record<string, unknown>;
3
- }, {}, {}>;
4
1
  export declare const BooleanFormatterIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../Icon/types').IconProps, keyof import('../../../Icon/types').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').BooleanFormatterOwnerState> & Record<string, unknown> & {
5
2
  ownerState: Partial<import('..').BooleanFormatterOwnerState> & Record<string, unknown>;
6
3
  }, {}, {}>;
7
- export declare const BooleanFormatterSkeletonStyled: 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> & Partial<import('..').BooleanFormatterOwnerState> & Record<string, unknown> & {
8
- ownerState: Partial<import('..').BooleanFormatterOwnerState> & Record<string, unknown>;
9
- }, {}, {}>;
10
- export declare const TextStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../mui_extended/Typography/types').TypographyProps, keyof import('../../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').BooleanFormatterOwnerState> & Record<string, unknown> & {
4
+ export declare const BooleanFormatterRootStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../mui_extended/Typography/types').TypographyProps, keyof import('../../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').BooleanFormatterOwnerState> & Record<string, unknown> & {
11
5
  ownerState: Partial<import('..').BooleanFormatterOwnerState> & Record<string, unknown>;
12
6
  }, {}, {}>;
@@ -2,28 +2,17 @@ import { styled } from "@mui/material/styles";
2
2
  import { B as BOOLEAN_FORMATTER_KEY_COMPONENT } from "../constants.js";
3
3
  import { B as BooleanFormatterSlots } from "./BooleanFormatterEnum.js";
4
4
  import { b as booleanFormatterStyles } from "../BooleanFormatter.styles.js";
5
- import { F as FormatterRoot } from "../../FormatterRoot/index.js";
6
5
  import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
7
- import { S as Skeleton } from "../../../mui_extended/Skeleton/Skeleton.js";
8
6
  import { I as Icon } from "../../../Icon/Icon.js";
9
- const FormatterRootStyled = styled(FormatterRoot, {
10
- name: BOOLEAN_FORMATTER_KEY_COMPONENT,
11
- slot: BooleanFormatterSlots.booleanFormatterRoot
12
- })(booleanFormatterStyles?.booleanFormatterRoot);
13
7
  const BooleanFormatterIconStyled = styled(Icon, {
14
8
  name: BOOLEAN_FORMATTER_KEY_COMPONENT,
15
- slot: BooleanFormatterSlots.booleanFormatterIcon
16
- })(booleanFormatterStyles?.booleanFormatterIcon);
17
- styled(Skeleton, {
18
- name: BOOLEAN_FORMATTER_KEY_COMPONENT,
19
- slot: BooleanFormatterSlots.booleanFormatterSkeleton
20
- })(booleanFormatterStyles?.booleanFormatterSkeleton);
21
- const TextStyled = styled(Typography, {
9
+ slot: BooleanFormatterSlots.icon
10
+ })(booleanFormatterStyles?.icon);
11
+ const BooleanFormatterRootStyled = styled(Typography, {
22
12
  name: BOOLEAN_FORMATTER_KEY_COMPONENT,
23
- slot: BooleanFormatterSlots.text
24
- })(booleanFormatterStyles?.text);
13
+ slot: BooleanFormatterSlots.root
14
+ })(booleanFormatterStyles?.root);
25
15
  export {
26
16
  BooleanFormatterIconStyled as B,
27
- FormatterRootStyled as F,
28
- TextStyled as T
17
+ BooleanFormatterRootStyled as a
29
18
  };
@@ -1,5 +1,5 @@
1
1
  import { OverridesStyleRules } from '@mui/material/styles/overrides';
2
- import { BooleanFormatterSlots } from './slots';
2
+ import { BooleanFormatterRootStyled, BooleanFormatterSlots } from './slots';
3
3
  import { BOOLEAN_FORMATTER_KEY_COMPONENT } from './constants';
4
4
  import { Theme } from '@mui/material';
5
5
  /**
@@ -16,17 +16,22 @@ export type BooleanFormatter = keyof typeof BooleanFormatterSlots;
16
16
  /**
17
17
  * Properties for the `BooleanFormatter` component.
18
18
  */
19
- export interface BooleanFormatterProps {
20
- Component?: React.ElementType;
19
+ export interface BooleanFormatterProps<T extends React.ElementType = typeof BooleanFormatterRootStyled> {
20
+ Component?: T;
21
21
  presentationType: PresentationType;
22
22
  value?: boolean;
23
23
  dataTestId?: string;
24
+ className?: string;
25
+ /**
26
+ * Props para el componente personalizado.
27
+ */
28
+ componentProps?: React.ComponentPropsWithoutRef<T>;
24
29
  }
25
30
  /**
26
31
  * State properties for the `BooleanFormatter` component.
27
32
  */
28
33
  export interface BooleanFormatterOwnerState {
29
- isTrue?: boolean;
34
+ value?: boolean;
30
35
  [key: string]: unknown;
31
36
  }
32
37
  /**
@@ -1,5 +1,9 @@
1
1
  import { RHFAutocompleteBaseProps, RHFAutocompleteTypeTextProps } from '../../types';
2
2
  /**
3
3
  * TODO: Documentar
4
+ * @author Andrés Quintero - automatic
5
+ * @createdAt 2024-12-30 14:36:06 - automatic
6
+ * @updatedAt 2024-12-30 14:36:10 - automatic
7
+ * @updatedUser Andrés Quintero - automatic
4
8
  */
5
9
  export declare function ComponentTypeText<T>(props: RHFAutocompleteBaseProps<T> & RHFAutocompleteTypeTextProps): import("react/jsx-runtime").JSX.Element;
@@ -242,6 +242,10 @@ function ComponentTypeText(props) {
242
242
  ...multiple ? {
243
243
  /**
244
244
  * renderTags: Se encarga de renderizar las etiquetas de las opciones seleccionadas en el componente Autocomplete.
245
+ * @author Andrés Quintero - automatic
246
+ * @createdAt 2024-12-30 14:36:06 - automatic
247
+ * @updatedAt 2024-12-30 14:36:10 - automatic
248
+ * @updatedUser Andrés Quintero - automatic
245
249
  */
246
250
  renderTags: (tagValue, getTagProps) => tagValue.map((option, index) => {
247
251
  const { key, ...restTagProps } = getTagProps({
@@ -1,5 +1,9 @@
1
1
  import { RHFInputNumberSpinnerProps } from './types';
2
2
  /**
3
3
  * Componente RHFInputNumberSpinner
4
+ * @author Andrés Quintero - automatic
5
+ * @createdAt 2024-12-30 14:36:06 - automatic
6
+ * @updatedAt 2024-12-30 14:36:10 - automatic
7
+ * @updatedUser Andrés Quintero - automatic
4
8
  */
5
9
  export declare const RHFInputNumberSpinner: (props: RHFInputNumberSpinnerProps) => import("react/jsx-runtime").JSX.Element;
@@ -3,7 +3,7 @@ import { RHFTextFieldProps } from './types';
3
3
  * Provee de un campo de texto vinculado al formulario de hook-forms, aporta su versión provisional de carga en red.
4
4
  * @author Bruce Escobar - automatic
5
5
  * @createdAt 2024-10-22 19:27:22 - automatic
6
- * @updatedAt 2024-12-27 08:28:36 - automatic
6
+ * @updatedAt 2024-12-30 14:36:10 - automatic
7
7
  * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  export declare const RHFTextField: import('react').ForwardRefExoticComponent<Omit<RHFTextFieldProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
@@ -3,7 +3,7 @@ const rhfTextFieldStyles = {
3
3
  * Elemento Root
4
4
  * @author Andrés Quintero - automatic
5
5
  * @createdAt 2024-12-27 08:27:31 - automatic
6
- * @updatedAt 2024-12-27 08:28:36 - automatic
6
+ * @updatedAt 2024-12-30 14:36:10 - automatic
7
7
  * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  root: ({ theme }) => ({
@@ -2,7 +2,7 @@ import { UploadImageProps } from './types';
2
2
  /**
3
3
  * TODO: Documentar
4
4
  * @author Juan Escobar - automatic
5
- * @updatedAt 2024-12-27 08:28:36 - automatic
5
+ * @updatedAt 2024-12-30 14:36:10 - automatic
6
6
  * @updatedUser Andrés Quintero - automatic
7
7
  * @createdAt 2024-10-15 17:33:28 - automatic
8
8
  */
@@ -4,7 +4,7 @@ import { MenuAction } from '../../../../../../../../../../../../MenuActions/type
4
4
  * TODO: Documentar
5
5
  * @author Andrés Quintero - automatic
6
6
  * @createdAt 2024-12-27 08:27:31 - automatic
7
- * @updatedAt 2024-12-27 08:28:36 - automatic
7
+ * @updatedAt 2024-12-30 14:36:10 - automatic
8
8
  * @updatedUser Andrés Quintero - automatic
9
9
  */
10
10
  export declare function useRowActionsGetter(): {
@@ -7,7 +7,7 @@ import { MarkerClusterGroupProps } from './types';
7
7
  * @author Juan Andrés Escobar
8
8
  * @createdAt 2024/02/22
9
9
  * @returns ForwardRefExoticComponent (significa que es un componente que ha sido envuelto con React.forwardRef.).
10
- * @updatedAt 2024-12-27 08:28:36 - automatic
10
+ * @updatedAt 2024-12-30 14:36:10 - automatic
11
11
  * @updatedUser Andrés Quintero - automatic
12
12
  */
13
13
  export declare const MarkerClusterGroup: import('react').ForwardRefExoticComponent<L.MarkerClusterGroupOptions & import('@react-leaflet/core').PathProps & import('./types').PropsWithChildren & import('react').RefAttributes<MarkerClusterGroupProps>>;
@@ -7,7 +7,7 @@
7
7
  * @returns Tabs con las herramientas de GPS
8
8
  * @author Andrés Quintero - automatic
9
9
  * @createdAt 2024-12-27 08:27:31 - automatic
10
- * @updatedAt 2024-12-27 08:28:36 - automatic
10
+ * @updatedAt 2024-12-30 14:36:10 - automatic
11
11
  * @updatedUser Andrés Quintero - automatic
12
12
  */
13
13
  export declare function TabsGpsTools(): import("react/jsx-runtime").JSX.Element | null;
@@ -2,7 +2,7 @@
2
2
  * TODO: Documentar
3
3
  * @author Andrés Quintero - automatic
4
4
  * @createdAt 2024-12-27 08:27:31 - automatic
5
- * @updatedAt 2024-12-27 08:28:36 - automatic
5
+ * @updatedAt 2024-12-30 14:36:10 - automatic
6
6
  * @updatedUser Andrés Quintero - automatic
7
7
  */
8
8
  export declare function MyTabs(): import("react/jsx-runtime").JSX.Element;
@@ -7,7 +7,7 @@ interface UseRowActionsProps {
7
7
  * TODO: Documentar
8
8
  * @author cesar - automatic
9
9
  * @createdAt 2024-11-24 18:49:53 - automatic
10
- * @updatedAt 2024-12-27 08:28:36 - automatic
10
+ * @updatedAt 2024-12-30 14:36:10 - automatic
11
11
  * @updatedUser Andrés Quintero - automatic
12
12
  */
13
13
  export declare function useRowActionsGetter(props: UseRowActionsProps): {
@@ -3,7 +3,7 @@ import { AccordionProps } from './types';
3
3
  * Componente Accordion que permite expandir y contraer el contenido
4
4
  * @author Bruce Escobar - automatic
5
5
  * @createdAt 2024-10-22 09:41:31 - automatic
6
- * @updatedAt 2024-12-27 08:28:36 - automatic
6
+ * @updatedAt 2024-12-30 14:36:10 - automatic
7
7
  * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  export declare const Accordion: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -5,7 +5,7 @@ const accordionStyles = {
5
5
  **********************************************************
6
6
  * @author Andrés Quintero - automatic
7
7
  * @createdAt 2024-11-25 11:12:33 - automatic
8
- * @updatedAt 2024-12-27 08:28:36 - automatic
8
+ * @updatedAt 2024-12-30 14:36:10 - automatic
9
9
  * @updatedUser Andrés Quintero - automatic
10
10
  */
11
11
  accordionRoot: ({ theme }) => ({
@@ -23,7 +23,7 @@ const accordionStyles = {
23
23
  * **************************************************************
24
24
  * @author Andrés Quintero - automatic
25
25
  * @createdAt 2024-11-25 11:12:33 - automatic
26
- * @updatedAt 2024-12-27 08:28:36 - automatic
26
+ * @updatedAt 2024-12-30 14:36:10 - automatic
27
27
  * @updatedUser Andrés Quintero - automatic
28
28
  */
29
29
  accordionSummary: ({ theme, ownerState }) => ({
@@ -58,7 +58,7 @@ const accordionStyles = {
58
58
  * *************************************************
59
59
  * @author Andrés Quintero - automatic
60
60
  * @createdAt 2024-11-25 11:12:33 - automatic
61
- * @updatedAt 2024-12-27 08:28:36 - automatic
61
+ * @updatedAt 2024-12-30 14:36:10 - automatic
62
62
  * @updatedUser Andrés Quintero - automatic
63
63
  */
64
64
  accordionIconLabel: ({ theme }) => ({
@@ -70,7 +70,7 @@ const accordionStyles = {
70
70
  * *******************************************************************
71
71
  * @author Andrés Quintero - automatic
72
72
  * @createdAt 2024-11-25 11:12:33 - automatic
73
- * @updatedAt 2024-12-27 08:28:36 - automatic
73
+ * @updatedAt 2024-12-30 14:36:10 - automatic
74
74
  * @updatedUser Andrés Quintero - automatic
75
75
  */
76
76
  accordionLabel: ({ theme }) => ({
@@ -83,7 +83,7 @@ const accordionStyles = {
83
83
  * *************************************************
84
84
  * @author Andrés Quintero - automatic
85
85
  * @createdAt 2024-11-25 11:12:33 - automatic
86
- * @updatedAt 2024-12-27 08:28:36 - automatic
86
+ * @updatedAt 2024-12-30 14:36:10 - automatic
87
87
  * @updatedUser Andrés Quintero - automatic
88
88
  */
89
89
  accordionIconExpanded: ({ theme }) => ({
@@ -95,7 +95,7 @@ const accordionStyles = {
95
95
  * **************************************************************
96
96
  * @author Andrés Quintero - automatic
97
97
  * @createdAt 2024-11-25 11:12:33 - automatic
98
- * @updatedAt 2024-12-27 08:28:36 - automatic
98
+ * @updatedAt 2024-12-30 14:36:10 - automatic
99
99
  * @updatedUser Andrés Quintero - automatic
100
100
  */
101
101
  accordionDetails: ({ theme }) => ({
@@ -5,7 +5,7 @@ const avatarStyles = {
5
5
  * *********************************************
6
6
  * @author Andrés Quintero - automatic
7
7
  * @createdAt 2024-12-13 12:26:04 - automatic
8
- * @updatedAt 2024-12-18 10:21:54 - automatic
8
+ * @updatedAt 2024-12-30 14:36:10 - automatic
9
9
  * @updatedUser Andrés Quintero - automatic
10
10
  */
11
11
  avatarRoot: ({ theme, ownerState }) => ({
@@ -3,7 +3,7 @@ import { SkeletonAvatarProps } from './types';
3
3
  * Skeleton Avatar component.
4
4
  * @author Andrés Quintero - automatic
5
5
  * @createdAt 2024-12-13 12:26:04 - automatic
6
- * @updatedAt 2024-12-13 12:38:40 - automatic
6
+ * @updatedAt 2024-12-30 14:36:10 - automatic
7
7
  * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  export declare const SkeletonAvatar: (props: SkeletonAvatarProps) => import("react/jsx-runtime").JSX.Element;
@@ -7,7 +7,7 @@ import { ButtonProps } from './types';
7
7
  * @returns
8
8
  * @author SebastianM - automatic
9
9
  * @createdAt 2024-11-06 07:42:00 - automatic
10
- * @updatedAt 2024-12-27 08:28:36 - automatic
10
+ * @updatedAt 2024-12-30 14:36:10 - automatic
11
11
  * @updatedUser Andrés Quintero - automatic
12
12
  */
13
13
  export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;