@true-engineering/true-react-common-ui-kit 3.9.2 → 3.10.0
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/README.md +12 -0
- package/dist/components/Button/constants.d.ts +1 -0
- package/dist/components/Button/types.d.ts +2 -2
- package/dist/components/CloseButton/CloseButton.d.ts +1 -0
- package/dist/components/CloseButton/CloseButton.stories.d.ts +5 -0
- package/dist/components/IconButton/IconButton.d.ts +19 -0
- package/dist/components/IconButton/IconButton.stories.d.ts +6 -0
- package/dist/components/IconButton/IconButton.styles.d.ts +3 -0
- package/dist/components/IconButton/constants.d.ts +2 -0
- package/dist/components/IconButton/index.d.ts +3 -0
- package/dist/components/IconButton/types.d.ts +5 -0
- package/dist/components/Modal/Modal.styles.d.ts +3 -2
- package/dist/components/TextButton/TextButton.d.ts +6 -5
- package/dist/components/TextButton/TextButton.stories.d.ts +2 -1
- package/dist/components/TextButton/constants.d.ts +2 -0
- package/dist/components/TextButton/index.d.ts +1 -1
- package/dist/components/TextButton/types.d.ts +5 -0
- package/dist/components/Toaster/Toaster.styles.d.ts +2 -2
- package/dist/components/index.d.ts +1 -0
- package/dist/theme/types.d.ts +2 -1
- package/dist/true-react-common-ui-kit.js +667 -459
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +667 -459
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.stories.tsx +3 -5
- package/src/components/Button/constants.ts +2 -0
- package/src/components/Button/types.ts +2 -2
- package/src/components/CloseButton/CloseButton.stories.tsx +11 -0
- package/src/components/CloseButton/CloseButton.tsx +1 -0
- package/src/components/IconButton/IconButton.stories.tsx +32 -0
- package/src/components/IconButton/IconButton.styles.ts +88 -0
- package/src/components/IconButton/IconButton.tsx +74 -0
- package/src/components/IconButton/constants.ts +3 -0
- package/src/components/IconButton/index.ts +3 -0
- package/src/components/IconButton/types.ts +11 -0
- package/src/components/Modal/Modal.styles.ts +17 -2
- package/src/components/Modal/Modal.tsx +7 -4
- package/src/components/Select/CustomSelect.stories.tsx +1 -1
- package/src/components/TextButton/TextButton.stories.tsx +3 -2
- package/src/components/TextButton/TextButton.tsx +72 -65
- package/src/components/TextButton/constants.ts +3 -0
- package/src/components/TextButton/index.ts +1 -2
- package/src/components/TextButton/types.ts +11 -0
- package/src/components/Toaster/Toaster.styles.ts +2 -2
- package/src/components/Toaster/Toaster.tsx +5 -4
- package/src/components/index.ts +1 -0
- package/src/theme/types.ts +8 -6
|
@@ -1859,7 +1859,7 @@
|
|
|
1859
1859
|
baseMerge(object, source, srcIndex);
|
|
1860
1860
|
});
|
|
1861
1861
|
const merge$1 = merge;
|
|
1862
|
-
function _define_property
|
|
1862
|
+
function _define_property$$(obj, key, value) {
|
|
1863
1863
|
if (key in obj) {
|
|
1864
1864
|
Object.defineProperty(obj, key, {
|
|
1865
1865
|
value,
|
|
@@ -1872,7 +1872,7 @@
|
|
|
1872
1872
|
}
|
|
1873
1873
|
return obj;
|
|
1874
1874
|
}
|
|
1875
|
-
function _object_spread$
|
|
1875
|
+
function _object_spread$_(target) {
|
|
1876
1876
|
for (var i = 1; i < arguments.length; i++) {
|
|
1877
1877
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
1878
1878
|
var ownKeys2 = Object.keys(source);
|
|
@@ -1882,12 +1882,12 @@
|
|
|
1882
1882
|
}));
|
|
1883
1883
|
}
|
|
1884
1884
|
ownKeys2.forEach(function(key) {
|
|
1885
|
-
_define_property
|
|
1885
|
+
_define_property$$(target, key, source[key]);
|
|
1886
1886
|
});
|
|
1887
1887
|
}
|
|
1888
1888
|
return target;
|
|
1889
1889
|
}
|
|
1890
|
-
function ownKeys$
|
|
1890
|
+
function ownKeys$P(object, enumerableOnly) {
|
|
1891
1891
|
var keys2 = Object.keys(object);
|
|
1892
1892
|
if (Object.getOwnPropertySymbols) {
|
|
1893
1893
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -1900,12 +1900,12 @@
|
|
|
1900
1900
|
}
|
|
1901
1901
|
return keys2;
|
|
1902
1902
|
}
|
|
1903
|
-
function _object_spread_props$
|
|
1903
|
+
function _object_spread_props$P(target, source) {
|
|
1904
1904
|
source = source != null ? source : {};
|
|
1905
1905
|
if (Object.getOwnPropertyDescriptors) {
|
|
1906
1906
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
1907
1907
|
} else {
|
|
1908
|
-
ownKeys$
|
|
1908
|
+
ownKeys$P(Object(source)).forEach(function(key) {
|
|
1909
1909
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
1910
1910
|
});
|
|
1911
1911
|
}
|
|
@@ -1960,7 +1960,7 @@
|
|
|
1960
1960
|
return trueReactPlatformHelpers.mergeStyles(styles, trueReactPlatformHelpers.isNotEmpty(componentName) ? theme === null || theme === void 0 ? void 0 : (_theme_components = theme.components) === null || _theme_components === void 0 ? void 0 : _theme_components[componentName] : void 0, tweakStyles);
|
|
1961
1961
|
});
|
|
1962
1962
|
return function(data) {
|
|
1963
|
-
return useStyles2(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$
|
|
1963
|
+
return useStyles2(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$P(_object_spread$_({}, data), {
|
|
1964
1964
|
theme: cleanStyles(data.theme)
|
|
1965
1965
|
}) : data);
|
|
1966
1966
|
};
|
|
@@ -6419,7 +6419,7 @@
|
|
|
6419
6419
|
if (Array.isArray(arr))
|
|
6420
6420
|
return _array_like_to_array$q(arr);
|
|
6421
6421
|
}
|
|
6422
|
-
function _define_property$
|
|
6422
|
+
function _define_property$_(obj, key, value) {
|
|
6423
6423
|
if (key in obj) {
|
|
6424
6424
|
Object.defineProperty(obj, key, {
|
|
6425
6425
|
value,
|
|
@@ -6439,7 +6439,7 @@
|
|
|
6439
6439
|
function _non_iterable_spread$7() {
|
|
6440
6440
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
6441
6441
|
}
|
|
6442
|
-
function _object_spread$
|
|
6442
|
+
function _object_spread$Z(target) {
|
|
6443
6443
|
for (var i = 1; i < arguments.length; i++) {
|
|
6444
6444
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
6445
6445
|
var ownKeys2 = Object.keys(source);
|
|
@@ -6449,7 +6449,7 @@
|
|
|
6449
6449
|
}));
|
|
6450
6450
|
}
|
|
6451
6451
|
ownKeys2.forEach(function(key) {
|
|
6452
|
-
_define_property$
|
|
6452
|
+
_define_property$_(target, key, source[key]);
|
|
6453
6453
|
});
|
|
6454
6454
|
}
|
|
6455
6455
|
return target;
|
|
@@ -6505,7 +6505,7 @@
|
|
|
6505
6505
|
},
|
|
6506
6506
|
{
|
|
6507
6507
|
name: "flip",
|
|
6508
|
-
options: _object_spread$
|
|
6508
|
+
options: _object_spread$Z({
|
|
6509
6509
|
fallbackPlacements: canBeFlipped ? [
|
|
6510
6510
|
"bottom-start",
|
|
6511
6511
|
"top-start"
|
|
@@ -6640,7 +6640,7 @@
|
|
|
6640
6640
|
var complexIcons = {
|
|
6641
6641
|
avatar: avatarGreen
|
|
6642
6642
|
};
|
|
6643
|
-
function _define_property$
|
|
6643
|
+
function _define_property$Z(obj, key, value) {
|
|
6644
6644
|
if (key in obj) {
|
|
6645
6645
|
Object.defineProperty(obj, key, {
|
|
6646
6646
|
value,
|
|
@@ -6653,7 +6653,7 @@
|
|
|
6653
6653
|
}
|
|
6654
6654
|
return obj;
|
|
6655
6655
|
}
|
|
6656
|
-
function _object_spread$
|
|
6656
|
+
function _object_spread$Y(target) {
|
|
6657
6657
|
for (var i = 1; i < arguments.length; i++) {
|
|
6658
6658
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
6659
6659
|
var ownKeys2 = Object.keys(source);
|
|
@@ -6663,7 +6663,7 @@
|
|
|
6663
6663
|
}));
|
|
6664
6664
|
}
|
|
6665
6665
|
ownKeys2.forEach(function(key) {
|
|
6666
|
-
_define_property$
|
|
6666
|
+
_define_property$Z(target, key, source[key]);
|
|
6667
6667
|
});
|
|
6668
6668
|
}
|
|
6669
6669
|
return target;
|
|
@@ -6672,7 +6672,7 @@
|
|
|
6672
6672
|
var type = param.type;
|
|
6673
6673
|
var theme = React.useContext(ThemeContext).theme;
|
|
6674
6674
|
var icons = React.useMemo(function() {
|
|
6675
|
-
return _object_spread$
|
|
6675
|
+
return _object_spread$Y({}, complexIcons, theme.complexIcons);
|
|
6676
6676
|
}, []);
|
|
6677
6677
|
var ComplexIcon = icons[type];
|
|
6678
6678
|
return /* @__PURE__ */ jsx("div", {
|
|
@@ -7544,7 +7544,7 @@
|
|
|
7544
7544
|
]
|
|
7545
7545
|
}
|
|
7546
7546
|
});
|
|
7547
|
-
function _define_property$
|
|
7547
|
+
function _define_property$Y(obj, key, value) {
|
|
7548
7548
|
if (key in obj) {
|
|
7549
7549
|
Object.defineProperty(obj, key, {
|
|
7550
7550
|
value,
|
|
@@ -7557,7 +7557,7 @@
|
|
|
7557
7557
|
}
|
|
7558
7558
|
return obj;
|
|
7559
7559
|
}
|
|
7560
|
-
function _object_spread$
|
|
7560
|
+
function _object_spread$X(target) {
|
|
7561
7561
|
for (var i = 1; i < arguments.length; i++) {
|
|
7562
7562
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
7563
7563
|
var ownKeys2 = Object.keys(source);
|
|
@@ -7567,12 +7567,12 @@
|
|
|
7567
7567
|
}));
|
|
7568
7568
|
}
|
|
7569
7569
|
ownKeys2.forEach(function(key) {
|
|
7570
|
-
_define_property$
|
|
7570
|
+
_define_property$Y(target, key, source[key]);
|
|
7571
7571
|
});
|
|
7572
7572
|
}
|
|
7573
7573
|
return target;
|
|
7574
7574
|
}
|
|
7575
|
-
function ownKeys$
|
|
7575
|
+
function ownKeys$O(object, enumerableOnly) {
|
|
7576
7576
|
var keys2 = Object.keys(object);
|
|
7577
7577
|
if (Object.getOwnPropertySymbols) {
|
|
7578
7578
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -7585,12 +7585,12 @@
|
|
|
7585
7585
|
}
|
|
7586
7586
|
return keys2;
|
|
7587
7587
|
}
|
|
7588
|
-
function _object_spread_props$
|
|
7588
|
+
function _object_spread_props$O(target, source) {
|
|
7589
7589
|
source = source != null ? source : {};
|
|
7590
7590
|
if (Object.getOwnPropertyDescriptors) {
|
|
7591
7591
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
7592
7592
|
} else {
|
|
7593
|
-
ownKeys$
|
|
7593
|
+
ownKeys$O(Object(source)).forEach(function(key) {
|
|
7594
7594
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
7595
7595
|
});
|
|
7596
7596
|
}
|
|
@@ -7601,7 +7601,7 @@
|
|
|
7601
7601
|
var _icon_paths, _icon_rects, _icon_circles;
|
|
7602
7602
|
var theme = React.useContext(ThemeContext).theme;
|
|
7603
7603
|
var icons = React.useMemo(function() {
|
|
7604
|
-
return _object_spread$
|
|
7604
|
+
return _object_spread$X({}, iconsList, theme.icons);
|
|
7605
7605
|
}, []);
|
|
7606
7606
|
var icon = icons[type];
|
|
7607
7607
|
var _icon_viewBox;
|
|
@@ -7614,7 +7614,7 @@
|
|
|
7614
7614
|
children: [
|
|
7615
7615
|
(_icon_paths = icon.paths) === null || _icon_paths === void 0 ? void 0 : _icon_paths.map(function(path, index) {
|
|
7616
7616
|
var _path_fill, _path_stroke;
|
|
7617
|
-
return jsx("path", _object_spread$
|
|
7617
|
+
return jsx("path", _object_spread$X({
|
|
7618
7618
|
fillRule: "evenodd",
|
|
7619
7619
|
clipRule: "evenodd",
|
|
7620
7620
|
fill: (_path_fill = path.fill) !== null && _path_fill !== void 0 ? _path_fill : "currentColor",
|
|
@@ -7622,25 +7622,25 @@
|
|
|
7622
7622
|
}, path), index);
|
|
7623
7623
|
}),
|
|
7624
7624
|
(_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
|
|
7625
|
-
return /* @__PURE__ */ React.createElement("rect", _object_spread_props$
|
|
7625
|
+
return /* @__PURE__ */ React.createElement("rect", _object_spread_props$O(_object_spread$X({}, rect), {
|
|
7626
7626
|
key: index
|
|
7627
7627
|
}));
|
|
7628
7628
|
}),
|
|
7629
7629
|
(_icon_circles = icon.circles) === null || _icon_circles === void 0 ? void 0 : _icon_circles.map(function(circle, index) {
|
|
7630
|
-
return /* @__PURE__ */ React.createElement("circle", _object_spread_props$
|
|
7630
|
+
return /* @__PURE__ */ React.createElement("circle", _object_spread_props$O(_object_spread$X({}, circle), {
|
|
7631
7631
|
key: index
|
|
7632
7632
|
}));
|
|
7633
7633
|
})
|
|
7634
7634
|
]
|
|
7635
7635
|
});
|
|
7636
7636
|
};
|
|
7637
|
-
var useStyles$
|
|
7637
|
+
var useStyles$T = createThemedStyles("Icon", {
|
|
7638
7638
|
root: {
|
|
7639
7639
|
display: "flex",
|
|
7640
7640
|
alignItems: "center"
|
|
7641
7641
|
}
|
|
7642
7642
|
});
|
|
7643
|
-
function _define_property$
|
|
7643
|
+
function _define_property$X(obj, key, value) {
|
|
7644
7644
|
if (key in obj) {
|
|
7645
7645
|
Object.defineProperty(obj, key, {
|
|
7646
7646
|
value,
|
|
@@ -7653,7 +7653,7 @@
|
|
|
7653
7653
|
}
|
|
7654
7654
|
return obj;
|
|
7655
7655
|
}
|
|
7656
|
-
function _object_spread$
|
|
7656
|
+
function _object_spread$W(target) {
|
|
7657
7657
|
for (var i = 1; i < arguments.length; i++) {
|
|
7658
7658
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
7659
7659
|
var ownKeys2 = Object.keys(source);
|
|
@@ -7663,12 +7663,12 @@
|
|
|
7663
7663
|
}));
|
|
7664
7664
|
}
|
|
7665
7665
|
ownKeys2.forEach(function(key) {
|
|
7666
|
-
_define_property$
|
|
7666
|
+
_define_property$X(target, key, source[key]);
|
|
7667
7667
|
});
|
|
7668
7668
|
}
|
|
7669
7669
|
return target;
|
|
7670
7670
|
}
|
|
7671
|
-
function ownKeys$
|
|
7671
|
+
function ownKeys$N(object, enumerableOnly) {
|
|
7672
7672
|
var keys2 = Object.keys(object);
|
|
7673
7673
|
if (Object.getOwnPropertySymbols) {
|
|
7674
7674
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -7681,12 +7681,12 @@
|
|
|
7681
7681
|
}
|
|
7682
7682
|
return keys2;
|
|
7683
7683
|
}
|
|
7684
|
-
function _object_spread_props$
|
|
7684
|
+
function _object_spread_props$N(target, source) {
|
|
7685
7685
|
source = source != null ? source : {};
|
|
7686
7686
|
if (Object.getOwnPropertyDescriptors) {
|
|
7687
7687
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
7688
7688
|
} else {
|
|
7689
|
-
ownKeys$
|
|
7689
|
+
ownKeys$N(Object(source)).forEach(function(key) {
|
|
7690
7690
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
7691
7691
|
});
|
|
7692
7692
|
}
|
|
@@ -7694,10 +7694,10 @@
|
|
|
7694
7694
|
}
|
|
7695
7695
|
var Icon = function(param) {
|
|
7696
7696
|
var type = param.type, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
|
|
7697
|
-
var classes = useStyles$
|
|
7697
|
+
var classes = useStyles$T({
|
|
7698
7698
|
theme: tweakStyles
|
|
7699
7699
|
});
|
|
7700
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
7700
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$N(_object_spread$W({
|
|
7701
7701
|
className: classes.root
|
|
7702
7702
|
}, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
|
|
7703
7703
|
children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
|
|
@@ -7713,9 +7713,9 @@
|
|
|
7713
7713
|
}) : icon;
|
|
7714
7714
|
};
|
|
7715
7715
|
var ITEM_HORIZONTAL_PADDING$1 = 16;
|
|
7716
|
-
var ICON_SIZE$
|
|
7716
|
+
var ICON_SIZE$2 = 20;
|
|
7717
7717
|
var ICON_GAP$1 = 12;
|
|
7718
|
-
var useStyles$
|
|
7718
|
+
var useStyles$S = createThemedStyles("ListItem", {
|
|
7719
7719
|
root: {
|
|
7720
7720
|
display: "flex",
|
|
7721
7721
|
alignItems: "center",
|
|
@@ -7740,17 +7740,17 @@
|
|
|
7740
7740
|
backgroundColor: colors.BORDER_LIGHT
|
|
7741
7741
|
},
|
|
7742
7742
|
withIconGap: {
|
|
7743
|
-
paddingLeft: ITEM_HORIZONTAL_PADDING$1 + ICON_SIZE$
|
|
7743
|
+
paddingLeft: ITEM_HORIZONTAL_PADDING$1 + ICON_SIZE$2 + ICON_GAP$1
|
|
7744
7744
|
},
|
|
7745
7745
|
icon: {
|
|
7746
|
-
width: ICON_SIZE$
|
|
7747
|
-
height: ICON_SIZE$
|
|
7746
|
+
width: ICON_SIZE$2,
|
|
7747
|
+
height: ICON_SIZE$2,
|
|
7748
7748
|
marginRight: ICON_GAP$1,
|
|
7749
7749
|
flexShrink: 0
|
|
7750
7750
|
},
|
|
7751
7751
|
content: {}
|
|
7752
7752
|
});
|
|
7753
|
-
function _define_property$
|
|
7753
|
+
function _define_property$W(obj, key, value) {
|
|
7754
7754
|
if (key in obj) {
|
|
7755
7755
|
Object.defineProperty(obj, key, {
|
|
7756
7756
|
value,
|
|
@@ -7763,7 +7763,7 @@
|
|
|
7763
7763
|
}
|
|
7764
7764
|
return obj;
|
|
7765
7765
|
}
|
|
7766
|
-
function _object_spread$
|
|
7766
|
+
function _object_spread$V(target) {
|
|
7767
7767
|
for (var i = 1; i < arguments.length; i++) {
|
|
7768
7768
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
7769
7769
|
var ownKeys2 = Object.keys(source);
|
|
@@ -7773,12 +7773,12 @@
|
|
|
7773
7773
|
}));
|
|
7774
7774
|
}
|
|
7775
7775
|
ownKeys2.forEach(function(key) {
|
|
7776
|
-
_define_property$
|
|
7776
|
+
_define_property$W(target, key, source[key]);
|
|
7777
7777
|
});
|
|
7778
7778
|
}
|
|
7779
7779
|
return target;
|
|
7780
7780
|
}
|
|
7781
|
-
function ownKeys$
|
|
7781
|
+
function ownKeys$M(object, enumerableOnly) {
|
|
7782
7782
|
var keys2 = Object.keys(object);
|
|
7783
7783
|
if (Object.getOwnPropertySymbols) {
|
|
7784
7784
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -7791,12 +7791,12 @@
|
|
|
7791
7791
|
}
|
|
7792
7792
|
return keys2;
|
|
7793
7793
|
}
|
|
7794
|
-
function _object_spread_props$
|
|
7794
|
+
function _object_spread_props$M(target, source) {
|
|
7795
7795
|
source = source != null ? source : {};
|
|
7796
7796
|
if (Object.getOwnPropertyDescriptors) {
|
|
7797
7797
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
7798
7798
|
} else {
|
|
7799
|
-
ownKeys$
|
|
7799
|
+
ownKeys$M(Object(source)).forEach(function(key) {
|
|
7800
7800
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
7801
7801
|
});
|
|
7802
7802
|
}
|
|
@@ -7804,7 +7804,7 @@
|
|
|
7804
7804
|
}
|
|
7805
7805
|
var ListItem = function(param) {
|
|
7806
7806
|
var isDisabled = param.disabled, icon = param.icon, item = param.item, shouldDrawSpacerAbove = param.shouldDrawSpacerAbove, shouldDrawSpacerBelow = param.shouldDrawSpacerBelow, testId = param.testId, tweakStyles = param.tweakStyles, _param_view = param.view, view = _param_view === void 0 ? "default" : _param_view, withIconGap = param.withIconGap, data = param.data, onClick = param.onClick;
|
|
7807
|
-
var classes = useStyles$
|
|
7807
|
+
var classes = useStyles$S({
|
|
7808
7808
|
theme: tweakStyles
|
|
7809
7809
|
});
|
|
7810
7810
|
var _obj;
|
|
@@ -7813,9 +7813,9 @@
|
|
|
7813
7813
|
shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
|
|
7814
7814
|
className: classes.spacer
|
|
7815
7815
|
}),
|
|
7816
|
-
/* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
7817
|
-
className: clsx(classes.root, classes[view], (_obj = {}, _define_property$
|
|
7818
|
-
}, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$
|
|
7816
|
+
/* @__PURE__ */ jsxs("div", _object_spread_props$M(_object_spread$V({
|
|
7817
|
+
className: clsx(classes.root, classes[view], (_obj = {}, _define_property$W(_obj, classes.disabledItem, isDisabled), _define_property$W(_obj, classes.withIconGap, withIconGap), _obj))
|
|
7818
|
+
}, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$M(_object_spread$V({}, data), {
|
|
7819
7819
|
disabled: isDisabled ? true : void 0
|
|
7820
7820
|
}))), {
|
|
7821
7821
|
children: [
|
|
@@ -7836,9 +7836,9 @@
|
|
|
7836
7836
|
});
|
|
7837
7837
|
};
|
|
7838
7838
|
var ITEM_HORIZONTAL_PADDING = 16;
|
|
7839
|
-
var ICON_SIZE = 20;
|
|
7839
|
+
var ICON_SIZE$1 = 20;
|
|
7840
7840
|
var ICON_GAP = 12;
|
|
7841
|
-
var useStyles$
|
|
7841
|
+
var useStyles$R = createThemedStyles("List", {
|
|
7842
7842
|
root: {
|
|
7843
7843
|
minWidth: 180,
|
|
7844
7844
|
backgroundColor: colors.CLASSIC_WHITE,
|
|
@@ -7871,17 +7871,17 @@
|
|
|
7871
7871
|
backgroundColor: colors.BORDER_LIGHT
|
|
7872
7872
|
},
|
|
7873
7873
|
withIconGap: {
|
|
7874
|
-
paddingLeft: ITEM_HORIZONTAL_PADDING + ICON_SIZE + ICON_GAP
|
|
7874
|
+
paddingLeft: ITEM_HORIZONTAL_PADDING + ICON_SIZE$1 + ICON_GAP
|
|
7875
7875
|
},
|
|
7876
7876
|
icon: {
|
|
7877
|
-
width: ICON_SIZE,
|
|
7878
|
-
height: ICON_SIZE,
|
|
7877
|
+
width: ICON_SIZE$1,
|
|
7878
|
+
height: ICON_SIZE$1,
|
|
7879
7879
|
marginRight: ICON_GAP,
|
|
7880
7880
|
flexShrink: 0
|
|
7881
7881
|
},
|
|
7882
7882
|
content: {}
|
|
7883
7883
|
});
|
|
7884
|
-
function _define_property$
|
|
7884
|
+
function _define_property$V(obj, key, value) {
|
|
7885
7885
|
if (key in obj) {
|
|
7886
7886
|
Object.defineProperty(obj, key, {
|
|
7887
7887
|
value,
|
|
@@ -7894,7 +7894,7 @@
|
|
|
7894
7894
|
}
|
|
7895
7895
|
return obj;
|
|
7896
7896
|
}
|
|
7897
|
-
function _object_spread$
|
|
7897
|
+
function _object_spread$U(target) {
|
|
7898
7898
|
for (var i = 1; i < arguments.length; i++) {
|
|
7899
7899
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
7900
7900
|
var ownKeys2 = Object.keys(source);
|
|
@@ -7904,12 +7904,12 @@
|
|
|
7904
7904
|
}));
|
|
7905
7905
|
}
|
|
7906
7906
|
ownKeys2.forEach(function(key) {
|
|
7907
|
-
_define_property$
|
|
7907
|
+
_define_property$V(target, key, source[key]);
|
|
7908
7908
|
});
|
|
7909
7909
|
}
|
|
7910
7910
|
return target;
|
|
7911
7911
|
}
|
|
7912
|
-
function ownKeys$
|
|
7912
|
+
function ownKeys$L(object, enumerableOnly) {
|
|
7913
7913
|
var keys2 = Object.keys(object);
|
|
7914
7914
|
if (Object.getOwnPropertySymbols) {
|
|
7915
7915
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -7922,12 +7922,12 @@
|
|
|
7922
7922
|
}
|
|
7923
7923
|
return keys2;
|
|
7924
7924
|
}
|
|
7925
|
-
function _object_spread_props$
|
|
7925
|
+
function _object_spread_props$L(target, source) {
|
|
7926
7926
|
source = source != null ? source : {};
|
|
7927
7927
|
if (Object.getOwnPropertyDescriptors) {
|
|
7928
7928
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
7929
7929
|
} else {
|
|
7930
|
-
ownKeys$
|
|
7930
|
+
ownKeys$L(Object(source)).forEach(function(key) {
|
|
7931
7931
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
7932
7932
|
});
|
|
7933
7933
|
}
|
|
@@ -7935,18 +7935,18 @@
|
|
|
7935
7935
|
}
|
|
7936
7936
|
var List = function(param) {
|
|
7937
7937
|
var items = param.items, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles, onClick = param.onClick;
|
|
7938
|
-
var classes = useStyles$
|
|
7938
|
+
var classes = useStyles$R({
|
|
7939
7939
|
theme: tweakStyles
|
|
7940
7940
|
});
|
|
7941
7941
|
var handleItemClick = function(event, item) {
|
|
7942
7942
|
item.onClick(event);
|
|
7943
7943
|
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
7944
7944
|
};
|
|
7945
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
7945
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$L(_object_spread$U({
|
|
7946
7946
|
className: classes.root
|
|
7947
7947
|
}, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
|
|
7948
7948
|
children: items.map(function(item, i) {
|
|
7949
|
-
return /* @__PURE__ */ jsx(ListItem, _object_spread_props$
|
|
7949
|
+
return /* @__PURE__ */ jsx(ListItem, _object_spread_props$L(_object_spread$U({
|
|
7950
7950
|
testId: trueReactPlatformHelpers.getTestId(testId, "item-".concat(i))
|
|
7951
7951
|
}, item), {
|
|
7952
7952
|
onClick: function(event) {
|
|
@@ -7957,7 +7957,7 @@
|
|
|
7957
7957
|
}));
|
|
7958
7958
|
};
|
|
7959
7959
|
var ANIMATION_TIMEOUT = 150;
|
|
7960
|
-
function _define_property$
|
|
7960
|
+
function _define_property$U(obj, key, value) {
|
|
7961
7961
|
if (key in obj) {
|
|
7962
7962
|
Object.defineProperty(obj, key, {
|
|
7963
7963
|
value,
|
|
@@ -7970,7 +7970,7 @@
|
|
|
7970
7970
|
}
|
|
7971
7971
|
return obj;
|
|
7972
7972
|
}
|
|
7973
|
-
function _object_spread$
|
|
7973
|
+
function _object_spread$T(target) {
|
|
7974
7974
|
for (var i = 1; i < arguments.length; i++) {
|
|
7975
7975
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
7976
7976
|
var ownKeys2 = Object.keys(source);
|
|
@@ -7980,12 +7980,12 @@
|
|
|
7980
7980
|
}));
|
|
7981
7981
|
}
|
|
7982
7982
|
ownKeys2.forEach(function(key) {
|
|
7983
|
-
_define_property$
|
|
7983
|
+
_define_property$U(target, key, source[key]);
|
|
7984
7984
|
});
|
|
7985
7985
|
}
|
|
7986
7986
|
return target;
|
|
7987
7987
|
}
|
|
7988
|
-
var useStyles$
|
|
7988
|
+
var useStyles$Q = createThemedStyles("AccountInfo", _object_spread$T({
|
|
7989
7989
|
root: {
|
|
7990
7990
|
display: "flex"
|
|
7991
7991
|
},
|
|
@@ -8038,7 +8038,7 @@
|
|
|
8038
8038
|
if (Array.isArray(arr))
|
|
8039
8039
|
return arr;
|
|
8040
8040
|
}
|
|
8041
|
-
function _define_property$
|
|
8041
|
+
function _define_property$T(obj, key, value) {
|
|
8042
8042
|
if (key in obj) {
|
|
8043
8043
|
Object.defineProperty(obj, key, {
|
|
8044
8044
|
value,
|
|
@@ -8082,7 +8082,7 @@
|
|
|
8082
8082
|
function _non_iterable_rest$p() {
|
|
8083
8083
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
8084
8084
|
}
|
|
8085
|
-
function _object_spread$
|
|
8085
|
+
function _object_spread$S(target) {
|
|
8086
8086
|
for (var i = 1; i < arguments.length; i++) {
|
|
8087
8087
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
8088
8088
|
var ownKeys2 = Object.keys(source);
|
|
@@ -8092,12 +8092,12 @@
|
|
|
8092
8092
|
}));
|
|
8093
8093
|
}
|
|
8094
8094
|
ownKeys2.forEach(function(key) {
|
|
8095
|
-
_define_property$
|
|
8095
|
+
_define_property$T(target, key, source[key]);
|
|
8096
8096
|
});
|
|
8097
8097
|
}
|
|
8098
8098
|
return target;
|
|
8099
8099
|
}
|
|
8100
|
-
function ownKeys$
|
|
8100
|
+
function ownKeys$K(object, enumerableOnly) {
|
|
8101
8101
|
var keys2 = Object.keys(object);
|
|
8102
8102
|
if (Object.getOwnPropertySymbols) {
|
|
8103
8103
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -8110,12 +8110,12 @@
|
|
|
8110
8110
|
}
|
|
8111
8111
|
return keys2;
|
|
8112
8112
|
}
|
|
8113
|
-
function _object_spread_props$
|
|
8113
|
+
function _object_spread_props$K(target, source) {
|
|
8114
8114
|
source = source != null ? source : {};
|
|
8115
8115
|
if (Object.getOwnPropertyDescriptors) {
|
|
8116
8116
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
8117
8117
|
} else {
|
|
8118
|
-
ownKeys$
|
|
8118
|
+
ownKeys$K(Object(source)).forEach(function(key) {
|
|
8119
8119
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
8120
8120
|
});
|
|
8121
8121
|
}
|
|
@@ -8139,7 +8139,7 @@
|
|
|
8139
8139
|
}
|
|
8140
8140
|
var AccountInfo = function(param) {
|
|
8141
8141
|
var data = param.data, testId = param.testId, avatar = param.avatar, tweakStyles = param.tweakStyles, accountName = param.accountName, options = param.options;
|
|
8142
|
-
var classes = useStyles$
|
|
8142
|
+
var classes = useStyles$Q({
|
|
8143
8143
|
theme: tweakStyles
|
|
8144
8144
|
});
|
|
8145
8145
|
var tweakListStyles = useTweakStyles({
|
|
@@ -8159,7 +8159,7 @@
|
|
|
8159
8159
|
useOnClickOutsideWithRef(dropdownRef, function() {
|
|
8160
8160
|
return setIsMenuOpen(false);
|
|
8161
8161
|
}, nameRef);
|
|
8162
|
-
return /* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
8162
|
+
return /* @__PURE__ */ jsxs("div", _object_spread_props$K(_object_spread$S({
|
|
8163
8163
|
className: classes.root
|
|
8164
8164
|
}, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
|
|
8165
8165
|
children: [
|
|
@@ -8209,7 +8209,7 @@
|
|
|
8209
8209
|
]
|
|
8210
8210
|
}));
|
|
8211
8211
|
};
|
|
8212
|
-
var useStyles$
|
|
8212
|
+
var useStyles$P = createThemedStyles("AddButton", {
|
|
8213
8213
|
root: {
|
|
8214
8214
|
display: "flex",
|
|
8215
8215
|
alignItems: "center",
|
|
@@ -8235,7 +8235,7 @@
|
|
|
8235
8235
|
width: "100%"
|
|
8236
8236
|
}
|
|
8237
8237
|
});
|
|
8238
|
-
function _define_property$
|
|
8238
|
+
function _define_property$S(obj, key, value) {
|
|
8239
8239
|
if (key in obj) {
|
|
8240
8240
|
Object.defineProperty(obj, key, {
|
|
8241
8241
|
value,
|
|
@@ -8248,7 +8248,7 @@
|
|
|
8248
8248
|
}
|
|
8249
8249
|
return obj;
|
|
8250
8250
|
}
|
|
8251
|
-
function _object_spread$
|
|
8251
|
+
function _object_spread$R(target) {
|
|
8252
8252
|
for (var i = 1; i < arguments.length; i++) {
|
|
8253
8253
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
8254
8254
|
var ownKeys2 = Object.keys(source);
|
|
@@ -8258,12 +8258,12 @@
|
|
|
8258
8258
|
}));
|
|
8259
8259
|
}
|
|
8260
8260
|
ownKeys2.forEach(function(key) {
|
|
8261
|
-
_define_property$
|
|
8261
|
+
_define_property$S(target, key, source[key]);
|
|
8262
8262
|
});
|
|
8263
8263
|
}
|
|
8264
8264
|
return target;
|
|
8265
8265
|
}
|
|
8266
|
-
function ownKeys$
|
|
8266
|
+
function ownKeys$J(object, enumerableOnly) {
|
|
8267
8267
|
var keys2 = Object.keys(object);
|
|
8268
8268
|
if (Object.getOwnPropertySymbols) {
|
|
8269
8269
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -8276,12 +8276,12 @@
|
|
|
8276
8276
|
}
|
|
8277
8277
|
return keys2;
|
|
8278
8278
|
}
|
|
8279
|
-
function _object_spread_props$
|
|
8279
|
+
function _object_spread_props$J(target, source) {
|
|
8280
8280
|
source = source != null ? source : {};
|
|
8281
8281
|
if (Object.getOwnPropertyDescriptors) {
|
|
8282
8282
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
8283
8283
|
} else {
|
|
8284
|
-
ownKeys$
|
|
8284
|
+
ownKeys$J(Object(source)).forEach(function(key) {
|
|
8285
8285
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
8286
8286
|
});
|
|
8287
8287
|
}
|
|
@@ -8289,10 +8289,10 @@
|
|
|
8289
8289
|
}
|
|
8290
8290
|
var AddButton = function(param) {
|
|
8291
8291
|
var text = param.text, _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, onClick = param.onClick, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
|
|
8292
|
-
var classes = useStyles$
|
|
8292
|
+
var classes = useStyles$P({
|
|
8293
8293
|
theme: tweakStyles
|
|
8294
8294
|
});
|
|
8295
|
-
return /* @__PURE__ */ jsxs("button", _object_spread_props$
|
|
8295
|
+
return /* @__PURE__ */ jsxs("button", _object_spread_props$J(_object_spread$R({
|
|
8296
8296
|
type,
|
|
8297
8297
|
className: clsx(classes.root, isDisabled && classes.disabled, isFullWidth && classes.fullWidth),
|
|
8298
8298
|
onClick: !isDisabled ? onClick : void 0,
|
|
@@ -8311,7 +8311,7 @@
|
|
|
8311
8311
|
]
|
|
8312
8312
|
}));
|
|
8313
8313
|
};
|
|
8314
|
-
var useStyles$
|
|
8314
|
+
var useStyles$O = createThemedStyles("DotsPreloader", {
|
|
8315
8315
|
root: {
|
|
8316
8316
|
display: "flex",
|
|
8317
8317
|
gap: 4,
|
|
@@ -8356,7 +8356,7 @@
|
|
|
8356
8356
|
});
|
|
8357
8357
|
var DotsPreloader = function(param) {
|
|
8358
8358
|
var tweakStyles = param.tweakStyles;
|
|
8359
|
-
var classes = useStyles$
|
|
8359
|
+
var classes = useStyles$O({
|
|
8360
8360
|
theme: tweakStyles
|
|
8361
8361
|
});
|
|
8362
8362
|
return /* @__PURE__ */ jsx("div", {
|
|
@@ -8422,7 +8422,7 @@
|
|
|
8422
8422
|
]
|
|
8423
8423
|
});
|
|
8424
8424
|
};
|
|
8425
|
-
var useStyles$
|
|
8425
|
+
var useStyles$N = createThemedStyles("SvgPreloader", {
|
|
8426
8426
|
root: {
|
|
8427
8427
|
display: "flex",
|
|
8428
8428
|
width: "100%",
|
|
@@ -8432,7 +8432,7 @@
|
|
|
8432
8432
|
var SvgPreloader = function(param) {
|
|
8433
8433
|
var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, tweakStyles = param.tweakStyles;
|
|
8434
8434
|
var _theme_preloaders;
|
|
8435
|
-
var classes = useStyles$
|
|
8435
|
+
var classes = useStyles$N({
|
|
8436
8436
|
theme: tweakStyles
|
|
8437
8437
|
});
|
|
8438
8438
|
var theme = React.useContext(ThemeContext).theme;
|
|
@@ -8446,7 +8446,7 @@
|
|
|
8446
8446
|
}
|
|
8447
8447
|
}) : /* @__PURE__ */ jsx(PreloaderIcon, {});
|
|
8448
8448
|
};
|
|
8449
|
-
var useStyles$
|
|
8449
|
+
var useStyles$M = createThemedStyles("ThemedPreloader", {
|
|
8450
8450
|
root: {
|
|
8451
8451
|
display: "flex"
|
|
8452
8452
|
},
|
|
@@ -8457,7 +8457,7 @@
|
|
|
8457
8457
|
color: "currentColor"
|
|
8458
8458
|
}
|
|
8459
8459
|
});
|
|
8460
|
-
function _define_property$
|
|
8460
|
+
function _define_property$R(obj, key, value) {
|
|
8461
8461
|
if (key in obj) {
|
|
8462
8462
|
Object.defineProperty(obj, key, {
|
|
8463
8463
|
value,
|
|
@@ -8470,7 +8470,7 @@
|
|
|
8470
8470
|
}
|
|
8471
8471
|
return obj;
|
|
8472
8472
|
}
|
|
8473
|
-
function _object_spread$
|
|
8473
|
+
function _object_spread$Q(target) {
|
|
8474
8474
|
for (var i = 1; i < arguments.length; i++) {
|
|
8475
8475
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
8476
8476
|
var ownKeys2 = Object.keys(source);
|
|
@@ -8480,12 +8480,12 @@
|
|
|
8480
8480
|
}));
|
|
8481
8481
|
}
|
|
8482
8482
|
ownKeys2.forEach(function(key) {
|
|
8483
|
-
_define_property$
|
|
8483
|
+
_define_property$R(target, key, source[key]);
|
|
8484
8484
|
});
|
|
8485
8485
|
}
|
|
8486
8486
|
return target;
|
|
8487
8487
|
}
|
|
8488
|
-
function ownKeys$
|
|
8488
|
+
function ownKeys$I(object, enumerableOnly) {
|
|
8489
8489
|
var keys2 = Object.keys(object);
|
|
8490
8490
|
if (Object.getOwnPropertySymbols) {
|
|
8491
8491
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -8498,12 +8498,12 @@
|
|
|
8498
8498
|
}
|
|
8499
8499
|
return keys2;
|
|
8500
8500
|
}
|
|
8501
|
-
function _object_spread_props$
|
|
8501
|
+
function _object_spread_props$I(target, source) {
|
|
8502
8502
|
source = source != null ? source : {};
|
|
8503
8503
|
if (Object.getOwnPropertyDescriptors) {
|
|
8504
8504
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
8505
8505
|
} else {
|
|
8506
|
-
ownKeys$
|
|
8506
|
+
ownKeys$I(Object(source)).forEach(function(key) {
|
|
8507
8507
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
8508
8508
|
});
|
|
8509
8509
|
}
|
|
@@ -8511,7 +8511,7 @@
|
|
|
8511
8511
|
}
|
|
8512
8512
|
var ThemedPreloader = function(param) {
|
|
8513
8513
|
var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, _param_useCurrentColor = param.useCurrentColor, useCurrentColor = _param_useCurrentColor === void 0 ? false : _param_useCurrentColor, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
|
|
8514
|
-
var classes = useStyles$
|
|
8514
|
+
var classes = useStyles$M({
|
|
8515
8515
|
theme: tweakStyles
|
|
8516
8516
|
});
|
|
8517
8517
|
var tweakDotsPreloaderStyles = useTweakStyles({
|
|
@@ -8524,8 +8524,8 @@
|
|
|
8524
8524
|
className: "tweakSvgPreloader",
|
|
8525
8525
|
currentComponentName: "ThemedPreloader"
|
|
8526
8526
|
});
|
|
8527
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
8528
|
-
className: clsx(classes.root, classes[type], _define_property$
|
|
8527
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$I(_object_spread$Q({
|
|
8528
|
+
className: clsx(classes.root, classes[type], _define_property$R({}, classes.currentColor, useCurrentColor))
|
|
8529
8529
|
}, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
|
|
8530
8530
|
children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
|
|
8531
8531
|
tweakStyles: tweakDotsPreloaderStyles
|
|
@@ -8535,7 +8535,7 @@
|
|
|
8535
8535
|
})
|
|
8536
8536
|
}));
|
|
8537
8537
|
};
|
|
8538
|
-
var useStyles$
|
|
8538
|
+
var useStyles$L = createThemedStyles("Button", {
|
|
8539
8539
|
root: {
|
|
8540
8540
|
display: "flex",
|
|
8541
8541
|
justifyContent: "center",
|
|
@@ -8706,7 +8706,7 @@
|
|
|
8706
8706
|
var getPreloaderStyles = function(size) {
|
|
8707
8707
|
return size === "s" || size === "m" ? dotsPreloaderStyles : void 0;
|
|
8708
8708
|
};
|
|
8709
|
-
function _define_property$
|
|
8709
|
+
function _define_property$Q(obj, key, value) {
|
|
8710
8710
|
if (key in obj) {
|
|
8711
8711
|
Object.defineProperty(obj, key, {
|
|
8712
8712
|
value,
|
|
@@ -8719,7 +8719,7 @@
|
|
|
8719
8719
|
}
|
|
8720
8720
|
return obj;
|
|
8721
8721
|
}
|
|
8722
|
-
function _object_spread$
|
|
8722
|
+
function _object_spread$P(target) {
|
|
8723
8723
|
for (var i = 1; i < arguments.length; i++) {
|
|
8724
8724
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
8725
8725
|
var ownKeys2 = Object.keys(source);
|
|
@@ -8729,12 +8729,12 @@
|
|
|
8729
8729
|
}));
|
|
8730
8730
|
}
|
|
8731
8731
|
ownKeys2.forEach(function(key) {
|
|
8732
|
-
_define_property$
|
|
8732
|
+
_define_property$Q(target, key, source[key]);
|
|
8733
8733
|
});
|
|
8734
8734
|
}
|
|
8735
8735
|
return target;
|
|
8736
8736
|
}
|
|
8737
|
-
function ownKeys$
|
|
8737
|
+
function ownKeys$H(object, enumerableOnly) {
|
|
8738
8738
|
var keys2 = Object.keys(object);
|
|
8739
8739
|
if (Object.getOwnPropertySymbols) {
|
|
8740
8740
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -8747,12 +8747,12 @@
|
|
|
8747
8747
|
}
|
|
8748
8748
|
return keys2;
|
|
8749
8749
|
}
|
|
8750
|
-
function _object_spread_props$
|
|
8750
|
+
function _object_spread_props$H(target, source) {
|
|
8751
8751
|
source = source != null ? source : {};
|
|
8752
8752
|
if (Object.getOwnPropertyDescriptors) {
|
|
8753
8753
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
8754
8754
|
} else {
|
|
8755
|
-
ownKeys$
|
|
8755
|
+
ownKeys$H(Object(source)).forEach(function(key) {
|
|
8756
8756
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
8757
8757
|
});
|
|
8758
8758
|
}
|
|
@@ -8760,7 +8760,7 @@
|
|
|
8760
8760
|
}
|
|
8761
8761
|
var Button = /* @__PURE__ */ React.forwardRef(function(param, ref) {
|
|
8762
8762
|
var _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, children = param.children, _param_size = param.size, size = _param_size === void 0 ? "l" : _param_size, _param_view = param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, icon = param.icon, _param_iconPosition = param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, onClick = param.onClick, onMouseDown = param.onMouseDown;
|
|
8763
|
-
var classes = useStyles$
|
|
8763
|
+
var classes = useStyles$L({
|
|
8764
8764
|
theme: tweakStyles
|
|
8765
8765
|
});
|
|
8766
8766
|
var tweakPreloaderStyles = useTweakStyles({
|
|
@@ -8773,10 +8773,10 @@
|
|
|
8773
8773
|
var hasChildren = trueReactPlatformHelpers.isReactNodeNotEmpty(children);
|
|
8774
8774
|
var hasNoAction = isDisabled || isLoading;
|
|
8775
8775
|
var _obj, _obj1;
|
|
8776
|
-
return /* @__PURE__ */ jsxs("button", _object_spread_props$
|
|
8776
|
+
return /* @__PURE__ */ jsxs("button", _object_spread_props$H(_object_spread$P({
|
|
8777
8777
|
ref,
|
|
8778
8778
|
type,
|
|
8779
|
-
className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$
|
|
8779
|
+
className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$Q(_obj, classes.disabled, isDisabled), _define_property$Q(_obj, classes.fullWidth, isFullWidth), _define_property$Q(_obj, classes.inline, isInline), _define_property$Q(_obj, classes.active, isActive), _define_property$Q(_obj, classes.loading, isLoading), _define_property$Q(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
|
|
8780
8780
|
tabIndex: shouldSkipTabNavigation ? -1 : void 0,
|
|
8781
8781
|
disabled: hasNoAction,
|
|
8782
8782
|
onClick: !hasNoAction ? onClick : void 0,
|
|
@@ -8784,7 +8784,7 @@
|
|
|
8784
8784
|
}, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
|
|
8785
8785
|
children: [
|
|
8786
8786
|
/* @__PURE__ */ jsxs("span", {
|
|
8787
|
-
className: clsx(classes.content, (_obj1 = {}, _define_property$
|
|
8787
|
+
className: clsx(classes.content, (_obj1 = {}, _define_property$Q(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$Q(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
|
|
8788
8788
|
children: [
|
|
8789
8789
|
hasIcon && /* @__PURE__ */ jsx("span", {
|
|
8790
8790
|
className: classes.icon,
|
|
@@ -8807,7 +8807,7 @@
|
|
|
8807
8807
|
]
|
|
8808
8808
|
}));
|
|
8809
8809
|
});
|
|
8810
|
-
var useStyles$
|
|
8810
|
+
var useStyles$K = createThemedStyles("Checkbox", {
|
|
8811
8811
|
root: {
|
|
8812
8812
|
cursor: "pointer",
|
|
8813
8813
|
display: "flex",
|
|
@@ -8855,7 +8855,7 @@
|
|
|
8855
8855
|
if (Array.isArray(arr))
|
|
8856
8856
|
return arr;
|
|
8857
8857
|
}
|
|
8858
|
-
function _define_property$
|
|
8858
|
+
function _define_property$P(obj, key, value) {
|
|
8859
8859
|
if (key in obj) {
|
|
8860
8860
|
Object.defineProperty(obj, key, {
|
|
8861
8861
|
value,
|
|
@@ -8899,7 +8899,7 @@
|
|
|
8899
8899
|
function _non_iterable_rest$o() {
|
|
8900
8900
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
8901
8901
|
}
|
|
8902
|
-
function _object_spread$
|
|
8902
|
+
function _object_spread$O(target) {
|
|
8903
8903
|
for (var i = 1; i < arguments.length; i++) {
|
|
8904
8904
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
8905
8905
|
var ownKeys2 = Object.keys(source);
|
|
@@ -8909,12 +8909,12 @@
|
|
|
8909
8909
|
}));
|
|
8910
8910
|
}
|
|
8911
8911
|
ownKeys2.forEach(function(key) {
|
|
8912
|
-
_define_property$
|
|
8912
|
+
_define_property$P(target, key, source[key]);
|
|
8913
8913
|
});
|
|
8914
8914
|
}
|
|
8915
8915
|
return target;
|
|
8916
8916
|
}
|
|
8917
|
-
function ownKeys$
|
|
8917
|
+
function ownKeys$G(object, enumerableOnly) {
|
|
8918
8918
|
var keys2 = Object.keys(object);
|
|
8919
8919
|
if (Object.getOwnPropertySymbols) {
|
|
8920
8920
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -8927,12 +8927,12 @@
|
|
|
8927
8927
|
}
|
|
8928
8928
|
return keys2;
|
|
8929
8929
|
}
|
|
8930
|
-
function _object_spread_props$
|
|
8930
|
+
function _object_spread_props$G(target, source) {
|
|
8931
8931
|
source = source != null ? source : {};
|
|
8932
8932
|
if (Object.getOwnPropertyDescriptors) {
|
|
8933
8933
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
8934
8934
|
} else {
|
|
8935
|
-
ownKeys$
|
|
8935
|
+
ownKeys$G(Object(source)).forEach(function(key) {
|
|
8936
8936
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
8937
8937
|
});
|
|
8938
8938
|
}
|
|
@@ -8956,7 +8956,7 @@
|
|
|
8956
8956
|
}
|
|
8957
8957
|
function Checkbox(param) {
|
|
8958
8958
|
var children = param.children, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isReadonly = param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_isChecked = param.isChecked, isChecked = _param_isChecked === void 0 ? false : _param_isChecked, value = param.value, data = param.data, testId = param.testId, _param_isSemiChecked = param.isSemiChecked, isSemiChecked = _param_isSemiChecked === void 0 ? false : _param_isSemiChecked, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, tweakStyles = param.tweakStyles, onSelect = param.onSelect;
|
|
8959
|
-
var classes = useStyles$
|
|
8959
|
+
var classes = useStyles$K({
|
|
8960
8960
|
theme: tweakStyles
|
|
8961
8961
|
});
|
|
8962
8962
|
var _useState = _sliced_to_array$o(React.useState(false), 2), isSelected = _useState[0], setIsSelected = _useState[1];
|
|
@@ -8975,11 +8975,11 @@
|
|
|
8975
8975
|
isChecked
|
|
8976
8976
|
]);
|
|
8977
8977
|
var _obj;
|
|
8978
|
-
return /* @__PURE__ */ jsxs("label", _object_spread_props$
|
|
8979
|
-
className: clsx(classes.root, (_obj = {}, _define_property$
|
|
8978
|
+
return /* @__PURE__ */ jsxs("label", _object_spread_props$G(_object_spread$O({
|
|
8979
|
+
className: clsx(classes.root, (_obj = {}, _define_property$P(_obj, classes.disabled, isDisabled), _define_property$P(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
|
|
8980
8980
|
}, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
|
|
8981
8981
|
children: [
|
|
8982
|
-
/* @__PURE__ */ jsx("input", _object_spread$
|
|
8982
|
+
/* @__PURE__ */ jsx("input", _object_spread$O({
|
|
8983
8983
|
type: "checkbox",
|
|
8984
8984
|
className: classes.input,
|
|
8985
8985
|
checked: isSelected,
|
|
@@ -9002,7 +9002,7 @@
|
|
|
9002
9002
|
]
|
|
9003
9003
|
}));
|
|
9004
9004
|
}
|
|
9005
|
-
var useStyles$
|
|
9005
|
+
var useStyles$J = createThemedStyles("CloseButton", {
|
|
9006
9006
|
root: {
|
|
9007
9007
|
width: 40,
|
|
9008
9008
|
height: 40,
|
|
@@ -9027,7 +9027,7 @@
|
|
|
9027
9027
|
}
|
|
9028
9028
|
}
|
|
9029
9029
|
});
|
|
9030
|
-
function _define_property$
|
|
9030
|
+
function _define_property$O(obj, key, value) {
|
|
9031
9031
|
if (key in obj) {
|
|
9032
9032
|
Object.defineProperty(obj, key, {
|
|
9033
9033
|
value,
|
|
@@ -9040,7 +9040,7 @@
|
|
|
9040
9040
|
}
|
|
9041
9041
|
return obj;
|
|
9042
9042
|
}
|
|
9043
|
-
function _object_spread$
|
|
9043
|
+
function _object_spread$N(target) {
|
|
9044
9044
|
for (var i = 1; i < arguments.length; i++) {
|
|
9045
9045
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
9046
9046
|
var ownKeys2 = Object.keys(source);
|
|
@@ -9050,12 +9050,12 @@
|
|
|
9050
9050
|
}));
|
|
9051
9051
|
}
|
|
9052
9052
|
ownKeys2.forEach(function(key) {
|
|
9053
|
-
_define_property$
|
|
9053
|
+
_define_property$O(target, key, source[key]);
|
|
9054
9054
|
});
|
|
9055
9055
|
}
|
|
9056
9056
|
return target;
|
|
9057
9057
|
}
|
|
9058
|
-
function ownKeys$
|
|
9058
|
+
function ownKeys$F(object, enumerableOnly) {
|
|
9059
9059
|
var keys2 = Object.keys(object);
|
|
9060
9060
|
if (Object.getOwnPropertySymbols) {
|
|
9061
9061
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -9068,12 +9068,12 @@
|
|
|
9068
9068
|
}
|
|
9069
9069
|
return keys2;
|
|
9070
9070
|
}
|
|
9071
|
-
function _object_spread_props$
|
|
9071
|
+
function _object_spread_props$F(target, source) {
|
|
9072
9072
|
source = source != null ? source : {};
|
|
9073
9073
|
if (Object.getOwnPropertyDescriptors) {
|
|
9074
9074
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
9075
9075
|
} else {
|
|
9076
|
-
ownKeys$
|
|
9076
|
+
ownKeys$F(Object(source)).forEach(function(key) {
|
|
9077
9077
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
9078
9078
|
});
|
|
9079
9079
|
}
|
|
@@ -9081,10 +9081,10 @@
|
|
|
9081
9081
|
}
|
|
9082
9082
|
var CloseButton = function(param) {
|
|
9083
9083
|
var tweakStyles = param.tweakStyles, testId = param.testId, data = param.data, _param_iconType = param.iconType, iconType = _param_iconType === void 0 ? "close" : _param_iconType, onClose = param.onClose;
|
|
9084
|
-
var classes = useStyles$
|
|
9084
|
+
var classes = useStyles$J({
|
|
9085
9085
|
theme: tweakStyles
|
|
9086
9086
|
});
|
|
9087
|
-
return /* @__PURE__ */ jsx("button", _object_spread_props$
|
|
9087
|
+
return /* @__PURE__ */ jsx("button", _object_spread_props$F(_object_spread$N({
|
|
9088
9088
|
type: "button",
|
|
9089
9089
|
className: classes.root,
|
|
9090
9090
|
onClick: onClose
|
|
@@ -9094,7 +9094,7 @@
|
|
|
9094
9094
|
})
|
|
9095
9095
|
}));
|
|
9096
9096
|
};
|
|
9097
|
-
var useStyles$
|
|
9097
|
+
var useStyles$I = createThemedStyles({
|
|
9098
9098
|
root: {
|
|
9099
9099
|
display: "flex",
|
|
9100
9100
|
flexWrap: "wrap"
|
|
@@ -9187,7 +9187,7 @@
|
|
|
9187
9187
|
return _array_like_to_array$n(o, minLen);
|
|
9188
9188
|
}
|
|
9189
9189
|
var Colors = function() {
|
|
9190
|
-
var classes = useStyles$
|
|
9190
|
+
var classes = useStyles$I();
|
|
9191
9191
|
var theme = React.useContext(ThemeContext).theme;
|
|
9192
9192
|
var _theme_colors = theme.colors, colors2 = _theme_colors === void 0 ? {} : _theme_colors;
|
|
9193
9193
|
return /* @__PURE__ */ jsx("div", {
|
|
@@ -9217,7 +9217,7 @@
|
|
|
9217
9217
|
})
|
|
9218
9218
|
});
|
|
9219
9219
|
};
|
|
9220
|
-
var useStyles$
|
|
9220
|
+
var useStyles$H = createThemedStyles("CssBaseline", {
|
|
9221
9221
|
"@global html, body": {
|
|
9222
9222
|
fontFamily: "Arial, sans-serif",
|
|
9223
9223
|
color: colors.FONT_MAIN,
|
|
@@ -9226,7 +9226,7 @@
|
|
|
9226
9226
|
},
|
|
9227
9227
|
root: {}
|
|
9228
9228
|
});
|
|
9229
|
-
function _define_property$
|
|
9229
|
+
function _define_property$N(obj, key, value) {
|
|
9230
9230
|
if (key in obj) {
|
|
9231
9231
|
Object.defineProperty(obj, key, {
|
|
9232
9232
|
value,
|
|
@@ -9239,7 +9239,7 @@
|
|
|
9239
9239
|
}
|
|
9240
9240
|
return obj;
|
|
9241
9241
|
}
|
|
9242
|
-
function _object_spread$
|
|
9242
|
+
function _object_spread$M(target) {
|
|
9243
9243
|
for (var i = 1; i < arguments.length; i++) {
|
|
9244
9244
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
9245
9245
|
var ownKeys2 = Object.keys(source);
|
|
@@ -9249,24 +9249,24 @@
|
|
|
9249
9249
|
}));
|
|
9250
9250
|
}
|
|
9251
9251
|
ownKeys2.forEach(function(key) {
|
|
9252
|
-
_define_property$
|
|
9252
|
+
_define_property$N(target, key, source[key]);
|
|
9253
9253
|
});
|
|
9254
9254
|
}
|
|
9255
9255
|
return target;
|
|
9256
9256
|
}
|
|
9257
9257
|
var CssBaseline = function(param) {
|
|
9258
9258
|
var data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
|
|
9259
|
-
var classes = useStyles$
|
|
9259
|
+
var classes = useStyles$H({
|
|
9260
9260
|
theme: tweakStyles
|
|
9261
9261
|
});
|
|
9262
|
-
return /* @__PURE__ */ jsx("div", _object_spread$
|
|
9262
|
+
return /* @__PURE__ */ jsx("div", _object_spread$M({
|
|
9263
9263
|
className: classes.root
|
|
9264
9264
|
}, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)));
|
|
9265
9265
|
};
|
|
9266
9266
|
var DEFAULT_SIZE = 6;
|
|
9267
9267
|
var PADDING_X$1 = 12;
|
|
9268
9268
|
var AUTOSIZE_MAX_WIDTH = 480;
|
|
9269
|
-
var useStyles$
|
|
9269
|
+
var useStyles$G = createThemedStyles("Input", {
|
|
9270
9270
|
root: {
|
|
9271
9271
|
width: "100%",
|
|
9272
9272
|
boxSizing: "border-box",
|
|
@@ -9579,7 +9579,7 @@
|
|
|
9579
9579
|
});
|
|
9580
9580
|
};
|
|
9581
9581
|
}
|
|
9582
|
-
function _define_property$
|
|
9582
|
+
function _define_property$M(obj, key, value) {
|
|
9583
9583
|
if (key in obj) {
|
|
9584
9584
|
Object.defineProperty(obj, key, {
|
|
9585
9585
|
value,
|
|
@@ -9623,7 +9623,7 @@
|
|
|
9623
9623
|
function _non_iterable_rest$m() {
|
|
9624
9624
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
9625
9625
|
}
|
|
9626
|
-
function _object_spread$
|
|
9626
|
+
function _object_spread$L(target) {
|
|
9627
9627
|
for (var i = 1; i < arguments.length; i++) {
|
|
9628
9628
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
9629
9629
|
var ownKeys2 = Object.keys(source);
|
|
@@ -9633,12 +9633,12 @@
|
|
|
9633
9633
|
}));
|
|
9634
9634
|
}
|
|
9635
9635
|
ownKeys2.forEach(function(key) {
|
|
9636
|
-
_define_property$
|
|
9636
|
+
_define_property$M(target, key, source[key]);
|
|
9637
9637
|
});
|
|
9638
9638
|
}
|
|
9639
9639
|
return target;
|
|
9640
9640
|
}
|
|
9641
|
-
function ownKeys$
|
|
9641
|
+
function ownKeys$E(object, enumerableOnly) {
|
|
9642
9642
|
var keys2 = Object.keys(object);
|
|
9643
9643
|
if (Object.getOwnPropertySymbols) {
|
|
9644
9644
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -9651,21 +9651,21 @@
|
|
|
9651
9651
|
}
|
|
9652
9652
|
return keys2;
|
|
9653
9653
|
}
|
|
9654
|
-
function _object_spread_props$
|
|
9654
|
+
function _object_spread_props$E(target, source) {
|
|
9655
9655
|
source = source != null ? source : {};
|
|
9656
9656
|
if (Object.getOwnPropertyDescriptors) {
|
|
9657
9657
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
9658
9658
|
} else {
|
|
9659
|
-
ownKeys$
|
|
9659
|
+
ownKeys$E(Object(source)).forEach(function(key) {
|
|
9660
9660
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
9661
9661
|
});
|
|
9662
9662
|
}
|
|
9663
9663
|
return target;
|
|
9664
9664
|
}
|
|
9665
|
-
function _object_without_properties$
|
|
9665
|
+
function _object_without_properties$e(source, excluded) {
|
|
9666
9666
|
if (source == null)
|
|
9667
9667
|
return {};
|
|
9668
|
-
var target = _object_without_properties_loose$
|
|
9668
|
+
var target = _object_without_properties_loose$e(source, excluded);
|
|
9669
9669
|
var key, i;
|
|
9670
9670
|
if (Object.getOwnPropertySymbols) {
|
|
9671
9671
|
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
@@ -9680,7 +9680,7 @@
|
|
|
9680
9680
|
}
|
|
9681
9681
|
return target;
|
|
9682
9682
|
}
|
|
9683
|
-
function _object_without_properties_loose$
|
|
9683
|
+
function _object_without_properties_loose$e(source, excluded) {
|
|
9684
9684
|
if (source == null)
|
|
9685
9685
|
return {};
|
|
9686
9686
|
var target = {};
|
|
@@ -9813,7 +9813,7 @@
|
|
|
9813
9813
|
}
|
|
9814
9814
|
}
|
|
9815
9815
|
var Input = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
|
|
9816
|
-
var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, label = _param.label, placeholder = _param.placeholder, _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = _param.isDisabled, _param_isReadonly = _param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_hasFloatingLabel = _param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = _param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? false : _param_isClearable, infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, _param_errorPosition = _param.errorPosition, errorPosition = _param_errorPosition === void 0 ? "bottom" : _param_errorPosition, inlineStyle = _param.inlineStyle, border = _param.border, _param_isRequired = _param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isAutoSizeable = _param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? false : _param_isAutoSizeable, _param_defaultSize = _param.defaultSize, defaultSize = _param_defaultSize === void 0 ? DEFAULT_SIZE : _param_defaultSize, iconType = _param.iconType, hasRequiredLabel = _param.hasRequiredLabel, data = _param.data, tweakStyles = _param.tweakStyles, _param_shouldFocusOnMount = _param.shouldFocusOnMount, shouldFocusOnMount = _param_shouldFocusOnMount === void 0 ? false : _param_shouldFocusOnMount, units = _param.units, testId = _param.testId, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onIconClick = _param.onIconClick, mask = _param.mask, maskPlaceholder = _param.maskPlaceholder, alwaysShowMask = _param.alwaysShowMask, _param_shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, shouldAlwaysShowPlaceholder = _param_shouldAlwaysShowPlaceholder === void 0 ? false : _param_shouldAlwaysShowPlaceholder, beforeMaskedStateChange = _param.beforeMaskedStateChange, inputProps = _object_without_properties$
|
|
9816
|
+
var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, label = _param.label, placeholder = _param.placeholder, _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = _param.isDisabled, _param_isReadonly = _param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_hasFloatingLabel = _param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = _param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? false : _param_isClearable, infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, _param_errorPosition = _param.errorPosition, errorPosition = _param_errorPosition === void 0 ? "bottom" : _param_errorPosition, inlineStyle = _param.inlineStyle, border = _param.border, _param_isRequired = _param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isAutoSizeable = _param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? false : _param_isAutoSizeable, _param_defaultSize = _param.defaultSize, defaultSize = _param_defaultSize === void 0 ? DEFAULT_SIZE : _param_defaultSize, iconType = _param.iconType, hasRequiredLabel = _param.hasRequiredLabel, data = _param.data, tweakStyles = _param.tweakStyles, _param_shouldFocusOnMount = _param.shouldFocusOnMount, shouldFocusOnMount = _param_shouldFocusOnMount === void 0 ? false : _param_shouldFocusOnMount, units = _param.units, testId = _param.testId, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onIconClick = _param.onIconClick, mask = _param.mask, maskPlaceholder = _param.maskPlaceholder, alwaysShowMask = _param.alwaysShowMask, _param_shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, shouldAlwaysShowPlaceholder = _param_shouldAlwaysShowPlaceholder === void 0 ? false : _param_shouldAlwaysShowPlaceholder, beforeMaskedStateChange = _param.beforeMaskedStateChange, inputProps = _object_without_properties$e(_param, [
|
|
9817
9817
|
"value",
|
|
9818
9818
|
"label",
|
|
9819
9819
|
"placeholder",
|
|
@@ -9850,7 +9850,7 @@
|
|
|
9850
9850
|
"shouldAlwaysShowPlaceholder",
|
|
9851
9851
|
"beforeMaskedStateChange"
|
|
9852
9852
|
]);
|
|
9853
|
-
var classes = useStyles$
|
|
9853
|
+
var classes = useStyles$G({
|
|
9854
9854
|
theme: tweakStyles
|
|
9855
9855
|
});
|
|
9856
9856
|
var tweakPreloaderStyles = useTweakStyles({
|
|
@@ -9904,8 +9904,8 @@
|
|
|
9904
9904
|
var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly || shouldAlwaysShowPlaceholder) && trueReactPlatformHelpers.isStringNotEmpty(placeholder);
|
|
9905
9905
|
var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
|
|
9906
9906
|
var _obj;
|
|
9907
|
-
var props = _object_spread_props$
|
|
9908
|
-
className: clsx(classes.input, (_obj = {}, _define_property$
|
|
9907
|
+
var props = _object_spread_props$E(_object_spread$L({}, inputProps, trueReactPlatformHelpers.addDataTestId(testId)), {
|
|
9908
|
+
className: clsx(classes.input, (_obj = {}, _define_property$M(_obj, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$M(_obj, classes.withIcons, hasControls), _define_property$M(_obj, classes.withControls, hasControls), _define_property$M(_obj, classes.withUnits, shouldShowUnits), _define_property$M(_obj, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj)),
|
|
9909
9909
|
onFocus: handleFocus,
|
|
9910
9910
|
onBlur: handleBlur,
|
|
9911
9911
|
onChange: handleChange,
|
|
@@ -9921,14 +9921,14 @@
|
|
|
9921
9921
|
return /* @__PURE__ */ jsxs("div", {
|
|
9922
9922
|
className: classes.root,
|
|
9923
9923
|
children: [
|
|
9924
|
-
/* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
9925
|
-
className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$
|
|
9924
|
+
/* @__PURE__ */ jsxs("div", _object_spread_props$E(_object_spread$L({
|
|
9925
|
+
className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$M(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$M(_obj1, classes.invalid, isInvalid), _define_property$M(_obj1, classes.focused, hasFocus), _define_property$M(_obj1, classes.disabled, isDisabled), _define_property$M(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
|
|
9926
9926
|
"data-value": isAutoSizeable ? value : void 0
|
|
9927
9927
|
}, addDataAttributes(data)), {
|
|
9928
9928
|
children: [
|
|
9929
|
-
mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$
|
|
9929
|
+
mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$L({
|
|
9930
9930
|
ref: ref !== null && ref !== void 0 ? ref : inputRef
|
|
9931
|
-
}, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$
|
|
9931
|
+
}, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$L({
|
|
9932
9932
|
ref: ref !== null && ref !== void 0 ? ref : inputRef,
|
|
9933
9933
|
mask,
|
|
9934
9934
|
maskPlaceholder,
|
|
@@ -9936,12 +9936,12 @@
|
|
|
9936
9936
|
beforeMaskedStateChange
|
|
9937
9937
|
}, props)),
|
|
9938
9938
|
hasLabel && /* @__PURE__ */ jsx("span", {
|
|
9939
|
-
className: clsx(classes.label, (_obj2 = {}, _define_property$
|
|
9940
|
-
_define_property$
|
|
9939
|
+
className: clsx(classes.label, (_obj2 = {}, _define_property$M(_obj2, classes.invalidLabel, isInvalid), _define_property$M(_obj2, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$M(_obj2, classes.activeLabel, hasFocus && !isReadonly || hasValue), _define_property$M(_obj2, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
|
|
9940
|
+
_define_property$M(_obj2, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj2)),
|
|
9941
9941
|
children: label
|
|
9942
9942
|
}),
|
|
9943
9943
|
shouldShowUnits && /* @__PURE__ */ jsxs("div", {
|
|
9944
|
-
className: clsx(classes.unitsWrapper, _define_property$
|
|
9944
|
+
className: clsx(classes.unitsWrapper, _define_property$M({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
|
|
9945
9945
|
children: [
|
|
9946
9946
|
/* @__PURE__ */ jsx("span", {
|
|
9947
9947
|
className: classes.fakeValue,
|
|
@@ -9973,7 +9973,7 @@
|
|
|
9973
9973
|
})
|
|
9974
9974
|
}),
|
|
9975
9975
|
trueReactPlatformHelpers.isReactNodeNotEmpty(iconType) && /* @__PURE__ */ jsx("div", {
|
|
9976
|
-
className: clsx(classes.inputIcon, _define_property$
|
|
9976
|
+
className: clsx(classes.inputIcon, _define_property$M({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
|
|
9977
9977
|
onClick: !isDisabled ? onIconClick : void 0,
|
|
9978
9978
|
children: renderIcon(iconType)
|
|
9979
9979
|
})
|
|
@@ -9994,7 +9994,7 @@
|
|
|
9994
9994
|
});
|
|
9995
9995
|
var EMPTY_DATE_INPUT_VALUE = "__.__.____";
|
|
9996
9996
|
var EMPTY_DATE_RANGE_INPUT_VALUE = "".concat(EMPTY_DATE_INPUT_VALUE, " - ").concat(EMPTY_DATE_INPUT_VALUE);
|
|
9997
|
-
var useStyles$
|
|
9997
|
+
var useStyles$F = createThemedStyles("DateInput", {
|
|
9998
9998
|
root: {
|
|
9999
9999
|
width: "100%",
|
|
10000
10000
|
height: "100%",
|
|
@@ -10002,7 +10002,7 @@
|
|
|
10002
10002
|
position: "relative"
|
|
10003
10003
|
}
|
|
10004
10004
|
});
|
|
10005
|
-
function _define_property$
|
|
10005
|
+
function _define_property$L(obj, key, value) {
|
|
10006
10006
|
if (key in obj) {
|
|
10007
10007
|
Object.defineProperty(obj, key, {
|
|
10008
10008
|
value,
|
|
@@ -10015,7 +10015,7 @@
|
|
|
10015
10015
|
}
|
|
10016
10016
|
return obj;
|
|
10017
10017
|
}
|
|
10018
|
-
function _object_spread$
|
|
10018
|
+
function _object_spread$K(target) {
|
|
10019
10019
|
for (var i = 1; i < arguments.length; i++) {
|
|
10020
10020
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
10021
10021
|
var ownKeys2 = Object.keys(source);
|
|
@@ -10025,12 +10025,12 @@
|
|
|
10025
10025
|
}));
|
|
10026
10026
|
}
|
|
10027
10027
|
ownKeys2.forEach(function(key) {
|
|
10028
|
-
_define_property$
|
|
10028
|
+
_define_property$L(target, key, source[key]);
|
|
10029
10029
|
});
|
|
10030
10030
|
}
|
|
10031
10031
|
return target;
|
|
10032
10032
|
}
|
|
10033
|
-
function ownKeys$
|
|
10033
|
+
function ownKeys$D(object, enumerableOnly) {
|
|
10034
10034
|
var keys2 = Object.keys(object);
|
|
10035
10035
|
if (Object.getOwnPropertySymbols) {
|
|
10036
10036
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -10043,21 +10043,21 @@
|
|
|
10043
10043
|
}
|
|
10044
10044
|
return keys2;
|
|
10045
10045
|
}
|
|
10046
|
-
function _object_spread_props$
|
|
10046
|
+
function _object_spread_props$D(target, source) {
|
|
10047
10047
|
source = source != null ? source : {};
|
|
10048
10048
|
if (Object.getOwnPropertyDescriptors) {
|
|
10049
10049
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
10050
10050
|
} else {
|
|
10051
|
-
ownKeys$
|
|
10051
|
+
ownKeys$D(Object(source)).forEach(function(key) {
|
|
10052
10052
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
10053
10053
|
});
|
|
10054
10054
|
}
|
|
10055
10055
|
return target;
|
|
10056
10056
|
}
|
|
10057
|
-
function _object_without_properties$
|
|
10057
|
+
function _object_without_properties$d(source, excluded) {
|
|
10058
10058
|
if (source == null)
|
|
10059
10059
|
return {};
|
|
10060
|
-
var target = _object_without_properties_loose$
|
|
10060
|
+
var target = _object_without_properties_loose$d(source, excluded);
|
|
10061
10061
|
var key, i;
|
|
10062
10062
|
if (Object.getOwnPropertySymbols) {
|
|
10063
10063
|
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
@@ -10072,7 +10072,7 @@
|
|
|
10072
10072
|
}
|
|
10073
10073
|
return target;
|
|
10074
10074
|
}
|
|
10075
|
-
function _object_without_properties_loose$
|
|
10075
|
+
function _object_without_properties_loose$d(source, excluded) {
|
|
10076
10076
|
if (source == null)
|
|
10077
10077
|
return {};
|
|
10078
10078
|
var target = {};
|
|
@@ -10087,7 +10087,7 @@
|
|
|
10087
10087
|
return target;
|
|
10088
10088
|
}
|
|
10089
10089
|
var DateInput = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
|
|
10090
|
-
var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, tweakStyles = _param.tweakStyles, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$
|
|
10090
|
+
var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, tweakStyles = _param.tweakStyles, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$d(_param, [
|
|
10091
10091
|
"date",
|
|
10092
10092
|
"startDate",
|
|
10093
10093
|
"endDate",
|
|
@@ -10100,7 +10100,7 @@
|
|
|
10100
10100
|
"onClick",
|
|
10101
10101
|
"onChange"
|
|
10102
10102
|
]);
|
|
10103
|
-
var classes = useStyles$
|
|
10103
|
+
var classes = useStyles$F({
|
|
10104
10104
|
theme: tweakStyles
|
|
10105
10105
|
});
|
|
10106
10106
|
var tweakInputStyles = useTweakStyles({
|
|
@@ -10127,11 +10127,11 @@
|
|
|
10127
10127
|
}
|
|
10128
10128
|
onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
|
|
10129
10129
|
};
|
|
10130
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
10130
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$D(_object_spread$K({
|
|
10131
10131
|
className: clsx(classes.root, className),
|
|
10132
10132
|
onClick
|
|
10133
10133
|
}, addDataAttributes(data)), {
|
|
10134
|
-
children: /* @__PURE__ */ jsx(Input, _object_spread_props$
|
|
10134
|
+
children: /* @__PURE__ */ jsx(Input, _object_spread_props$D(_object_spread$K({}, inputProps), {
|
|
10135
10135
|
ref,
|
|
10136
10136
|
value: isRange ? "".concat(startDate).concat(endDate) : date,
|
|
10137
10137
|
mask: mask !== null && mask !== void 0 ? mask : isRange ? "99.99.9999 - 99.99.9999" : "99.99.9999",
|
|
@@ -10144,7 +10144,7 @@
|
|
|
10144
10144
|
});
|
|
10145
10145
|
const reactDatepicker = "";
|
|
10146
10146
|
var LEFT_PADDING = 44;
|
|
10147
|
-
var useStyles$
|
|
10147
|
+
var useStyles$E = createThemedStyles("SearchInput", {
|
|
10148
10148
|
root: {
|
|
10149
10149
|
position: "relative"
|
|
10150
10150
|
},
|
|
@@ -10181,7 +10181,7 @@
|
|
|
10181
10181
|
fontSize: 14
|
|
10182
10182
|
}
|
|
10183
10183
|
};
|
|
10184
|
-
function _define_property$
|
|
10184
|
+
function _define_property$K(obj, key, value) {
|
|
10185
10185
|
if (key in obj) {
|
|
10186
10186
|
Object.defineProperty(obj, key, {
|
|
10187
10187
|
value,
|
|
@@ -10194,7 +10194,7 @@
|
|
|
10194
10194
|
}
|
|
10195
10195
|
return obj;
|
|
10196
10196
|
}
|
|
10197
|
-
function _object_spread$
|
|
10197
|
+
function _object_spread$J(target) {
|
|
10198
10198
|
for (var i = 1; i < arguments.length; i++) {
|
|
10199
10199
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
10200
10200
|
var ownKeys2 = Object.keys(source);
|
|
@@ -10204,12 +10204,12 @@
|
|
|
10204
10204
|
}));
|
|
10205
10205
|
}
|
|
10206
10206
|
ownKeys2.forEach(function(key) {
|
|
10207
|
-
_define_property$
|
|
10207
|
+
_define_property$K(target, key, source[key]);
|
|
10208
10208
|
});
|
|
10209
10209
|
}
|
|
10210
10210
|
return target;
|
|
10211
10211
|
}
|
|
10212
|
-
function ownKeys$
|
|
10212
|
+
function ownKeys$C(object, enumerableOnly) {
|
|
10213
10213
|
var keys2 = Object.keys(object);
|
|
10214
10214
|
if (Object.getOwnPropertySymbols) {
|
|
10215
10215
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -10222,21 +10222,21 @@
|
|
|
10222
10222
|
}
|
|
10223
10223
|
return keys2;
|
|
10224
10224
|
}
|
|
10225
|
-
function _object_spread_props$
|
|
10225
|
+
function _object_spread_props$C(target, source) {
|
|
10226
10226
|
source = source != null ? source : {};
|
|
10227
10227
|
if (Object.getOwnPropertyDescriptors) {
|
|
10228
10228
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
10229
10229
|
} else {
|
|
10230
|
-
ownKeys$
|
|
10230
|
+
ownKeys$C(Object(source)).forEach(function(key) {
|
|
10231
10231
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
10232
10232
|
});
|
|
10233
10233
|
}
|
|
10234
10234
|
return target;
|
|
10235
10235
|
}
|
|
10236
|
-
function _object_without_properties$
|
|
10236
|
+
function _object_without_properties$c(source, excluded) {
|
|
10237
10237
|
if (source == null)
|
|
10238
10238
|
return {};
|
|
10239
|
-
var target = _object_without_properties_loose$
|
|
10239
|
+
var target = _object_without_properties_loose$c(source, excluded);
|
|
10240
10240
|
var key, i;
|
|
10241
10241
|
if (Object.getOwnPropertySymbols) {
|
|
10242
10242
|
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
@@ -10251,7 +10251,7 @@
|
|
|
10251
10251
|
}
|
|
10252
10252
|
return target;
|
|
10253
10253
|
}
|
|
10254
|
-
function _object_without_properties_loose$
|
|
10254
|
+
function _object_without_properties_loose$c(source, excluded) {
|
|
10255
10255
|
if (source == null)
|
|
10256
10256
|
return {};
|
|
10257
10257
|
var target = {};
|
|
@@ -10266,13 +10266,13 @@
|
|
|
10266
10266
|
return target;
|
|
10267
10267
|
}
|
|
10268
10268
|
var SearchInput = function(_param) {
|
|
10269
|
-
var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, testId = _param.testId, data = _param.data, props = _object_without_properties$
|
|
10269
|
+
var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, testId = _param.testId, data = _param.data, props = _object_without_properties$c(_param, [
|
|
10270
10270
|
"isClearable",
|
|
10271
10271
|
"tweakStyles",
|
|
10272
10272
|
"testId",
|
|
10273
10273
|
"data"
|
|
10274
10274
|
]);
|
|
10275
|
-
var classes = useStyles$
|
|
10275
|
+
var classes = useStyles$E({
|
|
10276
10276
|
theme: tweakStyles
|
|
10277
10277
|
});
|
|
10278
10278
|
var tweakInputStyles = useTweakStyles({
|
|
@@ -10281,7 +10281,7 @@
|
|
|
10281
10281
|
className: "tweakInput",
|
|
10282
10282
|
currentComponentName: "SearchInput"
|
|
10283
10283
|
});
|
|
10284
|
-
return /* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
10284
|
+
return /* @__PURE__ */ jsxs("div", _object_spread_props$C(_object_spread$J({
|
|
10285
10285
|
className: classes.root
|
|
10286
10286
|
}, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
|
|
10287
10287
|
children: [
|
|
@@ -10291,7 +10291,7 @@
|
|
|
10291
10291
|
type: "search"
|
|
10292
10292
|
})
|
|
10293
10293
|
}),
|
|
10294
|
-
/* @__PURE__ */ jsx(Input, _object_spread$
|
|
10294
|
+
/* @__PURE__ */ jsx(Input, _object_spread$J({
|
|
10295
10295
|
isClearable,
|
|
10296
10296
|
isActive: props.value !== "" && props.value !== void 0,
|
|
10297
10297
|
testId: trueReactPlatformHelpers.getTestId(testId, "input"),
|
|
@@ -10339,7 +10339,7 @@
|
|
|
10339
10339
|
_defineProperties(Constructor, staticProps);
|
|
10340
10340
|
return Constructor;
|
|
10341
10341
|
}
|
|
10342
|
-
function _define_property$
|
|
10342
|
+
function _define_property$J(obj, key, value) {
|
|
10343
10343
|
if (key in obj) {
|
|
10344
10344
|
Object.defineProperty(obj, key, {
|
|
10345
10345
|
value,
|
|
@@ -10372,7 +10372,7 @@
|
|
|
10372
10372
|
if (superClass)
|
|
10373
10373
|
_set_prototype_of(subClass, superClass);
|
|
10374
10374
|
}
|
|
10375
|
-
function _object_spread$
|
|
10375
|
+
function _object_spread$I(target) {
|
|
10376
10376
|
for (var i = 1; i < arguments.length; i++) {
|
|
10377
10377
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
10378
10378
|
var ownKeys2 = Object.keys(source);
|
|
@@ -10382,15 +10382,15 @@
|
|
|
10382
10382
|
}));
|
|
10383
10383
|
}
|
|
10384
10384
|
ownKeys2.forEach(function(key) {
|
|
10385
|
-
_define_property$
|
|
10385
|
+
_define_property$J(target, key, source[key]);
|
|
10386
10386
|
});
|
|
10387
10387
|
}
|
|
10388
10388
|
return target;
|
|
10389
10389
|
}
|
|
10390
|
-
function _object_without_properties$
|
|
10390
|
+
function _object_without_properties$b(source, excluded) {
|
|
10391
10391
|
if (source == null)
|
|
10392
10392
|
return {};
|
|
10393
|
-
var target = _object_without_properties_loose$
|
|
10393
|
+
var target = _object_without_properties_loose$b(source, excluded);
|
|
10394
10394
|
var key, i;
|
|
10395
10395
|
if (Object.getOwnPropertySymbols) {
|
|
10396
10396
|
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
@@ -10405,7 +10405,7 @@
|
|
|
10405
10405
|
}
|
|
10406
10406
|
return target;
|
|
10407
10407
|
}
|
|
10408
|
-
function _object_without_properties_loose$
|
|
10408
|
+
function _object_without_properties_loose$b(source, excluded) {
|
|
10409
10409
|
if (source == null)
|
|
10410
10410
|
return {};
|
|
10411
10411
|
var target = {};
|
|
@@ -10471,8 +10471,8 @@
|
|
|
10471
10471
|
_class_call_check(this, ScrollIntoViewIfNeeded2);
|
|
10472
10472
|
var _this;
|
|
10473
10473
|
_this = _super.apply(this, arguments);
|
|
10474
|
-
_define_property$
|
|
10475
|
-
_define_property$
|
|
10474
|
+
_define_property$J(_assert_this_initialized(_this), "node", React.createRef());
|
|
10475
|
+
_define_property$J(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
|
|
10476
10476
|
var options = _this.props.options;
|
|
10477
10477
|
var _this_node = _this.node, node = _this_node.current;
|
|
10478
10478
|
if (node) {
|
|
@@ -10508,13 +10508,13 @@
|
|
|
10508
10508
|
_this_props.active;
|
|
10509
10509
|
var elementType = _this_props.elementType, children = _this_props.children;
|
|
10510
10510
|
_this_props.options;
|
|
10511
|
-
var wrapperProps = _object_without_properties$
|
|
10511
|
+
var wrapperProps = _object_without_properties$b(_this_props, [
|
|
10512
10512
|
"active",
|
|
10513
10513
|
"elementType",
|
|
10514
10514
|
"children",
|
|
10515
10515
|
"options"
|
|
10516
10516
|
]);
|
|
10517
|
-
return React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$
|
|
10517
|
+
return React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$I({
|
|
10518
10518
|
ref: this.node
|
|
10519
10519
|
}, wrapperProps), children);
|
|
10520
10520
|
}
|
|
@@ -10522,10 +10522,10 @@
|
|
|
10522
10522
|
]);
|
|
10523
10523
|
return ScrollIntoViewIfNeeded2;
|
|
10524
10524
|
}(React.PureComponent);
|
|
10525
|
-
_define_property$
|
|
10525
|
+
_define_property$J(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
|
|
10526
10526
|
var DEFAULT_OPTION_INDEX = -2;
|
|
10527
10527
|
var ALL_OPTION_INDEX = -1;
|
|
10528
|
-
function _define_property$
|
|
10528
|
+
function _define_property$I(obj, key, value) {
|
|
10529
10529
|
if (key in obj) {
|
|
10530
10530
|
Object.defineProperty(obj, key, {
|
|
10531
10531
|
value,
|
|
@@ -10538,7 +10538,7 @@
|
|
|
10538
10538
|
}
|
|
10539
10539
|
return obj;
|
|
10540
10540
|
}
|
|
10541
|
-
function _object_spread$
|
|
10541
|
+
function _object_spread$H(target) {
|
|
10542
10542
|
for (var i = 1; i < arguments.length; i++) {
|
|
10543
10543
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
10544
10544
|
var ownKeys2 = Object.keys(source);
|
|
@@ -10548,7 +10548,7 @@
|
|
|
10548
10548
|
}));
|
|
10549
10549
|
}
|
|
10550
10550
|
ownKeys2.forEach(function(key) {
|
|
10551
|
-
_define_property$
|
|
10551
|
+
_define_property$I(target, key, source[key]);
|
|
10552
10552
|
});
|
|
10553
10553
|
}
|
|
10554
10554
|
return target;
|
|
@@ -10559,7 +10559,7 @@
|
|
|
10559
10559
|
10,
|
|
10560
10560
|
20
|
|
10561
10561
|
];
|
|
10562
|
-
var useStyles$
|
|
10562
|
+
var useStyles$D = createThemedStyles("SelectList", {
|
|
10563
10563
|
root: {
|
|
10564
10564
|
borderRadius: dimensions.BORDER_RADIUS_SMALL,
|
|
10565
10565
|
boxShadow: "0 13px 74px -27px rgba(0, 0, 0, 0.11)",
|
|
@@ -10583,7 +10583,7 @@
|
|
|
10583
10583
|
]
|
|
10584
10584
|
}
|
|
10585
10585
|
},
|
|
10586
|
-
list: _object_spread$
|
|
10586
|
+
list: _object_spread$H({
|
|
10587
10587
|
height: "100%",
|
|
10588
10588
|
maxHeight: ROW_HEIGHT$1 * 6,
|
|
10589
10589
|
cursor: "pointer",
|
|
@@ -10626,7 +10626,7 @@
|
|
|
10626
10626
|
display: "none"
|
|
10627
10627
|
}
|
|
10628
10628
|
};
|
|
10629
|
-
function _define_property$
|
|
10629
|
+
function _define_property$H(obj, key, value) {
|
|
10630
10630
|
if (key in obj) {
|
|
10631
10631
|
Object.defineProperty(obj, key, {
|
|
10632
10632
|
value,
|
|
@@ -10639,7 +10639,7 @@
|
|
|
10639
10639
|
}
|
|
10640
10640
|
return obj;
|
|
10641
10641
|
}
|
|
10642
|
-
function _object_spread$
|
|
10642
|
+
function _object_spread$G(target) {
|
|
10643
10643
|
for (var i = 1; i < arguments.length; i++) {
|
|
10644
10644
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
10645
10645
|
var ownKeys2 = Object.keys(source);
|
|
@@ -10649,12 +10649,12 @@
|
|
|
10649
10649
|
}));
|
|
10650
10650
|
}
|
|
10651
10651
|
ownKeys2.forEach(function(key) {
|
|
10652
|
-
_define_property$
|
|
10652
|
+
_define_property$H(target, key, source[key]);
|
|
10653
10653
|
});
|
|
10654
10654
|
}
|
|
10655
10655
|
return target;
|
|
10656
10656
|
}
|
|
10657
|
-
function ownKeys$
|
|
10657
|
+
function ownKeys$B(object, enumerableOnly) {
|
|
10658
10658
|
var keys2 = Object.keys(object);
|
|
10659
10659
|
if (Object.getOwnPropertySymbols) {
|
|
10660
10660
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -10667,12 +10667,12 @@
|
|
|
10667
10667
|
}
|
|
10668
10668
|
return keys2;
|
|
10669
10669
|
}
|
|
10670
|
-
function _object_spread_props$
|
|
10670
|
+
function _object_spread_props$B(target, source) {
|
|
10671
10671
|
source = source != null ? source : {};
|
|
10672
10672
|
if (Object.getOwnPropertyDescriptors) {
|
|
10673
10673
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
10674
10674
|
} else {
|
|
10675
|
-
ownKeys$
|
|
10675
|
+
ownKeys$B(Object(source)).forEach(function(key) {
|
|
10676
10676
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
10677
10677
|
});
|
|
10678
10678
|
}
|
|
@@ -10682,12 +10682,12 @@
|
|
|
10682
10682
|
var classes = param.classes, index = param.index, isSemiChecked = param.isSemiChecked, isDisabled = param.isDisabled, isActive = param.isActive, children = param.children, isFocused = param.isFocused, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox;
|
|
10683
10683
|
var isMultiSelect = trueReactPlatformHelpers.isNotEmpty(onToggleCheckbox);
|
|
10684
10684
|
var _obj;
|
|
10685
|
-
return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$
|
|
10685
|
+
return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$B(_object_spread$G({
|
|
10686
10686
|
active: isFocused,
|
|
10687
10687
|
options: {
|
|
10688
10688
|
block: "nearest"
|
|
10689
10689
|
},
|
|
10690
|
-
className: clsx(classes.cell, (_obj = {}, _define_property$
|
|
10690
|
+
className: clsx(classes.cell, (_obj = {}, _define_property$H(_obj, classes.cellWithCheckbox, isMultiSelect), _define_property$H(_obj, classes.focused, isFocused), _define_property$H(_obj, classes.active, isActive && !isMultiSelect), _define_property$H(_obj, classes.disabled, isDisabled), _obj))
|
|
10691
10691
|
}, addDataAttributes({
|
|
10692
10692
|
disabled: isDisabled,
|
|
10693
10693
|
active: isActive,
|
|
@@ -10709,7 +10709,7 @@
|
|
|
10709
10709
|
}) : children
|
|
10710
10710
|
}));
|
|
10711
10711
|
};
|
|
10712
|
-
function _define_property$
|
|
10712
|
+
function _define_property$G(obj, key, value) {
|
|
10713
10713
|
if (key in obj) {
|
|
10714
10714
|
Object.defineProperty(obj, key, {
|
|
10715
10715
|
value,
|
|
@@ -10722,7 +10722,7 @@
|
|
|
10722
10722
|
}
|
|
10723
10723
|
return obj;
|
|
10724
10724
|
}
|
|
10725
|
-
function _object_spread$
|
|
10725
|
+
function _object_spread$F(target) {
|
|
10726
10726
|
for (var i = 1; i < arguments.length; i++) {
|
|
10727
10727
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
10728
10728
|
var ownKeys2 = Object.keys(source);
|
|
@@ -10732,12 +10732,12 @@
|
|
|
10732
10732
|
}));
|
|
10733
10733
|
}
|
|
10734
10734
|
ownKeys2.forEach(function(key) {
|
|
10735
|
-
_define_property$
|
|
10735
|
+
_define_property$G(target, key, source[key]);
|
|
10736
10736
|
});
|
|
10737
10737
|
}
|
|
10738
10738
|
return target;
|
|
10739
10739
|
}
|
|
10740
|
-
function ownKeys$
|
|
10740
|
+
function ownKeys$A(object, enumerableOnly) {
|
|
10741
10741
|
var keys2 = Object.keys(object);
|
|
10742
10742
|
if (Object.getOwnPropertySymbols) {
|
|
10743
10743
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -10750,12 +10750,12 @@
|
|
|
10750
10750
|
}
|
|
10751
10751
|
return keys2;
|
|
10752
10752
|
}
|
|
10753
|
-
function _object_spread_props$
|
|
10753
|
+
function _object_spread_props$A(target, source) {
|
|
10754
10754
|
source = source != null ? source : {};
|
|
10755
10755
|
if (Object.getOwnPropertyDescriptors) {
|
|
10756
10756
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
10757
10757
|
} else {
|
|
10758
|
-
ownKeys$
|
|
10758
|
+
ownKeys$A(Object(source)).forEach(function(key) {
|
|
10759
10759
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
10760
10760
|
});
|
|
10761
10761
|
}
|
|
@@ -10763,7 +10763,7 @@
|
|
|
10763
10763
|
}
|
|
10764
10764
|
function SelectList(param) {
|
|
10765
10765
|
var options = param.options, focusedIndex = param.focusedIndex, activeValue = param.activeValue, defaultOptionLabel = param.defaultOptionLabel, _param_noMatchesLabel = param.noMatchesLabel, noMatchesLabel = _param_noMatchesLabel === void 0 ? "Совпадений не найдено" : _param_noMatchesLabel, isLoading = param.isLoading, _param_loadingLabel = param.loadingLabel, loadingLabel = _param_loadingLabel === void 0 ? "Загрузка..." : _param_loadingLabel, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, areAllOptionsSelected = param.areAllOptionsSelected, customListHeader = param.customListHeader, isOptionDisabled = param.isOptionDisabled, allOptionsLabel = param.allOptionsLabel, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox, convertValueToString = param.convertValueToString, _param_convertValueToReactNode = param.convertValueToReactNode, convertValueToReactNode = _param_convertValueToReactNode === void 0 ? convertValueToString : _param_convertValueToReactNode, convertValueToId = param.convertValueToId;
|
|
10766
|
-
var classes = useStyles$
|
|
10766
|
+
var classes = useStyles$D({
|
|
10767
10767
|
theme: tweakStyles
|
|
10768
10768
|
});
|
|
10769
10769
|
var isMultiSelect = trueReactPlatformHelpers.isNotEmpty(onToggleCheckbox);
|
|
@@ -10800,13 +10800,13 @@
|
|
|
10800
10800
|
};
|
|
10801
10801
|
return /* @__PURE__ */ jsxs(ScrollIntoViewIfNeeded, {
|
|
10802
10802
|
active: shouldScrollToList && !isMultiSelect,
|
|
10803
|
-
className: clsx(classes.root, _define_property$
|
|
10803
|
+
className: clsx(classes.root, _define_property$G({}, classes.withListHeader, trueReactPlatformHelpers.isReactNodeNotEmpty(customListHeader))),
|
|
10804
10804
|
children: [
|
|
10805
10805
|
trueReactPlatformHelpers.isReactNodeNotEmpty(customListHeader) && /* @__PURE__ */ jsx("div", {
|
|
10806
10806
|
className: classes.listHeader,
|
|
10807
10807
|
children: customListHeader
|
|
10808
10808
|
}),
|
|
10809
|
-
/* @__PURE__ */ jsx("div", _object_spread_props$
|
|
10809
|
+
/* @__PURE__ */ jsx("div", _object_spread_props$A(_object_spread$F({
|
|
10810
10810
|
className: classes.list
|
|
10811
10811
|
}, trueReactPlatformHelpers.addDataTestId(testId)), {
|
|
10812
10812
|
children: isLoading ? /* @__PURE__ */ jsx("div", {
|
|
@@ -10879,7 +10879,7 @@
|
|
|
10879
10879
|
var isMultiSelectValue = function(props, _value) {
|
|
10880
10880
|
return props.isMultiSelect === true;
|
|
10881
10881
|
};
|
|
10882
|
-
var useStyles$
|
|
10882
|
+
var useStyles$C = createThemedStyles("Select", {
|
|
10883
10883
|
root: {
|
|
10884
10884
|
width: "100%",
|
|
10885
10885
|
position: "relative",
|
|
@@ -11028,7 +11028,7 @@
|
|
|
11028
11028
|
});
|
|
11029
11029
|
};
|
|
11030
11030
|
}
|
|
11031
|
-
function _define_property$
|
|
11031
|
+
function _define_property$F(obj, key, value) {
|
|
11032
11032
|
if (key in obj) {
|
|
11033
11033
|
Object.defineProperty(obj, key, {
|
|
11034
11034
|
value,
|
|
@@ -11079,7 +11079,7 @@
|
|
|
11079
11079
|
function _non_iterable_spread$6() {
|
|
11080
11080
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
11081
11081
|
}
|
|
11082
|
-
function _object_spread$
|
|
11082
|
+
function _object_spread$E(target) {
|
|
11083
11083
|
for (var i = 1; i < arguments.length; i++) {
|
|
11084
11084
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
11085
11085
|
var ownKeys2 = Object.keys(source);
|
|
@@ -11089,12 +11089,12 @@
|
|
|
11089
11089
|
}));
|
|
11090
11090
|
}
|
|
11091
11091
|
ownKeys2.forEach(function(key) {
|
|
11092
|
-
_define_property$
|
|
11092
|
+
_define_property$F(target, key, source[key]);
|
|
11093
11093
|
});
|
|
11094
11094
|
}
|
|
11095
11095
|
return target;
|
|
11096
11096
|
}
|
|
11097
|
-
function ownKeys$
|
|
11097
|
+
function ownKeys$z(object, enumerableOnly) {
|
|
11098
11098
|
var keys2 = Object.keys(object);
|
|
11099
11099
|
if (Object.getOwnPropertySymbols) {
|
|
11100
11100
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -11107,21 +11107,21 @@
|
|
|
11107
11107
|
}
|
|
11108
11108
|
return keys2;
|
|
11109
11109
|
}
|
|
11110
|
-
function _object_spread_props$
|
|
11110
|
+
function _object_spread_props$z(target, source) {
|
|
11111
11111
|
source = source != null ? source : {};
|
|
11112
11112
|
if (Object.getOwnPropertyDescriptors) {
|
|
11113
11113
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
11114
11114
|
} else {
|
|
11115
|
-
ownKeys$
|
|
11115
|
+
ownKeys$z(Object(source)).forEach(function(key) {
|
|
11116
11116
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
11117
11117
|
});
|
|
11118
11118
|
}
|
|
11119
11119
|
return target;
|
|
11120
11120
|
}
|
|
11121
|
-
function _object_without_properties$
|
|
11121
|
+
function _object_without_properties$a(source, excluded) {
|
|
11122
11122
|
if (source == null)
|
|
11123
11123
|
return {};
|
|
11124
|
-
var target = _object_without_properties_loose$
|
|
11124
|
+
var target = _object_without_properties_loose$a(source, excluded);
|
|
11125
11125
|
var key, i;
|
|
11126
11126
|
if (Object.getOwnPropertySymbols) {
|
|
11127
11127
|
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
@@ -11136,7 +11136,7 @@
|
|
|
11136
11136
|
}
|
|
11137
11137
|
return target;
|
|
11138
11138
|
}
|
|
11139
|
-
function _object_without_properties_loose$
|
|
11139
|
+
function _object_without_properties_loose$a(source, excluded) {
|
|
11140
11140
|
if (source == null)
|
|
11141
11141
|
return {};
|
|
11142
11142
|
var target = {};
|
|
@@ -11272,7 +11272,7 @@
|
|
|
11272
11272
|
}
|
|
11273
11273
|
}
|
|
11274
11274
|
function Select(props) {
|
|
11275
|
-
var options = props.options, value = props.value, defaultOptionLabel = props.defaultOptionLabel, allOptionsLabel = props.allOptionsLabel, _props_debounceTime = props.debounceTime, debounceTime = _props_debounceTime === void 0 ? 400 : _props_debounceTime, _props_optionsMode = props.optionsMode, optionsMode = _props_optionsMode === void 0 ? "normal" : _props_optionsMode, noMatchesLabel = props.noMatchesLabel, loadingLabel = props.loadingLabel, tweakStyles = props.tweakStyles, testId = props.testId, isReadonly = props.isReadonly, isDisabled = props.isDisabled, dropdownOptions = props.dropdownOptions, _props_minSymbolsCountToOpenList = props.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _props_minSymbolsCountToOpenList === void 0 ? 0 : _props_minSymbolsCountToOpenList, _props_dropdownIcon = props.dropdownIcon, dropdownIcon = _props_dropdownIcon === void 0 ? "chevron-down" : _props_dropdownIcon, _props_shouldScrollToList = props.shouldScrollToList, shouldScrollToList = _props_shouldScrollToList === void 0 ? true : _props_shouldScrollToList, searchInput = props.searchInput, iconType = props.iconType, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onType = props.onType, onOpen = props.onOpen, _props_isOptionDisabled = props.isOptionDisabled, isOptionDisabled = _props_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _props_isOptionDisabled, _props_compareValuesOnChange = props.compareValuesOnChange, compareValuesOnChange = _props_compareValuesOnChange === void 0 ? defaultCompareFunction : _props_compareValuesOnChange, _props_convertValueToString = props.convertValueToString, convertValueToString = _props_convertValueToString === void 0 ? defaultConvertFunction$2 : _props_convertValueToString, convertValueToId = props.convertValueToId, convertValueToReactNode = props.convertValueToReactNode, optionsFilter = props.optionsFilter, inputProps = _object_without_properties$
|
|
11275
|
+
var options = props.options, value = props.value, defaultOptionLabel = props.defaultOptionLabel, allOptionsLabel = props.allOptionsLabel, _props_debounceTime = props.debounceTime, debounceTime = _props_debounceTime === void 0 ? 400 : _props_debounceTime, _props_optionsMode = props.optionsMode, optionsMode = _props_optionsMode === void 0 ? "normal" : _props_optionsMode, noMatchesLabel = props.noMatchesLabel, loadingLabel = props.loadingLabel, tweakStyles = props.tweakStyles, testId = props.testId, isReadonly = props.isReadonly, isDisabled = props.isDisabled, dropdownOptions = props.dropdownOptions, _props_minSymbolsCountToOpenList = props.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _props_minSymbolsCountToOpenList === void 0 ? 0 : _props_minSymbolsCountToOpenList, _props_dropdownIcon = props.dropdownIcon, dropdownIcon = _props_dropdownIcon === void 0 ? "chevron-down" : _props_dropdownIcon, _props_shouldScrollToList = props.shouldScrollToList, shouldScrollToList = _props_shouldScrollToList === void 0 ? true : _props_shouldScrollToList, searchInput = props.searchInput, iconType = props.iconType, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onType = props.onType, onOpen = props.onOpen, _props_isOptionDisabled = props.isOptionDisabled, isOptionDisabled = _props_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _props_isOptionDisabled, _props_compareValuesOnChange = props.compareValuesOnChange, compareValuesOnChange = _props_compareValuesOnChange === void 0 ? defaultCompareFunction : _props_compareValuesOnChange, _props_convertValueToString = props.convertValueToString, convertValueToString = _props_convertValueToString === void 0 ? defaultConvertFunction$2 : _props_convertValueToString, convertValueToId = props.convertValueToId, convertValueToReactNode = props.convertValueToReactNode, optionsFilter = props.optionsFilter, inputProps = _object_without_properties$a(props, [
|
|
11276
11276
|
"options",
|
|
11277
11277
|
"value",
|
|
11278
11278
|
"defaultOptionLabel",
|
|
@@ -11303,10 +11303,10 @@
|
|
|
11303
11303
|
"convertValueToReactNode",
|
|
11304
11304
|
"optionsFilter"
|
|
11305
11305
|
]);
|
|
11306
|
-
var classes = useStyles$
|
|
11306
|
+
var classes = useStyles$C({
|
|
11307
11307
|
theme: tweakStyles
|
|
11308
11308
|
});
|
|
11309
|
-
var _ref = searchInput !== null && searchInput !== void 0 ? searchInput : {}, tmp = _ref.shouldRenderInList, shouldRenderSearchInputInList = tmp === void 0 ? false : tmp, searchInputProps = _object_without_properties$
|
|
11309
|
+
var _ref = searchInput !== null && searchInput !== void 0 ? searchInput : {}, tmp = _ref.shouldRenderInList, shouldRenderSearchInputInList = tmp === void 0 ? false : tmp, searchInputProps = _object_without_properties$a(_ref, [
|
|
11310
11310
|
"shouldRenderInList"
|
|
11311
11311
|
]);
|
|
11312
11312
|
var hasSearchInputInList = optionsMode !== "normal" && shouldRenderSearchInputInList;
|
|
@@ -11641,8 +11641,8 @@
|
|
|
11641
11641
|
isOpen
|
|
11642
11642
|
]);
|
|
11643
11643
|
var _obj;
|
|
11644
|
-
var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
11645
|
-
className: clsx(classes.listWrapper, (_obj = {}, _define_property$
|
|
11644
|
+
var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$z(_object_spread$E({
|
|
11645
|
+
className: clsx(classes.listWrapper, (_obj = {}, _define_property$F(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$F(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
|
|
11646
11646
|
ref: list,
|
|
11647
11647
|
style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper,
|
|
11648
11648
|
onBlur: handleBlur
|
|
@@ -11652,7 +11652,7 @@
|
|
|
11652
11652
|
defaultOptionLabel: hasDefaultOption && shouldShowDefaultOption && defaultOptionLabel,
|
|
11653
11653
|
allOptionsLabel: shouldShowAllOption && allOptionsLabel,
|
|
11654
11654
|
areAllOptionsSelected,
|
|
11655
|
-
customListHeader: hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$
|
|
11655
|
+
customListHeader: hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$E({
|
|
11656
11656
|
value: searchValue,
|
|
11657
11657
|
onChange: handleInputChange,
|
|
11658
11658
|
tweakStyles: tweakSearchInputStyles,
|
|
@@ -11699,7 +11699,7 @@
|
|
|
11699
11699
|
onClick: isDisabled ? void 0 : handleOnClick,
|
|
11700
11700
|
ref: inputWrapper,
|
|
11701
11701
|
children: [
|
|
11702
|
-
/* @__PURE__ */ jsx(Input, _object_spread$
|
|
11702
|
+
/* @__PURE__ */ jsx(Input, _object_spread$E({
|
|
11703
11703
|
value: searchValue !== "" && !shouldRenderSearchInputInList ? searchValue : showedStringValue,
|
|
11704
11704
|
onChange: handleInputChange,
|
|
11705
11705
|
isActive: isListOpen,
|
|
@@ -11736,7 +11736,7 @@
|
|
|
11736
11736
|
}
|
|
11737
11737
|
var SELECT_PADDING_LEFT = 12;
|
|
11738
11738
|
var SELECT_PADDING_RIGHT = 24;
|
|
11739
|
-
var useStyles$
|
|
11739
|
+
var useStyles$B = createThemedStyles("DatePickerHeader", {
|
|
11740
11740
|
btn: {
|
|
11741
11741
|
width: 36,
|
|
11742
11742
|
height: 36,
|
|
@@ -11805,7 +11805,7 @@
|
|
|
11805
11805
|
};
|
|
11806
11806
|
var DatePickerHeader = function(param) {
|
|
11807
11807
|
var date = param.date, _param_months = param.months, months = _param_months === void 0 ? [] : _param_months, tweakStyles = param.tweakStyles, prevMonthButtonDisabled = param.prevMonthButtonDisabled, nextMonthButtonDisabled = param.nextMonthButtonDisabled, changeYear = param.changeYear, changeMonth = param.changeMonth, decreaseMonth = param.decreaseMonth, increaseMonth = param.increaseMonth;
|
|
11808
|
-
var classes = useStyles$
|
|
11808
|
+
var classes = useStyles$B({
|
|
11809
11809
|
theme: tweakStyles
|
|
11810
11810
|
});
|
|
11811
11811
|
var tweakSelectStyles = useTweakStyles({
|
|
@@ -11914,7 +11914,7 @@
|
|
|
11914
11914
|
var areDatesEquals = function(date1, date2) {
|
|
11915
11915
|
return trueReactPlatformHelpers.isEmpty(date1) && trueReactPlatformHelpers.isEmpty(date2) || trueReactPlatformHelpers.isNotEmpty(date1) && trueReactPlatformHelpers.isNotEmpty(date2) && dateFns.isSameDay(date1, date2);
|
|
11916
11916
|
};
|
|
11917
|
-
var useStyles$
|
|
11917
|
+
var useStyles$A = createThemedStyles("DatePicker", {
|
|
11918
11918
|
root: {
|
|
11919
11919
|
width: "100%",
|
|
11920
11920
|
height: "100%"
|
|
@@ -11948,7 +11948,7 @@
|
|
|
11948
11948
|
if (Array.isArray(arr))
|
|
11949
11949
|
return arr;
|
|
11950
11950
|
}
|
|
11951
|
-
function _define_property$
|
|
11951
|
+
function _define_property$E(obj, key, value) {
|
|
11952
11952
|
if (key in obj) {
|
|
11953
11953
|
Object.defineProperty(obj, key, {
|
|
11954
11954
|
value,
|
|
@@ -11992,7 +11992,7 @@
|
|
|
11992
11992
|
function _non_iterable_rest$k() {
|
|
11993
11993
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
11994
11994
|
}
|
|
11995
|
-
function _object_spread$
|
|
11995
|
+
function _object_spread$D(target) {
|
|
11996
11996
|
for (var i = 1; i < arguments.length; i++) {
|
|
11997
11997
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
11998
11998
|
var ownKeys2 = Object.keys(source);
|
|
@@ -12002,12 +12002,12 @@
|
|
|
12002
12002
|
}));
|
|
12003
12003
|
}
|
|
12004
12004
|
ownKeys2.forEach(function(key) {
|
|
12005
|
-
_define_property$
|
|
12005
|
+
_define_property$E(target, key, source[key]);
|
|
12006
12006
|
});
|
|
12007
12007
|
}
|
|
12008
12008
|
return target;
|
|
12009
12009
|
}
|
|
12010
|
-
function ownKeys$
|
|
12010
|
+
function ownKeys$y(object, enumerableOnly) {
|
|
12011
12011
|
var keys2 = Object.keys(object);
|
|
12012
12012
|
if (Object.getOwnPropertySymbols) {
|
|
12013
12013
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -12020,21 +12020,21 @@
|
|
|
12020
12020
|
}
|
|
12021
12021
|
return keys2;
|
|
12022
12022
|
}
|
|
12023
|
-
function _object_spread_props$
|
|
12023
|
+
function _object_spread_props$y(target, source) {
|
|
12024
12024
|
source = source != null ? source : {};
|
|
12025
12025
|
if (Object.getOwnPropertyDescriptors) {
|
|
12026
12026
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
12027
12027
|
} else {
|
|
12028
|
-
ownKeys$
|
|
12028
|
+
ownKeys$y(Object(source)).forEach(function(key) {
|
|
12029
12029
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
12030
12030
|
});
|
|
12031
12031
|
}
|
|
12032
12032
|
return target;
|
|
12033
12033
|
}
|
|
12034
|
-
function _object_without_properties$
|
|
12034
|
+
function _object_without_properties$9(source, excluded) {
|
|
12035
12035
|
if (source == null)
|
|
12036
12036
|
return {};
|
|
12037
|
-
var target = _object_without_properties_loose$
|
|
12037
|
+
var target = _object_without_properties_loose$9(source, excluded);
|
|
12038
12038
|
var key, i;
|
|
12039
12039
|
if (Object.getOwnPropertySymbols) {
|
|
12040
12040
|
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
@@ -12049,7 +12049,7 @@
|
|
|
12049
12049
|
}
|
|
12050
12050
|
return target;
|
|
12051
12051
|
}
|
|
12052
|
-
function _object_without_properties_loose$
|
|
12052
|
+
function _object_without_properties_loose$9(source, excluded) {
|
|
12053
12053
|
if (source == null)
|
|
12054
12054
|
return {};
|
|
12055
12055
|
var target = {};
|
|
@@ -12080,7 +12080,7 @@
|
|
|
12080
12080
|
return _array_like_to_array$k(o, minLen);
|
|
12081
12081
|
}
|
|
12082
12082
|
var DatePicker = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
|
|
12083
|
-
var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$
|
|
12083
|
+
var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$9(_param, [
|
|
12084
12084
|
"data",
|
|
12085
12085
|
"selectedDate",
|
|
12086
12086
|
"minDate",
|
|
@@ -12125,7 +12125,7 @@
|
|
|
12125
12125
|
"onKeyDown",
|
|
12126
12126
|
"tweakStyles"
|
|
12127
12127
|
]);
|
|
12128
|
-
var classes = useStyles$
|
|
12128
|
+
var classes = useStyles$A({
|
|
12129
12129
|
theme: tweakStyles
|
|
12130
12130
|
});
|
|
12131
12131
|
var tweakDateInputStyles = useTweakStyles({
|
|
@@ -12148,7 +12148,7 @@
|
|
|
12148
12148
|
var _useState4 = _sliced_to_array$k(React.useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
|
|
12149
12149
|
var _useState5 = _sliced_to_array$k(React.useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
|
|
12150
12150
|
var hasDateInputValue = isRange ? trueReactPlatformHelpers.isStringNotEmpty(startDateValue) || trueReactPlatformHelpers.isStringNotEmpty(endDateValue) : trueReactPlatformHelpers.isStringNotEmpty(dateValue);
|
|
12151
|
-
var dateInputProps = _object_spread$
|
|
12151
|
+
var dateInputProps = _object_spread$D(_object_spread_props$y(_object_spread$D({}, inputProps), {
|
|
12152
12152
|
isRange,
|
|
12153
12153
|
isDisabled,
|
|
12154
12154
|
isClearable,
|
|
@@ -12246,10 +12246,10 @@
|
|
|
12246
12246
|
startDate,
|
|
12247
12247
|
endDate
|
|
12248
12248
|
]);
|
|
12249
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
12249
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$y(_object_spread$D({
|
|
12250
12250
|
className: classes.root
|
|
12251
12251
|
}, addDataAttributes(data)), {
|
|
12252
|
-
children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$
|
|
12252
|
+
children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$D({
|
|
12253
12253
|
ref,
|
|
12254
12254
|
minDate,
|
|
12255
12255
|
maxDate,
|
|
@@ -12278,9 +12278,9 @@
|
|
|
12278
12278
|
preventOpenOnFocus,
|
|
12279
12279
|
shouldCloseOnSelect,
|
|
12280
12280
|
customInputRef,
|
|
12281
|
-
customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$
|
|
12281
|
+
customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$D({}, dateInputProps)),
|
|
12282
12282
|
renderCustomHeader: renderCustomHeader !== null && renderCustomHeader !== void 0 ? renderCustomHeader : function(baseProps) {
|
|
12283
|
-
return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$
|
|
12283
|
+
return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$y(_object_spread$D({}, baseProps), {
|
|
12284
12284
|
months
|
|
12285
12285
|
}));
|
|
12286
12286
|
},
|
|
@@ -12317,7 +12317,7 @@
|
|
|
12317
12317
|
}));
|
|
12318
12318
|
});
|
|
12319
12319
|
var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
|
|
12320
|
-
var useStyles$
|
|
12320
|
+
var useStyles$z = createThemedStyles("Description", {
|
|
12321
12321
|
root: {},
|
|
12322
12322
|
button: {
|
|
12323
12323
|
cursor: "pointer",
|
|
@@ -12358,7 +12358,7 @@
|
|
|
12358
12358
|
if (Array.isArray(arr))
|
|
12359
12359
|
return arr;
|
|
12360
12360
|
}
|
|
12361
|
-
function _define_property$
|
|
12361
|
+
function _define_property$D(obj, key, value) {
|
|
12362
12362
|
if (key in obj) {
|
|
12363
12363
|
Object.defineProperty(obj, key, {
|
|
12364
12364
|
value,
|
|
@@ -12402,7 +12402,7 @@
|
|
|
12402
12402
|
function _non_iterable_rest$j() {
|
|
12403
12403
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
12404
12404
|
}
|
|
12405
|
-
function _object_spread$
|
|
12405
|
+
function _object_spread$C(target) {
|
|
12406
12406
|
for (var i = 1; i < arguments.length; i++) {
|
|
12407
12407
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
12408
12408
|
var ownKeys2 = Object.keys(source);
|
|
@@ -12412,12 +12412,12 @@
|
|
|
12412
12412
|
}));
|
|
12413
12413
|
}
|
|
12414
12414
|
ownKeys2.forEach(function(key) {
|
|
12415
|
-
_define_property$
|
|
12415
|
+
_define_property$D(target, key, source[key]);
|
|
12416
12416
|
});
|
|
12417
12417
|
}
|
|
12418
12418
|
return target;
|
|
12419
12419
|
}
|
|
12420
|
-
function ownKeys$
|
|
12420
|
+
function ownKeys$x(object, enumerableOnly) {
|
|
12421
12421
|
var keys2 = Object.keys(object);
|
|
12422
12422
|
if (Object.getOwnPropertySymbols) {
|
|
12423
12423
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -12430,12 +12430,12 @@
|
|
|
12430
12430
|
}
|
|
12431
12431
|
return keys2;
|
|
12432
12432
|
}
|
|
12433
|
-
function _object_spread_props$
|
|
12433
|
+
function _object_spread_props$x(target, source) {
|
|
12434
12434
|
source = source != null ? source : {};
|
|
12435
12435
|
if (Object.getOwnPropertyDescriptors) {
|
|
12436
12436
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
12437
12437
|
} else {
|
|
12438
|
-
ownKeys$
|
|
12438
|
+
ownKeys$x(Object(source)).forEach(function(key) {
|
|
12439
12439
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
12440
12440
|
});
|
|
12441
12441
|
}
|
|
@@ -12459,7 +12459,7 @@
|
|
|
12459
12459
|
}
|
|
12460
12460
|
var Description = function(param) {
|
|
12461
12461
|
var text = param.text, moreTitle = param.moreTitle, lessTitle = param.lessTitle, _param_truncateIndex = param.truncateIndex, truncateIndex = _param_truncateIndex === void 0 ? 150 : _param_truncateIndex, _param_isAlwaysOpen = param.isAlwaysOpen, isAlwaysOpen = _param_isAlwaysOpen === void 0 ? true : _param_isAlwaysOpen, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
|
|
12462
|
-
var classes = useStyles$
|
|
12462
|
+
var classes = useStyles$z({
|
|
12463
12463
|
theme: tweakStyles
|
|
12464
12464
|
});
|
|
12465
12465
|
var isTooShort = text.length < truncateIndex;
|
|
@@ -12468,7 +12468,7 @@
|
|
|
12468
12468
|
var linkText = link && link[0];
|
|
12469
12469
|
var textWithNoLink = text.replace(LINK_REGEXP, "");
|
|
12470
12470
|
var shortText = text.slice(0, text.slice(0, truncateIndex).lastIndexOf(" "));
|
|
12471
|
-
return /* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
12471
|
+
return /* @__PURE__ */ jsxs("div", _object_spread_props$x(_object_spread$C({
|
|
12472
12472
|
className: classes.root
|
|
12473
12473
|
}, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
|
|
12474
12474
|
children: [
|
|
@@ -12715,7 +12715,7 @@
|
|
|
12715
12715
|
});
|
|
12716
12716
|
};
|
|
12717
12717
|
}
|
|
12718
|
-
function _define_property$
|
|
12718
|
+
function _define_property$C(obj, key, value) {
|
|
12719
12719
|
if (key in obj) {
|
|
12720
12720
|
Object.defineProperty(obj, key, {
|
|
12721
12721
|
value,
|
|
@@ -12759,7 +12759,7 @@
|
|
|
12759
12759
|
function _non_iterable_rest$i() {
|
|
12760
12760
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
12761
12761
|
}
|
|
12762
|
-
function _object_spread$
|
|
12762
|
+
function _object_spread$B(target) {
|
|
12763
12763
|
for (var i = 1; i < arguments.length; i++) {
|
|
12764
12764
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
12765
12765
|
var ownKeys2 = Object.keys(source);
|
|
@@ -12769,15 +12769,15 @@
|
|
|
12769
12769
|
}));
|
|
12770
12770
|
}
|
|
12771
12771
|
ownKeys2.forEach(function(key) {
|
|
12772
|
-
_define_property$
|
|
12772
|
+
_define_property$C(target, key, source[key]);
|
|
12773
12773
|
});
|
|
12774
12774
|
}
|
|
12775
12775
|
return target;
|
|
12776
12776
|
}
|
|
12777
|
-
function _object_without_properties$
|
|
12777
|
+
function _object_without_properties$8(source, excluded) {
|
|
12778
12778
|
if (source == null)
|
|
12779
12779
|
return {};
|
|
12780
|
-
var target = _object_without_properties_loose$
|
|
12780
|
+
var target = _object_without_properties_loose$8(source, excluded);
|
|
12781
12781
|
var key, i;
|
|
12782
12782
|
if (Object.getOwnPropertySymbols) {
|
|
12783
12783
|
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
@@ -12792,7 +12792,7 @@
|
|
|
12792
12792
|
}
|
|
12793
12793
|
return target;
|
|
12794
12794
|
}
|
|
12795
|
-
function _object_without_properties_loose$
|
|
12795
|
+
function _object_without_properties_loose$8(source, excluded) {
|
|
12796
12796
|
if (source == null)
|
|
12797
12797
|
return {};
|
|
12798
12798
|
var target = {};
|
|
@@ -12925,7 +12925,7 @@
|
|
|
12925
12925
|
}
|
|
12926
12926
|
}
|
|
12927
12927
|
var NumberInput = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
|
|
12928
|
-
var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, _param_canBeNegative = _param.canBeNegative, canBeNegative = _param_canBeNegative === void 0 ? false : _param_canBeNegative, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$
|
|
12928
|
+
var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, _param_canBeNegative = _param.canBeNegative, canBeNegative = _param_canBeNegative === void 0 ? false : _param_canBeNegative, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$8(_param, [
|
|
12929
12929
|
"value",
|
|
12930
12930
|
"canBeFloat",
|
|
12931
12931
|
"canBeNegative",
|
|
@@ -13028,7 +13028,7 @@
|
|
|
13028
13028
|
}, [
|
|
13029
13029
|
value
|
|
13030
13030
|
]);
|
|
13031
|
-
return /* @__PURE__ */ jsx(Input, _object_spread$
|
|
13031
|
+
return /* @__PURE__ */ jsx(Input, _object_spread$B({
|
|
13032
13032
|
value: showedValue,
|
|
13033
13033
|
onChange: handleChange,
|
|
13034
13034
|
onBlur: handleBlur,
|
|
@@ -13306,7 +13306,7 @@
|
|
|
13306
13306
|
return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
|
|
13307
13307
|
}
|
|
13308
13308
|
var FILTER_HEIGHT = 36;
|
|
13309
|
-
var useStyles$
|
|
13309
|
+
var useStyles$y = createThemedStyles("FiltersPane", {
|
|
13310
13310
|
root: {
|
|
13311
13311
|
display: "flex",
|
|
13312
13312
|
flexWrap: "wrap",
|
|
@@ -13371,7 +13371,7 @@
|
|
|
13371
13371
|
}
|
|
13372
13372
|
}
|
|
13373
13373
|
};
|
|
13374
|
-
var useStyles$
|
|
13374
|
+
var useStyles$x = createThemedStyles("FilterInterval", {
|
|
13375
13375
|
root: {
|
|
13376
13376
|
padding: 8,
|
|
13377
13377
|
background: colors.CLASSIC_WHITE
|
|
@@ -13414,7 +13414,7 @@
|
|
|
13414
13414
|
}
|
|
13415
13415
|
};
|
|
13416
13416
|
var clearButtonStyles$3 = cloneDeep(innerTextButtonStyles);
|
|
13417
|
-
function _define_property$
|
|
13417
|
+
function _define_property$B(obj, key, value) {
|
|
13418
13418
|
if (key in obj) {
|
|
13419
13419
|
Object.defineProperty(obj, key, {
|
|
13420
13420
|
value,
|
|
@@ -13427,7 +13427,7 @@
|
|
|
13427
13427
|
}
|
|
13428
13428
|
return obj;
|
|
13429
13429
|
}
|
|
13430
|
-
function _object_spread$
|
|
13430
|
+
function _object_spread$A(target) {
|
|
13431
13431
|
for (var i = 1; i < arguments.length; i++) {
|
|
13432
13432
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
13433
13433
|
var ownKeys2 = Object.keys(source);
|
|
@@ -13437,12 +13437,12 @@
|
|
|
13437
13437
|
}));
|
|
13438
13438
|
}
|
|
13439
13439
|
ownKeys2.forEach(function(key) {
|
|
13440
|
-
_define_property$
|
|
13440
|
+
_define_property$B(target, key, source[key]);
|
|
13441
13441
|
});
|
|
13442
13442
|
}
|
|
13443
13443
|
return target;
|
|
13444
13444
|
}
|
|
13445
|
-
function ownKeys$
|
|
13445
|
+
function ownKeys$w(object, enumerableOnly) {
|
|
13446
13446
|
var keys2 = Object.keys(object);
|
|
13447
13447
|
if (Object.getOwnPropertySymbols) {
|
|
13448
13448
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -13455,12 +13455,12 @@
|
|
|
13455
13455
|
}
|
|
13456
13456
|
return keys2;
|
|
13457
13457
|
}
|
|
13458
|
-
function _object_spread_props$
|
|
13458
|
+
function _object_spread_props$w(target, source) {
|
|
13459
13459
|
source = source != null ? source : {};
|
|
13460
13460
|
if (Object.getOwnPropertyDescriptors) {
|
|
13461
13461
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
13462
13462
|
} else {
|
|
13463
|
-
ownKeys$
|
|
13463
|
+
ownKeys$w(Object(source)).forEach(function(key) {
|
|
13464
13464
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
13465
13465
|
});
|
|
13466
13466
|
}
|
|
@@ -13468,7 +13468,7 @@
|
|
|
13468
13468
|
}
|
|
13469
13469
|
var FilterInterval = function(param) {
|
|
13470
13470
|
var data = param.data, tweakStyles = param.tweakStyles, value = param.value, labelName = param.labelName, withFieldNameInLabel = param.withFieldNameInLabel, localeKey = param.localeKey, locale2 = param.locale, canBeFloat = param.canBeFloat, onChange = param.onChange, fromInput = param.fromInput, toInput = param.toInput, testId = param.testId;
|
|
13471
|
-
var classes = useStyles$
|
|
13471
|
+
var classes = useStyles$x({
|
|
13472
13472
|
theme: tweakStyles
|
|
13473
13473
|
});
|
|
13474
13474
|
var translates = React.useMemo(function() {
|
|
@@ -13512,7 +13512,7 @@
|
|
|
13512
13512
|
className: "tweakClearButton",
|
|
13513
13513
|
currentComponentName: "FilterInterval"
|
|
13514
13514
|
});
|
|
13515
|
-
return /* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
13515
|
+
return /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$A({
|
|
13516
13516
|
className: classes.root
|
|
13517
13517
|
}, addDataAttributes(data)), {
|
|
13518
13518
|
children: [
|
|
@@ -13609,7 +13609,7 @@
|
|
|
13609
13609
|
var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
|
|
13610
13610
|
return merge$1({}, MultiSelectLocales[key], custom, custom2);
|
|
13611
13611
|
};
|
|
13612
|
-
function _define_property$
|
|
13612
|
+
function _define_property$A(obj, key, value) {
|
|
13613
13613
|
if (key in obj) {
|
|
13614
13614
|
Object.defineProperty(obj, key, {
|
|
13615
13615
|
value,
|
|
@@ -13622,7 +13622,7 @@
|
|
|
13622
13622
|
}
|
|
13623
13623
|
return obj;
|
|
13624
13624
|
}
|
|
13625
|
-
function _object_spread$
|
|
13625
|
+
function _object_spread$z(target) {
|
|
13626
13626
|
for (var i = 1; i < arguments.length; i++) {
|
|
13627
13627
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
13628
13628
|
var ownKeys2 = Object.keys(source);
|
|
@@ -13632,19 +13632,19 @@
|
|
|
13632
13632
|
}));
|
|
13633
13633
|
}
|
|
13634
13634
|
ownKeys2.forEach(function(key) {
|
|
13635
|
-
_define_property$
|
|
13635
|
+
_define_property$A(target, key, source[key]);
|
|
13636
13636
|
});
|
|
13637
13637
|
}
|
|
13638
13638
|
return target;
|
|
13639
13639
|
}
|
|
13640
13640
|
var ITEM_HEIGHT$1 = 40;
|
|
13641
13641
|
var TOP_GAP = 12;
|
|
13642
|
-
var useStyles$
|
|
13642
|
+
var useStyles$w = createThemedStyles("MultiSelectList", {
|
|
13643
13643
|
root: {
|
|
13644
13644
|
width: 220,
|
|
13645
13645
|
background: colors.CLASSIC_WHITE
|
|
13646
13646
|
},
|
|
13647
|
-
list: _object_spread$
|
|
13647
|
+
list: _object_spread$z({
|
|
13648
13648
|
paddingTop: TOP_GAP,
|
|
13649
13649
|
maxHeight: ITEM_HEIGHT$1 * 5 + TOP_GAP,
|
|
13650
13650
|
overscrollBehavior: "contain"
|
|
@@ -13801,7 +13801,7 @@
|
|
|
13801
13801
|
});
|
|
13802
13802
|
};
|
|
13803
13803
|
}
|
|
13804
|
-
function _define_property$
|
|
13804
|
+
function _define_property$z(obj, key, value) {
|
|
13805
13805
|
if (key in obj) {
|
|
13806
13806
|
Object.defineProperty(obj, key, {
|
|
13807
13807
|
value,
|
|
@@ -13852,7 +13852,7 @@
|
|
|
13852
13852
|
function _non_iterable_spread$5() {
|
|
13853
13853
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
13854
13854
|
}
|
|
13855
|
-
function _object_spread$
|
|
13855
|
+
function _object_spread$y(target) {
|
|
13856
13856
|
for (var i = 1; i < arguments.length; i++) {
|
|
13857
13857
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
13858
13858
|
var ownKeys2 = Object.keys(source);
|
|
@@ -13862,12 +13862,12 @@
|
|
|
13862
13862
|
}));
|
|
13863
13863
|
}
|
|
13864
13864
|
ownKeys2.forEach(function(key) {
|
|
13865
|
-
_define_property$
|
|
13865
|
+
_define_property$z(target, key, source[key]);
|
|
13866
13866
|
});
|
|
13867
13867
|
}
|
|
13868
13868
|
return target;
|
|
13869
13869
|
}
|
|
13870
|
-
function ownKeys$
|
|
13870
|
+
function ownKeys$v(object, enumerableOnly) {
|
|
13871
13871
|
var keys2 = Object.keys(object);
|
|
13872
13872
|
if (Object.getOwnPropertySymbols) {
|
|
13873
13873
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -13880,12 +13880,12 @@
|
|
|
13880
13880
|
}
|
|
13881
13881
|
return keys2;
|
|
13882
13882
|
}
|
|
13883
|
-
function _object_spread_props$
|
|
13883
|
+
function _object_spread_props$v(target, source) {
|
|
13884
13884
|
source = source != null ? source : {};
|
|
13885
13885
|
if (Object.getOwnPropertyDescriptors) {
|
|
13886
13886
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
13887
13887
|
} else {
|
|
13888
|
-
ownKeys$
|
|
13888
|
+
ownKeys$v(Object(source)).forEach(function(key) {
|
|
13889
13889
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
13890
13890
|
});
|
|
13891
13891
|
}
|
|
@@ -14015,7 +14015,7 @@
|
|
|
14015
14015
|
function MultiSelectList(param) {
|
|
14016
14016
|
var value = param.value, tweakStyles = param.tweakStyles, data = param.data, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_localeKey = param.localeKey, localeKey = _param_localeKey === void 0 ? DEFAULT_LOCALE : _param_localeKey, _param_locale = param.locale, locale2 = _param_locale === void 0 ? MultiSelectLocales[localeKey] : _param_locale, onChange = param.onChange, onClose = param.onClose, options = param.options, fetchOptions = param.fetchOptions, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? isSearchEnabled : _param_isGroupingEnabled, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction : _param_getValueString, _param_checkboxPosition = param.checkboxPosition, checkboxPosition = _param_checkboxPosition === void 0 ? "left" : _param_checkboxPosition, pageSize = param.pageSize, searchMaxLength = param.searchMaxLength, testId = param.testId;
|
|
14017
14017
|
var isMounted = useIsMounted();
|
|
14018
|
-
var classes = useStyles$
|
|
14018
|
+
var classes = useStyles$w({
|
|
14019
14019
|
theme: tweakStyles
|
|
14020
14020
|
});
|
|
14021
14021
|
var tweakCheckboxStyles = useTweakStyles({
|
|
@@ -14184,13 +14184,13 @@
|
|
|
14184
14184
|
if (value !== void 0) {
|
|
14185
14185
|
if (keyCursorOn < value.include.length) {
|
|
14186
14186
|
var _value_include_filter;
|
|
14187
|
-
onChange(_object_spread_props$
|
|
14187
|
+
onChange(_object_spread_props$v(_object_spread$y({}, value), {
|
|
14188
14188
|
include: (_value_include_filter = value.include.filter(function(val) {
|
|
14189
14189
|
return getValueId(val) !== getValueId(value.include[keyCursorOn]);
|
|
14190
14190
|
})) !== null && _value_include_filter !== void 0 ? _value_include_filter : []
|
|
14191
14191
|
}));
|
|
14192
14192
|
} else {
|
|
14193
|
-
onChange(_object_spread_props$
|
|
14193
|
+
onChange(_object_spread_props$v(_object_spread$y({}, value), {
|
|
14194
14194
|
include: _to_consumable_array$5(value.include).concat([
|
|
14195
14195
|
unchosenOptions[keyCursorOn - value.include.length]
|
|
14196
14196
|
])
|
|
@@ -14389,7 +14389,7 @@
|
|
|
14389
14389
|
var shouldShowAllOptionsLabel = isGroupingEnabled && unchosenOptions.length > 0 && chosenValues !== void 0 && chosenValues.length > 0;
|
|
14390
14390
|
var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
|
|
14391
14391
|
var shouldShowOptionsList = !isLoading && allOptions.length !== 0;
|
|
14392
|
-
return /* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
14392
|
+
return /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$y({
|
|
14393
14393
|
className: classes.root
|
|
14394
14394
|
}, addDataAttributes(data)), {
|
|
14395
14395
|
children: [
|
|
@@ -14493,7 +14493,7 @@
|
|
|
14493
14493
|
]
|
|
14494
14494
|
}));
|
|
14495
14495
|
}
|
|
14496
|
-
function _define_property$
|
|
14496
|
+
function _define_property$y(obj, key, value) {
|
|
14497
14497
|
if (key in obj) {
|
|
14498
14498
|
Object.defineProperty(obj, key, {
|
|
14499
14499
|
value,
|
|
@@ -14506,7 +14506,7 @@
|
|
|
14506
14506
|
}
|
|
14507
14507
|
return obj;
|
|
14508
14508
|
}
|
|
14509
|
-
function _object_spread$
|
|
14509
|
+
function _object_spread$x(target) {
|
|
14510
14510
|
for (var i = 1; i < arguments.length; i++) {
|
|
14511
14511
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
14512
14512
|
var ownKeys2 = Object.keys(source);
|
|
@@ -14516,15 +14516,15 @@
|
|
|
14516
14516
|
}));
|
|
14517
14517
|
}
|
|
14518
14518
|
ownKeys2.forEach(function(key) {
|
|
14519
|
-
_define_property$
|
|
14519
|
+
_define_property$y(target, key, source[key]);
|
|
14520
14520
|
});
|
|
14521
14521
|
}
|
|
14522
14522
|
return target;
|
|
14523
14523
|
}
|
|
14524
14524
|
function FilterMultiSelect(props) {
|
|
14525
|
-
return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$
|
|
14525
|
+
return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$x({}, props));
|
|
14526
14526
|
}
|
|
14527
|
-
function _define_property$
|
|
14527
|
+
function _define_property$x(obj, key, value) {
|
|
14528
14528
|
if (key in obj) {
|
|
14529
14529
|
Object.defineProperty(obj, key, {
|
|
14530
14530
|
value,
|
|
@@ -14537,7 +14537,7 @@
|
|
|
14537
14537
|
}
|
|
14538
14538
|
return obj;
|
|
14539
14539
|
}
|
|
14540
|
-
function _object_spread$
|
|
14540
|
+
function _object_spread$w(target) {
|
|
14541
14541
|
for (var i = 1; i < arguments.length; i++) {
|
|
14542
14542
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
14543
14543
|
var ownKeys2 = Object.keys(source);
|
|
@@ -14547,19 +14547,19 @@
|
|
|
14547
14547
|
}));
|
|
14548
14548
|
}
|
|
14549
14549
|
ownKeys2.forEach(function(key) {
|
|
14550
|
-
_define_property$
|
|
14550
|
+
_define_property$x(target, key, source[key]);
|
|
14551
14551
|
});
|
|
14552
14552
|
}
|
|
14553
14553
|
return target;
|
|
14554
14554
|
}
|
|
14555
14555
|
var ITEM_HEIGHT = 40;
|
|
14556
14556
|
var LIST_GAP = 12;
|
|
14557
|
-
var useStyles$
|
|
14557
|
+
var useStyles$v = createThemedStyles("FilterSelect", {
|
|
14558
14558
|
root: {
|
|
14559
14559
|
width: 220,
|
|
14560
14560
|
background: colors.CLASSIC_WHITE
|
|
14561
14561
|
},
|
|
14562
|
-
list: _object_spread$
|
|
14562
|
+
list: _object_spread$w({
|
|
14563
14563
|
paddingTop: LIST_GAP,
|
|
14564
14564
|
padding: [
|
|
14565
14565
|
LIST_GAP,
|
|
@@ -14731,7 +14731,7 @@
|
|
|
14731
14731
|
});
|
|
14732
14732
|
};
|
|
14733
14733
|
}
|
|
14734
|
-
function _define_property$
|
|
14734
|
+
function _define_property$w(obj, key, value) {
|
|
14735
14735
|
if (key in obj) {
|
|
14736
14736
|
Object.defineProperty(obj, key, {
|
|
14737
14737
|
value,
|
|
@@ -14782,7 +14782,7 @@
|
|
|
14782
14782
|
function _non_iterable_spread$4() {
|
|
14783
14783
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
14784
14784
|
}
|
|
14785
|
-
function _object_spread$
|
|
14785
|
+
function _object_spread$v(target) {
|
|
14786
14786
|
for (var i = 1; i < arguments.length; i++) {
|
|
14787
14787
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
14788
14788
|
var ownKeys2 = Object.keys(source);
|
|
@@ -14792,12 +14792,12 @@
|
|
|
14792
14792
|
}));
|
|
14793
14793
|
}
|
|
14794
14794
|
ownKeys2.forEach(function(key) {
|
|
14795
|
-
_define_property$
|
|
14795
|
+
_define_property$w(target, key, source[key]);
|
|
14796
14796
|
});
|
|
14797
14797
|
}
|
|
14798
14798
|
return target;
|
|
14799
14799
|
}
|
|
14800
|
-
function ownKeys$
|
|
14800
|
+
function ownKeys$u(object, enumerableOnly) {
|
|
14801
14801
|
var keys2 = Object.keys(object);
|
|
14802
14802
|
if (Object.getOwnPropertySymbols) {
|
|
14803
14803
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -14810,12 +14810,12 @@
|
|
|
14810
14810
|
}
|
|
14811
14811
|
return keys2;
|
|
14812
14812
|
}
|
|
14813
|
-
function _object_spread_props$
|
|
14813
|
+
function _object_spread_props$u(target, source) {
|
|
14814
14814
|
source = source != null ? source : {};
|
|
14815
14815
|
if (Object.getOwnPropertyDescriptors) {
|
|
14816
14816
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
14817
14817
|
} else {
|
|
14818
|
-
ownKeys$
|
|
14818
|
+
ownKeys$u(Object(source)).forEach(function(key) {
|
|
14819
14819
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
14820
14820
|
});
|
|
14821
14821
|
}
|
|
@@ -14944,7 +14944,7 @@
|
|
|
14944
14944
|
}
|
|
14945
14945
|
function FilterSelect(param) {
|
|
14946
14946
|
var data = param.data, tweakStyles = param.tweakStyles, value = param.value, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? false : _param_isGroupingEnabled, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, options = param.options, fetchOptions = param.fetchOptions, footer = param.footer, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction$1 : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction$1 : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction$1 : _param_getValueString, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId;
|
|
14947
|
-
var classes = useStyles$
|
|
14947
|
+
var classes = useStyles$v({
|
|
14948
14948
|
theme: tweakStyles
|
|
14949
14949
|
});
|
|
14950
14950
|
var tweakSearchInputStyles = useTweakStyles({
|
|
@@ -15215,7 +15215,7 @@
|
|
|
15215
15215
|
}();
|
|
15216
15216
|
doFetchOptions();
|
|
15217
15217
|
}, []);
|
|
15218
|
-
return /* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
15218
|
+
return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$v({
|
|
15219
15219
|
className: classes.root
|
|
15220
15220
|
}, addDataAttributes(data)), {
|
|
15221
15221
|
children: [
|
|
@@ -15315,7 +15315,7 @@
|
|
|
15315
15315
|
children: translates.nothingFound
|
|
15316
15316
|
}),
|
|
15317
15317
|
(hasClearButton || hasFooter) && /* @__PURE__ */ jsxs("div", {
|
|
15318
|
-
className: clsx(classes.panel, _define_property$
|
|
15318
|
+
className: clsx(classes.panel, _define_property$w({}, classes.panelWithFooter, hasFooter)),
|
|
15319
15319
|
children: [
|
|
15320
15320
|
hasFooter && /* @__PURE__ */ jsx("div", {
|
|
15321
15321
|
className: classes.footer,
|
|
@@ -16428,7 +16428,7 @@
|
|
|
16428
16428
|
}
|
|
16429
16429
|
};
|
|
16430
16430
|
const ru = locale;
|
|
16431
|
-
var useStyles$
|
|
16431
|
+
var useStyles$u = createThemedStyles("FilterWithDates", {
|
|
16432
16432
|
root: {
|
|
16433
16433
|
background: colors.CLASSIC_WHITE,
|
|
16434
16434
|
position: "relative",
|
|
@@ -16495,7 +16495,7 @@
|
|
|
16495
16495
|
if (Array.isArray(arr))
|
|
16496
16496
|
return arr;
|
|
16497
16497
|
}
|
|
16498
|
-
function _define_property$
|
|
16498
|
+
function _define_property$v(obj, key, value) {
|
|
16499
16499
|
if (key in obj) {
|
|
16500
16500
|
Object.defineProperty(obj, key, {
|
|
16501
16501
|
value,
|
|
@@ -16539,7 +16539,7 @@
|
|
|
16539
16539
|
function _non_iterable_rest$f() {
|
|
16540
16540
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
16541
16541
|
}
|
|
16542
|
-
function _object_spread$
|
|
16542
|
+
function _object_spread$u(target) {
|
|
16543
16543
|
for (var i = 1; i < arguments.length; i++) {
|
|
16544
16544
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
16545
16545
|
var ownKeys2 = Object.keys(source);
|
|
@@ -16549,12 +16549,12 @@
|
|
|
16549
16549
|
}));
|
|
16550
16550
|
}
|
|
16551
16551
|
ownKeys2.forEach(function(key) {
|
|
16552
|
-
_define_property$
|
|
16552
|
+
_define_property$v(target, key, source[key]);
|
|
16553
16553
|
});
|
|
16554
16554
|
}
|
|
16555
16555
|
return target;
|
|
16556
16556
|
}
|
|
16557
|
-
function ownKeys$
|
|
16557
|
+
function ownKeys$t(object, enumerableOnly) {
|
|
16558
16558
|
var keys2 = Object.keys(object);
|
|
16559
16559
|
if (Object.getOwnPropertySymbols) {
|
|
16560
16560
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -16567,12 +16567,12 @@
|
|
|
16567
16567
|
}
|
|
16568
16568
|
return keys2;
|
|
16569
16569
|
}
|
|
16570
|
-
function _object_spread_props$
|
|
16570
|
+
function _object_spread_props$t(target, source) {
|
|
16571
16571
|
source = source != null ? source : {};
|
|
16572
16572
|
if (Object.getOwnPropertyDescriptors) {
|
|
16573
16573
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
16574
16574
|
} else {
|
|
16575
|
-
ownKeys$
|
|
16575
|
+
ownKeys$t(Object(source)).forEach(function(key) {
|
|
16576
16576
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
16577
16577
|
});
|
|
16578
16578
|
}
|
|
@@ -16596,7 +16596,7 @@
|
|
|
16596
16596
|
}
|
|
16597
16597
|
var FilterWithDates = function(param) {
|
|
16598
16598
|
var value = param.value, onChange = param.onChange, localeKey = param.localeKey, locale2 = param.locale, onStartBtnSubmit = param.onStartBtnSubmit, onEndBtnSubmit = param.onEndBtnSubmit, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId, _param_startPickerProps = param.startPickerProps, startPickerProps = _param_startPickerProps === void 0 ? DEFAULT_PICKER_PROPS : _param_startPickerProps, _param_endPickerProps = param.endPickerProps, endPickerProps = _param_endPickerProps === void 0 ? DEFAULT_PICKER_PROPS : _param_endPickerProps, _param_isClearable = param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable;
|
|
16599
|
-
var classes = useStyles$
|
|
16599
|
+
var classes = useStyles$u({
|
|
16600
16600
|
theme: tweakStyles
|
|
16601
16601
|
});
|
|
16602
16602
|
var tweakClearButtonStyles = useTweakStyles({
|
|
@@ -16683,7 +16683,7 @@
|
|
|
16683
16683
|
}
|
|
16684
16684
|
};
|
|
16685
16685
|
var _ref;
|
|
16686
|
-
return /* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
16686
|
+
return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
|
|
16687
16687
|
className: classes.root
|
|
16688
16688
|
}, addDataAttributes(data)), {
|
|
16689
16689
|
children: [
|
|
@@ -16692,7 +16692,7 @@
|
|
|
16692
16692
|
children: [
|
|
16693
16693
|
/* @__PURE__ */ jsx("div", {
|
|
16694
16694
|
className: classes.containerItem,
|
|
16695
|
-
children: /* @__PURE__ */ jsx(DatePicker, _object_spread$
|
|
16695
|
+
children: /* @__PURE__ */ jsx(DatePicker, _object_spread$u({
|
|
16696
16696
|
selectedDate: value === null || value === void 0 ? void 0 : value.from,
|
|
16697
16697
|
maxDate: value === null || value === void 0 ? void 0 : value.to,
|
|
16698
16698
|
label: translates.from,
|
|
@@ -16707,7 +16707,7 @@
|
|
|
16707
16707
|
}),
|
|
16708
16708
|
/* @__PURE__ */ jsx("div", {
|
|
16709
16709
|
className: classes.containerItem,
|
|
16710
|
-
children: /* @__PURE__ */ jsx(DatePicker, _object_spread$
|
|
16710
|
+
children: /* @__PURE__ */ jsx(DatePicker, _object_spread$u({
|
|
16711
16711
|
selectedDate: value === null || value === void 0 ? void 0 : value.to,
|
|
16712
16712
|
label: translates.to,
|
|
16713
16713
|
months: translates.months,
|
|
@@ -16763,7 +16763,7 @@
|
|
|
16763
16763
|
]
|
|
16764
16764
|
}));
|
|
16765
16765
|
};
|
|
16766
|
-
var useStyles$
|
|
16766
|
+
var useStyles$t = createThemedStyles("FilterWithPeriod", {
|
|
16767
16767
|
root: {},
|
|
16768
16768
|
main: {},
|
|
16769
16769
|
picker: {}
|
|
@@ -16788,7 +16788,7 @@
|
|
|
16788
16788
|
if (Array.isArray(arr))
|
|
16789
16789
|
return _array_like_to_array$e(arr);
|
|
16790
16790
|
}
|
|
16791
|
-
function _define_property$
|
|
16791
|
+
function _define_property$u(obj, key, value) {
|
|
16792
16792
|
if (key in obj) {
|
|
16793
16793
|
Object.defineProperty(obj, key, {
|
|
16794
16794
|
value,
|
|
@@ -16839,7 +16839,7 @@
|
|
|
16839
16839
|
function _non_iterable_spread$3() {
|
|
16840
16840
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
16841
16841
|
}
|
|
16842
|
-
function _object_spread$
|
|
16842
|
+
function _object_spread$t(target) {
|
|
16843
16843
|
for (var i = 1; i < arguments.length; i++) {
|
|
16844
16844
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
16845
16845
|
var ownKeys2 = Object.keys(source);
|
|
@@ -16849,12 +16849,12 @@
|
|
|
16849
16849
|
}));
|
|
16850
16850
|
}
|
|
16851
16851
|
ownKeys2.forEach(function(key) {
|
|
16852
|
-
_define_property$
|
|
16852
|
+
_define_property$u(target, key, source[key]);
|
|
16853
16853
|
});
|
|
16854
16854
|
}
|
|
16855
16855
|
return target;
|
|
16856
16856
|
}
|
|
16857
|
-
function ownKeys$
|
|
16857
|
+
function ownKeys$s(object, enumerableOnly) {
|
|
16858
16858
|
var keys2 = Object.keys(object);
|
|
16859
16859
|
if (Object.getOwnPropertySymbols) {
|
|
16860
16860
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -16867,12 +16867,12 @@
|
|
|
16867
16867
|
}
|
|
16868
16868
|
return keys2;
|
|
16869
16869
|
}
|
|
16870
|
-
function _object_spread_props$
|
|
16870
|
+
function _object_spread_props$s(target, source) {
|
|
16871
16871
|
source = source != null ? source : {};
|
|
16872
16872
|
if (Object.getOwnPropertyDescriptors) {
|
|
16873
16873
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
16874
16874
|
} else {
|
|
16875
|
-
ownKeys$
|
|
16875
|
+
ownKeys$s(Object(source)).forEach(function(key) {
|
|
16876
16876
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
16877
16877
|
});
|
|
16878
16878
|
}
|
|
@@ -16899,7 +16899,7 @@
|
|
|
16899
16899
|
}
|
|
16900
16900
|
var FilterWithPeriod = function(param) {
|
|
16901
16901
|
var value = param.value, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, onClose = param.onClose, periods = param.periods, tweakStyles = param.tweakStyles, testId = param.testId;
|
|
16902
|
-
var classes = useStyles$
|
|
16902
|
+
var classes = useStyles$t({
|
|
16903
16903
|
theme: tweakStyles
|
|
16904
16904
|
});
|
|
16905
16905
|
var translates = React.useMemo(function() {
|
|
@@ -16912,7 +16912,7 @@
|
|
|
16912
16912
|
var _useState1 = _sliced_to_array$e(React.useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
|
|
16913
16913
|
var _useState2 = _sliced_to_array$e(React.useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
|
|
16914
16914
|
var periodGetters = React.useMemo(function() {
|
|
16915
|
-
var result = _object_spread$
|
|
16915
|
+
var result = _object_spread$t({}, PERIODS_GETTERS);
|
|
16916
16916
|
periods === null || periods === void 0 ? void 0 : periods.forEach(function(p) {
|
|
16917
16917
|
if (Array.isArray(p)) {
|
|
16918
16918
|
result[p[0]] = p[1];
|
|
@@ -16958,7 +16958,7 @@
|
|
|
16958
16958
|
if (onClose !== void 0) {
|
|
16959
16959
|
onClose();
|
|
16960
16960
|
}
|
|
16961
|
-
onChange(_object_spread_props$
|
|
16961
|
+
onChange(_object_spread_props$s(_object_spread$t({}, p), {
|
|
16962
16962
|
label: getPeriodTranslate(periodType)
|
|
16963
16963
|
}));
|
|
16964
16964
|
}
|
|
@@ -16978,7 +16978,7 @@
|
|
|
16978
16978
|
};
|
|
16979
16979
|
var handleCustomDateChange = function(val) {
|
|
16980
16980
|
if (val.from || val.to) {
|
|
16981
|
-
onChange(_object_spread_props$
|
|
16981
|
+
onChange(_object_spread_props$s(_object_spread$t({}, val), {
|
|
16982
16982
|
periodType: "CUSTOM"
|
|
16983
16983
|
}));
|
|
16984
16984
|
} else {
|
|
@@ -17061,7 +17061,7 @@
|
|
|
17061
17061
|
if (Array.isArray(arr))
|
|
17062
17062
|
return arr;
|
|
17063
17063
|
}
|
|
17064
|
-
function _define_property$
|
|
17064
|
+
function _define_property$t(obj, key, value) {
|
|
17065
17065
|
if (key in obj) {
|
|
17066
17066
|
Object.defineProperty(obj, key, {
|
|
17067
17067
|
value,
|
|
@@ -17105,7 +17105,7 @@
|
|
|
17105
17105
|
function _non_iterable_rest$d() {
|
|
17106
17106
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
17107
17107
|
}
|
|
17108
|
-
function _object_spread$
|
|
17108
|
+
function _object_spread$s(target) {
|
|
17109
17109
|
for (var i = 1; i < arguments.length; i++) {
|
|
17110
17110
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
17111
17111
|
var ownKeys2 = Object.keys(source);
|
|
@@ -17115,12 +17115,12 @@
|
|
|
17115
17115
|
}));
|
|
17116
17116
|
}
|
|
17117
17117
|
ownKeys2.forEach(function(key) {
|
|
17118
|
-
_define_property$
|
|
17118
|
+
_define_property$t(target, key, source[key]);
|
|
17119
17119
|
});
|
|
17120
17120
|
}
|
|
17121
17121
|
return target;
|
|
17122
17122
|
}
|
|
17123
|
-
function ownKeys$
|
|
17123
|
+
function ownKeys$r(object, enumerableOnly) {
|
|
17124
17124
|
var keys2 = Object.keys(object);
|
|
17125
17125
|
if (Object.getOwnPropertySymbols) {
|
|
17126
17126
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -17133,12 +17133,12 @@
|
|
|
17133
17133
|
}
|
|
17134
17134
|
return keys2;
|
|
17135
17135
|
}
|
|
17136
|
-
function _object_spread_props$
|
|
17136
|
+
function _object_spread_props$r(target, source) {
|
|
17137
17137
|
source = source != null ? source : {};
|
|
17138
17138
|
if (Object.getOwnPropertyDescriptors) {
|
|
17139
17139
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
17140
17140
|
} else {
|
|
17141
|
-
ownKeys$
|
|
17141
|
+
ownKeys$r(Object(source)).forEach(function(key) {
|
|
17142
17142
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
17143
17143
|
});
|
|
17144
17144
|
}
|
|
@@ -17196,7 +17196,7 @@
|
|
|
17196
17196
|
]);
|
|
17197
17197
|
var props = {
|
|
17198
17198
|
ref,
|
|
17199
|
-
className: clsx(classes[dropdownPosition], _define_property$
|
|
17199
|
+
className: clsx(classes[dropdownPosition], _define_property$t({}, classes.dropdown, !isInline))
|
|
17200
17200
|
};
|
|
17201
17201
|
var handleOnClose = function() {
|
|
17202
17202
|
if (onClose !== void 0) {
|
|
@@ -17205,8 +17205,8 @@
|
|
|
17205
17205
|
};
|
|
17206
17206
|
if (filter.type === "custom" && filter.component) {
|
|
17207
17207
|
var Component = filter.component;
|
|
17208
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
17209
|
-
children: /* @__PURE__ */ jsx(Component, _object_spread$
|
|
17208
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
|
|
17209
|
+
children: /* @__PURE__ */ jsx(Component, _object_spread$s({}, {
|
|
17210
17210
|
value,
|
|
17211
17211
|
onChange,
|
|
17212
17212
|
onClose,
|
|
@@ -17220,8 +17220,8 @@
|
|
|
17220
17220
|
console.warn("%cДля фильтра типа custom (".concat(filter.name, ") в конфиге обязательно нужно задать component"), "background: red; color: black");
|
|
17221
17221
|
}
|
|
17222
17222
|
if (filter.type === "select") {
|
|
17223
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
17224
|
-
children: /* @__PURE__ */ jsx(FilterSelect, _object_spread$
|
|
17223
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
|
|
17224
|
+
children: /* @__PURE__ */ jsx(FilterSelect, _object_spread$s({
|
|
17225
17225
|
onChange,
|
|
17226
17226
|
value,
|
|
17227
17227
|
localeKey: translatesLocaleKey,
|
|
@@ -17231,12 +17231,12 @@
|
|
|
17231
17231
|
}));
|
|
17232
17232
|
}
|
|
17233
17233
|
if (filter.type === "dateRange") {
|
|
17234
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
17235
|
-
children: /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$
|
|
17234
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
|
|
17235
|
+
children: /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$s({
|
|
17236
17236
|
localeKey: translatesLocaleKey,
|
|
17237
17237
|
locale: translates,
|
|
17238
17238
|
onChange,
|
|
17239
|
-
value: _object_spread$
|
|
17239
|
+
value: _object_spread$s({}, value),
|
|
17240
17240
|
onClose: handleOnClose,
|
|
17241
17241
|
testId: testId !== void 0 ? "".concat(testId, "-period") : void 0
|
|
17242
17242
|
}, filter))
|
|
@@ -17244,17 +17244,17 @@
|
|
|
17244
17244
|
}
|
|
17245
17245
|
if (filter.type === "dateRangeWithoutPeriod") {
|
|
17246
17246
|
var dateRangeValue = value;
|
|
17247
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
17247
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
|
|
17248
17248
|
style: {
|
|
17249
17249
|
width: 320
|
|
17250
17250
|
},
|
|
17251
|
-
children: /* @__PURE__ */ jsx(FilterWithDates, _object_spread$
|
|
17251
|
+
children: /* @__PURE__ */ jsx(FilterWithDates, _object_spread$s({
|
|
17252
17252
|
value: dateRangeValue,
|
|
17253
17253
|
onEndBtnSubmit: function() {
|
|
17254
17254
|
return onChange(void 0);
|
|
17255
17255
|
},
|
|
17256
17256
|
onChange: function(v) {
|
|
17257
|
-
return onChange(_object_spread_props$
|
|
17257
|
+
return onChange(_object_spread_props$r(_object_spread$s({}, v), {
|
|
17258
17258
|
periodType: "CUSTOM"
|
|
17259
17259
|
}));
|
|
17260
17260
|
},
|
|
@@ -17265,8 +17265,8 @@
|
|
|
17265
17265
|
}));
|
|
17266
17266
|
}
|
|
17267
17267
|
if (filter.type === "multiSelect") {
|
|
17268
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
17269
|
-
children: /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$
|
|
17268
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
|
|
17269
|
+
children: /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$s({
|
|
17270
17270
|
onChange,
|
|
17271
17271
|
onClose: handleOnClose,
|
|
17272
17272
|
value,
|
|
@@ -17277,8 +17277,8 @@
|
|
|
17277
17277
|
}));
|
|
17278
17278
|
}
|
|
17279
17279
|
if (filter.type === "interval") {
|
|
17280
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
17281
|
-
children: /* @__PURE__ */ jsx(FilterInterval, _object_spread$
|
|
17280
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
|
|
17281
|
+
children: /* @__PURE__ */ jsx(FilterInterval, _object_spread$s({
|
|
17282
17282
|
value,
|
|
17283
17283
|
labelName: filter.name,
|
|
17284
17284
|
localeKey: translatesLocaleKey,
|
|
@@ -17291,7 +17291,7 @@
|
|
|
17291
17291
|
console.warn("%cДля фильтра ".concat(filter.name, " не задан тип или component"), "background: red; color: black");
|
|
17292
17292
|
return null;
|
|
17293
17293
|
}
|
|
17294
|
-
var useStyles$
|
|
17294
|
+
var useStyles$s = createThemedStyles("FiltersPaneSearch", {
|
|
17295
17295
|
root: {
|
|
17296
17296
|
display: "flex",
|
|
17297
17297
|
position: "relative",
|
|
@@ -17400,7 +17400,7 @@
|
|
|
17400
17400
|
if (Array.isArray(arr))
|
|
17401
17401
|
return arr;
|
|
17402
17402
|
}
|
|
17403
|
-
function _define_property$
|
|
17403
|
+
function _define_property$s(obj, key, value) {
|
|
17404
17404
|
if (key in obj) {
|
|
17405
17405
|
Object.defineProperty(obj, key, {
|
|
17406
17406
|
value,
|
|
@@ -17444,7 +17444,7 @@
|
|
|
17444
17444
|
function _non_iterable_rest$c() {
|
|
17445
17445
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
17446
17446
|
}
|
|
17447
|
-
function _object_spread$
|
|
17447
|
+
function _object_spread$r(target) {
|
|
17448
17448
|
for (var i = 1; i < arguments.length; i++) {
|
|
17449
17449
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
17450
17450
|
var ownKeys2 = Object.keys(source);
|
|
@@ -17454,12 +17454,12 @@
|
|
|
17454
17454
|
}));
|
|
17455
17455
|
}
|
|
17456
17456
|
ownKeys2.forEach(function(key) {
|
|
17457
|
-
_define_property$
|
|
17457
|
+
_define_property$s(target, key, source[key]);
|
|
17458
17458
|
});
|
|
17459
17459
|
}
|
|
17460
17460
|
return target;
|
|
17461
17461
|
}
|
|
17462
|
-
function ownKeys$
|
|
17462
|
+
function ownKeys$q(object, enumerableOnly) {
|
|
17463
17463
|
var keys2 = Object.keys(object);
|
|
17464
17464
|
if (Object.getOwnPropertySymbols) {
|
|
17465
17465
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -17472,12 +17472,12 @@
|
|
|
17472
17472
|
}
|
|
17473
17473
|
return keys2;
|
|
17474
17474
|
}
|
|
17475
|
-
function _object_spread_props$
|
|
17475
|
+
function _object_spread_props$q(target, source) {
|
|
17476
17476
|
source = source != null ? source : {};
|
|
17477
17477
|
if (Object.getOwnPropertyDescriptors) {
|
|
17478
17478
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
17479
17479
|
} else {
|
|
17480
|
-
ownKeys$
|
|
17480
|
+
ownKeys$q(Object(source)).forEach(function(key) {
|
|
17481
17481
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
17482
17482
|
});
|
|
17483
17483
|
}
|
|
@@ -17501,7 +17501,7 @@
|
|
|
17501
17501
|
}
|
|
17502
17502
|
function FiltersPaneSearch(param) {
|
|
17503
17503
|
var value = param.value, _param_fields = param.fields, fields = _param_fields === void 0 ? [] : _param_fields, field = param.field, onChange = param.onChange, localeKey = param.localeKey, locale2 = param.locale, getValueId = param.getValueId, getValueView = param.getValueView, getValueString = param.getValueString, hasClearSelectButton = param.hasClearSelectButton, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isSelectSearchEnabled = param.isSelectSearchEnabled, isSelectSearchEnabled = _param_isSelectSearchEnabled === void 0 ? true : _param_isSelectSearchEnabled, _param_isAutoSizeable = param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? true : _param_isAutoSizeable, maxLength = param.maxLength, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId;
|
|
17504
|
-
var classes = useStyles$
|
|
17504
|
+
var classes = useStyles$s({
|
|
17505
17505
|
theme: tweakStyles
|
|
17506
17506
|
});
|
|
17507
17507
|
var tweakSearchInputStyles = useTweakStyles({
|
|
@@ -17547,8 +17547,8 @@
|
|
|
17547
17547
|
field
|
|
17548
17548
|
]);
|
|
17549
17549
|
var _obj;
|
|
17550
|
-
return /* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
17551
|
-
className: clsx(classes.root, (_obj = {}, _define_property$
|
|
17550
|
+
return /* @__PURE__ */ jsxs("div", _object_spread_props$q(_object_spread$r({
|
|
17551
|
+
className: clsx(classes.root, (_obj = {}, _define_property$s(_obj, classes.focused, isInputFocused), _define_property$s(_obj, classes.disabled, isDisabled), _obj)),
|
|
17552
17552
|
ref: refRoot,
|
|
17553
17553
|
"data-testid": testId
|
|
17554
17554
|
}, addDataAttributes(data)), {
|
|
@@ -17613,7 +17613,7 @@
|
|
|
17613
17613
|
]
|
|
17614
17614
|
}));
|
|
17615
17615
|
}
|
|
17616
|
-
var useStyles$
|
|
17616
|
+
var useStyles$r = createThemedStyles("FilterValueView", {
|
|
17617
17617
|
text: {
|
|
17618
17618
|
overflow: "hidden",
|
|
17619
17619
|
textOverflow: "ellipsis",
|
|
@@ -17632,7 +17632,7 @@
|
|
|
17632
17632
|
}
|
|
17633
17633
|
function FilterValueView(param) {
|
|
17634
17634
|
var locale2 = param.locale, localeKey = param.localeKey, filter = param.filter, value = param.value, tweakStyles = param.tweakStyles;
|
|
17635
|
-
var classes = useStyles$
|
|
17635
|
+
var classes = useStyles$r({
|
|
17636
17636
|
theme: tweakStyles
|
|
17637
17637
|
});
|
|
17638
17638
|
var _filter_localeKey;
|
|
@@ -17783,7 +17783,7 @@
|
|
|
17783
17783
|
children: displayValue(value)
|
|
17784
17784
|
});
|
|
17785
17785
|
}
|
|
17786
|
-
var useStyles$
|
|
17786
|
+
var useStyles$q = createThemedStyles("FilterWrapper", {
|
|
17787
17787
|
root: {
|
|
17788
17788
|
position: "relative",
|
|
17789
17789
|
transition: "0.25s ease-in-out",
|
|
@@ -17909,7 +17909,7 @@
|
|
|
17909
17909
|
if (Array.isArray(arr))
|
|
17910
17910
|
return arr;
|
|
17911
17911
|
}
|
|
17912
|
-
function _define_property$
|
|
17912
|
+
function _define_property$r(obj, key, value) {
|
|
17913
17913
|
if (key in obj) {
|
|
17914
17914
|
Object.defineProperty(obj, key, {
|
|
17915
17915
|
value,
|
|
@@ -17953,7 +17953,7 @@
|
|
|
17953
17953
|
function _non_iterable_rest$b() {
|
|
17954
17954
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
17955
17955
|
}
|
|
17956
|
-
function _object_spread$
|
|
17956
|
+
function _object_spread$q(target) {
|
|
17957
17957
|
for (var i = 1; i < arguments.length; i++) {
|
|
17958
17958
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
17959
17959
|
var ownKeys2 = Object.keys(source);
|
|
@@ -17963,12 +17963,12 @@
|
|
|
17963
17963
|
}));
|
|
17964
17964
|
}
|
|
17965
17965
|
ownKeys2.forEach(function(key) {
|
|
17966
|
-
_define_property$
|
|
17966
|
+
_define_property$r(target, key, source[key]);
|
|
17967
17967
|
});
|
|
17968
17968
|
}
|
|
17969
17969
|
return target;
|
|
17970
17970
|
}
|
|
17971
|
-
function ownKeys$
|
|
17971
|
+
function ownKeys$p(object, enumerableOnly) {
|
|
17972
17972
|
var keys2 = Object.keys(object);
|
|
17973
17973
|
if (Object.getOwnPropertySymbols) {
|
|
17974
17974
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -17981,12 +17981,12 @@
|
|
|
17981
17981
|
}
|
|
17982
17982
|
return keys2;
|
|
17983
17983
|
}
|
|
17984
|
-
function _object_spread_props$
|
|
17984
|
+
function _object_spread_props$p(target, source) {
|
|
17985
17985
|
source = source != null ? source : {};
|
|
17986
17986
|
if (Object.getOwnPropertyDescriptors) {
|
|
17987
17987
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
17988
17988
|
} else {
|
|
17989
|
-
ownKeys$
|
|
17989
|
+
ownKeys$p(Object(source)).forEach(function(key) {
|
|
17990
17990
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
17991
17991
|
});
|
|
17992
17992
|
}
|
|
@@ -18010,7 +18010,7 @@
|
|
|
18010
18010
|
}
|
|
18011
18011
|
function FilterWrapper(param) {
|
|
18012
18012
|
var filter = param.filter, value = param.value, isDisabled = param.isDisabled, locale2 = param.locale, localeKey = param.localeKey, data = param.data, testId = param.testId, filtersPaneRef = param.filtersPaneRef, tweakStyles = param.tweakStyles, onChange = param.onChange;
|
|
18013
|
-
var classes = useStyles$
|
|
18013
|
+
var classes = useStyles$q({
|
|
18014
18014
|
theme: tweakStyles
|
|
18015
18015
|
});
|
|
18016
18016
|
var tweakFilterValueViewStyles = useTweakStyles({
|
|
@@ -18050,14 +18050,14 @@
|
|
|
18050
18050
|
};
|
|
18051
18051
|
var isBoolean = filter.type === "boolean";
|
|
18052
18052
|
var _obj;
|
|
18053
|
-
return !filter.isInline ? /* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
18054
|
-
className: clsx(classes.root, (_obj = {}, _define_property$
|
|
18053
|
+
return !filter.isInline ? /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
|
|
18054
|
+
className: clsx(classes.root, (_obj = {}, _define_property$r(_obj, classes.noValue, !hasValue), _define_property$r(_obj, classes.openNoValue, isOpen && !hasValue), _define_property$r(_obj, classes.withValue, !isOpen && hasValue), _define_property$r(_obj, classes.openWithValue, isOpen && hasValue), _define_property$r(_obj, classes.boolean, isBoolean), _define_property$r(_obj, classes.disabled, isDisabled), _obj))
|
|
18055
18055
|
}, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
|
|
18056
18056
|
children: [
|
|
18057
18057
|
/* @__PURE__ */ jsxs("div", {
|
|
18058
18058
|
ref: refItem,
|
|
18059
18059
|
onClick: handleLabelClick,
|
|
18060
|
-
className: clsx(classes.item, _define_property$
|
|
18060
|
+
className: clsx(classes.item, _define_property$r({}, classes.booleanItem, isBoolean)),
|
|
18061
18061
|
children: [
|
|
18062
18062
|
/* @__PURE__ */ jsx("div", {
|
|
18063
18063
|
className: classes.name,
|
|
@@ -18119,7 +18119,7 @@
|
|
|
18119
18119
|
classes
|
|
18120
18120
|
});
|
|
18121
18121
|
}
|
|
18122
|
-
function _define_property$
|
|
18122
|
+
function _define_property$q(obj, key, value) {
|
|
18123
18123
|
if (key in obj) {
|
|
18124
18124
|
Object.defineProperty(obj, key, {
|
|
18125
18125
|
value,
|
|
@@ -18132,7 +18132,7 @@
|
|
|
18132
18132
|
}
|
|
18133
18133
|
return obj;
|
|
18134
18134
|
}
|
|
18135
|
-
function _object_spread$
|
|
18135
|
+
function _object_spread$p(target) {
|
|
18136
18136
|
for (var i = 1; i < arguments.length; i++) {
|
|
18137
18137
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
18138
18138
|
var ownKeys2 = Object.keys(source);
|
|
@@ -18142,12 +18142,12 @@
|
|
|
18142
18142
|
}));
|
|
18143
18143
|
}
|
|
18144
18144
|
ownKeys2.forEach(function(key) {
|
|
18145
|
-
_define_property$
|
|
18145
|
+
_define_property$q(target, key, source[key]);
|
|
18146
18146
|
});
|
|
18147
18147
|
}
|
|
18148
18148
|
return target;
|
|
18149
18149
|
}
|
|
18150
|
-
function ownKeys$
|
|
18150
|
+
function ownKeys$o(object, enumerableOnly) {
|
|
18151
18151
|
var keys2 = Object.keys(object);
|
|
18152
18152
|
if (Object.getOwnPropertySymbols) {
|
|
18153
18153
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -18160,12 +18160,12 @@
|
|
|
18160
18160
|
}
|
|
18161
18161
|
return keys2;
|
|
18162
18162
|
}
|
|
18163
|
-
function _object_spread_props$
|
|
18163
|
+
function _object_spread_props$o(target, source) {
|
|
18164
18164
|
source = source != null ? source : {};
|
|
18165
18165
|
if (Object.getOwnPropertyDescriptors) {
|
|
18166
18166
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
18167
18167
|
} else {
|
|
18168
|
-
ownKeys$
|
|
18168
|
+
ownKeys$o(Object(source)).forEach(function(key) {
|
|
18169
18169
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
18170
18170
|
});
|
|
18171
18171
|
}
|
|
@@ -18173,7 +18173,7 @@
|
|
|
18173
18173
|
}
|
|
18174
18174
|
function FiltersPane(param) {
|
|
18175
18175
|
var data = param.data, tweakStyles = param.tweakStyles, filtersConfig = param.filtersConfig, enabledFilters = param.enabledFilters, _param_values = param.values, values = _param_values === void 0 ? {} : _param_values, localeKey = param.localeKey, locale2 = param.locale, search = param.search, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear;
|
|
18176
|
-
var classes = useStyles$
|
|
18176
|
+
var classes = useStyles$y({
|
|
18177
18177
|
theme: tweakStyles
|
|
18178
18178
|
});
|
|
18179
18179
|
var tweakClearButtonStyles = useTweakStyles({
|
|
@@ -18216,12 +18216,12 @@
|
|
|
18216
18216
|
})
|
|
18217
18217
|
});
|
|
18218
18218
|
var _search_localeKey, _search_localeKey1, _search_isDisabled;
|
|
18219
|
-
return /* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
18219
|
+
return /* @__PURE__ */ jsxs("div", _object_spread_props$o(_object_spread$p({
|
|
18220
18220
|
className: classes.root,
|
|
18221
18221
|
ref
|
|
18222
18222
|
}, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
|
|
18223
18223
|
children: [
|
|
18224
|
-
onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
18224
|
+
onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$o(_object_spread$p({
|
|
18225
18225
|
className: classes.settings,
|
|
18226
18226
|
tabIndex: 0
|
|
18227
18227
|
}, trueReactPlatformHelpers.addDataTestId(testId, "settings-button")), {
|
|
@@ -18233,7 +18233,7 @@
|
|
|
18233
18233
|
})
|
|
18234
18234
|
})
|
|
18235
18235
|
})),
|
|
18236
|
-
search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$
|
|
18236
|
+
search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$o(_object_spread$p({}, search), {
|
|
18237
18237
|
locale: getLocale$1((_search_localeKey = search.localeKey) !== null && _search_localeKey !== void 0 ? _search_localeKey : localeKey, search.locale, locale2),
|
|
18238
18238
|
localeKey: (_search_localeKey1 = search.localeKey) !== null && _search_localeKey1 !== void 0 ? _search_localeKey1 : localeKey,
|
|
18239
18239
|
isDisabled: (_search_isDisabled = search.isDisabled) !== null && _search_isDisabled !== void 0 ? _search_isDisabled : isDisabled,
|
|
@@ -18256,7 +18256,7 @@
|
|
|
18256
18256
|
locale: locale2,
|
|
18257
18257
|
localeKey,
|
|
18258
18258
|
onChange: function(value) {
|
|
18259
|
-
return onChangeFilters(_object_spread_props$
|
|
18259
|
+
return onChangeFilters(_object_spread_props$o(_object_spread$p({}, values), _define_property$q({}, key, value)));
|
|
18260
18260
|
},
|
|
18261
18261
|
value: currentValue,
|
|
18262
18262
|
isDisabled: isDisabled || (filter === null || filter === void 0 ? void 0 : (_filter_requiredFilledFilters = filter.requiredFilledFilters) === null || _filter_requiredFilledFilters === void 0 ? void 0 : _filter_requiredFilledFilters.some(function(item) {
|
|
@@ -24386,7 +24386,7 @@
|
|
|
24386
24386
|
ZM,
|
|
24387
24387
|
ZW
|
|
24388
24388
|
};
|
|
24389
|
-
var useStyles$
|
|
24389
|
+
var useStyles$p = createThemedStyles("Flag", {
|
|
24390
24390
|
root: {
|
|
24391
24391
|
// приходится хардкодить в компоненте, тк либа Flags выдает флаги с 2-3 пиксельным отступом снизу
|
|
24392
24392
|
// если будет нужно, то можно вынести border на уровень пропсов
|
|
@@ -24404,7 +24404,7 @@
|
|
|
24404
24404
|
});
|
|
24405
24405
|
var Flag = function(param) {
|
|
24406
24406
|
var _param_countryCode = param.countryCode, countryCode = _param_countryCode === void 0 ? "" : _param_countryCode, tweakStyles = param.tweakStyles;
|
|
24407
|
-
var classes = useStyles$
|
|
24407
|
+
var classes = useStyles$p({
|
|
24408
24408
|
theme: tweakStyles
|
|
24409
24409
|
});
|
|
24410
24410
|
var CC2 = countryCode.toUpperCase();
|
|
@@ -24420,7 +24420,7 @@
|
|
|
24420
24420
|
className: classes.root
|
|
24421
24421
|
});
|
|
24422
24422
|
};
|
|
24423
|
-
var useStyles$
|
|
24423
|
+
var useStyles$o = createThemedStyles("Skeleton", {
|
|
24424
24424
|
root: {
|
|
24425
24425
|
display: "flex",
|
|
24426
24426
|
width: "100%",
|
|
@@ -24456,7 +24456,7 @@
|
|
|
24456
24456
|
});
|
|
24457
24457
|
var Skeleton = function(param) {
|
|
24458
24458
|
var height = param.height, tweakStyles = param.tweakStyles;
|
|
24459
|
-
var classes = useStyles$
|
|
24459
|
+
var classes = useStyles$o({
|
|
24460
24460
|
theme: tweakStyles
|
|
24461
24461
|
});
|
|
24462
24462
|
return /* @__PURE__ */ jsx("div", {
|
|
@@ -24482,7 +24482,7 @@
|
|
|
24482
24482
|
return _instanceof(value, Date) ? dateFns.format(value, (_config_dateFormat = config === null || config === void 0 ? void 0 : config.dateFormat) !== null && _config_dateFormat !== void 0 ? _config_dateFormat : DEFAULT_DATE_FORMAT) : String(value);
|
|
24483
24483
|
};
|
|
24484
24484
|
var STICKY_SHADOW_PADDING = 12;
|
|
24485
|
-
var useStyles$
|
|
24485
|
+
var useStyles$n = createThemedStyles("FlexibleTable", {
|
|
24486
24486
|
root: {
|
|
24487
24487
|
width: "100%",
|
|
24488
24488
|
position: "relative",
|
|
@@ -24572,7 +24572,7 @@
|
|
|
24572
24572
|
nothingFoundRow: {},
|
|
24573
24573
|
nothingFound: {}
|
|
24574
24574
|
});
|
|
24575
|
-
function _define_property$
|
|
24575
|
+
function _define_property$p(obj, key, value) {
|
|
24576
24576
|
if (key in obj) {
|
|
24577
24577
|
Object.defineProperty(obj, key, {
|
|
24578
24578
|
value,
|
|
@@ -24585,7 +24585,7 @@
|
|
|
24585
24585
|
}
|
|
24586
24586
|
return obj;
|
|
24587
24587
|
}
|
|
24588
|
-
function _object_spread$
|
|
24588
|
+
function _object_spread$o(target) {
|
|
24589
24589
|
for (var i = 1; i < arguments.length; i++) {
|
|
24590
24590
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
24591
24591
|
var ownKeys2 = Object.keys(source);
|
|
@@ -24595,12 +24595,12 @@
|
|
|
24595
24595
|
}));
|
|
24596
24596
|
}
|
|
24597
24597
|
ownKeys2.forEach(function(key) {
|
|
24598
|
-
_define_property$
|
|
24598
|
+
_define_property$p(target, key, source[key]);
|
|
24599
24599
|
});
|
|
24600
24600
|
}
|
|
24601
24601
|
return target;
|
|
24602
24602
|
}
|
|
24603
|
-
function ownKeys$
|
|
24603
|
+
function ownKeys$n(object, enumerableOnly) {
|
|
24604
24604
|
var keys2 = Object.keys(object);
|
|
24605
24605
|
if (Object.getOwnPropertySymbols) {
|
|
24606
24606
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -24613,18 +24613,18 @@
|
|
|
24613
24613
|
}
|
|
24614
24614
|
return keys2;
|
|
24615
24615
|
}
|
|
24616
|
-
function _object_spread_props$
|
|
24616
|
+
function _object_spread_props$n(target, source) {
|
|
24617
24617
|
source = source != null ? source : {};
|
|
24618
24618
|
if (Object.getOwnPropertyDescriptors) {
|
|
24619
24619
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
24620
24620
|
} else {
|
|
24621
|
-
ownKeys$
|
|
24621
|
+
ownKeys$n(Object(source)).forEach(function(key) {
|
|
24622
24622
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
24623
24623
|
});
|
|
24624
24624
|
}
|
|
24625
24625
|
return target;
|
|
24626
24626
|
}
|
|
24627
|
-
var useStyles$
|
|
24627
|
+
var useStyles$m = createThemedStyles("FlexibleTableCell", {
|
|
24628
24628
|
root: {
|
|
24629
24629
|
position: "relative",
|
|
24630
24630
|
boxSizing: "content-box",
|
|
@@ -24637,7 +24637,7 @@
|
|
|
24637
24637
|
zIndex: 5,
|
|
24638
24638
|
verticalAlign: "top"
|
|
24639
24639
|
},
|
|
24640
|
-
sticky: _object_spread_props$
|
|
24640
|
+
sticky: _object_spread_props$n(_object_spread$o({
|
|
24641
24641
|
zIndex: 19,
|
|
24642
24642
|
paddingLeft: 24,
|
|
24643
24643
|
paddingRight: 12
|
|
@@ -24656,7 +24656,7 @@
|
|
|
24656
24656
|
height: 21
|
|
24657
24657
|
}
|
|
24658
24658
|
});
|
|
24659
|
-
function _define_property$
|
|
24659
|
+
function _define_property$o(obj, key, value) {
|
|
24660
24660
|
if (key in obj) {
|
|
24661
24661
|
Object.defineProperty(obj, key, {
|
|
24662
24662
|
value,
|
|
@@ -24669,7 +24669,7 @@
|
|
|
24669
24669
|
}
|
|
24670
24670
|
return obj;
|
|
24671
24671
|
}
|
|
24672
|
-
function _object_spread$
|
|
24672
|
+
function _object_spread$n(target) {
|
|
24673
24673
|
for (var i = 1; i < arguments.length; i++) {
|
|
24674
24674
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
24675
24675
|
var ownKeys2 = Object.keys(source);
|
|
@@ -24679,12 +24679,12 @@
|
|
|
24679
24679
|
}));
|
|
24680
24680
|
}
|
|
24681
24681
|
ownKeys2.forEach(function(key) {
|
|
24682
|
-
_define_property$
|
|
24682
|
+
_define_property$o(target, key, source[key]);
|
|
24683
24683
|
});
|
|
24684
24684
|
}
|
|
24685
24685
|
return target;
|
|
24686
24686
|
}
|
|
24687
|
-
function ownKeys$
|
|
24687
|
+
function ownKeys$m(object, enumerableOnly) {
|
|
24688
24688
|
var keys2 = Object.keys(object);
|
|
24689
24689
|
if (Object.getOwnPropertySymbols) {
|
|
24690
24690
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -24697,21 +24697,21 @@
|
|
|
24697
24697
|
}
|
|
24698
24698
|
return keys2;
|
|
24699
24699
|
}
|
|
24700
|
-
function _object_spread_props$
|
|
24700
|
+
function _object_spread_props$m(target, source) {
|
|
24701
24701
|
source = source != null ? source : {};
|
|
24702
24702
|
if (Object.getOwnPropertyDescriptors) {
|
|
24703
24703
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
24704
24704
|
} else {
|
|
24705
|
-
ownKeys$
|
|
24705
|
+
ownKeys$m(Object(source)).forEach(function(key) {
|
|
24706
24706
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
24707
24707
|
});
|
|
24708
24708
|
}
|
|
24709
24709
|
return target;
|
|
24710
24710
|
}
|
|
24711
|
-
function _object_without_properties$
|
|
24711
|
+
function _object_without_properties$7(source, excluded) {
|
|
24712
24712
|
if (source == null)
|
|
24713
24713
|
return {};
|
|
24714
|
-
var target = _object_without_properties_loose$
|
|
24714
|
+
var target = _object_without_properties_loose$7(source, excluded);
|
|
24715
24715
|
var key, i;
|
|
24716
24716
|
if (Object.getOwnPropertySymbols) {
|
|
24717
24717
|
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
@@ -24726,7 +24726,7 @@
|
|
|
24726
24726
|
}
|
|
24727
24727
|
return target;
|
|
24728
24728
|
}
|
|
24729
|
-
function _object_without_properties_loose$
|
|
24729
|
+
function _object_without_properties_loose$7(source, excluded) {
|
|
24730
24730
|
if (source == null)
|
|
24731
24731
|
return {};
|
|
24732
24732
|
var target = {};
|
|
@@ -24741,7 +24741,7 @@
|
|
|
24741
24741
|
return target;
|
|
24742
24742
|
}
|
|
24743
24743
|
function FlexibleTableCell(_param) {
|
|
24744
|
-
var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isSticky = _param.isSticky, isLoading = _param.isLoading, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$
|
|
24744
|
+
var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isSticky = _param.isSticky, isLoading = _param.isLoading, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$7(_param, [
|
|
24745
24745
|
"row",
|
|
24746
24746
|
"columnName",
|
|
24747
24747
|
"config",
|
|
@@ -24751,7 +24751,7 @@
|
|
|
24751
24751
|
"isLoading",
|
|
24752
24752
|
"tweakStyles"
|
|
24753
24753
|
]);
|
|
24754
|
-
var classes = useStyles$
|
|
24754
|
+
var classes = useStyles$m({
|
|
24755
24755
|
theme: tweakStyles
|
|
24756
24756
|
});
|
|
24757
24757
|
var _config_columnName;
|
|
@@ -24760,7 +24760,7 @@
|
|
|
24760
24760
|
var TableCell = renderMode === "divs" ? "div" : "td";
|
|
24761
24761
|
var _obj;
|
|
24762
24762
|
return /* @__PURE__ */ jsx(TableCell, {
|
|
24763
|
-
className: clsx(classes.root, (_obj = {}, _define_property$
|
|
24763
|
+
className: clsx(classes.root, (_obj = {}, _define_property$o(_obj, classes.sticky, isSticky), _define_property$o(_obj, classes.second, isSecond), _define_property$o(_obj, classes.loading, isLoading), _obj)),
|
|
24764
24764
|
style: {
|
|
24765
24765
|
textAlign: cellAlign,
|
|
24766
24766
|
position: isSticky ? "sticky" : position,
|
|
@@ -24772,14 +24772,14 @@
|
|
|
24772
24772
|
className: classes.skeleton,
|
|
24773
24773
|
children: /* @__PURE__ */ jsx(Skeleton, {})
|
|
24774
24774
|
}) : trueReactPlatformHelpers.isNotEmpty(value) && /* @__PURE__ */ jsx(Fragment, {
|
|
24775
|
-
children: trueReactPlatformHelpers.isNotEmpty(component) ? component(_object_spread_props$
|
|
24775
|
+
children: trueReactPlatformHelpers.isNotEmpty(component) ? component(_object_spread_props$m(_object_spread$n({}, valueComponentProps), {
|
|
24776
24776
|
value,
|
|
24777
24777
|
row
|
|
24778
24778
|
})) : formatCellContent(value, config[columnName])
|
|
24779
24779
|
})
|
|
24780
24780
|
});
|
|
24781
24781
|
}
|
|
24782
|
-
var useStyles$
|
|
24782
|
+
var useStyles$l = createThemedStyles("FlexibleTableRow", {
|
|
24783
24783
|
root: {
|
|
24784
24784
|
position: "relative"
|
|
24785
24785
|
},
|
|
@@ -24803,7 +24803,7 @@
|
|
|
24803
24803
|
if (Array.isArray(arr))
|
|
24804
24804
|
return arr;
|
|
24805
24805
|
}
|
|
24806
|
-
function _define_property$
|
|
24806
|
+
function _define_property$n(obj, key, value) {
|
|
24807
24807
|
if (key in obj) {
|
|
24808
24808
|
Object.defineProperty(obj, key, {
|
|
24809
24809
|
value,
|
|
@@ -24847,7 +24847,7 @@
|
|
|
24847
24847
|
function _non_iterable_rest$a() {
|
|
24848
24848
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
24849
24849
|
}
|
|
24850
|
-
function _object_spread$
|
|
24850
|
+
function _object_spread$m(target) {
|
|
24851
24851
|
for (var i = 1; i < arguments.length; i++) {
|
|
24852
24852
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
24853
24853
|
var ownKeys2 = Object.keys(source);
|
|
@@ -24857,12 +24857,12 @@
|
|
|
24857
24857
|
}));
|
|
24858
24858
|
}
|
|
24859
24859
|
ownKeys2.forEach(function(key) {
|
|
24860
|
-
_define_property$
|
|
24860
|
+
_define_property$n(target, key, source[key]);
|
|
24861
24861
|
});
|
|
24862
24862
|
}
|
|
24863
24863
|
return target;
|
|
24864
24864
|
}
|
|
24865
|
-
function ownKeys$
|
|
24865
|
+
function ownKeys$l(object, enumerableOnly) {
|
|
24866
24866
|
var keys2 = Object.keys(object);
|
|
24867
24867
|
if (Object.getOwnPropertySymbols) {
|
|
24868
24868
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -24875,12 +24875,12 @@
|
|
|
24875
24875
|
}
|
|
24876
24876
|
return keys2;
|
|
24877
24877
|
}
|
|
24878
|
-
function _object_spread_props$
|
|
24878
|
+
function _object_spread_props$l(target, source) {
|
|
24879
24879
|
source = source != null ? source : {};
|
|
24880
24880
|
if (Object.getOwnPropertyDescriptors) {
|
|
24881
24881
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
24882
24882
|
} else {
|
|
24883
|
-
ownKeys$
|
|
24883
|
+
ownKeys$l(Object(source)).forEach(function(key) {
|
|
24884
24884
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
24885
24885
|
});
|
|
24886
24886
|
}
|
|
@@ -24904,7 +24904,7 @@
|
|
|
24904
24904
|
}
|
|
24905
24905
|
function FlexibleTableRowInner(param) {
|
|
24906
24906
|
var item = param.item, index = param.index, config = param.config, columns = param.columns, uniqueField = param.uniqueField, renderMode = param.renderMode, activeRows = param.activeRows, isFirstColumnSticky = param.isFirstColumnSticky, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, rowAttributes = param.rowAttributes, _param_isExpandableRowComponentInitiallyOpen = param.isExpandableRowComponentInitiallyOpen, isExpandableRowComponentInitiallyOpen = _param_isExpandableRowComponentInitiallyOpen === void 0 ? false : _param_isExpandableRowComponentInitiallyOpen, tweakStyles = param.tweakStyles, expandableRowComponent = param.expandableRowComponent, onRowHover = param.onRowHover, onRowClick = param.onRowClick;
|
|
24907
|
-
var classes = useStyles$
|
|
24907
|
+
var classes = useStyles$l({
|
|
24908
24908
|
theme: tweakStyles
|
|
24909
24909
|
});
|
|
24910
24910
|
var tweakTableCellStyles = useTweakStyles({
|
|
@@ -24933,7 +24933,7 @@
|
|
|
24933
24933
|
var isClickable = !isLoading && (trueReactPlatformHelpers.isNotEmpty(onRowClick) || trueReactPlatformHelpers.isNotEmpty(expandableRowComponent));
|
|
24934
24934
|
var isNestedComponentExpanded = nestedComponent.isOpen, nestedComponentCellKey = nestedComponent.cellKey;
|
|
24935
24935
|
var rowData = rowAttributes === null || rowAttributes === void 0 ? void 0 : rowAttributes.reduce(function(acc, cur) {
|
|
24936
|
-
return _object_spread_props$
|
|
24936
|
+
return _object_spread_props$l(_object_spread$m({}, acc), _define_property$n({}, cur, item[cur]));
|
|
24937
24937
|
}, {});
|
|
24938
24938
|
var handleMouseEnter = function(event) {
|
|
24939
24939
|
if (trueReactPlatformHelpers.isNotEmpty(uniqueField) && trueReactPlatformHelpers.isNotEmpty(onRowHover)) {
|
|
@@ -24981,13 +24981,13 @@
|
|
|
24981
24981
|
var _obj;
|
|
24982
24982
|
return /* @__PURE__ */ jsxs(Fragment, {
|
|
24983
24983
|
children: [
|
|
24984
|
-
/* @__PURE__ */ jsx(TableRow, _object_spread_props$
|
|
24985
|
-
className: clsx(classes.root, (_obj = {}, _define_property$
|
|
24984
|
+
/* @__PURE__ */ jsx(TableRow, _object_spread_props$l(_object_spread$m({
|
|
24985
|
+
className: clsx(classes.root, (_obj = {}, _define_property$n(_obj, classes.active, isActive), _define_property$n(_obj, classes.editable, isEditable), _define_property$n(_obj, classes.clickable, isClickable), _obj))
|
|
24986
24986
|
}, !isLoading && {
|
|
24987
24987
|
onClick: handleRowClick,
|
|
24988
24988
|
onMouseEnter: handleMouseEnter,
|
|
24989
24989
|
onMouseLeave: handleMouseLeave
|
|
24990
|
-
}, addDataAttributes(_object_spread_props$
|
|
24990
|
+
}, addDataAttributes(_object_spread_props$l(_object_spread$m({}, rowData), {
|
|
24991
24991
|
active: isActive ? true : void 0,
|
|
24992
24992
|
editable: isEditable ? true : void 0,
|
|
24993
24993
|
isExpandableComponentActive: isNestedComponentExpanded ? true : void 0
|
|
@@ -25023,7 +25023,7 @@
|
|
|
25023
25023
|
});
|
|
25024
25024
|
}
|
|
25025
25025
|
var FlexibleTableRow = /* @__PURE__ */ React.memo(FlexibleTableRowInner);
|
|
25026
|
-
function _define_property$
|
|
25026
|
+
function _define_property$m(obj, key, value) {
|
|
25027
25027
|
if (key in obj) {
|
|
25028
25028
|
Object.defineProperty(obj, key, {
|
|
25029
25029
|
value,
|
|
@@ -25036,7 +25036,7 @@
|
|
|
25036
25036
|
}
|
|
25037
25037
|
return obj;
|
|
25038
25038
|
}
|
|
25039
|
-
function _object_spread$
|
|
25039
|
+
function _object_spread$l(target) {
|
|
25040
25040
|
for (var i = 1; i < arguments.length; i++) {
|
|
25041
25041
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
25042
25042
|
var ownKeys2 = Object.keys(source);
|
|
@@ -25046,12 +25046,12 @@
|
|
|
25046
25046
|
}));
|
|
25047
25047
|
}
|
|
25048
25048
|
ownKeys2.forEach(function(key) {
|
|
25049
|
-
_define_property$
|
|
25049
|
+
_define_property$m(target, key, source[key]);
|
|
25050
25050
|
});
|
|
25051
25051
|
}
|
|
25052
25052
|
return target;
|
|
25053
25053
|
}
|
|
25054
|
-
function ownKeys$
|
|
25054
|
+
function ownKeys$k(object, enumerableOnly) {
|
|
25055
25055
|
var keys2 = Object.keys(object);
|
|
25056
25056
|
if (Object.getOwnPropertySymbols) {
|
|
25057
25057
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -25064,21 +25064,21 @@
|
|
|
25064
25064
|
}
|
|
25065
25065
|
return keys2;
|
|
25066
25066
|
}
|
|
25067
|
-
function _object_spread_props$
|
|
25067
|
+
function _object_spread_props$k(target, source) {
|
|
25068
25068
|
source = source != null ? source : {};
|
|
25069
25069
|
if (Object.getOwnPropertyDescriptors) {
|
|
25070
25070
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
25071
25071
|
} else {
|
|
25072
|
-
ownKeys$
|
|
25072
|
+
ownKeys$k(Object(source)).forEach(function(key) {
|
|
25073
25073
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
25074
25074
|
});
|
|
25075
25075
|
}
|
|
25076
25076
|
return target;
|
|
25077
25077
|
}
|
|
25078
|
-
function _object_without_properties$
|
|
25078
|
+
function _object_without_properties$6(source, excluded) {
|
|
25079
25079
|
if (source == null)
|
|
25080
25080
|
return {};
|
|
25081
|
-
var target = _object_without_properties_loose$
|
|
25081
|
+
var target = _object_without_properties_loose$6(source, excluded);
|
|
25082
25082
|
var key, i;
|
|
25083
25083
|
if (Object.getOwnPropertySymbols) {
|
|
25084
25084
|
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
@@ -25093,7 +25093,7 @@
|
|
|
25093
25093
|
}
|
|
25094
25094
|
return target;
|
|
25095
25095
|
}
|
|
25096
|
-
function _object_without_properties_loose$
|
|
25096
|
+
function _object_without_properties_loose$6(source, excluded) {
|
|
25097
25097
|
if (source == null)
|
|
25098
25098
|
return {};
|
|
25099
25099
|
var target = {};
|
|
@@ -25108,7 +25108,7 @@
|
|
|
25108
25108
|
return target;
|
|
25109
25109
|
}
|
|
25110
25110
|
function FlexibleTable(_param) {
|
|
25111
|
-
var content = _param.content, headerContent = _param.headerContent, config = _param.config, enabledColumns = _param.enabledColumns, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isHorizontallyScrollable = _param.isHorizontallyScrollable, isHorizontallyScrollable = _param_isHorizontallyScrollable === void 0 ? false : _param_isHorizontallyScrollable, infinityScrollConfig = _param.infinityScrollConfig, _param_renderMode = _param.renderMode, renderMode = _param_renderMode === void 0 ? "table" : _param_renderMode, refForScroll = _param.refForScroll, nothingFoundContent = _param.nothingFoundContent, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, onHeadClick = _param.onHeadClick, restProps = _object_without_properties$
|
|
25111
|
+
var content = _param.content, headerContent = _param.headerContent, config = _param.config, enabledColumns = _param.enabledColumns, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isHorizontallyScrollable = _param.isHorizontallyScrollable, isHorizontallyScrollable = _param_isHorizontallyScrollable === void 0 ? false : _param_isHorizontallyScrollable, infinityScrollConfig = _param.infinityScrollConfig, _param_renderMode = _param.renderMode, renderMode = _param_renderMode === void 0 ? "table" : _param_renderMode, refForScroll = _param.refForScroll, nothingFoundContent = _param.nothingFoundContent, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, onHeadClick = _param.onHeadClick, restProps = _object_without_properties$6(_param, [
|
|
25112
25112
|
"content",
|
|
25113
25113
|
"headerContent",
|
|
25114
25114
|
"config",
|
|
@@ -25124,7 +25124,7 @@
|
|
|
25124
25124
|
"tweakStyles",
|
|
25125
25125
|
"onHeadClick"
|
|
25126
25126
|
]);
|
|
25127
|
-
var classes = useStyles$
|
|
25127
|
+
var classes = useStyles$n({
|
|
25128
25128
|
theme: tweakStyles
|
|
25129
25129
|
});
|
|
25130
25130
|
var tweakTableRowStyles = useTweakStyles({
|
|
@@ -25142,7 +25142,7 @@
|
|
|
25142
25142
|
]);
|
|
25143
25143
|
var hasInfiniteScroll = trueReactPlatformHelpers.isNotEmpty(infinityScrollConfig);
|
|
25144
25144
|
var uniqueField = restProps.uniqueField, _restProps_isFirstColumnSticky = restProps.isFirstColumnSticky, isFirstColumnSticky = _restProps_isFirstColumnSticky === void 0 ? false : _restProps_isFirstColumnSticky;
|
|
25145
|
-
var tableRowProps = _object_spread_props$
|
|
25145
|
+
var tableRowProps = _object_spread_props$k(_object_spread$l({}, restProps), {
|
|
25146
25146
|
renderMode,
|
|
25147
25147
|
config,
|
|
25148
25148
|
columns,
|
|
@@ -25231,10 +25231,10 @@
|
|
|
25231
25231
|
var TableCell = renderMode === "divs" ? "div" : "td";
|
|
25232
25232
|
return /* @__PURE__ */ jsx("div", {
|
|
25233
25233
|
ref,
|
|
25234
|
-
className: clsx(_define_property$
|
|
25235
|
-
children: /* @__PURE__ */ jsxs(Table, _object_spread_props$
|
|
25234
|
+
className: clsx(_define_property$m({}, classes.scroll, isHorizontallyScrollable)),
|
|
25235
|
+
children: /* @__PURE__ */ jsxs(Table, _object_spread_props$k(_object_spread$l({
|
|
25236
25236
|
className: classes.root
|
|
25237
|
-
}, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$
|
|
25237
|
+
}, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$k(_object_spread$l({}, data), {
|
|
25238
25238
|
isLoading
|
|
25239
25239
|
}))), {
|
|
25240
25240
|
children: [
|
|
@@ -25248,7 +25248,7 @@
|
|
|
25248
25248
|
var _itemConfig_titleAlign, _itemConfig_title;
|
|
25249
25249
|
var _obj;
|
|
25250
25250
|
return /* @__PURE__ */ jsx(TableHeader, {
|
|
25251
|
-
className: clsx(classes.header, (_obj = {}, _define_property$
|
|
25251
|
+
className: clsx(classes.header, (_obj = {}, _define_property$m(_obj, classes.headerSticky, isFirstColumnSticky && i === 0), _define_property$m(_obj, classes.headerSecond, isFirstColumnSticky && i === 1), _obj)),
|
|
25252
25252
|
style: {
|
|
25253
25253
|
minWidth: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.minWidth,
|
|
25254
25254
|
width: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.width,
|
|
@@ -25268,7 +25268,7 @@
|
|
|
25268
25268
|
/* @__PURE__ */ jsx(TableBody, {
|
|
25269
25269
|
className: classes.body,
|
|
25270
25270
|
children: isLoading ? trueReactPlatformHelpers.indexMap(6, function(i) {
|
|
25271
|
-
return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$
|
|
25271
|
+
return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$k(_object_spread$l({}, tableRowProps), {
|
|
25272
25272
|
key: i,
|
|
25273
25273
|
item: {},
|
|
25274
25274
|
index: i
|
|
@@ -25284,7 +25284,7 @@
|
|
|
25284
25284
|
})
|
|
25285
25285
|
}),
|
|
25286
25286
|
content.map(function(item, i) {
|
|
25287
|
-
return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$
|
|
25287
|
+
return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$k(_object_spread$l({}, tableRowProps), {
|
|
25288
25288
|
key: trueReactPlatformHelpers.isNotEmpty(uniqueField) ? item[uniqueField] : i,
|
|
25289
25289
|
item,
|
|
25290
25290
|
index: i
|
|
@@ -25311,6 +25311,196 @@
|
|
|
25311
25311
|
}))
|
|
25312
25312
|
});
|
|
25313
25313
|
}
|
|
25314
|
+
var BUTTON_SIZE_S = 24;
|
|
25315
|
+
var BUTTON_SIZE_M = 32;
|
|
25316
|
+
var ICON_SIZE = 20;
|
|
25317
|
+
var useStyles$k = createThemedStyles("IconButton", {
|
|
25318
|
+
root: {
|
|
25319
|
+
display: "flex",
|
|
25320
|
+
justifyContent: "center",
|
|
25321
|
+
alignItems: "center",
|
|
25322
|
+
cursor: "pointer",
|
|
25323
|
+
outline: "none",
|
|
25324
|
+
boxSizing: "border-box",
|
|
25325
|
+
transition: "0.25s ease-in-out",
|
|
25326
|
+
transitionProperty: "background-color, color, border-color",
|
|
25327
|
+
border: "none",
|
|
25328
|
+
position: "relative",
|
|
25329
|
+
boxShadow: "none",
|
|
25330
|
+
borderRadius: "50%",
|
|
25331
|
+
background: "none",
|
|
25332
|
+
padding: 0,
|
|
25333
|
+
flexShrink: 0,
|
|
25334
|
+
"&:disabled": {
|
|
25335
|
+
extend: "disabled"
|
|
25336
|
+
},
|
|
25337
|
+
"&:active": {
|
|
25338
|
+
extend: "active"
|
|
25339
|
+
}
|
|
25340
|
+
},
|
|
25341
|
+
"cancel-light": {},
|
|
25342
|
+
cancel: {},
|
|
25343
|
+
main: {},
|
|
25344
|
+
custom: {},
|
|
25345
|
+
active: {},
|
|
25346
|
+
disabled: {
|
|
25347
|
+
cursor: "not-allowed",
|
|
25348
|
+
pointerEvents: "none"
|
|
25349
|
+
},
|
|
25350
|
+
loading: {
|
|
25351
|
+
"& $content": {
|
|
25352
|
+
visibility: "hidden"
|
|
25353
|
+
},
|
|
25354
|
+
"& $loader": {
|
|
25355
|
+
display: "block"
|
|
25356
|
+
}
|
|
25357
|
+
},
|
|
25358
|
+
icon: {
|
|
25359
|
+
display: "flex",
|
|
25360
|
+
alignItems: "center",
|
|
25361
|
+
width: ICON_SIZE,
|
|
25362
|
+
height: ICON_SIZE
|
|
25363
|
+
},
|
|
25364
|
+
loader: {
|
|
25365
|
+
display: "none",
|
|
25366
|
+
position: "absolute",
|
|
25367
|
+
left: "50%",
|
|
25368
|
+
top: "50%",
|
|
25369
|
+
transform: "translate(-50%, -50%)",
|
|
25370
|
+
width: ICON_SIZE,
|
|
25371
|
+
height: ICON_SIZE
|
|
25372
|
+
},
|
|
25373
|
+
s: {
|
|
25374
|
+
width: BUTTON_SIZE_S,
|
|
25375
|
+
height: BUTTON_SIZE_S
|
|
25376
|
+
},
|
|
25377
|
+
m: {
|
|
25378
|
+
width: BUTTON_SIZE_M,
|
|
25379
|
+
height: BUTTON_SIZE_M
|
|
25380
|
+
}
|
|
25381
|
+
});
|
|
25382
|
+
function _define_property$l(obj, key, value) {
|
|
25383
|
+
if (key in obj) {
|
|
25384
|
+
Object.defineProperty(obj, key, {
|
|
25385
|
+
value,
|
|
25386
|
+
enumerable: true,
|
|
25387
|
+
configurable: true,
|
|
25388
|
+
writable: true
|
|
25389
|
+
});
|
|
25390
|
+
} else {
|
|
25391
|
+
obj[key] = value;
|
|
25392
|
+
}
|
|
25393
|
+
return obj;
|
|
25394
|
+
}
|
|
25395
|
+
function _object_spread$k(target) {
|
|
25396
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
25397
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
25398
|
+
var ownKeys2 = Object.keys(source);
|
|
25399
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
25400
|
+
ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
25401
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
25402
|
+
}));
|
|
25403
|
+
}
|
|
25404
|
+
ownKeys2.forEach(function(key) {
|
|
25405
|
+
_define_property$l(target, key, source[key]);
|
|
25406
|
+
});
|
|
25407
|
+
}
|
|
25408
|
+
return target;
|
|
25409
|
+
}
|
|
25410
|
+
function ownKeys$j(object, enumerableOnly) {
|
|
25411
|
+
var keys2 = Object.keys(object);
|
|
25412
|
+
if (Object.getOwnPropertySymbols) {
|
|
25413
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
25414
|
+
if (enumerableOnly) {
|
|
25415
|
+
symbols = symbols.filter(function(sym) {
|
|
25416
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
25417
|
+
});
|
|
25418
|
+
}
|
|
25419
|
+
keys2.push.apply(keys2, symbols);
|
|
25420
|
+
}
|
|
25421
|
+
return keys2;
|
|
25422
|
+
}
|
|
25423
|
+
function _object_spread_props$j(target, source) {
|
|
25424
|
+
source = source != null ? source : {};
|
|
25425
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
25426
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
25427
|
+
} else {
|
|
25428
|
+
ownKeys$j(Object(source)).forEach(function(key) {
|
|
25429
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
25430
|
+
});
|
|
25431
|
+
}
|
|
25432
|
+
return target;
|
|
25433
|
+
}
|
|
25434
|
+
function _object_without_properties$5(source, excluded) {
|
|
25435
|
+
if (source == null)
|
|
25436
|
+
return {};
|
|
25437
|
+
var target = _object_without_properties_loose$5(source, excluded);
|
|
25438
|
+
var key, i;
|
|
25439
|
+
if (Object.getOwnPropertySymbols) {
|
|
25440
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
25441
|
+
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
25442
|
+
key = sourceSymbolKeys[i];
|
|
25443
|
+
if (excluded.indexOf(key) >= 0)
|
|
25444
|
+
continue;
|
|
25445
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key))
|
|
25446
|
+
continue;
|
|
25447
|
+
target[key] = source[key];
|
|
25448
|
+
}
|
|
25449
|
+
}
|
|
25450
|
+
return target;
|
|
25451
|
+
}
|
|
25452
|
+
function _object_without_properties_loose$5(source, excluded) {
|
|
25453
|
+
if (source == null)
|
|
25454
|
+
return {};
|
|
25455
|
+
var target = {};
|
|
25456
|
+
var sourceKeys = Object.keys(source);
|
|
25457
|
+
var key, i;
|
|
25458
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
25459
|
+
key = sourceKeys[i];
|
|
25460
|
+
if (excluded.indexOf(key) >= 0)
|
|
25461
|
+
continue;
|
|
25462
|
+
target[key] = source[key];
|
|
25463
|
+
}
|
|
25464
|
+
return target;
|
|
25465
|
+
}
|
|
25466
|
+
var IconButton = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
|
|
25467
|
+
var icon = _param.icon, _param_size = _param.size, size = _param_size === void 0 ? "m" : _param_size, _param_view = _param.view, view = _param_view === void 0 ? "cancel-light" : _param_view, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, testId = _param.testId, tweakStyles = _param.tweakStyles, data = _param.data, onClick = _param.onClick, restProps = _object_without_properties$5(_param, [
|
|
25468
|
+
"icon",
|
|
25469
|
+
"size",
|
|
25470
|
+
"view",
|
|
25471
|
+
"isDisabled",
|
|
25472
|
+
"isActive",
|
|
25473
|
+
"isLoading",
|
|
25474
|
+
"type",
|
|
25475
|
+
"testId",
|
|
25476
|
+
"tweakStyles",
|
|
25477
|
+
"data",
|
|
25478
|
+
"onClick"
|
|
25479
|
+
]);
|
|
25480
|
+
var classes = useStyles$k({
|
|
25481
|
+
theme: tweakStyles
|
|
25482
|
+
});
|
|
25483
|
+
var hasNoAction = isDisabled || isLoading;
|
|
25484
|
+
var _obj;
|
|
25485
|
+
return /* @__PURE__ */ jsx("button", _object_spread_props$j(_object_spread$k({
|
|
25486
|
+
ref,
|
|
25487
|
+
className: clsx(classes.root, classes[view], classes[size], (_obj = {}, _define_property$l(_obj, classes.disabled, isDisabled), _define_property$l(_obj, classes.active, isActive), _define_property$l(_obj, classes.loading, isLoading), _obj)),
|
|
25488
|
+
type,
|
|
25489
|
+
disabled: isDisabled,
|
|
25490
|
+
onClick: hasNoAction ? void 0 : onClick
|
|
25491
|
+
}, restProps, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
|
|
25492
|
+
children: isLoading ? /* @__PURE__ */ jsx("span", {
|
|
25493
|
+
className: classes.loader,
|
|
25494
|
+
children: /* @__PURE__ */ jsx(ThemedPreloader, {
|
|
25495
|
+
type: "default",
|
|
25496
|
+
useCurrentColor: true
|
|
25497
|
+
})
|
|
25498
|
+
}) : /* @__PURE__ */ jsx("span", {
|
|
25499
|
+
className: classes.icon,
|
|
25500
|
+
children: renderIcon(icon)
|
|
25501
|
+
})
|
|
25502
|
+
}));
|
|
25503
|
+
});
|
|
25314
25504
|
var BUTTONS_WIDTH = 36;
|
|
25315
25505
|
var BUTTONS_GAP = 2;
|
|
25316
25506
|
var useStyles$j = createThemedStyles("IncrementInput", {
|
|
@@ -25544,6 +25734,8 @@
|
|
|
25544
25734
|
var MODAL_HORIZONTAL_PADDING_L = 40;
|
|
25545
25735
|
var MODAL_HORIZONTAL_PADDING_M = 36;
|
|
25546
25736
|
var MODAL_HORIZONTAL_PADDING_S = 26;
|
|
25737
|
+
var MODAL_CLOSE_BUTTON_SIZE = 40;
|
|
25738
|
+
var MODAL_CLOSE_BUTTON_ICON_SIZE = 30;
|
|
25547
25739
|
var useStyles$i = createThemedStyles("Modal", {
|
|
25548
25740
|
root: {},
|
|
25549
25741
|
fixedPosition: {
|
|
@@ -25802,6 +25994,16 @@
|
|
|
25802
25994
|
extend: "animationEnd"
|
|
25803
25995
|
}
|
|
25804
25996
|
});
|
|
25997
|
+
var closeButtonStyles = {
|
|
25998
|
+
m: {
|
|
25999
|
+
width: MODAL_CLOSE_BUTTON_SIZE,
|
|
26000
|
+
height: MODAL_CLOSE_BUTTON_SIZE
|
|
26001
|
+
},
|
|
26002
|
+
icon: {
|
|
26003
|
+
width: MODAL_CLOSE_BUTTON_ICON_SIZE,
|
|
26004
|
+
height: MODAL_CLOSE_BUTTON_ICON_SIZE
|
|
26005
|
+
}
|
|
26006
|
+
};
|
|
25805
26007
|
function _array_like_to_array$9(arr, len) {
|
|
25806
26008
|
if (len == null || len > arr.length)
|
|
25807
26009
|
len = arr.length;
|
|
@@ -25971,6 +26173,7 @@
|
|
|
25971
26173
|
theme: tweakStyles
|
|
25972
26174
|
});
|
|
25973
26175
|
var tweakCloseButtonStyles = useTweakStyles({
|
|
26176
|
+
innerStyles: closeButtonStyles,
|
|
25974
26177
|
tweakStyles,
|
|
25975
26178
|
className: "tweakCloseButton",
|
|
25976
26179
|
currentComponentName: "Modal"
|
|
@@ -26050,10 +26253,12 @@
|
|
|
26050
26253
|
children: [
|
|
26051
26254
|
hasCloseButton && /* @__PURE__ */ jsx("div", {
|
|
26052
26255
|
className: classes.close,
|
|
26053
|
-
children: /* @__PURE__ */ jsx(
|
|
26256
|
+
children: /* @__PURE__ */ jsx(IconButton, {
|
|
26054
26257
|
testId: trueReactPlatformHelpers.getTestId(testId, "close-button"),
|
|
26055
26258
|
tweakStyles: tweakCloseButtonStyles,
|
|
26056
|
-
|
|
26259
|
+
view: "cancel-light",
|
|
26260
|
+
icon: "close",
|
|
26261
|
+
onClick: onClose
|
|
26057
26262
|
})
|
|
26058
26263
|
}),
|
|
26059
26264
|
trueReactPlatformHelpers.isReactNodeNotEmpty(title) && /* @__PURE__ */ jsx("h3", {
|
|
@@ -29094,7 +29299,7 @@
|
|
|
29094
29299
|
}
|
|
29095
29300
|
return target;
|
|
29096
29301
|
}
|
|
29097
|
-
var TextButton = function(_param) {
|
|
29302
|
+
var TextButton = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
|
|
29098
29303
|
var children = _param.children, icon = _param.icon, _param_view = _param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isBold = _param.isBold, isBold = _param_isBold === void 0 ? false : _param_isBold, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_hasCircleUnderIcon = _param.hasCircleUnderIcon, hasCircleUnderIcon = _param_hasCircleUnderIcon === void 0 ? false : _param_hasCircleUnderIcon, _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, _param_iconPosition = _param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = _param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, testId = _param.testId, tweakStyles = _param.tweakStyles, data = _param.data, onClick = _param.onClick, restProps = _object_without_properties(_param, [
|
|
29099
29304
|
"children",
|
|
29100
29305
|
"icon",
|
|
@@ -29125,10 +29330,11 @@
|
|
|
29125
29330
|
var hasNoAction = isDisabled || isLoading;
|
|
29126
29331
|
var _obj;
|
|
29127
29332
|
return /* @__PURE__ */ jsxs("button", _object_spread_props$6(_object_spread$6({
|
|
29333
|
+
ref,
|
|
29334
|
+
type,
|
|
29128
29335
|
className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$6(_obj, classes.bold, isBold), _define_property$6(_obj, classes.loading, isLoading), _define_property$6(_obj, classes.active, isActive), _define_property$6(_obj, classes.disabled, isDisabled), _obj)),
|
|
29129
|
-
onClick: !hasNoAction ? onClick : void 0,
|
|
29130
29336
|
disabled: hasNoAction,
|
|
29131
|
-
|
|
29337
|
+
onClick: !hasNoAction ? onClick : void 0
|
|
29132
29338
|
}, restProps, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
|
|
29133
29339
|
children: [
|
|
29134
29340
|
/* @__PURE__ */ jsxs("span", {
|
|
@@ -29154,7 +29360,7 @@
|
|
|
29154
29360
|
})
|
|
29155
29361
|
]
|
|
29156
29362
|
}));
|
|
29157
|
-
};
|
|
29363
|
+
});
|
|
29158
29364
|
var useStyles$5 = createThemedStyles("Tooltip", {
|
|
29159
29365
|
root: {
|
|
29160
29366
|
display: "inline-block",
|
|
@@ -29929,10 +30135,11 @@
|
|
|
29929
30135
|
}),
|
|
29930
30136
|
hasCloseButton && trueReactPlatformHelpers.isNotEmpty(onClose) && /* @__PURE__ */ jsx("div", {
|
|
29931
30137
|
className: classes.close,
|
|
29932
|
-
children: /* @__PURE__ */ jsx(
|
|
29933
|
-
|
|
29934
|
-
|
|
29935
|
-
tweakStyles: tweakCloseButtonStyles
|
|
30138
|
+
children: /* @__PURE__ */ jsx(IconButton, {
|
|
30139
|
+
view: "cancel-light",
|
|
30140
|
+
icon: "close-window",
|
|
30141
|
+
tweakStyles: tweakCloseButtonStyles,
|
|
30142
|
+
onClick: onClose
|
|
29936
30143
|
})
|
|
29937
30144
|
})
|
|
29938
30145
|
]
|
|
@@ -30305,6 +30512,7 @@
|
|
|
30305
30512
|
exports2.Flag = Flag;
|
|
30306
30513
|
exports2.FlexibleTable = FlexibleTable;
|
|
30307
30514
|
exports2.Icon = Icon;
|
|
30515
|
+
exports2.IconButton = IconButton;
|
|
30308
30516
|
exports2.IncrementInput = IncrementInput;
|
|
30309
30517
|
exports2.Input = Input;
|
|
30310
30518
|
exports2.List = List;
|