@scrippsproduct/networks-ui-library 1.1.7 → 1.1.8

package/dist/components/ScheduleList/ScheduleList.js

@@ -37,7 +37,7 @@ function $(r, o) {
   }
 }
 const T = (r) => {
-  var o, a, d, t, e, s, E, l, p, f, i;
+  var o, a, d, t, e, s, E, p, _, f, i;
   return (o = r.video) != null && o.brightcove_id ? {
     label: "Watch Preview",
     type: "play-video",
@@ -72,7 +72,7 @@ const T = (r) => {
   } : (((a = r == null ? void 0 : r.content) == null ? void 0 : a.external_link) !== void 0 && ((d = r == null ? void 0 : r.content) == null ? void 0 : d.external_link) !== "" || ((t = r == null ? void 0 : r.content) == null ? void 0 : t.slug) !== void 0 && ((e = r == null ? void 0 : r.content) == null ? void 0 : e.slug) !== "") && !((s = r == null ? void 0 : r.content) != null && s.prevent_detail_page) ? {
     label: (r == null ? void 0 : r.program_class) === "Episode" ? "View Series Details" : (r == null ? void 0 : r.program_class) === "Film" ? "View Movie Details" : "Learn More",
     type: (E = r == null ? void 0 : r.content) != null && E.external_link ? "external-link" : "internal-link",
-    href: (l = r == null ? void 0 : r.content) != null && l.external_link ? (p = r == null ? void 0 : r.content) == null ? void 0 : p.external_link : r.program_class === "Episode" ? `/show/${(f = r == null ? void 0 : r.content) == null ? void 0 : f.slug}` : `/movie/${(i = r == null ? void 0 : r.content) == null ? void 0 : i.slug}`,
+    href: (p = r == null ? void 0 : r.content) != null && p.external_link ? (_ = r == null ? void 0 : r.content) == null ? void 0 : _.external_link : r.program_class === "Episode" ? `/show/${(f = r == null ? void 0 : r.content) == null ? void 0 : f.slug}` : `/movie/${(i = r == null ? void 0 : r.content) == null ? void 0 : i.slug}`,
     position: "inline"
   } : {
     label: "",
@@ -84,11 +84,11 @@ const T = (r) => {
 function B({
   handleClicks: r = () => !0
 }) {
-  const { schedule: o, isLoading: a, isError: d } = M(), [t, e] = A($, "idle"), [s, E] = x(o), l = u(null), p = u(null), f = C(() => {
-    p.current && (clearTimeout(p.current), p.current = null), t === "exiting" ? e({ type: "EXIT_COMPLETE" }) : t === "entering" && e({ type: "ENTER_COMPLETE" });
+  const { schedule: o, isLoading: a, isError: d } = M(), [t, e] = A($, "idle"), [s, E] = x(o), p = u(null), _ = u(null), f = C(() => {
+    _.current && (clearTimeout(_.current), _.current = null), t === "exiting" ? e({ type: "EXIT_COMPLETE" }) : t === "entering" && e({ type: "ENTER_COMPLETE" });
   }, [t]);
   return c(() => {
-    const i = l.current;
+    const i = p.current;
     if (i)
       return i.addEventListener("animationend", f), () => {
         i.removeEventListener("animationend", f);
@@ -101,18 +101,20 @@ function B({
     const i = w(o) || Array.isArray(o) && o.length >= 0;
     !a && t === "loading" && i && (E(o), e({ type: "SCHEDULE_LOADED" }));
   }, [a, t, o]), c(() => {
-    if (t === "exiting" && l.current) {
+    if (t === "exiting" && p.current && p.current) {
       const i = document.querySelector("sticky-content-wrapper"), g = document.querySelector(".mobile-nav");
-      let _ = 0;
-      i && (_ += i.offsetHeight), g && window.getComputedStyle(g).display !== "none" && (_ += g.offsetHeight), _ += 16;
-      const R = l.current.getBoundingClientRect(), L = window.pageYOffset || document.documentElement.scrollTop, b = R.top + L - _;
-      window.scrollTo({
-        top: b,
-        behavior: "auto"
-      });
+      let l = 0;
+      i && (l += i.offsetHeight), g && window.getComputedStyle(g).display !== "none" && (l += g.offsetHeight), l += 16;
+      const R = p.current.getBoundingClientRect(), L = window.pageYOffset || document.documentElement.scrollTop, b = R.top + L - l;
+      setTimeout(() => {
+        window.scrollTo({
+          top: b,
+          behavior: "auto"
+        });
+      }, 400);
     }
   }, [t]), c(() => () => {
-    p.current && clearTimeout(p.current);
+    _.current && clearTimeout(_.current);
   }, []), t === "loading" ? /* @__PURE__ */ n(
     "div",
     {
@@ -167,16 +169,16 @@ function B({
     {
       className: `${y["schedule-list"]} schedule-list`,
       "data-state": t,
-      ref: l,
+      ref: p,
       children: Array.isArray(s) && s.map((i) => {
-        const g = D(i.element_length), _ = T(i).type === "" ? [g, i.rating] : [g, i.rating, " "];
+        const g = D(i.element_length), l = T(i).type === "" ? [g, i.rating] : [g, i.rating, " "];
         return i.program_class === "Episode" ? /* @__PURE__ */ n(
           k,
           {
             determineCTA: T,
             handleClicks: r,
             scheduleItem: i,
-            strListArr: _,
+            strListArr: l,
             styles: y
           },
           `schedule-list-${i.id}`
@@ -186,7 +188,7 @@ function B({
             determineCTA: T,
             handleClicks: r,
             scheduleItem: i,
-            strListArr: _,
+            strListArr: l,
             styles: y
           },
           `schedule-list-${i.id}`
@@ -196,7 +198,7 @@ function B({
             determineCTA: T,
             handleClicks: r,
             scheduleItem: i,
-            strListArr: _,
+            strListArr: l,
             styles: y
           },
           `schedule-list-${i.id}`

package/package.json

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