@m4l/components 9.2.59 → 9.2.60-16062025.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 (137) hide show
  1. package/.storybook/decorators/WithAppearanceContext/WithAppearanceContext.d.ts +1 -1
  2. package/.storybook/decorators/WithWindowsToolsAndParmsMFContexts/WithWindowsToolsAndParmsMFContexts.d.ts +5 -0
  3. package/components/DataGrid/Datagrid.styles.js +4 -12
  4. package/components/DataGrid/contexts/DataGridContext/types.d.ts +4 -0
  5. package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js +2 -0
  6. package/components/DynamicFilter/DynamicFilter.styles.js +87 -91
  7. package/components/DynamicFilter/slots/SlotsEnum.d.ts +0 -3
  8. package/components/DynamicFilter/slots/SlotsEnum.js +0 -3
  9. package/components/DynamicFilter/slots/dynamicFilterSlots.d.ts +0 -9
  10. package/components/DynamicFilter/slots/dynamicFilterSlots.js +3 -19
  11. package/components/DynamicFilter/store/DynamicFilterContext.js +5 -6
  12. package/components/DynamicFilter/subcomponents/FilterActions/FilterActions.js +1 -1
  13. package/components/DynamicFilter/subcomponents/FilterActions/useFilterActions.d.ts +1 -0
  14. package/components/DynamicFilter/subcomponents/FilterActions/useFilterActions.js +2 -1
  15. package/components/DynamicFilter/subcomponents/InputFilter/InputFilter.js +2 -0
  16. package/components/DynamicFilter/subcomponents/PopoverFilter/PopoverFilter.js +23 -18
  17. package/components/DynamicFilter/subcomponents/PopoverMenuFields/PopoverMenuFields.js +4 -1
  18. package/components/DynamicSort/DynamicSort.styles.js +86 -87
  19. package/components/DynamicSort/slots/DynamicSortSlots.d.ts +0 -9
  20. package/components/DynamicSort/slots/DynamicSortSlots.js +5 -21
  21. package/components/DynamicSort/slots/SlotsEnum.d.ts +1 -4
  22. package/components/DynamicSort/slots/SlotsEnum.js +1 -4
  23. package/components/DynamicSort/subcomponents/InputSort/InputSort.js +2 -0
  24. package/components/DynamicSort/subcomponents/PopoverSort/PopoverSort.js +21 -17
  25. package/components/DynamicSort/subcomponents/SortActions/SortActions.js +2 -2
  26. package/components/DynamicSort/subcomponents/SortActions/useSortActions.d.ts +2 -0
  27. package/components/DynamicSort/subcomponents/SortActions/useSortActions.js +2 -1
  28. package/components/NumberInput/hooks/useNumberInput/useNumberInput.js +2 -0
  29. package/components/PaperForm/styles.js +2 -1
  30. package/components/PropertyValue/PropertyValue.js +2 -1
  31. package/components/PropertyValue/PropertyValue.styles.js +8 -5
  32. package/components/PropertyValue/types.d.ts +4 -0
  33. package/components/SideBar/SideBar.js +4 -2
  34. package/components/SideBar/constants.d.ts +26 -2
  35. package/components/SideBar/constants.js +19 -7
  36. package/components/SideBar/context/sideBarContext/index.js +19 -5
  37. package/components/SideBar/context/sideBarContext/types.d.ts +22 -1
  38. package/components/SideBar/helpers/getMenuDataWithState/index.js +25 -8
  39. package/components/SideBar/hooks/useCollapse/index.d.ts +1 -0
  40. package/components/SideBar/hooks/useCollapse/useCollapse.d.ts +11 -0
  41. package/components/SideBar/hooks/useCollapse/useCollapse.js +23 -0
  42. package/components/SideBar/slots/SideBarEnum.d.ts +5 -5
  43. package/components/SideBar/slots/SideBarEnum.js +9 -11
  44. package/components/SideBar/slots/SideBarSlots.d.ts +9 -3
  45. package/components/SideBar/slots/SideBarSlots.js +36 -28
  46. package/components/SideBar/styles.js +2 -4
  47. package/components/SideBar/subcomponents/ContentComponent/index.js +39 -19
  48. package/components/SideBar/subcomponents/ContentComponent/style.js +171 -22
  49. package/components/SideBar/subcomponents/{FooterSidebar → Promotion}/index.d.ts +2 -2
  50. package/components/SideBar/subcomponents/{FooterSidebar → Promotion}/index.js +8 -15
  51. package/components/SideBar/subcomponents/{FooterSidebar → Promotion}/styles.js +2 -2
  52. package/components/SideBar/subcomponents/Promotion/types.d.ts +5 -0
  53. package/components/SideBar/subcomponents/SideBarDesktop/index.js +1 -1
  54. package/components/SideBar/subcomponents/SideBarDesktop/styles.js +10 -14
  55. package/components/SideBar/subcomponents/SideBarMobile/index.js +1 -1
  56. package/components/SideBar/subcomponents/TreeGroupItems/index.d.ts +5 -0
  57. package/components/SideBar/subcomponents/{ContentGroups → TreeGroupItems}/index.js +16 -18
  58. package/components/SideBar/subcomponents/{ContentGroups → TreeGroupItems}/styles.js +5 -7
  59. package/components/SideBar/subcomponents/{ContentGroups/subcomponents/ContainerMenuItemsMain → TreeGroupItems}/subcomponents/ArrowIcon/index.js +10 -7
  60. package/components/SideBar/subcomponents/{ContentGroups/subcomponents/ContainerMenuItemsMain → TreeGroupItems/subcomponents/NodeMenuItem}/index.d.ts +3 -3
  61. package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItem/index.js +69 -0
  62. package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItem/types.d.ts +9 -0
  63. package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItemMain/NodeMenuItemMain.d.ts +5 -0
  64. package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItemMain/NodeMenuItemMain.js +56 -0
  65. package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItemMain/index.d.ts +1 -0
  66. package/components/SideBar/subcomponents/TreeGroupItems/types.d.ts +4 -0
  67. package/components/SideBar/types.d.ts +7 -3
  68. package/components/WindowBase/WindowBase.js +4 -1
  69. package/components/WindowBase/WindowBase.styles.js +48 -13
  70. package/components/WindowBase/contexts/WindowToolsMFContext/types.d.ts +10 -0
  71. package/components/WindowBase/hooks/useDynamicMFParameters/index.js +2 -2
  72. package/components/WindowBase/slots/WindowBaseEnum.d.ts +2 -1
  73. package/components/WindowBase/slots/WindowBaseEnum.js +1 -0
  74. package/components/WindowBase/slots/WindowBaseSlots.d.ts +3 -0
  75. package/components/WindowBase/slots/WindowBaseSlots.js +6 -1
  76. package/components/WindowBase/subcomponents/Header/HeaderWindowBase.js +5 -3
  77. package/components/WindowBase/subcomponents/Header/useButtonActions.js +4 -2
  78. package/components/WindowBase/subcomponents/MemoizedIconButton/MemoizedIconButton.d.ts +1 -1
  79. package/components/WindowBase/subcomponents/MemoizedIconButton/MemoizedIconButton.js +1 -1
  80. package/components/WindowBase/subcomponents/MemoizedIconButton/types.d.ts +5 -0
  81. package/components/WindowBase/types.d.ts +11 -0
  82. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/Window.js +17 -0
  83. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useRightActions.js +21 -20
  84. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useWindow.d.ts +2 -0
  85. package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useWindow.js +8 -5
  86. package/components/areas/contexts/AreasContext/store.js +18 -2
  87. package/components/areas/contexts/AreasContext/types.d.ts +2 -0
  88. package/components/areas/hooks/index.d.ts +0 -1
  89. package/components/areas/types.d.ts +4 -0
  90. package/components/extended/React-Resizable/helpers.js +1 -1
  91. package/components/extended/React-resizable-panels/SplitLayout.js +6 -3
  92. package/components/extended/React-resizable-panels/SplitLayout.styles.js +78 -36
  93. package/components/extended/React-resizable-panels/constants.d.ts +6 -0
  94. package/components/extended/React-resizable-panels/constants.js +5 -1
  95. package/components/extended/React-resizable-panels/slots/SplitLayoutEnum.d.ts +2 -1
  96. package/components/extended/React-resizable-panels/slots/SplitLayoutEnum.js +1 -0
  97. package/components/extended/React-resizable-panels/slots/SplitLayoutSlots.d.ts +3 -0
  98. package/components/extended/React-resizable-panels/slots/SplitLayoutSlots.js +7 -1
  99. package/components/hook-form/RHFAutocomplete/RFHAutocompleteStyles.js +1 -1
  100. package/components/hook-form/RHFAutocompleteAsync/reducer/RHFAutocompleteReducer.js +5 -0
  101. package/components/mui_extended/Accordion/styles.js +8 -1
  102. package/components/mui_extended/Divider/index.d.ts +1 -0
  103. package/components/mui_extended/Divider/index.js +1 -0
  104. package/components/mui_extended/TabContent/TabContent.styles.js +2 -8
  105. package/components/mui_extended/TextField/TextField.js +1 -1
  106. package/components/mui_extended/TextField/TextField.styles.js +1 -1
  107. package/components/mui_extended/Typography/slots/typographySlots.d.ts +1 -1
  108. package/components/mui_extended/index.d.ts +1 -0
  109. package/components/popups/components/PopupsProvider/hooks/usePopups.js +2 -1
  110. package/hooks/useDynamicFilterAndSort/styles.js +1 -1
  111. package/index.js +67 -67
  112. package/package.json +19 -18
  113. package/storybook/components/DynamicFilter/DynamicFilter.stories.d.ts +27 -11
  114. package/storybook/components/DynamicSort/DynamicSort.stories.d.ts +26 -10
  115. package/storybook/components/SideBar/subcomponents/FooterPromotion/FooterPromotion.d.ts +4 -0
  116. package/storybook/components/SideBar/subcomponents/FooterPromotion/constants.d.ts +3 -0
  117. package/storybook/components/SideBar/subcomponents/FooterPromotion/index.d.ts +1 -0
  118. package/storybook/components/extended/mui/IconButton/IconButton.stories.d.ts +1 -0
  119. package/.storybook/decorators/WithWindowsToolsContext/WithContextWindowTools.d.ts +0 -5
  120. package/components/SideBar/subcomponents/ContentGroups/index.d.ts +0 -5
  121. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/index.js +0 -63
  122. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/styles.d.ts +0 -2
  123. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/styles.js +0 -47
  124. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/types.d.ts +0 -7
  125. package/components/SideBar/subcomponents/ContentGroups/types.d.ts +0 -4
  126. package/components/SideBar/subcomponents/FooterSidebar/types.d.ts +0 -5
  127. package/components/SideBar/subcomponents/HeaderSidebar/index.js +0 -25
  128. package/components/areas/hooks/useSetWindowsTitle/index.d.ts +0 -1
  129. package/components/areas/hooks/useSetWindowsTitle/useSetWindowsTitle.d.ts +0 -6
  130. package/components/areas/hooks/useSetWindowsTitle/useSetWindowsTitle.js +0 -31
  131. package/storybook/components/WindowBase/subcomponents/WithContextWindowToolsProvider.d.ts +0 -5
  132. package/storybook/components/commonActions/components/ActionFormCancel/WindowToolsMFProvider.d.ts +0 -5
  133. /package/components/{areas/hooks/useSetWindowsTitle → SideBar/hooks/useCollapse}/index.js +0 -0
  134. /package/components/SideBar/subcomponents/{FooterSidebar → Promotion}/styles.d.ts +0 -0
  135. /package/components/SideBar/subcomponents/{ContentGroups → TreeGroupItems}/styles.d.ts +0 -0
  136. /package/components/SideBar/subcomponents/{ContentGroups/subcomponents/ContainerMenuItemsMain → TreeGroupItems}/subcomponents/ArrowIcon/index.d.ts +0 -0
  137. /package/components/SideBar/subcomponents/{ContentGroups/subcomponents/ContainerMenuItemsMain → TreeGroupItems}/subcomponents/ArrowIcon/types.d.ts +0 -0
