@m4l/components 9.3.12-BE270825-beta.2 → 9.3.12-JT270825.beta.2

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 (114) hide show
  1. package/@types/types.d.ts +207 -61
  2. package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js +0 -2
  3. package/components/NumberInput/hooks/useNumberInput/useNumberInput.js +0 -2
  4. package/components/Stepper/Stepper.d.ts +8 -0
  5. package/components/Stepper/Stepper.js +69 -0
  6. package/components/Stepper/Stepper.styles.d.ts +2 -0
  7. package/components/Stepper/Stepper.styles.js +280 -0
  8. package/components/Stepper/constants.d.ts +2 -0
  9. package/components/Stepper/constants.js +6 -0
  10. package/components/Stepper/dictionary.d.ts +8 -0
  11. package/components/Stepper/dictionary.js +10 -0
  12. package/components/Stepper/helpers/evaluateVisibilityStepCondition/index.d.ts +9 -0
  13. package/components/Stepper/helpers/evaluateVisibilityStepCondition/index.js +17 -0
  14. package/components/Stepper/helpers/findNextVisibleValidStep/index.d.ts +10 -0
  15. package/components/Stepper/helpers/findNextVisibleValidStep/index.js +13 -0
  16. package/components/Stepper/helpers/findPrevVisibleValidStep/index.d.ts +10 -0
  17. package/components/Stepper/helpers/findPrevVisibleValidStep/index.js +13 -0
  18. package/components/Stepper/helpers/index.d.ts +4 -0
  19. package/components/Stepper/helpers/isLastVisibleValidStep/index.d.ts +10 -0
  20. package/components/Stepper/helpers/isLastVisibleValidStep/index.js +16 -0
  21. package/components/Stepper/hooks/useIsLastVisibleValidStep/index.d.ts +6 -0
  22. package/components/Stepper/hooks/useIsLastVisibleValidStep/index.js +16 -0
  23. package/components/Stepper/hooks/useStepper/index.d.ts +5 -0
  24. package/components/Stepper/hooks/useStepper/index.js +20 -0
  25. package/components/Stepper/hooks/useStepperActions/index.d.ts +1 -0
  26. package/components/Stepper/hooks/useStepperActions/index.js +1 -0
  27. package/components/Stepper/hooks/useStepperActions/useStepperActions.d.ts +8 -0
  28. package/components/Stepper/hooks/useStepperActions/useStepperActions.js +56 -0
  29. package/components/Stepper/icons.d.ts +9 -0
  30. package/components/Stepper/icons.js +12 -0
  31. package/components/Stepper/index.d.ts +13 -0
  32. package/components/Stepper/index.js +1 -0
  33. package/components/Stepper/slots/StepperEnum.d.ts +26 -0
  34. package/components/Stepper/slots/StepperEnum.js +36 -0
  35. package/components/Stepper/slots/StepperSlot.d.ts +57 -0
  36. package/components/Stepper/slots/StepperSlot.js +97 -0
  37. package/components/Stepper/store/StepperContext/index.d.ts +12 -0
  38. package/components/Stepper/store/StepperContext/index.js +103 -0
  39. package/components/Stepper/store/StepperStore/index.d.ts +16 -0
  40. package/components/Stepper/store/StepperStore/index.js +152 -0
  41. package/components/Stepper/store/types.d.ts +78 -0
  42. package/components/Stepper/subcomponents/ContentArea/index.d.ts +6 -0
  43. package/components/Stepper/subcomponents/ContentArea/index.js +24 -0
  44. package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperIcon/index.d.ts +4 -0
  45. package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperIcon/index.js +20 -0
  46. package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperTitle/index.d.ts +4 -0
  47. package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperTitle/index.js +23 -0
  48. package/components/Stepper/subcomponents/StepArea/index.d.ts +6 -0
  49. package/components/Stepper/subcomponents/StepArea/index.js +135 -0
  50. package/components/Stepper/subcomponents/StepArea/subcomponents/Inidicator/index.d.ts +5 -0
  51. package/components/Stepper/subcomponents/StepArea/subcomponents/Inidicator/index.js +85 -0
  52. package/components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.d.ts +4 -0
  53. package/components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.js +25 -0
  54. package/components/Stepper/subcomponents/StepperButtons/StepperNextButton/index.d.ts +4 -0
  55. package/components/Stepper/subcomponents/StepperButtons/StepperNextButton/index.js +46 -0
  56. package/components/Stepper/subcomponents/StepperButtons/StepperPrevButton/index.d.ts +4 -0
  57. package/components/Stepper/subcomponents/StepperButtons/StepperPrevButton/index.js +52 -0
  58. package/components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.d.ts +4 -0
  59. package/components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.js +20 -0
  60. package/components/Stepper/subcomponents/StepperButtons/index.d.ts +4 -0
  61. package/components/Stepper/subcomponents/StepperButtons/index.js +1 -0
  62. package/components/Stepper/subcomponents/StepperContent/index.d.ts +7 -0
  63. package/components/Stepper/subcomponents/StepperContent/index.js +23 -0
  64. package/components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.d.ts +6 -0
  65. package/components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.js +42 -0
  66. package/components/Stepper/subcomponents/StepperFooter/index.d.ts +6 -0
  67. package/components/Stepper/subcomponents/StepperFooter/index.js +48 -0
  68. package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterLeftActions/index.d.ts +6 -0
  69. package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterLeftActions/index.js +9 -0
  70. package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterRightActions/index.d.ts +6 -0
  71. package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterRightActions/index.js +33 -0
  72. package/components/Stepper/types.d.ts +156 -0
  73. package/components/areas/contexts/AreasContext/store.js +2 -2
  74. package/components/hook-form/RHFAutocompleteAsync/reducer/RHFAutocompleteReducer.js +0 -5
  75. package/components/hook-form/RHFormContext/index.d.ts +1 -1
  76. package/components/hook-form/RHFormContext/index.js +5 -4
  77. package/components/hook-form/RHFormContext/types.d.ts +3 -1
  78. package/components/index.d.ts +1 -1
  79. package/components/mui_extended/Typography/Typography.js +1 -3
  80. package/components/mui_extended/Typography/types.d.ts +0 -5
  81. package/components/mui_extended/Typography/typography.styles.js +0 -1
  82. package/helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.d.ts +11 -0
  83. package/helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.js +44 -0
  84. package/helpers/getStepsAndValidationSchema/index.d.ts +2 -0
  85. package/helpers/getStepsAndValidationSchema/index.js +1 -0
  86. package/helpers/getStepsAndValidationSchema/types.d.ts +21 -0
  87. package/helpers/getStepsAndValidationSchema/types.js +1 -0
  88. package/helpers/index.d.ts +1 -0
  89. package/helpers/index.js +1 -0
  90. package/index.d.ts +1 -0
  91. package/index.js +92 -68
  92. package/package.json +1 -1
  93. package/storybook/components/Stepper/Stepper.stories.d.ts +28 -0
  94. package/storybook/components/Stepper/api/userApi.d.ts +6 -0
  95. package/storybook/components/Stepper/components/AdminPermissionsStep.d.ts +4 -0
  96. package/storybook/components/Stepper/components/CompanySocialMediaStep.d.ts +4 -0
  97. package/storybook/components/Stepper/components/CompanyStep.d.ts +4 -0
  98. package/storybook/components/Stepper/components/ContactStep.d.ts +4 -0
  99. package/storybook/components/Stepper/components/ExtraInformationStep.d.ts +4 -0
  100. package/storybook/components/Stepper/components/ModulePermissionsStep.d.ts +4 -0
  101. package/storybook/components/Stepper/components/PrivilegesStep.d.ts +4 -0
  102. package/storybook/components/Stepper/helpers/useSteps.d.ts +43 -0
  103. package/storybook/components/Stepper/subcomponents/StepperDecorator.d.ts +9 -0
  104. package/storybook/components/Stepper/validations/CompanyData.d.ts +18 -0
  105. package/storybook/components/Stepper/validations/ContactData.d.ts +11 -0
  106. package/storybook/components/Stepper/validations/ExtraInformationData.d.ts +9 -0
  107. package/storybook/components/Stepper/validations/PrivilegesData.d.ts +14 -0
  108. package/components/Card/Card.js +0 -49
  109. package/components/Card/Card.styles.js +0 -52
  110. package/components/Card/constants.js +0 -23
  111. package/components/Card/helpers/getSizeSpacing.js +0 -10
  112. package/components/Card/slots/CardEnum.js +0 -7
  113. package/components/Card/slots/CardSlots.js +0 -11
  114. /package/components/{Card → Stepper/helpers}/index.js +0 -0
