jcicl 0.0.261 → 0.0.265
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/DefaultTemplate/DefaultTemplate.js +8 -8
- package/Stepper/Stepper.js +29 -30
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ import o from "../theme.js";
|
|
|
6
6
|
import { u as h, A as w } from "../.chunks/AppContainer.js";
|
|
7
7
|
import T from "../WithLoading/WithLoading.js";
|
|
8
8
|
import { TopFade as S, BottomFade as P } from "../Overlays/Overlays.js";
|
|
9
|
-
const $ = ["loading", "hasPagination", "loadingColor"], R = u("div", { shouldForwardProp: (r) => !$.includes(r) })(({ loading: r, hasPagination: l, hasFade: s, loadingColor: t = o.colors.green, isTablet:
|
|
9
|
+
const $ = ["loading", "hasPagination", "loadingColor"], R = u("div", { shouldForwardProp: (r) => !$.includes(r) })(({ loading: r, hasPagination: l, hasFade: s, loadingColor: t = o.colors.green, isTablet: i }) => ({
|
|
10
10
|
...b`
|
|
11
11
|
color: ${o.colors.midnight};
|
|
12
12
|
height: ${r ? "100%" : "auto"};
|
|
@@ -17,7 +17,7 @@ const $ = ["loading", "hasPagination", "loadingColor"], R = u("div", { shouldFor
|
|
|
17
17
|
align-items: center;
|
|
18
18
|
width: 100%;
|
|
19
19
|
min-height: 100%;
|
|
20
|
-
height: ${
|
|
20
|
+
height: ${i ? "100%" : "auto"};
|
|
21
21
|
box-sizing: border-box;
|
|
22
22
|
padding-bottom: ${s ? l ? "114px" : "72px" : "19px"};
|
|
23
23
|
> * div {
|
|
@@ -87,10 +87,10 @@ const $ = ["loading", "hasPagination", "loadingColor"], R = u("div", { shouldFor
|
|
|
87
87
|
loading: l = !1,
|
|
88
88
|
hasPagination: s = !1,
|
|
89
89
|
fade: t = !0,
|
|
90
|
-
userProfileMenuItems:
|
|
90
|
+
userProfileMenuItems: i,
|
|
91
91
|
...c
|
|
92
92
|
}) => {
|
|
93
|
-
const y = localStorage.getItem("theme") || "green", [
|
|
93
|
+
const y = localStorage.getItem("theme") || "green", [a, n] = p(y), d = h(`(max-width: ${o.screenSizes.mobile})`), x = h(`(max-width: ${o.screenSizes.tablet})`), k = B[a], C = [
|
|
94
94
|
{
|
|
95
95
|
label: "Green Theme",
|
|
96
96
|
onClick: () => {
|
|
@@ -109,7 +109,7 @@ const $ = ["loading", "hasPagination", "loadingColor"], R = u("div", { shouldFor
|
|
|
109
109
|
localStorage.setItem("theme", "red"), n("red");
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
|
-
...
|
|
112
|
+
...i || []
|
|
113
113
|
];
|
|
114
114
|
return /* @__PURE__ */ e(
|
|
115
115
|
w,
|
|
@@ -122,14 +122,14 @@ const $ = ["loading", "hasPagination", "loadingColor"], R = u("div", { shouldFor
|
|
|
122
122
|
{
|
|
123
123
|
className: "jcPageWrapper",
|
|
124
124
|
loading: l,
|
|
125
|
-
loadingColor: v[
|
|
125
|
+
loadingColor: v[a],
|
|
126
126
|
hasPagination: s,
|
|
127
127
|
hasFade: t,
|
|
128
128
|
isTablet: x,
|
|
129
129
|
children: /* @__PURE__ */ m(T, { loading: l, size: d ? 114 : 201, children: [
|
|
130
130
|
t && /* @__PURE__ */ m(f, { children: [
|
|
131
|
-
/* @__PURE__ */ e(S, { color: g[
|
|
132
|
-
/* @__PURE__ */ e(P, { hasPagination: s, isMobile: d, color: g[
|
|
131
|
+
/* @__PURE__ */ e(S, { color: g[a] }),
|
|
132
|
+
/* @__PURE__ */ e(P, { hasPagination: s, isMobile: d, color: g[a] })
|
|
133
133
|
] }),
|
|
134
134
|
/* @__PURE__ */ e(M, { children: r })
|
|
135
135
|
] })
|
package/Stepper/Stepper.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as S, jsx as
|
|
1
|
+
import { jsxs as S, jsx as a, Fragment as D } from "react/jsx-runtime";
|
|
2
2
|
import * as N from "react";
|
|
3
3
|
import { useState as T, Children as G, isValidElement as H } from "react";
|
|
4
4
|
import { flushSync as M } from "react-dom";
|
|
@@ -335,13 +335,13 @@ const $ = 4, j = A`
|
|
|
335
335
|
if (p === "determinate" || p === "buffer")
|
|
336
336
|
if (g !== void 0) {
|
|
337
337
|
d["aria-valuenow"] = Math.round(g), d["aria-valuemin"] = 0, d["aria-valuemax"] = 100;
|
|
338
|
-
let
|
|
339
|
-
h && (
|
|
338
|
+
let n = g - 100;
|
|
339
|
+
h && (n = -n), b.bar1.transform = `translateX(${n}%)`;
|
|
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 (p === "buffer")
|
|
342
342
|
if (v !== void 0) {
|
|
343
|
-
let
|
|
344
|
-
h && (
|
|
343
|
+
let n = (v || 0) - 100;
|
|
344
|
+
h && (n = -n), b.bar2.transform = `translateX(${n}%)`;
|
|
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__ */ S(pr, {
|
|
347
347
|
className: O(c.root, u),
|
|
@@ -350,14 +350,14 @@ const $ = 4, j = A`
|
|
|
350
350
|
...d,
|
|
351
351
|
ref: t,
|
|
352
352
|
...f,
|
|
353
|
-
children: [p === "buffer" ? /* @__PURE__ */
|
|
353
|
+
children: [p === "buffer" ? /* @__PURE__ */ a(cr, {
|
|
354
354
|
className: c.dashed,
|
|
355
355
|
ownerState: s
|
|
356
|
-
}) : null, /* @__PURE__ */
|
|
356
|
+
}) : null, /* @__PURE__ */ a(dr, {
|
|
357
357
|
className: c.bar1,
|
|
358
358
|
ownerState: s,
|
|
359
359
|
style: b.bar1
|
|
360
|
-
}), p === "determinate" ? null : /* @__PURE__ */
|
|
360
|
+
}), p === "determinate" ? null : /* @__PURE__ */ a(ur, {
|
|
361
361
|
className: c.bar2,
|
|
362
362
|
ownerState: s,
|
|
363
363
|
style: b.bar2
|
|
@@ -549,27 +549,27 @@ const mr = (e) => {
|
|
|
549
549
|
};
|
|
550
550
|
let b;
|
|
551
551
|
c === "progress" && (s === 1 ? b = 100 : b = Math.ceil(u / (s - 1) * 100));
|
|
552
|
-
const
|
|
552
|
+
const n = mr(d);
|
|
553
553
|
return /* @__PURE__ */ S(br, {
|
|
554
554
|
square: !0,
|
|
555
555
|
elevation: 0,
|
|
556
|
-
className: O(
|
|
556
|
+
className: O(n.root, g),
|
|
557
557
|
ref: t,
|
|
558
558
|
ownerState: d,
|
|
559
559
|
...h,
|
|
560
560
|
children: [i, c === "text" && /* @__PURE__ */ S(N.Fragment, {
|
|
561
561
|
children: [u + 1, " / ", s]
|
|
562
|
-
}), c === "dots" && /* @__PURE__ */
|
|
562
|
+
}), c === "dots" && /* @__PURE__ */ a(vr, {
|
|
563
563
|
ownerState: d,
|
|
564
|
-
className:
|
|
565
|
-
children: [...new Array(s)].map((Cr, k) => /* @__PURE__ */
|
|
566
|
-
className: O(
|
|
564
|
+
className: n.dots,
|
|
565
|
+
children: [...new Array(s)].map((Cr, k) => /* @__PURE__ */ a(gr, {
|
|
566
|
+
className: O(n.dot, k === u && n.dotActive),
|
|
567
567
|
ownerState: d,
|
|
568
568
|
dotActive: k === u
|
|
569
569
|
}, k))
|
|
570
|
-
}), c === "progress" && /* @__PURE__ */
|
|
570
|
+
}), c === "progress" && /* @__PURE__ */ a(yr, {
|
|
571
571
|
ownerState: d,
|
|
572
|
-
className:
|
|
572
|
+
className: n.progress,
|
|
573
573
|
variant: "determinate",
|
|
574
574
|
value: b,
|
|
575
575
|
...v
|
|
@@ -678,33 +678,32 @@ const hr = R("div")(() => ({
|
|
|
678
678
|
...u
|
|
679
679
|
}) => {
|
|
680
680
|
const [i, g] = T(0), [v, p] = T("forward"), f = G.toArray(l).filter(
|
|
681
|
-
|
|
682
|
-
(a) => H(a) && !!a.props.children
|
|
681
|
+
(n) => H(n)
|
|
683
682
|
), s = f.length, c = () => {
|
|
684
|
-
i === s - 1 ? t == null || t() : (M(() => p("none")), M(() => p("forward")), g((
|
|
683
|
+
i === s - 1 ? t == null || t() : (M(() => p("none")), M(() => p("forward")), g((n) => n + 1), e == null || e());
|
|
685
684
|
}, h = () => {
|
|
686
|
-
M(() => p("none")), M(() => p("reverse")), g((
|
|
687
|
-
}, d = () => /* @__PURE__ */
|
|
685
|
+
M(() => p("none")), M(() => p("reverse")), g((n) => n - 1), r == null || r();
|
|
686
|
+
}, d = () => /* @__PURE__ */ a(q, { onClick: c, children: i === s - 1 ? "Finish" : "Next" }), b = () => /* @__PURE__ */ a(q, { onClick: h, children: "Back" });
|
|
688
687
|
return /* @__PURE__ */ S(hr, { className: "jcStepContainer", children: [
|
|
689
|
-
i === 0 && v === "forward" && /* @__PURE__ */
|
|
688
|
+
i === 0 && v === "forward" && /* @__PURE__ */ a(Sr, { className: "jcSlideContainer", children: f[i] ?? null }),
|
|
690
689
|
i !== 0 && v === "forward" && /* @__PURE__ */ S(D, { children: [
|
|
691
|
-
/* @__PURE__ */
|
|
692
|
-
/* @__PURE__ */
|
|
690
|
+
/* @__PURE__ */ a(U, { className: "jcSlideOutContainer", children: /* @__PURE__ */ a(J, { className: "jcSlideContainer", children: f[i - 1] ?? null }) }),
|
|
691
|
+
/* @__PURE__ */ a(Q, { className: "jcSlideContainer", children: f[i] ?? null })
|
|
693
692
|
] }),
|
|
694
|
-
i === s - 1 && v === "reverse" && /* @__PURE__ */
|
|
693
|
+
i === s - 1 && v === "reverse" && /* @__PURE__ */ a(z, { className: "jcSlideContainer", children: f[i] ?? null }),
|
|
695
694
|
i !== s - 1 && v === "reverse" && /* @__PURE__ */ S(D, { children: [
|
|
696
|
-
/* @__PURE__ */
|
|
697
|
-
/* @__PURE__ */
|
|
695
|
+
/* @__PURE__ */ a(U, { className: "jcSlideOutContainer", children: /* @__PURE__ */ a(W, { className: "jcSlideContainer", children: f[i + 1] ?? null }) }),
|
|
696
|
+
/* @__PURE__ */ a(z, { className: "jcSlideContainer", children: f[i] ?? null })
|
|
698
697
|
] }),
|
|
699
|
-
/* @__PURE__ */
|
|
698
|
+
/* @__PURE__ */ a(
|
|
700
699
|
Y,
|
|
701
700
|
{
|
|
702
701
|
variant: "progress",
|
|
703
702
|
steps: s,
|
|
704
703
|
position: "static",
|
|
705
704
|
activeStep: i,
|
|
706
|
-
nextButton: /* @__PURE__ */
|
|
707
|
-
backButton: i === 0 ? /* @__PURE__ */
|
|
705
|
+
nextButton: /* @__PURE__ */ a(d, {}),
|
|
706
|
+
backButton: i === 0 ? /* @__PURE__ */ a("div", { style: { width: "103px" } }) : /* @__PURE__ */ a(b, {}),
|
|
708
707
|
...u
|
|
709
708
|
}
|
|
710
709
|
)
|
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.265",
|
|
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",
|