@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.
- package/@types/export.d.ts +3 -3
- package/@types/types.d.ts +16 -26
- package/components/DataGrid/DataGrid.js +0 -2
- package/components/DataGrid/Datagrid.styles.js +2 -6
- package/components/DataGrid/contexts/DataGridContext/index.js +0 -2
- package/components/DataGrid/contexts/DataGridContext/types.d.ts +2 -2
- package/components/DataGrid/formatters/ColumnImageFormatter/ImageFormatterCell.d.ts +13 -0
- package/components/DataGrid/formatters/ColumnImageFormatter/ImageFormatterCell.js +33 -0
- package/components/DataGrid/formatters/ColumnImageFormatter/constants.d.ts +6 -0
- package/components/DataGrid/formatters/ColumnImageFormatter/constants.js +6 -0
- package/components/DataGrid/formatters/ColumnImageFormatter/formatter.d.ts +8 -0
- package/components/DataGrid/formatters/ColumnImageFormatter/formatter.js +25 -0
- package/components/DataGrid/formatters/ColumnImageFormatter/index.d.ts +3 -0
- package/components/DataGrid/formatters/ColumnImageFormatter/types.d.ts +44 -0
- package/components/DataGrid/formatters/ColumnImageFormatter/types.js +1 -0
- package/components/DataGrid/formatters/ColumnImageFormatter/useColumnImage.d.ts +9 -0
- package/components/DataGrid/formatters/ColumnImageFormatter/useColumnImage.js +22 -0
- package/components/DataGrid/formatters/index.d.ts +1 -0
- package/components/DataGrid/subcomponents/Cards/helpers/scrollToCardElement.js +2 -2
- package/components/DataGrid/subcomponents/Cards/index.js +16 -3
- package/components/DataGrid/subcomponents/Cards/subcomponents/CardHeader/index.js +7 -15
- package/components/DataGrid/subcomponents/Cards/subcomponents/CardRow/index.js +1 -0
- package/components/DataGrid/subcomponents/CheckboxCellAdapter/index.js +1 -4
- package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js +2 -6
- package/components/DataGrid/subcomponents/Table/index.js +10 -1
- package/components/DataGrid/tests/helpers/types.d.ts +10 -0
- package/components/DataGrid/types.d.ts +0 -7
- package/components/formatters/ImageFormatter/ImageFormatter.d.ts +10 -0
- package/components/formatters/ImageFormatter/ImageFormatter.js +72 -0
- package/components/formatters/ImageFormatter/ImageFormatter.styles.d.ts +2 -0
- package/components/formatters/ImageFormatter/ImageFormatter.styles.js +42 -0
- package/components/formatters/ImageFormatter/constants.d.ts +5 -0
- package/components/formatters/ImageFormatter/constants.js +10 -0
- package/components/formatters/ImageFormatter/index.d.ts +2 -0
- package/components/formatters/ImageFormatter/index.js +1 -0
- package/components/formatters/ImageFormatter/slots/ImageFormatterEnum.d.ts +5 -0
- package/components/formatters/ImageFormatter/slots/ImageFormatterEnum.js +9 -0
- package/components/formatters/ImageFormatter/slots/ImageFormatterSlots.d.ts +9 -0
- package/components/formatters/ImageFormatter/slots/ImageFormatterSlots.js +23 -0
- package/components/formatters/ImageFormatter/types.d.ts +51 -0
- package/components/formatters/ImageFormatter/types.js +1 -0
- package/components/formatters/index.d.ts +1 -0
- package/components/mui_extended/index.d.ts +0 -1
- package/index.js +107 -103
- package/package.json +1 -1
- package/components/DataGrid/subcomponents/Table/subcomponents/RadioButtonFormatter.d.ts +0 -6
- package/components/DataGrid/subcomponents/Table/subcomponents/RadioButtonFormatter.js +0 -12
- package/components/DataGrid/subcomponents/Table/subcomponents/RadioSelectColumn.d.ts +0 -64
- package/components/DataGrid/subcomponents/Table/subcomponents/RadioSelectColumn.js +0 -46
- package/components/mui_extended/RadioButton/RadioButton.d.ts +0 -24
- package/components/mui_extended/RadioButton/RadioButton.js +0 -110
- package/components/mui_extended/RadioButton/RadioButton.styles.d.ts +0 -2
- package/components/mui_extended/RadioButton/RadioButton.styles.js +0 -126
- package/components/mui_extended/RadioButton/constants.d.ts +0 -1
- package/components/mui_extended/RadioButton/constants.js +0 -4
- package/components/mui_extended/RadioButton/icons.d.ts +0 -4
- package/components/mui_extended/RadioButton/icons.js +0 -7
- package/components/mui_extended/RadioButton/index.d.ts +0 -1
- package/components/mui_extended/RadioButton/slots/RadioButtonEnum.d.ts +0 -8
- package/components/mui_extended/RadioButton/slots/RadioButtonEnum.js +0 -12
- package/components/mui_extended/RadioButton/slots/RadioButtonSlots.d.ts +0 -20
- package/components/mui_extended/RadioButton/slots/RadioButtonSlots.js +0 -39
- package/components/mui_extended/RadioButton/tests/RadioButton.test.d.ts +0 -1
- package/components/mui_extended/RadioButton/types.d.ts +0 -50
- /package/components/{mui_extended/RadioButton → DataGrid/formatters/ColumnImageFormatter}/index.js +0 -0
- /package/components/DataGrid/{tests/table/subcomponents/RadioButtonFormatter.test.d.ts → formatters/ColumnImageFormatter/tests/ColumnImageFormatter.test.d.ts} +0 -0
- /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
|
|
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
|
|
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
|
|
126
|
-
import { P as P4, u as
|
|
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
|
|
130
|
-
import {
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
148
|
-
import { R as
|
|
149
|
-
import { R as
|
|
150
|
-
import { R as
|
|
151
|
-
import { R as
|
|
152
|
-
import { R as
|
|
153
|
-
import { R as
|
|
154
|
-
import { R as
|
|
155
|
-
import { R as
|
|
156
|
-
import { R as
|
|
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
|
|
160
|
-
import { R as
|
|
161
|
-
import { R as
|
|
162
|
-
import { N as N3, P as P6, R as
|
|
163
|
-
import { R as
|
|
164
|
-
import { R as
|
|
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
|
|
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
|
|
169
|
-
import { I as
|
|
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
|
|
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
|
|
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
|
|
204
|
-
import { u as
|
|
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
|
|
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
|
|
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
|
|
231
|
-
import { u as
|
|
232
|
-
import { u as
|
|
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
|
|
235
|
-
import { u as
|
|
236
|
-
import { u as
|
|
237
|
-
import { u as
|
|
238
|
-
import { u as
|
|
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
|
|
241
|
-
import { u as
|
|
242
|
-
import { u as
|
|
243
|
-
import { u as
|
|
244
|
-
import { u as
|
|
245
|
-
import { u as
|
|
246
|
-
import { u as
|
|
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
|
-
|
|
289
|
+
C19 as CheckBox,
|
|
288
290
|
C2 as Chip,
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
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
|
-
|
|
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
|
-
|
|
331
|
+
I5 as Icon,
|
|
329
332
|
I2 as IconButton,
|
|
330
333
|
I as IconButtonAnimate,
|
|
331
|
-
|
|
334
|
+
I6 as Image,
|
|
332
335
|
I3 as ImageButton,
|
|
333
|
-
|
|
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
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
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
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
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 +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
|
-
};
|