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

package/dist/components/ScheduleList/ScheduleList.js

@@ -1,48 +1,49 @@
-import { jsx as t, jsxs as v } from "react/jsx-runtime";
-import { useReducer as A, useState as x, useRef as T, useCallback as C, useEffect as g } from "react";
-import { classes as S, getMinutesFromStr as k } from "../../utils/helpers.js";
-import { u as D } from "../../useScheduleContext-D7FdzNxe.mjs";
-import { Loading as M } from "../Loading/Loading.js";
-import { SportsItem as O } from "./schedule-list-items/SportsItem.js";
-import { SeriesItem as P } from "./schedule-list-items/SeriesItem.js";
-import { MovieItem as N } from "./schedule-list-items/MovieItem.js";
-import '../../assets/ScheduleList.css';const $ = "_fade_157zn_1", H = "_slidein_157zn_1", X = "_slideout_157zn_1", q = "_scale_157zn_1", F = "_reveal_157zn_1", U = "_hide_157zn_1", y = {
-  "schedule-list__item": "_schedule-list__item_157zn_247",
-  "schedule-list__airdate": "_schedule-list__airdate_157zn_260",
-  "airdate-formatter__date": "_airdate-formatter__date_157zn_268",
-  "airdate-formatter__day": "_airdate-formatter__day_157zn_269",
-  "airdate-formatter__time-wrap": "_airdate-formatter__time-wrap_157zn_272",
-  "schedule-list": "_schedule-list_157zn_247",
-  "fade-out": "_fade-out_157zn_1",
-  "fade-in": "_fade-in_157zn_1",
-  "schedule-list__no-schedule": "_schedule-list__no-schedule_157zn_296",
-  "schedule-content-constrainer": "_schedule-content-constrainer_157zn_348",
-  "image-card__content": "_image-card__content_157zn_362",
-  fade: $,
-  "page-fade-in": "_page-fade-in_157zn_1",
-  "backdrop-reveal": "_backdrop-reveal_157zn_1",
-  "slide-up": "_slide-up_157zn_1",
-  slidein: H,
-  slideout: X,
-  "promo-slide-in-left": "_promo-slide-in-left_157zn_1",
-  "promo-slide-in-right": "_promo-slide-in-right_157zn_1",
-  "list-item-slide-in": "_list-item-slide-in_157zn_1",
-  scale: q,
-  reveal: F,
-  "reveal-overlay": "_reveal-overlay_157zn_1",
-  hide: U,
-  "hide-overlay": "_hide-overlay_157zn_1",
-  "rotate-full": "_rotate-full_157zn_1",
-  "ui-spinner-rotate-left": "_ui-spinner-rotate-left_157zn_1",
-  "ui-spinner-rotate-right": "_ui-spinner-rotate-right_157zn_1",
-  "clip-path-open": "_clip-path-open_157zn_1",
-  "clip-path-close": "_clip-path-close_157zn_1"
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { useReducer as x, useState as C, useRef as S, useCallback as k, useEffect as c } from "react";
+import { classes as w, getMinutesFromStr as D } from "../../utils/helpers.js";
+import { u as M } from "../../useScheduleContext-D7FdzNxe.mjs";
+import { Loading as O } from "../Loading/Loading.js";
+import { SportsItem as P } from "./schedule-list-items/SportsItem.js";
+import { SeriesItem as N } from "./schedule-list-items/SeriesItem.js";
+import { MovieItem as $ } from "./schedule-list-items/MovieItem.js";
+import '../../assets/ScheduleList.css';const H = "_fade_1ttv1_1", X = "_slidein_1ttv1_1", q = "_slideout_1ttv1_1", F = "_scale_1ttv1_1", U = "_reveal_1ttv1_1", j = "_hide_1ttv1_1", g = {
+  "schedule-list__item": "_schedule-list__item_1ttv1_257",
+  "schedule-list__airdate": "_schedule-list__airdate_1ttv1_270",
+  "airdate-formatter__date": "_airdate-formatter__date_1ttv1_278",
+  "airdate-formatter__day": "_airdate-formatter__day_1ttv1_279",
+  "airdate-formatter__time-wrap": "_airdate-formatter__time-wrap_1ttv1_282",
+  "schedule-list": "_schedule-list_1ttv1_257",
+  "fade-out": "_fade-out_1ttv1_1",
+  "fade-in": "_fade-in_1ttv1_1",
+  "schedule-list__no-schedule": "_schedule-list__no-schedule_1ttv1_306",
+  "schedule-content-constrainer": "_schedule-content-constrainer_1ttv1_358",
+  "image-card__content": "_image-card__content_1ttv1_372",
+  fade: H,
+  "dim-fade": "_dim-fade_1ttv1_1",
+  "page-fade-in": "_page-fade-in_1ttv1_1",
+  "backdrop-reveal": "_backdrop-reveal_1ttv1_1",
+  "slide-up": "_slide-up_1ttv1_1",
+  slidein: X,
+  slideout: q,
+  "promo-slide-in-left": "_promo-slide-in-left_1ttv1_1",
+  "promo-slide-in-right": "_promo-slide-in-right_1ttv1_1",
+  "list-item-slide-in": "_list-item-slide-in_1ttv1_1",
+  scale: F,
+  reveal: U,
+  "reveal-overlay": "_reveal-overlay_1ttv1_1",
+  hide: j,
+  "hide-overlay": "_hide-overlay_1ttv1_1",
+  "rotate-full": "_rotate-full_1ttv1_1",
+  "ui-spinner-rotate-left": "_ui-spinner-rotate-left_1ttv1_1",
+  "ui-spinner-rotate-right": "_ui-spinner-rotate-right_1ttv1_1",
+  "clip-path-open": "_clip-path-open_1ttv1_1",
+  "clip-path-close": "_clip-path-close_1ttv1_1"
 };
-function w(r) {
-  return typeof r == "object" && !Array.isArray(r) && (r == null ? void 0 : r.queryStatus) && r.queryStatus === "no-results";
+function b(t) {
+  return typeof t == "object" && !Array.isArray(t) && (t == null ? void 0 : t.queryStatus) && t.queryStatus === "no-results";
 }
-function j(r, c) {
-  switch (c.type) {
+function m(t, v) {
+  switch (v.type) {
     case "START_EXIT":
       return "exiting";
     case "EXIT_COMPLETE":
@@ -52,19 +53,19 @@ function j(r, c) {
     case "ENTER_COMPLETE":
       return "idle";
     default:
-      return r;
+      return t;
   }
 }
-const z = (r) => {
-  var c, o, a, u, n, e, _, E, s, l, p;
-  return (c = r.video) != null && c.brightcove_id ? {
+const T = (t) => {
+  var v, o, a, u, i, e, _, E, s, l, p;
+  return (v = t.video) != null && v.brightcove_id ? {
     label: "Watch Preview",
     type: "play-video",
     href: "",
-    relatedResourceId: r.video.brightcove_id,
+    relatedResourceId: t.video.brightcove_id,
     relatedResourceType: "video",
     position: "inline"
-  } : r != null && r.showUpcoming && (r == null ? void 0 : r.program_class) === "Episode" ? {
+  } : t != null && t.showUpcoming && (t == null ? void 0 : t.program_class) === "Episode" ? {
     label: "",
     //`View Upcoming Airings`
     type: "",
@@ -76,7 +77,7 @@ const z = (r) => {
     //'series',
     position: void 0
     //'inline',
-  } : r != null && r.showUpcoming && (r == null ? void 0 : r.program_class) === "Film" ? {
+  } : t != null && t.showUpcoming && (t == null ? void 0 : t.program_class) === "Film" ? {
     label: "",
     //`View Upcoming Airings`,
     type: "",
@@ -88,10 +89,10 @@ const z = (r) => {
     //'film',
     position: void 0
     //'inline',
-  } : (((o = r == null ? void 0 : r.content) == null ? void 0 : o.external_link) !== void 0 && ((a = r == null ? void 0 : r.content) == null ? void 0 : a.external_link) !== "" || ((u = r == null ? void 0 : r.content) == null ? void 0 : u.slug) !== void 0 && ((n = r == null ? void 0 : r.content) == null ? void 0 : n.slug) !== "") && !((e = r == null ? void 0 : r.content) != null && e.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: (_ = r == null ? void 0 : r.content) != null && _.external_link ? "external-link" : "internal-link",
-    href: (E = r == null ? void 0 : r.content) != null && E.external_link ? (s = r == null ? void 0 : r.content) == null ? void 0 : s.external_link : r.program_class === "Episode" ? `/show/${(l = r == null ? void 0 : r.content) == null ? void 0 : l.slug}` : `/movie/${(p = r == null ? void 0 : r.content) == null ? void 0 : p.slug}`,
+  } : (((o = t == null ? void 0 : t.content) == null ? void 0 : o.external_link) !== void 0 && ((a = t == null ? void 0 : t.content) == null ? void 0 : a.external_link) !== "" || ((u = t == null ? void 0 : t.content) == null ? void 0 : u.slug) !== void 0 && ((i = t == null ? void 0 : t.content) == null ? void 0 : i.slug) !== "") && !((e = t == null ? void 0 : t.content) != null && e.prevent_detail_page) ? {
+    label: (t == null ? void 0 : t.program_class) === "Episode" ? "View Series Details" : (t == null ? void 0 : t.program_class) === "Film" ? "View Movie Details" : "Learn More",
+    type: (_ = t == null ? void 0 : t.content) != null && _.external_link ? "external-link" : "internal-link",
+    href: (E = t == null ? void 0 : t.content) != null && E.external_link ? (s = t == null ? void 0 : t.content) == null ? void 0 : s.external_link : t.program_class === "Episode" ? `/show/${(l = t == null ? void 0 : t.content) == null ? void 0 : l.slug}` : `/movie/${(p = t == null ? void 0 : t.content) == null ? void 0 : p.slug}`,
     position: "inline"
   } : {
     label: "",
@@ -101,41 +102,41 @@ const z = (r) => {
   };
 };
 function Q({
-  handleClicks: r = () => !0,
-  supportLink: c = "https://support.iontelevision.com/support/home"
+  handleClicks: t = () => !0,
+  supportLink: v = "https://support.iontelevision.com/support/home"
 }) {
-  const { schedule: o, isLoading: a, isError: u } = D(), [n, e] = A(j, "idle"), [_, E] = x(o), s = T(null), l = T(null), p = C(() => {
-    l.current && (clearTimeout(l.current), l.current = null), n === "exiting" ? e({ type: "EXIT_COMPLETE" }) : n === "entering" && e({ type: "ENTER_COMPLETE" });
-  }, [n]);
-  return g(() => {
-    const i = s.current;
-    if (i)
-      return i.addEventListener("animationend", p), () => {
-        i.removeEventListener("animationend", p);
+  const { schedule: o, isLoading: a, isError: u } = M(), [i, e] = x(m, "idle"), [_, E] = C(o), s = S(null), l = S(null), p = k(() => {
+    l.current && (clearTimeout(l.current), l.current = null), i === "exiting" ? e({ type: "EXIT_COMPLETE" }) : i === "entering" && e({ type: "ENTER_COMPLETE" });
+  }, [i]);
+  return c(() => {
+    const r = s.current;
+    if (r)
+      return r.addEventListener("animationend", p), () => {
+        r.removeEventListener("animationend", p);
       };
-  }, [p]), g(() => {
-    a && n === "idle" && e({ type: "START_EXIT" });
-  }, [a, n]), g(() => {
-    !a && n === "exiting" && e({ type: "EXIT_COMPLETE" });
-  }, [a, n]), g(() => {
-    const i = w(o) || Array.isArray(o) && o.length >= 0;
-    !a && n === "loading" && i && (E(o), e({ type: "SCHEDULE_LOADED" }));
-  }, [a, n, o]), g(() => {
-    if (n === "exiting" && s.current && s.current) {
-      const i = document.querySelector("sticky-content-wrapper"), d = document.querySelector(".mobile-nav");
+  }, [p]), c(() => {
+    a && i === "idle" && e({ type: "START_EXIT" });
+  }, [a, i]), c(() => {
+    !a && i === "exiting" && e({ type: "EXIT_COMPLETE" });
+  }, [a, i]), c(() => {
+    const r = b(o) || Array.isArray(o) && o.length >= 0;
+    !a && i === "loading" && r && (E(o), e({ type: "SCHEDULE_LOADED" }));
+  }, [a, i, o]), c(() => {
+    if (i === "exiting" && s.current && s.current) {
+      const r = document.querySelector("sticky-content-wrapper"), d = document.querySelector(".mobile-nav");
       let f = 0;
-      i && (f += i.offsetHeight), d && window.getComputedStyle(d).display !== "none" && (f += d.offsetHeight), f += 16;
-      const b = s.current.getBoundingClientRect(), R = window.pageYOffset || document.documentElement.scrollTop, L = b.top + R - f;
+      r && (f += r.offsetHeight), d && window.getComputedStyle(d).display !== "none" && (f += d.offsetHeight), f += 16;
+      const R = s.current.getBoundingClientRect(), L = window.pageYOffset || document.documentElement.scrollTop, A = R.top + L - f;
       setTimeout(() => {
         window.scrollTo({
-          top: L,
+          top: A,
           behavior: "auto"
         });
       }, 400);
     }
-  }, [n]), g(() => () => {
+  }, [i]), c(() => () => {
     l.current && clearTimeout(l.current);
-  }, []), n === "loading" ? /* @__PURE__ */ t(
+  }, []), i === "loading" ? /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -144,84 +145,84 @@ function Q({
         minHeight: "100dvh",
         paddingTop: "6rem"
       },
-      children: /* @__PURE__ */ t(M, {})
+      children: /* @__PURE__ */ n(O, {})
     }
-  ) : u ? /* @__PURE__ */ v("div", { className: "schedule-list__no-schedule", children: [
-    /* @__PURE__ */ t("h2", { children: "There was an error loading the schedule for this day." }),
-    /* @__PURE__ */ v("p", { children: [
+  ) : u ? /* @__PURE__ */ y("div", { className: "schedule-list__no-schedule", children: [
+    /* @__PURE__ */ n("h2", { children: "There was an error loading the schedule for this day." }),
+    /* @__PURE__ */ y("p", { children: [
       "Please try again later. If this problem persists report it at ",
-      /* @__PURE__ */ t("a", { href: "https://support.iontelevision.com/support/home", children: "our support page" }),
+      /* @__PURE__ */ n("a", { href: "https://support.iontelevision.com/support/home", children: "our support page" }),
       "."
     ] })
-  ] }) : w(_) ? (p(), /* @__PURE__ */ v(
+  ] }) : b(_) ? (p(), /* @__PURE__ */ y(
     "div",
     {
-      className: S([
-        y["schedule-list__no-schedule"],
+      className: w([
+        g["schedule-list__no-schedule"],
         "schedule-list__no-schedule"
       ]),
-      "data-state": n,
+      "data-state": i,
       style: { animationDelay: "500ms" },
       children: [
-        /* @__PURE__ */ t("h2", { children: "There are no shows scheduled for this day." }),
-        /* @__PURE__ */ v("p", { children: [
+        /* @__PURE__ */ n("h2", { children: "There are no shows scheduled for this day." }),
+        /* @__PURE__ */ y("p", { children: [
           "Please try again later as programming becomes available, or report it at our ",
-          /* @__PURE__ */ t("a", { href: `${c}`, children: "support page" }),
+          /* @__PURE__ */ n("a", { href: `${v}`, children: "support page" }),
           "."
         ] })
       ]
     }
-  )) : Array.isArray(_) && _.length === 0 ? (p(), /* @__PURE__ */ v(
+  )) : Array.isArray(_) && _.length === 0 ? (p(), /* @__PURE__ */ y(
     "div",
     {
-      className: S([
-        y["schedule-list__no-schedule"],
+      className: w([
+        g["schedule-list__no-schedule"],
         "schedule-list__no-schedule"
       ]),
-      "data-state": n,
+      "data-state": i,
       children: [
-        /* @__PURE__ */ t("h2", { children: "Our programming schedule for today has completed." }),
-        /* @__PURE__ */ t("p", { children: "Our programming will restart at 6am." })
+        /* @__PURE__ */ n("h2", { children: "Our programming schedule for today has completed." }),
+        /* @__PURE__ */ n("p", { children: "Our programming will restart at 6am." })
       ]
     }
-  )) : /* @__PURE__ */ t(
+  )) : /* @__PURE__ */ n(
     "ul",
     {
-      className: `${y["schedule-list"]} schedule-list`,
-      "data-state": n,
+      className: `${g["schedule-list"]} schedule-list`,
+      "data-state": i,
       ref: s,
-      children: Array.isArray(_) && _.map((i) => {
-        const d = k(i.element_length), f = z(i).type === "" ? [d, i.rating] : [d, i.rating, " "];
-        return i.program_class === "Episode" ? /* @__PURE__ */ t(
-          P,
+      children: Array.isArray(_) && _.map((r) => {
+        const d = D(r.element_length), f = T(r).type === "" ? [d, r.rating] : [d, r.rating, " "];
+        return r.program_class === "Episode" ? /* @__PURE__ */ n(
+          N,
           {
-            determineCTA: z,
-            handleClicks: r,
-            scheduleItem: i,
+            determineCTA: T,
+            handleClicks: t,
+            scheduleItem: r,
             strListArr: f,
-            styles: y
+            styles: g
           },
-          `schedule-list-${i.id}`
-        ) : i.program_class === "Film" || i.program_class === "Movie" || i.program_class === "Special" ? /* @__PURE__ */ t(
-          N,
+          `schedule-list-${r.id}`
+        ) : r.program_class === "Film" || r.program_class === "Movie" || r.program_class === "Special" ? /* @__PURE__ */ n(
+          $,
           {
-            determineCTA: z,
-            handleClicks: r,
-            scheduleItem: i,
+            determineCTA: T,
+            handleClicks: t,
+            scheduleItem: r,
             strListArr: f,
-            styles: y
+            styles: g
           },
-          `schedule-list-${i.id}`
-        ) : i.program_class === "Sports" ? /* @__PURE__ */ t(
-          O,
+          `schedule-list-${r.id}`
+        ) : r.program_class === "Sports" ? /* @__PURE__ */ n(
+          P,
           {
-            determineCTA: z,
-            handleClicks: r,
-            scheduleItem: i,
+            determineCTA: T,
+            handleClicks: t,
+            scheduleItem: r,
             strListArr: f,
-            styles: y
+            styles: g
           },
-          `schedule-list-${i.id}`
+          `schedule-list-${r.id}`
         ) : null;
       })
     }

package/dist/components/ShowAboutLayout/ShowAboutLayout.js

@@ -2,18 +2,18 @@ import { jsx as a, Fragment as y, jsxs as T } from "react/jsx-runtime";
 import { getHoursMinsStr as k, classes as l } from "../../utils/helpers.js";
 import { Concat as c } from "../Concat/Concat.js";
 import { StringList as o } from "../StringList/StringList.js";
-import { ImageCard as s } from "../ImageCard/ImageCard.js";
-import { AdjustableTwoColumnGrid as x } from "../AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.js";
+import { ImageCard as x } from "../ImageCard/ImageCard.js";
+import { AdjustableTwoColumnGrid as s } from "../AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.js";
 import { ShowAboutContent as S } from "../ShowAboutContent/ShowAboutContent.js";
 import '../../assets/ShowAboutLayout.css';const u = {
-  "series-about-tab": "_series-about-tab_167st_247"
+  "series-about-tab": "_series-about-tab_p11gy_257"
 };
 function F({
   series: t,
   type: n = "series",
   showUpcoming: p = !1,
-  nextAirdates: i = [],
-  firstColumnWidth: g = "33%",
+  nextAirdates: g = [],
+  firstColumnWidth: i = "33%",
   socialShare: b = {
     enabled: !1,
     url: "",
@@ -28,10 +28,10 @@ function F({
     f
   ];
   return /* @__PURE__ */ a(y, { children: /* @__PURE__ */ T(
-    x,
+    s,
     {
       classname: l([u["series-about-tab"], "series-about-tab"]),
-      firstColumnWidth: g,
+      firstColumnWidth: i,
       children: [
         t.detailImage === null ? /* @__PURE__ */ a(
           c,
@@ -56,7 +56,7 @@ function F({
             ]
           }
         ) : /* @__PURE__ */ a(
-          s,
+          x,
           {
             content: /* @__PURE__ */ a(
               c,
@@ -92,7 +92,7 @@ function F({
           S,
           {
             castStr: d,
-            nextAirDates: i,
+            nextAirDates: g,
             series: t,
             showUpcoming: p,
             socialShare: b,

package/package.json

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

package/dist/ResultsTable.module-DrBmF9XB.mjs

@@ -1,14 +0,0 @@
-import './assets/ResultsTable.css';const _ = {
-  "results-table": "_results-table_xr1vq_247",
-  "results-table__row": "_results-table__row_xr1vq_250",
-  "results-table__item": "_results-table__item_xr1vq_255",
-  "results-table__header": "_results-table__header_xr1vq_255",
-  "results-table__mobile-label": "_results-table__mobile-label_xr1vq_270",
-  "results-table__no-results": "_results-table__no-results_xr1vq_280",
-  "results-table--compact": "_results-table--compact_xr1vq_286",
-  "results-table__header-row": "_results-table__header-row_xr1vq_298",
-  "fade-in__wrapper": "_fade-in__wrapper_xr1vq_361"
-};
-export {
-  _ as s
-};