@scrippsproduct/networks-ui-library 2.0.0-dev.0 → 2.0.1-dev.0

package/dist/components/BasicGridModule/BasicGridModule.test.js

@@ -1,21 +1,21 @@
 import { jsx as n, jsxs as m } from "react/jsx-runtime";
 import { v as a, d as c, b as h, i as r, r as i, g as o, s as l } from "../../react.esm-S2Q_NbYC.mjs";
 import "../../index-BZQHStQa.mjs";
-import { BasicGridModule as s } from "./BasicGridModule.js";
+import { BasicGridModule as d } from "./BasicGridModule.js";
 a.mock("../EqualSizeGrid/index.ts", () => ({
-  default: ({ children: e, classname: t, gap: d, itemsPerRow: u }) => /* @__PURE__ */ n(
+  default: ({ children: e, classname: t, gap: s, itemsPerRow: u }) => /* @__PURE__ */ n(
     "div",
     {
       "data-testid": "equal-size-grid",
       "data-classname": t,
-      "data-gap": d,
+      "data-gap": s,
       "data-items-per-row": u,
       children: e
     }
   )
 }));
 a.mock("../InfoPanel/index.ts", () => ({
-  default: ({ backButtonLabel: e, className: t, classname: d, onBackClicked: u }) => /* @__PURE__ */ m("div", { "data-testid": "info-panel", "data-classname": d, className: t, children: [
+  default: ({ backButtonLabel: e, className: t, classname: s, onBackClicked: u }) => /* @__PURE__ */ m("div", { "data-testid": "info-panel", "data-classname": s, className: t, children: [
     /* @__PURE__ */ n("button", { "data-testid": "back-button", type: "button", onClick: u, children: e }),
     /* @__PURE__ */ n("div", { children: "Info Panel Content" })
   ] })
@@ -28,148 +28,148 @@ c("BasicGridModule", () => {
     a.clearAllMocks();
   }), c("Basic Rendering", () => {
     r("should render with default props", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should render grid module custom element", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should render title when provided", () => {
-      i(/* @__PURE__ */ n(s, { title: "Test Grid Title" })), o(l.getByText("Test Grid Title")).toBeInTheDocument();
+      i(/* @__PURE__ */ n(d, { title: "Test Grid Title" })), o(l.getByText("Test Grid Title")).toBeInTheDocument();
     }), r("should not render title when empty", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { title: "" })), t = e.querySelector(".basic-grid-module__header");
+      const { container: e } = i(/* @__PURE__ */ n(d, { title: "" })), t = e.querySelector(".basic-grid-module__header");
       o(t).not.toBeInTheDocument();
     }), r("should render with custom element tag", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     });
   }), c("Animation States", () => {
     r("should have entering state on initial render", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toHaveAttribute("data-state", "entering");
     }), r("should have first-entry attribute on initial render", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
-      o(t).toHaveAttribute("first-entry");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
+      o(t).toHaveAttribute("first-entry", "true");
     }), r("should not have first-entry when noAnimation is true", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { noAnimation: !0 })), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, { noAnimation: !0 })), t = e.querySelector("basic-grid-module");
       o(t).not.toHaveAttribute("first-entry");
     }), r("should set first-entry to null when noAnimation is true", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { noAnimation: !0 })), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, { noAnimation: !0 })), t = e.querySelector("basic-grid-module");
       o(t == null ? void 0 : t.getAttribute("first-entry")).toBeNull();
     });
   }), c("Info Panel", () => {
     r("should not render info panel by default", () => {
-      i(/* @__PURE__ */ n(s, {})), o(l.queryByTestId("info-panel")).not.toBeInTheDocument();
+      i(/* @__PURE__ */ n(d, {})), o(l.queryByTestId("info-panel")).not.toBeInTheDocument();
     }), r("should render grid when info panel is closed", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument(), o(l.queryByTestId("info-panel")).not.toBeInTheDocument();
     }), r("should not show info panel initially", () => {
-      i(/* @__PURE__ */ n(s, {})), o(l.queryByTestId("info-panel")).not.toBeInTheDocument();
+      i(/* @__PURE__ */ n(d, {})), o(l.queryByTestId("info-panel")).not.toBeInTheDocument();
     });
   }), c("Title Rendering", () => {
     r("should render title with h2 tag", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { title: "Grid Title" })), t = e.querySelector("h2");
+      const { container: e } = i(/* @__PURE__ */ n(d, { title: "Grid Title" })), t = e.querySelector("h2");
       o(t).toBeInTheDocument(), o(t).toHaveTextContent("Grid Title");
     }), r("should apply correct CSS classes to title", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { title: "Grid Title" })), t = e.querySelector("h2");
