@salt-ds/lab 1.0.0-alpha.65 → 1.0.0-alpha.67
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/CHANGELOG.md +65 -0
- package/css/salt-lab.css +111 -214
- package/dist-cjs/carousel/Carousel.css.js +1 -1
- package/dist-cjs/carousel/Carousel.js +30 -87
- package/dist-cjs/carousel/Carousel.js.map +1 -1
- package/dist-cjs/carousel/CarouselContext.js +62 -0
- package/dist-cjs/carousel/CarouselContext.js.map +1 -0
- package/dist-cjs/carousel/CarouselControls.css.js +6 -0
- package/dist-cjs/carousel/CarouselControls.css.js.map +1 -0
- package/dist-cjs/carousel/CarouselControls.js +122 -0
- package/dist-cjs/carousel/CarouselControls.js.map +1 -0
- package/dist-cjs/carousel/CarouselReducer.js +77 -0
- package/dist-cjs/carousel/CarouselReducer.js.map +1 -0
- package/dist-cjs/carousel/CarouselSlide.css.js +6 -0
- package/dist-cjs/carousel/CarouselSlide.css.js.map +1 -0
- package/dist-cjs/carousel/CarouselSlide.js +95 -45
- package/dist-cjs/carousel/CarouselSlide.js.map +1 -1
- package/dist-cjs/carousel/CarouselSlider.css.js +6 -0
- package/dist-cjs/carousel/CarouselSlider.css.js.map +1 -0
- package/dist-cjs/carousel/CarouselSlider.js +93 -0
- package/dist-cjs/carousel/CarouselSlider.js.map +1 -0
- package/dist-cjs/index.js +6 -8
- package/dist-cjs/index.js.map +1 -1
- package/dist-es/carousel/Carousel.css.js +1 -1
- package/dist-es/carousel/Carousel.js +32 -89
- package/dist-es/carousel/Carousel.js.map +1 -1
- package/dist-es/carousel/CarouselContext.js +58 -0
- package/dist-es/carousel/CarouselContext.js.map +1 -0
- package/dist-es/carousel/CarouselControls.css.js +4 -0
- package/dist-es/carousel/CarouselControls.css.js.map +1 -0
- package/dist-es/carousel/CarouselControls.js +120 -0
- package/dist-es/carousel/CarouselControls.js.map +1 -0
- package/dist-es/carousel/CarouselReducer.js +75 -0
- package/dist-es/carousel/CarouselReducer.js.map +1 -0
- package/dist-es/carousel/CarouselSlide.css.js +4 -0
- package/dist-es/carousel/CarouselSlide.css.js.map +1 -0
- package/dist-es/carousel/CarouselSlide.js +96 -46
- package/dist-es/carousel/CarouselSlide.js.map +1 -1
- package/dist-es/carousel/CarouselSlider.css.js +4 -0
- package/dist-es/carousel/CarouselSlider.css.js.map +1 -0
- package/dist-es/carousel/CarouselSlider.js +91 -0
- package/dist-es/carousel/CarouselSlider.js.map +1 -0
- package/dist-es/index.js +3 -4
- package/dist-es/index.js.map +1 -1
- package/dist-types/carousel/Carousel.d.ts +10 -23
- package/dist-types/carousel/CarouselContext.d.ts +11 -0
- package/dist-types/carousel/CarouselControls.d.ts +26 -0
- package/dist-types/carousel/CarouselReducer.d.ts +30 -0
- package/dist-types/carousel/CarouselSlide.d.ts +31 -8
- package/dist-types/carousel/CarouselSlider.d.ts +13 -0
- package/dist-types/carousel/index.d.ts +2 -0
- package/dist-types/index.d.ts +0 -1
- package/dist-types/utils/index.d.ts +1 -1
- package/package.json +2 -2
- package/dist-cjs/stepped-tracker/Step.Connector.css.js +0 -6
- package/dist-cjs/stepped-tracker/Step.Connector.css.js.map +0 -1
- package/dist-cjs/stepped-tracker/Step.Connector.js +0 -21
- package/dist-cjs/stepped-tracker/Step.Connector.js.map +0 -1
- package/dist-cjs/stepped-tracker/Step.Description.css.js +0 -6
- package/dist-cjs/stepped-tracker/Step.Description.css.js.map +0 -1
- package/dist-cjs/stepped-tracker/Step.Description.js +0 -35
- package/dist-cjs/stepped-tracker/Step.Description.js.map +0 -1
- package/dist-cjs/stepped-tracker/Step.ExpandTrigger.css.js +0 -6
- package/dist-cjs/stepped-tracker/Step.ExpandTrigger.css.js.map +0 -1
- package/dist-cjs/stepped-tracker/Step.ExpandTrigger.js +0 -38
- package/dist-cjs/stepped-tracker/Step.ExpandTrigger.js.map +0 -1
- package/dist-cjs/stepped-tracker/Step.Icon.css.js +0 -6
- package/dist-cjs/stepped-tracker/Step.Icon.css.js.map +0 -1
- package/dist-cjs/stepped-tracker/Step.Icon.js +0 -57
- package/dist-cjs/stepped-tracker/Step.Icon.js.map +0 -1
- package/dist-cjs/stepped-tracker/Step.Label.css.js +0 -6
- package/dist-cjs/stepped-tracker/Step.Label.css.js.map +0 -1
- package/dist-cjs/stepped-tracker/Step.Label.js +0 -37
- package/dist-cjs/stepped-tracker/Step.Label.js.map +0 -1
- package/dist-cjs/stepped-tracker/Step.SROnly.css.js +0 -6
- package/dist-cjs/stepped-tracker/Step.SROnly.css.js.map +0 -1
- package/dist-cjs/stepped-tracker/Step.SROnly.js +0 -21
- package/dist-cjs/stepped-tracker/Step.SROnly.js.map +0 -1
- package/dist-cjs/stepped-tracker/Step.css.js +0 -6
- package/dist-cjs/stepped-tracker/Step.css.js.map +0 -1
- package/dist-cjs/stepped-tracker/Step.js +0 -161
- package/dist-cjs/stepped-tracker/Step.js.map +0 -1
- package/dist-cjs/stepped-tracker/SteppedTracker.Provider.js +0 -19
- package/dist-cjs/stepped-tracker/SteppedTracker.Provider.js.map +0 -1
- package/dist-cjs/stepped-tracker/SteppedTracker.css.js +0 -6
- package/dist-cjs/stepped-tracker/SteppedTracker.css.js.map +0 -1
- package/dist-cjs/stepped-tracker/SteppedTracker.js +0 -36
- package/dist-cjs/stepped-tracker/SteppedTracker.js.map +0 -1
- package/dist-cjs/stepped-tracker/stepReducer.js +0 -155
- package/dist-cjs/stepped-tracker/stepReducer.js.map +0 -1
- package/dist-cjs/stepped-tracker/useStepReducer.js +0 -18
- package/dist-cjs/stepped-tracker/useStepReducer.js.map +0 -1
- package/dist-cjs/stepped-tracker/utils.js +0 -121
- package/dist-cjs/stepped-tracker/utils.js.map +0 -1
- package/dist-es/stepped-tracker/Step.Connector.css.js +0 -4
- package/dist-es/stepped-tracker/Step.Connector.css.js.map +0 -1
- package/dist-es/stepped-tracker/Step.Connector.js +0 -19
- package/dist-es/stepped-tracker/Step.Connector.js.map +0 -1
- package/dist-es/stepped-tracker/Step.Description.css.js +0 -4
- package/dist-es/stepped-tracker/Step.Description.css.js.map +0 -1
- package/dist-es/stepped-tracker/Step.Description.js +0 -33
- package/dist-es/stepped-tracker/Step.Description.js.map +0 -1
- package/dist-es/stepped-tracker/Step.ExpandTrigger.css.js +0 -4
- package/dist-es/stepped-tracker/Step.ExpandTrigger.css.js.map +0 -1
- package/dist-es/stepped-tracker/Step.ExpandTrigger.js +0 -36
- package/dist-es/stepped-tracker/Step.ExpandTrigger.js.map +0 -1
- package/dist-es/stepped-tracker/Step.Icon.css.js +0 -4
- package/dist-es/stepped-tracker/Step.Icon.css.js.map +0 -1
- package/dist-es/stepped-tracker/Step.Icon.js +0 -55
- package/dist-es/stepped-tracker/Step.Icon.js.map +0 -1
- package/dist-es/stepped-tracker/Step.Label.css.js +0 -4
- package/dist-es/stepped-tracker/Step.Label.css.js.map +0 -1
- package/dist-es/stepped-tracker/Step.Label.js +0 -35
- package/dist-es/stepped-tracker/Step.Label.js.map +0 -1
- package/dist-es/stepped-tracker/Step.SROnly.css.js +0 -4
- package/dist-es/stepped-tracker/Step.SROnly.css.js.map +0 -1
- package/dist-es/stepped-tracker/Step.SROnly.js +0 -19
- package/dist-es/stepped-tracker/Step.SROnly.js.map +0 -1
- package/dist-es/stepped-tracker/Step.css.js +0 -4
- package/dist-es/stepped-tracker/Step.css.js.map +0 -1
- package/dist-es/stepped-tracker/Step.js +0 -159
- package/dist-es/stepped-tracker/Step.js.map +0 -1
- package/dist-es/stepped-tracker/SteppedTracker.Provider.js +0 -15
- package/dist-es/stepped-tracker/SteppedTracker.Provider.js.map +0 -1
- package/dist-es/stepped-tracker/SteppedTracker.css.js +0 -4
- package/dist-es/stepped-tracker/SteppedTracker.css.js.map +0 -1
- package/dist-es/stepped-tracker/SteppedTracker.js +0 -34
- package/dist-es/stepped-tracker/SteppedTracker.js.map +0 -1
- package/dist-es/stepped-tracker/stepReducer.js +0 -153
- package/dist-es/stepped-tracker/stepReducer.js.map +0 -1
- package/dist-es/stepped-tracker/useStepReducer.js +0 -16
- package/dist-es/stepped-tracker/useStepReducer.js.map +0 -1
- package/dist-es/stepped-tracker/utils.js +0 -114
- package/dist-es/stepped-tracker/utils.js.map +0 -1
- package/dist-types/stepped-tracker/Step.Connector.d.ts +0 -1
- package/dist-types/stepped-tracker/Step.Description.d.ts +0 -4
- package/dist-types/stepped-tracker/Step.ExpandTrigger.d.ts +0 -5
- package/dist-types/stepped-tracker/Step.Icon.d.ts +0 -8
- package/dist-types/stepped-tracker/Step.Label.d.ts +0 -4
- package/dist-types/stepped-tracker/Step.SROnly.d.ts +0 -5
- package/dist-types/stepped-tracker/Step.d.ts +0 -2
- package/dist-types/stepped-tracker/Step.types.d.ts +0 -19
- package/dist-types/stepped-tracker/SteppedTracker.Provider.d.ts +0 -9
- package/dist-types/stepped-tracker/SteppedTracker.d.ts +0 -2
- package/dist-types/stepped-tracker/SteppedTracker.types.d.ts +0 -6
- package/dist-types/stepped-tracker/index.d.ts +0 -6
- package/dist-types/stepped-tracker/stepReducer.d.ts +0 -2
- package/dist-types/stepped-tracker/stepReducer.types.d.ts +0 -27
- package/dist-types/stepped-tracker/useStepReducer.d.ts +0 -3
- package/dist-types/stepped-tracker/utils.d.ts +0 -10
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var utils = require('./utils.js');
|
|
4
|
-
|
|
5
|
-
function stepReducer(state, action) {
|
|
6
|
-
var _a, _b;
|
|
7
|
-
switch (action.type) {
|
|
8
|
-
case "next": {
|
|
9
|
-
if (((_a = state.activeStep) == null ? void 0 : _a.status) === "error") {
|
|
10
|
-
return state;
|
|
11
|
-
}
|
|
12
|
-
const activeStepIndex = state.activeStepIndex + 1;
|
|
13
|
-
const lastStepIndex = state.flatSteps.length - 1;
|
|
14
|
-
if (activeStepIndex > lastStepIndex) {
|
|
15
|
-
const steps2 = utils.assignStepsStage(state.steps, "completed");
|
|
16
|
-
const flatSteps2 = utils.flattenSteps(steps2);
|
|
17
|
-
return {
|
|
18
|
-
steps: steps2,
|
|
19
|
-
flatSteps: flatSteps2,
|
|
20
|
-
activeStepIndex: lastStepIndex + 1,
|
|
21
|
-
activeStep: null,
|
|
22
|
-
previousStep: flatSteps2[lastStepIndex],
|
|
23
|
-
nextStep: null,
|
|
24
|
-
started: true,
|
|
25
|
-
ended: true
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
const activeStepId = state.flatSteps[activeStepIndex].id;
|
|
29
|
-
const steps = utils.autoStageSteps(utils.resetSteps(state.steps), { activeStepId });
|
|
30
|
-
const flatSteps = utils.flattenSteps(steps);
|
|
31
|
-
return {
|
|
32
|
-
steps,
|
|
33
|
-
flatSteps,
|
|
34
|
-
activeStepIndex,
|
|
35
|
-
activeStep: flatSteps[activeStepIndex],
|
|
36
|
-
previousStep: flatSteps[activeStepIndex - 1],
|
|
37
|
-
nextStep: flatSteps[activeStepIndex + 1] ?? null,
|
|
38
|
-
started: true,
|
|
39
|
-
ended: false
|
|
40
|
-
};
|
|
41
|
-
}
|
|
42
|
-
case "previous": {
|
|
43
|
-
if (((_b = state.activeStep) == null ? void 0 : _b.status) === "error") {
|
|
44
|
-
return state;
|
|
45
|
-
}
|
|
46
|
-
const activeStepIndex = state.activeStepIndex - 1;
|
|
47
|
-
if (activeStepIndex < 0) {
|
|
48
|
-
const steps2 = utils.assignStepsStage(state.steps, "pending");
|
|
49
|
-
const flatSteps2 = utils.flattenSteps(steps2);
|
|
50
|
-
return {
|
|
51
|
-
steps: steps2,
|
|
52
|
-
flatSteps: flatSteps2,
|
|
53
|
-
activeStepIndex: -1,
|
|
54
|
-
activeStep: null,
|
|
55
|
-
previousStep: null,
|
|
56
|
-
nextStep: flatSteps2[0],
|
|
57
|
-
started: false,
|
|
58
|
-
ended: false
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
const activeStepId = state.flatSteps[activeStepIndex].id;
|
|
62
|
-
const steps = utils.autoStageSteps(utils.resetSteps(state.steps), { activeStepId });
|
|
63
|
-
const flatSteps = utils.flattenSteps(steps);
|
|
64
|
-
return {
|
|
65
|
-
steps,
|
|
66
|
-
flatSteps,
|
|
67
|
-
activeStepIndex,
|
|
68
|
-
activeStep: flatSteps[activeStepIndex],
|
|
69
|
-
previousStep: flatSteps[activeStepIndex - 1] ?? null,
|
|
70
|
-
nextStep: flatSteps[activeStepIndex + 1],
|
|
71
|
-
started: true,
|
|
72
|
-
ended: false
|
|
73
|
-
};
|
|
74
|
-
}
|
|
75
|
-
case "status/error": {
|
|
76
|
-
const { activeStep, activeStepIndex } = state;
|
|
77
|
-
if (!activeStep) {
|
|
78
|
-
return state;
|
|
79
|
-
}
|
|
80
|
-
const activeStepId = activeStep.id;
|
|
81
|
-
const steps = utils.assignStepStatus(state.steps, activeStepId, "error");
|
|
82
|
-
const flatSteps = utils.flattenSteps(steps);
|
|
83
|
-
return {
|
|
84
|
-
...state,
|
|
85
|
-
steps,
|
|
86
|
-
flatSteps,
|
|
87
|
-
activeStepIndex,
|
|
88
|
-
activeStep: flatSteps[activeStepIndex],
|
|
89
|
-
previousStep: flatSteps[activeStepIndex - 1] ?? null,
|
|
90
|
-
nextStep: flatSteps[activeStepIndex + 1]
|
|
91
|
-
};
|
|
92
|
-
}
|
|
93
|
-
case "status/warning": {
|
|
94
|
-
const { activeStep, activeStepIndex } = state;
|
|
95
|
-
if (!activeStep) {
|
|
96
|
-
return state;
|
|
97
|
-
}
|
|
98
|
-
const activeStepId = activeStep.id;
|
|
99
|
-
const steps = utils.assignStepStatus(state.steps, activeStepId, "warning");
|
|
100
|
-
const flatSteps = utils.flattenSteps(steps);
|
|
101
|
-
return {
|
|
102
|
-
...state,
|
|
103
|
-
steps,
|
|
104
|
-
flatSteps,
|
|
105
|
-
activeStepIndex,
|
|
106
|
-
activeStep: flatSteps[activeStepIndex],
|
|
107
|
-
previousStep: flatSteps[activeStepIndex - 1] ?? null,
|
|
108
|
-
nextStep: flatSteps[activeStepIndex + 1]
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
case "status/clear": {
|
|
112
|
-
const { activeStep, activeStepIndex } = state;
|
|
113
|
-
if (!activeStep) {
|
|
114
|
-
return state;
|
|
115
|
-
}
|
|
116
|
-
const activeStepId = activeStep.id;
|
|
117
|
-
const steps = utils.assignStepStatus(state.steps, activeStepId, void 0);
|
|
118
|
-
const flatSteps = utils.flattenSteps(steps);
|
|
119
|
-
return {
|
|
120
|
-
...state,
|
|
121
|
-
steps,
|
|
122
|
-
flatSteps,
|
|
123
|
-
activeStepIndex,
|
|
124
|
-
activeStep: flatSteps[activeStepIndex],
|
|
125
|
-
previousStep: flatSteps[activeStepIndex - 1] ?? null,
|
|
126
|
-
nextStep: flatSteps[activeStepIndex + 1]
|
|
127
|
-
};
|
|
128
|
-
}
|
|
129
|
-
case "reset": {
|
|
130
|
-
const firstStepId = state.flatSteps[0].id;
|
|
131
|
-
const steps = utils.autoStageSteps(
|
|
132
|
-
utils.resetSteps(state.steps, { resetStatus: true }),
|
|
133
|
-
{ activeStepId: firstStepId }
|
|
134
|
-
);
|
|
135
|
-
const flatSteps = utils.flattenSteps(steps);
|
|
136
|
-
return {
|
|
137
|
-
steps,
|
|
138
|
-
flatSteps,
|
|
139
|
-
activeStepIndex: 0,
|
|
140
|
-
activeStep: flatSteps[0],
|
|
141
|
-
previousStep: null,
|
|
142
|
-
nextStep: flatSteps[1],
|
|
143
|
-
started: true,
|
|
144
|
-
ended: false
|
|
145
|
-
};
|
|
146
|
-
}
|
|
147
|
-
default: {
|
|
148
|
-
const exhaustiveCheck = action;
|
|
149
|
-
throw new Error(`Unhandled action: ${exhaustiveCheck}`);
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
module.exports = stepReducer;
|
|
155
|
-
//# sourceMappingURL=stepReducer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stepReducer.js","sources":["../src/stepped-tracker/stepReducer.ts"],"sourcesContent":["import type { StepReducerAction, StepReducerState } from \"./stepReducer.types\";\nimport {\n assignStepStatus,\n assignStepsStage,\n autoStageSteps,\n flattenSteps,\n resetSteps,\n} from \"./utils\";\n\nexport default function stepReducer(\n state: StepReducerState,\n action: StepReducerAction,\n): StepReducerState {\n switch (action.type) {\n case \"next\": {\n if (state.activeStep?.status === \"error\") {\n return state;\n }\n\n const activeStepIndex = state.activeStepIndex + 1;\n const lastStepIndex = state.flatSteps.length - 1;\n\n if (activeStepIndex > lastStepIndex) {\n const steps = assignStepsStage(state.steps, \"completed\");\n const flatSteps = flattenSteps(steps);\n\n return {\n steps,\n flatSteps,\n activeStepIndex: lastStepIndex + 1,\n activeStep: null,\n previousStep: flatSteps[lastStepIndex],\n nextStep: null,\n started: true,\n ended: true,\n };\n }\n\n const activeStepId = state.flatSteps[activeStepIndex].id;\n const steps = autoStageSteps(resetSteps(state.steps), { activeStepId });\n const flatSteps = flattenSteps(steps);\n\n return {\n steps,\n flatSteps,\n activeStepIndex,\n activeStep: flatSteps[activeStepIndex],\n previousStep: flatSteps[activeStepIndex - 1],\n nextStep: flatSteps[activeStepIndex + 1] ?? null,\n started: true,\n ended: false,\n };\n }\n\n case \"previous\": {\n if (state.activeStep?.status === \"error\") {\n return state;\n }\n\n const activeStepIndex = state.activeStepIndex - 1;\n\n if (activeStepIndex < 0) {\n const steps = assignStepsStage(state.steps, \"pending\");\n const flatSteps = flattenSteps(steps);\n\n return {\n steps,\n flatSteps,\n activeStepIndex: -1,\n activeStep: null,\n previousStep: null,\n nextStep: flatSteps[0],\n started: false,\n ended: false,\n };\n }\n\n const activeStepId = state.flatSteps[activeStepIndex].id;\n const steps = autoStageSteps(resetSteps(state.steps), { activeStepId });\n const flatSteps = flattenSteps(steps);\n\n return {\n steps,\n flatSteps,\n activeStepIndex,\n activeStep: flatSteps[activeStepIndex],\n previousStep: flatSteps[activeStepIndex - 1] ?? null,\n nextStep: flatSteps[activeStepIndex + 1],\n started: true,\n ended: false,\n };\n }\n\n case \"status/error\": {\n const { activeStep, activeStepIndex } = state;\n\n if (!activeStep) {\n return state;\n }\n\n const activeStepId = activeStep.id;\n\n const steps = assignStepStatus(state.steps, activeStepId, \"error\");\n const flatSteps = flattenSteps(steps);\n\n return {\n ...state,\n steps,\n flatSteps,\n activeStepIndex,\n activeStep: flatSteps[activeStepIndex],\n previousStep: flatSteps[activeStepIndex - 1] ?? null,\n nextStep: flatSteps[activeStepIndex + 1],\n };\n }\n\n case \"status/warning\": {\n const { activeStep, activeStepIndex } = state;\n\n if (!activeStep) {\n return state;\n }\n\n const activeStepId = activeStep.id;\n\n const steps = assignStepStatus(state.steps, activeStepId, \"warning\");\n const flatSteps = flattenSteps(steps);\n\n return {\n ...state,\n steps,\n flatSteps,\n activeStepIndex,\n activeStep: flatSteps[activeStepIndex],\n previousStep: flatSteps[activeStepIndex - 1] ?? null,\n nextStep: flatSteps[activeStepIndex + 1],\n };\n }\n\n case \"status/clear\": {\n const { activeStep, activeStepIndex } = state;\n\n if (!activeStep) {\n return state;\n }\n\n const activeStepId = activeStep.id;\n\n const steps = assignStepStatus(state.steps, activeStepId, undefined);\n const flatSteps = flattenSteps(steps);\n\n return {\n ...state,\n steps,\n flatSteps,\n activeStepIndex,\n activeStep: flatSteps[activeStepIndex],\n previousStep: flatSteps[activeStepIndex - 1] ?? null,\n nextStep: flatSteps[activeStepIndex + 1],\n };\n }\n\n case \"reset\": {\n const firstStepId = state.flatSteps[0].id;\n\n const steps = autoStageSteps(\n resetSteps(state.steps, { resetStatus: true }),\n { activeStepId: firstStepId },\n );\n const flatSteps = flattenSteps(steps);\n\n return {\n steps,\n flatSteps,\n activeStepIndex: 0,\n activeStep: flatSteps[0],\n previousStep: null,\n nextStep: flatSteps[1],\n started: true,\n ended: false,\n };\n }\n\n default: {\n const exhaustiveCheck: never = action;\n throw new Error(`Unhandled action: ${exhaustiveCheck}`);\n }\n }\n}\n"],"names":["steps","assignStepsStage","flatSteps","flattenSteps","autoStageSteps","resetSteps","assignStepStatus"],"mappings":"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"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var react = require('react');
|
|
4
|
-
var stepReducer = require('./stepReducer.js');
|
|
5
|
-
var utils = require('./utils.js');
|
|
6
|
-
|
|
7
|
-
function useStepReducer(initialSteps, options) {
|
|
8
|
-
const initializer = react.useCallback(
|
|
9
|
-
(initialSteps2) => {
|
|
10
|
-
return utils.initStepReducerState(initialSteps2, options);
|
|
11
|
-
},
|
|
12
|
-
[options]
|
|
13
|
-
);
|
|
14
|
-
return react.useReducer(stepReducer, initialSteps, initializer);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
exports.useStepReducer = useStepReducer;
|
|
18
|
-
//# sourceMappingURL=useStepReducer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useStepReducer.js","sources":["../src/stepped-tracker/useStepReducer.ts"],"sourcesContent":["import { useCallback, useReducer } from \"react\";\n\nimport stepReducer from \"./stepReducer\";\n\nimport type { StepRecord } from \"./Step.types\";\nimport type { StepReducerOptions } from \"./stepReducer.types\";\nimport { initStepReducerState } from \"./utils\";\n\nexport function useStepReducer(\n initialSteps: StepRecord[],\n options?: StepReducerOptions,\n) {\n const initializer = useCallback(\n (initialSteps: StepRecord[]) => {\n return initStepReducerState(initialSteps, options);\n },\n [options],\n );\n\n return useReducer(stepReducer, initialSteps, initializer);\n}\n"],"names":["useCallback","initialSteps","initStepReducerState","useReducer"],"mappings":";;;;;;AAQgB,SAAA,cAAA,CACd,cACA,OACA,EAAA;AACA,EAAA,MAAM,WAAc,GAAAA,iBAAA;AAAA,IAClB,CAACC,aAA+B,KAAA;AAC9B,MAAO,OAAAC,0BAAA,CAAqBD,eAAc,OAAO,CAAA;AAAA,KACnD;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAO,OAAAE,gBAAA,CAAW,WAAa,EAAA,YAAA,EAAc,WAAW,CAAA;AAC1D;;;;"}
|
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function assignStepsStage(steps, stage) {
|
|
4
|
-
return steps.map((step) => {
|
|
5
|
-
if (!step.substeps) {
|
|
6
|
-
return { ...step, stage };
|
|
7
|
-
}
|
|
8
|
-
return {
|
|
9
|
-
...step,
|
|
10
|
-
stage,
|
|
11
|
-
substeps: assignStepsStage(step.substeps, stage)
|
|
12
|
-
};
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
function assignStepStatus(steps, stepId, status) {
|
|
16
|
-
return steps.map((step) => {
|
|
17
|
-
if (step.id === stepId) {
|
|
18
|
-
return { ...step, status };
|
|
19
|
-
}
|
|
20
|
-
if (step.substeps) {
|
|
21
|
-
return {
|
|
22
|
-
...step,
|
|
23
|
-
substeps: assignStepStatus(step.substeps, stepId, status)
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
return step;
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
function resetSteps(steps, options = { resetStatus: false }) {
|
|
30
|
-
const { resetStatus } = options;
|
|
31
|
-
return steps.map((step) => {
|
|
32
|
-
if (!step.substeps) {
|
|
33
|
-
return {
|
|
34
|
-
...step,
|
|
35
|
-
stage: void 0,
|
|
36
|
-
status: !resetStatus ? step.status : void 0
|
|
37
|
-
};
|
|
38
|
-
}
|
|
39
|
-
return {
|
|
40
|
-
...step,
|
|
41
|
-
stage: void 0,
|
|
42
|
-
substeps: resetSteps(step.substeps, options)
|
|
43
|
-
};
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
function autoStageSteps(steps, options) {
|
|
47
|
-
function autoStageHelper(steps2) {
|
|
48
|
-
const pivotIndex = steps2.findIndex(
|
|
49
|
-
(step) => (step == null ? void 0 : step.id) && (options == null ? void 0 : options.activeStepId) && step.id === options.activeStepId || step.stage === "active" || step.stage === "inprogress"
|
|
50
|
-
);
|
|
51
|
-
if (pivotIndex !== -1) {
|
|
52
|
-
const activeStep = steps2[pivotIndex];
|
|
53
|
-
activeStep.stage ||= "active";
|
|
54
|
-
const previousSteps = assignStepsStage(
|
|
55
|
-
steps2.slice(0, pivotIndex),
|
|
56
|
-
"completed"
|
|
57
|
-
);
|
|
58
|
-
const nextSteps = assignStepsStage(
|
|
59
|
-
steps2.slice(pivotIndex + 1),
|
|
60
|
-
"pending"
|
|
61
|
-
);
|
|
62
|
-
return [...previousSteps, activeStep, ...nextSteps];
|
|
63
|
-
}
|
|
64
|
-
return steps2.reduce(
|
|
65
|
-
(acc, step, index) => {
|
|
66
|
-
if (step.substeps) {
|
|
67
|
-
const substeps = autoStageHelper(step.substeps);
|
|
68
|
-
if (substeps) {
|
|
69
|
-
steps2[index].substeps = substeps;
|
|
70
|
-
steps2[index].stage = "inprogress";
|
|
71
|
-
return autoStageHelper(steps2);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
return acc;
|
|
75
|
-
},
|
|
76
|
-
null
|
|
77
|
-
);
|
|
78
|
-
}
|
|
79
|
-
return autoStageHelper(steps) || assignStepsStage(steps, steps[0].stage || "pending");
|
|
80
|
-
}
|
|
81
|
-
function flattenSteps(steps) {
|
|
82
|
-
return steps.reduce((acc, step) => {
|
|
83
|
-
if (step.substeps) {
|
|
84
|
-
acc.push(...flattenSteps(step.substeps));
|
|
85
|
-
return acc;
|
|
86
|
-
}
|
|
87
|
-
acc.push(step);
|
|
88
|
-
return acc;
|
|
89
|
-
}, []);
|
|
90
|
-
}
|
|
91
|
-
function initStepReducerState(initialSteps, options) {
|
|
92
|
-
const steps = autoStageSteps(initialSteps, options);
|
|
93
|
-
const flatSteps = flattenSteps(steps);
|
|
94
|
-
const started = !flatSteps.every((step) => step.stage === "pending");
|
|
95
|
-
const ended = flatSteps.every((step) => step.stage === "completed");
|
|
96
|
-
let activeStepIndex = flatSteps.findIndex((step) => step.stage === "active");
|
|
97
|
-
if (activeStepIndex === -1 && ended) {
|
|
98
|
-
activeStepIndex = flatSteps.length;
|
|
99
|
-
}
|
|
100
|
-
const activeStep = flatSteps[activeStepIndex] || null;
|
|
101
|
-
const previousStep = flatSteps[activeStepIndex - 1] || null;
|
|
102
|
-
const nextStep = flatSteps[activeStepIndex + 1] || null;
|
|
103
|
-
return {
|
|
104
|
-
steps,
|
|
105
|
-
flatSteps,
|
|
106
|
-
activeStep,
|
|
107
|
-
previousStep,
|
|
108
|
-
nextStep,
|
|
109
|
-
activeStepIndex,
|
|
110
|
-
ended,
|
|
111
|
-
started
|
|
112
|
-
};
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
exports.assignStepStatus = assignStepStatus;
|
|
116
|
-
exports.assignStepsStage = assignStepsStage;
|
|
117
|
-
exports.autoStageSteps = autoStageSteps;
|
|
118
|
-
exports.flattenSteps = flattenSteps;
|
|
119
|
-
exports.initStepReducerState = initStepReducerState;
|
|
120
|
-
exports.resetSteps = resetSteps;
|
|
121
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../src/stepped-tracker/utils.ts"],"sourcesContent":["import type { StepRecord, StepStage, StepStatus } from \"./Step.types\";\nimport type { StepReducerOptions, StepReducerState } from \"./stepReducer.types\";\n\nexport function assignStepsStage(\n steps: StepRecord[],\n stage?: StepStage,\n): StepRecord[] {\n return steps.map((step) => {\n if (!step.substeps) {\n return { ...step, stage };\n }\n\n return {\n ...step,\n stage,\n substeps: assignStepsStage(step.substeps, stage),\n };\n });\n}\n\nexport function assignStepStatus(\n steps: StepRecord[],\n stepId: string,\n status: StepStatus | undefined,\n): StepRecord[] {\n return steps.map((step) => {\n if (step.id === stepId) {\n return { ...step, status };\n }\n\n if (step.substeps) {\n return {\n ...step,\n substeps: assignStepStatus(step.substeps, stepId, status),\n };\n }\n\n return step;\n });\n}\n\nexport function resetSteps(\n steps: StepRecord[],\n options = { resetStatus: false },\n): StepRecord[] {\n const { resetStatus } = options;\n\n return steps.map((step) => {\n if (!step.substeps) {\n return {\n ...step,\n stage: undefined,\n status: !resetStatus ? step.status : undefined,\n };\n }\n\n return {\n ...step,\n stage: undefined,\n substeps: resetSteps(step.substeps, options),\n };\n });\n}\n\nexport function autoStageSteps(\n steps: StepRecord[],\n options?: StepReducerOptions,\n): StepRecord[] {\n function autoStageHelper(steps: StepRecord[]): StepRecord[] | null {\n const pivotIndex = steps.findIndex(\n (step) =>\n (step?.id &&\n options?.activeStepId &&\n step.id === options.activeStepId) ||\n step.stage === \"active\" ||\n step.stage === \"inprogress\",\n );\n\n if (pivotIndex !== -1) {\n const activeStep = steps[pivotIndex];\n\n activeStep.stage ||= \"active\";\n\n const previousSteps = assignStepsStage(\n steps.slice(0, pivotIndex),\n \"completed\",\n );\n const nextSteps = assignStepsStage(\n steps.slice(pivotIndex + 1),\n \"pending\",\n );\n\n return [...previousSteps, activeStep, ...nextSteps] as StepRecord[];\n }\n\n return steps.reduce(\n (acc, step, index) => {\n if (step.substeps) {\n const substeps = autoStageHelper(step.substeps);\n\n if (substeps) {\n steps[index].substeps = substeps;\n steps[index].stage = \"inprogress\";\n\n return autoStageHelper(steps);\n }\n }\n\n return acc;\n },\n null as StepRecord[] | null,\n );\n }\n\n return (\n autoStageHelper(steps) ||\n assignStepsStage(steps, steps[0].stage || \"pending\")\n );\n}\n\nexport function flattenSteps(steps: StepRecord[]): StepRecord[] {\n return steps.reduce((acc, step) => {\n if (step.substeps) {\n acc.push(...flattenSteps(step.substeps));\n\n return acc;\n }\n\n acc.push(step);\n\n return acc;\n }, [] as StepRecord[]);\n}\n\nexport function initStepReducerState(\n initialSteps: StepRecord[],\n options?: StepReducerOptions,\n) {\n const steps = autoStageSteps(initialSteps, options);\n const flatSteps = flattenSteps(steps);\n const started = !flatSteps.every((step) => step.stage === \"pending\");\n const ended = flatSteps.every((step) => step.stage === \"completed\");\n\n let activeStepIndex = flatSteps.findIndex((step) => step.stage === \"active\");\n\n if (activeStepIndex === -1 && ended) {\n activeStepIndex = flatSteps.length;\n }\n\n const activeStep = flatSteps[activeStepIndex] || null;\n const previousStep = flatSteps[activeStepIndex - 1] || null;\n const nextStep = flatSteps[activeStepIndex + 1] || null;\n\n return {\n steps,\n flatSteps,\n activeStep,\n previousStep,\n nextStep,\n activeStepIndex,\n ended,\n started,\n } as StepReducerState;\n}\n"],"names":["steps"],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var css_248z = ".saltStepConnector {\n grid-area: connector;\n\n transition-duration: inherit;\n transition-timing-function: inherit;\n transition-property: opacity, min-height;\n}\n\n.saltSteppedTracker-horizontal .saltStepConnector {\n position: absolute;\n transform: translateY(-100%);\n top: calc(var(--step-icon-size) / 2);\n left: calc(50% + calc(var(--step-icon-size) / 2 + var(--salt-spacing-100)));\n right: calc(-50% + calc(var(--step-icon-size) / 2 + var(--salt-spacing-100)));\n\n border-top-width: var(--salt-size-border-strong);\n border-top-style: var(--salt-track-borderStyle-incomplete);\n border-top-color: var(--salt-track-borderColor);\n}\n\n.saltSteppedTracker-horizontal .saltStep-stage-completed > .saltStepConnector,\n.saltSteppedTracker-horizontal .saltStep-stage-inprogress > .saltStepConnector {\n border-top-style: var(--salt-track-borderStyle-complete);\n}\n\n.saltSteppedTracker-vertical .saltStepConnector {\n min-height: var(--salt-size-base);\n align-self: stretch;\n justify-self: center;\n\n border-left-width: var(--salt-size-border-strong);\n border-left-style: var(--salt-track-borderStyle-incomplete);\n border-left-color: var(--salt-track-borderColor);\n}\n\n.saltSteppedTracker-vertical .saltStep-stage-completed > .saltStepConnector,\n.saltSteppedTracker-vertical .saltStep-stage-inprogress > .saltStepConnector {\n border-left-style: var(--salt-track-borderStyle-complete);\n}\n\n.saltStep-depth-0.saltStep:not(.saltStep-expanded):last-child > .saltStepConnector {\n opacity: 0;\n min-height: 0;\n}\n\n.saltStep-depth-0.saltStep-expanded:last-child .saltStep:not(.saltStep-expanded):last-child .saltStepConnector {\n opacity: 0;\n min-height: 0;\n}\n";
|
|
2
|
-
|
|
3
|
-
export { css_248z as default };
|
|
4
|
-
//# sourceMappingURL=Step.Connector.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Step.Connector.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { makePrefixer } from '@salt-ds/core';
|
|
3
|
-
import { useComponentCssInjection } from '@salt-ds/styles';
|
|
4
|
-
import { useWindow } from '@salt-ds/window';
|
|
5
|
-
import css_248z from './Step.Connector.css.js';
|
|
6
|
-
|
|
7
|
-
const withBaseName = makePrefixer("saltStepConnector");
|
|
8
|
-
function StepConnector() {
|
|
9
|
-
const targetWindow = useWindow();
|
|
10
|
-
useComponentCssInjection({
|
|
11
|
-
testId: "salt-step-connector",
|
|
12
|
-
css: css_248z,
|
|
13
|
-
window: targetWindow
|
|
14
|
-
});
|
|
15
|
-
return /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: withBaseName() });
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export { StepConnector };
|
|
19
|
-
//# sourceMappingURL=Step.Connector.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Step.Connector.js","sources":["../src/stepped-tracker/Step.Connector.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport stepConnectorCSS from \"./Step.Connector.css\";\n\nconst withBaseName = makePrefixer(\"saltStepConnector\");\n\nexport function StepConnector() {\n const targetWindow = useWindow();\n\n useComponentCssInjection({\n testId: \"salt-step-connector\",\n css: stepConnectorCSS,\n window: targetWindow,\n });\n\n return <div aria-hidden className={withBaseName()} />;\n}\n"],"names":["stepConnectorCSS"],"mappings":";;;;;;AAMA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAE9C,SAAS,aAAgB,GAAA;AAC9B,EAAA,MAAM,eAAe,SAAU,EAAA;AAE/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,qBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,2BAAQ,KAAI,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA,SAAA,EAAW,cAAgB,EAAA,CAAA;AACrD;;;;"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var css_248z = ".saltStepDescription {\n grid-area: description;\n}\n\n.saltSteppedTracker-vertical .saltStepDescription {\n padding-bottom: var(--salt-spacing-300);\n padding-left: calc((var(--step-depth)) * var(--salt-spacing-100));\n}\n\n.saltStep-status-warning > .saltStepDescription {\n color: var(--salt-status-warning-foreground-informative);\n}\n\n.saltStep-status-error > .saltStepDescription {\n color: var(--salt-status-error-foreground-informative);\n}\n";
|
|
2
|
-
|
|
3
|
-
export { css_248z as default };
|
|
4
|
-
//# sourceMappingURL=Step.Description.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Step.Description.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { makePrefixer, Text } from '@salt-ds/core';
|
|
3
|
-
import { useComponentCssInjection } from '@salt-ds/styles';
|
|
4
|
-
import { useWindow } from '@salt-ds/window';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import css_248z from './Step.Description.css.js';
|
|
7
|
-
|
|
8
|
-
const withBaseName = makePrefixer("saltStepDescription");
|
|
9
|
-
function StepDescription({
|
|
10
|
-
id,
|
|
11
|
-
className,
|
|
12
|
-
styleAs = "label",
|
|
13
|
-
...props
|
|
14
|
-
}) {
|
|
15
|
-
const targetWindow = useWindow();
|
|
16
|
-
useComponentCssInjection({
|
|
17
|
-
testId: "salt-step-description",
|
|
18
|
-
css: css_248z,
|
|
19
|
-
window: targetWindow
|
|
20
|
-
});
|
|
21
|
-
return /* @__PURE__ */ jsx(
|
|
22
|
-
Text,
|
|
23
|
-
{
|
|
24
|
-
id,
|
|
25
|
-
styleAs: "label",
|
|
26
|
-
className: clsx(withBaseName(), className),
|
|
27
|
-
...props
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export { StepDescription };
|
|
33
|
-
//# sourceMappingURL=Step.Description.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Step.Description.js","sources":["../src/stepped-tracker/Step.Description.tsx"],"sourcesContent":["import { Text, type TextProps, makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\n\nimport stepDescriptionCSS from \"./Step.Description.css\";\n\nexport interface StepDescriptionProps extends TextProps<\"div\"> {}\n\nconst withBaseName = makePrefixer(\"saltStepDescription\");\n\nexport function StepDescription({\n id,\n className,\n styleAs = \"label\",\n ...props\n}: StepDescriptionProps) {\n const targetWindow = useWindow();\n\n useComponentCssInjection({\n testId: \"salt-step-description\",\n css: stepDescriptionCSS,\n window: targetWindow,\n });\n\n return (\n <Text\n id={id}\n styleAs=\"label\"\n className={clsx(withBaseName(), className)}\n {...props}\n />\n );\n}\n"],"names":["stepDescriptionCSS"],"mappings":";;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAEhD,SAAS,eAAgB,CAAA;AAAA,EAC9B,EAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAU,GAAA,OAAA;AAAA,EACV,GAAG;AACL,CAAyB,EAAA;AACvB,EAAA,MAAM,eAAe,SAAU,EAAA;AAE/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,OAAQ,EAAA,OAAA;AAAA,MACR,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACxC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var css_248z = ".saltStepExpandTrigger {\n grid-area: expand;\n}\n\n.saltButton.saltStepExpandTrigger:focus-visible {\n outline-offset: calc(-1 * var(--salt-focused-outlineWidth));\n}\n";
|
|
2
|
-
|
|
3
|
-
export { css_248z as default };
|
|
4
|
-
//# sourceMappingURL=Step.ExpandTrigger.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Step.ExpandTrigger.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { makePrefixer, useIcon, Button } from '@salt-ds/core';
|
|
3
|
-
import { useComponentCssInjection } from '@salt-ds/styles';
|
|
4
|
-
import { useWindow } from '@salt-ds/window';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import css_248z from './Step.ExpandTrigger.css.js';
|
|
7
|
-
|
|
8
|
-
const withBaseName = makePrefixer("saltStepExpandTrigger");
|
|
9
|
-
function StepExpandTrigger({
|
|
10
|
-
id,
|
|
11
|
-
expanded,
|
|
12
|
-
className,
|
|
13
|
-
...props
|
|
14
|
-
}) {
|
|
15
|
-
const { CollapseIcon, ExpandIcon } = useIcon();
|
|
16
|
-
const targetWindow = useWindow();
|
|
17
|
-
useComponentCssInjection({
|
|
18
|
-
testId: "salt-step-expand-trigger",
|
|
19
|
-
css: css_248z,
|
|
20
|
-
window: targetWindow
|
|
21
|
-
});
|
|
22
|
-
return /* @__PURE__ */ jsx(
|
|
23
|
-
Button,
|
|
24
|
-
{
|
|
25
|
-
id,
|
|
26
|
-
appearance: "transparent",
|
|
27
|
-
sentiment: "neutral",
|
|
28
|
-
className: clsx(withBaseName(), className),
|
|
29
|
-
...props,
|
|
30
|
-
children: expanded ? /* @__PURE__ */ jsx(CollapseIcon, { "aria-hidden": true }) : /* @__PURE__ */ jsx(ExpandIcon, { "aria-hidden": true })
|
|
31
|
-
}
|
|
32
|
-
);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
export { StepExpandTrigger };
|
|
36
|
-
//# sourceMappingURL=Step.ExpandTrigger.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Step.ExpandTrigger.js","sources":["../src/stepped-tracker/Step.ExpandTrigger.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@salt-ds/core\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useIcon } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\n\nimport stepExpandTriggerCSS from \"./Step.ExpandTrigger.css\";\n\nexport interface StepExpandTriggerProps extends ButtonProps {\n expanded: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltStepExpandTrigger\");\n\nexport function StepExpandTrigger({\n id,\n expanded,\n className,\n ...props\n}: StepExpandTriggerProps) {\n const { CollapseIcon, ExpandIcon } = useIcon();\n const targetWindow = useWindow();\n\n useComponentCssInjection({\n testId: \"salt-step-expand-trigger\",\n css: stepExpandTriggerCSS,\n window: targetWindow,\n });\n\n return (\n <Button\n id={id}\n appearance=\"transparent\"\n sentiment=\"neutral\"\n className={clsx(withBaseName(), className)}\n {...props}\n >\n {expanded ? <CollapseIcon aria-hidden /> : <ExpandIcon aria-hidden />}\n </Button>\n );\n}\n"],"names":["stepExpandTriggerCSS"],"mappings":";;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,uBAAuB,CAAA;AAElD,SAAS,iBAAkB,CAAA;AAAA,EAChC,EAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAA2B,EAAA;AACzB,EAAA,MAAM,EAAE,YAAA,EAAc,UAAW,EAAA,GAAI,OAAQ,EAAA;AAC7C,EAAA,MAAM,eAAe,SAAU,EAAA;AAE/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,0BAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,UAAW,EAAA,aAAA;AAAA,MACX,SAAU,EAAA,SAAA;AAAA,MACV,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACxC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,QAAA,uBAAY,YAAa,EAAA,EAAA,aAAA,EAAW,MAAC,CAAK,mBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA;AAAA;AAAA,GACrE;AAEJ;;;;"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var css_248z = ".saltStepIcon {\n grid-area: icon;\n\n display: flex;\n justify-content: center;\n align-items: center;\n justify-self: center;\n}\n\n.saltSteppedTracker-vertical .saltStepIcon {\n height: var(--salt-size-base);\n}\n\n.saltStep-stage-pending > .saltStepIcon {\n --saltIcon-color: var(--salt-status-static-foreground);\n}\n\n.saltStep-stage-locked > .saltStepIcon {\n --saltIcon-color: var(--salt-status-static-foreground);\n}\n\n.saltStep-stage-inprogress > .saltStepIcon {\n --saltIcon-color: var(--salt-status-info-foreground-decorative);\n}\n\n.saltStep-stage-active > .saltStepIcon {\n --saltIcon-color: var(--salt-status-info-foreground-decorative);\n}\n\n.saltStep-stage-completed > .saltStepIcon {\n --saltIcon-color: var(--salt-status-success-foreground-decorative);\n}\n\n.saltStep-status-warning > .saltStepIcon {\n --saltIcon-color: var(--salt-status-warning-foreground-decorative);\n}\n\n.saltStep-status-error > .saltStepIcon {\n --saltIcon-color: var(--salt-status-error-foreground-decorative);\n}\n";
|
|
2
|
-
|
|
3
|
-
export { css_248z as default };
|
|
4
|
-
//# sourceMappingURL=Step.Icon.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Step.Icon.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { makePrefixer, useIcon } from '@salt-ds/core';
|
|
3
|
-
import { useComponentCssInjection } from '@salt-ds/styles';
|
|
4
|
-
import { useWindow } from '@salt-ds/window';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { useMemo } from 'react';
|
|
7
|
-
import css_248z from './Step.Icon.css.js';
|
|
8
|
-
|
|
9
|
-
const withBaseName = makePrefixer("saltStepIcon");
|
|
10
|
-
function StepIcon({
|
|
11
|
-
status,
|
|
12
|
-
stage,
|
|
13
|
-
size,
|
|
14
|
-
sizeMultiplier = size || 1.5,
|
|
15
|
-
className,
|
|
16
|
-
...props
|
|
17
|
-
}) {
|
|
18
|
-
const targetWindow = useWindow();
|
|
19
|
-
const IconComponent = useStepIcon({ stage, status });
|
|
20
|
-
useComponentCssInjection({
|
|
21
|
-
testId: "salt-step-icon",
|
|
22
|
-
css: css_248z,
|
|
23
|
-
window: targetWindow
|
|
24
|
-
});
|
|
25
|
-
return /* @__PURE__ */ jsx(
|
|
26
|
-
IconComponent,
|
|
27
|
-
{
|
|
28
|
-
size: sizeMultiplier,
|
|
29
|
-
className: clsx(withBaseName(), className),
|
|
30
|
-
...props
|
|
31
|
-
}
|
|
32
|
-
);
|
|
33
|
-
}
|
|
34
|
-
function useStepIcon({
|
|
35
|
-
stage,
|
|
36
|
-
status
|
|
37
|
-
}) {
|
|
38
|
-
const icons = useIcon();
|
|
39
|
-
const stepIconMap = useMemo(
|
|
40
|
-
() => ({
|
|
41
|
-
error: icons.ErrorIcon,
|
|
42
|
-
warning: icons.WarningIcon,
|
|
43
|
-
active: icons.ActiveIcon,
|
|
44
|
-
completed: icons.CompletedIcon,
|
|
45
|
-
pending: icons.PendingIcon,
|
|
46
|
-
inprogress: icons.InProgressIcon,
|
|
47
|
-
locked: icons.LockedIcon
|
|
48
|
-
}),
|
|
49
|
-
[icons]
|
|
50
|
-
);
|
|
51
|
-
return stepIconMap[status || stage];
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
export { StepIcon };
|
|
55
|
-
//# sourceMappingURL=Step.Icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Step.Icon.js","sources":["../src/stepped-tracker/Step.Icon.tsx"],"sourcesContent":["import { makePrefixer, useIcon } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { useMemo } from \"react\";\n\nimport stepIconCSS from \"./Step.Icon.css\";\n\nimport type { StepStage, StepStatus } from \"./Step.types\";\n\nexport interface StepIconProps extends IconProps {\n stage: StepStage;\n status?: StepStatus;\n sizeMultiplier?: IconProps[\"size\"];\n}\n\nconst withBaseName = makePrefixer(\"saltStepIcon\");\n\nexport function StepIcon({\n status,\n stage,\n size,\n sizeMultiplier = size || 1.5,\n className,\n ...props\n}: StepIconProps) {\n const targetWindow = useWindow();\n const IconComponent = useStepIcon({ stage, status });\n\n useComponentCssInjection({\n testId: \"salt-step-icon\",\n css: stepIconCSS,\n window: targetWindow,\n });\n\n return (\n <IconComponent\n size={sizeMultiplier}\n className={clsx(withBaseName(), className)}\n {...props}\n />\n );\n}\n\nfunction useStepIcon({\n stage,\n status,\n}: Pick<StepIconProps, \"stage\" | \"status\">) {\n const icons = useIcon();\n\n const stepIconMap = useMemo(\n () => ({\n error: icons.ErrorIcon,\n warning: icons.WarningIcon,\n active: icons.ActiveIcon,\n completed: icons.CompletedIcon,\n pending: icons.PendingIcon,\n inprogress: icons.InProgressIcon,\n locked: icons.LockedIcon,\n }),\n [icons],\n );\n\n return stepIconMap[status || stage];\n}\n"],"names":["stepIconCSS"],"mappings":";;;;;;;;AAiBA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA;AAEzC,SAAS,QAAS,CAAA;AAAA,EACvB,MAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,iBAAiB,IAAQ,IAAA,GAAA;AAAA,EACzB,SAAA;AAAA,EACA,GAAG;AACL,CAAkB,EAAA;AAChB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAA,MAAM,aAAgB,GAAA,WAAA,CAAY,EAAE,KAAA,EAAO,QAAQ,CAAA;AAEnD,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,cAAA;AAAA,MACN,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACxC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAY,CAAA;AAAA,EACnB,KAAA;AAAA,EACA;AACF,CAA4C,EAAA;AAC1C,EAAA,MAAM,QAAQ,OAAQ,EAAA;AAEtB,EAAA,MAAM,WAAc,GAAA,OAAA;AAAA,IAClB,OAAO;AAAA,MACL,OAAO,KAAM,CAAA,SAAA;AAAA,MACb,SAAS,KAAM,CAAA,WAAA;AAAA,MACf,QAAQ,KAAM,CAAA,UAAA;AAAA,MACd,WAAW,KAAM,CAAA,aAAA;AAAA,MACjB,SAAS,KAAM,CAAA,WAAA;AAAA,MACf,YAAY,KAAM,CAAA,cAAA;AAAA,MAClB,QAAQ,KAAM,CAAA;AAAA,KAChB,CAAA;AAAA,IACA,CAAC,KAAK;AAAA,GACR;AAEA,EAAO,OAAA,WAAA,CAAY,UAAU,KAAK,CAAA;AACpC;;;;"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var css_248z = ".saltStepLabel {\n grid-area: label;\n}\n\n.saltSteppedTracker-horizontal .saltStepLabel {\n margin-top: var(--salt-spacing-50);\n}\n\n.saltSteppedTracker-vertical .saltStepLabel {\n padding-top: calc((var(--salt-size-base) - var(--salt-text-label-lineHeight)) / 2);\n padding-bottom: calc((var(--salt-size-base) - var(--salt-text-label-lineHeight)) / 2);\n padding-left: calc((var(--step-depth)) * var(--salt-spacing-100));\n}\n\n.saltStep-depth-0 > .saltText.saltStepLabel {\n font-weight: var(--salt-text-fontWeight-strong);\n}\n";
|
|
2
|
-
|
|
3
|
-
export { css_248z as default };
|
|
4
|
-
//# sourceMappingURL=Step.Label.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Step.Label.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { makePrefixer, Text } from '@salt-ds/core';
|
|
3
|
-
import { useComponentCssInjection } from '@salt-ds/styles';
|
|
4
|
-
import { useWindow } from '@salt-ds/window';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import css_248z from './Step.Label.css.js';
|
|
7
|
-
|
|
8
|
-
const withBaseName = makePrefixer("saltStepLabel");
|
|
9
|
-
function StepLabel({
|
|
10
|
-
id,
|
|
11
|
-
className,
|
|
12
|
-
styleAs = "label",
|
|
13
|
-
children,
|
|
14
|
-
...props
|
|
15
|
-
}) {
|
|
16
|
-
const targetWindow = useWindow();
|
|
17
|
-
useComponentCssInjection({
|
|
18
|
-
testId: "salt-step-label",
|
|
19
|
-
css: css_248z,
|
|
20
|
-
window: targetWindow
|
|
21
|
-
});
|
|
22
|
-
return /* @__PURE__ */ jsx(
|
|
23
|
-
Text,
|
|
24
|
-
{
|
|
25
|
-
id,
|
|
26
|
-
styleAs: "label",
|
|
27
|
-
className: clsx(withBaseName(), className),
|
|
28
|
-
...props,
|
|
29
|
-
children
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export { StepLabel };
|
|
35
|
-
//# sourceMappingURL=Step.Label.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Step.Label.js","sources":["../src/stepped-tracker/Step.Label.tsx"],"sourcesContent":["import { Text, type TextProps, makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\n\nimport stepLabelCSS from \"./Step.Label.css\";\n\nexport interface StepLabelProps extends TextProps<\"div\"> {}\n\nconst withBaseName = makePrefixer(\"saltStepLabel\");\n\nexport function StepLabel({\n id,\n className,\n styleAs = \"label\",\n children,\n ...props\n}: StepLabelProps) {\n const targetWindow = useWindow();\n\n useComponentCssInjection({\n testId: \"salt-step-label\",\n css: stepLabelCSS,\n window: targetWindow,\n });\n\n return (\n <Text\n id={id}\n styleAs=\"label\"\n className={clsx(withBaseName(), className)}\n {...props}\n >\n {children}\n </Text>\n );\n}\n"],"names":["stepLabelCSS"],"mappings":";;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AAE1C,SAAS,SAAU,CAAA;AAAA,EACxB,EAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAU,GAAA,OAAA;AAAA,EACV,QAAA;AAAA,EACA,GAAG;AACL,CAAmB,EAAA;AACjB,EAAA,MAAM,eAAe,SAAU,EAAA;AAE/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,OAAQ,EAAA,OAAA;AAAA,MACR,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACxC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Step.SROnly.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { makePrefixer } from '@salt-ds/core';
|
|
3
|
-
import { useComponentCssInjection } from '@salt-ds/styles';
|
|
4
|
-
import { useWindow } from '@salt-ds/window';
|
|
5
|
-
import css_248z from './Step.SROnly.css.js';
|
|
6
|
-
|
|
7
|
-
const withBaseName = makePrefixer("saltStepSROnly");
|
|
8
|
-
function StepSROnly({ children, ...props }) {
|
|
9
|
-
const targetWindow = useWindow();
|
|
10
|
-
useComponentCssInjection({
|
|
11
|
-
testId: "salt-step-sr-only",
|
|
12
|
-
css: css_248z,
|
|
13
|
-
window: targetWindow
|
|
14
|
-
});
|
|
15
|
-
return /* @__PURE__ */ jsx("div", { className: withBaseName(), ...props, children });
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export { StepSROnly };
|
|
19
|
-
//# sourceMappingURL=Step.SROnly.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Step.SROnly.js","sources":["../src/stepped-tracker/Step.SROnly.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport stepSROnlyCSS from \"./Step.SROnly.css\";\n\nconst withBaseName = makePrefixer(\"saltStepSROnly\");\n\nexport interface StepSROnlyProps extends ComponentPropsWithoutRef<\"div\"> {\n children?: ReactNode;\n}\n\nexport function StepSROnly({ children, ...props }: StepSROnlyProps) {\n const targetWindow = useWindow();\n\n useComponentCssInjection({\n testId: \"salt-step-sr-only\",\n css: stepSROnlyCSS,\n window: targetWindow,\n });\n\n return (\n <div className={withBaseName()} {...props}>\n {children}\n </div>\n );\n}\n"],"names":["stepSROnlyCSS"],"mappings":";;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA;AAM3C,SAAS,UAAW,CAAA,EAAE,QAAU,EAAA,GAAG,OAA0B,EAAA;AAClE,EAAA,MAAM,eAAe,SAAU,EAAA;AAE/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,cAAiB,EAAA,GAAG,OACjC,QACH,EAAA,CAAA;AAEJ;;;;"}
|