@scrippsproduct/networks-ui-library 1.0.23-alpha.1 → 1.0.23-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
export function ShowAboutContent({ series, castStr, showUpcoming, type, nextAirDates, }: {
|
|
1
|
+
export function ShowAboutContent({ series, castStr, showUpcoming, type, nextAirDates, socialShare, }: {
|
|
2
2
|
series: any;
|
|
3
3
|
castStr: any;
|
|
4
4
|
showUpcoming: any;
|
|
5
5
|
type: any;
|
|
6
6
|
nextAirDates: any;
|
|
7
|
+
socialShare?: {
|
|
8
|
+
enabled: boolean;
|
|
9
|
+
url: string;
|
|
10
|
+
text: string;
|
|
11
|
+
longtext: string;
|
|
12
|
+
} | undefined;
|
|
7
13
|
}): import("react/jsx-runtime").JSX.Element;
|
|
8
14
|
export default ShowAboutContent;
|
|
@@ -1,33 +1,40 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as o, Fragment as d, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { SectionedContent as
|
|
4
|
-
import { GenericList as
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
import { SectionedContent as p } from "../SectionedContent/SectionedContent.js";
|
|
4
|
+
import { GenericList as m } from "../GenericList/GenericList.js";
|
|
5
|
+
import { SocialShareBlock as u } from "../SocialShareBlock/SocialShareBlock.js";
|
|
6
|
+
import { p as i } from "../../index-B0ARwqly.mjs";
|
|
7
|
+
function x({
|
|
8
|
+
series: t,
|
|
8
9
|
castStr: a,
|
|
9
|
-
showUpcoming:
|
|
10
|
+
showUpcoming: l,
|
|
10
11
|
type: r,
|
|
11
|
-
nextAirDates:
|
|
12
|
+
nextAirDates: c,
|
|
13
|
+
socialShare: e = {
|
|
14
|
+
enabled: !1,
|
|
15
|
+
url: "",
|
|
16
|
+
text: "",
|
|
17
|
+
longtext: ""
|
|
18
|
+
}
|
|
12
19
|
}) {
|
|
13
|
-
const
|
|
14
|
-
/* @__PURE__ */
|
|
15
|
-
/* @__PURE__ */
|
|
16
|
-
] }) : /* @__PURE__ */
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
-
/* @__PURE__ */
|
|
20
|
+
const h = () => c.length > 0 ? /* @__PURE__ */ o("div", { className: "upcoming-airings", children: [
|
|
21
|
+
/* @__PURE__ */ n("h3", { className: "h5", children: "Upcoming Airings" }),
|
|
22
|
+
/* @__PURE__ */ n(m, { list: c, classname: "upcoming-airings__list" })
|
|
23
|
+
] }) : /* @__PURE__ */ o("div", { className: "upcoming-airings", children: [
|
|
24
|
+
/* @__PURE__ */ n("h3", { className: "h5", children: "Upcoming Airings" }),
|
|
25
|
+
/* @__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.`) })
|
|
19
26
|
] });
|
|
20
|
-
return /* @__PURE__ */
|
|
21
|
-
/* @__PURE__ */
|
|
22
|
-
|
|
27
|
+
return /* @__PURE__ */ o(d, { children: [
|
|
28
|
+
/* @__PURE__ */ n(
|
|
29
|
+
p,
|
|
23
30
|
{
|
|
24
31
|
sections: [
|
|
25
32
|
{
|
|
26
33
|
header: {
|
|
27
34
|
type: "primary",
|
|
28
|
-
title: `About ${
|
|
35
|
+
title: `About ${t.title}`
|
|
29
36
|
},
|
|
30
|
-
content:
|
|
37
|
+
content: t.series_synopsis
|
|
31
38
|
},
|
|
32
39
|
{
|
|
33
40
|
header: {
|
|
@@ -41,29 +48,37 @@ function y({
|
|
|
41
48
|
type: "secondary",
|
|
42
49
|
title: "Director"
|
|
43
50
|
},
|
|
44
|
-
content:
|
|
51
|
+
content: t != null && t.director ? `<p>${t == null ? void 0 : t.director}</p>` : ""
|
|
45
52
|
},
|
|
46
53
|
{
|
|
47
54
|
header: {
|
|
48
55
|
type: "secondary",
|
|
49
56
|
title: "Creators"
|
|
50
57
|
},
|
|
51
|
-
content:
|
|
58
|
+
content: t != null && t.creators ? `<p>${t == null ? void 0 : t.creators}</p>` : ""
|
|
52
59
|
},
|
|
53
60
|
{
|
|
54
61
|
header: {
|
|
55
62
|
type: "secondary",
|
|
56
63
|
title: "Public & Critical Acclaim"
|
|
57
64
|
},
|
|
58
|
-
content: (
|
|
65
|
+
content: (t == null ? void 0 : t.public_content) ?? ""
|
|
59
66
|
}
|
|
60
67
|
]
|
|
61
68
|
}
|
|
62
69
|
),
|
|
63
|
-
|
|
70
|
+
e.enabled && /* @__PURE__ */ n("div", { className: "show-about-content__social-share", children: /* @__PURE__ */ n(
|
|
71
|
+
u,
|
|
72
|
+
{
|
|
73
|
+
url: e.url,
|
|
74
|
+
text: e.text,
|
|
75
|
+
longtext: e.longtext
|
|
76
|
+
}
|
|
77
|
+
) }),
|
|
78
|
+
l && h()
|
|
64
79
|
] });
|
|
65
80
|
}
|
|
66
81
|
export {
|
|
67
|
-
|
|
68
|
-
|
|
82
|
+
x as ShowAboutContent,
|
|
83
|
+
x as default
|
|
69
84
|
};
|
|
@@ -1,71 +1,61 @@
|
|
|
1
|
-
import { jsx as a, Fragment as
|
|
1
|
+
import { jsx as a, Fragment as s, jsxs as k } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { ImageCard as
|
|
4
|
-
import { AdjustableTwoColumnGrid as
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { StringList as e } from "../StringList/StringList.js";
|
|
3
|
+
import { ImageCard as y } from "../ImageCard/ImageCard.js";
|
|
4
|
+
import { AdjustableTwoColumnGrid as T } from "../AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.js";
|
|
5
|
+
import { Concat as u } from "../Concat/Concat.js";
|
|
6
|
+
import { StringList as o } from "../StringList/StringList.js";
|
|
8
7
|
import { ShowAboutContent as h } from "../ShowAboutContent/ShowAboutContent.js";
|
|
9
|
-
import { getHoursMinsStr as
|
|
10
|
-
import '../../assets/ShowAboutLayout.css';const
|
|
8
|
+
import { getHoursMinsStr as x, classes as c } from "../../utils/helpers.js";
|
|
9
|
+
import '../../assets/ShowAboutLayout.css';const i = {
|
|
11
10
|
"series-about-tab": "_series-about-tab_cekq9_1",
|
|
12
11
|
"slide-up": "_slide-up_cekq9_1"
|
|
13
12
|
};
|
|
14
|
-
function
|
|
13
|
+
function q({
|
|
15
14
|
series: t,
|
|
16
|
-
type:
|
|
17
|
-
showUpcoming:
|
|
18
|
-
nextAirdates:
|
|
19
|
-
firstColumnWidth:
|
|
20
|
-
socialShare:
|
|
15
|
+
type: e = "series",
|
|
16
|
+
showUpcoming: p = !1,
|
|
17
|
+
nextAirdates: g = [],
|
|
18
|
+
firstColumnWidth: b = "33%",
|
|
19
|
+
socialShare: n = {
|
|
21
20
|
enabled: !1,
|
|
22
21
|
url: "",
|
|
23
22
|
text: "",
|
|
24
23
|
longtext: ""
|
|
25
24
|
}
|
|
26
25
|
}) {
|
|
27
|
-
var
|
|
28
|
-
const
|
|
29
|
-
return console.log("social share in ShowAboutLayout: ",
|
|
30
|
-
t.detailImage === null ? /* @__PURE__ */ a(
|
|
31
|
-
typeof t.genres == "string" ? t.genres : /* @__PURE__ */ a(
|
|
32
|
-
/* @__PURE__ */ a(
|
|
26
|
+
var l, m;
|
|
27
|
+
const d = t.cast.map((f) => f.real_name).join(", "), _ = t != null && t.run_time ? x(t.run_time) : "", r = e === "series" ? ["TV Series", t.rating] : [t != null && t.year_released ? t == null ? void 0 : t.year_released : "Film", t.rating, _];
|
|
28
|
+
return console.log("social share in ShowAboutLayout: ", n), /* @__PURE__ */ a(s, { children: /* @__PURE__ */ k(T, { classname: c([i["series-about-tab"], "series-about-tab"]), firstColumnWidth: b, children: [
|
|
29
|
+
t.detailImage === null ? /* @__PURE__ */ a(u, { list: [
|
|
30
|
+
typeof t.genres == "string" ? t.genres : /* @__PURE__ */ a(o, { list: t.genres, separatorType: "comma", makeBlock: !0 }),
|
|
31
|
+
/* @__PURE__ */ a(o, { list: r, separatorType: "pipe", makeBlock: !0 })
|
|
33
32
|
] }) : /* @__PURE__ */ a(
|
|
34
|
-
|
|
33
|
+
y,
|
|
35
34
|
{
|
|
36
35
|
image: {
|
|
37
|
-
url: (
|
|
38
|
-
aspectRatio: (
|
|
36
|
+
url: (l = t.detailImage) == null ? void 0 : l.url,
|
|
37
|
+
aspectRatio: (m = t.detailImage) == null ? void 0 : m.aspectRatio
|
|
39
38
|
},
|
|
40
|
-
content: /* @__PURE__ */ a(
|
|
41
|
-
typeof t.genres == "string" ? t.genres : /* @__PURE__ */ a(
|
|
42
|
-
/* @__PURE__ */ a(
|
|
39
|
+
content: /* @__PURE__ */ a(u, { list: [
|
|
40
|
+
typeof t.genres == "string" ? t.genres : /* @__PURE__ */ a(o, { list: t.genres, separatorType: "comma", makeBlock: !0 }),
|
|
41
|
+
/* @__PURE__ */ a(o, { list: r, separatorType: "pipe", makeBlock: !0 })
|
|
43
42
|
] })
|
|
44
43
|
}
|
|
45
44
|
),
|
|
46
|
-
/* @__PURE__ */
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
o.enabled && /* @__PURE__ */ a("div", { className: n([r["series-about-tab__social-share"], "series-about-tab__social-share"]), children: /* @__PURE__ */ a(
|
|
58
|
-
T,
|
|
59
|
-
{
|
|
60
|
-
url: o.url,
|
|
61
|
-
text: o.text,
|
|
62
|
-
longtext: o.longtext
|
|
63
|
-
}
|
|
64
|
-
) })
|
|
65
|
-
] })
|
|
45
|
+
/* @__PURE__ */ a("div", { className: c([i["series-about-tab__content"], "series-about-tab__content"]), children: /* @__PURE__ */ a(
|
|
46
|
+
h,
|
|
47
|
+
{
|
|
48
|
+
series: t,
|
|
49
|
+
showUpcoming: p,
|
|
50
|
+
castStr: d,
|
|
51
|
+
type: e,
|
|
52
|
+
nextAirDates: g,
|
|
53
|
+
socialShare: n
|
|
54
|
+
}
|
|
55
|
+
) })
|
|
66
56
|
] }) });
|
|
67
57
|
}
|
|
68
58
|
export {
|
|
69
|
-
|
|
70
|
-
|
|
59
|
+
q as ShowAboutLayout,
|
|
60
|
+
q as default
|
|
71
61
|
};
|
package/package.json
CHANGED