@epam/uui 6.3.2 → 6.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.esm.js +102 -102
- package/index.esm.js.map +1 -1
- package/index.js +102 -102
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +1 -19
- package/styles.css +1722 -1028
- package/styles.css.map +1 -1
package/index.js
CHANGED
|
@@ -190,7 +190,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
190
190
|
xmlns: "http://www.w3.org/2000/svg",
|
|
191
191
|
ref: ref
|
|
192
192
|
}, props), /*#__PURE__*/React__namespace.createElement("g", {
|
|
193
|
-
clipPath: "url(#
|
|
193
|
+
clipPath: "url(#rxjxnmw20s14yc7wc_a)"
|
|
194
194
|
}, _path$I || (_path$I = /*#__PURE__*/React__namespace.createElement("path", {
|
|
195
195
|
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",
|
|
196
196
|
fill: "#F5F6FA"
|
|
@@ -211,7 +211,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
211
211
|
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",
|
|
212
212
|
fill: "#1D1E26"
|
|
213
213
|
})), /*#__PURE__*/React__namespace.createElement("mask", {
|
|
214
|
-
id: "
|
|
214
|
+
id: "rxjxnmhfz1pboirun_b",
|
|
215
215
|
style: {
|
|
216
216
|
maskType: "alpha"
|
|
217
217
|
},
|
|
@@ -224,7 +224,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
224
224
|
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",
|
|
225
225
|
fill: "#9BDEFF"
|
|
226
226
|
}))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
227
|
-
mask: "url(#
|
|
227
|
+
mask: "url(#rxjxnmhfz1pboirun_b)",
|
|
228
228
|
fillRule: "evenodd",
|
|
229
229
|
clipRule: "evenodd"
|
|
230
230
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -310,7 +310,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
310
310
|
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",
|
|
311
311
|
fill: "#fff"
|
|
312
312
|
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
313
|
-
id: "
|
|
313
|
+
id: "rxjxnmw20s14yc7wc_a"
|
|
314
314
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
315
315
|
fill: "#fff",
|
|
316
316
|
transform: "translate(.552)",
|
|
@@ -961,14 +961,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
961
961
|
};
|
|
962
962
|
var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
|
|
963
963
|
|
|
964
|
-
var css$1w = {"root":"
|
|
964
|
+
var css$1w = {"root":"dpkSNc","uui-spinner":"oxsdAj","uuiSpinner":"oxsdAj"};
|
|
965
965
|
|
|
966
966
|
function applySpinnerMods() {
|
|
967
967
|
return [css$1w.root, 'uui-spinner'];
|
|
968
968
|
}
|
|
969
969
|
const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
970
970
|
|
|
971
|
-
var css$1v = {"root":"
|
|
971
|
+
var css$1v = {"root":"uolm7F","loading-word":"McidsQ","loadingWord":"McidsQ","animated-loading":"A1bEkN","animatedLoading":"A1bEkN","skeleton_loading":"_01M-hF","skeletonLoading":"_01M-hF"};
|
|
972
972
|
|
|
973
973
|
const TextPlaceholder = (props) => {
|
|
974
974
|
const pattern = ' ';
|
|
@@ -985,7 +985,7 @@ const TextPlaceholder = (props) => {
|
|
|
985
985
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
986
986
|
};
|
|
987
987
|
|
|
988
|
-
var css$1u = {"root":"
|
|
988
|
+
var css$1u = {"root":"iUsxUP","line-height":"BAeEx5","lineHeight":"BAeEx5","font-size":"hItLbk","fontSize":"hItLbk"};
|
|
989
989
|
|
|
990
990
|
function applyTextMods(mods) {
|
|
991
991
|
return [
|
|
@@ -1012,7 +1012,7 @@ const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, appl
|
|
|
1012
1012
|
};
|
|
1013
1013
|
});
|
|
1014
1014
|
|
|
1015
|
-
var css$1t = {"root":"
|
|
1015
|
+
var css$1t = {"root":"bMbmsL"};
|
|
1016
1016
|
|
|
1017
1017
|
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
1018
1018
|
|
|
@@ -1517,7 +1517,7 @@ const settings = {
|
|
|
1517
1517
|
textInput: textInputSettings,
|
|
1518
1518
|
};
|
|
1519
1519
|
|
|
1520
|
-
var css$1s = {"root":"
|
|
1520
|
+
var css$1s = {"root":"pufwib"};
|
|
1521
1521
|
|
|
1522
1522
|
function applyButtonMods(mods) {
|
|
1523
1523
|
return [
|
|
@@ -1535,7 +1535,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
1535
1535
|
};
|
|
1536
1536
|
});
|
|
1537
1537
|
|
|
1538
|
-
var css$1r = {"root":"
|
|
1538
|
+
var css$1r = {"root":"_58RMXB"};
|
|
1539
1539
|
|
|
1540
1540
|
function applyIconButtonMods(props) {
|
|
1541
1541
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -1572,7 +1572,7 @@ function getIconClass(props) {
|
|
|
1572
1572
|
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'];
|
|
1573
1573
|
}
|
|
1574
1574
|
|
|
1575
|
-
var css$1q = {"root":"
|
|
1575
|
+
var css$1q = {"root":"pAqBVv"};
|
|
1576
1576
|
|
|
1577
1577
|
const DEFAULT_COLOR = 'primary';
|
|
1578
1578
|
const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -1602,7 +1602,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
1602
1602
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1603
1603
|
});
|
|
1604
1604
|
|
|
1605
|
-
var css$1p = {"root":"
|
|
1605
|
+
var css$1p = {"root":"shN7Y7"};
|
|
1606
1606
|
|
|
1607
1607
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1608
1608
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -1614,7 +1614,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1614
1614
|
]) }, props.caption));
|
|
1615
1615
|
});
|
|
1616
1616
|
|
|
1617
|
-
var css$1o = {"root":"
|
|
1617
|
+
var css$1o = {"root":"cvBqKr","withNotify":"yocW2W"};
|
|
1618
1618
|
|
|
1619
1619
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, refExternal) => {
|
|
1620
1620
|
const refLocal = React__namespace.default.useRef(null);
|
|
@@ -1661,13 +1661,13 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
1661
1661
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1662
1662
|
});
|
|
1663
1663
|
|
|
1664
|
-
var css$1n = {"root":"
|
|
1664
|
+
var css$1n = {"root":"u2hjky","noLeftPadding":"HiKm-D","foldingArea":"ZEHu-o","onlyFoldable":"xmOBsH","captionWrapper":"JpCPj9","withNotify":"R-x9pH"};
|
|
1665
1665
|
|
|
1666
|
-
var css$1m = {"root":"
|
|
1666
|
+
var css$1m = {"root":"sTz6SX"};
|
|
1667
1667
|
|
|
1668
1668
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$1m.root]);
|
|
1669
1669
|
|
|
1670
|
-
var css$1l = {"root":"
|
|
1670
|
+
var css$1l = {"root":"UJjX18"};
|
|
1671
1671
|
|
|
1672
1672
|
const DEFAULT_FILL = 'solid';
|
|
1673
1673
|
function applyBadgeMods(mods) {
|
|
@@ -1695,7 +1695,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
1695
1695
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1696
1696
|
});
|
|
1697
1697
|
|
|
1698
|
-
var css$1k = {"root":"
|
|
1698
|
+
var css$1k = {"root":"TmgNQ2"};
|
|
1699
1699
|
|
|
1700
1700
|
function applyTagMods(props) {
|
|
1701
1701
|
return [
|
|
@@ -1723,7 +1723,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
1723
1723
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1724
1724
|
});
|
|
1725
1725
|
|
|
1726
|
-
var css$1j = {"root":"
|
|
1726
|
+
var css$1j = {"root":"nzWlrk","page":"QsZuJ8","spacer":"m-5g-m","mode-ghost":"Q5Mw6F","modeGhost":"Q5Mw6F"};
|
|
1727
1727
|
|
|
1728
1728
|
function Paginator(props) {
|
|
1729
1729
|
const renderPaginator = (params) => (React__namespace.default.createElement("nav", { role: "navigation", className: cx__default.default(css$1j.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
@@ -1740,14 +1740,14 @@ function Paginator(props) {
|
|
|
1740
1740
|
return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
|
|
1741
1741
|
}
|
|
1742
1742
|
|
|
1743
|
-
var css$1i = {"root":"
|
|
1743
|
+
var css$1i = {"root":"mbv-7G","progress-bar":"sLZ-sP","progressBar":"sLZ-sP","progressBar-indeterminate":"ZM2d6q","progressBarIndeterminate":"ZM2d6q","size-12":"mQV2DG","size12":"mQV2DG","size-18":"ch2kb0","size18":"ch2kb0","size-24":"QXgmWs","size24":"QXgmWs"};
|
|
1744
1744
|
|
|
1745
1745
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1746
1746
|
return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$1i.root, css$1i[`size-${props.size || 12}`]) },
|
|
1747
1747
|
React__namespace.createElement("div", { className: cx__default.default(css$1i.progressBar) })));
|
|
1748
1748
|
});
|
|
1749
1749
|
|
|
1750
|
-
var css$1h = {"root":"
|
|
1750
|
+
var css$1h = {"root":"x9sUUM","striped":"OXI-tg","animate-stripes":"Q95Po2","animateStripes":"Q95Po2","size-12":"TSer3i","size12":"TSer3i","size-18":"u4ly7L","size18":"u4ly7L","size-24":"jaWae1","size24":"jaWae1"};
|
|
1751
1751
|
|
|
1752
1752
|
const DEFAULT_SIZE = '12';
|
|
1753
1753
|
function applyProgressBarMods(mods) {
|
|
@@ -1762,14 +1762,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
1762
1762
|
hideLabel: props.hideLabel || props.striped,
|
|
1763
1763
|
}));
|
|
1764
1764
|
|
|
1765
|
-
var css$1g = {"root":"
|
|
1765
|
+
var css$1g = {"root":"dm2lWh"};
|
|
1766
1766
|
|
|
1767
1767
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1768
1768
|
const { progress } = props;
|
|
1769
1769
|
return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$1g.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$1g.root, props.cx) }));
|
|
1770
1770
|
});
|
|
1771
1771
|
|
|
1772
|
-
var css$1f = {"root":"
|
|
1772
|
+
var css$1f = {"root":"Wevfyh"};
|
|
1773
1773
|
|
|
1774
1774
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1775
1775
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -1784,7 +1784,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1784
1784
|
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
1785
1785
|
});
|
|
1786
1786
|
|
|
1787
|
-
var css$1e = {"root":"
|
|
1787
|
+
var css$1e = {"root":"tUtPao"};
|
|
1788
1788
|
|
|
1789
1789
|
function applyCheckboxMods(mods) {
|
|
1790
1790
|
return [
|
|
@@ -1802,7 +1802,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1802
1802
|
};
|
|
1803
1803
|
const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1804
1804
|
|
|
1805
|
-
var css$1d = {"root":"
|
|
1805
|
+
var css$1d = {"root":"_9T3ecW"};
|
|
1806
1806
|
|
|
1807
1807
|
function applyRadioInputMods(mods) {
|
|
1808
1808
|
return [
|
|
@@ -1814,7 +1814,7 @@ function applyRadioInputMods(mods) {
|
|
|
1814
1814
|
}
|
|
1815
1815
|
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1816
1816
|
|
|
1817
|
-
var css$1c = {"root":"
|
|
1817
|
+
var css$1c = {"root":"LHUfJy"};
|
|
1818
1818
|
|
|
1819
1819
|
function applySwitchMods(mods) {
|
|
1820
1820
|
return [
|
|
@@ -1838,7 +1838,7 @@ var EditMode;
|
|
|
1838
1838
|
EditMode["INLINE"] = "inline";
|
|
1839
1839
|
})(EditMode || (EditMode = {}));
|
|
1840
1840
|
|
|
1841
|
-
var textInputCss = {"root":"
|
|
1841
|
+
var textInputCss = {"root":"nV0lWp"};
|
|
1842
1842
|
|
|
1843
1843
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1844
1844
|
function applyTextInputMods(mods) {
|
|
@@ -1863,7 +1863,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
1863
1863
|
} }));
|
|
1864
1864
|
});
|
|
1865
1865
|
|
|
1866
|
-
var css$1b = {"root":"
|
|
1866
|
+
var css$1b = {"root":"Dv1-mz"};
|
|
1867
1867
|
|
|
1868
1868
|
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1b.root, 'uui-control-group']);
|
|
1869
1869
|
|
|
@@ -1879,7 +1879,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1879
1879
|
}
|
|
1880
1880
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
1881
1881
|
|
|
1882
|
-
var css$1a = {"root":"
|
|
1882
|
+
var css$1a = {"root":"cbmBVi"};
|
|
1883
1883
|
|
|
1884
1884
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1885
1885
|
function applyNumericInputMods(mods) {
|
|
@@ -1899,7 +1899,7 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
1899
1899
|
};
|
|
1900
1900
|
});
|
|
1901
1901
|
|
|
1902
|
-
var css$19 = {"root":"
|
|
1902
|
+
var css$19 = {"root":"gVpB8t"};
|
|
1903
1903
|
|
|
1904
1904
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1905
1905
|
function applyTextAreaMods(mods) {
|
|
@@ -1940,7 +1940,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1940
1940
|
};
|
|
1941
1941
|
}
|
|
1942
1942
|
|
|
1943
|
-
var css$18 = {"root":"
|
|
1943
|
+
var css$18 = {"root":"_0CgujI"};
|
|
1944
1944
|
|
|
1945
1945
|
function applyDropdownContainerMods(mods) {
|
|
1946
1946
|
return [
|
|
@@ -1951,7 +1951,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1951
1951
|
}
|
|
1952
1952
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
1953
1953
|
|
|
1954
|
-
var css$17 = {"root":"
|
|
1954
|
+
var css$17 = {"root":"SZ7nWY","timepicker-input":"TxL-jx","timepickerInput":"TxL-jx","ltr-always":"UHPtDZ","ltrAlways":"UHPtDZ"};
|
|
1955
1955
|
|
|
1956
1956
|
const uuiTimePicker = {
|
|
1957
1957
|
container: 'uui-timepicker-container',
|
|
@@ -2145,7 +2145,7 @@ function TimePickerComponent(props, ref) {
|
|
|
2145
2145
|
}
|
|
2146
2146
|
const TimePicker = /* @__PURE__ */React__namespace.default.forwardRef(TimePickerComponent);
|
|
2147
2147
|
|
|
2148
|
-
var css$16 = {"root":"
|
|
2148
|
+
var css$16 = {"root":"RgwtBr"};
|
|
2149
2149
|
|
|
2150
2150
|
function applyInputAddonMods() {
|
|
2151
2151
|
return [
|
|
@@ -2154,14 +2154,14 @@ function applyInputAddonMods() {
|
|
|
2154
2154
|
}
|
|
2155
2155
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
2156
2156
|
|
|
2157
|
-
var css$15 = {"root":"
|
|
2157
|
+
var css$15 = {"root":"DTDFey"};
|
|
2158
2158
|
|
|
2159
2159
|
function applySliderMods() {
|
|
2160
2160
|
return [css$15.root, 'uui-color-neutral'];
|
|
2161
2161
|
}
|
|
2162
2162
|
const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
|
|
2163
2163
|
|
|
2164
|
-
var css$14 = {"root":"
|
|
2164
|
+
var css$14 = {"root":"AyT26F"};
|
|
2165
2165
|
|
|
2166
2166
|
function applyTooltipMods(mods) {
|
|
2167
2167
|
return [
|
|
@@ -2171,7 +2171,7 @@ function applyTooltipMods(mods) {
|
|
|
2171
2171
|
}
|
|
2172
2172
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
2173
2173
|
|
|
2174
|
-
var css$13 = {"root":"
|
|
2174
|
+
var css$13 = {"root":"_1-LKLW","tooltip":"_6n8Rzt"};
|
|
2175
2175
|
|
|
2176
2176
|
function applyRatingMods(mods) {
|
|
2177
2177
|
return [
|
|
@@ -2185,7 +2185,7 @@ const Rating = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Rating,
|
|
|
2185
2185
|
Tooltip,
|
|
2186
2186
|
}));
|
|
2187
2187
|
|
|
2188
|
-
var css$12 = {"drag-handle-wrapper":"
|
|
2188
|
+
var css$12 = {"drag-handle-wrapper":"_5lu9Dy","dragHandleWrapper":"_5lu9Dy","with-indent":"NX4NdU","withIndent":"NX4NdU","drag-handle":"yyMf9e","dragHandle":"yyMf9e","icon-container":"QDWCMB","iconContainer":"QDWCMB"};
|
|
2189
2189
|
|
|
2190
2190
|
function DataRowAddons(props) {
|
|
2191
2191
|
const row = props.rowProps;
|
|
@@ -2262,7 +2262,7 @@ function VerticalTabButtonComponent(props, ref) {
|
|
|
2262
2262
|
}
|
|
2263
2263
|
const VerticalTabButton = /* @__PURE__ */React__namespace.default.forwardRef(VerticalTabButtonComponent);
|
|
2264
2264
|
|
|
2265
|
-
var css$11 = {"root":"
|
|
2265
|
+
var css$11 = {"root":"gnFr4J","main-path":"svNf3N","mainPath":"svNf3N","content-wrapper":"J-ipHv","contentWrapper":"J-ipHv","content":"_5xanMQ","action-wrapper":"UtYDA3","actionWrapper":"UtYDA3","icon-wrapper":"MhpdaO","iconWrapper":"MhpdaO","icon":"_9Vn7Pz","close-icon":"CP2E8F","closeIcon":"CP2E8F"};
|
|
2266
2266
|
|
|
2267
2267
|
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { role: "alert", ref: ref, className: cx__default.default('uui-alert', css$11.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
2268
2268
|
React__namespace.createElement("div", { className: css$11.mainPath },
|
|
@@ -2280,7 +2280,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
2280
2280
|
|
|
2281
2281
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
2282
2282
|
|
|
2283
|
-
var css$10 = {"submenu-root-item-rtl":"
|
|
2283
|
+
var css$10 = {"submenu-root-item-rtl":"nnMnfl","submenuRootItemRtl":"nnMnfl","icon-after":"_0S0N4H","iconAfter":"_0S0N4H","submenu-root-item":"yIStM6","submenuRootItem":"yIStM6","icon-check":"iCT86R","iconCheck":"iCT86R","splitter-root":"VGEv2Z","splitterRoot":"VGEv2Z","splitter":"DBadzz","header-root":"qO1z0u","headerRoot":"qO1z0u","item-root":"Ev9E5N","itemRoot":"Ev9E5N","icon":"ZIuvRA","link":"gLnRBG","indent":"wSfXnL","selected-mark":"N8fR8R","selectedMark":"N8fR8R"};
|
|
2284
2284
|
|
|
2285
2285
|
exports.IDropdownControlKeys = void 0;
|
|
2286
2286
|
(function (IDropdownControlKeys) {
|
|
@@ -2414,7 +2414,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2414
2414
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
2415
2415
|
}
|
|
2416
2416
|
|
|
2417
|
-
var css$$ = {"root":"
|
|
2417
|
+
var css$$ = {"root":"_6FHJqJ","mode-block":"iuufnM","modeBlock":"iuufnM","mode-inline":"St3Pt4","modeInline":"St3Pt4","padding-0":"D0GNDi","padding0":"D0GNDi","padding-6":"Y-8Pta","padding6":"Y-8Pta","padding-12":"_4GJsxO","padding12":"_4GJsxO","padding-18":"wD3g1U","padding18":"wD3g1U"};
|
|
2418
2418
|
|
|
2419
2419
|
function applyAccordionMods(mods) {
|
|
2420
2420
|
return [
|
|
@@ -2427,7 +2427,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
|
|
|
2427
2427
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2428
2428
|
}));
|
|
2429
2429
|
|
|
2430
|
-
var css$_ = {"root":"
|
|
2430
|
+
var css$_ = {"root":"Nt3Vmd","align-items":"MHofXy","alignItems":"MHofXy","justify-content":"gEFWNK","justifyContent":"gEFWNK","border-top":"MtkWse","borderTop":"MtkWse","border-bottom":"NrnXXI","borderBottom":"NrnXXI","top-shadow":"NkGhGT","topShadow":"NkGhGT","padding":"DGrJ3D","margin":"_56-OZD","vPadding":"_4qpiO2","column-gap":"WIfh-k","columnGap":"WIfh-k","row-gap":"ByLp8m","rowGap":"ByLp8m","spacing":"Sdm7PW"};
|
|
2431
2431
|
|
|
2432
2432
|
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$_.flexCell]);
|
|
2433
2433
|
|
|
@@ -2479,7 +2479,7 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2479
2479
|
} }, props.children));
|
|
2480
2480
|
});
|
|
2481
2481
|
|
|
2482
|
-
var css$Z = {"root":"
|
|
2482
|
+
var css$Z = {"root":"bndaRP","margin-24":"p-NFd7","margin24":"p-NFd7","padding-12":"fefPkE","padding12":"fefPkE","padding-24":"-EdIVy","padding24":"-EdIVy","shadow":"IEGC8G","uui-surface-main":"OBk6Ve","uuiSurfaceMain":"OBk6Ve"};
|
|
2483
2483
|
|
|
2484
2484
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
2485
2485
|
'uui-panel',
|
|
@@ -2489,7 +2489,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
|
2489
2489
|
props.background && css$Z[`uui-${props.background}`],
|
|
2490
2490
|
]);
|
|
2491
2491
|
|
|
2492
|
-
var css$Y = {"root":"
|
|
2492
|
+
var css$Y = {"root":"JRvS-I"};
|
|
2493
2493
|
|
|
2494
2494
|
function applyLabeledInputMods(mods) {
|
|
2495
2495
|
return [
|
|
@@ -2506,7 +2506,7 @@ function applyLabeledInputProps(props) {
|
|
|
2506
2506
|
}
|
|
2507
2507
|
const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2508
2508
|
|
|
2509
|
-
var css$X = {"root":"
|
|
2509
|
+
var css$X = {"root":"PVUym3"};
|
|
2510
2510
|
|
|
2511
2511
|
function RadioGroup(props) {
|
|
2512
2512
|
const direction = props.direction || 'vertical';
|
|
@@ -2521,7 +2521,7 @@ function RadioGroup(props) {
|
|
|
2521
2521
|
})));
|
|
2522
2522
|
}
|
|
2523
2523
|
|
|
2524
|
-
var css$W = {"root":"
|
|
2524
|
+
var css$W = {"root":"nHJ-hZ","viewport":"wxehuT"};
|
|
2525
2525
|
|
|
2526
2526
|
var uuiScrollbars;
|
|
2527
2527
|
(function (uuiScrollbars) {
|
|
@@ -2591,7 +2591,7 @@ const ScrollBars = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2591
2591
|
});
|
|
2592
2592
|
ScrollBars.displayName = 'ScrollBars';
|
|
2593
2593
|
|
|
2594
|
-
var css$V = {"scroll-container":"
|
|
2594
|
+
var css$V = {"scroll-container":"_23kSzp","scrollContainer":"_23kSzp","list-container":"PJiIxz","listContainer":"PJiIxz"};
|
|
2595
2595
|
|
|
2596
2596
|
const VirtualList = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
2597
2597
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = uuiCore.useVirtualList({
|
|
@@ -2644,7 +2644,7 @@ function Tree(props) {
|
|
|
2644
2644
|
return (React__namespace.createElement(VirtualList, { value: value, onValueChange: onValueChange, rowsCount: rowsCount, rows: renderedRows, cx: uuiCore.cx(propsCx), role: "tree" }));
|
|
2645
2645
|
}
|
|
2646
2646
|
|
|
2647
|
-
var css$U = {"root":"
|
|
2647
|
+
var css$U = {"root":"pdgEzz"};
|
|
2648
2648
|
|
|
2649
2649
|
function CheckboxGroup(props) {
|
|
2650
2650
|
const currentValue = props.value || [];
|
|
@@ -2746,7 +2746,7 @@ const Tabs = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2746
2746
|
});
|
|
2747
2747
|
Tabs.displayName = 'Tabs';
|
|
2748
2748
|
|
|
2749
|
-
var css$T = {"root":"
|
|
2749
|
+
var css$T = {"root":"B-MREe","modal-blocker":"_71ZdkV","modalBlocker":"_71ZdkV","animateModalBlocker":"TJUR9d","modal":"_05ZVN-","modal-footer":"D2nU0P","modalFooter":"D2nU0P","border-top":"gVONDg","borderTop":"gVONDg","modal-header":"v1unTV","modalHeader":"v1unTV","border-bottom":"ze7Uv-","borderBottom":"ze7Uv-"};
|
|
2750
2750
|
|
|
2751
2751
|
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$T.modalBlocker]);
|
|
2752
2752
|
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$T.root, css$T.modal], (props) => {
|
|
@@ -2938,7 +2938,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2938
2938
|
});
|
|
2939
2939
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2940
2940
|
|
|
2941
|
-
var css$S = {"root":"
|
|
2941
|
+
var css$S = {"root":"l8yk-s","icon-wrapper":"Mkwo0P","iconWrapper":"Mkwo0P","action-wrapper":"hVM9VD","actionWrapper":"hVM9VD","close-icon":"_9Hb8ZR","closeIcon":"_9Hb8ZR","main-path":"keDJfE","mainPath":"keDJfE","content":"X5hz2X","close-wrapper":"_7o71vO","closeWrapper":"_7o71vO","clear-notifications":"dZD3-7","clearNotifications":"dZD3-7"};
|
|
2942
2942
|
|
|
2943
2943
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
2944
2944
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -2971,7 +2971,7 @@ function ClearNotification() {
|
|
|
2971
2971
|
React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2972
2972
|
}
|
|
2973
2973
|
|
|
2974
|
-
var css$R = {"footer":"
|
|
2974
|
+
var css$R = {"footer":"_1-0oP9"};
|
|
2975
2975
|
|
|
2976
2976
|
class ConfirmationModal extends React__namespace.Component {
|
|
2977
2977
|
render() {
|
|
@@ -3013,7 +3013,7 @@ function useReliableForceUpdate() {
|
|
|
3013
3013
|
return red[1];
|
|
3014
3014
|
}
|
|
3015
3015
|
|
|
3016
|
-
var css$Q = {"root":"
|
|
3016
|
+
var css$Q = {"root":"IAiwak","container":"_2E8lx6"};
|
|
3017
3017
|
|
|
3018
3018
|
const defaultFormat = 'MMM D, YYYY';
|
|
3019
3019
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -3231,14 +3231,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
3231
3231
|
React__namespace.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
3232
3232
|
}
|
|
3233
3233
|
|
|
3234
|
-
var css$P = {"root":"
|
|
3234
|
+
var css$P = {"root":"jnWZre"};
|
|
3235
3235
|
|
|
3236
3236
|
function applyDateSelectionMods() {
|
|
3237
3237
|
return [css$P.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
3238
3238
|
}
|
|
3239
3239
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
3240
3240
|
|
|
3241
|
-
var css$O = {"root":"
|
|
3241
|
+
var css$O = {"root":"LHAvX6"};
|
|
3242
3242
|
|
|
3243
3243
|
const uuiDatePickerBody = {
|
|
3244
3244
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -3359,7 +3359,7 @@ function DatePickerComponent(props, ref) {
|
|
|
3359
3359
|
}
|
|
3360
3360
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
3361
3361
|
|
|
3362
|
-
var css$N = {"date-input":"
|
|
3362
|
+
var css$N = {"date-input":"O-HUK8","dateInput":"O-HUK8","root":"l745ew","separator":"_7XHHq5"};
|
|
3363
3363
|
|
|
3364
3364
|
const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, preventEmptyFromDate, preventEmptyToDate, id, cx: classes, }, ref) => {
|
|
3365
3365
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3430,7 +3430,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
3430
3430
|
React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$N.dateInput, inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.rangeDatePicker.sizes.default, value: inputValue.to || undefined, onCancel: clearAllowed ? onClear : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
|
|
3431
3431
|
});
|
|
3432
3432
|
|
|
3433
|
-
var css$M = {"root":"
|
|
3433
|
+
var css$M = {"root":"_9f9SK5"};
|
|
3434
3434
|
|
|
3435
3435
|
const uuiPresets = {
|
|
3436
3436
|
container: 'uui-presets-container',
|
|
@@ -3450,7 +3450,7 @@ function CalendarPresets(props) {
|
|
|
3450
3450
|
getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
3451
3451
|
}
|
|
3452
3452
|
|
|
3453
|
-
var css$L = {"root":"
|
|
3453
|
+
var css$L = {"root":"h--zMZ","container":"_1TghEu","day-selection":"ebrMLw","daySelection":"ebrMLw","from-picker":"HDLKfi","fromPicker":"HDLKfi","to-picker":"cX6Gj3","toPicker":"cX6Gj3","bodes-wrapper":"UB7ZwA","bodesWrapper":"UB7ZwA","blocker":"hjKe03"};
|
|
3454
3454
|
|
|
3455
3455
|
const uuiRangeDatePickerBody = {
|
|
3456
3456
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3652,7 +3652,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3652
3652
|
};
|
|
3653
3653
|
};
|
|
3654
3654
|
|
|
3655
|
-
var css$K = {"dropdown-container":"
|
|
3655
|
+
var css$K = {"dropdown-container":"OWH2eI","dropdownContainer":"OWH2eI"};
|
|
3656
3656
|
|
|
3657
3657
|
function RangeDatePickerComponent(props, ref) {
|
|
3658
3658
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3720,7 +3720,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3720
3720
|
}
|
|
3721
3721
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3722
3722
|
|
|
3723
|
-
var css$J = {"root":"
|
|
3723
|
+
var css$J = {"root":"CyOFln","blocker":"H-cZjS","marker":"KI6Qzs","top":"f-8yiA","bottom":"Ru99qO","left":"GkJivw","right":"j61gnS","inside":"bzYllE"};
|
|
3724
3724
|
|
|
3725
3725
|
function DropMarker(props) {
|
|
3726
3726
|
return props.isDndInProgress
|
|
@@ -3735,9 +3735,9 @@ function DropMarker(props) {
|
|
|
3735
3735
|
: null;
|
|
3736
3736
|
}
|
|
3737
3737
|
|
|
3738
|
-
var css$I = {"search-wrapper":"
|
|
3738
|
+
var css$I = {"search-wrapper":"_6NgEiS","searchWrapper":"_6NgEiS","no-data":"I1K0Ei","noData":"I1K0Ei"};
|
|
3739
3739
|
|
|
3740
|
-
var css$H = {"picker-row":"
|
|
3740
|
+
var css$H = {"picker-row":"-StfyF","pickerRow":"-StfyF","align-widgets-top":"JJnK6P","alignWidgetsTop":"JJnK6P","row-content":"S9tdXR","rowContent":"S9tdXR","align-widgets-center":"x-cav9","alignWidgetsCenter":"x-cav9","icon-container":"PxEPqM","iconContainer":"PxEPqM","content-wrapper":"tDzzsF","contentWrapper":"tDzzsF","icon-wrapper":"RlEzNR","iconWrapper":"RlEzNR","icon-default":"ZQpQ6Y","iconDefault":"ZQpQ6Y","selected-mark":"yEpqqx","selectedMark":"yEpqqx"};
|
|
3741
3741
|
|
|
3742
3742
|
const mergeHighlightRanges = (ranges) => {
|
|
3743
3743
|
const mergedRanges = [];
|
|
@@ -3804,7 +3804,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3804
3804
|
return getDecoratedText(str, ranges);
|
|
3805
3805
|
};
|
|
3806
3806
|
|
|
3807
|
-
var css$G = {"root":"
|
|
3807
|
+
var css$G = {"root":"u16SjP","column-gap":"o40jjy","columnGap":"o40jjy","title":"_5qG2fv","subtitle":"GHUFnn","disabled":"GrQp1V","multiline":"gdrDvZ"};
|
|
3808
3808
|
|
|
3809
3809
|
function PickerItem(props) {
|
|
3810
3810
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3977,7 +3977,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3977
3977
|
}
|
|
3978
3978
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
3979
3979
|
|
|
3980
|
-
var css$F = {"header":"
|
|
3980
|
+
var css$F = {"header":"dWqlir","title":"DLS7WK","close":"_4popBc"};
|
|
3981
3981
|
|
|
3982
3982
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3983
3983
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3987,7 +3987,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3987
3987
|
};
|
|
3988
3988
|
const DataPickerMobileHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerMobileHeaderImpl);
|
|
3989
3989
|
|
|
3990
|
-
var css$E = {"done":"
|
|
3990
|
+
var css$E = {"done":"dtgy0X","container":"kz9zZt"};
|
|
3991
3991
|
|
|
3992
3992
|
const PickerBodyMobileView = (props) => {
|
|
3993
3993
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -3999,7 +3999,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
3999
3999
|
isMobileView && (React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
4000
4000
|
};
|
|
4001
4001
|
|
|
4002
|
-
var css$D = {"sub-header-wrapper":"
|
|
4002
|
+
var css$D = {"sub-header-wrapper":"_3qCOvA","subHeaderWrapper":"_3qCOvA","switch":"P0z88W","no-found-modal-container":"mend-4","noFoundModalContainer":"mend-4","no-found-modal-container-icon":"fhhX5t","noFoundModalContainerIcon":"fhhX5t","no-found-modal-container-text":"PtJy9y","noFoundModalContainerText":"PtJy9y","body":"OEleEb"};
|
|
4003
4003
|
|
|
4004
4004
|
function PickerModal(props) {
|
|
4005
4005
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
|
|
@@ -4045,7 +4045,7 @@ function PickerModal(props) {
|
|
|
4045
4045
|
React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
4046
4046
|
}
|
|
4047
4047
|
|
|
4048
|
-
var css$C = {"tooltip":"
|
|
4048
|
+
var css$C = {"tooltip":"_4mcV-D"};
|
|
4049
4049
|
|
|
4050
4050
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4051
4051
|
const tagProps = {
|
|
@@ -4064,7 +4064,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
4064
4064
|
}
|
|
4065
4065
|
});
|
|
4066
4066
|
|
|
4067
|
-
var css$B = {"root":"
|
|
4067
|
+
var css$B = {"root":"x5R0RZ"};
|
|
4068
4068
|
|
|
4069
4069
|
const defaultMode = EditMode.FORM;
|
|
4070
4070
|
function applyPickerTogglerMods(mods) {
|
|
@@ -4146,7 +4146,7 @@ function PickerInputComponent(props, ref) {
|
|
|
4146
4146
|
}
|
|
4147
4147
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
4148
4148
|
|
|
4149
|
-
var css$A = {"row":"
|
|
4149
|
+
var css$A = {"row":"ioKxSN"};
|
|
4150
4150
|
|
|
4151
4151
|
function PickerListRow(props) {
|
|
4152
4152
|
let label;
|
|
@@ -4166,7 +4166,7 @@ function PickerListRow(props) {
|
|
|
4166
4166
|
return (React__namespace.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));
|
|
4167
4167
|
}
|
|
4168
4168
|
|
|
4169
|
-
var css$z = {"root":"
|
|
4169
|
+
var css$z = {"root":"bxJ1W7"};
|
|
4170
4170
|
|
|
4171
4171
|
function PickerList(props) {
|
|
4172
4172
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -4201,7 +4201,7 @@ function PickerList(props) {
|
|
|
4201
4201
|
}, selectedRows)));
|
|
4202
4202
|
}
|
|
4203
4203
|
|
|
4204
|
-
var css$y = {"root":"
|
|
4204
|
+
var css$y = {"root":"xeNBUr","wrapper":"Xg0x3n","align-widgets-top":"eHeecQ","alignWidgetsTop":"eHeecQ","align-widgets-center":"IYTmfs","alignWidgetsCenter":"IYTmfs"};
|
|
4205
4205
|
|
|
4206
4206
|
function DataTableCell(initialProps) {
|
|
4207
4207
|
const props = { ...initialProps };
|
|
@@ -4251,7 +4251,7 @@ function DataTableCell(initialProps) {
|
|
|
4251
4251
|
return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
|
|
4252
4252
|
}
|
|
4253
4253
|
|
|
4254
|
-
var css$x = {"root":"
|
|
4254
|
+
var css$x = {"root":"KyIaqJ"};
|
|
4255
4255
|
|
|
4256
4256
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4257
4257
|
// 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.
|
|
@@ -4267,7 +4267,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
4267
4267
|
];
|
|
4268
4268
|
}, () => propsMods);
|
|
4269
4269
|
|
|
4270
|
-
var css$w = {"sorting-panel-container":"
|
|
4270
|
+
var css$w = {"sorting-panel-container":"rljpiS","sortingPanelContainer":"rljpiS"};
|
|
4271
4271
|
|
|
4272
4272
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
4273
4273
|
const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4287,7 +4287,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4287
4287
|
};
|
|
4288
4288
|
const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
|
|
4289
4289
|
|
|
4290
|
-
var css$v = {"root":"
|
|
4290
|
+
var css$v = {"root":"Ck-KHz","caption-wrapper":"tovuou","captionWrapper":"tovuou","sort-icon":"RIJMFS","sortIcon":"RIJMFS","dropdown-icon":"BgFxBb","dropdownIcon":"BgFxBb","infoIcon":"m9IO-U","align-right":"OvoBKt","alignRight":"OvoBKt","align-center":"Ec5nAn","alignCenter":"Ec5nAn","caption":"PYDEL8","truncate":"exm7Dv","upper-case":"HyeItf","upperCase":"HyeItf","checkbox":"aWT3wq","icon":"NvjR5G","fold-all-icon":"MWxuDp","foldAllIcon":"MWxuDp","cell-tooltip":"_5sa2Gu","cellTooltip":"_5sa2Gu","resizing-marker":"IVYqkm","resizingMarker":"IVYqkm","pinned-right":"_4NIKgX","pinnedRight":"_4NIKgX","draggable":"_1erJ0J","ghost":"tS0RWI","is-dragged-out":"fAZrIh","isDraggedOut":"fAZrIh","dnd-marker-left":"PzT1cZ","dndMarkerLeft":"PzT1cZ","dnd-marker-right":"YIoD08","dndMarkerRight":"YIoD08","cell-tooltip-wrapper":"rzGNKC","cellTooltipWrapper":"rzGNKC","cell-tooltip-text":"_3amhLs","cellTooltipText":"_3amhLs","tooltip-caption":"okkCmc","tooltipCaption":"okkCmc","tooltip-info":"Z3yhZx","tooltipInfo":"Z3yhZx"};
|
|
4291
4291
|
|
|
4292
4292
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
4293
4293
|
constructor() {
|
|
@@ -4381,7 +4381,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
4381
4381
|
}
|
|
4382
4382
|
}
|
|
4383
4383
|
|
|
4384
|
-
var css$u = {"root":"
|
|
4384
|
+
var css$u = {"root":"aL8Twq","caption-wrapper":"BhE4Li","captionWrapper":"BhE4Li","align-center":"R5SNqN","alignCenter":"R5SNqN","caption":"_5XUzaV","truncate":"VkQyIE","upper-case":"qyEjmE","upperCase":"qyEjmE","group-cell-tooltip":"kzEKJW","groupCellTooltip":"kzEKJW","group-cell-tooltip-wrapper":"fJhEde","groupCellTooltipWrapper":"fJhEde","group-cell-tooltip-text":"y8ZEYS","groupCellTooltipText":"y8ZEYS","tooltip-caption":"sqTDmB","tooltipCaption":"sqTDmB","tooltip-info":"Fkrwae","tooltipInfo":"Fkrwae"};
|
|
4385
4385
|
|
|
4386
4386
|
class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
4387
4387
|
constructor() {
|
|
@@ -4421,7 +4421,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
|
4421
4421
|
}
|
|
4422
4422
|
}
|
|
4423
4423
|
|
|
4424
|
-
var css$t = {"root":"
|
|
4424
|
+
var css$t = {"root":"zFwUX2"};
|
|
4425
4425
|
|
|
4426
4426
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4427
4427
|
renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4517,7 +4517,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4517
4517
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4518
4518
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4519
4519
|
|
|
4520
|
-
var css$s = {"body":"
|
|
4520
|
+
var css$s = {"body":"rzzXLN","header":"IFH7Cw","title":"bfx5Tz","removeButton":"pOOiE6","with-search":"u9Wf35","withSearch":"u9Wf35"};
|
|
4521
4521
|
|
|
4522
4522
|
function FilterColumnBody(props) {
|
|
4523
4523
|
const [predicate, setPredicate] = React.useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4578,7 +4578,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4578
4578
|
return columns;
|
|
4579
4579
|
};
|
|
4580
4580
|
|
|
4581
|
-
var css$r = {"unpin-icon":"
|
|
4581
|
+
var css$r = {"unpin-icon":"GWvjk2","unpinIcon":"GWvjk2","pin-toggler-icon":"_2jyLnZ","pinTogglerIcon":"_2jyLnZ"};
|
|
4582
4582
|
|
|
4583
4583
|
function PinIconButton(props) {
|
|
4584
4584
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4629,7 +4629,7 @@ function getUnpinIcon(params) {
|
|
|
4629
4629
|
}
|
|
4630
4630
|
}
|
|
4631
4631
|
|
|
4632
|
-
var css$q = {"row-wrapper":"
|
|
4632
|
+
var css$q = {"row-wrapper":"_9wTmmF","rowWrapper":"_9wTmmF","pin-icon-button":"_3XFwfA","pinIconButton":"_3XFwfA","not-pinned":"Zn9VUK","notPinned":"Zn9VUK","checkbox":"d3OPjY","drag-handle":"_7-QbWp","dragHandle":"_7-QbWp","dnd-disabled":"c8MqGC","dndDisabled":"c8MqGC"};
|
|
4633
4633
|
|
|
4634
4634
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4635
4635
|
const { column } = props;
|
|
@@ -4663,7 +4663,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4663
4663
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4664
4664
|
});
|
|
4665
4665
|
|
|
4666
|
-
var css$p = {"root":"
|
|
4666
|
+
var css$p = {"root":"l7zs0-","main-panel":"wMbeYU","mainPanel":"wMbeYU","group":"vdzyBr","group-title":"tz0Ysp","groupTitle":"tz0Ysp","group-items":"VsxZVD","groupItems":"VsxZVD","no-data":"xyWtJv","noData":"xyWtJv","no-data-title":"mdTCLB","noDataTitle":"mdTCLB","no-data-sub-title":"XcLNpa","noDataSubTitle":"XcLNpa","h-divider":"T74Nj-","hDivider":"T74Nj-","search-area":"VbSpki","searchArea":"VbSpki","subgroup-accordion":"Pd2epb","subgroupAccordion":"Pd2epb","subgroup":"vwjpH9","subgroup-title":"_60zNp2","subgroupTitle":"_60zNp2"};
|
|
4667
4667
|
|
|
4668
4668
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$p.group },
|
|
4669
4669
|
React__namespace.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -4766,7 +4766,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
4766
4766
|
return [children, rest];
|
|
4767
4767
|
};
|
|
4768
4768
|
|
|
4769
|
-
var css$o = {"listContainer":"
|
|
4769
|
+
var css$o = {"listContainer":"Q-Ch6h","header":"AAgchz","group":"VxmsI7","stickyHeader":"J9Tklo"};
|
|
4770
4770
|
|
|
4771
4771
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
4772
4772
|
const rowRef = React.useRef(undefined);
|
|
@@ -4806,7 +4806,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4806
4806
|
React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
4807
4807
|
}
|
|
4808
4808
|
|
|
4809
|
-
var css$n = {"root":"
|
|
4809
|
+
var css$n = {"root":"QyMtkZ","sticky-header":"_0UBG1u","stickyHeader":"_0UBG1u","no-results":"_6oZt0j","noResults":"_6oZt0j","icon":"AzAfuB","title":"vn2Xrj"};
|
|
4810
4810
|
|
|
4811
4811
|
function DataTable(props) {
|
|
4812
4812
|
const { uuiModals } = uuiCore.useUuiContext();
|
|
@@ -4855,7 +4855,7 @@ function DataTable(props) {
|
|
|
4855
4855
|
: (React__namespace.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 })))));
|
|
4856
4856
|
}
|
|
4857
4857
|
|
|
4858
|
-
var css$m = {"root":"
|
|
4858
|
+
var css$m = {"root":"R--cjC","title-wrapper":"l-sDvY","titleWrapper":"l-sDvY","title":"jDkMWZ","text-wrapper":"huVKvh","textWrapper":"huVKvh","selection":"FmpwJ-","postfix":"FoUBhP","selected":"-S9Skk"};
|
|
4859
4859
|
|
|
4860
4860
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4861
4861
|
const togglerPickerOpened = (e) => {
|
|
@@ -5080,7 +5080,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
5080
5080
|
renderFooter()));
|
|
5081
5081
|
}
|
|
5082
5082
|
|
|
5083
|
-
var css$l = {"container":"
|
|
5083
|
+
var css$l = {"container":"BU-ui6"};
|
|
5084
5084
|
|
|
5085
5085
|
function FilterNumericBody(props) {
|
|
5086
5086
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -5391,7 +5391,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5391
5391
|
}
|
|
5392
5392
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
5393
5393
|
|
|
5394
|
-
var css$k = {"delete-button":"
|
|
5394
|
+
var css$k = {"delete-button":"xmirER","deleteButton":"xmirER","tab-button":"dzZ4kJ","tabButton":"dzZ4kJ","targetOpen":"uVDrYJ"};
|
|
5395
5395
|
|
|
5396
5396
|
function PresetActionsDropdown(props) {
|
|
5397
5397
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -5467,7 +5467,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5467
5467
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5468
5468
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5469
5469
|
|
|
5470
|
-
var css$j = {"preset-input-cell":"
|
|
5470
|
+
var css$j = {"preset-input-cell":"X6dfIE","presetInputCell":"X6dfIE","preset-input":"KWCrrV","presetInput":"KWCrrV"};
|
|
5471
5471
|
|
|
5472
5472
|
function PresetInput(props) {
|
|
5473
5473
|
const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
|
|
@@ -5494,7 +5494,7 @@ function PresetInput(props) {
|
|
|
5494
5494
|
React__namespace.default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
5495
5495
|
}
|
|
5496
5496
|
|
|
5497
|
-
var css$i = {"preset":"
|
|
5497
|
+
var css$i = {"preset":"-uZkrv","activePreset":"op4Qx0"};
|
|
5498
5498
|
|
|
5499
5499
|
function Preset(props) {
|
|
5500
5500
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -5519,7 +5519,7 @@ function Preset(props) {
|
|
|
5519
5519
|
return (React__namespace.default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__namespace.default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__namespace.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 }))));
|
|
5520
5520
|
}
|
|
5521
5521
|
|
|
5522
|
-
var css$h = {"divider":"
|
|
5522
|
+
var css$h = {"divider":"_4tDRWz","dropdownDeleteIcon":"FkHpAH","presetsWrapper":"HfQbG6","addPresetContainer":"sAEbnU","dropContainer":"xcIYcQ"};
|
|
5523
5523
|
|
|
5524
5524
|
function PresetsPanel(props) {
|
|
5525
5525
|
const [isAddingPreset, setIsAddingPreset] = React.useState(false);
|
|
@@ -5568,9 +5568,9 @@ function PresetsPanel(props) {
|
|
|
5568
5568
|
React__namespace.default.createElement(uuiComponents.AdaptivePanel, { items: getPanelItems() }))));
|
|
5569
5569
|
}
|
|
5570
5570
|
|
|
5571
|
-
var css$g = {"root":"
|
|
5571
|
+
var css$g = {"root":"Bx9J8v"};
|
|
5572
5572
|
|
|
5573
|
-
var css$f = {"root":"
|
|
5573
|
+
var css$f = {"root":"_2aTpmj","burger-content":"blr-tu","burgerContent":"blr-tu"};
|
|
5574
5574
|
|
|
5575
5575
|
var _path$3;
|
|
5576
5576
|
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); }
|
|
@@ -5613,7 +5613,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5613
5613
|
};
|
|
5614
5614
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
5615
5615
|
|
|
5616
|
-
var css$e = {"root":"
|
|
5616
|
+
var css$e = {"root":"dkpNIL","button-primary":"iuc9Ll","buttonPrimary":"iuc9Ll","button-secondary":"_6lB3hL","buttonSecondary":"_6lB3hL","hasIcon":"InEgC7","dropdown":"g8DRM9"};
|
|
5617
5617
|
|
|
5618
5618
|
function applyBurgerButtonMods(props) {
|
|
5619
5619
|
return [
|
|
@@ -5638,13 +5638,13 @@ const BurgerButton = /* @__PURE__ */React__namespace.default.forwardRef((props,
|
|
|
5638
5638
|
}, dropdownIcon: ForwardRef$2 }));
|
|
5639
5639
|
});
|
|
5640
5640
|
|
|
5641
|
-
var css$d = {"search-input":"
|
|
5641
|
+
var css$d = {"search-input":"na3WgR","searchInput":"na3WgR"};
|
|
5642
5642
|
|
|
5643
5643
|
function BurgerSearch(props) {
|
|
5644
5644
|
return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(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 }));
|
|
5645
5645
|
}
|
|
5646
5646
|
|
|
5647
|
-
var css$c = {"root":"
|
|
5647
|
+
var css$c = {"root":"TVwSBe","group-header":"FVN9mR","groupHeader":"FVN9mR","group-name":"q4fQD0","groupName":"q4fQD0","line":"ohInOl"};
|
|
5648
5648
|
|
|
5649
5649
|
function BurgerGroupHeader(props) {
|
|
5650
5650
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5652,7 +5652,7 @@ function BurgerGroupHeader(props) {
|
|
|
5652
5652
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5653
5653
|
}
|
|
5654
5654
|
|
|
5655
|
-
var css$b = {"root":"
|
|
5655
|
+
var css$b = {"root":"W-FE93","type-primary":"C20kxK","typePrimary":"C20kxK","type-secondary":"_7QoYDY","typeSecondary":"_7QoYDY"};
|
|
5656
5656
|
|
|
5657
5657
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5658
5658
|
const { type, ...clickableProps } = props;
|
|
@@ -5680,7 +5680,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5680
5680
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5681
5681
|
});
|
|
5682
5682
|
|
|
5683
|
-
var css$a = {"dropdown-body":"
|
|
5683
|
+
var css$a = {"dropdown-body":"Sbn6kF","dropdownBody":"Sbn6kF"};
|
|
5684
5684
|
|
|
5685
5685
|
function MainMenuDropdown(props) {
|
|
5686
5686
|
const handleEscape = (e, onClose, isOpen) => {
|
|
@@ -5723,12 +5723,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5723
5723
|
};
|
|
5724
5724
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5725
5725
|
|
|
5726
|
-
var css$9 = {"global-menu-btn":"
|
|
5726
|
+
var css$9 = {"global-menu-btn":"JslM6H","globalMenuBtn":"JslM6H","global-menu-icon":"b3HWPM","globalMenuIcon":"b3HWPM"};
|
|
5727
5727
|
|
|
5728
5728
|
const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx), ...props.rawProps },
|
|
5729
5729
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5730
5730
|
|
|
5731
|
-
var css$8 = {"container":"
|
|
5731
|
+
var css$8 = {"container":"fizvnn","open":"ZWSL6o","folding-arrow":"QjgEVb","foldingArrow":"QjgEVb"};
|
|
5732
5732
|
|
|
5733
5733
|
const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
|
|
5734
5734
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5736,15 +5736,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5736
5736
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
5737
5737
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5738
5738
|
|
|
5739
|
-
var css$7 = {"search-input":"
|
|
5739
|
+
var css$7 = {"search-input":"_96ClOE","searchInput":"_96ClOE"};
|
|
5740
5740
|
|
|
5741
5741
|
const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, { ...props, render: (iEditable) => (React__namespace.createElement(uuiComponents.TextInput, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx), ...props.rawProps })) })));
|
|
5742
5742
|
|
|
5743
|
-
var css$6 = {"container":"
|
|
5743
|
+
var css$6 = {"container":"_6DEYCV"};
|
|
5744
5744
|
|
|
5745
5745
|
const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, { ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container), ...props })));
|
|
5746
5746
|
|
|
5747
|
-
var css$5 = {"root":"
|
|
5747
|
+
var css$5 = {"root":"UD4xba"};
|
|
5748
5748
|
|
|
5749
5749
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
5750
5750
|
|
|
@@ -5802,7 +5802,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5802
5802
|
};
|
|
5803
5803
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
5804
5804
|
|
|
5805
|
-
var css$4 = {"root":"
|
|
5805
|
+
var css$4 = {"root":"c5ju2U","drop-start":"_114QVF","dropStart":"_114QVF","drop-over":"oSYNsy","dropOver":"oSYNsy","link":"_1mmrVv","drop-area":"_4jHpBM","dropArea":"_4jHpBM","drop-caption":"RLzs0n","dropCaption":"RLzs0n","icon-blue":"_2we0-q","iconBlue":"_2we0-q"};
|
|
5806
5806
|
|
|
5807
5807
|
function DropSpot(props) {
|
|
5808
5808
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5820,7 +5820,7 @@ function DropSpot(props) {
|
|
|
5820
5820
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5821
5821
|
}
|
|
5822
5822
|
|
|
5823
|
-
var css$3 = {"root":"
|
|
5823
|
+
var css$3 = {"root":"_994kkB"};
|
|
5824
5824
|
|
|
5825
5825
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5826
5826
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5831,7 +5831,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
|
|
|
5831
5831
|
React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5832
5832
|
});
|
|
5833
5833
|
|
|
5834
|
-
var css$2 = {"root":"
|
|
5834
|
+
var css$2 = {"root":"HIioBH","file-name":"Viin8x","fileName":"Viin8x","default-color":"ctiPRC","defaultColor":"ctiPRC","doc-color":"xHfMWQ","docColor":"xHfMWQ","xls-color":"QICpHh","xlsColor":"QICpHh","pdf-color":"mvjeQS","pdfColor":"mvjeQS","movie-color":"L3qkOq","movieColor":"L3qkOq","img-color":"dFud6U","imgColor":"dFud6U","mov-color":"_8cFs4A","movColor":"_8cFs4A","error-block":"O8mFs-","errorBlock":"O8mFs-","icons-block":"-xczdV","iconsBlock":"-xczdV"};
|
|
5835
5835
|
|
|
5836
5836
|
const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5837
5837
|
const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
|
|
@@ -5950,7 +5950,7 @@ const getErrorPageConfig = () => ({
|
|
|
5950
5950
|
},
|
|
5951
5951
|
});
|
|
5952
5952
|
|
|
5953
|
-
var css$1 = {"container":"
|
|
5953
|
+
var css$1 = {"container":"sOYAuU"};
|
|
5954
5954
|
|
|
5955
5955
|
const ErrorPage = (props) => {
|
|
5956
5956
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5962,7 +5962,7 @@ const ErrorPage = (props) => {
|
|
|
5962
5962
|
props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5963
5963
|
};
|
|
5964
5964
|
|
|
5965
|
-
var css = {"recovery-spinner":"
|
|
5965
|
+
var css = {"recovery-spinner":"bhxznH","recoverySpinner":"bhxznH","recovery-message":"_9ChxuD","recoveryMessage":"_9ChxuD","modal-blocker":"mEW5sf","modalBlocker":"mEW5sf","modalFadeIn":"gG1KuR"};
|
|
5966
5966
|
|
|
5967
5967
|
function ErrorHandler(props) {
|
|
5968
5968
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|