@m4l/components 9.1.93 → 9.1.95

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 (107) hide show
  1. package/@types/types.d.ts +44 -35
  2. package/components/Chip/Chip.d.ts +2 -2
  3. package/components/Chip/ChipStyles.js +10 -10
  4. package/components/Chip/index.js +1 -0
  5. package/components/Chip/types.d.ts +3 -2
  6. package/components/Chip/types.js +1 -0
  7. package/components/Color/types.d.ts +8 -0
  8. package/components/CommonActions/components/ActionFormIntro/index.d.ts +2 -2
  9. package/components/DataGrid/dictionary.d.ts +1 -1
  10. package/components/DataGrid/subcomponents/Actions/index.d.ts +1 -1
  11. package/components/DataGrid/subcomponents/Actions/subcomponents/Density/index.d.ts +1 -1
  12. package/components/DataGrid/subcomponents/Actions/subcomponents/MobileMenuActions/index.d.ts +1 -1
  13. package/components/MenuActions/MenuActions.d.ts +1 -1
  14. package/components/MenuActions/MenuActions.js +2 -1
  15. package/components/MenuActions/MenuActions.styles.js +19 -5
  16. package/components/MenuActions/types.d.ts +10 -7
  17. package/components/Pager/Pager.d.ts +2 -2
  18. package/components/Pager/Pager.styles.js +8 -8
  19. package/components/Pager/subcomponents/CustomTablePagination/CustomTablePagination.d.ts +1 -1
  20. package/components/Pager/subcomponents/CustomTablePagination/types.d.ts +3 -3
  21. package/components/Pager/subcomponents/PagerActions/PagerActions.d.ts +1 -1
  22. package/components/PropertyValue/PropertyValue.js +1 -1
  23. package/components/ToastContainer/ToastContainer.d.ts +4 -0
  24. package/components/WindowBase/WindowBase.d.ts +1 -1
  25. package/components/WindowBase/subcomponents/Header/HeaderWindowBase.d.ts +1 -1
  26. package/components/WindowBase/types.d.ts +1 -1
  27. package/components/areas/components/AreasAdmin/AreasAdmin.d.ts +13 -0
  28. package/components/areas/components/AreasAdmin/AreasAdmin.js +163 -0
  29. package/components/areas/components/AreasAdmin/AreasAdmin.styles.d.ts +2 -0
  30. package/components/areas/components/AreasAdmin/AreasAdmin.styles.js +264 -0
  31. package/components/areas/components/AreasAdmin/classes/index.js +1 -2
  32. package/components/areas/components/AreasAdmin/constants.d.ts +1 -0
  33. package/components/areas/components/AreasAdmin/constants.js +4 -0
  34. package/components/areas/components/AreasAdmin/slots/AreasAdminEnum.d.ts +23 -0
  35. package/components/areas/components/AreasAdmin/slots/AreasAdminEnum.js +27 -0
  36. package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.d.ts +63 -0
  37. package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.js +116 -0
  38. package/components/areas/components/AreasAdmin/slots/index.d.ts +2 -0
  39. package/components/areas/components/AreasAdmin/slots/index.js +1 -0
  40. package/components/areas/components/AreasAdmin/subcomponents/AreaChip/{index.d.ts → AreaChip.d.ts} +4 -26
  41. package/components/areas/components/AreasAdmin/subcomponents/AreaChip/{index.js → AreaChip.js} +81 -88
  42. package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/ChipActionsMobile.d.ts +8 -0
  43. package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/ChipActionsMobile.js +53 -0
  44. package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/index.d.ts +1 -1
  45. package/components/areas/components/AreasAdmin/subcomponents/AreaChip/types.d.ts +18 -0
  46. package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/{index.d.ts → AreaChipMobile.d.ts} +1 -1
  47. package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/AreaChipMobile.js +81 -0
  48. package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.d.ts +2 -3
  49. package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.js +36 -78
  50. package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/PanelWindowPopUp/index.d.ts +1 -1
  51. package/components/areas/components/AreasAdmin/subcomponents/PanelWindowPopUp/{index.d.ts → PanelWindowPopUp.d.ts} +1 -1
  52. package/components/areas/components/AreasAdmin/types.d.ts +47 -0
  53. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/AreaGridLayout/index.js +1 -1
  54. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/helper.d.ts +23 -3
  55. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/index.d.ts +1 -1
  56. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/index.js +7 -3
  57. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/subcomponents/WindowPopUpsList/index.d.ts +1 -1
  58. package/components/areas/components/index.d.ts +1 -1
  59. package/components/areas/contexts/AreasContext/helpers/generateModuleCount.d.ts +9 -0
  60. package/components/areas/contexts/AreasContext/helpers/generateModuleCount.js +16 -0
  61. package/components/areas/contexts/AreasContext/{helper.d.ts → helpers/helper.d.ts} +3 -3
  62. package/components/areas/contexts/AreasContext/{helper.js → helpers/helper.js} +5 -5
  63. package/components/areas/contexts/AreasContext/index.js +5 -2
  64. package/components/areas/contexts/AreasContext/store.d.ts +2 -2
  65. package/components/areas/contexts/AreasContext/store.js +175 -173
  66. package/components/areas/contexts/AreasContext/tests/AreasProvider.test.d.ts +1 -0
  67. package/components/areas/contexts/AreasContext/tests/Store.test.d.ts +1 -0
  68. package/components/areas/contexts/AreasContext/types.d.ts +6 -2
  69. package/components/areas/dictionary.d.ts +1 -0
  70. package/components/areas/dictionary.js +2 -1
  71. package/components/areas/icons.d.ts +2 -0
  72. package/components/areas/icons.js +3 -1
  73. package/components/areas/types.d.ts +6 -1
  74. package/components/hook-form/RHFAutocomplete/RFHAutocompleteStyles.js +4 -4
  75. package/components/hook-form/RHFAutocomplete/RHFAutocomplete.d.ts +2 -2
  76. package/components/hook-form/RHFCheckbox/RHFCheckbox.d.ts +5 -0
  77. package/components/hook-form/RHFDateTime/RHFDateTime.d.ts +2 -2
  78. package/components/hook-form/RHFDateTime/RHFDateTime.styles.js +2 -2
  79. package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useRowActionsGetter.d.ts +1 -1
  80. package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useRowActionsGetter.d.ts +1 -1
  81. package/components/mui_extended/Autocomplete/Autocomplete.styles.js +22 -14
  82. package/components/mui_extended/Badge/slots/BadgeSlots.d.ts +1 -1
  83. package/components/mui_extended/CheckBox/CheckBox.d.ts +4 -0
  84. package/components/mui_extended/DateTimePicker/DateTimePicker.d.ts +2 -2
  85. package/components/mui_extended/DateTimePicker/DateTimePicker.styles.js +14 -14
  86. package/components/mui_extended/Divider/Divider.d.ts +4 -0
  87. package/components/mui_extended/IconButton/IconButton.styles.js +6 -6
  88. package/components/mui_extended/IconButton/slots/IconButtonSlots.d.ts +1 -1
  89. package/components/mui_extended/MenuItem/MenuItem.styles.js +39 -8
  90. package/components/mui_extended/MenuItem/slots/MenuItemSlots.js +1 -1
  91. package/components/mui_extended/NavLink/NavLink.d.ts +4 -0
  92. package/components/mui_extended/NavLink/NavLink.styles.js +28 -6
  93. package/components/mui_extended/Popover/Popover.styles.js +4 -4
  94. package/components/mui_extended/Select/Select.styles.js +5 -5
  95. package/components/mui_extended/Select/types.d.ts +6 -0
  96. package/components/mui_extended/Stack/Stack.d.ts +4 -0
  97. package/index.js +1 -1
  98. package/package.json +2 -2
  99. package/components/areas/components/AreasAdmin/index.d.ts +0 -10
  100. package/components/areas/components/AreasAdmin/index.js +0 -95
  101. package/components/areas/components/AreasAdmin/styles.js +0 -17
  102. package/components/areas/components/AreasAdmin/subcomponents/AreaChip/styles.js +0 -29
  103. package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/index.js +0 -56
  104. package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/index.js +0 -96
  105. package/components/areas/components/AreasAdmin/subcomponents/PanelWindowPopUp/index.js +0 -54
  106. package/components/areas/utils/useOnClickOutside/index.js +0 -22
  107. /package/components/areas/{contexts/AreasContext/index.test.d.ts → components/AreasAdmin/test/AreasAdmin.test.d.ts} +0 -0