package/index.js CHANGED
@@ -15,8 +15,7 @@ import { g as g2 } from "./components/AppBar/dictionary.js";
15
15
  import { A as A4 } from "./components/areas/components/AreasAdmin/AreasAdmin.js";
16
16
  import { A as A5 } from "./components/areas/components/AreasViewer/AreasViewer.js";
17
17
  import { a as a2, A as A6 } from "./components/areas/contexts/AreasContext/index.js";
18
- import { u } from "./components/areas/hooks/useSetWindowsTitle/useSetWindowsTitle.js";
19
- import { u as u2 } from "./components/areas/hooks/useAreas/index.js";
18
+ import { u } from "./components/areas/hooks/useAreas/index.js";
20
19
  import { A as A7, a as a3, L as L2, b as b2, g as g3 } from "./components/areas/dictionary.js";
21
20
  import { B } from "./components/BaseModule/BaseModule.js";
22
21
  import { C } from "./components/Chip/Chip.js";
@@ -36,26 +35,26 @@ import { N, T as T2 } from "./components/DataGrid/subcomponents/editors/TextEdit
36
35
  import { g as g6 } from "./components/DataGrid/utils/getDataGridRowsFromSet.js";
37
36
  import { b as b3, a as a4, d as d2 } from "./components/DataGrid/constants.js";
