scorer-ui-kit 2.10.1 → 2.11.0-beta.1
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/dist/index.js +412 -431
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +412 -431
- package/dist/index.modern.js.map +1 -1
- package/dist/svg/AvatarPlaceholder.d.ts +1 -1
- package/dist/svg/Invalid.d.ts +1 -1
- package/dist/svg/LogoMark.d.ts +1 -1
- package/dist/svg/LogoText.d.ts +1 -1
- package/dist/svg/NoImage.d.ts +2 -2
- package/dist/svg/PasswordHide.d.ts +1 -1
- package/dist/svg/PasswordShow.d.ts +1 -1
- package/dist/svg/Required.d.ts +1 -1
- package/dist/svg/Success.d.ts +1 -1
- package/dist/svg/checkmark.d.ts +2 -2
- package/package.json +18 -12
package/dist/index.js
CHANGED
|
@@ -1493,70 +1493,56 @@ var index = {
|
|
|
1493
1493
|
deviceMediaQuery: deviceMediaQuery
|
|
1494
1494
|
};
|
|
1495
1495
|
|
|
1496
|
-
function
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
for (var key in source) {
|
|
1501
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
1502
|
-
target[key] = source[key];
|
|
1503
|
-
}
|
|
1504
|
-
}
|
|
1505
|
-
}
|
|
1506
|
-
return target;
|
|
1507
|
-
};
|
|
1508
|
-
return _extends.apply(this, arguments);
|
|
1509
|
-
}
|
|
1510
|
-
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
1511
|
-
if (source == null) return {};
|
|
1512
|
-
var target = {};
|
|
1513
|
-
var sourceKeys = Object.keys(source);
|
|
1514
|
-
var key, i;
|
|
1515
|
-
for (i = 0; i < sourceKeys.length; i++) {
|
|
1516
|
-
key = sourceKeys[i];
|
|
1517
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
1518
|
-
target[key] = source[key];
|
|
1519
|
-
}
|
|
1520
|
-
return target;
|
|
1521
|
-
}
|
|
1522
|
-
function _taggedTemplateLiteralLoose(strings, raw) {
|
|
1523
|
-
if (!raw) {
|
|
1524
|
-
raw = strings.slice(0);
|
|
1525
|
-
}
|
|
1526
|
-
strings.raw = raw;
|
|
1527
|
-
return strings;
|
|
1528
|
-
}
|
|
1529
|
-
function _unsupportedIterableToArray(o, minLen) {
|
|
1530
|
-
if (!o) return;
|
|
1531
|
-
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
1532
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
1533
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
1534
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
1535
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
1496
|
+
function _arrayLikeToArray(r, a) {
|
|
1497
|
+
(null == a || a > r.length) && (a = r.length);
|
|
1498
|
+
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
1499
|
+
return n;
|
|
1536
1500
|
}
|
|
1537
|
-
function
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
|
|
1544
|
-
if (it) return (it = it.call(o)).next.bind(it);
|
|
1545
|
-
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
|
|
1546
|
-
if (it) o = it;
|
|
1547
|
-
var i = 0;
|
|
1501
|
+
function _createForOfIteratorHelperLoose(r, e) {
|
|
1502
|
+
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
1503
|
+
if (t) return (t = t.call(r)).next.bind(t);
|
|
1504
|
+
if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
|
|
1505
|
+
t && (r = t);
|
|
1506
|
+
var o = 0;
|
|
1548
1507
|
return function () {
|
|
1549
|
-
|
|
1550
|
-
done:
|
|
1551
|
-
}
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
value: o[i++]
|
|
1508
|
+
return o >= r.length ? {
|
|
1509
|
+
done: !0
|
|
1510
|
+
} : {
|
|
1511
|
+
done: !1,
|
|
1512
|
+
value: r[o++]
|
|
1555
1513
|
};
|
|
1556
1514
|
};
|
|
1557
1515
|
}
|
|
1558
1516
|
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
1559
1517
|
}
|
|
1518
|
+
function _extends() {
|
|
1519
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
1520
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
1521
|
+
var t = arguments[e];
|
|
1522
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
1523
|
+
}
|
|
1524
|
+
return n;
|
|
1525
|
+
}, _extends.apply(null, arguments);
|
|
1526
|
+
}
|
|
1527
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
1528
|
+
if (null == r) return {};
|
|
1529
|
+
var t = {};
|
|
1530
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
1531
|
+
if (-1 !== e.indexOf(n)) continue;
|
|
1532
|
+
t[n] = r[n];
|
|
1533
|
+
}
|
|
1534
|
+
return t;
|
|
1535
|
+
}
|
|
1536
|
+
function _taggedTemplateLiteralLoose(e, t) {
|
|
1537
|
+
return t || (t = e.slice(0)), e.raw = t, e;
|
|
1538
|
+
}
|
|
1539
|
+
function _unsupportedIterableToArray(r, a) {
|
|
1540
|
+
if (r) {
|
|
1541
|
+
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
1542
|
+
var t = {}.toString.call(r).slice(8, -1);
|
|
1543
|
+
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
1544
|
+
}
|
|
1545
|
+
}
|
|
1560
1546
|
|
|
1561
1547
|
var _templateObject;
|
|
1562
1548
|
var layoutVariables = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n /** Layouts */\n :root {\n --max-content-width: 1840px;\n }\n\n .content-layout {\n \n &-default {\n --content-layout-padding-top: 32px;\n --content-layout-padding-right: 48px;\n --content-layout-padding-bottom: 64px;\n --content-layout-padding-left: 64px;\n --utility-header-padding-top: 48px;\n\n @media ", "{\n --content-layout-padding-top: 32px;\n --content-layout-padding-right: 96px;\n --content-layout-padding-bottom: 64px;\n --content-layout-padding-left: 96px;\n --utility-header-padding-top: 48px;\n }\n\n @media ", "{\n --content-layout-padding-top: 30px;\n --content-layout-padding-right: 120px;\n --content-layout-padding-bottom: 64px;\n --content-layout-padding-left: 120px;\n --utility-header-padding-top: 48px;\n }\n }\n\n &-fullscreen {\n --content-layout-padding-top: 0px;\n --content-layout-padding-right: 0px;\n --content-layout-padding-bottom: 0px;\n --content-layout-padding-left: 0px;\n --utility-header-padding-top: 0px;\n --max-content-width: none;\n }\n\n &-dashboard {\n --content-layout-padding-top: 32px;\n --content-layout-padding-right: 32px;\n --content-layout-padding-bottom: 32px;\n --content-layout-padding-left: 32px;\n --utility-header-padding-top: 32px;\n --max-content-width: none;\n }\n }\n"])), deviceMediaQuery.xlarge, deviceMediaQuery.xxlarge);
|
|
@@ -1681,7 +1667,7 @@ var AlertBar = function AlertBar(_ref3) {
|
|
|
1681
1667
|
}))) : null;
|
|
1682
1668
|
};
|
|
1683
1669
|
|
|
1684
|
-
var _templateObject$9, _templateObject2$4, _templateObject3$3, _templateObject4$2, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
1670
|
+
var _templateObject$9, _templateObject2$4, _templateObject3$3, _templateObject4$2, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0;
|
|
1685
1671
|
var initAnimation = styled.keyframes(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n 0% {\n transform: translate(-50%, -100%);\n }\n 100% {\n transform: translate(-50%, 0%);\n }\n"])));
|
|
1686
1672
|
var closeAnimation = styled.keyframes(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n 0% {\n transform: translate(-50%, 0);\n }\n 100% {\n transform: translate(-50%, -100%);\n }\n"])));
|
|
1687
1673
|
var Container$1 = styled__default.div(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteralLoose(["\n min-height: 50px;\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 0 14px;\n width: 900px;\n position: fixed;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 999;\n\n font-family: var(--font-ui);\n background-color: ", ";\n text-align: left;\n font-size: 14px;\n font-weight: 400;\n line-height: 15px;\n letter-spacing: -0.2px;\n text-decoration: none;\n color: var(--white-1);\n\n ", ";\n\n ", ";\n\n ", " {\n [stroke]{\n stroke: var(--white-1);\n }\n }\n"])), function (_ref) {
|
|
@@ -1711,7 +1697,7 @@ var TextButton = styled__default.button(_templateObject8 || (_templateObject8 =
|
|
|
1711
1697
|
var theme = _ref5.theme;
|
|
1712
1698
|
return theme && styled.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n opacity: .8;\n transition: transform ", " ", ";\n "])), theme.animation.speed.normal, theme.animation.easing.primary.inOut);
|
|
1713
1699
|
});
|
|
1714
|
-
var MainMessage = styled__default.div(
|
|
1700
|
+
var MainMessage = styled__default.div(_templateObject0 || (_templateObject0 = _taggedTemplateLiteralLoose(["\n padding: 12px 6px 12px 12px;\n line-height: 20px;\n text-align: left;\n flex-grow: 2;\n"])));
|
|
1715
1701
|
var Notification = function Notification(_ref6) {
|
|
1716
1702
|
var id = _ref6.id,
|
|
1717
1703
|
_ref6$type = _ref6.type,
|
|
@@ -1957,7 +1943,7 @@ var Tooltip = function Tooltip(_ref6) {
|
|
|
1957
1943
|
};
|
|
1958
1944
|
|
|
1959
1945
|
var _excluded = ["design", "size", "shadow", "noPadding", "loading", "children"];
|
|
1960
|
-
var _templateObject$b, _templateObject2$6, _templateObject3$5, _templateObject4$4, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1,
|
|
1946
|
+
var _templateObject$b, _templateObject2$6, _templateObject3$5, _templateObject4$4, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject0$1;
|
|
1961
1947
|
var activeAnimation = function activeAnimation(shadow) {
|
|
1962
1948
|
var animation = styled.keyframes(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n 0% {\n box-shadow:\n 0 0px 0px var(--button-hover-inner-shadow-color) inset\n ", ";\n }\n\n 75% {\n box-shadow:\n 0 0 24px var(--button-active-inner-shadow-color) inset\n ", ";\n }\n\n 100% {\n box-shadow:\n 0 0 16px var(--button-active-inner-shadow-color) inset\n ", ";\n }\n "])), shadow ? ', 0 4px 8px var(--button-hover-drop-shadow-color)' : '', shadow ? ', 0 4px 6px var(--button-active-drop-shadow-color)' : '', shadow ? ', 0 4px 6px var(--button-active-drop-shadow-color)' : '');
|
|
1963
1949
|
return animation;
|
|
@@ -1979,7 +1965,7 @@ var StyledButton = styled__default.button(_templateObject2$6 || (_templateObject
|
|
|
1979
1965
|
});
|
|
1980
1966
|
}, function (_ref5) {
|
|
1981
1967
|
var $loading = _ref5.$loading;
|
|
1982
|
-
return $loading && styled.css(
|
|
1968
|
+
return $loading && styled.css(_templateObject0$1 || (_templateObject0$1 = _taggedTemplateLiteralLoose(["\n &:disabled {\n opacity: 1;\n cursor: wait;\n color: var(--button-loading-text-color);\n }\n "])));
|
|
1983
1969
|
});
|
|
1984
1970
|
var Button = function Button(_ref6) {
|
|
1985
1971
|
var _ref6$design = _ref6.design,
|
|
@@ -2088,7 +2074,7 @@ var Spinner = function Spinner(_ref6) {
|
|
|
2088
2074
|
};
|
|
2089
2075
|
|
|
2090
2076
|
var _excluded$1 = ["design", "size", "loading", "shadow", "onClick", "disabled", "position", "icon", "weight", "children"];
|
|
2091
|
-
var _templateObject$d, _templateObject2$8, _templateObject3$7, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2,
|
|
2077
|
+
var _templateObject$d, _templateObject2$8, _templateObject3$7, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject0$2, _templateObject1;
|
|
2092
2078
|
var Container$2 = styled__default.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n display: inline;\n"])));
|
|
2093
2079
|
var TextContainer = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n height: inherit;\n flex: 1;\n order: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n white-space: nowrap;\n padding: 0 var(--button-h-padding);\n transition: padding var(--speed-slow) var(--easing-primary-in-out);\n font-weight: ", ";\n"])), function (_ref) {
|
|
2094
2080
|
var weight = _ref.weight;
|
|
@@ -2108,10 +2094,10 @@ var InnerContainer = styled__default.div(_templateObject8$2 || (_templateObject8
|
|
|
2108
2094
|
return !disabled && styled.css(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteralLoose(["\n ", "{\n svg {\n path, rect, circle, d {\n stroke: var(--button-hover-text-color);\n }\n }\n }\n "])), IconContainer);
|
|
2109
2095
|
}, function (_ref5) {
|
|
2110
2096
|
var disabled = _ref5.disabled;
|
|
2111
|
-
return !disabled && styled.css(
|
|
2097
|
+
return !disabled && styled.css(_templateObject0$2 || (_templateObject0$2 = _taggedTemplateLiteralLoose(["\n ", "{\n svg {\n path, rect, circle, d {\n stroke: var(--button-active-text-color);\n }\n }\n }\n "])), IconContainer);
|
|
2112
2098
|
}, function (_ref6) {
|
|
2113
2099
|
var disabled = _ref6.disabled;
|
|
2114
|
-
return disabled && styled.css(
|
|
2100
|
+
return disabled && styled.css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteralLoose(["\n ", "{\n svg {\n path, rect, circle, d {\n stroke: var(--button-disabled-text-color);\n }\n }\n }\n "])), IconContainer);
|
|
2115
2101
|
});
|
|
2116
2102
|
var ButtonWithIcon = function ButtonWithIcon(_ref7) {
|
|
2117
2103
|
var _ref7$design = _ref7.design,
|
|
@@ -2277,7 +2263,7 @@ var ActionButtons = function ActionButtons(_ref4) {
|
|
|
2277
2263
|
};
|
|
2278
2264
|
|
|
2279
2265
|
var _excluded$4 = ["type", "placeholder", "defaultValue", "fieldState", "showFeedback", "feedbackMessage", "actionCallback", "actionIcon", "postfix"];
|
|
2280
|
-
var _templateObject$h, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$7, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3,
|
|
2266
|
+
var _templateObject$h, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$7, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject0$3, _templateObject1$1, _templateObject10, _templateObject11;
|
|
2281
2267
|
var ActionContainer = styled__default.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n"])));
|
|
2282
2268
|
var InputActionButton = styled__default.button.attrs({
|
|
2283
2269
|
type: "button"
|
|
@@ -2293,10 +2279,10 @@ var InputContainer = styled__default.div(_templateObject8$3 || (_templateObject8
|
|
|
2293
2279
|
var hasAction = _ref2.hasAction;
|
|
2294
2280
|
return hasAction && styled.css(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteralLoose(["\n ", "{\n padding-right: 60px;\n\n // Used to control password manager injection.\n background-position: calc(100% - 50px) 50% !important;\n }\n "])), StyledInput);
|
|
2295
2281
|
});
|
|
2296
|
-
var Container$5 = styled__default.div(
|
|
2282
|
+
var Container$5 = styled__default.div(_templateObject0$3 || (_templateObject0$3 = _taggedTemplateLiteralLoose(["\n ", "\n\n"])), function (_ref3) {
|
|
2297
2283
|
var fieldState = _ref3.fieldState,
|
|
2298
2284
|
showFeedback = _ref3.showFeedback;
|
|
2299
|
-
return styled.css(
|
|
2285
|
+
return styled.css(_templateObject1$1 || (_templateObject1$1 = _taggedTemplateLiteralLoose(["\n\n display: flex;\n position: relative;\n flex-direction: row;\n\n ", "{\n\n &:disabled {\n cursor: not-allowed;\n }\n\n ", ";\n\n }\n\n ", " {\n ", ";\n border-color: var(--input-", "-border-color);\n background: var(--input-", "-border-color);\n }\n\n &:focus-within ", " {\n border-color: var(--input-", "-focused-border-color, var(--input-", "-border-color));\n box-shadow: var(--input-focused-box-shadow-x) var(--input-focused-box-shadow-y) var(--input-focused-box-shadow-blur) var(--input-focused-box-shadow-spread) var(--input-", "-focused-shadow-color);\n }\n "])), StyledInput, ['default', 'disabled'].indexOf(fieldState) === -1 && showFeedback && styled.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n "]))), FeedbackContainer, ['default', 'disabled'].indexOf(fieldState) !== -1 && styled.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n display: none;\n "]))), fieldState, fieldState, StyledInput, fieldState, fieldState, fieldState);
|
|
2300
2286
|
});
|
|
2301
2287
|
var Input = function Input(_ref4) {
|
|
2302
2288
|
var _ref4$type = _ref4.type,
|
|
@@ -2442,7 +2428,7 @@ var SmallInput = function SmallInput(_ref4) {
|
|
|
2442
2428
|
}, props)), unit ? React__default.createElement(UnitKey, null, unit) : null)));
|
|
2443
2429
|
};
|
|
2444
2430
|
|
|
2445
|
-
var _templateObject$k, _templateObject2$e, _templateObject3$d, _templateObject4$c, _templateObject5$a, _templateObject6$6, _templateObject7$6, _templateObject8$4, _templateObject9$4,
|
|
2431
|
+
var _templateObject$k, _templateObject2$e, _templateObject3$d, _templateObject4$c, _templateObject5$a, _templateObject6$6, _templateObject7$6, _templateObject8$4, _templateObject9$4, _templateObject0$4, _templateObject1$2, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
|
|
2446
2432
|
var SwitchPosition;
|
|
2447
2433
|
(function (SwitchPosition) {
|
|
2448
2434
|
SwitchPosition[SwitchPosition["Off"] = 0] = "Off";
|
|
@@ -2482,46 +2468,46 @@ var Container$7 = styled__default(StyledLabel)(_templateObject7$6 || (_templateO
|
|
|
2482
2468
|
return activeTheming === 'locked' && styled.css(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteralLoose(["\n background-color: var(--switch-special-locked-background);\n border-color: var(--switch-special-locked-border);\n "])));
|
|
2483
2469
|
}, function (_ref4) {
|
|
2484
2470
|
var activeTheming = _ref4.activeTheming;
|
|
2485
|
-
return activeTheming === 'failure' && styled.css(
|
|
2471
|
+
return activeTheming === 'failure' && styled.css(_templateObject0$4 || (_templateObject0$4 = _taggedTemplateLiteralLoose(["\n background-color: var(--switch-special-failure-background);\n border-color: var(--switch-special-failure-border);\n "])));
|
|
2486
2472
|
}, function (_ref5) {
|
|
2487
2473
|
var activeTheming = _ref5.activeTheming,
|
|
2488
2474
|
$loading = _ref5.$loading;
|
|
2489
|
-
return $loading && styled.css(
|
|
2475
|
+
return $loading && styled.css(_templateObject1$2 || (_templateObject1$2 = _taggedTemplateLiteralLoose(["\n background-color: var(--switch-default-", "-background);\n border-color: var(--switch-default-", "-border);\n "])), activeTheming, activeTheming);
|
|
2490
2476
|
}, SwitchInner, function (_ref6) {
|
|
2491
2477
|
var activeTheming = _ref6.activeTheming,
|
|
2492
2478
|
themeState = _ref6.themeState;
|
|
2493
|
-
return styled.css(
|
|
2479
|
+
return styled.css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n background-color: var(--switch-", "-", "-inner);\n "])), themeState, activeTheming);
|
|
2494
2480
|
}, function (_ref7) {
|
|
2495
2481
|
var activeTheming = _ref7.activeTheming;
|
|
2496
|
-
return activeTheming === 'locked' && styled.css(
|
|
2482
|
+
return activeTheming === 'locked' && styled.css(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n width: calc(100% - var(--switch-border-width));\n background-color: var(--switch-special-locked-inner);\n box-shadow: none;\n\n ", " svg {\n transform: translateX(-1px);\n }\n "])), IconWrapper$1);
|
|
2497
2483
|
}, function (_ref8) {
|
|
2498
2484
|
var activeTheming = _ref8.activeTheming;
|
|
2499
|
-
return activeTheming === 'failure' && styled.css(
|
|
2485
|
+
return activeTheming === 'failure' && styled.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n background-color: var(--switch-special-failure-inner);\n "])));
|
|
2500
2486
|
}, function (_ref9) {
|
|
2501
2487
|
var activeTheming = _ref9.activeTheming,
|
|
2502
2488
|
$loading = _ref9.$loading;
|
|
2503
|
-
return $loading && styled.css(
|
|
2504
|
-
}, SwitchInner, function (
|
|
2505
|
-
var useIntent =
|
|
2506
|
-
position =
|
|
2489
|
+
return $loading && styled.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n border-color: var(--switch-default-", "-inner);\n box-shadow: none;\n "])), activeTheming);
|
|
2490
|
+
}, SwitchInner, function (_ref0) {
|
|
2491
|
+
var useIntent = _ref0.useIntent,
|
|
2492
|
+
position = _ref0.position;
|
|
2507
2493
|
return useIntent && position === SwitchPosition.Off && 'calc(var(--position-off) + var(--switch-intent-offset))' || useIntent && position === SwitchPosition.On && 'calc(var(--position-on) - var(--switch-intent-offset))';
|
|
2508
2494
|
});
|
|
2509
2495
|
var isTypeSwitchState = function isTypeSwitchState(value) {
|
|
2510
2496
|
return value === 'default' || value === 'loading' || value === 'locked' || value === 'disabled' || value === 'failure';
|
|
2511
2497
|
};
|
|
2512
|
-
var Switch = function Switch(
|
|
2498
|
+
var Switch = function Switch(_ref1) {
|
|
2513
2499
|
var _inputRef$current;
|
|
2514
|
-
var
|
|
2515
|
-
state =
|
|
2516
|
-
|
|
2517
|
-
leftTheme =
|
|
2518
|
-
|
|
2519
|
-
rightTheme =
|
|
2520
|
-
labelText =
|
|
2521
|
-
onChangeCallback =
|
|
2522
|
-
checked =
|
|
2523
|
-
|
|
2524
|
-
defaultChecked =
|
|
2500
|
+
var _ref1$state = _ref1.state,
|
|
2501
|
+
state = _ref1$state === void 0 ? 'default' : _ref1$state,
|
|
2502
|
+
_ref1$leftTheme = _ref1.leftTheme,
|
|
2503
|
+
leftTheme = _ref1$leftTheme === void 0 ? 'off' : _ref1$leftTheme,
|
|
2504
|
+
_ref1$rightTheme = _ref1.rightTheme,
|
|
2505
|
+
rightTheme = _ref1$rightTheme === void 0 ? 'on' : _ref1$rightTheme,
|
|
2506
|
+
labelText = _ref1.labelText,
|
|
2507
|
+
onChangeCallback = _ref1.onChangeCallback,
|
|
2508
|
+
checked = _ref1.checked,
|
|
2509
|
+
_ref1$defaultChecked = _ref1.defaultChecked,
|
|
2510
|
+
defaultChecked = _ref1$defaultChecked === void 0 ? false : _ref1$defaultChecked;
|
|
2525
2511
|
var isControlled = checked !== undefined;
|
|
2526
2512
|
var initialChecked = isControlled ? checked : defaultChecked;
|
|
2527
2513
|
var initialPosition = initialChecked ? SwitchPosition.On : SwitchPosition.Off;
|
|
@@ -2759,7 +2745,7 @@ function SvgNoImage() {
|
|
|
2759
2745
|
}));
|
|
2760
2746
|
}
|
|
2761
2747
|
|
|
2762
|
-
var _templateObject$l, _templateObject2$f, _templateObject3$e, _templateObject4$d, _templateObject5$b, _templateObject6$7, _templateObject7$7, _templateObject8$5, _templateObject9$5,
|
|
2748
|
+
var _templateObject$l, _templateObject2$f, _templateObject3$e, _templateObject4$d, _templateObject5$b, _templateObject6$7, _templateObject7$7, _templateObject8$5, _templateObject9$5, _templateObject0$5, _templateObject1$3, _templateObject10$2, _templateObject11$2, _templateObject12$1;
|
|
2763
2749
|
var CheckboxState;
|
|
2764
2750
|
(function (CheckboxState) {
|
|
2765
2751
|
CheckboxState["Off"] = "off";
|
|
@@ -2780,11 +2766,11 @@ var Container$8 = styled__default.label(_templateObject5$b || (_templateObject5$
|
|
|
2780
2766
|
}, function (_ref3) {
|
|
2781
2767
|
var visualState = _ref3.visualState,
|
|
2782
2768
|
disabled = _ref3.disabled;
|
|
2783
|
-
return visualState === CheckboxState.On && styled.css(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteralLoose(["\n /* Checked */ \n ", "{\n background-color: var(--input-toggle-checked-background-color);\n border-color: var(--input-toggle-checked-border-color);\n }\n /* Checked - Hover */\n ", ";\n\n /* Checked - Disabled */ \n ", "\n "])), CheckboxOuter, !disabled && styled.css(
|
|
2769
|
+
return visualState === CheckboxState.On && styled.css(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteralLoose(["\n /* Checked */ \n ", "{\n background-color: var(--input-toggle-checked-background-color);\n border-color: var(--input-toggle-checked-border-color);\n }\n /* Checked - Hover */\n ", ";\n\n /* Checked - Disabled */ \n ", "\n "])), CheckboxOuter, !disabled && styled.css(_templateObject0$5 || (_templateObject0$5 = _taggedTemplateLiteralLoose(["\n &:hover ", "{\n background-color: var(--input-toggle-checked-hover-background-color);\n border-color: var(--input-toggle-checked-hover-border-color);\n }"])), CheckboxOuter), disabled && styled.css(_templateObject1$3 || (_templateObject1$3 = _taggedTemplateLiteralLoose(["\n ", "{\n background-color: var(--input-toggle-checked-disabled-background-color);\n border-color: var(--input-toggle-checked-disabled-border-color);\n cursor: not-allowed;\n }\n ", "{\n opacity: 0.65;\n }\n "])), CheckboxOuter, IconWrapper$2));
|
|
2784
2770
|
}, function (_ref4) {
|
|
2785
2771
|
var visualState = _ref4.visualState,
|
|
2786
2772
|
disabled = _ref4.disabled;
|
|
2787
|
-
return visualState === CheckboxState.Indeterminate && styled.css(
|
|
2773
|
+
return visualState === CheckboxState.Indeterminate && styled.css(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n ", "{\n background-color: var(--input-toggle-intermediate-background-color);\n border-color: var(--input-toggle-intermediate-border-color);\n }\n ", ";\n ", "\n\n "])), CheckboxOuter, !disabled && styled.css(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n &:hover ", "{\n background-color: var(--input-toggle-intermediate-hover-background-color);\n border-color: var(--input-toggle-intermediate-hover-border-color);\n }\n "])), CheckboxOuter), disabled && styled.css(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n ", "{\n background-color: var(--input-toggle-intermediate-disabled-background-color);\n border-color: var(--input-toggle-intermediate-disabled-border-color);\n cursor: not-allowed;\n }\n ", "{\n opacity: 0.65;\n }\n "])), CheckboxOuter, IconWrapper$2));
|
|
2788
2774
|
});
|
|
2789
2775
|
var Checkbox = function Checkbox(_ref5) {
|
|
2790
2776
|
var _ref5$indeterminate = _ref5.indeterminate,
|
|
@@ -2836,7 +2822,7 @@ var Checkbox = function Checkbox(_ref5) {
|
|
|
2836
2822
|
})), " ");
|
|
2837
2823
|
};
|
|
2838
2824
|
|
|
2839
|
-
var _templateObject$m, _templateObject2$g, _templateObject3$f, _templateObject4$e, _templateObject5$c, _templateObject6$8, _templateObject7$8, _templateObject8$6, _templateObject9$6,
|
|
2825
|
+
var _templateObject$m, _templateObject2$g, _templateObject3$f, _templateObject4$e, _templateObject5$c, _templateObject6$8, _templateObject7$8, _templateObject8$6, _templateObject9$6, _templateObject0$6;
|
|
2840
2826
|
var InnerRadio = styled__default.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n width: 10px;\n height: 10px;\n border-radius: 50%;\n user-select: none;\n"])));
|
|
2841
2827
|
var OuterRadio = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n border-radius: 50%;\n border-width: 2px;\n border-style: solid;\n user-select: none;\n\n ", ";\n"])), function (_ref) {
|
|
2842
2828
|
var isChecked = _ref.isChecked,
|
|
@@ -2844,7 +2830,7 @@ var OuterRadio = styled__default.div(_templateObject2$g || (_templateObject2$g =
|
|
|
2844
2830
|
return styled.css(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n border-color: var(--input-toggle-unchecked-border-color);\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n "])), !disabled && styled.css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n &:hover {\n cursor: pointer;\n border-color: var(--input-toggle-unchecked-hover-border-color);\n }\n "]))), isChecked && !disabled && styled.css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n border-color: var(--input-toggle-checked-border-color);\n ", " {\n background-color: var(--input-toggle-checked-background-color);\n }\n "])), InnerRadio), isChecked && !disabled && styled.css(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n &:hover {\n border-color: var(--input-toggle-checked-hover-border-color);\n ", " {\n background-color: var(--input-toggle-checked-hover-background-color);\n }\n }\n "])), InnerRadio), isChecked && disabled && styled.css(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n border-color: var(--input-toggle-checked-disabled-border-color);\n ", " {\n background-color: var(--input-toggle-checked-disabled-background-color);\n }\n "])), InnerRadio), !isChecked && disabled && styled.css(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n border-color: var(--input-toggle-unchecked-disabled-border-color);\n ", " {\n background-color: var(--input-toggle-unchecked-disabled-background-color);\n }\n "])), InnerRadio));
|
|
2845
2831
|
});
|
|
2846
2832
|
var HiddenInput = styled__default.input(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n position: absolute;\n height: 100%;\n width: 100%;\n margin: 0;\n padding:0;\n opacity: 0;\n"])));
|
|
2847
|
-
var Container$9 = styled__default.div(
|
|
2833
|
+
var Container$9 = styled__default.div(_templateObject0$6 || (_templateObject0$6 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-block;\n width: 18px;\n height: 18px;\n user-select: none;\n border-radius: 50%;\n"])));
|
|
2848
2834
|
var RadioButton = function RadioButton(_ref2) {
|
|
2849
2835
|
var id = _ref2.id,
|
|
2850
2836
|
value = _ref2.value,
|
|
@@ -3124,7 +3110,7 @@ var isDateInterval = function isDateInterval(value) {
|
|
|
3124
3110
|
};
|
|
3125
3111
|
|
|
3126
3112
|
var _excluded$9 = ["min", "max", "marks", "defaultValue", "thumbColor", "disabled", "onlyMarkSelect", "inputCallback", "onChangeCallback", "allMarkCentered"];
|
|
3127
|
-
var _templateObject$p, _templateObject2$j, _templateObject3$i, _templateObject4$h, _templateObject5$f, _templateObject6$b, _templateObject7$b, _templateObject8$9, _templateObject9$9,
|
|
3113
|
+
var _templateObject$p, _templateObject2$j, _templateObject3$i, _templateObject4$h, _templateObject5$f, _templateObject6$b, _templateObject7$b, _templateObject8$9, _templateObject9$9, _templateObject0$7, _templateObject1$4, _templateObject10$3;
|
|
3128
3114
|
var ThumbDiameter = 16;
|
|
3129
3115
|
var SliderWrapper = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n position: relative;\n height: 30px;\n margin-top: 20px;\n ", ";\n"])), function (_ref) {
|
|
3130
3116
|
var theme = _ref.theme;
|
|
@@ -3155,16 +3141,16 @@ var MarkLabel = styled__default.span(_templateObject6$b || (_templateObject6$b =
|
|
|
3155
3141
|
var alignment = _ref8.alignment;
|
|
3156
3142
|
return alignment === 'left' && styled.css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["transform: translateX(-95%);"])));
|
|
3157
3143
|
});
|
|
3158
|
-
var ThumbWrapper = styled__default.div(
|
|
3159
|
-
var Thumb = styled__default.span(
|
|
3144
|
+
var ThumbWrapper = styled__default.div(_templateObject0$7 || (_templateObject0$7 = _taggedTemplateLiteralLoose(["\n position: relative;\n margin-right: 16px;\n left: 0;\n top: 10px;\n width: calc(100% - ", "px);\n height: 2px;\n"])), ThumbDiameter);
|
|
3145
|
+
var Thumb = styled__default.span(_templateObject1$4 || (_templateObject1$4 = _taggedTemplateLiteralLoose(["\n width: ", "px;\n height: ", "px;\n border-radius: 8px;\n background-color: ", ";\n position: absolute;\n top: -7.5px;\n left: ", ";\n"])), ThumbDiameter, ThumbDiameter, function (_ref9) {
|
|
3160
3146
|
var theme = _ref9.theme,
|
|
3161
3147
|
bgColor = _ref9.bgColor;
|
|
3162
3148
|
return theme.colors.feedback[bgColor];
|
|
3163
|
-
}, function (
|
|
3164
|
-
var leftValue =
|
|
3149
|
+
}, function (_ref0) {
|
|
3150
|
+
var leftValue = _ref0.leftValue;
|
|
3165
3151
|
return leftValue + "%";
|
|
3166
3152
|
});
|
|
3167
|
-
var GhostThumb = styled__default(Thumb)(
|
|
3153
|
+
var GhostThumb = styled__default(Thumb)(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteralLoose(["\n opacity: .5;\n"])));
|
|
3168
3154
|
var thumbLeftPosition = function thumbLeftPosition(value, min, max) {
|
|
3169
3155
|
return valueToPercent(value, min, max);
|
|
3170
3156
|
};
|
|
@@ -3210,9 +3196,9 @@ var getMarkAlignment = function getMarkAlignment(value, min, max) {
|
|
|
3210
3196
|
};
|
|
3211
3197
|
var renderMarks = function renderMarks(markList, min, max, listTag, allMarkCentered) {
|
|
3212
3198
|
var listOptions = [];
|
|
3213
|
-
var marksElements = markList.map(function (
|
|
3214
|
-
var value =
|
|
3215
|
-
label =
|
|
3199
|
+
var marksElements = markList.map(function (_ref1, index) {
|
|
3200
|
+
var value = _ref1.value,
|
|
3201
|
+
label = _ref1.label;
|
|
3216
3202
|
var left = index === markList.length - 1 ? 100 : valueToPercent(value, min, max);
|
|
3217
3203
|
listOptions.push(React__default.createElement("option", {
|
|
3218
3204
|
key: "option-" + value
|
|
@@ -3232,24 +3218,24 @@ var renderMarks = function renderMarks(markList, min, max, listTag, allMarkCente
|
|
|
3232
3218
|
}, listOptions));
|
|
3233
3219
|
};
|
|
3234
3220
|
var ghostThumbValue = 0;
|
|
3235
|
-
var SliderInput = function SliderInput(
|
|
3236
|
-
var min =
|
|
3237
|
-
max =
|
|
3238
|
-
marks =
|
|
3239
|
-
defaultValue =
|
|
3240
|
-
|
|
3241
|
-
thumbColor =
|
|
3242
|
-
|
|
3243
|
-
disabled =
|
|
3244
|
-
|
|
3245
|
-
onlyMarkSelect =
|
|
3246
|
-
|
|
3247
|
-
inputCallback =
|
|
3248
|
-
|
|
3249
|
-
onChangeCallback =
|
|
3250
|
-
|
|
3251
|
-
allMarkCentered =
|
|
3252
|
-
props = _objectWithoutPropertiesLoose(
|
|
3221
|
+
var SliderInput = function SliderInput(_ref10) {
|
|
3222
|
+
var min = _ref10.min,
|
|
3223
|
+
max = _ref10.max,
|
|
3224
|
+
marks = _ref10.marks,
|
|
3225
|
+
defaultValue = _ref10.defaultValue,
|
|
3226
|
+
_ref10$thumbColor = _ref10.thumbColor,
|
|
3227
|
+
thumbColor = _ref10$thumbColor === void 0 ? 'info' : _ref10$thumbColor,
|
|
3228
|
+
_ref10$disabled = _ref10.disabled,
|
|
3229
|
+
disabled = _ref10$disabled === void 0 ? false : _ref10$disabled,
|
|
3230
|
+
_ref10$onlyMarkSelect = _ref10.onlyMarkSelect,
|
|
3231
|
+
onlyMarkSelect = _ref10$onlyMarkSelect === void 0 ? false : _ref10$onlyMarkSelect,
|
|
3232
|
+
_ref10$inputCallback = _ref10.inputCallback,
|
|
3233
|
+
inputCallback = _ref10$inputCallback === void 0 ? function () {} : _ref10$inputCallback,
|
|
3234
|
+
_ref10$onChangeCallba = _ref10.onChangeCallback,
|
|
3235
|
+
onChangeCallback = _ref10$onChangeCallba === void 0 ? function () {} : _ref10$onChangeCallba,
|
|
3236
|
+
_ref10$allMarkCentere = _ref10.allMarkCentered,
|
|
3237
|
+
allMarkCentered = _ref10$allMarkCentere === void 0 ? false : _ref10$allMarkCentere,
|
|
3238
|
+
props = _objectWithoutPropertiesLoose(_ref10, _excluded$9);
|
|
3253
3239
|
var maxValid = getValidMax(max, min);
|
|
3254
3240
|
var minValid = getValidMin(max, min);
|
|
3255
3241
|
var initValue = defaultValue && isInsideRange(defaultValue, minValid, maxValid) ? defaultValue : minValid;
|
|
@@ -3928,7 +3914,7 @@ var areDimensionsDiff = function areDimensionsDiff(oldDimensions, newValues) {
|
|
|
3928
3914
|
return isDifferent;
|
|
3929
3915
|
};
|
|
3930
3916
|
|
|
3931
|
-
var _templateObject$u, _templateObject2$o, _templateObject3$m, _templateObject4$j, _templateObject5$h, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a,
|
|
3917
|
+
var _templateObject$u, _templateObject2$o, _templateObject3$m, _templateObject4$j, _templateObject5$h, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject0$8, _templateObject1$5, _templateObject10$4, _templateObject11$3, _templateObject12$2, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
|
|
3932
3918
|
var CropLineStyle = styled.css(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: block;\n opacity: 0.1;\n"])));
|
|
3933
3919
|
var TopLine = styled__default.div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n ", ";\n cursor: n-resize;\n width: 100%;\n height: 5px;\n left: 0;\n top: -3px;\n"])), CropLineStyle);
|
|
3934
3920
|
var RightLine = styled__default.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n ", ";\n cursor: e-resize;\n right: -3px;\n top: 0;\n width: 5px;\n height: 100%;\n"])), CropLineStyle);
|
|
@@ -3941,31 +3927,31 @@ var PointN = styled__default.div(_templateObject7$d || (_templateObject7$d = _ta
|
|
|
3941
3927
|
});
|
|
3942
3928
|
var PointNW = styled__default.div(_templateObject9$a || (_templateObject9$a = _taggedTemplateLiteralLoose(["\n ", ";\n top: -5px;\n left: -5px;\n ", ";\n"])), resizeSquaresCss, function (_ref2) {
|
|
3943
3929
|
var isResizable = _ref2.isResizable;
|
|
3944
|
-
return isResizable && styled.css(
|
|
3930
|
+
return isResizable && styled.css(_templateObject0$8 || (_templateObject0$8 = _taggedTemplateLiteralLoose(["\n cursor: nw-resize;\n "])));
|
|
3945
3931
|
});
|
|
3946
|
-
var PointNE = styled__default.div(
|
|
3932
|
+
var PointNE = styled__default.div(_templateObject1$5 || (_templateObject1$5 = _taggedTemplateLiteralLoose(["\n ", ";\n top: -5px;\n right: -5px;\n ", ";\n"])), resizeSquaresCss, function (_ref3) {
|
|
3947
3933
|
var isResizable = _ref3.isResizable;
|
|
3948
|
-
return isResizable && styled.css(
|
|
3934
|
+
return isResizable && styled.css(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteralLoose(["\n cursor: ne-resize;\n "])));
|
|
3949
3935
|
});
|
|
3950
|
-
var PointE = styled__default.div(
|
|
3936
|
+
var PointE = styled__default.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteralLoose(["\n ", ";\n margin-top: -5px;\n top: 50%;\n right: -5px;\n ", ";\n"])), resizeSquaresCss, function (_ref4) {
|
|
3951
3937
|
var isResizable = _ref4.isResizable;
|
|
3952
|
-
return isResizable && styled.css(
|
|
3938
|
+
return isResizable && styled.css(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteralLoose(["\n cursor: e-resize;\n "])));
|
|
3953
3939
|
});
|
|
3954
|
-
var PointSE = styled__default.div(
|
|
3940
|
+
var PointSE = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n ", ";\n bottom: -5px;\n right: -5px;\n ", ";\n"])), resizeSquaresCss, function (_ref5) {
|
|
3955
3941
|
var isResizable = _ref5.isResizable;
|
|
3956
|
-
return isResizable && styled.css(
|
|
3942
|
+
return isResizable && styled.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n cursor: se-resize;\n "])));
|
|
3957
3943
|
});
|
|
3958
|
-
var PointS = styled__default.div(
|
|
3944
|
+
var PointS = styled__default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n ", ";\n bottom: -5px;\n left: 50%;\n margin-left: -5px;\n ", ";\n"])), resizeSquaresCss, function (_ref6) {
|
|
3959
3945
|
var isResizable = _ref6.isResizable;
|
|
3960
|
-
return isResizable && styled.css(
|
|
3946
|
+
return isResizable && styled.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n cursor: s-resize;\n "])));
|
|
3961
3947
|
});
|
|
3962
|
-
var PointSW = styled__default.div(
|
|
3948
|
+
var PointSW = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n ", ";\n bottom: -5px;\n left: -5px;\n ", ";\n"])), resizeSquaresCss, function (_ref7) {
|
|
3963
3949
|
var isResizable = _ref7.isResizable;
|
|
3964
|
-
return isResizable && styled.css(
|
|
3950
|
+
return isResizable && styled.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n cursor: sw-resize;\n "])));
|
|
3965
3951
|
});
|
|
3966
|
-
var PointW = styled__default.div(
|
|
3952
|
+
var PointW = styled__default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n ", ";\n margin-top: -5px;\n top: 50%;\n left: -5px;\n ", ";\n"])), resizeSquaresCss, function (_ref8) {
|
|
3967
3953
|
var isResizable = _ref8.isResizable;
|
|
3968
|
-
return isResizable && styled.css(
|
|
3954
|
+
return isResizable && styled.css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n cursor: w-resize;\n "])));
|
|
3969
3955
|
});
|
|
3970
3956
|
var CropArea = function CropArea(_ref9) {
|
|
3971
3957
|
var isResizable = _ref9.isResizable,
|
|
@@ -5147,18 +5133,13 @@ function _catch(body, recover) {
|
|
|
5147
5133
|
|
|
5148
5134
|
var _path, _path2;
|
|
5149
5135
|
function _extends$1() {
|
|
5150
|
-
_extends$1 = Object.assign ? Object.assign.bind() : function (
|
|
5151
|
-
for (var
|
|
5152
|
-
var
|
|
5153
|
-
for (var
|
|
5154
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
5155
|
-
target[key] = source[key];
|
|
5156
|
-
}
|
|
5157
|
-
}
|
|
5136
|
+
return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
|
|
5137
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
5138
|
+
var t = arguments[e];
|
|
5139
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
5158
5140
|
}
|
|
5159
|
-
return
|
|
5160
|
-
};
|
|
5161
|
-
return _extends$1.apply(this, arguments);
|
|
5141
|
+
return n;
|
|
5142
|
+
}, _extends$1.apply(null, arguments);
|
|
5162
5143
|
}
|
|
5163
5144
|
function SvgNoImageBig(props) {
|
|
5164
5145
|
return /*#__PURE__*/React.createElement("svg", _extends$1({
|
|
@@ -5290,12 +5271,12 @@ var videoDefaultOptions = {
|
|
|
5290
5271
|
var useMediaModal = function useMediaModal() {
|
|
5291
5272
|
var isMediaUrlValid = function isMediaUrlValid(src, mediaType) {
|
|
5292
5273
|
try {
|
|
5293
|
-
var
|
|
5274
|
+
var _temp5 = function _temp5() {
|
|
5294
5275
|
var _temp3 = function () {
|
|
5295
5276
|
if (mediaType === 'video') {
|
|
5296
5277
|
var videoElement = document.createElement('video');
|
|
5297
5278
|
videoElement.src = src;
|
|
5298
|
-
var
|
|
5279
|
+
var _temp2 = _catch(function () {
|
|
5299
5280
|
return Promise.resolve(new Promise(function (resolve, reject) {
|
|
5300
5281
|
videoElement.oncanplaythrough = function () {
|
|
5301
5282
|
return resolve(isValid = true);
|
|
@@ -5305,7 +5286,7 @@ var useMediaModal = function useMediaModal() {
|
|
|
5305
5286
|
}, function () {
|
|
5306
5287
|
isValid = false;
|
|
5307
5288
|
});
|
|
5308
|
-
if (
|
|
5289
|
+
if (_temp2 && _temp2.then) return _temp2.then(function () {});
|
|
5309
5290
|
}
|
|
5310
5291
|
}();
|
|
5311
5292
|
return _temp3 && _temp3.then ? _temp3.then(function () {
|
|
@@ -5313,11 +5294,11 @@ var useMediaModal = function useMediaModal() {
|
|
|
5313
5294
|
}) : isValid;
|
|
5314
5295
|
};
|
|
5315
5296
|
var isValid = false;
|
|
5316
|
-
var
|
|
5297
|
+
var _temp4 = function () {
|
|
5317
5298
|
if (mediaType === 'img') {
|
|
5318
5299
|
var img = new Image();
|
|
5319
5300
|
img.src = src;
|
|
5320
|
-
var
|
|
5301
|
+
var _temp = _catch(function () {
|
|
5321
5302
|
return Promise.resolve(new Promise(function (resolve, reject) {
|
|
5322
5303
|
img.onload = function () {
|
|
5323
5304
|
return resolve(isValid = true);
|
|
@@ -5327,10 +5308,10 @@ var useMediaModal = function useMediaModal() {
|
|
|
5327
5308
|
}, function () {
|
|
5328
5309
|
isValid = false;
|
|
5329
5310
|
});
|
|
5330
|
-
if (
|
|
5311
|
+
if (_temp && _temp.then) return _temp.then(function () {});
|
|
5331
5312
|
}
|
|
5332
5313
|
}();
|
|
5333
|
-
return Promise.resolve(
|
|
5314
|
+
return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
|
|
5334
5315
|
} catch (e) {
|
|
5335
5316
|
return Promise.reject(e);
|
|
5336
5317
|
}
|
|
@@ -5755,7 +5736,7 @@ var DateTimeBlock = function DateTimeBlock(_ref6) {
|
|
|
5755
5736
|
})))));
|
|
5756
5737
|
};
|
|
5757
5738
|
|
|
5758
|
-
var _templateObject$G, _templateObject2$z, _templateObject3$w, _templateObject4$s, _templateObject5$p, _templateObject6$k, _templateObject7$j, _templateObject8$g, _templateObject9$d,
|
|
5739
|
+
var _templateObject$G, _templateObject2$z, _templateObject3$w, _templateObject4$s, _templateObject5$p, _templateObject6$k, _templateObject7$j, _templateObject8$g, _templateObject9$d, _templateObject0$9, _templateObject1$6, _templateObject10$5, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32;
|
|
5759
5740
|
var initializeInterval = function initializeInterval(day) {
|
|
5760
5741
|
return {
|
|
5761
5742
|
start: dateFns.set(day, {
|
|
@@ -5776,95 +5757,95 @@ var CalendarArea = styled__default.div(_templateObject6$k || (_templateObject6$k
|
|
|
5776
5757
|
var CalendarHeader = styled__default.div(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 70px;\n border-bottom: var(--grey-6) 1px solid;\n text-align: center;\n"])));
|
|
5777
5758
|
var CurrentMonth = styled__default.div(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n flex: 1;\n flex-direction: column;\n display: flex;\n align-items: center;\n justify-content: center;\n\n text-align: center;\n font-size: 20px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.5px;\n color: var(--primary-10);\n\n span {\n display: block;\n flex: 0;\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.33px;\n }\n"])));
|
|
5778
5759
|
var IconWrap$1 = styled__default.div(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n [stroke]{\n stroke: var(--grey-8);\n }\n"])));
|
|
5779
|
-
var PaginateMonth = styled__default.button(
|
|
5780
|
-
var CalBody = styled__default.div(
|
|
5781
|
-
var CalButtons = styled__default.div(
|
|
5782
|
-
var CalRightButtons = styled__default.div(
|
|
5783
|
-
var CalRow = styled__default.div(
|
|
5784
|
-
var CalHRow = styled__default(CalRow)(
|
|
5785
|
-
var CalCell = styled__default.button(
|
|
5786
|
-
var CalHCell = styled__default(CalCell)(
|
|
5787
|
-
var ContentDot = styled__default.div(
|
|
5760
|
+
var PaginateMonth = styled__default.button(_templateObject0$9 || (_templateObject0$9 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n flex: 0 0 72px;\n border: none;\n background: transparent;\n outline: none;\n text-align: center;\n font-size: 12px;\n font-weight: 700;\n line-height: 20px;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: var(--grey-10);\n display: flex;\n justify-content: space-around;\n align-items: center;\n\n transition: color var(--speed-fast) var(--easing-primary-in-out);\n\n ", "{\n svg * {\n transition: stroke var(--speed-fast) var(--easing-primary-in-out);\n }\n }\n\n &:hover:enabled {\n color: var(--grey-12);\n\n ", "{\n [stroke]{\n stroke: var(--grey-12);\n }\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n"])), IconWrap$1, IconWrap$1);
|
|
5761
|
+
var CalBody = styled__default.div(_templateObject1$6 || (_templateObject1$6 = _taggedTemplateLiteralLoose(["\n padding: 5px 0;\n"])));
|
|
5762
|
+
var CalButtons = styled__default.div(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteralLoose(["\n display: flex;\n padding: 4px;\n justify-content: flex-end;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-top: 1px solid var(--grey-6);\n"])));
|
|
5763
|
+
var CalRightButtons = styled__default.div(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 4px;\n"])));
|
|
5764
|
+
var CalRow = styled__default.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(7, 40px);\n height: 40px;\n box-sizing: border-box;\n\n padding: 0 10px;\n"])));
|
|
5765
|
+
var CalHRow = styled__default(CalRow)(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteralLoose(["\n border-bottom: var(--grey-6) 1px solid;\n"])));
|
|
5766
|
+
var CalCell = styled__default.button(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n text-align: center;\n justify-content: center;\n align-items: center;\n border-radius: 5px;\n font-size: 14px;\n font-weight: 400;\n text-decoration: none;\n color: var(--grey-12);\n font-family: var(--font-data);\n"])), resetButtonStyles);
|
|
5767
|
+
var CalHCell = styled__default(CalCell)(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 12px;\n font-weight: 700;\n color: var(--grey-a11);\n"])));
|
|
5768
|
+
var ContentDot = styled__default.div(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 18px;\n bottom: 5px;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: var(--primary-11);\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
5788
5769
|
var state = _ref.state;
|
|
5789
|
-
return (state === 'single' || state === 'start' || state === 'end') && styled.css(
|
|
5770
|
+
return (state === 'single' || state === 'start' || state === 'end') && styled.css(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n background-color: var(--white-12);"])));
|
|
5790
5771
|
}, function (_ref2) {
|
|
5791
5772
|
var state = _ref2.state;
|
|
5792
|
-
return state === 'inside' && styled.css(
|
|
5773
|
+
return state === 'inside' && styled.css(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n background-color: var(--primary-12);"])));
|
|
5793
5774
|
}, function (_ref3) {
|
|
5794
5775
|
var isToday = _ref3.isToday;
|
|
5795
|
-
return isToday && styled.css(
|
|
5776
|
+
return isToday && styled.css(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n left: 16px;\n bottom: 3px;\n "])));
|
|
5796
5777
|
}, function (_ref4) {
|
|
5797
5778
|
var hasContent = _ref4.hasContent;
|
|
5798
|
-
return !hasContent && styled.css(
|
|
5779
|
+
return !hasContent && styled.css(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n display: none;\n "])));
|
|
5799
5780
|
});
|
|
5800
|
-
var DayText = styled__default.span(
|
|
5801
|
-
var CalCellB = styled__default(CalCell)(
|
|
5781
|
+
var DayText = styled__default.span(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n transform: translateY(-1px);\n"])));
|
|
5782
|
+
var CalCellB = styled__default(CalCell)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: relative;\n text-align: center;\n font-size: 14px;\n font-weight: 400;\n\n ", "\n\n ", "\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n &:disabled {\n color: var(--grey-6);\n cursor: not-allowed;\n\n ", "\n\n ", ";\n }\n\n"])), function (_ref5) {
|
|
5802
5783
|
var thisMonth = _ref5.thisMonth;
|
|
5803
|
-
return !thisMonth && styled.css(
|
|
5784
|
+
return !thisMonth && styled.css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n color: var(--grey-a8);\n "])));
|
|
5804
5785
|
}, function (_ref6) {
|
|
5805
5786
|
var isToday = _ref6.isToday;
|
|
5806
|
-
return isToday && styled.css(
|
|
5787
|
+
return isToday && styled.css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n border: 2px solid var(--primary-a7);\n "])));
|
|
5807
5788
|
}, function (_ref7) {
|
|
5808
5789
|
var state = _ref7.state;
|
|
5809
|
-
return state !== 'single' && state !== 'start' && state !== 'end' && styled.css(
|
|
5790
|
+
return state !== 'single' && state !== 'start' && state !== 'end' && styled.css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n &:hover:enabled {\n background: var(--primary-a6);\n color: var(--white-1);\n }\n "])));
|
|
5810
5791
|
}, function (_ref8) {
|
|
5811
5792
|
var state = _ref8.state;
|
|
5812
|
-
return (state === 'single' || state === 'start' || state === 'end') && styled.css(
|
|
5793
|
+
return (state === 'single' || state === 'start' || state === 'end') && styled.css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n background: var(--primary-9);\n color: var(--white-1);\n "])));
|
|
5813
5794
|
}, function (_ref9) {
|
|
5814
5795
|
var state = _ref9.state;
|
|
5815
|
-
return state === 'start' && styled.css(
|
|
5796
|
+
return state === 'start' && styled.css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n "])));
|
|
5797
|
+
}, function (_ref0) {
|
|
5798
|
+
var state = _ref0.state;
|
|
5799
|
+
return state === 'end' && styled.css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n "])));
|
|
5800
|
+
}, function (_ref1) {
|
|
5801
|
+
var state = _ref1.state;
|
|
5802
|
+
return state === 'insideHover' && styled.css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n background: var(--primary-a9) !important;\n color: var(--white-1);\n "])));
|
|
5816
5803
|
}, function (_ref10) {
|
|
5817
5804
|
var state = _ref10.state;
|
|
5818
|
-
return state === '
|
|
5805
|
+
return state === 'inside' && styled.css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n background: var(--primary-a5);\n border-radius: 0;\n opacity: 1;\n\n &:nth-child(7n+1), &:nth-child(7n){\n &::after {\n background: var(--primary-a5);\n display: block;\n content: '';\n position: absolute;\n left: -10px;\n width: 10px;\n top: 0;\n height: 40px;\n }\n }\n\n &:nth-child(7n)::after {\n left: auto;\n right: -10px;\n }\n "])));
|
|
5819
5806
|
}, function (_ref11) {
|
|
5820
5807
|
var state = _ref11.state;
|
|
5821
|
-
return state === '
|
|
5808
|
+
return (state === 'single' || state === 'start' || state === 'end') && styled.css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n color: var(--white-1);\n background: var(--red-a9);\n "])));
|
|
5822
5809
|
}, function (_ref12) {
|
|
5823
5810
|
var state = _ref12.state;
|
|
5824
|
-
return state === 'inside' && styled.css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n
|
|
5825
|
-
}, function (_ref13) {
|
|
5826
|
-
var state = _ref13.state;
|
|
5827
|
-
return (state === 'single' || state === 'start' || state === 'end') && styled.css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n color: var(--white-1);\n background: var(--red-a9);\n "])));
|
|
5828
|
-
}, function (_ref14) {
|
|
5829
|
-
var state = _ref14.state;
|
|
5830
|
-
return state === 'inside' && styled.css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n color: var(--white-1);\n background: var(--red-a7);\n &:nth-child(7n+1), &:nth-child(7n){\n &::after {\n background: var(--red-a7);\n }\n }\n "])));
|
|
5811
|
+
return state === 'inside' && styled.css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n color: var(--white-1);\n background: var(--red-a7);\n &:nth-child(7n+1), &:nth-child(7n){\n &::after {\n background: var(--red-a7);\n }\n }\n "])));
|
|
5831
5812
|
});
|
|
5832
5813
|
var enDayGuide = ["S", "M", "T", "W", "T", "F", "S"];
|
|
5833
5814
|
var jpDayGuide = ['日', '月', '火', '水', '木', '金', '土'];
|
|
5834
|
-
var DatePicker = function DatePicker(
|
|
5835
|
-
var
|
|
5836
|
-
dateMode =
|
|
5837
|
-
|
|
5838
|
-
timeMode =
|
|
5839
|
-
|
|
5840
|
-
dateTimeTextUpper =
|
|
5841
|
-
|
|
5842
|
-
dateTimeTextLower =
|
|
5843
|
-
|
|
5844
|
-
timeZoneTitle =
|
|
5845
|
-
|
|
5846
|
-
timeZoneValueTitle =
|
|
5847
|
-
|
|
5848
|
-
hasEmptyValue =
|
|
5849
|
-
|
|
5850
|
-
updateCallback =
|
|
5851
|
-
initialValue =
|
|
5852
|
-
availableRange =
|
|
5853
|
-
contentDays =
|
|
5854
|
-
|
|
5855
|
-
lang =
|
|
5856
|
-
|
|
5857
|
-
cancelText =
|
|
5858
|
-
|
|
5859
|
-
applyText =
|
|
5860
|
-
|
|
5861
|
-
hasApply =
|
|
5862
|
-
|
|
5863
|
-
disableApply =
|
|
5864
|
-
|
|
5865
|
-
applyCallback =
|
|
5866
|
-
|
|
5867
|
-
cancelCallback =
|
|
5815
|
+
var DatePicker = function DatePicker(_ref13) {
|
|
5816
|
+
var _ref13$dateMode = _ref13.dateMode,
|
|
5817
|
+
dateMode = _ref13$dateMode === void 0 ? 'interval' : _ref13$dateMode,
|
|
5818
|
+
_ref13$timeMode = _ref13.timeMode,
|
|
5819
|
+
timeMode = _ref13$timeMode === void 0 ? 'interval' : _ref13$timeMode,
|
|
5820
|
+
_ref13$dateTimeTextUp = _ref13.dateTimeTextUpper,
|
|
5821
|
+
dateTimeTextUpper = _ref13$dateTimeTextUp === void 0 ? 'From' : _ref13$dateTimeTextUp,
|
|
5822
|
+
_ref13$dateTimeTextLo = _ref13.dateTimeTextLower,
|
|
5823
|
+
dateTimeTextLower = _ref13$dateTimeTextLo === void 0 ? 'To' : _ref13$dateTimeTextLo,
|
|
5824
|
+
_ref13$timeZoneTitle = _ref13.timeZoneTitle,
|
|
5825
|
+
timeZoneTitle = _ref13$timeZoneTitle === void 0 ? 'Timezone' : _ref13$timeZoneTitle,
|
|
5826
|
+
_ref13$timeZoneValueT = _ref13.timeZoneValueTitle,
|
|
5827
|
+
timeZoneValueTitle = _ref13$timeZoneValueT === void 0 ? 'JST' : _ref13$timeZoneValueT,
|
|
5828
|
+
_ref13$hasEmptyValue = _ref13.hasEmptyValue,
|
|
5829
|
+
hasEmptyValue = _ref13$hasEmptyValue === void 0 ? false : _ref13$hasEmptyValue,
|
|
5830
|
+
_ref13$updateCallback = _ref13.updateCallback,
|
|
5831
|
+
updateCallback = _ref13$updateCallback === void 0 ? function () {} : _ref13$updateCallback,
|
|
5832
|
+
initialValue = _ref13.initialValue,
|
|
5833
|
+
availableRange = _ref13.availableRange,
|
|
5834
|
+
contentDays = _ref13.contentDays,
|
|
5835
|
+
_ref13$lang = _ref13.lang,
|
|
5836
|
+
lang = _ref13$lang === void 0 ? 'en' : _ref13$lang,
|
|
5837
|
+
_ref13$cancelText = _ref13.cancelText,
|
|
5838
|
+
cancelText = _ref13$cancelText === void 0 ? 'Cancel' : _ref13$cancelText,
|
|
5839
|
+
_ref13$applyText = _ref13.applyText,
|
|
5840
|
+
applyText = _ref13$applyText === void 0 ? 'Apply' : _ref13$applyText,
|
|
5841
|
+
_ref13$hasApply = _ref13.hasApply,
|
|
5842
|
+
hasApply = _ref13$hasApply === void 0 ? false : _ref13$hasApply,
|
|
5843
|
+
_ref13$disableApply = _ref13.disableApply,
|
|
5844
|
+
disableApply = _ref13$disableApply === void 0 ? false : _ref13$disableApply,
|
|
5845
|
+
_ref13$applyCallback = _ref13.applyCallback,
|
|
5846
|
+
applyCallback = _ref13$applyCallback === void 0 ? function () {} : _ref13$applyCallback,
|
|
5847
|
+
_ref13$cancelCallback = _ref13.cancelCallback,
|
|
5848
|
+
cancelCallback = _ref13$cancelCallback === void 0 ? function () {} : _ref13$cancelCallback;
|
|
5868
5849
|
var _useState = React.useState(getInitialValue(hasEmptyValue, initialValue)),
|
|
5869
5850
|
selectedRange = _useState[0],
|
|
5870
5851
|
setSelectedRange = _useState[1];
|
|
@@ -5930,9 +5911,9 @@ var DatePicker = function DatePicker(_ref15) {
|
|
|
5930
5911
|
}
|
|
5931
5912
|
}, [dateMode, selectedRange, targetedDate]);
|
|
5932
5913
|
React.useEffect(function () {
|
|
5933
|
-
var
|
|
5934
|
-
start =
|
|
5935
|
-
end =
|
|
5914
|
+
var _ref14 = selectedRange ? selectedRange : TODAY_INTERVAL,
|
|
5915
|
+
start = _ref14.start,
|
|
5916
|
+
end = _ref14.end;
|
|
5936
5917
|
if (timeMode === 'interval' && dateFns.isAfter(dateFns.add(start, {
|
|
5937
5918
|
minutes: 1
|
|
5938
5919
|
}), end)) {
|
|
@@ -5946,16 +5927,16 @@ var DatePicker = function DatePicker(_ref15) {
|
|
|
5946
5927
|
}
|
|
5947
5928
|
}, [selectedRange, timeMode]);
|
|
5948
5929
|
var updateStartDate = React.useCallback(function (start) {
|
|
5949
|
-
var
|
|
5950
|
-
end =
|
|
5930
|
+
var _ref15 = selectedRange ? selectedRange : TODAY_INTERVAL,
|
|
5931
|
+
end = _ref15.end;
|
|
5951
5932
|
setSelectedRange({
|
|
5952
5933
|
start: start,
|
|
5953
5934
|
end: end
|
|
5954
5935
|
});
|
|
5955
5936
|
}, [selectedRange]);
|
|
5956
5937
|
var updateEndDate = React.useCallback(function (end) {
|
|
5957
|
-
var
|
|
5958
|
-
start =
|
|
5938
|
+
var _ref16 = selectedRange ? selectedRange : TODAY_INTERVAL,
|
|
5939
|
+
start = _ref16.start;
|
|
5959
5940
|
setSelectedRange({
|
|
5960
5941
|
start: start,
|
|
5961
5942
|
end: end
|
|
@@ -6142,7 +6123,7 @@ var FilterDropdownContainer = function FilterDropdownContainer(_ref) {
|
|
|
6142
6123
|
};
|
|
6143
6124
|
|
|
6144
6125
|
var _excluded$o = ["icon", "hasFlipArrow", "isSortAscending", "isOpen", "design", "children"];
|
|
6145
|
-
var _templateObject$I, _templateObject2$B, _templateObject3$x, _templateObject4$t, _templateObject5$q, _templateObject6$l, _templateObject7$k, _templateObject8$h, _templateObject9$e,
|
|
6126
|
+
var _templateObject$I, _templateObject2$B, _templateObject3$x, _templateObject4$t, _templateObject5$q, _templateObject6$l, _templateObject7$k, _templateObject8$h, _templateObject9$e, _templateObject0$a;
|
|
6146
6127
|
var LeftIconWrapper$1 = styled__default.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n ", ";\n padding: 0 6px;\n"])), function (_ref) {
|
|
6147
6128
|
var isSortAscending = _ref.isSortAscending;
|
|
6148
6129
|
return isSortAscending && styled.css(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n transform: scaleY(-1);\n "])));
|
|
@@ -6170,7 +6151,7 @@ var StyledButton$4 = styled__default.button(_templateObject5$q || (_templateObje
|
|
|
6170
6151
|
return isOpen && hasFlipArrow && styled.css(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n background-color: var(--primary-9);\n border: solid 1px var(--primary-9);\n color: var(--white-1);\n\n &, &:hover:enabled, &:active:enabled {\n color: var(--white-1);\n ", " {\n [stroke]{\n stroke: var(--white-1);\n }\n }\n }\n\n ", " ", " {\n [stroke]{\n stroke: var(--white-1);\n }\n };\n "])), IconWrapper, FlipArrowContainer, IconWrapper);
|
|
6171
6152
|
});
|
|
6172
6153
|
var InnerContainer$3 = styled__default.div(_templateObject9$e || (_templateObject9$e = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 4px;\n"])));
|
|
6173
|
-
var ButtonText = styled__default.div(
|
|
6154
|
+
var ButtonText = styled__default.div(_templateObject0$a || (_templateObject0$a = _taggedTemplateLiteralLoose([""])));
|
|
6174
6155
|
var FilterButton = function FilterButton(_ref8) {
|
|
6175
6156
|
var icon = _ref8.icon,
|
|
6176
6157
|
_ref8$hasFlipArrow = _ref8.hasFlipArrow,
|
|
@@ -6207,7 +6188,7 @@ var FilterButton = function FilterButton(_ref8) {
|
|
|
6207
6188
|
};
|
|
6208
6189
|
|
|
6209
6190
|
var _excluded$p = ["title", "value", "optionType", "selected", "disabled", "onClick"];
|
|
6210
|
-
var _templateObject$J, _templateObject2$C, _templateObject3$y, _templateObject4$u, _templateObject5$r, _templateObject6$m, _templateObject7$l, _templateObject8$i, _templateObject9$f,
|
|
6191
|
+
var _templateObject$J, _templateObject2$C, _templateObject3$y, _templateObject4$u, _templateObject5$r, _templateObject6$m, _templateObject7$l, _templateObject8$i, _templateObject9$f, _templateObject0$b;
|
|
6211
6192
|
var Title$1 = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n font-family: var(--font-ui);\n display: block;\n color: var(--grey-12);\n font-size: 14px;\n font-weight: 500;\n user-select: none;\n pointer-events: none;\n white-space: nowrap;\n"])));
|
|
6212
6193
|
var FakeCheckbox = styled__default.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n position: relative;\n width: 18px;\n height: 18px;\n border-radius: 5px;\n border-width: 2px;\n border-style: solid;\n"])));
|
|
6213
6194
|
var FakeCheckboxInner = styled__default.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n box-sizing: border-box;\n"])));
|
|
@@ -6217,7 +6198,7 @@ var FakeInnerRadio = styled__default.div(_templateObject6$m || (_templateObject6
|
|
|
6217
6198
|
var Container$q = styled__default.div(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 100%;\n width: 100%;\n gap: 12px;\n\n ", ";\n"])), function (_ref) {
|
|
6218
6199
|
var selected = _ref.selected,
|
|
6219
6200
|
disabled = _ref.disabled;
|
|
6220
|
-
return styled.css(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n \n ", ", ", " {\n border-color: var(--input-toggle-unchecked-border-color);\n }\n\n &:hover {\n cursor: pointer;\n ", " {\n color: var(--input-label-hover);\n }\n\n ", ", ", " {\n border-color: var(--input-toggle-unchecked-hover-border-color);\n ", ", ", " {\n background-color: var(--input-toggle-unchecked-background-color);\n }\n }\n }\n\n ", ";\n\n ", ";\n\n ", ", ", " {\n transition: border-color var(--speed-faster) var(--easing-primary-out);\n }\n\n ", " {\n transition: background-color var(--speed-faster) var(--easing-primary-out);\n }\n\n ", "{\n transition: color var(--speed-faster) var(--easing-primary-out);\n }\n \n "])), FakeCheckbox, FakeRadioButton, Title$1, FakeCheckbox, FakeRadioButton, FakeInnerRadio, FakeCheckboxInner, selected && styled.css(_templateObject9$f || (_templateObject9$f = _taggedTemplateLiteralLoose(["\n ", " {\n color: var(--input-label-active);\n font-weight: 600;\n }\n\n ", ", ", " {\n border-color: var(--input-toggle-checked-border-color);\n ", ", ", " {\n background-color: var(--input-toggle-checked-background-color);\n }\n }\n \n &:hover {\n cursor: pointer;\n ", " {\n color: var(--input-label-hover);\n }\n\n ", ", ", " {\n border-color: var(--input-toggle-checked-hover-border-color);\n ", ", ", " {\n background-color: var(--input-toggle-checked-hover-background-color);\n }\n }\n }\n \n\n "])), Title$1, FakeCheckbox, FakeRadioButton, FakeInnerRadio, FakeCheckboxInner, Title$1, FakeCheckbox, FakeRadioButton, FakeInnerRadio, FakeCheckboxInner), disabled && styled.css(
|
|
6201
|
+
return styled.css(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n \n ", ", ", " {\n border-color: var(--input-toggle-unchecked-border-color);\n }\n\n &:hover {\n cursor: pointer;\n ", " {\n color: var(--input-label-hover);\n }\n\n ", ", ", " {\n border-color: var(--input-toggle-unchecked-hover-border-color);\n ", ", ", " {\n background-color: var(--input-toggle-unchecked-background-color);\n }\n }\n }\n\n ", ";\n\n ", ";\n\n ", ", ", " {\n transition: border-color var(--speed-faster) var(--easing-primary-out);\n }\n\n ", " {\n transition: background-color var(--speed-faster) var(--easing-primary-out);\n }\n\n ", "{\n transition: color var(--speed-faster) var(--easing-primary-out);\n }\n \n "])), FakeCheckbox, FakeRadioButton, Title$1, FakeCheckbox, FakeRadioButton, FakeInnerRadio, FakeCheckboxInner, selected && styled.css(_templateObject9$f || (_templateObject9$f = _taggedTemplateLiteralLoose(["\n ", " {\n color: var(--input-label-active);\n font-weight: 600;\n }\n\n ", ", ", " {\n border-color: var(--input-toggle-checked-border-color);\n ", ", ", " {\n background-color: var(--input-toggle-checked-background-color);\n }\n }\n \n &:hover {\n cursor: pointer;\n ", " {\n color: var(--input-label-hover);\n }\n\n ", ", ", " {\n border-color: var(--input-toggle-checked-hover-border-color);\n ", ", ", " {\n background-color: var(--input-toggle-checked-hover-background-color);\n }\n }\n }\n \n\n "])), Title$1, FakeCheckbox, FakeRadioButton, FakeInnerRadio, FakeCheckboxInner, Title$1, FakeCheckbox, FakeRadioButton, FakeInnerRadio, FakeCheckboxInner), disabled && styled.css(_templateObject0$b || (_templateObject0$b = _taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n "]))), FakeCheckbox, FakeRadioButton, FakeInnerRadio, Title$1);
|
|
6221
6202
|
});
|
|
6222
6203
|
var FilterOption = function FilterOption(_ref2) {
|
|
6223
6204
|
var title = _ref2.title,
|
|
@@ -6490,7 +6471,7 @@ var FooterControls = function FooterControls(_ref) {
|
|
|
6490
6471
|
};
|
|
6491
6472
|
|
|
6492
6473
|
var _excluded$s = ["buttonIcon", "buttonText", "list", "selected", "disabled", "isLoading", "loadingText", "optionType", "hasOptionsFilter", "searchPlaceholder", "maxDisplayedItems", "searchResultText", "emptyResultText", "design", "resetText", "cancelText", "closeText", "applyText", "hasReset", "hasApply", "descendingText", "ascendingText", "isListAscending", "onSelect", "onResetCallback", "onCancelCallback"];
|
|
6493
|
-
var _templateObject$O, _templateObject2$H, _templateObject3$C, _templateObject4$x, _templateObject5$t, _templateObject6$o, _templateObject7$n, _templateObject8$k, _templateObject9$g,
|
|
6474
|
+
var _templateObject$O, _templateObject2$H, _templateObject3$C, _templateObject4$x, _templateObject5$t, _templateObject6$o, _templateObject7$n, _templateObject8$k, _templateObject9$g, _templateObject0$c;
|
|
6494
6475
|
var Container$u = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n display: inline-block;\n position: relative;\n"])));
|
|
6495
6476
|
var StyledFilterOption = styled__default(FilterOption)(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n letter-spacing: 0.2px;\n"])));
|
|
6496
6477
|
var OptionList = styled__default.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n max-height: ", ";\n min-height: 40px;\n position: relative;\n overflow-y: auto;\n padding: 8px 0;\n\n ", " {\n height: 40px;\n padding-left: 16px;\n }\n"])), function (_ref) {
|
|
@@ -6503,7 +6484,7 @@ var FilterResultsToolbar = styled__default.div(_templateObject6$o || (_templateO
|
|
|
6503
6484
|
var ResultCounter = styled__default.div(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n font-family: var(--font-ui);\n color: var(--grey-11);\n font-size: 12px;\n text-align: center;\n white-space: nowrap;\n &:lang(ja) {\n font-style: normal;\n }\n line-height: 12px;\n"])));
|
|
6504
6485
|
var SearchWrapper = styled__default.div(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n --search-input-font-size: 14px;\n --search-input-font-family: var(--font-data);\n --search-input-container-gap: 10px;\n height: 40px;\n display: flex;\n align-items: center;\n padding: 4px 4px 4px 14px;\n"])));
|
|
6505
6486
|
var EmptyResultText = styled__default.div(_templateObject9$g || (_templateObject9$g = _taggedTemplateLiteralLoose(["\n display: block;\n height: 24px;\n color: var(--grey-11);\n font-weight: 700;\n margin-left: 12px;\n user-select: none;\n pointer-events: none;\n height: inherit;\n display: flex;\n align-items: center;\n font-size: 12px;\n"])));
|
|
6506
|
-
var OptionListGradient = styled__default.div(
|
|
6487
|
+
var OptionListGradient = styled__default.div(_templateObject0$c || (_templateObject0$c = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0px;\n height: 15px;\n background-image: linear-gradient(to bottom, transparent, var(--grey-3));\n width: 99%;\n left: 50%;\n transform: translateX(-50%);\n pointer-events: none;\n"])));
|
|
6507
6488
|
var isValueSelected = function isValueSelected(item, selected) {
|
|
6508
6489
|
var isItemSelected = false;
|
|
6509
6490
|
if (Array.isArray(selected)) {
|
|
@@ -6895,7 +6876,7 @@ var SortDropdown = function SortDropdown(_ref2) {
|
|
|
6895
6876
|
}))))));
|
|
6896
6877
|
};
|
|
6897
6878
|
|
|
6898
|
-
var _templateObject$Q, _templateObject2$J, _templateObject3$E, _templateObject4$z, _templateObject5$v, _templateObject6$q, _templateObject7$p, _templateObject8$l, _templateObject9$h,
|
|
6879
|
+
var _templateObject$Q, _templateObject2$J, _templateObject3$E, _templateObject4$z, _templateObject5$v, _templateObject6$q, _templateObject7$p, _templateObject8$l, _templateObject9$h, _templateObject0$d, _templateObject1$7, _templateObject10$6, _templateObject11$5, _templateObject12$4, _templateObject13$3, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2;
|
|
6899
6880
|
var Container$w = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n display: inline-block;\n position: relative;\n"])));
|
|
6900
6881
|
var ContextActionBaseCSS = styled.css(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n -webkit-tap-highlight-color: transparent;\n border: none;\n background: none;\n display: flex;\n justify-content:left;\n align-items:center;\n flex-wrap: wrap;\n cursor: pointer;\n outline: none;\n text-decoration: none;\n padding: 0;\n"])));
|
|
6901
6882
|
var ContextIcon = styled__default.div(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n ", ";\n width: 30px;\n height: 30px;\n border-radius: 3px;\n display:flex;\n justify-content:center;\n align-items:center;\n svg {\n display: block;\n }\n"])), function (_ref) {
|
|
@@ -6915,16 +6896,16 @@ var ContentBox$1 = styled__default.div(_templateObject8$l || (_templateObject8$l
|
|
|
6915
6896
|
}, function (_ref5) {
|
|
6916
6897
|
var openState = _ref5.openState,
|
|
6917
6898
|
disabled = _ref5.disabled;
|
|
6918
|
-
return openState && styled.css(_templateObject9$h || (_templateObject9$h = _taggedTemplateLiteralLoose(["\n display: ", ";\n display: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n "])), openState.isOpen ? 'inline-block' : 'none', disabled && 'none', openState.position === 'bottom-right' && styled.css(
|
|
6919
|
-
});
|
|
6920
|
-
var ButtonWrapper$1 = styled__default.div(
|
|
6921
|
-
var GroupStyles = styled.css(
|
|
6922
|
-
var LayoutGroup = styled__default.div(
|
|
6923
|
-
var PaginationGroup = styled__default.div(
|
|
6924
|
-
var IconWrapper$3 = styled__default.div(
|
|
6925
|
-
var RowLabel = styled__default.p(
|
|
6926
|
-
var PageSizeContainer = styled__default.div(
|
|
6927
|
-
var SelectFieldContainer = styled__default.div(
|
|
6899
|
+
return openState && styled.css(_templateObject9$h || (_templateObject9$h = _taggedTemplateLiteralLoose(["\n display: ", ";\n display: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n "])), openState.isOpen ? 'inline-block' : 'none', disabled && 'none', openState.position === 'bottom-right' && styled.css(_templateObject0$d || (_templateObject0$d = _taggedTemplateLiteralLoose(["\n bottom: 0;\n left: 0;\n transform: translateY(calc(100% + 5px ));\n "]))), openState.position === 'bottom-left' && styled.css(_templateObject1$7 || (_templateObject1$7 = _taggedTemplateLiteralLoose(["\n bottom: 0;\n right: 0;\n transform: translateY(calc(100% + 5px ));\n "]))), openState.position === 'top-left' && styled.css(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteralLoose(["\n top: 0;\n right: 0;\n transform: translateY(calc( -100% - 5px ));\n "]))), openState.position === 'top-right' && styled.css(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n top: 0;\n left: 0;\n transform: translateY(calc( -100% - 5px ));\n "]))));
|
|
6900
|
+
});
|
|
6901
|
+
var ButtonWrapper$1 = styled__default.div(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n"])));
|
|
6902
|
+
var GroupStyles = styled.css(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: auto;\n align-items: center;\n gap: 16px;\n"])));
|
|
6903
|
+
var LayoutGroup = styled__default.div(_templateObject14$2 || (_templateObject14$2 = _taggedTemplateLiteralLoose(["\n ", ";\n padding: 4px 8px 4px 10px;\n"])), GroupStyles);
|
|
6904
|
+
var PaginationGroup = styled__default.div(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteralLoose(["\n ", ";\n border-top: var(--grey-6) 1px solid;\n padding: 4px 8px 4px 10px;\n"])), GroupStyles);
|
|
6905
|
+
var IconWrapper$3 = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
6906
|
+
var RowLabel = styled__default.p(_templateObject17$2 || (_templateObject17$2 = _taggedTemplateLiteralLoose(["\n font-family: var(--font-ui);\n font-size: 14px;\n color: var(--grey-11);\n font-weight: 500;\n"])));
|
|
6907
|
+
var PageSizeContainer = styled__default.div(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
6908
|
+
var SelectFieldContainer = styled__default.div(_templateObject19$2 || (_templateObject19$2 = _taggedTemplateLiteralLoose(["\n select{\n background-color: transparent;\n }\n"])));
|
|
6928
6909
|
var getDropPosition$1 = function getDropPosition(buttonRect, minWidth, minHeight) {
|
|
6929
6910
|
var position = 'bottom-right';
|
|
6930
6911
|
var openLeft = buttonRect.left + minWidth > window.innerWidth;
|
|
@@ -7852,7 +7833,7 @@ var StatusIcon = function StatusIcon(_ref3) {
|
|
|
7852
7833
|
}));
|
|
7853
7834
|
};
|
|
7854
7835
|
|
|
7855
|
-
var _templateObject$W, _templateObject2$O, _templateObject3$J, _templateObject4$C, _templateObject5$y, _templateObject6$t, _templateObject7$s, _templateObject8$n, _templateObject9$i,
|
|
7836
|
+
var _templateObject$W, _templateObject2$O, _templateObject3$J, _templateObject4$C, _templateObject5$y, _templateObject6$t, _templateObject7$s, _templateObject8$n, _templateObject9$i, _templateObject0$e, _templateObject1$8, _templateObject10$7, _templateObject11$6, _templateObject12$5, _templateObject13$4, _templateObject14$3, _templateObject15$3;
|
|
7856
7837
|
var HandleTouchReactionKeyframes = styled.keyframes(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n 0% {\n transform: scale(1);\n }\n\n 75% {\n transform: scale(3);\n }\n\n 100% {\n transform: scale(1.75);\n }\n"])));
|
|
7857
7838
|
var HandleMouseReactionKeyframes = styled.keyframes(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n 0% {\n transform: scale(1);\n }\n\n 75% {\n transform: scale(0);\n }\n\n 100% {\n transform: scale(0.5);\n }\n"])));
|
|
7858
7839
|
var HandleBase = styled__default.svg(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n touch-action: none;\n user-select: none;\n overflow: visible;\n cursor: pointer;\n fill: ", ";\n appearance: none;\n"])), function (_ref) {
|
|
@@ -7882,33 +7863,33 @@ var HandleReactiveRing = styled__default.circle(_templateObject9$i || (_template
|
|
|
7882
7863
|
styling = _ref4.styling;
|
|
7883
7864
|
return theme.custom.lines[styling].handleReactiveRing.stroke;
|
|
7884
7865
|
});
|
|
7885
|
-
var HandleContrastLayer = styled__default.circle(
|
|
7866
|
+
var HandleContrastLayer = styled__default.circle(_templateObject0$e || (_templateObject0$e = _taggedTemplateLiteralLoose(["\n overflow: visible;\n mix-blend-mode: multiply;\n fill: none;\n stroke: ", ";\n"])), function (_ref5) {
|
|
7886
7867
|
var theme = _ref5.theme,
|
|
7887
7868
|
styling = _ref5.styling;
|
|
7888
7869
|
return theme.custom.lines[styling].handleContrastLayer.stroke;
|
|
7889
7870
|
});
|
|
7890
|
-
var HandleShadowLayer = styled__default.circle(
|
|
7871
|
+
var HandleShadowLayer = styled__default.circle(_templateObject1$8 || (_templateObject1$8 = _taggedTemplateLiteralLoose(["\n mix-blend-mode: multiply;\n fill: url(#", ");\n"])), function (props) {
|
|
7891
7872
|
return props.fillID;
|
|
7892
7873
|
});
|
|
7893
|
-
var GrabHandleIndexGroup = styled__default.g(
|
|
7894
|
-
return props.showIndex && styled.css(
|
|
7874
|
+
var GrabHandleIndexGroup = styled__default.g(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n opacity: 0;\n pointer-events: none;\n ", ";\n\n"])), function (props) {
|
|
7875
|
+
return props.showIndex && styled.css(_templateObject11$6 || (_templateObject11$6 = _taggedTemplateLiteralLoose(["\n opacity: 1;\n "])));
|
|
7895
7876
|
});
|
|
7896
|
-
var StopStart = styled__default.stop(
|
|
7877
|
+
var StopStart = styled__default.stop(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteralLoose(["\n stop-color: ", ";\n"])), function (_ref6) {
|
|
7897
7878
|
var theme = _ref6.theme,
|
|
7898
7879
|
styling = _ref6.styling;
|
|
7899
7880
|
return theme.custom.lines[styling].stopStart.stopColor;
|
|
7900
7881
|
});
|
|
7901
|
-
var StopEnd = styled__default.stop(
|
|
7882
|
+
var StopEnd = styled__default.stop(_templateObject13$4 || (_templateObject13$4 = _taggedTemplateLiteralLoose(["\n stop-color: ", ";\n"])), function (_ref7) {
|
|
7902
7883
|
var theme = _ref7.theme,
|
|
7903
7884
|
styling = _ref7.styling;
|
|
7904
7885
|
return theme.custom.lines[styling].stopEnd.stopColor;
|
|
7905
7886
|
});
|
|
7906
|
-
var GrabHandleIndexText = styled__default.text(
|
|
7887
|
+
var GrabHandleIndexText = styled__default.text(_templateObject14$3 || (_templateObject14$3 = _taggedTemplateLiteralLoose(["\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n stroke: ", ";\n text-align: center;\n\n font-weight: bold;\n transition: opacity 250ms ease;\n pointer-events: none;\n\n\n"])), function (_ref8) {
|
|
7907
7888
|
var theme = _ref8.theme,
|
|
7908
7889
|
styling = _ref8.styling;
|
|
7909
7890
|
return theme.custom.lines[styling].grabHandleText.stroke;
|
|
7910
7891
|
});
|
|
7911
|
-
var IconGroup = styled__default.g(
|
|
7892
|
+
var IconGroup = styled__default.g(_templateObject15$3 || (_templateObject15$3 = _taggedTemplateLiteralLoose(["\n\n"])));
|
|
7912
7893
|
var HandleUnit = function HandleUnit(props) {
|
|
7913
7894
|
var index = props.index,
|
|
7914
7895
|
useAngles = props.useAngles,
|
|
@@ -8085,7 +8066,7 @@ var HandleUnit = function HandleUnit(props) {
|
|
|
8085
8066
|
}, index + pointIndexOffset))));
|
|
8086
8067
|
};
|
|
8087
8068
|
|
|
8088
|
-
var _templateObject$X, _templateObject2$P, _templateObject3$K, _templateObject4$D, _templateObject5$z, _templateObject6$u, _templateObject7$t, _templateObject8$o, _templateObject9$j,
|
|
8069
|
+
var _templateObject$X, _templateObject2$P, _templateObject3$K, _templateObject4$D, _templateObject5$z, _templateObject6$u, _templateObject7$t, _templateObject8$o, _templateObject9$j, _templateObject0$f, _templateObject1$9, _templateObject10$8, _templateObject11$7, _templateObject12$6;
|
|
8089
8070
|
var ContrastLine = styled__default.line(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n stroke: ", ";\n mix-blend-mode: multiply;\n stroke-width: ", "px;\n stroke-opacity: ", ";\n cursor: pointer;\n"])), function (_ref) {
|
|
8090
8071
|
var theme = _ref.theme,
|
|
8091
8072
|
styling = _ref.styling;
|
|
@@ -8129,16 +8110,16 @@ var LabelText$2 = styled__default.text(_templateObject8$o || (_templateObject8$o
|
|
|
8129
8110
|
var showLabelShadow = _ref9.showLabelShadow;
|
|
8130
8111
|
return showLabelShadow && styled.css(_templateObject9$j || (_templateObject9$j = _taggedTemplateLiteralLoose(["\n text-shadow:\n -1px -1px 0 #000,\n 1px -1px 0 #000,\n -1px 1px 0 #000,\n 1px 1px 0 #000;\n "])));
|
|
8131
8112
|
});
|
|
8132
|
-
var GrabHandleContrast = styled__default(GrabHandle)(
|
|
8133
|
-
var theme =
|
|
8134
|
-
styling =
|
|
8113
|
+
var GrabHandleContrast = styled__default(GrabHandle)(_templateObject0$f || (_templateObject0$f = _taggedTemplateLiteralLoose(["\n fill: none;\n stroke: ", ";\n"])), function (_ref0) {
|
|
8114
|
+
var theme = _ref0.theme,
|
|
8115
|
+
styling = _ref0.styling;
|
|
8135
8116
|
return theme.custom.lines[styling].grabHandleContrast.stroke;
|
|
8136
8117
|
});
|
|
8137
|
-
var GrabHandleGroup = styled__default.g(
|
|
8138
|
-
return props.showIndex && styled.css(
|
|
8118
|
+
var GrabHandleGroup = styled__default.g(_templateObject1$9 || (_templateObject1$9 = _taggedTemplateLiteralLoose(["\n\n ", ", ", " {\n transition: r 250ms ease;\n }\n\n ", ";\n"])), GrabHandle, GrabHandleContrast, function (props) {
|
|
8119
|
+
return props.showIndex && styled.css(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteralLoose(["\n ", ", ", " {\n pointer-events: none;\n r: ", ";\n }\n "])), GrabHandle, GrabHandleContrast, props.originalRadius * 1.75);
|
|
8139
8120
|
});
|
|
8140
|
-
var DMCircle = styled__default.circle(
|
|
8141
|
-
var IconFormat = styled__default(Icon)(
|
|
8121
|
+
var DMCircle = styled__default.circle(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n fill: hsla(203, 100%, 35%, 0.49);\n cursor: pointer;\n"])));
|
|
8122
|
+
var IconFormat = styled__default(Icon)(_templateObject12$6 || (_templateObject12$6 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
8142
8123
|
var LineUnit = function LineUnit(props) {
|
|
8143
8124
|
var x1 = props.x1,
|
|
8144
8125
|
y1 = props.y1,
|
|
@@ -8195,12 +8176,12 @@ var LineUnit = function LineUnit(props) {
|
|
|
8195
8176
|
y: e.pageY
|
|
8196
8177
|
});
|
|
8197
8178
|
window.addEventListener("mousemove", handleMouseMove);
|
|
8198
|
-
window.addEventListener("mouseup",
|
|
8179
|
+
window.addEventListener("mouseup", _handleMouseUp);
|
|
8199
8180
|
e.preventDefault();
|
|
8200
8181
|
};
|
|
8201
|
-
var
|
|
8182
|
+
var _handleMouseUp = function handleMouseUp(e) {
|
|
8202
8183
|
window.removeEventListener("mousemove", handleMouseMove);
|
|
8203
|
-
window.removeEventListener("mouseup",
|
|
8184
|
+
window.removeEventListener("mouseup", _handleMouseUp);
|
|
8204
8185
|
lineMoveCallback({
|
|
8205
8186
|
x: e.pageX,
|
|
8206
8187
|
y: e.pageY
|
|
@@ -8543,9 +8524,9 @@ var LineSet = function LineSet(_ref8) {
|
|
|
8543
8524
|
updateHandleAngles(lineSetData);
|
|
8544
8525
|
}
|
|
8545
8526
|
}, [lineSetData, updateHandleAngles, handleUsesAngles]);
|
|
8546
|
-
var handles = ((lineSetData === null || lineSetData === void 0 ? void 0 : lineSetData.showPointHandle) === undefined || (lineSetData === null || lineSetData === void 0 ? void 0 : lineSetData.showPointHandle)) && lineSetData.points.map(function (
|
|
8547
|
-
var x =
|
|
8548
|
-
y =
|
|
8527
|
+
var handles = ((lineSetData === null || lineSetData === void 0 ? void 0 : lineSetData.showPointHandle) === undefined || (lineSetData === null || lineSetData === void 0 ? void 0 : lineSetData.showPointHandle)) && lineSetData.points.map(function (_ref0, index) {
|
|
8528
|
+
var x = _ref0.x,
|
|
8529
|
+
y = _ref0.y;
|
|
8549
8530
|
return React__default.createElement(HandleUnit, {
|
|
8550
8531
|
key: index + lineSetId,
|
|
8551
8532
|
lineSetId: lineSetId,
|
|
@@ -8565,9 +8546,9 @@ var LineSet = function LineSet(_ref8) {
|
|
|
8565
8546
|
readOnlyHandle: lineSetData.readOnly
|
|
8566
8547
|
});
|
|
8567
8548
|
});
|
|
8568
|
-
var points = options.showPoint && lineSetData.points.map(function (
|
|
8569
|
-
var x =
|
|
8570
|
-
y =
|
|
8549
|
+
var points = options.showPoint && lineSetData.points.map(function (_ref1, index) {
|
|
8550
|
+
var x = _ref1.x,
|
|
8551
|
+
y = _ref1.y;
|
|
8571
8552
|
return React__default.createElement(Point, {
|
|
8572
8553
|
styling: lineSetData.styling || 'primary',
|
|
8573
8554
|
key: index,
|
|
@@ -8576,9 +8557,9 @@ var LineSet = function LineSet(_ref8) {
|
|
|
8576
8557
|
cy: y
|
|
8577
8558
|
});
|
|
8578
8559
|
});
|
|
8579
|
-
var lines = lineSetData.points.map(function (
|
|
8580
|
-
var x1 =
|
|
8581
|
-
y1 =
|
|
8560
|
+
var lines = lineSetData.points.map(function (_ref10, index) {
|
|
8561
|
+
var x1 = _ref10.x,
|
|
8562
|
+
y1 = _ref10.y;
|
|
8582
8563
|
var points = lineSetData.points,
|
|
8583
8564
|
name = lineSetData.name,
|
|
8584
8565
|
_lineSetData$styling = lineSetData.styling,
|
|
@@ -8644,28 +8625,28 @@ var LineUI = function LineUI(_ref) {
|
|
|
8644
8625
|
lineClickSensingBorder = _ref$lineClickSensing === void 0 ? '65' : _ref$lineClickSensing,
|
|
8645
8626
|
_ref$hasClickSensingB = _ref.hasClickSensingBorder,
|
|
8646
8627
|
hasClickSensingBorder = _ref$hasClickSensingB === void 0 ? true : _ref$hasClickSensingB,
|
|
8647
|
-
_ref$options = _ref.options
|
|
8648
|
-
|
|
8649
|
-
|
|
8650
|
-
showSetIndex = _ref$
|
|
8651
|
-
_ref$
|
|
8652
|
-
showPointLabel = _ref$
|
|
8653
|
-
_ref$
|
|
8654
|
-
showLabelShadow = _ref$
|
|
8655
|
-
showPointHandle = _ref$
|
|
8656
|
-
showMoveHandle = _ref$
|
|
8657
|
-
showGrabHandle = _ref$
|
|
8658
|
-
_ref$
|
|
8659
|
-
setIndexOffset = _ref$
|
|
8660
|
-
_ref$
|
|
8661
|
-
pointIndexOffset = _ref$
|
|
8662
|
-
_ref$
|
|
8663
|
-
showPoint = _ref$
|
|
8664
|
-
fixedImgDimensions = _ref$
|
|
8665
|
-
_ref$
|
|
8666
|
-
boundaryOffset = _ref$
|
|
8667
|
-
_ref$
|
|
8668
|
-
showDirectionMark = _ref$
|
|
8628
|
+
_ref$options = _ref.options,
|
|
8629
|
+
_ref$options2 = _ref$options === void 0 ? {} : _ref$options,
|
|
8630
|
+
showHandleFinder = _ref$options2.showHandleFinder,
|
|
8631
|
+
showSetIndex = _ref$options2.showSetIndex,
|
|
8632
|
+
_ref$options2$showPoi = _ref$options2.showPointLabel,
|
|
8633
|
+
showPointLabel = _ref$options2$showPoi === void 0 ? false : _ref$options2$showPoi,
|
|
8634
|
+
_ref$options2$showLab = _ref$options2.showLabelShadow,
|
|
8635
|
+
showLabelShadow = _ref$options2$showLab === void 0 ? false : _ref$options2$showLab,
|
|
8636
|
+
showPointHandle = _ref$options2.showPointHandle,
|
|
8637
|
+
showMoveHandle = _ref$options2.showMoveHandle,
|
|
8638
|
+
showGrabHandle = _ref$options2.showGrabHandle,
|
|
8639
|
+
_ref$options2$setInde = _ref$options2.setIndexOffset,
|
|
8640
|
+
setIndexOffset = _ref$options2$setInde === void 0 ? 0 : _ref$options2$setInde,
|
|
8641
|
+
_ref$options2$pointIn = _ref$options2.pointIndexOffset,
|
|
8642
|
+
pointIndexOffset = _ref$options2$pointIn === void 0 ? 0 : _ref$options2$pointIn,
|
|
8643
|
+
_ref$options2$showPoi2 = _ref$options2.showPoint,
|
|
8644
|
+
showPoint = _ref$options2$showPoi2 === void 0 ? false : _ref$options2$showPoi2,
|
|
8645
|
+
fixedImgDimensions = _ref$options2.fixedImgDimensions,
|
|
8646
|
+
_ref$options2$boundar = _ref$options2.boundaryOffset,
|
|
8647
|
+
boundaryOffset = _ref$options2$boundar === void 0 ? 0 : _ref$options2$boundar,
|
|
8648
|
+
_ref$options2$showDir = _ref$options2.showDirectionMark,
|
|
8649
|
+
showDirectionMark = _ref$options2$showDir === void 0 ? false : _ref$options2$showDir;
|
|
8669
8650
|
var _useState = React.useState({
|
|
8670
8651
|
x: {
|
|
8671
8652
|
min: 0,
|
|
@@ -8847,26 +8828,26 @@ var LineUIVideo = function LineUIVideo(_ref) {
|
|
|
8847
8828
|
_ref$videoOptions$mut = _ref$videoOptions.muted,
|
|
8848
8829
|
muted = _ref$videoOptions$mut === void 0 ? true : _ref$videoOptions$mut,
|
|
8849
8830
|
videoOptions = _objectWithoutPropertiesLoose(_ref$videoOptions, _excluded$z),
|
|
8850
|
-
_ref$options = _ref.options
|
|
8851
|
-
|
|
8852
|
-
|
|
8853
|
-
showSetIndex = _ref$
|
|
8854
|
-
_ref$
|
|
8855
|
-
showPointLabel = _ref$
|
|
8856
|
-
showPointHandle = _ref$
|
|
8857
|
-
showLabelShadow = _ref$
|
|
8858
|
-
showMoveHandle = _ref$
|
|
8859
|
-
showGrabHandle = _ref$
|
|
8860
|
-
_ref$
|
|
8861
|
-
setIndexOffset = _ref$
|
|
8862
|
-
_ref$
|
|
8863
|
-
pointIndexOffset = _ref$
|
|
8864
|
-
_ref$
|
|
8865
|
-
showPoint = _ref$
|
|
8866
|
-
_ref$
|
|
8867
|
-
boundaryOffset = _ref$
|
|
8868
|
-
_ref$
|
|
8869
|
-
showDirectionMark = _ref$
|
|
8831
|
+
_ref$options = _ref.options,
|
|
8832
|
+
_ref$options2 = _ref$options === void 0 ? {} : _ref$options,
|
|
8833
|
+
showHandleFinder = _ref$options2.showHandleFinder,
|
|
8834
|
+
showSetIndex = _ref$options2.showSetIndex,
|
|
8835
|
+
_ref$options2$showPoi = _ref$options2.showPointLabel,
|
|
8836
|
+
showPointLabel = _ref$options2$showPoi === void 0 ? false : _ref$options2$showPoi,
|
|
8837
|
+
showPointHandle = _ref$options2.showPointHandle,
|
|
8838
|
+
showLabelShadow = _ref$options2.showLabelShadow,
|
|
8839
|
+
showMoveHandle = _ref$options2.showMoveHandle,
|
|
8840
|
+
showGrabHandle = _ref$options2.showGrabHandle,
|
|
8841
|
+
_ref$options2$setInde = _ref$options2.setIndexOffset,
|
|
8842
|
+
setIndexOffset = _ref$options2$setInde === void 0 ? 0 : _ref$options2$setInde,
|
|
8843
|
+
_ref$options2$pointIn = _ref$options2.pointIndexOffset,
|
|
8844
|
+
pointIndexOffset = _ref$options2$pointIn === void 0 ? 0 : _ref$options2$pointIn,
|
|
8845
|
+
_ref$options2$showPoi2 = _ref$options2.showPoint,
|
|
8846
|
+
showPoint = _ref$options2$showPoi2 === void 0 ? false : _ref$options2$showPoi2,
|
|
8847
|
+
_ref$options2$boundar = _ref$options2.boundaryOffset,
|
|
8848
|
+
boundaryOffset = _ref$options2$boundar === void 0 ? 0 : _ref$options2$boundar,
|
|
8849
|
+
_ref$options2$showDir = _ref$options2.showDirectionMark,
|
|
8850
|
+
showDirectionMark = _ref$options2$showDir === void 0 ? false : _ref$options2$showDir;
|
|
8870
8851
|
var frame = React.useRef(null);
|
|
8871
8852
|
var videoRef = React.useRef(null);
|
|
8872
8853
|
var _useState = React.useState({
|
|
@@ -9057,9 +9038,9 @@ var WebRTCPlayer = function WebRTCPlayer(_ref) {
|
|
|
9057
9038
|
}
|
|
9058
9039
|
var onIncomingSDP = function onIncomingSDP(description) {
|
|
9059
9040
|
try {
|
|
9060
|
-
var
|
|
9041
|
+
var _temp6 = function _temp6(_result) {
|
|
9061
9042
|
var _exit2 = false;
|
|
9062
|
-
if (
|
|
9043
|
+
if (_exit) return _result;
|
|
9063
9044
|
function _temp4(_result2) {
|
|
9064
9045
|
if (_exit2) return _result2;
|
|
9065
9046
|
var message = {
|
|
@@ -9096,11 +9077,11 @@ var WebRTCPlayer = function WebRTCPlayer(_ref) {
|
|
|
9096
9077
|
});
|
|
9097
9078
|
return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
|
|
9098
9079
|
};
|
|
9099
|
-
var
|
|
9080
|
+
var _exit = false;
|
|
9100
9081
|
if (!peerConnection.current || !webSocket.current) {
|
|
9101
9082
|
return Promise.resolve();
|
|
9102
9083
|
}
|
|
9103
|
-
var
|
|
9084
|
+
var _temp5 = _catch(function () {
|
|
9104
9085
|
var _temp = function () {
|
|
9105
9086
|
if (description.type === "offer" && peerConnection.current.signalingState !== "stable") {
|
|
9106
9087
|
return Promise.resolve(Promise.all([peerConnection.current.setLocalDescription({
|
|
@@ -9119,9 +9100,9 @@ var WebRTCPlayer = function WebRTCPlayer(_ref) {
|
|
|
9119
9100
|
}, function (error) {
|
|
9120
9101
|
console.error('Error:', error);
|
|
9121
9102
|
setError('Error Setting remote description');
|
|
9122
|
-
|
|
9103
|
+
_exit = true;
|
|
9123
9104
|
});
|
|
9124
|
-
return Promise.resolve(
|
|
9105
|
+
return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
|
|
9125
9106
|
} catch (e) {
|
|
9126
9107
|
return Promise.reject(e);
|
|
9127
9108
|
}
|
|
@@ -9249,14 +9230,14 @@ var WebRTCPlayer = function WebRTCPlayer(_ref) {
|
|
|
9249
9230
|
try {
|
|
9250
9231
|
console.debug('closeWebSocket');
|
|
9251
9232
|
return Promise.resolve(closePeerConnection()).then(function () {
|
|
9252
|
-
var
|
|
9233
|
+
var _temp7 = function () {
|
|
9253
9234
|
if (webSocket.current) {
|
|
9254
9235
|
return Promise.resolve(webSocket.current.close()).then(function () {
|
|
9255
9236
|
webSocket.current = null;
|
|
9256
9237
|
});
|
|
9257
9238
|
}
|
|
9258
9239
|
}();
|
|
9259
|
-
if (
|
|
9240
|
+
if (_temp7 && _temp7.then) return _temp7.then(function () {});
|
|
9260
9241
|
});
|
|
9261
9242
|
} catch (e) {
|
|
9262
9243
|
return Promise.reject(e);
|
|
@@ -9265,14 +9246,14 @@ var WebRTCPlayer = function WebRTCPlayer(_ref) {
|
|
|
9265
9246
|
var closePeerConnection = function closePeerConnection() {
|
|
9266
9247
|
try {
|
|
9267
9248
|
console.debug('closePeerConnection');
|
|
9268
|
-
var
|
|
9249
|
+
var _temp8 = function () {
|
|
9269
9250
|
if (peerConnection.current) {
|
|
9270
9251
|
return Promise.resolve(peerConnection.current.close()).then(function () {
|
|
9271
9252
|
peerConnection.current = null;
|
|
9272
9253
|
});
|
|
9273
9254
|
}
|
|
9274
9255
|
}();
|
|
9275
|
-
return Promise.resolve(
|
|
9256
|
+
return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(function () {}) : void 0);
|
|
9276
9257
|
} catch (e) {
|
|
9277
9258
|
return Promise.reject(e);
|
|
9278
9259
|
}
|
|
@@ -9322,27 +9303,27 @@ var LineUI$1 = function LineUI(_ref) {
|
|
|
9322
9303
|
_ref$hasClickSensingB = _ref.hasClickSensingBorder,
|
|
9323
9304
|
hasClickSensingBorder = _ref$hasClickSensingB === void 0 ? true : _ref$hasClickSensingB,
|
|
9324
9305
|
videoOptions = _ref.videoOptions,
|
|
9325
|
-
_ref$options = _ref.options
|
|
9326
|
-
|
|
9327
|
-
|
|
9328
|
-
showSetIndex = _ref$
|
|
9329
|
-
_ref$
|
|
9330
|
-
showPointLabel = _ref$
|
|
9331
|
-
_ref$
|
|
9332
|
-
showLabelShadow = _ref$
|
|
9333
|
-
showPointHandle = _ref$
|
|
9334
|
-
showMoveHandle = _ref$
|
|
9335
|
-
showGrabHandle = _ref$
|
|
9336
|
-
_ref$
|
|
9337
|
-
setIndexOffset = _ref$
|
|
9338
|
-
_ref$
|
|
9339
|
-
pointIndexOffset = _ref$
|
|
9340
|
-
_ref$
|
|
9341
|
-
showPoint = _ref$
|
|
9342
|
-
_ref$
|
|
9343
|
-
boundaryOffset = _ref$
|
|
9344
|
-
_ref$
|
|
9345
|
-
showDirectionMark = _ref$
|
|
9306
|
+
_ref$options = _ref.options,
|
|
9307
|
+
_ref$options2 = _ref$options === void 0 ? {} : _ref$options,
|
|
9308
|
+
showHandleFinder = _ref$options2.showHandleFinder,
|
|
9309
|
+
showSetIndex = _ref$options2.showSetIndex,
|
|
9310
|
+
_ref$options2$showPoi = _ref$options2.showPointLabel,
|
|
9311
|
+
showPointLabel = _ref$options2$showPoi === void 0 ? false : _ref$options2$showPoi,
|
|
9312
|
+
_ref$options2$showLab = _ref$options2.showLabelShadow,
|
|
9313
|
+
showLabelShadow = _ref$options2$showLab === void 0 ? false : _ref$options2$showLab,
|
|
9314
|
+
showPointHandle = _ref$options2.showPointHandle,
|
|
9315
|
+
showMoveHandle = _ref$options2.showMoveHandle,
|
|
9316
|
+
showGrabHandle = _ref$options2.showGrabHandle,
|
|
9317
|
+
_ref$options2$setInde = _ref$options2.setIndexOffset,
|
|
9318
|
+
setIndexOffset = _ref$options2$setInde === void 0 ? 0 : _ref$options2$setInde,
|
|
9319
|
+
_ref$options2$pointIn = _ref$options2.pointIndexOffset,
|
|
9320
|
+
pointIndexOffset = _ref$options2$pointIn === void 0 ? 0 : _ref$options2$pointIn,
|
|
9321
|
+
_ref$options2$showPoi2 = _ref$options2.showPoint,
|
|
9322
|
+
showPoint = _ref$options2$showPoi2 === void 0 ? false : _ref$options2$showPoi2,
|
|
9323
|
+
_ref$options2$boundar = _ref$options2.boundaryOffset,
|
|
9324
|
+
boundaryOffset = _ref$options2$boundar === void 0 ? 0 : _ref$options2$boundar,
|
|
9325
|
+
_ref$options2$showDir = _ref$options2.showDirectionMark,
|
|
9326
|
+
showDirectionMark = _ref$options2$showDir === void 0 ? false : _ref$options2$showDir;
|
|
9346
9327
|
var frame = React.useRef(null);
|
|
9347
9328
|
var videoRef = React.useRef();
|
|
9348
9329
|
var _useState = React.useState({
|
|
@@ -9916,7 +9897,7 @@ var TypeTableDeviceStatus = function TypeTableDeviceStatus(_ref2) {
|
|
|
9916
9897
|
});
|
|
9917
9898
|
};
|
|
9918
9899
|
|
|
9919
|
-
var _templateObject$18, _templateObject2$Z, _templateObject3$T, _templateObject4$M, _templateObject5$H, _templateObject6$z, _templateObject7$x, _templateObject8$p, _templateObject9$k,
|
|
9900
|
+
var _templateObject$18, _templateObject2$Z, _templateObject3$T, _templateObject4$M, _templateObject5$H, _templateObject6$z, _templateObject7$x, _templateObject8$p, _templateObject9$k, _templateObject0$g, _templateObject1$a;
|
|
9920
9901
|
var CopyToClipboard = styled__default.button(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteralLoose(["\n\n cursor: pointer;\n opacity: 0;\n\n position: absolute;\n right: 0;\n top: 14px;\n width: 20px;\n height: 20px;\n background: transparent;\n border: none;\n outline: none;\n\n ", "\n\n svg {\n display: block;\n }\n\n &:hover {\n opacity: 1 !important;\n }\n\n"])), function (_ref) {
|
|
9921
9902
|
var theme = _ref.theme;
|
|
9922
9903
|
return theme && styled.css(_templateObject2$Z || (_templateObject2$Z = _taggedTemplateLiteralLoose(["\n transition: ", " ", ";\n "])), theme.animation.speed.normal, theme.animation.easing.easeOut);
|
|
@@ -9940,11 +9921,11 @@ var UnitText = styled__default.span(_templateObject8$p || (_templateObject8$p =
|
|
|
9940
9921
|
var theme = _ref5.theme;
|
|
9941
9922
|
return styled.css(_templateObject9$k || (_templateObject9$k = _taggedTemplateLiteralLoose(["\n ", ";\n "])), theme.typography.table.columnData['unit']);
|
|
9942
9923
|
});
|
|
9943
|
-
var StatusBlip = styled__default.div(
|
|
9924
|
+
var StatusBlip = styled__default.div(_templateObject0$g || (_templateObject0$g = _taggedTemplateLiteralLoose(["\n display: inline-block;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 8px;\n ", "\n"])), function (_ref6) {
|
|
9944
9925
|
var _ref6$status = _ref6.status,
|
|
9945
9926
|
status = _ref6$status === void 0 ? 'neutral' : _ref6$status,
|
|
9946
9927
|
colors = _ref6.theme.colors;
|
|
9947
|
-
return styled.css(
|
|
9928
|
+
return styled.css(_templateObject1$a || (_templateObject1$a = _taggedTemplateLiteralLoose(["\n background: ", ";\n "])), colors.status[status]);
|
|
9948
9929
|
});
|
|
9949
9930
|
var TypeTableCell = function TypeTableCell(_ref7) {
|
|
9950
9931
|
var _ref7$showUnit = _ref7.showUnit,
|
|
@@ -10099,7 +10080,7 @@ var TableHeaderTitle = function TableHeaderTitle(_ref4) {
|
|
|
10099
10080
|
}), header);
|
|
10100
10081
|
};
|
|
10101
10082
|
|
|
10102
|
-
var _templateObject$1b, _templateObject2$10, _templateObject3$V, _templateObject4$O, _templateObject5$I, _templateObject6$A, _templateObject7$y, _templateObject8$q, _templateObject9$l,
|
|
10083
|
+
var _templateObject$1b, _templateObject2$10, _templateObject3$V, _templateObject4$O, _templateObject5$I, _templateObject6$A, _templateObject7$y, _templateObject8$q, _templateObject9$l, _templateObject0$h, _templateObject1$b, _templateObject10$9, _templateObject11$8, _templateObject12$7, _templateObject13$5, _templateObject14$4, _templateObject15$4;
|
|
10103
10084
|
var HeaderRow = styled__default.div(_templateObject$1b || (_templateObject$1b = _taggedTemplateLiteralLoose(["\n display: table-row;\n height: 50px;\n"])));
|
|
10104
10085
|
var HeaderItem = styled__default.div(_templateObject2$10 || (_templateObject2$10 = _taggedTemplateLiteralLoose(["\n display: table-cell;\n height: inherit;\n vertical-align:top;\n line-height: 20px;\n position: relative;\n font-family: ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (p) {
|
|
10105
10086
|
return p.theme.fontFamily.ui;
|
|
@@ -10124,20 +10105,20 @@ var HeaderItem = styled__default.div(_templateObject2$10 || (_templateObject2$10
|
|
|
10124
10105
|
});
|
|
10125
10106
|
var TitleItems = styled__default.div(_templateObject9$l || (_templateObject9$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n ", ";\n"])), function (_ref5) {
|
|
10126
10107
|
var alignment = _ref5.alignment;
|
|
10127
|
-
return alignment && styled.css(
|
|
10108
|
+
return alignment && styled.css(_templateObject0$h || (_templateObject0$h = _taggedTemplateLiteralLoose(["\n ", ";\n ", ";\n "])), alignment === 'right' ? 'align-items: flex-end' : null, alignment === 'center' ? 'align-items: center' : null);
|
|
10128
10109
|
});
|
|
10129
|
-
var GroupTitle = styled__default.div(
|
|
10130
|
-
var Title$4 = styled__default.div(
|
|
10110
|
+
var GroupTitle = styled__default.div(_templateObject1$b || (_templateObject1$b = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n align-self: stretch;\n margin-bottom: 4px;\n"])));
|
|
10111
|
+
var Title$4 = styled__default.div(_templateObject10$9 || (_templateObject10$9 = _taggedTemplateLiteralLoose(["\n ", ";\n padding-left: 2px;\n padding-right: 8px;\n white-space: nowrap;\n"])), function (_ref6) {
|
|
10131
10112
|
var typography = _ref6.theme.typography;
|
|
10132
|
-
return styled.css(
|
|
10113
|
+
return styled.css(_templateObject11$8 || (_templateObject11$8 = _taggedTemplateLiteralLoose(["\n ", ";\n "])), typography.tables.groupName);
|
|
10133
10114
|
});
|
|
10134
|
-
var EmptyTitle = styled__default.div(
|
|
10135
|
-
var MiddleLine = styled__default.div(
|
|
10115
|
+
var EmptyTitle = styled__default.div(_templateObject12$7 || (_templateObject12$7 = _taggedTemplateLiteralLoose(["\n height: 20px;\n"])));
|
|
10116
|
+
var MiddleLine = styled__default.div(_templateObject13$5 || (_templateObject13$5 = _taggedTemplateLiteralLoose(["\n ", ";\n\n height: 1px;\n flex: 1;\n ", ";\n"])), function (_ref7) {
|
|
10136
10117
|
var styles = _ref7.theme.styles;
|
|
10137
|
-
return styled.css(
|
|
10118
|
+
return styled.css(_templateObject14$4 || (_templateObject14$4 = _taggedTemplateLiteralLoose(["\n ", ";\n "])), styles.tables.header.groupLine);
|
|
10138
10119
|
}, function (_ref8) {
|
|
10139
10120
|
var isLastOfGroup = _ref8.isLastOfGroup;
|
|
10140
|
-
return isLastOfGroup && styled.css(
|
|
10121
|
+
return isLastOfGroup && styled.css(_templateObject15$4 || (_templateObject15$4 = _taggedTemplateLiteralLoose(["\n margin-right: 15px;\n "])));
|
|
10141
10122
|
});
|
|
10142
10123
|
var renderGroupHeader = function renderGroupHeader(columnConfig, index) {
|
|
10143
10124
|
if (index < 0) {
|
|
@@ -10356,7 +10337,7 @@ var TypeTable = function TypeTable(_ref4) {
|
|
|
10356
10337
|
};
|
|
10357
10338
|
|
|
10358
10339
|
var _excluded$D = ["type", "placeholder", "defaultValue", "rowKey", "alignment", "toLink", "saveCallback"];
|
|
10359
|
-
var _templateObject$1d, _templateObject2$12, _templateObject3$X, _templateObject4$Q, _templateObject5$K, _templateObject6$B, _templateObject7$z, _templateObject8$r, _templateObject9$m,
|
|
10340
|
+
var _templateObject$1d, _templateObject2$12, _templateObject3$X, _templateObject4$Q, _templateObject5$K, _templateObject6$B, _templateObject7$z, _templateObject8$r, _templateObject9$m, _templateObject0$i;
|
|
10360
10341
|
var Container$M = styled__default.div(_templateObject$1d || (_templateObject$1d = _taggedTemplateLiteralLoose(["\n position: relative;\n ", "\n"])), function (_ref) {
|
|
10361
10342
|
var theme = _ref.theme;
|
|
10362
10343
|
return styled.css(_templateObject2$12 || (_templateObject2$12 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.ui);
|
|
@@ -10371,7 +10352,7 @@ var TextContainer$3 = styled__default.div(_templateObject8$r || (_templateObject
|
|
|
10371
10352
|
return alignment === 'center' && styled.css(_templateObject9$m || (_templateObject9$m = _taggedTemplateLiteralLoose(["\n justify-content: center;\n "])));
|
|
10372
10353
|
}, function (_ref3) {
|
|
10373
10354
|
var alignment = _ref3.alignment;
|
|
10374
|
-
return alignment === 'right' && styled.css(
|
|
10355
|
+
return alignment === 'right' && styled.css(_templateObject0$i || (_templateObject0$i = _taggedTemplateLiteralLoose(["\n justify-content: flex-end;\n"])));
|
|
10375
10356
|
}, StyledIconButton$1, StyledIconButton$1);
|
|
10376
10357
|
var EditCell = function EditCell(_ref4) {
|
|
10377
10358
|
var _ref4$type = _ref4.type,
|
|
@@ -10397,38 +10378,38 @@ var EditCell = function EditCell(_ref4) {
|
|
|
10397
10378
|
setLoading = _useState3[1];
|
|
10398
10379
|
var handleSave = React.useCallback(function (value) {
|
|
10399
10380
|
try {
|
|
10400
|
-
var
|
|
10381
|
+
var _temp2 = function _temp2() {
|
|
10401
10382
|
setIsEditMode(false);
|
|
10402
10383
|
setLoading(false);
|
|
10403
10384
|
};
|
|
10404
10385
|
setLoading(true);
|
|
10405
|
-
var
|
|
10386
|
+
var _temp = function () {
|
|
10406
10387
|
if (saveCallback) {
|
|
10407
10388
|
return Promise.resolve(saveCallback(value, rowKey)).then(function () {});
|
|
10408
10389
|
}
|
|
10409
10390
|
}();
|
|
10410
|
-
return Promise.resolve(
|
|
10391
|
+
return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
|
|
10411
10392
|
} catch (e) {
|
|
10412
10393
|
return Promise.reject(e);
|
|
10413
10394
|
}
|
|
10414
10395
|
}, [rowKey, saveCallback]);
|
|
10415
10396
|
var verifyKeyPress = React.useCallback(function (eve) {
|
|
10416
10397
|
try {
|
|
10417
|
-
var
|
|
10398
|
+
var _temp4 = function _temp4() {
|
|
10418
10399
|
if (code === 27) {
|
|
10419
10400
|
setUpdatedValue(defaultValue);
|
|
10420
10401
|
setIsEditMode(false);
|
|
10421
10402
|
}
|
|
10422
10403
|
};
|
|
10423
10404
|
var code = eve.keyCode | eve.which | parseInt(eve.key, 10);
|
|
10424
|
-
var
|
|
10405
|
+
var _temp3 = function () {
|
|
10425
10406
|
if (code === 13 && handleSave) {
|
|
10426
10407
|
return Promise.resolve(handleSave(updatedValue)).then(function () {
|
|
10427
10408
|
setIsEditMode(false);
|
|
10428
10409
|
});
|
|
10429
10410
|
}
|
|
10430
10411
|
}();
|
|
10431
|
-
return Promise.resolve(
|
|
10412
|
+
return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
|
|
10432
10413
|
} catch (e) {
|
|
10433
10414
|
return Promise.reject(e);
|
|
10434
10415
|
}
|
|
@@ -12461,9 +12442,9 @@ var Pagination = function Pagination(props) {
|
|
|
12461
12442
|
},
|
|
12462
12443
|
defaultValue: itemsDefaultValue ? itemsDefaultValue : itemsOptions[0].value || 1,
|
|
12463
12444
|
changeCallback: onItemsSelectChange
|
|
12464
|
-
}, React__default.createElement(React.Fragment, null, itemsOptions.map(function (
|
|
12465
|
-
var value =
|
|
12466
|
-
textValue =
|
|
12445
|
+
}, React__default.createElement(React.Fragment, null, itemsOptions.map(function (_ref0, index) {
|
|
12446
|
+
var value = _ref0.value,
|
|
12447
|
+
textValue = _ref0.textValue;
|
|
12467
12448
|
return React__default.createElement("option", {
|
|
12468
12449
|
key: index,
|
|
12469
12450
|
value: value
|
|
@@ -12808,7 +12789,7 @@ var ResizeLine = function ResizeLine(_ref4) {
|
|
|
12808
12789
|
}))), React__default.createElement(Line, null)));
|
|
12809
12790
|
};
|
|
12810
12791
|
|
|
12811
|
-
var _templateObject$1z, _templateObject2$1k, _templateObject3$1b, _templateObject4$13, _templateObject5$Z, _templateObject6$J, _templateObject7$F, _templateObject8$x, _templateObject9$p,
|
|
12792
|
+
var _templateObject$1z, _templateObject2$1k, _templateObject3$1b, _templateObject4$13, _templateObject5$Z, _templateObject6$J, _templateObject7$F, _templateObject8$x, _templateObject9$p, _templateObject0$j, _templateObject1$c, _templateObject10$a, _templateObject11$9, _templateObject12$8, _templateObject13$6, _templateObject14$5, _templateObject15$5, _templateObject16$3, _templateObject17$3;
|
|
12812
12793
|
var DebugData = styled__default.div(_templateObject$1z || (_templateObject$1z = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 10;\n bottom: 20px;\n left: 20px;\n background: #ededed99;\n border: grey 1px solid;\n padding: 20px;\n line-height: 20px;\n font-size: 12px;\n div {\n display: block;\n }\n span {\n display: inline-block;\n width: 130px;\n font-weight: 600;\n }\n"])));
|
|
12813
12794
|
var MainArea = styled__default.div(_templateObject2$1k || (_templateObject2$1k = _taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n flex: 1;\n\n ", "\n"])), function (_ref) {
|
|
12814
12795
|
var $layout = _ref.$layout,
|
|
@@ -12834,48 +12815,48 @@ var SideArea = styled__default.div(_templateObject6$J || (_templateObject6$J = _
|
|
|
12834
12815
|
return $collapseState === 'collapsing' ? styled.css(_templateObject9$p || (_templateObject9$p = _taggedTemplateLiteralLoose(["\n transition: none;\n ", ";\n ", "{\n flex: 0 0 ", "px;\n min-width: ", "px;\n opacity: 0.5;\n }\n "])), $layout === 'horizontal' ? 'min-width: 0' : 'min-height: 0', SideAreaInner, $minDimension, $minDimension) : null;
|
|
12835
12816
|
}, function (_ref6) {
|
|
12836
12817
|
var $collapseState = _ref6.$collapseState;
|
|
12837
|
-
return $collapseState === 'collapsed' ? styled.css(
|
|
12818
|
+
return $collapseState === 'collapsed' ? styled.css(_templateObject0$j || (_templateObject0$j = _taggedTemplateLiteralLoose(["\n ", "{\n display: none;\n }\n "])), SideAreaInner) : null;
|
|
12838
12819
|
}, function (_ref7) {
|
|
12839
12820
|
var $layout = _ref7.$layout,
|
|
12840
12821
|
$collapseState = _ref7.$collapseState,
|
|
12841
12822
|
$minDimension = _ref7.$minDimension;
|
|
12842
|
-
return $collapseState === 'peeking' ? styled.css(
|
|
12823
|
+
return $collapseState === 'peeking' ? styled.css(_templateObject1$c || (_templateObject1$c = _taggedTemplateLiteralLoose(["\n ", ";\n ", "{\n min-width: ", "px;\n opacity: 0.5;\n }\n "])), $layout === 'horizontal' ? 'min-width: 0' : 'min-height: 0', SideAreaInner, $minDimension) : null;
|
|
12843
12824
|
}, function (_ref8) {
|
|
12844
12825
|
var $layout = _ref8.$layout,
|
|
12845
12826
|
$collapseState = _ref8.$collapseState,
|
|
12846
12827
|
$minDimension = _ref8.$minDimension;
|
|
12847
|
-
return $collapseState === 'opening' ? styled.css(
|
|
12828
|
+
return $collapseState === 'opening' ? styled.css(_templateObject10$a || (_templateObject10$a = _taggedTemplateLiteralLoose(["\n ", ";\n\n ", "{\n min-width: ", "px;\n }\n "])), $layout === 'horizontal' ? 'min-width: 0' : 'min-height: 0', SideAreaInner, $minDimension) : null;
|
|
12848
12829
|
});
|
|
12849
|
-
var DragContainer = styled__default.div(
|
|
12830
|
+
var DragContainer = styled__default.div(_templateObject11$9 || (_templateObject11$9 = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: col-resize;\n\n > div {\n transition: opacity 0.15s cubic-bezier(0.45, 0, 0.55, 1);\n }\n\n &:hover > div {\n opacity: 1;\n }\n\n ", "\n\n"])), function (_ref9) {
|
|
12850
12831
|
var $size = _ref9.$size;
|
|
12851
12832
|
return $size;
|
|
12852
|
-
}, function (
|
|
12853
|
-
var $fauxHover =
|
|
12854
|
-
return $fauxHover === 'false' ? styled.css(
|
|
12833
|
+
}, function (_ref0) {
|
|
12834
|
+
var $fauxHover = _ref0.$fauxHover;
|
|
12835
|
+
return $fauxHover === 'false' ? styled.css(_templateObject12$8 || (_templateObject12$8 = _taggedTemplateLiteralLoose(["\n > div {\n opacity: 0.6;\n }\n "]))) : styled.css(_templateObject13$6 || (_templateObject13$6 = _taggedTemplateLiteralLoose(["\n > div {\n opacity: 1;\n }\n "])));
|
|
12855
12836
|
});
|
|
12856
|
-
var Container$$ = styled__default.section(
|
|
12857
|
-
var $initialised =
|
|
12858
|
-
return $initialised === 'true' ? styled.css(
|
|
12859
|
-
}, function (
|
|
12860
|
-
var $layout =
|
|
12861
|
-
return $layout === 'vertical' ? styled.css(
|
|
12862
|
-
}, function (
|
|
12863
|
-
var $reverse =
|
|
12864
|
-
return $reverse === 'true' ? styled.css(
|
|
12865
|
-
});
|
|
12866
|
-
var SplitLayout = React.forwardRef(function (
|
|
12867
|
-
var mainArea =
|
|
12868
|
-
sideArea =
|
|
12869
|
-
|
|
12870
|
-
layout =
|
|
12871
|
-
reverse =
|
|
12872
|
-
|
|
12873
|
-
dividerSize =
|
|
12874
|
-
|
|
12875
|
-
persist =
|
|
12876
|
-
|
|
12877
|
-
persistenceKey =
|
|
12878
|
-
showDebug =
|
|
12837
|
+
var Container$$ = styled__default.section(_templateObject14$5 || (_templateObject14$5 = _taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n display: flex;\n flex:1;\n flex-direction: row;\n overflow: hidden;\n\n transition: opacity 0.25s cubic-bezier(0.45, 0, 0.55, 1);\n opacity: 0;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref1) {
|
|
12838
|
+
var $initialised = _ref1.$initialised;
|
|
12839
|
+
return $initialised === 'true' ? styled.css(_templateObject15$5 || (_templateObject15$5 = _taggedTemplateLiteralLoose(["\n opacity: 1;\n "]))) : null;
|
|
12840
|
+
}, function (_ref10) {
|
|
12841
|
+
var $layout = _ref10.$layout;
|
|
12842
|
+
return $layout === 'vertical' ? styled.css(_templateObject16$3 || (_templateObject16$3 = _taggedTemplateLiteralLoose(["\n flex-direction: column;\n ", "{}\n ", "{\n cursor: row-resize;\n }\n "])), MainArea, DragContainer) : null;
|
|
12843
|
+
}, function (_ref11) {
|
|
12844
|
+
var $reverse = _ref11.$reverse;
|
|
12845
|
+
return $reverse === 'true' ? styled.css(_templateObject17$3 || (_templateObject17$3 = _taggedTemplateLiteralLoose(["\n ", "{ order: 2; }\n ", "{ order: 1; }\n "])), MainArea, DragContainer) : null;
|
|
12846
|
+
});
|
|
12847
|
+
var SplitLayout = React.forwardRef(function (_ref12, controlRef) {
|
|
12848
|
+
var mainArea = _ref12.mainArea,
|
|
12849
|
+
sideArea = _ref12.sideArea,
|
|
12850
|
+
_ref12$layout = _ref12.layout,
|
|
12851
|
+
layout = _ref12$layout === void 0 ? 'horizontal' : _ref12$layout,
|
|
12852
|
+
reverse = _ref12.reverse,
|
|
12853
|
+
_ref12$dividerSize = _ref12.dividerSize,
|
|
12854
|
+
dividerSize = _ref12$dividerSize === void 0 ? 16 : _ref12$dividerSize,
|
|
12855
|
+
_ref12$persist = _ref12.persist,
|
|
12856
|
+
persist = _ref12$persist === void 0 ? false : _ref12$persist,
|
|
12857
|
+
_ref12$persistenceKey = _ref12.persistenceKey,
|
|
12858
|
+
persistenceKey = _ref12$persistenceKey === void 0 ? 'resizable_ui' : _ref12$persistenceKey,
|
|
12859
|
+
showDebug = _ref12.showDebug;
|
|
12879
12860
|
var componentKey = 'resizable_layout_';
|
|
12880
12861
|
var referenceKey = componentKey + persistenceKey;
|
|
12881
12862
|
var closedBasis = 1;
|
|
@@ -13169,7 +13150,7 @@ var ContentArea = styled__default.div(_templateObject6$K || (_templateObject6$K
|
|
|
13169
13150
|
return legacyLayout && styled.css(_templateObject7$G || (_templateObject7$G = _taggedTemplateLiteralLoose(["\n padding: ", ";\n\n @media ", " {\n padding: ", ";\n }\n\n @media ", " {\n max-width: ", ";\n padding: ", ";\n }\n "])), paddingOverride ? paddingOverride : '40px 20px', deviceMediaQuery.medium, paddingOverride ? paddingOverride : '40px', deviceMediaQuery.large, maxWidth ? maxWidth : "1200px", paddingOverride ? paddingOverride : '70px 90px');
|
|
13170
13151
|
});
|
|
13171
13152
|
|
|
13172
|
-
var _templateObject$1B, _templateObject2$1m, _templateObject3$1d, _templateObject4$15, _templateObject5$$, _templateObject6$L, _templateObject7$H, _templateObject8$y, _templateObject9$q,
|
|
13153
|
+
var _templateObject$1B, _templateObject2$1m, _templateObject3$1d, _templateObject4$15, _templateObject5$$, _templateObject6$L, _templateObject7$H, _templateObject8$y, _templateObject9$q, _templateObject0$k, _templateObject1$d, _templateObject10$b, _templateObject11$a, _templateObject12$9, _templateObject13$7;
|
|
13173
13154
|
var ContextTitle = styled__default.div(_templateObject$1B || (_templateObject$1B = _taggedTemplateLiteralLoose(["\n opacity: 0;\n transition: opacity var(--speed-fast) var(--easing-primary-in-out);\n\n ", "\n"])), function (_ref) {
|
|
13174
13155
|
var compact = _ref.compact;
|
|
13175
13156
|
return compact && styled.css(_templateObject2$1m || (_templateObject2$1m = _taggedTemplateLiteralLoose(["\n font-size:14px;\n "])));
|
|
@@ -13183,19 +13164,19 @@ var ContextWrapper = styled__default.div(_templateObject8$y || (_templateObject8
|
|
|
13183
13164
|
var $menuOpen = _ref2.$menuOpen;
|
|
13184
13165
|
return $menuOpen && styled.css(_templateObject9$q || (_templateObject9$q = _taggedTemplateLiteralLoose(["\n ", "{\n opacity: 1;\n }\n"])), ContextTitle);
|
|
13185
13166
|
}, ContextIcon$1, IconWrapper);
|
|
13186
|
-
var ContextActionA = styled__default(reactRouterDom.Link)(
|
|
13167
|
+
var ContextActionA = styled__default(reactRouterDom.Link)(_templateObject0$k || (_templateObject0$k = _taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n\n &:hover ", "{\n opacity: 1;\n background-color: var(--global-menu-icon-background-hover);\n\n ", "{\n [stroke]{\n stroke: var(--inverse);\n }\n }\n }\n\n ", "\n"])), ContextActionBaseCSS$1, function (_ref3) {
|
|
13187
13168
|
var $menuOpen = _ref3.$menuOpen;
|
|
13188
|
-
return $menuOpen && styled.css(
|
|
13169
|
+
return $menuOpen && styled.css(_templateObject1$d || (_templateObject1$d = _taggedTemplateLiteralLoose(["\n ", "{\n opacity: 1;\n }\n "])), ContextTitle);
|
|
13189
13170
|
}, ContextIcon$1, IconWrapper, function (_ref4) {
|
|
13190
13171
|
var $isActive = _ref4.$isActive;
|
|
13191
|
-
return $isActive && styled.css(
|
|
13172
|
+
return $isActive && styled.css(_templateObject10$b || (_templateObject10$b = _taggedTemplateLiteralLoose(["\n color: var(--grey-12);\n\n ", ",\n &:hover ", "{\n background-color: var(--global-menu-icon-background-active);\n }\n "])), ContextIcon$1, ContextIcon$1);
|
|
13192
13173
|
});
|
|
13193
|
-
var ContextActionButton$1 = styled__default.button(
|
|
13174
|
+
var ContextActionButton$1 = styled__default.button(_templateObject11$a || (_templateObject11$a = _taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n\n &:hover ", "{\n opacity: 1;\n background-color: var(--global-menu-icon-background-hover);\n\n ", "{\n [stroke]{\n stroke: var(--inverse);\n }\n }\n }\n\n ", "\n"])), ContextActionBaseCSS$1, function (_ref5) {
|
|
13194
13175
|
var menuOpen = _ref5.menuOpen;
|
|
13195
|
-
return menuOpen && styled.css(
|
|
13176
|
+
return menuOpen && styled.css(_templateObject12$9 || (_templateObject12$9 = _taggedTemplateLiteralLoose(["\n ", "{\n opacity: 1;\n }\n\n ", "{\n opacity: 1;\n transition: opacity var(--speed-normal) var(--easing-primary-in-out) var(--speed-fast);\n }\n "])), ContextTitle, ContextIndicator);
|
|
13196
13177
|
}, ContextIcon$1, IconWrapper, function (_ref6) {
|
|
13197
13178
|
var isActive = _ref6.isActive;
|
|
13198
|
-
return isActive && styled.css(
|
|
13179
|
+
return isActive && styled.css(_templateObject13$7 || (_templateObject13$7 = _taggedTemplateLiteralLoose(["\n ", ",\n &:hover ", "{\n background-color: var(--global-menu-icon-background-active);\n }\n "])), ContextIcon$1, ContextIcon$1);
|
|
13199
13180
|
});
|
|
13200
13181
|
var ContextItem = function ContextItem(_ref7) {
|
|
13201
13182
|
var _ref7$hasSubmenu = _ref7.hasSubmenu,
|
|
@@ -13368,7 +13349,7 @@ var useMenu = function useMenu(defaultMenuOpen, canAlwaysPin) {
|
|
|
13368
13349
|
};
|
|
13369
13350
|
};
|
|
13370
13351
|
|
|
13371
|
-
var _templateObject$1C, _templateObject2$1n, _templateObject3$1e, _templateObject4$16, _templateObject5$10, _templateObject6$M, _templateObject7$I, _templateObject8$z, _templateObject9$r,
|
|
13352
|
+
var _templateObject$1C, _templateObject2$1n, _templateObject3$1e, _templateObject4$16, _templateObject5$10, _templateObject6$M, _templateObject7$I, _templateObject8$z, _templateObject9$r, _templateObject0$l, _templateObject1$e, _templateObject10$c, _templateObject11$b;
|
|
13372
13353
|
var Submenu = styled__default.ul(_templateObject$1C || (_templateObject$1C = _taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n margin-left: 40px;\n padding: 0;\n\n"])));
|
|
13373
13354
|
var SubmenuHeader = styled__default.div(_templateObject2$1n || (_templateObject2$1n = _taggedTemplateLiteralLoose(["\n display: block;\n height: 40px;\n margin-left: 40px;\n"])));
|
|
13374
13355
|
var SubmenuContainerInner = styled__default.div(_templateObject3$1e || (_templateObject3$1e = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n"])));
|
|
@@ -13378,15 +13359,15 @@ var ExternalIconWrapper$1 = styled__default.div(_templateObject6$M || (_template
|
|
|
13378
13359
|
var SubmenuItemAnchor = styled__default.a(_templateObject7$I || (_templateObject7$I = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n align-items: center;\n"])), resetButtonStyles);
|
|
13379
13360
|
var SubmenuItem = styled__default.li(_templateObject8$z || (_templateObject8$z = _taggedTemplateLiteralLoose(["\n display: block;\n height: 30px;\n padding-left: 40px;\n position: relative;\n\n &::after {\n display: block;\n content: '';\n height: 1px;\n width: 14px;\n position: absolute;\n left: 0;\n top: 10px;\n background: var(--dividing-line);\n }\n\n ", ", ", "{\n font-family: var(--font-ui);\n font-size: 14px;\n font-weight: 400;\n text-decoration: none;\n color: var(--grey-11);\n\n ", ";\n\n }\n"])), SubmenuItemLink, SubmenuItemAnchor, function (_ref) {
|
|
13380
13361
|
var isActive = _ref.isActive;
|
|
13381
|
-
return styled.css(_templateObject9$r || (_templateObject9$r = _taggedTemplateLiteralLoose(["\n \n &:hover {\n color: var(--grey-12);\n }\n\n ", "\n\n "])), isActive && styled.css(
|
|
13362
|
+
return styled.css(_templateObject9$r || (_templateObject9$r = _taggedTemplateLiteralLoose(["\n \n &:hover {\n color: var(--grey-12);\n }\n\n ", "\n\n "])), isActive && styled.css(_templateObject0$l || (_templateObject0$l = _taggedTemplateLiteralLoose(["\n &, &:hover {\n color: var(--grey-11);\n font-weight: 600;\n }\n "]))));
|
|
13382
13363
|
});
|
|
13383
|
-
var SubmenuContainer = styled__default.div(
|
|
13384
|
-
var ContextContainer = styled__default.div(
|
|
13364
|
+
var SubmenuContainer = styled__default.div(_templateObject1$e || (_templateObject1$e = _taggedTemplateLiteralLoose(["\n position: relative;\n overflow: hidden;\n\n transition:\n grid-template-rows var(--speed-normal) var(--easing-primary-in-out),\n opacity var(--speed-fast) var(--easing-primary-in-out);\n\n &::after {\n display: block;\n content: '';\n width: 1px;\n position: absolute;\n left: 40px;\n top: 0;\n bottom: 35px;\n background: var(--dividing-line);\n }\n\n"])));
|
|
13365
|
+
var ContextContainer = styled__default.div(_templateObject10$c || (_templateObject10$c = _taggedTemplateLiteralLoose(["\n min-height: ", ";\n width: inherit;\n\n ", "{\n display: grid;\n grid-template-rows: 0fr;\n };\n\n ", ";\n"])), function (_ref2) {
|
|
13385
13366
|
var mobileMenu = _ref2.mobileMenu;
|
|
13386
13367
|
return mobileMenu ? '30px' : '70px';
|
|
13387
13368
|
}, SubmenuContainer, function (_ref3) {
|
|
13388
13369
|
var open = _ref3.open;
|
|
13389
|
-
return open && styled.css(
|
|
13370
|
+
return open && styled.css(_templateObject11$b || (_templateObject11$b = _taggedTemplateLiteralLoose(["\n ", "{\n grid-template-rows: 1fr;\n \n transition:\n grid-template-rows var(--speed-normal) var(--easing-primary-in-out),\n opacity var(--speed-fast) var(--easing-primary-in-out);\n \n opacity: 1;\n }\n "])), SubmenuContainer);
|
|
13390
13371
|
});
|
|
13391
13372
|
var NavigationItem = function NavigationItem(_ref4) {
|
|
13392
13373
|
var item = _ref4.item,
|
|
@@ -13477,7 +13458,7 @@ var generateSubmenus = function generateSubmenus(submenu, onClickCallback) {
|
|
|
13477
13458
|
return output;
|
|
13478
13459
|
};
|
|
13479
13460
|
|
|
13480
|
-
var _templateObject$1D, _templateObject2$1o, _templateObject3$1f, _templateObject4$17, _templateObject5$11, _templateObject6$N, _templateObject7$J, _templateObject8$A, _templateObject9$s,
|
|
13461
|
+
var _templateObject$1D, _templateObject2$1o, _templateObject3$1f, _templateObject4$17, _templateObject5$11, _templateObject6$N, _templateObject7$J, _templateObject8$A, _templateObject9$s, _templateObject0$m, _templateObject1$f, _templateObject10$d, _templateObject11$c, _templateObject12$a;
|
|
13481
13462
|
var Logo = styled__default(reactRouterDom.Link)(_templateObject$1D || (_templateObject$1D = _taggedTemplateLiteralLoose(["\n height: 50px;\n margin: 0 20px 55px 15px;\n display: flex;\n\n object {\n pointer-events: none;\n }\n"])));
|
|
13482
13463
|
var LogoMark = styled__default.div(_templateObject2$1o || (_templateObject2$1o = _taggedTemplateLiteralLoose(["\n height: 50px;\n flex: 0 0 50px;\n margin-right: 15px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n"])));
|
|
13483
13464
|
var LogoType = styled__default.div(_templateObject3$1f || (_templateObject3$1f = _taggedTemplateLiteralLoose(["\n opacity: 0;\n flex: 1;\n height: 50px;\n display: flex;\n justify-content: left;\n align-items: center;\n"])));
|
|
@@ -13488,14 +13469,14 @@ var MenuFooter = styled__default.div(_templateObject7$J || (_templateObject7$J =
|
|
|
13488
13469
|
var FooterItemContainer = styled__default.div(_templateObject8$A || (_templateObject8$A = _taggedTemplateLiteralLoose(["\n min-height: 70px;\n"])));
|
|
13489
13470
|
var PushContainer = styled__default.div(_templateObject9$s || (_templateObject9$s = _taggedTemplateLiteralLoose(["\n position: relative;\n height: 100%;\n ", ";\n"])), function (_ref) {
|
|
13490
13471
|
var isPinned = _ref.isPinned;
|
|
13491
|
-
return styled.css(
|
|
13472
|
+
return styled.css(_templateObject0$m || (_templateObject0$m = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), isPinned ? "var(--global-menu-width-open)" : "var(--global-menu-width-closed)");
|
|
13492
13473
|
});
|
|
13493
|
-
var Container$10 = styled__default.div(
|
|
13474
|
+
var Container$10 = styled__default.div(_templateObject1$f || (_templateObject1$f = _taggedTemplateLiteralLoose(["\n z-index: 99;\n position: fixed;\n top: 0;\n left: 0;\n ", "\n\n box-sizing: border-box;\n height: 100%;\n padding: 20px 0 0 0;\n overflow: hidden;\n"])), function (_ref2) {
|
|
13494
13475
|
var open = _ref2.open,
|
|
13495
13476
|
desktopSize = _ref2.desktopSize;
|
|
13496
|
-
return styled.css(
|
|
13477
|
+
return styled.css(_templateObject10$d || (_templateObject10$d = _taggedTemplateLiteralLoose(["\n background-color: var(--global-element-background);\n box-shadow: 0px 0px 7px 0px var(--primary-a2);\n width: ", ";\n border-right: 1px solid var(--dividing-line);\n\n ", ";\n\n ", "{\n transition: opacity var(--speed-normal) var(--easing-primary-in-out);\n opacity: ", ";\n }\n "])), open ? "var(--global-menu-width-open)" : "var(--global-menu-width-closed)", desktopSize === 'xxlarge' ? "" : styled.css(_templateObject11$c || (_templateObject11$c = _taggedTemplateLiteralLoose(["\n transition: width var(--speed-normal) var(--easing-primary-in);\n "]))), LogoType, open ? 1 : 0);
|
|
13497
13478
|
});
|
|
13498
|
-
var ContainerInner = styled__default.div(
|
|
13479
|
+
var ContainerInner = styled__default.div(_templateObject12$a || (_templateObject12$a = _taggedTemplateLiteralLoose(["\n width: var(--global-menu-width-open);\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
|
|
13499
13480
|
var MainMenu = function MainMenu(_ref3) {
|
|
13500
13481
|
var content = _ref3.content,
|
|
13501
13482
|
_ref3$home = _ref3.home,
|
|
@@ -13595,7 +13576,7 @@ var MainMenu = function MainMenu(_ref3) {
|
|
|
13595
13576
|
})) : null))), document.body));
|
|
13596
13577
|
};
|
|
13597
13578
|
|
|
13598
|
-
var _templateObject$1E, _templateObject2$1p, _templateObject3$1g, _templateObject4$18, _templateObject5$12, _templateObject6$O, _templateObject7$K, _templateObject8$B, _templateObject9$t,
|
|
13579
|
+
var _templateObject$1E, _templateObject2$1p, _templateObject3$1g, _templateObject4$18, _templateObject5$12, _templateObject6$O, _templateObject7$K, _templateObject8$B, _templateObject9$t, _templateObject0$n;
|
|
13599
13580
|
var MetaConatiner = styled__default.div(_templateObject$1E || (_templateObject$1E = _taggedTemplateLiteralLoose(["\n margin: 10px 10px;\n border: 1px solid var(--grey-3);\n background-color: var(--grey-a2);\n border-radius: 5px;\n &:active {\n box-shadow: 4px 4px var(--grey-a2);\n }\n"])));
|
|
13600
13581
|
var LabelTitle = styled__default.div(_templateObject2$1p || (_templateObject2$1p = _taggedTemplateLiteralLoose(["\n max-width: 130px;\n overflow-wrap: initial;\n white-space: break-spaces;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n opacity: 0.76;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.29px;\n color: var(--grey-11);\n font-family: var(--font-ui);\n margin-top: 2px;\n"])));
|
|
13601
13582
|
var LabelContent = styled__default.div(_templateObject3$1g || (_templateObject3$1g = _taggedTemplateLiteralLoose(["\n font-size: 10px;\n padding-left: 10px;\n max-width: 200px;\n overflow-wrap: initial;\n white-space: break-spaces;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 4px 0 5px 0;\n white-space: nowrap;\n font-weight: 500;\n letter-spacing: 0.29px;\n color: var(--grey-8);\n"])));
|
|
@@ -13605,7 +13586,7 @@ var Container$11 = styled__default.div(_templateObject6$O || (_templateObject6$O
|
|
|
13605
13586
|
var TitleBox = styled__default.div(_templateObject7$K || (_templateObject7$K = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
13606
13587
|
var IconBox = styled__default.div(_templateObject8$B || (_templateObject8$B = _taggedTemplateLiteralLoose(["\n padding: 1px 5px 0 0;\n opacity: 0;\n ", ":hover & {\n opacity: 1;\n cursor: pointer;\n }\n"])), Container$11);
|
|
13607
13588
|
var CopyTextBox = styled__default.pre(_templateObject9$t || (_templateObject9$t = _taggedTemplateLiteralLoose(["\n padding: 5px;\n font-size: 10px;\n line-height: 1.2;\n box-shadow: 2px 2px 4px (195deg 16% 72% / 72%);\n border: 1px solid var(--grey-8);\n background-color: var(--grey-2);\n border-radius: 5px;\n opacity: 0.76;\n font-weight: 500;\n color: var(--grey-11);\n position: absolute;\n max-width: 170px;\n white-space: pre-wrap;\n font-family: var(--font-data);\n right:10px;\n margin-top: -23px;\n"])));
|
|
13608
|
-
var CopyBox = styled__default.div(
|
|
13589
|
+
var CopyBox = styled__default.div(_templateObject0$n || (_templateObject0$n = _taggedTemplateLiteralLoose(["\n"])));
|
|
13609
13590
|
var UserDrawerMeta = function UserDrawerMeta(_ref) {
|
|
13610
13591
|
var item = _ref.item,
|
|
13611
13592
|
onUserDrawerMetaClick = _ref.onUserDrawerMetaClick,
|
|
@@ -13689,7 +13670,7 @@ var DrawerBottomMenu = function DrawerBottomMenu(_ref) {
|
|
|
13689
13670
|
}), React__default.createElement(ColumnContainer, null, React__default.createElement(Title$8, null, title), React__default.createElement(SubTitle$1, null, subTitle)));
|
|
13690
13671
|
};
|
|
13691
13672
|
|
|
13692
|
-
var _templateObject$1G, _templateObject2$1r, _templateObject3$1i, _templateObject4$1a, _templateObject5$13, _templateObject6$P, _templateObject7$L, _templateObject8$C, _templateObject9$u,
|
|
13673
|
+
var _templateObject$1G, _templateObject2$1r, _templateObject3$1i, _templateObject4$1a, _templateObject5$13, _templateObject6$P, _templateObject7$L, _templateObject8$C, _templateObject9$u, _templateObject0$o, _templateObject1$g, _templateObject10$e, _templateObject11$d, _templateObject12$b;
|
|
13693
13674
|
var DrawerTop = styled__default.div(_templateObject$1G || (_templateObject$1G = _taggedTemplateLiteralLoose([""])));
|
|
13694
13675
|
var DrawerBottom = styled__default.div(_templateObject2$1r || (_templateObject2$1r = _taggedTemplateLiteralLoose(["\n width: 100%;\n position: fixed;\n bottom: 50px;\n @media ", " {\n position: static;\n bottom: 0;\n }\n"])), deviceMediaQuery.medium);
|
|
13695
13676
|
var DrawerHeader = styled__default.h2(_templateObject3$1i || (_templateObject3$1i = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.35px;\n color: var(--grey-11);\n padding: 0;\n margin: 0 0 5px;\n"])));
|
|
@@ -13699,16 +13680,16 @@ var Logout = styled__default.div(_templateObject6$P || (_templateObject6$P = _ta
|
|
|
13699
13680
|
var LinkMenu = styled__default.ul(_templateObject7$L || (_templateObject7$L = _taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 12px 0 0 0;\n list-style: none;\n"])));
|
|
13700
13681
|
var LinkMenuItem = styled__default.li(_templateObject8$C || (_templateObject8$C = _taggedTemplateLiteralLoose(["\n padding: 10px 0;\n"])));
|
|
13701
13682
|
var IconWrapperFooter = styled__default.div(_templateObject9$u || (_templateObject9$u = _taggedTemplateLiteralLoose(["\n width: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n > div {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n padding-right: 20px;\n"])));
|
|
13702
|
-
var LinkMenuItemA = styled__default(reactRouterDom.Link)(
|
|
13683
|
+
var LinkMenuItemA = styled__default(reactRouterDom.Link)(_templateObject0$o || (_templateObject0$o = _taggedTemplateLiteralLoose(["\n ", ";\n display: block;\n width: 100%;\n font-size: 14px;\n font-weight: 400;\n color: var(--grey-10);\n text-decoration: none;\n\n &:hover {\n color: var(--primary-9);\n }\n\n ", ";\n"])), resetButtonStyles, function (_ref) {
|
|
13703
13684
|
var isActive = _ref.isActive;
|
|
13704
|
-
return isActive && styled.css(
|
|
13685
|
+
return isActive && styled.css(_templateObject1$g || (_templateObject1$g = _taggedTemplateLiteralLoose(["\n &, &:hover {\n color: var(--primary-9);\n }\n "])));
|
|
13705
13686
|
});
|
|
13706
|
-
var FooterMeta = styled__default.div(
|
|
13687
|
+
var FooterMeta = styled__default.div(_templateObject10$e || (_templateObject10$e = _taggedTemplateLiteralLoose(["\n font-family: var(--font-ui);\n border-top: var(--dividing-line) 1px solid;\n margin-top: auto;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n font-size: 10px;\n font-weight: 400;\n color: var(--grey-a11);\n padding: 10px;\n padding-left: ", ";\n"])), function (_ref2) {
|
|
13707
13688
|
var icon = _ref2.icon;
|
|
13708
13689
|
return icon !== '' ? '31px;' : '21px;';
|
|
13709
13690
|
});
|
|
13710
|
-
var NavigationContainer$1 = styled__default.div(
|
|
13711
|
-
var FooterText = styled__default.div(
|
|
13691
|
+
var NavigationContainer$1 = styled__default.div(_templateObject11$d || (_templateObject11$d = _taggedTemplateLiteralLoose(["\n max-height: 300px;\n overflow: scroll;\n overflow-x: hidden;\n overflow-y: auto;\n border-bottom: var(--dividing-line) 1px solid;\n"])));
|
|
13692
|
+
var FooterText = styled__default.div(_templateObject12$b || (_templateObject12$b = _taggedTemplateLiteralLoose(["\n white-space: break-spaces;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 136px;\n max-width: ", ";\n color: var(--grey-11);\n opacity: 0.5;\n"])), function (_ref3) {
|
|
13712
13693
|
var icon = _ref3.icon;
|
|
13713
13694
|
return icon !== '' ? '136px;' : '164px;';
|
|
13714
13695
|
});
|
|
@@ -13891,7 +13872,7 @@ var NotificationsHistory = function NotificationsHistory(_ref) {
|
|
|
13891
13872
|
return React__default.createElement(Container$14, null, unread && React__default.createElement(React.Fragment, null, React__default.createElement(StatusContainer, null, readNotificationsText), renderNotifications(unread, 'unread')), read && React__default.createElement(React.Fragment, null, React__default.createElement(StatusContainer, null, unreadNotificationsText), renderNotifications(read, 'read')));
|
|
13892
13873
|
};
|
|
13893
13874
|
|
|
13894
|
-
var _templateObject$1J, _templateObject2$1u, _templateObject3$1l, _templateObject4$1c, _templateObject5$15, _templateObject6$R, _templateObject7$N, _templateObject8$E, _templateObject9$v,
|
|
13875
|
+
var _templateObject$1J, _templateObject2$1u, _templateObject3$1l, _templateObject4$1c, _templateObject5$15, _templateObject6$R, _templateObject7$N, _templateObject8$E, _templateObject9$v, _templateObject0$p, _templateObject1$h, _templateObject10$f, _templateObject11$e;
|
|
13895
13876
|
var CoreStyle = styled.css(_templateObject$1J || (_templateObject$1J = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 32px;\n padding: 8px;\n align-items: center;\n justify-content: center;\n text-align: center;\n gap: 8px;\n border-radius: 3px;\n\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 12px; /* 85.714% */\n white-space: nowrap;\n\n transition: opacity var(--speed-fast) var(--easing-primary-out);\n\n"])));
|
|
13896
13877
|
var ContainerStatic = styled__default.div(_templateObject2$1u || (_templateObject2$1u = _taggedTemplateLiteralLoose(["\n ", ";\n\n ", ";\n"])), CoreStyle, function (_ref) {
|
|
13897
13878
|
var themeColor = _ref.themeColor;
|
|
@@ -13904,12 +13885,12 @@ var ContainerLinked = styled__default.div(_templateObject7$N || (_templateObject
|
|
|
13904
13885
|
return themeColor ? styled.css(_templateObject8$E || (_templateObject8$E = _taggedTemplateLiteralLoose(["\n background-color: transparent;\n border: 2px solid var(--", "-9);\n color: var(--", "-11);\n "])), themeColor, themeColor) : styled.css(_templateObject9$v || (_templateObject9$v = _taggedTemplateLiteralLoose(["\n background-color: transparent;\n border: 2px solid var(--info-9);\n color: var(--info-11);\n "])));
|
|
13905
13886
|
}, function (_ref3) {
|
|
13906
13887
|
var themeColor = _ref3.themeColor;
|
|
13907
|
-
return themeColor ? styled.css(
|
|
13888
|
+
return themeColor ? styled.css(_templateObject0$p || (_templateObject0$p = _taggedTemplateLiteralLoose(["\n background-color: var(--", "-9);\n border: 2px solid var(--", "-9);\n color: var(--white-12);\n "])), themeColor, themeColor) : styled.css(_templateObject1$h || (_templateObject1$h = _taggedTemplateLiteralLoose(["\n background-color: var(--info-9);\n border: 2px solid var(--info-9);\n color: var(--white-12);\n "])));
|
|
13908
13889
|
});
|
|
13909
|
-
var Container$15 = styled__default.div(
|
|
13890
|
+
var Container$15 = styled__default.div(_templateObject10$f || (_templateObject10$f = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
13910
13891
|
var ready = _ref4.ready,
|
|
13911
13892
|
minWidth = _ref4.minWidth;
|
|
13912
|
-
return styled.css(
|
|
13893
|
+
return styled.css(_templateObject11$e || (_templateObject11$e = _taggedTemplateLiteralLoose(["\n \n visibility: ", ";\n opacity: ", ";\n\n transition: opacity var(--speed-fast) var(--easing-primary-in-out);\n\n ", ", ", "{\n /* Required to accurately measure container sizes and ensure hover doesn't resize. */\n ", ";\n }\n "])), ready ? 'visible' : 'hidden', ready ? '1' : '0', DefaultText, LinkText, ready && "min-width: " + minWidth + "px;");
|
|
13913
13894
|
});
|
|
13914
13895
|
var TopBarBadge = function TopBarBadge(_ref5) {
|
|
13915
13896
|
var text = _ref5.text,
|
|
@@ -13976,7 +13957,7 @@ var TopBarBadge = function TopBarBadge(_ref5) {
|
|
|
13976
13957
|
}), badgeComponent);
|
|
13977
13958
|
};
|
|
13978
13959
|
|
|
13979
|
-
var _templateObject$1K, _templateObject2$1v, _templateObject3$1m, _templateObject4$1d, _templateObject5$16, _templateObject6$S, _templateObject7$O, _templateObject8$F, _templateObject9$w,
|
|
13960
|
+
var _templateObject$1K, _templateObject2$1v, _templateObject3$1m, _templateObject4$1d, _templateObject5$16, _templateObject6$S, _templateObject7$O, _templateObject8$F, _templateObject9$w, _templateObject0$q, _templateObject1$i, _templateObject10$g, _templateObject11$f;
|
|
13980
13961
|
var Container$16 = styled__default.div(_templateObject$1K || (_templateObject$1K = _taggedTemplateLiteralLoose(["\n z-index: 9;\n position: sticky;\n top: 0;\n height: 56px;\n padding: 0 16px 0 24px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-self: flex-start;\n border-bottom: 1px solid var(--dividing-line);\n background: var(--grey-2);\n box-shadow: 5px 0px 10px 0px var(--primary-a2);\n"])));
|
|
13981
13962
|
var RightArea$1 = styled__default.div(_templateObject2$1v || (_templateObject2$1v = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 24px;\n height: 100%;\n"])));
|
|
13982
13963
|
var SearchBar = styled__default.div(_templateObject3$1m || (_templateObject3$1m = _taggedTemplateLiteralLoose(["\n flex: 0 1 500px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n"])));
|
|
@@ -13990,15 +13971,15 @@ var DrawerToggle = styled__default.button.attrs({
|
|
|
13990
13971
|
var isActive = _ref.isActive;
|
|
13991
13972
|
return isActive && styled.css(_templateObject9$w || (_templateObject9$w = _taggedTemplateLiteralLoose(["\n &, &:hover {\n border-bottom-color: var(--primary-9);\n &::after {\n background-color: var(--primary-9);\n }\n svg {\n transform: scale(1);\n animation: ", " 0.35s cubic-bezier(0.7, 0, 0.84, 0);\n }\n\n }\n "])), buttonClickAnimation);
|
|
13992
13973
|
});
|
|
13993
|
-
var DrawerPortalWrapper = styled__default.div(
|
|
13994
|
-
var Drawer = styled__default.div(
|
|
13974
|
+
var DrawerPortalWrapper = styled__default.div(_templateObject0$q || (_templateObject0$q = _taggedTemplateLiteralLoose([""])));
|
|
13975
|
+
var Drawer = styled__default.div(_templateObject1$i || (_templateObject1$i = _taggedTemplateLiteralLoose(["\n font-family: var(--font-ui);\n\n position: fixed;\n right: -10px;\n top: 56px;\n bottom: 0;\n background: var(--global-element-background);\n border-left: var(--dividing-line) 1px solid;\n\n width: ", ";\n opacity: 0;\n visibility: hidden;\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n transition:\n opacity var(--speed-normal) var(--easing-primary-in-out),\n right var(--speed-normal) var(--easing-primary-in-out);\n\n ", "\n"])), function (_ref2) {
|
|
13995
13976
|
var baseWidth = _ref2.baseWidth;
|
|
13996
13977
|
return baseWidth ? baseWidth : "200px";
|
|
13997
13978
|
}, function (_ref3) {
|
|
13998
13979
|
var isOpen = _ref3.isOpen;
|
|
13999
|
-
return isOpen && styled.css(
|
|
13980
|
+
return isOpen && styled.css(_templateObject10$g || (_templateObject10$g = _taggedTemplateLiteralLoose(["\n right: 0;\n opacity: 1;\n visibility: visible;\n "])));
|
|
14000
13981
|
});
|
|
14001
|
-
var NotificationsContainer = styled__default.div(
|
|
13982
|
+
var NotificationsContainer = styled__default.div(_templateObject11$f || (_templateObject11$f = _taggedTemplateLiteralLoose(["\n overflow-y: scroll;\n margin-right: -17px;\n"])));
|
|
14002
13983
|
var TopBar = function TopBar(_ref4) {
|
|
14003
13984
|
var _ref4$hasNotification = _ref4.hasNotifications,
|
|
14004
13985
|
hasNotifications = _ref4$hasNotification === void 0 ? false : _ref4$hasNotification,
|