@scrippsproduct/networks-ui-library 1.0.15

package/dist/components/CustomDataList/CustomDataList.js

@@ -0,0 +1,282 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import R, { forwardRef as le, useState as b, useRef as T, useEffect as ne } from "react";
+import { CreateChoiceList as ue } from "../CreateChoiceList/CreateChoiceList.js";
+import { classes as w } from "../../utils/helpers.js";
+import { s as v, C as de, A as _e } from "../../Form.module-DbpB9u1l.mjs";
+import { X as fe } from "../../x-D8_C2o-U.mjs";
+import { P as E } from "../../index-CZzwT3Oj.mjs";
+import { T as he } from "../../triangle-D0AHL9lB.mjs";
+import '../../assets/CustomDataList.css';function I() {
+  return I = Object.assign || function(c) {
+    for (var l = 1; l < arguments.length; l++) {
+      var d = arguments[l];
+      for (var o in d)
+        Object.prototype.hasOwnProperty.call(d, o) && (c[o] = d[o]);
+    }
+    return c;
+  }, I.apply(this, arguments);
+}
+function me(c, l) {
+  if (c == null) return {};
+  var d = pe(c, l), o, _;
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(c);
+    for (_ = 0; _ < n.length; _++)
+      o = n[_], !(l.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(c, o) && (d[o] = c[o]);
+  }
+  return d;
+}
+function pe(c, l) {
+  if (c == null) return {};
+  var d = {}, o = Object.keys(c), _, n;
+  for (n = 0; n < o.length; n++)
+    _ = o[n], !(l.indexOf(_) >= 0) && (d[_] = c[_]);
+  return d;
+}
+var z = le(function(c, l) {
+  var d = c.color, o = d === void 0 ? "currentColor" : d, _ = c.size, n = _ === void 0 ? 24 : _, x = me(c, ["color", "size"]);
+  return /* @__PURE__ */ R.createElement("svg", I({
+    ref: l,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: n,
+    height: n,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: o,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, x), /* @__PURE__ */ R.createElement("circle", {
+    cx: "11",
+    cy: "11",
+    r: "8"
+  }), /* @__PURE__ */ R.createElement("line", {
+    x1: "21",
+    y1: "21",
+    x2: "16.65",
+    y2: "16.65"
+  }));
+});
+z.propTypes = {
+  color: E.string,
+  size: E.oneOfType([E.string, E.number])
+};
+z.displayName = "Search";
+const u = {
+  "custom-data-list": "_custom-data-list_6b9v2_1",
+  "custom-data-list__select": "_custom-data-list__select_6b9v2_9",
+  "custom-data-list__selection": "_custom-data-list__selection_6b9v2_17",
+  "custom-data-list__selections": "_custom-data-list__selections_6b9v2_18",
+  "custom-data-list__selected": "_custom-data-list__selected_6b9v2_38",
+  "custom-data-list__remove": "_custom-data-list__remove_6b9v2_49",
+  "custom-data-list__choices-wrapper": "_custom-data-list__choices-wrapper_6b9v2_67",
+  "custom-data-list__choices": "_custom-data-list__choices_6b9v2_67",
+  "custom-data-list__choices-wrapper--hidden": "_custom-data-list__choices-wrapper--hidden_6b9v2_114",
+  "custom-data-list__icon": "_custom-data-list__icon_6b9v2_119",
+  "custom-data-list__filter-wrap": "_custom-data-list__filter-wrap_6b9v2_133",
+  "custom-data-list__filter": "_custom-data-list__filter_6b9v2_133",
+  "custom-data-list__filter-icon": "_custom-data-list__filter-icon_6b9v2_150",
+  "custom-data-list__select--touched": "_custom-data-list__select--touched_6b9v2_174"
+};
+function Se({
+  name: c,
+  options: l,
+  label: d = "",
+  placeholder: o = "",
+  width: _ = 100,
+  multiple: n = !1,
+  showValidation: x = !0,
+  ...Q
+}) {
+  var X, G, J;
+  const [Y, Z] = b(`${v["form-field__input"]}`), M = T(), y = T(), L = T(), [V, W] = b(""), [F, ee] = b("clean"), [O, q] = b([]), [C, k] = b([]), [$, K] = b([]), [A, te] = b(null), [N, H] = b("hidden"), f = T(-1), se = `input-width--${_}`, ie = ["Enter", "Escape", "ArrowDown", "ArrowUp"], U = (e) => {
+    let i = [];
+    const t = (s) => {
+      for (const r of s)
+        r.status !== "filtered" && i.push(r), r.subcategories.length && t(r.subcategories);
+    };
+    return t(e), i;
+  }, j = (e, i, t = "selected") => {
+    if (!n && t === "selected" || t === "highlighted") {
+      for (const s of e)
+        if (s.status === t) {
+          s.status = "active";
+          break;
+        }
+    }
+    for (const s of e) {
+      if (s.id === i && (n && s.status !== "selected" && t === "selected" && q([...O, s]), s.status !== "selected" && (s.status = t), t === "selected")) {
+        te(s);
+        break;
+      }
+      s.subcategories.length && j(s.subcategories, i, t);
+    }
+    return e;
+  }, B = (e) => {
+    let i = [];
+    const t = (s) => (s.parent_id ? (i.unshift(s.label), t(l.find((r) => r.id === s.parent_id))) : i.unshift(s.label), i);
+    return t(e).join(":");
+  }, ce = () => {
+    setTimeout(() => {
+      y.current.checkValidity() ? W("") : W(y.current.validationMessage);
+    }, 100);
+  }, S = (e) => {
+    e == null || e.stopPropagation(), ee("touched"), Z(`${v["form-field__input"]} ${v["input--touched"]}`), N === "hidden" ? (H("visible"), M.current.focus()) : (H("hidden"), ce());
+  }, oe = (e) => {
+    const t = O.filter((m) => m.id !== e);
+    q([...t]);
+    let s = C;
+    const r = (m, h) => {
+      for (const P of m) {
+        if (P.id === h) {
+          P.status = "active";
+          break;
+        }
+        P.subcategories.length && r(P.subcategories, h);
+      }
+      return m;
+    }, g = r(s, e);
+    k([...g]), document.querySelector(`select[name="${c}"] > option[value="${e}"]`).selected = !1;
+  }, re = (e) => {
+    if (e.stopPropagation(), e.keyCode === 40 || e.keyCode === 38)
+      D(e);
+    else {
+      f.current = -1;
+      const i = e.currentTarget.value, t = C, s = (m) => {
+        for (const h of m)
+          !h.label.toLowerCase().includes(i.toLowerCase()) && h.status !== "selected" && (h.status = "filtered"), h.subcategories.length && s(h.subcategories);
+        return m;
+      }, r = (m) => {
+        for (const h of m)
+          h.status === "filtered" && (h.status = "active"), h.subcategories.length && r(h.subcategories);
+        return m;
+      }, g = i === "" ? r(t) : s(t);
+      k([...g]), K([...U(g)]);
+    }
+  }, ae = (e) => {
+    const i = structuredClone(C), t = j(i, e);
+    k([...t]), S(null), document.querySelector(`select[name="${c}"] > option[value="${e}"]`).selected = !0;
+  }, D = (e) => {
+    e.stopPropagation(), e.preventDefault();
+    const i = e.key, t = C, s = (r) => {
+      const g = $[r].id, m = j(t, g, "highlighted");
+      k([...m]);
+    };
+    if (i === "ArrowDown" && N === "visible")
+      f.current < $.length - 1 ? (s(f.current + 1), f.current++) : (s(0), f.current = 0);
+    else if (i === "ArrowUp" && N === "visible")
+      f.current > 0 ? (s(f.current - 1), f.current--) : (s($.length - 1), f.current = $.length - 1);
+    else if (i === "Enter")
+      if (N === "visible" && f !== -1) {
+        const r = $[f.current].id, g = j(t, r);
+        k([...g]), S(), document.querySelector(`select[name="${c}"] > option[value="${r}"]`).selected = !0;
+      } else
+        S();
+    else if (i === "Escape" && N === "visible")
+      S(), f.current = -1;
+    else
+      return !1;
+    30 * f.current > 160 ? L.current.scrollTo(0, 30 * f.current) : L.current.scrollTo(0, 0);
+  };
+  return ne(() => {
+    let e = l.map((t) => ({
+      ...t,
+      subcategories: [],
+      status: "active"
+    }));
+    for (const t of e)
+      if (Number.parseInt(t.parent_id, 10)) {
+        let s = e.find((r) => r.id === t.parent_id);
+        s && s.subcategories.push(t);
+      }
+    const i = e.filter((t) => t.parent_id === null);
+    K(U(i)), k(i);
+  }, [l]), /* @__PURE__ */ p("label", { htmlFor: c, className: w([v["form-field"], v[se]]), children: [
+    x && /* @__PURE__ */ p(
+      "i",
+      {
+        className: w([
+          v["form-field__icon"],
+          (X = y.current) != null && X.validity.valid ? "" : v["form-field__icon--invalid"]
+        ]),
+        style: d === "" ? { top: "0.4em" } : {},
+        children: [
+          ((G = y.current) == null ? void 0 : G.checkValidity()) && F === "touched" && /* @__PURE__ */ a(de, {}),
+          !((J = y.current) != null && J.checkValidity()) && F === "touched" && /* @__PURE__ */ a(_e, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ a("span", { className: v["form-field__label"], children: d }),
+    /* @__PURE__ */ p(
+      "select",
+      {
+        name: c,
+        className: w([
+          u["custom-data-list__select"],
+          F === "touched" ? u["custom-data-list__select--touched"] : ""
+        ]),
+        multiple: n,
+        ref: y,
+        ...Q,
+        children: [
+          /* @__PURE__ */ a("option", { value: "" }),
+          l.length && l.map((e) => /* @__PURE__ */ a("option", { value: e.id, selected: e.selected, children: e.label }, `option-${e.id}`))
+        ]
+      }
+    ),
+    /* @__PURE__ */ p("div", { className: w([Y, u["custom-data-list"], "custom-data-list"]), children: [
+      n && /* @__PURE__ */ p("ul", { className: `${u["custom-data-list__selections"]}`, onClick: S, children: [
+        O.length !== 0 && O.map((e) => /* @__PURE__ */ p("li", { className: u["custom-data-list__selected"], children: [
+          B(e),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              title: "remove",
+              type: "button",
+              className: u["custom-data-list__remove"],
+              onClick: (i) => {
+                i.stopPropagation(), oe(e.id);
+              },
+              children: /* @__PURE__ */ a(fe, { width: 16, height: 16 })
+            }
+          )
+        ] }, `selection-${e.id}`)),
+        O.length === 0 && o !== "" && /* @__PURE__ */ a("span", { className: w([u["custom-data-list__placeholder"], "custom-data-list__placeholder"]), children: o })
+      ] }),
+      !n && /* @__PURE__ */ p("div", { className: u["custom-data-list__selection"], onClick: S, children: [
+        A && B(A),
+        !A && o !== "" && /* @__PURE__ */ a("span", { className: w([u["custom-data-list__placeholder"], "custom-data-list__placeholder"]), children: o })
+      ] }),
+      /* @__PURE__ */ p("div", { className: w([
+        u["custom-data-list__choices-wrapper"],
+        N === "visible" ? "" : u["custom-data-list__choices-wrapper--hidden"]
+      ]), children: [
+        /* @__PURE__ */ p("div", { className: u["custom-data-list__filter-wrap"], children: [
+          /* @__PURE__ */ a(
+            "input",
+            {
+              type: "text",
+              ref: M,
+              onChange: re,
+              onKeyDown: (e) => {
+                if (ie.includes(e.key))
+                  D(e);
+                else
+                  return !0;
+              },
+              className: u["custom-data-list__filter"]
+            }
+          ),
+          /* @__PURE__ */ a("i", { className: u["custom-data-list__filter-icon"], children: /* @__PURE__ */ a(z, { width: 14, height: 14 }) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: u["custom-data-list__choices"], ref: L, onKeyDown: D, children: C.length !== 0 && /* @__PURE__ */ a(ue, { list: C, handleOnClick: ae }) })
+      ] }),
+      /* @__PURE__ */ a("i", { className: u["custom-data-list__icon"], children: /* @__PURE__ */ a(he, {}) })
+    ] }),
+    V !== "" && x && /* @__PURE__ */ a("div", { className: v["form-field__error-message"], children: V })
+  ] });
+}
+export {
+  Se as CustomDataList,
+  Se as default
+};

package/dist/components/CustomDataList/index.d.ts

@@ -0,0 +1 @@
+export { CustomDataList, CustomDataList as default } from './CustomDataList';

package/dist/components/CustomDataList/index.js

@@ -0,0 +1,5 @@
+import { CustomDataList as s, CustomDataList as o } from "./CustomDataList.js";
+export {
+  s as CustomDataList,
+  o as default
+};

package/dist/components/CustomSelect/CustomSelect.d.ts

@@ -0,0 +1,14 @@
+export function CustomSelect({ name, options, label, width, multiple, placeholder, ValidIcon, InvalidIcon, expandIconType, showValidation, ...attributes }: {
+    [x: string]: any;
+    name: any;
+    options: any;
+    label?: string | undefined;
+    width?: number | undefined;
+    multiple?: boolean | undefined;
+    placeholder?: string | undefined;
+    ValidIcon?: import('react-feather').Icon | undefined;
+    InvalidIcon?: import('react-feather').Icon | undefined;
+    expandIconType?: string | undefined;
+    showValidation?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default CustomSelect;

package/dist/components/CustomSelect/CustomSelect.js

@@ -0,0 +1,217 @@
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import F, { forwardRef as le, useState as y, useRef as E } from "react";
+import { s as a, C as oe } from "../../ChoicesItem-CGIr6Qga.mjs";
+import { publish as X } from "../../utils/events.js";
+import { classes as f } from "../../utils/helpers.js";
+import { s as v, C as ie, A as ne } from "../../Form.module-DbpB9u1l.mjs";
+import { X as ae } from "../../x-D8_C2o-U.mjs";
+import { T as ue } from "../../triangle-D0AHL9lB.mjs";
+import { P as j } from "../../index-CZzwT3Oj.mjs";
+function I() {
+  return I = Object.assign || function(t) {
+    for (var u = 1; u < arguments.length; u++) {
+      var l = arguments[u];
+      for (var o in l)
+        Object.prototype.hasOwnProperty.call(l, o) && (t[o] = l[o]);
+    }
+    return t;
+  }, I.apply(this, arguments);
+}
+function de(t, u) {
+  if (t == null) return {};
+  var l = he(t, u), o, c;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(t);
+    for (c = 0; c < i.length; c++)
+      o = i[c], !(u.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(t, o) && (l[o] = t[o]);
+  }
+  return l;
+}
+function he(t, u) {
+  if (t == null) return {};
+  var l = {}, o = Object.keys(t), c, i;
+  for (i = 0; i < o.length; i++)
+    c = o[i], !(u.indexOf(c) >= 0) && (l[c] = t[c]);
+  return l;
+}
+var R = le(function(t, u) {
+  var l = t.color, o = l === void 0 ? "currentColor" : l, c = t.size, i = c === void 0 ? 24 : c, P = de(t, ["color", "size"]);
+  return /* @__PURE__ */ F.createElement("svg", I({
+    ref: u,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: o,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, P), /* @__PURE__ */ F.createElement("polyline", {
+    points: "6 9 12 15 18 9"
+  }));
+});
+R.propTypes = {
+  color: j.string,
+  size: j.oneOfType([j.string, j.number])
+};
+R.displayName = "ChevronDown";
+function Ce({
+  name: t,
+  options: u,
+  label: l = "",
+  width: o = 100,
+  multiple: c = !1,
+  placeholder: i = "",
+  ValidIcon: P = ie,
+  InvalidIcon: G = ne,
+  expandIconType: L = "default",
+  // default, chevron
+  showValidation: x = !0,
+  ...J
+}) {
+  var H, U, B;
+  const [Q, Y] = y(`${v["form-field__input"]}`), w = E(), T = E(), [V, q] = y(""), [D, Z] = y("clean"), [k, K] = y([]), [m, $] = y(u.map((e, d) => ({
+    ...e,
+    id: e != null && e.id ? e == null ? void 0 : e.id : `${t}-${d + 1}`,
+    status: "active"
+  }))), [A, ee] = y(null), [p, M] = y("hidden"), n = E(-1), te = `input-width--${o}`, z = (e, d, h = "selected") => {
+    if (!c && h === "selected" || h === "highlighted") {
+      for (const s of e)
+        if (s.status === h) {
+          s.status = "active";
+          break;
+        }
+    }
+    for (const s of e)
+      if (s.id === d && (c && s.status !== "selected" && h === "selected" && K([...k, s]), s.status !== "selected" && (s.status = h), h === "selected")) {
+        ee(s);
+        break;
+      }
+    return e;
+  }, se = () => {
+    setTimeout(() => {
+      w.current.checkValidity() ? q("") : q(w.current.validationMessage);
+    }, 100);
+  }, C = (e) => {
+    e == null || e.stopPropagation(), Z("touched"), Y(`${v["form-field__input"]} ${v["input--touched"]}`), p === "hidden" ? M("visible") : (M("hidden"), se());
+  }, ce = (e) => {
+    const h = k.filter((g) => g.id !== e);
+    K([...h]);
+    let s = m;
+    const _ = (g, N) => {
+      for (const O of g) {
+        if (O.id === N) {
+          O.status = "active";
+          break;
+        }
+        O.subcategories.length && _(O.subcategories, N);
+      }
+      return g;
+    }, S = _(s, e);
+    $([...S]), document.querySelector(`select[name="${t}"] > option[value="${e}"]`).selected = !1;
+  }, re = (e) => {
+    const d = structuredClone(m), h = z(d, e);
+    $([...h]), C(), n.current = -1;
+    const s = m.find((_) => _.id === e);
+    document.querySelector(`select[name="${t}"] > option[value="${s.value}"]`).selected = !0, X("scripps:customselect:selected", { value: s.value });
+  }, W = (e) => {
+    if (e.key === "Tab" || (e.key === "ArrowDown" || e.key === "ArrowUp") && p !== "visible") return !0;
+    e.stopPropagation(), e.preventDefault();
+    const d = e.key, h = m, s = (_) => {
+      const S = z(h, m[_].id, "highlighted");
+      $([...S]);
+    };
+    if (d === "ArrowDown" && p === "visible")
+      n.current < m.length - 1 ? (s(n.current + 1), n.current++) : (s(0), n.current = 0);
+    else if (d === "ArrowUp" && p === "visible")
+      n.current > 0 ? (s(n.current - 1), n.current--) : (s(m.length - 1), n.current = m.length - 1);
+    else if (d === "Enter")
+      if (p === "visible" && n.current !== -1) {
+        const _ = m[n.current].id, S = z(h, _);
+        $([...S]), C(), n.current = -1;
+        const g = m.find((N) => N.id === _);
+        document.querySelector(`select[name="${t}"] > option[value="${g.value}"]`).selected = !0, X("scripps:customselect:selected", { value: g.value });
+      } else
+        C();
+    else if (d === "Escape" && p === "visible")
+      C(), n.current = -1;
+    else
+      return !1;
+    30 * n.current > 160 ? T.current.scrollTo(0, 30 * n.current) : T.current.scrollTo(0, 0);
+  };
+  return /* @__PURE__ */ b("label", { htmlFor: t, className: f([
+    v["form-field"],
+    v[te]
+  ]), children: [
+    x && /* @__PURE__ */ b(
+      "i",
+      {
+        className: [
+          v["form-field__icon"],
+          (H = w.current) != null && H.validity.valid ? "" : v["form-field__icon--invalid"]
+        ].join(" "),
+        style: l === "" ? { top: "0.4em" } : {},
+        children: [
+          ((U = w.current) == null ? void 0 : U.checkValidity()) && D === "touched" && /* @__PURE__ */ r(P, {}),
+          !((B = w.current) != null && B.checkValidity()) && D === "touched" && /* @__PURE__ */ r(G, {})
+        ]
+      }
+    ),
+    l !== "" && /* @__PURE__ */ r("span", { className: v["form-field__label"], children: l }),
+    /* @__PURE__ */ b(
+      "select",
+      {
+        name: t,
+        className: f([
+          a["custom-select__select"],
+          D === "touched" && x ? a["custom-select__select--touched"] : ""
+        ]),
+        multiple: c,
+        ref: w,
+        tabIndex: "-1",
+        ...J,
+        children: [
+          /* @__PURE__ */ r("option", { value: "" }),
+          u.length && u.map((e) => /* @__PURE__ */ r("option", { value: e.value, selected: e.selected, children: e.label }, `option-${e.value}`))
+        ]
+      }
+    ),
+    /* @__PURE__ */ b("div", { className: f([Q, a["custom-select"], "custom-select"]), onKeyDown: W, tabIndex: "0", children: [
+      c && /* @__PURE__ */ b("ul", { className: f([a["custom-select__selections"], "custom-select__selections"]), onClick: C, children: [
+        k.length !== 0 && k.map((e) => /* @__PURE__ */ b("li", { className: f([a["custom-select__selected"], "custom-select__selected"]), children: [
+          e.label,
+          /* @__PURE__ */ r(
+            "button",
+            {
+              title: "remove",
+              type: "button",
+              className: a["custom-select__remove"],
+              onClick: (d) => {
+                d.stopPropagation(), ce(e.id);
+              },
+              children: /* @__PURE__ */ r(ae, { width: 16, height: 16 })
+            }
+          )
+        ] })),
+        k.length === 0 && i !== "" && /* @__PURE__ */ r("span", { className: f([a["custom-select__placeholder"], "custom-select__placeholder"]), children: i })
+      ] }),
+      !c && /* @__PURE__ */ b("div", { className: `${a["custom-select__selection"]}`, onClick: C, children: [
+        A && A.label,
+        !A && i !== "" && /* @__PURE__ */ r("span", { className: f([a["custom-select__placeholder"], "custom-select__placeholder"]), children: i })
+      ] }),
+      /* @__PURE__ */ r("div", { className: f([
+        a["custom-select__choices-wrapper"],
+        "custom-select__choices-wrapper",
+        p === "visible" ? "" : a["custom-select__choices-wrapper--hidden"]
+      ]), children: /* @__PURE__ */ r("div", { className: f([a["custom-select__choices"], "custom-select__choices"]), ref: T, onKeyDown: W, children: /* @__PURE__ */ r("ul", { children: m.length !== 0 && m.map((e) => /* @__PURE__ */ r(oe, { item: e, handleOnClick: re }, `choice-${e.id}`)) }) }) }),
+      L === "default" && /* @__PURE__ */ r("i", { className: a["custom-select__icon"], children: /* @__PURE__ */ r(ue, {}) }),
+      L === "chevron" && /* @__PURE__ */ r("i", { className: f([a["custom-select__icon"], a["custom-select__icon--chevron"], "custom-select__icon--chevron"]), children: /* @__PURE__ */ r(R, {}) })
+    ] }),
+    V !== "" && x && /* @__PURE__ */ r("div", { className: f([v["form-field__error-message"], "form-field__error-message"]), children: V })
+  ] });
+}
+export {
+  Ce as CustomSelect,
+  Ce as default
+};

package/dist/components/CustomSelect/index.d.ts

@@ -0,0 +1 @@
+export { CustomSelect, CustomSelect as default } from './CustomSelect';

package/dist/components/CustomSelect/index.js

@@ -0,0 +1,5 @@
+import { CustomSelect as o, CustomSelect as l } from "./CustomSelect.js";
+export {
+  o as CustomSelect,
+  l as default
+};

package/dist/components/DateNavigation/DateNavigation.d.ts

@@ -0,0 +1,5 @@
+export function DateNavigation({ weeks, handleDateChanged }: {
+    weeks?: never[][] | undefined;
+    handleDateChanged?: (() => boolean) | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default DateNavigation;

package/dist/components/DateNavigation/DateNavigation.js

@@ -0,0 +1,115 @@
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import D, { useState as _, useRef as h, useEffect as f } from "react";
+import { f as y } from "../../format-DF9p-6BI.mjs";
+import { classes as W } from "../../utils/helpers.js";
+import { C as L } from "../../chevron-left-DmvQntvu.mjs";
+import { C as E } from "../../chevron-right-CaAz6ISN.mjs";
+import '../../assets/DateNavigation.css';const e = {
+  "date-navigation__list": "_date-navigation__list_18gb9_5",
+  "date-navigation__control": "_date-navigation__control_18gb9_42",
+  "date-navigation__control--previous": "_date-navigation__control--previous_18gb9_69",
+  "date-navigation__control--next": "_date-navigation__control--next_18gb9_74",
+  "date-navigation__day": "_date-navigation__day_18gb9_94",
+  "date-navigation__month-day-break": "_date-navigation__month-day-break_18gb9_100"
+};
+function $({ weeks: a = [[], []], handleDateChanged: s = () => !0 }) {
+  const [i, b] = _(0), [p, k] = _(a[0]), [x, u] = _(a[0][0]), [N, v] = _("entering"), o = h(null), r = h(0), g = (t) => {
+    b(t), v(() => t ? "exiting" : "entering");
+  }, C = (t) => {
+    u(t), s(t.date);
+  }, S = (t) => {
+    (t.key === "ArrowRight" || t.key === "ArrowDown") && r.current < 6 && ++r.current, (t.key === "ArrowLeft" || t.key === "ArrowUp") && r.current > 0 && --r.current, t.currentTarget.children[r.current].children[0].focus();
+  }, l = D.useCallback(() => {
+    o.current.addEventListener("animationstart", () => {
+      o.current.addEventListener("animationend", l, { once: !0 });
+    }), v("idle");
+  }, []);
+  return f(() => {
+    o.current !== null && (o.current.removeEventListener("animationend", l, { once: !0 }), o.current.addEventListener("animationend", l, { once: !0 }));
+  }, [l]), f(() => {
+    k(a[i]), u((t) => {
+      var m;
+      const c = a[i ? 0 : 1].findIndex((j) => y(j.date, "yyyy-MM-dd") === y(t.date, "yyyy-MM-dd"));
+      return c === -1 ? t : (s((m = a[i][c]) == null ? void 0 : m.date), r.current = c, a[i][c]);
+    });
+  }, [i, a, s]), /* @__PURE__ */ d("date-navigation", { "data-state": N, children: [
+    /* @__PURE__ */ d("date-navigation-controls", { children: [
+      /* @__PURE__ */ d(
+        "button",
+        {
+          type: "button",
+          className: [
+            e["date-navigation__control"],
+            e["date-navigation__control--previous"],
+            "date-navigation__control",
+            "date-navigation__control--previous"
+          ].join(" "),
+          onClick: () => {
+            g(0);
+          },
+          disabled: i === 0 ? !0 : null,
+          children: [
+            /* @__PURE__ */ n("i", { "aria-hidden": "true", children: /* @__PURE__ */ n(L, { width: 48, height: 48 }) }),
+            /* @__PURE__ */ n("span", { className: "sr-only", children: "Current Week" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ d(
+        "button",
+        {
+          type: "button",
+          className: [
+            e["date-navigation__control"],
+            e["date-navigation__control--next"],
+            "date-navigation__control",
+            "date-navigation__control--next"
+          ].join(" "),
+          onClick: () => {
+            g(1);
+          },
+          disabled: i === 1 ? !0 : null,
+          children: [
+            /* @__PURE__ */ n("i", { "aria-hidden": "true", children: /* @__PURE__ */ n(E, { width: 48, height: 48 }) }),
+            /* @__PURE__ */ n("span", { className: "sr-only", children: "Next Week" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n("date-navigation-list", { children: /* @__PURE__ */ n(
+      "ul",
+      {
+        className: [e["date-navigation__list"], "date-navigation__list"].join(" "),
+        ref: o,
+        role: "tablist",
+        "aria-label": "Date Tabs",
+        onKeyDown: S,
+        children: p.map((t) => /* @__PURE__ */ n("li", { className: [e["date-navigation__item"], "date-navigation__item"].join(" "), role: "presentation", children: /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: [e["date-navigation__day"], "date-navigation__day"].join(" "),
+            "aria-selected": x.fullDateStr === t.fullDateStr,
+            onClick: () => {
+              C(t);
+            },
+            role: "tab",
+            "aria-controls": `${t.fullDateStr}`,
+            children: [
+              /* @__PURE__ */ n("div", { className: [e["date-navigation__weekday"], "date-navigation__weekday"].join(" "), children: t.dayStr }),
+              /* @__PURE__ */ d("div", { className: [e["date-navigation__date"], "date-navigation__date"].join(" "), children: [
+                t.monthStr,
+                " ",
+                /* @__PURE__ */ n("br", { className: W([e["date-navigation__month-day-break"], "date-navigation__month-day-break"]) }),
+                t.dateStr
+              ] })
+            ]
+          }
+        ) }, `schedule-nav-${t.fullDateStr}`))
+      }
+    ) })
+  ] });
+}
+export {
+  $ as DateNavigation,
+  $ as default
+};

package/dist/components/DateNavigation/index.d.ts

@@ -0,0 +1 @@
+export { DateNavigation, DateNavigation as default } from './DateNavigation';

package/dist/components/DateNavigation/index.js

@@ -0,0 +1,5 @@
+import { DateNavigation as e, DateNavigation as i } from "./DateNavigation.js";
+export {
+  e as DateNavigation,
+  i as default
+};