@scrippsproduct/networks-ui-library 1.1.1 → 1.1.2

package/dist/components/ScheduleLayout/ScheduleLayout.js

@@ -1,40 +1,40 @@
-import { jsx as t, jsxs as b } from "react/jsx-runtime";
-import { useRef as d, useCallback as g, useEffect as h } from "react";
+import { jsx as t, jsxs as L } from "react/jsx-runtime";
+import { useRef as l, useCallback as S, useEffect as m } from "react";
 import { f as w } from "../../format-YhWt2D8M.mjs";
-import { l } from "../../logger-C0N7U0YY.mjs";
-import { classes as L } from "../../utils/helpers.js";
+import { l as b } from "../../logger-C0N7U0YY.mjs";
+import { classes as g } 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";
-l.setComponent("ScheduleLayout");
-import '../../assets/ScheduleLayout.css';function x({
-  handleScheduleClicks: f = () => !0
+import { DateNavigation as q } from "../DateNavigation/DateNavigation.js";
+import { ScheduleList as k } from "../ScheduleList/ScheduleList.js";
+b.setComponent("ScheduleLayout");
+import '../../assets/ScheduleLayout.css';function C({
+  handleScheduleClicks: d = () => !0
 }) {
-  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);
+  console.warn("ScheduleLayoutContent rendered");
+  const { currentDate: r } = T(), n = l(null), f = l(0), o = l(null), c = l(null), i = l(null), u = S((a) => {
     const s = () => {
       let e;
-      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(
+      const h = document.querySelector(`.date-navigation__day[aria-controls="${w(a, "yyyy-MM-dd")}"]`);
+      if (h && (e = h.parentElement), e && n.current) {
+        const v = e.offsetLeft + e.offsetWidth / 2;
+        f.current = v, n.current.style.setProperty(
           "--pointer-position",
-          `${S}px`
+          `${v}px`
         );
       }
     }, 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);
+      c.current || (c.current = document.querySelector(".schedule-list")), i.current || (i.current = document.querySelector("sticky-content-wrapper"));
       const e = document.querySelector(".mobile-nav");
-      c.current && i.current && (l.log("Mobile nav element: ", e), window.scrollTo({
+      c.current && i.current && window.scrollTo({
         behavior: "auto",
         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 (!n.current) {
       const e = setInterval(() => {
-        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());
+        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());
       }, 100);
       setTimeout(() => {
         clearInterval(e);
@@ -42,14 +42,14 @@ import '../../assets/ScheduleLayout.css';function x({
       return;
     }
     s(), y();
-  }, []), m = g(() => {
+  }, []), p = S(() => {
     o.current && clearTimeout(o.current), o.current = window.setTimeout(() => {
       u(r);
     }, 250);
   }, [r, u]);
-  return h(() => (window.addEventListener("resize", m), () => {
-    window.removeEventListener("resize", m), o.current && clearTimeout(o.current);
-  }), [u, m]), h(() => {
+  return m(() => (window.addEventListener("resize", p), () => {
+    window.removeEventListener("resize", p), o.current && clearTimeout(o.current);
+  }), [u, p]), m(() => {
     const a = document.querySelector(".header-divider"), s = document.querySelector("sticky-content-wrapper");
     s && a && new IntersectionObserver(
       ([e]) => {
@@ -60,39 +60,39 @@ import '../../assets/ScheduleLayout.css';function x({
         rootMargin: "-37px"
       }
     ).observe(a);
-  }, []), h(() => {
+  }, []), m(() => {
     u(r);
-  }, [r, u]), /* @__PURE__ */ b("schedule-layout", { children: [
+  }, [r, u]), /* @__PURE__ */ L("schedule-layout", { children: [
     /* @__PURE__ */ t("sticky-content-wrapper", { "data-pinned-state": "unpinned", children: /* @__PURE__ */ t(
       "content-constrainer",
       {
-        class: L([
+        class: g([
           "content-constrainer--no-padding",
           "content-constrainer--no-border",
           "content-constrainer--lead-container",
           "schedule-date-nav-constrainer"
         ]),
-        children: /* @__PURE__ */ t(k, {})
+        children: /* @__PURE__ */ t(q, {})
       }
     ) }),
-    /* @__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 }) }) }) })
+    /* @__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(k, { handleClicks: d }) }) }) })
   ] });
 }
 function N({
-  fetchSchedule: f,
+  fetchSchedule: d,
   initialSchedule: r = [],
   weeks: n = [],
-  handleScheduleClicks: p = () => !0,
+  handleScheduleClicks: f = () => !0,
   handleDateChanged: o = () => !0
 }) {
   return /* @__PURE__ */ t(
     E,
     {
-      fetchSchedule: f,
+      fetchSchedule: d,
       handleDateChanged: o,
       initialSchedule: r,
       weeks: n,
-      children: /* @__PURE__ */ t(x, { handleScheduleClicks: p })
+      children: /* @__PURE__ */ t(C, { handleScheduleClicks: f })
     }
   );
 }

package/package.json

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