@epam/uui 6.5.0 → 6.5.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/clickable.scss +26 -26
- package/assets/styles/dnd.scss +9 -9
- package/assets/styles/effects.scss +6 -6
- package/assets/styles/index.scss +6 -6
- 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 +5 -5
- package/readme.md +9 -9
- package/stats.html +1 -1
- package/styles.css +1071 -1071
- package/styles.css.map +1 -1
package/index.esm.js
CHANGED
|
@@ -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(#86y8n2cgql43goqxg_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: "86y8n2ykqv84rixjh_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(#86y8n2ykqv84rixjh_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: "86y8n2cgql43goqxg_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$1x = {"root":"
|
|
930
|
+
var css$1x = {"root":"OuBUh3","uui-spinner":"pQ0oho","uuiSpinner":"pQ0oho"};
|
|
931
931
|
|
|
932
932
|
function applySpinnerMods() {
|
|
933
933
|
return [css$1x.root, 'uui-spinner'];
|
|
934
934
|
}
|
|
935
935
|
const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
|
|
936
936
|
|
|
937
|
-
var css$1w = {"root":"
|
|
937
|
+
var css$1w = {"root":"qOBIXH","loading-word":"CgWZEU","loadingWord":"CgWZEU","animated-loading":"ZEEs3l","animatedLoading":"ZEEs3l","skeleton_loading":"_5xYtVF","skeletonLoading":"_5xYtVF"};
|
|
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$1v = {"root":"
|
|
954
|
+
var css$1v = {"root":"_2MOxcp","line-height":"gbBOkC","lineHeight":"gbBOkC","font-size":"_0e9G-g","fontSize":"_0e9G-g"};
|
|
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$1u = {"root":"
|
|
981
|
+
var css$1u = {"root":"_2CgssR"};
|
|
982
982
|
|
|
983
983
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$1u.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
984
984
|
|
|
@@ -1484,7 +1484,7 @@ const settings = {
|
|
|
1484
1484
|
textInput: textInputSettings,
|
|
1485
1485
|
};
|
|
1486
1486
|
|
|
1487
|
-
var css$1t = {"root":"
|
|
1487
|
+
var css$1t = {"root":"_93Kume"};
|
|
1488
1488
|
|
|
1489
1489
|
function applyButtonMods(mods) {
|
|
1490
1490
|
return [
|
|
@@ -1502,7 +1502,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
1502
1502
|
};
|
|
1503
1503
|
});
|
|
1504
1504
|
|
|
1505
|
-
var css$1s = {"root":"
|
|
1505
|
+
var css$1s = {"root":"_2X5nEJ"};
|
|
1506
1506
|
|
|
1507
1507
|
function applyIconButtonMods(props) {
|
|
1508
1508
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1s.root];
|
|
@@ -1539,7 +1539,7 @@ function getIconClass(props) {
|
|
|
1539
1539
|
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'];
|
|
1540
1540
|
}
|
|
1541
1541
|
|
|
1542
|
-
var css$1r = {"root":"
|
|
1542
|
+
var css$1r = {"root":"IKNhEL"};
|
|
1543
1543
|
|
|
1544
1544
|
const DEFAULT_COLOR = 'primary';
|
|
1545
1545
|
const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -1569,7 +1569,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1569
1569
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1570
1570
|
});
|
|
1571
1571
|
|
|
1572
|
-
var css$1q = {"root":"
|
|
1572
|
+
var css$1q = {"root":"Gq5yqS"};
|
|
1573
1573
|
|
|
1574
1574
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1575
1575
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1581,7 +1581,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1581
1581
|
]) }, props.caption));
|
|
1582
1582
|
});
|
|
1583
1583
|
|
|
1584
|
-
var css$1p = {"root":"
|
|
1584
|
+
var css$1p = {"root":"_3vsS8v","withNotify":"GzurRq"};
|
|
1585
1585
|
|
|
1586
1586
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, refExternal) => {
|
|
1587
1587
|
const refLocal = React__default.useRef(null);
|
|
@@ -1628,13 +1628,13 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, refExternal)
|
|
|
1628
1628
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1629
1629
|
});
|
|
1630
1630
|
|
|
1631
|
-
var css$1o = {"root":"
|
|
1631
|
+
var css$1o = {"root":"usEo37","noLeftPadding":"Mqrfq0","foldingArea":"_3mG6bZ","onlyFoldable":"AiAJzz","captionWrapper":"klsMLj","withNotify":"fWP-Bc"};
|
|
1632
1632
|
|
|
1633
|
-
var css$1n = {"root":"
|
|
1633
|
+
var css$1n = {"root":"AKPEoQ"};
|
|
1634
1634
|
|
|
1635
1635
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1n.root]);
|
|
1636
1636
|
|
|
1637
|
-
var css$1m = {"root":"
|
|
1637
|
+
var css$1m = {"root":"BUFVmU"};
|
|
1638
1638
|
|
|
1639
1639
|
const DEFAULT_FILL = 'solid';
|
|
1640
1640
|
function applyBadgeMods(mods) {
|
|
@@ -1662,7 +1662,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1662
1662
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1663
1663
|
});
|
|
1664
1664
|
|
|
1665
|
-
var css$1l = {"root":"
|
|
1665
|
+
var css$1l = {"root":"WrLoYS"};
|
|
1666
1666
|
|
|
1667
1667
|
function applyTagMods(props) {
|
|
1668
1668
|
return [
|
|
@@ -1695,7 +1695,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1695
1695
|
} }))));
|
|
1696
1696
|
});
|
|
1697
1697
|
|
|
1698
|
-
var css$1k = {"root":"
|
|
1698
|
+
var css$1k = {"root":"y3HEp7","page":"TzCuyj","spacer":"cZc-AL","mode-ghost":"HkaxFZ","modeGhost":"HkaxFZ"};
|
|
1699
1699
|
|
|
1700
1700
|
function Paginator(props) {
|
|
1701
1701
|
const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx('uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
@@ -1721,14 +1721,14 @@ function Paginator(props) {
|
|
|
1721
1721
|
return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
|
|
1722
1722
|
}
|
|
1723
1723
|
|
|
1724
|
-
var css$1j = {"root":"
|
|
1724
|
+
var css$1j = {"root":"iMrosC","progress-bar":"E-Sysv","progressBar":"E-Sysv","progressBar-indeterminate":"vVd1qf","progressBarIndeterminate":"vVd1qf","size-12":"olb-JK","size12":"olb-JK","size-18":"BScQLT","size18":"BScQLT","size-24":"RMDLQY","size24":"RMDLQY"};
|
|
1725
1725
|
|
|
1726
1726
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1727
1727
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$1j.root, css$1j[`size-${props.size || 12}`]) },
|
|
1728
1728
|
React.createElement("div", { className: cx(css$1j.progressBar) })));
|
|
1729
1729
|
});
|
|
1730
1730
|
|
|
1731
|
-
var css$1i = {"root":"
|
|
1731
|
+
var css$1i = {"root":"-J7I2e","striped":"SZyzmH","animate-stripes":"u-4gbW","animateStripes":"u-4gbW","size-12":"sVXf6M","size12":"sVXf6M","size-18":"kH5E--","size18":"kH5E--","size-24":"_3n7saA","size24":"_3n7saA"};
|
|
1732
1732
|
|
|
1733
1733
|
const DEFAULT_SIZE = '12';
|
|
1734
1734
|
function applyProgressBarMods(mods) {
|
|
@@ -1743,14 +1743,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
1743
1743
|
hideLabel: props.hideLabel || props.striped,
|
|
1744
1744
|
}));
|
|
1745
1745
|
|
|
1746
|
-
var css$1h = {"root":"
|
|
1746
|
+
var css$1h = {"root":"Vf7ycQ"};
|
|
1747
1747
|
|
|
1748
1748
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1749
1749
|
const { progress } = props;
|
|
1750
1750
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$1h.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$1h.root, props.cx) }));
|
|
1751
1751
|
});
|
|
1752
1752
|
|
|
1753
|
-
var css$1g = {"root":"
|
|
1753
|
+
var css$1g = {"root":"Y0iy29"};
|
|
1754
1754
|
|
|
1755
1755
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1756
1756
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1765,7 +1765,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1765
1765
|
React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
1766
1766
|
});
|
|
1767
1767
|
|
|
1768
|
-
var css$1f = {"root":"
|
|
1768
|
+
var css$1f = {"root":"SwPEPA"};
|
|
1769
1769
|
|
|
1770
1770
|
function applyCheckboxMods(mods) {
|
|
1771
1771
|
return [
|
|
@@ -1783,7 +1783,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1783
1783
|
};
|
|
1784
1784
|
const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1785
1785
|
|
|
1786
|
-
var css$1e = {"root":"
|
|
1786
|
+
var css$1e = {"root":"_0U1M0x"};
|
|
1787
1787
|
|
|
1788
1788
|
function applyRadioInputMods(mods) {
|
|
1789
1789
|
return [
|
|
@@ -1795,7 +1795,7 @@ function applyRadioInputMods(mods) {
|
|
|
1795
1795
|
}
|
|
1796
1796
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1797
1797
|
|
|
1798
|
-
var css$1d = {"root":"
|
|
1798
|
+
var css$1d = {"root":"ln8RhG"};
|
|
1799
1799
|
|
|
1800
1800
|
function applySwitchMods(mods) {
|
|
1801
1801
|
return [
|
|
@@ -1819,7 +1819,7 @@ var EditMode;
|
|
|
1819
1819
|
EditMode["INLINE"] = "inline";
|
|
1820
1820
|
})(EditMode || (EditMode = {}));
|
|
1821
1821
|
|
|
1822
|
-
var textInputCss = {"root":"
|
|
1822
|
+
var textInputCss = {"root":"KRjCQq"};
|
|
1823
1823
|
|
|
1824
1824
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1825
1825
|
function applyTextInputMods(mods) {
|
|
@@ -1844,7 +1844,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1844
1844
|
} }));
|
|
1845
1845
|
});
|
|
1846
1846
|
|
|
1847
|
-
var css$1c = {"root":"
|
|
1847
|
+
var css$1c = {"root":"Lyhnkf"};
|
|
1848
1848
|
|
|
1849
1849
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1c.root, 'uui-control-group']);
|
|
1850
1850
|
|
|
@@ -1860,7 +1860,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1860
1860
|
}
|
|
1861
1861
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
1862
1862
|
|
|
1863
|
-
var css$1b = {"root":"
|
|
1863
|
+
var css$1b = {"root":"_4w8wYQ"};
|
|
1864
1864
|
|
|
1865
1865
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1866
1866
|
function applyNumericInputMods(mods) {
|
|
@@ -1880,7 +1880,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
1880
1880
|
};
|
|
1881
1881
|
});
|
|
1882
1882
|
|
|
1883
|
-
var css$1a = {"root":"
|
|
1883
|
+
var css$1a = {"root":"U1rBRE"};
|
|
1884
1884
|
|
|
1885
1885
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1886
1886
|
function applyTextAreaMods(mods) {
|
|
@@ -1921,7 +1921,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1921
1921
|
};
|
|
1922
1922
|
}
|
|
1923
1923
|
|
|
1924
|
-
var css$19 = {"root":"
|
|
1924
|
+
var css$19 = {"root":"b68Jga"};
|
|
1925
1925
|
|
|
1926
1926
|
function applyDropdownContainerMods(mods) {
|
|
1927
1927
|
return [
|
|
@@ -1932,7 +1932,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1932
1932
|
}
|
|
1933
1933
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
1934
1934
|
|
|
1935
|
-
var css$18 = {"root":"
|
|
1935
|
+
var css$18 = {"root":"Jejfar","timepicker-input":"J8-s1Q","timepickerInput":"J8-s1Q","ltr-always":"_0zW2aO","ltrAlways":"_0zW2aO"};
|
|
1936
1936
|
|
|
1937
1937
|
const uuiTimePicker = {
|
|
1938
1938
|
container: 'uui-timepicker-container',
|
|
@@ -2153,7 +2153,7 @@ function TimePickerComponent(props, ref) {
|
|
|
2153
2153
|
}
|
|
2154
2154
|
const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
|
|
2155
2155
|
|
|
2156
|
-
var css$17 = {"root":"
|
|
2156
|
+
var css$17 = {"root":"VTXQ9x"};
|
|
2157
2157
|
|
|
2158
2158
|
function applyInputAddonMods() {
|
|
2159
2159
|
return [
|
|
@@ -2162,14 +2162,14 @@ function applyInputAddonMods() {
|
|
|
2162
2162
|
}
|
|
2163
2163
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
2164
2164
|
|
|
2165
|
-
var css$16 = {"root":"
|
|
2165
|
+
var css$16 = {"root":"ab6Fwz"};
|
|
2166
2166
|
|
|
2167
2167
|
function applySliderMods() {
|
|
2168
2168
|
return [css$16.root, 'uui-color-neutral'];
|
|
2169
2169
|
}
|
|
2170
2170
|
const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
|
|
2171
2171
|
|
|
2172
|
-
var css$15 = {"root":"
|
|
2172
|
+
var css$15 = {"root":"X2C5-k"};
|
|
2173
2173
|
|
|
2174
2174
|
function applyTooltipMods(mods) {
|
|
2175
2175
|
return [
|
|
@@ -2179,7 +2179,7 @@ function applyTooltipMods(mods) {
|
|
|
2179
2179
|
}
|
|
2180
2180
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
2181
2181
|
|
|
2182
|
-
var css$14 = {"root":"
|
|
2182
|
+
var css$14 = {"root":"LxrIV-","tooltip":"H-FvJp"};
|
|
2183
2183
|
|
|
2184
2184
|
function applyRatingMods(mods) {
|
|
2185
2185
|
return [
|
|
@@ -2193,7 +2193,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
|
|
|
2193
2193
|
Tooltip,
|
|
2194
2194
|
}));
|
|
2195
2195
|
|
|
2196
|
-
var css$13 = {"drag-handle-wrapper":"
|
|
2196
|
+
var css$13 = {"drag-handle-wrapper":"M3zKTO","dragHandleWrapper":"M3zKTO","with-indent":"kkaEYJ","withIndent":"kkaEYJ","drag-handle":"bytoUT","dragHandle":"bytoUT","icon-container":"c7g7SH","iconContainer":"c7g7SH"};
|
|
2197
2197
|
|
|
2198
2198
|
function DataRowAddons(props) {
|
|
2199
2199
|
const row = props.rowProps;
|
|
@@ -2280,7 +2280,7 @@ function VerticalTabButtonComponent(props, ref) {
|
|
|
2280
2280
|
}
|
|
2281
2281
|
const VerticalTabButton = /* @__PURE__ */React__default.forwardRef(VerticalTabButtonComponent);
|
|
2282
2282
|
|
|
2283
|
-
var css$12 = {"root":"
|
|
2283
|
+
var css$12 = {"root":"F3KZ66","main-path":"_5DmYws","mainPath":"_5DmYws","content-wrapper":"UrVcu8","contentWrapper":"UrVcu8","content":"_1ba8Yl","action-wrapper":"x5kZPO","actionWrapper":"x5kZPO","icon-wrapper":"E3DzHV","iconWrapper":"E3DzHV","icon":"WOWfpk","close-icon":"_8PRNic","closeIcon":"_8PRNic"};
|
|
2284
2284
|
|
|
2285
2285
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$12.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
2286
2286
|
React.createElement("div", { className: css$12.mainPath },
|
|
@@ -2298,7 +2298,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
2298
2298
|
|
|
2299
2299
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
2300
2300
|
|
|
2301
|
-
var css$11 = {"submenu-root-item-rtl":"
|
|
2301
|
+
var css$11 = {"submenu-root-item-rtl":"lCNKGP","submenuRootItemRtl":"lCNKGP","icon-after":"DbHR8Y","iconAfter":"DbHR8Y","submenu-root-item":"_4yTZIg","submenuRootItem":"_4yTZIg","icon-check":"-aLGB3","iconCheck":"-aLGB3","splitter-root":"JgOJy4","splitterRoot":"JgOJy4","splitter":"Z8SvLU","header-root":"_1IYVxv","headerRoot":"_1IYVxv","item-root":"_8VTbBO","itemRoot":"_8VTbBO","icon":"SSf8Ma","link":"O3IGlh","indent":"gXk8hW","selected-mark":"-BscHg","selectedMark":"-BscHg"};
|
|
2302
2302
|
|
|
2303
2303
|
var IDropdownControlKeys;
|
|
2304
2304
|
(function (IDropdownControlKeys) {
|
|
@@ -2439,7 +2439,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2439
2439
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange, ref: switchRef })));
|
|
2440
2440
|
}
|
|
2441
2441
|
|
|
2442
|
-
var css$10 = {"root":"
|
|
2442
|
+
var css$10 = {"root":"_3BWR8V","mode-block":"VgRY6H","modeBlock":"VgRY6H","mode-inline":"_2In9-o","modeInline":"_2In9-o","padding-0":"wN1NJL","padding0":"wN1NJL","padding-6":"OnX-co","padding6":"OnX-co","padding-12":"_462b3T","padding12":"_462b3T","padding-18":"TjVSp8","padding18":"TjVSp8"};
|
|
2443
2443
|
|
|
2444
2444
|
function applyAccordionMods(mods) {
|
|
2445
2445
|
return [
|
|
@@ -2452,7 +2452,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
2452
2452
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2453
2453
|
}));
|
|
2454
2454
|
|
|
2455
|
-
var css$$ = {"root":"
|
|
2455
|
+
var css$$ = {"root":"ZzFYHw","align-items":"e5oM79","alignItems":"e5oM79","justify-content":"TKkzHN","justifyContent":"TKkzHN","border-top":"QWm9IM","borderTop":"QWm9IM","border-bottom":"nQmU5w","borderBottom":"nQmU5w","top-shadow":"_6SB3Tq","topShadow":"_6SB3Tq","padding":"_9GyrzV","margin":"A8kAdL","vPadding":"FZXh4C","column-gap":"Ydt30Q","columnGap":"Ydt30Q","row-gap":"nPmDdl","rowGap":"nPmDdl","spacing":"YhHdZh"};
|
|
2456
2456
|
|
|
2457
2457
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$$.flexCell]);
|
|
2458
2458
|
|
|
@@ -2504,7 +2504,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2504
2504
|
} }, props.children));
|
|
2505
2505
|
});
|
|
2506
2506
|
|
|
2507
|
-
var css$_ = {"root":"
|
|
2507
|
+
var css$_ = {"root":"-UoW3k","margin-24":"OHIitG","margin24":"OHIitG","padding-12":"_61-s5c","padding12":"_61-s5c","padding-24":"xDPpyd","padding24":"xDPpyd","shadow":"gPLiRY","uui-surface-main":"x7okAA","uuiSurfaceMain":"x7okAA"};
|
|
2508
2508
|
|
|
2509
2509
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
2510
2510
|
'uui-panel',
|
|
@@ -2514,7 +2514,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
2514
2514
|
props.background && css$_[`uui-${props.background}`],
|
|
2515
2515
|
]);
|
|
2516
2516
|
|
|
2517
|
-
var css$Z = {"root":"
|
|
2517
|
+
var css$Z = {"root":"ZtCRdf"};
|
|
2518
2518
|
|
|
2519
2519
|
function applyLabeledInputMods(mods) {
|
|
2520
2520
|
return [
|
|
@@ -2536,7 +2536,7 @@ function applyLabeledInputProps(props) {
|
|
|
2536
2536
|
}
|
|
2537
2537
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2538
2538
|
|
|
2539
|
-
var css$Y = {"root":"
|
|
2539
|
+
var css$Y = {"root":"_3-ydMY"};
|
|
2540
2540
|
|
|
2541
2541
|
function RadioGroup(props) {
|
|
2542
2542
|
const direction = props.direction || 'vertical';
|
|
@@ -2551,7 +2551,7 @@ function RadioGroup(props) {
|
|
|
2551
2551
|
})));
|
|
2552
2552
|
}
|
|
2553
2553
|
|
|
2554
|
-
var css$X = {"root":"
|
|
2554
|
+
var css$X = {"root":"Xwxh0g","viewport":"rTDwU9"};
|
|
2555
2555
|
|
|
2556
2556
|
var uuiScrollbars;
|
|
2557
2557
|
(function (uuiScrollbars) {
|
|
@@ -2630,7 +2630,7 @@ const ScrollBars = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2630
2630
|
});
|
|
2631
2631
|
ScrollBars.displayName = 'ScrollBars';
|
|
2632
2632
|
|
|
2633
|
-
var css$W = {"scroll-container":"
|
|
2633
|
+
var css$W = {"scroll-container":"SdfZly","scrollContainer":"SdfZly","list-container":"te7TvO","listContainer":"te7TvO"};
|
|
2634
2634
|
|
|
2635
2635
|
const VirtualList = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
2636
2636
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
|
|
@@ -2705,7 +2705,7 @@ function Tree(props) {
|
|
|
2705
2705
|
return (React.createElement(VirtualList, { value: value, onValueChange: onValueChange, rowsCount: rowsCount, rows: renderedRows, cx: cx$1(propsCx), role: "tree" }));
|
|
2706
2706
|
}
|
|
2707
2707
|
|
|
2708
|
-
var css$V = {"root":"
|
|
2708
|
+
var css$V = {"root":"RzJpW2"};
|
|
2709
2709
|
|
|
2710
2710
|
function CheckboxGroup(props) {
|
|
2711
2711
|
const currentValue = props.value || [];
|
|
@@ -2807,7 +2807,7 @@ const Tabs = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2807
2807
|
});
|
|
2808
2808
|
Tabs.displayName = 'Tabs';
|
|
2809
2809
|
|
|
2810
|
-
var css$U = {"root":"
|
|
2810
|
+
var css$U = {"root":"JSAD9B","modal-blocker":"JJackx","modalBlocker":"JJackx","animateModalBlocker":"_9vVPON","modal":"Mk87hz","modal-footer":"R-dJ8k","modalFooter":"R-dJ8k","border-top":"TKGWqz","borderTop":"TKGWqz","modal-header":"mIph6H","modalHeader":"mIph6H","border-bottom":"kMw-NH","borderBottom":"kMw-NH"};
|
|
2811
2811
|
|
|
2812
2812
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$U.modalBlocker]);
|
|
2813
2813
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$U.root, css$U.modal], (props) => {
|
|
@@ -3006,7 +3006,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
3006
3006
|
});
|
|
3007
3007
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
3008
3008
|
|
|
3009
|
-
var css$T = {"root":"
|
|
3009
|
+
var css$T = {"root":"uAyETU","icon-wrapper":"CDXUHl","iconWrapper":"CDXUHl","action-wrapper":"TQXOiE","actionWrapper":"TQXOiE","close-icon":"Dq-1P7","closeIcon":"Dq-1P7","main-path":"LCwpd5","mainPath":"LCwpd5","content":"D-G4DM","close-wrapper":"rAH0in","closeWrapper":"rAH0in","clear-notifications":"RTUbX9","clearNotifications":"RTUbX9"};
|
|
3010
3010
|
|
|
3011
3011
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
3012
3012
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -3039,7 +3039,7 @@ function ClearNotification() {
|
|
|
3039
3039
|
React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
3040
3040
|
}
|
|
3041
3041
|
|
|
3042
|
-
var css$S = {"footer":"
|
|
3042
|
+
var css$S = {"footer":"b02aEg"};
|
|
3043
3043
|
|
|
3044
3044
|
class ConfirmationModal extends React.Component {
|
|
3045
3045
|
render() {
|
|
@@ -3081,7 +3081,7 @@ function useReliableForceUpdate() {
|
|
|
3081
3081
|
return red[1];
|
|
3082
3082
|
}
|
|
3083
3083
|
|
|
3084
|
-
var css$R = {"root":"
|
|
3084
|
+
var css$R = {"root":"hN1h2-","container":"RtLbl7"};
|
|
3085
3085
|
|
|
3086
3086
|
const defaultFormat = 'MMM D, YYYY';
|
|
3087
3087
|
const defaultFormatShort = 'MMM D';
|
|
@@ -3309,14 +3309,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
3309
3309
|
React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
3310
3310
|
}
|
|
3311
3311
|
|
|
3312
|
-
var css$Q = {"root":"
|
|
3312
|
+
var css$Q = {"root":"tbz8qf"};
|
|
3313
3313
|
|
|
3314
3314
|
function applyDateSelectionMods(mods) {
|
|
3315
3315
|
return [css$Q.root, `uui-size-${mods.size ?? settings.datePicker.sizes.body}`];
|
|
3316
3316
|
}
|
|
3317
3317
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
3318
3318
|
|
|
3319
|
-
var css$P = {"root":"-
|
|
3319
|
+
var css$P = {"root":"WlKPp-"};
|
|
3320
3320
|
|
|
3321
3321
|
const uuiDatePickerBody = {
|
|
3322
3322
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -3443,7 +3443,7 @@ function DatePickerComponent(props, ref) {
|
|
|
3443
3443
|
}
|
|
3444
3444
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
3445
3445
|
|
|
3446
|
-
var css$O = {"date-input":"
|
|
3446
|
+
var css$O = {"date-input":"LJM7Oa","dateInput":"LJM7Oa","root":"oJ0FTh","separator":"v88ehd"};
|
|
3447
3447
|
|
|
3448
3448
|
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, onIconClick, preventEmptyFromDate, preventEmptyToDate, id, cx: classes, }, ref) => {
|
|
3449
3449
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3520,7 +3520,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
3520
3520
|
React__default.createElement(TextInput, { cx: cx$1(css$O.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 })));
|
|
3521
3521
|
});
|
|
3522
3522
|
|
|
3523
|
-
var css$N = {"root":"
|
|
3523
|
+
var css$N = {"root":"OSm-QX"};
|
|
3524
3524
|
|
|
3525
3525
|
const uuiPresets = {
|
|
3526
3526
|
container: 'uui-presets-container',
|
|
@@ -3542,7 +3542,7 @@ function CalendarPresets(props) {
|
|
|
3542
3542
|
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: presetSize })))));
|
|
3543
3543
|
}
|
|
3544
3544
|
|
|
3545
|
-
var css$M = {"root":"
|
|
3545
|
+
var css$M = {"root":"quKELS","container":"mHDTX8","day-selection":"_4k5Pkb","daySelection":"_4k5Pkb","mobile":"I9JF2s","from-picker":"gO-3MU","fromPicker":"gO-3MU","to-picker":"ooI5Mq","toPicker":"ooI5Mq","bodes-wrapper":"FT8KJL","bodesWrapper":"FT8KJL","blocker":"YWr-df"};
|
|
3546
3546
|
|
|
3547
3547
|
const uuiRangeDatePickerBody = {
|
|
3548
3548
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3751,7 +3751,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3751
3751
|
};
|
|
3752
3752
|
};
|
|
3753
3753
|
|
|
3754
|
-
var css$L = {"root":"
|
|
3754
|
+
var css$L = {"root":"ofLu95","modal-title":"KLaTx7","modalTitle":"KLaTx7","range-selector":"HS8DO1","rangeSelector":"HS8DO1","range-selector-button":"Id19KM","rangeSelectorButton":"Id19KM","header-range-separator":"udkYjO","headerRangeSeparator":"udkYjO","body":"_6L67of"};
|
|
3755
3755
|
|
|
3756
3756
|
function RangeDatePickerModal({ success, abort, isActive, zIndex, key, pickerProps, initialValue, }) {
|
|
3757
3757
|
const [modalValue, setModalValue] = useState(initialValue);
|
|
@@ -3792,7 +3792,7 @@ function RangeDatePickerModal({ success, abort, isActive, zIndex, key, pickerPro
|
|
|
3792
3792
|
React__default.createElement(Button, { color: "primary", caption: i18n.rangeDatePicker.mobileModalApply, onClick: () => success(modalValue) })))));
|
|
3793
3793
|
}
|
|
3794
3794
|
|
|
3795
|
-
var css$K = {"dropdown-container":"
|
|
3795
|
+
var css$K = {"dropdown-container":"EYK-1S","dropdownContainer":"EYK-1S"};
|
|
3796
3796
|
|
|
3797
3797
|
function RangeDatePickerComponent(props, ref) {
|
|
3798
3798
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3897,7 +3897,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3897
3897
|
}
|
|
3898
3898
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3899
3899
|
|
|
3900
|
-
var css$J = {"root":"
|
|
3900
|
+
var css$J = {"root":"Dfbxpq","blocker":"iM-TUI","marker":"ALoITO","top":"ndsWjm","bottom":"yOapOE","left":"KXItUP","right":"tW9opS","inside":"qJ4vv-"};
|
|
3901
3901
|
|
|
3902
3902
|
function DropMarker(props) {
|
|
3903
3903
|
return props.isDndInProgress
|
|
@@ -3912,9 +3912,9 @@ function DropMarker(props) {
|
|
|
3912
3912
|
: null;
|
|
3913
3913
|
}
|
|
3914
3914
|
|
|
3915
|
-
var css$I = {"root":"
|
|
3915
|
+
var css$I = {"root":"_39q9e9","search-wrapper":"dX2YHp","searchWrapper":"dX2YHp","no-data":"fcXSIW","noData":"fcXSIW","empty-status-announcer":"lP-Mnc","emptyStatusAnnouncer":"lP-Mnc"};
|
|
3916
3916
|
|
|
3917
|
-
var css$H = {"picker-row":"
|
|
3917
|
+
var css$H = {"picker-row":"t7io2b","pickerRow":"t7io2b","align-widgets-top":"pxo8lS","alignWidgetsTop":"pxo8lS","row-content":"Tafdsu","rowContent":"Tafdsu","align-widgets-center":"_0Itoxp","alignWidgetsCenter":"_0Itoxp","icon-container":"-yfEOK","iconContainer":"-yfEOK","content-wrapper":"Or-gtc","contentWrapper":"Or-gtc","icon-wrapper":"eULv4N","iconWrapper":"eULv4N","icon-default":"Rzmaw4","iconDefault":"Rzmaw4","selected-mark":"aifwTi","selectedMark":"aifwTi"};
|
|
3918
3918
|
|
|
3919
3919
|
const mergeHighlightRanges = (ranges) => {
|
|
3920
3920
|
const mergedRanges = [];
|
|
@@ -3981,7 +3981,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3981
3981
|
return getDecoratedText(str, ranges);
|
|
3982
3982
|
};
|
|
3983
3983
|
|
|
3984
|
-
var css$G = {"root":"
|
|
3984
|
+
var css$G = {"root":"cZj8GS","column-gap":"Sd-I4v","columnGap":"Sd-I4v","title":"_4EaSEw","subtitle":"rWeA7s","disabled":"nkv6Le","multiline":"_2AOZ5X"};
|
|
3985
3985
|
|
|
3986
3986
|
function PickerItem(props) {
|
|
3987
3987
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -4207,7 +4207,7 @@ function DataPickerFooterImpl(props) {
|
|
|
4207
4207
|
}
|
|
4208
4208
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
4209
4209
|
|
|
4210
|
-
var css$F = {"header":"
|
|
4210
|
+
var css$F = {"header":"_4mRBIx","title":"w9ty5M","close":"_7TgPdH"};
|
|
4211
4211
|
|
|
4212
4212
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
4213
4213
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -4217,7 +4217,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
4217
4217
|
};
|
|
4218
4218
|
const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
|
|
4219
4219
|
|
|
4220
|
-
var css$E = {"done":"
|
|
4220
|
+
var css$E = {"done":"d-8x8E","container":"c5Hc5y"};
|
|
4221
4221
|
|
|
4222
4222
|
const PickerBodyMobileView = (props) => {
|
|
4223
4223
|
const isMobileView = isMobile();
|
|
@@ -4229,7 +4229,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
4229
4229
|
isMobileView && (React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
4230
4230
|
};
|
|
4231
4231
|
|
|
4232
|
-
var css$D = {"sub-header-wrapper":"
|
|
4232
|
+
var css$D = {"sub-header-wrapper":"A6-fi2","subHeaderWrapper":"A6-fi2","switch":"hmivDi","search":"jy6IA-","no-found-modal-container":"EJFBCq","noFoundModalContainer":"EJFBCq","no-found-modal-container-icon":"_5YHkoP","noFoundModalContainerIcon":"_5YHkoP","no-found-modal-container-text":"FNfdKG","noFoundModalContainerText":"FNfdKG","body":"_6jIS0j"};
|
|
4233
4233
|
|
|
4234
4234
|
function PickerModal(props) {
|
|
4235
4235
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
|
|
@@ -4291,7 +4291,7 @@ function PickerModal(props) {
|
|
|
4291
4291
|
React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
4292
4292
|
}
|
|
4293
4293
|
|
|
4294
|
-
var css$C = {"tooltip":"
|
|
4294
|
+
var css$C = {"tooltip":"KOU0oQ","noShrink":"YSA6qO"};
|
|
4295
4295
|
|
|
4296
4296
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4297
4297
|
const tagProps = {
|
|
@@ -4310,7 +4310,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
4310
4310
|
}
|
|
4311
4311
|
});
|
|
4312
4312
|
|
|
4313
|
-
var css$B = {"root":"
|
|
4313
|
+
var css$B = {"root":"wU2S1m"};
|
|
4314
4314
|
|
|
4315
4315
|
const defaultMode = EditMode.FORM;
|
|
4316
4316
|
function applyPickerTogglerMods(mods) {
|
|
@@ -4392,7 +4392,7 @@ function PickerInputComponent(props, ref) {
|
|
|
4392
4392
|
}
|
|
4393
4393
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
4394
4394
|
|
|
4395
|
-
var css$A = {"row":"
|
|
4395
|
+
var css$A = {"row":"crAQhU"};
|
|
4396
4396
|
|
|
4397
4397
|
function PickerListRow(props) {
|
|
4398
4398
|
let label;
|
|
@@ -4412,7 +4412,7 @@ function PickerListRow(props) {
|
|
|
4412
4412
|
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));
|
|
4413
4413
|
}
|
|
4414
4414
|
|
|
4415
|
-
var css$z = {"root":"
|
|
4415
|
+
var css$z = {"root":"Jqz42t"};
|
|
4416
4416
|
|
|
4417
4417
|
function PickerList(props) {
|
|
4418
4418
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -4447,7 +4447,7 @@ function PickerList(props) {
|
|
|
4447
4447
|
}, selectedRows)));
|
|
4448
4448
|
}
|
|
4449
4449
|
|
|
4450
|
-
var css$y = {"root":"
|
|
4450
|
+
var css$y = {"root":"-JH1tz","wrapper":"zHen-O","align-widgets-top":"_9SSuYh","alignWidgetsTop":"_9SSuYh","align-widgets-center":"_6Uwczu","alignWidgetsCenter":"_6Uwczu"};
|
|
4451
4451
|
|
|
4452
4452
|
function DataTableCell(initialProps) {
|
|
4453
4453
|
const props = { ...initialProps };
|
|
@@ -4497,7 +4497,7 @@ function DataTableCell(initialProps) {
|
|
|
4497
4497
|
return React.createElement(DataTableCell$1, { ...props });
|
|
4498
4498
|
}
|
|
4499
4499
|
|
|
4500
|
-
var css$x = {"root":"
|
|
4500
|
+
var css$x = {"root":"_4-WxN0"};
|
|
4501
4501
|
|
|
4502
4502
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4503
4503
|
// 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.
|
|
@@ -4513,7 +4513,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
4513
4513
|
];
|
|
4514
4514
|
}, () => propsMods);
|
|
4515
4515
|
|
|
4516
|
-
var css$w = {"sorting-panel-container":"
|
|
4516
|
+
var css$w = {"sorting-panel-container":"gNJ05Y","sortingPanelContainer":"gNJ05Y"};
|
|
4517
4517
|
|
|
4518
4518
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
4519
4519
|
const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4535,7 +4535,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4535
4535
|
};
|
|
4536
4536
|
const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
|
|
4537
4537
|
|
|
4538
|
-
var css$v = {"root":"
|
|
4538
|
+
var css$v = {"root":"haFoNy","caption-wrapper":"dW9UQP","captionWrapper":"dW9UQP","sort-icon":"efDv9x","sortIcon":"efDv9x","dropdown-icon":"kol8Xx","dropdownIcon":"kol8Xx","infoIcon":"fXjpGN","sortInActive":"aFVm6H","align-right":"hmnVog","alignRight":"hmnVog","align-center":"BSFQQr","alignCenter":"BSFQQr","caption":"_1PKy5q","truncate":"rjUUy-","upper-case":"Og40lP","upperCase":"Og40lP","checkbox":"s9DV4r","icon":"Q9WRXf","fold-all-icon":"g5v5hO","foldAllIcon":"g5v5hO","cell-tooltip":"qrhJrM","cellTooltip":"qrhJrM","resizing-marker":"PBp3Cl","resizingMarker":"PBp3Cl","pinned-right":"rosspY","pinnedRight":"rosspY","draggable":"fJD7p-","ghost":"lkZQ9h","is-dragged-out":"qILMIK","isDraggedOut":"qILMIK","dnd-marker-left":"_9LEeJU","dndMarkerLeft":"_9LEeJU","dnd-marker-right":"r-DBx1","dndMarkerRight":"r-DBx1","cell-tooltip-wrapper":"_5UK2gG","cellTooltipWrapper":"_5UK2gG","cell-tooltip-text":"snpLBU","cellTooltipText":"snpLBU","tooltip-caption":"kTHlYp","tooltipCaption":"kTHlYp","tooltip-info":"hOWNTH","tooltipInfo":"hOWNTH"};
|
|
4539
4539
|
|
|
4540
4540
|
function DefaultTooltipContent(column) {
|
|
4541
4541
|
return (React__default.createElement("div", { className: cx$1(css$v.cellTooltipWrapper, uuiDataTableHeaderCell.uuiTableHeaderCaptionTooltip) },
|
|
@@ -4642,7 +4642,7 @@ function DataTableHeaderCell(props) {
|
|
|
4642
4642
|
return (React__default.createElement(DataTableHeaderCell$1, { ...props, renderCellContent: props.column.renderFilter ? renderCellWithFilter : renderCellContent }));
|
|
4643
4643
|
}
|
|
4644
4644
|
|
|
4645
|
-
var css$u = {"root":"
|
|
4645
|
+
var css$u = {"root":"ebuVzD","caption-wrapper":"y9pk5s","captionWrapper":"y9pk5s","align-center":"hqJhf-","alignCenter":"hqJhf-","caption":"JJ4Dij","truncate":"serVGZ","upper-case":"EH8Z0n","upperCase":"EH8Z0n","group-cell-tooltip":"paJSwk","groupCellTooltip":"paJSwk","group-cell-tooltip-wrapper":"CTh-w0","groupCellTooltipWrapper":"CTh-w0","group-cell-tooltip-text":"jdiATY","groupCellTooltipText":"jdiATY","tooltip-caption":"_5s2PdS","tooltipCaption":"_5s2PdS","tooltip-info":"-xeDyA","tooltipInfo":"-xeDyA"};
|
|
4646
4646
|
|
|
4647
4647
|
class DataTableHeaderGroupCell extends React.Component {
|
|
4648
4648
|
constructor() {
|
|
@@ -4682,7 +4682,7 @@ class DataTableHeaderGroupCell extends React.Component {
|
|
|
4682
4682
|
}
|
|
4683
4683
|
}
|
|
4684
4684
|
|
|
4685
|
-
var css$t = {"root":"
|
|
4685
|
+
var css$t = {"root":"JTC4cc"};
|
|
4686
4686
|
|
|
4687
4687
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => {
|
|
4688
4688
|
return ({
|
|
@@ -4790,7 +4790,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4790
4790
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4791
4791
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4792
4792
|
|
|
4793
|
-
var css$s = {"body":"
|
|
4793
|
+
var css$s = {"body":"bb0w3w","header":"aWjSiG","title":"_-9vmX7","removeButton":"Y64saA","with-search":"oQFZaS","withSearch":"oQFZaS"};
|
|
4794
4794
|
|
|
4795
4795
|
function FilterColumnBody(props) {
|
|
4796
4796
|
const [predicate, setPredicate] = useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4851,7 +4851,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4851
4851
|
return columns;
|
|
4852
4852
|
};
|
|
4853
4853
|
|
|
4854
|
-
var css$r = {"unpin-icon":"
|
|
4854
|
+
var css$r = {"unpin-icon":"_7H8qYt","unpinIcon":"_7H8qYt","pin-toggler-icon":"fufXkN","pinTogglerIcon":"fufXkN"};
|
|
4855
4855
|
|
|
4856
4856
|
function PinIconButton(props) {
|
|
4857
4857
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4902,7 +4902,7 @@ function getUnpinIcon(params) {
|
|
|
4902
4902
|
}
|
|
4903
4903
|
}
|
|
4904
4904
|
|
|
4905
|
-
var css$q = {"row-wrapper":"
|
|
4905
|
+
var css$q = {"row-wrapper":"jXnPOb","rowWrapper":"jXnPOb","pin-icon-button":"FLVoOv","pinIconButton":"FLVoOv","not-pinned":"NyVjOV","notPinned":"NyVjOV","checkbox":"_5ihLSC","drag-handle":"XOx0nK","dragHandle":"XOx0nK","dnd-disabled":"c0k6Ch","dndDisabled":"c0k6Ch"};
|
|
4906
4906
|
|
|
4907
4907
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4908
4908
|
const { column } = props;
|
|
@@ -4936,7 +4936,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
|
4936
4936
|
return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4937
4937
|
});
|
|
4938
4938
|
|
|
4939
|
-
var css$p = {"root":"
|
|
4939
|
+
var css$p = {"root":"CNuaPB","main-panel":"_5wQfkL","mainPanel":"_5wQfkL","group":"Ovxjlu","group-title":"_9l9w5E","groupTitle":"_9l9w5E","group-items":"fI1z11","groupItems":"fI1z11","no-data":"_14r-Vc","noData":"_14r-Vc","no-data-title":"P6zps6","noDataTitle":"P6zps6","no-data-sub-title":"isYv7r","noDataSubTitle":"isYv7r","h-divider":"M9sD-c","hDivider":"M9sD-c","search-area":"XZb8f8","searchArea":"XZb8f8","subgroup-accordion":"Rf-wAP","subgroupAccordion":"Rf-wAP","subgroup":"_7-hc-8","subgroup-title":"b0BTnW","subgroupTitle":"b0BTnW"};
|
|
4940
4940
|
|
|
4941
4941
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$p.group },
|
|
4942
4942
|
React.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -5039,7 +5039,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
5039
5039
|
return [children, rest];
|
|
5040
5040
|
};
|
|
5041
5041
|
|
|
5042
|
-
var css$o = {"listContainer":"
|
|
5042
|
+
var css$o = {"listContainer":"FeoXKJ","header":"Ysswq8","group":"n4MDD6","stickyHeader":"SSARuE"};
|
|
5043
5043
|
|
|
5044
5044
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
5045
5045
|
const rowRef = useRef(undefined);
|
|
@@ -5079,7 +5079,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
5079
5079
|
React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
5080
5080
|
}
|
|
5081
5081
|
|
|
5082
|
-
var css$n = {"root":"
|
|
5082
|
+
var css$n = {"root":"jhIaZE","sticky-header":"LCtrUj","stickyHeader":"LCtrUj","no-results":"UrQTTF","noResults":"UrQTTF","icon":"BpTDes","title":"cqNR--"};
|
|
5083
5083
|
|
|
5084
5084
|
function DataTable(props) {
|
|
5085
5085
|
const { uuiModals } = useUuiContext();
|
|
@@ -5129,7 +5129,7 @@ function DataTable(props) {
|
|
|
5129
5129
|
: (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 })))));
|
|
5130
5130
|
}
|
|
5131
5131
|
|
|
5132
|
-
var css$m = {"root":"
|
|
5132
|
+
var css$m = {"root":"ocWz4n","title-wrapper":"QL-0F1","titleWrapper":"QL-0F1","title":"CpRE3C","text-wrapper":"NcPGx5","textWrapper":"NcPGx5","selection":"sh170n","postfix":"VP6TJr","selected":"tIkn4b"};
|
|
5133
5133
|
|
|
5134
5134
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5135
5135
|
const togglerPickerOpened = (e) => {
|
|
@@ -5354,7 +5354,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
5354
5354
|
renderFooter()));
|
|
5355
5355
|
}
|
|
5356
5356
|
|
|
5357
|
-
var css$l = {"container":"
|
|
5357
|
+
var css$l = {"container":"X0AMzp"};
|
|
5358
5358
|
|
|
5359
5359
|
function FilterNumericBody({ min, max, step, ...props }) {
|
|
5360
5360
|
const numericInputProps = { min, max, step };
|
|
@@ -5666,7 +5666,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5666
5666
|
}
|
|
5667
5667
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
5668
5668
|
|
|
5669
|
-
var css$k = {"delete-button":"
|
|
5669
|
+
var css$k = {"delete-button":"W7sXHA","deleteButton":"W7sXHA","tab-button":"P8oOHY","tabButton":"P8oOHY","targetOpen":"PNUhuR"};
|
|
5670
5670
|
|
|
5671
5671
|
function PresetActionsDropdown(props) {
|
|
5672
5672
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -5749,7 +5749,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5749
5749
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5750
5750
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5751
5751
|
|
|
5752
|
-
var css$j = {"preset-input-cell":"
|
|
5752
|
+
var css$j = {"preset-input-cell":"_6n1zob","presetInputCell":"_6n1zob","preset-input":"o0w7T6","presetInput":"o0w7T6"};
|
|
5753
5753
|
|
|
5754
5754
|
function PresetInput(props) {
|
|
5755
5755
|
const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
|
|
@@ -5776,7 +5776,7 @@ function PresetInput(props) {
|
|
|
5776
5776
|
React__default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
5777
5777
|
}
|
|
5778
5778
|
|
|
5779
|
-
var css$i = {"preset":"
|
|
5779
|
+
var css$i = {"preset":"I9ylmM","activePreset":"CUg-Rn"};
|
|
5780
5780
|
|
|
5781
5781
|
function Preset(props) {
|
|
5782
5782
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -5801,7 +5801,7 @@ function Preset(props) {
|
|
|
5801
5801
|
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 }))));
|
|
5802
5802
|
}
|
|
5803
5803
|
|
|
5804
|
-
var css$h = {"divider":"
|
|
5804
|
+
var css$h = {"divider":"y6-BdY","dropdownDeleteIcon":"eS5KBC","presetsWrapper":"-jz3rU","addPresetContainer":"bftp08","dropContainer":"c7XitO"};
|
|
5805
5805
|
|
|
5806
5806
|
function PresetsPanel(props) {
|
|
5807
5807
|
const [isAddingPreset, setIsAddingPreset] = useState(false);
|
|
@@ -5850,9 +5850,9 @@ function PresetsPanel(props) {
|
|
|
5850
5850
|
React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
|
|
5851
5851
|
}
|
|
5852
5852
|
|
|
5853
|
-
var css$g = {"root":"
|
|
5853
|
+
var css$g = {"root":"A68gN9"};
|
|
5854
5854
|
|
|
5855
|
-
var css$f = {"root":"
|
|
5855
|
+
var css$f = {"root":"_52ghc3","burger-content":"SAwG7j","burgerContent":"SAwG7j"};
|
|
5856
5856
|
|
|
5857
5857
|
var _path$3;
|
|
5858
5858
|
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); }
|
|
@@ -5895,7 +5895,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5895
5895
|
};
|
|
5896
5896
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
5897
5897
|
|
|
5898
|
-
var css$e = {"root":"
|
|
5898
|
+
var css$e = {"root":"_1szTwY","button-primary":"aMldJ7","buttonPrimary":"aMldJ7","button-secondary":"GroDEm","buttonSecondary":"GroDEm","hasIcon":"AMOpTD","dropdown":"_2gOJ1A"};
|
|
5899
5899
|
|
|
5900
5900
|
function applyBurgerButtonMods(props) {
|
|
5901
5901
|
return [
|
|
@@ -5920,13 +5920,13 @@ const BurgerButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
5920
5920
|
}, dropdownIcon: ForwardRef$2 }));
|
|
5921
5921
|
});
|
|
5922
5922
|
|
|
5923
|
-
var css$d = {"search-input":"
|
|
5923
|
+
var css$d = {"search-input":"ABpOax","searchInput":"ABpOax"};
|
|
5924
5924
|
|
|
5925
5925
|
function BurgerSearch(props) {
|
|
5926
5926
|
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 }));
|
|
5927
5927
|
}
|
|
5928
5928
|
|
|
5929
|
-
var css$c = {"root":"
|
|
5929
|
+
var css$c = {"root":"G1H2rq","group-header":"k-3Nov","groupHeader":"k-3Nov","group-name":"_66g9Fv","groupName":"_66g9Fv","line":"dmEgrb"};
|
|
5930
5930
|
|
|
5931
5931
|
function BurgerGroupHeader(props) {
|
|
5932
5932
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5934,7 +5934,7 @@ function BurgerGroupHeader(props) {
|
|
|
5934
5934
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5935
5935
|
}
|
|
5936
5936
|
|
|
5937
|
-
var css$b = {"root":"
|
|
5937
|
+
var css$b = {"root":"_4xnuDW","type-primary":"wi0yud","typePrimary":"wi0yud","type-secondary":"_9VRSxx","typeSecondary":"_9VRSxx"};
|
|
5938
5938
|
|
|
5939
5939
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5940
5940
|
const { type, ...clickableProps } = props;
|
|
@@ -5962,7 +5962,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5962
5962
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5963
5963
|
});
|
|
5964
5964
|
|
|
5965
|
-
var css$a = {"dropdown-body":"
|
|
5965
|
+
var css$a = {"dropdown-body":"ajpjE9","dropdownBody":"ajpjE9"};
|
|
5966
5966
|
|
|
5967
5967
|
function MainMenuDropdown(props) {
|
|
5968
5968
|
const handleEscape = (e, onClose, isOpen) => {
|
|
@@ -6008,12 +6008,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
6008
6008
|
};
|
|
6009
6009
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
6010
6010
|
|
|
6011
|
-
var css$9 = {"global-menu-btn":"
|
|
6011
|
+
var css$9 = {"global-menu-btn":"iPFHdf","globalMenuBtn":"iPFHdf","global-menu-icon":"g2ZAhi","globalMenuIcon":"g2ZAhi"};
|
|
6012
6012
|
|
|
6013
6013
|
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 },
|
|
6014
6014
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
6015
6015
|
|
|
6016
|
-
var css$8 = {"container":"
|
|
6016
|
+
var css$8 = {"container":"_35QFDZ","open":"wIhGjR","folding-arrow":"_8yYwEa","foldingArrow":"_8yYwEa"};
|
|
6017
6017
|
|
|
6018
6018
|
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 },
|
|
6019
6019
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -6021,15 +6021,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
6021
6021
|
props.isDropdown && (React.createElement("div", null,
|
|
6022
6022
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
6023
6023
|
|
|
6024
|
-
var css$7 = {"search-input":"
|
|
6024
|
+
var css$7 = {"search-input":"sIWjOH","searchInput":"sIWjOH"};
|
|
6025
6025
|
|
|
6026
6026
|
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 })) })));
|
|
6027
6027
|
|
|
6028
|
-
var css$6 = {"container":"
|
|
6028
|
+
var css$6 = {"container":"_6WmP2N"};
|
|
6029
6029
|
|
|
6030
6030
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
|
|
6031
6031
|
|
|
6032
|
-
var css$5 = {"root":"
|
|
6032
|
+
var css$5 = {"root":"wE3yab"};
|
|
6033
6033
|
|
|
6034
6034
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
6035
6035
|
|
|
@@ -6087,7 +6087,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
6087
6087
|
};
|
|
6088
6088
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
6089
6089
|
|
|
6090
|
-
var css$4 = {"root":"
|
|
6090
|
+
var css$4 = {"root":"tgmZ6w","drop-start":"fxIV1h","dropStart":"fxIV1h","drop-over":"SAzEm3","dropOver":"SAzEm3","link":"lu1JIF","drop-area":"gtE0R6","dropArea":"gtE0R6","drop-caption":"oom5dl","dropCaption":"oom5dl","icon-blue":"luMPYq","iconBlue":"luMPYq"};
|
|
6091
6091
|
|
|
6092
6092
|
function DropSpot(props) {
|
|
6093
6093
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -6105,7 +6105,7 @@ function DropSpot(props) {
|
|
|
6105
6105
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
6106
6106
|
}
|
|
6107
6107
|
|
|
6108
|
-
var css$3 = {"root":"
|
|
6108
|
+
var css$3 = {"root":"AyyvPx"};
|
|
6109
6109
|
|
|
6110
6110
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
6111
6111
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -6116,7 +6116,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
6116
6116
|
React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
6117
6117
|
});
|
|
6118
6118
|
|
|
6119
|
-
var css$2 = {"root":"
|
|
6119
|
+
var css$2 = {"root":"_55jCqB","file-name":"QN4YvS","fileName":"QN4YvS","default-color":"qwaOM1","defaultColor":"qwaOM1","doc-color":"RF09fF","docColor":"RF09fF","xls-color":"KANFsF","xlsColor":"KANFsF","pdf-color":"_82A2yr","pdfColor":"_82A2yr","movie-color":"y8sXYZ","movieColor":"y8sXYZ","img-color":"OZ78ff","imgColor":"OZ78ff","mov-color":"tSn-s1","movColor":"tSn-s1","error-block":"UfE6rs","errorBlock":"UfE6rs","icons-block":"BgkkFX","iconsBlock":"BgkkFX"};
|
|
6120
6120
|
|
|
6121
6121
|
const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
6122
6122
|
const [isLoadingShow, setIsLoadingShow] = React.useState(true);
|
|
@@ -6236,7 +6236,7 @@ const getErrorPageConfig = () => ({
|
|
|
6236
6236
|
},
|
|
6237
6237
|
});
|
|
6238
6238
|
|
|
6239
|
-
var css$1 = {"container":"
|
|
6239
|
+
var css$1 = {"container":"VGQyoz"};
|
|
6240
6240
|
|
|
6241
6241
|
const ErrorPage = (props) => {
|
|
6242
6242
|
const isMobileScreen = isMobile();
|
|
@@ -6248,7 +6248,7 @@ const ErrorPage = (props) => {
|
|
|
6248
6248
|
props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
6249
6249
|
};
|
|
6250
6250
|
|
|
6251
|
-
var css = {"recovery-spinner":"
|
|
6251
|
+
var css = {"recovery-spinner":"SaXoWn","recoverySpinner":"SaXoWn","recovery-message":"w-sJ7M","recoveryMessage":"w-sJ7M","modal-blocker":"_7ki2Ln","modalBlocker":"_7ki2Ln","modalFadeIn":"ikD6VL"};
|
|
6252
6252
|
|
|
6253
6253
|
function ErrorHandler(props) {
|
|
6254
6254
|
const { uuiNotifications, uuiModals, uuiApi, uuiLayout } = useUuiContext();
|