jcicl 0.0.345 → 1.0.1

package/.chunks/AppHeader.js

@@ -0,0 +1,222 @@
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import * as M from "react";
+import Z, { useState as z, useLayoutEffect as T } from "react";
+import { n as f } from "./emotion-styled.browser.esm.js";
+import { c as b } from "./emotion-react.browser.esm.js";
+import { Search as E } from "../Search/Search.js";
+import { Button as H } from "../Button/Button.js";
+import I from "../Icon/Icon.js";
+import ee from "../WithLabel/WithLabel.js";
+import { c as F } from "./createSvgIcon.js";
+import L from "../theme.js";
+const te = Z[typeof document < "u" && document.createElement !== void 0 ? "useLayoutEffect" : "useEffect"], ne = (e) => {
+  const n = M.useRef(e);
+  return M.useEffect(() => {
+    n.current = e;
+  }), n;
+};
+function ie() {
+}
+function oe(e, n, l = {}) {
+  const c = ce(l.polyfill), d = ne(n);
+  return te(() => {
+    let i = !1;
+    const a = e && "current" in e ? e.current : e;
+    if (!a) return ie;
+    function r(o, s) {
+      i || d.current(o, s);
+    }
+    return c.subscribe(a, r), () => {
+      i = !0, c.unsubscribe(a, r);
+    };
+  }, [e, c, d]), c.observer;
+}
+function re(e) {
+  let n = !1, l = [];
+  const c = /* @__PURE__ */ new Map(), d = new (e || window.ResizeObserver)((i, a) => {
+    l = l.concat(i);
+    function r() {
+      const o = /* @__PURE__ */ new Set();
+      for (let s = 0; s < l.length; s++) {
+        if (o.has(l[s].target)) continue;
+        o.add(l[s].target);
+        const m = c.get(l[s].target);
+        m == null || m.forEach((v) => v(l[s], a));
+      }
+      l = [], n = !1;
+    }
+    n || window.requestAnimationFrame(r), n = !0;
+  });
+  return {
+    observer: d,
+    subscribe(i, a) {
+      var r;
+      d.observe(i);
+      const o = (r = c.get(i)) !== null && r !== void 0 ? r : [];
+      o.push(a), c.set(i, o);
+    },
+    unsubscribe(i, a) {
+      var r;
+      const o = (r = c.get(i)) !== null && r !== void 0 ? r : [];
+      if (o.length === 1) {
+        d.unobserve(i), c.delete(i);
+        return;
+      }
+      const s = o.indexOf(a);
+      s !== -1 && o.splice(s, 1), c.set(i, o);
+    }
+  };
+}
+let S;
+const ce = (e) => S || (S = re(e)), se = F(/* @__PURE__ */ t("path", {
+  d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
+}), "Menu"), P = F(/* @__PURE__ */ t("path", {
+  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"
+}), "PersonOutlineOutlined"), R = f("div")(
+  ({ mobile: e, shadowSecondary: n }) => ({
+    ...b`
+      z-index: 1313;
+      display: flex;
+      flex-direction: row;
+      padding: 4px 16px;
+      background-color: transparent;
+      align-items: center;
+      justify-content: space-between;
+      gap: ${e ? "8px" : "1.5rem"};
+      box-shadow: ${e && n};
+    `
+  })
+), _ = f("img")(({ width: e }) => ({
+  width: `${e}px`
+})), A = f("div")(({ height: e }) => ({
+  ...b`
+    display: flex;
+    gap: 1rem;
+    height: ${e}px;
+  `
+})), le = f("div")(({ width: e, loggedIn: n }) => ({
+  ...b`
+    width: ${e}px;
+    display: flex;
+    justify-content: center;
+    align-items: flex-end;
+    flex-direction: ${n ? "column" : "column-reverse"};
+    flex-shrink: 0;
+    * {
+      white-space: nowrap;
+    }
+  `
+})), j = f("div")(({ visible: e }) => ({
+  ...b`
+    z-index: ${e ? 1 : 0};
+    opacity: ${e ? 1 : 0};
+    pointer-events: ${e ? "auto" : "none"};
+    position: ${e ? "relative" : "absolute"};
+  `
+})), V = f("div")(() => ({
+  ...b`
+    display: flex;
+    width: 1360px;
+    max-width: 100%;
+    align-items: center;
+    justify-content: center;
+    .MuiFormControl-root {
+      width: 100%;
+    }
+
+    h1 {
+      font-size: 32px;
+      line-height: 1;
+      margin: 0;
+      margin-left: calc(${L.constants.navDefaultWidth}px * 2);
+    }
+
+    @media screen and (max-width: ${L.screenSizes.tablet}) {
+      h1 {
+        margin: 0;
+      }
+    }
+  `
+})), xe = ({
+  isMobile: e,
+  loggedIn: n,
+  logoProps: l,
+  iconColor: c,
+  themeProps: d,
+  hamburgerMenu: i,
+  iconColors: a,
+  userName: r = "User",
+  userSettingsEnabled: o,
+  searchFilters: s,
+  onHamburgerMenuClick: m,
+  onUserMenuClick: v,
+  onLogin: U,
+  onSearch: B = () => {
+  },
+  searchPlaceholder: q = "Search",
+  onInputChange: D,
+  headerType: g = "search",
+  appTitle: O
+}) => {
+  const [x, C] = z(0), [u, G] = z(null), [w, J] = z(null), { logoSrc: W, logoWidth: k, logoHeight: $ } = l, { shadowSecondary: K, shadowTertiary: N, iconPrimary: Q, borderPrimary: X } = d, y = {
+    shadowTertiary: N,
+    borderColor: X,
+    borderFocusColor: Q,
+    filters: s,
+    onSearch: B,
+    placeholder: q,
+    onChange: D
+  };
+  T(() => {
+    u && u.clientWidth > x && C(u.clientWidth), w && w.clientWidth > x && C(w.clientWidth);
+  }, [u, w]);
+  const Y = (p) => {
+    p != null && p.clientWidth && p.clientWidth > x && C(p.clientWidth);
+  };
+  return oe(u, () => Y(u)), e ? /* @__PURE__ */ h(R, { mobile: !0, shadowSecondary: K, children: [
+    /* @__PURE__ */ t(A, { height: $, children: /* @__PURE__ */ t(_, { src: W, height: `${$}px`, width: k }) }),
+    /* @__PURE__ */ h(V, { children: [
+      g === "search" && /* @__PURE__ */ t(E, { ...y }),
+      g === "title" && /* @__PURE__ */ t("h1", { children: O })
+    ] }),
+    /* @__PURE__ */ t(
+      I,
+      {
+        icon: /* @__PURE__ */ t(P, {}),
+        ...a,
+        onClick: o ? v : void 0
+      }
+    )
+  ] }) : /* @__PURE__ */ h(R, { children: [
+    /* @__PURE__ */ h(A, { height: $, children: [
+      /* @__PURE__ */ t(_, { src: W, height: `${$}px`, width: k }),
+      i && /* @__PURE__ */ t(H, { variant: "icon", onClick: m, color: c, children: /* @__PURE__ */ t(se, {}) })
+    ] }),
+    /* @__PURE__ */ h(V, { children: [
+      g === "search" && /* @__PURE__ */ t(E, { ...y }),
+      g === "title" && /* @__PURE__ */ t("h1", { children: O })
+    ] }),
+    /* @__PURE__ */ h(le, { width: x, loggedIn: !!n, children: [
+      /* @__PURE__ */ t(j, { visible: !!n, ref: G, children: /* @__PURE__ */ t(
+        ee,
+        {
+          id: "accountMenuContainer",
+          component: /* @__PURE__ */ t(
+            I,
+            {
+              icon: /* @__PURE__ */ t(P, {}),
+              ...a,
+              onClick: o ? v : void 0
+            }
+          ),
+          label: `Hi, ${r}!`
+        }
+      ) }),
+      /* @__PURE__ */ t(j, { visible: !n, ref: J, children: /* @__PURE__ */ t(H, { id: "loginButtonContainer", onClick: U, children: "Log In" }) })
+    ] })
+  ] });
+};
+export {
+  xe as A,
+  P
+};

