@scrippsproduct/networks-ui-library 1.0.22 → 1.0.23-alpha.1

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

@@ -1,8 +1,14 @@
-export function ShowAboutLayout({ series, type, showUpcoming, nextAirdates, firstColumnWidth }: {
+export function ShowAboutLayout({ series, type, showUpcoming, nextAirdates, firstColumnWidth, socialShare }: {
     series: any;
     type?: string | undefined;
     showUpcoming?: boolean | undefined;
     nextAirdates?: never[] | undefined;
     firstColumnWidth?: string | undefined;
+    socialShare?: {
+        enabled: boolean;
+        url: string;
+        text: string;
+        longtext: string;
+    } | undefined;
 }): import("react/jsx-runtime").JSX.Element;
 export default ShowAboutLayout;

package/dist/components/ShowAboutLayout/ShowAboutLayout.js

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

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.22",
+  "version": "1.0.23-alpha.1",
   "name": "@scrippsproduct/networks-ui-library",
   "description": "React Component Library for use in Scripps Networks external applications",
   "author": {