38
37
  import { C as C2 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
39
- import { u as u3 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
38
+ import { u as u2 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
40
39
  import { C as C3 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
41
- import { u as u4 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/useColumnConcatenatedValues.js";
40
+ import { u as u3 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/useColumnConcatenatedValues.js";
42
41
  import { C as C4 } from "./components/DataGrid/formatters/ColumnDateFormatter/formatter.js";
43
- import { u as u5 } from "./components/DataGrid/formatters/ColumnDateFormatter/useColumnDate.js";
42
+ import { u as u4 } from "./components/DataGrid/formatters/ColumnDateFormatter/useColumnDate.js";
44
43
  import { C as C5 } from "./components/DataGrid/formatters/ColumnIconFormatter/formatter.js";
45
44
  import { C as C6 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/formatter.js";
46
- import { u as u6 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/useColumnInteractiveCheck.js";
45
+ import { u as u5 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/useColumnInteractiveCheck.js";
47
46
  import { C as C7 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/formatter.js";
48
- import { u as u7 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js";
47
+ import { u as u6 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js";
49
48
  import { C as C8 } from "./components/DataGrid/formatters/ColumnPointsFormatter/formatter.js";
50
- import { u as u8 } from "./components/DataGrid/formatters/ColumnPointsFormatter/useColumnPoints.js";
49
+ import { u as u7 } from "./components/DataGrid/formatters/ColumnPointsFormatter/useColumnPoints.js";
51
50
  import { C as C9 } from "./components/DataGrid/formatters/ColumnPriceFormatter/formatter.js";
52
- import { u as u9 } from "./components/DataGrid/formatters/ColumnPriceFormatter/useColumnPrice.js";
51
+ import { u as u8 } from "./components/DataGrid/formatters/ColumnPriceFormatter/useColumnPrice.js";
53
52
  import { C as C10 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/formatter.js";
54
- import { u as u10 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/useColumnSetCheck.js";
53
+ import { u as u9 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/useColumnSetCheck.js";
55
54
  import { C as C11 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/formatter.js";
56
- import { u as u11 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/useColumnUncertainty.js";
55
+ import { u as u10 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/useColumnUncertainty.js";
57
56
  import { C as C12 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/formatter.js";
58
- import { u as u12 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js";
57
+ import { u as u11 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js";
59
58
  import { D as D3 } from "./components/DragResizeWindowRND/DragResizeWindowRND.js";
60
59
  import { d as d3 } from "./components/DragResizeWindowRND/classes/index.js";
61
60
  import { g as g7 } from "./components/DynamicFilter/dictionary.js";
@@ -107,16 +106,17 @@ import { T as T15 } from "./components/mui_extended/ToggleIconButton/slots/Toggl
107
106
  import { T as T16 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonSlots.js";
108
107
  import { N as N2 } from "./components/mui_extended/NavLink/NavLink.js";
109
108
  import { D as D6 } from "./components/mui_extended/Dialog/Dialog.js";
109
+ import { D as D7 } from "./components/mui_extended/Divider/Divider.js";
110
110
  import { B as B6 } from "./components/formatters/BooleanFormatter/BooleanFormatter.js";
111
- import { D as D7, g as g12 } from "./components/formatters/DateFormatter/DateFormatter.js";
111
+ import { D as D8, g as g12 } from "./components/formatters/DateFormatter/DateFormatter.js";
112
112
  import { U, g as g13 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
113
113
  import { P as P3, g as g14 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
114
114
  import { C as C15, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
115
- import { P as P4, u as u13 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
115
+ import { P as P4, u as u12 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
116
116
  import { P as P5, g as g16 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
117
117
  import { C as C16 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
118
118
  import { g as g17 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
119
- import { D as D8 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
119
+ import { D as D9 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
120
120
  import { g as g18 } from "./components/formatters/dictionary.js";
121
121
  import { G } from "./components/GridLayout/GridLayout.js";
122
122
  import { R as R3 } from "./components/GridLayout/subcomponents/Responsive/index.js";
@@ -166,7 +166,7 @@ import { g as g26 } from "./components/ObjectLogs/dictionary.js";
166
166
  import { O } from "./components/ObjectLogs/ObjectLogs.js";
167
167
  import { P as P7 } from "./components/PaperForm/PaperForm.js";
168
168
  import { P as P8 } from "./components/PDFViewer/PDFViewer.js";
169
- import { u as u14 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore.js";
169
+ import { u as u13 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore.js";
170
170
  import { a as a10, P as P9 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
171
171
  import { P as P10 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
172
172
  import { P as P11 } from "./components/PrintingSystem/PrintingSystem.js";
@@ -176,34 +176,34 @@ import { S as S8 } from "./components/SideBar/SideBar.js";
176
176
  import { T as T18 } from "./components/ToastContainer/ToastContainer.js";
177
177
  import { T as T19 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
178
178
  import { W } from "./components/WindowBase/WindowBase.js";
179
- import { u as u15 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
180
- import { a as a11, u as u16 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
179
+ import { u as u14 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
180
+ import { u as u15, a as a11 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
181
181
  import { M as M6, W as W2, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
182
182
  import { c as c3 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
183
- import { D as D9, a as a13, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
183
+ import { D as D10, a as a13, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
184
184
  import { W as W3 } from "./components/WindowConfirm/WindowConfirm.js";
185
185
  import { a as a14, g as g27 } from "./components/ModalDialog/dictionary.js";
186
186
  import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
187
187
  import { P as P13 } from "./components/Pager/Pager.js";
188
- import { F as F2, R as R22, u as u17 } from "./components/hook-form/RHFormContext/index.js";
188
+ import { F as F2, R as R22, u as u16 } from "./components/hook-form/RHFormContext/index.js";
189
189
  import { g as g28 } from "./components/hook-form/RHFormContext/dictionary.js";
190
- import { u as u18 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
190
+ import { u as u17 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
191
191
  import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
192
192
  import { a as a15, M as M9 } from "./contexts/ModalContext/index.js";
193
- import { u as u19 } from "./hooks/useFormAddEdit/index.js";
194
- import { u as u20 } from "./hooks/useModal/index.js";
195
- import { u as u21 } from "./hooks/useTab/index.js";
193
+ import { u as u18 } from "./hooks/useFormAddEdit/index.js";
194
+ import { u as u19 } from "./hooks/useModal/index.js";
195
+ import { u as u20 } from "./hooks/useTab/index.js";
196
196
  import { g as g29 } from "./hooks/useFormAddEdit/dictionary.js";
197
- import { u as u22 } from "./hooks/useFormFocus/index.js";
198
- import { u as u23 } from "./hooks/useInterval/index.js";
199
- import { u as u24 } from "./hooks/useComponentSize/useComponentSize.js";
200
- import { u as u25 } from "./hooks/useFormReadyForUpdate/index.js";
201
- import { u as u26 } from "./hooks/useStateRef/index.js";
197
+ import { u as u21 } from "./hooks/useFormFocus/index.js";
198
+ import { u as u22 } from "./hooks/useInterval/index.js";
199
+ import { u as u23 } from "./hooks/useComponentSize/useComponentSize.js";
200
+ import { u as u24 } from "./hooks/useFormReadyForUpdate/index.js";
201
+ import { u as u25 } from "./hooks/useStateRef/index.js";
202
202
  import { S as S9 } from "./hooks/useSvgColor/constants.js";
203
- import { u as u27 } from "./hooks/useSvgColor/useSvgColor.js";
204
- import { u as u28 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
205
- import { u as u29 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
206
- import { u as u30 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
203
+ import { u as u26 } from "./hooks/useSvgColor/useSvgColor.js";
204
+ import { u as u27 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
205
+ import { u as u28 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
206
+ import { u as u29 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
207
207
  import { c as c4 } from "./utils/capitalizeFirstLetter.js";
208
208
  import { i as i2 } from "./utils/isValidDate.js";
209
209
  import { g as g30 } from "./utils/getComponentUtilityClass.js";
@@ -262,12 +262,13 @@ export {
262
262
  d2 as DATAGRID_SEMANTIC_WIDTHS,
263
263
  D as DICTIONARY,
264
264
  D2 as DataGrid,
265
- D7 as DateFormatter,
265
+ D8 as DateFormatter,
266
266
  D6 as Dialog,
267
- D8 as DistanceToNowFormatter,
267
+ D9 as DistanceToNowFormatter,
268
+ D7 as Divider,
268
269
  D3 as DragResizeWindowRND,
269
270
  D4 as DynamicFilter,
270
- D9 as DynamicMFParmsContext,
271
+ D10 as DynamicMFParmsContext,
271
272
  a13 as DynamicMFParmsProvider,
272
273
  D5 as DynamicSort,
273
274
  F as FixedSizeList,
@@ -436,37 +437,36 @@ export {
436
437
  r as rhfPeriodStyles,
437
438
  t as toggleButtonStyles,
438
439
  t2 as toggleIconButtonStyles,
439
- u18 as useAppearanceComponentStore,
440
- u2 as useAreasStore,
441
- u3 as useColumnBoolean,
442
- u12 as useColumnChipStatus,
443
- u4 as useColumnConcatenatedValue,
444
- u5 as useColumnDate,
445
- u6 as useColumnInteractiveCheck,
446
- u7 as useColumnNestedValue,
447
- u8 as useColumnPoints,
448
- u9 as useColumnPrice,
449
- u10 as useColumnSetCheck,
450
- u11 as useColumnUncertanity,
451
- u24 as useComponentSize,
452
- u17 as useCustomForm,
453
- u29 as useDataGridPersistence,
454
- u28 as useDynamicFilterAndSort,
455
- a11 as useDynamicMFParameters,
456
- u16 as useDynamicMFParametersStore,
457
- u19 as useFormAddEdit,
458
- u22 as useFormFocus,
459
- u25 as useFormReadyForUpdate,
460
- u13 as useFormatPeriod,
461
- u23 as useInterval,
462
- u20 as useModal,
463
- u30 as usePopoverContainer,
464
- u14 as usePopupsStore,
465
- u as useSetWindowsTitle,
466
- u26 as useStateRef,
467
- u27 as useSvgColor,
468
- u21 as useTab,
469
- u15 as useWindowToolsMF,
440
+ u17 as useAppearanceComponentStore,
441
+ u as useAreasStore,
442
+ u2 as useColumnBoolean,
443
+ u11 as useColumnChipStatus,
444
+ u3 as useColumnConcatenatedValue,
445
+ u4 as useColumnDate,
446
+ u5 as useColumnInteractiveCheck,
447
+ u6 as useColumnNestedValue,
448
+ u7 as useColumnPoints,
449
+ u8 as useColumnPrice,
450
+ u9 as useColumnSetCheck,
451
+ u10 as useColumnUncertanity,
452
+ u23 as useComponentSize,
453
+ u16 as useCustomForm,
454
+ u28 as useDataGridPersistence,
455
+ u27 as useDynamicFilterAndSort,
456
+ u15 as useDynamicMFParameters,
457
+ a11 as useDynamicMFParametersStore,
458
+ u18 as useFormAddEdit,
459
+ u21 as useFormFocus,
460
+ u24 as useFormReadyForUpdate,
461
+ u12 as useFormatPeriod,
462
+ u22 as useInterval,
463
+ u19 as useModal,
464
+ u29 as usePopoverContainer,
465
+ u13 as usePopupsStore,
466
+ u25 as useStateRef,
467
+ u26 as useSvgColor,
468
+ u20 as useTab,
469
+ u14 as useWindowToolsMF,
470
470
  v2 as varBounce,
471
471
  v3 as varContainer,
472
472
  v as varFade,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "9.2.59",
3
+ "version": "9.2.60-16062025.beta.1",
4
4
  "license": "UNLICENSED",
5
5
  "description": "M4L Components",
6
6
  "lint-staged": {
@@ -9,10 +9,10 @@
9
9
  "dependencies": {
10
10
  "@geoman-io/leaflet-geoman-free": "^2.14.2",
11
11
  "@googlemaps/js-api-loader": "^1.16.6",
12
- "@hookform/resolvers": "^2.9.5",
12
+ "@hookform/resolvers": "2.9.11",
13
13
  "@m4l/core": "^2.0.0",
14
- "@m4l/graphics": "^7.0.0",
15
- "@m4l/styles": "^7.0.0",
14
+ "@m4l/graphics": "7.1.2-16062025.beta.1",
15
+ "@m4l/styles": "7.1.29-16062025.beta.1",
16
16
  "@microlink/react-json-view": "^1.23.3",
17
17
  "@mui/lab": "5.0.0-alpha.173",
18
18
  "@mui/material": "5.16.7",
@@ -31,13 +31,13 @@
31
31
  "leaflet.markercluster": "^1.5.3",
32
32
  "nprogress": "^0.2.0",
33
33
  "qrcode.react": "^3.1.0",
34
- "react": "^18.0.0",
34
+ "react": "18.3.1",
35
35
  "react-chartjs-2": "^5.2.0",
36
36
  "react-color": "^2.19.3",
37
37
  "react-data-grid": "7.0.0-beta.13",
38
38
  "react-dnd": "^16.0.1",
39
39
  "react-dnd-html5-backend": "^16.0.1",
40
- "react-dom": "^18.0.0",
40
+ "react-dom": "18.3.1",
41
41
  "react-draggable": "^4.4.5",
42
42
  "react-dropzone": "^14.2.2",
43
43
  "react-helmet-async": "^2.0.5",
@@ -54,25 +54,26 @@
54
54
  "react-window": "^1.8.11",
55
55
  "simplebar-react": "3.2.6",
56
56
  "storybook-multilevel-sort": "^2.0.1",
57
- "yup": "^0.32.11",
57
+ "yup": "0.32.11",
58
58
  "zustand": "4.3.6"
59
59
  },
60
60
  "resolutions": {
61
- "react": "^18.0.0",
62
- "@types/react": "^18.0.0",
63
- "@types/react-dom": "^18.0.0",
64
- "react-dom": "^18.0.0",
65
- "storybook": "^8.3.4",
61
+ "react": "18.3.1",
62
+ "@types/react": "18.3.23",
63
+ "@types/react-dom": "18.3.7",
64
+ "react-dom": "18.3.1",
66
65
  "attr-accept": "2.2.2",
67
- "@vitejs/plugin-react": "4.3.4"
66
+ "@vitejs/plugin-react": "4.3.4",
67
+ "storybook": "8.3.4",
68
+ "@storybook/react": "8.3.4"
68
69
  },
69
70
  "overrides": {
70
71
  "glob": "^10.4.5",
71
- "eslint": "^9.0.0",
72
- "react": "^18.0.0",
73
- "@types/react": "^18.0.0",
74
- "@types/react-dom": "^18.0.0",
75
- "react-dom": "^18.0.0",
72
+ "eslint": "9.28.0",
73
+ "react": "18.3.1",
74
+ "@types/react": "18.3.23",
75
+ "@types/react-dom": "18.3.7",
76
+ "react-dom": "18.3.1",
76
77
  "attr-accept": "2.2.2"
77
78
  },
78
79
  "files": [
@@ -8,26 +8,42 @@ type Story = StoryObj<typeof DynamicFilter>;
8
8
  */
9
9
  export declare const Base: Story;
10
10
  /**
11
- * DynamicFilter With props `automatic=true`
11
+ * Filtro habilitado automático con filtros aplicados.
12
12
  */
13
- export declare const WithAutomatic: Story;
13
+ export declare const H001_EnabledAutomaticFiltersApplied: Story;
14
14
  /**
15
- * DynamicFilter With props `visibleRefresh=true`
15
+ * Filtro habilitado automático sin filtros aplicados.
16
+ */
17
+ export declare const H002_EnabledAutomaticNoFiltersApplied: Story;
18
+ /**
19
+ * Filtro habilitado automático sin filtros aplicados, con PopoverMenuFields abierto.
20
+ */
21
+ export declare const H003_EnabledAutomaticNoFiltersAppliedPopoverMenuFieldsOpen: Story;
22
+ /**
23
+ * Filtro habilitado automático sin filtros aplicados, con popoverFilter abierto.
16
24
  */
17
- export declare const WithAutomaticVisibleRefreshFalse: Story;
25
+ export declare const H004_EnabledAutomaticNoFiltersAppliedPopoverFilterOpen: Story;
18
26
  /**
19
- * DynamicFilter With props `withAllField=true`
27
+ * Filtro habilitado En formato manual con filtros aplicados, no dirty.
20
28
  */
21
- export declare const WithAllField: Story;
29
+ export declare const H005_EnabledManualFiltersAppliedNoDirty: Story;
22
30
  /**
23
- * DynamicFilter With fixed field
31
+ * Filtro habilitado En formato manual con filtros aplicados y en estado dirty.
32
+ */
33
+ export declare const H006_EnabledManualFiltersAppliedDirty: Story;
34
+ /**
35
+ * Filtro habilitado En formato manual sin filtros aplicados.
36
+ */
37
+ export declare const H007_EnabledManualNoFiltersApplied: Story;
38
+ /**
39
+ * DynamicFilter With props `visibleRefresh=true`
24
40
  */
25
- export declare const WithFixedField: Story;
41
+ export declare const H008_WithAutomaticVisibleRefreshFalse: Story;
26
42
  /**
27
- * DynamicFilter in skeleton mode
43
+ * DynamicFilter con skeleton
28
44
  */
29
- export declare const WithSkeleton: Story;
45
+ export declare const H009_WithSkeleton: Story;
30
46
  /**
31
47
  * DynamicFilter with errors
32
48
  */
33
- export declare const WithErrors: Story;
49
+ export declare const H010_WithErrors: Story;
@@ -8,22 +8,38 @@ type Story = StoryObj<typeof DynamicSort>;
8
8
  */
9
9
  export declare const Base: Story;
10
10
  /**
11
- * DynamicSort with `initialAppliedSorts`
11
+ * sort habilitado automático con sorts aplicados.
12
12
  */
13
- export declare const WithInitialSort: Story;
13
+ export declare const H001_EnabledAutomaticSortsApplied: Story;
14
14
  /**
15
- * DynamicSort in skeleton mode
15
+ * sort habilitado automático sin sorts aplicados.
16
16
  */
17
- export declare const WithSkeleton: Story;
17
+ export declare const H002_EnabledAutomaticNoSortsApplied: Story;
18
18
  /**
19
- * DynamicFilter With fixed field
19
+ * sort habilitado automático sin sorts aplicados, con PopoverMenuFields abierto.
20
20
  */
21
- export declare const WithFixedField: Story;
21
+ export declare const H003_EnabledAutomaticNoSortsAppliedPopoverMenuFieldsOpen: Story;
22
22
  /**
23
- * DynamicFilter With props `automatic=true`
23
+ * sort habilitado automático sin sorts aplicados, con popoverSort abierto.
24
24
  */
25
- export declare const WithAutomatic: Story;
25
+ export declare const H004_EnabledAutomaticNoSortsAppliedPopoverSortOpen: Story;
26
26
  /**
27
- * DynamicFilter With props `visibleRefresh=true`
27
+ * sort habilitado En formato manual con sorts aplicados, no dirty.
28
28
  */
29
- export declare const WithAutomaticVisibleRefreshFalse: Story;
29
+ export declare const H005_EnabledManualSortsAppliedNoDirty: Story;
30
+ /**
31
+ * sort habilitado En formato manual con sorts aplicados y en estado dirty.
32
+ */
33
+ export declare const H006_EnabledManualSortsAppliedDirty: Story;
34
+ /**
35
+ * sort habilitado En formato manual sin sorts aplicados.
36
+ */
37
+ export declare const H007_EnabledManualNoSortsApplied: Story;
38
+ /**
39
+ * DynamicSort With props `visibleRefresh=true`
40
+ */
41
+ export declare const H008_WithAutomaticVisibleRefreshFalse: Story;
42
+ /**
43
+ * DynamicSort con skeleton
44
+ */
45
+ export declare const H009_WithSkeleton: Story;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Componente que renderiza el footer de la promoción del sidebar.
3
+ */
4
+ export declare const FooterPromotion: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ export declare const POWERBY_LABEL = "label_powerby";
2
+ export declare const IMAGE_ILLUSTRATION = "https://s3.us-east-1.amazonaws.com/static.assets.gclick/frontend/images/promotional/sidebar/assets/img/illustration.svg";
3
+ export declare const IMAGE_POWERBY = "https://s3.us-east-1.amazonaws.com/static.assets.gclick/frontend/images/promotional/sidebar/assets/img/powerby.svg";
@@ -0,0 +1 @@
1
+ export { FooterPromotion } from './FooterPromotion';
@@ -19,6 +19,7 @@ export declare const isSelected: Story;
19
19
  * Story for IconButton is selected
20
20
  */
21
21
  export declare const WithReactElement: Story;
22
+ export declare const WithTooltipMessage: Story;
22
23
  /**
23
24
  * Story for IconButton with badge text
24
25
  */
@@ -1,5 +0,0 @@
1
- import { StoryFn } from '@storybook/react';
2
- /**
3
- * Decorador para proveer los contextos de WindowTools y DynamicMFParms.
4
- */
5
- export declare const WithContextWindowTools: (Story: StoryFn<any>, context: any) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { ContentGroupsProps } from './types';
2
- /**
3
- * Renderiza el contenido de los grupos
4
- */
5
- export declare const ContentGroups: (contentGroupsProps: ContentGroupsProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,63 +0,0 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
2
- import { Collapse } from "@mui/material";
3
- import { useState } from "react";
4
- import { useIsMobile } from "@m4l/graphics";
5
- import clsx from "clsx";
6
- import { u as useSideBar } from "../../../../hooks/useSideBar/index.js";
7
- import { T as TEST_PROP_ID } from "../../../../../../test/constants_no_mock.js";
8
- import { g as getNameDataTestId } from "../../../../tests/utils.js";
9
- import { A as ArrowIcon } from "./subcomponents/ArrowIcon/index.js";
10
- import { h as ContainerMenuItemsStyled } from "../../../../slots/SideBarSlots.js";
11
- import { a as getComponentSlotRoot } from "../../../../../../utils/getComponentSlotRoot.js";
12
- import { I as ITEM_ACTIVE, b as ITEM_IN_TREE_ACTIVE, L as LIST_MENU_ITEM } from "../../../../constants.js";
13
- import { u as useComponentSize } from "../../../../../../hooks/useComponentSize/useComponentSize.js";
14
- import { M as MenuItem } from "../../../../../mui_extended/MenuItem/MenuItem.js";
15
- function ContainerMenuItemsMain(props) {
16
- const { item, size } = props;
17
- const { onMenuItemClick, onToggleVisible, urlIconPrefix } = useSideBar();
18
- const [openSub, setOpenSub] = useState(props.openSubItem ?? false);
19
- const hasChildren = item.children && Array.isArray(item.children) && item.children.length > 0;
20
- const isMobile = useIsMobile();
21
- const { currentSize } = useComponentSize(size);
22
- const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
23
- const ownerState = {
24
- active: item.active,
25
- itemInTreeActive: item.itemInTreeActive,
26
- sidebarSize: adjustedSize
27
- };
28
- const handlerClick = () => {
29
- onMenuItemClick(item);
30
- setOpenSub(!openSub);
31
- if (isMobile && (!hasChildren || hasChildren === void 0)) {
32
- onToggleVisible(true);
33
- }
34
- };
35
- const classRoot = getComponentSlotRoot(LIST_MENU_ITEM);
36
- return /* @__PURE__ */ jsxs(
37
- ContainerMenuItemsStyled,
38
- {
39
- className: clsx(classRoot),
40
- role: "listitem",
41
- ownerState,
42
- ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("menuItems") } : {},
43
- children: [
44
- /* @__PURE__ */ jsx(
45
- MenuItem,
46
- {
47
- className: clsx(item.active ? ITEM_ACTIVE : ITEM_IN_TREE_ACTIVE),
48
- label: item.title,
49
- selected: item.active || item.itemInTreeActive,
50
- startIcon: `${urlIconPrefix}${item.iconUrl}`,
51
- endIcon: hasChildren ? /* @__PURE__ */ jsx(ArrowIcon, { openState: openSub, active: item.active }) : null,
52
- onClick: () => handlerClick(),
53
- size: adjustedSize
54
- }
55
- ),
56
- hasChildren ? /* @__PURE__ */ jsx(Collapse, { in: openSub, timeout: "auto", unmountOnExit: true, children: (item.children || []).map((child) => /* @__PURE__ */ jsx(ContainerMenuItemsMain, { item: child, size: adjustedSize }, child.title)) }) : null
57
- ]
58
- }
59
- );
60
- }
61
- export {
62
- ContainerMenuItemsMain as C
63
- };
@@ -1,2 +0,0 @@
1
- import { ContainerMenuItemsMainStyles } from '../../../../types';
2
- export declare const containerMenuItemsMainStyles: ContainerMenuItemsMainStyles;
@@ -1,47 +0,0 @@
1
- import { a as getHeightSizeStyles } from "../../../../../../utils/getSizeStyles/getSizeStyles.js";
2
- import { I as ITEM_ACTIVE, b as ITEM_IN_TREE_ACTIVE } from "../../../../constants.js";
3
- const containerMenuItemsMainStyles = {
4
- /**
5
- * Style aplicado al contenedor de los items del menú
6
- */
7
- containerMenuItems: ({ theme, ownerState }) => ({
8
- marginLeft: theme.vars.size.baseSpacings.sp4,
9
- display: "flex",
10
- flexDirection: "column",
11
- gap: theme.vars.size.baseSpacings["sp0-5"],
12
- ...getHeightSizeStyles(
13
- theme.generalSettings.isMobile,
14
- ownerState?.size || "medium",
15
- "container",
16
- (height) => {
17
- return {
18
- height: "auto",
19
- minHeight: height
20
- };
21
- }
22
- ),
23
- [`&.M4LListMenuItem-root > .M4LMenuItem-root[class*="${ITEM_IN_TREE_ACTIVE}"]`]: {
24
- borderColor: theme.vars.palette.divider,
25
- "& span": {
26
- color: theme.vars.palette.text.primary
27
- }
28
- },
29
- [`&.M4LListMenuItem-root > .M4LMenuItem-root[class*="${ITEM_IN_TREE_ACTIVE}"] .M4LIconClass-root`]: {
30
- background: theme.vars.palette.text.primary
31
- },
32
- [`&.M4LListMenuItem-root > .M4LMenuItem-root[class*="${ITEM_ACTIVE}"]`]: {
33
- borderColor: theme.vars.palette.primary.enabled,
34
- "& span": {
35
- color: theme.vars.palette.primary.enabled
36
- }
37
- },
38
- "& .MuiCollapse-wrapperInner": {
39
- display: "flex",
40
- flexDirection: "column",
41
- gap: theme.vars.size.baseSpacings["sp0-5"]
42
- }
43
- })
44
- };
45
- export {
46
- containerMenuItemsMainStyles as c
47
- };
@@ -1,7 +0,0 @@
1
- import { Sizes } from '@m4l/styles';
2
- import { IMenuDataWithState } from '../../../../types';
3
- export type NavListSubItemProps = {
4
- item: IMenuDataWithState;
5
- openSubItem?: boolean;
6
- size: Sizes;
7
- };
@@ -1,4 +0,0 @@
1
- import { Sizes } from '@m4l/styles';
2
- export interface ContentGroupsProps {
3
- size?: Sizes;
4
- }
@@ -1,5 +0,0 @@
1
- export interface FooterSidebarProps {
2
- onToggleAnchored: (anchored: boolean) => void;
3
- anchored: boolean;
4
- }
5
- export type WrapperCollapseButtonProps = Pick<FooterSidebarProps, 'anchored'>;
@@ -1,25 +0,0 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
2
- import { k as ContainerHeaderSidebarRootStyled, l as ContainerTitleSubtitleStyled } from "../../slots/SideBarSlots.js";
3
- import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
4
- import { I as Image } from "../../../Image/Image.js";
5
- const HeaderSidebar = ({ srcIcon, title, subtitle }) => {
6
- return /* @__PURE__ */ jsxs(ContainerHeaderSidebarRootStyled, { role: "heading", children: [
7
- /* @__PURE__ */ jsx(
8
- Image,
9
- {
10
- width: "24px",
11
- height: "24px",
12
- src: srcIcon,
13
- alt: "logo"
14
- },
15
- "Logo"
16
- ),
17
- /* @__PURE__ */ jsxs(ContainerTitleSubtitleStyled, { children: [
18
- /* @__PURE__ */ jsx(Typography, { variant: "subtitleDens", size: "medium", skeletonWidth: 120, children: title }),
19
- /* @__PURE__ */ jsx(Typography, { variant: "paragraph", size: "medium", margin: 0, skeletonWidth: 150, children: subtitle })
20
- ] })
21
- ] });
22
- };
23
- export {
24
- HeaderSidebar as H
25
- };
@@ -1 +0,0 @@
1
- export * from './useSetWindowsTitle';
@@ -1,6 +0,0 @@
1
- /**
2
- * TODO: Documentar
3
- */
4
- export declare function useSetWindowsTitle({ isAddEditModule, }?: {
5
- isAddEditModule?: boolean;
6
- }): void;