package/@types/types.d.ts CHANGED
@@ -130,10 +130,10 @@ import { ToggleButtonOwnerState, ToggleButtonSlotsType } from '../components/mui
130
130
 
131
131
  import { BooleanFormatterOwnerState, PresentationType } from '../components/formatters/BooleanFormatter/types';
132
132
  import { ToggleIconButtonOwnerState, ToggleIconButtonSlotsType } from '../components/mui_extended/ToggleIconButton/types';
133
- import { TabsSlotsType,TabsOwnerState } from '../components/mui_extended/Tabs/types';
133
+ import { TabsSlotsType, TabsOwnerState } from '../components/mui_extended/Tabs/types';
134
134
 
135
135
  import { PopoverOwnerState, PopoverSlotsType } from '../components/mui_extended/Popover/types';
136
- import { NumberInputOwnerState,NumberInputSlotsType } from '../components/NumberInput/types';
136
+ import { NumberInputOwnerState, NumberInputSlotsType } from '../components/NumberInput/types';
137
137
  import { AccountPopoverOwnerState, AccountPopoverSlotsType } from '../components/AccountPopover/types';
138
138
  import { PropertyVaLueOwnerState, PropertyValueType } from '../components/PropertyValue/types';
139
139
  import { RHFTextFieldPasswordOwnerState, RHFTextFieldPasswordType } from '../components/hook-form/RHFTextFieldPassword/types';
@@ -146,6 +146,7 @@ import { NavLinkOwnerState, NavLinkSlotsType } from '../components/mui_extended/
146
146
  import { RHFSelectSlotsType, RHFSelectOwnerState } from '../components/hook-form/RHFSelect/types';
147
147
  import { StackOwnerState, StackSlotsType } from '../components/mui_extended/Stack/types';
148
148
  import { RHFCheckBoxOwnerState, RHFCheckBoxSlotsType } from '../components/hook-form/RHFCheckbox/types';
149
+ import { AreasAdminOwnerState, AreasAdminType } from '../components/areas/components/AreasAdmin/types';
149
150
  import { DateTimePickerOwnerState, DateTimePickerSlotsType } from '../components/mui_extended/DateTimePicker/types';
150
151
  import { DividerOwnerState, DividerSlotsType } from '../components/mui_extended/Divider/types';
151
152
 
