@scrippsproduct/networks-ui-library 1.0.23 → 1.1.0-alpha.0

package/dist/components/CastInfoLayout/CastInfoLayout.js

@@ -1,8 +1,8 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { useEffect as l } from "react";
+import { Concat as n } from "../Concat/Concat.js";
 import { ImageCard as s } from "../ImageCard/ImageCard.js";
 import { AdjustableTwoColumnGrid as i } from "../AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.js";
-import { Concat as n } from "../Concat/Concat.js";
 import { SectionedContent as c } from "../SectionedContent/SectionedContent.js";
 function h(a) {
   const t = a != null && a.castMember ? a.castMember : { ...a };

package/dist/components/ChannelSearch/ChannelSearch.js

@@ -1,13 +1,13 @@
 import { jsxs as o, jsx as a, Fragment as I } from "react/jsx-runtime";
 import { useRef as C, useState as R, useEffect as x } from "react";
-import { Input as V } from "../Input/Input.js";
-import { CustomDataList as j } from "../CustomDataList/CustomDataList.js";
-import { ActionButton as z } from "../ActionButton/ActionButton.js";
-import { ResultsTable as A } from "../ResultsTable/ResultsTable.js";
-import { AdBlock as K } from "../AdBlock/AdBlock.js";
 import { statesForCustomList as T } from "../../data-resources/FakeDataResource.js";
-import { publish as F } from "../../utils/events.js";
+import { publish as V } from "../../utils/events.js";
 import { classes as n } from "../../utils/helpers.js";
+import { Input as j } from "../Input/Input.js";
+import { CustomDataList as z } from "../CustomDataList/CustomDataList.js";
+import { ActionButton as A } from "../ActionButton/ActionButton.js";
+import { ResultsTable as K } from "../ResultsTable/ResultsTable.js";
+import { AdBlock as F } from "../AdBlock/AdBlock.js";
 import '../../assets/ChannelSearch.css';const r = {
   "channel-search": "_channel-search_11pkr_6",
   "channel-search__inputs": "_channel-search__inputs_11pkr_19",
@@ -67,7 +67,7 @@ function J({
     } else
       d(await h()), b(!1);
     setTimeout(() => {
-      F("scripps:action:completed");
+      V("scripps:action:completed");
     }, 250);
   }, B = [
     {
@@ -110,11 +110,11 @@ function J({
             " Channel Search:"
           ] }),
           /* @__PURE__ */ o("span", { className: n([r["channel-search__inputs"], "channel-search__inputs"]), children: [
-            u && /* @__PURE__ */ a(V, { name: "zipcode", placeholder: "Enter ZIP Code", showValidation: !1 }),
+            u && /* @__PURE__ */ a(j, { name: "zipcode", placeholder: "Enter ZIP Code", showValidation: !1 }),
             u && _ && "or",
-            _ && /* @__PURE__ */ a(j, { name: "state", options: T, placeholder: "Select Your State", showValidation: !1 })
+            _ && /* @__PURE__ */ a(z, { name: "state", options: T, placeholder: "Select Your State", showValidation: !1 })
           ] }),
-          /* @__PURE__ */ a(z, { label: "Submit", type: "submit", onClick: N, classname: n(["channel-search__submit-btn", r["channel-search__submit-btn"]]) })
+          /* @__PURE__ */ a(A, { label: "Submit", type: "submit", onClick: N, classname: n(["channel-search__submit-btn", r["channel-search__submit-btn"]]) })
         ]
       }
     ),
