jcicl 0.0.223 → 0.0.227
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.
|
@@ -12,9 +12,10 @@ export declare const MainContentContainer: import('@emotion/styled').StyledCompo
|
|
|
12
12
|
theme?: import('@emotion/react').Theme;
|
|
13
13
|
as?: React.ElementType;
|
|
14
14
|
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
15
|
-
export
|
|
15
|
+
export type DefaultTemplateProps = AppContainerProps & {
|
|
16
16
|
loading?: boolean;
|
|
17
17
|
hasPagination?: boolean;
|
|
18
|
-
|
|
18
|
+
fade?: boolean;
|
|
19
|
+
};
|
|
19
20
|
declare const DefaultTemplate: React.FC<PropsWithChildren<DefaultTemplateProps>>;
|
|
20
21
|
export default DefaultTemplate;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as c, jsxs as
|
|
2
|
-
import { useState as
|
|
1
|
+
import { jsx as c, jsxs as y } from "react/jsx-runtime";
|
|
2
|
+
import { useState as x } from "react";
|
|
3
3
|
import { n as d } from "../.chunks/emotion-styled.browser.esm.js";
|
|
4
4
|
import { c as n } from "../.chunks/emotion-react.browser.esm.js";
|
|
5
5
|
import o from "../theme.js";
|
|
6
|
-
import { u as
|
|
7
|
-
import
|
|
8
|
-
import { Fade as
|
|
9
|
-
const
|
|
6
|
+
import { u as k, A as f } from "../.chunks/AppContainer.js";
|
|
7
|
+
import C from "../WithLoading/WithLoading.js";
|
|
8
|
+
import { Fade as w } from "../Overlays/Overlays.js";
|
|
9
|
+
const p = ["loading", "hasPagination", "loadingColor"], S = d("div", { shouldForwardProp: (r) => !p.includes(r) })(({ loading: r, hasPagination: e, loadingColor: l = o.colors.green }) => ({
|
|
10
10
|
...n`
|
|
11
11
|
color: ${o.colors.midnight};
|
|
12
12
|
height: ${r ? "100%" : "auto"};
|
|
@@ -26,7 +26,7 @@ const w = ["loading", "hasPagination", "loadingColor"], p = d("div", { shouldFor
|
|
|
26
26
|
color: ${l};
|
|
27
27
|
}
|
|
28
28
|
`
|
|
29
|
-
})),
|
|
29
|
+
})), T = d("div")(() => ({
|
|
30
30
|
...n`
|
|
31
31
|
border-radius: 8px;
|
|
32
32
|
padding: 0;
|
|
@@ -37,15 +37,15 @@ const w = ["loading", "hasPagination", "loadingColor"], p = d("div", { shouldFor
|
|
|
37
37
|
width: 100%;
|
|
38
38
|
box-sizing: border-box;
|
|
39
39
|
`
|
|
40
|
-
})),
|
|
40
|
+
})), P = {
|
|
41
41
|
green: o.colors.green,
|
|
42
42
|
blue: o.colors.darkBlue,
|
|
43
43
|
red: o.colors.darkRed
|
|
44
|
-
},
|
|
44
|
+
}, R = {
|
|
45
45
|
green: o.colors.whiteGreen,
|
|
46
46
|
blue: o.colors.sky,
|
|
47
47
|
red: o.colors.lighterRed
|
|
48
|
-
},
|
|
48
|
+
}, $ = {
|
|
49
49
|
backgroundPrimary: o.colors.sky,
|
|
50
50
|
backgroundSecondary: o.colors.lovemist,
|
|
51
51
|
backgroundTertiary: o.colors.cornflower,
|
|
@@ -60,7 +60,7 @@ const w = ["loading", "hasPagination", "loadingColor"], p = d("div", { shouldFor
|
|
|
60
60
|
iconColor: o.colors.cobalt,
|
|
61
61
|
backgroundColor: o.colors.sky
|
|
62
62
|
}
|
|
63
|
-
},
|
|
63
|
+
}, M = {
|
|
64
64
|
backgroundPrimary: o.colors.lighterRed,
|
|
65
65
|
backgroundSecondary: o.colors.lightRed,
|
|
66
66
|
backgroundTertiary: o.colors.cherryBlossom,
|
|
@@ -75,18 +75,19 @@ const w = ["loading", "hasPagination", "loadingColor"], p = d("div", { shouldFor
|
|
|
75
75
|
iconColor: o.colors.maroon,
|
|
76
76
|
backgroundColor: o.colors.lighterRed
|
|
77
77
|
}
|
|
78
|
-
},
|
|
79
|
-
blue:
|
|
80
|
-
red:
|
|
78
|
+
}, v = {
|
|
79
|
+
blue: $,
|
|
80
|
+
red: M,
|
|
81
81
|
green: void 0
|
|
82
|
-
},
|
|
82
|
+
}, G = ({
|
|
83
83
|
children: r,
|
|
84
84
|
loading: e = !1,
|
|
85
85
|
hasPagination: l = !1,
|
|
86
|
-
|
|
86
|
+
fade: m = !0,
|
|
87
|
+
userProfileMenuItems: h,
|
|
87
88
|
...s
|
|
88
89
|
}) => {
|
|
89
|
-
const
|
|
90
|
+
const g = localStorage.getItem("theme") || "green", [t, i] = x(g), a = k(`(max-width: ${o.screenSizes.mobile})`), u = v[t], b = [
|
|
90
91
|
{
|
|
91
92
|
label: "Green Theme",
|
|
92
93
|
onClick: () => {
|
|
@@ -105,23 +106,23 @@ const w = ["loading", "hasPagination", "loadingColor"], p = d("div", { shouldFor
|
|
|
105
106
|
localStorage.setItem("theme", "red"), i("red");
|
|
106
107
|
}
|
|
107
108
|
},
|
|
108
|
-
...
|
|
109
|
+
...h || []
|
|
109
110
|
];
|
|
110
111
|
return /* @__PURE__ */ c(
|
|
111
|
-
|
|
112
|
+
f,
|
|
112
113
|
{
|
|
113
114
|
...s,
|
|
114
|
-
userProfileMenuItems:
|
|
115
|
-
themeColors:
|
|
116
|
-
children: /* @__PURE__ */ c(
|
|
117
|
-
/* @__PURE__ */ c(
|
|
118
|
-
/* @__PURE__ */ c(
|
|
115
|
+
userProfileMenuItems: b,
|
|
116
|
+
themeColors: u ?? (s == null ? void 0 : s.themeColors),
|
|
117
|
+
children: /* @__PURE__ */ c(S, { loading: e, loadingColor: P[t], hasPagination: l, children: /* @__PURE__ */ y(C, { loading: e, size: a ? 114 : 201, children: [
|
|
118
|
+
m && /* @__PURE__ */ c(w, { isMobile: a, hasPagination: l, color: R[t] }),
|
|
119
|
+
/* @__PURE__ */ c(T, { children: r })
|
|
119
120
|
] }) })
|
|
120
121
|
}
|
|
121
122
|
);
|
|
122
123
|
};
|
|
123
124
|
export {
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
125
|
+
T as MainContentContainer,
|
|
126
|
+
S as PageWrapper,
|
|
127
|
+
G as default
|
|
127
128
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default
|
|
1
|
+
export { default, type DefaultTemplateProps } from './DefaultTemplate';
|
package/DefaultTemplate/index.js
CHANGED
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.227",
|
|
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",
|