+      const { container: e } = i(/* @__PURE__ */ n(d, { title: "Grid Title" })), t = e.querySelector("h2");
       o(t).toHaveClass("basic-grid-module__header"), o(t).toHaveClass("h4");
     }), r("should handle long titles", () => {
       const e = "A".repeat(100);
-      i(/* @__PURE__ */ n(s, { title: e })), o(l.getByText(e)).toBeInTheDocument();
+      i(/* @__PURE__ */ n(d, { title: e })), o(l.getByText(e)).toBeInTheDocument();
     }), r("should handle titles with special characters", () => {
       const e = "Grid's Title & More <>";
-      i(/* @__PURE__ */ n(s, { title: e })), o(l.getByText(e)).toBeInTheDocument();
+      i(/* @__PURE__ */ n(d, { title: e })), o(l.getByText(e)).toBeInTheDocument();
     }), r("should not render header element when title is empty string", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { title: "" })), t = e.querySelector(".basic-grid-module__header");
+      const { container: e } = i(/* @__PURE__ */ n(d, { title: "" })), t = e.querySelector(".basic-grid-module__header");
       o(t).not.toBeInTheDocument();
     }), r("should not render header element when title is not provided", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector(".basic-grid-module__header");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector(".basic-grid-module__header");
       o(t).not.toBeInTheDocument();
     });
   }), c("Props Types", () => {
     r("should accept gap prop", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { gap: "2rem" })), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, { gap: "2rem" })), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should accept itemsPerRow prop", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { itemsPerRow: 3 })), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, { itemsPerRow: 3 })), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should accept classname prop", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { classname: "custom-grid" })), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, { classname: "custom-grid" })), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should accept itemComponent prop", () => {
       const e = {
         layout: "Figure",
         props: {}
-      }, { container: t } = i(/* @__PURE__ */ n(s, { itemComponent: e })), d = t.querySelector("basic-grid-module");
-      o(d).toBeInTheDocument();
+      }, { container: t } = i(/* @__PURE__ */ n(d, { itemComponent: e })), s = t.querySelector("basic-grid-module");
+      o(s).toBeInTheDocument();
     }), r("should accept items prop", () => {
-      const e = [{ id: "1" }], { container: t } = i(/* @__PURE__ */ n(s, { items: e })), d = t.querySelector("basic-grid-module");
-      o(d).toBeInTheDocument();
+      const e = [{ id: "1" }], { container: t } = i(/* @__PURE__ */ n(d, { items: e })), s = t.querySelector("basic-grid-module");
+      o(s).toBeInTheDocument();
     }), r("should accept customClicksHandler prop", () => {
-      const e = a.fn(), { container: t } = i(/* @__PURE__ */ n(s, { customClicksHandler: e })), d = t.querySelector("basic-grid-module");
-      o(d).toBeInTheDocument();
+      const e = a.fn(), { container: t } = i(/* @__PURE__ */ n(d, { customClicksHandler: e })), s = t.querySelector("basic-grid-module");
+      o(s).toBeInTheDocument();
     }), r("should accept infoPanelComponent prop", () => {
       const e = {
         layout: "CastInfoLayout",
         backButtonLabel: "Back",
         resourceList: [],
         classname: ""
-      }, { container: t } = i(/* @__PURE__ */ n(s, { infoPanelComponent: e })), d = t.querySelector("basic-grid-module");
-      o(d).toBeInTheDocument();
+      }, { container: t } = i(/* @__PURE__ */ n(d, { infoPanelComponent: e })), s = t.querySelector("basic-grid-module");
+      o(s).toBeInTheDocument();
     });
   }), c("Default Values", () => {
     r("should use default gap when not provided", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should use default itemsPerRow when not provided", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should use default classname when not provided", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should use default title when not provided", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("h2");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("h2");
       o(t).not.toBeInTheDocument();
     }), r("should use default itemComponent when not provided", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should use default items array when not provided", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should use null customClicksHandler by default", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should use false for noAnimation by default", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toHaveAttribute("first-entry");
     });
   }), c("Edge Cases", () => {
     r("should handle undefined title", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { title: void 0 })), t = e.querySelector("h2");
+      const { container: e } = i(/* @__PURE__ */ n(d, { title: void 0 })), t = e.querySelector("h2");
       o(t).not.toBeInTheDocument();
     }), r("should handle empty string title", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { title: "" })), t = e.querySelector("h2");