@@ -209,6 +210,7 @@ declare module '@mui/material/styles' {
209
210
  M4LMenuDivider: MenuDividerSlotsType;
210
211
  M4LNavLink: NavLinkSlotsType;
211
212
  M4LRHFSelect: RHFSelectSlotsType;
213
+ M4LAreasAdmin: AreasAdminType;
212
214
  M4LStack: StackSlotsType;
213
215
  M4LDateTimePicker: DateTimePickerSlotsType;
214
216
  M4LDivider: DividerSlotsType;
@@ -272,6 +274,7 @@ declare module '@mui/material/styles' {
272
274
  M4LMenuDivider: Partial<MenuDividerOwnerState>;
273
275
  M4LNavLink: Partial<NavLinkOwnerState>;
274
276
  M4LRHFSelect: Partial<RHFSelectOwnerState>;
277
+ M4LAreasAdmin: Partial<AreasAdminOwnerState>;
275
278
  M4LStack: Partial<StackOwnerState>;
276
279
  M4LDateTimePicker: Partial<DateTimePickerOwnerState>;
277
280
  M4LDivider: Partial<DividerOwnerState>;
@@ -462,12 +465,12 @@ declare module '@mui/material/styles' {
462
465
  defaultProps?: ComponentsPropsList['M4LNumberInput'];
463
466
  styleOverrides?: ComponentsOverrides<Theme>['M4LNumberInput'];
464
467
  variants?: ComponentsVariants['M4LNumberInput'];
465
- }
468
+ };
466
469
  M4LAvatar?: {
467
470
  defaultProps?: ComponentsPropsList['M4LAvatar'];
468
471
  styleOverrides?: ComponentsOverrides<Theme>['M4LAvatar'];
469
472
  variants?: ComponentsVariants['M4LAvatar'];
470
- }
473
+ };
471
474
  M4LAccordion?: {
472
475
  defaultProps?: ComponentsPropsList['M4LAccordion'];
473
476
  styleOverrides?: ComponentsOverrides<Theme>['M4LAccordion'];
@@ -492,7 +495,7 @@ declare module '@mui/material/styles' {
492
495
  defaultProps?: ComponentsPropsList['M4LToggleIconButton'];
493
496
  styleOverrides?: ComponentsOverrides<Theme>['M4LToggleIconButton'];
494
497
  variants?: ComponentsVariants['M4LToggleIconButton'];
495
- }
498
+ };
496
499
  M4LPropertyValue?: {
497
500
  defaultProps?: ComponentsPropsList['M4LPropertyValue'];
498
501
  styleOverrides?: ComponentsOverrides<Theme>['M4LPropertyValue'];
@@ -524,55 +527,61 @@ declare module '@mui/material/styles' {
524
527
  variants?: ComponentsVariants['RHFM4LAutocomplete'];
525
528
  };
526
529
  M4LAccountPopover?: {
527
- defaultProps?: ComponentsPropsList['M4LAccountPopover'];
528
- styleOverrides?: ComponentsOverrides<Theme>['M4LAccountPopover'];
529
- variants?: ComponentsVariants['M4LAccountPopover'];
530
- };
530
+ defaultProps?: ComponentsPropsList['M4LAccountPopover'];
531
+ styleOverrides?: ComponentsOverrides<Theme>['M4LAccountPopover'];
532
+ variants?: ComponentsVariants['M4LAccountPopover'];
533
+ };
531
534
  M4LPropagateLoaderSpinner?: {
532
535
  defaultProps?: ComponentsPropsList['M4LPropagateLoaderSpinner'];
533
536
  styleOverrides?: ComponentsOverrides<Theme>['M4LPropagateLoaderSpinner'];
534
537
  variants?: ComponentsVariants['M4LPropagateLoaderSpinner'];
535
538
  };
536
539
  M4LRHFTextFieldPassword?: {
537
- defaultProps?: ComponentsPropsList['M4LRHFTextFieldPassword'];
538
- styleOverrides?: ComponentsOverrides<Theme>['M4LRHFTextFieldPassword'];
539
- variants?: ComponentsVariants['M4LRHFTextFieldPassword'];
540
- };
540
+ defaultProps?: ComponentsPropsList['M4LRHFTextFieldPassword'];
541
+ styleOverrides?: ComponentsOverrides<Theme>['M4LRHFTextFieldPassword'];
542
+ variants?: ComponentsVariants['M4LRHFTextFieldPassword'];
543
+ };
541
544
  M4LLinearProgressIndeterminate?: {
542
- defaultProps?: ComponentsPropsList['M4LLinearProgressIndeterminate'];
543
- styleOverrides?: ComponentsOverrides<Theme>['M4LLinearProgressIndeterminate'];
544
- variants?: ComponentsVariants['M4LLinearProgressIndeterminate'];
545
+ defaultProps?: ComponentsPropsList['M4LLinearProgressIndeterminate'];
546
+ styleOverrides?: ComponentsOverrides<Theme>['M4LLinearProgressIndeterminate'];
547
+ variants?: ComponentsVariants['M4LLinearProgressIndeterminate'];
545
548
  };
546
549
  M4LMenuDivider?: {
547
- defaultProps?: ComponentsPropsList['M4LMenuDivider'];
548
- styleOverrides?: ComponentsOverrides<Theme>['M4LMenuDivider'];
549
- variants?: ComponentsVariants['M4LMenuDivider'];
550
- };
550
+ defaultProps?: ComponentsPropsList['M4LMenuDivider'];
551
+ styleOverrides?: ComponentsOverrides<Theme>['M4LMenuDivider'];
552
+ variants?: ComponentsVariants['M4LMenuDivider'];
553
+ };
551
554
  M4LNavLink?: {
552
- defaultProps?: ComponentsPropsList['M4LNavLink'];
553
- styleOverrides?: ComponentsOverrides<Theme>['M4LNavLink'];
554
- variants?: ComponentsVariants['M4LNavLink'];
555
- };
555
+ defaultProps?: ComponentsPropsList['M4LNavLink'];
556
+ styleOverrides?: ComponentsOverrides<Theme>['M4LNavLink'];
557
+ variants?: ComponentsVariants['M4LNavLink'];
558
+ };
556
559
 
