@desynova-digital/components 9.3.4 → 9.3.5
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.
- package/atoms/avatar/index.js +1 -2
- package/atoms/badge/index.js +1 -2
- package/atoms/button/button.js +1 -2
- package/atoms/card/index.js +1 -2
- package/atoms/cardStack/index.js +1 -2
- package/atoms/cardV2/cardV2.js +1 -2
- package/atoms/cardV2/content.js +1 -2
- package/atoms/cardV2/contentV2.js +1 -2
- package/atoms/cardV2/thumbnail.js +1 -2
- package/atoms/cardV2/thumbnailV2.js +54 -55
- package/atoms/cardV2/timeline.js +1 -2
- package/atoms/customSelect/customSelect.js +1 -2
- package/atoms/datePicker/datePicker.js +11 -12
- package/atoms/dateTime/dateTime.js +1 -1
- package/atoms/draftInputText/draftInputText.js +4 -5
- package/atoms/dropdown/dropdown.js +1 -2
- package/atoms/dropdownList/dropdownList.js +1 -2
- package/atoms/graphs/circleDonut/circleDonut.js +1 -2
- package/atoms/graphs/circleGraph/circleGraph.js +1 -2
- package/atoms/graphs/circleNested/circleNested.js +1 -2
- package/atoms/graphs/pieChart/pieChart.js +1 -2
- package/atoms/graphs/verticalBarGraph/verticalBarGraph.js +1 -2
- package/atoms/icon/index.js +1 -2
- package/atoms/inputText/inputText.js +1 -2
- package/atoms/loader/ShimmerComponent/Shimmer.js +1 -2
- package/atoms/loader/index.js +1 -2
- package/atoms/pageSearchCard/pageSearchCard.js +4 -5
- package/atoms/popup/popup.js +1 -2
- package/atoms/radio/index.js +1 -2
- package/atoms/sideBar/sidebar.js +1 -2
- package/atoms/tag/index.js +1 -2
- package/atoms/thematicBreak/index.js +1 -2
- package/atoms/timeCodeInput/timeCodeInput.js +1 -2
- package/atoms/timeCodeInput/timeCodeMSInput.js +1 -2
- package/atoms/timeCodeInput/timeCodeMainInput.js +1 -2
- package/atoms/timeCodeInput/timeCodeStandardInput.js +1 -2
- package/atoms/timer/timer.js +1 -2
- package/atoms/toast/toast.js +1 -2
- package/atoms/videoCard/index.js +1 -2
- package/components.js +1 -2
- package/molecules/filter/filter.js +1 -2
- package/molecules/graphDetailCard/graphDetailCard.js +1 -2
- package/molecules/pageHeader/index.js +1 -2
- package/molecules/richTextInput/RichTextInput.js +1 -2
- package/molecules/richTextInputV2/RichTextInputV2.js +1 -2
- package/molecules/table/table.js +9 -10
- package/molecules/videoPlayer/videoPlayer.js +6 -6
- package/package.json +2 -2
|
@@ -10,8 +10,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
12
12
|
var _templateObject, _templateObject2;
|
|
13
|
-
function
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
|
+
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); }
|
|
15
14
|
var shimmerAnimation = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n 0% {\n transform: translateX(-100%);\n } \n \n 100% {\n transform: translateX(100%);\n }\n"])));
|
|
16
15
|
var ShimmerContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n position: relative;\n background-color: linear-gradient(\n 85deg,\n rgba(48, 63, 81, 0.5) 0%,\n rgba(48, 63, 81, 0.24) 50.76%,\n rgba(48, 63, 81, 0.11) 68.68%,\n rgba(48, 63, 81, 0) 100%\n );\n width: ", ";\n height: ", ";\n border-radius: ", ";\n overflow: hidden;\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.11);\n &::after {\n display: block;\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n transform: translateX(-100%);\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);\n animation: ", " 1s infinite;\n }\n"])), function (props) {
|
|
17
16
|
return props.width;
|
package/atoms/loader/index.js
CHANGED
|
@@ -12,6 +12,5 @@ Object.defineProperty(exports, "StyledLoader", {
|
|
|
12
12
|
});
|
|
13
13
|
exports["default"] = void 0;
|
|
14
14
|
var _loader = _interopRequireWildcard(require("./loader"));
|
|
15
|
-
function
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
15
|
+
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); }
|
|
17
16
|
var _default = exports["default"] = _loader["default"];
|
|
@@ -13,9 +13,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
13
13
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
14
14
|
var _tokens = require("@desynova-digital/tokens");
|
|
15
15
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
16
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
17
|
-
function
|
|
18
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
16
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0;
|
|
17
|
+
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); }
|
|
19
18
|
var getSearchAccent = function getSearchAccent(theme) {
|
|
20
19
|
var _colors$theme, _colors$theme$searchH, _colors$dark, _colors$dark$searchHe;
|
|
21
20
|
return ((_colors$theme = _tokens.colors[theme]) === null || _colors$theme === void 0 ? void 0 : (_colors$theme$searchH = _colors$theme.searchHeader) === null || _colors$theme$searchH === void 0 ? void 0 : _colors$theme$searchH.mainColor) || ((_colors$dark = _tokens.colors.dark) === null || _colors$dark === void 0 ? void 0 : (_colors$dark$searchHe = _colors$dark.searchHeader) === null || _colors$dark$searchHe === void 0 ? void 0 : _colors$dark$searchHe.mainColor);
|
|
@@ -47,7 +46,7 @@ var Title = _styledComponents["default"].button(_templateObject7 || (_templateOb
|
|
|
47
46
|
var theme = _ref5.theme;
|
|
48
47
|
return getSearchAccent(theme);
|
|
49
48
|
});
|
|
50
|
-
var OpenPageButton = _styledComponents["default"].button(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n position: absolute;\n top: 50%;\n right: 0;\n z-index: 3;\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n width: 36px;\n height: 36px;\n padding:
|
|
49
|
+
var OpenPageButton = _styledComponents["default"].button(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n position: absolute;\n top: 50%;\n right: 0;\n z-index: 3;\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n width: 36px;\n height: 36px;\n padding: 8px 10px;\n overflow: hidden;\n border: 0;\n border-radius: 999px;\n background: ", ";\n color: #0c141d;\n font-family: 'SFUIText-Medium';\n font-size: 13px;\n font-weight: 600;\n white-space: nowrap;\n cursor: pointer;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transform: translateY(-50%) scale(0.88);\n transform-origin: right center;\n transition: width 260ms cubic-bezier(0.16, 1, 0.3, 1),\n opacity 180ms ease,\n transform 220ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 180ms ease;\n\n &:hover,\n &:focus-visible {\n width: auto;\n box-shadow: 0 6px 18px\n ", ";\n outline: none;\n }\n\n &:hover .open-page-label,\n &:focus-visible .open-page-label {\n max-width: 76px;\n opacity: 1;\n transform: translateX(0);\n }\n"])), function (_ref6) {
|
|
51
50
|
var theme = _ref6.theme;
|
|
52
51
|
return getSearchAccent(theme);
|
|
53
52
|
}, function (_ref7) {
|
|
@@ -55,7 +54,7 @@ var OpenPageButton = _styledComponents["default"].button(_templateObject8 || (_t
|
|
|
55
54
|
return "".concat(getSearchAccent(theme), "4d");
|
|
56
55
|
});
|
|
57
56
|
var OpenPageLabel = _styledComponents["default"].span(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n max-width: 0;\n overflow: hidden;\n opacity: 0;\n transform: translateX(8px);\n transition: max-width 260ms cubic-bezier(0.16, 1, 0.3, 1),\n opacity 160ms ease 50ms,\n transform 220ms cubic-bezier(0.16, 1, 0.3, 1);\n"])));
|
|
58
|
-
var Subtitle = _styledComponents["default"].p(
|
|
57
|
+
var Subtitle = _styledComponents["default"].p(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["\n margin: 2px 0 0;\n color: #5b7088;\n font-family: 'SFUIText-Medium';\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 15px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])));
|
|
59
58
|
var PageSearchCard = function PageSearchCard(_ref8) {
|
|
60
59
|
var thumbnail = _ref8.thumbnail,
|
|
61
60
|
show_name = _ref8.show_name,
|
package/atoms/popup/popup.js
CHANGED
|
@@ -19,8 +19,7 @@ var _button = _interopRequireDefault(require("../button"));
|
|
|
19
19
|
var _tokens = require("@desynova-digital/tokens");
|
|
20
20
|
var _loader = _interopRequireDefault(require("../../atoms/loader"));
|
|
21
21
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5; // import {colors} from '../../../tokens'
|
|
22
|
-
function
|
|
23
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
22
|
+
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); }
|
|
24
23
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
25
24
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
26
25
|
var propTypes = {
|
package/atoms/radio/index.js
CHANGED
|
@@ -18,6 +18,5 @@ Object.defineProperty(exports, "StyledRadioOption", {
|
|
|
18
18
|
});
|
|
19
19
|
exports["default"] = void 0;
|
|
20
20
|
var _radio = _interopRequireWildcard(require("./radio"));
|
|
21
|
-
function
|
|
22
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
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); }
|
|
23
22
|
var _default = exports["default"] = _radio["default"];
|
package/atoms/sideBar/sidebar.js
CHANGED
|
@@ -20,8 +20,7 @@ var _index = _interopRequireDefault(require("../button/index"));
|
|
|
20
20
|
var _components = require("../../components");
|
|
21
21
|
var _tokens = require("@desynova-digital/tokens");
|
|
22
22
|
var _templateObject, _templateObject2, _templateObject3;
|
|
23
|
-
function
|
|
24
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
23
|
+
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); }
|
|
25
24
|
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; }
|
|
26
25
|
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; }
|
|
27
26
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
package/atoms/tag/index.js
CHANGED
|
@@ -12,6 +12,5 @@ Object.defineProperty(exports, "StyledTag", {
|
|
|
12
12
|
});
|
|
13
13
|
exports["default"] = void 0;
|
|
14
14
|
var _tag = _interopRequireWildcard(require("./tag"));
|
|
15
|
-
function
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
15
|
+
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); }
|
|
17
16
|
var _default = exports["default"] = _tag["default"];
|
|
@@ -12,6 +12,5 @@ Object.defineProperty(exports, "StyledBreak", {
|
|
|
12
12
|
});
|
|
13
13
|
exports["default"] = void 0;
|
|
14
14
|
var _thematicBreak = _interopRequireWildcard(require("./thematicBreak"));
|
|
15
|
-
function
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
15
|
+
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); }
|
|
17
16
|
var _default = exports["default"] = _thematicBreak["default"];
|
|
@@ -14,8 +14,7 @@ var _timeCodeStandardInput = _interopRequireDefault(require("./timeCodeStandardI
|
|
|
14
14
|
var _timeCodeMSInput = _interopRequireDefault(require("./timeCodeMSInput"));
|
|
15
15
|
var _timeCodeMainInput = _interopRequireDefault(require("./timeCodeMainInput"));
|
|
16
16
|
var _excluded = ["timeCodeFormatType"];
|
|
17
|
-
function
|
|
18
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
+
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); }
|
|
19
18
|
var TimeCodeInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
20
19
|
var _ref$timeCodeFormatTy = _ref.timeCodeFormatType,
|
|
21
20
|
timeCodeFormatType = _ref$timeCodeFormatTy === void 0 ? "HH:MM:SS:FF" : _ref$timeCodeFormatTy,
|
|
@@ -15,8 +15,7 @@ var _tokens = require("@desynova-digital/tokens");
|
|
|
15
15
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
16
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
17
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
18
|
-
function
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
18
|
+
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); }
|
|
20
19
|
var StyledInput = _styledComponents["default"].input(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n font-family: SFUIText-Regular;\n font-size: 12px;\n /* color: ", "; */\n color: ", ";\n text-align: left;\n padding: 0;\n border: none;\n outline: none;\n background: transparent;\n &:hover {\n color: ", ";\n }\n max-width: 79px;\n /* width: ", "; */\n border-bottom: ", ";\n padding-bottom: 1px;\n"])), function (props) {
|
|
21
20
|
return props.isValid ? "#FFFFFF" : props.errorStatement.length > 0 || props.checkBaiscErrorProp ? "#FF6C56" : "#FFFFFF";
|
|
22
21
|
}, function (props) {
|
|
@@ -15,8 +15,7 @@ var _tokens = require("@desynova-digital/tokens");
|
|
|
15
15
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
16
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
17
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
18
|
-
function
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
18
|
+
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); }
|
|
20
19
|
var StyledInput = _styledComponents["default"].input(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n font-family: SFUIText-Regular;\n font-size: 12px;\n /* color: ", "; */\n color: ", ";\n text-align: left;\n padding: 0;\n border: none;\n outline: none;\n background: transparent;\n &:hover {\n color: ", ";\n }\n /* width: ", "; */\n max-width: 73px;\n border-bottom: ", ";\n padding-bottom: 1px;\n"])), function (props) {
|
|
21
20
|
return props.isError ? "#FFFFFF" : props.errorStatement.length > 0 || props.checkBaiscErrorProp ? "#FF6C56" : "#FFFFFF";
|
|
22
21
|
}, function (props) {
|
|
@@ -15,8 +15,7 @@ var _tokens = require("@desynova-digital/tokens");
|
|
|
15
15
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
16
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
17
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
18
|
-
function
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
18
|
+
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); }
|
|
20
19
|
var StyledInput = _styledComponents["default"].input(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n font-family: SFUIText-Regular;\n font-size: 12px;\n /* color: ", "; */\n color: ", ";\n text-align: left;\n padding: 0;\n border: none;\n outline: none;\n background: transparent;\n &:hover {\n color: ", ";\n }\n /* width: ", "; */\n max-width: 53px;\nborder-bottom: ", ";\n padding-bottom: 1px;\n"])), function (props) {
|
|
21
20
|
return props.isError ? "#FFFFFF" : props.errorStatement.length > 0 || props.checkBaiscErrorProp ? "#FF6C56" : "#FFFFFF";
|
|
22
21
|
}, function (props) {
|
package/atoms/timer/timer.js
CHANGED
|
@@ -18,8 +18,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
18
18
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
19
19
|
var _tokens = require("@desynova-digital/tokens");
|
|
20
20
|
var _templateObject;
|
|
21
|
-
function
|
|
22
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
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); }
|
|
23
22
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
24
23
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
25
24
|
// import {colors} from '../../../tokens';
|
package/atoms/toast/toast.js
CHANGED
|
@@ -18,8 +18,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
18
18
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
19
19
|
var _tokens = require("../../../tokens");
|
|
20
20
|
var _templateObject, _templateObject2;
|
|
21
|
-
function
|
|
22
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
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); }
|
|
23
22
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
24
23
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
25
24
|
var propTypes = {
|
package/atoms/videoCard/index.js
CHANGED
|
@@ -12,6 +12,5 @@ Object.defineProperty(exports, "StyledCard", {
|
|
|
12
12
|
});
|
|
13
13
|
exports["default"] = void 0;
|
|
14
14
|
var _videoCard = _interopRequireWildcard(require("./videoCard"));
|
|
15
|
-
function
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
15
|
+
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); }
|
|
17
16
|
var _default = exports["default"] = _videoCard["default"];
|
package/components.js
CHANGED
|
@@ -432,5 +432,4 @@ var _timeCodeInput = _interopRequireDefault(require("./atoms/timeCodeInput/timeC
|
|
|
432
432
|
var _timeCodeDisplay = _interopRequireDefault(require("./atoms/timeCodeDisplay/timeCodeDisplay"));
|
|
433
433
|
var _richTextInput = _interopRequireDefault(require("./molecules/richTextInput"));
|
|
434
434
|
var _richTextInputV = _interopRequireDefault(require("./molecules/richTextInputV2"));
|
|
435
|
-
function
|
|
436
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
435
|
+
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); }
|
|
@@ -25,8 +25,7 @@ var _tag = _interopRequireDefault(require("../../atoms/tag"));
|
|
|
25
25
|
var _icon = _interopRequireDefault(require("../../atoms/icon"));
|
|
26
26
|
var _constants = require("./constants");
|
|
27
27
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
28
|
-
function
|
|
29
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
28
|
+
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); }
|
|
30
29
|
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; }
|
|
31
30
|
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; }
|
|
32
31
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
@@ -22,8 +22,7 @@ var _verticalBarGraph = _interopRequireDefault(require("../../atoms/graphs/verti
|
|
|
22
22
|
var _circleDonut = _interopRequireDefault(require("../../atoms/graphs/circleDonut"));
|
|
23
23
|
var _circleNested = _interopRequireDefault(require("../../atoms/graphs/circleNested"));
|
|
24
24
|
var _templateObject, _templateObject2;
|
|
25
|
-
function
|
|
26
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
25
|
+
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); }
|
|
27
26
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
28
27
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
29
28
|
var propTypes = {};
|
|
@@ -12,6 +12,5 @@ Object.defineProperty(exports, "StyledPageHeader", {
|
|
|
12
12
|
});
|
|
13
13
|
exports["default"] = void 0;
|
|
14
14
|
var _pageHeader = _interopRequireWildcard(require("./pageHeader"));
|
|
15
|
-
function
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
15
|
+
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); }
|
|
17
16
|
var _default = exports["default"] = _pageHeader["default"];
|
|
@@ -20,8 +20,7 @@ var _quillDelta = _interopRequireDefault(require("quill-delta"));
|
|
|
20
20
|
var _utils = require("../../_helpers/utils");
|
|
21
21
|
var _excluded = ["maxLength", "defaultValue", "label", "showLengthCount", "errorMessage", "value", "autoFocus", "onChange", "handleSave", "editType"];
|
|
22
22
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
23
|
-
function
|
|
24
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
23
|
+
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); }
|
|
25
24
|
var RichTextInputDiv = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n i,\n em {\n font-style: italic;\n }\n strong {\n font-weight: bold;\n }\n .quill-editor-content {\n white-space: pre-wrap; /* Preserve whitespace and line breaks */\n }\n background: transparent;\n font-family: \"SFUIText-Medium\";\n position: relative;\n width: 92%;\n margin-bottom: 10px;\n margin-top: 10px;\n display: block;\n .ql-container.ql-snow {\n border: none;\n position: relative;\n }\n .ql-editor {\n padding: 0;\n }\n\n > label {\n color: #999999;\n font-size: 14px;\n font-family: inherit;\n position: absolute;\n pointer-events: none;\n left: 0px;\n top: 5px;\n transition: 0.2s ease all;\n -moz-transition: 0.2s ease all;\n -webkit-transition: 0.2s ease all;\n }\n > div:focus ~ label {\n top: -10px;\n left: 0px;\n font-size: 10px;\n color: #999999;\n text-transform: capitalize;\n }\n > div ~ label.floaton {\n top: -10px;\n left: 0px;\n font-size: 10px;\n color: #999999;\n text-transform: capitalize;\n }\n"])));
|
|
26
25
|
var CountWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n position: absolute;\n right: 0px;\n top: 0px;\n background-color: #303f51;\n border-radius: 12px;\n font-size: 12px;\n padding: 5px 10px;\n color: #ffffff;\n"])));
|
|
27
26
|
var RichTextInputError = _styledComponents["default"].span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n color: ", ";\n padding-top: 5px;\n display: inline-block;\n font-size: 12px;\n font-family: inherit;\n width: 100%;\n text-align: left;\n"])), function (props) {
|
|
@@ -20,8 +20,7 @@ var _quillDelta = _interopRequireDefault(require("quill-delta"));
|
|
|
20
20
|
var _utils = require("../../_helpers/utils");
|
|
21
21
|
var _excluded = ["maxLength", "defaultValue", "label", "showLengthCount", "errorMessage", "value", "autoFocus", "onChange", "handleSave", "editType", "hideBorder", "type", "onBlur", "placeholder", "isUpdateCase", "isDisabled"];
|
|
22
22
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
23
|
-
function
|
|
24
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
23
|
+
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); }
|
|
25
24
|
var RichTextInputDiv = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n i,\n em {\n font-style: italic;\n }\n strong {\n font-weight: bold;\n }\n .quill-editor-content {\n white-space: pre-wrap; /* Preserve whitespace and line breaks */\n }\n background: transparent;\n font-family: \"SFUIText-Regular\";\n position: relative;\n width: 92%;\n width: ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n\n display: block;\n .ql-container.ql-snow {\n border: none;\n position: relative;\n }\n .ql-editor {\n padding: 0;\n position: relative;\n }\n\n // Custom placeholder styles - this will show the placeholder value from props\n .ql-editor.ql-blank::before {\n color: #999999 !important;\n font-style: normal !important;\n font-family: \"SFUIText-Regular\" !important;\n font-size: 13px !important;\n left: 0 !important;\n right: auto !important;\n opacity: 1 !important;\n visibility: visible !important;\n display: block !important;\n position: absolute !important;\n content: attr(data-placeholder) !important;\n pointer-events: none !important;\n }\n\n // Ensure placeholder is visible even when not focused\n .ql-editor.ql-blank {\n position: relative;\n\n &::before {\n display: block !important;\n opacity: 1 !important;\n visibility: visible !important;\n }\n }\n\n > label {\n color: #999999;\n font-size: 14px;\n font-family: inherit;\n position: absolute;\n pointer-events: none;\n left: 0px;\n top: 5px;\n transition: 0.2s ease all;\n -moz-transition: 0.2s ease all;\n -webkit-transition: 0.2s ease all;\n }\n > div:focus ~ label {\n top: -10px;\n left: 0px;\n font-size: 10px;\n color: #999999;\n text-transform: capitalize;\n }\n > div ~ label.floaton {\n top: -10px;\n left: 0px;\n font-size: 10px;\n color: #999999;\n text-transform: capitalize;\n }\n"])), function (props) {
|
|
26
25
|
return props.sleek === "sleek" ? "100%" : "92%";
|
|
27
26
|
}, function (props) {
|
package/molecules/table/table.js
CHANGED
|
@@ -34,9 +34,8 @@ var _permissionIconMap = _interopRequireDefault(require("../../../tokens/permiss
|
|
|
34
34
|
var _TableErrorScreen = _interopRequireDefault(require("../../molecules/errorScreen/TableErrorScreen"));
|
|
35
35
|
var _inputText = _interopRequireDefault(require("../../atoms/inputText"));
|
|
36
36
|
var _Shimmer = _interopRequireDefault(require("../../atoms/loader/ShimmerComponent/Shimmer"));
|
|
37
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14
|
|
38
|
-
function
|
|
39
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
37
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
|
38
|
+
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" != _typeof3(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); }
|
|
40
39
|
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; }
|
|
41
40
|
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; }
|
|
42
41
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
@@ -1466,7 +1465,7 @@ Table.compare = {
|
|
|
1466
1465
|
Table.Element = _styledComponents["default"].table(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n width: 100%;\n border-spacing: 0;\n border-collapse: collapse;\n"])));
|
|
1467
1466
|
var TableInner = {};
|
|
1468
1467
|
TableInner.Element = _styledComponents["default"].table(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n width: 100%;\n border-spacing: 0;\n border-collapse: collapse;\n"])));
|
|
1469
|
-
TableInner.Cell = _styledComponents["default"].td(
|
|
1468
|
+
TableInner.Cell = _styledComponents["default"].td(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["\n font-family: \"SFUIText-Regular\";\n font-size: 12px;\n letter-spacing: 0.4px;\n color: ", ";\n padding: 7px 14px;\n border-top: 1px solid ", ";\n text-align: left;\n vertical-align: middle;\n line-height: 2;\n width: auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: ", ";\n max-width: ", ";\n\n & > div.text-box {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n &.text-linkexpired {\n color: #ff6c56;\n }\n }\n"])), function (props) {
|
|
1470
1469
|
return _tokens.colors[props.theme].table.InnerTdColor;
|
|
1471
1470
|
}, function (props) {
|
|
1472
1471
|
return _tokens.colors[props.theme].table.border;
|
|
@@ -1475,8 +1474,8 @@ TableInner.Cell = _styledComponents["default"].td(_templateObject10 || (_templat
|
|
|
1475
1474
|
}, function (props) {
|
|
1476
1475
|
return props.maxWidth || "175px";
|
|
1477
1476
|
});
|
|
1478
|
-
Table.Body = _styledComponents["default"].tbody(
|
|
1479
|
-
Table.Row = _styledComponents["default"].tr(
|
|
1477
|
+
Table.Body = _styledComponents["default"].tbody(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])([""])));
|
|
1478
|
+
Table.Row = _styledComponents["default"].tr(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n .show-row {\n transform: rotate(-180deg);\n -webkit-transform: rotate(-180deg);\n -moz-transform: rotate(-180deg);\n -ms-transform: rotate(-180deg);\n -o-transform: rotate(-180deg);\n }\n .hide-row {\n transform: rotate(0deg);\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n }\n .show-row,\n .hide-row {\n transition: transform 0.5s ease-in-out;\n -webkit-transition: transform 0.5s ease-in-out;\n -moz-transition: transform 0.5s ease-in-out;\n -ms-transition: transform 0.5s ease-in-out;\n -o-transition: transform 0.5s ease-in-out;\n text-align: right;\n cursor: pointer;\n }\n\n &.selected-row > td,\n &.selected-row:nth-child(even) > td {\n background: ", ";\n }\n\n &:nth-child(even) > td {\n background: ", ";\n }\n\n &:hover {\n .asset-play {\n color: ", ";\n }\n }\n\n ", " {\n margin: 0px;\n box-shadow: 0px 0px 0px transparent;\n ", ";\n }\n"])), function (props) {
|
|
1480
1479
|
return _tokens.colors[props.theme].table.rowSelectedBackground;
|
|
1481
1480
|
}, function (props) {
|
|
1482
1481
|
return _tokens.colors[props.theme].table.evenRowBackground;
|
|
@@ -1485,7 +1484,7 @@ Table.Row = _styledComponents["default"].tr(_templateObject12 || (_templateObjec
|
|
|
1485
1484
|
}, Table.Card, function (props) {
|
|
1486
1485
|
if (typeof props.theme === "string") return "background:" + _tokens.colors[props.theme].table.innerTableBackground;
|
|
1487
1486
|
});
|
|
1488
|
-
Table.Cell = _styledComponents["default"].td(
|
|
1487
|
+
Table.Cell = _styledComponents["default"].td(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n font-family: 'SFUIText-Regular';\n font-size: 12px;\n letter-spacing: 0.4px;\n color: ", "; \n padding: 7px 14px;\n // border-top: 1px solid ", "; \n text-align: left;\n vertical-align: middle;\n line-height: 2;\n width: ", ";\n max-width: ", ";\n\n &.tableHolder{\n padding:0px;\n }\n\n .asset-play {\n cursor: pointer;\n background-color: transparent;\n border: none;\n color: #dddddd;\n &:hover, &:focus {\n outline: none;\n color: ", ";\n text-decoration: underline;\n }\n }\n\n .icon-circle {\n border-radius: 50%;\n width: 24px;\n height: 24px;\n display: flex;\n text-align: center;\n justify-content: center;\n align-items: center;\n i {\n line-height: 0;\n }\n }\n\n // max-width: 0;\n // overflow: hidden;\n // text-overflow: ellipsis;\n // white-space: nowrap;\n\n & > div.text-box {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n &.text-linkexpired {\n color: #FF6C56;\n }\n }\n & > div.action-icons-cell{\n white-space: nowrap;\n\n .tooltip-block {\n top: -50px;\n }\n \n .action-item-btn {\n padding: 0 15px;\n cursor: pointer;\n background-color: transparent;\n\n &.nested {\n border-bottom: 1px solid #303f51;\n display: flex;\n padding: 10px;\n align-items: center;\n &>div:first-child{\n margin-right:10px;\n }\n &:last-child{\n border-bottom: 0px none;\n }\n }\n\n &:hover {\n transition: color 0.4s ease-out;\n color: ", ";\n path{\n fill: ", ";\n transition: fill 0.4s ease-out;\n }\n }\n }\n\n\n &>button{\n margin-right: 15px;\n display: inline-flex;\n }\n &>button:last-child{\n margin-right: 0px;\n }\n\n .more-action-holder {\n position: relative;\n\n &:hover {\n .more-action-list-box{\n display:block;\n }\n .more-action-icon{\n transition: all 0.4s ease-out;\n background: ", ";\n }\n }\n\n .more-action-icon{\n height: 24px;\n width: 24px;\n background: #303f51;\n border-radius: 50%;\n padding: 0px 10px;\n transform: translate(0px, -1px);\n }\n .more-action-list-box{\n position: absolute;\n z-index:100;\n display:none;\n //display:block;\n padding-top: 11px;\n transform: translate(-136px,-2px);\n \n .more-action-list {\n box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);\n background: ", ";\n min-width: 200px;\n }\n\n &:before{\n content: '';\n position: absolute;\n /* left: 42%; */\n /* top: 100%; */\n width: 0;\n height: 0;\n \n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-bottom: 6px solid ", ";\n transform: translate(144px,-6px);\n }\n\n }\n\n }\n }\n\n .nested-table {\n background: #182738;\n border-left: 2px solid ", ";\n }\n\n\n"])), function (props) {
|
|
1489
1488
|
return _tokens.colors[props.theme].table.tdColor;
|
|
1490
1489
|
}, function (props) {
|
|
1491
1490
|
return _tokens.colors[props.theme].table.border;
|
|
@@ -1508,11 +1507,11 @@ Table.Cell = _styledComponents["default"].td(_templateObject13 || (_templateObje
|
|
|
1508
1507
|
}, function (props) {
|
|
1509
1508
|
return _tokens.colors[props.theme].table.CellNestedTableBorderLeft;
|
|
1510
1509
|
});
|
|
1511
|
-
var TableTitleLoadingInitial = _styledComponents["default"].div(
|
|
1512
|
-
var DubbingStatusStyles = _styledComponents["default"].div(
|
|
1510
|
+
var TableTitleLoadingInitial = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["\n height: 30px;\n position: absolute;\n left: -1px;\n z-index: 2;\n display: flex;\n width: 100%;\n top: -1px;\n"])));
|
|
1511
|
+
var DubbingStatusStyles = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n .detail-block {\n display: flex;\n justify-content: center;\n align-items: center;\n\n &:not(:last-child) {\n margin-right: 7px;\n }\n\n .status-color {\n width: 7px;\n height: 7px;\n margin-right: 6px;\n border-radius: 100%;\n background: rgba(255, 255, 255, 0.3);\n &.approved {\n background: ", ";\n }\n &.rejected {\n background: #ef5350;\n }\n }\n .language-name {\n text-transform: capitalize;\n font-size: 12px;\n font-family: SFUIText-Regular;\n color: #fff;\n }\n }\n"])), function (props) {
|
|
1513
1512
|
return _tokens.colors[props.theme].table.ApprovedBackground;
|
|
1514
1513
|
});
|
|
1515
|
-
var SelectAllButton = _styledComponents["default"].div(
|
|
1514
|
+
var SelectAllButton = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["\n width: 20px;\n height: 20px;\n background: transparent;\n border: ", ";\n border-radius: 50%;\n cursor: pointer;\n position: absolute;\n left: 14px;\n z-index: 2;\n top: 75px;\n .input-select-all-button {\n height: 0px;\n width: 0px;\n display: none;\n }\n .label-select-all-button {\n position: relative;\n cursor: pointer;\n display: flex;\n margin: 0px;\n height: 20px;\n align-items: center;\n border-radius: 50%;\n background: ", ";\n .span-select-all-button {\n display: ", ";\n position: absolute;\n top: 10px;\n left: 5px;\n border-right: 2px solid transparent;\n border-bottom: 2px solid transparent;\n transform: rotate(45deg);\n transform-origin: 0 100%;\n animation: ", ";\n }\n }\n"])), function (props) {
|
|
1516
1515
|
return props.isActive ? "1px solid #9E9E9E" : "";
|
|
1517
1516
|
}, function (props) {
|
|
1518
1517
|
return !props.isActive ? "#49dad0" : "";
|
|
@@ -20,7 +20,7 @@ var _icon = _interopRequireDefault(require("../../atoms/icon"));
|
|
|
20
20
|
var _image = _interopRequireDefault(require("../../atoms/image"));
|
|
21
21
|
var _thematicBreak = _interopRequireDefault(require("../../atoms/thematicBreak"));
|
|
22
22
|
var _tabs = _interopRequireDefault(require("../../molecules/tabs"));
|
|
23
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
23
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12;
|
|
24
24
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
25
25
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
26
26
|
var PlayerContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n height: 100%;\n"])));
|
|
@@ -32,11 +32,11 @@ var BigPlayButton = (0, _styledComponents["default"])(_button["default"])(_templ
|
|
|
32
32
|
var SDPlayerBorder = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n opacity: 0.3;\n border: solid 1px #ffffff;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%,-50%);\n -ms-transform: translate(-50%,-50%);\n -o-transform: translate(-50%,-50%);\n -moz-transform: translate(-50%,-50%);\n transform: translate(-50%,-50%);\n position: absolute;\n padding-left: 75%;\n height: 100%;\n"])));
|
|
33
33
|
var PlayerControlBlock = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n width: 100%;\n height: 60px;\n position: relative;\n"])));
|
|
34
34
|
var SeekBar = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n width: 100%;\n height: 4px;\n position: relative;\n cursor: pointer;\n .seekbar-bg {\n background: rgba(0,0,0,0.3);\n width: 100%;\n height: 100%;\n }\n .play-progress {\n position: absolute;\n width: 0px;\n height: 100%;\n left: 0;\n top: 0;\n background: #00cec6;\n &:after {\n content: '';\n width: 12px;\n height: 12px;\n position: absolute;\n background: #00cec6;\n border-radius: 100%;\n right: -6px;\n top: -5px;\n box-shadow: 0 0 14px 1px #00cec6;\n }\n }\n"])));
|
|
35
|
-
var PlayerControls = _styledComponents["default"].div(
|
|
36
|
-
var CommentBox = _styledComponents["default"].div(
|
|
37
|
-
var Carousal = _styledComponents["default"].div(
|
|
38
|
-
var VideoDetailsWrapper = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n width: 36.33%;\n .tab-block {\n height: 100%;\n .tab-container {\n padding: 20px;\n text-align: left;\n .info-block {\n width: 33.33%;\n display: inline-block;\n padding-bottom: 25px;\n &:last-child{\n width: 100%;\n }\n .info-header {\n font-family: SFUIText-Regular;\n font-size: 10px;\n color: #666666;\n color: #cccccc;\n margin-bottom: 20px;\n }\n .info-value {\n font-family: SFUIText-Regular;\n font-size: 14px;\n color: #333333;\n color: #ffffff;\n }\n }\n &.scenes-tab {\n hr {\n border-color: #eeeeee;\n border-color: #4e5c6c;\n }\n .scenes-synopsis {\n .info-header {\n font-family: SFUIText-Regular;\n font-size: 12px;\n color: #333333;\n color: #cccccc;\n text-transform: uppercase;\n margin-bottom: 10px;\n }\n .synopsis {\n font-family: SFUIText-Regular;\n font-size: 12px;\n line-height: 1.33;\n color: #666666;\n color: #ffffff;\n margin-bottom: 10px;\n }\n }\n .scenes-wrapper {\n .scene-container{\n &:last-child {\n hr {\n display: none;\n }\n }\n .scene-block {\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n cursor: pointer;\n &:hover{\n .scene-image {\n ", " {\n display: inline-block;\n }\n }\n }\n .scene-image {\n width: 70px;\n height: 70px;\n border-radius: 100%;\n overflow: hidden;\n position: relative;\n ", " {\n display: none;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n -o-transform: translate(-50%, -50%);\n }\n }\n .scene-details {\n margin-left: 15px;\n .scene-name {\n font-family: SFUIText-Medium;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #333333;\n color: #ffffff;\n margin-bottom: 5px;\n }\n .scene-time {\n font-family: SFUIText-Medium;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #888888;\n color: #aaaaaa;\n margin-bottom: 5px;\n }\n .scene-tags-block {\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n .scene-tags {\n font-family: SFUIText-Medium;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.17;\n letter-spacing: normal;\n color: #c7c5c5;\n color: #999999;\n margin-right: 5px;\n }\n }\n }\n }\n }\n }\n }\n &.comments-tab {\n padding: 0;\n position: relative;\n width: 100%;\n height: 100%;\n .comments-section {\n padding: 10px 0;\n height: calc(100% - 73px);\n overflow: auto;\n top: 0;\n position: absolute;\n left: 0;\n width: 100%;\n .comments-details {\n padding: 10px 20px 10px 20px;\n .comments-count {\n font-size: 14px;\n font-weight: normal;\n font-family: SFUIText-Regular;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #333333;\n color: #cccccc;\n }\n }\n .comments-container {\n .comment-wrapper {\n padding: 20px;\n cursor: pointer;\n &:hover {\n background: #f5f5f5;\n background: #304153;\n }\n .comment-block, .reply-block {\n .comment-header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n margin-bottom: 10px;\n position: relative;\n z-index: 2;\n img {\n width: 30px;\n height: 30px;\n border-radius: 100%;\n left: auto;\n top: auto;\n transform: none;\n }\n .user-name {\n padding: 0px 20px 0px 10px;\n font-family: SFUIText-Medium;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #333333;\n color: #ffffff;\n }\n .video-time {\n opacity: 0.8;\n font-family: SFUIText-Regular;\n font-size: 12px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #626260;\n color: #cccccc;\n text-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);\n }\n .comment-time {\n opacity: 0.2;\n opacity: 1;\n font-family: SFUIText-Regular;\n font-size: 12px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #000000;\n color: #aaaaaa;\n margin-left: 20px;\n }\n }\n .comment-body {\n p {\n font-family: SFUIText-Regular;\n font-size: 13px;\n font-weight: 300;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.38;\n letter-spacing: normal;\n color: #333333;\n color: #ffffff;\n }\n }\n }\n .reply-wrapper {\n .reply-block {\n padding-left: 20px;\n padding-top: 15px;\n position: relative;\n &:after {\n content: '';\n position: absolute;\n width: 1px;\n height: 100%;\n background: #cccccc;\n background: #4e5c6c;\n top: 15px;\n z-index: 0;\n left: 35px;\n }\n &:last-child {\n &:after {\n display: none;\n }\n }\n .comment-body {\n padding-left: 40px;\n }\n }\n }\n }\n }\n }\n .approval-block {\n height: 73px;\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n padding: 0 10px;\n background: #121d29;\n background: #ffffff;\n position: absolute;\n width: 100%;\n bottom: 0;\n ", " {\n font-size: 12px;\n margin: 0 10px;\n }\n }\n }\n &.tags-tab {\n .tag-header {\n font-family: SFUIText-Regular;\n font-size: 12px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #cccccc;\n }\n .characters-list {\n margin: 10px 0;\n .actor-tag {\n width: 70px;\n height: 70px;\n border-radius: 100%;\n background: #121d29;\n display: inline-block;\n vertical-align: middle;\n margin: 10px;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n border: 1px solid transparent;\n &.actor-selected, &:hover {\n border: 1px solid #00cec6;\n .actor-name-wrapper {\n display: block;\n }\n }\n ", " {\n positon: absolute;\n }\n .actor-name-wrapper {\n display: none;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n background: rgba(0,0,0,0.8);\n .actor-name {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n -o-transform: translate(-50%, -50%);\n width: 60px;\n text-align: center;\n font-family: SFUIText-Medium;\n font-size: 10px;\n letter-spacing: 0px;\n color: #ffffff;\n word-break: break-word;\n }\n }\n }\n }\n }\n }\n }\n"])), _icon["default"].Element, _icon["default"].Element, _button["default"].Element, _image["default"].Element);
|
|
39
|
-
var MarkerBlock = _styledComponents["default"].div(
|
|
35
|
+
var PlayerControls = _styledComponents["default"].div(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["\n height: calc(100% - 4px);\n background: #000000;\n display: flex;\n justify-content: space-between;\n padding: 0 10px;\n align-items: center;\n .controls-left, .controls-right {\n display: flex;\n align-items: center;\n ", " {\n background: transparent;\n border: none;\n margin: 0 10px;\n }\n }\n .controls-left{\n .video-time-display {\n display: flex;\n align-items: center;\n font-family: SFUIText-Regular;\n font-size: 12px;\n letter-spacing: -0.6px;\n .video-time {\n margin: 0 2px;\n &.video-end-time, &.video-time-seperator {\n color: #888888;\n }\n &.video-current-time {\n color: #ffffff;\n min-width: 64px;\n }\n }\n }\n }\n"])), _button["default"].Element);
|
|
36
|
+
var CommentBox = _styledComponents["default"].div(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n background-color: #333333;\n align-items: center;\n justify-content: space-between;\n ", " {\n height: 100%;\n color: #ccc;\n padding: 15px 10px 15px 20px;\n border-bottom: none;\n }\n ", " {\n margin: 0;\n background: #333333;\n border: none;\n ", " {\n svg {\n path {\n fill: #00cec6;\n }\n }\n }\n }\n"])), _inputText["default"].Element, _button["default"].Element, _icon["default"].Element);
|
|
37
|
+
var Carousal = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n height: 91px;\n background: #000000;\n"])));
|
|
38
|
+
var VideoDetailsWrapper = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n width: 36.33%;\n .tab-block {\n height: 100%;\n .tab-container {\n padding: 20px;\n text-align: left;\n .info-block {\n width: 33.33%;\n display: inline-block;\n padding-bottom: 25px;\n &:last-child{\n width: 100%;\n }\n .info-header {\n font-family: SFUIText-Regular;\n font-size: 10px;\n color: #666666;\n color: #cccccc;\n margin-bottom: 20px;\n }\n .info-value {\n font-family: SFUIText-Regular;\n font-size: 14px;\n color: #333333;\n color: #ffffff;\n }\n }\n &.scenes-tab {\n hr {\n border-color: #eeeeee;\n border-color: #4e5c6c;\n }\n .scenes-synopsis {\n .info-header {\n font-family: SFUIText-Regular;\n font-size: 12px;\n color: #333333;\n color: #cccccc;\n text-transform: uppercase;\n margin-bottom: 10px;\n }\n .synopsis {\n font-family: SFUIText-Regular;\n font-size: 12px;\n line-height: 1.33;\n color: #666666;\n color: #ffffff;\n margin-bottom: 10px;\n }\n }\n .scenes-wrapper {\n .scene-container{\n &:last-child {\n hr {\n display: none;\n }\n }\n .scene-block {\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n cursor: pointer;\n &:hover{\n .scene-image {\n ", " {\n display: inline-block;\n }\n }\n }\n .scene-image {\n width: 70px;\n height: 70px;\n border-radius: 100%;\n overflow: hidden;\n position: relative;\n ", " {\n display: none;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n -o-transform: translate(-50%, -50%);\n }\n }\n .scene-details {\n margin-left: 15px;\n .scene-name {\n font-family: SFUIText-Medium;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #333333;\n color: #ffffff;\n margin-bottom: 5px;\n }\n .scene-time {\n font-family: SFUIText-Medium;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #888888;\n color: #aaaaaa;\n margin-bottom: 5px;\n }\n .scene-tags-block {\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n .scene-tags {\n font-family: SFUIText-Medium;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.17;\n letter-spacing: normal;\n color: #c7c5c5;\n color: #999999;\n margin-right: 5px;\n }\n }\n }\n }\n }\n }\n }\n &.comments-tab {\n padding: 0;\n position: relative;\n width: 100%;\n height: 100%;\n .comments-section {\n padding: 10px 0;\n height: calc(100% - 73px);\n overflow: auto;\n top: 0;\n position: absolute;\n left: 0;\n width: 100%;\n .comments-details {\n padding: 10px 20px 10px 20px;\n .comments-count {\n font-size: 14px;\n font-weight: normal;\n font-family: SFUIText-Regular;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #333333;\n color: #cccccc;\n }\n }\n .comments-container {\n .comment-wrapper {\n padding: 20px;\n cursor: pointer;\n &:hover {\n background: #f5f5f5;\n background: #304153;\n }\n .comment-block, .reply-block {\n .comment-header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n margin-bottom: 10px;\n position: relative;\n z-index: 2;\n img {\n width: 30px;\n height: 30px;\n border-radius: 100%;\n left: auto;\n top: auto;\n transform: none;\n }\n .user-name {\n padding: 0px 20px 0px 10px;\n font-family: SFUIText-Medium;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #333333;\n color: #ffffff;\n }\n .video-time {\n opacity: 0.8;\n font-family: SFUIText-Regular;\n font-size: 12px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #626260;\n color: #cccccc;\n text-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);\n }\n .comment-time {\n opacity: 0.2;\n opacity: 1;\n font-family: SFUIText-Regular;\n font-size: 12px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #000000;\n color: #aaaaaa;\n margin-left: 20px;\n }\n }\n .comment-body {\n p {\n font-family: SFUIText-Regular;\n font-size: 13px;\n font-weight: 300;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.38;\n letter-spacing: normal;\n color: #333333;\n color: #ffffff;\n }\n }\n }\n .reply-wrapper {\n .reply-block {\n padding-left: 20px;\n padding-top: 15px;\n position: relative;\n &:after {\n content: '';\n position: absolute;\n width: 1px;\n height: 100%;\n background: #cccccc;\n background: #4e5c6c;\n top: 15px;\n z-index: 0;\n left: 35px;\n }\n &:last-child {\n &:after {\n display: none;\n }\n }\n .comment-body {\n padding-left: 40px;\n }\n }\n }\n }\n }\n }\n .approval-block {\n height: 73px;\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n padding: 0 10px;\n background: #121d29;\n background: #ffffff;\n position: absolute;\n width: 100%;\n bottom: 0;\n ", " {\n font-size: 12px;\n margin: 0 10px;\n }\n }\n }\n &.tags-tab {\n .tag-header {\n font-family: SFUIText-Regular;\n font-size: 12px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n letter-spacing: normal;\n color: #cccccc;\n }\n .characters-list {\n margin: 10px 0;\n .actor-tag {\n width: 70px;\n height: 70px;\n border-radius: 100%;\n background: #121d29;\n display: inline-block;\n vertical-align: middle;\n margin: 10px;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n border: 1px solid transparent;\n &.actor-selected, &:hover {\n border: 1px solid #00cec6;\n .actor-name-wrapper {\n display: block;\n }\n }\n ", " {\n positon: absolute;\n }\n .actor-name-wrapper {\n display: none;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n background: rgba(0,0,0,0.8);\n .actor-name {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n -o-transform: translate(-50%, -50%);\n width: 60px;\n text-align: center;\n font-family: SFUIText-Medium;\n font-size: 10px;\n letter-spacing: 0px;\n color: #ffffff;\n word-break: break-word;\n }\n }\n }\n }\n }\n }\n }\n"])), _icon["default"].Element, _icon["default"].Element, _button["default"].Element, _image["default"].Element);
|
|
39
|
+
var MarkerBlock = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["\n position: absolute;\n width: 100%;\n height: 10px;\n left:0;\n bottom: 15px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n .scene-marker {\n background: #00cec6;\n position: relative;\n height: 100%;\n display: inline-block;\n vertical-align: top;\n }\n"])));
|
|
40
40
|
var Player = /*#__PURE__*/function (_React$Component) {
|
|
41
41
|
function Player(props) {
|
|
42
42
|
var _this;
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@desynova-digital/components",
|
|
3
|
-
"version": "9.3.
|
|
3
|
+
"version": "9.3.5",
|
|
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.
|
|
10
|
+
"@desynova-digital/tokens": "9.3.5",
|
|
11
11
|
"prop-types": "^15.7.2",
|
|
12
12
|
"styled-components": "^4.3.2"
|
|
13
13
|
},
|