+      const { container: e } = i(/* @__PURE__ */ n(d, { title: "" })), t = e.querySelector("h2");
       o(t).not.toBeInTheDocument();
     }), r("should handle null customClicksHandler", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { customClicksHandler: null })), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, { customClicksHandler: null })), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should handle empty items array", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { items: [] })), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, { items: [] })), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should handle gap with different units", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { gap: "20px" })), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, { gap: "20px" })), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should handle itemsPerRow of 1", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { itemsPerRow: 1 })), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, { itemsPerRow: 1 })), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     }), r("should handle itemsPerRow of large number", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { itemsPerRow: 12 })), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, { itemsPerRow: 12 })), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     });
   }), c("Integration Tests", () => {
     r("should render with multiple props combined", () => {
       const { container: e } = i(
         /* @__PURE__ */ n(
-          s,
+          d,
           {
             classname: "custom-grid",
             gap: "2rem",
@@ -181,11 +181,11 @@ c("BasicGridModule", () => {
       );
       o(l.getByText("My Grid")).toBeInTheDocument();
       const t = e.querySelector("basic-grid-module");
-      o(t).toHaveAttribute("data-state", "entering"), o(t).not.toHaveAttribute("first-entry");
+      o(t).toHaveAttribute("data-state", "idle"), o(t).not.toHaveAttribute("first-entry");
     }), r("should render without title and with animation", () => {
       const { container: e } = i(
         /* @__PURE__ */ n(
-          s,
+          d,
           {
             classname: "no-title-grid",
             noAnimation: !1
@@ -193,35 +193,45 @@ c("BasicGridModule", () => {
         )
       ), t = e.querySelector("h2");
       o(t).not.toBeInTheDocument();
-      const d = e.querySelector("basic-grid-module");
-      o(d).toHaveAttribute("first-entry");
+      const s = e.querySelector("basic-grid-module");
+      o(s).toHaveAttribute("first-entry", "true");
     }), r("should render with noAnimation true", () => {
       const { container: e } = i(
-        /* @__PURE__ */ n(s, { noAnimation: !0 })
+        /* @__PURE__ */ n(d, { noAnimation: !0 })
       ), t = e.querySelector("basic-grid-module");
       o(t).not.toHaveAttribute("first-entry");
     });
   }), c("Conditional Rendering", () => {
     r("should render grid when info panel is not open", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument(), o(l.queryByTestId("info-panel")).not.toBeInTheDocument();
     }), r("should render basic-grid-module element", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toBeInTheDocument();
     });
   }), c("State Attributes", () => {
     r("should set data-state attribute", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toHaveAttribute("data-state");
     }), r("should set data-state to entering initially", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, {})), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
       o(t).toHaveAttribute("data-state", "entering");
     }), r("should handle first-entry attribute correctly with noAnimation false", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { noAnimation: !1 })), t = e.querySelector("basic-grid-module");
-      o(t).toHaveAttribute("first-entry");
+      const { container: e } = i(/* @__PURE__ */ n(d, { noAnimation: !1 })), t = e.querySelector("basic-grid-module");
+      o(t).toHaveAttribute("first-entry", "true");
     }), r("should not set first-entry attribute when noAnimation is true", () => {
-      const { container: e } = i(/* @__PURE__ */ n(s, { noAnimation: !0 })), t = e.querySelector("basic-grid-module");
+      const { container: e } = i(/* @__PURE__ */ n(d, { noAnimation: !0 })), t = e.querySelector("basic-grid-module");
       o(t).not.toHaveAttribute("first-entry");
+    }), r("should start in idle state when noAnimation is true", () => {
+      const { container: e } = i(/* @__PURE__ */ n(d, { noAnimation: !0 })), t = e.querySelector("basic-grid-module");
+      o(t).toHaveAttribute("data-state", "idle");
+    });
+  }), c("State Machine Guards", () => {
+    r("should not render info panel before an OPEN_REQUEST is dispatched", () => {
+      i(/* @__PURE__ */ n(d, {})), o(l.queryByTestId("info-panel")).not.toBeInTheDocument();
+    }), r("should keep grid visible while in entering phase", () => {
+      const { container: e } = i(/* @__PURE__ */ n(d, {})), t = e.querySelector("basic-grid-module");
+      o(t).toBeInTheDocument(), o(l.queryByTestId("info-panel")).not.toBeInTheDocument();
     });
   });
 });

