@epam/uui 6.1.2 → 6.1.3-beta.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/index.esm.js +102 -102
- package/index.esm.js.map +1 -1
- package/index.js +102 -102
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +1 -1
- package/styles.css +998 -998
- package/styles.css.map +1 -1
package/index.esm.js
CHANGED
|
@@ -151,7 +151,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
151
151
|
xmlns: "http://www.w3.org/2000/svg",
|
|
152
152
|
ref: ref
|
|
153
153
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
154
|
-
clipPath: "url(#
|
|
154
|
+
clipPath: "url(#gcbov4gpdg9uw674_a)"
|
|
155
155
|
}, _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
|
|
156
156
|
d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
|
|
157
157
|
fill: "#F5F6FA"
|
|
@@ -172,7 +172,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
172
172
|
d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
|
|
173
173
|
fill: "#1D1E26"
|
|
174
174
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
175
|
-
id: "
|
|
175
|
+
id: "gcbov4gq61yp48w6_b",
|
|
176
176
|
style: {
|
|
177
177
|
maskType: "alpha"
|
|
178
178
|
},
|
|
@@ -185,7 +185,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
185
185
|
d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
|
|
186
186
|
fill: "#9BDEFF"
|
|
187
187
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
188
|
-
mask: "url(#
|
|
188
|
+
mask: "url(#gcbov4gq61yp48w6_b)",
|
|
189
189
|
fillRule: "evenodd",
|
|
190
190
|
clipRule: "evenodd"
|
|
191
191
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -271,7 +271,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
271
271
|
d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
|
|
272
272
|
fill: "#fff"
|
|
273
273
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
274
|
-
id: "
|
|
274
|
+
id: "gcbov4gpdg9uw674_a"
|
|
275
275
|
}, /*#__PURE__*/React.createElement("path", {
|
|
276
276
|
fill: "#fff",
|
|
277
277
|
transform: "translate(.552)",
|
|
@@ -922,14 +922,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
922
922
|
};
|
|
923
923
|
var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
924
924
|
|
|
925
|
-
var css$1w = {"root":"
|
|
925
|
+
var css$1w = {"root":"_74smRk","uui-spinner":"ZWx2df","uuiSpinner":"ZWx2df"};
|
|
926
926
|
|
|
927
927
|
function applySpinnerMods() {
|
|
928
928
|
return [css$1w.root, 'uui-spinner'];
|
|
929
929
|
}
|
|
930
930
|
const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
|
|
931
931
|
|
|
932
|
-
var css$1v = {"root":"
|
|
932
|
+
var css$1v = {"root":"yj-AVg","loading-word":"rpSNhi","loadingWord":"rpSNhi","animated-loading":"OCiiPG","animatedLoading":"OCiiPG","skeleton_loading":"P7wKgI","skeletonLoading":"P7wKgI"};
|
|
933
933
|
|
|
934
934
|
const TextPlaceholder = (props) => {
|
|
935
935
|
const pattern = ' ';
|
|
@@ -946,7 +946,7 @@ const TextPlaceholder = (props) => {
|
|
|
946
946
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
947
947
|
};
|
|
948
948
|
|
|
949
|
-
var css$1u = {"root":"
|
|
949
|
+
var css$1u = {"root":"h5RlEb","line-height":"YnS-Dz","lineHeight":"YnS-Dz","font-size":"T-kqRp","fontSize":"T-kqRp"};
|
|
950
950
|
|
|
951
951
|
function applyTextMods(mods) {
|
|
952
952
|
return [
|
|
@@ -973,7 +973,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
|
|
|
973
973
|
};
|
|
974
974
|
});
|
|
975
975
|
|
|
976
|
-
var css$1t = {"root":"
|
|
976
|
+
var css$1t = {"root":"_4YEchl"};
|
|
977
977
|
|
|
978
978
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
979
979
|
|
|
@@ -1461,7 +1461,7 @@ const settings = {
|
|
|
1461
1461
|
textInput: textInputSettings,
|
|
1462
1462
|
};
|
|
1463
1463
|
|
|
1464
|
-
var css$1s = {"root":"
|
|
1464
|
+
var css$1s = {"root":"kqRe7r"};
|
|
1465
1465
|
|
|
1466
1466
|
function applyButtonMods(mods) {
|
|
1467
1467
|
return [
|
|
@@ -1479,7 +1479,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
1479
1479
|
};
|
|
1480
1480
|
});
|
|
1481
1481
|
|
|
1482
|
-
var css$1r = {"root":"
|
|
1482
|
+
var css$1r = {"root":"YFEVte"};
|
|
1483
1483
|
|
|
1484
1484
|
function applyIconButtonMods(props) {
|
|
1485
1485
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -1516,7 +1516,7 @@ function getIconClass(props) {
|
|
|
1516
1516
|
return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
|
|
1517
1517
|
}
|
|
1518
1518
|
|
|
1519
|
-
var css$1q = {"root":"
|
|
1519
|
+
var css$1q = {"root":"_6Sx7Pb"};
|
|
1520
1520
|
|
|
1521
1521
|
const DEFAULT_COLOR = 'primary';
|
|
1522
1522
|
const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -1546,7 +1546,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1546
1546
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1547
1547
|
});
|
|
1548
1548
|
|
|
1549
|
-
var css$1p = {"root":"
|
|
1549
|
+
var css$1p = {"root":"BK0S9k"};
|
|
1550
1550
|
|
|
1551
1551
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1552
1552
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1558,7 +1558,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1558
1558
|
]) }, props.caption));
|
|
1559
1559
|
});
|
|
1560
1560
|
|
|
1561
|
-
var css$1o = {"root":"
|
|
1561
|
+
var css$1o = {"root":"lG-kV9","withNotify":"sZggrz"};
|
|
1562
1562
|
|
|
1563
1563
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
1564
1564
|
const styles = [
|
|
@@ -1586,14 +1586,14 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1586
1586
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1587
1587
|
});
|
|
1588
1588
|
|
|
1589
|
-
var css$1n = {"root":"
|
|
1589
|
+
var css$1n = {"root":"AVCGC8"};
|
|
1590
1590
|
|
|
1591
1591
|
function applyVerticalTabButtonMods() {
|
|
1592
1592
|
return [css$1n.root, 'uui-vertical-tab-button'];
|
|
1593
1593
|
}
|
|
1594
1594
|
const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
|
|
1595
1595
|
|
|
1596
|
-
var css$1m = {"root":"
|
|
1596
|
+
var css$1m = {"root":"p1Qpj2"};
|
|
1597
1597
|
|
|
1598
1598
|
function applyCheckboxMods(mods) {
|
|
1599
1599
|
return [
|
|
@@ -1611,7 +1611,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1611
1611
|
};
|
|
1612
1612
|
const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1613
1613
|
|
|
1614
|
-
var css$1l = {"root":"
|
|
1614
|
+
var css$1l = {"root":"pXvnwV"};
|
|
1615
1615
|
|
|
1616
1616
|
function applyRadioInputMods(mods) {
|
|
1617
1617
|
return [
|
|
@@ -1623,7 +1623,7 @@ function applyRadioInputMods(mods) {
|
|
|
1623
1623
|
}
|
|
1624
1624
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1625
1625
|
|
|
1626
|
-
var css$1k = {"root":"
|
|
1626
|
+
var css$1k = {"root":"PHGkdU"};
|
|
1627
1627
|
|
|
1628
1628
|
function applySwitchMods(mods) {
|
|
1629
1629
|
return [
|
|
@@ -1647,7 +1647,7 @@ var EditMode;
|
|
|
1647
1647
|
EditMode["INLINE"] = "inline";
|
|
1648
1648
|
})(EditMode || (EditMode = {}));
|
|
1649
1649
|
|
|
1650
|
-
var textInputCss = {"root":"
|
|
1650
|
+
var textInputCss = {"root":"Dw--e4"};
|
|
1651
1651
|
|
|
1652
1652
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1653
1653
|
function applyTextInputMods(mods) {
|
|
@@ -1672,7 +1672,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1672
1672
|
} }));
|
|
1673
1673
|
});
|
|
1674
1674
|
|
|
1675
|
-
var css$1j = {"root":"
|
|
1675
|
+
var css$1j = {"root":"_2WRQd9"};
|
|
1676
1676
|
|
|
1677
1677
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1j.root, 'uui-control-group']);
|
|
1678
1678
|
|
|
@@ -1688,7 +1688,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1688
1688
|
}
|
|
1689
1689
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
1690
1690
|
|
|
1691
|
-
var css$1i = {"root":"
|
|
1691
|
+
var css$1i = {"root":"a5fn08"};
|
|
1692
1692
|
|
|
1693
1693
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1694
1694
|
function applyNumericInputMods(mods) {
|
|
@@ -1708,7 +1708,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
1708
1708
|
};
|
|
1709
1709
|
});
|
|
1710
1710
|
|
|
1711
|
-
var css$1h = {"root":"
|
|
1711
|
+
var css$1h = {"root":"ZWF-s8"};
|
|
1712
1712
|
|
|
1713
1713
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1714
1714
|
function applyTextAreaMods(mods) {
|
|
@@ -1749,7 +1749,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1749
1749
|
};
|
|
1750
1750
|
}
|
|
1751
1751
|
|
|
1752
|
-
var css$1g = {"root":"
|
|
1752
|
+
var css$1g = {"root":"mVGzFP"};
|
|
1753
1753
|
|
|
1754
1754
|
function applyDropdownContainerMods(mods) {
|
|
1755
1755
|
return [
|
|
@@ -1760,7 +1760,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1760
1760
|
}
|
|
1761
1761
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
1762
1762
|
|
|
1763
|
-
var css$1f = {"root":"
|
|
1763
|
+
var css$1f = {"root":"QNNkGG","timepicker-input":"tYC-IB","timepickerInput":"tYC-IB","ltr-always":"XXZIih","ltrAlways":"XXZIih"};
|
|
1764
1764
|
|
|
1765
1765
|
const uuiTimePicker = {
|
|
1766
1766
|
container: 'uui-timepicker-container',
|
|
@@ -1954,7 +1954,7 @@ function TimePickerComponent(props, ref) {
|
|
|
1954
1954
|
}
|
|
1955
1955
|
const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
|
|
1956
1956
|
|
|
1957
|
-
var css$1e = {"root":"
|
|
1957
|
+
var css$1e = {"root":"cuXN8R"};
|
|
1958
1958
|
|
|
1959
1959
|
function applyInputAddonMods() {
|
|
1960
1960
|
return [
|
|
@@ -1963,14 +1963,14 @@ function applyInputAddonMods() {
|
|
|
1963
1963
|
}
|
|
1964
1964
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
1965
1965
|
|
|
1966
|
-
var css$1d = {"root":"
|
|
1966
|
+
var css$1d = {"root":"qUOXYz"};
|
|
1967
1967
|
|
|
1968
1968
|
function applySliderMods() {
|
|
1969
1969
|
return [css$1d.root, 'uui-color-neutral'];
|
|
1970
1970
|
}
|
|
1971
1971
|
const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
|
|
1972
1972
|
|
|
1973
|
-
var css$1c = {"root":"
|
|
1973
|
+
var css$1c = {"root":"CWiSxB"};
|
|
1974
1974
|
|
|
1975
1975
|
function applyTooltipMods(mods) {
|
|
1976
1976
|
return [
|
|
@@ -1980,7 +1980,7 @@ function applyTooltipMods(mods) {
|
|
|
1980
1980
|
}
|
|
1981
1981
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
1982
1982
|
|
|
1983
|
-
var css$1b = {"root":"
|
|
1983
|
+
var css$1b = {"root":"JC42Nc","tooltip":"_4jxeY4"};
|
|
1984
1984
|
|
|
1985
1985
|
function applyRatingMods(mods) {
|
|
1986
1986
|
return [
|
|
@@ -1994,7 +1994,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
|
|
|
1994
1994
|
Tooltip,
|
|
1995
1995
|
}));
|
|
1996
1996
|
|
|
1997
|
-
var css$1a = {"root":"
|
|
1997
|
+
var css$1a = {"root":"-Wc3C2","main-path":"_7STOIO","mainPath":"_7STOIO","content-wrapper":"BREh48","contentWrapper":"BREh48","content":"ANkt4E","action-wrapper":"UGkosP","actionWrapper":"UGkosP","icon-wrapper":"M0MaEK","iconWrapper":"M0MaEK","icon":"HBd9be","close-icon":"YpoQkc","closeIcon":"YpoQkc"};
|
|
1998
1998
|
|
|
1999
1999
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1a.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
2000
2000
|
React.createElement("div", { className: css$1a.mainPath },
|
|
@@ -2012,7 +2012,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
2012
2012
|
|
|
2013
2013
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
2014
2014
|
|
|
2015
|
-
var css$19 = {"submenu-root-item-rtl":"
|
|
2015
|
+
var css$19 = {"submenu-root-item-rtl":"GPw9Wa","submenuRootItemRtl":"GPw9Wa","icon-after":"woDt-p","iconAfter":"woDt-p","submenu-root-item":"_1nk46J","submenuRootItem":"_1nk46J","icon-check":"wlXwqo","iconCheck":"wlXwqo","splitter-root":"Z-TEkI","splitterRoot":"Z-TEkI","splitter":"AbyJMy","header-root":"SUdsxC","headerRoot":"SUdsxC","item-root":"tIPmEb","itemRoot":"tIPmEb","icon":"_2sjLEX","link":"VfYAZv","indent":"_8IuBkW","selected-mark":"_50uky4","selectedMark":"_50uky4"};
|
|
2016
2016
|
|
|
2017
2017
|
var IDropdownControlKeys;
|
|
2018
2018
|
(function (IDropdownControlKeys) {
|
|
@@ -2137,7 +2137,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2137
2137
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
2138
2138
|
}
|
|
2139
2139
|
|
|
2140
|
-
var css$18 = {"root":"
|
|
2140
|
+
var css$18 = {"root":"etdt5Z","mode-block":"vNBl2Q","modeBlock":"vNBl2Q","mode-inline":"KbbjMf","modeInline":"KbbjMf","padding-0":"HvxDhg","padding0":"HvxDhg","padding-6":"qSaXc3","padding6":"qSaXc3","padding-12":"fPP8cu","padding12":"fPP8cu","padding-18":"f6qgzb","padding18":"f6qgzb"};
|
|
2141
2141
|
|
|
2142
2142
|
function applyAccordionMods(mods) {
|
|
2143
2143
|
return [
|
|
@@ -2150,7 +2150,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
2150
2150
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2151
2151
|
}));
|
|
2152
2152
|
|
|
2153
|
-
var css$17 = {"root":"
|
|
2153
|
+
var css$17 = {"root":"lOsTvx","align-items":"aaXTT4","alignItems":"aaXTT4","justify-content":"rkn3jr","justifyContent":"rkn3jr","border-top":"_6WzReT","borderTop":"_6WzReT","border-bottom":"uNSZT4","borderBottom":"uNSZT4","top-shadow":"Lx8er1","topShadow":"Lx8er1","padding":"ppHbf6","margin":"_7j60tN","vPadding":"L0puE2","column-gap":"UpGlrL","columnGap":"UpGlrL","row-gap":"_4sngR1","rowGap":"_4sngR1","spacing":"QhXPWm"};
|
|
2154
2154
|
|
|
2155
2155
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$17.flexCell]);
|
|
2156
2156
|
|
|
@@ -2202,7 +2202,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2202
2202
|
} }, props.children));
|
|
2203
2203
|
});
|
|
2204
2204
|
|
|
2205
|
-
var css$16 = {"root":"
|
|
2205
|
+
var css$16 = {"root":"tMHH8b","margin-24":"A-epwE","margin24":"A-epwE","padding-12":"zwtFmJ","padding12":"zwtFmJ","padding-24":"q3bMAu","padding24":"q3bMAu","shadow":"V-0Y1h","uui-surface-main":"_4s5rl-","uuiSurfaceMain":"_4s5rl-"};
|
|
2206
2206
|
|
|
2207
2207
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
2208
2208
|
'uui-panel',
|
|
@@ -2212,7 +2212,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
2212
2212
|
props.background && css$16[`uui-${props.background}`],
|
|
2213
2213
|
]);
|
|
2214
2214
|
|
|
2215
|
-
var css$15 = {"root":"
|
|
2215
|
+
var css$15 = {"root":"THUMM0"};
|
|
2216
2216
|
|
|
2217
2217
|
function applyLabeledInputMods(mods) {
|
|
2218
2218
|
return [
|
|
@@ -2229,7 +2229,7 @@ function applyLabeledInputProps(props) {
|
|
|
2229
2229
|
}
|
|
2230
2230
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2231
2231
|
|
|
2232
|
-
var css$14 = {"root":"
|
|
2232
|
+
var css$14 = {"root":"z5q-X3"};
|
|
2233
2233
|
|
|
2234
2234
|
function RadioGroup(props) {
|
|
2235
2235
|
const direction = props.direction || 'vertical';
|
|
@@ -2244,7 +2244,7 @@ function RadioGroup(props) {
|
|
|
2244
2244
|
})));
|
|
2245
2245
|
}
|
|
2246
2246
|
|
|
2247
|
-
var css$13 = {"root":"
|
|
2247
|
+
var css$13 = {"root":"zrfqZ1"};
|
|
2248
2248
|
|
|
2249
2249
|
function applyScrollBarsMods() {
|
|
2250
2250
|
return [
|
|
@@ -2253,7 +2253,7 @@ function applyScrollBarsMods() {
|
|
|
2253
2253
|
}
|
|
2254
2254
|
const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
|
|
2255
2255
|
|
|
2256
|
-
var css$12 = {"scroll-container":"
|
|
2256
|
+
var css$12 = {"scroll-container":"harflr","scrollContainer":"harflr","list-container":"r07JAH","listContainer":"r07JAH"};
|
|
2257
2257
|
|
|
2258
2258
|
const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
2259
2259
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
|
|
@@ -2297,7 +2297,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2297
2297
|
props.renderBlocker ? props.renderBlocker({ isLoading: props.isLoading }) : React.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2298
2298
|
});
|
|
2299
2299
|
|
|
2300
|
-
var css$11 = {"root":"
|
|
2300
|
+
var css$11 = {"root":"QFgn3g"};
|
|
2301
2301
|
|
|
2302
2302
|
function CheckboxGroup(props) {
|
|
2303
2303
|
const currentValue = props.value || [];
|
|
@@ -2319,7 +2319,7 @@ function CheckboxGroup(props) {
|
|
|
2319
2319
|
})));
|
|
2320
2320
|
}
|
|
2321
2321
|
|
|
2322
|
-
var css$10 = {"root":"
|
|
2322
|
+
var css$10 = {"root":"i9bnjd","modal-blocker":"JPmg9L","modalBlocker":"JPmg9L","animateModalBlocker":"MjI08H","modal":"S8qCBX","modal-footer":"UQXIWM","modalFooter":"UQXIWM","border-top":"HX3kuD","borderTop":"HX3kuD","modal-header":"lWqN0H","modalHeader":"lWqN0H","border-bottom":"XaWhFj","borderBottom":"XaWhFj"};
|
|
2323
2323
|
|
|
2324
2324
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$10.modalBlocker]);
|
|
2325
2325
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$10.root, css$10.modal], (props) => {
|
|
@@ -2510,7 +2510,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2510
2510
|
});
|
|
2511
2511
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2512
2512
|
|
|
2513
|
-
var css$$ = {"root":"
|
|
2513
|
+
var css$$ = {"root":"qGpCYJ","icon-wrapper":"zFIq8t","iconWrapper":"zFIq8t","action-wrapper":"D4bIPg","actionWrapper":"D4bIPg","close-icon":"eLA0ku","closeIcon":"eLA0ku","main-path":"_3wDtTe","mainPath":"_3wDtTe","content":"Gem5E2","close-wrapper":"_3uEVgg","closeWrapper":"_3uEVgg","clear-notifications":"_7L4RyJ","clearNotifications":"_7L4RyJ"};
|
|
2514
2514
|
|
|
2515
2515
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
2516
2516
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -2543,7 +2543,7 @@ function ClearNotification() {
|
|
|
2543
2543
|
React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2544
2544
|
}
|
|
2545
2545
|
|
|
2546
|
-
var css$_ = {"footer":"
|
|
2546
|
+
var css$_ = {"footer":"bLTpeM"};
|
|
2547
2547
|
|
|
2548
2548
|
class ConfirmationModal extends React.Component {
|
|
2549
2549
|
render() {
|
|
@@ -2585,7 +2585,7 @@ function useReliableForceUpdate() {
|
|
|
2585
2585
|
return red[1];
|
|
2586
2586
|
}
|
|
2587
2587
|
|
|
2588
|
-
var css$Z = {"root":"
|
|
2588
|
+
var css$Z = {"root":"nHZkts","container":"D9W-Fh"};
|
|
2589
2589
|
|
|
2590
2590
|
const defaultFormat = 'MMM D, YYYY';
|
|
2591
2591
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2803,14 +2803,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2803
2803
|
React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2804
2804
|
}
|
|
2805
2805
|
|
|
2806
|
-
var css$Y = {"root":"
|
|
2806
|
+
var css$Y = {"root":"_63k7LC"};
|
|
2807
2807
|
|
|
2808
2808
|
function applyDateSelectionMods() {
|
|
2809
2809
|
return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2810
2810
|
}
|
|
2811
2811
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
2812
2812
|
|
|
2813
|
-
var css$X = {"root":"
|
|
2813
|
+
var css$X = {"root":"iTgRLW"};
|
|
2814
2814
|
|
|
2815
2815
|
const uuiDatePickerBody = {
|
|
2816
2816
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2931,7 +2931,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2931
2931
|
}
|
|
2932
2932
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
2933
2933
|
|
|
2934
|
-
var css$W = {"date-input":"
|
|
2934
|
+
var css$W = {"date-input":"AO8Ra6","dateInput":"AO8Ra6","root":"IjUmKu","separator":"_11WOh-"};
|
|
2935
2935
|
|
|
2936
2936
|
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, preventEmptyFromDate, preventEmptyToDate, id, cx: classes, }, ref) => {
|
|
2937
2937
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3002,7 +3002,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
3002
3002
|
React__default.createElement(TextInput, { cx: cx$1(css$W.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.rangeDatePicker.sizes.default, value: inputValue.to || undefined, onCancel: clearAllowed ? onClear : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
|
|
3003
3003
|
});
|
|
3004
3004
|
|
|
3005
|
-
var css$V = {"root":"
|
|
3005
|
+
var css$V = {"root":"KHP6w5"};
|
|
3006
3006
|
|
|
3007
3007
|
const uuiPresets = {
|
|
3008
3008
|
container: 'uui-presets-container',
|
|
@@ -3022,7 +3022,7 @@ function CalendarPresets(props) {
|
|
|
3022
3022
|
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
3023
3023
|
}
|
|
3024
3024
|
|
|
3025
|
-
var css$U = {"root":"
|
|
3025
|
+
var css$U = {"root":"bXPUrt","container":"Kn2x5F","day-selection":"_0GpsTD","daySelection":"_0GpsTD","from-picker":"ugY-xh","fromPicker":"ugY-xh","to-picker":"cfh3Ld","toPicker":"cfh3Ld","bodes-wrapper":"O-Ipzf","bodesWrapper":"O-Ipzf","blocker":"_9yn2dc"};
|
|
3026
3026
|
|
|
3027
3027
|
const uuiRangeDatePickerBody = {
|
|
3028
3028
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3224,7 +3224,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3224
3224
|
};
|
|
3225
3225
|
};
|
|
3226
3226
|
|
|
3227
|
-
var css$T = {"dropdown-container":"
|
|
3227
|
+
var css$T = {"dropdown-container":"jCrY7J","dropdownContainer":"jCrY7J"};
|
|
3228
3228
|
|
|
3229
3229
|
function RangeDatePickerComponent(props, ref) {
|
|
3230
3230
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3292,7 +3292,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3292
3292
|
}
|
|
3293
3293
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3294
3294
|
|
|
3295
|
-
var css$S = {"root":"
|
|
3295
|
+
var css$S = {"root":"lAVrzP","blocker":"EPsDai","marker":"eg122d","top":"G5IpAu","bottom":"Lh9r5e","left":"C-JGeI","right":"PbzDm4","inside":"HaopAY"};
|
|
3296
3296
|
|
|
3297
3297
|
function DropMarker(props) {
|
|
3298
3298
|
return props.isDndInProgress
|
|
@@ -3309,15 +3309,15 @@ function DropMarker(props) {
|
|
|
3309
3309
|
|
|
3310
3310
|
const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3311
3311
|
|
|
3312
|
-
var css$R = {"search-wrapper":"
|
|
3312
|
+
var css$R = {"search-wrapper":"_8o1xRU","searchWrapper":"_8o1xRU","no-data":"S-qTta","noData":"S-qTta"};
|
|
3313
3313
|
|
|
3314
|
-
var css$Q = {"picker-row":"
|
|
3314
|
+
var css$Q = {"picker-row":"ARvG7v","pickerRow":"ARvG7v","align-widgets-top":"j-omUO","alignWidgetsTop":"j-omUO","row-content":"o8o-ew","rowContent":"o8o-ew","align-widgets-center":"BrESuz","alignWidgetsCenter":"BrESuz","icon-container":"AjFgdm","iconContainer":"AjFgdm","content-wrapper":"YENsVa","contentWrapper":"YENsVa","icon-wrapper":"ODta-K","iconWrapper":"ODta-K","icon-default":"OVcYxU","iconDefault":"OVcYxU","selected-mark":"VqWPYG","selectedMark":"VqWPYG"};
|
|
3315
3315
|
|
|
3316
|
-
var css$P = {"root":"
|
|
3316
|
+
var css$P = {"root":"fZ76B1"};
|
|
3317
3317
|
|
|
3318
3318
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$P.root]);
|
|
3319
3319
|
|
|
3320
|
-
var css$O = {"root":"
|
|
3320
|
+
var css$O = {"root":"iJQdSB"};
|
|
3321
3321
|
|
|
3322
3322
|
const DEFAULT_FILL = 'solid';
|
|
3323
3323
|
function applyBadgeMods(mods) {
|
|
@@ -3345,7 +3345,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3345
3345
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3346
3346
|
});
|
|
3347
3347
|
|
|
3348
|
-
var css$N = {"root":"
|
|
3348
|
+
var css$N = {"root":"mqRZJa"};
|
|
3349
3349
|
|
|
3350
3350
|
function applyTagMods(props) {
|
|
3351
3351
|
return [
|
|
@@ -3373,7 +3373,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3373
3373
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3374
3374
|
});
|
|
3375
3375
|
|
|
3376
|
-
var css$M = {"root":"
|
|
3376
|
+
var css$M = {"root":"aZsBNU","page":"uzNclv","spacer":"AxHqPy","mode-ghost":"IZBW7u","modeGhost":"IZBW7u"};
|
|
3377
3377
|
|
|
3378
3378
|
function Paginator(props) {
|
|
3379
3379
|
const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx(css$M.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
@@ -3390,14 +3390,14 @@ function Paginator(props) {
|
|
|
3390
3390
|
return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
|
|
3391
3391
|
}
|
|
3392
3392
|
|
|
3393
|
-
var css$L = {"root":"
|
|
3393
|
+
var css$L = {"root":"DN24Yz","progress-bar":"OAsuX0","progressBar":"OAsuX0","progressBar-indeterminate":"O1nMev","progressBarIndeterminate":"O1nMev","size-12":"cWr6ee","size12":"cWr6ee","size-18":"B13sHR","size18":"B13sHR","size-24":"Z7MeuT","size24":"Z7MeuT"};
|
|
3394
3394
|
|
|
3395
3395
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3396
3396
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$L.root, css$L[`size-${props.size || 12}`]) },
|
|
3397
3397
|
React.createElement("div", { className: cx(css$L.progressBar) })));
|
|
3398
3398
|
});
|
|
3399
3399
|
|
|
3400
|
-
var css$K = {"root":"
|
|
3400
|
+
var css$K = {"root":"vRHfrC","striped":"C97-Nk","animate-stripes":"U6kecE","animateStripes":"U6kecE","size-12":"VwSiP2","size12":"VwSiP2","size-18":"SH0bLi","size18":"SH0bLi","size-24":"UtP-Hd","size24":"UtP-Hd"};
|
|
3401
3401
|
|
|
3402
3402
|
const DEFAULT_SIZE = '12';
|
|
3403
3403
|
function applyProgressBarMods(mods) {
|
|
@@ -3412,14 +3412,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
3412
3412
|
hideLabel: props.hideLabel || props.striped,
|
|
3413
3413
|
}));
|
|
3414
3414
|
|
|
3415
|
-
var css$J = {"root":"
|
|
3415
|
+
var css$J = {"root":"c1yBws"};
|
|
3416
3416
|
|
|
3417
3417
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3418
3418
|
const { progress } = props;
|
|
3419
3419
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$J.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$J.root, props.cx) }));
|
|
3420
3420
|
});
|
|
3421
3421
|
|
|
3422
|
-
var css$I = {"root":"
|
|
3422
|
+
var css$I = {"root":"Uor-ER"};
|
|
3423
3423
|
|
|
3424
3424
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
3425
3425
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -3434,7 +3434,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
3434
3434
|
React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3435
3435
|
});
|
|
3436
3436
|
|
|
3437
|
-
var css$H = {"drag-handle-wrapper":"
|
|
3437
|
+
var css$H = {"drag-handle-wrapper":"a5Z9zz","dragHandleWrapper":"a5Z9zz","with-indent":"psLI7b","withIndent":"psLI7b","drag-handle":"x189g4","dragHandle":"x189g4","icon-container":"JkNUY2","iconContainer":"JkNUY2"};
|
|
3438
3438
|
|
|
3439
3439
|
function DataRowAddons(props) {
|
|
3440
3440
|
const row = props.rowProps;
|
|
@@ -3521,7 +3521,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3521
3521
|
return getDecoratedText(str, ranges);
|
|
3522
3522
|
};
|
|
3523
3523
|
|
|
3524
|
-
var css$G = {"root":"
|
|
3524
|
+
var css$G = {"root":"TzIjnI","column-gap":"sSPrKf","columnGap":"sSPrKf","title":"fEgqaA","subtitle":"e37zyG","disabled":"bdC9pP","multiline":"_27uQWu"};
|
|
3525
3525
|
|
|
3526
3526
|
function PickerItem(props) {
|
|
3527
3527
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3695,7 +3695,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3695
3695
|
}
|
|
3696
3696
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
3697
3697
|
|
|
3698
|
-
var css$F = {"header":"
|
|
3698
|
+
var css$F = {"header":"glvL23","title":"b9uj72","close":"RM0FEV"};
|
|
3699
3699
|
|
|
3700
3700
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3701
3701
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3705,7 +3705,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3705
3705
|
};
|
|
3706
3706
|
const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
|
|
3707
3707
|
|
|
3708
|
-
var css$E = {"done":"
|
|
3708
|
+
var css$E = {"done":"tIKgsG","container":"MBX3jJ"};
|
|
3709
3709
|
|
|
3710
3710
|
const PickerBodyMobileView = (props) => {
|
|
3711
3711
|
const isMobileView = isMobile();
|
|
@@ -3717,7 +3717,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
3717
3717
|
isMobileView && (React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
3718
3718
|
};
|
|
3719
3719
|
|
|
3720
|
-
var css$D = {"sub-header-wrapper":"
|
|
3720
|
+
var css$D = {"sub-header-wrapper":"_1er-tT","subHeaderWrapper":"_1er-tT","switch":"ZyQomz","no-found-modal-container":"aaFFOv","noFoundModalContainer":"aaFFOv","no-found-modal-container-icon":"srgfLJ","noFoundModalContainerIcon":"srgfLJ","no-found-modal-container-text":"SPK0RY","noFoundModalContainerText":"SPK0RY","body":"j4MKKp"};
|
|
3721
3721
|
|
|
3722
3722
|
function PickerModal(props) {
|
|
3723
3723
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
|
|
@@ -3760,7 +3760,7 @@ function PickerModal(props) {
|
|
|
3760
3760
|
React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3761
3761
|
}
|
|
3762
3762
|
|
|
3763
|
-
var css$C = {"tooltip":"
|
|
3763
|
+
var css$C = {"tooltip":"hgcEyb"};
|
|
3764
3764
|
|
|
3765
3765
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3766
3766
|
const tagProps = {
|
|
@@ -3779,7 +3779,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
3779
3779
|
}
|
|
3780
3780
|
});
|
|
3781
3781
|
|
|
3782
|
-
var css$B = {"root":"
|
|
3782
|
+
var css$B = {"root":"NI59W-"};
|
|
3783
3783
|
|
|
3784
3784
|
const defaultMode = EditMode.FORM;
|
|
3785
3785
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3861,7 +3861,7 @@ function PickerInputComponent(props, ref) {
|
|
|
3861
3861
|
}
|
|
3862
3862
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
3863
3863
|
|
|
3864
|
-
var css$A = {"row":"
|
|
3864
|
+
var css$A = {"row":"OhENFK"};
|
|
3865
3865
|
|
|
3866
3866
|
function PickerListRow(props) {
|
|
3867
3867
|
let label;
|
|
@@ -3881,7 +3881,7 @@ function PickerListRow(props) {
|
|
|
3881
3881
|
return (React__default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
|
|
3882
3882
|
}
|
|
3883
3883
|
|
|
3884
|
-
var css$z = {"root":"
|
|
3884
|
+
var css$z = {"root":"H9Z3-I"};
|
|
3885
3885
|
|
|
3886
3886
|
function PickerList(props) {
|
|
3887
3887
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -3916,7 +3916,7 @@ function PickerList(props) {
|
|
|
3916
3916
|
}, selectedRows)));
|
|
3917
3917
|
}
|
|
3918
3918
|
|
|
3919
|
-
var css$y = {"root":"
|
|
3919
|
+
var css$y = {"root":"vk6MRO","wrapper":"ncgILx","align-widgets-top":"xaYlVm","alignWidgetsTop":"xaYlVm","align-widgets-center":"p-X6lW","alignWidgetsCenter":"p-X6lW"};
|
|
3920
3920
|
|
|
3921
3921
|
function DataTableCell(initialProps) {
|
|
3922
3922
|
const props = { ...initialProps };
|
|
@@ -3966,7 +3966,7 @@ function DataTableCell(initialProps) {
|
|
|
3966
3966
|
return React.createElement(DataTableCell$1, { ...props });
|
|
3967
3967
|
}
|
|
3968
3968
|
|
|
3969
|
-
var css$x = {"root":"
|
|
3969
|
+
var css$x = {"root":"ULteVs"};
|
|
3970
3970
|
|
|
3971
3971
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3972
3972
|
// As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
|
|
@@ -3982,7 +3982,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
3982
3982
|
];
|
|
3983
3983
|
}, () => propsMods);
|
|
3984
3984
|
|
|
3985
|
-
var css$w = {"sorting-panel-container":"
|
|
3985
|
+
var css$w = {"sorting-panel-container":"uvADJ2","sortingPanelContainer":"uvADJ2"};
|
|
3986
3986
|
|
|
3987
3987
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
3988
3988
|
const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4002,7 +4002,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4002
4002
|
};
|
|
4003
4003
|
const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
|
|
4004
4004
|
|
|
4005
|
-
var css$v = {"root":"
|
|
4005
|
+
var css$v = {"root":"jGrgHs","caption-wrapper":"hPC9ZJ","captionWrapper":"hPC9ZJ","sort-icon":"vJt4Qx","sortIcon":"vJt4Qx","dropdown-icon":"oGDYdm","dropdownIcon":"oGDYdm","infoIcon":"UXj0-V","align-right":"_3NNePd","alignRight":"_3NNePd","align-center":"Hcp7Mx","alignCenter":"Hcp7Mx","caption":"_2hHn0v","truncate":"JwvMPM","upper-case":"Y06jKr","upperCase":"Y06jKr","checkbox":"sv7YYd","icon":"_5PwUpq","fold-all-icon":"MC0zfa","foldAllIcon":"MC0zfa","cell-tooltip":"Lm-8zF","cellTooltip":"Lm-8zF","resizing-marker":"myrOeo","resizingMarker":"myrOeo","pinned-right":"YLRoWS","pinnedRight":"YLRoWS","draggable":"zfs7xK","ghost":"k1ovbd","is-dragged-out":"wH6MO1","isDraggedOut":"wH6MO1","dnd-marker-left":"eP3qIf","dndMarkerLeft":"eP3qIf","dnd-marker-right":"XIawrz","dndMarkerRight":"XIawrz","cell-tooltip-wrapper":"U0Kto6","cellTooltipWrapper":"U0Kto6","cell-tooltip-text":"v0Gl-9","cellTooltipText":"v0Gl-9","tooltip-caption":"KCCWCZ","tooltipCaption":"KCCWCZ","tooltip-info":"iCLtip","tooltipInfo":"iCLtip"};
|
|
4006
4006
|
|
|
4007
4007
|
class DataTableHeaderCell extends React.Component {
|
|
4008
4008
|
constructor() {
|
|
@@ -4096,7 +4096,7 @@ class DataTableHeaderCell extends React.Component {
|
|
|
4096
4096
|
}
|
|
4097
4097
|
}
|
|
4098
4098
|
|
|
4099
|
-
var css$u = {"root":"
|
|
4099
|
+
var css$u = {"root":"xJ0vxV","caption-wrapper":"PwWATj","captionWrapper":"PwWATj","align-center":"Zi-iS5","alignCenter":"Zi-iS5","caption":"YofX9O","truncate":"_0eikh2","upper-case":"Md6tn-","upperCase":"Md6tn-","group-cell-tooltip":"vwOFYe","groupCellTooltip":"vwOFYe","group-cell-tooltip-wrapper":"NSXSCH","groupCellTooltipWrapper":"NSXSCH","group-cell-tooltip-text":"mv2rb-","groupCellTooltipText":"mv2rb-","tooltip-caption":"laCkDt","tooltipCaption":"laCkDt","tooltip-info":"fakoGi","tooltipInfo":"fakoGi"};
|
|
4100
4100
|
|
|
4101
4101
|
class DataTableHeaderGroupCell extends React.Component {
|
|
4102
4102
|
constructor() {
|
|
@@ -4136,7 +4136,7 @@ class DataTableHeaderGroupCell extends React.Component {
|
|
|
4136
4136
|
}
|
|
4137
4137
|
}
|
|
4138
4138
|
|
|
4139
|
-
var css$t = {"root":"
|
|
4139
|
+
var css$t = {"root":"upYiNp"};
|
|
4140
4140
|
|
|
4141
4141
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4142
4142
|
renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4232,7 +4232,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4232
4232
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4233
4233
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4234
4234
|
|
|
4235
|
-
var css$s = {"body":"
|
|
4235
|
+
var css$s = {"body":"AY-s1T","header":"PzGIIp","title":"KrPfzr","removeButton":"buh3zE","with-search":"_5aA3ag","withSearch":"_5aA3ag"};
|
|
4236
4236
|
|
|
4237
4237
|
function FilterColumnBody(props) {
|
|
4238
4238
|
const [predicate, setPredicate] = useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4293,7 +4293,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4293
4293
|
return columns;
|
|
4294
4294
|
};
|
|
4295
4295
|
|
|
4296
|
-
var css$r = {"unpin-icon":"
|
|
4296
|
+
var css$r = {"unpin-icon":"j-sWRk","unpinIcon":"j-sWRk","pin-toggler-icon":"vdppOF","pinTogglerIcon":"vdppOF"};
|
|
4297
4297
|
|
|
4298
4298
|
function PinIconButton(props) {
|
|
4299
4299
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4335,7 +4335,7 @@ function getUnpinIcon(params) {
|
|
|
4335
4335
|
}
|
|
4336
4336
|
}
|
|
4337
4337
|
|
|
4338
|
-
var css$q = {"row-wrapper":"
|
|
4338
|
+
var css$q = {"row-wrapper":"qu6CvO","rowWrapper":"qu6CvO","pin-icon-button":"trgI0h","pinIconButton":"trgI0h","not-pinned":"cA0gU3","notPinned":"cA0gU3","checkbox":"_0YgyMv","drag-handle":"LiO3Lc","dragHandle":"LiO3Lc","dnd-disabled":"NwrEdy","dndDisabled":"NwrEdy"};
|
|
4339
4339
|
|
|
4340
4340
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4341
4341
|
const { column } = props;
|
|
@@ -4358,7 +4358,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
|
4358
4358
|
return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4359
4359
|
});
|
|
4360
4360
|
|
|
4361
|
-
var css$p = {"root":"
|
|
4361
|
+
var css$p = {"root":"wGNDJ3","main-panel":"i2bTxo","mainPanel":"i2bTxo","group":"lZ76-k","group-title":"pGtkym","groupTitle":"pGtkym","group-items":"Iy5dIz","groupItems":"Iy5dIz","no-data":"-vUUG1","noData":"-vUUG1","no-data-title":"LskeXV","noDataTitle":"LskeXV","no-data-sub-title":"ijnQGC","noDataSubTitle":"ijnQGC","h-divider":"RP-8YX","hDivider":"RP-8YX","search-area":"QqSX6o","searchArea":"QqSX6o","subgroup-accordion":"egkg2F","subgroupAccordion":"egkg2F","subgroup":"Zclqvj","subgroup-title":"Tka5e-","subgroupTitle":"Tka5e-"};
|
|
4362
4362
|
|
|
4363
4363
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$p.group },
|
|
4364
4364
|
React.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -4460,7 +4460,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
4460
4460
|
return [children, rest];
|
|
4461
4461
|
};
|
|
4462
4462
|
|
|
4463
|
-
var css$o = {"listContainer":"
|
|
4463
|
+
var css$o = {"listContainer":"ZmaYNl","header":"rdCnrI","group":"Be3oXT","stickyHeader":"FafQQu"};
|
|
4464
4464
|
|
|
4465
4465
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
4466
4466
|
const rowRef = useRef(undefined);
|
|
@@ -4500,7 +4500,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4500
4500
|
React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
4501
4501
|
}
|
|
4502
4502
|
|
|
4503
|
-
var css$n = {"root":"
|
|
4503
|
+
var css$n = {"root":"L5W-Ah","sticky-header":"kCWkDo","stickyHeader":"kCWkDo","no-results":"iO8W9T","noResults":"iO8W9T","icon":"datwQ1","title":"YemdJ4"};
|
|
4504
4504
|
|
|
4505
4505
|
function DataTable(props) {
|
|
4506
4506
|
const { uuiModals } = useUuiContext();
|
|
@@ -4549,7 +4549,7 @@ function DataTable(props) {
|
|
|
4549
4549
|
} }))));
|
|
4550
4550
|
}
|
|
4551
4551
|
|
|
4552
|
-
var css$m = {"root":"
|
|
4552
|
+
var css$m = {"root":"_-9bMIl","title-wrapper":"J-n-ec","titleWrapper":"J-n-ec","title":"Cibhfw","text-wrapper":"ieK-GG","textWrapper":"ieK-GG","selection":"o2Xsjf","postfix":"w94OhA","selected":"TLCxgF"};
|
|
4553
4553
|
|
|
4554
4554
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4555
4555
|
const togglerPickerOpened = (e) => {
|
|
@@ -4773,7 +4773,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4773
4773
|
renderFooter()));
|
|
4774
4774
|
}
|
|
4775
4775
|
|
|
4776
|
-
var css$l = {"container":"
|
|
4776
|
+
var css$l = {"container":"BBHDj8"};
|
|
4777
4777
|
|
|
4778
4778
|
function FilterNumericBody(props) {
|
|
4779
4779
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -5084,7 +5084,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5084
5084
|
}
|
|
5085
5085
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
5086
5086
|
|
|
5087
|
-
var css$k = {"delete-button":"
|
|
5087
|
+
var css$k = {"delete-button":"rg4AYp","deleteButton":"rg4AYp","tab-button":"XQnlwI","tabButton":"XQnlwI","targetOpen":"fZ8vqX"};
|
|
5088
5088
|
|
|
5089
5089
|
function PresetActionsDropdown(props) {
|
|
5090
5090
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -5156,7 +5156,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5156
5156
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5157
5157
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5158
5158
|
|
|
5159
|
-
var css$j = {"preset-input-cell":"
|
|
5159
|
+
var css$j = {"preset-input-cell":"Za5VfJ","presetInputCell":"Za5VfJ","preset-input":"-q-z5P","presetInput":"-q-z5P"};
|
|
5160
5160
|
|
|
5161
5161
|
function PresetInput(props) {
|
|
5162
5162
|
const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
|
|
@@ -5183,7 +5183,7 @@ function PresetInput(props) {
|
|
|
5183
5183
|
React__default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
5184
5184
|
}
|
|
5185
5185
|
|
|
5186
|
-
var css$i = {"preset":"
|
|
5186
|
+
var css$i = {"preset":"Ez1IaL","activePreset":"lgF6jE"};
|
|
5187
5187
|
|
|
5188
5188
|
function Preset(props) {
|
|
5189
5189
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -5208,7 +5208,7 @@ function Preset(props) {
|
|
|
5208
5208
|
return (React__default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$i.preset, isPresetActive && css$i.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
|
|
5209
5209
|
}
|
|
5210
5210
|
|
|
5211
|
-
var css$h = {"divider":"
|
|
5211
|
+
var css$h = {"divider":"-wvz43","dropdownDeleteIcon":"C3aQS3","presetsWrapper":"_68PlSN","addPresetContainer":"AlDkQa","dropContainer":"NyJxlr"};
|
|
5212
5212
|
|
|
5213
5213
|
function PresetsPanel(props) {
|
|
5214
5214
|
const [isAddingPreset, setIsAddingPreset] = useState(false);
|
|
@@ -5257,9 +5257,9 @@ function PresetsPanel(props) {
|
|
|
5257
5257
|
React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
|
|
5258
5258
|
}
|
|
5259
5259
|
|
|
5260
|
-
var css$g = {"root":"
|
|
5260
|
+
var css$g = {"root":"Gm8PvG"};
|
|
5261
5261
|
|
|
5262
|
-
var css$f = {"root":"
|
|
5262
|
+
var css$f = {"root":"CHFlwa","burger-content":"I--I6v","burgerContent":"I--I6v"};
|
|
5263
5263
|
|
|
5264
5264
|
var _path$3;
|
|
5265
5265
|
function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
|
|
@@ -5302,7 +5302,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5302
5302
|
};
|
|
5303
5303
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
5304
5304
|
|
|
5305
|
-
var css$e = {"root":"
|
|
5305
|
+
var css$e = {"root":"t-2hoD","button-primary":"H2vKeR","buttonPrimary":"H2vKeR","button-secondary":"_5lncSL","buttonSecondary":"_5lncSL","hasIcon":"j82Of9","dropdown":"CLqz2A"};
|
|
5306
5306
|
|
|
5307
5307
|
const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
5308
5308
|
css$e.root,
|
|
@@ -5313,13 +5313,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
|
5313
5313
|
props.icon && css$e.hasIcon,
|
|
5314
5314
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5315
5315
|
|
|
5316
|
-
var css$d = {"search-input":"
|
|
5316
|
+
var css$d = {"search-input":"-xWz-d","searchInput":"-xWz-d"};
|
|
5317
5317
|
|
|
5318
5318
|
function BurgerSearch(props) {
|
|
5319
5319
|
return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$M, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
|
|
5320
5320
|
}
|
|
5321
5321
|
|
|
5322
|
-
var css$c = {"root":"
|
|
5322
|
+
var css$c = {"root":"HZCLTZ","group-header":"Ql9nbU","groupHeader":"Ql9nbU","group-name":"ezJOOu","groupName":"ezJOOu","line":"mG04j-"};
|
|
5323
5323
|
|
|
5324
5324
|
function BurgerGroupHeader(props) {
|
|
5325
5325
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5327,7 +5327,7 @@ function BurgerGroupHeader(props) {
|
|
|
5327
5327
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5328
5328
|
}
|
|
5329
5329
|
|
|
5330
|
-
var css$b = {"root":"
|
|
5330
|
+
var css$b = {"root":"n-aVX2","type-primary":"dTcEzH","typePrimary":"dTcEzH","type-secondary":"J0EyEJ","typeSecondary":"J0EyEJ"};
|
|
5331
5331
|
|
|
5332
5332
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5333
5333
|
const { type, ...clickableProps } = props;
|
|
@@ -5349,7 +5349,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5349
5349
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5350
5350
|
});
|
|
5351
5351
|
|
|
5352
|
-
var css$a = {"dropdown-body":"
|
|
5352
|
+
var css$a = {"dropdown-body":"_7Qz3BX","dropdownBody":"_7Qz3BX"};
|
|
5353
5353
|
|
|
5354
5354
|
class MainMenuDropdown extends React.Component {
|
|
5355
5355
|
render() {
|
|
@@ -5408,12 +5408,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5408
5408
|
};
|
|
5409
5409
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5410
5410
|
|
|
5411
|
-
var css$9 = {"global-menu-btn":"
|
|
5411
|
+
var css$9 = {"global-menu-btn":"_75XCay","globalMenuBtn":"_75XCay","global-menu-icon":"gEwpF0","globalMenuIcon":"gEwpF0"};
|
|
5412
5412
|
|
|
5413
5413
|
const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx), ...props.rawProps },
|
|
5414
5414
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5415
5415
|
|
|
5416
|
-
var css$8 = {"container":"
|
|
5416
|
+
var css$8 = {"container":"XmipMo","open":"l86kfw","folding-arrow":"sXCSDC","foldingArrow":"sXCSDC"};
|
|
5417
5417
|
|
|
5418
5418
|
const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
|
|
5419
5419
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5421,15 +5421,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
5421
5421
|
props.isDropdown && (React.createElement("div", null,
|
|
5422
5422
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5423
5423
|
|
|
5424
|
-
var css$7 = {"search-input":"
|
|
5424
|
+
var css$7 = {"search-input":"oE2Bz0","searchInput":"oE2Bz0"};
|
|
5425
5425
|
|
|
5426
5426
|
const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, { ...props, render: (iEditable) => (React.createElement(TextInput$1, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: cx$1(css$7.searchInput, props.cx), ...props.rawProps })) })));
|
|
5427
5427
|
|
|
5428
|
-
var css$6 = {"container":"
|
|
5428
|
+
var css$6 = {"container":"i8muau"};
|
|
5429
5429
|
|
|
5430
5430
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
|
|
5431
5431
|
|
|
5432
|
-
var css$5 = {"root":"
|
|
5432
|
+
var css$5 = {"root":"TBRuZp"};
|
|
5433
5433
|
|
|
5434
5434
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
5435
5435
|
|
|
@@ -5487,7 +5487,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5487
5487
|
};
|
|
5488
5488
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
5489
5489
|
|
|
5490
|
-
var css$4 = {"root":"
|
|
5490
|
+
var css$4 = {"root":"tEkPHr","drop-start":"qTIKRp","dropStart":"qTIKRp","drop-over":"YCTEgi","dropOver":"YCTEgi","link":"mxY5W-","drop-area":"_2F-HJV","dropArea":"_2F-HJV","drop-caption":"-W3XN3","dropCaption":"-W3XN3","icon-blue":"aZSgJ7","iconBlue":"aZSgJ7"};
|
|
5491
5491
|
|
|
5492
5492
|
function DropSpot(props) {
|
|
5493
5493
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5505,7 +5505,7 @@ function DropSpot(props) {
|
|
|
5505
5505
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5506
5506
|
}
|
|
5507
5507
|
|
|
5508
|
-
var css$3 = {"root":"
|
|
5508
|
+
var css$3 = {"root":"jiDo-Z"};
|
|
5509
5509
|
|
|
5510
5510
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5511
5511
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5516,7 +5516,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5516
5516
|
React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5517
5517
|
});
|
|
5518
5518
|
|
|
5519
|
-
var css$2 = {"root":"
|
|
5519
|
+
var css$2 = {"root":"dHOHvg","file-name":"GsVOSP","fileName":"GsVOSP","default-color":"_4EqM5L","defaultColor":"_4EqM5L","doc-color":"_3TXxGc","docColor":"_3TXxGc","xls-color":"Mzsna1","xlsColor":"Mzsna1","pdf-color":"KloUIx","pdfColor":"KloUIx","movie-color":"bWc1Q-","movieColor":"bWc1Q-","img-color":"gDjYCs","imgColor":"gDjYCs","mov-color":"hnAau8","movColor":"hnAau8","error-block":"R3DMBz","errorBlock":"R3DMBz","icons-block":"G-F88Y","iconsBlock":"G-F88Y"};
|
|
5520
5520
|
|
|
5521
5521
|
const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5522
5522
|
const [isLoadingShow, setIsLoadingShow] = React.useState(true);
|
|
@@ -5635,7 +5635,7 @@ const getErrorPageConfig = () => ({
|
|
|
5635
5635
|
},
|
|
5636
5636
|
});
|
|
5637
5637
|
|
|
5638
|
-
var css$1 = {"container":"
|
|
5638
|
+
var css$1 = {"container":"C-HseU"};
|
|
5639
5639
|
|
|
5640
5640
|
const ErrorPage = (props) => {
|
|
5641
5641
|
const isMobileScreen = isMobile();
|
|
@@ -5647,7 +5647,7 @@ const ErrorPage = (props) => {
|
|
|
5647
5647
|
props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5648
5648
|
};
|
|
5649
5649
|
|
|
5650
|
-
var css = {"recovery-spinner":"
|
|
5650
|
+
var css = {"recovery-spinner":"vsykh1","recoverySpinner":"vsykh1","recovery-message":"qW4GK5","recoveryMessage":"qW4GK5","modal-blocker":"_5I1qoT","modalBlocker":"_5I1qoT","modalFadeIn":"f565u2"};
|
|
5651
5651
|
|
|
5652
5652
|
function ErrorHandler(props) {
|
|
5653
5653
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|