package/index.js CHANGED
@@ -18,8 +18,7 @@ import { a as a2, A as A6 } from "./components/areas/contexts/AreasContext/index
18
18
  import { u } from "./components/areas/hooks/useAreas/index.js";
19
19
  import { A as A7, a as a3, L as L2, b as b2, g as g3 } from "./components/areas/dictionary.js";
20
20
  import { B } from "./components/BaseModule/BaseModule.js";
21
- import { C } from "./components/Card/Card.js";
22
- import { C as C2 } from "./components/Chip/Chip.js";
21
+ import { C } from "./components/Chip/Chip.js";
23
22
  import { A as A8 } from "./components/commercial/AppBarCommercial/index.js";
24
23
  import { H } from "./components/commercial/HamburgerMenu/HamburgerMenu.js";
25
24
  import { T } from "./components/commercial/TopBar/TopBar.js";
@@ -30,32 +29,32 @@ import { A as A11 } from "./components/CommonActions/components/ActionIntro/Acti
30
29
  import { A as A12 } from "./components/CommonActions/components/ActionFormCancel/ActionFormCancel.js";
31
30
  import { A as A13 } from "./components/CommonActions/components/ActionFormIntro/ActionFormIntro.js";
32
31
  import { D, d, g as g4 } from "./components/CommonActions/dictionary.js";
