@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.
Files changed (61) hide show
  1. package/@types/types.d.ts +207 -61
  2. package/components/Stepper/Stepper.d.ts +8 -0
  3. package/components/Stepper/Stepper.styles.d.ts +2 -0
  4. package/components/Stepper/constants.d.ts +2 -0
  5. package/components/Stepper/dictionary.d.ts +8 -0
  6. package/components/Stepper/helpers/evaluateVisibilityStepCondition/index.d.ts +9 -0
  7. package/components/Stepper/helpers/findNextVisibleValidStep/index.d.ts +10 -0
  8. package/components/Stepper/helpers/findPrevVisibleValidStep/index.d.ts +10 -0
  9. package/components/Stepper/helpers/index.d.ts +4 -0
  10. package/components/Stepper/helpers/isLastVisibleValidStep/index.d.ts +10 -0
  11. package/components/Stepper/hooks/useIsLastVisibleValidStep/index.d.ts +6 -0
  12. package/components/Stepper/hooks/useStepper/index.d.ts +5 -0
  13. package/components/Stepper/hooks/useStepperActions/index.d.ts +1 -0
  14. package/components/Stepper/hooks/useStepperActions/useStepperActions.d.ts +8 -0
  15. package/components/Stepper/icons.d.ts +9 -0
  16. package/components/Stepper/index.d.ts +9 -0
  17. package/components/Stepper/slots/StepperEnum.d.ts +26 -0
  18. package/components/Stepper/slots/StepperSlot.d.ts +57 -0
  19. package/components/Stepper/store/StepperContext/index.d.ts +12 -0
  20. package/components/Stepper/store/StepperStore/index.d.ts +16 -0
  21. package/components/Stepper/store/types.d.ts +78 -0
  22. package/components/Stepper/subcomponents/ContentArea/index.d.ts +6 -0
  23. package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperIcon/index.d.ts +4 -0
  24. package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperTitle/index.d.ts +4 -0
  25. package/components/Stepper/subcomponents/StepArea/index.d.ts +6 -0
  26. package/components/Stepper/subcomponents/StepArea/subcomponents/Inidicator/index.d.ts +5 -0
  27. package/components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.d.ts +4 -0
  28. package/components/Stepper/subcomponents/StepperButtons/StepperNextButton/index.d.ts +4 -0
  29. package/components/Stepper/subcomponents/StepperButtons/StepperPrevButton/index.d.ts +4 -0
  30. package/components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.d.ts +4 -0
  31. package/components/Stepper/subcomponents/StepperButtons/index.d.ts +4 -0
  32. package/components/Stepper/subcomponents/StepperContent/index.d.ts +7 -0
  33. package/components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.d.ts +6 -0
  34. package/components/Stepper/subcomponents/StepperFooter/index.d.ts +6 -0
  35. package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterLeftActions/index.d.ts +6 -0
  36. package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterRightActions/index.d.ts +6 -0
  37. package/components/Stepper/types.d.ts +156 -0
  38. package/components/hook-form/RHFormContext/index.d.ts +1 -1
  39. package/components/hook-form/RHFormContext/index.js +5 -4
  40. package/components/hook-form/RHFormContext/types.d.ts +3 -1
  41. package/components/mui_extended/Select/Select.js +1 -0
  42. package/components/mui_extended/Select/Select.styles.js +11 -3
  43. package/helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.d.ts +11 -0
  44. package/helpers/getStepsAndValidationSchema/index.d.ts +1 -0
  45. package/helpers/getStepsAndValidationSchema/types.d.ts +21 -0
  46. package/package.json +1 -1
  47. package/storybook/components/Stepper/Stepper.stories.d.ts +28 -0
  48. package/storybook/components/Stepper/api/userApi.d.ts +6 -0
  49. package/storybook/components/Stepper/components/AdminPermissionsStep.d.ts +4 -0
  50. package/storybook/components/Stepper/components/CompanySocialMediaStep.d.ts +4 -0
  51. package/storybook/components/Stepper/components/CompanyStep.d.ts +4 -0
  52. package/storybook/components/Stepper/components/ContactStep.d.ts +4 -0
  53. package/storybook/components/Stepper/components/ExtraInformationStep.d.ts +4 -0
  54. package/storybook/components/Stepper/components/ModulePermissionsStep.d.ts +4 -0
  55. package/storybook/components/Stepper/components/PrivilegesStep.d.ts +4 -0
  56. package/storybook/components/Stepper/helpers/useSteps.d.ts +43 -0
  57. package/storybook/components/Stepper/subcomponents/StepperDecorator.d.ts +9 -0
  58. package/storybook/components/Stepper/validations/CompanyData.d.ts +18 -0
  59. package/storybook/components/Stepper/validations/ContactData.d.ts +11 -0
  60. package/storybook/components/Stepper/validations/ExtraInformationData.d.ts +9 -0
  61. 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 { BadgeSlotsType, BadgeOwnerState } from '../components/mui_extended/Badge/types';
