@scrippsproduct/networks-ui-library 1.1.0-alpha.4 → 1.1.0-alpha.6

package/dist/components/ScheduleList/ScheduleList.js

@@ -1,6 +1,6 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { useReducer as u, useState as R, useRef as w, useCallback as A, useEffect as c } from "react";
-import { classes as T, getMinutesFromStr as L } from "../../utils/helpers.js";
+import { jsx as a, jsxs as y } from "react/jsx-runtime";
+import { useReducer as R, useState as A, useRef as w, useCallback as L, useEffect as v } from "react";
+import { classes as T, getMinutesFromStr as u } from "../../utils/helpers.js";
 import { useScheduleContext as b } from "../ScheduleLayout/useScheduleContext.js";
 import { Loading as x } from "../Loading/Loading.js";
 import { SportsItem as D } from "./schedule-list-items/SportsItem.js";
@@ -22,7 +22,7 @@ import '../../assets/ScheduleList.css';const f = {
   "image-card__content": "_image-card__content_wmqq1_122"
 };
 function S(r) {
-  return typeof r == "object" && !Array.isArray(r) && "queryStatus" in r && r.queryStatus === "no-results";
+  return typeof r == "object" && !Array.isArray(r) && (r == null ? void 0 : r.queryStatus) && r.queryStatus === "no-results";
 }
 function C(r, p) {
   switch (p.type) {
@@ -38,8 +38,8 @@ function C(r, p) {
       return r;
   }
 }
-const v = (r) => {
-  var p, t, s, n, e, o, y, g, _, l, i;
+const E = (r) => {
+  var p, t, s, n, e, o, d, g, _, l, i;
   return (p = r.video) != null && p.brightcove_id ? {
     label: "Watch Preview",
     type: "play-video",
@@ -73,7 +73,7 @@ const v = (r) => {
     //'inline',
   } : (((t = r == null ? void 0 : r.content) == null ? void 0 : t.external_link) !== void 0 && ((s = r == null ? void 0 : r.content) == null ? void 0 : s.external_link) !== "" || ((n = r == null ? void 0 : r.content) == null ? void 0 : n.slug) !== void 0 && ((e = r == null ? void 0 : r.content) == null ? void 0 : e.slug) !== "") && !((o = r == null ? void 0 : r.content) != null && o.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: (y = r == null ? void 0 : r.content) != null && y.external_link ? "external-link" : "internal-link",
+    type: (d = r == null ? void 0 : r.content) != null && d.external_link ? "external-link" : "internal-link",
     href: (g = r == null ? void 0 : r.content) != null && g.external_link ? (_ = r == null ? void 0 : r.content) == null ? void 0 : _.external_link : r.program_class === "Episode" ? `/show/${(l = r == null ? void 0 : r.content) == null ? void 0 : l.slug}` : `/movie/${(i = r == null ? void 0 : r.content) == null ? void 0 : i.slug}`,
     position: "inline"
   } : {
@@ -87,21 +87,21 @@ function H({
   handleClicks: r = () => !0,
   fetchError: p = !1
 }) {
-  const { schedule: t, isLoading: s } = b(), [n, e] = u(C, "idle"), [o, y] = R(t), g = w(null), _ = w(null), l = A(() => {
+  const { schedule: t, isLoading: s } = b(), [n, e] = R(C, "idle"), [o, d] = A(t), g = w(null), _ = w(null), l = L(() => {
     _.current && (clearTimeout(_.current), _.current = null), n === "exiting" ? e({ type: "EXIT_COMPLETE" }) : n === "entering" && e({ type: "ENTER_COMPLETE" });
   }, [n]);
-  return c(() => {
+  return v(() => {
     const i = g.current;
     if (i)
       return i.addEventListener("animationend", l), () => {
         i.removeEventListener("animationend", l);
       };
-  }, [l]), c(() => {
+  }, [l]), v(() => {
     s && n === "idle" && e({ type: "START_EXIT" });
-  }, [s, n]), c(() => {
+  }, [s, n]), v(() => {
     const i = S(t) || Array.isArray(t) && t.length >= 0;
-    !s && n === "loading" && i && (y(t), e({ type: "SCHEDULE_LOADED" }));
-  }, [s, n, t]), c(() => () => {
+    !s && n === "loading" && i && (d(t), e({ type: "SCHEDULE_LOADED" }));
+  }, [s, n, t]), v(() => () => {
     _.current && clearTimeout(_.current);
   }, []), n === "loading" ? /* @__PURE__ */ a(
     "div",
@@ -114,14 +114,14 @@ function H({
       },
       children: /* @__PURE__ */ a(x, {})
     }
-  ) : p ? /* @__PURE__ */ d("div", { className: "schedule-list__no-schedule", children: [
+  ) : p ? /* @__PURE__ */ y("div", { className: "schedule-list__no-schedule", children: [
     /* @__PURE__ */ a("h2", { children: "There was an error loading the schedule for this day." }),
-    /* @__PURE__ */ d("p", { children: [
+    /* @__PURE__ */ y("p", { children: [
       "Please try again later. If this problem persists report it at ",
       /* @__PURE__ */ a("a", { href: "https://support.iontelevision.com/support/home", children: "our support page" }),
       "."
     ] })
-  ] }) : S(o) ? /* @__PURE__ */ d(
+  ] }) : S(o) ? /* @__PURE__ */ y(
     "div",
     {
       className: T([
@@ -132,14 +132,14 @@ function H({
       style: { animationDelay: "500ms" },
       children: [
         /* @__PURE__ */ a("h2", { children: "There are no shows scheduled for this day." }),
-        /* @__PURE__ */ d("p", { children: [
+        /* @__PURE__ */ y("p", { children: [
           "Please try again later. If this problem persists report it at ",
           /* @__PURE__ */ a("a", { href: "https://support.iontelevision.com/support/home", children: "our support page" }),
           "."
         ] })
       ]
     }
-  ) : Array.isArray(o) && o.length === 0 ? /* @__PURE__ */ d(
+  ) : Array.isArray(o) && o.length === 0 ? /* @__PURE__ */ y(
     "div",
     {
       className: T([
@@ -159,34 +159,34 @@ function H({
       "data-state": n,
       ref: g,
       children: Array.isArray(o) && o.map((i) => {
-        const q = L(i.element_length), E = v(i).type === "" ? [q, i.rating] : [q, i.rating, " "];
+        const c = u(i.element_length), q = E(i).type === "" ? [c, i.rating] : [c, i.rating, " "];
         return i.program_class === "Episode" ? /* @__PURE__ */ a(
           M,
           {
-            determineCTA: v,
+            determineCTA: E,
             handleClicks: r,
             scheduleItem: i,
-            strListArr: E,
+            strListArr: q,
             styles: f
           },
           `schedule-list-${i.id}`
         ) : i.program_class === "Film" || i.program_class === "Movie" || i.program_class === "Special" ? /* @__PURE__ */ a(
           k,
           {
-            determineCTA: v,
+            determineCTA: E,
             handleClicks: r,
             scheduleItem: i,
-            strListArr: E,
+            strListArr: q,
             styles: f
           },
           `schedule-list-${i.id}`
         ) : i.program_class === "Sports" ? /* @__PURE__ */ a(
           D,
           {
-            determineCTA: v,
+            determineCTA: E,
             handleClicks: r,
             scheduleItem: i,
-            strListArr: E,
+            strListArr: q,
             styles: f
           },
           `schedule-list-${i.id}`

package/dist/index.d.ts

@@ -67,6 +67,7 @@ export { ErrorHandler } from './components/ErrorHandler';
 export { ImageReplacementAnchor } from './components/ImageReplacementAnchor';
 export { GetAirdateWrapper } from './components/GetAirdateWrapper';
 export { Loading } from './components/Loading';
+export { LoadingV2 } from './components/LoadingV2';
 export { ResponsiveImage } from './components/ResponsiveImage';
 export { StringList } from './components/StringList';
 export { GeneralErrorBoundary } from './error-boundries/GeneralErrorBoundry';

package/dist/index.js

@@ -6,7 +6,7 @@ import { PromotionsRowBlock as n } from "./components/PromotionsRowBlock/Promoti
 import { SocialShareBlock as s } from "./components/SocialShareBlock/SocialShareBlock.js";
 import { ActionButton as u } from "./components/ActionButton/ActionButton.js";
 import { Button as g } from "./components/Button/Button.js";
-import { GradientButton as L } from "./components/GradientButton/GradientButton.js";
+import { GradientButton as C } from "./components/GradientButton/GradientButton.js";
 import { Carousel as B } from "./components/Carousel/Carousel.js";
 import { CarouselSlide as A } from "./components/CarouselSlide/CarouselSlide.js";
 import { Empty as T } from "./components/CarouselSlide/slide-layouts/Empty/Empty.js";
@@ -17,8 +17,8 @@ import { TextSlide as G } from "./components/CarouselSlide/slide-layouts/Text/Te
 import { VideoSlide as N } from "./components/CarouselSlide/slide-layouts/Video/VideoSlide.js";
 import { C as E } from "./ChoicesItem-CT9fXB0I.mjs";
 import { ChoicesList as H } from "./components/ChoicesList/ChoicesList.js";
-import { CreateChoiceList as z } from "./components/CreateChoiceList/CreateChoiceList.js";
-import { CustomDataList as V } from "./components/CustomDataList/CustomDataList.js";
+import { CreateChoiceList as q } from "./components/CreateChoiceList/CreateChoiceList.js";
+import { CustomDataList as U } from "./components/CustomDataList/CustomDataList.js";
 import { CustomSelect as W } from "./components/CustomSelect/CustomSelect.js";
 import { Input as K } from "./components/Input/Input.js";
 import { Select as Q } from "./components/Select/Select.js";
@@ -32,7 +32,7 @@ import { ProgramAirdate as ao } from "./components/ProgramAirdate/ProgramAirdate
 import { PromotionsRowModule as no } from "./components/PromotionsRowModule/PromotionsRowModule.js";
 import { RescanInstructions as so } from "./components/RescanInstructions/RescanInstructions.js";
 import { ScheduleLayout as co } from "./components/ScheduleLayout/ScheduleLayout.js";
-import { SectionedContent as Co } from "./components/SectionedContent/SectionedContent.js";
+import { SectionedContent as Lo } from "./components/SectionedContent/SectionedContent.js";
 import { ShowAboutLayout as So } from "./components/ShowAboutLayout/ShowAboutLayout.js";
 import { TabbedContent as ho } from "./components/TabbedContent/TabbedContent.js";
 import { AdjustableTwoColumnGrid as Io } from "./components/AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.js";
@@ -43,8 +43,8 @@ import { ModalContainer as Fo } from "./components/ModalContainer/ModalContainer
 import { PageHero as wo } from "./components/PageHero/PageHero.js";
 import { TabContent as Do } from "./components/TabContent/TabContent.js";
 import { FeaturedList as Mo } from "./components/FeaturedList/FeaturedList.js";
-import { GenericList as qo } from "./components/GenericList/GenericList.js";
-import { GridList as Uo } from "./components/GridList/GridList.js";
+import { GenericList as Vo } from "./components/GenericList/GenericList.js";
+import { GridList as zo } from "./components/GridList/GridList.js";
 import { LogoListItem as jo } from "./components/LogoListItem/LogoListItem.js";
 import { NavList as Jo } from "./components/NavList/NavList.js";
 import { ScheduleList as Oo } from "./components/ScheduleList/ScheduleList.js";
@@ -59,7 +59,7 @@ import { TabNavigation as ir } from "./components/TabNavigation/TabNavigation.js
 import { ResultsTable as lr } from "./components/ResultsTable/ResultsTable.js";
 import { ResultsTableBody as dr } from "./components/ResultsTableBody/ResultsTableBody.js";
 import { ResultsTableHeader as cr } from "./components/ResultsTableHeader/ResultsTableHeader.js";
-import { AirDateFormatter as Cr } from "./components/AirDateFormatter/AirDateFormatter.js";
+import { AirDateFormatter as Lr } from "./components/AirDateFormatter/AirDateFormatter.js";
 import { AnchorTag as Sr } from "./components/AnchorTag/AnchorTag.js";
 import { ButtonAnchor as hr } from "./components/ButtonAnchor/ButtonAnchor.js";
 import { Concat as Ir } from "./components/Concat/Concat.js";
@@ -67,24 +67,25 @@ import { ErrorHandler as br } from "./components/ErrorHandler/ErrorHandler.js";
 import { ImageReplacementAnchor as yr } from "./components/ImageReplacementAnchor/ImageReplacementAnchor.js";
 import { GetAirdateWrapper as Rr } from "./components/GetAirdateWrapper/GetAirdateWrapper.js";
 import { Loading as Fr } from "./components/Loading/Loading.js";
-import { ResponsiveImage as wr } from "./components/ResponsiveImage/ResponsiveImage.js";
-import { StringList as Dr } from "./components/StringList/StringList.js";
-import { GeneralErrorBoundary as Mr } from "./error-boundries/GeneralErrorBoundry.js";
-import { BlankErrorBoundary as qr } from "./error-boundries/BlankErrorBoundry.js";
-import { BCVideoPlayer as Ur } from "./components/BCVideoPlayer/BCVideoPlayer.js";
-import { PromotionBlock as jr } from "./components/PromotionBlock/PromotionBlock.js";
-import { DeviceAndPlatformLists as Jr } from "./components/DeviceAndPlatformLists/DeviceAndPlatformLists.js";
-import { InstructionsList as Or } from "./components/InstructionsList/InstructionsList.js";
-import { Figure as Xr } from "./components/Figure/Figure.js";
+import { LoadingV2 as wr } from "./components/LoadingV2/LoadingV2.js";
+import { ResponsiveImage as Dr } from "./components/ResponsiveImage/ResponsiveImage.js";
+import { StringList as Mr } from "./components/StringList/StringList.js";
+import { GeneralErrorBoundary as Vr } from "./error-boundries/GeneralErrorBoundry.js";
+import { BlankErrorBoundary as zr } from "./error-boundries/BlankErrorBoundry.js";
+import { BCVideoPlayer as jr } from "./components/BCVideoPlayer/BCVideoPlayer.js";
+import { PromotionBlock as Jr } from "./components/PromotionBlock/PromotionBlock.js";
+import { DeviceAndPlatformLists as Or } from "./components/DeviceAndPlatformLists/DeviceAndPlatformLists.js";
+import { InstructionsList as Xr } from "./components/InstructionsList/InstructionsList.js";
+import { Figure as Zr } from "./components/Figure/Figure.js";
 export {
   u as ActionButton,
   e as AdBlock,
   Io as AdjustableTwoColumnGrid,
-  Cr as AirDateFormatter,
+  Lr as AirDateFormatter,
   Sr as AnchorTag,
-  Ur as BCVideoPlayer,
+  jr as BCVideoPlayer,
   oo as BasicGridModule,
-  qr as BlankErrorBoundary,
+  zr as BlankErrorBoundary,
   g as Button,
   hr as ButtonAnchor,
   B as Carousel,
@@ -94,36 +95,37 @@ export {
   E as ChoicesItem,
   H as ChoicesList,
   Ir as Concat,
-  z as CreateChoiceList,
+  q as CreateChoiceList,
   m as CtaBlock,
-  V as CustomDataList,
+  U as CustomDataList,
   W as CustomSelect,
   Zo as DateNavigation,
   _ as DatePicker,
-  Jr as DeviceAndPlatformLists,
+  Or as DeviceAndPlatformLists,
   $o as DrawerNavigation,
   T as Empty,
   bo as EqualSizeFlexRow,
   yo as EqualSizeGrid,
   br as ErrorHandler,
   Mo as FeaturedList,
-  Xr as Figure,
+  Zr as Figure,
   v as FigureSlide,
   fo as FindUs,
   rr as FooterNavigation,
-  Mr as GeneralErrorBoundary,
-  qo as GenericList,
+  Vr as GeneralErrorBoundary,
+  Vo as GenericList,
   Rr as GetAirdateWrapper,
-  L as GradientButton,
-  Uo as GridList,
+  C as GradientButton,
+  zo as GridList,
   f as ImageCard,
   P as ImageCardSlide,
   yr as ImageReplacementAnchor,
   Ro as InfoPanel,
   tr as InlineNavigation,
   K as Input,
-  Or as InstructionsList,
+  Xr as InstructionsList,
   Fr as Loading,
+  wr as LoadingV2,
   jo as LogoListItem,
   pr as LogoNavigation,
   Fo as ModalContainer,
@@ -131,23 +133,23 @@ export {
   Jo as NavList,
   wo as PageHero,
   ao as ProgramAirdate,
-  jr as PromotionBlock,
+  Jr as PromotionBlock,
   n as PromotionsRowBlock,
   no as PromotionsRowModule,
   so as RescanInstructions,
-  wr as ResponsiveImage,
+  Dr as ResponsiveImage,
   lr as ResultsTable,
   dr as ResultsTableBody,
   cr as ResultsTableHeader,
   co as ScheduleLayout,
   Oo as ScheduleList,
-  Co as SectionedContent,
+  Lo as SectionedContent,
   Q as Select,
   So as ShowAboutLayout,
   k as ShowSlide,
   xr as SocialLinks,
   s as SocialShareBlock,
-  Dr as StringList,
+  Mr as StringList,
   Do as TabContent,
   ir as TabNavigation,
   ho as TabbedContent,

package/package.json

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