@scrippsproduct/networks-ui-library 1.0.15

package/dist/components/CarouselSlide/slide-layouts/Show/ShowSlide.stories.js

@@ -0,0 +1,193 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { ShowSlide as s } from "./ShowSlide.js";
+const r = {
+  title: "Slide Layouts/Show Slide",
+  component: s,
+  tags: ["autodocs"],
+  decorators: [
+    (e) => /* @__PURE__ */ t(
+      "div",
+      {
+        style: {
+          width: "60%",
+          aspectRatio: 2.431034482758621,
+          border: "1px solid #000"
+        },
+        className: "slide",
+        inert: null,
+        children: /* @__PURE__ */ t(e, {})
+      }
+    )
+  ]
+}, l = (e) => /* @__PURE__ */ t(s, { ...e }), i = l.bind({});
+i.args = {
+  series: {
+    title: "MacGyver",
+    bannerImage: {
+      image: {
+        publicUrl: "https://placehold.co/1710x850",
+        sources: [
+          {
+            srcsets: ["https://placehold.co/3420x1700"],
+            media: "min-width: 2400px"
+          },
+          {
+            srcsets: [
+              "https://placehold.co/2400x1193",
+              "https://placehold.co/2400x1193 2x"
+            ],
+            media: "min-width: 1800px"
+          },
+          {
+            srcsets: [
+              "https://placehold.co/1800x895",
+              "https://placehold.co/2400x1193 2x"
+            ],
+            media: "min-width: 1500px"
+          },
+          {
+            srcsets: [
+              "https://placehold.co/1500x746",
+              "https://placehold.co/1800x895 2x",
+              "https://placehold.co/2400x1193 3x"
+            ],
+            media: "min-width: 1200px"
+          },
+          {
+            srcsets: [
+              "https://placehold.co/1200x596",
+              "https://placehold.co/1500x746 2x",
+              "https://placehold.co/1800x895 3x"
+            ],
+            media: "min-width: 900px"
+          },
+          {
+            srcsets: [
+              "https://placehold.co/900x447",
+              "https://placehold.co/1200x596 2x",
+              "https://placehold.co/1500x746 3x"
+            ],
+            media: "min-width: 600px"
+          },
+          {
+            srcsets: [
+              "https://placehold.co/600x298",
+              "https://placehold.co/900x447 2x",
+              "https://placehold.co/600x596 3x"
+            ],
+            media: "min-width: 300px"
+          },
+          {
+            srcsets: [
+              "https://placehold.co/300x149",
+              "https://placehold.co/600x298 2x",
+              "https://placehold.co/900x447 3x"
+            ],
+            media: "min-width: 1px"
+          }
+        ]
+      }
+    },
+    bannerMobileImage: {
+      image: {
+        publicUrl: "https://placehold.co/388x594"
+      }
+    },
+    logoImage: {
+      image: {
+        publicUrl: "https://placehold.co/300x100/aaa/fff.jpg?text=MacGyver&font=montserrat",
+        sizes: [
+          {
+            srcSets: [
+              {
+                src: "https://placehold.co/300x100/000/fff.png?text=MacGyver&font=montserrat"
+              }
+            ]
+          }
+        ]
+      }
+    },
+    slug: "macgyver",
+    seriesPrefix: "MGY",
+    preventDetailPage: !1
+  },
+  nextAirdate: "2022-10-07 10:00:00.001",
+  titlePosition: "left",
+  titleColor: "#fff",
+  fullSizeImagePosition: [50, 50],
+  mobileImagePosition: [50, 50],
+  lazyLoad: !0,
+  fetchPriority: "high",
+  hasSeriesPages: !0,
+  handleClicks: () => !0,
+  altText: "this is alt text",
+  SCHEDULE_ENDPOINT: "https://api.scrippscloud.com/scheduler/schedules/v2",
+  NETWORK: "ion"
+};
+const o = l.bind({});
+o.args = {
+  series: {
+    title: "NCIS",
+    bannerImage: {
+      image: {
+        publicUrl: "https://placehold.co/1710x850"
+      }
+    },
+    bannerMobileImage: {
+      image: {
+        publicUrl: "https://placehold.co/537x822"
+      }
+    },
+    slug: "ncis",
+    seriesPrefix: "NCS"
+  },
+  nextAirdate: null,
+  titlePosition: "left",
+  titleColor: "#fff",
+  fullSizeImagePosition: [50, 50],
+  mobileImagePosition: [50, 50],
+  lazyLoad: !0,
+  fetchPriority: "high",
+  hasSeriesPages: !0,
+  handleClicks: () => !0,
+  altText: "this is alt text",
+  SCHEDULE_ENDPOINT: "https://api.scrippscloud.com/scheduler/schedules/v2",
+  NETWORK: "ion"
+};
+const a = l.bind({});
+a.args = {
+  series: {
+    title: "NCIS",
+    bannerImage: {
+      image: {
+        publicUrl: "https://placehold.co/1710x850"
+      }
+    },
+    bannerMobileImage: {
+      image: {
+        publicUrl: "https://placehold.co/537x822"
+      }
+    },
+    slug: "ncis",
+    seriesPrefix: "NCS",
+    preventDetailPage: !0
+  },
+  titlePosition: "left",
+  titleColor: "#fff",
+  fullSizeImagePosition: [50, 50],
+  mobileImagePosition: [50, 50],
+  lazyLoad: !0,
+  fetchPriority: "high",
+  hasSeriesPages: !1,
+  handleClicks: () => !0,
+  altText: "this is alt text",
+  SCHEDULE_ENDPOINT: "https://api.scrippscloud.com/scheduler/schedules/v2",
+  NETWORK: "ion"
+};
+export {
+  i as Default,
+  o as FetchAirdate,
+  a as PreventDetailPage,
+  r as default
+};

