@scrippsproduct/networks-ui-library 1.1.0-alpha.2 → 1.1.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- ._schedule-list__item_r54qy_1{display:grid;grid-template-columns:10% 1fr;padding:1rem 0;border-bottom:1px solid}._schedule-list__item_r54qy_1:last-child{border:none}._schedule-list__airdate_r54qy_12{align-self:center;font-size:2.25rem;font-weight:500;color:var(--mono-color-400);text-wrap:balance;overflow-wrap:break-word}._schedule-list__airdate_r54qy_12 ._airdate-formatter__date_r54qy_20,._schedule-list__airdate_r54qy_12 ._airdate-formatter__day_r54qy_21{display:none}._schedule-list__airdate_r54qy_12 ._airdate-formatter__time-wrap_r54qy_24 br{display:inline}._schedule-list_r54qy_1{padding:0;opacity:1}._schedule-list_r54qy_1[data-state=idle]{opacity:1}._schedule-list_r54qy_1[data-state=exiting]{animation-name:_fade-out_r54qy_1;animation-duration:.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}._schedule-list_r54qy_1[data-state=entering]{animation-name:_fade-in_r54qy_1;animation-duration:.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}._schedule-list__item_r54qy_1{column-gap:2.5rem;padding:2rem 0 2.4rem}._schedule-list__item_r54qy_1 ._h4_r54qy_53{margin-bottom:.5rem;font-size:clamp(1.8rem,1.5vw + 1rem,2.625rem);line-height:1.2;color:var(--mono-color-400);text-transform:uppercase}._schedule-list__item_r54qy_1 ._string-list__pipe_r54qy_61{margin:0 .4em;margin-inline:.4em;font-size:1.1em;vertical-align:baseline}._schedule-list__item_r54qy_1 ._image-card__content_r54qy_68{font-size:1.125rem}._schedule-list__item_r54qy_1 ._image-card__content_r54qy_68>div:first-of-type:not(:last-of-type){font-size:1.372rem;font-weight:400;color:#444}._schedule-list__item_r54qy_1 ._image-card__content_r54qy_68>div:first-of-type,._schedule-list__item_r54qy_1 ._image-card__content_r54qy_68>div~div{max-inline-size:80ch;margin-top:1.5rem;line-height:1.5;color:#444}@media screen and (max-width:50rem){._schedule-list__item_r54qy_1 ._image-card__content_r54qy_68>div:first-of-type{margin-block-start:0}}._schedule-list__item_r54qy_1 ._image-card__content_r54qy_68>._string-list_r54qy_61{color:var(--mono-color-400)}._schedule-list__item_r54qy_1 ._image-card__img-wrapper_r54qy_92{flex:0 0 clamp(330px,47%,580px);align-self:flex-start;padding-top:.75rem}._schedule-list__item_r54qy_1 ._image-card__cta_r54qy_98{font-weight:500;color:#861d42}._schedule-list__on-now_r54qy_103{width:max-content;margin-bottom:.75rem;margin-block-end:.75rem;padding:.5rem 1.75rem;font-size:1.125rem;color:var(--mono-color-100);text-transform:uppercase;text-wrap:nowrap;overflow-wrap:normal;white-space:nowrap;background-image:var(--on-now-gradient)}._schedule-list__no-schedule_r54qy_117{padding:2rem;text-align:center}@media screen and (max-width:93.75rem){._schedule-list__airdate_r54qy_12{font-size:2rem}}@media screen and (max-width:80rem){._schedule-list__item_r54qy_1{display:block}._schedule-list__airdate_r54qy_12{margin-block-end:.5rem}._schedule-list__airdate_r54qy_12 ._airdate-formatter__time-wrap_r54qy_24 br{display:none}._schedule-content-constrainer_r54qy_137{padding-top:.01rem}}@media screen and (max-width:71.5rem){._schedule-list__item_r54qy_1{grid-template-columns:15% 1fr}._date-navigation__weekday_r54qy_145{font-size:1.4rem}._date-navigation__date_r54qy_148{font-size:1rem}}@media screen and (max-width:50rem){._schedule-list__item_r54qy_1 image-card{flex-direction:column;gap:1.5rem}._schedule-list__item_r54qy_1 ._image-card__content_r54qy_68{align-self:flex-start}}@keyframes _fade-in_r54qy_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-out_r54qy_1{0%{opacity:1}to{opacity:0}}.schedule-list__airdate .airdate-formatter__date,.schedule-list__airdate .airdate-formatter__day{display:none}.schedule-list__item .h4{margin-bottom:.5rem}.schedule-list__item .image-card__content>div{margin:.5rem 0 1rem}.schedule-list__item .image-card__img-wrapper{flex:0 0 clamp(330px,47%,580px)}.schedule-list__no-schedule{padding:2rem;text-align:center;opacity:1}.schedule-list__no-schedule[data-state=idle]{opacity:1}.schedule-list__no-schedule[data-state=exiting]{animation-name:fade-out;animation-duration:.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.schedule-list__no-schedule[data-state=entering]{animation-name:fade-in;animation-duration:.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.schedule-list__no-schedule h2{margin-bottom:1rem}.schedule-list__no-schedule p{margin:0}.schedule-list__no-schedule a{color:inherit;text-decoration:underline}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}
1
+ ._schedule-list__item_wmqq1_1{display:grid;grid-template-columns:10% 1fr;column-gap:2.5rem;padding:1rem 0;padding:2rem 0 2.4rem;border-bottom:1px solid}._schedule-list__item_wmqq1_1:last-child{border:none}._schedule-list__airdate_wmqq1_14{align-self:center;font-size:2.25rem;font-weight:500;color:var(--mono-color-400);text-wrap:balance;overflow-wrap:break-word}._schedule-list__airdate_wmqq1_14 ._airdate-formatter__date_wmqq1_22,._schedule-list__airdate_wmqq1_14 ._airdate-formatter__day_wmqq1_23{display:none}._schedule-list__airdate_wmqq1_14 ._airdate-formatter__time-wrap_wmqq1_26 br{display:inline}._schedule-list_wmqq1_1{padding:0;opacity:1}._schedule-list_wmqq1_1[data-state=idle]{opacity:1}._schedule-list_wmqq1_1[data-state=exiting]{animation-name:_fade-out_wmqq1_1;animation-duration:.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}._schedule-list_wmqq1_1[data-state=entering]{animation-name:_fade-in_wmqq1_1;animation-duration:.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}._schedule-list__no-schedule_wmqq1_50{padding:2rem;text-align:center;opacity:1}._schedule-list__no-schedule_wmqq1_50[data-state=idle]{opacity:1}._schedule-list__no-schedule_wmqq1_50[data-state=exiting]{animation-name:_fade-out_wmqq1_1;animation-duration:.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}._schedule-list__no-schedule_wmqq1_50[data-state=entering]{animation-name:_fade-in_wmqq1_1;animation-duration:.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}._schedule-list__no-schedule_wmqq1_50 h2{margin-bottom:1rem}._schedule-list__no-schedule_wmqq1_50 p{margin:0}._schedule-list__no-schedule_wmqq1_50 a{color:inherit;text-decoration:underline}@media screen and (max-width:93.75rem){._schedule-list__airdate_wmqq1_14{font-size:2rem}}@media screen and (max-width:80rem){._schedule-list__item_wmqq1_1{display:block}._schedule-list__airdate_wmqq1_14{margin-block-end:.5rem}._schedule-list__airdate_wmqq1_14 ._airdate-formatter__time-wrap_wmqq1_26 br{display:none}._schedule-content-constrainer_wmqq1_102{padding-top:.01rem}}@media screen and (max-width:71.5rem){._schedule-list__item_wmqq1_1{grid-template-columns:15% 1fr}._date-navigation__weekday_wmqq1_110{font-size:1.4rem}._date-navigation__date_wmqq1_113{font-size:1rem}}@media screen and (max-width:50rem){._schedule-list__item_wmqq1_1 image-card{flex-direction:column;gap:1.5rem}._schedule-list__item_wmqq1_1 ._image-card__content_wmqq1_122{align-self:flex-start}}@keyframes _fade-in_wmqq1_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-out_wmqq1_1{0%{opacity:1}to{opacity:0}}.schedule-list__airdate .airdate-formatter__date,.schedule-list__airdate .airdate-formatter__day{display:none}.schedule-list__item .h4{margin-bottom:.5rem;font-size:clamp(1.8rem,1.5vw + 1rem,2.625rem);line-height:1.2;color:var(--mono-color-400);text-transform:uppercase}.schedule-list__item .image-card__content{font-size:1.125rem}.schedule-list__item .image-card__content:first-of-type,.schedule-list__item .image-card__content~div{max-inline-size:80ch;margin-top:1.5rem;line-height:1.5;color:#444}@media screen and (max-width:50rem){.schedule-list__item .image-card__content:first-of-type{margin-block-start:0}}.schedule-list__item .image-card__content>div{margin:.5rem 0 1rem}.schedule-list__item .image-card__content>div:first-of-type:not(:last-of-type){font-size:1.372rem;font-weight:400;color:#444}.schedule-list__item .image-card__content>.string-list{color:var(--mono-color-400)}.schedule-list__item .string-list__pipe{margin:0 .4em;margin-inline:.4em;font-size:1.1em;vertical-align:baseline}.schedule-list__item .image-card__cta{font-weight:500;color:#861d42}.schedule-list__item .image-card__img-wrapper{flex:0 0 clamp(330px,47%,580px);align-self:flex-start;padding-top:.75rem}.schedule-list__on-now{width:max-content;margin-bottom:.75rem;margin-block-end:.75rem;padding:.5rem 1.75rem;font-size:1.125rem;color:var(--mono-color-100);text-transform:uppercase;text-wrap:nowrap;overflow-wrap:normal;white-space:nowrap;background-image:var(--on-now-gradient)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}
@@ -20,6 +20,7 @@ const L = C(function({
20
20
  type: "",
21
21
  relatedResourceId: "",
22
22
  position: "end"
23
+ // inline - in the content | end | start
23
24
  },
24
25
  displayCTA: t = !0,
25
26
  handleClicks: A = (g) => {
@@ -2,15 +2,16 @@ import { jsx as t, jsxs as b } from "react/jsx-runtime";
2
2
  import { useRef as d, useCallback as S, useEffect as y } from "react";
3
3
  import { f as w } from "../../format-YhWt2D8M.mjs";
4
4
  import { l as c } from "../../logger-C0N7U0YY.mjs";
5
- import { ScheduleProvider as L } from "./ScheduleContext.js";
6
- import { useScheduleContext as E } from "./useScheduleContext.js";
7
- import { DateNavigation as T } from "../DateNavigation/DateNavigation.js";
8
- import { ScheduleList as k } from "../ScheduleList/ScheduleList.js";
5
+ import { classes as L } from "../../utils/helpers.js";
6
+ import { ScheduleProvider as E } from "./ScheduleContext.js";
7
+ import { useScheduleContext as T } from "./useScheduleContext.js";
8
+ import { DateNavigation as k } from "../DateNavigation/DateNavigation.js";
9
+ import { ScheduleList as q } from "../ScheduleList/ScheduleList.js";
9
10
  c.setComponent("ScheduleLayout");
10
- import '../../assets/ScheduleLayout.css';function q({
11
+ import '../../assets/ScheduleLayout.css';function x({
11
12
  handleScheduleClicks: f = () => !0
12
13
  }) {
13
- const { currentDate: n } = E(), r = d(null), p = d(0), i = d(null), s = d(null), l = d(null), a = S((u) => {
14
+ const { currentDate: n } = T(), r = d(null), p = d(0), i = d(null), s = d(null), l = d(null), a = S((u) => {
14
15
  c.log("Determining pointer position for date: ", u);
15
16
  const o = () => {
16
17
  let e;
@@ -62,19 +63,38 @@ import '../../assets/ScheduleLayout.css';function q({
62
63
  }, []), y(() => {
63
64
  a(n);
64
65
  }, [n, a]), /* @__PURE__ */ b("schedule-layout", { children: [
65
- /* @__PURE__ */ t("sticky-content-wrapper", { "data-pinned-state": "unpinned", children: /* @__PURE__ */ t("content-constrainer", { class: "content-constrainer--no-padding content-constrainer--no-border content-constrainer--lead-container schedule-date-nav-constrainer", children: /* @__PURE__ */ t(T, {}) }) }),
66
- /* @__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(n, "yyyy-MM-dd"), role: "tabpanel", children: /* @__PURE__ */ t(k, { handleClicks: f }) }) }) })
66
+ /* @__PURE__ */ t("sticky-content-wrapper", { "data-pinned-state": "unpinned", children: /* @__PURE__ */ t(
67
+ "content-constrainer",
68
+ {
69
+ class: L([
70
+ "content-constrainer--no-padding",
71
+ "content-constrainer--no-border",
72
+ "content-constrainer--lead-container",
73
+ "schedule-date-nav-constrainer"
74
+ ]),
75
+ children: /* @__PURE__ */ t(k, {})
76
+ }
77
+ ) }),
78
+ /* @__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(n, "yyyy-MM-dd"), role: "tabpanel", children: /* @__PURE__ */ t(q, { handleClicks: f }) }) }) })
67
79
  ] });
68
80
  }
