jcicl 0.0.165 → 0.0.169

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/AppHeader/AppHeader.js +86 -92
  2. package/package.json +1 -1
package/AppHeader/AppHeader.js CHANGED
@@ -1,77 +1,77 @@
1
- import { jsx as t, jsxs as p, Fragment as Y } from "react/jsx-runtime";
2
- import * as E from "react";
3
- import Z, { useState as S, useLayoutEffect as ee } from "react";
4
- import { n as h } from "../.chunks/emotion-styled.browser.esm.js";
1
+ import { jsx as t, jsxs as h } from "react/jsx-runtime";
2
+ import * as M from "react";
3
+ import Y, { useState as z, useLayoutEffect as Z } from "react";
4
+ import { n as f } from "../.chunks/emotion-styled.browser.esm.js";
5
5
  import { c as b } from "../.chunks/emotion-react.browser.esm.js";
6
- import { Search as A } from "../Search/Search.js";
6
+ import { Search as E } from "../Search/Search.js";
7
7
  import { Button as H } from "../Button/Button.js";
8
8
  import I from "../Icon/Icon.js";
9
- import te from "../WithLabel/WithLabel.js";
9
+ import T from "../WithLabel/WithLabel.js";
10
10
  import { c as V } from "../.chunks/createSvgIcon.js";
