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

package/dist/components/ScheduleList/schedule-list-items/SeriesItem.d.ts

@@ -1,8 +1,10 @@
-export function SeriesItem({ scheduleItem, styles, strListArr, handleClicks, determineCTA }: {
-    scheduleItem: any;
-    styles: any;
-    strListArr: any;
-    handleClicks: any;
-    determineCTA: any;
-}): import("react/jsx-runtime").JSX.Element;
+import { ScheduleItem, HandleClicksDetails, CTA } from '../../../types.d.ts';
+type SeriesItemProps = {
+    scheduleItem: ScheduleItem;
+    styles: Record<string, string>;
+    strListArr: (string | undefined)[];
+    handleClicks: (details: HandleClicksDetails) => boolean | void;
+    determineCTA: (scheduleItem: ScheduleItem) => CTA;
+};
+export declare function SeriesItem({ scheduleItem, styles, strListArr, handleClicks, determineCTA, }: SeriesItemProps): JSX.Element;
 export default SeriesItem;

package/dist/components/ScheduleList/schedule-list-items/SeriesItem.js

@@ -1,41 +1,57 @@
 import { jsx as r, jsxs as f } from "react/jsx-runtime";
-import "react";
 import { classes as l } from "../../../utils/helpers.js";
 import { determineProgramTitle as n } from "../../../utils/program-helpers.js";
 import { Concat as C } from "../../Concat/Concat.js";