package/dist/components/CarouselSlide/slide-layouts/Show/index.d.ts

@@ -0,0 +1 @@
+export { ShowSlide, ShowSlide as default } from './ShowSlide';

package/dist/components/CarouselSlide/slide-layouts/Show/index.js

@@ -0,0 +1,5 @@
+import { ShowSlide as S, ShowSlide as d } from "./ShowSlide.js";
+export {
+  S as ShowSlide,
+  d as default
+};

package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.d.ts

@@ -0,0 +1,7 @@
+export function TextSlide({ text, backgroundColor, textColor, fontSize }: {
+    text?: string | undefined;
+    backgroundColor?: string | undefined;
+    textColor?: string | undefined;
+    fontSize?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default TextSlide;

package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.js

@@ -0,0 +1,30 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { classes as r } from "../../../../utils/helpers.js";
+import '../../../../assets/TextSlide.css';const e = {
+  "text-slide": "_text-slide_1h4rx_1",
+  "text-slide__text": "_text-slide__text_1h4rx_9"
+};
+function c({
+  text: s = "",
+  backgroundColor: l = "#fff",
+  textColor: i = "#444",
+  fontSize: x = "2.4rem"
+}) {
+  return /* @__PURE__ */ t("div", { className: e["text-slide"], children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: r([e["text-slide__text"], "text-slide__text"]),
+      style: {
+        backgroundColor: l,
+        color: i,
+        fontSize: x
+      },
+      children: s
+    }
+  ) });
+}
+export {
+  c as TextSlide,
+  c as default
+};

package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.stories.d.ts