@@ -132,7 +132,7 @@ function J({
         }
       ),
       /* @__PURE__ */ a(
-        A,
+        K,
         {
           columns: B,
           results: g,
@@ -142,7 +142,7 @@ function J({
       )
     ] }),
     !m && /* @__PURE__ */ a("div", { className: n([r["ad-wrapper"], "ad-wrapper"]), children: /* @__PURE__ */ a(
-      K,
+      F,
       {
         ad: {
           header: "Fall in love with subscription-free TV.",

package/dist/components/Concat/Concat.js

@@ -1,6 +1,6 @@
 import { jsx as a, Fragment as n } from "react/jsx-runtime";
 import o from "react";
-import { p as e } from "../../index-B0ARwqly.mjs";
+import { p as e } from "../../index-VjANCDXC.mjs";
 function c({ list: t }) {
   return /* @__PURE__ */ a(n, { children: t.map((r) => /* @__PURE__ */ a(o.Fragment, { children: typeof r == "string" && r !== "" ? e(r) : r }, `react-frag-${Math.round(Math.random() * 1e7)}`)) });
 }

package/dist/components/CtaBlock/CtaBlock.js

@@ -1,9 +1,9 @@
 import { jsxs as f, jsx as l } from "react/jsx-runtime";
 import "react";
-import { p as s } from "../../index-B0ARwqly.mjs";
+import { p as s } from "../../index-VjANCDXC.mjs";
+import { classes as b } from "../../utils/helpers.js";
 import { GradientButton as h } from "../GradientButton/GradientButton.js";
 import { Button as u } from "../Button/Button.js";
-import { classes as b } from "../../utils/helpers.js";
 import '../../assets/CtaBlock.css';const c = {
   "cta-block__title-img": "_cta-block__title-img_1ia8j_5"
 };

package/dist/components/CustomDataList/CustomDataList.js

@@ -1,11 +1,11 @@
 import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import R, { forwardRef as le, useState as b, useRef as T, useEffect as ne } from "react";
-import { CreateChoiceList as ue } from "../CreateChoiceList/CreateChoiceList.js";
 import { classes as w } from "../../utils/helpers.js";
-import { s as g, C as de, A as _e } from "../../Form.module-DbpB9u1l.mjs";
-import { X as he } from "../../x-D8_C2o-U.mjs";
-import { P as E } from "../../index-CZzwT3Oj.mjs";
-import { T as me } from "../../triangle-D0AHL9lB.mjs";
+import { CreateChoiceList as ue } from "../CreateChoiceList/CreateChoiceList.js";
+import { s as v, C as de, A as _e } from "../../Form.module-Cd8qH2rj.mjs";
+import { X as fe } from "../../x-C-QzJ-qD.mjs";
+import { P as E } from "../../index-DC2JJV3a.mjs";
+import { T as he } from "../../triangle-PcCcGXjr.mjs";
 import '../../assets/CustomDataList.css';function I() {
   return I = Object.assign || function(c) {
     for (var l = 1; l < arguments.length; l++) {
@@ -16,7 +16,7 @@ import '../../assets/CustomDataList.css';function I() {
     return c;
   }, I.apply(this, arguments);
 }
-function fe(c, l) {
+function me(c, l) {
   if (c == null) return {};
   var d = pe(c, l), o, _;
   if (Object.getOwnPropertySymbols) {
@@ -34,7 +34,7 @@ function pe(c, l) {
   return d;
 }
 var z = le(function(c, l) {
-  var d = c.color, o = d === void 0 ? "currentColor" : d, _ = c.size, n = _ === void 0 ? 24 : _, x = fe(c, ["color", "size"]);
+  var d = c.color, o = d === void 0 ? "currentColor" : d, _ = c.size, n = _ === void 0 ? 24 : _, x = me(c, ["color", "size"]);
   return /* @__PURE__ */ R.createElement("svg", I({
     ref: l,
     xmlns: "http://www.w3.org/2000/svg",
@@ -76,9 +76,6 @@ const u = {
   "custom-data-list__filter-wrap": "_custom-data-list__filter-wrap_6b9v2_133",
   "custom-data-list__filter": "_custom-data-list__filter_6b9v2_133",
   "custom-data-list__filter-icon": "_custom-data-list__filter-icon_6b9v2_150",
-  "custom-data-list__item--selected": "_custom-data-list__item--selected_6b9v2_157",
-  "custom-select__item--selected": "_custom-select__item--selected_6b9v2_166",
-  "custom-data-list__item--highlighted": "_custom-data-list__item--highlighted_6b9v2_170",
   "custom-data-list__select--touched": "_custom-data-list__select--touched_6b9v2_174"
 };
 function Se({
@@ -92,7 +89,7 @@ function Se({
   ...Q
 }) {
   var X, G, J;
-  const [Y, Z] = b(`${g["form-field__input"]}`), M = T(), y = T(), L = T(), [V, W] = b(""), [F, ee] = b("clean"), [O, q] = b([]), [C, k] = b([]), [$, K] = b([]), [A, te] = b(null), [N, H] = b("hidden"), h = T(-1), se = `input-width--${_}`, ie = ["Enter", "Escape", "ArrowDown", "ArrowUp"], U = (e) => {
+  const [Y, Z] = b(`${v["form-field__input"]}`), M = T(), y = T(), L = T(), [V, W] = b(""), [F, ee] = b("clean"), [O, q] = b([]), [C, k] = b([]), [$, K] = b([]), [A, te] = b(null), [N, H] = b("hidden"), f = T(-1), se = `input-width--${_}`, ie = ["Enter", "Escape", "ArrowDown", "ArrowUp"], U = (e) => {
     let i = [];
     const t = (s) => {
       for (const r of s)
@@ -124,37 +121,37 @@ function Se({
       y.current.checkValidity() ? W("") : W(y.current.validationMessage);
     }, 100);
   }, S = (e) => {
-    e == null || e.stopPropagation(), ee("touched"), Z(`${g["form-field__input"]} ${g["input--touched"]}`), N === "hidden" ? (H("visible"), M.current.focus()) : (H("hidden"), ce());
+    e == null || e.stopPropagation(), ee("touched"), Z(`${v["form-field__input"]} ${v["input--touched"]}`), N === "hidden" ? (H("visible"), M.current.focus()) : (H("hidden"), ce());
   }, oe = (e) => {
-    const t = O.filter((f) => f.id !== e);
+    const t = O.filter((m) => m.id !== e);
     q([...t]);
     let s = C;
-    const r = (f, m) => {
-      for (const P of f) {
-        if (P.id === m) {
+    const r = (m, h) => {
+      for (const P of m) {
+        if (P.id === h) {
           P.status = "active";
           break;
         }
-        P.subcategories.length && r(P.subcategories, m);
+        P.subcategories.length && r(P.subcategories, h);
       }
-      return f;
-    }, v = r(s, e);
-    k([...v]), document.querySelector(`select[name="${c}"] > option[value="${e}"]`).selected = !1;
+      return m;
+    }, g = r(s, e);
+    k([...g]), document.querySelector(`select[name="${c}"] > option[value="${e}"]`).selected = !1;
   }, re = (e) => {
     if (e.stopPropagation(), e.keyCode === 40 || e.keyCode === 38)
       D(e);
     else {
-      h.current = -1;
-      const i = e.currentTarget.value, t = C, s = (f) => {
-        for (const m of f)
-          !m.label.toLowerCase().includes(i.toLowerCase()) && m.status !== "selected" && (m.status = "filtered"), m.subcategories.length && s(m.subcategories);
-        return f;
-      }, r = (f) => {
-        for (const m of f)
-          m.status === "filtered" && (m.status = "active"), m.subcategories.length && r(m.subcategories);
-        return f;
-      }, v = i === "" ? r(t) : s(t);
-      k([...v]), K([...U(v)]);
+      f.current = -1;
+      const i = e.currentTarget.value, t = C, s = (m) => {
+        for (const h of m)
+          !h.label.toLowerCase().includes(i.toLowerCase()) && h.status !== "selected" && (h.status = "filtered"), h.subcategories.length && s(h.subcategories);
+        return m;
+      }, r = (m) => {
+        for (const h of m)
+          h.status === "filtered" && (h.status = "active"), h.subcategories.length && r(h.subcategories);
+        return m;
+      }, g = i === "" ? r(t) : s(t);
+      k([...g]), K([...U(g)]);
     }
   }, ae = (e) => {
     const i = structuredClone(C), t = j(i, e);
@@ -162,24 +159,24 @@ function Se({
   }, D = (e) => {
     e.stopPropagation(), e.preventDefault();
     const i = e.key, t = C, s = (r) => {
-      const v = $[r].id, f = j(t, v, "highlighted");
-      k([...f]);
+      const g = $[r].id, m = j(t, g, "highlighted");
+      k([...m]);
     };
     if (i === "ArrowDown" && N === "visible")
-      h.current < $.length - 1 ? (s(h.current + 1), h.current++) : (s(0), h.current = 0);
+      f.current < $.length - 1 ? (s(f.current + 1), f.current++) : (s(0), f.current = 0);
     else if (i === "ArrowUp" && N === "visible")
-      h.current > 0 ? (s(h.current - 1), h.current--) : (s($.length - 1), h.current = $.length - 1);
+      f.current > 0 ? (s(f.current - 1), f.current--) : (s($.length - 1), f.current = $.length - 1);
     else if (i === "Enter")
-      if (N === "visible" && h !== -1) {
-        const r = $[h.current].id, v = j(t, r);
-        k([...v]), S(), document.querySelector(`select[name="${c}"] > option[value="${r}"]`).selected = !0;
+      if (N === "visible" && f !== -1) {
+        const r = $[f.current].id, g = j(t, r);
+        k([...g]), S(), document.querySelector(`select[name="${c}"] > option[value="${r}"]`).selected = !0;
       } else
         S();
     else if (i === "Escape" && N === "visible")
-      S(), h.current = -1;
+      S(), f.current = -1;
     else
       return !1;
-    30 * h.current > 160 ? L.current.scrollTo(0, 30 * h.current) : L.current.scrollTo(0, 0);
+    30 * f.current > 160 ? L.current.scrollTo(0, 30 * f.current) : L.current.scrollTo(0, 0);
   };
   return ne(() => {
     let e = l.map((t) => ({
@@ -194,13 +191,13 @@ function Se({
       }
     const i = e.filter((t) => t.parent_id === null);
     K(U(i)), k(i);
-  }, [l]), /* @__PURE__ */ p("label", { htmlFor: c, className: w([g["form-field"], g[se]]), children: [
+  }, [l]), /* @__PURE__ */ p("label", { htmlFor: c, className: w([v["form-field"], v[se]]), children: [
     x && /* @__PURE__ */ p(
       "i",
       {
         className: w([
-          g["form-field__icon"],
-          (X = y.current) != null && X.validity.valid ? "" : g["form-field__icon--invalid"]
+          v["form-field__icon"],
+          (X = y.current) != null && X.validity.valid ? "" : v["form-field__icon--invalid"]
         ]),
         style: d === "" ? { top: "0.4em" } : {},
         children: [
@@ -209,7 +206,7 @@ function Se({
         ]
       }
     ),
-    /* @__PURE__ */ a("span", { className: g["form-field__label"], children: d }),
+    /* @__PURE__ */ a("span", { className: v["form-field__label"], children: d }),
     /* @__PURE__ */ p(
       "select",
       {
@@ -240,7 +237,7 @@ function Se({
               onClick: (i) => {
                 i.stopPropagation(), oe(e.id);
               },
-              children: /* @__PURE__ */ a(he, { width: 16, height: 16 })
+              children: /* @__PURE__ */ a(fe, { width: 16, height: 16 })
             }
           )
         ] }, `selection-${e.id}`)),
@@ -274,9 +271,9 @@ function Se({
         ] }),
         /* @__PURE__ */ a("div", { className: u["custom-data-list__choices"], ref: L, onKeyDown: D, children: C.length !== 0 && /* @__PURE__ */ a(ue, { list: C, handleOnClick: ae }) })
       ] }),
-      /* @__PURE__ */ a("i", { className: u["custom-data-list__icon"], children: /* @__PURE__ */ a(me, {}) })
+      /* @__PURE__ */ a("i", { className: u["custom-data-list__icon"], children: /* @__PURE__ */ a(he, {}) })
     ] }),
-    V !== "" && x && /* @__PURE__ */ a("div", { className: g["form-field__error-message"], children: V })
+    V !== "" && x && /* @__PURE__ */ a("div", { className: v["form-field__error-message"], children: V })
   ] });
 }
 export {

package/dist/components/CustomSelect/CustomSelect.js

@@ -1,12 +1,12 @@
 import { jsxs as b, jsx as r } from "react/jsx-runtime";
 import F, { forwardRef as le, useState as y, useRef as E } from "react";
-import { s as a, C as oe } from "../../ChoicesItem-CGIr6Qga.mjs";
 import { publish as X } from "../../utils/events.js";
 import { classes as f } from "../../utils/helpers.js";
-import { s as v, C as ie, A as ne } from "../../Form.module-DbpB9u1l.mjs";
-import { X as ae } from "../../x-D8_C2o-U.mjs";
-import { T as ue } from "../../triangle-D0AHL9lB.mjs";
-import { P as j } from "../../index-CZzwT3Oj.mjs";
+import { s as a, C as oe } from "../../ChoicesItem-CGIr6Qga.mjs";
+import { s as v, C as ie, A as ne } from "../../Form.module-Cd8qH2rj.mjs";
+import { X as ae } from "../../x-C-QzJ-qD.mjs";
+import { T as ue } from "../../triangle-PcCcGXjr.mjs";
+import { P as j } from "../../index-DC2JJV3a.mjs";
 function I() {
   return I = Object.assign || function(t) {
     for (var u = 1; u < arguments.length; u++) {

package/dist/components/DateNavigation/DateNavigation.js

@@ -1,19 +1,18 @@
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
 import D, { useState as _, useRef as h, useEffect as f } from "react";
-import { f as y } from "../../format-plq8pBNY.mjs";
+import { f as y } from "../../format-YhWt2D8M.mjs";
 import { classes as W } from "../../utils/helpers.js";
-import { C as L } from "../../chevron-left-DmvQntvu.mjs";
-import { C as E } from "../../chevron-right-CaAz6ISN.mjs";
-import '../../assets/DateNavigation.css';const I = "_slidein_18gb9_1", e = {
+import { C as L } from "../../chevron-left-DRvpaLmK.mjs";
+import { C as E } from "../../chevron-right-C8yCnmfx.mjs";
+import '../../assets/DateNavigation.css';const e = {
   "date-navigation__list": "_date-navigation__list_18gb9_5",
-  slidein: I,
   "date-navigation__control": "_date-navigation__control_18gb9_42",
   "date-navigation__control--previous": "_date-navigation__control--previous_18gb9_69",
   "date-navigation__control--next": "_date-navigation__control--next_18gb9_74",
   "date-navigation__day": "_date-navigation__day_18gb9_94",
   "date-navigation__month-day-break": "_date-navigation__month-day-break_18gb9_100"
 };
-function P({ weeks: a = [[], []], handleDateChanged: s = () => !0 }) {
+function $({ weeks: a = [[], []], handleDateChanged: s = () => !0 }) {
   const [i, b] = _(0), [p, k] = _(a[0]), [x, u] = _(a[0][0]), [N, v] = _("entering"), o = h(null), r = h(0), g = (t) => {
     b(t), v(() => t ? "exiting" : "entering");
   }, C = (t) => {
@@ -111,6 +110,6 @@ function P({ weeks: a = [[], []], handleDateChanged: s = () => !0 }) {
   ] });
 }
 export {
-  P as DateNavigation,
-  P as default
+  $ as DateNavigation,
+  $ as default
 };