@scrippsproduct/networks-ui-library 1.1.3 → 1.1.4

package/dist/components/ScheduleLayout/ScheduleLayout.js

@@ -1,58 +1,58 @@
 import { jsx as t, jsxs as b } from "react/jsx-runtime";
-import { useRef as l, useCallback as w, useEffect as y } from "react";
-import { f as S } from "../../format-YhWt2D8M.mjs";
-import { l as L } from "../../logger-C0N7U0YY.mjs";
-import { classes as g } from "../../utils/helpers.js";
-import { ScheduleProvider as E } from "./ScheduleContext.js";
-import { useScheduleContext as q } from "./useScheduleContext.js";
+import { useRef as s, useCallback as w, useEffect as h } from "react";
+import { f as L } from "../../format-YhWt2D8M.mjs";
+import { l as g } from "../../logger-C0N7U0YY.mjs";
+import { classes as E } from "../../utils/helpers.js";
+import { ScheduleProvider as q } from "./ScheduleContext.js";
+import { useScheduleContext as T } from "./useScheduleContext.js";
 import { DateNavigation as k } from "../DateNavigation/DateNavigation.js";
-import { ScheduleList as T } from "../ScheduleList/ScheduleList.js";
-L.setComponent("ScheduleLayout");
-import '../../assets/ScheduleLayout.css';function C({
-  handleScheduleClicks: d = () => !0
+import { ScheduleList as C } from "../ScheduleList/ScheduleList.js";
+g.setComponent("ScheduleLayout");
+import '../../assets/ScheduleLayout.css';function x({
+  handleScheduleClicks: f = () => !0
 }) {
   console.warn("ScheduleLayoutContent rendered");
-  const { currentDate: n } = q(), r = l(null), f = l(0), o = l(null), s = l(null), m = l(!0), a = w((c) => {
+  const { currentDate: n } = T(), r = s(null), m = s(0), o = s(null), u = s(null), a = s(null), p = s(!0), l = w((c) => {
     const i = () => {
       let e;
-      const u = document.querySelector(`.date-navigation__day[aria-controls="${S(c, "yyyy-MM-dd")}"]`);
-      if (u && (e = u.parentElement), e && r.current) {
-        const v = e.offsetLeft + e.offsetWidth / 2;
-        f.current = v, r.current.style.setProperty(
+      const d = document.querySelector(`.date-navigation__day[aria-controls="${L(c, "yyyy-MM-dd")}"]`);
+      if (d && (e = d.parentElement), e && r.current) {
+        const S = e.offsetLeft + e.offsetWidth / 2;
+        m.current = S, r.current.style.setProperty(
           "--pointer-position",
-          `${v}px`
+          `${S}px`
         );
       }
-    }, h = () => {
-      s.current || (s.current = document.querySelector("sticky-content-wrapper"));
+    }, v = () => {
+      a.current || (a.current = document.querySelector("sticky-content-wrapper")), u.current || (u.current = document.querySelector(".schedule-list"));
       const e = document.querySelector(".mobile-nav");
-      if (s.current) {
-        const u = e && window.getComputedStyle(e).display !== "none" ? e.offsetHeight + 8 : 16;
+      if (u.current && (u.current.scrollTop = 0), a.current) {
+        const d = e && window.getComputedStyle(e).display !== "none" ? e.offsetHeight + 8 : 16;
         window.scrollTo({
           behavior: "smooth",
-          top: s.current.offsetTop - u,
+          top: a.current.offsetTop - d,
           left: 0
         });
       }
     };
     if (!r.current) {
       const e = setInterval(() => {
-        r.current = document.querySelector(".date-navigation__list"), r.current && (clearInterval(e), s.current = document.querySelector("sticky-content-wrapper"), i());
+        r.current = document.querySelector(".date-navigation__list"), r.current && (clearInterval(e), a.current = document.querySelector("sticky-content-wrapper"), i());
       }, 100);
       setTimeout(() => {
         clearInterval(e);
       }, 3e3);
       return;
     }
-    i(), m.current || h();
-  }, []), p = w(() => {
+    i(), p.current || v();
+  }, []), y = w(() => {
     o.current && clearTimeout(o.current), o.current = window.setTimeout(() => {
-      a(n);
+      l(n);
     }, 250);
-  }, [n, a]);
-  return y(() => (window.addEventListener("resize", p), () => {
-    window.removeEventListener("resize", p), o.current && clearTimeout(o.current);
-  }), [a, p]), y(() => {
+  }, [n, l]);
+  return h(() => (window.addEventListener("resize", y), () => {
+    window.removeEventListener("resize", y), o.current && clearTimeout(o.current);
+  }), [l, y]), h(() => {
     const c = document.querySelector(".header-divider"), i = document.querySelector("sticky-content-wrapper");
     i && c && new IntersectionObserver(
       ([e]) => {
@@ -63,18 +63,18 @@ import '../../assets/ScheduleLayout.css';function C({
         rootMargin: "-37px"
       }
     ).observe(c);
-  }, []), y(() => {
+  }, []), h(() => {
     const c = requestAnimationFrame(() => {
       requestAnimationFrame(() => {
-        a(n), m.current && (m.current = !1);
+        l(n), p.current && (p.current = !1);
       });
     });
     return () => cancelAnimationFrame(c);
-  }, [n, a]), /* @__PURE__ */ b("schedule-layout", { children: [
+  }, [n, l]), /* @__PURE__ */ b("schedule-layout", { children: [
     /* @__PURE__ */ t("sticky-content-wrapper", { "data-pinned-state": "unpinned", children: /* @__PURE__ */ t(
       "content-constrainer",
       {
-        class: g([
+        class: E([
           "content-constrainer--no-padding",
           "content-constrainer--no-border",
           "content-constrainer--lead-container",
@@ -83,28 +83,28 @@ import '../../assets/ScheduleLayout.css';function C({
         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: S(n, "yyyy-MM-dd"), role: "tabpanel", children: /* @__PURE__ */ t(T, { handleClicks: d }) }) }) })
+    /* @__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: L(n, "yyyy-MM-dd"), role: "tabpanel", children: /* @__PURE__ */ t(C, { handleClicks: f }) }) }) })
   ] });
 }
-function _({
-  fetchSchedule: d,
+function A({
+  fetchSchedule: f,
   initialSchedule: n = [],
   weeks: r = [],
-  handleScheduleClicks: f = () => !0,
+  handleScheduleClicks: m = () => !0,
   handleDateChanged: o = () => !0
 }) {
   return /* @__PURE__ */ t(
-    E,
+    q,
     {
-      fetchSchedule: d,
+      fetchSchedule: f,
       handleDateChanged: o,
       initialSchedule: n,
       weeks: r,
-      children: /* @__PURE__ */ t(C, { handleScheduleClicks: f })
+      children: /* @__PURE__ */ t(x, { handleScheduleClicks: m })
     }
   );
 }
 export {
-  _ as ScheduleLayout,
-  _ as default
+  A as ScheduleLayout,
+  A as default
 };

package/package.json

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