@m4l/components 9.3.34-JT25112025.beta.3 → 9.3.34-JT26112025.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 (67) hide show
  1. package/@types/export.d.ts +3 -3
  2. package/@types/types.d.ts +16 -26
  3. package/components/DataGrid/DataGrid.js +0 -2
  4. package/components/DataGrid/Datagrid.styles.js +2 -6
  5. package/components/DataGrid/contexts/DataGridContext/index.js +0 -2
  6. package/components/DataGrid/contexts/DataGridContext/types.d.ts +2 -2
  7. package/components/DataGrid/formatters/ColumnImageFormatter/ImageFormatterCell.d.ts +13 -0
  8. package/components/DataGrid/formatters/ColumnImageFormatter/ImageFormatterCell.js +33 -0
  9. package/components/DataGrid/formatters/ColumnImageFormatter/constants.d.ts +6 -0
  10. package/components/DataGrid/formatters/ColumnImageFormatter/constants.js +6 -0
  11. package/components/DataGrid/formatters/ColumnImageFormatter/formatter.d.ts +8 -0
  12. package/components/DataGrid/formatters/ColumnImageFormatter/formatter.js +25 -0
  13. package/components/DataGrid/formatters/ColumnImageFormatter/index.d.ts +3 -0
  14. package/components/DataGrid/formatters/ColumnImageFormatter/types.d.ts +44 -0
  15. package/components/DataGrid/formatters/ColumnImageFormatter/types.js +1 -0
  16. package/components/DataGrid/formatters/ColumnImageFormatter/useColumnImage.d.ts +9 -0
  17. package/components/DataGrid/formatters/ColumnImageFormatter/useColumnImage.js +22 -0
  18. package/components/DataGrid/formatters/index.d.ts +1 -0
  19. package/components/DataGrid/subcomponents/Cards/helpers/scrollToCardElement.js +2 -2
  20. package/components/DataGrid/subcomponents/Cards/index.js +16 -3
  21. package/components/DataGrid/subcomponents/Cards/subcomponents/CardHeader/index.js +7 -15
  22. package/components/DataGrid/subcomponents/Cards/subcomponents/CardRow/index.js +1 -0
  23. package/components/DataGrid/subcomponents/CheckboxCellAdapter/index.js +1 -4
  24. package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js +2 -6
  25. package/components/DataGrid/subcomponents/Table/index.js +10 -1
  26. package/components/DataGrid/tests/helpers/types.d.ts +10 -0
  27. package/components/DataGrid/types.d.ts +0 -7
  28. package/components/formatters/ImageFormatter/ImageFormatter.d.ts +10 -0
  29. package/components/formatters/ImageFormatter/ImageFormatter.js +72 -0
  30. package/components/formatters/ImageFormatter/ImageFormatter.styles.d.ts +2 -0
  31. package/components/formatters/ImageFormatter/ImageFormatter.styles.js +42 -0
  32. package/components/formatters/ImageFormatter/constants.d.ts +5 -0
  33. package/components/formatters/ImageFormatter/constants.js +10 -0
  34. package/components/formatters/ImageFormatter/index.d.ts +2 -0
  35. package/components/formatters/ImageFormatter/index.js +1 -0
  36. package/components/formatters/ImageFormatter/slots/ImageFormatterEnum.d.ts +5 -0
  37. package/components/formatters/ImageFormatter/slots/ImageFormatterEnum.js +9 -0
  38. package/components/formatters/ImageFormatter/slots/ImageFormatterSlots.d.ts +9 -0
  39. package/components/formatters/ImageFormatter/slots/ImageFormatterSlots.js +23 -0
  40. package/components/formatters/ImageFormatter/types.d.ts +51 -0
  41. package/components/formatters/ImageFormatter/types.js +1 -0
  42. package/components/formatters/index.d.ts +1 -0
  43. package/components/mui_extended/index.d.ts +0 -1
  44. package/index.js +107 -103
  45. package/package.json +1 -1
  46. package/components/DataGrid/subcomponents/Table/subcomponents/RadioButtonFormatter.d.ts +0 -6
  47. package/components/DataGrid/subcomponents/Table/subcomponents/RadioButtonFormatter.js +0 -12
  48. package/components/DataGrid/subcomponents/Table/subcomponents/RadioSelectColumn.d.ts +0 -64
  49. package/components/DataGrid/subcomponents/Table/subcomponents/RadioSelectColumn.js +0 -46
  50. package/components/mui_extended/RadioButton/RadioButton.d.ts +0 -24
  51. package/components/mui_extended/RadioButton/RadioButton.js +0 -110
  52. package/components/mui_extended/RadioButton/RadioButton.styles.d.ts +0 -2
  53. package/components/mui_extended/RadioButton/RadioButton.styles.js +0 -126
  54. package/components/mui_extended/RadioButton/constants.d.ts +0 -1
  55. package/components/mui_extended/RadioButton/constants.js +0 -4
  56. package/components/mui_extended/RadioButton/icons.d.ts +0 -4
  57. package/components/mui_extended/RadioButton/icons.js +0 -7
  58. package/components/mui_extended/RadioButton/index.d.ts +0 -1
  59. package/components/mui_extended/RadioButton/slots/RadioButtonEnum.d.ts +0 -8
  60. package/components/mui_extended/RadioButton/slots/RadioButtonEnum.js +0 -12
  61. package/components/mui_extended/RadioButton/slots/RadioButtonSlots.d.ts +0 -20
  62. package/components/mui_extended/RadioButton/slots/RadioButtonSlots.js +0 -39
  63. package/components/mui_extended/RadioButton/tests/RadioButton.test.d.ts +0 -1
  64. package/components/mui_extended/RadioButton/types.d.ts +0 -50
  65. /package/components/{mui_extended/RadioButton → DataGrid/formatters/ColumnImageFormatter}/index.js +0 -0
  66. /package/components/DataGrid/{tests/table/subcomponents/RadioButtonFormatter.test.d.ts → formatters/ColumnImageFormatter/tests/ColumnImageFormatter.test.d.ts} +0 -0
  67. /package/components/{DataGrid/tests/table/subcomponents/RadioSelectColumn.test.d.ts → formatters/ImageFormatter/tests/ImageFormatter.test.d.ts} +0 -0