51
- import { SkeletonOwnerState, SkeletonSlotsType } from '../components/mui_extended/Skeleton/types';
52
- import { TypographyOwnerState, TypographySlotsType } from '../components/mui_extended/Typography/types';
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 { RHFColorPickerOwnerState, RHFColorPickerSlotsType } from '../components/hook-form/RHFColorPicker/types';
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 { OwnerStateWindowConfirm, WindowConfirmType } from '../components/WindowConfirm';
114
+ import {
115
+ OwnerStateWindowConfirm,
116
+ WindowConfirmType,
117
+ } from '../components/WindowConfirm';
106
118
  import { AppBarSlotsType, AppBarOwnerState } from '../components/AppBar/types';
107
- import { DialogOwnerState, DialogType } from '../components/mui_extended/Dialog/types';
108
- import { LoadingButtonOwnerState, LoadingButtonSlotsType } from '../components/mui_extended/LoadingButton/types';
109
- import { AccordionOwnerState, AccordionSlotsType } from '../components/mui_extended/Accordion/types';
110
- import {
111
- ImageOwnerState,
112
- ImageSlotsType,
113
- } from '../components/Image/types';
114
- import { PopperOwnerState, PopperSlotsType } from '../components/mui_extended/Popper/types';
115
- import { AvatarOwnerState, AvatarSlotsType } from '../components/mui_extended/Avatar/types';
116
- import { ToggleButtonOwnerState, ToggleButtonSlotsType } from '../components/mui_extended/ToggleButton/types';
117
- import { BooleanFormatterOwnerState, PresentationType } from '../components/formatters/BooleanFormatter/types';
118
- import { ToggleIconButtonOwnerState, ToggleIconButtonSlotsType } from '../components/mui_extended/ToggleIconButton/types';
119
- import { TabsSlotsType, TabsOwnerState } from '../components/mui_extended/Tabs/types';
120
- import { PopoverOwnerState, PopoverSlotsType } from '../components/mui_extended/Popover/types';
121
- import { NumberInputOwnerState, NumberInputSlotsType } from '../components/NumberInput/types';
122
- import { AccountPopoverOwnerState, AccountPopoverSlotsType } from '../components/AccountPopover/types';
123
- import { PropertyVaLueOwnerState, PropertyValueSlotsType } from '../components/PropertyValue/types';
124
- import { RHFTextFieldPasswordOwnerState, RHFTextFieldPasswordType } from '../components/hook-form/RHFTextFieldPassword/types';
125
- import { RHFAutocompleteOwnerState, RHFAutocompleteSlotsType } from '../components/hook-form/RHFAutocomplete/types';
126
- import { PropagateLoaderSpinnerOwnerState, PropagateLoaderSpinnerType } from '../components/extended/React-Spinners/PropagateLoaderSpinner/types';
127
- import { LinearProgressIndeterminateOwnerState, LinearProgressIndeterminateType } from '../components/LinearProgressIndeterminate/types';
128
- import { MenuDividerOwnerState, MenuDividerSlotsType } from '../components/mui_extended/MenuDivider/types';
129
- import { NavLinkOwnerState, NavLinkSlotsType } from '../components/mui_extended/NavLink/types';
130
- import { RHFSelectSlotsType, RHFSelectOwnerState } from '../components/hook-form/RHFSelect/types';
131
- import { StackOwnerState, StackSlotsType } from '../components/mui_extended/Stack/types';
132
- import { RHFCheckBoxOwnerState, RHFCheckBoxSlotsType } from '../components/hook-form/RHFCheckbox/types';
133
- import { ActionFormCancelOwnerState, ActionFormCancelSlotsType } from '../components/CommonActions/components/ActionFormCancel/types';
134
- import { AreasAdminOwnerState, AreasAdminType } from '../components/areas/components/AreasAdmin/types';
135
- import { DateTimePickerOwnerState, DateTimePickerSlotsType } from '../components/mui_extended/DateTimePicker/types';
136
- import { DividerOwnerState, DividerSlotsType } from '../components/mui_extended/Divider/types';
137
- import { NoItemSelectedOwnerState, NoItemSelectedSlotsType } from '../components/NoItemSelected/types';
138
- import { ActionFormIntroOwnerState, ActionFormIntroSlotsType } from '../components/CommonActions/components/ActionFormIntro/types';
139
- import { AreasViewerOwnerState, AreasViewerType } from '../components/areas/components/AreasViewer/types';
140
- import { TimePickerOwnerState, TimePickerSlotsType } from '../components/mui_extended/TimePicker/types';
141
- import { DataGridOwnerState, DataGridSlotsType } from '../components/DataGrid/types';
142
- import { DynamicFilterAndSortOwnerState, DynamicFilterAndSortSlotsType } from '../hooks/useDynamicFilterAndSort/types';
143
- import { RHFUploadSingleFileOwnerState, RHFUploadSingleFileSlotsType } from '../components/hook-form/RHFUpload/RHFUploadSingleFile/types';
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 { RHFUploadImageOwnerState, RHFUploadImageSlotsType } from '../components/hook-form/RHFUpload/RHFUploadImage/types';
146
- import { PrintingSystemOwnerState, PrintingSystemSlotsType } from '../components/PrintingSystem/types';
147
- import { SettingsLayoutOwnerState, SettingsLayoutSlotsType } from '../components/SettingsLayout/types';
148
- import { ScrollBarOwnerState, ScrollBarSlotsType } from '../components/ScrollBar/types';
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 { ObjectLogsOwnerState, ObjectLogsSlotsType } from '../components/ObjectLogs/types';
151
- import { LanguagePopoverOwnerState, LanguagePopoverSlotsType } from '../components/LanguagePopover/types';
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 { ContainerFlowOwnerState, ContainerFlowSlotsType } from '../components/ContainerFlow/types';
154
- import { NoItemPrivilegesOwnerState, NoItemPrivilegesSlotsType } from '../components/NoItemPrivileges/types';
155
- import { ImageTextOwnerState, ImageTextSlotsType } from '../components/ImageText/types';
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 : Partial<ActionFormCancelOwnerState>;
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,2 @@
1
+ import { StepperStyles } from './types';
2
+ export declare const stepperStyles: StepperStyles;
@@ -0,0 +1,2 @@
1
+ export declare const STEPPER_PREFIX_NAME = "M4LStepper";
2
+ export declare const STEPPER_STORE_ID = "M4LStepperStore";
@@ -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,5 @@
1
+ import { StepperStateWithActions } from '../../store/types';
2
+ /**
3
+ * Hook que permite acceder al store de StepperStore
4
+ */
5
+ export declare function useStepper<T>(selector: (state: StepperStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;
@@ -0,0 +1 @@
1
+ export { useStepperActions } from './useStepperActions';
@@ -0,0 +1,8 @@
1
+ /**
2
+ * useActions - Hook/función que expone las acciones del Stepper para uso externo
3
+ */
4
+ export declare function useStepperActions(): {
5
+ prevStepAction: () => void;
6
+ nextStepAction: () => Promise<boolean>;
7
+ cancelAction: () => void;
8
+ };
@@ -0,0 +1,9 @@
1
+ export declare const pathIcons: {
2
+ patronum: string;
3
+ arrowLeft: string;
4
+ arrowRight: string;
5
+ circleCheck: string;
6
+ circleError: string;
7
+ dotOutline: string;
8
+ dotSelected: string;
9
+ };
@@ -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>;