33
- import { C as C3 } from "./components/ContainerFlow/ContainerFlow.js";
32
+ import { C as C2 } from "./components/ContainerFlow/ContainerFlow.js";
34
33
  import { D as D2 } from "./components/DataGrid/DataGrid.js";
35
34
  import { g as g5 } from "./components/DataGrid/dictionary.js";
36
35
  import { N, T as T2 } from "./components/DataGrid/subcomponents/editors/TextEditor/index.js";
37
36
  import { g as g6 } from "./components/DataGrid/utils/getDataGridRowsFromSet.js";
38
37
  import { b as b3, a as a4, e } from "./components/DataGrid/constants.js";
39
- import { C as C4 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
38
+ import { C as C3 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
40
39
  import { u as u2 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
41
- import { C as C5 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
40
+ import { C as C4 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
42
41
  import { u as u3 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/useColumnConcatenatedValues.js";
43
- import { C as C6 } from "./components/DataGrid/formatters/ColumnDateFormatter/formatter.js";
42
+ import { C as C5 } from "./components/DataGrid/formatters/ColumnDateFormatter/formatter.js";
44
43
  import { u as u4 } from "./components/DataGrid/formatters/ColumnDateFormatter/useColumnDate.js";
45
- import { C as C7 } from "./components/DataGrid/formatters/ColumnIconFormatter/formatter.js";
46
- import { C as C8 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/formatter.js";
44
+ import { C as C6 } from "./components/DataGrid/formatters/ColumnIconFormatter/formatter.js";
45
+ import { C as C7 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/formatter.js";
47
46
  import { u as u5 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/useColumnInteractiveCheck.js";
48
- import { C as C9 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/formatter.js";
47
+ import { C as C8 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/formatter.js";
49
48
  import { u as u6 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js";
50
- import { C as C10 } from "./components/DataGrid/formatters/ColumnPointsFormatter/formatter.js";
49
+ import { C as C9 } from "./components/DataGrid/formatters/ColumnPointsFormatter/formatter.js";
51
50
  import { u as u7 } from "./components/DataGrid/formatters/ColumnPointsFormatter/useColumnPoints.js";
52
- import { C as C11 } from "./components/DataGrid/formatters/ColumnPriceFormatter/formatter.js";
51
+ import { C as C10 } from "./components/DataGrid/formatters/ColumnPriceFormatter/formatter.js";
53
52
  import { u as u8 } from "./components/DataGrid/formatters/ColumnPriceFormatter/useColumnPrice.js";
54
- import { C as C12 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/formatter.js";
53
+ import { C as C11 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/formatter.js";
55
54
  import { u as u9 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/useColumnSetCheck.js";
56
- import { C as C13 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/formatter.js";
55
+ import { C as C12 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/formatter.js";
57
56
  import { u as u10 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/useColumnUncertainty.js";
58
- import { C as C14 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/formatter.js";
57
+ import { C as C13 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/formatter.js";
59
58
  import { u as u11 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js";
60
59
  import { D as D3 } from "./components/DragResizeWindowRND/DragResizeWindowRND.js";
61
60
  import { d as d2 } from "./components/DragResizeWindowRND/classes/index.js";
@@ -78,7 +77,7 @@ import { R as R3 } from "./components/extended/React-Json-Viewer/ReactJsonViewer
78
77
  import { A as A14 } from "./components/mui_extended/Avatar/Avatar.js";
79
78
  import { B as B2 } from "./components/mui_extended/BoxIcon/index.js";
80
79
  import { B as B3 } from "./components/mui_extended/Breadcrumbs/index.js";
81
- import { C as C15 } from "./components/mui_extended/CircularProgress/CircularProgress.js";
80
+ import { C as C14 } from "./components/mui_extended/CircularProgress/CircularProgress.js";
82
81
  import { B as B4 } from "./components/mui_extended/Badge/Badge.js";
83
82
  import { L as L3 } from "./components/mui_extended/LinearProgress/index.js";
84
83
  import { L as L4 } from "./components/mui_extended/LinkWithRoute/index.js";
@@ -88,7 +87,7 @@ import { A as A15 } from "./components/mui_extended/Accordion/Accordion.js";
88
87
  import { T as T3 } from "./components/mui_extended/Tooltip/Tooltip.js";
89
88
  import { I as I2 } from "./components/mui_extended/IconButton/IconButton.js";
90
89
  import { B as B5 } from "./components/mui_extended/Button/Button.js";
91
- import { C as C16 } from "./components/mui_extended/CheckBox/CheckBox.js";
90
+ import { C as C15 } from "./components/mui_extended/CheckBox/CheckBox.js";
92
91
  import { I as I3 } from "./components/mui_extended/ImageButton/ImageButton.js";
93
92
  import { P as P2 } from "./components/mui_extended/Popover/Popover.js";
94
93
  import { S as S4 } from "./components/mui_extended/Select/Select.js";
@@ -116,10 +115,10 @@ import { B as B6 } from "./components/formatters/BooleanFormatter/BooleanFormatt
116
115
  import { D as D8, g as g12 } from "./components/formatters/DateFormatter/DateFormatter.js";
117
116
  import { U, g as g13 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
118
117
  import { P as P3, g as g14 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
119
- import { C as C17, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
118
+ import { C as C16, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
120
119
  import { P as P4, u as u12 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
121
120
  import { P as P5, g as g16 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
122
- import { C as C18 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
121
+ import { C as C17 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
123
122
  import { g as g17 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
124
123
  import { D as D9 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
125
124
  import { g as g18 } from "./components/formatters/dictionary.js";
@@ -195,26 +194,38 @@ import { a as a14, g as g28 } from "./components/ModalDialog/dictionary.js";
195
194
  import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
196
195
  import { S as S10 } from "./components/SettingsLayout/SettingsLayout.js";
197
196
  import { P as P13 } from "./components/Pager/Pager.js";
198
- import { F as F3, R as R23, u as u16 } from "./components/hook-form/RHFormContext/index.js";
197
+ import { u as u16 } from "./components/Stepper/hooks/useStepper/index.js";
198
+ import { S as S11 } from "./components/Stepper/Stepper.js";
199
+ import { S as S12 } from "./components/Stepper/subcomponents/StepperContent/index.js";
200
+ import { S as S13 } from "./components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.js";
201
+ import { S as S14 } from "./components/Stepper/subcomponents/StepperFooter/index.js";
202
+ import { S as S15 } from "./components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterLeftActions/index.js";
203
+ import { S as S16 } from "./components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterRightActions/index.js";
204
+ import { S as S17 } from "./components/Stepper/subcomponents/StepperButtons/StepperNextButton/index.js";
205
+ import { S as S18 } from "./components/Stepper/subcomponents/StepperButtons/StepperPrevButton/index.js";
206
+ import { S as S19 } from "./components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.js";
207
+ import { S as S20 } from "./components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.js";
208
+ import { e as e3 } from "./components/Stepper/helpers/evaluateVisibilityStepCondition/index.js";
209
+ import { F as F3, R as R23, u as u17 } from "./components/hook-form/RHFormContext/index.js";
199
210
  import { g as g29 } from "./components/hook-form/RHFormContext/dictionary.js";
200
- import { u as u17 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
211
+ import { u as u18 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
201
212
  import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
202
213
  import { a as a15, M as M9 } from "./contexts/ModalContext/index.js";
203
- import { u as u18 } from "./hooks/useFormAddEdit/index.js";
204
- import { u as u19 } from "./hooks/useModal/index.js";
205
- import { u as u20 } from "./hooks/useTab/index.js";
214
+ import { u as u19 } from "./hooks/useFormAddEdit/index.js";
215
+ import { u as u20 } from "./hooks/useModal/index.js";
216
+ import { u as u21 } from "./hooks/useTab/index.js";
206
217
  import { g as g30 } from "./hooks/useFormAddEdit/dictionary.js";
207
- import { u as u21 } from "./hooks/useFormFocus/index.js";
208
- import { u as u22 } from "./hooks/useInterval/index.js";
209
- import { u as u23 } from "./hooks/useComponentSize/useComponentSize.js";
210
- import { u as u24 } from "./hooks/useFormReadyForUpdate/index.js";
211
- import { u as u25 } from "./hooks/useStateRef/index.js";
212
- import { S as S11 } from "./hooks/useSvgColor/constants.js";
213
- import { u as u26 } from "./hooks/useSvgColor/useSvgColor.js";
214
- import { u as u27 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
215
- import { u as u28 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
216
- import { u as u29 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
217
- import { u as u30 } from "./hooks/useIsVisible/useIsVisible.js";
218
+ import { u as u22 } from "./hooks/useFormFocus/index.js";
219
+ import { u as u23 } from "./hooks/useInterval/index.js";
220
+ import { u as u24 } from "./hooks/useComponentSize/useComponentSize.js";
221
+ import { u as u25 } from "./hooks/useFormReadyForUpdate/index.js";
222
+ import { u as u26 } from "./hooks/useStateRef/index.js";
223
+ import { S as S21 } from "./hooks/useSvgColor/constants.js";
224
+ import { u as u27 } from "./hooks/useSvgColor/useSvgColor.js";
225
+ import { u as u28 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
226
+ import { u as u29 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
227
+ import { u as u30 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
228
+ import { u as u31 } from "./hooks/useIsVisible/useIsVisible.js";
218
229
  import { c as c4 } from "./utils/capitalizeFirstLetter.js";
219
230
  import { i as i2 } from "./utils/isValidDate.js";
220
231
  import { g as g31 } from "./utils/getComponentUtilityClass.js";
@@ -227,6 +238,7 @@ import { g as g36, a as a17 } from "./utils/getComponentSlotRoot.js";
227
238
  import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
228
239
  import { g as g37 } from "./utils/getValidDate.js";
229
240
  import { g as g38 } from "./utils/getNullGuard.js";
241
+ import { g as g39 } from "./helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.js";
230
242
  export {
231
243
  A7 as AREAS_DICCTIONARY,
232
244
  a3 as AREAS_DICTIONARY_ID,
@@ -252,24 +264,23 @@ export {
252
264
  B2 as BoxIcon,
253
265
  B3 as Breadcrumbs,
254
266
  B5 as Button,
255
- C as Card,
256
- C16 as CheckBox,
257
- C2 as Chip,
258
- C18 as ChipStatusFormatter,
259
- C15 as CircularProgress,
260
- C4 as ColumnBooleanFormatter,
261
- C14 as ColumnChipStatusFormatter,
262
- C5 as ColumnConcatenatedValueFormatter,
263
- C6 as ColumnDateFormatter,
264
- C7 as ColumnIconFormatter,
265
- C8 as ColumnInteractiveCheckFormatter,
266
- C9 as ColumnNestedValueFormatter,
267
- C10 as ColumnPointsFormatter,
268
- C11 as ColumnPriceFormatter,
269
- C12 as ColumnSetCheckFormatter,
270
- C13 as ColumnUncertaintyFormatter,
271
- C17 as ConcatenatedFormatter,
272
- C3 as ContainerFlow,
267
+ C15 as CheckBox,
268
+ C as Chip,
269
+ C17 as ChipStatusFormatter,
270
+ C14 as CircularProgress,
271
+ C3 as ColumnBooleanFormatter,
272
+ C13 as ColumnChipStatusFormatter,
273
+ C4 as ColumnConcatenatedValueFormatter,
274
+ C5 as ColumnDateFormatter,
275
+ C6 as ColumnIconFormatter,
276
+ C7 as ColumnInteractiveCheckFormatter,
277
+ C8 as ColumnNestedValueFormatter,
278
+ C9 as ColumnPointsFormatter,
279
+ C10 as ColumnPriceFormatter,
280
+ C11 as ColumnSetCheckFormatter,
281
+ C12 as ColumnUncertaintyFormatter,
282
+ C16 as ConcatenatedFormatter,
283
+ C2 as ContainerFlow,
273
284
  b3 as DATAGRID_ROW_HEADER_HEIGHTS,
274
285
  a4 as DATAGRID_ROW_HEIGHTS,
275
286
  e as DATAGRID_SEMANTIC_WIDTHS,
@@ -362,7 +373,7 @@ export {
362
373
  R as Resizable,
363
374
  R2 as ResizableBox,
364
375
  R4 as Responsive,
365
- S11 as SKELETON_SVG_ICON,
376
+ S21 as SKELETON_SVG_ICON,
366
377
  S8 as ScrollBar,
367
378
  S as SectionCommercial,
368
379
  S4 as Select,
@@ -373,6 +384,16 @@ export {
373
384
  S2 as SortCompareValues,
374
385
  S3 as SplitLayout,
375
386
  S6 as Stack,
387
+ S13 as Step,
388
+ S11 as Stepper,
389
+ S19 as StepperCancelButton,
390
+ S12 as StepperContent,
391
+ S14 as StepperFooter,
392
+ S15 as StepperFooterLeftActions,
393
+ S16 as StepperFooterRightActions,
394
+ S17 as StepperNextButton,
395
+ S18 as StepperPrevButton,
396
+ S20 as StepperSubmitButton,
376
397
  T10 as TOGGLE_BUTTON_KEY_COMPONENT,
377
398
  a8 as TOGGLE_ICON_BUTTON_CLASS_NAME_SPECIFY,
378
399
  T14 as TOGGLE_ICON_BUTTON_KEY_COMPONENT,
@@ -408,6 +429,7 @@ export {
408
429
  c as createToaster,
409
430
  d as defaultCommonActionsDictionary,
410
431
  d2 as dragResizeWindowRNDClasses,
432
+ e3 as evaluateVisibilityStepCondition,
411
433
  f as formatDistanceToNow,
412
434
  g as getAccountPopoverDictionary,
413
435
  g2 as getAppBarDictionary,
@@ -449,6 +471,7 @@ export {
449
471
  g9 as getRawFiltersForNetwork,
450
472
  g10 as getRawSortsForNetwork,
451
473
  g35 as getSizeStyles,
474
+ g39 as getStepsAndValidationSchema,
452
475
  g33 as getTypographyStyles,
453
476
  g13 as getUncertaintyFormat,
454
477
  g37 as getValidDate,
@@ -459,7 +482,7 @@ export {
459
482
  r as rhfPeriodStyles,
460
483
  t as toggleButtonStyles,
461
484
  t2 as toggleIconButtonStyles,
462
- u17 as useAppearanceComponentStore,
485
+ u18 as useAppearanceComponentStore,
463
486
  u as useAreasStore,
464
487
  u2 as useColumnBoolean,
465
488
  u11 as useColumnChipStatus,
@@ -471,24 +494,25 @@ export {
471
494
  u8 as useColumnPrice,
472
495
  u9 as useColumnSetCheck,
473
496
  u10 as useColumnUncertanity,
474
- u23 as useComponentSize,
475
- u16 as useCustomForm,
476
- u28 as useDataGridPersistence,
477
- u27 as useDynamicFilterAndSort,
497
+ u24 as useComponentSize,
498
+ u17 as useCustomForm,
499
+ u29 as useDataGridPersistence,
500
+ u28 as useDynamicFilterAndSort,
478
501
  u15 as useDynamicMFParameters,
479
502
  a11 as useDynamicMFParametersStore,
480
- u18 as useFormAddEdit,
481
- u21 as useFormFocus,
482
- u24 as useFormReadyForUpdate,
503
+ u19 as useFormAddEdit,
504
+ u22 as useFormFocus,
505
+ u25 as useFormReadyForUpdate,
483
506
  u12 as useFormatPeriod,
484
- u22 as useInterval,
485
- u30 as useIsVisible,
486
- u19 as useModal,
487
- u29 as usePopoverContainer,
507
+ u23 as useInterval,
508
+ u31 as useIsVisible,
509
+ u20 as useModal,
510
+ u30 as usePopoverContainer,
488
511
  u13 as usePopupsStore,
489
- u25 as useStateRef,
490
- u26 as useSvgColor,
491
- u20 as useTab,
512
+ u26 as useStateRef,
513
+ u16 as useStepper,
514
+ u27 as useSvgColor,
515
+ u21 as useTab,
492
516
  u14 as useWindowToolsMF,
493
517
  v2 as varBounce,
494
518
  v3 as varContainer,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "9.3.12-BE270825-beta.2",
3
+ "version": "9.3.12-JT270825.beta.2",
4
4
  "license": "UNLICENSED",
5
5
  "description": "M4L Components",
6
6
  "lint-staged": {
@@ -0,0 +1,28 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { StepperDecorator } from './subcomponents/StepperDecorator';
3
+ declare const meta: Meta<typeof StepperDecorator>;
4
+ type Story = StoryObj<typeof StepperDecorator>;
5
+ /**
6
+ * Historia por default - Stepper básico sin visibilityConditions
7
+ */
8
+ export declare const Default: Story;
9
+ /**
10
+ * Historia con visibilityConditions - Stepper completo con submit intermedio y visibilityCondition
11
+ */
12
+ export declare const WithVisibilityConditions: Story;
13
+ /**
14
+ * Story que demuestra automáticamente errores de validación
15
+ * Play para mostrar errores cuando se hace submit sin llenar campos
16
+ */
17
+ export declare const PVStepperValidationErrors: Story;
18
+ /**
19
+ * Story que demuestra automáticamente el flujo de submit intermedio
20
+ * Play para llenar cada formulario, hacer submit y mostrar cómo aparecen los siguientes pasos
21
+ */
22
+ export declare const PVStepperIntermediateSubmitFlow: Story;
23
+ /**
24
+ * Story que demuestra automáticamente la navegación entre steps
25
+ * Play para mostrar el flujo de navegación con botones Siguiente y Anterior
26
+ */
27
+ export declare const PVStepperNavigationFlow: Story;
28
+ export default meta;
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Simula la creación de un nuevo usuario
3
+ * @param formData - Datos del formulario de usuario
4
+ * @returns Promise con el usuario creado incluyendo el ID generado
5
+ */
6
+ export declare const createUser: (formData: any) => Promise<any>;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Componente para permisos de administración.
3
+ */
4
+ export declare function AdminPermissionsStep(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Componente para redes sociales de la empresa.
3
+ */
4
+ export declare function CompanySocialMediaStep(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Paso de datos de empresa para el Stepper que contiene campos de formulario para información empresarial.
3
+ */
4
+ export declare function CompanyStep(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Paso de contacto para el Stepper que contiene campos de formulario para datos de contacto.
3
+ */
4
+ export declare function ContactStep(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Paso de información adicional para el Stepper que contiene campos de formulario para exta información del usuario
3
+ */
4
+ export declare function ExtraInformationStep(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Componente para permisos de módulos.
3
+ */
4
+ export declare function ModulePermissionsStep(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Paso de privilegios para el Stepper que contiene campos de formulario para los privilegios del usuario.
3
+ */
4
+ export declare function PrivilegesStep(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,43 @@
1
+ /**
2
+ * Hook personalizado para manejar la configuración de steps del Stepper en Storybook
3
+ */
4
+ export declare function useSteps(withVisibilityConditions?: boolean): {
5
+ validationSchema: import('yup').ObjectSchema<import('yup/lib/object').Assign<import('yup/lib/object').ObjectShape, Record<string, any>>, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<import('yup/lib/object').Assign<import('yup/lib/object').ObjectShape, Record<string, any>>>, import('yup/lib/object').AssertsShape<import('yup/lib/object').Assign<import('yup/lib/object').ObjectShape, Record<string, any>>>>;
6
+ steps: import('../../../../src').TypeStep[];
7
+ visibilityData: {
8
+ objectId: any;
9
+ };
10
+ onSubmit: (data: any) => Promise<void>;
11
+ formValues: {
12
+ first_name: string;
13
+ last_name: string;
14
+ email: string;
15
+ first_phone: string;
16
+ second_phone: string;
17
+ requires_permissions: boolean;
18
+ user_type: string;
19
+ role: string;
20
+ can_manage_users: boolean;
21
+ can_manage_roles: boolean;
22
+ can_access_system_config: boolean;
23
+ can_view_reports: boolean;
24
+ can_edit_content: boolean;
25
+ can_delete_records: boolean;
26
+ address: string;
27
+ country: string;
28
+ city: string;
29
+ postal_code: string;
30
+ company_name: string;
31
+ company_position: string;
32
+ company_department: string;
33
+ company_phone: string;
34
+ company_email: string;
35
+ company_website: string;
36
+ company_facebook: string;
37
+ company_twitter: string;
38
+ company_linkedin: string;
39
+ company_instagram: string;
40
+ company_youtube: string;
41
+ company_tiktok: string;
42
+ };
43
+ };
@@ -0,0 +1,9 @@
1
+ import { StepperProps } from '../../../../src/components/Stepper/types';
2
+ interface StepperDecoratorProps extends Omit<StepperProps, 'steps'> {
3
+ withVisibilityConditions?: boolean;
4
+ }
5
+ /**
6
+ * Decorator para Storybook
7
+ */
8
+ export declare function StepperDecorator({ withVisibilityConditions, }: StepperDecoratorProps): import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,18 @@
1
+ import * as Yup from 'yup';
2
+ /**
3
+ * Validaciones para el formulario de datos de empresa
4
+ */
5
+ export declare function CompanyDataValidation(): {
6
+ company_name: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
7
+ company_position: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
8
+ company_department: Yup.StringSchema<string | null | undefined, import('yup/lib/types').AnyObject, string | null | undefined>;
9
+ company_phone: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
10
+ company_email: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
11
+ company_website: Yup.StringSchema<string | null | undefined, import('yup/lib/types').AnyObject, string | null | undefined>;
12
+ company_facebook: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
13
+ company_twitter: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
14
+ company_linkedin: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
15
+ company_instagram: Yup.StringSchema<string | null | undefined, import('yup/lib/types').AnyObject, string | null | undefined>;
16
+ company_youtube: Yup.StringSchema<string | null | undefined, import('yup/lib/types').AnyObject, string | null | undefined>;
17
+ company_tiktok: Yup.StringSchema<string | null | undefined, import('yup/lib/types').AnyObject, string | null | undefined>;
18
+ };
@@ -0,0 +1,11 @@
1
+ import * as Yup from 'yup';
2
+ /**
3
+ * Validaciones para el formulario de datos de contacto
4
+ */
5
+ export declare function ContactDataValidation(): {
6
+ first_name: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
7
+ last_name: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
8
+ email: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
9
+ first_phone: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
10
+ second_phone: Yup.StringSchema<string | null | undefined, import('yup/lib/types').AnyObject, string | null | undefined>;
11
+ };
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Validaciones para el formulario de extra información del usuario.
3
+ */
4
+ export declare function ExtraInformationDataValidation(): {
5
+ address: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
6
+ country: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
7
+ city: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
8
+ postal_code: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
9
+ };
@@ -0,0 +1,14 @@
1
+ import * as Yup from 'yup';
2
+ /**
3
+ * Validaciones para el formulario de privilegios de usuario
4
+ */
5
+ export declare function PrivilegesDataValidation(): {
6
+ user_type: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
7
+ role: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
8
+ can_manage_users: Yup.BooleanSchema<boolean | undefined, import('yup/lib/types').AnyObject, boolean | undefined>;
9
+ can_manage_roles: Yup.BooleanSchema<boolean | undefined, import('yup/lib/types').AnyObject, boolean | undefined>;
10
+ can_access_system_config: Yup.BooleanSchema<boolean | undefined, import('yup/lib/types').AnyObject, boolean | undefined>;
11
+ can_view_reports: Yup.BooleanSchema<boolean | undefined, import('yup/lib/types').AnyObject, boolean | undefined>;
12
+ can_edit_content: Yup.BooleanSchema<boolean | undefined, import('yup/lib/types').AnyObject, boolean | undefined>;
13
+ can_delete_records: Yup.BooleanSchema<boolean | undefined, import('yup/lib/types').AnyObject, boolean | undefined>;
14
+ };
@@ -1,49 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { C as CardRootStyled } from "./slots/CardSlots.js";
3
- import { C as CARD_CLASSES } from "./constants.js";
4
- import clsx from "clsx";
5
- const Card = (props) => {
6
- const {
7
- className,
8
- variant = "text",
9
- gap = "standard",
10
- height = "auto",
11
- children,
12
- direction = "row",
13
- justifyContent = "center",
14
- alignItems = "center",
15
- selected = false,
16
- padding = "standard",
17
- ...others
18
- } = props;
19
- const ownerState = {
20
- variant,
21
- gap,
22
- height,
23
- direction,
24
- onClick: !!props.onClick,
25
- justifyContent,
26
- alignItems,
27
- selected,
28
- padding
29
- };
30
- return /* @__PURE__ */ jsx(
31
- CardRootStyled,
32
- {
33
- ownerState,
34
- className: clsx(
35
- CARD_CLASSES.root,
36
- variant === "outlined" && CARD_CLASSES.outlined,
37
- variant === "text" && CARD_CLASSES.text,
38
- selected && CARD_CLASSES.selected,
39
- className
40
- ),
41
- role: "card",
42
- ...others,
43
- children
44
- }
45
- );
46
- };
47
- export {
48
- Card as C
49
- };
@@ -1,52 +0,0 @@
1
- import { g as getSizeSpacing } from "./helpers/getSizeSpacing.js";
2
- const cardStyles = {
3
- /**
4
- * Estilos para el contenedor principal del card.
5
- */
6
- root: ({ theme, ownerState }) => ({
7
- display: "flex",
8
- justifyContent: ownerState?.justifyContent ?? "center",
9
- alignItems: ownerState?.alignItems ?? "center",
10
- flexDirection: ownerState?.direction ?? "column",
11
- gap: getSizeSpacing(ownerState?.gap),
12
- padding: getSizeSpacing(ownerState?.padding),
13
- transition: "all 0.2s ease-in-out",
14
- width: "100%",
15
- outline: "unset!important",
16
- borderRadius: theme.vars.size.borderRadius.r2,
17
- backgroundColor: theme.palette.background.paper,
18
- height: ownerState?.height ?? "auto",
19
- minHeight: ownerState?.height ?? "auto",
20
- maxHeight: ownerState?.height ?? "auto",
21
- overflow: "hidden",
22
- ...ownerState?.onClick && {
23
- cursor: "pointer",
24
- "&:hover": {
25
- backgroundColor: theme.vars.palette.background.base
26
- },
27
- "&:active": {
28
- backgroundColor: theme.vars.palette.default.activeOpacity
29
- },
30
- "&:focus-visible, &:focus-within": {
31
- border: theme.vars.size.borderStroke.container,
32
- borderColor: `${theme.vars.palette.primary.focusVisible}!important`,
33
- outline: "unset!important"
34
- }
35
- },
36
- ...ownerState?.variant === "outlined" && {
37
- border: theme.vars.size.borderStroke.container,
38
- borderColor: theme.vars.palette.border.disabled
39
- },
40
- ...ownerState?.variant === "text" && {
41
- border: theme.vars.size.borderStroke.container,
42
- borderColor: "transparent"
43
- },
44
- ...ownerState?.selected && {
45
- border: theme.vars.size.borderStroke.container,
46
- borderColor: theme.vars.palette.primary.enabled
47
- }
48
- })
49
- };
50
- export {
51
- cardStyles as c
52
- };
@@ -1,23 +0,0 @@
1
- import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
2
- import { C as CardSlots } from "./slots/CardEnum.js";
3
- const CARD_KEY = "M4LCard";
4
- const CARD_VARIANTS = {
5
- text: "text",
6
- outlined: "outlined"
7
- };
8
- const COMBINED_CLASSES = {
9
- ...CARD_VARIANTS,
10
- ...CardSlots,
11
- selected: "selected"
12
- };
13
- const CARD_CLASSES = getComponentClasses(CARD_KEY, COMBINED_CLASSES);
14
- const CARD_SIZES = {
15
- compact: 8,
16
- standard: 16,
17
- comfortable: 24
18
- };
19
- export {
20
- CARD_CLASSES as C,
21
- CARD_SIZES as a,
22
- CARD_KEY as b
23
- };
@@ -1,10 +0,0 @@
1
- import { a as CARD_SIZES } from "../constants.js";
2
- const getSizeSpacing = (gap) => {
3
- if (typeof gap === "number") {
4
- return gap;
5
- }
6
- return CARD_SIZES[gap ?? "standard"];
7
- };
8
- export {
9
- getSizeSpacing as g
10
- };
@@ -1,7 +0,0 @@
1
- var CardSlots = /* @__PURE__ */ ((CardSlots2) => {
2
- CardSlots2["root"] = "root";
3
- return CardSlots2;
4
- })(CardSlots || {});
5
- export {
6
- CardSlots as C
7
- };