557
560
  M4LRHFSelect?: {
558
- defaultProps?: ComponentsPropsList['M4LRHFSelect'];
559
- styleOverrides?: ComponentsOverrides<Theme>['M4LRHFSelect'];
560
- variants?: ComponentsVariants['M4LRHFSelect'];
561
+ defaultProps?: ComponentsPropsList['M4LRHFSelect'];
562
+ styleOverrides?: ComponentsOverrides<Theme>['M4LRHFSelect'];
563
+ variants?: ComponentsVariants['M4LRHFSelect'];
564
+ };
565
+ M4LAreasAdmin?: {
566
+ defaultProps?: ComponentsPropsList['M4LAreasAdmin'];
567
+ styleOverrides?: ComponentsOverrides<Theme>['M4LAreasAdmin'];
568
+ variants?: ComponentsVariants['M4LAreasAdmin'];
561
569
  };
570
+
562
571
  M4LStack?: {
563
- defaultProps?: ComponentsPropsList['M4LStack'];
564
- styleOverrides?: ComponentsOverrides<Theme>['M4LStack'];
565
- variants?: ComponentsVariants['M4LStack'];
572
+ defaultProps?: ComponentsPropsList['M4LStack'];
573
+ styleOverrides?: ComponentsOverrides<Theme>['M4LStack'];
574
+ variants?: ComponentsVariants['M4LStack'];
575
+ };
566
576
  M4LDateTimePicker?: {
567
577
  defaultProps?: ComponentsPropsList['M4LDateTimePicker'];
568
578
  styleOverrides?: ComponentsOverrides<Theme>['M4LDateTimePicker'];
569
579
  variants?: ComponentsVariants['M4LDateTimePicker'];
570
- };
580
+ };
571
581
  M4LDivider?: {
572
- defaultProps?: ComponentsPropsList['M4LDivider'];
573
- styleOverrides?: ComponentsOverrides<Theme>['M4LDivider'];
574
- variants?: ComponentsVariants['M4LDivider'];
582
+ defaultProps?: ComponentsPropsList['M4LDivider'];
583
+ styleOverrides?: ComponentsOverrides<Theme>['M4LDivider'];
584
+ variants?: ComponentsVariants['M4LDivider'];
575
585
  };
576
586
  }
577
- }
578
587
  }
@@ -3,7 +3,7 @@ import { ChipProps } from './types';
3
3
  * A chip is a component that displays information in a compact way.
4
4
  * @author SebastianM - automatic
5
5
  * @createdAt 2024-12-06 12:48:15 - automatic
6
- * @updatedAt 2025-01-08 10:36:40 - automatic
7
- * @updatedUser Andrés Quintero - automatic
6
+ * @updatedAt 2025-01-31 16:52:06 - automatic
7
+ * @updatedUser cesar - automatic
8
8
  */