@@ -0,0 +1,19 @@
+import { default as TextSlide } from './TextSlide';
+declare namespace _default {
+    export let title: string;
+    export { TextSlide as component };
+    export let tags: string[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+}
+export default _default;
+export function Default(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Default {
+    namespace args {
+        let text: string;
+    }
+}
+export function Inverse(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Inverse {
+    let args_1: any;
+    export { args_1 as args };
+}

package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.stories.js

@@ -0,0 +1,35 @@
+import { jsx as e } from "react/jsx-runtime";
+import "react";
+import { TextSlide as o } from "./TextSlide.js";
+const n = {
+  title: "Slide Layouts/Text Slide",
+  component: o,
+  tags: ["autodocs"],
+  decorators: [
+    (t) => /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          width: "60%",
+          aspectRatio: "4/2",
+          border: "1px solid #000"
+        },
+        children: /* @__PURE__ */ e(t, {})
+      }
+    )
+  ]
+}, s = (t) => /* @__PURE__ */ e(o, { ...t }), i = s.bind({});
+i.args = {
+  text: "This is a Text Slide"
+};
+const r = s.bind({});
+r.args = {
+  ...i.args,
+  backgroundColor: "#000",
+  textColor: "#fff"
+};
+export {
+  i as Default,
+  r as Inverse,
+  n as default
+};

package/dist/components/CarouselSlide/slide-layouts/Text/index.d.ts

@@ -0,0 +1 @@
+export { TextSlide, TextSlide as default } from './TextSlide';

package/dist/components/CarouselSlide/slide-layouts/Text/index.js

@@ -0,0 +1,5 @@
+import { TextSlide as d, TextSlide as l } from "./TextSlide.js";
+export {
+  d as TextSlide,
+  l as default
+};

package/dist/components/CarouselSlide/slide-layouts/TwoColumn/TwoColumnSlide.d.ts

@@ -0,0 +1,5 @@
+export function TwoColumnSlide({ columnOneContent, columnTwoContent }: {
+    columnOneContent: any;
+    columnTwoContent: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default TwoColumnSlide;

package/dist/components/CarouselSlide/slide-layouts/TwoColumn/TwoColumnSlide.js

@@ -0,0 +1,17 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import "react";
+import { p as r } from "../../../../index-DB0QlRo7.mjs";
+import { classes as e } from "../../../../utils/helpers.js";
+import '../../../../assets/TwoColumnSlide.css';const m = {
+  "two-column-slide": "_two-column-slide_1p3kg_1"
+};
+function a({ columnOneContent: s, columnTwoContent: i }) {
+  return /* @__PURE__ */ l("div", { className: e([m["two-column-slide"], "two-column-slide"]), children: [
+    /* @__PURE__ */ o("column-one", { children: typeof s == "string" ? r(s) : s }),
+    /* @__PURE__ */ o("column-two", { children: typeof i == "string" ? r(i) : i })
+  ] });
+}
+export {
+  a as TwoColumnSlide,
+  a as default
+};

package/dist/components/CarouselSlide/slide-layouts/TwoColumn/TwoColumnSlide.stories.d.ts

@@ -0,0 +1,17 @@
+import { default as TwoColumnSlide } from './TwoColumnSlide';
+declare namespace _default {
+    export let title: string;
+    export { TwoColumnSlide as component };
+    export let tags: string[];
+    export let args: {};
+}
+export default _default;
+export function Generic(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Generic {
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export namespace args_1 {
+        let columnOneContent: import("react/jsx-runtime").JSX.Element;
+        let columnTwoContent: string;
+    }
+    export { args_1 as args };
+}

package/dist/components/CarouselSlide/slide-layouts/TwoColumn/TwoColumnSlide.stories.js

@@ -0,0 +1,49 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { TwoColumnSlide as e } from "./TwoColumnSlide.js";
+import { CtaBlock as n } from "../../../CtaBlock/CtaBlock.js";
+const c = {
+  title: "Slide Layouts/Two Column Slide",
+  component: e,
+  tags: ["autodocs"],
+  args: {}
+}, i = (o) => /* @__PURE__ */ t(e, { ...o }), l = i.bind({});
+l.decorators = [
+  (o) => /* @__PURE__ */ t(
+    "div",
+    {
+      style: {
+        width: "90%",
+        aspectRatio: 1710 / 850,
+        border: "1px solid #000",
+        backgroundColor: "#ddd"
+      },
+      className: "slide",
+      inert: null,
+      children: /* @__PURE__ */ t(o, {})
+    }
+  )
+];
+l.args = {
+  columnOneContent: /* @__PURE__ */ t(
+    n,
+    {
+      title: "ION Mystery",
+      content: "Television's most Binge-worthy thrillers, docuseries and originals",
+      cta: {
+        label: "",
+        href: "",
+        type: "external-link"
+      },
+      titleImageUrl: "https://iontelevision.com/static/global/ION-Mystery_Logo-Orange-White-in-template.png",
+      type: "external-link",
+      btnGradientStartColor: "#ff8b00",
+      btnGradientEndColor: "#fdbf0f"
+    }
+  ),
+  columnTwoContent: '<img src="https://placehold.co/547x303/444444/FFFFFF/JPG" />'
+};
+export {
+  l as Generic,
+  c as default
+};

package/dist/components/CarouselSlide/slide-layouts/TwoColumn/index.d.ts

@@ -0,0 +1 @@
+export { TwoColumnSlide, TwoColumnSlide as default } from './TwoColumnSlide';

package/dist/components/CarouselSlide/slide-layouts/TwoColumn/index.js

@@ -0,0 +1,5 @@
+import { TwoColumnSlide as e, TwoColumnSlide as d } from "./TwoColumnSlide.js";
+export {
+  e as TwoColumnSlide,
+  d as default
+};

package/dist/components/CarouselSlide/slide-layouts/Video/VideoSlide.d.ts

@@ -0,0 +1,2 @@
+export function VideoSlide(): import("react/jsx-runtime").JSX.Element;
+export default VideoSlide;

package/dist/components/CarouselSlide/slide-layouts/Video/VideoSlide.js

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useRef as l, useEffect as o } from "react";
+import { classes as d } from "../../../../utils/helpers.js";
+function f() {
+  const e = l(null), i = l(null);
+  return o(() => {
+    e.current !== null && i.current;
+  }, []), /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+    "div",
+    {
+      ref: e,
+      id: "video-player-",
+      className: d(["video-wrapper", "video-slide__video-wrapper"])
+    }
+  ) });
+}
+export {
+  f as VideoSlide,
+  f as default
+};