package/index.js CHANGED
@@ -62,6 +62,8 @@ import { C as C15 } from "./components/DataGrid/formatters/ColumnTagsFormatter/f
62
62
  import { u as u13 } from "./components/DataGrid/formatters/ColumnTagsFormatter/useColumnTags.js";
63
63
  import { C as C16 } from "./components/DataGrid/formatters/ColumnColorFormatter/formatter.js";
64
64
  import { u as u14 } from "./components/DataGrid/formatters/ColumnColorFormatter/useColumnColor.js";
65
+ import { u as u15 } from "./components/DataGrid/formatters/ColumnImageFormatter/useColumnImage.js";
66
+ import { C as C17 } from "./components/DataGrid/formatters/ColumnImageFormatter/formatter.js";
65
67
  import { D as D3 } from "./components/DragResizeWindowRND/DragResizeWindowRND.js";
66
68
  import { d as d2 } from "./components/DragResizeWindowRND/classes/index.js";
67
69
  import { W } from "./components/DragResizeWindowRND/constants.js";
@@ -83,7 +85,7 @@ import { R as R3 } from "./components/extended/React-Json-Viewer/ReactJsonViewer
83
85
  import { A as A14 } from "./components/mui_extended/Avatar/Avatar.js";
84
86
  import { B as B2 } from "./components/mui_extended/BoxIcon/index.js";
85
87
  import { B as B3 } from "./components/mui_extended/Breadcrumbs/index.js";
86
- import { C as C17 } from "./components/mui_extended/CircularProgress/CircularProgress.js";
88
+ import { C as C18 } from "./components/mui_extended/CircularProgress/CircularProgress.js";
87
89
  import { B as B4 } from "./components/mui_extended/Badge/Badge.js";
88
90
  import { L as L3 } from "./components/mui_extended/LinearProgress/index.js";
89
91
  import { L as L4 } from "./components/mui_extended/LinkWithRoute/index.js";
@@ -93,8 +95,7 @@ import { A as A15 } from "./components/mui_extended/Accordion/Accordion.js";
93
95
  import { T as T3 } from "./components/mui_extended/Tooltip/Tooltip.js";
94
96
  import { I as I2 } from "./components/mui_extended/IconButton/IconButton.js";
95
97
  import { B as B5 } from "./components/mui_extended/Button/Button.js";
96
- import { C as C18 } from "./components/mui_extended/CheckBox/CheckBox.js";
97
- import { R as R4 } from "./components/mui_extended/RadioButton/RadioButton.js";
98
+ import { C as C19 } from "./components/mui_extended/CheckBox/CheckBox.js";
98
99
  import { I as I3 } from "./components/mui_extended/ImageButton/ImageButton.js";
99
100
  import { P as P2 } from "./components/mui_extended/Popover/Popover.js";
100
101
  import { S as S4 } from "./components/mui_extended/Select/Select.js";
@@ -122,51 +123,52 @@ import { B as B6 } from "./components/formatters/BooleanFormatter/BooleanFormatt
122
123
  import { D as D8, g as g12 } from "./components/formatters/DateFormatter/DateFormatter.js";