-import { StringList as e } from "../../StringList/StringList.js";
-import { AirDateSegment as y } from "./AirDateSegment.js";
-import { ImageCard as $ } from "../../ImageCard/ImageCard.js";
-function N({ scheduleItem: i, styles: o, strListArr: a, handleClicks: p, determineCTA: m }) {
+import { StringList as y } from "../../StringList/StringList.js";
+import { AirDateSegment as e } from "./AirDateSegment.js";
+import { ImageCard as v } from "../../ImageCard/ImageCard.js";
+import { l as S } from "../../../logger-C0N7U0YY.mjs";
+S.setComponent("SeriesItem");
+function D({
+  scheduleItem: i,
+  styles: o,
+  strListArr: a,
+  handleClicks: p,
+  determineCTA: m
+}) {
   var t;
-  const s = i.episode_number ? `${i.episode_number}:` : "", g = i.program_synopsis !== null ? i.program_synopsis : "", _ = [
-    i.title_name.trim() !== n(i).trim() ? `<div>${s} ${i.title_name}</div>` : "",
-    i.program_synopsis !== null ? `<div>${g}</div>` : "",
-    /* @__PURE__ */ r(e, { list: a, separatorType: "pipe" })
+  const s = i.episode_number ? `${i.episode_number}:` : "", _ = i.program_synopsis !== null ? i.program_synopsis : "";
+  i.title_name && (i.title_name = i.title_name.trim());
+  const g = [
+    i.title_name !== n(i).trim() ? `<div>${s} ${i.title_name}</div>` : "",
+    i.program_synopsis !== null && i.program_synopsis !== void 0 ? `<div>${_}</div>` : "",
+    /* @__PURE__ */ r(y, { list: a, separatorType: "pipe" })
   ];
-  return /* @__PURE__ */ f("li", { className: l([o["schedule-list__item"], "schedule-list__item"]), children: [
-    /* @__PURE__ */ r(y, { scheduleItem: i, styles: o }),
-    /* @__PURE__ */ r(
-      $,
-      {
-        id: i.id,
-        image: {
-          url: ((t = i == null ? void 0 : i.content) == null ? void 0 : t.image) ?? "",
-          altText: "",
-          aspectRatio: 543 / 305
-        },
-        title: n(i),
-        content: /* @__PURE__ */ r(C, { list: _ }),
-        cta: m(i),
-        clampContentLines: !0,
-        numberOfLinesToClamp: 5,
-        displayInline: !0,
-        handleClicks: p
-      }
-    )
-  ] }, `schedule-list-${i.id}`);
+  return /* @__PURE__ */ f(
+    "li",
+    {
+      className: l([o["schedule-list__item"], "schedule-list__item"]),
+      children: [
+        /* @__PURE__ */ r(e, { scheduleItem: i, styles: o }),
+        /* @__PURE__ */ r(
+          v,
+          {
+            clampContentLines: !0,
+            displayInline: !0,
+            content: /* @__PURE__ */ r(C, { list: g }),
+            cta: m(i),
+            handleClicks: p,
+            id: i.id,
+            image: {
+              url: ((t = i == null ? void 0 : i.content) == null ? void 0 : t.image) ?? "",
+              altText: "",
+              aspectRatio: 543 / 305
+            },
+            numberOfLinesToClamp: 5,
+            title: n(i)
+          }
+        )
+      ]
+    },
+    `schedule-list-${i.id}`
+  );
 }
 export {
-  N as SeriesItem,
-  N as default
+  D as SeriesItem,
+  D as default
 };

package/dist/components/ScheduleList/schedule-list-items/SportsItem.d.ts

@@ -1,8 +1,10 @@
-export function SportsItem({ scheduleItem, styles, strListArr, handleClicks, determineCTA }: {
-    scheduleItem: any;
-    styles: any;
-    strListArr: any;
-    handleClicks: any;
-    determineCTA: any;
-}): import("react/jsx-runtime").JSX.Element;
+import { ScheduleItem, HandleClicksDetails, CTA } from '../../../types.d.ts';
+type SportsItemProps = {
+    scheduleItem: ScheduleItem;
+    styles: Record<string, string>;
+    strListArr: (string | undefined)[];
+    handleClicks: (details: HandleClicksDetails) => boolean | void;
+    determineCTA: (scheduleItem: ScheduleItem) => CTA;
+};
+export declare function SportsItem({ scheduleItem, styles, strListArr, handleClicks, determineCTA, }: SportsItemProps): JSX.Element;
 export default SportsItem;

package/dist/components/ScheduleList/schedule-list-items/SportsItem.js

@@ -1,39 +1,51 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import "react";
-import { classes as l } from "../../../utils/helpers.js";
-import { Concat as e } from "../../Concat/Concat.js";
-import { StringList as f } from "../../StringList/StringList.js";
-import { AirDateSegment as g } from "./AirDateSegment.js";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { classes as g } from "../../../utils/helpers.js";
+import { Concat as f } from "../../Concat/Concat.js";
+import { StringList as l } from "../../StringList/StringList.js";
+import { AirDateSegment as _ } from "./AirDateSegment.js";
 import { ImageCard as C } from "../../ImageCard/ImageCard.js";
-function j({ scheduleItem: i, styles: r, strListArr: a, handleClicks: n, determineCTA: p }) {
-  var o;
-  const m = [
-    `<div>${i.title_name}</div>`,
-    /* @__PURE__ */ t(f, { list: a, separatorType: "pipe" })
+function c({
+  scheduleItem: i,
+  styles: o,
+  strListArr: a,
+  handleClicks: n,
+  determineCTA: p
+}) {
+  var t;
+  const s = [
+    i.program_synopsis !== null && i.program_synopsis !== void 0 ? `<div>${i.program_synopsis}</div>` : "",
+    /* @__PURE__ */ r(l, { list: a, separatorType: "pipe" })
   ];
-  return /* @__PURE__ */ s("li", { className: l([r["schedule-list__item"], "schedule-list__item"]), children: [
-    /* @__PURE__ */ t(g, { scheduleItem: i, styles: r }),
-    /* @__PURE__ */ t(
-      C,
-      {
-        id: i.id,
-        image: {
-          url: ((o = i == null ? void 0 : i.content) == null ? void 0 : o.image) ?? "",
-          altText: "",
-          aspectRatio: 543 / 305
-        },
-        title: i.program,
-        content: /* @__PURE__ */ t(e, { list: m }),
-        cta: p(i),
-        clampContentLines: !0,
-        numberOfLinesToClamp: 5,
-        displayInline: !0,
-        handleClicks: n
-      }
-    )
-  ] }, `schedule-list-${i.id}`);
+  return /* @__PURE__ */ m(
+    "li",
+    {
+      className: g([o["schedule-list__item"], "schedule-list__item"]),
+      children: [
+        /* @__PURE__ */ r(_, { scheduleItem: i, styles: o }),
+        /* @__PURE__ */ r(
+          C,
+          {
+            clampContentLines: !0,
+            displayInline: !0,
+            content: /* @__PURE__ */ r(f, { list: s }),
+            cta: p(i),
+            handleClicks: n,
+            id: i.id,
+            image: {
+              url: ((t = i == null ? void 0 : i.content) == null ? void 0 : t.image) ?? "",
+              altText: "",
+              aspectRatio: 543 / 305
+            },
+            numberOfLinesToClamp: 5,
+            title: i.program
+          }
+        )
+      ]
+    },
+    `schedule-list-${i.id}`
+  );
 }
 export {
-  j as SportsItem,
-  j as default
+  c as SportsItem,
+  c as default
 };

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;