@scrippsproduct/networks-ui-library 1.1.0-alpha.10 → 1.1.0-alpha.12

package/dist/components/ScheduleLayout/ScheduleLayout.js

@@ -1,68 +1,68 @@
 import { jsx as t, jsxs as b } from "react/jsx-runtime";
-import { useRef as d, useCallback as S, useEffect as y } from "react";
+import { useRef as d, useCallback as g, useEffect as h } from "react";
 import { f as w } from "../../format-YhWt2D8M.mjs";
-import { l as i } from "../../logger-C0N7U0YY.mjs";
+import { l } from "../../logger-C0N7U0YY.mjs";
 import { classes as L } from "../../utils/helpers.js";
 import { ScheduleProvider as E } from "./ScheduleContext.js";
 import { useScheduleContext as T } from "./useScheduleContext.js";
 import { DateNavigation as k } from "../DateNavigation/DateNavigation.js";
 import { ScheduleList as q } from "../ScheduleList/ScheduleList.js";
-i.setComponent("ScheduleLayout");
+l.setComponent("ScheduleLayout");
 import '../../assets/ScheduleLayout.css';function x({
   handleScheduleClicks: f = () => !0
 }) {
-  const { currentDate: n } = T(), r = d(null), p = d(0), o = d(null), s = d(null), l = d(null), a = S((u) => {
-    i.log("Determining pointer position for date: ", u);
-    const c = () => {
+  const { currentDate: r } = T(), n = d(null), p = d(0), o = d(null), c = d(null), i = d(null), u = g((a) => {
+    l.log("Determining pointer position for date: ", a);
+    const s = () => {
       let e;
-      const v = document.querySelector(`.date-navigation__day[aria-controls="${w(u, "yyyy-MM-dd")}"]`);
-      if (v && (e = v.parentElement), e && r.current) {
-        const g = e.offsetLeft + e.offsetWidth / 2;
-        p.current = g, r.current.style.setProperty(
+      const v = document.querySelector(`.date-navigation__day[aria-controls="${w(a, "yyyy-MM-dd")}"]`);
+      if (v && (e = v.parentElement), e && n.current) {
+        const S = e.offsetLeft + e.offsetWidth / 2;
+        p.current = S, n.current.style.setProperty(
           "--pointer-position",
-          `${g}px`
+          `${S}px`
         );
       }
-    }, h = () => {
-      i.log("Scrolling schedule list to top"), i.log("Schedule list element: ", s.current), i.log("Sticky wrapper element: ", l.current);
+    }, y = () => {
+      l.log("Scrolling schedule list to top"), c.current || (c.current = document.querySelector(".schedule-list")), i.current || (i.current = document.querySelector("sticky-content-wrapper")), l.log("Schedule list element: ", c.current), l.log("Sticky wrapper element: ", i.current);
       const e = document.querySelector(".mobile-nav");
-      s.current && l.current && (i.log("Mobile nav element: ", e), window.scrollTo({
+      c.current && i.current && (l.log("Mobile nav element: ", e), window.scrollTo({
         behavior: "auto",
-        top: e && window.getComputedStyle(e).display !== "none" ? s.current.offsetTop - l.current.offsetHeight - e.offsetHeight - 8 : s.current.offsetTop - l.current.offsetHeight - 16,
+        top: e && window.getComputedStyle(e).display !== "none" ? c.current.offsetTop - i.current.offsetHeight - e.offsetHeight - 8 : c.current.offsetTop - i.current.offsetHeight - 16,
         left: 0
       }));
     };
-    if (!r.current) {
+    if (!n.current) {
       const e = setInterval(() => {
-        r.current = document.querySelector(".date-navigation__list"), r.current && (clearInterval(e), s.current = document.querySelector(".schedule-list"), l.current = document.querySelector("sticky-content-wrapper"), c(), h());
+        n.current = document.querySelector(".date-navigation__list"), n.current && (clearInterval(e), c.current = document.querySelector(".schedule-list"), i.current = document.querySelector("sticky-content-wrapper"), s(), y());
       }, 100);
       setTimeout(() => {
         clearInterval(e);
       }, 3e3);
       return;
     }
-    c(), h();
-  }, []), m = S(() => {
+    s(), y();
+  }, []), m = g(() => {
     o.current && clearTimeout(o.current), o.current = window.setTimeout(() => {
-      a(n);
+      u(r);
     }, 250);
-  }, [n, a]);
-  return y(() => (window.addEventListener("resize", m), () => {
+  }, [r, u]);
+  return h(() => (window.addEventListener("resize", m), () => {
     window.removeEventListener("resize", m), o.current && clearTimeout(o.current);
-  }), [a, m]), y(() => {
-    const u = document.querySelector(".header-divider"), c = document.querySelector("sticky-content-wrapper");
-    c && u && new IntersectionObserver(
+  }), [u, m]), h(() => {
+    const a = document.querySelector(".header-divider"), s = document.querySelector("sticky-content-wrapper");
+    s && a && new IntersectionObserver(
       ([e]) => {
-        e.intersectionRatio < 1 ? c.dataset.pinnedState = "pinned" : c.dataset.pinnedState = "unpinned";
+        e.intersectionRatio < 1 ? s.dataset.pinnedState = "pinned" : s.dataset.pinnedState = "unpinned";
       },
       {
         threshold: [1],
         rootMargin: "-37px"
       }
-    ).observe(u);
-  }, []), y(() => {
-    a(n);
-  }, [n, a]), /* @__PURE__ */ b("schedule-layout", { children: [
+    ).observe(a);
+  }, []), h(() => {
+    u(r);
+  }, [r, u]), /* @__PURE__ */ b("schedule-layout", { children: [
     /* @__PURE__ */ t("sticky-content-wrapper", { "data-pinned-state": "unpinned", children: /* @__PURE__ */ t(
       "content-constrainer",
       {
@@ -75,13 +75,13 @@ import '../../assets/ScheduleLayout.css';function x({
         children: /* @__PURE__ */ t(k, {})
       }
     ) }),
-    /* @__PURE__ */ t("section", { className: "page-section", id: "schedule-section", children: /* @__PURE__ */ t("content-constrainer", { class: "content-constrainer--no-border schedule-content-constrainer", children: /* @__PURE__ */ t("div", { id: w(n, "yyyy-MM-dd"), role: "tabpanel", children: /* @__PURE__ */ t(q, { handleClicks: f }) }) }) })
+    /* @__PURE__ */ t("section", { className: "page-section", id: "schedule-section", children: /* @__PURE__ */ t("content-constrainer", { class: "content-constrainer--no-border schedule-content-constrainer", children: /* @__PURE__ */ t("div", { id: w(r, "yyyy-MM-dd"), role: "tabpanel", children: /* @__PURE__ */ t(q, { handleClicks: f }) }) }) })
   ] });
 }
 function N({
   fetchSchedule: f,
-  initialSchedule: n = [],
-  weeks: r = [],
+  initialSchedule: r = [],
+  weeks: n = [],
   handleScheduleClicks: p = () => !0,
   handleDateChanged: o = () => !0
 }) {
@@ -90,8 +90,8 @@ function N({
     {
       fetchSchedule: f,
       handleDateChanged: o,
-      initialSchedule: n,
-      weeks: r,
+      initialSchedule: r,
+      weeks: n,
       children: /* @__PURE__ */ t(x, { handleScheduleClicks: p })
     }
   );

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.0-alpha.10",
+  "version": "1.1.0-alpha.12",
   "name": "@scrippsproduct/networks-ui-library",
   "description": "React Component Library for use in Scripps Networks external applications",
   "author": {