@desynova-digital/components 9.3.21 → 9.3.23

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.
@@ -17,7 +17,7 @@ var _cardV = require("./cardV2");
17
17
  var _icon = _interopRequireDefault(require("../../atoms/icon"));
18
18
  var _tokens = require("@desynova-digital/tokens");
19
19
  var _statusV = _interopRequireDefault(require("../../../tokens/statusV2"));
20
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
20
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0;
21
21
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
22
22
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
23
23
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -31,18 +31,37 @@ var TitleStyles = (0, _styledComponents["default"])(function (props) {
31
31
  var isTitleClick = _ref.isTitleClick;
32
32
  return isTitleClick ? 'pointer' : 'default';
33
33
  });
34
- var ContentBody = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n"])));
35
- var ContentStyles = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n height: ", ";\n width: ", ";\n padding: ", ";\n background-color: ", ";\n border-radius: 0 0 10px 10px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n\n &.no-meta-row {\n ", "\n }\n\n &.no-meta-row .footer-row {\n margin-top: 10px;\n }\n\n .title-parent {\n position: relative;\n }\n\n .segment-indicator {\n position: relative;\n color: #fff;\n padding-left: 10px;\n &:before {\n display: inline-block;\n content: ' ';\n width: 6px;\n height: 6px;\n position: absolute;\n top: 2px;\n left: 0px;\n background: ", ";\n border-radius: 50%;\n }\n }\n .overlapping-container {\n justify-content: center;\n align-items: center;\n height: 11px;\n position: relative;\n .overlappig-popup-container {\n position: absolute;\n bottom: 100%;\n margin-right: 110px;\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.3s ease-out;\n padding-bottom: 10px;\n\n .overlappig-popup {\n font-family: SFUIText-Regular;\n background: #182738;\n box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);\n border-radius: 2px;\n padding: 12px;\n width: 300px;\n z-index: 10;\n\n .popup-pointer {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-bottom: 5px solid ", ";\n\n bottom: 5px;\n left: 66%;\n -webkit-transform: rotate(180deg);\n -ms-transform: translate(180deg);\n transform: translate(180deg);\n }\n\n .overlapping-episod-list-container {\n max-height: 165px;\n overflow: scroll;\n ::-webkit-scrollbar {\n display: none;\n }\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none;\n }\n\n .divider {\n height: 1px;\n width: 100%;\n margin: 10px 0;\n background: #303f51;\n }\n .header-container {\n display: flex;\n position: relative;\n .thumbnail {\n width: 100px;\n height: 55px;\n background-size: cover !important;\n background-repeat: no-repeat !important;\n margin-right: 10px;\n border-radius: 2px;\n }\n .episod-title {\n font-size: 12px;\n margin-bottom: 8px;\n max-width: 180px;\n line-height: 14px;\n color: #fff;\n }\n .episod-details {\n font-size: 10px;\n color: #afb2ba;\n }\n }\n\n .overlappig-popup-title {\n font-size: 12px;\n line-height: 12px;\n color: #afb2ba;\n margin-bottom: 15px;\n }\n }\n }\n\n :hover {\n .overlappig-popup-container {\n opacity: 1;\n pointer-events: all;\n }\n }\n p {\n font-size: 12px;\n margin-left: 5px;\n height: 12px;\n }\n }\n .meta-row {\n display: flex;\n align-items: center;\n margin-top: 6px;\n cursor: default;\n column-gap: 10px\n }\n .category-count {\n margin-top: 6px;\n color: #afb2ba;\n font-family: SFUIText-Regular;\n font-size: 10px;\n line-height: 12px;\n }\n .meta-badge {\n ", "\n font-size: 8px;\n line-height: 12px;\n padding: 1px 3px;\n border-radius: 4px;\n font-family: SFUIText-Regular;\n min-height: 12px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n .meta-text {\n color: ", ";\n font-family: SFUIText-Regular;\n font-size: 10px;\n font-style: normal;\n font-weight: 300;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .footer-row {\n display: flex;\n align-items: center;\n margin-top: 16px;\n column-gap: 12px;\n position: relative;\n cursor: default;\n }\n .meta-row + .footer-row {\n margin-top: 10px;\n }\n .footer-text {\n color: #afb2ba;\n font-family: SFUIText-Regular;\n font-size: 8px;\n line-height: 10px;\n margin-right: 0;\n }\n .footer-icons {\n margin-left: auto;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n .footer-icon {\n color: #afb2ba;\n font-family: SFUIText-Regular;\n font-size: 8px;\n line-height: 12px;\n display: inline-flex;\n align-items: center;\n }\n .footer-text-language {\n color: #afb2ba;\n font-family: SFUIText-Regular;\n font-size: 8px;\n line-height: 10px;\n margin-right: 0;\n text-transform: capitalize;\n }\n .chip-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 5px;\n margin-top: 10px;\n overflow: hidden;\n }\n .chip {\n display: flex;\n min-width: 0;\n padding: 4px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 3px;\n background: ", ";\n color: ", ";\n font-family: SFUIText-Regular;\n font-size: 8px;\n line-height: 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n text-transform: uppercase;\n white-space: nowrap;\n }\n"])), function (_ref2) {
36
- var type = _ref2.type,
37
- width = _ref2.width,
38
- match_details = _ref2.match_details;
34
+ var FolderNameRowStyles = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n gap: 6px;\n width: 100%;\n min-width: 0;\n margin-top: 4px;\n"])));
35
+ var FolderNameTextStyles = _styledComponents["default"].span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n display: inline-block;\n min-width: 0;\n flex: 1;\n color: ", ";\n font-family: SFUIText-Medium;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 12px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])), function (_ref2) {
36
+ var _colors$theme, _colors$theme$card;
37
+ var theme = _ref2.theme;
38
+ return ((_colors$theme = _tokens.colors[theme]) === null || _colors$theme === void 0 ? void 0 : (_colors$theme$card = _colors$theme.card) === null || _colors$theme$card === void 0 ? void 0 : _colors$theme$card.themeColor) || '#00cec6';
39
+ });
40
+ var FolderNameBadgeStyles = _styledComponents["default"].span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n padding: 3px 6px;\n border-radius: 4px;\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n text-align: center;\n font-family: 'SFUIText-Regular';\n font-size: 10px;\n line-height: 10px;\n font-style: normal;\n font-weight: 400;\n"])), function (_ref3) {
41
+ var _colors$theme2, _colors$theme2$card;
42
+ var theme = _ref3.theme;
43
+ return "".concat(((_colors$theme2 = _tokens.colors[theme]) === null || _colors$theme2 === void 0 ? void 0 : (_colors$theme2$card = _colors$theme2.card) === null || _colors$theme2$card === void 0 ? void 0 : _colors$theme2$card.themeColor) || '#00cec6', "1A");
44
+ }, function (_ref4) {
45
+ var _colors$theme3, _colors$theme3$card;
46
+ var theme = _ref4.theme;
47
+ return ((_colors$theme3 = _tokens.colors[theme]) === null || _colors$theme3 === void 0 ? void 0 : (_colors$theme3$card = _colors$theme3.card) === null || _colors$theme3$card === void 0 ? void 0 : _colors$theme3$card.themeColor) || '#00cec6';
48
+ }, function (_ref5) {
49
+ var _colors$theme4, _colors$theme4$card;
50
+ var theme = _ref5.theme;
51
+ return ((_colors$theme4 = _tokens.colors[theme]) === null || _colors$theme4 === void 0 ? void 0 : (_colors$theme4$card = _colors$theme4.card) === null || _colors$theme4$card === void 0 ? void 0 : _colors$theme4$card.themeColor) || '#00cec6';
52
+ });
53
+ var ContentBody = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n"])));
54
+ var ContentStyles = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n height: ", ";\n width: ", ";\n padding: ", ";\n background-color: ", ";\n border-radius: 0 0 10px 10px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n\n &.no-meta-row {\n ", "\n }\n\n &.no-meta-row .footer-row {\n margin-top: 10px;\n }\n\n .title-parent {\n position: relative;\n }\n\n .segment-indicator {\n position: relative;\n color: #fff;\n padding-left: 10px;\n &:before {\n display: inline-block;\n content: ' ';\n width: 6px;\n height: 6px;\n position: absolute;\n top: 2px;\n left: 0px;\n background: ", ";\n border-radius: 50%;\n }\n }\n .overlapping-container {\n justify-content: center;\n align-items: center;\n height: 11px;\n position: relative;\n .overlappig-popup-container {\n position: absolute;\n bottom: 100%;\n margin-right: 110px;\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.3s ease-out;\n padding-bottom: 10px;\n\n .overlappig-popup {\n font-family: SFUIText-Regular;\n background: #182738;\n box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);\n border-radius: 2px;\n padding: 12px;\n width: 300px;\n z-index: 10;\n\n .popup-pointer {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-bottom: 5px solid ", ";\n\n bottom: 5px;\n left: 66%;\n -webkit-transform: rotate(180deg);\n -ms-transform: translate(180deg);\n transform: translate(180deg);\n }\n\n .overlapping-episod-list-container {\n max-height: 165px;\n overflow: scroll;\n ::-webkit-scrollbar {\n display: none;\n }\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none;\n }\n\n .divider {\n height: 1px;\n width: 100%;\n margin: 10px 0;\n background: #303f51;\n }\n .header-container {\n display: flex;\n position: relative;\n .thumbnail {\n width: 100px;\n height: 55px;\n background-size: cover !important;\n background-repeat: no-repeat !important;\n margin-right: 10px;\n border-radius: 2px;\n }\n .episod-title {\n font-size: 12px;\n margin-bottom: 8px;\n max-width: 180px;\n line-height: 14px;\n color: #fff;\n }\n .episod-details {\n font-size: 10px;\n color: #afb2ba;\n }\n }\n\n .overlappig-popup-title {\n font-size: 12px;\n line-height: 12px;\n color: #afb2ba;\n margin-bottom: 15px;\n }\n }\n }\n\n :hover {\n .overlappig-popup-container {\n opacity: 1;\n pointer-events: all;\n }\n }\n p {\n font-size: 12px;\n margin-left: 5px;\n height: 12px;\n }\n }\n .meta-row {\n display: flex;\n align-items: center;\n margin-top: 6px;\n cursor: default;\n column-gap: 10px\n }\n .category-count {\n margin-top: 6px;\n color: #afb2ba;\n font-family: SFUIText-Regular;\n font-size: 10px;\n line-height: 12px;\n }\n .meta-badge {\n ", "\n font-size: 8px;\n line-height: 12px;\n padding: 1px 3px;\n border-radius: 4px;\n font-family: SFUIText-Regular;\n min-height: 12px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n .meta-text {\n color: ", ";\n font-family: SFUIText-Regular;\n font-size: 10px;\n font-style: normal;\n font-weight: 300;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .footer-row {\n display: flex;\n align-items: center;\n margin-top: 16px;\n column-gap: 12px;\n position: relative;\n cursor: default;\n }\n .meta-row + .footer-row {\n margin-top: 10px;\n }\n .footer-text {\n color: #afb2ba;\n font-family: SFUIText-Regular;\n font-size: 8px;\n line-height: 10px;\n margin-right: 0;\n }\n .footer-icons {\n margin-left: auto;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n .footer-icon {\n color: #afb2ba;\n font-family: SFUIText-Regular;\n font-size: 8px;\n line-height: 12px;\n display: inline-flex;\n align-items: center;\n }\n .footer-text-language {\n color: #afb2ba;\n font-family: SFUIText-Regular;\n font-size: 8px;\n line-height: 10px;\n margin-right: 0;\n text-transform: capitalize;\n }\n .chip-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 5px;\n margin-top: 10px;\n overflow: hidden;\n }\n .chip {\n display: flex;\n min-width: 0;\n padding: 4px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 3px;\n background: ", ";\n color: ", ";\n font-family: SFUIText-Regular;\n font-size: 8px;\n line-height: 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n text-transform: uppercase;\n white-space: nowrap;\n }\n"])), function (_ref6) {
55
+ var type = _ref6.type,
56
+ width = _ref6.width,
57
+ match_details = _ref6.match_details;
39
58
  return type === 'search' || width === 'sm' || (match_details === null || match_details === void 0 ? void 0 : match_details.available) === true ? 'auto' : width === 'md' ? '74px' : '90px';
40
- }, function (_ref3) {
41
- var width = _ref3.width;
59
+ }, function (_ref7) {
60
+ var width = _ref7.width;
42
61
  return width === 'sm' ? 'auto' : width === 'md' ? '125px' : '222px';
43
- }, function (_ref4) {
44
- var type = _ref4.type,
45
- width = _ref4.width;
62
+ }, function (_ref8) {
63
+ var type = _ref8.type,
64
+ width = _ref8.width;
46
65
  if (width === 'sm' && type === 'search') {
47
66
  return '0px 13px';
48
67
  }
@@ -50,34 +69,34 @@ var ContentStyles = _styledComponents["default"].div(_templateObject5 || (_templ
50
69
  return '13px 16px';
51
70
  }
52
71
  return '13px 15px';
53
- }, function (_ref5) {
54
- var bgColor = _ref5.bgColor,
55
- type = _ref5.type;
72
+ }, function (_ref9) {
73
+ var bgColor = _ref9.bgColor,
74
+ type = _ref9.type;
56
75
  return type === 'search' ? 'transparent' : bgColor === 'secondary' && type !== 'search' ? '#0C141D' : '#15212F';
57
- }, function (_ref6) {
58
- var type = _ref6.type,
59
- width = _ref6.width,
60
- match_details = _ref6.match_details;
76
+ }, function (_ref0) {
77
+ var type = _ref0.type,
78
+ width = _ref0.width,
79
+ match_details = _ref0.match_details;
61
80
  return type === 'search' || width === 'sm' || (match_details === null || match_details === void 0 ? void 0 : match_details.available) === true ? 'height: auto;' : width === 'md' ? 'height: 62px;' : '';
62
81
  }, function (props) {
63
82
  return _tokens.colors[props.theme].filter.rgbthemeColor;
64
83
  }, function (props) {
65
84
  return _tokens.colors[props.theme].card.themeColor;
66
- }, function (_ref7) {
67
- var upload_type = _ref7.upload_type;
85
+ }, function (_ref1) {
86
+ var upload_type = _ref1.upload_type;
68
87
  var isRC = (upload_type === null || upload_type === void 0 ? void 0 : upload_type.toLowerCase()) === 'rc';
69
88
  var color = isRC ? '#ff6327' : '#00CEC6';
70
89
  var bg = isRC ? 'rgba(255, 99, 39, 0.1)' : 'rgba(0, 206, 198, 0.1)';
71
- return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n border: 1px solid ", ";\n color: ", ";\n background-color: ", ";\n "])), color, color, bg);
72
- }, function (_ref8) {
73
- var upload_type = _ref8.upload_type;
90
+ return (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n border: 1px solid ", ";\n color: ", ";\n background-color: ", ";\n "])), color, color, bg);
91
+ }, function (_ref10) {
92
+ var upload_type = _ref10.upload_type;
74
93
  return upload_type && upload_type.toLowerCase() === 'rc' ? '#ff6327' : '#00CEC6';
75
94
  }, function (props) {
76
95
  return _tokens.colors[props.theme].tag.background;
77
96
  }, function (props) {
78
97
  return _tokens.colors[props.theme].card.themeColor;
79
98
  });
80
- var SeasonEpisodeContainer = _styledComponents["default"].span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n display: inline-flex;\n flex-shrink: 0;\n padding: 3px 4px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.12);\n border: 1px solid rgba(255, 255, 255, 0.08);\n color: #fff;\n text-align: center;\n font-family: 'SFUIText-Regular';\n font-size: 10px;\n line-height: 10px;\n font-style: normal;\n font-weight: 400;\n height: auto;\n width: auto;\n margin-left: 6px;\n box-sizing: border-box;\n span {\n padding: 0px 2px;\n }\n"])));
99
+ var SeasonEpisodeContainer = _styledComponents["default"].span(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["\n display: inline-flex;\n flex-shrink: 0;\n padding: 3px 4px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.12);\n border: 1px solid rgba(255, 255, 255, 0.08);\n color: #fff;\n text-align: center;\n font-family: 'SFUIText-Regular';\n font-size: 10px;\n line-height: 10px;\n font-style: normal;\n font-weight: 400;\n height: auto;\n width: auto;\n margin-left: 6px;\n box-sizing: border-box;\n span {\n padding: 0px 2px;\n }\n"])));
81
100
  var formatCreationDate = function formatCreationDate(creation) {
82
101
  if (creation === null || creation === undefined || creation === '') return '';
83
102
  var rawValue = String(creation).trim();
@@ -117,7 +136,11 @@ var ContentV2 = function ContentV2(props) {
117
136
  extension = props.extension,
118
137
  season_id = props.season_id,
119
138
  isAdobe = props.isAdobe,
120
- match_details = props.match_details;
139
+ match_details = props.match_details,
140
+ data_type = props.data_type,
141
+ name = props.name,
142
+ show_name = props.show_name;
143
+ var folderName = name || show_name;
121
144
  var shouldShowMatchFields = (match_details === null || match_details === void 0 ? void 0 : match_details.available) === true;
122
145
  var displayChips = shouldShowMatchFields ? ((match_details === null || match_details === void 0 ? void 0 : match_details.top_fields) || []).map(function (item) {
123
146
  return item === null || item === void 0 ? void 0 : item.field;
@@ -128,7 +151,7 @@ var ContentV2 = function ContentV2(props) {
128
151
  var normalizedEpisodeLabel = typeof episode_label === 'string' ? episode_label.trim() : episode_label;
129
152
  var hasSeasonNumber = season_no !== undefined && season_no !== null && String(season_no).trim() !== '';
130
153
  var hasEpisodeNumber = episode_no !== undefined && episode_no !== null && String(episode_no).trim() !== '';
131
- var resolvedEpisodeLabel = normalizedEpisodeLabel || (hasSeasonNumber && hasEpisodeNumber ? "S".concat(season_no, " E").concat(episode_no) : '');
154
+ var resolvedEpisodeLabel = normalizedEpisodeLabel || [hasSeasonNumber ? "S".concat(season_no) : '', hasEpisodeNumber ? "E".concat(episode_no) : ''].filter(Boolean).join(' ');
132
155
  var ICON_DIMENSION_MAP = {
133
156
  snp_edit: {
134
157
  width: 10,
@@ -229,7 +252,7 @@ var ContentV2 = function ContentV2(props) {
229
252
  }, /*#__PURE__*/_react["default"].createElement("span", {
230
253
  className: "title-text",
231
254
  title: title || h1
232
- }, title || h1), resolvedEpisodeLabel ? /*#__PURE__*/_react["default"].createElement(SeasonEpisodeContainer, null, resolvedEpisodeLabel) : null, show_page_id && asset_type !== 'sports' && !isAdobe ? /*#__PURE__*/_react["default"].createElement("span", {
255
+ }, title || h1), resolvedEpisodeLabel && data_type !== 'folder' ? /*#__PURE__*/_react["default"].createElement(SeasonEpisodeContainer, null, resolvedEpisodeLabel) : null, show_page_id && asset_type !== 'sports' && !isAdobe ? /*#__PURE__*/_react["default"].createElement("span", {
233
256
  title: "Open Page",
234
257
  className: "files-associated-icon",
235
258
  onMouseEnter: function onMouseEnter() {
@@ -243,7 +266,12 @@ var ContentV2 = function ContentV2(props) {
243
266
  width: 8,
244
267
  height: 8,
245
268
  color: isFilesIconHovered ? '#00CEC6' : '#AFB2BA'
246
- })) : null)), (resolvedEpisodeLabel || version_label || category_label || date_count_label || identifier_label || isSegment || extension || creation) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (version_label || category_label) && /*#__PURE__*/_react["default"].createElement("div", {
269
+ })) : null), data_type === 'folder' && (folderName === null || folderName === void 0 ? void 0 : folderName.length) > 0 ? /*#__PURE__*/_react["default"].createElement(FolderNameRowStyles, null, /*#__PURE__*/_react["default"].createElement(FolderNameTextStyles, {
270
+ theme: props.theme,
271
+ title: folderName
272
+ }, folderName), (resolvedEpisodeLabel === null || resolvedEpisodeLabel === void 0 ? void 0 : resolvedEpisodeLabel.length) > 0 && /*#__PURE__*/_react["default"].createElement(FolderNameBadgeStyles, {
273
+ theme: props.theme
274
+ }, resolvedEpisodeLabel)) : null), (resolvedEpisodeLabel || version_label || category_label || date_count_label || identifier_label || isSegment || extension || creation) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (version_label || category_label) && /*#__PURE__*/_react["default"].createElement("div", {
247
275
  className: "meta-row"
248
276
  }, version_label && /*#__PURE__*/_react["default"].createElement("span", {
249
277
  className: "meta-badge"
@@ -333,6 +361,8 @@ var ContentV2 = function ContentV2(props) {
333
361
  };
334
362
  ContentV2.propTypes = {
335
363
  title: _propTypes["default"].string,
364
+ name: _propTypes["default"].string,
365
+ show_name: _propTypes["default"].string,
336
366
  episode_label: _propTypes["default"].string,
337
367
  season_no: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
338
368
  episode_no: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
@@ -533,6 +533,27 @@
533
533
  "width": 18,
534
534
  "height": 16
535
535
  },
536
+ "cart": {
537
+ "paths": [
538
+ "M2.98463 12.6181C2.72981 12.3635 2.6024 12.0575 2.6024 11.7C2.6024 11.3425 2.72981 11.0365 2.98463 10.7819C3.23945 10.5273 3.54578 10.4 3.90361 10.4C4.26144 10.4 4.56776 10.5273 4.82258 10.7819C5.0774 11.0365 5.20481 11.3425 5.20481 11.7C5.20481 12.0575 5.0774 12.3635 4.82258 12.6181C4.56776 12.8727 4.26144 13 3.90361 13C3.54578 13 3.23945 12.8727 2.98463 12.6181ZM9.49064 12.6181C9.23582 12.3635 9.10842 12.0575 9.10842 11.7C9.10842 11.3425 9.23582 11.0365 9.49064 10.7819C9.74546 10.5273 10.0518 10.4 10.4096 10.4C10.7674 10.4 11.0738 10.5273 11.3286 10.7819C11.5834 11.0365 11.7108 11.3425 11.7108 11.7C11.7108 12.0575 11.5834 12.3635 11.3286 12.6181C11.0738 12.8727 10.7674 13 10.4096 13C10.0518 13 9.74546 12.8727 9.49064 12.6181ZM3.3506 2.6L4.91204 5.85H9.46625L11.2554 2.6H3.3506ZM2.73252 1.3H12.3289C12.5783 1.3 12.768 1.41104 12.8982 1.63312C13.0283 1.85521 13.0337 2.08 12.9144 2.3075L10.6048 6.4675C10.4855 6.68417 10.3256 6.85208 10.125 6.97125C9.92438 7.09042 9.7048 7.15 9.46625 7.15H4.61927L3.90361 8.45H11.7108V9.75H3.90361C3.41566 9.75 3.04698 9.53604 2.79758 9.10812C2.54819 8.68021 2.53734 8.255 2.76505 7.8325L3.64337 6.24L1.3012 1.3H0V0H2.11445L2.73252 1.3Z"
539
+ ],
540
+ "width": 13,
541
+ "height": 13
542
+ },
543
+ "remove-cart-item": {
544
+ "paths": [
545
+ "M6.33333 12L5.4 11.0667L7.76667 8.7L5.4 6.33333L6.33333 5.4L8.7 7.76667L11.0667 5.4L12 6.33333L9.63333 8.7L12 11.0667L11.0667 12L8.7 9.63333L6.33333 12ZM2.66667 12V10.6667H4V12H2.66667ZM1.33333 1.33333H0C0 0.966667 0.130556 0.652778 0.391667 0.391667C0.652778 0.130556 0.966667 0 1.33333 0V1.33333ZM2.66667 1.33333V0H4V1.33333H2.66667ZM5.33333 1.33333V0H6.66667V1.33333H5.33333ZM8 1.33333V0H9.33333V1.33333H8ZM10.6667 1.33333V0C11.0333 0 11.3472 0.130556 11.6083 0.391667C11.8694 0.652778 12 0.966667 12 1.33333H10.6667ZM1.33333 10.6667V12C0.966667 12 0.652778 11.8694 0.391667 11.6083C0.130556 11.3472 0 11.0333 0 10.6667H1.33333ZM0 9.33333V8H1.33333V9.33333H0ZM0 6.66667V5.33333H1.33333V6.66667H0ZM0 4V2.66667H1.33333V4H0ZM10.6667 4V2.66667H12V4H10.6667Z"
546
+ ],
547
+ "width": 12,
548
+ "height": 12
549
+ },
550
+ "remove-cart-all": {
551
+ "paths": [
552
+ "M10.7586 11.1724V9.51724H14.069V11.1724H10.7586ZM10.7586 4.55172V2.89655H16.5517V4.55172H10.7586ZM10.7586 7.86207V6.2069H15.7241V7.86207H10.7586ZM0.827586 2.89655H0V1.24138H3.31035V0H6.62069V1.24138H9.93104V2.89655H9.10345V10.3448C9.10345 10.8 8.94138 11.1897 8.61724 11.5138C8.2931 11.8379 7.90345 12 7.44828 12H2.48276C2.02759 12 1.63793 11.8379 1.31379 11.5138C0.989655 11.1897 0.827586 10.8 0.827586 10.3448V2.89655ZM2.48276 2.89655V10.3448H7.44828V2.89655H2.48276Z"
553
+ ],
554
+ "width": 16,
555
+ "height": 12
556
+ },
536
557
  "archive": {
537
558
  "paths": [
538
559
  "M9.744 1.239L8.972.306A.806.806 0 0 0 8.333 0H1.667a.826.826 0 0 0-.645.306l-.766.933A1.088 1.088 0 0 0 0 1.944V8.89C0 9.5.5 10 1.111 10H8.89C9.5 10 10 9.5 10 8.889V1.944c0-.266-.094-.516-.256-.705zM5 8.056L1.944 5H3.89V3.889H6.11V5h1.945L5 8.056zM1.178 1.11l.45-.555h6.666l.523.555h-7.64z"
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@desynova-digital/components",
3
- "version": "9.3.21",
3
+ "version": "9.3.23",
4
4
  "description": "Components for Desynova Digital",
5
5
  "main": "index.js",
6
6
  "author": "desynova-digital",
7
7
  "license": "MIT",
8
8
  "repository": "desynova-digital",
9
9
  "dependencies": {
10
- "@desynova-digital/tokens": "9.3.21",
10
+ "@desynova-digital/tokens": "9.3.23",
11
11
  "prop-types": "^15.7.2",
12
12
  "styled-components": "^4.3.2"
13
13
  },