@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.
- package/@types/types.d.ts +207 -61
- package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js +0 -2
- package/components/NumberInput/hooks/useNumberInput/useNumberInput.js +0 -2
- package/components/Stepper/Stepper.d.ts +8 -0
- package/components/Stepper/Stepper.js +69 -0
- package/components/Stepper/Stepper.styles.d.ts +2 -0
- package/components/Stepper/Stepper.styles.js +280 -0
- package/components/Stepper/constants.d.ts +2 -0
- package/components/Stepper/constants.js +6 -0
- package/components/Stepper/dictionary.d.ts +8 -0
- package/components/Stepper/dictionary.js +10 -0
- package/components/Stepper/helpers/evaluateVisibilityStepCondition/index.d.ts +9 -0
- package/components/Stepper/helpers/evaluateVisibilityStepCondition/index.js +17 -0
- package/components/Stepper/helpers/findNextVisibleValidStep/index.d.ts +10 -0
- package/components/Stepper/helpers/findNextVisibleValidStep/index.js +13 -0
- package/components/Stepper/helpers/findPrevVisibleValidStep/index.d.ts +10 -0
- package/components/Stepper/helpers/findPrevVisibleValidStep/index.js +13 -0
- package/components/Stepper/helpers/index.d.ts +4 -0
- package/components/Stepper/helpers/isLastVisibleValidStep/index.d.ts +10 -0
- package/components/Stepper/helpers/isLastVisibleValidStep/index.js +16 -0
- package/components/Stepper/hooks/useIsLastVisibleValidStep/index.d.ts +6 -0
- package/components/Stepper/hooks/useIsLastVisibleValidStep/index.js +16 -0
- package/components/Stepper/hooks/useStepper/index.d.ts +5 -0
- package/components/Stepper/hooks/useStepper/index.js +20 -0
- package/components/Stepper/hooks/useStepperActions/index.d.ts +1 -0
- package/components/Stepper/hooks/useStepperActions/index.js +1 -0
- package/components/Stepper/hooks/useStepperActions/useStepperActions.d.ts +8 -0
- package/components/Stepper/hooks/useStepperActions/useStepperActions.js +56 -0
- package/components/Stepper/icons.d.ts +9 -0
- package/components/Stepper/icons.js +12 -0
- package/components/Stepper/index.d.ts +13 -0
- package/components/Stepper/index.js +1 -0
- package/components/Stepper/slots/StepperEnum.d.ts +26 -0
- package/components/Stepper/slots/StepperEnum.js +36 -0
- package/components/Stepper/slots/StepperSlot.d.ts +57 -0
- package/components/Stepper/slots/StepperSlot.js +97 -0
- package/components/Stepper/store/StepperContext/index.d.ts +12 -0
- package/components/Stepper/store/StepperContext/index.js +103 -0
- package/components/Stepper/store/StepperStore/index.d.ts +16 -0
- package/components/Stepper/store/StepperStore/index.js +152 -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/index.js +24 -0
- package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperIcon/index.d.ts +4 -0
- package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperIcon/index.js +20 -0
- package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperTitle/index.d.ts +4 -0
- package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperTitle/index.js +23 -0
- package/components/Stepper/subcomponents/StepArea/index.d.ts +6 -0
- package/components/Stepper/subcomponents/StepArea/index.js +135 -0
- package/components/Stepper/subcomponents/StepArea/subcomponents/Inidicator/index.d.ts +5 -0
- package/components/Stepper/subcomponents/StepArea/subcomponents/Inidicator/index.js +85 -0
- package/components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.d.ts +4 -0
- package/components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.js +25 -0
- package/components/Stepper/subcomponents/StepperButtons/StepperNextButton/index.d.ts +4 -0
- package/components/Stepper/subcomponents/StepperButtons/StepperNextButton/index.js +46 -0
- package/components/Stepper/subcomponents/StepperButtons/StepperPrevButton/index.d.ts +4 -0
- package/components/Stepper/subcomponents/StepperButtons/StepperPrevButton/index.js +52 -0
- package/components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.d.ts +4 -0
- package/components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.js +20 -0
- package/components/Stepper/subcomponents/StepperButtons/index.d.ts +4 -0
- package/components/Stepper/subcomponents/StepperButtons/index.js +1 -0
- package/components/Stepper/subcomponents/StepperContent/index.d.ts +7 -0
- package/components/Stepper/subcomponents/StepperContent/index.js +23 -0
- package/components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.d.ts +6 -0
- package/components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.js +42 -0
- package/components/Stepper/subcomponents/StepperFooter/index.d.ts +6 -0
- package/components/Stepper/subcomponents/StepperFooter/index.js +48 -0
- package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterLeftActions/index.d.ts +6 -0
- package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterLeftActions/index.js +9 -0
- package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterRightActions/index.d.ts +6 -0
- package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterRightActions/index.js +33 -0
- package/components/Stepper/types.d.ts +156 -0
- package/components/areas/contexts/AreasContext/store.js +2 -2
- package/components/hook-form/RHFAutocompleteAsync/reducer/RHFAutocompleteReducer.js +0 -5
- 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/index.d.ts +1 -1
- package/components/mui_extended/Typography/Typography.js +1 -3
- package/components/mui_extended/Typography/types.d.ts +0 -5
- package/components/mui_extended/Typography/typography.styles.js +0 -1
- package/helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.d.ts +11 -0
- package/helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.js +44 -0
- package/helpers/getStepsAndValidationSchema/index.d.ts +2 -0
- package/helpers/getStepsAndValidationSchema/index.js +1 -0
- package/helpers/getStepsAndValidationSchema/types.d.ts +21 -0
- package/helpers/getStepsAndValidationSchema/types.js +1 -0
- package/helpers/index.d.ts +1 -0
- package/helpers/index.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +92 -68
- 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/components/Card/Card.js +0 -49
- package/components/Card/Card.styles.js +0 -52
- package/components/Card/constants.js +0 -23
- package/components/Card/helpers/getSizeSpacing.js +0 -10
- package/components/Card/slots/CardEnum.js +0 -7
- package/components/Card/slots/CardSlots.js +0 -11
- /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/
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
46
|
-
import { C as
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 {
|
|
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
|
|
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
|
|
204
|
-
import { u as
|
|
205
|
-
import { u as
|
|
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
|
|
208
|
-
import { u as
|
|
209
|
-
import { u as
|
|
210
|
-
import { u as
|
|
211
|
-
import { u as
|
|
212
|
-
import { S as
|
|
213
|
-
import { u as
|
|
214
|
-
import { u as
|
|
215
|
-
import { u as
|
|
216
|
-
import { u as
|
|
217
|
-
import { u as
|
|
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
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
C5 as
|
|
263
|
-
C6 as
|
|
264
|
-
C7 as
|
|
265
|
-
C8 as
|
|
266
|
-
C9 as
|
|
267
|
-
C10 as
|
|
268
|
-
C11 as
|
|
269
|
-
C12 as
|
|
270
|
-
|
|
271
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
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
|
-
|
|
481
|
-
|
|
482
|
-
|
|
503
|
+
u19 as useFormAddEdit,
|
|
504
|
+
u22 as useFormFocus,
|
|
505
|
+
u25 as useFormReadyForUpdate,
|
|
483
506
|
u12 as useFormatPeriod,
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
507
|
+
u23 as useInterval,
|
|
508
|
+
u31 as useIsVisible,
|
|
509
|
+
u20 as useModal,
|
|
510
|
+
u30 as usePopoverContainer,
|
|
488
511
|
u13 as usePopupsStore,
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
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
|
@@ -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,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
|
+
};
|
package/components/Card/Card.js
DELETED
|
@@ -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
|
-
};
|