jcicl 0.0.245 → 0.0.247
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/Stepper/Stepper.js +73 -68
- package/package.json +1 -1
package/Stepper/Stepper.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { jsxs as C, jsx as n, Fragment as
|
|
1
|
+
import { jsxs as C, jsx as n, Fragment as T } from "react/jsx-runtime";
|
|
2
2
|
import * as O from "react";
|
|
3
|
-
import { useState as
|
|
3
|
+
import { useState as q, Children as h } from "react";
|
|
4
4
|
import { flushSync as k } from "react-dom";
|
|
5
|
-
import { n as
|
|
6
|
-
import { k as
|
|
7
|
-
import { Button as
|
|
5
|
+
import { n as R } from "../.chunks/emotion-styled.browser.esm.js";
|
|
6
|
+
import { k as I, c as P } from "../.chunks/emotion-react.browser.esm.js";
|
|
7
|
+
import { Button as z } from "../Button/Button.js";
|
|
8
8
|
import N from "../theme.js";
|
|
9
|
-
import { SlideOut as H, SlideIn as J, SlideInReverse as
|
|
10
|
-
import { g as V, a as K, s as y, c as
|
|
11
|
-
import { m as
|
|
9
|
+
import { SlideOut as H, SlideIn as J, SlideInReverse as U, SlideOutReverse as Q } from "../animation/Slide/Slide.js";
|
|
10
|
+
import { g as V, a as K, s as y, c as m, u as F, b as $, P as o, d as X, l as W, j as Z, k as rr } from "../.chunks/DefaultPropsProvider.js";
|
|
11
|
+
import { m as w } from "../.chunks/memoTheme.js";
|
|
12
12
|
import { P as er } from "../.chunks/Paper.js";
|
|
13
13
|
import { u as tr } from "../.chunks/index.js";
|
|
14
|
-
import { c as
|
|
15
|
-
import { i as
|
|
14
|
+
import { c as M } from "../.chunks/createSimplePaletteValueFilter.js";
|
|
15
|
+
import { i as E } from "../.chunks/integerPropType.js";
|
|
16
16
|
function or(e) {
|
|
17
17
|
return V("MuiLinearProgress", e);
|
|
18
18
|
}
|
|
19
19
|
K("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]);
|
|
20
|
-
const j = 4, A =
|
|
20
|
+
const j = 4, A = I`
|
|
21
21
|
0% {
|
|
22
22
|
left: -35%;
|
|
23
23
|
right: 100%;
|
|
@@ -32,9 +32,9 @@ const j = 4, A = R`
|
|
|
32
32
|
left: 100%;
|
|
33
33
|
right: -90%;
|
|
34
34
|
}
|
|
35
|
-
`, ar = typeof A != "string" ?
|
|
35
|
+
`, ar = typeof A != "string" ? P`
|
|
36
36
|
animation: ${A} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
|
37
|
-
` : null, B =
|
|
37
|
+
` : null, B = I`
|
|
38
38
|
0% {
|
|
39
39
|
left: -200%;
|
|
40
40
|
right: 100%;
|
|
@@ -49,9 +49,9 @@ const j = 4, A = R`
|
|
|
49
49
|
left: 107%;
|
|
50
50
|
right: -8%;
|
|
51
51
|
}
|
|
52
|
-
`, nr = typeof B != "string" ?
|
|
52
|
+
`, nr = typeof B != "string" ? P`
|
|
53
53
|
animation: ${B} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
|
|
54
|
-
` : null, L =
|
|
54
|
+
` : null, L = I`
|
|
55
55
|
0% {
|
|
56
56
|
opacity: 1;
|
|
57
57
|
background-position: 0 -23px;
|
|
@@ -66,7 +66,7 @@ const j = 4, A = R`
|
|
|
66
66
|
opacity: 1;
|
|
67
67
|
background-position: -200px -23px;
|
|
68
68
|
}
|
|
69
|
-
`, ir = typeof L != "string" ?
|
|
69
|
+
`, ir = typeof L != "string" ? P`
|
|
70
70
|
animation: ${L} 3s infinite linear;
|
|
71
71
|
` : null, sr = (e) => {
|
|
72
72
|
const {
|
|
@@ -74,22 +74,22 @@ const j = 4, A = R`
|
|
|
74
74
|
variant: t,
|
|
75
75
|
color: a
|
|
76
76
|
} = e, f = {
|
|
77
|
-
root: ["root", `color${
|
|
78
|
-
dashed: ["dashed", `dashedColor${
|
|
79
|
-
bar1: ["bar", `barColor${
|
|
80
|
-
bar2: ["bar", t !== "buffer" && `barColor${
|
|
77
|
+
root: ["root", `color${m(a)}`, t],
|
|
78
|
+
dashed: ["dashed", `dashedColor${m(a)}`],
|
|
79
|
+
bar1: ["bar", `barColor${m(a)}`, (t === "indeterminate" || t === "query") && "bar1Indeterminate", t === "determinate" && "bar1Determinate", t === "buffer" && "bar1Buffer"],
|
|
80
|
+
bar2: ["bar", t !== "buffer" && `barColor${m(a)}`, t === "buffer" && `color${m(a)}`, (t === "indeterminate" || t === "query") && "bar2Indeterminate", t === "buffer" && "bar2Buffer"]
|
|
81
81
|
};
|
|
82
82
|
return X(f, or, r);
|
|
83
|
-
},
|
|
83
|
+
}, D = (e, r) => e.vars ? e.vars.palette.LinearProgress[`${r}Bg`] : e.palette.mode === "light" ? W(e.palette[r].main, 0.62) : Z(e.palette[r].main, 0.5), lr = y("span", {
|
|
84
84
|
name: "MuiLinearProgress",
|
|
85
85
|
slot: "Root",
|
|
86
86
|
overridesResolver: (e, r) => {
|
|
87
87
|
const {
|
|
88
88
|
ownerState: t
|
|
89
89
|
} = e;
|
|
90
|
-
return [r.root, r[`color${
|
|
90
|
+
return [r.root, r[`color${m(t.color)}`], r[t.variant]];
|
|
91
91
|
}
|
|
92
|
-
})(
|
|
92
|
+
})(w(({
|
|
93
93
|
theme: e
|
|
94
94
|
}) => ({
|
|
95
95
|
position: "relative",
|
|
@@ -101,12 +101,12 @@ const j = 4, A = R`
|
|
|
101
101
|
"@media print": {
|
|
102
102
|
colorAdjust: "exact"
|
|
103
103
|
},
|
|
104
|
-
variants: [...Object.entries(e.palette).filter(
|
|
104
|
+
variants: [...Object.entries(e.palette).filter(M()).map(([r]) => ({
|
|
105
105
|
props: {
|
|
106
106
|
color: r
|
|
107
107
|
},
|
|
108
108
|
style: {
|
|
109
|
-
backgroundColor:
|
|
109
|
+
backgroundColor: D(e, r)
|
|
110
110
|
}
|
|
111
111
|
})), {
|
|
112
112
|
props: ({
|
|
@@ -146,9 +146,9 @@ const j = 4, A = R`
|
|
|
146
146
|
const {
|
|
147
147
|
ownerState: t
|
|
148
148
|
} = e;
|
|
149
|
-
return [r.dashed, r[`dashedColor${
|
|
149
|
+
return [r.dashed, r[`dashedColor${m(t.color)}`]];
|
|
150
150
|
}
|
|
151
|
-
})(
|
|
151
|
+
})(w(({
|
|
152
152
|
theme: e
|
|
153
153
|
}) => ({
|
|
154
154
|
position: "absolute",
|
|
@@ -165,8 +165,8 @@ const j = 4, A = R`
|
|
|
165
165
|
opacity: 0.3,
|
|
166
166
|
backgroundImage: "radial-gradient(currentColor 0%, currentColor 16%, transparent 42%)"
|
|
167
167
|
}
|
|
168
|
-
}, ...Object.entries(e.palette).filter(
|
|
169
|
-
const t =
|
|
168
|
+
}, ...Object.entries(e.palette).filter(M()).map(([r]) => {
|
|
169
|
+
const t = D(e, r);
|
|
170
170
|
return {
|
|
171
171
|
props: {
|
|
172
172
|
color: r
|
|
@@ -186,9 +186,9 @@ const j = 4, A = R`
|
|
|
186
186
|
const {
|
|
187
187
|
ownerState: t
|
|
188
188
|
} = e;
|
|
189
|
-
return [r.bar, r[`barColor${
|
|
189
|
+
return [r.bar, r[`barColor${m(t.color)}`], (t.variant === "indeterminate" || t.variant === "query") && r.bar1Indeterminate, t.variant === "determinate" && r.bar1Determinate, t.variant === "buffer" && r.bar1Buffer];
|
|
190
190
|
}
|
|
191
|
-
})(
|
|
191
|
+
})(w(({
|
|
192
192
|
theme: e
|
|
193
193
|
}) => ({
|
|
194
194
|
width: "100%",
|
|
@@ -205,7 +205,7 @@ const j = 4, A = R`
|
|
|
205
205
|
style: {
|
|
206
206
|
backgroundColor: "currentColor"
|
|
207
207
|
}
|
|
208
|
-
}, ...Object.entries(e.palette).filter(
|
|
208
|
+
}, ...Object.entries(e.palette).filter(M()).map(([r]) => ({
|
|
209
209
|
props: {
|
|
210
210
|
color: r
|
|
211
211
|
},
|
|
@@ -249,9 +249,9 @@ const j = 4, A = R`
|
|
|
249
249
|
const {
|
|
250
250
|
ownerState: t
|
|
251
251
|
} = e;
|
|
252
|
-
return [r.bar, r[`barColor${
|
|
252
|
+
return [r.bar, r[`barColor${m(t.color)}`], (t.variant === "indeterminate" || t.variant === "query") && r.bar2Indeterminate, t.variant === "buffer" && r.bar2Buffer];
|
|
253
253
|
}
|
|
254
|
-
})(
|
|
254
|
+
})(w(({
|
|
255
255
|
theme: e
|
|
256
256
|
}) => ({
|
|
257
257
|
width: "100%",
|
|
@@ -261,7 +261,7 @@ const j = 4, A = R`
|
|
|
261
261
|
top: 0,
|
|
262
262
|
transition: "transform 0.2s linear",
|
|
263
263
|
transformOrigin: "left",
|
|
264
|
-
variants: [...Object.entries(e.palette).filter(
|
|
264
|
+
variants: [...Object.entries(e.palette).filter(M()).map(([r]) => ({
|
|
265
265
|
props: {
|
|
266
266
|
color: r
|
|
267
267
|
},
|
|
@@ -289,13 +289,13 @@ const j = 4, A = R`
|
|
|
289
289
|
style: {
|
|
290
290
|
opacity: 0.3
|
|
291
291
|
}
|
|
292
|
-
}, ...Object.entries(e.palette).filter(
|
|
292
|
+
}, ...Object.entries(e.palette).filter(M()).map(([r]) => ({
|
|
293
293
|
props: {
|
|
294
294
|
color: r,
|
|
295
295
|
variant: "buffer"
|
|
296
296
|
},
|
|
297
297
|
style: {
|
|
298
|
-
backgroundColor:
|
|
298
|
+
backgroundColor: D(e, r),
|
|
299
299
|
transition: `transform .${j}s linear`
|
|
300
300
|
}
|
|
301
301
|
})), {
|
|
@@ -321,7 +321,7 @@ const j = 4, A = R`
|
|
|
321
321
|
className: f,
|
|
322
322
|
color: i = "primary",
|
|
323
323
|
value: g,
|
|
324
|
-
valueBuffer:
|
|
324
|
+
valueBuffer: b,
|
|
325
325
|
variant: s = "indeterminate",
|
|
326
326
|
...v
|
|
327
327
|
} = a, p = {
|
|
@@ -339,8 +339,8 @@ const j = 4, A = R`
|
|
|
339
339
|
S && (l = -l), u.bar1.transform = `translateX(${l}%)`;
|
|
340
340
|
} else process.env.NODE_ENV !== "production" && console.error("MUI: You need to provide a value prop when using the determinate or buffer variant of LinearProgress .");
|
|
341
341
|
if (s === "buffer")
|
|
342
|
-
if (
|
|
343
|
-
let l = (
|
|
342
|
+
if (b !== void 0) {
|
|
343
|
+
let l = (b || 0) - 100;
|
|
344
344
|
S && (l = -l), u.bar2.transform = `translateX(${l}%)`;
|
|
345
345
|
} else process.env.NODE_ENV !== "production" && console.error("MUI: You need to provide a valueBuffer prop when using the buffer variant of LinearProgress.");
|
|
346
346
|
return /* @__PURE__ */ C(lr, {
|
|
@@ -414,23 +414,23 @@ const fr = (e) => {
|
|
|
414
414
|
classes: r,
|
|
415
415
|
position: t
|
|
416
416
|
} = e, a = {
|
|
417
|
-
root: ["root", `position${
|
|
417
|
+
root: ["root", `position${m(t)}`],
|
|
418
418
|
dots: ["dots"],
|
|
419
419
|
dot: ["dot"],
|
|
420
420
|
dotActive: ["dotActive"],
|
|
421
421
|
progress: ["progress"]
|
|
422
422
|
};
|
|
423
423
|
return X(a, ur, r);
|
|
424
|
-
},
|
|
424
|
+
}, mr = y(er, {
|
|
425
425
|
name: "MuiMobileStepper",
|
|
426
426
|
slot: "Root",
|
|
427
427
|
overridesResolver: (e, r) => {
|
|
428
428
|
const {
|
|
429
429
|
ownerState: t
|
|
430
430
|
} = e;
|
|
431
|
-
return [r.root, r[`position${
|
|
431
|
+
return [r.root, r[`position${m(t.position)}`]];
|
|
432
432
|
}
|
|
433
|
-
})(
|
|
433
|
+
})(w(({
|
|
434
434
|
theme: e
|
|
435
435
|
}) => ({
|
|
436
436
|
display: "flex",
|
|
@@ -464,7 +464,7 @@ const fr = (e) => {
|
|
|
464
464
|
bottom: 0
|
|
465
465
|
}
|
|
466
466
|
}]
|
|
467
|
-
}))),
|
|
467
|
+
}))), br = y("div", {
|
|
468
468
|
name: "MuiMobileStepper",
|
|
469
469
|
slot: "Dots",
|
|
470
470
|
overridesResolver: (e, r) => r.dots
|
|
@@ -488,7 +488,7 @@ const fr = (e) => {
|
|
|
488
488
|
} = e;
|
|
489
489
|
return [r.dot, t && r.dotActive];
|
|
490
490
|
}
|
|
491
|
-
})(
|
|
491
|
+
})(w(({
|
|
492
492
|
theme: e
|
|
493
493
|
}) => ({
|
|
494
494
|
variants: [{
|
|
@@ -535,7 +535,7 @@ const fr = (e) => {
|
|
|
535
535
|
activeStep: f = 0,
|
|
536
536
|
backButton: i,
|
|
537
537
|
className: g,
|
|
538
|
-
LinearProgressProps:
|
|
538
|
+
LinearProgressProps: b,
|
|
539
539
|
nextButton: s,
|
|
540
540
|
position: v = "bottom",
|
|
541
541
|
steps: p,
|
|
@@ -550,7 +550,7 @@ const fr = (e) => {
|
|
|
550
550
|
let u;
|
|
551
551
|
c === "progress" && (p === 1 ? u = 100 : u = Math.ceil(f / (p - 1) * 100));
|
|
552
552
|
const l = fr(d);
|
|
553
|
-
return /* @__PURE__ */ C(
|
|
553
|
+
return /* @__PURE__ */ C(mr, {
|
|
554
554
|
square: !0,
|
|
555
555
|
elevation: 0,
|
|
556
556
|
className: $(l.root, g),
|
|
@@ -559,10 +559,10 @@ const fr = (e) => {
|
|
|
559
559
|
...S,
|
|
560
560
|
children: [i, c === "text" && /* @__PURE__ */ C(O.Fragment, {
|
|
561
561
|
children: [f + 1, " / ", p]
|
|
562
|
-
}), c === "dots" && /* @__PURE__ */ n(
|
|
562
|
+
}), c === "dots" && /* @__PURE__ */ n(br, {
|
|
563
563
|
ownerState: d,
|
|
564
564
|
className: l.dots,
|
|
565
|
-
children: [...new Array(p)].map((
|
|
565
|
+
children: [...new Array(p)].map((Sr, x) => /* @__PURE__ */ n(vr, {
|
|
566
566
|
className: $(l.dot, x === f && l.dotActive),
|
|
567
567
|
ownerState: d,
|
|
568
568
|
dotActive: x === f
|
|
@@ -572,7 +572,7 @@ const fr = (e) => {
|
|
|
572
572
|
className: l.progress,
|
|
573
573
|
variant: "determinate",
|
|
574
574
|
value: u,
|
|
575
|
-
...
|
|
575
|
+
...b
|
|
576
576
|
}), s]
|
|
577
577
|
});
|
|
578
578
|
});
|
|
@@ -586,7 +586,7 @@ process.env.NODE_ENV !== "production" && (G.propTypes = {
|
|
|
586
586
|
* Defines which dot is highlighted when the variant is 'dots'.
|
|
587
587
|
* @default 0
|
|
588
588
|
*/
|
|
589
|
-
activeStep:
|
|
589
|
+
activeStep: E,
|
|
590
590
|
/**
|
|
591
591
|
* A back button element. For instance, it can be a `Button` or an `IconButton`.
|
|
592
592
|
*/
|
|
@@ -615,7 +615,7 @@ process.env.NODE_ENV !== "production" && (G.propTypes = {
|
|
|
615
615
|
/**
|
|
616
616
|
* The total steps.
|
|
617
617
|
*/
|
|
618
|
-
steps:
|
|
618
|
+
steps: E.isRequired,
|
|
619
619
|
/**
|
|
620
620
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
621
621
|
*/
|
|
@@ -626,8 +626,8 @@ process.env.NODE_ENV !== "production" && (G.propTypes = {
|
|
|
626
626
|
*/
|
|
627
627
|
variant: o.oneOf(["dots", "progress", "text"])
|
|
628
628
|
});
|
|
629
|
-
const yr =
|
|
630
|
-
...
|
|
629
|
+
const yr = R("div")(() => ({
|
|
630
|
+
...P`
|
|
631
631
|
position: relative;
|
|
632
632
|
display: flex;
|
|
633
633
|
flex-direction: column;
|
|
@@ -658,35 +658,40 @@ const yr = _("div")(() => ({
|
|
|
658
658
|
}
|
|
659
659
|
}
|
|
660
660
|
`
|
|
661
|
-
})),
|
|
662
|
-
...
|
|
661
|
+
})), _ = R("div")(() => ({
|
|
662
|
+
...P`
|
|
663
663
|
position: absolute;
|
|
664
664
|
top: 0;
|
|
665
665
|
width: 100%;
|
|
666
666
|
height: 100%;
|
|
667
667
|
`
|
|
668
|
-
})),
|
|
668
|
+
})), hr = R("div")(() => ({
|
|
669
|
+
...P`
|
|
670
|
+
width: 100%;
|
|
671
|
+
height: 100%;
|
|
672
|
+
`
|
|
673
|
+
})), Ir = ({
|
|
669
674
|
onNext: e,
|
|
670
675
|
onBack: r,
|
|
671
676
|
onFinish: t,
|
|
672
677
|
children: a,
|
|
673
678
|
...f
|
|
674
679
|
}) => {
|
|
675
|
-
const [i, g] =
|
|
680
|
+
const [i, g] = q(0), [b, s] = q("forward"), v = h.toArray(a).length, p = () => {
|
|
676
681
|
i === v - 1 ? t == null || t() : (k(() => s("none")), k(() => s("forward")), g((u) => u + 1), e == null || e());
|
|
677
682
|
}, c = () => {
|
|
678
683
|
k(() => s("none")), k(() => s("reverse")), g((u) => u - 1), r == null || r();
|
|
679
|
-
}, S = () => /* @__PURE__ */ n(
|
|
684
|
+
}, S = () => /* @__PURE__ */ n(z, { onClick: p, children: i === v - 1 ? "Finish" : "Next" }), d = () => /* @__PURE__ */ n(z, { onClick: c, children: "Back" });
|
|
680
685
|
return /* @__PURE__ */ C(yr, { className: "jcStepContainer", children: [
|
|
681
|
-
i === 0 &&
|
|
682
|
-
i !== 0 &&
|
|
683
|
-
/* @__PURE__ */ n(
|
|
686
|
+
i === 0 && b === "forward" && /* @__PURE__ */ n(hr, { className: "jcSlideContainer", children: h.toArray(a)[i] ?? null }),
|
|
687
|
+
i !== 0 && b === "forward" && /* @__PURE__ */ C(T, { children: [
|
|
688
|
+
/* @__PURE__ */ n(_, { className: "jcSlideOutContainer", children: /* @__PURE__ */ n(H, { className: "jcSlideContainer", children: h.toArray(a)[i - 1] ?? null }) }),
|
|
684
689
|
/* @__PURE__ */ n(J, { className: "jcSlideContainer", children: h.toArray(a)[i] ?? null })
|
|
685
690
|
] }),
|
|
686
|
-
i === v - 1 &&
|
|
687
|
-
i !== v - 1 &&
|
|
688
|
-
/* @__PURE__ */ n(
|
|
689
|
-
/* @__PURE__ */ n(
|
|
691
|
+
i === v - 1 && b === "reverse" && /* @__PURE__ */ n(U, { className: "jcSlideContainer", children: h.toArray(a)[i] ?? null }),
|
|
692
|
+
i !== v - 1 && b === "reverse" && /* @__PURE__ */ C(T, { children: [
|
|
693
|
+
/* @__PURE__ */ n(_, { className: "jcSlideOutContainer", children: /* @__PURE__ */ n(Q, { className: "jcSlideContainer", children: h.toArray(a)[i + 1] ?? null }) }),
|
|
694
|
+
/* @__PURE__ */ n(U, { className: "jcSlideContainer", children: h.toArray(a)[i] ?? null })
|
|
690
695
|
] }),
|
|
691
696
|
/* @__PURE__ */ n(
|
|
692
697
|
G,
|
|
@@ -703,5 +708,5 @@ const yr = _("div")(() => ({
|
|
|
703
708
|
] });
|
|
704
709
|
};
|
|
705
710
|
export {
|
|
706
|
-
|
|
711
|
+
Ir as default
|
|
707
712
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "jcicl",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.247",
|
|
5
5
|
"description": "Component library for the websites of Johnson County Iowa",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",
|