11
- const ne = Z[typeof document < "u" && document.createElement !== void 0 ? "useLayoutEffect" : "useEffect"], ie = (e) => {
12
- const n = E.useRef(e);
13
- return E.useEffect(() => {
11
+ const ee = Y[typeof document < "u" && document.createElement !== void 0 ? "useLayoutEffect" : "useEffect"], te = (e) => {
12
+ const n = M.useRef(e);
13
+ return M.useEffect(() => {
14
14
  n.current = e;
15
15
  }), n;
16
16
  };
17
- function re() {
17
+ function ne() {
18
18
  }
19
- function oe(e, n, l = {}) {
20
- const c = se(l.polyfill), a = ie(n);
21
- return ne(() => {
19
+ function ie(e, n, l = {}) {
20
+ const c = re(l.polyfill), a = te(n);
21
+ return ee(() => {
22
22
  let i = !1;
23
23
  const d = e && "current" in e ? e.current : e;
24
- if (!d) return re;
25
- function o(r, s) {
26
- i || a.current(r, s);
24
+ if (!d) return ne;
25
+ function r(o, s) {
26
+ i || a.current(o, s);
27
27
  }
28
- return c.subscribe(d, o), () => {
29
- i = !0, c.unsubscribe(d, o);
28
+ return c.subscribe(d, r), () => {
29
+ i = !0, c.unsubscribe(d, r);
30
30
  };
31
31
  }, [e, c, a]), c.observer;
32
32
  }
33
- function ce(e) {
33
+ function oe(e) {
34
34
  let n = !1, l = [];
35
35
  const c = /* @__PURE__ */ new Map(), a = new (e || window.ResizeObserver)((i, d) => {
36
36
  l = l.concat(i);
37
- function o() {
38
- const r = /* @__PURE__ */ new Set();
37
+ function r() {
38
+ const o = /* @__PURE__ */ new Set();
39
39
  for (let s = 0; s < l.length; s++) {
40
- if (r.has(l[s].target)) continue;
41
- r.add(l[s].target);
42
- const f = c.get(l[s].target);
43
- f == null || f.forEach((v) => v(l[s], d));
40
+ if (o.has(l[s].target)) continue;
41
+ o.add(l[s].target);
42
+ const m = c.get(l[s].target);
43
+ m == null || m.forEach((v) => v(l[s], d));
44
44
  }
45
45
  l = [], n = !1;
46
46
  }
47
- n || window.requestAnimationFrame(o), n = !0;
47
+ n || window.requestAnimationFrame(r), n = !0;
48
48
  });
49
49
  return {
50
50
  observer: a,
51
51
  subscribe(i, d) {
52
- var o;
52
+ var r;
53
53
  a.observe(i);
54
- const r = (o = c.get(i)) !== null && o !== void 0 ? o : [];
55
- r.push(d), c.set(i, r);
54
+ const o = (r = c.get(i)) !== null && r !== void 0 ? r : [];
55
+ o.push(d), c.set(i, o);
56
56
  },
57
57
  unsubscribe(i, d) {
58
- var o;
59
- const r = (o = c.get(i)) !== null && o !== void 0 ? o : [];
60
- if (r.length === 1) {
58
+ var r;
59
+ const o = (r = c.get(i)) !== null && r !== void 0 ? r : [];
60
+ if (o.length === 1) {
61
61
  a.unobserve(i), c.delete(i);
62
62
  return;
63
63
  }
64
- const s = r.indexOf(d);
65
- s !== -1 && r.splice(s, 1), c.set(i, r);
64
+ const s = o.indexOf(d);
65
+ s !== -1 && o.splice(s, 1), c.set(i, o);
66
66
  }
67
67
  };
68
68
  }
69
- let z;
70
- const se = (e) => z || (z = ce(e)), le = V(/* @__PURE__ */ t("path", {
69
+ let O;
70
+ const re = (e) => O || (O = oe(e)), ce = V(/* @__PURE__ */ t("path", {
71
71
  d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
72
72
  }), "Menu"), L = V(/* @__PURE__ */ t("path", {
73
73
  d: "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4"
74
- }), "PersonOutlineOutlined"), R = h("div")(
74
+ }), "PersonOutlineOutlined"), R = f("div")(
75
75
  ({ mobile: e, shadowSecondary: n }) => ({
76
76
  ...b`
77
77
  z-index: 1313;
@@ -85,15 +85,15 @@ const se = (e) => z || (z = ce(e)), le = V(/* @__PURE__ */ t("path", {
85
85
  box-shadow: ${e && n};
86
86
  `
87
87
  })
88
- ), _ = h("img")(({ width: e }) => ({
88
+ ), _ = f("img")(({ width: e }) => ({
89
89
  width: `${e}px`
90
- })), P = h("div")(({ height: e }) => ({
90
+ })), P = f("div")(({ height: e }) => ({
91
91
  ...b`
92
92
  display: flex;
93
93
  gap: 1rem;
94
94
  height: ${e}px;
95
95
  `
96
- })), de = h("div")(({ width: e, loggedIn: n }) => ({
96
+ })), se = f("div")(({ width: e, loggedIn: n }) => ({
97
97
  ...b`
98
98
  width: ${e}px;
99
99
  display: flex;
@@ -105,14 +105,14 @@ const se = (e) => z || (z = ce(e)), le = V(/* @__PURE__ */ t("path", {
105
105
  white-space: nowrap;
106
106
  }
107
107
  `
108
- })), j = h("div")(({ visible: e }) => ({
108
+ })), j = f("div")(({ visible: e }) => ({
109
109
  ...b`
110
110
  z-index: ${e ? 1 : 0};
111
111
  opacity: ${e ? 1 : 0};
112
112
  pointer-events: ${e ? "auto" : "none"};
113
113
  position: ${e ? "relative" : "absolute"};
114
114
  `
115
- })), F = h("div")(() => ({
115
+ })), A = f("div")(() => ({
116
116
  ...b`
117
117
  display: flex;
118
118
  width: 1360px;
@@ -129,7 +129,7 @@ const se = (e) => z || (z = ce(e)), le = V(/* @__PURE__ */ t("path", {
129
129
  margin: 0;
130
130
  }
131
131
  `
132
- })), xe = ({
132
+ })), ve = ({
133
133
  isMobile: e,
134
134
  loggedIn: n,
135
135
  logoProps: l,
@@ -137,66 +137,60 @@ const se = (e) => z || (z = ce(e)), le = V(/* @__PURE__ */ t("path", {
137
137
  themeProps: a,
138
138
  hamburgerMenu: i,
139
139
  iconColors: d,
140
- userName: o = "User",
141
- userSettingsEnabled: r,
140
+ userName: r = "User",
141
+ userSettingsEnabled: o,
142
142
  searchFilters: s,
143
- onHamburgerMenuClick: f,
143
+ onHamburgerMenuClick: m,
144
144
  onUserMenuClick: v,
145
- onLogin: U,
146
- onSearch: B = () => {
145
+ onLogin: F,
146
+ onSearch: U = () => {
147
147
  },
148
- searchPlaceholder: q = "Search",
149
- onInputChange: D,
150
- headerType: C = "search",
151
- appTitle: O
148
+ searchPlaceholder: B = "Search",
149
+ onInputChange: q,
150
+ headerType: g = "search",
151
+ appTitle: S
152
152
  }) => {
153
- const [g, $] = S(0), [u, G] = S(null), [x, J] = S(null), { logoSrc: y, logoWidth: W, logoHeight: w } = l, { shadowSecondary: K, shadowTertiary: N, iconPrimary: Q, borderPrimary: T } = a, k = {
154
- shadowTertiary: N,
155
- borderColor: T,
156
- borderFocusColor: Q,
153
+ const [x, $] = z(0), [u, D] = z(null), [w, G] = z(null), { logoSrc: W, logoWidth: k, logoHeight: C } = l, { shadowSecondary: J, shadowTertiary: K, iconPrimary: N, borderPrimary: Q } = a, y = {
154
+ shadowTertiary: K,
155
+ borderColor: Q,
156
+ borderFocusColor: N,
157
157
  filters: s,
158
- onSearch: B,
159
- placeholder: q,
160
- onChange: D
158
+ onSearch: U,
159
+ placeholder: B,
160
+ onChange: q
161
161
  };
162
- ee(() => {
163
- u && u.clientWidth > g && $(u.clientWidth), x && x.clientWidth > g && $(x.clientWidth);
164
- }, [u, x]);
165
- const X = (m) => {
166
- m != null && m.clientWidth && m.clientWidth > g && $(m.clientWidth);
162
+ Z(() => {
163
+ u && u.clientWidth > x && $(u.clientWidth), w && w.clientWidth > x && $(w.clientWidth);
164
+ }, [u, w]);
165
+ const X = (p) => {
166
+ p != null && p.clientWidth && p.clientWidth > x && $(p.clientWidth);
167
167
  };
168
- oe(u, () => X(u));
169
- const M = () => {
170
- if (C === "search")
171
- return /* @__PURE__ */ t(A, { ...k });
172
- if (C === "title")
173
- return /* @__PURE__ */ t("h1", { children: O });
174
- if (C === "searchAndTitle")
175
- return /* @__PURE__ */ p(Y, { children: [
176
- /* @__PURE__ */ t("h1", { children: O }),
177
- /* @__PURE__ */ t(A, { ...k })
178
- ] });
179
- };
180
- return e ? /* @__PURE__ */ p(R, { mobile: !0, shadowSecondary: K, children: [
181
- /* @__PURE__ */ t(P, { height: w, children: /* @__PURE__ */ t(_, { src: y, height: `${w}px`, width: W }) }),
182
- /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(M, {}) }),
168
+ return ie(u, () => X(u)), e ? /* @__PURE__ */ h(R, { mobile: !0, shadowSecondary: J, children: [
169
+ /* @__PURE__ */ t(P, { height: C, children: /* @__PURE__ */ t(_, { src: W, height: `${C}px`, width: k }) }),
170
+ /* @__PURE__ */ h(A, { children: [
171
+ g === "search" && /* @__PURE__ */ t(E, { ...y }),
172
+ g === "title" && /* @__PURE__ */ t("h1", { children: S })
173
+ ] }),
183
174
  /* @__PURE__ */ t(
184
175
  I,
185
176
  {
186
177
  icon: /* @__PURE__ */ t(L, {}),
187
178
  ...d,
188
- onClick: r ? v : void 0
179
+ onClick: o ? v : void 0
189
180
  }
190
181
  )
191
- ] }) : /* @__PURE__ */ p(R, { children: [
192
- /* @__PURE__ */ p(P, { height: w, children: [
193
- /* @__PURE__ */ t(_, { src: y, height: `${w}px`, width: W }),
194
- i && /* @__PURE__ */ t(H, { variant: "icon", onClick: f, color: c, children: /* @__PURE__ */ t(le, {}) })
182
+ ] }) : /* @__PURE__ */ h(R, { children: [
183
+ /* @__PURE__ */ h(P, { height: C, children: [
184
+ /* @__PURE__ */ t(_, { src: W, height: `${C}px`, width: k }),
185
+ i && /* @__PURE__ */ t(H, { variant: "icon", onClick: m, color: c, children: /* @__PURE__ */ t(ce, {}) })
186
+ ] }),
187
+ /* @__PURE__ */ h(A, { children: [
188
+ g === "search" && /* @__PURE__ */ t(E, { ...y }),
189
+ g === "title" && /* @__PURE__ */ t("h1", { children: S })
195
190
  ] }),
196
- /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(M, {}) }),
197
- /* @__PURE__ */ p(de, { width: g, loggedIn: !!n, children: [
198
- /* @__PURE__ */ t(j, { visible: !!n, ref: G, children: /* @__PURE__ */ t(
199
- te,
191
+ /* @__PURE__ */ h(se, { width: x, loggedIn: !!n, children: [
192
+ /* @__PURE__ */ t(j, { visible: !!n, ref: D, children: /* @__PURE__ */ t(
193
+ T,
200
194
  {
201
195
  id: "accountMenuContainer",
202
196
  component: /* @__PURE__ */ t(
@@ -204,16 +198,16 @@ const se = (e) => z || (z = ce(e)), le = V(/* @__PURE__ */ t("path", {
204
198
  {
205
199
  icon: /* @__PURE__ */ t(L, {}),
206
200
  ...d,
207
- onClick: r ? v : void 0
201
+ onClick: o ? v : void 0
208
202
  }
209
203
  ),
210
- label: `Hi, ${o}!`
204
+ label: `Hi, ${r}!`
211
205
  }
212
206
  ) }),
213
- /* @__PURE__ */ t(j, { visible: !n, ref: J, children: /* @__PURE__ */ t(H, { id: "loginButtonContainer", onClick: U, children: "Log In" }) })
207
+ /* @__PURE__ */ t(j, { visible: !n, ref: G, children: /* @__PURE__ */ t(H, { id: "loginButtonContainer", onClick: F, children: "Log In" }) })
214
208
  ] })
215
209
  ] });
216
210
  };
217
211
  export {
218
- xe as default
212
+ ve as default
219
213
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "jcicl",
3
3
  "private": false,
4
- "version": "0.0.165",
4
+ "version": "0.0.169",
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",