@m4l/components 9.3.11 → 9.3.12-JT270825.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/types.d.ts +207 -61
- package/components/Stepper/Stepper.d.ts +8 -0
- package/components/Stepper/Stepper.styles.d.ts +2 -0
- package/components/Stepper/constants.d.ts +2 -0
- package/components/Stepper/dictionary.d.ts +8 -0
- package/components/Stepper/helpers/evaluateVisibilityStepCondition/index.d.ts +9 -0
- package/components/Stepper/helpers/findNextVisibleValidStep/index.d.ts +10 -0
- package/components/Stepper/helpers/findPrevVisibleValidStep/index.d.ts +10 -0
- package/components/Stepper/helpers/index.d.ts +4 -0
- package/components/Stepper/helpers/isLastVisibleValidStep/index.d.ts +10 -0
- package/components/Stepper/hooks/useIsLastVisibleValidStep/index.d.ts +6 -0
- package/components/Stepper/hooks/useStepper/index.d.ts +5 -0
- package/components/Stepper/hooks/useStepperActions/index.d.ts +1 -0
- package/components/Stepper/hooks/useStepperActions/useStepperActions.d.ts +8 -0
- package/components/Stepper/icons.d.ts +9 -0
- package/components/Stepper/index.d.ts +9 -0
- package/components/Stepper/slots/StepperEnum.d.ts +26 -0
- package/components/Stepper/slots/StepperSlot.d.ts +57 -0
- package/components/Stepper/store/StepperContext/index.d.ts +12 -0
- package/components/Stepper/store/StepperStore/index.d.ts +16 -0
- package/components/Stepper/store/types.d.ts +78 -0
- package/components/Stepper/subcomponents/ContentArea/index.d.ts +6 -0
- package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperIcon/index.d.ts +4 -0
- package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperTitle/index.d.ts +4 -0
- package/components/Stepper/subcomponents/StepArea/index.d.ts +6 -0
- package/components/Stepper/subcomponents/StepArea/subcomponents/Inidicator/index.d.ts +5 -0
- package/components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.d.ts +4 -0
- package/components/Stepper/subcomponents/StepperButtons/StepperNextButton/index.d.ts +4 -0
- package/components/Stepper/subcomponents/StepperButtons/StepperPrevButton/index.d.ts +4 -0
- package/components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.d.ts +4 -0
- package/components/Stepper/subcomponents/StepperButtons/index.d.ts +4 -0
- package/components/Stepper/subcomponents/StepperContent/index.d.ts +7 -0
- package/components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.d.ts +6 -0
- package/components/Stepper/subcomponents/StepperFooter/index.d.ts +6 -0
- package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterLeftActions/index.d.ts +6 -0
- package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterRightActions/index.d.ts +6 -0
- package/components/Stepper/types.d.ts +156 -0
- package/components/hook-form/RHFormContext/index.d.ts +1 -1
- package/components/hook-form/RHFormContext/index.js +5 -4
- package/components/hook-form/RHFormContext/types.d.ts +3 -1
- package/components/mui_extended/Select/Select.js +1 -0
- package/components/mui_extended/Select/Select.styles.js +11 -3
- package/helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.d.ts +11 -0
- package/helpers/getStepsAndValidationSchema/index.d.ts +1 -0
- package/helpers/getStepsAndValidationSchema/types.d.ts +21 -0
- package/package.json +1 -1
- package/storybook/components/Stepper/Stepper.stories.d.ts +28 -0
- package/storybook/components/Stepper/api/userApi.d.ts +6 -0
- package/storybook/components/Stepper/components/AdminPermissionsStep.d.ts +4 -0
- package/storybook/components/Stepper/components/CompanySocialMediaStep.d.ts +4 -0
- package/storybook/components/Stepper/components/CompanyStep.d.ts +4 -0
- package/storybook/components/Stepper/components/ContactStep.d.ts +4 -0
- package/storybook/components/Stepper/components/ExtraInformationStep.d.ts +4 -0
- package/storybook/components/Stepper/components/ModulePermissionsStep.d.ts +4 -0
- package/storybook/components/Stepper/components/PrivilegesStep.d.ts +4 -0
- package/storybook/components/Stepper/helpers/useSteps.d.ts +43 -0
- package/storybook/components/Stepper/subcomponents/StepperDecorator.d.ts +9 -0
- package/storybook/components/Stepper/validations/CompanyData.d.ts +18 -0
- package/storybook/components/Stepper/validations/ContactData.d.ts +11 -0
- package/storybook/components/Stepper/validations/ExtraInformationData.d.ts +9 -0
- package/storybook/components/Stepper/validations/PrivilegesData.d.ts +14 -0
package/@types/types.d.ts
CHANGED
|
@@ -47,11 +47,23 @@ import type {
|
|
|
47
47
|
IconButtonOwnerState,
|
|
48
48
|
IconButtonSlotsType,
|
|
49
49
|
} from '../components/mui_extended/IconButton/types';
|
|
50
|
-
import type {
|
|
51
|
-
|
|
52
|
-
|
|
50
|
+
import type {
|
|
51
|
+
BadgeSlotsType,
|
|
52
|
+
BadgeOwnerState,
|
|
53
|
+
} from '../components/mui_extended/Badge/types';
|
|
54
|
+
import {
|
|
55
|
+
SkeletonOwnerState,
|
|
56
|
+
SkeletonSlotsType,
|
|
57
|
+
} from '../components/mui_extended/Skeleton/types';
|
|
58
|
+
import {
|
|
59
|
+
TypographyOwnerState,
|
|
60
|
+
TypographySlotsType,
|
|
61
|
+
} from '../components/mui_extended/Typography/types';
|
|
53
62
|
import { ColorOwnerState, ColorSlotsType } from '../components/Color/types';
|
|
54
|
-
import {
|
|
63
|
+
import {
|
|
64
|
+
RHFColorPickerOwnerState,
|
|
65
|
+
RHFColorPickerSlotsType,
|
|
66
|
+
} from '../components/hook-form/RHFColorPicker/types';
|
|
55
67
|
import type {
|
|
56
68
|
MenuItemSlotsType,
|
|
57
69
|
MenuItemOwnerState,
|
|
@@ -88,10 +100,7 @@ import {
|
|
|
88
100
|
AutocompleteOwnerState,
|
|
89
101
|
AutocompleteSlotsType,
|
|
90
102
|
} from '../components/mui_extended/Autocomplete/types';
|
|
91
|
-
import {
|
|
92
|
-
ChipOwnerState,
|
|
93
|
-
ChipSlotsType,
|
|
94
|
-
} from '../components/Chip/types';
|
|
103
|
+
import { ChipOwnerState, ChipSlotsType } from '../components/Chip/types';
|
|
95
104
|
import {
|
|
96
105
|
CircularProgressOwnerState,
|
|
97
106
|
CircularProgressSlotsType,
|
|
@@ -102,57 +111,187 @@ import {
|
|
|
102
111
|
PaperFormOwnerState,
|
|
103
112
|
} from '../components/PaperForm/types';
|
|
104
113
|
import { WindowBaseOwnerState, WindowBaseType } from '../components/WindowBase';
|
|
105
|
-
import {
|
|
114
|
+
import {
|
|
115
|
+
OwnerStateWindowConfirm,
|
|
116
|
+
WindowConfirmType,
|
|
117
|
+
} from '../components/WindowConfirm';
|
|
106
118
|
import { AppBarSlotsType, AppBarOwnerState } from '../components/AppBar/types';
|
|
107
|
-
import {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
import {
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
import {
|
|
120
|
-
import {
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
import {
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
import {
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
import {
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
import {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
import {
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
119
|
+
import {
|
|
120
|
+
DialogOwnerState,
|
|
121
|
+
DialogType,
|
|
122
|
+
} from '../components/mui_extended/Dialog/types';
|
|
123
|
+
import {
|
|
124
|
+
LoadingButtonOwnerState,
|
|
125
|
+
LoadingButtonSlotsType,
|
|
126
|
+
} from '../components/mui_extended/LoadingButton/types';
|
|
127
|
+
import {
|
|
128
|
+
AccordionOwnerState,
|
|
129
|
+
AccordionSlotsType,
|
|
130
|
+
} from '../components/mui_extended/Accordion/types';
|
|
131
|
+
import { ImageOwnerState, ImageSlotsType } from '../components/Image/types';
|
|
132
|
+
import {
|
|
133
|
+
PopperOwnerState,
|
|
134
|
+
PopperSlotsType,
|
|
135
|
+
} from '../components/mui_extended/Popper/types';
|
|
136
|
+
import {
|
|
137
|
+
AvatarOwnerState,
|
|
138
|
+
AvatarSlotsType,
|
|
139
|
+
} from '../components/mui_extended/Avatar/types';
|
|
140
|
+
import {
|
|
141
|
+
ToggleButtonOwnerState,
|
|
142
|
+
ToggleButtonSlotsType,
|
|
143
|
+
} from '../components/mui_extended/ToggleButton/types';
|
|
144
|
+
import {
|
|
145
|
+
BooleanFormatterOwnerState,
|
|
146
|
+
PresentationType,
|
|
147
|
+
} from '../components/formatters/BooleanFormatter/types';
|
|
148
|
+
import {
|
|
149
|
+
ToggleIconButtonOwnerState,
|
|
150
|
+
ToggleIconButtonSlotsType,
|
|
151
|
+
} from '../components/mui_extended/ToggleIconButton/types';
|
|
152
|
+
import {
|
|
153
|
+
TabsSlotsType,
|
|
154
|
+
TabsOwnerState,
|
|
155
|
+
} from '../components/mui_extended/Tabs/types';
|
|
156
|
+
import {
|
|
157
|
+
PopoverOwnerState,
|
|
158
|
+
PopoverSlotsType,
|
|
159
|
+
} from '../components/mui_extended/Popover/types';
|
|
160
|
+
import {
|
|
161
|
+
NumberInputOwnerState,
|
|
162
|
+
NumberInputSlotsType,
|
|
163
|
+
} from '../components/NumberInput/types';
|
|
164
|
+
import {
|
|
165
|
+
AccountPopoverOwnerState,
|
|
166
|
+
AccountPopoverSlotsType,
|
|
167
|
+
} from '../components/AccountPopover/types';
|
|
168
|
+
import {
|
|
169
|
+
PropertyVaLueOwnerState,
|
|
170
|
+
PropertyValueSlotsType,
|
|
171
|
+
} from '../components/PropertyValue/types';
|
|
172
|
+
import {
|
|
173
|
+
RHFTextFieldPasswordOwnerState,
|
|
174
|
+
RHFTextFieldPasswordType,
|
|
175
|
+
} from '../components/hook-form/RHFTextFieldPassword/types';
|
|
176
|
+
import {
|
|
177
|
+
RHFAutocompleteOwnerState,
|
|
178
|
+
RHFAutocompleteSlotsType,
|
|
179
|
+
} from '../components/hook-form/RHFAutocomplete/types';
|
|
180
|
+
import {
|
|
181
|
+
PropagateLoaderSpinnerOwnerState,
|
|
182
|
+
PropagateLoaderSpinnerType,
|
|
183
|
+
} from '../components/extended/React-Spinners/PropagateLoaderSpinner/types';
|
|
184
|
+
import {
|
|
185
|
+
LinearProgressIndeterminateOwnerState,
|
|
186
|
+
LinearProgressIndeterminateType,
|
|
187
|
+
} from '../components/LinearProgressIndeterminate/types';
|
|
188
|
+
import {
|
|
189
|
+
MenuDividerOwnerState,
|
|
190
|
+
MenuDividerSlotsType,
|
|
191
|
+
} from '../components/mui_extended/MenuDivider/types';
|
|
192
|
+
import {
|
|
193
|
+
NavLinkOwnerState,
|
|
194
|
+
NavLinkSlotsType,
|
|
195
|
+
} from '../components/mui_extended/NavLink/types';
|
|
196
|
+
import {
|
|
197
|
+
RHFSelectSlotsType,
|
|
198
|
+
RHFSelectOwnerState,
|
|
199
|
+
} from '../components/hook-form/RHFSelect/types';
|
|
200
|
+
import {
|
|
201
|
+
StackOwnerState,
|
|
202
|
+
StackSlotsType,
|
|
203
|
+
} from '../components/mui_extended/Stack/types';
|
|
204
|
+
import {
|
|
205
|
+
RHFCheckBoxOwnerState,
|
|
206
|
+
RHFCheckBoxSlotsType,
|
|
207
|
+
} from '../components/hook-form/RHFCheckbox/types';
|
|
208
|
+
import {
|
|
209
|
+
ActionFormCancelOwnerState,
|
|
210
|
+
ActionFormCancelSlotsType,
|
|
211
|
+
} from '../components/CommonActions/components/ActionFormCancel/types';
|
|
212
|
+
import {
|
|
213
|
+
AreasAdminOwnerState,
|
|
214
|
+
AreasAdminType,
|
|
215
|
+
} from '../components/areas/components/AreasAdmin/types';
|
|
216
|
+
import {
|
|
217
|
+
DateTimePickerOwnerState,
|
|
218
|
+
DateTimePickerSlotsType,
|
|
219
|
+
} from '../components/mui_extended/DateTimePicker/types';
|
|
220
|
+
import {
|
|
221
|
+
DividerOwnerState,
|
|
222
|
+
DividerSlotsType,
|
|
223
|
+
} from '../components/mui_extended/Divider/types';
|
|
224
|
+
import {
|
|
225
|
+
NoItemSelectedOwnerState,
|
|
226
|
+
NoItemSelectedSlotsType,
|
|
227
|
+
} from '../components/NoItemSelected/types';
|
|
228
|
+
import {
|
|
229
|
+
ActionFormIntroOwnerState,
|
|
230
|
+
ActionFormIntroSlotsType,
|
|
231
|
+
} from '../components/CommonActions/components/ActionFormIntro/types';
|
|
232
|
+
import {
|
|
233
|
+
AreasViewerOwnerState,
|
|
234
|
+
AreasViewerType,
|
|
235
|
+
} from '../components/areas/components/AreasViewer/types';
|
|
236
|
+
import {
|
|
237
|
+
TimePickerOwnerState,
|
|
238
|
+
TimePickerSlotsType,
|
|
239
|
+
} from '../components/mui_extended/TimePicker/types';
|
|
240
|
+
import {
|
|
241
|
+
DataGridOwnerState,
|
|
242
|
+
DataGridSlotsType,
|
|
243
|
+
} from '../components/DataGrid/types';
|
|
244
|
+
import {
|
|
245
|
+
DynamicFilterAndSortOwnerState,
|
|
246
|
+
DynamicFilterAndSortSlotsType,
|
|
247
|
+
} from '../hooks/useDynamicFilterAndSort/types';
|
|
248
|
+
import {
|
|
249
|
+
RHFUploadSingleFileOwnerState,
|
|
250
|
+
RHFUploadSingleFileSlotsType,
|
|
251
|
+
} from '../components/hook-form/RHFUpload/RHFUploadSingleFile/types';
|
|
144
252
|
import { ChipStatusFormatterSlotsType } from '../components/formatters/ChipStatusFormatter/types';
|
|
145
|
-
import {
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
253
|
+
import {
|
|
254
|
+
RHFUploadImageOwnerState,
|
|
255
|
+
RHFUploadImageSlotsType,
|
|
256
|
+
} from '../components/hook-form/RHFUpload/RHFUploadImage/types';
|
|
257
|
+
import {
|
|
258
|
+
PrintingSystemOwnerState,
|
|
259
|
+
PrintingSystemSlotsType,
|
|
260
|
+
} from '../components/PrintingSystem/types';
|
|
261
|
+
import {
|
|
262
|
+
SettingsLayoutOwnerState,
|
|
263
|
+
SettingsLayoutSlotsType,
|
|
264
|
+
} from '../components/SettingsLayout/types';
|
|
265
|
+
import {
|
|
266
|
+
ScrollBarOwnerState,
|
|
267
|
+
ScrollBarSlotsType,
|
|
268
|
+
} from '../components/ScrollBar/types';
|
|
149
269
|
import { SplitLayoutOwnerState } from '../components/extended/React-resizable-panels/types';
|
|
150
|
-
import {
|
|
151
|
-
|
|
270
|
+
import {
|
|
271
|
+
ObjectLogsOwnerState,
|
|
272
|
+
ObjectLogsSlotsType,
|
|
273
|
+
} from '../components/ObjectLogs/types';
|
|
274
|
+
import {
|
|
275
|
+
LanguagePopoverOwnerState,
|
|
276
|
+
LanguagePopoverSlotsType,
|
|
277
|
+
} from '../components/LanguagePopover/types';
|
|
152
278
|
import { CardOwnerState, CardSlotsType } from '../components/Card/types';
|
|
153
|
-
import {
|
|
154
|
-
|
|
155
|
-
|
|
279
|
+
import {
|
|
280
|
+
ContainerFlowOwnerState,
|
|
281
|
+
ContainerFlowSlotsType,
|
|
282
|
+
} from '../components/ContainerFlow/types';
|
|
283
|
+
import {
|
|
284
|
+
StepperOwnerState,
|
|
285
|
+
StepperSlotsType,
|
|
286
|
+
} from '../components/Stepper/types';
|
|
287
|
+
import {
|
|
288
|
+
NoItemPrivilegesOwnerState,
|
|
289
|
+
NoItemPrivilegesSlotsType,
|
|
290
|
+
} from '../components/NoItemPrivileges/types';
|
|
291
|
+
import {
|
|
292
|
+
ImageTextOwnerState,
|
|
293
|
+
ImageTextSlotsType,
|
|
294
|
+
} from '../components/ImageText/types';
|
|
156
295
|
import { FormContainerOwnerState, FormContainerSlotsType } from '../components/FormContainer/types';
|
|
157
296
|
|
|
158
297
|
declare module '@mui/material/styles' {
|
|
@@ -223,7 +362,7 @@ declare module '@mui/material/styles' {
|
|
|
223
362
|
M4LNoItemSelected: NoItemSelectedSlotsType;
|
|
224
363
|
M4LActionFormIntro: ActionFormIntroSlotsType;
|
|
225
364
|
M4LAreasViewer: AreasViewerType;
|
|
226
|
-
M4LTimePicker: TimePickerSlotsType
|
|
365
|
+
M4LTimePicker: TimePickerSlotsType;
|
|
227
366
|
M4LDataGrid: DataGridSlotsType;
|
|
228
367
|
M4LDynamicFilterAndSort: DynamicFilterAndSortSlotsType;
|
|
229
368
|
M4LRHFUploadSingleFile: RHFUploadSingleFileSlotsType;
|
|
@@ -239,6 +378,7 @@ declare module '@mui/material/styles' {
|
|
|
239
378
|
M4LContainerFlow: ContainerFlowSlotsType;
|
|
240
379
|
M4LNoItemPrivileges: NoItemPrivilegesSlotsType;
|
|
241
380
|
M4LSettingsLayoutBase: SettingsLayoutSlotsType;
|
|
381
|
+
M4LStepper: StepperSlotsType;
|
|
242
382
|
M4LImageText: ImageTextSlotsType;
|
|
243
383
|
M4LFormContainer: FormContainerSlotsType;
|
|
244
384
|
}
|
|
@@ -301,7 +441,7 @@ declare module '@mui/material/styles' {
|
|
|
301
441
|
M4LMenuDivider: Partial<MenuDividerOwnerState>;
|
|
302
442
|
M4LNavLink: Partial<NavLinkOwnerState>;
|
|
303
443
|
M4LRHFSelect: Partial<RHFSelectOwnerState>;
|
|
304
|
-
M4LActionFormCancel
|
|
444
|
+
M4LActionFormCancel: Partial<ActionFormCancelOwnerState>;
|
|
305
445
|
M4LAreasAdmin: Partial<AreasAdminOwnerState>;
|
|
306
446
|
M4LStack: Partial<StackOwnerState>;
|
|
307
447
|
M4LDateTimePicker: Partial<DateTimePickerOwnerState>;
|
|
@@ -325,6 +465,7 @@ declare module '@mui/material/styles' {
|
|
|
325
465
|
M4LContainerFlow: Partial<ContainerFlowOwnerState>;
|
|
326
466
|
M4LNoItemPrivileges: Partial<NoItemPrivilegesOwnerState>;
|
|
327
467
|
M4LSettingsLayoutBase: Partial<SettingsLayoutOwnerState>;
|
|
468
|
+
M4LStepper: Partial<StepperOwnerState>;
|
|
328
469
|
M4LImageText: Partial<ImageTextOwnerState>;
|
|
329
470
|
M4LFormContainer: Partial<FormContainerOwnerState>;
|
|
330
471
|
}
|
|
@@ -613,7 +754,7 @@ declare module '@mui/material/styles' {
|
|
|
613
754
|
defaultProps?: ComponentsPropsList['M4LActionFormCancel'];
|
|
614
755
|
styleOverrides?: ComponentsOverrides<Theme>['M4LActionFormCancel'];
|
|
615
756
|
variants?: ComponentsVariants['M4LActionFormCancel'];
|
|
616
|
-
}
|
|
757
|
+
};
|
|
617
758
|
M4LNavLink?: {
|
|
618
759
|
defaultProps?: ComponentsPropsList['M4LNavLink'];
|
|
619
760
|
styleOverrides?: ComponentsOverrides<Theme>['M4LNavLink'];
|
|
@@ -643,7 +784,7 @@ declare module '@mui/material/styles' {
|
|
|
643
784
|
defaultProps?: ComponentsPropsList['M4LNoItemSelected'];
|
|
644
785
|
styleOverrides?: ComponentsOverrides<Theme>['M4LNoItemSelected'];
|
|
645
786
|
variants?: ComponentsVariants['M4LNoItemSelected'];
|
|
646
|
-
}
|
|
787
|
+
};
|
|
647
788
|
M4LActionFormIntro?: {
|
|
648
789
|
defaultProps?: ComponentsPropsList['M4LActionFormIntro '];
|
|
649
790
|
styleOverrides?: ComponentsOverrides<Theme>['M4LActionFormIntro '];
|
|
@@ -683,7 +824,7 @@ declare module '@mui/material/styles' {
|
|
|
683
824
|
defaultProps?: ComponentsPropsList['M4LRHFUploadSingleFile'];
|
|
684
825
|
styleOverrides?: ComponentsOverrides<Theme>['M4LRHFUploadSingleFile'];
|
|
685
826
|
variants?: ComponentsVariants['M4LRHFUploadSingleFile'];
|
|
686
|
-
}
|
|
827
|
+
};
|
|
687
828
|
M4LChipStatusFormatter?: {
|
|
688
829
|
defaultProps?: ComponentsPropsList['M4LChipStatusFormatter'];
|
|
689
830
|
styleOverrides?: ComponentsOverrides<Theme>['M4LChipStatusFormatter'];
|
|
@@ -744,6 +885,11 @@ declare module '@mui/material/styles' {
|
|
|
744
885
|
styleOverrides?: ComponentsOverrides<Theme>['M4LSettingsLayoutBase'];
|
|
745
886
|
variants?: ComponentsVariants['M4LSettingsLayoutBase'];
|
|
746
887
|
};
|
|
888
|
+
M4LStepper?: {
|
|
889
|
+
defaultProps?: ComponentsPropsList['M4LStepper'];
|
|
890
|
+
styleOverrides?: ComponentsOverrides<Theme>['M4LStepper'];
|
|
891
|
+
variants?: ComponentsVariants['M4LStepper'];
|
|
892
|
+
};
|
|
747
893
|
M4LImageText?: {
|
|
748
894
|
defaultProps?: ComponentsPropsList['M4LImageText'];
|
|
749
895
|
styleOverrides?: ComponentsOverrides<Theme>['M4LImageText'];
|
|
@@ -755,4 +901,4 @@ declare module '@mui/material/styles' {
|
|
|
755
901
|
variants?: ComponentsVariants['M4LFormContainer'];
|
|
756
902
|
};
|
|
757
903
|
}
|
|
758
|
-
}
|
|
904
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { StepperProps } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* El Stepper es un componente que permite navegar a través de una serie de pasos (steps) de manera secuencial.
|
|
4
|
+
*
|
|
5
|
+
* ### Dependecias:
|
|
6
|
+
*- **`useFlagsPresent:`** Hook que permite verificar si una lista de flags se encuentran presentes.
|
|
7
|
+
*/
|
|
8
|
+
export declare function Stepper(props: StepperProps): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const STEPPER_DICTIONARY_ID = "stepper";
|
|
2
|
+
export declare function getStepperComponentsDictionary(): string[];
|
|
3
|
+
export declare const DICTIONARY: {
|
|
4
|
+
LABEL_PREV_BUTTON: string;
|
|
5
|
+
LABEL_NEXT_BUTTON: string;
|
|
6
|
+
LABEL_CANCEL_BUTTON: string;
|
|
7
|
+
LABEL_SUBMIT_BUTTON: string;
|
|
8
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FormData, Step, VisibilityData } from '../../types';
|
|
2
|
+
/**
|
|
3
|
+
* evaluateVisibilityStepCondition - Función helper que evalúa si un step debe ser visible según su condition
|
|
4
|
+
* @param step - El step a evaluar
|
|
5
|
+
* @param formData - Datos del formulario actual para evaluar la condition
|
|
6
|
+
* @param visibilityData - Datos adicionales para evaluar la condition (ej: objectId)
|
|
7
|
+
* @returns boolean - Retorna true si el step debe ser visible, false en caso contrario
|
|
8
|
+
*/
|
|
9
|
+
export declare const evaluateVisibilityStepCondition: (step: Step, formData?: FormData, visibilityData?: VisibilityData) => boolean;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FormData, Step, VisibilityData } from '../../types';
|
|
2
|
+
/**
|
|
3
|
+
* findNextVisibleValidStep - Función helper que busca el siguiente step válido según su visibilityCondition.
|
|
4
|
+
* @param currentStepIndex - Índice del step actual
|
|
5
|
+
* @param steps - Lista de todos los steps del Stepper
|
|
6
|
+
* @param formData - Datos del formulario actual para evaluar las conditions
|
|
7
|
+
* @param visibilityData - Datos adicionales para evaluar las conditions (ej: objectId)
|
|
8
|
+
* @returns number - Retorna el índice del siguiente step válido, o steps.length si no hay más steps válidos
|
|
9
|
+
*/
|
|
10
|
+
export declare const findNextVisibleValidStep: (currentStepIndex: number, steps: Step[], formData?: FormData, visibilityData?: VisibilityData) => number;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FormData, Step, VisibilityData } from '../../types';
|
|
2
|
+
/**
|
|
3
|
+
* findPrevVisibleValidStep - Función helper que busca el paso anterior válido según su condition
|
|
4
|
+
* @param currentStepIndex - Índice del step actual
|
|
5
|
+
* @param steps - Lista de todos los steps del Stepper
|
|
6
|
+
* @param formData - Datos del formulario actual para evaluar las conditions
|
|
7
|
+
* @param visibilityData - Datos adicionales para evaluar las conditions (ej: objectId)
|
|
8
|
+
* @returns number - Retorna el índice del step anterior válido, o -1 si no hay steps anteriores válidos
|
|
9
|
+
*/
|
|
10
|
+
export declare const findPrevVisibleValidStep: (currentStepIndex: number, steps: Step[], formData?: FormData, visibilityData?: VisibilityData) => number;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { evaluateVisibilityStepCondition } from './evaluateVisibilityStepCondition';
|
|
2
|
+
export { findNextVisibleValidStep } from './findNextVisibleValidStep';
|
|
3
|
+
export { findPrevVisibleValidStep } from './findPrevVisibleValidStep';
|
|
4
|
+
export { isLastVisibleValidStep } from './isLastVisibleValidStep';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FormData, Step, VisibilityData } from '../../types';
|
|
2
|
+
/**
|
|
3
|
+
* isLastVisibleValidStep - Función helper que determina si el paso actual es el último paso válido
|
|
4
|
+
* @param currentStepIndex - Índice del step actual
|
|
5
|
+
* @param steps - Lista de todos los steps del Stepper
|
|
6
|
+
* @param formData - Datos del formulario actual para evaluar las conditions
|
|
7
|
+
* @param visibilityData - Datos adicionales para evaluar las conditions (ej: objectId)
|
|
8
|
+
* @returns boolean - Retorna true si el paso actual es el último paso válido
|
|
9
|
+
*/
|
|
10
|
+
export declare const isLastVisibleValidStep: (currentStepIndex: number, steps: Step[], formData?: FormData, visibilityData?: VisibilityData) => boolean;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useIsLastVisibleValidStep - Hook que determina si el paso actual es el último paso válido
|
|
3
|
+
* considerando la "visibilityCondition" de cada step y los datos actuales del formulario
|
|
4
|
+
* @returns boolean - true si estamos en el último paso válido
|
|
5
|
+
*/
|
|
6
|
+
export declare const useIsLastVisibleValidStep: () => boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useStepperActions } from './useStepperActions';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { useStepper } from './hooks/useStepper/index';
|
|
2
|
+
export { Stepper } from './Stepper';
|
|
3
|
+
export { StepperContent } from './subcomponents/StepperContent';
|
|
4
|
+
export { Step } from './subcomponents/StepperContent/subcomponents/Step';
|
|
5
|
+
export { StepperFooter, } from './subcomponents/StepperFooter';
|
|
6
|
+
export { StepperFooterLeftActions, } from './subcomponents/StepperFooter/subcomponents/StepperFooterLeftActions';
|
|
7
|
+
export { StepperFooterRightActions, } from './subcomponents/StepperFooter/subcomponents/StepperFooterRightActions';
|
|
8
|
+
export { StepperNextButton, StepperPrevButton, StepperCancelButton, StepperSubmitButton, } from './subcomponents/StepperButtons';
|
|
9
|
+
export { evaluateVisibilityStepCondition } from './helpers/evaluateVisibilityStepCondition';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export declare enum StepperSlots {
|
|
2
|
+
stepperRoot = "stepperRoot"
|
|
3
|
+
}
|
|
4
|
+
export declare enum ContentSlots {
|
|
5
|
+
contentSection = "contentSection",
|
|
6
|
+
stepArea = "stepArea",
|
|
7
|
+
step = "step",
|
|
8
|
+
stepName = "stepName",
|
|
9
|
+
indicator = "indicator",
|
|
10
|
+
textNumber = "textNumber"
|
|
11
|
+
}
|
|
12
|
+
export declare enum ContentAreaSlots {
|
|
13
|
+
contentArea = "contentArea",
|
|
14
|
+
contentAreaHeader = "contentAreaHeader",
|
|
15
|
+
wrapperIcon = "wrapperIcon",
|
|
16
|
+
wrapperTitle = "wrapperTitle",
|
|
17
|
+
icon = "icon",
|
|
18
|
+
title = "title",
|
|
19
|
+
description = "description"
|
|
20
|
+
}
|
|
21
|
+
export declare enum StepperFooterSlots {
|
|
22
|
+
stepperFooterSection = "stepperFooterSection",
|
|
23
|
+
stepperFooterLeftActions = "stepperFooterLeftActions",
|
|
24
|
+
stepperFooterRightActions = "stepperFooterRightActions",
|
|
25
|
+
wrapperButtons = "wrapperButtons"
|
|
26
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Slots Stepper
|
|
3
|
+
*/
|
|
4
|
+
export declare const StepperRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
5
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
6
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
7
|
+
export declare const ContentSectionStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
8
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
9
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('react').HTMLAttributes<HTMLElement> | keyof import('react').ClassAttributes<HTMLElement>>, {}>;
|
|
10
|
+
export declare const StepAreaStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
11
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
12
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
13
|
+
export declare const ContentAreaStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
14
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
15
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
16
|
+
export declare const StepStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
17
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
18
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
19
|
+
export declare const StepNameStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
20
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
21
|
+
}, {}, {}>;
|
|
22
|
+
export declare const IndicatorStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
23
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
24
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
25
|
+
export declare const TextNumberStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
26
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
27
|
+
}, {}, {}>;
|
|
28
|
+
export declare const ContentAreaHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
29
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
30
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
31
|
+
export declare const WrapperIconStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
32
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
33
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
34
|
+
export declare const WrapperTitleStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
35
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
36
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
37
|
+
export declare const IconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon/types').IconProps, keyof import('../../Icon/types').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
38
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
39
|
+
}, {}, {}>;
|
|
40
|
+
export declare const TitleStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
41
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
42
|
+
}, {}, {}>;
|
|
43
|
+
export declare const DescriptionStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
44
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
45
|
+
}, {}, {}>;
|
|
46
|
+
export declare const StepperFooterSectionStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
47
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
48
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('react').HTMLAttributes<HTMLElement> | keyof import('react').ClassAttributes<HTMLElement>>, {}>;
|
|
49
|
+
export declare const StepperFooterLeftActionsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
50
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
51
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
52
|
+
export declare const StepperFooterRightActionsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
53
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
54
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
55
|
+
export declare const WrapperButtonsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
56
|
+
ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
|
|
57
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StepperContextProps } from '../types';
|
|
2
|
+
import { StepperStore } from '../StepperStore';
|
|
3
|
+
declare const StepperContext: import('react').Context<{
|
|
4
|
+
store: StepperStore;
|
|
5
|
+
} | null>;
|
|
6
|
+
/**
|
|
7
|
+
* Contexto que crea y da alcance al Store (Zustand) para ser usado desde cualquier parte del componente.
|
|
8
|
+
* @param props StepperProps
|
|
9
|
+
* @returns Proveedor de contexto, y el contexto
|
|
10
|
+
*/
|
|
11
|
+
declare const StepperProvider: (props: StepperContextProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export { StepperProvider, StepperContext };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { InitialStoreProps, StepperStateWithActions } from '../types';
|
|
2
|
+
/**
|
|
3
|
+
* Crea el store de zustand para el componente Stepper
|
|
4
|
+
* @param initProps Variables iniciales que necesita store para poder inicializarlo
|
|
5
|
+
* @returns
|
|
6
|
+
*/
|
|
7
|
+
export declare const createStepperStore: (initProps: InitialStoreProps, storeDevtoolsEnabled?: boolean) => Omit<Omit<import('zustand').StoreApi<StepperStateWithActions>, "setState"> & {
|
|
8
|
+
setState<A extends string | {
|
|
9
|
+
type: unknown;
|
|
10
|
+
}>(partial: StepperStateWithActions | Partial<StepperStateWithActions> | ((state: StepperStateWithActions) => StepperStateWithActions | Partial<StepperStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
|
|
11
|
+
}, "setState"> & {
|
|
12
|
+
setState(nextStateOrUpdater: StepperStateWithActions | Partial<StepperStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<StepperStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
|
|
13
|
+
type: unknown;
|
|
14
|
+
} | undefined): void;
|
|
15
|
+
};
|
|
16
|
+
export type StepperStore = ReturnType<typeof createStepperStore>;
|