123
124
  import { U, g as g13 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
124
125
  import { P as P3, g as g14 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
125
- import { C as C19, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
126
- import { P as P4, u as u15 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
126
+ import { C as C20, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
127
+ import { P as P4, u as u16 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
127
128
  import { P as P5, g as g16 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
128
129
  import { T as T17 } from "./components/formatters/TagsFormatter/TagsFormatter.js";
129
- import { C as C20 } from "./components/formatters/ColorFormatter/ColorFormatter.js";
130
- import { C as C21 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
130
+ import { C as C21 } from "./components/formatters/ColorFormatter/ColorFormatter.js";
131
+ import { I as I4 } from "./components/formatters/ImageFormatter/ImageFormatter.js";
132
+ import { C as C22 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
131
133
  import { g as g17 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
132
134
  import { D as D9 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
133
- import { u as u16 } from "./components/formatters/DistanceToNowFormatter/hooks/useDistanceToNowFormatter.js";
135
+ import { u as u17 } from "./components/formatters/DistanceToNowFormatter/hooks/useDistanceToNowFormatter.js";
134
136
  import { g as g18 } from "./components/formatters/dictionary.js";
135
137
  import { F as F2 } from "./components/FormContainer/FormContainer.js";
136
138
  import { G } from "./components/GridLayout/GridLayout.js";
137
- import { R as R5 } from "./components/GridLayout/subcomponents/Responsive/index.js";
139
+ import { R as R4 } from "./components/GridLayout/subcomponents/Responsive/index.js";
138
140
  import { c as c2, e, d as d3 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
139
141
  import { i, k } from "./components/GridLayout/utils.js";
140
142
  import { w } from "./components/GridLayout/subcomponents/withSizeProvider/index.js";
141
143
  import { H as H2 } from "./components/HelmetPage/index.js";
142
144
  import { H as H3 } from "./components/HelperError/HelperError.js";
143
- import { R as R6 } from "./components/hook-form/RHFAutocomplete/RHFAutocomplete.js";
145
+ import { R as R5 } from "./components/hook-form/RHFAutocomplete/RHFAutocomplete.js";
144
146
  import { g as g19 } from "./components/hook-form/RHFAutocomplete/dictionary.js";
145
- import { R as R7 } from "./components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
147
+ import { R as R6 } from "./components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
146
148
  import { g as g20 } from "./components/hook-form/RHFAutocompleteAsync/dictionary.js";
147
- import { R as R8 } from "./components/hook-form/RHFDateTime/RHFDateTime.js";
148
- import { R as R9 } from "./components/hook-form/RHFMultiCheckbox/index.js";
149
- import { R as R10 } from "./components/hook-form/RHFSelect/RHFSelect.js";
150
- import { R as R11 } from "./components/hook-form/RHFHelperError/index.js";
151
- import { R as R12 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
152
- import { R as R13 } from "./components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.js";
153
- import { R as R14 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
154
- import { R as R15 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
155
- import { R as R16 } from "./components/hook-form/RHFTextField/RHFTextField.js";
156
- import { R as R17 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
149
+ import { R as R7 } from "./components/hook-form/RHFDateTime/RHFDateTime.js";
150
+ import { R as R8 } from "./components/hook-form/RHFMultiCheckbox/index.js";
151
+ import { R as R9 } from "./components/hook-form/RHFSelect/RHFSelect.js";
152
+ import { R as R10 } from "./components/hook-form/RHFHelperError/index.js";
153
+ import { R as R11 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
154
+ import { R as R12 } from "./components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.js";
155
+ import { R as R13 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
156
+ import { R as R14 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
157
+ import { R as R15 } from "./components/hook-form/RHFTextField/RHFTextField.js";
158
+ import { R as R16 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
157
159
  import { g as g21 } from "./components/hook-form/RHFPeriod/subcomponents/Period/dictionary.js";
158
160
  import { r } from "./components/hook-form/RHFPeriod/RHFPeriod.styles.js";
159
- import { R as R18 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
160
- import { R as R19 } from "./components/hook-form/RHFPeriod/constants.js";
161
- import { R as R20 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
162
- import { N as N3, P as P6, R as R21, S as S7 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
163
- import { R as R22 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
164
- import { R as R23 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
161
+ import { R as R17 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
162
+ import { R as R18 } from "./components/hook-form/RHFPeriod/constants.js";
163
+ import { R as R19 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
164
+ import { N as N3, P as P6, R as R20, S as S7 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
165
+ import { R as R21 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
166
+ import { R as R22 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
165
167
  import { V as V2, b as b4, a as a9 } from "./components/hook-form/RHFormProvider/types.js";
166
- import { F as F3, R as R24, u as u17 } from "./components/hook-form/RHFormProvider/RHFormProvider.js";
168
+ import { F as F3, R as R23, u as u18 } from "./components/hook-form/RHFormProvider/RHFormProvider.js";
167
169
  import { d as d4, a as a10, b as b5, c as c3 } from "./components/hook-form/RHFormProvider/schema.js";
168
- import { I as I4 } from "./components/Icon/Icon.js";
169
- import { I as I5 } from "./components/Image/Image.js";
170
+ import { I as I5 } from "./components/Icon/Icon.js";
171
+ import { I as I6 } from "./components/Image/Image.js";
170
172
  import { L as L6 } from "./components/Label/Label.js";
171
173
  import { L as L7 } from "./components/LanguagePopover/LanguagePopover.js";
172
174
  import { L as L8 } from "./components/LinearProgressIndeterminate/LinearProgressIndeterminate.js";
@@ -179,7 +181,7 @@ import { M as M4 } from "./components/MFIsolationApp/MFIsolationApp.js";
179
181
  import { M as M5 } from "./components/MFIsolationAppStorybook/MFIsolationAppStorybook.js";
180
182
  import { M as M6 } from "./components/MFLoader/MFLoader.js";
181
183
  import { g as g24 } from "./components/MFLoader/dictionary.js";
182
- import { I as I6 } from "./components/ImageText/ImageText.js";
184
+ import { I as I7 } from "./components/ImageText/ImageText.js";
183
185
  import { N as N4 } from "./components/NoItemSelected/NoItemSelected.js";
184
186
  import { g as g25 } from "./components/NoItemSelected/dictionary.js";
185
187
  import { N as N5 } from "./components/NoItemPrivileges/NoItemPrivileges.js";
@@ -188,7 +190,7 @@ import { g as g27 } from "./components/ObjectLogs/dictionary.js";
188
190
  import { O } from "./components/ObjectLogs/ObjectLogs.js";
189
191
  import { P as P7 } from "./components/PaperForm/PaperForm.js";
190
192
  import { P as P8 } from "./components/PDFViewer/PDFViewer.js";
191
- import { u as u18 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore.js";
193
+ import { u as u19 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore.js";
192
194
  import { a as a12, P as P9 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
193
195
  import { P as P10 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
194
196
  import { P as P11 } from "./components/PrintingSystem/PrintingSystem.js";
@@ -200,8 +202,8 @@ import { T as T19 } from "./components/ToastContainer/subcomponents/ToastMessage
200
202
  import { T as T20 } from "./components/TabsNavigator/TabsNavigator.js";
201
203
  import { g as g28 } from "./components/TabsNavigator/dictionary.js";
202
204
  import { W as W2 } from "./components/WindowBase/WindowBase.js";
203
- import { u as u19 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
204
- import { u as u20, a as a13 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
205
+ import { u as u20 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
206
+ import { u as u21, a as a13 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
205
207
  import { M as M7, W as W3, a as a14 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
206
208
  import { c as c4 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
207
209
  import { D as D10, a as a15, M as M8 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
@@ -210,7 +212,7 @@ import { a as a16, g as g29 } from "./components/ModalDialog/dictionary.js";
210
212
  import { M as M9 } from "./components/ModalDialog/ModalDialog.js";
211
213
  import { S as S10 } from "./components/SettingsLayout/SettingsLayout.js";
212
214
  import { P as P13 } from "./components/Pager/Pager.js";
213
- import { u as u21 } from "./components/Stepper/hooks/useStepper/index.js";
215
+ import { u as u22 } from "./components/Stepper/hooks/useStepper/index.js";
214
216
  import { S as S11 } from "./components/Stepper/Stepper.js";
215
217
  import { S as S12 } from "./components/Stepper/subcomponents/StepperContent/index.js";
216
218
  import { S as S13 } from "./components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.js";
@@ -224,26 +226,26 @@ import { S as S20 } from "./components/Stepper/subcomponents/StepperButtons/Step
224
226
  import { e as e2 } from "./components/Stepper/helpers/evaluateVisibilityStepCondition/index.js";
225
227
  import { g as g30 } from "./components/Stepper/dictionary.js";
226
228
  import { g as g31 } from "./components/hook-form/RHFormProvider/dictionary.js";
227
- import { u as u22 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
229
+ import { u as u23 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
228
230
  import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
229
231
  import { a as a17, M as M10 } from "./contexts/ModalContext/index.js";
230
- import { u as u23 } from "./hooks/useFormAddEdit/useFormAddEdit.js";
231
- import { u as u24 } from "./hooks/useModal/index.js";
232
- import { u as u25 } from "./hooks/useTab/index.js";
232
+ import { u as u24 } from "./hooks/useFormAddEdit/useFormAddEdit.js";
233
+ import { u as u25 } from "./hooks/useModal/index.js";
234
+ import { u as u26 } from "./hooks/useTab/index.js";
233
235
  import { g as g32 } from "./hooks/useFormAddEdit/dictionary.js";
234
- import { u as u26 } from "./hooks/useFormFocus/index.js";
235
- import { u as u27 } from "./hooks/useInterval/index.js";
236
- import { u as u28 } from "./hooks/useComponentSize/useComponentSize.js";
237
- import { u as u29 } from "./hooks/useFormReadyForUpdate/index.js";
238
- import { u as u30 } from "./hooks/useStateRef/index.js";
236
+ import { u as u27 } from "./hooks/useFormFocus/index.js";
237
+ import { u as u28 } from "./hooks/useInterval/index.js";
238
+ import { u as u29 } from "./hooks/useComponentSize/useComponentSize.js";
239
+ import { u as u30 } from "./hooks/useFormReadyForUpdate/index.js";
240
+ import { u as u31 } from "./hooks/useStateRef/index.js";
239
241
  import { S as S21 } from "./hooks/useSvgColor/constants.js";
240
- import { u as u31 } from "./hooks/useSvgColor/useSvgColor.js";
241
- import { u as u32 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
242
- import { u as u33 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
243
- import { u as u34 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
244
- import { u as u35 } from "./hooks/useIsVisible/useIsVisible.js";
245
- import { u as u36 } from "./hooks/useSizeContainer/index.js";
246
- import { u as u37 } from "./hooks/useWatchTyped/useTypedWatch.js";
242
+ import { u as u32 } from "./hooks/useSvgColor/useSvgColor.js";
243
+ import { u as u33 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
244
+ import { u as u34 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
245
+ import { u as u35 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
246
+ import { u as u36 } from "./hooks/useIsVisible/useIsVisible.js";
247
+ import { u as u37 } from "./hooks/useSizeContainer/index.js";
248
+ import { u as u38 } from "./hooks/useWatchTyped/useTypedWatch.js";
247
249
  import { c as c5 } from "./utils/capitalizeFirstLetter.js";
248
250
  import { i as i2 } from "./utils/isValidDate.js";
249
251
  import { g as g33 } from "./utils/getComponentUtilityClass.js";
@@ -284,17 +286,18 @@ export {
284
286
  B3 as Breadcrumbs,
285
287
  B5 as Button,
286
288
  C as Card,
287
- C18 as CheckBox,
289
+ C19 as CheckBox,
288
290
  C2 as Chip,
289
- C21 as ChipStatusFormatter,
290
- C17 as CircularProgress,
291
- C20 as ColorFormatter,
291
+ C22 as ChipStatusFormatter,
292
+ C18 as CircularProgress,
293
+ C21 as ColorFormatter,
292
294
  C4 as ColumnBooleanFormatter,
293
295
  C14 as ColumnChipStatusFormatter,
294
296
  C16 as ColumnColorFormatter,
295
297
  C5 as ColumnConcatenatedValueFormatter,
296
298
  C6 as ColumnDateFormatter,
297
299
  C7 as ColumnIconFormatter,
300
+ C17 as ColumnImageFormatter,
298
301
  C8 as ColumnInteractiveCheckFormatter,
299
302
  C9 as ColumnNestedValueFormatter,
300
303
  C10 as ColumnPointsFormatter,
@@ -302,7 +305,7 @@ export {
302
305
  C12 as ColumnSetCheckFormatter,
303
306
  C15 as ColumnTagsFormatter,
304
307
  C13 as ColumnUncertaintyFormatter,
305
- C19 as ConcatenatedFormatter,
308
+ C20 as ConcatenatedFormatter,
306
309
  C3 as ContainerFlow,
307
310
  b3 as DATAGRID_ROW_HEADER_HEIGHTS,
308
311
  a4 as DATAGRID_ROW_HEIGHTS,
@@ -325,12 +328,13 @@ export {
325
328
  H as HamburgerMenu,
326
329
  H2 as HelmetPage,
327
330
  H3 as HelperError,
328
- I4 as Icon,
331
+ I5 as Icon,
329
332
  I2 as IconButton,
330
333
  I as IconButtonAnimate,
331
- I5 as Image,
334
+ I6 as Image,
332
335
  I3 as ImageButton,
333
- I6 as ImageText,
336
+ I4 as ImageFormatter,
337
+ I7 as ImageText,
334
338
  L2 as LABEL_FILTER_BUTTON,
335
339
  L6 as Label,
336
340
  L7 as LanguagePopover,
@@ -374,30 +378,29 @@ export {
374
378
  P11 as PrintingSystem,
375
379
  P as PropagateLoaderSpinner,
376
380
  P12 as PropertyValue,
377
- R6 as RHFAutocomplete,
378
- R7 as RHFAutocompleteAsync,
379
- R15 as RHFCheckbox,
380
- R14 as RHFColorPicker,
381
- R8 as RHFDateTime,
382
- R11 as RHFHelperError,
383
- R9 as RHFMultiCheckbox,
384
- R22 as RHFNumberInput,
385
- R18 as RHFPeriod,
386
- R21 as RHFPeriodRootStyled,
387
- R20 as RHFPeriodSlots,
388
- R12 as RHFRadioGroup,
389
- R10 as RHFSelect,
390
- R16 as RHFTextField,
391
- R17 as RHFTextFieldPassword,
392
- R23 as RHFUploadImage,
393
- R13 as RHFUploadSingleFile,
394
- R19 as RHF_PERIOD_KEY_COMPONENT,
395
- R24 as RHFormProvider,
396
- R4 as RadioButton,
381
+ R5 as RHFAutocomplete,
382
+ R6 as RHFAutocompleteAsync,
383
+ R14 as RHFCheckbox,
384
+ R13 as RHFColorPicker,
385
+ R7 as RHFDateTime,
386
+ R10 as RHFHelperError,
387
+ R8 as RHFMultiCheckbox,
388
+ R21 as RHFNumberInput,
389
+ R17 as RHFPeriod,
390
+ R20 as RHFPeriodRootStyled,
391
+ R19 as RHFPeriodSlots,
392
+ R11 as RHFRadioGroup,
393
+ R9 as RHFSelect,
394
+ R15 as RHFTextField,
395
+ R16 as RHFTextFieldPassword,
396
+ R22 as RHFUploadImage,
397
+ R12 as RHFUploadSingleFile,
398
+ R18 as RHF_PERIOD_KEY_COMPONENT,
399
+ R23 as RHFormProvider,
397
400
  R3 as ReactJsonViewer,
398
401
  R as Resizable,
399
402
  R2 as ResizableBox,
400
- R5 as Responsive,
403
+ R4 as Responsive,
401
404
  S21 as SKELETON_SVG_ICON,
402
405
  S8 as ScrollBar,
403
406
  S as SectionCommercial,
@@ -520,7 +523,7 @@ export {
520
523
  r as rhfPeriodStyles,
521
524
  t as toggleButtonStyles,
522
525
  t2 as toggleIconButtonStyles,
523
- u22 as useAppearanceComponentStore,
526
+ u23 as useAppearanceComponentStore,
524
527
  u as useAreasStore,
525
528
  u2 as useColumnBoolean,
526
529
  u12 as useColumnChipStatus,
@@ -528,6 +531,7 @@ export {
528
531
  u3 as useColumnConcatenatedValue,
529
532
  u4 as useColumnDate,
530
533
  u5 as useColumnIcon,
534
+ u15 as useColumnImage,
531
535
  u6 as useColumnInteractiveCheck,
532
536
  u7 as useColumnNestedValue,
533
537
  u8 as useColumnPoints,
@@ -535,29 +539,29 @@ export {
535
539
  u10 as useColumnSetCheck,
536
540
  u13 as useColumnTags,
537
541
  u11 as useColumnUncertanity,
538
- u28 as useComponentSize,
539
- u17 as useCustomForm,
540
- u33 as useDataGridPersistence,
541
- u16 as useDistanceToNowFormatter,
542
- u32 as useDynamicFilterAndSort,
543
- u20 as useDynamicMFParameters,
542
+ u29 as useComponentSize,
543
+ u18 as useCustomForm,
544
+ u34 as useDataGridPersistence,
545
+ u17 as useDistanceToNowFormatter,
546
+ u33 as useDynamicFilterAndSort,
547
+ u21 as useDynamicMFParameters,
544
548
  a13 as useDynamicMFParametersStore,
545
- u23 as useFormAddEdit,
546
- u26 as useFormFocus,
547
- u29 as useFormReadyForUpdate,
548
- u15 as useFormatPeriod,
549
- u27 as useInterval,
550
- u35 as useIsVisible,
551
- u24 as useModal,
552
- u34 as usePopoverContainer,
553
- u18 as usePopupsStore,
554
- u36 as useSizeContainer,
555
- u30 as useStateRef,
556
- u21 as useStepper,
557
- u31 as useSvgColor,
558
- u25 as useTab,
559
- u37 as useWatchTyped,
560
- u19 as useWindowToolsMF,
549
+ u24 as useFormAddEdit,
550
+ u27 as useFormFocus,
551
+ u30 as useFormReadyForUpdate,
552
+ u16 as useFormatPeriod,
553
+ u28 as useInterval,
554
+ u36 as useIsVisible,
555
+ u25 as useModal,
556
+ u35 as usePopoverContainer,
557
+ u19 as usePopupsStore,
558
+ u37 as useSizeContainer,
559
+ u31 as useStateRef,
560
+ u22 as useStepper,
561
+ u32 as useSvgColor,
562
+ u26 as useTab,
563
+ u38 as useWatchTyped,
564
+ u20 as useWindowToolsMF,
561
565
  v2 as varBounce,
562
566
  v3 as varContainer,
563
567
  v as varFade,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "9.3.34-JT25112025.beta.3",
3
+ "version": "9.3.34-JT26112025.beta.1",
4
4
  "license": "UNLICENSED",
5
5
  "description": "M4L Components",
6
6
  "lint-staged": {
@@ -1,6 +0,0 @@
1
- import { RenderCheckboxProps } from 'react-data-grid';
2
- /**
3
- * Componente visual del RadioButton que se renderiza dentro de cada celda del DataGrid.
4
- * ¿Para que sirve? Es un wrapper alrededor del componente Radio del MUI que adapta las props de react-data-grid
5
- */
6
- export declare const RadioButtonFormatter: import('react').ForwardRefExoticComponent<RenderCheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
@@ -1,12 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { forwardRef } from "react";
3
- import { R as RadioButton } from "../../../../mui_extended/RadioButton/RadioButton.js";
4
- const RadioButtonFormatter = forwardRef(function RadioFormatter({ onChange, checked, ...props }, _ref) {
5
- function handleChange(e) {
6
- onChange(e.target.checked, e.nativeEvent.shiftKey);
7
- }
8
- return /* @__PURE__ */ jsx(RadioButton, { checked, onChange: handleChange, ...props });
9
- });
10
- export {
11
- RadioButtonFormatter as R
12
- };
@@ -1,64 +0,0 @@
1
- import { Column, RenderCellProps, RenderGroupCellProps, RenderHeaderCellProps } from 'react-data-grid';
2
- export declare const filterColumnClassName = "filter-cell";
3
- export declare const filterHeight = 35;
4
- /**
5
- * Formateador para la celda de selección con radio button en filas agrupadas.
6
- *
7
- * **Nota:** Para radio buttons (selección única), no tiene sentido seleccionar grupos completos,
8
- * por lo que este formateador retorna `null` y no renderiza ningún control.
9
- * @param _props - Propiedades para renderizar la celda de grupo (no utilizadas).
10
- * @returns `null` - No se renderiza ningún control de selección en grupos.
11
- * @example
12
- * // En un DataGrid con grupos, las filas de grupo no tendrán radio button
13
- * // Solo las filas individuales tendrán radio buttons
14
- */
15
- export declare function RadioSelectGroupFormatter(_props: RenderGroupCellProps<unknown>): null;
16
- /**
17
- * Formateador para la celda de selección con radio button en filas individuales.
18
- *
19
- * Este componente maneja la lógica de **selección única**: cuando el usuario hace click
20
- * en un radio button, se REEMPLAZA completamente la selección anterior con solo la fila actual.
21
- *
22
- * **Comportamiento:**
23
- * - Si `checked` es `true`: El Set de `checkedRows` se reemplaza con `[rowKey actual]`
24
- * - Si `checked` es `false`: El Set de `checkedRows` se vacía (deselección)
25
- * @param props - Propiedades para renderizar la celda, incluyendo la fila actual.
26
- * @returns Un componente `SelectCellFormatter` configurado como radio button.
27
- * @example
28
- * // Cuando el usuario hace click en el radio de la fila con ID=5:
29
- * // checkedRows antes: Set([3])
30
- * // checkedRows después: Set([5]) ← Reemplaza, no agrega
31
- */
32
- export declare function RadioSelectFormatter(props: RenderCellProps<any, any>): import("react/jsx-runtime").JSX.Element;
33
- /**
34
- * Renderizador para la celda de cabecera (header) de la columna de selección con radio buttons.
35
- *
36
- * **Nota:** A diferencia de los checkboxes, los radio buttons NO tienen funcionalidad de
37
- * "Seleccionar Todo", ya que solo se puede seleccionar una fila a la vez. Por lo tanto,
38
- * este renderizador retorna `null` y no muestra ningún control en el header.
39
- * @param _props - Propiedades para renderizar la celda de cabecera (no utilizadas).
40
- * @returns `null` - No se renderiza ningún control en la cabecera.
41
- * @example
42
- * // La cabecera de la columna estará vacía (sin checkbox "Select All")
43
- */
44
- export declare function RadioSelectColumnHeaderRenderer(_props: RenderHeaderCellProps<any, any>): null;
45
- /**
46
- * Definición de la columna de selección con radio buttons para el DataGrid.
47
- *
48
- * Esta columna permite **selección única** de filas mediante radio buttons.
49
- *
50
- * **Características:**
51
- * - **Ancho fijo:** 32px (igual que la columna de checkboxes)
52
- * - **No redimensionable:** `resizable: false`
53
- * - **No draggable:** `isDraggable: false`
54
- * - **No sortable:** `sortable: false`
55
- * - **Congelada:** `frozen: true` (siempre visible al hacer scroll horizontal)
56
- * - **Header vacío:** No tiene control "Select All"
57
- * - **Selección única:** Solo una fila puede estar seleccionada a la vez
58
- * @example
59
- * // En useSortColumnsRows.tsx:
60
- * const selectionColumn = checkedRowsMultiple === false
61
- * ? RadioSelectColumn // ← Selección única con radio buttons
62
- * : SelectColumn; // ← Selección múltiple con checkboxes
63
- */
64
- export declare const RadioSelectColumn: Column<any, any>;
@@ -1,46 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { u as useDataGrid } from "../../../hooks/useDataGrid.js";
3
- import { d as DATAGRID_SELECT_COLUMN_KEY } from "../../../constants.js";
4
- import { R as RadioButtonFormatter } from "./RadioButtonFormatter.js";
5
- function RadioSelectGroupFormatter(_props) {
6
- return null;
7
- }
8
- function RadioSelectFormatter(props) {
9
- const { checkedRows, onCheckedRowsChange, rowKeyGetter } = useDataGrid();
10
- const onChange = (checked, _isShiftClick) => {
11
- if (checked) {
12
- onCheckedRowsChange && onCheckedRowsChange(/* @__PURE__ */ new Set([rowKeyGetter(props.row)]));
13
- } else {
14
- onCheckedRowsChange && onCheckedRowsChange(/* @__PURE__ */ new Set());
15
- }
16
- };
17
- return /* @__PURE__ */ jsx(
18
- RadioButtonFormatter,
19
- {
20
- checked: checkedRows?.has(rowKeyGetter(props.row)) || false,
21
- tabIndex: props.tabIndex,
22
- onChange,
23
- "aria-label": "Select"
24
- }
25
- );
26
- }
27
- function RadioSelectColumnHeaderRenderer(_props) {
28
- return null;
29
- }
30
- const RadioSelectColumn = {
31
- key: DATAGRID_SELECT_COLUMN_KEY,
32
- name: "",
33
- width: 32,
34
- minWidth: 32,
35
- isDraggable: false,
36
- resizable: false,
37
- sortable: false,
38
- frozen: true,
39
- type: "boolean",
40
- renderHeaderCell: RadioSelectColumnHeaderRenderer,
41
- renderCell: RadioSelectFormatter,
42
- renderGroupCell: RadioSelectGroupFormatter
43
- };
44
- export {
45
- RadioSelectColumn as R
46
- };
@@ -1,24 +0,0 @@
1
- import { RadioButtonProps } from './types';
2
- /**
3
- * Componente RadioButton 🔘
4
- *
5
- * Este componente representa un radio button personalizado que puede ser utilizado en formularios y otros lugares donde se necesite una opción de selección única.
6
- * @param {RadioButtonProps} props - Las propiedades del componente.
7
- * @param {React.Ref<HTMLButtonElement>} ref - La referencia al elemento raíz del componente.
8
- * @returns {JSX.Element} El componente RadioButton renderizado.
9
- * @example
10
- * ```tsx
11
- * <RadioButton
12
- * size="medium"
13
- * disabled={false}
14
- * color="primary"
15
- * inlineText="Opción 1"
16
- * mandatory={true}
17
- * mandatoryMessage="Este campo es obligatorio"
18
- * helperMessage="Más información"
19
- * htmlFor="radio-id"
20
- * error={false}
21
- * />
22
- * ```
23
- */
24
- export declare const RadioButton: import('react').ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
@@ -1,110 +0,0 @@
1
- import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
- import { forwardRef, useId } from "react";
3
- import { useModuleSkeleton, useEnvironment } from "@m4l/core";
4
- import { R as RadioButtonRootStyled, M as MUIRadioStyled, I as IconStyled, a as IconCheckedStyled, T as TypographyStyled, S as SkeletonStyled } from "./slots/RadioButtonSlots.js";
5
- import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
6
- import { R as RADIO_BUTTON_KEY_COMPONENT } from "./constants.js";
7
- import clsx from "clsx";
8
- import { p as pathIcons } from "./icons.js";
9
- import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
10
- const RadioButton = forwardRef(
11
- (props, ref) => {
12
- const {
13
- className,
14
- size = "medium",
15
- disabled,
16
- color = "default",
17
- mandatory,
18
- mandatoryMessage,
19
- helperMessage,
20
- id,
21
- htmlFor,
22
- error,
23
- inlineText,
24
- checked = false,
25
- ...others
26
- } = props;
27
- const { currentSize } = useComponentSize(size);
28
- const isSkeleton = useModuleSkeleton();
29
- const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
30
- const classes = getComponentSlotRoot(RADIO_BUTTON_KEY_COMPONENT);
31
- const { host_static_assets, environment_assets } = useEnvironment();
32
- const hookId = useId();
33
- const finalId = id || hookId;
34
- const ownerState = {
35
- disabled,
36
- color,
37
- error,
38
- size,
39
- checked
40
- };
41
- return /* @__PURE__ */ jsx(
42
- RadioButtonRootStyled,
43
- {
44
- ownerState: { ...ownerState },
45
- className: clsx(className, classes),
46
- children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, { children: [
47
- /* @__PURE__ */ jsx(
48
- MUIRadioStyled,
49
- {
50
- ref,
51
- ownerState: { ...ownerState },
52
- disableRipple: true,
53
- id: finalId,
54
- checked,
55
- checkedIcon: /* @__PURE__ */ jsx(
56
- IconCheckedStyled,
57
- {
58
- src: `${host_static_assets}/${environment_assets}/${pathIcons.checked}`,
59
- size: currentSize,
60
- color: disabled ? "text.disabled" : error ? "error.enabled" : "primary.enabled",
61
- ownerState: { ...ownerState }
62
- }
63
- ),
64
- icon: /* @__PURE__ */ jsx(
65
- IconStyled,
66
- {
67
- src: `${host_static_assets}/${environment_assets}/${pathIcons.unchecked}`,
68
- size: currentSize,
69
- ownerState: { ...ownerState },
70
- color: disabled ? "text.disabled" : error ? "error.enabled" : "text.secondary"
71
- }
72
- ),
73
- disabled,
74
- inputProps: {
75
- "aria-labelledby": finalId,
76
- "aria-invalid": error ? "true" : void 0
77
- },
78
- ...others
79
- }
80
- ),
81
- inlineText && /* @__PURE__ */ jsx(
82
- TypographyStyled,
83
- {
84
- component: "label",
85
- htmlFor: finalId,
86
- variant: "body",
87
- ownerState: { ...ownerState },
88
- size: adjustedSize,
89
- disabled,
90
- ellipsis: true,
91
- children: inlineText
92
- }
93
- )
94
- ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
95
- /* @__PURE__ */ jsx(SkeletonStyled, { variant: "rounded", className: "radioSkeleton" }),
96
- inlineText ? /* @__PURE__ */ jsx(
97
- SkeletonStyled,
98
- {
99
- variant: "rectangular",
100
- className: "radioSkeletonInlineText"
101
- }
102
- ) : null
103
- ] })
104
- }
105
- );
106
- }
107
- );
108
- export {
109
- RadioButton as R
110
- };
@@ -1,2 +0,0 @@
1
- import { RadioButtonStyles } from './types';
2
- export declare const radioButtonStyles: RadioButtonStyles;