package/dist/components/DateNavigation/DateNavigation.js

@@ -1,69 +1,69 @@
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
-import { useState as g, useReducer as M, useRef as h, useCallback as S, useEffect as p } from "react";
-import { f as s } from "../../format-YhWt2D8M.mjs";
-import { classes as r } from "../../utils/helpers.js";
+import { useState as g, useReducer as M, useRef as m, useCallback as S, useEffect as p } from "react";
+import { f as l } from "../../format-YhWt2D8M.mjs";
+import { classes as o } from "../../utils/helpers.js";
 import { u as W } from "../../useScheduleContext-D7FdzNxe.mjs";
 import { C as w } from "../../chevron-left-D0UjbrKw.mjs";
 import { C as A } from "../../chevron-right-0ZF3LruR.mjs";
-import '../../assets/DateNavigation.css';const a = {
-  "date-navigation__list": "_date-navigation__list_1onhk_247",
-  "date-navigation__control": "_date-navigation__control_1onhk_292",
-  "date-navigation__control--previous": "_date-navigation__control--previous_1onhk_321",
-  "date-navigation__control--next": "_date-navigation__control--next_1onhk_326",
-  "date-navigation__item": "_date-navigation__item_1onhk_337",
-  "date-navigation__day": "_date-navigation__day_1onhk_352",
-  "date-navigation__month-day-break": "_date-navigation__month-day-break_1onhk_358",
-  "date-navigation__weekday": "_date-navigation__weekday_1onhk_362",
-  "date-navigation__date": "_date-navigation__date_1onhk_363"
+import '../../assets/DateNavigation.css';const n = {
+  "date-navigation__list": "_date-navigation__list_12l5g_257",
+  "date-navigation__control": "_date-navigation__control_12l5g_302",
+  "date-navigation__control--previous": "_date-navigation__control--previous_12l5g_331",
+  "date-navigation__control--next": "_date-navigation__control--next_12l5g_336",
+  "date-navigation__item": "_date-navigation__item_12l5g_347",
+  "date-navigation__day": "_date-navigation__day_12l5g_362",
+  "date-navigation__month-day-break": "_date-navigation__month-day-break_12l5g_368",
+  "date-navigation__weekday": "_date-navigation__weekday_12l5g_372",
+  "date-navigation__date": "_date-navigation__date_12l5g_373"
 };
-function L(n, i) {
+function L(a, i) {
   switch (i.type) {
     case "NAVIGATE_TO_WEEK":
-      return i.targetWeekIndex > i.currentWeekIndex ? "advancing" : i.targetWeekIndex < i.currentWeekIndex ? "retracting" : n;
+      return i.targetWeekIndex > i.currentWeekIndex ? "advancing" : i.targetWeekIndex < i.currentWeekIndex ? "retracting" : a;
     case "ANIMATION_COMPLETE":
       return "idle";
     default:
-      return n;
+      return a;
   }
 }
 function V() {
-  const { weeks: n, setCurrentDate: i } = W(), [o, x] = g(0), [b, C] = g(n[0]), [l, m] = g(n[0][0]), [N, y] = M(L, "idle"), d = h(null), D = h(0), k = h(s(new Date(l.fullDateStr), "yyyy-MM-dd")), f = (t) => {
-    y({ type: "NAVIGATE_TO_WEEK", currentWeekIndex: o, targetWeekIndex: t }), x(t);
+  const { weeks: a, setCurrentDate: i } = W(), [r, x] = g(0), [b, C] = g(a[0]), [s, y] = g(a[0][0]), [N, h] = M(L, "idle"), d = m(null), D = m(0), f = m(l(new Date(s.fullDateStr), "yyyy-MM-dd")), k = (t) => {
+    h({ type: "NAVIGATE_TO_WEEK", currentWeekIndex: r, targetWeekIndex: t }), x(t);
   }, E = (t) => {
-    s(t.date, "yyyy-MM-dd") !== k.current && (k.current = s(t.date, "yyyy-MM-dd"), m(t), i(t.date));
+    l(t.date, "yyyy-MM-dd") !== f.current && (f.current = l(t.date, "yyyy-MM-dd"), y(t), i(t.date));
   }, c = S(() => {
     if (d.current === null) return;
     const t = d.current;
     t.addEventListener("animationstart", () => {
       t.addEventListener("animationend", c, { once: !0 });
-    }), y({ type: "ANIMATION_COMPLETE" });
+    }), h({ type: "ANIMATION_COMPLETE" });
   }, []);
   return p(() => {
     d.current !== null && (d.current.removeEventListener("animationend", c), d.current.addEventListener("animationend", c, { once: !0 }));
   }, [c]), p(() => {
-    C(n[o]);
-    const t = o ? 0 : 1, I = s(l.date, "yyyy-MM-dd"), u = n[t].findIndex(
-      (v) => s(v.date, "yyyy-MM-dd") === I
+    C(a[r]);
+    const t = r ? 0 : 1, I = l(s.date, "yyyy-MM-dd"), u = a[t].findIndex(
+      (v) => l(v.date, "yyyy-MM-dd") === I
     );
-    if (u !== -1 && n[o][u]) {
-      const v = n[o][u];
-      D.current = u, m(v), i(v.date);
+    if (u !== -1 && a[r][u]) {
+      const v = a[r][u];
+      D.current = u, y(v), i(v.date);
     }
-  }, [o, n, i, l]), /* @__PURE__ */ _("date-navigation", { "data-state": N, children: [
+  }, [r, a, i, s]), /* @__PURE__ */ _("date-navigation", { "data-state": N, children: [
     /* @__PURE__ */ _("date-navigation-controls", { children: [
       /* @__PURE__ */ _(
         "button",
         {
-          className: r([
-            a["date-navigation__control"],
-            a["date-navigation__control--previous"],
+          className: o([
+            n["date-navigation__control"],
+            n["date-navigation__control--previous"],
             "date-navigation__control",
             "date-navigation__control--previous"
           ]),
-          disabled: o === 0 ? !0 : void 0,
+          disabled: r === 0 ? !0 : void 0,
           type: "button",
           onClick: () => {
-            f(0);
+            k(0);
           },
           children: [
             /* @__PURE__ */ e("i", { "aria-hidden": "true", children: /* @__PURE__ */ e(w, { height: 48, width: 48 }) }),
@@ -74,16 +74,16 @@ function V() {
       /* @__PURE__ */ _(
         "button",
         {
-          className: r([
-            a["date-navigation__control"],
-            a["date-navigation__control--next"],
+          className: o([
+            n["date-navigation__control"],
+            n["date-navigation__control--next"],
             "date-navigation__control",
             "date-navigation__control--next"
           ]),
-          disabled: o === 1 ? !0 : void 0,
+          disabled: r === 1 ? !0 : void 0,
           type: "button",
           onClick: () => {
-            f(1);
+            k(1);
           },
           children: [
             /* @__PURE__ */ e("i", { "aria-hidden": "true", children: /* @__PURE__ */ e(A, { height: 48, width: 48 }) }),
@@ -96,20 +96,20 @@ function V() {
       "ul",
       {
         "aria-label": "Date Tabs",
-        className: r([a["date-navigation__list"], "date-navigation__list"]),
+        className: o([n["date-navigation__list"], "date-navigation__list"]),
         ref: d,
         role: "tablist",
         children: b.map((t) => /* @__PURE__ */ e(
           "li",
           {
-            className: [a["date-navigation__item"], "date-navigation__item"].join(" "),
+            className: [n["date-navigation__item"], "date-navigation__item"].join(" "),
             role: "presentation",
             children: /* @__PURE__ */ _(
               "button",
               {
                 "aria-controls": `${t.fullDateStr}`,
-                "aria-selected": l.fullDateStr === t.fullDateStr,
-                className: r([a["date-navigation__day"], "date-navigation__day"]),
+                "aria-selected": s.fullDateStr === t.fullDateStr,
+                className: o([n["date-navigation__day"], "date-navigation__day"]),
                 role: "tab",
                 type: "button",
                 onClick: () => {
@@ -119,22 +119,22 @@ function V() {
                   /* @__PURE__ */ e(
                     "div",
                     {
-                      className: r([a["date-navigation__weekday"], "date-navigation__weekday"]),
+                      className: o([n["date-navigation__weekday"], "date-navigation__weekday"]),
                       children: t.dayStr
                     }
                   ),
                   /* @__PURE__ */ _(
                     "div",
                     {
-                      className: r([a["date-navigation__date"], "date-navigation__date"]),
+                      className: o([n["date-navigation__date"], "date-navigation__date"]),
                       children: [
                         t.monthStr,
                         " ",
                         /* @__PURE__ */ e(
                           "br",
                           {
-                            className: r([
-                              a["date-navigation__month-day-break"],
+                            className: o([
+                              n["date-navigation__month-day-break"],
                               "date-navigation__month-day-break"
                             ])
                           }

package/dist/components/DrawerNavigation/DrawerNavigation.js

@@ -1,30 +1,30 @@
 import { jsxs as o, Fragment as v, jsx as e } from "react/jsx-runtime";
-import { useState as p, useCallback as x, useEffect as A } from "react";
-import { classes as s } from "../../utils/helpers.js";
+import { useState as h, useCallback as x, useEffect as A } from "react";
+import { classes as d } from "../../utils/helpers.js";
 import { NavList as S } from "../NavList/NavList.js";
 import { LogoNavigation as j } from "../LogoNavigation/LogoNavigation.js";
 import { ImageReplacementAnchor as E } from "../ImageReplacementAnchor/ImageReplacementAnchor.js";
 import { Overlay as L } from "../Overlay/Overlay.js";
 import '../../assets/DrawerNavigation.css';const n = {
-  "drawer-navigation__nav-bar": "_drawer-navigation__nav-bar_1pbss_247",
-  "with-logo": "_with-logo_1pbss_257",
-  "drawer-navigation__menu-toggle": "_drawer-navigation__menu-toggle_1pbss_261",
-  "drawer-navigation__hamburger": "_drawer-navigation__hamburger_1pbss_268",
-  "drawer-navigation__primary-navigation": "_drawer-navigation__primary-navigation_1pbss_300",
-  "drawer-navigation__separator": "_drawer-navigation__separator_1pbss_332",
-  "visually-hidden": "_visually-hidden_1pbss_343"
+  "drawer-navigation__nav-bar": "_drawer-navigation__nav-bar_am8nh_257",
+  "with-logo": "_with-logo_am8nh_267",
+  "drawer-navigation__menu-toggle": "_drawer-navigation__menu-toggle_am8nh_271",
+  "drawer-navigation__hamburger": "_drawer-navigation__hamburger_am8nh_278",
+  "drawer-navigation__primary-navigation": "_drawer-navigation__primary-navigation_am8nh_310",
+  "drawer-navigation__separator": "_drawer-navigation__separator_am8nh_342",
+  "visually-hidden": "_visually-hidden_am8nh_353"
 };
 function k({
   links: g = [],
-  items: l = [],
+  items: m = [],
   classname: u = "",
   logo: r = {},
-  clipPathStart: h = "circle(0% at top right)",
+  clipPathStart: p = "circle(0% at top right)",
   clipPathEnd: w = "circle(250% at top right)",
-  overlayAppendEl: b = document.querySelector("#root")
+  overlayAppendEl: y = document.querySelector("#root")
 }) {
-  const [a, y] = p(!1), [d, m] = p(null), _ = document.querySelector("body"), t = x(() => {
-    y((N) => {
+  const [a, f] = h(!1), [s, l] = h(null), _ = document.querySelector("body"), t = x(() => {
+    f((N) => {
       const c = !N;
       if (c)
         _.style.overflowY = "hidden";
@@ -35,9 +35,9 @@ function k({
         }, 400);
       }
       return c;
-    }), m("closing");
-  }, [_]), f = () => {
-    a || m(null);
+    }), l("closing");
+  }, [_]), b = () => {
+    a || l(null);
   };
   return A(() => (document.addEventListener("scripps:overlay:closed", t), () => {
     document.removeEventListener("scripps:overlay:closed", t);
@@ -46,11 +46,11 @@ function k({
     /* @__PURE__ */ o(
       "div",
       {
-        className: s([
+        className: d([
           n["drawer-navigation__nav-bar"],
           "drawer-navigation__nav-bar",
           r.image && n["with-logo"],
-          `drawer-navigation__nav-bar--${a ? "expanded" : d ? "closing" : "closed"}`
+          `drawer-navigation__nav-bar--${a ? "expanded" : s ? "closing" : "closed"}`
         ]),
         children: [
           r.image && /* @__PURE__ */ e(
@@ -67,7 +67,7 @@ function k({
             {
               "aria-controls": "drawer-navigation__primary-navigation",
               "aria-expanded": a,
-              className: s([
+              className: d([
                 n["drawer-navigation__menu-toggle"],
                 "drawer-navigation__menu-toggle"
               ]),
@@ -78,7 +78,7 @@ function k({
                   "div",
                   {
                     "aria-hidden": "true",
-                    className: s([
+                    className: d([
                       n["drawer-navigation__hamburger"],
                       "drawer-navigation__hamburger"
                     ])
@@ -93,17 +93,17 @@ function k({
     /* @__PURE__ */ o(
       "div",
       {
-        className: s([
+        className: d([
           n["drawer-navigation__primary-navigation"],
           "drawer-navigation__primary-navigation"
         ]),
-        "data-state": a ? "opened" : d || "closed",
+        "data-state": a ? "opened" : s || "closed",
         id: "drawer-navigation__primary-navigation",
         style: {
-          "--clip-path-start": h,
+          "--clip-path-start": p,
           "--clip-path-end": w
         },
-        onAnimationEnd: f,
+        onAnimationEnd: b,
         children: [
           g.length > 0 && /* @__PURE__ */ e(
             S,
@@ -113,17 +113,17 @@ function k({
               toggleHandler: t
             }
           ),
-          l.length > 0 && /* @__PURE__ */ o(v, { children: [
+          m.length > 0 && /* @__PURE__ */ o(v, { children: [
             /* @__PURE__ */ e(
               "hr",
               {
-                className: s([
+                className: d([
                   n["drawer-navigation__separator"],
                   "drawer-navigation__separator"
                 ])
               }
             ),
-            /* @__PURE__ */ e(j, { items: l })
+            /* @__PURE__ */ e(j, { items: m })
           ] })
         ]
       }
@@ -131,8 +131,8 @@ function k({
     a && /* @__PURE__ */ e(
       L,
       {
-        appendToElement: b,
-        state: d === null && !a ? "exiting" : "entering"
+        appendToElement: y,
+        state: s === null && !a ? "exiting" : "entering"
       }
     )
   ] });