@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.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(#86y8n2cgql43goqxg_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: "86y8n2ykqv84rixjh_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(#86y8n2ykqv84rixjh_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: "86y8n2cgql43goqxg_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$1x = {"root":"
|
|
964
|
+
var css$1x = {"root":"OuBUh3","uui-spinner":"pQ0oho","uuiSpinner":"pQ0oho"};
|
|
965
965
|
|
|
966
966
|
function applySpinnerMods() {
|
|
967
967
|
return [css$1x.root, 'uui-spinner'];
|
|
968
968
|
}
|
|
969
969
|
const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
970
970
|
|
|
971
|
-
var css$1w = {"root":"
|
|
971
|
+
var css$1w = {"root":"qOBIXH","loading-word":"CgWZEU","loadingWord":"CgWZEU","animated-loading":"ZEEs3l","animatedLoading":"ZEEs3l","skeleton_loading":"_5xYtVF","skeletonLoading":"_5xYtVF"};
|
|
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$1v = {"root":"
|
|
988
|
+
var css$1v = {"root":"_2MOxcp","line-height":"gbBOkC","lineHeight":"gbBOkC","font-size":"_0e9G-g","fontSize":"_0e9G-g"};
|
|
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$1u = {"root":"
|
|
1015
|
+
var css$1u = {"root":"_2CgssR"};
|
|
1016
1016
|
|
|
1017
1017
|
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$1u.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
1018
1018
|
|
|
@@ -1518,7 +1518,7 @@ const settings = {
|
|
|
1518
1518
|
textInput: textInputSettings,
|
|
1519
1519
|
};
|
|
1520
1520
|
|
|
1521
|
-
var css$1t = {"root":"
|
|
1521
|
+
var css$1t = {"root":"_93Kume"};
|
|
1522
1522
|
|
|
1523
1523
|
function applyButtonMods(mods) {
|
|
1524
1524
|
return [
|
|
@@ -1536,7 +1536,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
1536
1536
|
};
|
|
1537
1537
|
});
|
|
1538
1538
|
|
|
1539
|
-
var css$1s = {"root":"
|
|
1539
|
+
var css$1s = {"root":"_2X5nEJ"};
|
|
1540
1540
|
|
|
1541
1541
|
function applyIconButtonMods(props) {
|
|
1542
1542
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1s.root];
|
|
@@ -1573,7 +1573,7 @@ function getIconClass(props) {
|
|
|
1573
1573
|
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'];
|
|
1574
1574
|
}
|
|
1575
1575
|
|
|
1576
|
-
var css$1r = {"root":"
|
|
1576
|
+
var css$1r = {"root":"IKNhEL"};
|
|
1577
1577
|
|
|
1578
1578
|
const DEFAULT_COLOR = 'primary';
|
|
1579
1579
|
const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -1603,7 +1603,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
1603
1603
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1604
1604
|
});
|
|
1605
1605
|
|
|
1606
|
-
var css$1q = {"root":"
|
|
1606
|
+
var css$1q = {"root":"Gq5yqS"};
|
|
1607
1607
|
|
|
1608
1608
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1609
1609
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -1615,7 +1615,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1615
1615
|
]) }, props.caption));
|
|
1616
1616
|
});
|
|
1617
1617
|
|
|
1618
|
-
var css$1p = {"root":"
|
|
1618
|
+
var css$1p = {"root":"_3vsS8v","withNotify":"GzurRq"};
|
|
1619
1619
|
|
|
1620
1620
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, refExternal) => {
|
|
1621
1621
|
const refLocal = React__namespace.default.useRef(null);
|
|
@@ -1662,13 +1662,13 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
1662
1662
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1663
1663
|
});
|
|
1664
1664
|
|
|
1665
|
-
var css$1o = {"root":"
|
|
1665
|
+
var css$1o = {"root":"usEo37","noLeftPadding":"Mqrfq0","foldingArea":"_3mG6bZ","onlyFoldable":"AiAJzz","captionWrapper":"klsMLj","withNotify":"fWP-Bc"};
|
|
1666
1666
|
|
|
1667
|
-
var css$1n = {"root":"
|
|
1667
|
+
var css$1n = {"root":"AKPEoQ"};
|
|
1668
1668
|
|
|
1669
1669
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$1n.root]);
|
|
1670
1670
|
|
|
1671
|
-
var css$1m = {"root":"
|
|
1671
|
+
var css$1m = {"root":"BUFVmU"};
|
|
1672
1672
|
|
|
1673
1673
|
const DEFAULT_FILL = 'solid';
|
|
1674
1674
|
function applyBadgeMods(mods) {
|
|
@@ -1696,7 +1696,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
1696
1696
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1697
1697
|
});
|
|
1698
1698
|
|
|
1699
|
-
var css$1l = {"root":"
|
|
1699
|
+
var css$1l = {"root":"WrLoYS"};
|
|
1700
1700
|
|
|
1701
1701
|
function applyTagMods(props) {
|
|
1702
1702
|
return [
|
|
@@ -1729,7 +1729,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
1729
1729
|
} }))));
|
|
1730
1730
|
});
|
|
1731
1731
|
|
|
1732
|
-
var css$1k = {"root":"
|
|
1732
|
+
var css$1k = {"root":"y3HEp7","page":"TzCuyj","spacer":"cZc-AL","mode-ghost":"HkaxFZ","modeGhost":"HkaxFZ"};
|
|
1733
1733
|
|
|
1734
1734
|
function Paginator(props) {
|
|
1735
1735
|
const renderPaginator = (params) => (React__namespace.default.createElement("nav", { role: "navigation", className: cx__default.default('uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
@@ -1755,14 +1755,14 @@ function Paginator(props) {
|
|
|
1755
1755
|
return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
|
|
1756
1756
|
}
|
|
1757
1757
|
|
|
1758
|
-
var css$1j = {"root":"
|
|
1758
|
+
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"};
|
|
1759
1759
|
|
|
1760
1760
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1761
1761
|
return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$1j.root, css$1j[`size-${props.size || 12}`]) },
|
|
1762
1762
|
React__namespace.createElement("div", { className: cx__default.default(css$1j.progressBar) })));
|
|
1763
1763
|
});
|
|
1764
1764
|
|
|
1765
|
-
var css$1i = {"root":"
|
|
1765
|
+
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"};
|
|
1766
1766
|
|
|
1767
1767
|
const DEFAULT_SIZE = '12';
|
|
1768
1768
|
function applyProgressBarMods(mods) {
|
|
@@ -1777,14 +1777,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
1777
1777
|
hideLabel: props.hideLabel || props.striped,
|
|
1778
1778
|
}));
|
|
1779
1779
|
|
|
1780
|
-
var css$1h = {"root":"
|
|
1780
|
+
var css$1h = {"root":"Vf7ycQ"};
|
|
1781
1781
|
|
|
1782
1782
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1783
1783
|
const { progress } = props;
|
|
1784
1784
|
return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$1h.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$1h.root, props.cx) }));
|
|
1785
1785
|
});
|
|
1786
1786
|
|
|
1787
|
-
var css$1g = {"root":"
|
|
1787
|
+
var css$1g = {"root":"Y0iy29"};
|
|
1788
1788
|
|
|
1789
1789
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1790
1790
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -1799,7 +1799,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1799
1799
|
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
1800
1800
|
});
|
|
1801
1801
|
|
|
1802
|
-
var css$1f = {"root":"
|
|
1802
|
+
var css$1f = {"root":"SwPEPA"};
|
|
1803
1803
|
|
|
1804
1804
|
function applyCheckboxMods(mods) {
|
|
1805
1805
|
return [
|
|
@@ -1817,7 +1817,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1817
1817
|
};
|
|
1818
1818
|
const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1819
1819
|
|
|
1820
|
-
var css$1e = {"root":"
|
|
1820
|
+
var css$1e = {"root":"_0U1M0x"};
|
|
1821
1821
|
|
|
1822
1822
|
function applyRadioInputMods(mods) {
|
|
1823
1823
|
return [
|
|
@@ -1829,7 +1829,7 @@ function applyRadioInputMods(mods) {
|
|
|
1829
1829
|
}
|
|
1830
1830
|
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1831
1831
|
|
|
1832
|
-
var css$1d = {"root":"
|
|
1832
|
+
var css$1d = {"root":"ln8RhG"};
|
|
1833
1833
|
|
|
1834
1834
|
function applySwitchMods(mods) {
|
|
1835
1835
|
return [
|
|
@@ -1853,7 +1853,7 @@ var EditMode;
|
|
|
1853
1853
|
EditMode["INLINE"] = "inline";
|
|
1854
1854
|
})(EditMode || (EditMode = {}));
|
|
1855
1855
|
|
|
1856
|
-
var textInputCss = {"root":"
|
|
1856
|
+
var textInputCss = {"root":"KRjCQq"};
|
|
1857
1857
|
|
|
1858
1858
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1859
1859
|
function applyTextInputMods(mods) {
|
|
@@ -1878,7 +1878,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
1878
1878
|
} }));
|
|
1879
1879
|
});
|
|
1880
1880
|
|
|
1881
|
-
var css$1c = {"root":"
|
|
1881
|
+
var css$1c = {"root":"Lyhnkf"};
|
|
1882
1882
|
|
|
1883
1883
|
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1c.root, 'uui-control-group']);
|
|
1884
1884
|
|
|
@@ -1894,7 +1894,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1894
1894
|
}
|
|
1895
1895
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
1896
1896
|
|
|
1897
|
-
var css$1b = {"root":"
|
|
1897
|
+
var css$1b = {"root":"_4w8wYQ"};
|
|
1898
1898
|
|
|
1899
1899
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1900
1900
|
function applyNumericInputMods(mods) {
|
|
@@ -1914,7 +1914,7 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
1914
1914
|
};
|
|
1915
1915
|
});
|
|
1916
1916
|
|
|
1917
|
-
var css$1a = {"root":"
|
|
1917
|
+
var css$1a = {"root":"U1rBRE"};
|
|
1918
1918
|
|
|
1919
1919
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1920
1920
|
function applyTextAreaMods(mods) {
|
|
@@ -1955,7 +1955,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1955
1955
|
};
|
|
1956
1956
|
}
|
|
1957
1957
|
|
|
1958
|
-
var css$19 = {"root":"
|
|
1958
|
+
var css$19 = {"root":"b68Jga"};
|
|
1959
1959
|
|
|
1960
1960
|
function applyDropdownContainerMods(mods) {
|
|
1961
1961
|
return [
|
|
@@ -1966,7 +1966,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1966
1966
|
}
|
|
1967
1967
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
1968
1968
|
|
|
1969
|
-
var css$18 = {"root":"
|
|
1969
|
+
var css$18 = {"root":"Jejfar","timepicker-input":"J8-s1Q","timepickerInput":"J8-s1Q","ltr-always":"_0zW2aO","ltrAlways":"_0zW2aO"};
|
|
1970
1970
|
|
|
1971
1971
|
const uuiTimePicker = {
|
|
1972
1972
|
container: 'uui-timepicker-container',
|
|
@@ -2187,7 +2187,7 @@ function TimePickerComponent(props, ref) {
|
|
|
2187
2187
|
}
|
|
2188
2188
|
const TimePicker = /* @__PURE__ */React__namespace.default.forwardRef(TimePickerComponent);
|
|
2189
2189
|
|
|
2190
|
-
var css$17 = {"root":"
|
|
2190
|
+
var css$17 = {"root":"VTXQ9x"};
|
|
2191
2191
|
|
|
2192
2192
|
function applyInputAddonMods() {
|
|
2193
2193
|
return [
|
|
@@ -2196,14 +2196,14 @@ function applyInputAddonMods() {
|
|
|
2196
2196
|
}
|
|
2197
2197
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
2198
2198
|
|
|
2199
|
-
var css$16 = {"root":"
|
|
2199
|
+
var css$16 = {"root":"ab6Fwz"};
|
|
2200
2200
|
|
|
2201
2201
|
function applySliderMods() {
|
|
2202
2202
|
return [css$16.root, 'uui-color-neutral'];
|
|
2203
2203
|
}
|
|
2204
2204
|
const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
|
|
2205
2205
|
|
|
2206
|
-
var css$15 = {"root":"
|
|
2206
|
+
var css$15 = {"root":"X2C5-k"};
|
|
2207
2207
|
|
|
2208
2208
|
function applyTooltipMods(mods) {
|
|
2209
2209
|
return [
|
|
@@ -2213,7 +2213,7 @@ function applyTooltipMods(mods) {
|
|
|
2213
2213
|
}
|
|
2214
2214
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
2215
2215
|
|
|
2216
|
-
var css$14 = {"root":"
|
|
2216
|
+
var css$14 = {"root":"LxrIV-","tooltip":"H-FvJp"};
|
|
2217
2217
|
|
|
2218
2218
|
function applyRatingMods(mods) {
|
|
2219
2219
|
return [
|
|
@@ -2227,7 +2227,7 @@ const Rating = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Rating,
|
|
|
2227
2227
|
Tooltip,
|
|
2228
2228
|
}));
|
|
2229
2229
|
|
|
2230
|
-
var css$13 = {"drag-handle-wrapper":"
|
|
2230
|
+
var css$13 = {"drag-handle-wrapper":"M3zKTO","dragHandleWrapper":"M3zKTO","with-indent":"kkaEYJ","withIndent":"kkaEYJ","drag-handle":"bytoUT","dragHandle":"bytoUT","icon-container":"c7g7SH","iconContainer":"c7g7SH"};
|
|
2231
2231
|
|
|
2232
2232
|
function DataRowAddons(props) {
|
|
2233
2233
|
const row = props.rowProps;
|
|
@@ -2314,7 +2314,7 @@ function VerticalTabButtonComponent(props, ref) {
|
|
|
2314
2314
|
}
|
|
2315
2315
|
const VerticalTabButton = /* @__PURE__ */React__namespace.default.forwardRef(VerticalTabButtonComponent);
|
|
2316
2316
|
|
|
2317
|
-
var css$12 = {"root":"
|
|
2317
|
+
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"};
|
|
2318
2318
|
|
|
2319
2319
|
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { role: "alert", ref: ref, className: cx__default.default('uui-alert', css$12.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
2320
2320
|
React__namespace.createElement("div", { className: css$12.mainPath },
|
|
@@ -2332,7 +2332,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
2332
2332
|
|
|
2333
2333
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
2334
2334
|
|
|
2335
|
-
var css$11 = {"submenu-root-item-rtl":"
|
|
2335
|
+
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"};
|
|
2336
2336
|
|
|
2337
2337
|
exports.IDropdownControlKeys = void 0;
|
|
2338
2338
|
(function (IDropdownControlKeys) {
|
|
@@ -2473,7 +2473,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2473
2473
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange, ref: switchRef })));
|
|
2474
2474
|
}
|
|
2475
2475
|
|
|
2476
|
-
var css$10 = {"root":"
|
|
2476
|
+
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"};
|
|
2477
2477
|
|
|
2478
2478
|
function applyAccordionMods(mods) {
|
|
2479
2479
|
return [
|
|
@@ -2486,7 +2486,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
|
|
|
2486
2486
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2487
2487
|
}));
|
|
2488
2488
|
|
|
2489
|
-
var css$$ = {"root":"
|
|
2489
|
+
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"};
|
|
2490
2490
|
|
|
2491
2491
|
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$$.flexCell]);
|
|
2492
2492
|
|
|
@@ -2538,7 +2538,7 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2538
2538
|
} }, props.children));
|
|
2539
2539
|
});
|
|
2540
2540
|
|
|
2541
|
-
var css$_ = {"root":"
|
|
2541
|
+
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"};
|
|
2542
2542
|
|
|
2543
2543
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
2544
2544
|
'uui-panel',
|
|
@@ -2548,7 +2548,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
|
2548
2548
|
props.background && css$_[`uui-${props.background}`],
|
|
2549
2549
|
]);
|
|
2550
2550
|
|
|
2551
|
-
var css$Z = {"root":"
|
|
2551
|
+
var css$Z = {"root":"ZtCRdf"};
|
|
2552
2552
|
|
|
2553
2553
|
function applyLabeledInputMods(mods) {
|
|
2554
2554
|
return [
|
|
@@ -2570,7 +2570,7 @@ function applyLabeledInputProps(props) {
|
|
|
2570
2570
|
}
|
|
2571
2571
|
const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2572
2572
|
|
|
2573
|
-
var css$Y = {"root":"
|
|
2573
|
+
var css$Y = {"root":"_3-ydMY"};
|
|
2574
2574
|
|
|
2575
2575
|
function RadioGroup(props) {
|
|
2576
2576
|
const direction = props.direction || 'vertical';
|
|
@@ -2585,7 +2585,7 @@ function RadioGroup(props) {
|
|
|
2585
2585
|
})));
|
|
2586
2586
|
}
|
|
2587
2587
|
|
|
2588
|
-
var css$X = {"root":"
|
|
2588
|
+
var css$X = {"root":"Xwxh0g","viewport":"rTDwU9"};
|
|
2589
2589
|
|
|
2590
2590
|
var uuiScrollbars;
|
|
2591
2591
|
(function (uuiScrollbars) {
|
|
@@ -2664,7 +2664,7 @@ const ScrollBars = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2664
2664
|
});
|
|
2665
2665
|
ScrollBars.displayName = 'ScrollBars';
|
|
2666
2666
|
|
|
2667
|
-
var css$W = {"scroll-container":"
|
|
2667
|
+
var css$W = {"scroll-container":"SdfZly","scrollContainer":"SdfZly","list-container":"te7TvO","listContainer":"te7TvO"};
|
|
2668
2668
|
|
|
2669
2669
|
const VirtualList = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
2670
2670
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = uuiCore.useVirtualList({
|
|
@@ -2739,7 +2739,7 @@ function Tree(props) {
|
|
|
2739
2739
|
return (React__namespace.createElement(VirtualList, { value: value, onValueChange: onValueChange, rowsCount: rowsCount, rows: renderedRows, cx: uuiCore.cx(propsCx), role: "tree" }));
|
|
2740
2740
|
}
|
|
2741
2741
|
|
|
2742
|
-
var css$V = {"root":"
|
|
2742
|
+
var css$V = {"root":"RzJpW2"};
|
|
2743
2743
|
|
|
2744
2744
|
function CheckboxGroup(props) {
|
|
2745
2745
|
const currentValue = props.value || [];
|
|
@@ -2841,7 +2841,7 @@ const Tabs = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2841
2841
|
});
|
|
2842
2842
|
Tabs.displayName = 'Tabs';
|
|
2843
2843
|
|
|
2844
|
-
var css$U = {"root":"
|
|
2844
|
+
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"};
|
|
2845
2845
|
|
|
2846
2846
|
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$U.modalBlocker]);
|
|
2847
2847
|
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$U.root, css$U.modal], (props) => {
|
|
@@ -3040,7 +3040,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
3040
3040
|
});
|
|
3041
3041
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
3042
3042
|
|
|
3043
|
-
var css$T = {"root":"
|
|
3043
|
+
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"};
|
|
3044
3044
|
|
|
3045
3045
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
3046
3046
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -3073,7 +3073,7 @@ function ClearNotification() {
|
|
|
3073
3073
|
React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
3074
3074
|
}
|
|
3075
3075
|
|
|
3076
|
-
var css$S = {"footer":"
|
|
3076
|
+
var css$S = {"footer":"b02aEg"};
|
|
3077
3077
|
|
|
3078
3078
|
class ConfirmationModal extends React__namespace.Component {
|
|
3079
3079
|
render() {
|
|
@@ -3115,7 +3115,7 @@ function useReliableForceUpdate() {
|
|
|
3115
3115
|
return red[1];
|
|
3116
3116
|
}
|
|
3117
3117
|
|
|
3118
|
-
var css$R = {"root":"
|
|
3118
|
+
var css$R = {"root":"hN1h2-","container":"RtLbl7"};
|
|
3119
3119
|
|
|
3120
3120
|
const defaultFormat = 'MMM D, YYYY';
|
|
3121
3121
|
const defaultFormatShort = 'MMM D';
|
|
@@ -3343,14 +3343,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
3343
3343
|
React__namespace.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
3344
3344
|
}
|
|
3345
3345
|
|
|
3346
|
-
var css$Q = {"root":"
|
|
3346
|
+
var css$Q = {"root":"tbz8qf"};
|
|
3347
3347
|
|
|
3348
3348
|
function applyDateSelectionMods(mods) {
|
|
3349
3349
|
return [css$Q.root, `uui-size-${mods.size ?? settings.datePicker.sizes.body}`];
|
|
3350
3350
|
}
|
|
3351
3351
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
3352
3352
|
|
|
3353
|
-
var css$P = {"root":"-
|
|
3353
|
+
var css$P = {"root":"WlKPp-"};
|
|
3354
3354
|
|
|
3355
3355
|
const uuiDatePickerBody = {
|
|
3356
3356
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -3477,7 +3477,7 @@ function DatePickerComponent(props, ref) {
|
|
|
3477
3477
|
}
|
|
3478
3478
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
3479
3479
|
|
|
3480
|
-
var css$O = {"date-input":"
|
|
3480
|
+
var css$O = {"date-input":"LJM7Oa","dateInput":"LJM7Oa","root":"oJ0FTh","separator":"v88ehd"};
|
|
3481
3481
|
|
|
3482
3482
|
const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, onIconClick, preventEmptyFromDate, preventEmptyToDate, id, cx: classes, }, ref) => {
|
|
3483
3483
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3554,7 +3554,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
3554
3554
|
React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$O.dateInput, inFocus === 'to' && uuiCore.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 })));
|
|
3555
3555
|
});
|
|
3556
3556
|
|
|
3557
|
-
var css$N = {"root":"
|
|
3557
|
+
var css$N = {"root":"OSm-QX"};
|
|
3558
3558
|
|
|
3559
3559
|
const uuiPresets = {
|
|
3560
3560
|
container: 'uui-presets-container',
|
|
@@ -3576,7 +3576,7 @@ function CalendarPresets(props) {
|
|
|
3576
3576
|
getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: presetSize })))));
|
|
3577
3577
|
}
|
|
3578
3578
|
|
|
3579
|
-
var css$M = {"root":"
|
|
3579
|
+
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"};
|
|
3580
3580
|
|
|
3581
3581
|
const uuiRangeDatePickerBody = {
|
|
3582
3582
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3785,7 +3785,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3785
3785
|
};
|
|
3786
3786
|
};
|
|
3787
3787
|
|
|
3788
|
-
var css$L = {"root":"
|
|
3788
|
+
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"};
|
|
3789
3789
|
|
|
3790
3790
|
function RangeDatePickerModal({ success, abort, isActive, zIndex, key, pickerProps, initialValue, }) {
|
|
3791
3791
|
const [modalValue, setModalValue] = React.useState(initialValue);
|
|
@@ -3826,7 +3826,7 @@ function RangeDatePickerModal({ success, abort, isActive, zIndex, key, pickerPro
|
|
|
3826
3826
|
React__namespace.default.createElement(Button, { color: "primary", caption: i18n.rangeDatePicker.mobileModalApply, onClick: () => success(modalValue) })))));
|
|
3827
3827
|
}
|
|
3828
3828
|
|
|
3829
|
-
var css$K = {"dropdown-container":"
|
|
3829
|
+
var css$K = {"dropdown-container":"EYK-1S","dropdownContainer":"EYK-1S"};
|
|
3830
3830
|
|
|
3831
3831
|
function RangeDatePickerComponent(props, ref) {
|
|
3832
3832
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3931,7 +3931,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3931
3931
|
}
|
|
3932
3932
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3933
3933
|
|
|
3934
|
-
var css$J = {"root":"
|
|
3934
|
+
var css$J = {"root":"Dfbxpq","blocker":"iM-TUI","marker":"ALoITO","top":"ndsWjm","bottom":"yOapOE","left":"KXItUP","right":"tW9opS","inside":"qJ4vv-"};
|
|
3935
3935
|
|
|
3936
3936
|
function DropMarker(props) {
|
|
3937
3937
|
return props.isDndInProgress
|
|
@@ -3946,9 +3946,9 @@ function DropMarker(props) {
|
|
|
3946
3946
|
: null;
|
|
3947
3947
|
}
|
|
3948
3948
|
|
|
3949
|
-
var css$I = {"root":"
|
|
3949
|
+
var css$I = {"root":"_39q9e9","search-wrapper":"dX2YHp","searchWrapper":"dX2YHp","no-data":"fcXSIW","noData":"fcXSIW","empty-status-announcer":"lP-Mnc","emptyStatusAnnouncer":"lP-Mnc"};
|
|
3950
3950
|
|
|
3951
|
-
var css$H = {"picker-row":"
|
|
3951
|
+
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"};
|
|
3952
3952
|
|
|
3953
3953
|
const mergeHighlightRanges = (ranges) => {
|
|
3954
3954
|
const mergedRanges = [];
|
|
@@ -4015,7 +4015,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
4015
4015
|
return getDecoratedText(str, ranges);
|
|
4016
4016
|
};
|
|
4017
4017
|
|
|
4018
|
-
var css$G = {"root":"
|
|
4018
|
+
var css$G = {"root":"cZj8GS","column-gap":"Sd-I4v","columnGap":"Sd-I4v","title":"_4EaSEw","subtitle":"rWeA7s","disabled":"nkv6Le","multiline":"_2AOZ5X"};
|
|
4019
4019
|
|
|
4020
4020
|
function PickerItem(props) {
|
|
4021
4021
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -4241,7 +4241,7 @@ function DataPickerFooterImpl(props) {
|
|
|
4241
4241
|
}
|
|
4242
4242
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
4243
4243
|
|
|
4244
|
-
var css$F = {"header":"
|
|
4244
|
+
var css$F = {"header":"_4mRBIx","title":"w9ty5M","close":"_7TgPdH"};
|
|
4245
4245
|
|
|
4246
4246
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
4247
4247
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -4251,7 +4251,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
4251
4251
|
};
|
|
4252
4252
|
const DataPickerMobileHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerMobileHeaderImpl);
|
|
4253
4253
|
|
|
4254
|
-
var css$E = {"done":"
|
|
4254
|
+
var css$E = {"done":"d-8x8E","container":"c5Hc5y"};
|
|
4255
4255
|
|
|
4256
4256
|
const PickerBodyMobileView = (props) => {
|
|
4257
4257
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -4263,7 +4263,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
4263
4263
|
isMobileView && (React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
4264
4264
|
};
|
|
4265
4265
|
|
|
4266
|
-
var css$D = {"sub-header-wrapper":"
|
|
4266
|
+
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"};
|
|
4267
4267
|
|
|
4268
4268
|
function PickerModal(props) {
|
|
4269
4269
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
|
|
@@ -4325,7 +4325,7 @@ function PickerModal(props) {
|
|
|
4325
4325
|
React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
4326
4326
|
}
|
|
4327
4327
|
|
|
4328
|
-
var css$C = {"tooltip":"
|
|
4328
|
+
var css$C = {"tooltip":"KOU0oQ","noShrink":"YSA6qO"};
|
|
4329
4329
|
|
|
4330
4330
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4331
4331
|
const tagProps = {
|
|
@@ -4344,7 +4344,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
4344
4344
|
}
|
|
4345
4345
|
});
|
|
4346
4346
|
|
|
4347
|
-
var css$B = {"root":"
|
|
4347
|
+
var css$B = {"root":"wU2S1m"};
|
|
4348
4348
|
|
|
4349
4349
|
const defaultMode = EditMode.FORM;
|
|
4350
4350
|
function applyPickerTogglerMods(mods) {
|
|
@@ -4426,7 +4426,7 @@ function PickerInputComponent(props, ref) {
|
|
|
4426
4426
|
}
|
|
4427
4427
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
4428
4428
|
|
|
4429
|
-
var css$A = {"row":"
|
|
4429
|
+
var css$A = {"row":"crAQhU"};
|
|
4430
4430
|
|
|
4431
4431
|
function PickerListRow(props) {
|
|
4432
4432
|
let label;
|
|
@@ -4446,7 +4446,7 @@ function PickerListRow(props) {
|
|
|
4446
4446
|
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));
|
|
4447
4447
|
}
|
|
4448
4448
|
|
|
4449
|
-
var css$z = {"root":"
|
|
4449
|
+
var css$z = {"root":"Jqz42t"};
|
|
4450
4450
|
|
|
4451
4451
|
function PickerList(props) {
|
|
4452
4452
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -4481,7 +4481,7 @@ function PickerList(props) {
|
|
|
4481
4481
|
}, selectedRows)));
|
|
4482
4482
|
}
|
|
4483
4483
|
|
|
4484
|
-
var css$y = {"root":"
|
|
4484
|
+
var css$y = {"root":"-JH1tz","wrapper":"zHen-O","align-widgets-top":"_9SSuYh","alignWidgetsTop":"_9SSuYh","align-widgets-center":"_6Uwczu","alignWidgetsCenter":"_6Uwczu"};
|
|
4485
4485
|
|
|
4486
4486
|
function DataTableCell(initialProps) {
|
|
4487
4487
|
const props = { ...initialProps };
|
|
@@ -4531,7 +4531,7 @@ function DataTableCell(initialProps) {
|
|
|
4531
4531
|
return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
|
|
4532
4532
|
}
|
|
4533
4533
|
|
|
4534
|
-
var css$x = {"root":"
|
|
4534
|
+
var css$x = {"root":"_4-WxN0"};
|
|
4535
4535
|
|
|
4536
4536
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4537
4537
|
// 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.
|
|
@@ -4547,7 +4547,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
4547
4547
|
];
|
|
4548
4548
|
}, () => propsMods);
|
|
4549
4549
|
|
|
4550
|
-
var css$w = {"sorting-panel-container":"
|
|
4550
|
+
var css$w = {"sorting-panel-container":"gNJ05Y","sortingPanelContainer":"gNJ05Y"};
|
|
4551
4551
|
|
|
4552
4552
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
4553
4553
|
const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4569,7 +4569,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4569
4569
|
};
|
|
4570
4570
|
const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
|
|
4571
4571
|
|
|
4572
|
-
var css$v = {"root":"
|
|
4572
|
+
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"};
|
|
4573
4573
|
|
|
4574
4574
|
function DefaultTooltipContent(column) {
|
|
4575
4575
|
return (React__namespace.default.createElement("div", { className: uuiCore.cx(css$v.cellTooltipWrapper, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCaptionTooltip) },
|
|
@@ -4676,7 +4676,7 @@ function DataTableHeaderCell(props) {
|
|
|
4676
4676
|
return (React__namespace.default.createElement(uuiComponents.DataTableHeaderCell, { ...props, renderCellContent: props.column.renderFilter ? renderCellWithFilter : renderCellContent }));
|
|
4677
4677
|
}
|
|
4678
4678
|
|
|
4679
|
-
var css$u = {"root":"
|
|
4679
|
+
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"};
|
|
4680
4680
|
|
|
4681
4681
|
class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
4682
4682
|
constructor() {
|
|
@@ -4716,7 +4716,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
|
4716
4716
|
}
|
|
4717
4717
|
}
|
|
4718
4718
|
|
|
4719
|
-
var css$t = {"root":"
|
|
4719
|
+
var css$t = {"root":"JTC4cc"};
|
|
4720
4720
|
|
|
4721
4721
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => {
|
|
4722
4722
|
return ({
|
|
@@ -4824,7 +4824,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4824
4824
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4825
4825
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4826
4826
|
|
|
4827
|
-
var css$s = {"body":"
|
|
4827
|
+
var css$s = {"body":"bb0w3w","header":"aWjSiG","title":"_-9vmX7","removeButton":"Y64saA","with-search":"oQFZaS","withSearch":"oQFZaS"};
|
|
4828
4828
|
|
|
4829
4829
|
function FilterColumnBody(props) {
|
|
4830
4830
|
const [predicate, setPredicate] = React.useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4885,7 +4885,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4885
4885
|
return columns;
|
|
4886
4886
|
};
|
|
4887
4887
|
|
|
4888
|
-
var css$r = {"unpin-icon":"
|
|
4888
|
+
var css$r = {"unpin-icon":"_7H8qYt","unpinIcon":"_7H8qYt","pin-toggler-icon":"fufXkN","pinTogglerIcon":"fufXkN"};
|
|
4889
4889
|
|
|
4890
4890
|
function PinIconButton(props) {
|
|
4891
4891
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4936,7 +4936,7 @@ function getUnpinIcon(params) {
|
|
|
4936
4936
|
}
|
|
4937
4937
|
}
|
|
4938
4938
|
|
|
4939
|
-
var css$q = {"row-wrapper":"
|
|
4939
|
+
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"};
|
|
4940
4940
|
|
|
4941
4941
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4942
4942
|
const { column } = props;
|
|
@@ -4970,7 +4970,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4970
4970
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4971
4971
|
});
|
|
4972
4972
|
|
|
4973
|
-
var css$p = {"root":"
|
|
4973
|
+
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"};
|
|
4974
4974
|
|
|
4975
4975
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$p.group },
|
|
4976
4976
|
React__namespace.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -5073,7 +5073,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
5073
5073
|
return [children, rest];
|
|
5074
5074
|
};
|
|
5075
5075
|
|
|
5076
|
-
var css$o = {"listContainer":"
|
|
5076
|
+
var css$o = {"listContainer":"FeoXKJ","header":"Ysswq8","group":"n4MDD6","stickyHeader":"SSARuE"};
|
|
5077
5077
|
|
|
5078
5078
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
5079
5079
|
const rowRef = React.useRef(undefined);
|
|
@@ -5113,7 +5113,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
5113
5113
|
React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
5114
5114
|
}
|
|
5115
5115
|
|
|
5116
|
-
var css$n = {"root":"
|
|
5116
|
+
var css$n = {"root":"jhIaZE","sticky-header":"LCtrUj","stickyHeader":"LCtrUj","no-results":"UrQTTF","noResults":"UrQTTF","icon":"BpTDes","title":"cqNR--"};
|
|
5117
5117
|
|
|
5118
5118
|
function DataTable(props) {
|
|
5119
5119
|
const { uuiModals } = uuiCore.useUuiContext();
|
|
@@ -5163,7 +5163,7 @@ function DataTable(props) {
|
|
|
5163
5163
|
: (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 })))));
|
|
5164
5164
|
}
|
|
5165
5165
|
|
|
5166
|
-
var css$m = {"root":"
|
|
5166
|
+
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"};
|
|
5167
5167
|
|
|
5168
5168
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5169
5169
|
const togglerPickerOpened = (e) => {
|
|
@@ -5388,7 +5388,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
5388
5388
|
renderFooter()));
|
|
5389
5389
|
}
|
|
5390
5390
|
|
|
5391
|
-
var css$l = {"container":"
|
|
5391
|
+
var css$l = {"container":"X0AMzp"};
|
|
5392
5392
|
|
|
5393
5393
|
function FilterNumericBody({ min, max, step, ...props }) {
|
|
5394
5394
|
const numericInputProps = { min, max, step };
|
|
@@ -5700,7 +5700,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5700
5700
|
}
|
|
5701
5701
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
5702
5702
|
|
|
5703
|
-
var css$k = {"delete-button":"
|
|
5703
|
+
var css$k = {"delete-button":"W7sXHA","deleteButton":"W7sXHA","tab-button":"P8oOHY","tabButton":"P8oOHY","targetOpen":"PNUhuR"};
|
|
5704
5704
|
|
|
5705
5705
|
function PresetActionsDropdown(props) {
|
|
5706
5706
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -5783,7 +5783,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5783
5783
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5784
5784
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5785
5785
|
|
|
5786
|
-
var css$j = {"preset-input-cell":"
|
|
5786
|
+
var css$j = {"preset-input-cell":"_6n1zob","presetInputCell":"_6n1zob","preset-input":"o0w7T6","presetInput":"o0w7T6"};
|
|
5787
5787
|
|
|
5788
5788
|
function PresetInput(props) {
|
|
5789
5789
|
const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
|
|
@@ -5810,7 +5810,7 @@ function PresetInput(props) {
|
|
|
5810
5810
|
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 })));
|
|
5811
5811
|
}
|
|
5812
5812
|
|
|
5813
|
-
var css$i = {"preset":"
|
|
5813
|
+
var css$i = {"preset":"I9ylmM","activePreset":"CUg-Rn"};
|
|
5814
5814
|
|
|
5815
5815
|
function Preset(props) {
|
|
5816
5816
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -5835,7 +5835,7 @@ function Preset(props) {
|
|
|
5835
5835
|
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 }))));
|
|
5836
5836
|
}
|
|
5837
5837
|
|
|
5838
|
-
var css$h = {"divider":"
|
|
5838
|
+
var css$h = {"divider":"y6-BdY","dropdownDeleteIcon":"eS5KBC","presetsWrapper":"-jz3rU","addPresetContainer":"bftp08","dropContainer":"c7XitO"};
|
|
5839
5839
|
|
|
5840
5840
|
function PresetsPanel(props) {
|
|
5841
5841
|
const [isAddingPreset, setIsAddingPreset] = React.useState(false);
|
|
@@ -5884,9 +5884,9 @@ function PresetsPanel(props) {
|
|
|
5884
5884
|
React__namespace.default.createElement(uuiComponents.AdaptivePanel, { items: getPanelItems() }))));
|
|
5885
5885
|
}
|
|
5886
5886
|
|
|
5887
|
-
var css$g = {"root":"
|
|
5887
|
+
var css$g = {"root":"A68gN9"};
|
|
5888
5888
|
|
|
5889
|
-
var css$f = {"root":"
|
|
5889
|
+
var css$f = {"root":"_52ghc3","burger-content":"SAwG7j","burgerContent":"SAwG7j"};
|
|
5890
5890
|
|
|
5891
5891
|
var _path$3;
|
|
5892
5892
|
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); }
|
|
@@ -5929,7 +5929,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5929
5929
|
};
|
|
5930
5930
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
5931
5931
|
|
|
5932
|
-
var css$e = {"root":"
|
|
5932
|
+
var css$e = {"root":"_1szTwY","button-primary":"aMldJ7","buttonPrimary":"aMldJ7","button-secondary":"GroDEm","buttonSecondary":"GroDEm","hasIcon":"AMOpTD","dropdown":"_2gOJ1A"};
|
|
5933
5933
|
|
|
5934
5934
|
function applyBurgerButtonMods(props) {
|
|
5935
5935
|
return [
|
|
@@ -5954,13 +5954,13 @@ const BurgerButton = /* @__PURE__ */React__namespace.default.forwardRef((props,
|
|
|
5954
5954
|
}, dropdownIcon: ForwardRef$2 }));
|
|
5955
5955
|
});
|
|
5956
5956
|
|
|
5957
|
-
var css$d = {"search-input":"
|
|
5957
|
+
var css$d = {"search-input":"ABpOax","searchInput":"ABpOax"};
|
|
5958
5958
|
|
|
5959
5959
|
function BurgerSearch(props) {
|
|
5960
5960
|
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 }));
|
|
5961
5961
|
}
|
|
5962
5962
|
|
|
5963
|
-
var css$c = {"root":"
|
|
5963
|
+
var css$c = {"root":"G1H2rq","group-header":"k-3Nov","groupHeader":"k-3Nov","group-name":"_66g9Fv","groupName":"_66g9Fv","line":"dmEgrb"};
|
|
5964
5964
|
|
|
5965
5965
|
function BurgerGroupHeader(props) {
|
|
5966
5966
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5968,7 +5968,7 @@ function BurgerGroupHeader(props) {
|
|
|
5968
5968
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5969
5969
|
}
|
|
5970
5970
|
|
|
5971
|
-
var css$b = {"root":"
|
|
5971
|
+
var css$b = {"root":"_4xnuDW","type-primary":"wi0yud","typePrimary":"wi0yud","type-secondary":"_9VRSxx","typeSecondary":"_9VRSxx"};
|
|
5972
5972
|
|
|
5973
5973
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5974
5974
|
const { type, ...clickableProps } = props;
|
|
@@ -5996,7 +5996,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5996
5996
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5997
5997
|
});
|
|
5998
5998
|
|
|
5999
|
-
var css$a = {"dropdown-body":"
|
|
5999
|
+
var css$a = {"dropdown-body":"ajpjE9","dropdownBody":"ajpjE9"};
|
|
6000
6000
|
|
|
6001
6001
|
function MainMenuDropdown(props) {
|
|
6002
6002
|
const handleEscape = (e, onClose, isOpen) => {
|
|
@@ -6042,12 +6042,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
6042
6042
|
};
|
|
6043
6043
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
6044
6044
|
|
|
6045
|
-
var css$9 = {"global-menu-btn":"
|
|
6045
|
+
var css$9 = {"global-menu-btn":"iPFHdf","globalMenuBtn":"iPFHdf","global-menu-icon":"g2ZAhi","globalMenuIcon":"g2ZAhi"};
|
|
6046
6046
|
|
|
6047
6047
|
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 },
|
|
6048
6048
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
6049
6049
|
|
|
6050
|
-
var css$8 = {"container":"
|
|
6050
|
+
var css$8 = {"container":"_35QFDZ","open":"wIhGjR","folding-arrow":"_8yYwEa","foldingArrow":"_8yYwEa"};
|
|
6051
6051
|
|
|
6052
6052
|
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 },
|
|
6053
6053
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -6055,15 +6055,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
6055
6055
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
6056
6056
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
6057
6057
|
|
|
6058
|
-
var css$7 = {"search-input":"
|
|
6058
|
+
var css$7 = {"search-input":"sIWjOH","searchInput":"sIWjOH"};
|
|
6059
6059
|
|
|
6060
6060
|
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 })) })));
|
|
6061
6061
|
|
|
6062
|
-
var css$6 = {"container":"
|
|
6062
|
+
var css$6 = {"container":"_6WmP2N"};
|
|
6063
6063
|
|
|
6064
6064
|
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 })));
|
|
6065
6065
|
|
|
6066
|
-
var css$5 = {"root":"
|
|
6066
|
+
var css$5 = {"root":"wE3yab"};
|
|
6067
6067
|
|
|
6068
6068
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
6069
6069
|
|
|
@@ -6121,7 +6121,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
6121
6121
|
};
|
|
6122
6122
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
6123
6123
|
|
|
6124
|
-
var css$4 = {"root":"
|
|
6124
|
+
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"};
|
|
6125
6125
|
|
|
6126
6126
|
function DropSpot(props) {
|
|
6127
6127
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -6139,7 +6139,7 @@ function DropSpot(props) {
|
|
|
6139
6139
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
6140
6140
|
}
|
|
6141
6141
|
|
|
6142
|
-
var css$3 = {"root":"
|
|
6142
|
+
var css$3 = {"root":"AyyvPx"};
|
|
6143
6143
|
|
|
6144
6144
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
6145
6145
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -6150,7 +6150,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
|
|
|
6150
6150
|
React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
6151
6151
|
});
|
|
6152
6152
|
|
|
6153
|
-
var css$2 = {"root":"
|
|
6153
|
+
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"};
|
|
6154
6154
|
|
|
6155
6155
|
const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
6156
6156
|
const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
|
|
@@ -6270,7 +6270,7 @@ const getErrorPageConfig = () => ({
|
|
|
6270
6270
|
},
|
|
6271
6271
|
});
|
|
6272
6272
|
|
|
6273
|
-
var css$1 = {"container":"
|
|
6273
|
+
var css$1 = {"container":"VGQyoz"};
|
|
6274
6274
|
|
|
6275
6275
|
const ErrorPage = (props) => {
|
|
6276
6276
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -6282,7 +6282,7 @@ const ErrorPage = (props) => {
|
|
|
6282
6282
|
props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
6283
6283
|
};
|
|
6284
6284
|
|
|
6285
|
-
var css = {"recovery-spinner":"
|
|
6285
|
+
var css = {"recovery-spinner":"SaXoWn","recoverySpinner":"SaXoWn","recovery-message":"w-sJ7M","recoveryMessage":"w-sJ7M","modal-blocker":"_7ki2Ln","modalBlocker":"_7ki2Ln","modalFadeIn":"ikD6VL"};
|
|
6286
6286
|
|
|
6287
6287
|
function ErrorHandler(props) {
|
|
6288
6288
|
const { uuiNotifications, uuiModals, uuiApi, uuiLayout } = uuiCore.useUuiContext();
|