@epam/uui 6.4.4 → 6.5.0-alpha.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/components/pickers/DataPickerBody.d.ts.map +1 -1
- package/components/pickers/PickerModal.d.ts.map +1 -1
- package/index.esm.js +103 -103
- package/index.esm.js.map +1 -1
- package/index.js +103 -103
- package/index.js.map +1 -1
- package/package.json +7 -7
- package/stats.html +1 -1
- package/styles.css +1025 -1025
package/index.esm.js
CHANGED
|
@@ -17,7 +17,7 @@ import customParseFormat from 'dayjs/plugin/customParseFormat.js';
|
|
|
17
17
|
import isoWeek from 'dayjs/plugin/isoWeek.js';
|
|
18
18
|
import isEqual from 'react-fast-compare';
|
|
19
19
|
import { useOverlayScrollbars } from 'overlayscrollbars-react';
|
|
20
|
-
import FocusLock, { MoveFocusInside } from 'react-focus-lock';
|
|
20
|
+
import FocusLock, { MoveFocusInside } from '@epam/uui-react-focus-lock-fork';
|
|
21
21
|
|
|
22
22
|
var _path$Q;
|
|
23
23
|
function _extends$Q() { return _extends$Q = 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$Q.apply(null, arguments); }
|
|
@@ -156,7 +156,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
156
156
|
xmlns: "http://www.w3.org/2000/svg",
|
|
157
157
|
ref: ref
|
|
158
158
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
159
|
-
clipPath: "url(#
|
|
159
|
+
clipPath: "url(#od04nnpgd11hcww_a)"
|
|
160
160
|
}, _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
|
|
161
161
|
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",
|
|
162
162
|
fill: "#F5F6FA"
|
|
@@ -177,7 +177,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
177
177
|
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",
|
|
178
178
|
fill: "#1D1E26"
|
|
179
179
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
180
|
-
id: "
|
|
180
|
+
id: "od04nnhjnkq8z8gf6_b",
|
|
181
181
|
style: {
|
|
182
182
|
maskType: "alpha"
|
|
183
183
|
},
|
|
@@ -190,7 +190,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
190
190
|
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",
|
|
191
191
|
fill: "#9BDEFF"
|
|
192
192
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
193
|
-
mask: "url(#
|
|
193
|
+
mask: "url(#od04nnhjnkq8z8gf6_b)",
|
|
194
194
|
fillRule: "evenodd",
|
|
195
195
|
clipRule: "evenodd"
|
|
196
196
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -276,7 +276,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
276
276
|
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",
|
|
277
277
|
fill: "#fff"
|
|
278
278
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
279
|
-
id: "
|
|
279
|
+
id: "od04nnpgd11hcww_a"
|
|
280
280
|
}, /*#__PURE__*/React.createElement("path", {
|
|
281
281
|
fill: "#fff",
|
|
282
282
|
transform: "translate(.552)",
|
|
@@ -927,14 +927,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
927
927
|
};
|
|
928
928
|
var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
929
929
|
|
|
930
|
-
var css$1w = {"root":"
|
|
930
|
+
var css$1w = {"root":"wHWe96","uui-spinner":"GbwXIv","uuiSpinner":"GbwXIv"};
|
|
931
931
|
|
|
932
932
|
function applySpinnerMods() {
|
|
933
933
|
return [css$1w.root, 'uui-spinner'];
|
|
934
934
|
}
|
|
935
935
|
const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
|
|
936
936
|
|
|
937
|
-
var css$1v = {"root":"
|
|
937
|
+
var css$1v = {"root":"L5AYte","loading-word":"hLQqgv","loadingWord":"hLQqgv","animated-loading":"_3YSplp","animatedLoading":"_3YSplp","skeleton_loading":"BBSZPL","skeletonLoading":"BBSZPL"};
|
|
938
938
|
|
|
939
939
|
const TextPlaceholder = (props) => {
|
|
940
940
|
const pattern = ' ';
|
|
@@ -951,7 +951,7 @@ const TextPlaceholder = (props) => {
|
|
|
951
951
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
952
952
|
};
|
|
953
953
|
|
|
954
|
-
var css$1u = {"root":"
|
|
954
|
+
var css$1u = {"root":"t2qF7o","line-height":"QsHsg-","lineHeight":"QsHsg-","font-size":"DYySQH","fontSize":"DYySQH"};
|
|
955
955
|
|
|
956
956
|
function applyTextMods(mods) {
|
|
957
957
|
return [
|
|
@@ -978,7 +978,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
|
|
|
978
978
|
};
|
|
979
979
|
});
|
|
980
980
|
|
|
981
|
-
var css$1t = {"root":"
|
|
981
|
+
var css$1t = {"root":"VW0xT7"};
|
|
982
982
|
|
|
983
983
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
984
984
|
|
|
@@ -1483,7 +1483,7 @@ const settings = {
|
|
|
1483
1483
|
textInput: textInputSettings,
|
|
1484
1484
|
};
|
|
1485
1485
|
|
|
1486
|
-
var css$1s = {"root":"
|
|
1486
|
+
var css$1s = {"root":"_73MvAx"};
|
|
1487
1487
|
|
|
1488
1488
|
function applyButtonMods(mods) {
|
|
1489
1489
|
return [
|
|
@@ -1501,7 +1501,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
1501
1501
|
};
|
|
1502
1502
|
});
|
|
1503
1503
|
|
|
1504
|
-
var css$1r = {"root":"
|
|
1504
|
+
var css$1r = {"root":"qJt05Y"};
|
|
1505
1505
|
|
|
1506
1506
|
function applyIconButtonMods(props) {
|
|
1507
1507
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -1538,7 +1538,7 @@ function getIconClass(props) {
|
|
|
1538
1538
|
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'];
|
|
1539
1539
|
}
|
|
1540
1540
|
|
|
1541
|
-
var css$1q = {"root":"
|
|
1541
|
+
var css$1q = {"root":"cv8fbr"};
|
|
1542
1542
|
|
|
1543
1543
|
const DEFAULT_COLOR = 'primary';
|
|
1544
1544
|
const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -1568,7 +1568,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1568
1568
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1569
1569
|
});
|
|
1570
1570
|
|
|
1571
|
-
var css$1p = {"root":"
|
|
1571
|
+
var css$1p = {"root":"F1K5-G"};
|
|
1572
1572
|
|
|
1573
1573
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1574
1574
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1580,7 +1580,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1580
1580
|
]) }, props.caption));
|
|
1581
1581
|
});
|
|
1582
1582
|
|
|
1583
|
-
var css$1o = {"root":"
|
|
1583
|
+
var css$1o = {"root":"BQ79nw","withNotify":"fu1mgU"};
|
|
1584
1584
|
|
|
1585
1585
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, refExternal) => {
|
|
1586
1586
|
const refLocal = React__default.useRef(null);
|
|
@@ -1627,13 +1627,13 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, refExternal)
|
|
|
1627
1627
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1628
1628
|
});
|
|
1629
1629
|
|
|
1630
|
-
var css$1n = {"root":"
|
|
1630
|
+
var css$1n = {"root":"btG3d4","noLeftPadding":"BNhpdA","foldingArea":"_3Medwy","onlyFoldable":"viXzqW","captionWrapper":"wCY6DC","withNotify":"MP0UKc"};
|
|
1631
1631
|
|
|
1632
|
-
var css$1m = {"root":"
|
|
1632
|
+
var css$1m = {"root":"UKJGXU"};
|
|
1633
1633
|
|
|
1634
1634
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1m.root]);
|
|
1635
1635
|
|
|
1636
|
-
var css$1l = {"root":"
|
|
1636
|
+
var css$1l = {"root":"mBcbTU"};
|
|
1637
1637
|
|
|
1638
1638
|
const DEFAULT_FILL = 'solid';
|
|
1639
1639
|
function applyBadgeMods(mods) {
|
|
@@ -1661,7 +1661,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1661
1661
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1662
1662
|
});
|
|
1663
1663
|
|
|
1664
|
-
var css$1k = {"root":"
|
|
1664
|
+
var css$1k = {"root":"Kyg-VZ"};
|
|
1665
1665
|
|
|
1666
1666
|
function applyTagMods(props) {
|
|
1667
1667
|
return [
|
|
@@ -1694,7 +1694,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1694
1694
|
} }))));
|
|
1695
1695
|
});
|
|
1696
1696
|
|
|
1697
|
-
var css$1j = {"root":"
|
|
1697
|
+
var css$1j = {"root":"zVDYL9","page":"YLRFk9","spacer":"_-5gzP8","mode-ghost":"l0MSu-","modeGhost":"l0MSu-"};
|
|
1698
1698
|
|
|
1699
1699
|
function Paginator(props) {
|
|
1700
1700
|
const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx('uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
@@ -1720,14 +1720,14 @@ function Paginator(props) {
|
|
|
1720
1720
|
return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
|
|
1721
1721
|
}
|
|
1722
1722
|
|
|
1723
|
-
var css$1i = {"root":"
|
|
1723
|
+
var css$1i = {"root":"DhfzLk","progress-bar":"D5HO-D","progressBar":"D5HO-D","progressBar-indeterminate":"q7pX-1","progressBarIndeterminate":"q7pX-1","size-12":"SBS94U","size12":"SBS94U","size-18":"GXFvFr","size18":"GXFvFr","size-24":"_4FBi2t","size24":"_4FBi2t"};
|
|
1724
1724
|
|
|
1725
1725
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1726
1726
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$1i.root, css$1i[`size-${props.size || 12}`]) },
|
|
1727
1727
|
React.createElement("div", { className: cx(css$1i.progressBar) })));
|
|
1728
1728
|
});
|
|
1729
1729
|
|
|
1730
|
-
var css$1h = {"root":"
|
|
1730
|
+
var css$1h = {"root":"vqR8ki","striped":"aoQy5k","animate-stripes":"Cpocf4","animateStripes":"Cpocf4","size-12":"yW3aif","size12":"yW3aif","size-18":"Vjt90X","size18":"Vjt90X","size-24":"oOrFSH","size24":"oOrFSH"};
|
|
1731
1731
|
|
|
1732
1732
|
const DEFAULT_SIZE = '12';
|
|
1733
1733
|
function applyProgressBarMods(mods) {
|
|
@@ -1742,14 +1742,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
1742
1742
|
hideLabel: props.hideLabel || props.striped,
|
|
1743
1743
|
}));
|
|
1744
1744
|
|
|
1745
|
-
var css$1g = {"root":"
|
|
1745
|
+
var css$1g = {"root":"Yvl3rP"};
|
|
1746
1746
|
|
|
1747
1747
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1748
1748
|
const { progress } = props;
|
|
1749
1749
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$1g.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$1g.root, props.cx) }));
|
|
1750
1750
|
});
|
|
1751
1751
|
|
|
1752
|
-
var css$1f = {"root":"
|
|
1752
|
+
var css$1f = {"root":"g2poa9"};
|
|
1753
1753
|
|
|
1754
1754
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1755
1755
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1764,7 +1764,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1764
1764
|
React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
1765
1765
|
});
|
|
1766
1766
|
|
|
1767
|
-
var css$1e = {"root":"
|
|
1767
|
+
var css$1e = {"root":"-zhjHE"};
|
|
1768
1768
|
|
|
1769
1769
|
function applyCheckboxMods(mods) {
|
|
1770
1770
|
return [
|
|
@@ -1782,7 +1782,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1782
1782
|
};
|
|
1783
1783
|
const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1784
1784
|
|
|
1785
|
-
var css$1d = {"root":"
|
|
1785
|
+
var css$1d = {"root":"BndSCy"};
|
|
1786
1786
|
|
|
1787
1787
|
function applyRadioInputMods(mods) {
|
|
1788
1788
|
return [
|
|
@@ -1794,7 +1794,7 @@ function applyRadioInputMods(mods) {
|
|
|
1794
1794
|
}
|
|
1795
1795
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1796
1796
|
|
|
1797
|
-
var css$1c = {"root":"
|
|
1797
|
+
var css$1c = {"root":"IwresO"};
|
|
1798
1798
|
|
|
1799
1799
|
function applySwitchMods(mods) {
|
|
1800
1800
|
return [
|
|
@@ -1818,7 +1818,7 @@ var EditMode;
|
|
|
1818
1818
|
EditMode["INLINE"] = "inline";
|
|
1819
1819
|
})(EditMode || (EditMode = {}));
|
|
1820
1820
|
|
|
1821
|
-
var textInputCss = {"root":"
|
|
1821
|
+
var textInputCss = {"root":"o2jUgK"};
|
|
1822
1822
|
|
|
1823
1823
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1824
1824
|
function applyTextInputMods(mods) {
|
|
@@ -1843,7 +1843,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1843
1843
|
} }));
|
|
1844
1844
|
});
|
|
1845
1845
|
|
|
1846
|
-
var css$1b = {"root":"
|
|
1846
|
+
var css$1b = {"root":"_4yz802"};
|
|
1847
1847
|
|
|
1848
1848
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1b.root, 'uui-control-group']);
|
|
1849
1849
|
|
|
@@ -1859,7 +1859,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1859
1859
|
}
|
|
1860
1860
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
1861
1861
|
|
|
1862
|
-
var css$1a = {"root":"
|
|
1862
|
+
var css$1a = {"root":"rD1EIe"};
|
|
1863
1863
|
|
|
1864
1864
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1865
1865
|
function applyNumericInputMods(mods) {
|
|
@@ -1879,7 +1879,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
1879
1879
|
};
|
|
1880
1880
|
});
|
|
1881
1881
|
|
|
1882
|
-
var css$19 = {"root":"
|
|
1882
|
+
var css$19 = {"root":"hWjyQa"};
|
|
1883
1883
|
|
|
1884
1884
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1885
1885
|
function applyTextAreaMods(mods) {
|
|
@@ -1920,7 +1920,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1920
1920
|
};
|
|
1921
1921
|
}
|
|
1922
1922
|
|
|
1923
|
-
var css$18 = {"root":"
|
|
1923
|
+
var css$18 = {"root":"_1xxWuz"};
|
|
1924
1924
|
|
|
1925
1925
|
function applyDropdownContainerMods(mods) {
|
|
1926
1926
|
return [
|
|
@@ -1931,7 +1931,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1931
1931
|
}
|
|
1932
1932
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
1933
1933
|
|
|
1934
|
-
var css$17 = {"root":"
|
|
1934
|
+
var css$17 = {"root":"zhllax","timepicker-input":"xs2Q7P","timepickerInput":"xs2Q7P","ltr-always":"cMUitE","ltrAlways":"cMUitE"};
|
|
1935
1935
|
|
|
1936
1936
|
const uuiTimePicker = {
|
|
1937
1937
|
container: 'uui-timepicker-container',
|
|
@@ -2152,7 +2152,7 @@ function TimePickerComponent(props, ref) {
|
|
|
2152
2152
|
}
|
|
2153
2153
|
const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
|
|
2154
2154
|
|
|
2155
|
-
var css$16 = {"root":"
|
|
2155
|
+
var css$16 = {"root":"PBiI6A"};
|
|
2156
2156
|
|
|
2157
2157
|
function applyInputAddonMods() {
|
|
2158
2158
|
return [
|
|
@@ -2161,14 +2161,14 @@ function applyInputAddonMods() {
|
|
|
2161
2161
|
}
|
|
2162
2162
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
2163
2163
|
|
|
2164
|
-
var css$15 = {"root":"
|
|
2164
|
+
var css$15 = {"root":"BfHmZn"};
|
|
2165
2165
|
|
|
2166
2166
|
function applySliderMods() {
|
|
2167
2167
|
return [css$15.root, 'uui-color-neutral'];
|
|
2168
2168
|
}
|
|
2169
2169
|
const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
|
|
2170
2170
|
|
|
2171
|
-
var css$14 = {"root":"
|
|
2171
|
+
var css$14 = {"root":"-S9u2y"};
|
|
2172
2172
|
|
|
2173
2173
|
function applyTooltipMods(mods) {
|
|
2174
2174
|
return [
|
|
@@ -2178,7 +2178,7 @@ function applyTooltipMods(mods) {
|
|
|
2178
2178
|
}
|
|
2179
2179
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
2180
2180
|
|
|
2181
|
-
var css$13 = {"root":"
|
|
2181
|
+
var css$13 = {"root":"KybgXo","tooltip":"mQBZnf"};
|
|
2182
2182
|
|
|
2183
2183
|
function applyRatingMods(mods) {
|
|
2184
2184
|
return [
|
|
@@ -2192,7 +2192,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
|
|
|
2192
2192
|
Tooltip,
|
|
2193
2193
|
}));
|
|
2194
2194
|
|
|
2195
|
-
var css$12 = {"drag-handle-wrapper":"
|
|
2195
|
+
var css$12 = {"drag-handle-wrapper":"hZXH74","dragHandleWrapper":"hZXH74","with-indent":"tSvayR","withIndent":"tSvayR","drag-handle":"Ogd3pd","dragHandle":"Ogd3pd","icon-container":"Yudulw","iconContainer":"Yudulw"};
|
|
2196
2196
|
|
|
2197
2197
|
function DataRowAddons(props) {
|
|
2198
2198
|
const row = props.rowProps;
|
|
@@ -2279,7 +2279,7 @@ function VerticalTabButtonComponent(props, ref) {
|
|
|
2279
2279
|
}
|
|
2280
2280
|
const VerticalTabButton = /* @__PURE__ */React__default.forwardRef(VerticalTabButtonComponent);
|
|
2281
2281
|
|
|
2282
|
-
var css$11 = {"root":"
|
|
2282
|
+
var css$11 = {"root":"y8-sZZ","main-path":"E1Gu4A","mainPath":"E1Gu4A","content-wrapper":"Ccq7zS","contentWrapper":"Ccq7zS","content":"UBuZ3S","action-wrapper":"tMzyji","actionWrapper":"tMzyji","icon-wrapper":"-BWk33","iconWrapper":"-BWk33","icon":"cseZ3d","close-icon":"eOSTWB","closeIcon":"eOSTWB"};
|
|
2283
2283
|
|
|
2284
2284
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$11.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
2285
2285
|
React.createElement("div", { className: css$11.mainPath },
|
|
@@ -2297,7 +2297,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
2297
2297
|
|
|
2298
2298
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
2299
2299
|
|
|
2300
|
-
var css$10 = {"submenu-root-item-rtl":"
|
|
2300
|
+
var css$10 = {"submenu-root-item-rtl":"-SXlFo","submenuRootItemRtl":"-SXlFo","icon-after":"Aw-soR","iconAfter":"Aw-soR","submenu-root-item":"GL65CC","submenuRootItem":"GL65CC","icon-check":"cTUiAV","iconCheck":"cTUiAV","splitter-root":"AXlotw","splitterRoot":"AXlotw","splitter":"-ZSUra","header-root":"nbHgvJ","headerRoot":"nbHgvJ","item-root":"kGjdoa","itemRoot":"kGjdoa","icon":"_0dj3P5","link":"MPm2rJ","indent":"-fB7EW","selected-mark":"kJ2s73","selectedMark":"kJ2s73"};
|
|
2301
2301
|
|
|
2302
2302
|
var IDropdownControlKeys;
|
|
2303
2303
|
(function (IDropdownControlKeys) {
|
|
@@ -2438,7 +2438,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2438
2438
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange, ref: switchRef })));
|
|
2439
2439
|
}
|
|
2440
2440
|
|
|
2441
|
-
var css$$ = {"root":"
|
|
2441
|
+
var css$$ = {"root":"_7ym0Q1","mode-block":"mZZfmW","modeBlock":"mZZfmW","mode-inline":"ILmBGP","modeInline":"ILmBGP","padding-0":"mQI3xm","padding0":"mQI3xm","padding-6":"gBI21x","padding6":"gBI21x","padding-12":"n2bYZo","padding12":"n2bYZo","padding-18":"ufPX2E","padding18":"ufPX2E"};
|
|
2442
2442
|
|
|
2443
2443
|
function applyAccordionMods(mods) {
|
|
2444
2444
|
return [
|
|
@@ -2451,7 +2451,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
2451
2451
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2452
2452
|
}));
|
|
2453
2453
|
|
|
2454
|
-
var css$_ = {"root":"
|
|
2454
|
+
var css$_ = {"root":"kBfmQo","align-items":"_0A4ApT","alignItems":"_0A4ApT","justify-content":"MQYnY7","justifyContent":"MQYnY7","border-top":"V3T823","borderTop":"V3T823","border-bottom":"l9pBWT","borderBottom":"l9pBWT","top-shadow":"ANDXxq","topShadow":"ANDXxq","padding":"tod-Y-","margin":"P9tAeR","vPadding":"nhJR-m","column-gap":"Zw4aJb","columnGap":"Zw4aJb","row-gap":"v5UPqo","rowGap":"v5UPqo","spacing":"hqzxt0"};
|
|
2455
2455
|
|
|
2456
2456
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$_.flexCell]);
|
|
2457
2457
|
|
|
@@ -2503,7 +2503,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2503
2503
|
} }, props.children));
|
|
2504
2504
|
});
|
|
2505
2505
|
|
|
2506
|
-
var css$Z = {"root":"
|
|
2506
|
+
var css$Z = {"root":"TuJfIF","margin-24":"Cwcy31","margin24":"Cwcy31","padding-12":"k7GOV-","padding12":"k7GOV-","padding-24":"nZ9A0H","padding24":"nZ9A0H","shadow":"V-n1gg","uui-surface-main":"KPnxB5","uuiSurfaceMain":"KPnxB5"};
|
|
2507
2507
|
|
|
2508
2508
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
2509
2509
|
'uui-panel',
|
|
@@ -2513,7 +2513,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
2513
2513
|
props.background && css$Z[`uui-${props.background}`],
|
|
2514
2514
|
]);
|
|
2515
2515
|
|
|
2516
|
-
var css$Y = {"root":"
|
|
2516
|
+
var css$Y = {"root":"_6QFAQ6"};
|
|
2517
2517
|
|
|
2518
2518
|
function applyLabeledInputMods(mods) {
|
|
2519
2519
|
return [
|
|
@@ -2535,7 +2535,7 @@ function applyLabeledInputProps(props) {
|
|
|
2535
2535
|
}
|
|
2536
2536
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2537
2537
|
|
|
2538
|
-
var css$X = {"root":"
|
|
2538
|
+
var css$X = {"root":"hosaSA"};
|
|
2539
2539
|
|
|
2540
2540
|
function RadioGroup(props) {
|
|
2541
2541
|
const direction = props.direction || 'vertical';
|
|
@@ -2550,7 +2550,7 @@ function RadioGroup(props) {
|
|
|
2550
2550
|
})));
|
|
2551
2551
|
}
|
|
2552
2552
|
|
|
2553
|
-
var css$W = {"root":"
|
|
2553
|
+
var css$W = {"root":"N728oL","viewport":"LFYBLp"};
|
|
2554
2554
|
|
|
2555
2555
|
var uuiScrollbars;
|
|
2556
2556
|
(function (uuiScrollbars) {
|
|
@@ -2629,7 +2629,7 @@ const ScrollBars = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2629
2629
|
});
|
|
2630
2630
|
ScrollBars.displayName = 'ScrollBars';
|
|
2631
2631
|
|
|
2632
|
-
var css$V = {"scroll-container":"
|
|
2632
|
+
var css$V = {"scroll-container":"vyk4vm","scrollContainer":"vyk4vm","list-container":"_4LfZz2","listContainer":"_4LfZz2"};
|
|
2633
2633
|
|
|
2634
2634
|
const VirtualList = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
2635
2635
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
|
|
@@ -2704,7 +2704,7 @@ function Tree(props) {
|
|
|
2704
2704
|
return (React.createElement(VirtualList, { value: value, onValueChange: onValueChange, rowsCount: rowsCount, rows: renderedRows, cx: cx$1(propsCx), role: "tree" }));
|
|
2705
2705
|
}
|
|
2706
2706
|
|
|
2707
|
-
var css$U = {"root":"
|
|
2707
|
+
var css$U = {"root":"c-RFxN"};
|
|
2708
2708
|
|
|
2709
2709
|
function CheckboxGroup(props) {
|
|
2710
2710
|
const currentValue = props.value || [];
|
|
@@ -2806,7 +2806,7 @@ const Tabs = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2806
2806
|
});
|
|
2807
2807
|
Tabs.displayName = 'Tabs';
|
|
2808
2808
|
|
|
2809
|
-
var css$T = {"root":"
|
|
2809
|
+
var css$T = {"root":"vJUISY","modal-blocker":"_1FrNGk","modalBlocker":"_1FrNGk","animateModalBlocker":"yeonBH","modal":"dEOG-e","modal-footer":"HAPRNy","modalFooter":"HAPRNy","border-top":"hkV0VA","borderTop":"hkV0VA","modal-header":"b454X3","modalHeader":"b454X3","border-bottom":"gbrw-4","borderBottom":"gbrw-4"};
|
|
2810
2810
|
|
|
2811
2811
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$T.modalBlocker]);
|
|
2812
2812
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$T.root, css$T.modal], (props) => {
|
|
@@ -2999,7 +2999,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2999
2999
|
});
|
|
3000
3000
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
3001
3001
|
|
|
3002
|
-
var css$S = {"root":"
|
|
3002
|
+
var css$S = {"root":"_-4Cfjm","icon-wrapper":"DkWk0Z","iconWrapper":"DkWk0Z","action-wrapper":"INd3Dw","actionWrapper":"INd3Dw","close-icon":"ydTlc1","closeIcon":"ydTlc1","main-path":"IyGbbt","mainPath":"IyGbbt","content":"WQiAXv","close-wrapper":"evWKsT","closeWrapper":"evWKsT","clear-notifications":"KPFLgX","clearNotifications":"KPFLgX"};
|
|
3003
3003
|
|
|
3004
3004
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
3005
3005
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -3032,7 +3032,7 @@ function ClearNotification() {
|
|
|
3032
3032
|
React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
3033
3033
|
}
|
|
3034
3034
|
|
|
3035
|
-
var css$R = {"footer":"
|
|
3035
|
+
var css$R = {"footer":"fxjZ3J"};
|
|
3036
3036
|
|
|
3037
3037
|
class ConfirmationModal extends React.Component {
|
|
3038
3038
|
render() {
|
|
@@ -3074,7 +3074,7 @@ function useReliableForceUpdate() {
|
|
|
3074
3074
|
return red[1];
|
|
3075
3075
|
}
|
|
3076
3076
|
|
|
3077
|
-
var css$Q = {"root":"
|
|
3077
|
+
var css$Q = {"root":"wUEcRD","container":"Hsf-Hn"};
|
|
3078
3078
|
|
|
3079
3079
|
const defaultFormat = 'MMM D, YYYY';
|
|
3080
3080
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -3301,14 +3301,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
3301
3301
|
React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
3302
3302
|
}
|
|
3303
3303
|
|
|
3304
|
-
var css$P = {"root":"
|
|
3304
|
+
var css$P = {"root":"U9XqRW"};
|
|
3305
3305
|
|
|
3306
3306
|
function applyDateSelectionMods() {
|
|
3307
3307
|
return [css$P.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
3308
3308
|
}
|
|
3309
3309
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
3310
3310
|
|
|
3311
|
-
var css$O = {"root":"
|
|
3311
|
+
var css$O = {"root":"I6IzHT"};
|
|
3312
3312
|
|
|
3313
3313
|
const uuiDatePickerBody = {
|
|
3314
3314
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -3435,7 +3435,7 @@ function DatePickerComponent(props, ref) {
|
|
|
3435
3435
|
}
|
|
3436
3436
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
3437
3437
|
|
|
3438
|
-
var css$N = {"date-input":"
|
|
3438
|
+
var css$N = {"date-input":"zbGePZ","dateInput":"zbGePZ","root":"qkA0bQ","separator":"cwATGW"};
|
|
3439
3439
|
|
|
3440
3440
|
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) => {
|
|
3441
3441
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3512,7 +3512,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
3512
3512
|
React__default.createElement(TextInput, { cx: cx$1(css$N.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.rangeDatePicker.sizes.default, value: inputValue.to || undefined, icon: clearAllowed && ForwardRef$Q, iconPosition: "right", iconLabel: "Clear selected date range", onIconClick: onClear, 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 })));
|
|
3513
3513
|
});
|
|
3514
3514
|
|
|
3515
|
-
var css$M = {"root":"
|
|
3515
|
+
var css$M = {"root":"tJFWNa"};
|
|
3516
3516
|
|
|
3517
3517
|
const uuiPresets = {
|
|
3518
3518
|
container: 'uui-presets-container',
|
|
@@ -3532,7 +3532,7 @@ function CalendarPresets(props) {
|
|
|
3532
3532
|
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
3533
3533
|
}
|
|
3534
3534
|
|
|
3535
|
-
var css$L = {"root":"
|
|
3535
|
+
var css$L = {"root":"KfhmE7","container":"_6EhKm5","day-selection":"_2BhQNw","daySelection":"_2BhQNw","from-picker":"jWhtwQ","fromPicker":"jWhtwQ","to-picker":"ZkHpUy","toPicker":"ZkHpUy","bodes-wrapper":"bpnimp","bodesWrapper":"bpnimp","blocker":"_3uKj40"};
|
|
3536
3536
|
|
|
3537
3537
|
const uuiRangeDatePickerBody = {
|
|
3538
3538
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3734,7 +3734,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3734
3734
|
};
|
|
3735
3735
|
};
|
|
3736
3736
|
|
|
3737
|
-
var css$K = {"dropdown-container":"
|
|
3737
|
+
var css$K = {"dropdown-container":"EBaWD4","dropdownContainer":"EBaWD4"};
|
|
3738
3738
|
|
|
3739
3739
|
function RangeDatePickerComponent(props, ref) {
|
|
3740
3740
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3802,7 +3802,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3802
3802
|
}
|
|
3803
3803
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3804
3804
|
|
|
3805
|
-
var css$J = {"root":"
|
|
3805
|
+
var css$J = {"root":"_8mTpTX","blocker":"RRjkSj","marker":"nmLqMg","top":"b21LQG","bottom":"-elVju","left":"_4N4xvg","right":"n6QF1r","inside":"_5BsENF"};
|
|
3806
3806
|
|
|
3807
3807
|
function DropMarker(props) {
|
|
3808
3808
|
return props.isDndInProgress
|
|
@@ -3817,9 +3817,9 @@ function DropMarker(props) {
|
|
|
3817
3817
|
: null;
|
|
3818
3818
|
}
|
|
3819
3819
|
|
|
3820
|
-
var css$I = {"root":"
|
|
3820
|
+
var css$I = {"root":"DwPHmh","search-wrapper":"OjrP2d","searchWrapper":"OjrP2d","no-data":"TpcuwJ","noData":"TpcuwJ","empty-status-announcer":"qIUtil","emptyStatusAnnouncer":"qIUtil"};
|
|
3821
3821
|
|
|
3822
|
-
var css$H = {"picker-row":"
|
|
3822
|
+
var css$H = {"picker-row":"aQsjTG","pickerRow":"aQsjTG","align-widgets-top":"xjaj4p","alignWidgetsTop":"xjaj4p","row-content":"wIE0xi","rowContent":"wIE0xi","align-widgets-center":"hXejLh","alignWidgetsCenter":"hXejLh","icon-container":"a3BR0j","iconContainer":"a3BR0j","content-wrapper":"Cz7JO-","contentWrapper":"Cz7JO-","icon-wrapper":"TsnJWk","iconWrapper":"TsnJWk","icon-default":"_4Jirf9","iconDefault":"_4Jirf9","selected-mark":"_-7iz-1","selectedMark":"_-7iz-1"};
|
|
3823
3823
|
|
|
3824
3824
|
const mergeHighlightRanges = (ranges) => {
|
|
3825
3825
|
const mergedRanges = [];
|
|
@@ -3886,7 +3886,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3886
3886
|
return getDecoratedText(str, ranges);
|
|
3887
3887
|
};
|
|
3888
3888
|
|
|
3889
|
-
var css$G = {"root":"
|
|
3889
|
+
var css$G = {"root":"xK-3QQ","column-gap":"_8LaI2z","columnGap":"_8LaI2z","title":"awT96p","subtitle":"CgOIQs","disabled":"_3OrgEX","multiline":"_01ElBj"};
|
|
3890
3890
|
|
|
3891
3891
|
function PickerItem(props) {
|
|
3892
3892
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -4112,7 +4112,7 @@ function DataPickerFooterImpl(props) {
|
|
|
4112
4112
|
}
|
|
4113
4113
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
4114
4114
|
|
|
4115
|
-
var css$F = {"header":"
|
|
4115
|
+
var css$F = {"header":"_3pafpm","title":"X-mCig","close":"O1kxO5"};
|
|
4116
4116
|
|
|
4117
4117
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
4118
4118
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -4122,7 +4122,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
4122
4122
|
};
|
|
4123
4123
|
const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
|
|
4124
4124
|
|
|
4125
|
-
var css$E = {"done":"
|
|
4125
|
+
var css$E = {"done":"C-hjqE","container":"qfSqGc"};
|
|
4126
4126
|
|
|
4127
4127
|
const PickerBodyMobileView = (props) => {
|
|
4128
4128
|
const isMobileView = isMobile();
|
|
@@ -4134,7 +4134,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
4134
4134
|
isMobileView && (React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
4135
4135
|
};
|
|
4136
4136
|
|
|
4137
|
-
var css$D = {"sub-header-wrapper":"
|
|
4137
|
+
var css$D = {"sub-header-wrapper":"VB-vMc","subHeaderWrapper":"VB-vMc","switch":"tcNMre","search":"_3jEP3G","no-found-modal-container":"BBODB5","noFoundModalContainer":"BBODB5","no-found-modal-container-icon":"U4kWfu","noFoundModalContainerIcon":"U4kWfu","no-found-modal-container-text":"w2F10j","noFoundModalContainerText":"w2F10j","body":"Ps3Ami"};
|
|
4138
4138
|
|
|
4139
4139
|
function PickerModal(props) {
|
|
4140
4140
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
|
|
@@ -4195,7 +4195,7 @@ function PickerModal(props) {
|
|
|
4195
4195
|
React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
4196
4196
|
}
|
|
4197
4197
|
|
|
4198
|
-
var css$C = {"tooltip":"
|
|
4198
|
+
var css$C = {"tooltip":"sDXKuB","noShrink":"iwYIz2"};
|
|
4199
4199
|
|
|
4200
4200
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4201
4201
|
const tagProps = {
|
|
@@ -4214,7 +4214,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
4214
4214
|
}
|
|
4215
4215
|
});
|
|
4216
4216
|
|
|
4217
|
-
var css$B = {"root":"
|
|
4217
|
+
var css$B = {"root":"HaJ1QH"};
|
|
4218
4218
|
|
|
4219
4219
|
const defaultMode = EditMode.FORM;
|
|
4220
4220
|
function applyPickerTogglerMods(mods) {
|
|
@@ -4296,7 +4296,7 @@ function PickerInputComponent(props, ref) {
|
|
|
4296
4296
|
}
|
|
4297
4297
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
4298
4298
|
|
|
4299
|
-
var css$A = {"row":"
|
|
4299
|
+
var css$A = {"row":"wbZsb-"};
|
|
4300
4300
|
|
|
4301
4301
|
function PickerListRow(props) {
|
|
4302
4302
|
let label;
|
|
@@ -4316,7 +4316,7 @@ function PickerListRow(props) {
|
|
|
4316
4316
|
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));
|
|
4317
4317
|
}
|
|
4318
4318
|
|
|
4319
|
-
var css$z = {"root":"
|
|
4319
|
+
var css$z = {"root":"_19OH28"};
|
|
4320
4320
|
|
|
4321
4321
|
function PickerList(props) {
|
|
4322
4322
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -4351,7 +4351,7 @@ function PickerList(props) {
|
|
|
4351
4351
|
}, selectedRows)));
|
|
4352
4352
|
}
|
|
4353
4353
|
|
|
4354
|
-
var css$y = {"root":"
|
|
4354
|
+
var css$y = {"root":"_2-pNpM","wrapper":"_6wASpZ","align-widgets-top":"_9NUjzI","alignWidgetsTop":"_9NUjzI","align-widgets-center":"enpFa4","alignWidgetsCenter":"enpFa4"};
|
|
4355
4355
|
|
|
4356
4356
|
function DataTableCell(initialProps) {
|
|
4357
4357
|
const props = { ...initialProps };
|
|
@@ -4401,7 +4401,7 @@ function DataTableCell(initialProps) {
|
|
|
4401
4401
|
return React.createElement(DataTableCell$1, { ...props });
|
|
4402
4402
|
}
|
|
4403
4403
|
|
|
4404
|
-
var css$x = {"root":"
|
|
4404
|
+
var css$x = {"root":"Hg853r"};
|
|
4405
4405
|
|
|
4406
4406
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4407
4407
|
// 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.
|
|
@@ -4417,7 +4417,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
4417
4417
|
];
|
|
4418
4418
|
}, () => propsMods);
|
|
4419
4419
|
|
|
4420
|
-
var css$w = {"sorting-panel-container":"
|
|
4420
|
+
var css$w = {"sorting-panel-container":"_0NVWU2","sortingPanelContainer":"_0NVWU2"};
|
|
4421
4421
|
|
|
4422
4422
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
4423
4423
|
const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4439,7 +4439,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4439
4439
|
};
|
|
4440
4440
|
const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
|
|
4441
4441
|
|
|
4442
|
-
var css$v = {"root":"
|
|
4442
|
+
var css$v = {"root":"vmlKoK","caption-wrapper":"YyIFNf","captionWrapper":"YyIFNf","sort-icon":"xUPV5I","sortIcon":"xUPV5I","dropdown-icon":"HhfCk3","dropdownIcon":"HhfCk3","infoIcon":"EQmMij","sortInActive":"bqu4Tk","align-right":"BUEVZ1","alignRight":"BUEVZ1","align-center":"C4RZLh","alignCenter":"C4RZLh","caption":"n3EJt6","truncate":"_536Mw2","upper-case":"gP577i","upperCase":"gP577i","checkbox":"XPmrob","icon":"o2LVVf","fold-all-icon":"ptp7yB","foldAllIcon":"ptp7yB","cell-tooltip":"asmbtw","cellTooltip":"asmbtw","resizing-marker":"T7V1Wc","resizingMarker":"T7V1Wc","pinned-right":"ugOZMg","pinnedRight":"ugOZMg","draggable":"HjRKRd","ghost":"TKuBtX","is-dragged-out":"Qpbd-3","isDraggedOut":"Qpbd-3","dnd-marker-left":"_72iSFu","dndMarkerLeft":"_72iSFu","dnd-marker-right":"jI09xo","dndMarkerRight":"jI09xo","cell-tooltip-wrapper":"r3buZY","cellTooltipWrapper":"r3buZY","cell-tooltip-text":"c3zcuU","cellTooltipText":"c3zcuU","tooltip-caption":"z7l0Jz","tooltipCaption":"z7l0Jz","tooltip-info":"i7Cerk","tooltipInfo":"i7Cerk"};
|
|
4443
4443
|
|
|
4444
4444
|
function DefaultTooltipContent(column) {
|
|
4445
4445
|
return (React__default.createElement("div", { className: cx$1(css$v.cellTooltipWrapper, uuiDataTableHeaderCell.uuiTableHeaderCaptionTooltip) },
|
|
@@ -4546,7 +4546,7 @@ function DataTableHeaderCell(props) {
|
|
|
4546
4546
|
return (React__default.createElement(DataTableHeaderCell$1, { ...props, renderCellContent: props.column.renderFilter ? renderCellWithFilter : renderCellContent }));
|
|
4547
4547
|
}
|
|
4548
4548
|
|
|
4549
|
-
var css$u = {"root":"
|
|
4549
|
+
var css$u = {"root":"_4zIJDX","caption-wrapper":"lqk35X","captionWrapper":"lqk35X","align-center":"L-pMol","alignCenter":"L-pMol","caption":"kH2KWa","truncate":"_6kpJB7","upper-case":"s11sgv","upperCase":"s11sgv","group-cell-tooltip":"haAlHc","groupCellTooltip":"haAlHc","group-cell-tooltip-wrapper":"vAJFy4","groupCellTooltipWrapper":"vAJFy4","group-cell-tooltip-text":"nXaIdp","groupCellTooltipText":"nXaIdp","tooltip-caption":"lxBBNo","tooltipCaption":"lxBBNo","tooltip-info":"Fve3YQ","tooltipInfo":"Fve3YQ"};
|
|
4550
4550
|
|
|
4551
4551
|
class DataTableHeaderGroupCell extends React.Component {
|
|
4552
4552
|
constructor() {
|
|
@@ -4586,7 +4586,7 @@ class DataTableHeaderGroupCell extends React.Component {
|
|
|
4586
4586
|
}
|
|
4587
4587
|
}
|
|
4588
4588
|
|
|
4589
|
-
var css$t = {"root":"
|
|
4589
|
+
var css$t = {"root":"TPytFN"};
|
|
4590
4590
|
|
|
4591
4591
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => {
|
|
4592
4592
|
return ({
|
|
@@ -4694,7 +4694,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4694
4694
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4695
4695
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4696
4696
|
|
|
4697
|
-
var css$s = {"body":"
|
|
4697
|
+
var css$s = {"body":"_5UWfHP","header":"_160Chm","title":"Roa-Sf","removeButton":"yBlGQC","with-search":"aoPvSm","withSearch":"aoPvSm"};
|
|
4698
4698
|
|
|
4699
4699
|
function FilterColumnBody(props) {
|
|
4700
4700
|
const [predicate, setPredicate] = useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4755,7 +4755,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4755
4755
|
return columns;
|
|
4756
4756
|
};
|
|
4757
4757
|
|
|
4758
|
-
var css$r = {"unpin-icon":"
|
|
4758
|
+
var css$r = {"unpin-icon":"_9MhHxU","unpinIcon":"_9MhHxU","pin-toggler-icon":"_2TBFen","pinTogglerIcon":"_2TBFen"};
|
|
4759
4759
|
|
|
4760
4760
|
function PinIconButton(props) {
|
|
4761
4761
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4806,7 +4806,7 @@ function getUnpinIcon(params) {
|
|
|
4806
4806
|
}
|
|
4807
4807
|
}
|
|
4808
4808
|
|
|
4809
|
-
var css$q = {"row-wrapper":"
|
|
4809
|
+
var css$q = {"row-wrapper":"c4oJ5o","rowWrapper":"c4oJ5o","pin-icon-button":"qrT-GF","pinIconButton":"qrT-GF","not-pinned":"YWMo9k","notPinned":"YWMo9k","checkbox":"OLPBwf","drag-handle":"qRrbbV","dragHandle":"qRrbbV","dnd-disabled":"Vf4stl","dndDisabled":"Vf4stl"};
|
|
4810
4810
|
|
|
4811
4811
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4812
4812
|
const { column } = props;
|
|
@@ -4840,7 +4840,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
|
4840
4840
|
return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4841
4841
|
});
|
|
4842
4842
|
|
|
4843
|
-
var css$p = {"root":"
|
|
4843
|
+
var css$p = {"root":"_8ziuPb","main-panel":"pUSNlg","mainPanel":"pUSNlg","group":"_5QHtvv","group-title":"z-zJ1I","groupTitle":"z-zJ1I","group-items":"WZrmiC","groupItems":"WZrmiC","no-data":"_-7RPjt","noData":"_-7RPjt","no-data-title":"ZWVXtn","noDataTitle":"ZWVXtn","no-data-sub-title":"BEHMD4","noDataSubTitle":"BEHMD4","h-divider":"tCTraj","hDivider":"tCTraj","search-area":"deBq4-","searchArea":"deBq4-","subgroup-accordion":"eKhFYl","subgroupAccordion":"eKhFYl","subgroup":"crHg04","subgroup-title":"CtuIxj","subgroupTitle":"CtuIxj"};
|
|
4844
4844
|
|
|
4845
4845
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$p.group },
|
|
4846
4846
|
React.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -4943,7 +4943,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
4943
4943
|
return [children, rest];
|
|
4944
4944
|
};
|
|
4945
4945
|
|
|
4946
|
-
var css$o = {"listContainer":"
|
|
4946
|
+
var css$o = {"listContainer":"ElGYjG","header":"iYKCM4","group":"jOAK3i","stickyHeader":"ik0HAK"};
|
|
4947
4947
|
|
|
4948
4948
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
4949
4949
|
const rowRef = useRef(undefined);
|
|
@@ -4983,7 +4983,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4983
4983
|
React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
4984
4984
|
}
|
|
4985
4985
|
|
|
4986
|
-
var css$n = {"root":"
|
|
4986
|
+
var css$n = {"root":"G8RWom","sticky-header":"gc4i9W","stickyHeader":"gc4i9W","no-results":"FgxHcI","noResults":"FgxHcI","icon":"SR40c4","title":"oxfrPp"};
|
|
4987
4987
|
|
|
4988
4988
|
function DataTable(props) {
|
|
4989
4989
|
const { uuiModals } = useUuiContext();
|
|
@@ -5033,7 +5033,7 @@ function DataTable(props) {
|
|
|
5033
5033
|
: (React.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderTableBody, cx: classes, isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: rawProps })))));
|
|
5034
5034
|
}
|
|
5035
5035
|
|
|
5036
|
-
var css$m = {"root":"
|
|
5036
|
+
var css$m = {"root":"HYyHRK","title-wrapper":"zDBS6c","titleWrapper":"zDBS6c","title":"wVhTWU","text-wrapper":"_6q3L9l","textWrapper":"_6q3L9l","selection":"_4lQgpu","postfix":"FLBR3p","selected":"_-6KA54"};
|
|
5037
5037
|
|
|
5038
5038
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5039
5039
|
const togglerPickerOpened = (e) => {
|
|
@@ -5258,7 +5258,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
5258
5258
|
renderFooter()));
|
|
5259
5259
|
}
|
|
5260
5260
|
|
|
5261
|
-
var css$l = {"container":"
|
|
5261
|
+
var css$l = {"container":"orEEwq"};
|
|
5262
5262
|
|
|
5263
5263
|
function FilterNumericBody({ min, max, step, ...props }) {
|
|
5264
5264
|
const numericInputProps = { min, max, step };
|
|
@@ -5570,7 +5570,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5570
5570
|
}
|
|
5571
5571
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
5572
5572
|
|
|
5573
|
-
var css$k = {"delete-button":"
|
|
5573
|
+
var css$k = {"delete-button":"IJ-WfK","deleteButton":"IJ-WfK","tab-button":"_0QRP2Z","tabButton":"_0QRP2Z","targetOpen":"_4x5oss"};
|
|
5574
5574
|
|
|
5575
5575
|
function PresetActionsDropdown(props) {
|
|
5576
5576
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -5646,7 +5646,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5646
5646
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5647
5647
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5648
5648
|
|
|
5649
|
-
var css$j = {"preset-input-cell":"
|
|
5649
|
+
var css$j = {"preset-input-cell":"jnG-oN","presetInputCell":"jnG-oN","preset-input":"aw-ooU","presetInput":"aw-ooU"};
|
|
5650
5650
|
|
|
5651
5651
|
function PresetInput(props) {
|
|
5652
5652
|
const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
|
|
@@ -5673,7 +5673,7 @@ function PresetInput(props) {
|
|
|
5673
5673
|
React__default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
5674
5674
|
}
|
|
5675
5675
|
|
|
5676
|
-
var css$i = {"preset":"
|
|
5676
|
+
var css$i = {"preset":"-Pdaed","activePreset":"YIGgQV"};
|
|
5677
5677
|
|
|
5678
5678
|
function Preset(props) {
|
|
5679
5679
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -5698,7 +5698,7 @@ function Preset(props) {
|
|
|
5698
5698
|
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", isActive: isPresetActive }))));
|
|
5699
5699
|
}
|
|
5700
5700
|
|
|
5701
|
-
var css$h = {"divider":"
|
|
5701
|
+
var css$h = {"divider":"_2BsGoM","dropdownDeleteIcon":"d-eK6V","presetsWrapper":"sydJlD","addPresetContainer":"PVULn-","dropContainer":"_5BRzuC"};
|
|
5702
5702
|
|
|
5703
5703
|
function PresetsPanel(props) {
|
|
5704
5704
|
const [isAddingPreset, setIsAddingPreset] = useState(false);
|
|
@@ -5747,9 +5747,9 @@ function PresetsPanel(props) {
|
|
|
5747
5747
|
React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
|
|
5748
5748
|
}
|
|
5749
5749
|
|
|
5750
|
-
var css$g = {"root":"
|
|
5750
|
+
var css$g = {"root":"vwmQsW"};
|
|
5751
5751
|
|
|
5752
|
-
var css$f = {"root":"
|
|
5752
|
+
var css$f = {"root":"t9xCnd","burger-content":"Vwvhk5","burgerContent":"Vwvhk5"};
|
|
5753
5753
|
|
|
5754
5754
|
var _path$3;
|
|
5755
5755
|
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); }
|
|
@@ -5792,7 +5792,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5792
5792
|
};
|
|
5793
5793
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
5794
5794
|
|
|
5795
|
-
var css$e = {"root":"
|
|
5795
|
+
var css$e = {"root":"sCDDzB","button-primary":"KgPtRd","buttonPrimary":"KgPtRd","button-secondary":"JfihMn","buttonSecondary":"JfihMn","hasIcon":"wad1rM","dropdown":"uEMwT-"};
|
|
5796
5796
|
|
|
5797
5797
|
function applyBurgerButtonMods(props) {
|
|
5798
5798
|
return [
|
|
@@ -5817,13 +5817,13 @@ const BurgerButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
5817
5817
|
}, dropdownIcon: ForwardRef$2 }));
|
|
5818
5818
|
});
|
|
5819
5819
|
|
|
5820
|
-
var css$d = {"search-input":"
|
|
5820
|
+
var css$d = {"search-input":"_1FCDfs","searchInput":"_1FCDfs"};
|
|
5821
5821
|
|
|
5822
5822
|
function BurgerSearch(props) {
|
|
5823
5823
|
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 }));
|
|
5824
5824
|
}
|
|
5825
5825
|
|
|
5826
|
-
var css$c = {"root":"
|
|
5826
|
+
var css$c = {"root":"f6WqOs","group-header":"_3rslt7","groupHeader":"_3rslt7","group-name":"c7lU1L","groupName":"c7lU1L","line":"M-6-se"};
|
|
5827
5827
|
|
|
5828
5828
|
function BurgerGroupHeader(props) {
|
|
5829
5829
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5831,7 +5831,7 @@ function BurgerGroupHeader(props) {
|
|
|
5831
5831
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5832
5832
|
}
|
|
5833
5833
|
|
|
5834
|
-
var css$b = {"root":"
|
|
5834
|
+
var css$b = {"root":"G9Rw8g","type-primary":"_5QAI7K","typePrimary":"_5QAI7K","type-secondary":"EZsVK0","typeSecondary":"EZsVK0"};
|
|
5835
5835
|
|
|
5836
5836
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5837
5837
|
const { type, ...clickableProps } = props;
|
|
@@ -5859,7 +5859,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5859
5859
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5860
5860
|
});
|
|
5861
5861
|
|
|
5862
|
-
var css$a = {"dropdown-body":"
|
|
5862
|
+
var css$a = {"dropdown-body":"TJaXQe","dropdownBody":"TJaXQe"};
|
|
5863
5863
|
|
|
5864
5864
|
function MainMenuDropdown(props) {
|
|
5865
5865
|
const handleEscape = (e, onClose, isOpen) => {
|
|
@@ -5905,12 +5905,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5905
5905
|
};
|
|
5906
5906
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5907
5907
|
|
|
5908
|
-
var css$9 = {"global-menu-btn":"
|
|
5908
|
+
var css$9 = {"global-menu-btn":"tgu191","globalMenuBtn":"tgu191","global-menu-icon":"_63c8AS","globalMenuIcon":"_63c8AS"};
|
|
5909
5909
|
|
|
5910
5910
|
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 },
|
|
5911
5911
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5912
5912
|
|
|
5913
|
-
var css$8 = {"container":"
|
|
5913
|
+
var css$8 = {"container":"vtFSrU","open":"x6lWsx","folding-arrow":"LcX0du","foldingArrow":"LcX0du"};
|
|
5914
5914
|
|
|
5915
5915
|
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 },
|
|
5916
5916
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5918,15 +5918,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
5918
5918
|
props.isDropdown && (React.createElement("div", null,
|
|
5919
5919
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5920
5920
|
|
|
5921
|
-
var css$7 = {"search-input":"
|
|
5921
|
+
var css$7 = {"search-input":"UaOHWB","searchInput":"UaOHWB"};
|
|
5922
5922
|
|
|
5923
5923
|
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 })) })));
|
|
5924
5924
|
|
|
5925
|
-
var css$6 = {"container":"
|
|
5925
|
+
var css$6 = {"container":"KahbRG"};
|
|
5926
5926
|
|
|
5927
5927
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
|
|
5928
5928
|
|
|
5929
|
-
var css$5 = {"root":"
|
|
5929
|
+
var css$5 = {"root":"mVCr-H"};
|
|
5930
5930
|
|
|
5931
5931
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
5932
5932
|
|
|
@@ -5984,7 +5984,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5984
5984
|
};
|
|
5985
5985
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
5986
5986
|
|
|
5987
|
-
var css$4 = {"root":"
|
|
5987
|
+
var css$4 = {"root":"_8osKhn","drop-start":"xmDD2I","dropStart":"xmDD2I","drop-over":"KUbcxW","dropOver":"KUbcxW","link":"wVC2yH","drop-area":"NiXVjF","dropArea":"NiXVjF","drop-caption":"-vqUYd","dropCaption":"-vqUYd","icon-blue":"N-YC3C","iconBlue":"N-YC3C"};
|
|
5988
5988
|
|
|
5989
5989
|
function DropSpot(props) {
|
|
5990
5990
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -6002,7 +6002,7 @@ function DropSpot(props) {
|
|
|
6002
6002
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
6003
6003
|
}
|
|
6004
6004
|
|
|
6005
|
-
var css$3 = {"root":"
|
|
6005
|
+
var css$3 = {"root":"_2wZddl"};
|
|
6006
6006
|
|
|
6007
6007
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
6008
6008
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -6013,7 +6013,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
6013
6013
|
React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
6014
6014
|
});
|
|
6015
6015
|
|
|
6016
|
-
var css$2 = {"root":"
|
|
6016
|
+
var css$2 = {"root":"Xq1ST3","file-name":"u-1fTp","fileName":"u-1fTp","default-color":"GCyBb0","defaultColor":"GCyBb0","doc-color":"JPt-OP","docColor":"JPt-OP","xls-color":"J2GvnQ","xlsColor":"J2GvnQ","pdf-color":"hzwvnm","pdfColor":"hzwvnm","movie-color":"vPdLkZ","movieColor":"vPdLkZ","img-color":"voQrvi","imgColor":"voQrvi","mov-color":"x0nOhM","movColor":"x0nOhM","error-block":"-ERPrL","errorBlock":"-ERPrL","icons-block":"_3CpC1p","iconsBlock":"_3CpC1p"};
|
|
6017
6017
|
|
|
6018
6018
|
const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
6019
6019
|
const [isLoadingShow, setIsLoadingShow] = React.useState(true);
|
|
@@ -6133,7 +6133,7 @@ const getErrorPageConfig = () => ({
|
|
|
6133
6133
|
},
|
|
6134
6134
|
});
|
|
6135
6135
|
|
|
6136
|
-
var css$1 = {"container":"
|
|
6136
|
+
var css$1 = {"container":"d2-PXn"};
|
|
6137
6137
|
|
|
6138
6138
|
const ErrorPage = (props) => {
|
|
6139
6139
|
const isMobileScreen = isMobile();
|
|
@@ -6145,7 +6145,7 @@ const ErrorPage = (props) => {
|
|
|
6145
6145
|
props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
6146
6146
|
};
|
|
6147
6147
|
|
|
6148
|
-
var css = {"recovery-spinner":"
|
|
6148
|
+
var css = {"recovery-spinner":"ccX40-","recoverySpinner":"ccX40-","recovery-message":"KY4BiR","recoveryMessage":"KY4BiR","modal-blocker":"nxCg8a","modalBlocker":"nxCg8a","modalFadeIn":"J3Qd0w"};
|
|
6149
6149
|
|
|
6150
6150
|
function ErrorHandler(props) {
|
|
6151
6151
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|