69
- function _({
81
+ function N({
70
82
  schedule: f = [],
71
83
  weeks: n = [],
72
84
  handleScheduleClicks: r = () => !0,
73
85
  handleDateChanged: p = () => !0
74
86
  }) {
75
- return /* @__PURE__ */ t(L, { handleDateChanged: p, schedule: f, weeks: n, children: /* @__PURE__ */ t(q, { handleScheduleClicks: r }) });
87
+ return /* @__PURE__ */ t(
88
+ E,
89
+ {
90
+ handleDateChanged: p,
91
+ schedule: f,
92
+ weeks: n,
93
+ children: /* @__PURE__ */ t(x, { handleScheduleClicks: r })
94
+ }
95
+ );
76
96
  }
77
97
  export {
78
- _ as ScheduleLayout,
79
- _ as default
98
+ N as ScheduleLayout,
99
+ N as default
80
100
  };
@@ -1,36 +1,30 @@
1
- import { jsx as t, jsxs as c } from "react/jsx-runtime";
2
- import { useReducer as S, useState as w, useRef as T, useCallback as R, useEffect as f } from "react";
3
- import { getMinutesFromStr as A } from "../../utils/helpers.js";
4
- import { useScheduleContext as L } from "../ScheduleLayout/useScheduleContext.js";
5
- import { Loading as x } from "../Loading/Loading.js";
6
- import { SportsItem as b } from "./schedule-list-items/SportsItem.js";
1
+ import { jsx as t, jsxs as q } from "react/jsx-runtime";
2
+ import { useReducer as S, useState as R, useRef as w, useCallback as A, useEffect as d } from "react";
3
+ import { classes as T, getMinutesFromStr as L } from "../../utils/helpers.js";
4
+ import { useScheduleContext as x } from "../ScheduleLayout/useScheduleContext.js";
5
+ import { Loading as b } from "../Loading/Loading.js";
6
+ import { SportsItem as u } from "./schedule-list-items/SportsItem.js";
7
7
  import { SeriesItem as D } from "./schedule-list-items/SeriesItem.js";
8
8
  import { MovieItem as M } from "./schedule-list-items/MovieItem.js";
9
- import '../../assets/ScheduleList.css';const k = "_h4_r54qy_53", d = {
10
- "schedule-list__item": "_schedule-list__item_r54qy_1",
11
- "schedule-list__airdate": "_schedule-list__airdate_r54qy_12",
12
- "airdate-formatter__date": "_airdate-formatter__date_r54qy_20",
13
- "airdate-formatter__day": "_airdate-formatter__day_r54qy_21",
14
- "airdate-formatter__time-wrap": "_airdate-formatter__time-wrap_r54qy_24",
15
- "schedule-list": "_schedule-list_r54qy_1",
16
- "fade-out": "_fade-out_r54qy_1",
17
- "fade-in": "_fade-in_r54qy_1",
18
- h4: k,
19
- "string-list__pipe": "_string-list__pipe_r54qy_61",
20
- "image-card__content": "_image-card__content_r54qy_68",
21
- "string-list": "_string-list_r54qy_61",
22
- "image-card__img-wrapper": "_image-card__img-wrapper_r54qy_92",
23
- "image-card__cta": "_image-card__cta_r54qy_98",
24
- "schedule-list__on-now": "_schedule-list__on-now_r54qy_103",
25
- "schedule-list__no-schedule": "_schedule-list__no-schedule_r54qy_117",
26
- "schedule-content-constrainer": "_schedule-content-constrainer_r54qy_137",
27
- "date-navigation__weekday": "_date-navigation__weekday_r54qy_145",
28
- "date-navigation__date": "_date-navigation__date_r54qy_148"
9
+ import '../../assets/ScheduleList.css';const l = {
10
+ "schedule-list__item": "_schedule-list__item_wmqq1_1",
11
+ "schedule-list__airdate": "_schedule-list__airdate_wmqq1_14",
12
+ "airdate-formatter__date": "_airdate-formatter__date_wmqq1_22",
13
+ "airdate-formatter__day": "_airdate-formatter__day_wmqq1_23",
14
+ "airdate-formatter__time-wrap": "_airdate-formatter__time-wrap_wmqq1_26",
15
+ "schedule-list": "_schedule-list_wmqq1_1",
16
+ "fade-out": "_fade-out_wmqq1_1",
17
+ "fade-in": "_fade-in_wmqq1_1",
18
+ "schedule-list__no-schedule": "_schedule-list__no-schedule_wmqq1_50",
19
+ "schedule-content-constrainer": "_schedule-content-constrainer_wmqq1_102",
20
+ "date-navigation__weekday": "_date-navigation__weekday_wmqq1_110",
21
+ "date-navigation__date": "_date-navigation__date_wmqq1_113",
22
+ "image-card__content": "_image-card__content_wmqq1_122"
29
23
  };
30
- function q(r) {
24
+ function c(r) {
31
25
  return typeof r == "object" && !Array.isArray(r) && "queryStatus" in r && r.queryStatus === "no-results";
32
26
  }
33
- function u(r, a) {
27
+ function k(r, a) {
34
28
  switch (a.type) {
35
29
  case "START_EXIT":
36
30
  return "exiting";
@@ -45,7 +39,7 @@ function u(r, a) {
45
39
  }
46
40
  }
47
41
  const E = (r) => {
48
- var a, s, n, p, o, y, l, _, e, i, g;
42
+ var a, s, n, p, o, y, f, _, e, i, g;
49
43
  return (a = r.video) != null && a.brightcove_id ? {
50
44
  label: "Watch Preview",
51
45
  type: "play-video",
@@ -79,7 +73,7 @@ const E = (r) => {
79
73
  //'inline',
80
74
  } : (((s = r == null ? void 0 : r.content) == null ? void 0 : s.external_link) !== void 0 && ((n = r == null ? void 0 : r.content) == null ? void 0 : n.external_link) !== "" || ((p = r == null ? void 0 : r.content) == null ? void 0 : p.slug) !== void 0 && ((o = r == null ? void 0 : r.content) == null ? void 0 : o.slug) !== "") && !((y = r == null ? void 0 : r.content) != null && y.prevent_detail_page) ? {
81
75
  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",
82
- type: (l = r == null ? void 0 : r.content) != null && l.external_link ? "external-link" : "internal-link",
76
+ type: (f = r == null ? void 0 : r.content) != null && f.external_link ? "external-link" : "internal-link",
83
77
  href: (_ = r == null ? void 0 : r.content) != null && _.external_link ? (e = r == null ? void 0 : r.content) == null ? void 0 : e.external_link : r.program_class === "Episode" ? `/show/${(i = r == null ? void 0 : r.content) == null ? void 0 : i.slug}` : `/movie/${(g = r == null ? void 0 : r.content) == null ? void 0 : g.slug}`,
84
78
  position: "inline"
85
79
  } : {
@@ -92,21 +86,21 @@ const E = (r) => {
92
86
  function j({
93
87
  handleClicks: r = () => !0
94
88
  }) {
95
- const { schedule: a, isLoading: s } = L(), [n, p] = S(u, "idle"), [o, y] = w(a), l = T(null), _ = T(null), e = R(() => {
89
+ const { schedule: a, isLoading: s } = x(), [n, p] = S(k, "idle"), [o, y] = R(a), f = w(null), _ = w(null), e = A(() => {
96
90
  _.current && (clearTimeout(_.current), _.current = null), n === "exiting" ? p({ type: "EXIT_COMPLETE" }) : n === "entering" && p({ type: "ENTER_COMPLETE" });
97
91
  }, [n]);
98
- return f(() => {
99
- const i = l.current;
92
+ return d(() => {
93
+ const i = f.current;
100
94
  if (i)
101
95
  return i.addEventListener("animationend", e), () => {
102
96
  i.removeEventListener("animationend", e);
103
97
  };
104
- }, [e]), f(() => {
98
+ }, [e]), d(() => {
105
99
  s && n === "idle" && p({ type: "START_EXIT" });
106
- }, [s, n]), f(() => {
107
- const i = q(a) || Array.isArray(a) && a.length >= 0;
100
+ }, [s, n]), d(() => {
101
+ const i = c(a) || Array.isArray(a) && a.length >= 0;
108
102
  !s && n === "loading" && i && (y(a), p({ type: "SCHEDULE_LOADED" }));
109
- }, [s, n, a]), f(() => () => {
103
+ }, [s, n, a]), d(() => () => {
110
104
  _.current && clearTimeout(_.current);
111
105
  }, []), n === "loading" ? /* @__PURE__ */ t(
112
106
  "div",
@@ -117,27 +111,33 @@ function j({
117
111
  minHeight: "100dvh",
118
112
  paddingTop: "6rem"
119
113
  },
120
- children: /* @__PURE__ */ t(x, {})
114
+ children: /* @__PURE__ */ t(b, {})
121
115
  }
122
- ) : q(o) ? /* @__PURE__ */ c(
116
+ ) : c(o) ? /* @__PURE__ */ q(
123
117
  "div",
124
118
  {
125
- className: "schedule-list__no-schedule",
119
+ className: T([
120
+ l["schedule-list__no-schedule"],
121
+ "schedule-list__no-schedule"
122
+ ]),
126
123
  "data-state": n,
127
124
  style: { animationDelay: "500ms" },
128
125
  children: [
129
126
  /* @__PURE__ */ t("h2", { children: "There are no shows scheduled for this day." }),
130
- /* @__PURE__ */ c("p", { children: [
127
+ /* @__PURE__ */ q("p", { children: [
131
128
  "Please try again later. If this problem persists report it at ",
132
129
  /* @__PURE__ */ t("a", { href: "https://support.iontelevision.com/support/home", children: "our support page" }),
133
130
  "."
134
131
  ] })
135
132
  ]
136
133
  }
137
- ) : Array.isArray(o) && o.length === 0 ? /* @__PURE__ */ c(
134
+ ) : Array.isArray(o) && o.length === 0 ? /* @__PURE__ */ q(
138
135
  "div",
139
136
  {
140
- className: "schedule-list__no-schedule",
137
+ className: T([
138
+ l["schedule-list__no-schedule"],
139
+ "schedule-list__no-schedule"
140
+ ]),
141
141
  "data-state": n,
142
142
  children: [
143
143
  /* @__PURE__ */ t("h2", { children: "Our programming schedule for today has completed." }),
@@ -147,11 +147,11 @@ function j({
147
147
  ) : /* @__PURE__ */ t(
148
148
  "ul",
149
149
  {
150
- className: `${d["schedule-list"]} schedule-list`,
150
+ className: `${l["schedule-list"]} schedule-list`,
151
151
  "data-state": n,
152
- ref: l,
152
+ ref: f,
153
153
  children: Array.isArray(o) && o.map((i) => {
154
- const g = A(i.element_length), v = E(i).type === "" ? [g, i.rating] : [g, i.rating, " "];
154
+ const g = L(i.element_length), v = E(i).type === "" ? [g, i.rating] : [g, i.rating, " "];
155
155
  return i.program_class === "Episode" ? /* @__PURE__ */ t(
156
156
  D,
157
157
  {
@@ -159,7 +159,7 @@ function j({
159
159
  handleClicks: r,
160
160
  scheduleItem: i,
161
161
  strListArr: v,
162
- styles: d
162
+ styles: l
163
163
  },
164
164
  `schedule-list-${i.id}`
165
165
  ) : i.program_class === "Film" || i.program_class === "Movie" || i.program_class === "Special" ? /* @__PURE__ */ t(
@@ -169,17 +169,17 @@ function j({
169
169
  handleClicks: r,
170
170
  scheduleItem: i,
171
171
  strListArr: v,
172
- styles: d
172
+ styles: l
173
173
  },
174
174
  `schedule-list-${i.id}`
175
175
  ) : i.program_class === "Sports" ? /* @__PURE__ */ t(
176
- b,
176
+ u,
177
177
  {
178
178
  determineCTA: E,
179
179
  handleClicks: r,
180
180
  scheduleItem: i,
181
181
  strListArr: v,
182
- styles: d
182
+ styles: l
183
183
  },
184
184
  `schedule-list-${i.id}`
185
185
  ) : null;
@@ -1,24 +1,24 @@
1
- import { jsxs as i, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as o, jsx as e } from "react/jsx-runtime";
2
2
  import { determineIfShowIsOnNow as s } from "../../../utils/date-helpers.js";
3
- import { classes as o, convert12to24 as e } from "../../../utils/helpers.js";
3
+ import { classes as a, convert12to24 as i } from "../../../utils/helpers.js";
4
4
  import { AirDateFormatter as n } from "../../AirDateFormatter/AirDateFormatter.js";
5
5
  function p({
6
6
  scheduleItem: t,
7
- styles: a
7
+ styles: r
8
8
  }) {
9
- return /* @__PURE__ */ i(
9
+ return /* @__PURE__ */ o(
10
10
  "div",
11
11
  {
12
- className: o([a["schedule-list__airdate"], "schedule-list__airdate"]),
12
+ className: a([r["schedule-list__airdate"], "schedule-list__airdate"]),
13
13
  children: [
14
14
  s(
15
- `${t.start_date_parse}T${e(t.start_time)}`,
15
+ `${t.start_date_parse}T${i(t.start_time)}`,
16
16
  t.element_length
17
- ) && /* @__PURE__ */ r("div", { className: "schedule-list__on-now", children: "On Now" }),
18
- /* @__PURE__ */ r(
17
+ ) && /* @__PURE__ */ e("div", { className: a([r["schedule-list__on-now"], "schedule-list__on-now"]), children: "On Now" }),
18
+ /* @__PURE__ */ e(
19
19
  n,
20
20
  {
21
- airdateStr: `${t.start_date} ${e(t.start_time)}`,
21
+ airdateStr: `${t.start_date} ${i(t.start_time)}`,
22
22
  separatorType: "line-break"
23
23
  }
24
24
  )
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.1.0-alpha.2",
2
+ "version": "1.1.0-alpha.3",
3
3
  "name": "@scrippsproduct/networks-ui-library",
4
4
  "description": "React Component Library for use in Scripps Networks external applications",
5
5
  "author": {
@@ -123,15 +123,16 @@
123
123
  },
124
124
  "browserslist": {
125
125
  "production": [
126
- ">0.2%",
126
+ ">0.4%",
127
127
  "not dead",
128
128
  "not op_mini all",
129
- "not op_mob >= 1"
129
+ "not safari < 16",
130
+ "not firefox < 120"
130
131
  ],
131
132
  "development": [
132
- "last 1 chrome version",
133
- "last 1 firefox version",
134
- "last 1 safari version"
133
+ "last 5 chrome version",
134
+ "last 5 firefox version",
135
+ "last 5 safari version"
135
136
  ]
136
137
  }
137
138
  }