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.
Files changed (2) hide show
  1. package/Stepper/Stepper.js +73 -68
  2. package/package.json +1 -1
@@ -1,23 +1,23 @@
1
- import { jsxs as C, jsx as n, Fragment as D } from "react/jsx-runtime";
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 T, Children as h } from "react";
3
+ import { useState as q, Children as h } from "react";
4
4
  import { flushSync as k } from "react-dom";
5
- import { n as _ } from "../.chunks/emotion-styled.browser.esm.js";
6
- import { k as R, c as M } from "../.chunks/emotion-react.browser.esm.js";
7
- import { Button as q } from "../Button/Button.js";
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 z, SlideOutReverse as Q } from "../animation/Slide/Slide.js";
10
- import { g as V, a as K, s as y, c as b, 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 P } from "../.chunks/memoTheme.js";
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 w } from "../.chunks/createSimplePaletteValueFilter.js";
15
- import { i as U } from "../.chunks/integerPropType.js";
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 = R`
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" ? M`
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 = R`
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" ? M`
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 = R`
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" ? M`
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${b(a)}`, t],
78
- dashed: ["dashed", `dashedColor${b(a)}`],
79
- bar1: ["bar", `barColor${b(a)}`, (t === "indeterminate" || t === "query") && "bar1Indeterminate", t === "determinate" && "bar1Determinate", t === "buffer" && "bar1Buffer"],
80
- bar2: ["bar", t !== "buffer" && `barColor${b(a)}`, t === "buffer" && `color${b(a)}`, (t === "indeterminate" || t === "query") && "bar2Indeterminate", t === "buffer" && "bar2Buffer"]
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
- }, I = (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", {
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${b(t.color)}`], r[t.variant]];
90
+ return [r.root, r[`color${m(t.color)}`], r[t.variant]];
91
91
  }
92
- })(P(({
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(w()).map(([r]) => ({
104
+ variants: [...Object.entries(e.palette).filter(M()).map(([r]) => ({
105
105
  props: {
106
106
  color: r
107
107
  },
108
108
  style: {
109
- backgroundColor: I(e, r)
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${b(t.color)}`]];
149
+ return [r.dashed, r[`dashedColor${m(t.color)}`]];
150
150
  }
151
- })(P(({
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(w()).map(([r]) => {
169
- const t = I(e, r);
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${b(t.color)}`], (t.variant === "indeterminate" || t.variant === "query") && r.bar1Indeterminate, t.variant === "determinate" && r.bar1Determinate, t.variant === "buffer" && r.bar1Buffer];
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
- })(P(({
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(w()).map(([r]) => ({
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${b(t.color)}`], (t.variant === "indeterminate" || t.variant === "query") && r.bar2Indeterminate, t.variant === "buffer" && r.bar2Buffer];
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
- })(P(({
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(w()).map(([r]) => ({
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(w()).map(([r]) => ({
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: I(e, r),
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: m,
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 (m !== void 0) {
343
- let l = (m || 0) - 100;
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${b(t)}`],
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
- }, br = y(er, {
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${b(t.position)}`]];
431
+ return [r.root, r[`position${m(t.position)}`]];
432
432
  }
433
- })(P(({
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
- }))), mr = y("div", {
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
- })(P(({
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: m,
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(br, {
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(mr, {
562
+ }), c === "dots" && /* @__PURE__ */ n(br, {
563
563
  ownerState: d,
564
564
  className: l.dots,
565
- children: [...new Array(p)].map((hr, x) => /* @__PURE__ */ n(vr, {
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
- ...m
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: U,
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: U.isRequired,
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 = _("div")(() => ({
630
- ...M`
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
- })), E = _("div")(() => ({
662
- ...M`
661
+ })), _ = R("div")(() => ({
662
+ ...P`
663
663
  position: absolute;
664
664
  top: 0;
665
665
  width: 100%;
666
666
  height: 100%;
667
667
  `
668
- })), Rr = ({
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] = T(0), [m, s] = T("forward"), v = h.toArray(a).length, p = () => {
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(q, { onClick: p, children: i === v - 1 ? "Finish" : "Next" }), d = () => /* @__PURE__ */ n(q, { onClick: c, children: "Back" });
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 && m === "forward" && (h.toArray(a)[i] ?? null),
682
- i !== 0 && m === "forward" && /* @__PURE__ */ C(D, { children: [
683
- /* @__PURE__ */ n(E, { className: "jcSlideOutContainer", children: /* @__PURE__ */ n(H, { className: "jcSlideContainer", children: h.toArray(a)[i - 1] ?? null }) }),
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 && m === "reverse" && /* @__PURE__ */ n(z, { children: h.toArray(a)[i] ?? null }),
687
- i !== v - 1 && m === "reverse" && /* @__PURE__ */ C(D, { children: [
688
- /* @__PURE__ */ n(E, { className: "jcSlideOutContainer", children: /* @__PURE__ */ n(Q, { className: "jcSlideContainer", children: h.toArray(a)[i + 1] ?? null }) }),
689
- /* @__PURE__ */ n(z, { className: "jcSlideContainer", children: h.toArray(a)[i] ?? null })
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
- Rr as default
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.245",
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",