package/.chunks/ButtonBase.js

@@ -6,7 +6,7 @@ import W, { Children as Oe, isValidElement as G, cloneElement as J } from "react
 import { P as e, b as E, a as fe, s as te, u as de, g as je, d as Fe } from "./DefaultPropsProvider.js";
 import { jsx as I, jsxs as $e } from "react/jsx-runtime";
 import { k as ne } from "./emotion-react.browser.esm.js";
-import { d as Ie, _ as Ue, e as ze, f as ue, b as _e, a as ce, c as H, r as Xe } from "./TransitionGroupContext.js";
+import { d as Ie, e as Ue, _ as ze, f as ue, b as _e, a as ce, c as H, r as Xe } from "./TransitionGroupContext.js";
 import { _ as Ye } from "./emotion-styled.browser.esm.js";
 import { e as Ae } from "./elementTypeAcceptingRef.js";
 import { i as pe } from "./isFocusVisible.js";

package/.chunks/Portal.js

@@ -1,7 +1,7 @@
 import * as p from "react";
 import w from "react";
 import { r as ct, m as pt, a as ft } from "./resolveComponentProps.js";
-import { a as H, _ as dt, e as Et, f as B, b as mt, u as U, s as j } from "./TransitionGroupContext.js";
+import { a as H, e as dt, _ as Et, f as B, b as mt, u as U, s as j } from "./TransitionGroupContext.js";
 import { P as e } from "./DefaultPropsProvider.js";
 import { a as ht } from "./useTheme.js";
 import { jsx as $ } from "react/jsx-runtime";

package/.chunks/TransitionGroupContext.js

@@ -77,12 +77,12 @@ function L(t, e) {
 const w = p.createContext(null);
 export {
   f as T,
-  L as _,
+  j as _,
   P as a,
   R as b,
   b as c,
   h as d,
-  j as e,
+  L as e,
   w as f,
   _ as r,
   y as s,