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

package/dist/components/SectionedContent/SectionedContent.d.ts

@@ -1,4 +1,12 @@
-export function SectionedContent({ sections }: {
-    sections?: never[] | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+type Section = {
+    header: {
+        type: 'primary' | 'secondary';
+        title: string;
+    };
+    content: string | JSX.Element;
+};
+type SectionedContentProps = {
+    sections?: Section[] | [];
+};
+export declare function SectionedContent({ sections }: SectionedContentProps): JSX.Element;
 export default SectionedContent;

package/dist/components/SectionedContent/SectionedContent.js

@@ -1,29 +1,28 @@
-import { jsx as t, jsxs as _ } from "react/jsx-runtime";
-import a from "react";
-import { p as h } from "../../index-VjANCDXC.mjs";
-import { classes as n } from "../../utils/helpers.js";
-import '../../assets/SectionedContent.css';const i = "_h2_16wib_6", l = "_h3_16wib_6", o = {
+import { jsx as t, jsxs as d, Fragment as s } from "react/jsx-runtime";
+import { p as a } from "../../index-VjANCDXC.mjs";
+import { classes as o } from "../../utils/helpers.js";
+import '../../assets/SectionedContent.css';const i = "_h2_16wib_6", l = "_h3_16wib_6", r = {
   "sectioned-content__content": "_sectioned-content__content_16wib_1",
   h2: i,
   h3: l
 };
-function u({ sections: c = [] }) {
-  const r = /* @__PURE__ */ new Map([
+function f({ sections: n = [] }) {
+  const c = /* @__PURE__ */ new Map([
     ["primary", {
-      open: `<h1 class="${n(["h2", o.h2])}">`,
+      open: `<h1 class="${o(["h2", r.h2])}">`,
       close: "</h1>"
     }],
     ["secondary", {
-      open: `<h2 class="${n(["h3", o.h3])}">`,
+      open: `<h2 class="${o(["h3", r.h3])}">`,
       close: "</h2>"
     }]
   ]);
-  return /* @__PURE__ */ t("sectioned-content", { children: c.length && c.map((e, s) => e.content !== "" ? /* @__PURE__ */ _(a.Fragment, { children: [
-    h(r.get(e.header.type).open + e.header.title + r.get(e.header.type).close),
-    /* @__PURE__ */ t("div", { className: n([o["sectioned-content__content"], "sectioned-content__content"]), children: typeof e.content == "string" ? h(e.content) : e.content })
-  ] }, `section-${e.title}-${s}`) : /* @__PURE__ */ t(a.Fragment, {}, `section--${s}`)) });
+  return n.length ? /* @__PURE__ */ t("sectioned-content", { children: n.length && n.map((e, h) => e.content !== void 0 && e.content !== "" && e.header !== void 0 ? /* @__PURE__ */ d(s, { children: [
+    a(c.get(e.header.type).open + e.header.title + c.get(e.header.type).close),
+    /* @__PURE__ */ t("div", { className: o([r["sectioned-content__content"], "sectioned-content__content"]), children: typeof e.content == "string" ? a(e.content) : e.content })
+  ] }, `section-${e.header.title}-${h}`) : /* @__PURE__ */ t(s, {}, `section--${h}`)) }) : /* @__PURE__ */ t("sectioned-content", {});
 }
 export {
-  u as SectionedContent,
-  u as default
+  f as SectionedContent,
+  f as default
 };

package/dist/components/SectionedContent/index.d.ts

@@ -1 +1,2 @@
-export { SectionedContent, SectionedContent as default } from './SectionedContent';
+export { SectionedContent } from './SectionedContent';
+export { SectionedContent as default } from './SectionedContent';

package/dist/components/Select/Select.d.ts

@@ -1,12 +1,16 @@
-export function Select({ name, label, helpText, multiple, options, width, initValue, showValidation, ...attributes }: {
-    [x: string]: any;
-    name: any;
-    label: any;
-    helpText: any;
-    multiple?: boolean | undefined;
-    options: any;
-    width: any;
-    initValue?: string | undefined;
-    showValidation?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+type SelectOption = {
+    label: string;
+    value: string | number;
+};
+type SelectProps = {
+    name: string;
+    label: string;
+    helpText?: string;
+    multiple?: boolean;
+    options: SelectOption[];
+    width: string;
+    initValue?: string;
+    showValidation?: boolean;
+} & React.SelectHTMLAttributes<HTMLSelectElement>;
+export declare function Select({ name, label, helpText, multiple, options, width, initValue, showValidation, ...attributes }: SelectProps): JSX.Element;
 export default Select;

package/dist/components/Select/Select.js

@@ -1,61 +1,61 @@
-import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { useState as c, useRef as j } from "react";
 import { s as e, C as k, A as x } from "../../Form.module-Cd8qH2rj.mjs";
 function B({
   name: i,
   label: _,
   helpText: v,
-  multiple: s = !1,
+  multiple: r = !1,
   options: N,
-  width: r,
+  width: s,
   initValue: b = "",
   showValidation: o = !0,
   ...C
 }) {
   var m, h, p;
-  const [g, y] = c(`${e["form-field__input"]}`), a = j(), [d, u] = c(""), [f, S] = c("clean"), V = `input-width--${r}`, $ = () => {
-    S("touched"), y(`${e["form-field__input"]} ${e["input--touched"]}`), a.current.checkValidity() ? u("") : u(a.current.validationMessage);
+  const [g, y] = c(`${e["form-field__input"]}`), l = j(null), [u, d] = c(""), [f, S] = c("clean"), V = `input-width--${s}`, $ = () => {
+    S("touched"), l.current && (y(`${e["form-field__input"]} ${e["input--touched"]}`), l.current.checkValidity() ? d("") : d(l.current.validationMessage));
   };
-  return /* @__PURE__ */ t("label", { htmlFor: i, className: [e["form-field"], e[V], e["form-field--select"]].join(" "), children: [
-    o && /* @__PURE__ */ t(
+  return /* @__PURE__ */ a("label", { className: [e["form-field"], e[V], e["form-field--select"]].join(" "), htmlFor: i, children: [
+    o && /* @__PURE__ */ a(
       "i",
       {
         className: [
           e["form-field__icon"],
-          (m = a.current) != null && m.validity.valid ? "" : e["form-field__icon--invalid"]
+          (m = l.current) != null && m.validity.valid ? "" : e["form-field__icon--invalid"]
         ].join(" "),
         children: [
-          ((h = a.current) == null ? void 0 : h.checkValidity()) && f === "touched" && /* @__PURE__ */ l(k, {}),
-          !((p = a.current) != null && p.checkValidity()) && f === "touched" && /* @__PURE__ */ l(x, {})
+          ((h = l.current) == null ? void 0 : h.checkValidity()) && f === "touched" && /* @__PURE__ */ t(k, {}),
+          !((p = l.current) != null && p.checkValidity()) && f === "touched" && /* @__PURE__ */ t(x, {})
         ]
       }
     ),
-    /* @__PURE__ */ t("span", { className: e["form-field__label"], children: [
+    /* @__PURE__ */ a("span", { className: e["form-field__label"], children: [
       _,
       " ",
-      /* @__PURE__ */ l("span", { className: e["form-field__label-help"], children: v })
+      /* @__PURE__ */ t("span", { className: e["form-field__label-help"], children: v })
     ] }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ a(
       "select",
       {
         className: g,
-        name: i,
+        defaultValue: b,
         id: i,
-        multiple: s,
+        multiple: r,
+        name: i,
+        ref: l,
         onBlur: () => {
           $();
         },
-        ref: a,
-        defaultValue: b,
         ...C,
         children: [
-          !s && Number.parseInt(r, 10) > 20 && /* @__PURE__ */ l("option", { value: "", children: "-- Select One --" }),
-          !s && Number.parseInt(r, 10) <= 20 && /* @__PURE__ */ l("option", { value: "" }),
-          N.map((n) => /* @__PURE__ */ l("option", { value: n.value, children: n.label }, `option-${n.value}`))
+          !r && Number.parseInt(s, 10) > 20 && /* @__PURE__ */ t("option", { value: "", children: "-- Select One --" }),
+          !r && Number.parseInt(s, 10) <= 20 && /* @__PURE__ */ t("option", { value: "" }),
+          N.map((n) => /* @__PURE__ */ t("option", { value: n.value, children: n.label }, `option-${n.value}`))
         ]
       }
     ),
-    d !== "" && o && /* @__PURE__ */ l("div", { className: e["form-field__error-message"], children: d })
+    u !== "" && o && /* @__PURE__ */ t("div", { className: e["form-field__error-message"], children: u })
   ] });
 }
 export {

package/dist/components/Select/index.d.ts

@@ -1 +1,2 @@
-export { Select, Select as default } from './Select';
+export { Select } from './Select';
+export { Select as default } from './Select';

package/dist/components/ShowAboutContent/ShowAboutContent.d.ts

@@ -1,14 +1,16 @@
-export function ShowAboutContent({ series, castStr, showUpcoming, type, nextAirDates, socialShare, }: {
-    series: any;
-    castStr: any;
-    showUpcoming: any;
-    type: any;
-    nextAirDates: any;
+import { Series } from '../../types';
+type ShowAboutContentProps = {
+    series: Series;
+    castStr: string;
+    showUpcoming: boolean;
+    type: 'series' | 'film' | 'unknown';
+    nextAirDates: Array<string>;
     socialShare?: {
         enabled: boolean;
         url: string;
         text: string;
         longtext: string;
-    } | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+    };
+};
+export declare function ShowAboutContent({ series, castStr, showUpcoming, type, nextAirDates, socialShare, }: ShowAboutContentProps): JSX.Element;
 export default ShowAboutContent;

package/dist/components/ShowAboutContent/ShowAboutContent.js

@@ -1,36 +1,35 @@
-import { jsxs as o, Fragment as d, jsx as n } from "react/jsx-runtime";
-import "react";
-import { p as i } from "../../index-VjANCDXC.mjs";
-import { classes as s } from "../../utils/helpers.js";
-import { SectionedContent as p } from "../SectionedContent/SectionedContent.js";
-import { GenericList as m } from "../GenericList/GenericList.js";
-import { SocialShareBlock as u } from "../SocialShareBlock/SocialShareBlock.js";
-import '../../assets/ShowAboutContent.css';const g = {
+import { jsxs as a, Fragment as d, jsx as n } from "react/jsx-runtime";
+import { p as l } from "../../index-VjANCDXC.mjs";
+import { classes as p } from "../../utils/helpers.js";
+import { SectionedContent as m } from "../SectionedContent/SectionedContent.js";
+import { GenericList as u } from "../GenericList/GenericList.js";
+import { SocialShareBlock as g } from "../SocialShareBlock/SocialShareBlock.js";
+import '../../assets/ShowAboutContent.css';const s = {
   "show-about-content__social-share": "_show-about-content__social-share_80z85_1"
 };
-function k({
+function v({
   series: t,
-  castStr: a,
-  showUpcoming: l,
+  castStr: e,
+  showUpcoming: i,
   type: r,
   nextAirDates: c,
-  socialShare: e = {
+  socialShare: o = {
     enabled: !1,
     url: "",
     text: "",
     longtext: ""
   }
 }) {
-  const h = () => c.length > 0 ? /* @__PURE__ */ o("div", { className: "upcoming-airings", children: [
+  const h = () => c.length > 0 ? /* @__PURE__ */ a("div", { className: "upcoming-airings", children: [
     /* @__PURE__ */ n("h3", { className: "h5", children: "Upcoming Airings" }),
-    /* @__PURE__ */ n(m, { list: c, classname: "upcoming-airings__list" })
-  ] }) : /* @__PURE__ */ o("div", { className: "upcoming-airings", children: [
+    /* @__PURE__ */ n(u, { classname: "upcoming-airings__list", list: c })
+  ] }) : /* @__PURE__ */ a("div", { className: "upcoming-airings", children: [
     /* @__PURE__ */ n("h3", { className: "h5", children: "Upcoming Airings" }),
-    /* @__PURE__ */ n("p", { children: r === "series" ? i(`This show doesn't have any episodes scheduled in the next two weeks. Please check back to see when it will be airing again.<br></br>Or you can view our <a href="/schedule" className="inline-anchor">full schedule</a> to see what shows are airing.`) : i(`This movie doesn't have any airings in the next two weeks. Please check back to see when it will be airing again.<br></br>Or you can view our <a href="/schedule" className="inline-anchor">full schedule</a> to see what shows are airing.`) })
+    /* @__PURE__ */ n("p", { children: r === "series" ? l(`This show doesn't have any episodes scheduled in the next two weeks. Please check back to see when it will be airing again.<br></br>Or you can view our <a href="/schedule" className="inline-anchor">full schedule</a> to see what shows are airing.`) : l(`This movie doesn't have any airings in the next two weeks. Please check back to see when it will be airing again.<br></br>Or you can view our <a href="/schedule" className="inline-anchor">full schedule</a> to see what shows are airing.`) })
   ] });
-  return /* @__PURE__ */ o(d, { children: [
+  return /* @__PURE__ */ a(d, { children: [
     /* @__PURE__ */ n(
-      p,
+      m,
       {
         sections: [
           {
@@ -38,14 +37,14 @@ function k({
               type: "primary",
               title: `About ${t.title}`
             },
-            content: t.series_synopsis
+            content: t != null && t.series_synopsis ? t == null ? void 0 : t.series_synopsis : ""
           },
           {
             header: {
               type: "secondary",
               title: "Starring"
             },
-            content: a === "" ? "" : `<p>${a}</p>`
+            content: e === "" ? "" : `<p>${e}</p>`
           },
           {
             header: {
@@ -71,18 +70,18 @@ function k({
         ]
       }
     ),
-    e.enabled && /* @__PURE__ */ n("div", { className: s([g["show-about-content__social-share"], "show-about-content__social-share"]), children: /* @__PURE__ */ n(
-      u,
+    o.enabled && /* @__PURE__ */ n("div", { className: p([s["show-about-content__social-share"], "show-about-content__social-share"]), children: /* @__PURE__ */ n(
+      g,
       {
-        url: e.url,
-        text: e.text,
-        longtext: e.longtext
+        longtext: o.longtext,
+        text: o.text,
+        url: o.url
       }
     ) }),
-    l && h()
+    i && h()
   ] });
 }
 export {
-  k as ShowAboutContent,
-  k as default
+  v as ShowAboutContent,
+  v as default
 };

package/dist/components/ShowAboutContent/index.d.ts

@@ -1 +1,2 @@
-export { ShowAboutContent, ShowAboutContent as default } from './ShowAboutContent';
+export { ShowAboutContent } from './ShowAboutContent';
+export { ShowAboutContent as default } from './ShowAboutContent';

package/dist/components/ShowAboutLayout/ShowAboutLayout.d.ts

@@ -1,14 +1,16 @@
-export function ShowAboutLayout({ series, type, showUpcoming, nextAirdates, firstColumnWidth, socialShare }: {
-    series: any;
-    type?: string | undefined;
-    showUpcoming?: boolean | undefined;
-    nextAirdates?: never[] | undefined;
-    firstColumnWidth?: string | undefined;
+import { Series } from '../../types';
+type ShowAboutLayoutProps = {
+    series: Series;
+    type?: 'series' | 'film' | 'unknown';
+    showUpcoming?: boolean;
+    nextAirdates?: Array<string>;
+    firstColumnWidth?: string;
     socialShare?: {
         enabled: boolean;
         url: string;
         text: string;
         longtext: string;
-    } | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+    };
+};
+export declare function ShowAboutLayout({ series, type, showUpcoming, nextAirdates, firstColumnWidth, socialShare, }: ShowAboutLayoutProps): JSX.Element;
 export default ShowAboutLayout;

package/dist/components/ShowAboutLayout/ShowAboutLayout.js

@@ -1,58 +1,107 @@
-import { jsx as a, Fragment as s, jsxs as y } from "react/jsx-runtime";
-import "react";
-import { getHoursMinsStr as k, classes as u } from "../../utils/helpers.js";
+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 T } from "../ImageCard/ImageCard.js";
-import { AdjustableTwoColumnGrid as h } from "../AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.js";
-import { ShowAboutContent as x } from "../ShowAboutContent/ShowAboutContent.js";
-import '../../assets/ShowAboutLayout.css';const i = {
-  "series-about-tab": "_series-about-tab_cekq9_1"
+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_1325e_1"
 };
 function F({
   series: t,
   type: n = "series",
   showUpcoming: p = !1,
-  nextAirdates: g = [],
-  firstColumnWidth: b = "33%",
-  socialShare: e = {
+  nextAirdates: i = [],
+  firstColumnWidth: g = "33%",
+  socialShare: b = {
     enabled: !1,
     url: "",
     text: "",
     longtext: ""
   }
 }) {
-  var m, l;
-  const d = t.cast.map((_) => _.real_name).join(", "), f = t != null && t.run_time ? k(t.run_time) : "", r = n === "series" ? ["TV Series", t.rating] : [t != null && t.year_released ? t == null ? void 0 : t.year_released : "Film", t.rating, f];
-  return console.log("social share in ShowAboutLayout: ", e), /* @__PURE__ */ a(s, { children: /* @__PURE__ */ y(h, { classname: u([i["series-about-tab"], "series-about-tab"]), firstColumnWidth: b, children: [
-    t.detailImage === null ? /* @__PURE__ */ a(c, { list: [
-      typeof t.genres == "string" ? t.genres : /* @__PURE__ */ a(o, { list: t.genres, separatorType: "comma", makeBlock: !0 }),
-      /* @__PURE__ */ a(o, { list: r, separatorType: "pipe", makeBlock: !0 })
-    ] }) : /* @__PURE__ */ a(
-      T,
-      {
-        image: {
-          url: (m = t.detailImage) == null ? void 0 : m.url,
-          aspectRatio: (l = t.detailImage) == null ? void 0 : l.aspectRatio
-        },
-        content: /* @__PURE__ */ a(c, { list: [
-          typeof t.genres == "string" ? t.genres : /* @__PURE__ */ a(o, { list: t.genres, separatorType: "comma", makeBlock: !0 }),
-          /* @__PURE__ */ a(o, { list: r, separatorType: "pipe", makeBlock: !0 })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ a("div", { className: u([i["series-about-tab__content"], "series-about-tab__content"]), children: /* @__PURE__ */ a(
-      x,
-      {
-        series: t,
-        showUpcoming: p,
-        castStr: d,
-        type: n,
-        nextAirDates: g,
-        socialShare: e
-      }
-    ) })
-  ] }) });
+  var r, m;
+  const d = t.cast ? t.cast.map((_) => _.real_name).join(", ") : "", f = t != null && t.run_time ? k(t.run_time) : "", e = n === "series" ? ["TV Series", t.rating] : [
+    t != null && t.year_released ? t == null ? void 0 : t.year_released : "Film",
+    t.rating,
+    f
+  ];
+  return /* @__PURE__ */ a(y, { children: /* @__PURE__ */ T(
+    s,
+    {
+      classname: l([u["series-about-tab"], "series-about-tab"]),
+      firstColumnWidth: g,
+      children: [
+        t.detailImage === null ? /* @__PURE__ */ a(
+          c,
+          {
+            list: [
+              typeof t.genres == "string" ? t.genres : /* @__PURE__ */ a(
+                o,
+                {
+                  makeBlock: !0,
+                  list: t.genres || [],
+                  separatorType: "comma"
+                }
+              ),
+              /* @__PURE__ */ a(
+                o,
+                {
+                  makeBlock: !0,
+                  list: e || [],
+                  separatorType: "pipe"
+                }
+              )
+            ]
+          }
+        ) : /* @__PURE__ */ a(
+          x,
+          {
+            content: /* @__PURE__ */ a(
+              c,
+              {
+                list: [
+                  typeof t.genres == "string" ? t.genres : /* @__PURE__ */ a(
+                    o,
+                    {
+                      makeBlock: !0,
+                      list: t.genres || [],
+                      separatorType: "comma"
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    o,
+                    {
+                      makeBlock: !0,
+                      list: e,
+                      separatorType: "pipe"
+                    }
+                  )
+                ]
+              }
+            ),
+            image: {
+              url: ((r = t.detailImage) == null ? void 0 : r.url) || "",
+              aspectRatio: ((m = t.detailImage) == null ? void 0 : m.aspectRatio) || 16 / 9,
+              altText: `Image for ${t.title}`
+            }
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: l([u["series-about-tab__content"], "series-about-tab__content"]), children: /* @__PURE__ */ a(
+          S,
+          {
+            castStr: d,
+            nextAirDates: i,
+            series: t,
+            showUpcoming: p,
+            socialShare: b,
+            type: n
+          }
+        ) })
+      ]
+    }
+  ) });
 }
 export {
   F as ShowAboutLayout,

package/dist/components/ShowAboutLayout/index.d.ts

@@ -1 +1,2 @@
-export { ShowAboutLayout, ShowAboutLayout as default } from './ShowAboutLayout';
+export { ShowAboutLayout } from './ShowAboutLayout';
+export { ShowAboutLayout as default } from './ShowAboutLayout';

package/dist/components/SocialLinks/SocialLinks.d.ts

@@ -1,11 +1,17 @@
-export function SocialLinks({ onClickHandler, size, showHeader, headerText, platforms }: {
-    onClickHandler?: (() => boolean) | undefined;
-    size?: number | undefined;
-    showHeader?: boolean | undefined;
-    headerText?: string | undefined;
-    platforms?: {
-        platform: string;
+import { Image } from '../../types';
+type SocialLinksProps = {
+    onClickHandler?: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => boolean;
+    size?: number;
+    showHeader?: boolean;
+    headerText?: string;
+    platforms?: Array<{
+        platform: 'facebook' | 'instagram' | 'linkedin' | 'youtube' | 'tiktok' | 'twitter' | string;
         url: string;
-    }[] | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+        svgAttrs?: {
+            [key: string]: string | number;
+        };
+        image?: Image;
+    }>;
+};
+export declare function SocialLinks({ onClickHandler, size, showHeader, headerText, platforms, }: SocialLinksProps): JSX.Element;
 export default SocialLinks;