package/dist/components/CarouselSlide/slide-layouts/Video/index.d.ts

@@ -0,0 +1 @@
+export { VideoSlide, VideoSlide as default } from './VideoSlide';

package/dist/components/CarouselSlide/slide-layouts/Video/index.js

@@ -0,0 +1,5 @@
+import { VideoSlide as i, VideoSlide as o } from "./VideoSlide.js";
+export {
+  i as VideoSlide,
+  o as default
+};

package/dist/components/CarouselSlide/slide-layouts/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Empty } from './Empty';
+export { default as FigureSlide } from './Figure';
+export { default as ImageCardSlide } from './ImageCard';
+export { default as NetworkCalloutSlide } from './NetworkCallout';
+export { default as ShowSlide } from './Show';
+export { default as TextSlide } from './Text';
+export { default as TwoColumnSlide } from './TwoColumn';
+export { default as VideoSlide } from './Video';

package/dist/components/CarouselSlide/slide-layouts/index.js

@@ -0,0 +1,18 @@
+import { Empty as r } from "./Empty/Empty.js";
+import { FigureSlide as m } from "./Figure/Figure.js";
+import { ImageCardSlide as d } from "./ImageCard/ImageCard.js";
+import { NetworkCalloutSlide as p } from "./NetworkCallout/NetworkCalloutSlide.js";
+import { ShowSlide as f } from "./Show/ShowSlide.js";
+import { TextSlide as a } from "./Text/TextSlide.js";
+import { TwoColumnSlide as w } from "./TwoColumn/TwoColumnSlide.js";
+import { VideoSlide as g } from "./Video/VideoSlide.js";
+export {
+  r as Empty,
+  m as FigureSlide,
+  d as ImageCardSlide,
+  p as NetworkCalloutSlide,
+  f as ShowSlide,
+  a as TextSlide,
+  w as TwoColumnSlide,
+  g as VideoSlide
+};

