jcicl 0.0.167 → 0.0.171

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