@epam/uui 5.13.3-beta.16 → 5.13.3-beta.18
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 +104 -104
- package/index.esm.js.map +1 -1
- package/index.js +104 -104
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +1 -1
- package/styles.css +1002 -1003
- package/styles.css.map +1 -1
package/index.esm.js
CHANGED
|
@@ -149,7 +149,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
149
149
|
xmlns: "http://www.w3.org/2000/svg",
|
|
150
150
|
ref: ref
|
|
151
151
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
152
|
-
clipPath: "url(#
|
|
152
|
+
clipPath: "url(#birp5wi3ckwgv81oe_a)"
|
|
153
153
|
}, _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
|
|
154
154
|
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",
|
|
155
155
|
fill: "#F5F6FA"
|
|
@@ -170,7 +170,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
170
170
|
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",
|
|
171
171
|
fill: "#1D1E26"
|
|
172
172
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
173
|
-
id: "
|
|
173
|
+
id: "birp5w3ek8b5tbfz_b",
|
|
174
174
|
style: {
|
|
175
175
|
maskType: "alpha"
|
|
176
176
|
},
|
|
@@ -183,7 +183,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
183
183
|
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",
|
|
184
184
|
fill: "#9BDEFF"
|
|
185
185
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
186
|
-
mask: "url(#
|
|
186
|
+
mask: "url(#birp5w3ek8b5tbfz_b)",
|
|
187
187
|
fillRule: "evenodd",
|
|
188
188
|
clipRule: "evenodd"
|
|
189
189
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -269,7 +269,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
269
269
|
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",
|
|
270
270
|
fill: "#fff"
|
|
271
271
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
272
|
-
id: "
|
|
272
|
+
id: "birp5wi3ckwgv81oe_a"
|
|
273
273
|
}, /*#__PURE__*/React.createElement("path", {
|
|
274
274
|
fill: "#fff",
|
|
275
275
|
transform: "translate(.552)",
|
|
@@ -920,14 +920,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
920
920
|
};
|
|
921
921
|
var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
922
922
|
|
|
923
|
-
var css$1x = {"root":"
|
|
923
|
+
var css$1x = {"root":"iLuEo-","uui-spinner":"OjnP0j","uuiSpinner":"OjnP0j"};
|
|
924
924
|
|
|
925
925
|
function applySpinnerMods() {
|
|
926
926
|
return [css$1x.root, 'uui-spinner'];
|
|
927
927
|
}
|
|
928
928
|
const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
|
|
929
929
|
|
|
930
|
-
var css$1w = {"root":"
|
|
930
|
+
var css$1w = {"root":"jQFtI5","loading-word":"egS94L","loadingWord":"egS94L","animated-loading":"JyxOwk","animatedLoading":"JyxOwk","skeleton_loading":"_847wxe","skeletonLoading":"_847wxe"};
|
|
931
931
|
|
|
932
932
|
const TextPlaceholder = (props) => {
|
|
933
933
|
const pattern = ' ';
|
|
@@ -944,7 +944,7 @@ const TextPlaceholder = (props) => {
|
|
|
944
944
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
945
945
|
};
|
|
946
946
|
|
|
947
|
-
var css$1v = {"root":"
|
|
947
|
+
var css$1v = {"root":"gt3v5M","line-height":"_7r-Snq","lineHeight":"_7r-Snq","font-size":"-j2q4l","fontSize":"-j2q4l"};
|
|
948
948
|
|
|
949
949
|
function applyTextMods(mods) {
|
|
950
950
|
return [
|
|
@@ -1455,7 +1455,7 @@ const settings = {
|
|
|
1455
1455
|
textInput: textInputSettings,
|
|
1456
1456
|
};
|
|
1457
1457
|
|
|
1458
|
-
var css$1u = {"root":"
|
|
1458
|
+
var css$1u = {"root":"ujJXGr"};
|
|
1459
1459
|
|
|
1460
1460
|
function applyButtonMods(mods) {
|
|
1461
1461
|
return [
|
|
@@ -1473,7 +1473,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
1473
1473
|
};
|
|
1474
1474
|
});
|
|
1475
1475
|
|
|
1476
|
-
var css$1t = {"root":"
|
|
1476
|
+
var css$1t = {"root":"WYjSqA"};
|
|
1477
1477
|
|
|
1478
1478
|
function applyIconButtonMods(props) {
|
|
1479
1479
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1t.root];
|
|
@@ -1510,7 +1510,7 @@ function getIconClass(props) {
|
|
|
1510
1510
|
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'];
|
|
1511
1511
|
}
|
|
1512
1512
|
|
|
1513
|
-
var css$1s = {"root":"
|
|
1513
|
+
var css$1s = {"root":"Dng9FS"};
|
|
1514
1514
|
|
|
1515
1515
|
const DEFAULT_COLOR = 'primary';
|
|
1516
1516
|
const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -1540,7 +1540,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1540
1540
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1541
1541
|
});
|
|
1542
1542
|
|
|
1543
|
-
var css$1r = {"root":"
|
|
1543
|
+
var css$1r = {"root":"_41ZR6I"};
|
|
1544
1544
|
|
|
1545
1545
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1546
1546
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1552,7 +1552,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1552
1552
|
]) }, props.caption));
|
|
1553
1553
|
});
|
|
1554
1554
|
|
|
1555
|
-
var css$1q = {"root":"
|
|
1555
|
+
var css$1q = {"root":"_3TciOy","withNotify":"I8Rnoq"};
|
|
1556
1556
|
|
|
1557
1557
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
1558
1558
|
const styles = [
|
|
@@ -1580,14 +1580,14 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1580
1580
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1581
1581
|
});
|
|
1582
1582
|
|
|
1583
|
-
var css$1p = {"root":"
|
|
1583
|
+
var css$1p = {"root":"bWhSnY"};
|
|
1584
1584
|
|
|
1585
1585
|
function applyVerticalTabButtonMods() {
|
|
1586
1586
|
return [css$1p.root, 'uui-vertical-tab-button'];
|
|
1587
1587
|
}
|
|
1588
1588
|
const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
|
|
1589
1589
|
|
|
1590
|
-
var css$1o = {"root":"
|
|
1590
|
+
var css$1o = {"root":"CiLPsg"};
|
|
1591
1591
|
|
|
1592
1592
|
function applyCheckboxMods(mods) {
|
|
1593
1593
|
return [
|
|
@@ -1605,7 +1605,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1605
1605
|
};
|
|
1606
1606
|
const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1607
1607
|
|
|
1608
|
-
var css$1n = {"root":"
|
|
1608
|
+
var css$1n = {"root":"TpdXOc"};
|
|
1609
1609
|
|
|
1610
1610
|
function applyRadioInputMods(mods) {
|
|
1611
1611
|
return [
|
|
@@ -1617,7 +1617,7 @@ function applyRadioInputMods(mods) {
|
|
|
1617
1617
|
}
|
|
1618
1618
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1619
1619
|
|
|
1620
|
-
var css$1m = {"root":"
|
|
1620
|
+
var css$1m = {"root":"_1Ulqnt"};
|
|
1621
1621
|
|
|
1622
1622
|
function applySwitchMods(mods) {
|
|
1623
1623
|
return [
|
|
@@ -1641,7 +1641,7 @@ var EditMode;
|
|
|
1641
1641
|
EditMode["INLINE"] = "inline";
|
|
1642
1642
|
})(EditMode || (EditMode = {}));
|
|
1643
1643
|
|
|
1644
|
-
var textInputCss = {"root":"
|
|
1644
|
+
var textInputCss = {"root":"Z8J36D"};
|
|
1645
1645
|
|
|
1646
1646
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1647
1647
|
function applyTextInputMods(mods) {
|
|
@@ -1666,7 +1666,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1666
1666
|
} }));
|
|
1667
1667
|
});
|
|
1668
1668
|
|
|
1669
|
-
var css$1l = {"root":"
|
|
1669
|
+
var css$1l = {"root":"fAVdLH"};
|
|
1670
1670
|
|
|
1671
1671
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1l.root, 'uui-control-group']);
|
|
1672
1672
|
|
|
@@ -1682,7 +1682,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1682
1682
|
}
|
|
1683
1683
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
1684
1684
|
|
|
1685
|
-
var css$1k = {"root":"
|
|
1685
|
+
var css$1k = {"root":"op2ZNG"};
|
|
1686
1686
|
|
|
1687
1687
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1688
1688
|
function applyNumericInputMods(mods) {
|
|
@@ -1702,7 +1702,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
1702
1702
|
};
|
|
1703
1703
|
});
|
|
1704
1704
|
|
|
1705
|
-
var css$1j = {"root":"
|
|
1705
|
+
var css$1j = {"root":"TvcaIt"};
|
|
1706
1706
|
|
|
1707
1707
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1708
1708
|
function applyTextAreaMods(mods) {
|
|
@@ -1743,7 +1743,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1743
1743
|
};
|
|
1744
1744
|
}
|
|
1745
1745
|
|
|
1746
|
-
var css$1i = {"root":"
|
|
1746
|
+
var css$1i = {"root":"u-ZcDM","main-path":"_0nPgOe","mainPath":"_0nPgOe","content-wrapper":"joVUn4","contentWrapper":"joVUn4","content":"WVLeKj","action-wrapper":"DQ7DUq","actionWrapper":"DQ7DUq","icon-wrapper":"O3rv4h","iconWrapper":"O3rv4h","icon":"Fk2Fqq","close-icon":"STO6-u","closeIcon":"STO6-u"};
|
|
1747
1747
|
|
|
1748
1748
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1i.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
1749
1749
|
React.createElement("div", { className: css$1i.mainPath },
|
|
@@ -1761,7 +1761,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
1761
1761
|
|
|
1762
1762
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
1763
1763
|
|
|
1764
|
-
var css$1h = {"root":"
|
|
1764
|
+
var css$1h = {"root":"xB3JBB"};
|
|
1765
1765
|
|
|
1766
1766
|
function applyDropdownContainerMods(mods) {
|
|
1767
1767
|
return [
|
|
@@ -1772,7 +1772,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1772
1772
|
}
|
|
1773
1773
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
1774
1774
|
|
|
1775
|
-
var css$1g = {"submenu-root-item-rtl":"
|
|
1775
|
+
var css$1g = {"submenu-root-item-rtl":"cYxerk","submenuRootItemRtl":"cYxerk","icon-after":"X0tKRZ","iconAfter":"X0tKRZ","submenu-root-item":"JoTkd6","submenuRootItem":"JoTkd6","icon-check":"cYR-wV","iconCheck":"cYR-wV","splitter-root":"_9J3uOc","splitterRoot":"_9J3uOc","splitter":"KCLtJf","header-root":"sHLxrb","headerRoot":"sHLxrb","item-root":"p4d2pI","itemRoot":"p4d2pI","icon":"eHymDj","link":"zNpjkB","indent":"yJuavg","selected-mark":"gTVBu6","selectedMark":"gTVBu6"};
|
|
1776
1776
|
|
|
1777
1777
|
var IDropdownControlKeys;
|
|
1778
1778
|
(function (IDropdownControlKeys) {
|
|
@@ -1902,7 +1902,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1902
1902
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1903
1903
|
}
|
|
1904
1904
|
|
|
1905
|
-
var css$1f = {"root":"
|
|
1905
|
+
var css$1f = {"root":"UF62lV","mode-block":"qD-3KY","modeBlock":"qD-3KY","mode-inline":"z4VvrB","modeInline":"z4VvrB","padding-0":"UvU-BL","padding0":"UvU-BL","padding-6":"qxT0Lv","padding6":"qxT0Lv","padding-12":"TqPZt0","padding12":"TqPZt0","padding-18":"XOUuuo","padding18":"XOUuuo"};
|
|
1906
1906
|
|
|
1907
1907
|
function applyAccordionMods(mods) {
|
|
1908
1908
|
return [
|
|
@@ -1915,7 +1915,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
1915
1915
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
1916
1916
|
}));
|
|
1917
1917
|
|
|
1918
|
-
var css$1e = {"root":"
|
|
1918
|
+
var css$1e = {"root":"O7G3fh","align-items":"j-lR8H","alignItems":"j-lR8H","justify-content":"ETtOcl","justifyContent":"ETtOcl","border-top":"-W2M4-","borderTop":"-W2M4-","border-bottom":"mVk7RA","borderBottom":"mVk7RA","top-shadow":"_4B-1W0","topShadow":"_4B-1W0","padding":"AIr6AD","margin":"xmgF-8","vPadding":"T9TUPT","column-gap":"hzPEoU","columnGap":"hzPEoU","row-gap":"ZmG5-W","rowGap":"ZmG5-W","spacing":"_9dSPQR"};
|
|
1919
1919
|
|
|
1920
1920
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1e.flexCell]);
|
|
1921
1921
|
|
|
@@ -1960,7 +1960,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1960
1960
|
} }, props.children));
|
|
1961
1961
|
});
|
|
1962
1962
|
|
|
1963
|
-
var css$1d = {"root":"
|
|
1963
|
+
var css$1d = {"root":"YH7UtB","margin-24":"-EF2DG","margin24":"-EF2DG","padding-12":"cO7EpJ","padding12":"cO7EpJ","padding-24":"s3Snpp","padding24":"s3Snpp","shadow":"JveBIj","uui-surface-main":"ThW2jf","uuiSurfaceMain":"ThW2jf"};
|
|
1964
1964
|
|
|
1965
1965
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
1966
1966
|
'uui-panel',
|
|
@@ -1970,7 +1970,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
1970
1970
|
props.background && css$1d[`uui-${props.background}`],
|
|
1971
1971
|
]);
|
|
1972
1972
|
|
|
1973
|
-
var css$1c = {"root":"
|
|
1973
|
+
var css$1c = {"root":"fJcHEX"};
|
|
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":"i7llcR"};
|
|
1984
1984
|
|
|
1985
1985
|
function applyLabeledInputMods(mods) {
|
|
1986
1986
|
return [
|
|
@@ -1997,7 +1997,7 @@ function applyLabeledInputProps(props) {
|
|
|
1997
1997
|
}
|
|
1998
1998
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
1999
1999
|
|
|
2000
|
-
var css$1a = {"root":"
|
|
2000
|
+
var css$1a = {"root":"skgNJ9"};
|
|
2001
2001
|
|
|
2002
2002
|
function RadioGroup(props) {
|
|
2003
2003
|
const direction = props.direction || 'vertical';
|
|
@@ -2012,7 +2012,7 @@ function RadioGroup(props) {
|
|
|
2012
2012
|
})));
|
|
2013
2013
|
}
|
|
2014
2014
|
|
|
2015
|
-
var css$19 = {"root":"
|
|
2015
|
+
var css$19 = {"root":"CRV-Ed"};
|
|
2016
2016
|
|
|
2017
2017
|
function applyScrollBarsMods() {
|
|
2018
2018
|
return [
|
|
@@ -2021,9 +2021,9 @@ function applyScrollBarsMods() {
|
|
|
2021
2021
|
}
|
|
2022
2022
|
const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
|
|
2023
2023
|
|
|
2024
|
-
var css$18 = {"scroll-container":"
|
|
2024
|
+
var css$18 = {"scroll-container":"_7cbjxd","scrollContainer":"_7cbjxd","list-container":"b3xHZN","listContainer":"b3xHZN"};
|
|
2025
2025
|
|
|
2026
|
-
var css$17 = {"root":"
|
|
2026
|
+
var css$17 = {"root":"HelrbX"};
|
|
2027
2027
|
|
|
2028
2028
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$17.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
2029
2029
|
|
|
@@ -2069,7 +2069,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2069
2069
|
React.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2070
2070
|
});
|
|
2071
2071
|
|
|
2072
|
-
var css$16 = {"root":"
|
|
2072
|
+
var css$16 = {"root":"z9KTfV"};
|
|
2073
2073
|
|
|
2074
2074
|
function CheckboxGroup(props) {
|
|
2075
2075
|
const currentValue = props.value || [];
|
|
@@ -2091,7 +2091,7 @@ function CheckboxGroup(props) {
|
|
|
2091
2091
|
})));
|
|
2092
2092
|
}
|
|
2093
2093
|
|
|
2094
|
-
var css$15 = {"root":"
|
|
2094
|
+
var css$15 = {"root":"i-6kzL","modal-blocker":"-S24ko","modalBlocker":"-S24ko","animateModalBlocker":"Ep0M3B","modal":"wetTAl","modal-footer":"amlh5P","modalFooter":"amlh5P","border-top":"woTBJe","borderTop":"woTBJe","modal-header":"zQQ4zi","modalHeader":"zQQ4zi","border-bottom":"ERg0qX","borderBottom":"ERg0qX"};
|
|
2095
2095
|
|
|
2096
2096
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$15.modalBlocker]);
|
|
2097
2097
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$15.root, css$15.modal], (props) => {
|
|
@@ -2281,7 +2281,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2281
2281
|
});
|
|
2282
2282
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2283
2283
|
|
|
2284
|
-
var css$14 = {"root":"
|
|
2284
|
+
var css$14 = {"root":"jljsSg","icon-wrapper":"qiIdzU","iconWrapper":"qiIdzU","action-wrapper":"WrbyuD","actionWrapper":"WrbyuD","close-icon":"vf-gI-","closeIcon":"vf-gI-","main-path":"_9JMyQQ","mainPath":"_9JMyQQ","content":"Scyn9p","close-wrapper":"pYHJfV","closeWrapper":"pYHJfV","clear-notifications":"yeDZHb","clearNotifications":"yeDZHb"};
|
|
2285
2285
|
|
|
2286
2286
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
2287
2287
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -2314,7 +2314,7 @@ function ClearNotification() {
|
|
|
2314
2314
|
React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2315
2315
|
}
|
|
2316
2316
|
|
|
2317
|
-
var css$13 = {"footer":"
|
|
2317
|
+
var css$13 = {"footer":"bjTHur"};
|
|
2318
2318
|
|
|
2319
2319
|
class ConfirmationModal extends React.Component {
|
|
2320
2320
|
render() {
|
|
@@ -2356,7 +2356,7 @@ function useReliableForceUpdate() {
|
|
|
2356
2356
|
return red[1];
|
|
2357
2357
|
}
|
|
2358
2358
|
|
|
2359
|
-
var css$12 = {"root":"
|
|
2359
|
+
var css$12 = {"root":"qMvqX0","timepicker-input":"-RfSot","timepickerInput":"-RfSot","ltr-always":"Wjq2qT","ltrAlways":"Wjq2qT"};
|
|
2360
2360
|
|
|
2361
2361
|
const uuiTimePicker = {
|
|
2362
2362
|
container: 'uui-timepicker-container',
|
|
@@ -2549,7 +2549,7 @@ function TimePicker(props) {
|
|
|
2549
2549
|
return (React__default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
|
|
2550
2550
|
}
|
|
2551
2551
|
|
|
2552
|
-
var css$11 = {"root":"
|
|
2552
|
+
var css$11 = {"root":"E12vtC"};
|
|
2553
2553
|
|
|
2554
2554
|
function applyInputAddonMods() {
|
|
2555
2555
|
return [
|
|
@@ -2558,14 +2558,14 @@ function applyInputAddonMods() {
|
|
|
2558
2558
|
}
|
|
2559
2559
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
2560
2560
|
|
|
2561
|
-
var css$10 = {"root":"
|
|
2561
|
+
var css$10 = {"root":"_50SFNZ"};
|
|
2562
2562
|
|
|
2563
2563
|
function applySliderMods() {
|
|
2564
2564
|
return [css$10.root, 'uui-color-neutral'];
|
|
2565
2565
|
}
|
|
2566
2566
|
const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
|
|
2567
2567
|
|
|
2568
|
-
var css$$ = {"root":"
|
|
2568
|
+
var css$$ = {"root":"Gvd5h3","tooltip":"BMQzyH"};
|
|
2569
2569
|
|
|
2570
2570
|
function applyRatingMods(mods) {
|
|
2571
2571
|
return [
|
|
@@ -2579,7 +2579,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
|
|
|
2579
2579
|
Tooltip,
|
|
2580
2580
|
}));
|
|
2581
2581
|
|
|
2582
|
-
var css$_ = {"root":"
|
|
2582
|
+
var css$_ = {"root":"xSMBNU","container":"UYufi3"};
|
|
2583
2583
|
|
|
2584
2584
|
const defaultFormat = 'MMM D, YYYY';
|
|
2585
2585
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2790,14 +2790,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2790
2790
|
React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2791
2791
|
}
|
|
2792
2792
|
|
|
2793
|
-
var css$Z = {"root":"
|
|
2793
|
+
var css$Z = {"root":"S90agx"};
|
|
2794
2794
|
|
|
2795
2795
|
function applyDateSelectionMods() {
|
|
2796
2796
|
return [css$Z.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2797
2797
|
}
|
|
2798
2798
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
2799
2799
|
|
|
2800
|
-
var css$Y = {"root":"
|
|
2800
|
+
var css$Y = {"root":"S399wE"};
|
|
2801
2801
|
|
|
2802
2802
|
const uuiDatePickerBody = {
|
|
2803
2803
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2923,7 +2923,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2923
2923
|
}
|
|
2924
2924
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
2925
2925
|
|
|
2926
|
-
var css$X = {"date-input":"
|
|
2926
|
+
var css$X = {"date-input":"QbBBI1","dateInput":"QbBBI1","root":"mLA-F6","separator":"Y2t1Ro"};
|
|
2927
2927
|
|
|
2928
2928
|
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
|
|
2929
2929
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
@@ -2974,7 +2974,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
2974
2974
|
} : 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 })));
|
|
2975
2975
|
});
|
|
2976
2976
|
|
|
2977
|
-
var css$W = {"root":"
|
|
2977
|
+
var css$W = {"root":"_6rhG7v"};
|
|
2978
2978
|
|
|
2979
2979
|
const uuiPresets = {
|
|
2980
2980
|
container: 'uui-presets-container',
|
|
@@ -2994,7 +2994,7 @@ function CalendarPresets(props) {
|
|
|
2994
2994
|
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
2995
2995
|
}
|
|
2996
2996
|
|
|
2997
|
-
var css$V = {"root":"
|
|
2997
|
+
var css$V = {"root":"pc3RWh","container":"oi90Ib","day-selection":"W1WgxZ","daySelection":"W1WgxZ","from-picker":"xfYcnT","fromPicker":"xfYcnT","to-picker":"GWGucs","toPicker":"GWGucs","bodes-wrapper":"yjyZZI","bodesWrapper":"yjyZZI","blocker":"-bxIfA"};
|
|
2998
2998
|
|
|
2999
2999
|
const uuiRangeDatePickerBody = {
|
|
3000
3000
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3169,7 +3169,7 @@ const getDayCX = (day, selectedDate) => {
|
|
|
3169
3169
|
return [cx(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiDaySelection.selectedDay)];
|
|
3170
3170
|
};
|
|
3171
3171
|
|
|
3172
|
-
var css$U = {"dropdown-container":"
|
|
3172
|
+
var css$U = {"dropdown-container":"BCrOb1","dropdownContainer":"BCrOb1"};
|
|
3173
3173
|
|
|
3174
3174
|
const modifiers = [{
|
|
3175
3175
|
name: 'offset',
|
|
@@ -3237,7 +3237,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3237
3237
|
}
|
|
3238
3238
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3239
3239
|
|
|
3240
|
-
var css$T = {"root":"
|
|
3240
|
+
var css$T = {"root":"vUfU09","blocker":"Vgru27","marker":"l9FlcQ","top":"ZYFsjN","bottom":"AjdYaX","left":"wGe6PC","right":"SLBdXm","inside":"Em7Sxq"};
|
|
3241
3241
|
|
|
3242
3242
|
function DropMarker(props) {
|
|
3243
3243
|
return props.isDndInProgress
|
|
@@ -3254,7 +3254,7 @@ function DropMarker(props) {
|
|
|
3254
3254
|
|
|
3255
3255
|
const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3256
3256
|
|
|
3257
|
-
var css$S = {"modal":"
|
|
3257
|
+
var css$S = {"modal":"_9IVAzP","search-wrapper":"oLBbsb","searchWrapper":"oLBbsb","no-data":"ocqKFJ","noData":"ocqKFJ"};
|
|
3258
3258
|
|
|
3259
3259
|
class DataPickerBody extends PickerBodyBase {
|
|
3260
3260
|
constructor() {
|
|
@@ -3331,7 +3331,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3331
3331
|
}
|
|
3332
3332
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
3333
3333
|
|
|
3334
|
-
var css$R = {"header":"
|
|
3334
|
+
var css$R = {"header":"f9zdVg","title":"oDIKLv","close":"tp0d-W"};
|
|
3335
3335
|
|
|
3336
3336
|
const DataPickerHeaderImpl = (props) => {
|
|
3337
3337
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3341,11 +3341,11 @@ const DataPickerHeaderImpl = (props) => {
|
|
|
3341
3341
|
};
|
|
3342
3342
|
const DataPickerHeader = /* @__PURE__ */React__default.memo(DataPickerHeaderImpl);
|
|
3343
3343
|
|
|
3344
|
-
var css$Q = {"root":"
|
|
3344
|
+
var css$Q = {"root":"FYZ3d1"};
|
|
3345
3345
|
|
|
3346
3346
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$Q.root]);
|
|
3347
3347
|
|
|
3348
|
-
var css$P = {"root":"
|
|
3348
|
+
var css$P = {"root":"Xvn4Sy"};
|
|
3349
3349
|
|
|
3350
3350
|
const DEFAULT_FILL = 'solid';
|
|
3351
3351
|
function applyBadgeMods(mods) {
|
|
@@ -3373,7 +3373,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3373
3373
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3374
3374
|
});
|
|
3375
3375
|
|
|
3376
|
-
var css$O = {"root":"
|
|
3376
|
+
var css$O = {"root":"pGUmCD"};
|
|
3377
3377
|
|
|
3378
3378
|
function applyTagMods(props) {
|
|
3379
3379
|
return [
|
|
@@ -3401,7 +3401,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3401
3401
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3402
3402
|
});
|
|
3403
3403
|
|
|
3404
|
-
var css$N = {"root":"
|
|
3404
|
+
var css$N = {"root":"-yGCh6","page":"_6bC-YB","spacer":"oKBkDl","mode-ghost":"xyAmC2","modeGhost":"xyAmC2"};
|
|
3405
3405
|
|
|
3406
3406
|
function Paginator(props) {
|
|
3407
3407
|
const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx(css$N.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
@@ -3418,14 +3418,14 @@ function Paginator(props) {
|
|
|
3418
3418
|
return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
|
|
3419
3419
|
}
|
|
3420
3420
|
|
|
3421
|
-
var css$M = {"root":"
|
|
3421
|
+
var css$M = {"root":"_1W8GxP","progress-bar":"P0G8n6","progressBar":"P0G8n6","progressBar-indeterminate":"amKe3c","progressBarIndeterminate":"amKe3c","size-12":"m8fxRf","size12":"m8fxRf","size-18":"ZTlL9Z","size18":"ZTlL9Z","size-24":"-dDQN3","size24":"-dDQN3"};
|
|
3422
3422
|
|
|
3423
3423
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3424
3424
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$M.root, css$M[`size-${props.size || 12}`]) },
|
|
3425
3425
|
React.createElement("div", { className: cx(css$M.progressBar) })));
|
|
3426
3426
|
});
|
|
3427
3427
|
|
|
3428
|
-
var css$L = {"root":"
|
|
3428
|
+
var css$L = {"root":"lbu-W6","striped":"ASfYJv","animate-stripes":"vj7RU-","animateStripes":"vj7RU-","size-12":"xCqhm-","size12":"xCqhm-","size-18":"_6SWDyJ","size18":"_6SWDyJ","size-24":"yX2VWl","size24":"yX2VWl"};
|
|
3429
3429
|
|
|
3430
3430
|
const DEFAULT_SIZE = '12';
|
|
3431
3431
|
function applyProgressBarMods(mods) {
|
|
@@ -3440,14 +3440,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
3440
3440
|
hideLabel: props.hideLabel || props.striped,
|
|
3441
3441
|
}));
|
|
3442
3442
|
|
|
3443
|
-
var css$K = {"root":"
|
|
3443
|
+
var css$K = {"root":"vdrt2-"};
|
|
3444
3444
|
|
|
3445
3445
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3446
3446
|
const { progress } = props;
|
|
3447
3447
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$K.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$K.root, props.cx) }));
|
|
3448
3448
|
});
|
|
3449
3449
|
|
|
3450
|
-
var css$J = {"root":"
|
|
3450
|
+
var css$J = {"root":"LMSpJO"};
|
|
3451
3451
|
|
|
3452
3452
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
3453
3453
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -3462,7 +3462,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
3462
3462
|
React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3463
3463
|
});
|
|
3464
3464
|
|
|
3465
|
-
var css$I = {"drag-handle":"
|
|
3465
|
+
var css$I = {"drag-handle":"_2IDHs8","dragHandle":"_2IDHs8","icon-container":"Yl7NZJ","iconContainer":"Yl7NZJ"};
|
|
3466
3466
|
|
|
3467
3467
|
function DataRowAddons(props) {
|
|
3468
3468
|
const row = props.rowProps;
|
|
@@ -3483,7 +3483,7 @@ function DataRowAddons(props) {
|
|
|
3483
3483
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.dataTable.sizes.body.iconMap[props.size || settings.dataTable.sizes.body.row] }))))));
|
|
3484
3484
|
}
|
|
3485
3485
|
|
|
3486
|
-
var css$H = {"root":"
|
|
3486
|
+
var css$H = {"root":"Ujr3l9","align-widgets-top":"gUa8jX","alignWidgetsTop":"gUa8jX","align-widgets-center":"hBJRej","alignWidgetsCenter":"hBJRej","icon-container":"gqwAJr","iconContainer":"gqwAJr","content-wrapper":"bBL7g9","contentWrapper":"bBL7g9","render-item":"ZQiSfh","renderItem":"ZQiSfh","icon-wrapper":"Q-bAm3","iconWrapper":"Q-bAm3","icon-default":"VJoQ6k","iconDefault":"VJoQ6k","selected-mark":"_-8MGUy","selectedMark":"_-8MGUy"};
|
|
3487
3487
|
|
|
3488
3488
|
function DataPickerCell(props) {
|
|
3489
3489
|
const ref = React.useRef();
|
|
@@ -3521,7 +3521,7 @@ function DataPickerCell(props) {
|
|
|
3521
3521
|
getWrappedContent()));
|
|
3522
3522
|
}
|
|
3523
3523
|
|
|
3524
|
-
var css$G = {"picker-row":"
|
|
3524
|
+
var css$G = {"picker-row":"RX2EVO","pickerRow":"RX2EVO"};
|
|
3525
3525
|
|
|
3526
3526
|
class DataPickerRow extends React.Component {
|
|
3527
3527
|
constructor() {
|
|
@@ -3535,7 +3535,7 @@ class DataPickerRow extends React.Component {
|
|
|
3535
3535
|
}
|
|
3536
3536
|
}
|
|
3537
3537
|
|
|
3538
|
-
var css$F = {"done":"
|
|
3538
|
+
var css$F = {"done":"_33P1UR","container":"vk-Hi7"};
|
|
3539
3539
|
|
|
3540
3540
|
const PickerBodyMobileView = (props) => {
|
|
3541
3541
|
const isMobileView = isMobile();
|
|
@@ -3612,7 +3612,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3612
3612
|
return getDecoratedText(str, ranges);
|
|
3613
3613
|
};
|
|
3614
3614
|
|
|
3615
|
-
var css$E = {"root":"
|
|
3615
|
+
var css$E = {"root":"xAHm7i","column-gap":"cnZbMK","columnGap":"cnZbMK","title":"Ny1I3-","subtitle":"_3hljJ3","disabled":"jGo9Ge","multiline":"Xx5qUW"};
|
|
3616
3616
|
|
|
3617
3617
|
function PickerItem(props) {
|
|
3618
3618
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3633,7 +3633,7 @@ function getAvatarSize(size, isMultiline) {
|
|
|
3633
3633
|
return settings.pickerInput.sizes.body[isMultiline ? 'itemAvatarMultilineMap' : 'itemAvatarMap'][size];
|
|
3634
3634
|
}
|
|
3635
3635
|
|
|
3636
|
-
var css$D = {"sub-header-wrapper":"
|
|
3636
|
+
var css$D = {"sub-header-wrapper":"e5pkXB","subHeaderWrapper":"e5pkXB","switch":"z7V--R","no-found-modal-container":"_6lj2iK","noFoundModalContainer":"_6lj2iK","no-found-modal-container-icon":"QRkzfl","noFoundModalContainerIcon":"QRkzfl","no-found-modal-container-text":"wTpl2g","noFoundModalContainerText":"wTpl2g"};
|
|
3637
3637
|
|
|
3638
3638
|
function PickerModal(props) {
|
|
3639
3639
|
const { view, selection, dataSourceStateLens, dataSourceState, getDataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
|
|
@@ -3688,7 +3688,7 @@ function PickerModal(props) {
|
|
|
3688
3688
|
React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3689
3689
|
}
|
|
3690
3690
|
|
|
3691
|
-
var css$C = {"tooltip":"
|
|
3691
|
+
var css$C = {"tooltip":"_32OfCa"};
|
|
3692
3692
|
|
|
3693
3693
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3694
3694
|
const tagProps = {
|
|
@@ -3707,7 +3707,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
3707
3707
|
}
|
|
3708
3708
|
});
|
|
3709
3709
|
|
|
3710
|
-
var css$B = {"root":"
|
|
3710
|
+
var css$B = {"root":"_57HagT"};
|
|
3711
3711
|
|
|
3712
3712
|
const defaultMode = EditMode.FORM;
|
|
3713
3713
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3808,7 +3808,7 @@ function PickerInputComponent({ highlightSearchMatches = true, ...props }, ref)
|
|
|
3808
3808
|
}
|
|
3809
3809
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
3810
3810
|
|
|
3811
|
-
var css$A = {"row":"
|
|
3811
|
+
var css$A = {"row":"xUbN2O"};
|
|
3812
3812
|
|
|
3813
3813
|
function PickerListItem(props) {
|
|
3814
3814
|
let label;
|
|
@@ -3828,7 +3828,7 @@ function PickerListItem(props) {
|
|
|
3828
3828
|
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));
|
|
3829
3829
|
}
|
|
3830
3830
|
|
|
3831
|
-
var css$z = {"root":"
|
|
3831
|
+
var css$z = {"root":"bEphCz"};
|
|
3832
3832
|
|
|
3833
3833
|
function PickerList(props) {
|
|
3834
3834
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -3863,7 +3863,7 @@ function PickerList(props) {
|
|
|
3863
3863
|
}, selectedRows)));
|
|
3864
3864
|
}
|
|
3865
3865
|
|
|
3866
|
-
var css$y = {"root":"
|
|
3866
|
+
var css$y = {"root":"_3RoL4J","wrapper":"Ky4T9j","align-widgets-top":"_87sk2-","alignWidgetsTop":"_87sk2-","align-widgets-center":"b6PzU0","alignWidgetsCenter":"b6PzU0"};
|
|
3867
3867
|
|
|
3868
3868
|
function DataTableCell(initialProps) {
|
|
3869
3869
|
const props = { ...initialProps };
|
|
@@ -3913,7 +3913,7 @@ function DataTableCell(initialProps) {
|
|
|
3913
3913
|
return React.createElement(DataTableCell$1, { ...props });
|
|
3914
3914
|
}
|
|
3915
3915
|
|
|
3916
|
-
var css$x = {"root":"
|
|
3916
|
+
var css$x = {"root":"_2Yxjze"};
|
|
3917
3917
|
|
|
3918
3918
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3919
3919
|
// 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.
|
|
@@ -3929,7 +3929,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
3929
3929
|
];
|
|
3930
3930
|
}, () => propsMods);
|
|
3931
3931
|
|
|
3932
|
-
var css$w = {"sorting-panel-container":"
|
|
3932
|
+
var css$w = {"sorting-panel-container":"_3PdAdq","sortingPanelContainer":"_3PdAdq"};
|
|
3933
3933
|
|
|
3934
3934
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
3935
3935
|
const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -3954,7 +3954,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
3954
3954
|
};
|
|
3955
3955
|
const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
|
|
3956
3956
|
|
|
3957
|
-
var css$v = {"root":"
|
|
3957
|
+
var css$v = {"root":"XZZK-u","caption-wrapper":"BfitZB","captionWrapper":"BfitZB","sort-icon":"NqCwSq","sortIcon":"NqCwSq","dropdown-icon":"fUdQy3","dropdownIcon":"fUdQy3","infoIcon":"-TEv3m","resizable":"UibsTy","align-right":"AxLjjU","alignRight":"AxLjjU","align-center":"Ns4xPN","alignCenter":"Ns4xPN","caption":"G5cZwV","truncate":"CZhGo8","upper-case":"-uyByy","upperCase":"-uyByy","checkbox":"ZTkEw3","icon":"AmvuOR","fold-all-icon":"QWLLaF","foldAllIcon":"QWLLaF","cell-tooltip":"daNU95","cellTooltip":"daNU95","resizing-marker":"tPhnFG","resizingMarker":"tPhnFG","pinned-right":"lY4yZq","pinnedRight":"lY4yZq","draggable":"bp2F2q","ghost":"FicLiA","is-dragged-out":"Jz-Lv2","isDraggedOut":"Jz-Lv2","dnd-marker-left":"_9OucEy","dndMarkerLeft":"_9OucEy","dnd-marker-right":"hqZfWP","dndMarkerRight":"hqZfWP","cell-tooltip-wrapper":"qyiBLX","cellTooltipWrapper":"qyiBLX","cell-tooltip-text":"ZbOqUY","cellTooltipText":"ZbOqUY","tooltip-caption":"bo8A2Q","tooltipCaption":"bo8A2Q","tooltip-info":"Nd-i3J","tooltipInfo":"Nd-i3J"};
|
|
3958
3958
|
|
|
3959
3959
|
class DataTableHeaderCell extends React.Component {
|
|
3960
3960
|
constructor() {
|
|
@@ -4048,7 +4048,7 @@ class DataTableHeaderCell extends React.Component {
|
|
|
4048
4048
|
}
|
|
4049
4049
|
}
|
|
4050
4050
|
|
|
4051
|
-
var css$u = {"root":"
|
|
4051
|
+
var css$u = {"root":"SysLE1","caption-wrapper":"NjtEJk","captionWrapper":"NjtEJk","align-center":"mrGnAI","alignCenter":"mrGnAI","caption":"_401bwj","truncate":"tJwcjH","upper-case":"vWXolx","upperCase":"vWXolx","group-cell-tooltip":"CU5Yf-","groupCellTooltip":"CU5Yf-","group-cell-tooltip-wrapper":"i9ZTAU","groupCellTooltipWrapper":"i9ZTAU","group-cell-tooltip-text":"-V7NTl","groupCellTooltipText":"-V7NTl","tooltip-caption":"dcRNS6","tooltipCaption":"dcRNS6","tooltip-info":"osw1wh","tooltipInfo":"osw1wh"};
|
|
4052
4052
|
|
|
4053
4053
|
class DataTableHeaderGroupCell extends React.Component {
|
|
4054
4054
|
constructor() {
|
|
@@ -4088,7 +4088,7 @@ class DataTableHeaderGroupCell extends React.Component {
|
|
|
4088
4088
|
}
|
|
4089
4089
|
}
|
|
4090
4090
|
|
|
4091
|
-
var css$t = {"root":"
|
|
4091
|
+
var css$t = {"root":"YjPki6"};
|
|
4092
4092
|
|
|
4093
4093
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4094
4094
|
renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4105,7 +4105,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4105
4105
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4106
4106
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4107
4107
|
|
|
4108
|
-
var css$s = {"root":"
|
|
4108
|
+
var css$s = {"root":"Uu7Ubl","title-wrapper":"AnjNh6","titleWrapper":"AnjNh6","title":"OIcn1L","text-wrapper":"_89E-vm","textWrapper":"_89E-vm","selection":"ghGcIH","postfix":"BJMymo","selected":"bf7Xcz"};
|
|
4109
4109
|
|
|
4110
4110
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4111
4111
|
const togglerPickerOpened = (e) => {
|
|
@@ -4273,7 +4273,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4273
4273
|
React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
4274
4274
|
}
|
|
4275
4275
|
|
|
4276
|
-
var css$r = {"container":"
|
|
4276
|
+
var css$r = {"container":"kQONQY"};
|
|
4277
4277
|
|
|
4278
4278
|
function FilterNumericBody(props) {
|
|
4279
4279
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -4353,7 +4353,7 @@ function FilterItemBody(props) {
|
|
|
4353
4353
|
}
|
|
4354
4354
|
}
|
|
4355
4355
|
|
|
4356
|
-
var css$q = {"body":"
|
|
4356
|
+
var css$q = {"body":"TTmmUm","header":"JkWJ7x","title":"fxssV2","removeButton":"_4X4lFO","with-search":"_3tzVHo","withSearch":"_3tzVHo"};
|
|
4357
4357
|
|
|
4358
4358
|
function useView(props, value) {
|
|
4359
4359
|
const forceUpdate = useForceUpdate();
|
|
@@ -4659,7 +4659,7 @@ function FiltersToolbarImpl(props) {
|
|
|
4659
4659
|
}
|
|
4660
4660
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
4661
4661
|
|
|
4662
|
-
var css$p = {"delete-button":"
|
|
4662
|
+
var css$p = {"delete-button":"kVsMq2","deleteButton":"kVsMq2","tab-button":"qNzT5E","tabButton":"qNzT5E","targetOpen":"_1THOe7"};
|
|
4663
4663
|
|
|
4664
4664
|
function PresetActionsDropdown(props) {
|
|
4665
4665
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -4731,7 +4731,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
4731
4731
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
4732
4732
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
4733
4733
|
|
|
4734
|
-
var css$o = {"preset-input-cell":"
|
|
4734
|
+
var css$o = {"preset-input-cell":"_5lyCUP","presetInputCell":"_5lyCUP","preset-input":"jpCH9w","presetInput":"jpCH9w"};
|
|
4735
4735
|
|
|
4736
4736
|
function PresetInput(props) {
|
|
4737
4737
|
const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
|
|
@@ -4758,7 +4758,7 @@ function PresetInput(props) {
|
|
|
4758
4758
|
React__default.createElement(TextInput, { cx: css$o.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
4759
4759
|
}
|
|
4760
4760
|
|
|
4761
|
-
var css$n = {"preset":"
|
|
4761
|
+
var css$n = {"preset":"bdrinb","activePreset":"G2-mCx"};
|
|
4762
4762
|
|
|
4763
4763
|
function Preset(props) {
|
|
4764
4764
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -4783,7 +4783,7 @@ function Preset(props) {
|
|
|
4783
4783
|
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$n.preset, isPresetActive && css$n.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
|
|
4784
4784
|
}
|
|
4785
4785
|
|
|
4786
|
-
var css$m = {"divider":"
|
|
4786
|
+
var css$m = {"divider":"h9mNqV","dropdownDeleteIcon":"P4dTiE","presetsWrapper":"rXW552","addPresetContainer":"x8Kt1v","dropContainer":"tPSKol"};
|
|
4787
4787
|
|
|
4788
4788
|
function PresetsPanel(props) {
|
|
4789
4789
|
const [isAddingPreset, setIsAddingPreset] = useState(false);
|
|
@@ -4869,7 +4869,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4869
4869
|
return columns;
|
|
4870
4870
|
};
|
|
4871
4871
|
|
|
4872
|
-
var css$l = {"unpin-icon":"
|
|
4872
|
+
var css$l = {"unpin-icon":"YAEkmQ","unpinIcon":"YAEkmQ","pin-toggler-icon":"mbSQYi","pinTogglerIcon":"mbSQYi"};
|
|
4873
4873
|
|
|
4874
4874
|
function PinIconButton(props) {
|
|
4875
4875
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4911,7 +4911,7 @@ function getUnpinIcon(params) {
|
|
|
4911
4911
|
}
|
|
4912
4912
|
}
|
|
4913
4913
|
|
|
4914
|
-
var css$k = {"row-wrapper":"
|
|
4914
|
+
var css$k = {"row-wrapper":"E2ymBO","rowWrapper":"E2ymBO","pin-icon-button":"IjAZL9","pinIconButton":"IjAZL9","not-pinned":"yCT7V-","notPinned":"yCT7V-","checkbox":"_5-SBku","drag-handle":"ansLEf","dragHandle":"ansLEf","dnd-disabled":"DapYzi","dndDisabled":"DapYzi"};
|
|
4915
4915
|
|
|
4916
4916
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4917
4917
|
const { column } = props;
|
|
@@ -4934,7 +4934,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
|
4934
4934
|
return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4935
4935
|
});
|
|
4936
4936
|
|
|
4937
|
-
var css$j = {"root":"
|
|
4937
|
+
var css$j = {"root":"wQ270G","main-panel":"k9OaBk","mainPanel":"k9OaBk","group":"aQ117X","group-title":"_6ITqZH","groupTitle":"_6ITqZH","group-items":"VF38u1","groupItems":"VF38u1","no-data":"-c6xXa","noData":"-c6xXa","no-data-title":"ie9OTi","noDataTitle":"ie9OTi","no-data-sub-title":"B9tu6F","noDataSubTitle":"B9tu6F","h-divider":"VBfB0o","hDivider":"VBfB0o","search-area":"vlateD","searchArea":"vlateD","subgroup-accordion":"MD9UB6","subgroupAccordion":"MD9UB6","subgroup":"d-LVek","subgroup-title":"_1k29iK","subgroupTitle":"_1k29iK"};
|
|
4938
4938
|
|
|
4939
4939
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
|
|
4940
4940
|
React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
|
|
@@ -5036,7 +5036,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
5036
5036
|
return [children, rest];
|
|
5037
5037
|
};
|
|
5038
5038
|
|
|
5039
|
-
var css$i = {"listContainer":"
|
|
5039
|
+
var css$i = {"listContainer":"_1HdAAx","header":"_-1embA","group":"gwLbQV","stickyHeader":"kKwPJg"};
|
|
5040
5040
|
|
|
5041
5041
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
5042
5042
|
const rowRef = useRef();
|
|
@@ -5076,7 +5076,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
5076
5076
|
React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
5077
5077
|
}
|
|
5078
5078
|
|
|
5079
|
-
var css$h = {"root":"
|
|
5079
|
+
var css$h = {"root":"g7354v","sticky-header":"G-OcX1","stickyHeader":"G-OcX1","no-results":"dZ70O-","noResults":"dZ70O-","icon":"q1twx1","title":"dxg6d8"};
|
|
5080
5080
|
|
|
5081
5081
|
function DataTable(props) {
|
|
5082
5082
|
const { uuiModals } = useUuiContext();
|
|
@@ -5118,16 +5118,16 @@ function DataTable(props) {
|
|
|
5118
5118
|
]);
|
|
5119
5119
|
return (React.createElement(DataTableSelectionProvider, { onCopy: props.onCopy, rows: rows, columns: columns },
|
|
5120
5120
|
React.createElement(DataTableFocusProvider, { dataTableFocusManager: props.dataTableFocusManager },
|
|
5121
|
-
React.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderRowsContainer, cx: cx$1(css$h.root, 'uui-dt-vars'), isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: {
|
|
5121
|
+
React.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderRowsContainer, cx: cx$1(css$h.root, 'uui-dt-vars', 'uui-data_table'), isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: {
|
|
5122
5122
|
role: 'table',
|
|
5123
5123
|
'aria-colcount': columns.length,
|
|
5124
5124
|
'aria-rowcount': props.rowsCount,
|
|
5125
5125
|
} }))));
|
|
5126
5126
|
}
|
|
5127
5127
|
|
|
5128
|
-
var css$g = {"root":"
|
|
5128
|
+
var css$g = {"root":"_2FTeDQ"};
|
|
5129
5129
|
|
|
5130
|
-
var css$f = {"root":"
|
|
5130
|
+
var css$f = {"root":"kouklN","burger-content":"wNasgL","burgerContent":"wNasgL"};
|
|
5131
5131
|
|
|
5132
5132
|
var _path$3;
|
|
5133
5133
|
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); }
|
|
@@ -5170,7 +5170,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5170
5170
|
};
|
|
5171
5171
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
5172
5172
|
|
|
5173
|
-
var css$e = {"root":"
|
|
5173
|
+
var css$e = {"root":"AMgNJF","button-primary":"a3qxUa","buttonPrimary":"a3qxUa","button-secondary":"_5LZizy","buttonSecondary":"_5LZizy","hasIcon":"uPM-TS","dropdown":"xwstAe"};
|
|
5174
5174
|
|
|
5175
5175
|
const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
5176
5176
|
css$e.root,
|
|
@@ -5181,13 +5181,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
|
5181
5181
|
props.icon && css$e.hasIcon,
|
|
5182
5182
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5183
5183
|
|
|
5184
|
-
var css$d = {"search-input":"
|
|
5184
|
+
var css$d = {"search-input":"y5aMid","searchInput":"y5aMid"};
|
|
5185
5185
|
|
|
5186
5186
|
function BurgerSearch(props) {
|
|
5187
5187
|
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 }));
|
|
5188
5188
|
}
|
|
5189
5189
|
|
|
5190
|
-
var css$c = {"root":"
|
|
5190
|
+
var css$c = {"root":"w9SqsQ","group-header":"QTMzyW","groupHeader":"QTMzyW","group-name":"_3WqJ6n","groupName":"_3WqJ6n","line":"An39Uv"};
|
|
5191
5191
|
|
|
5192
5192
|
function BurgerGroupHeader(props) {
|
|
5193
5193
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5195,7 +5195,7 @@ function BurgerGroupHeader(props) {
|
|
|
5195
5195
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5196
5196
|
}
|
|
5197
5197
|
|
|
5198
|
-
var css$b = {"root":"
|
|
5198
|
+
var css$b = {"root":"t37E6q","type-primary":"s96Pk8","typePrimary":"s96Pk8","type-secondary":"wjpIXZ","typeSecondary":"wjpIXZ"};
|
|
5199
5199
|
|
|
5200
5200
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5201
5201
|
const { type, ...clickableProps } = props;
|
|
@@ -5217,7 +5217,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5217
5217
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5218
5218
|
});
|
|
5219
5219
|
|
|
5220
|
-
var css$a = {"dropdown-body":"
|
|
5220
|
+
var css$a = {"dropdown-body":"QTopLP","dropdownBody":"QTopLP"};
|
|
5221
5221
|
|
|
5222
5222
|
class MainMenuDropdown extends React.Component {
|
|
5223
5223
|
render() {
|
|
@@ -5275,12 +5275,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5275
5275
|
};
|
|
5276
5276
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5277
5277
|
|
|
5278
|
-
var css$9 = {"global-menu-btn":"
|
|
5278
|
+
var css$9 = {"global-menu-btn":"l5fYAi","globalMenuBtn":"l5fYAi","global-menu-icon":"tAKBR1","globalMenuIcon":"tAKBR1"};
|
|
5279
5279
|
|
|
5280
5280
|
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 },
|
|
5281
5281
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5282
5282
|
|
|
5283
|
-
var css$8 = {"container":"
|
|
5283
|
+
var css$8 = {"container":"NTQ-WR","open":"rBkhOi","folding-arrow":"_9EhxUY","foldingArrow":"_9EhxUY"};
|
|
5284
5284
|
|
|
5285
5285
|
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 },
|
|
5286
5286
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5288,15 +5288,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
5288
5288
|
props.isDropdown && (React.createElement("div", null,
|
|
5289
5289
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5290
5290
|
|
|
5291
|
-
var css$7 = {"search-input":"
|
|
5291
|
+
var css$7 = {"search-input":"I-NvLb","searchInput":"I-NvLb"};
|
|
5292
5292
|
|
|
5293
5293
|
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 })) })));
|
|
5294
5294
|
|
|
5295
|
-
var css$6 = {"container":"
|
|
5295
|
+
var css$6 = {"container":"_6dhH0O"};
|
|
5296
5296
|
|
|
5297
5297
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
|
|
5298
5298
|
|
|
5299
|
-
var css$5 = {"root":"
|
|
5299
|
+
var css$5 = {"root":"gOVcIX"};
|
|
5300
5300
|
|
|
5301
5301
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
5302
5302
|
|
|
@@ -5354,7 +5354,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5354
5354
|
};
|
|
5355
5355
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
5356
5356
|
|
|
5357
|
-
var css$4 = {"root":"
|
|
5357
|
+
var css$4 = {"root":"rQKHQe","drop-start":"GL7seF","dropStart":"GL7seF","drop-over":"BIMlWW","dropOver":"BIMlWW","link":"Q98n0c","drop-area":"D-jU0z","dropArea":"D-jU0z","drop-caption":"bcUXo6","dropCaption":"bcUXo6","icon-blue":"agjBn9","iconBlue":"agjBn9"};
|
|
5358
5358
|
|
|
5359
5359
|
function DropSpot(props) {
|
|
5360
5360
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5372,7 +5372,7 @@ function DropSpot(props) {
|
|
|
5372
5372
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5373
5373
|
}
|
|
5374
5374
|
|
|
5375
|
-
var css$3 = {"root":"
|
|
5375
|
+
var css$3 = {"root":"dMZW-6"};
|
|
5376
5376
|
|
|
5377
5377
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5378
5378
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5383,7 +5383,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5383
5383
|
React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5384
5384
|
});
|
|
5385
5385
|
|
|
5386
|
-
var css$2 = {"root":"
|
|
5386
|
+
var css$2 = {"root":"nl5mVS","file-name":"ontfXT","fileName":"ontfXT","default-color":"GetB4I","defaultColor":"GetB4I","doc-color":"_5wt10L","docColor":"_5wt10L","xls-color":"_9wZk4W","xlsColor":"_9wZk4W","pdf-color":"UzBGSf","pdfColor":"UzBGSf","movie-color":"_94rENL","movieColor":"_94rENL","img-color":"kXckI6","imgColor":"kXckI6","mov-color":"_71r9n-","movColor":"_71r9n-","error-block":"pPLSnl","errorBlock":"pPLSnl","icons-block":"cBkUfU","iconsBlock":"cBkUfU"};
|
|
5387
5387
|
|
|
5388
5388
|
const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5389
5389
|
const [isLoadingShow, setIsLoadingShow] = React.useState(true);
|
|
@@ -5502,7 +5502,7 @@ const getErrorPageConfig = () => ({
|
|
|
5502
5502
|
},
|
|
5503
5503
|
});
|
|
5504
5504
|
|
|
5505
|
-
var css$1 = {"container":"
|
|
5505
|
+
var css$1 = {"container":"HUOid5"};
|
|
5506
5506
|
|
|
5507
5507
|
const ErrorPage = (props) => {
|
|
5508
5508
|
const isMobileScreen = isMobile();
|
|
@@ -5514,7 +5514,7 @@ const ErrorPage = (props) => {
|
|
|
5514
5514
|
props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5515
5515
|
};
|
|
5516
5516
|
|
|
5517
|
-
var css = {"recovery-spinner":"
|
|
5517
|
+
var css = {"recovery-spinner":"ADsOcY","recoverySpinner":"ADsOcY","recovery-message":"UVRj0l","recoveryMessage":"UVRj0l","modal-blocker":"fPDRas","modalBlocker":"fPDRas","modalFadeIn":"_0BuAEa"};
|
|
5518
5518
|
|
|
5519
5519
|
function ErrorHandler(props) {
|
|
5520
5520
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|