package/dist/components/CastInfoLayout/CastInfoLayout.d.ts

@@ -0,0 +1,2 @@
+export function CastInfoLayout(props: any): import("react/jsx-runtime").JSX.Element;
+export default CastInfoLayout;

package/dist/components/CastInfoLayout/CastInfoLayout.js

@@ -0,0 +1,62 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useEffect as l } from "react";
+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 };
+  return l(() => {
+    const o = document.querySelector("tab-content");
+    o && window.scrollTo(0, o.offsetTop - 24);
+  }, []), /* @__PURE__ */ r(i, { children: [
+    /* @__PURE__ */ e(
+      s,
+      {
+        image: {
+          url: t.image.url,
+          aspectRatio: t.image.aspectRatio
+        }
+      }
+    ),
+    /* @__PURE__ */ e(
+      c,
+      {
+        sections: [
+          {
+            header: {
+              type: "primary",
+              title: t.real_name
+            },
+            content: /* @__PURE__ */ e(n, { list: [
+              `<div>${t.name}</div>`,
+              t.hometown && t.birthday ? `<strong>Hometown</strong> ${t.hometown} <span class="contact-info-pipe">|</span> <strong>Birthday</strong> ${t.birthday}` : ""
+            ] })
+          },
+          {
+            header: {
+              type: "secondary",
+              title: "Biography"
+            },
+            content: t.biography
+          },
+          {
+            header: {
+              type: "secondary",
+              title: "Follow"
+            },
+            content: t != null && t.facebookHandle || t != null && t.twitterHandle || t.instagramHandle ? /* @__PURE__ */ e(n, { list: [
+              t.facebookHandle ? `<span class="cast__follow-platform">Facebook: <a class="cast__follow-link" href="https://facebook.com/${t.facebookHandle}" target="_blank" rel="noreferrer">${t.facebookHandle}</a></span> ` : null,
+              t.twitterHandle ? `<span class="cast__follow-platform">Twitter: <a class="cast__follow-link" href="https://twitter.com/${t.twitterHandle}" target="_blank" rel="noreferrer">@${t.twitterHandle}</a></span>` : null,
+              t.instagramHandle ? `<span class="cast__follow-platform">Instagram: <a class="cast__follow-link" href="https://instagram.com/${t.instagramHandle}" target="_blank" rel="noreferrer">@${t.instagramHandle}</a></span>` : null
+            ] }) : ""
+          }
+        ]
+      }
+    )
+  ] });
+}
+export {
+  h as CastInfoLayout,
+  h as default
+};

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

@@ -0,0 +1 @@
+export { CastInfoLayout, CastInfoLayout as default } from './CastInfoLayout';

package/dist/components/CastInfoLayout/index.js

@@ -0,0 +1,5 @@
+import { CastInfoLayout as t, CastInfoLayout as f } from "./CastInfoLayout.js";
+export {
+  t as CastInfoLayout,
+  f as default
+};

package/dist/components/ChannelSearch/ChannelSearch.d.ts

@@ -0,0 +1,18 @@
+export function ChannelSearch({ network, baseApiUrl, authApiUrl, ct, allowZipcodeSearch, allowStateSearch, compactLayout, allowAutoScroll, autoScrollOffset, ad, }: {
+    network: any;
+    baseApiUrl: any;
+    authApiUrl: any;
+    ct: any;
+    allowZipcodeSearch?: boolean | undefined;
+    allowStateSearch?: boolean | undefined;
+    compactLayout?: boolean | undefined;
+    allowAutoScroll?: boolean | undefined;
+    autoScrollOffset?: number | undefined;
+    ad?: {
+        campaign: string;
+        source: string;
+        medium: string;
+        content: string;
+    } | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default ChannelSearch;