9
9
  export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -4,8 +4,8 @@ const chipStyles = {
4
4
  * Styles for the root element of the chip.
5
5
  * @author SebastianM - automatic
6
6
  * @createdAt 2024-12-02 13:49:12 - automatic
7
- * @updatedAt 2025-01-08 10:36:40 - automatic
8
- * @updatedUser Andrés Quintero - automatic
7
+ * @updatedAt 2025-01-31 16:52:06 - automatic
8
+ * @updatedUser cesar - automatic
9
9
  */
10
10
  root: ({ theme, ownerState }) => {
11
11
  const keyColor = ownerState.variant === "contained" ? ownerState.color + "Contained" : ownerState.color + "Outlined";
@@ -57,8 +57,8 @@ const chipStyles = {
57
57
  * Styles for the text chip element.
58
58
  * @author SebastianM - automatic
59
59
  * @createdAt 2024-12-03 11:55:46 - automatic
60
- * @updatedAt 2025-01-08 10:36:40 - automatic
61
- * @updatedUser Andrés Quintero - automatic
60
+ * @updatedAt 2025-01-31 16:52:06 - automatic
61
+ * @updatedUser cesar - automatic
62
62
  */
63
63
  textChip: ({ theme }) => ({
64
64
  whiteSpace: "nowrap",
@@ -69,16 +69,16 @@ const chipStyles = {
69
69
  * Styles for the chip icon element.
70
70
  * @author SebastianM - automatic
71
71
  * @createdAt 2024-12-02 13:49:12 - automatic
72
- * @updatedAt 2025-01-08 10:36:40 - automatic
73
- * @updatedUser Andrés Quintero - automatic
72
+ * @updatedAt 2025-01-31 16:52:06 - automatic
73
+ * @updatedUser cesar - automatic
74
74
  */
75
75
  chipIcon: () => ({}),
76
76
  /**
77
77
  * Styles for the icon button inside the chip element.
78
78
  * @author SebastianM - automatic
79
79
  * @createdAt 2024-12-02 13:49:12 - automatic
80
- * @updatedAt 2025-01-08 10:36:40 - automatic
81
- * @updatedUser Andrés Quintero - automatic
80
+ * @updatedAt 2025-01-31 16:52:06 - automatic
81
+ * @updatedUser cesar - automatic
82
82
  */
83
83
  iconButton: ({ theme, ownerState }) => ({
84
84
  // Estilos específicos para el tamaño small
@@ -110,8 +110,8 @@ const chipStyles = {
110
110
  * Styles for the skeleton chip element.
111
111
  * @author SebastianM - automatic
112
112
  * @createdAt 2024-12-02 13:49:12 - automatic
113
- * @updatedAt 2025-01-08 10:36:40 - automatic
114
- * @updatedUser Andrés Quintero - automatic
113
+ * @updatedAt 2025-01-31 16:52:06 - automatic
114
+ * @updatedUser cesar - automatic
115
115
  */
116
116
  skeletonChip: ({ theme, ownerState }) => ({
117
117
  width: "100%",
@@ -0,0 +1 @@
1
+
@@ -42,6 +42,7 @@ export interface ChipProps {
42
42
  color?: Exclude<ComponentPalletColor, 'primary'> | 'forest' | 'disabled';
43
43
  /**
44
44
  * Alternative color for the `Chip`.
45
+ * @createdAt 2025-01-31 16:49:27 - automatic
45
46
  */
46
47
  externalColor?: ChipColor;
47
48
  /**
@@ -63,8 +64,8 @@ export interface ChipProps {
63
64
  * Function to be executed when the `Chip` is clicked.
64
65
  * @author Andrés Quintero - automatic
65
66
  * @createdAt 2025-01-08 10:36:39 - automatic
66
- * @updatedAt 2025-01-08 10:36:40 - automatic
67
- * @updatedUser Andrés Quintero - automatic
67
+ * @updatedAt 2025-01-31 16:52:06 - automatic
68
+ * @updatedUser cesar - automatic
68
69
  */
69
70
  onClick?: () => void;
70
71
  /**
@@ -0,0 +1 @@
1
+
@@ -8,24 +8,32 @@ import { ColorSlots } from './slots';
8
8
  * Propiedades del componente `Color`
9
9
  *
10
10
  * Esta interfaz define las propiedades que el componente `Color` acepta. Se basa en las propiedades de `MUIIconButtonProps`.
11
+ * @createdAt 2025-01-31 11:34:36 - automatic
11
12
  */
12
13
  export interface ColorProps extends Omit<MUIIconButtonProps, 'size' | 'value' | 'onChange'> {
13
14
  /**
14
15
  * Define el color que tendrá el componente.
15
16
  * Puede ser un color en formato de string o `null`/`undefined` para mostrar un ícono predeterminado.
17
+ * @createdAt 2025-01-31 11:34:36 - automatic
16
18
  */
17
19
  value?: string | null | undefined;
18
20
  /**
19
21
  * Define el tamaño del componente.
20
22
  * Puede ser 'small', 'medium', o 'large'.
23
+ * @createdAt 2025-01-31 11:34:36 - automatic
21
24
  */
22
25
  size?: Extract<Sizes, 'small' | 'medium'>;
23
26
  /**
24
27
  * Indica si el componente está en estado de error
28
+ * @createdAt 2025-01-31 11:34:36 - automatic
25
29
  */
26
30
  error?: boolean;
27
31
  /**
28
32
  * Evento que se dispara cuando el color del componente cambia.
33
+ * @author cesar - automatic
34
+ * @createdAt 2025-01-31 11:34:36 - automatic
35
+ * @updatedAt 2025-01-31 11:37:44 - automatic
36
+ * @updatedUser cesar - automatic
29
37
  */
30
38
  onChange: (color: string | null) => void;
31
39
  /**
@@ -3,7 +3,7 @@ import { ActionsFormIntroProps } from './types';
3
3
  * TODO: Documentar
4
4
  * @author Andrés Quintero - automatic
5
5
  * @createdAt 2024-12-31 11:23:50 - automatic
6
- * @updatedAt 2025-01-03 11:42:14 - automatic
7
- * @updatedUser Andrés Quintero - automatic
6
+ * @updatedAt 2025-01-31 11:37:44 - automatic
7
+ * @updatedUser cesar - automatic
8
8
  */
9
9
  export declare function ActionFormIntro(props: ActionsFormIntroProps): import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@
2
2
  * TODO: Documentar
3
3
  * @author cesar - automatic
4
4
  * @createdAt 2024-11-24 17:06:31 - automatic
5
- * @updatedAt 2025-01-21 14:06:55 - automatic
5
+ * @updatedAt 2025-01-31 11:37:44 - automatic
6
6
  * @updatedUser cesar - automatic
7
7
  */
8
8
  export declare function getDataGridComponentsDictionary(): string[];
@@ -3,7 +3,7 @@ import { InternalActionsProps } from './types';
3
3
  * TODO: Documentar
4
4
  * @author cesar - automatic
5
5
  * @createdAt 2025-01-15 17:01:04 - automatic
6
- * @updatedAt 2025-01-21 15:33:55 - automatic
6
+ * @updatedAt 2025-01-31 11:37:44 - automatic
7
7
  * @updatedUser cesar - automatic
8
8
  */
9
9
  export declare function Actions(props: InternalActionsProps): import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@
2
2
  * TODO: Documentar
3
3
  * @author Andrés Quintero - automatic
4
4
  * @createdAt 2024-12-27 08:27:30 - automatic
5
- * @updatedAt 2025-01-22 08:50:39 - automatic
5
+ * @updatedAt 2025-01-31 11:37:44 - automatic
6
6
  * @updatedUser cesar - automatic
7
7
  */
8
8
  export declare function Density(): import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@
2
2
  * TODO: Documentar
3
3
  * @author Andrés Quintero - automatic
4
4
  * @createdAt 2024-12-27 08:27:30 - automatic
5
- * @updatedAt 2025-01-22 08:50:39 - automatic
5
+ * @updatedAt 2025-01-31 11:37:44 - automatic
6
6
  * @updatedUser cesar - automatic
7
7
  */
8
8
  export declare const MobileMenuActions: () => import("react/jsx-runtime").JSX.Element;
@@ -7,7 +7,7 @@ import { MenuActionsProps } from './types';
7
7
  * y estilos configurables.
8
8
  * @author cesar - automatic
9
9
  * @createdAt 2024-12-17 15:41:39 - automatic
10
- * @updatedAt 2025-01-27 09:46:55 - automatic
10
+ * @updatedAt 2025-02-03 16:52:42 - automatic
11
11
  * @updatedUser cesar - automatic
12
12
  */
13
13
  export declare function MenuActions(props: MenuActionsProps): import("react/jsx-runtime").JSX.Element;
@@ -30,6 +30,7 @@ function MenuActions(props) {
30
30
  actionKey,
31
31
  header,
32
32
  footer,
33
+ className,
33
34
  ...other
34
35
  } = props;
35
36
  const { currentSize } = useComponentSize(size);
@@ -113,7 +114,7 @@ function MenuActions(props) {
113
114
  endListElement && endListElement
114
115
  ] });
115
116
  };
116
- return /* @__PURE__ */ jsxs(RootStyled, { ownerState: { ownerState }, children: [
117
+ return /* @__PURE__ */ jsxs(RootStyled, { className, ownerState: { ownerState }, children: [
117
118
  /* @__PURE__ */ jsx(
118
119
  IconButtonStyled,
119
120
  {
@@ -3,7 +3,7 @@ const menuActionsStyles = {
3
3
  * Estilos para el contenedor raíz del menú.
4
4
  * @author Andrés Quintero - automatic
5
5
  * @createdAt 2024-12-27 08:27:30 - automatic
6
- * @updatedAt 2025-01-26 23:53:57 - automatic
6
+ * @updatedAt 2025-01-31 11:37:44 - automatic
7
7
  * @updatedUser cesar - automatic
8
8
  */
9
9
  root: () => ({
@@ -13,7 +13,7 @@ const menuActionsStyles = {
13
13
  * Estilos para el MenuList
14
14
  * @author Andrés Quintero - automatic
15
15
  * @createdAt 2024-12-27 08:27:30 - automatic
16
- * @updatedAt 2025-01-26 23:53:57 - automatic
16
+ * @updatedAt 2025-01-31 11:37:44 - automatic
17
17
  * @updatedUser cesar - automatic
18
18
  */
19
19
  menuList: ({ theme }) => ({
@@ -31,7 +31,7 @@ const menuActionsStyles = {
31
31
  * Estilos para el MenuLoader
32
32
  * @author cesar - automatic
33
33
  * @createdAt 2025-01-20 15:47:07 - automatic
34
- * @updatedAt 2025-01-26 23:53:57 - automatic
34
+ * @updatedAt 2025-01-31 11:37:44 - automatic
35
35
  * @updatedUser cesar - automatic
36
36
  */
37
37
  menuLoader: () => ({
@@ -42,7 +42,7 @@ const menuActionsStyles = {
42
42
  * Estilos para el IconButton
43
43
  * @author cesar - automatic
44
44
  * @createdAt 2025-01-20 16:37:00 - automatic
45
- * @updatedAt 2025-01-26 23:53:57 - automatic
45
+ * @updatedAt 2025-01-31 11:37:44 - automatic
46
46
  * @updatedUser cesar - automatic
47
47
  */
48
48
  iconButton: ({ theme, ownerState }) => ({
@@ -62,7 +62,7 @@ const menuActionsStyles = {
62
62
  * Estilos para el HeaderMenuActions
63
63
  * @author cesar - automatic
64
64
  * @createdAt 2025-01-26 23:53:56 - automatic
65
- * @updatedAt 2025-01-26 23:53:57 - automatic
65
+ * @updatedAt 2025-01-31 11:37:44 - automatic
66
66
  * @updatedUser cesar - automatic
67
67
  */
68
68
  headerMenuActions: () => ({
@@ -71,6 +71,20 @@ const menuActionsStyles = {
71
71
  footerMenuActions: () => ({
72
72
  width: "100%"
73
73
  })
74
+ /**
75
+ * Estilos para el Popover del menú de acciones.
76
+ * @author cesar - automatic
77
+ * @createdAt 2025-01-29 08:22:39 - automatic
78
+ * @updatedAt 2025-01-29 08:22:39 - automatic
79
+ * @updatedUser cesar - automatic
80
+ */
81
+ // popover: ({ theme }) => ({
82
+ // '& .MuiPaper-elevation': {
83
+ // display: 'flex',
84
+ // flexDirection: 'column',
85
+ // gap: theme.vars.size.baseSpacings.sp1,
86
+ // },
87
+ // }),
74
88
  };
75
89
  export {
76
90
  menuActionsStyles as m
@@ -11,9 +11,9 @@ import { MENU_ACTIONS_KEY_COMPONENT } from './constants';
11
11
  * Propiedades para describir una acción de un componente.
12
12
  * [description] - Descripción opcional de la acción.
13
13
  * onClick - Función a ejecutar al hacer clic en la acción.
14
- * @author Andrés Quintero - automatic
15
- * @createdAt 2024-12-27 08:27:30 - automatic
16
- * @updatedAt 2025-01-26 23:53:57 - automatic
14
+ * @author cesar - automatic
15
+ * @createdAt 2025-01-31 11:34:36 - automatic
16
+ * @updatedAt 2025-01-31 11:37:44 - automatic
17
17
  * @updatedUser cesar - automatic
18
18
  */
19
19
  export interface ComponentActionProps {
@@ -57,10 +57,13 @@ interface CustomNodeAction extends BaseMenuAction {
57
57
  * [error] - Indicador de error en la acción del menú.
58
58
  * @author Andrés Quintero - automatic
59
59
  * @createdAt 2024-12-27 08:27:30 - automatic
60
- * @updatedAt 2025-01-21 15:12:48 - automatic
60
+ * @updatedAt 2025-01-28 15:32:17 - automatic
61
61
  * @updatedUser cesar - automatic
62
62
  */
63
- export type MenuAction = MenuItemAction | DividerAction | LoaderAction | CustomNodeAction;
63
+ export type MenuAction = (MenuItemAction & Pick<MenuItemProps, 'startIcon' | 'endIcon' | 'label' | 'selected' | 'componentPaletteColor' | 'color' | 'disabled' | 'checkable' | 'checked'> & {
64
+ onClick?: (arg?: any) => void;
65
+ error?: boolean;
66
+ }) | DividerAction | LoaderAction | CustomNodeAction;
64
67
  /**
65
68
  * Propiedades del componente `MenuActions`.
66
69
  * @createdAt 2024-12-27 08:27:30 - automatic
@@ -96,7 +99,7 @@ export interface MenuActionsProps extends Omit<PopoverProps, 'open' | 'anchorEl'
96
99
  * Acciones del menú, puede ser un array o una función que genere acciones.
97
100
  * @author Andrés Quintero - automatic
98
101
  * @createdAt 2024-12-27 08:27:30 - automatic
99
- * @updatedAt 2025-01-26 23:53:57 - automatic
102
+ * @updatedAt 2025-01-31 11:37:44 - automatic
100
103
  * @updatedUser cesar - automatic
101
104
  */
102
105
  menuActions: MenuAction[] | ((row: any) => MenuAction[]);
@@ -159,7 +162,7 @@ export interface MenuActionsProps extends Omit<PopoverProps, 'open' | 'anchorEl'
159
162
  * Función externa para cerrar el menú.
160
163
  * @author Andrés Quintero - automatic
161
164
  * @createdAt 2024-12-27 08:27:30 - automatic
162
- * @updatedAt 2025-01-26 23:53:57 - automatic
165
+ * @updatedAt 2025-01-31 11:37:44 - automatic
163
166
  * @updatedUser cesar - automatic
164
167
  */
165
168
  externalClose?: (element: null | HTMLDivElement) => void;
@@ -47,8 +47,8 @@ import { PagerProps } from './types';
47
47
  * />
48
48
  * ```
49
49
  * @author cesar - automatic
50
- * @createdAt 2025-01-15 17:01:04 - automatic
51
- * @updatedAt 2025-01-29 08:56:53 - automatic
50
+ * @createdAt 2025-01-31 16:49:27 - automatic
51
+ * @updatedAt 2025-01-31 16:52:06 - automatic
52
52
  * @updatedUser cesar - automatic
53
53
  */
54
54
  export declare function Pager(props: PagerProps): import("react/jsx-runtime").JSX.Element;
@@ -4,7 +4,7 @@ const pagerStyles = {
4
4
  * Root Pager Styles
5
5
  * @author cesar - automatic
6
6
  * @createdAt 2025-01-15 16:56:00 - automatic
7
- * @updatedAt 2025-01-22 15:38:32 - automatic
7
+ * @updatedAt 2025-01-31 11:37:44 - automatic
8
8
  * @updatedUser cesar - automatic
9
9
  */
10
10
  root: ({ theme }) => ({
@@ -33,7 +33,7 @@ const pagerStyles = {
33
33
  * Rows Per Page Container Styles
34
34
  * @author cesar - automatic
35
35
  * @createdAt 2025-01-16 15:54:48 - automatic
36
- * @updatedAt 2025-01-22 15:38:32 - automatic
36
+ * @updatedAt 2025-01-31 11:37:44 - automatic
37
37
  * @updatedUser cesar - automatic
38
38
  */
39
39
  rowsPerPageContainer: () => ({
@@ -45,7 +45,7 @@ const pagerStyles = {
45
45
  * Label Select Container Styles
46
46
  * @author cesar - automatic
47
47
  * @createdAt 2025-01-16 16:41:03 - automatic
48
- * @updatedAt 2025-01-22 15:38:32 - automatic
48
+ * @updatedAt 2025-01-31 11:37:44 - automatic
49
49
  * @updatedUser cesar - automatic
50
50
  */
51
51
  labelSelectContainer: ({ theme }) => ({
@@ -58,7 +58,7 @@ const pagerStyles = {
58
58
  * Actions Container Styles
59
59
  * @author cesar - automatic
60
60
  * @createdAt 2025-01-16 16:22:21 - automatic
61
- * @updatedAt 2025-01-22 15:38:32 - automatic
61
+ * @updatedAt 2025-01-31 11:37:44 - automatic
62
62
  * @updatedUser cesar - automatic
63
63
  */
64
64
  actionsContainer: ({ theme }) => ({
@@ -71,7 +71,7 @@ const pagerStyles = {
71
71
  * Pager Icons Container Styles
72
72
  * @author cesar - automatic
73
73
  * @createdAt 2025-01-16 16:41:03 - automatic
74
- * @updatedAt 2025-01-22 15:38:32 - automatic
74
+ * @updatedAt 2025-01-31 11:37:44 - automatic
75
75
  * @updatedUser cesar - automatic
76
76
  */
77
77
  pagerIcons: ({ theme }) => ({
@@ -84,7 +84,7 @@ const pagerStyles = {
84
84
  * Total Filas elipsis Styles
85
85
  * @author cesar - automatic
86
86
  * @createdAt 2025-01-20 08:53:24 - automatic
87
- * @updatedAt 2025-01-22 15:38:32 - automatic
87
+ * @updatedAt 2025-01-31 11:37:44 - automatic
88
88
  * @updatedUser cesar - automatic
89
89
  */
90
90
  totalRow: () => ({
@@ -99,7 +99,7 @@ const pagerStyles = {
99
99
  * Rows Per Page Styles
100
100
  * @author cesar - automatic
101
101
  * @createdAt 2025-01-22 12:52:40 - automatic
102
- * @updatedAt 2025-01-22 15:38:32 - automatic
102
+ * @updatedAt 2025-01-31 11:37:44 - automatic
103
103
  * @updatedUser cesar - automatic
104
104
  */
105
105
  rowsPerPage: () => ({
@@ -111,7 +111,7 @@ const pagerStyles = {
111
111
  * Page Counter Styles
112
112
  * @author cesar - automatic
113
113
  * @createdAt 2025-01-22 12:52:40 - automatic
114
- * @updatedAt 2025-01-22 15:38:32 - automatic
114
+ * @updatedAt 2025-01-31 11:37:44 - automatic
115
115
  * @updatedUser cesar - automatic
116
116
  */
117
117
  pageCounter: () => ({
@@ -3,7 +3,7 @@ import { CustomTablePaginationProps } from './types';
3
3
  * CustomTablePagination component
4
4
  * @author cesar - automatic
5
5
  * @createdAt 2025-01-15 17:13:29 - automatic
6
- * @updatedAt 2025-01-28 14:04:43 - automatic
6
+ * @updatedAt 2025-01-31 16:52:06 - automatic
7
7
  * @updatedUser cesar - automatic
8
8
  */
9
9
  export declare const CustomTablePagination: (props: CustomTablePaginationProps) => import("react/jsx-runtime").JSX.Element;
@@ -11,7 +11,7 @@ export type CustomTablePaginationProps = {
11
11
  * List of rows per page options.
12
12
  * @author cesar - automatic
13
13
  * @createdAt 2025-01-27 15:42:54 - automatic
14
- * @updatedAt 2025-01-28 14:04:43 - automatic
14
+ * @updatedAt 2025-01-31 16:52:06 - automatic
15
15
  * @updatedUser cesar - automatic
16
16
  */
17
17
  rowsPerPageOptions: number[];
@@ -31,7 +31,7 @@ export type CustomTablePaginationProps = {
31
31
  * Total number of rows.
32
32
  * @author cesar - automatic
33
33
  * @createdAt 2025-01-27 15:42:54 - automatic
34
- * @updatedAt 2025-01-28 14:04:43 - automatic
34
+ * @updatedAt 2025-01-31 16:52:06 - automatic
35
35
  * @updatedUser cesar - automatic
36
36
  */
37
37
  onRowsPerPageChange: (option: selectOption<number>) => void;
@@ -39,7 +39,7 @@ export type CustomTablePaginationProps = {
39
39
  * Labe displayed rows.
40
40
  * @author cesar - automatic
41
41
  * @createdAt 2025-01-27 15:42:54 - automatic
42
- * @updatedAt 2025-01-28 14:04:43 - automatic
42
+ * @updatedAt 2025-01-31 16:52:06 - automatic
43
43
  * @updatedUser cesar - automatic
44
44
  */
45
45
  labelDisplayedRows?: (paginationInfo: LabelDisplayedRowsArgs) => string;
@@ -3,7 +3,7 @@ import { PagerActionsProps } from './types';
3
3
  * PagerActions component is a subcomponent of the Pager component that allows the user to navigate between different pages.
4
4
  * @author cesar - automatic
5
5
  * @createdAt 2025-01-15 17:13:29 - automatic
6
- * @updatedAt 2025-01-27 08:17:21 - automatic
6
+ * @updatedAt 2025-01-31 16:52:06 - automatic
7
7
  * @updatedUser cesar - automatic
8
8
  */
9
9
  export declare function PagerActions(props: PagerActionsProps): import("react/jsx-runtime").JSX.Element;
@@ -8,8 +8,8 @@ import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
8
8
  import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
9
9
  import React from "react";
10
10
  import { L as Label } from "../Label/Label.js";
11
- import { T as Typography } from "../mui_extended/Typography/Typography.js";
12
11
  import { I as Icon } from "../Icon/Icon.js";
12
+ import { T as Typography } from "../mui_extended/Typography/Typography.js";
13
13
  function PropertyValue(props) {
14
14
  const {
15
15
  property,
@@ -1,5 +1,9 @@
1
1
  import { ToastContainerProps } from './types';
2
2
  /**
3
3
  * TODO: Documentar
4
+ * @author cesar - automatic
5
+ * @createdAt 2025-01-31 11:34:36 - automatic
6
+ * @updatedAt 2025-01-31 11:37:44 - automatic
7
+ * @updatedUser cesar - automatic
4
8
  */
5
9
  export declare const ToastContainer: (props: ToastContainerProps) => import("react/jsx-runtime").JSX.Element;
@@ -5,7 +5,7 @@ import { WindowBaseProps } from './types';
5
5
  * It uses hooks like `useModal` and utility style classes.
6
6
  * @author cesar - automatic
7
7
  * @createdAt 2024-11-15 18:08:44 - automatic
8
- * @updatedAt 2025-01-31 08:23:27 - automatic
8
+ * @updatedAt 2025-02-04 15:44:12 - automatic
9
9
  * @updatedUser cesar - automatic
10
10
  */
11
11
  export declare const WindowBase: (props: WindowBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -40,7 +40,7 @@ import { WindowBaseOwnerState } from '../../types';
40
40
  * ```
41
41
  * @author cesar - automatic
42
42
  * @createdAt 2024-11-20 09:38:37 - automatic
43
- * @updatedAt 2025-01-21 14:45:38 - automatic
43
+ * @updatedAt 2025-01-31 11:37:44 - automatic
44
44
  * @updatedUser cesar - automatic
45
45
  */
46
46
  export declare const HeaderWindowBase: (props: HeaderProps & WindowBaseOwnerState) => import("react/jsx-runtime").JSX.Element;