@evergis/uilib-gl 1.0.21 → 1.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,5 +2,5 @@ export declare const H4: import("styled-components").StyledComponent<"h4", impor
|
|
|
2
2
|
export declare const H3: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
|
|
3
3
|
export declare const H2: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, {}, never>;
|
|
4
4
|
export declare const H1: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
-
export declare const Description: import("styled-components").StyledComponent<"
|
|
5
|
+
export declare const Description: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
6
6
|
export declare const textOverflowEllipsisMixin = "\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IBasicCardProps, ICardBlankProps } from "./types";
|
|
2
2
|
export declare const Header: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
-
export declare const Title: import("styled-components").StyledComponent<"
|
|
4
|
-
export declare const CardDescription: import("styled-components").StyledComponent<"
|
|
3
|
+
export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const CardDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
5
5
|
export declare type BlackoutProps = {
|
|
6
6
|
checked?: boolean;
|
|
7
7
|
disabled?: boolean;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
import { IRadioLabelProps } from "./types";
|
|
2
2
|
export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, IRadioLabelProps, never>;
|
|
3
|
-
export declare const LabelDescription: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
package/dist/uilib-gl.esm.js
CHANGED
|
@@ -10216,7 +10216,7 @@ var H1 = /*#__PURE__*/styled.h1(_templateObject4$3 || (_templateObject4$3 = /*#_
|
|
|
10216
10216
|
var palette = _ref8.theme.palette;
|
|
10217
10217
|
return palette.textPrimary;
|
|
10218
10218
|
});
|
|
10219
|
-
var Description = /*#__PURE__*/styled.
|
|
10219
|
+
var Description = /*#__PURE__*/styled.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font: ", ";\n color: ", ";\n"])), function (_ref9) {
|
|
10220
10220
|
var fonts = _ref9.theme.fonts;
|
|
10221
10221
|
return fonts.description;
|
|
10222
10222
|
}, function (_ref10) {
|
|
@@ -16432,7 +16432,7 @@ var Header$1 = /*#__PURE__*/styled(H3)(_templateObject$1j || (_templateObject$1j
|
|
|
16432
16432
|
var theme = _ref.theme;
|
|
16433
16433
|
return theme.palette.textPrimary;
|
|
16434
16434
|
});
|
|
16435
|
-
var Title = /*#__PURE__*/styled(Description)(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n
|
|
16435
|
+
var Title = /*#__PURE__*/styled(Description)(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n position: absolute;\n top: 1rem;\n left: 1.5rem;\n line-height: 1rem;\n letter-spacing: 0.1px;\n z-index: 1;\n"])), function (_ref2) {
|
|
16436
16436
|
var theme = _ref2.theme;
|
|
16437
16437
|
return theme.palette.textSecondary;
|
|
16438
16438
|
});
|
|
@@ -19519,7 +19519,7 @@ var Radio = /*#__PURE__*/styled.input.attrs(function (props) {
|
|
|
19519
19519
|
};
|
|
19520
19520
|
})(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
19521
19521
|
|
|
19522
|
-
var _templateObject$1I
|
|
19522
|
+
var _templateObject$1I;
|
|
19523
19523
|
var Label$3 = /*#__PURE__*/styled.label(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: ", ";\n font: ", ";\n text-align: left;\n\n &:hover {\n cursor: pointer;\n }\n\n &[disabled] {\n color: ", ";\n pointer-events: none;\n }\n"])), function (_ref) {
|
|
19524
19524
|
var radio = _ref.theme.radio;
|
|
19525
19525
|
return radio && radio.labelColor;
|
|
@@ -19530,7 +19530,6 @@ var Label$3 = /*#__PURE__*/styled.label(_templateObject$1I || (_templateObject$1
|
|
|
19530
19530
|
var radio = _ref3.theme.radio;
|
|
19531
19531
|
return radio && radio.labelDisabledColor;
|
|
19532
19532
|
});
|
|
19533
|
-
var LabelDescription = /*#__PURE__*/styled(Description)(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
19534
19533
|
|
|
19535
19534
|
var _templateObject$1J;
|
|
19536
19535
|
var RadioCheckMark = /*#__PURE__*/styled.span(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-shrink: 0;\n height: 1.125rem;\n margin-right: 0.625rem;\n width: 1.125rem;\n border: 0.1rem solid ", ";\n border-radius: 50%;\n box-sizing: border-box;\n transition: border-color ", ";\n transition: background-color ", ";\n\n ", ":hover > & {\n background-color: ", ";\n transition: background-color ", ";\n }\n\n ", ":checked + & {\n border-color: ", ";\n transition: border-color ", ";\n }\n\n ", ":checked + &:after {\n height: 0.625rem;\n width: 0.625rem;\n background-color: ", ";\n transition: all ", ";\n }\n\n &:after {\n content: \"\";\n position: absolute;\n display: block;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n height: 0;\n width: 0;\n background-color: ", ";\n border-radius: 50%;\n transition: all ", ";\n }\n\n &[disabled] {\n border-color: ", ";\n\n ", ":checked + & {\n border-color: ", ";\n }\n\n ", ":checked + &:after {\n background-color: ", ";\n }\n }\n"])), function (_ref) {
|
|
@@ -19571,7 +19570,7 @@ var RadioWithLabel = /*#__PURE__*/memo(function (_ref) {
|
|
|
19571
19570
|
id: "radio-" + props.value
|
|
19572
19571
|
}, props)), React__default.createElement(RadioCheckMark, {
|
|
19573
19572
|
disabled: props.disabled
|
|
19574
|
-
}), React__default.createElement("div", null, React__default.createElement("span", null, label), description && React__default.createElement(
|
|
19573
|
+
}), React__default.createElement("div", null, React__default.createElement("span", null, label), description && React__default.createElement(Description, null, description)));
|
|
19575
19574
|
});
|
|
19576
19575
|
|
|
19577
19576
|
var radioGroupContextShape = /*#__PURE__*/PropTypes.shape({
|
|
@@ -19666,9 +19665,9 @@ RadioGroup.childContextTypes = {
|
|
|
19666
19665
|
radioGroup: radioGroupContextShape
|
|
19667
19666
|
};
|
|
19668
19667
|
|
|
19669
|
-
var _templateObject$1L, _templateObject2$
|
|
19668
|
+
var _templateObject$1L, _templateObject2$S, _templateObject3$C, _templateObject4$r, _templateObject5$l, _templateObject6$e;
|
|
19670
19669
|
var StepTitle = /*#__PURE__*/styled(Flex)(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n"])));
|
|
19671
|
-
var StepHeaderText = /*#__PURE__*/styled.div(_templateObject2$
|
|
19670
|
+
var StepHeaderText = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: 1rem;\n color: #222f3a;\n opacity: ", ";\n"])), function (_ref) {
|
|
19672
19671
|
var isFinished = _ref.isFinished,
|
|
19673
19672
|
isLast = _ref.isLast;
|
|
19674
19673
|
return !isLast || isLast && isFinished ? 0.87 : 0.54;
|
|
@@ -19785,12 +19784,12 @@ var Stepper = /*#__PURE__*/memo(function (_ref) {
|
|
|
19785
19784
|
}));
|
|
19786
19785
|
});
|
|
19787
19786
|
|
|
19788
|
-
var _templateObject$1M, _templateObject2$
|
|
19787
|
+
var _templateObject$1M, _templateObject2$T, _templateObject3$D, _templateObject4$s, _templateObject5$m, _templateObject6$f;
|
|
19789
19788
|
var Blank$1 = /*#__PURE__*/styled(Blank)(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 1.5rem 2rem;\n min-width: 20rem;\n max-width: ", ";\n"])), function (_ref) {
|
|
19790
19789
|
var symbolsInRow = _ref.symbolsInRow;
|
|
19791
19790
|
return symbolsInRow * 2.5 + "rem";
|
|
19792
19791
|
});
|
|
19793
|
-
var Header$3 = /*#__PURE__*/styled(H3)(_templateObject2$
|
|
19792
|
+
var Header$3 = /*#__PURE__*/styled(H3)(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 0;\n"])));
|
|
19794
19793
|
var SymbolsContainer = /*#__PURE__*/styled.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n :not(:last-of-type) {\n margin-bottom: 1.25rem;\n }\n"])));
|
|
19795
19794
|
var Description$2 = /*#__PURE__*/styled(Description)(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 0.25rem;\n"])));
|
|
19796
19795
|
var Symbols = /*#__PURE__*/styled.span(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n"])));
|
|
@@ -19875,7 +19874,7 @@ var DEFAULT_COLUMN_WIDTH = 200;
|
|
|
19875
19874
|
var DEFAULT_SPECIAL_WIDTH = 42;
|
|
19876
19875
|
var DEFAULT_SELECT_WIDTH = 32;
|
|
19877
19876
|
|
|
19878
|
-
var _templateObject$1N, _templateObject2$
|
|
19877
|
+
var _templateObject$1N, _templateObject2$U, _templateObject3$E, _templateObject4$t, _templateObject5$n, _templateObject6$g, _templateObject7$9, _templateObject8$8, _templateObject9$6, _templateObject10$4, _templateObject11$2, _templateObject12$2, _templateObject13$2;
|
|
19879
19878
|
var LoadingContainer = /*#__PURE__*/styled.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: ", ";\n left: 0;\n z-index: 6;\n background-color: ", ";\n"])), function (_ref) {
|
|
19880
19879
|
var filtersOn = _ref.filtersOn;
|
|
19881
19880
|
return filtersOn ? "80px" : "37px";
|
|
@@ -19892,7 +19891,7 @@ var setHeight$1 = function setHeight(height) {
|
|
|
19892
19891
|
return typeof height === "number" ? height + "px" : typeof height === "undefined" ? "368px" : height;
|
|
19893
19892
|
};
|
|
19894
19893
|
|
|
19895
|
-
var TableComponent = /*#__PURE__*/styled.div(_templateObject2$
|
|
19894
|
+
var TableComponent = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-spacing: 0;\n width: ", ";\n height: ", ";\n overflow: auto;\n font: ", ";\n color: ", ";\n pointer-events: ", ";\n\n table {\n display: table;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0;\n }\n\n thead {\n user-select: none;\n }\n\n tbody {\n overflow: auto;\n\n :hover td {\n opacity: 0.28;\n }\n }\n\n tr {\n td {\n border-bottom: ", ";\n transition: all ", ";\n }\n\n :hover td {\n background-color: ", ";\n border-bottom-color: transparent;\n opacity: 1;\n }\n }\n\n th {\n position: sticky;\n top: 0;\n margin: 0;\n padding: 0 0 0 10px;\n box-sizing: border-box;\n background-color: ", ";\n font-size: 14px;\n font-weight: 100;\n color: ", ";\n z-index: 3;\n\n &.special {\n left: 0;\n }\n\n &:before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 8px;\n height: 100%;\n margin-left: -0.13rem;\n background-color: ", ";\n }\n\n .th-container {\n display: flex;\n align-items: stretch;\n\n .th-cell {\n width: calc(100% - 8px);\n color: ", ";\n user-select: none;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n word-wrap: normal;\n padding: 10px 10px 10px 0;\n box-sizing: border-box;\n text-align: left;\n }\n\n .th-resize {\n position: relative;\n display: flex;\n justify-content: center;\n min-width: 8px;\n width: 8px;\n cursor: col-resize;\n\n .th-resize-ruler {\n position: fixed;\n height: ", ";\n display: none;\n width: 2px;\n pointer-events: none;\n background-color: ", ";\n }\n\n &:hover,\n &:active {\n .th-resize-ruler {\n display: block;\n }\n }\n }\n }\n }\n\n td {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n word-wrap: normal;\n padding: 10px 20px 10px 34px;\n box-sizing: border-box;\n height: 40px;\n font-size: 14px;\n z-index: 1;\n\n &.special {\n position: sticky;\n left: 0;\n padding: 0 0 0 10px;\n z-index: 2;\n background-color: ", ";\n }\n }\n"])), function (_ref3) {
|
|
19896
19895
|
var width = _ref3.tableWidth;
|
|
19897
19896
|
return setWidth$2(width);
|
|
19898
19897
|
}, function (_ref4) {
|
|
@@ -20710,7 +20709,7 @@ var calculateAlign = function calculateAlign(align, scrollable) {
|
|
|
20710
20709
|
return "space-between";
|
|
20711
20710
|
};
|
|
20712
20711
|
|
|
20713
|
-
var _templateObject$1P, _templateObject2$
|
|
20712
|
+
var _templateObject$1P, _templateObject2$V, _templateObject3$F, _templateObject4$u, _templateObject5$o, _templateObject6$h, _templateObject7$a;
|
|
20714
20713
|
var TabBlock = /*#__PURE__*/styled.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n font: ", ";\n flex-grow: ", ";\n background: ", ";\n white-space: nowrap;\n flex-shrink: 0;\n height: 100%;\n outline: none;\n padding: 0 1.5rem;\n text-transform: uppercase;\n border-radius: ", ";\n color: ", ";\n\n &:hover {\n cursor: pointer;\n transition: background-color ", ";\n color: ", ";\n }\n\n &:active {\n transition: background-color ", ", box-shadow ", ";\n }\n &[disabled] {\n pointer-events: none;\n color: ", ";\n }\n >* {\n margin-right: 0.5rem;\n }\n }\n"])), function (_ref) {
|
|
20715
20714
|
var fonts = _ref.theme.fonts;
|
|
20716
20715
|
return fonts.button;
|
|
@@ -20732,7 +20731,7 @@ var TabBlock = /*#__PURE__*/styled.div(_templateObject$1P || (_templateObject$1P
|
|
|
20732
20731
|
var tab = _ref6.theme.tab;
|
|
20733
20732
|
return tab.disabledColor;
|
|
20734
20733
|
});
|
|
20735
|
-
var TabLine = /*#__PURE__*/styled.div(_templateObject2$
|
|
20734
|
+
var TabLine = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 0.1rem;\n z-index: 1;\n background: ", ";\n transition: background 0.2s ease-in-out;\n"])), function (_ref7) {
|
|
20736
20735
|
var selected = _ref7.selected,
|
|
20737
20736
|
tab = _ref7.theme.tab;
|
|
20738
20737
|
return selected ? tab.lineSelected : "transparent";
|
|
@@ -20991,9 +20990,9 @@ var TabsComponent = function TabsComponent(_ref) {
|
|
|
20991
20990
|
|
|
20992
20991
|
var Tabs = /*#__PURE__*/memo(TabsComponent);
|
|
20993
20992
|
|
|
20994
|
-
var _templateObject$1Q, _templateObject2$
|
|
20993
|
+
var _templateObject$1Q, _templateObject2$W, _templateObject3$G, _templateObject4$v, _templateObject5$p, _templateObject6$i, _templateObject7$b, _templateObject8$9, _templateObject9$7, _templateObject10$5, _templateObject11$3, _templateObject12$3, _templateObject13$3, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$1;
|
|
20995
20994
|
var Title$2 = /*#__PURE__*/styled.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: 2rem;\n border-top: 1px solid rgba(63, 87, 107, 0.16);\n color: rgba(63, 87, 107, 0.54);\n text-align: center;\n padding-top: 1rem;\n"])));
|
|
20996
|
-
var UploaderItemArea = /*#__PURE__*/styled.div(_templateObject2$
|
|
20995
|
+
var UploaderItemArea = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: auto;\n padding-top: 2rem;\n padding-bottom: 2rem;\n"])));
|
|
20997
20996
|
var UploaderItemsBorderContainer = /*#__PURE__*/css(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 1px solid rgba(63, 87, 107, 0.16);\n"])));
|
|
20998
20997
|
var UploaderItemsContainer = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
20999
20998
|
var hasBorder = _ref.hasBorder;
|
|
@@ -21372,9 +21371,9 @@ var RangeDatePickerComponent = function RangeDatePickerComponent(_ref) {
|
|
|
21372
21371
|
|
|
21373
21372
|
var RangeDatePicker = /*#__PURE__*/memo(RangeDatePickerComponent);
|
|
21374
21373
|
|
|
21375
|
-
var _templateObject$1R, _templateObject2$
|
|
21374
|
+
var _templateObject$1R, _templateObject2$X, _templateObject3$H, _templateObject4$w;
|
|
21376
21375
|
var ChipAutoCompleteTags = /*#__PURE__*/styled.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n"])));
|
|
21377
|
-
var ChipAutoCompleteControlFlex = /*#__PURE__*/styled.div(_templateObject2$
|
|
21376
|
+
var ChipAutoCompleteControlFlex = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n"])));
|
|
21378
21377
|
var ChipAutoCompleSlider = /*#__PURE__*/styled.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:not(:last-of-type) {\n margin-right: 0.5rem;\n }\n"])));
|
|
21379
21378
|
var ChipAutoCompleDivider = /*#__PURE__*/styled(function (props) {
|
|
21380
21379
|
return React__default.createElement(Divider, _extends({
|
|
@@ -21382,7 +21381,7 @@ var ChipAutoCompleDivider = /*#__PURE__*/styled(function (props) {
|
|
|
21382
21381
|
}, props));
|
|
21383
21382
|
})(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 1rem;\n margin: 0 1rem;\n align-self: center;\n"])));
|
|
21384
21383
|
|
|
21385
|
-
var _templateObject$1S, _templateObject2$
|
|
21384
|
+
var _templateObject$1S, _templateObject2$Y, _templateObject3$I, _templateObject4$x;
|
|
21386
21385
|
var ChipAutoCompleteItemImage = /*#__PURE__*/styled(Image)(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1.5rem;\n height: 1.5rem;\n border-radius: 50%;\n margin-right: 0.5rem;\n"])));
|
|
21387
21386
|
var getChipColor = function getChipColor(_ref, defaultColor) {
|
|
21388
21387
|
var primary = _ref.primary,
|
|
@@ -21434,7 +21433,7 @@ var getTagColor = function getTagColor(_ref2) {
|
|
|
21434
21433
|
|
|
21435
21434
|
return "initial";
|
|
21436
21435
|
};
|
|
21437
|
-
var ChipAutoCompleteItemIcon = /*#__PURE__*/styled(Icon)(_templateObject2$
|
|
21436
|
+
var ChipAutoCompleteItemIcon = /*#__PURE__*/styled(Icon)(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1.5rem;\n height: 1.5rem;\n border-radius: 50%;\n margin-right: 0.5rem;\n display: flex;\n color: ", ";\n background-color: ", ";\n &:after {\n margin: auto;\n }\n"])), function (_ref3) {
|
|
21438
21437
|
var primary = _ref3.primary,
|
|
21439
21438
|
isSecondary = _ref3.isSecondary;
|
|
21440
21439
|
return primary ? "white" : isSecondary ? "black" : "initial";
|
|
@@ -21511,9 +21510,9 @@ var Chip$2 = function Chip(_ref) {
|
|
|
21511
21510
|
}, name == null ? void 0 : name[0]));
|
|
21512
21511
|
};
|
|
21513
21512
|
|
|
21514
|
-
var _templateObject$1T, _templateObject2$
|
|
21513
|
+
var _templateObject$1T, _templateObject2$Z, _templateObject3$J, _templateObject4$y, _templateObject5$q, _templateObject6$j, _templateObject7$c;
|
|
21515
21514
|
var SimpleSliderContainer = /*#__PURE__*/styled.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n position: relative;\n padding: 0 1.5rem;\n margin-top: 1rem;\n height: 2rem;\n box-sizing: border-box;\n"])));
|
|
21516
|
-
var center = /*#__PURE__*/css(_templateObject2$
|
|
21515
|
+
var center = /*#__PURE__*/css(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n"])));
|
|
21517
21516
|
var Prev = /*#__PURE__*/styled(function (props) {
|
|
21518
21517
|
return React__default.createElement(IconButton, _extends({
|
|
21519
21518
|
kind: "prev"
|
|
@@ -21954,9 +21953,9 @@ var ChipAutoCompleteBase = function ChipAutoCompleteBase(_ref) {
|
|
|
21954
21953
|
|
|
21955
21954
|
var ChipAutoComplete = /*#__PURE__*/memo(ChipAutoCompleteBase);
|
|
21956
21955
|
|
|
21957
|
-
var _templateObject$1U, _templateObject2
|
|
21956
|
+
var _templateObject$1U, _templateObject2$_, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$k, _templateObject7$d, _templateObject8$a, _templateObject9$8;
|
|
21958
21957
|
var TreeContainer = /*#__PURE__*/styled.div(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n > ul {\n margin-left: 0;\n }\n"])));
|
|
21959
|
-
var TreeItems = /*#__PURE__*/styled.ul(_templateObject2
|
|
21958
|
+
var TreeItems = /*#__PURE__*/styled.ul(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: ", ";\n margin: 0 0 0 1.5rem;\n padding: 0;\n list-style: none;\n overflow: hidden;\n"])), function (_ref) {
|
|
21960
21959
|
var isExpanded = _ref.isExpanded;
|
|
21961
21960
|
return isExpanded ? "auto" : 0;
|
|
21962
21961
|
});
|
|
@@ -22256,7 +22255,7 @@ var TreeComponent = function TreeComponent(_ref) {
|
|
|
22256
22255
|
|
|
22257
22256
|
var Tree = /*#__PURE__*/memo(TreeComponent);
|
|
22258
22257
|
|
|
22259
|
-
var _templateObject$1V, _templateObject2
|
|
22258
|
+
var _templateObject$1V, _templateObject2$$, _templateObject3$L, _templateObject4$A, _templateObject5$s;
|
|
22260
22259
|
var JSONEditorContainer = /*#__PURE__*/styled.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n height: ", ";\n flex-shrink: 0;\n\n input {\n vertical-align: bottom;\n }\n\n button {\n cursor: pointer;\n background-color: transparent;\n :after {\n color: ", ";\n font: 300 1rem evergis-font;\n }\n &[disabled] {\n cursor: default;\n }\n }\n\n .jsoneditor-menu {\n button {\n :after {\n color: ", ";\n }\n }\n }\n\n .jsoneditor-search {\n button {\n :after {\n color: ", ";\n }\n }\n }\n\n .jsoneditor-refresh:after {\n content: \"\\e90b\";\n }\n\n .jsoneditor-next:after {\n content: \"\\e934\";\n }\n\n .jsoneditor-previous:after {\n content: \"\\e935\";\n }\n\n .jsoneditor-undo,\n .jsoneditor-redo,\n .jsoneditor-dragarea {\n background-image: none !important;\n }\n\n .jsoneditor-undo:after {\n content: \"\\e964\";\n }\n\n .jsoneditor-redo:after {\n content: \"\\e965\";\n }\n\n .jsoneditor-dragarea:after {\n content: \"\\e981\";\n }\n\n .jsoneditor-field {\n color: ", ";\n }\n\n .jsoneditor-null {\n color: ", ";\n }\n\n .jsoneditor-string {\n color: #6a8759;\n }\n\n .jsoneditor-number {\n color: ", ";\n }\n\n .jsoneditor-boolean {\n color: ", ";\n }\n\n .jsoneditor-color {\n border: 1px solid ", ";\n border-radius: ", ";\n }\n"], ["\n position: relative;\n width: 100%;\n height: ", ";\n flex-shrink: 0;\n\n input {\n vertical-align: bottom;\n }\n\n button {\n cursor: pointer;\n background-color: transparent;\n :after {\n color: ", ";\n font: 300 1rem evergis-font;\n }\n &[disabled] {\n cursor: default;\n }\n }\n\n .jsoneditor-menu {\n button {\n :after {\n color: ", ";\n }\n }\n }\n\n .jsoneditor-search {\n button {\n :after {\n color: ", ";\n }\n }\n }\n\n .jsoneditor-refresh:after {\n content: \"\\\\e90b\";\n }\n\n .jsoneditor-next:after {\n content: \"\\\\e934\";\n }\n\n .jsoneditor-previous:after {\n content: \"\\\\e935\";\n }\n\n .jsoneditor-undo,\n .jsoneditor-redo,\n .jsoneditor-dragarea {\n background-image: none !important;\n }\n\n .jsoneditor-undo:after {\n content: \"\\\\e964\";\n }\n\n .jsoneditor-redo:after {\n content: \"\\\\e965\";\n }\n\n .jsoneditor-dragarea:after {\n content: \"\\\\e981\";\n }\n\n .jsoneditor-field {\n color: ", ";\n }\n\n .jsoneditor-null {\n color: ", ";\n }\n\n .jsoneditor-string {\n color: #6a8759;\n }\n\n .jsoneditor-number {\n color: ", ";\n }\n\n .jsoneditor-boolean {\n color: ", ";\n }\n\n .jsoneditor-color {\n border: 1px solid ", ";\n border-radius: ", ";\n }\n"])), function (_ref) {
|
|
22261
22260
|
var hasNoActions = _ref.hasNoActions;
|
|
22262
22261
|
return hasNoActions ? "100%" : "calc(100% - 4.5rem)";
|
|
@@ -22285,7 +22284,7 @@ var JSONEditorContainer = /*#__PURE__*/styled.div(_templateObject$1V || (_templa
|
|
|
22285
22284
|
var theme = _ref9.theme;
|
|
22286
22285
|
return theme.palette.elementDark;
|
|
22287
22286
|
}, borderRadius);
|
|
22288
|
-
var JSONEditorLinearProgress = /*#__PURE__*/styled(LinearProgress)(_templateObject2
|
|
22287
|
+
var JSONEditorLinearProgress = /*#__PURE__*/styled(LinearProgress)(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n position: absolute;\n top: -0.25rem;\n left: 0;\n border-radius: 0.125rem 0.125rem 0 0;\n"])));
|
|
22289
22288
|
var JSONEditorWrapper = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"])));
|
|
22290
22289
|
var LeftSide = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-right: auto;\n"])));
|
|
22291
22290
|
var Actions = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-top: 1rem;\n"])));
|