@epam/uui 6.3.0 → 6.3.1
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/helpers.scss +3 -3
- package/assets/styles/index.scss +6 -6
- package/assets/styles/inputs.scss +70 -70
- package/assets/styles/typography.scss +184 -184
- 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/readme.md +9 -9
- package/stats.html +2 -2
- package/styles.css +1029 -1027
- package/styles.css.map +1 -1
package/index.esm.js
CHANGED
|
@@ -157,7 +157,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
157
157
|
xmlns: "http://www.w3.org/2000/svg",
|
|
158
158
|
ref: ref
|
|
159
159
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
160
|
-
clipPath: "url(#
|
|
160
|
+
clipPath: "url(#hicei867eaayu7zc8_a)"
|
|
161
161
|
}, _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
|
|
162
162
|
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",
|
|
163
163
|
fill: "#F5F6FA"
|
|
@@ -178,7 +178,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
178
178
|
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",
|
|
179
179
|
fill: "#1D1E26"
|
|
180
180
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
181
|
-
id: "
|
|
181
|
+
id: "hicei8f3owhh88tl_b",
|
|
182
182
|
style: {
|
|
183
183
|
maskType: "alpha"
|
|
184
184
|
},
|
|
@@ -191,7 +191,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
191
191
|
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",
|
|
192
192
|
fill: "#9BDEFF"
|
|
193
193
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
194
|
-
mask: "url(#
|
|
194
|
+
mask: "url(#hicei8f3owhh88tl_b)",
|
|
195
195
|
fillRule: "evenodd",
|
|
196
196
|
clipRule: "evenodd"
|
|
197
197
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -277,7 +277,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
277
277
|
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",
|
|
278
278
|
fill: "#fff"
|
|
279
279
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
280
|
-
id: "
|
|
280
|
+
id: "hicei867eaayu7zc8_a"
|
|
281
281
|
}, /*#__PURE__*/React.createElement("path", {
|
|
282
282
|
fill: "#fff",
|
|
283
283
|
transform: "translate(.552)",
|
|
@@ -928,14 +928,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
928
928
|
};
|
|
929
929
|
var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
930
930
|
|
|
931
|
-
var css$1w = {"root":"
|
|
931
|
+
var css$1w = {"root":"q81NXg","uui-spinner":"aSawZ7","uuiSpinner":"aSawZ7"};
|
|
932
932
|
|
|
933
933
|
function applySpinnerMods() {
|
|
934
934
|
return [css$1w.root, 'uui-spinner'];
|
|
935
935
|
}
|
|
936
936
|
const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
|
|
937
937
|
|
|
938
|
-
var css$1v = {"root":"
|
|
938
|
+
var css$1v = {"root":"tX0Cx5","loading-word":"LpvWng","loadingWord":"LpvWng","animated-loading":"WYZ6VB","animatedLoading":"WYZ6VB","skeleton_loading":"ymDJTM","skeletonLoading":"ymDJTM"};
|
|
939
939
|
|
|
940
940
|
const TextPlaceholder = (props) => {
|
|
941
941
|
const pattern = ' ';
|
|
@@ -952,7 +952,7 @@ const TextPlaceholder = (props) => {
|
|
|
952
952
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
953
953
|
};
|
|
954
954
|
|
|
955
|
-
var css$1u = {"root":"
|
|
955
|
+
var css$1u = {"root":"_6atkB5","line-height":"OQ81vG","lineHeight":"OQ81vG","font-size":"byoVK-","fontSize":"byoVK-"};
|
|
956
956
|
|
|
957
957
|
function applyTextMods(mods) {
|
|
958
958
|
return [
|
|
@@ -979,7 +979,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
|
|
|
979
979
|
};
|
|
980
980
|
});
|
|
981
981
|
|
|
982
|
-
var css$1t = {"root":"
|
|
982
|
+
var css$1t = {"root":"sL8FHg"};
|
|
983
983
|
|
|
984
984
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
985
985
|
|
|
@@ -1484,7 +1484,7 @@ const settings = {
|
|
|
1484
1484
|
textInput: textInputSettings,
|
|
1485
1485
|
};
|
|
1486
1486
|
|
|
1487
|
-
var css$1s = {"root":"
|
|
1487
|
+
var css$1s = {"root":"_6gOP-j"};
|
|
1488
1488
|
|
|
1489
1489
|
function applyButtonMods(mods) {
|
|
1490
1490
|
return [
|
|
@@ -1502,7 +1502,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
1502
1502
|
};
|
|
1503
1503
|
});
|
|
1504
1504
|
|
|
1505
|
-
var css$1r = {"root":"
|
|
1505
|
+
var css$1r = {"root":"uk-SwI"};
|
|
1506
1506
|
|
|
1507
1507
|
function applyIconButtonMods(props) {
|
|
1508
1508
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -1539,7 +1539,7 @@ function getIconClass(props) {
|
|
|
1539
1539
|
return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
|
|
1540
1540
|
}
|
|
1541
1541
|
|
|
1542
|
-
var css$1q = {"root":"
|
|
1542
|
+
var css$1q = {"root":"_1lsq8k"};
|
|
1543
1543
|
|
|
1544
1544
|
const DEFAULT_COLOR = 'primary';
|
|
1545
1545
|
const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -1569,7 +1569,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1569
1569
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1570
1570
|
});
|
|
1571
1571
|
|
|
1572
|
-
var css$1p = {"root":"
|
|
1572
|
+
var css$1p = {"root":"_3rOezU"};
|
|
1573
1573
|
|
|
1574
1574
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1575
1575
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1581,7 +1581,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1581
1581
|
]) }, props.caption));
|
|
1582
1582
|
});
|
|
1583
1583
|
|
|
1584
|
-
var css$1o = {"root":"
|
|
1584
|
+
var css$1o = {"root":"E4aDmz","withNotify":"hBLeej"};
|
|
1585
1585
|
|
|
1586
1586
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, refExternal) => {
|
|
1587
1587
|
const refLocal = React__default.useRef(null);
|
|
@@ -1628,13 +1628,13 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, refExternal)
|
|
|
1628
1628
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1629
1629
|
});
|
|
1630
1630
|
|
|
1631
|
-
var css$1n = {"root":"
|
|
1631
|
+
var css$1n = {"root":"_3fCuzD","noLeftPadding":"AXdwiA","foldingArea":"FDqszx","onlyFoldable":"_36ENZj","captionWrapper":"hQUS4-","withNotify":"x0g2Et"};
|
|
1632
1632
|
|
|
1633
|
-
var css$1m = {"root":"
|
|
1633
|
+
var css$1m = {"root":"eICEHK"};
|
|
1634
1634
|
|
|
1635
1635
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1m.root]);
|
|
1636
1636
|
|
|
1637
|
-
var css$1l = {"root":"
|
|
1637
|
+
var css$1l = {"root":"_6EKP9S"};
|
|
1638
1638
|
|
|
1639
1639
|
const DEFAULT_FILL = 'solid';
|
|
1640
1640
|
function applyBadgeMods(mods) {
|
|
@@ -1662,7 +1662,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1662
1662
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1663
1663
|
});
|
|
1664
1664
|
|
|
1665
|
-
var css$1k = {"root":"
|
|
1665
|
+
var css$1k = {"root":"r4wCPX"};
|
|
1666
1666
|
|
|
1667
1667
|
function applyTagMods(props) {
|
|
1668
1668
|
return [
|
|
@@ -1690,7 +1690,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1690
1690
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1691
1691
|
});
|
|
1692
1692
|
|
|
1693
|
-
var css$1j = {"root":"
|
|
1693
|
+
var css$1j = {"root":"mcySYP","page":"MOs1r0","spacer":"_5QEOm4","mode-ghost":"zODZyj","modeGhost":"zODZyj"};
|
|
1694
1694
|
|
|
1695
1695
|
function Paginator(props) {
|
|
1696
1696
|
const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx(css$1j.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
@@ -1707,14 +1707,14 @@ function Paginator(props) {
|
|
|
1707
1707
|
return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
|
|
1708
1708
|
}
|
|
1709
1709
|
|
|
1710
|
-
var css$1i = {"root":"
|
|
1710
|
+
var css$1i = {"root":"s3plZG","progress-bar":"vjJRo2","progressBar":"vjJRo2","progressBar-indeterminate":"WkHkwo","progressBarIndeterminate":"WkHkwo","size-12":"ZklAd2","size12":"ZklAd2","size-18":"H0w7Td","size18":"H0w7Td","size-24":"yudSfL","size24":"yudSfL"};
|
|
1711
1711
|
|
|
1712
1712
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1713
1713
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$1i.root, css$1i[`size-${props.size || 12}`]) },
|
|
1714
1714
|
React.createElement("div", { className: cx(css$1i.progressBar) })));
|
|
1715
1715
|
});
|
|
1716
1716
|
|
|
1717
|
-
var css$1h = {"root":"
|
|
1717
|
+
var css$1h = {"root":"o4oDVE","striped":"_-4ThKH","animate-stripes":"Xf3EGd","animateStripes":"Xf3EGd","size-12":"_93guqG","size12":"_93guqG","size-18":"uI-ij-","size18":"uI-ij-","size-24":"aNbA-L","size24":"aNbA-L"};
|
|
1718
1718
|
|
|
1719
1719
|
const DEFAULT_SIZE = '12';
|
|
1720
1720
|
function applyProgressBarMods(mods) {
|
|
@@ -1729,14 +1729,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
1729
1729
|
hideLabel: props.hideLabel || props.striped,
|
|
1730
1730
|
}));
|
|
1731
1731
|
|
|
1732
|
-
var css$1g = {"root":"
|
|
1732
|
+
var css$1g = {"root":"Eo7a2N"};
|
|
1733
1733
|
|
|
1734
1734
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1735
1735
|
const { progress } = props;
|
|
1736
1736
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$1g.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$1g.root, props.cx) }));
|
|
1737
1737
|
});
|
|
1738
1738
|
|
|
1739
|
-
var css$1f = {"root":"
|
|
1739
|
+
var css$1f = {"root":"_1DokyX"};
|
|
1740
1740
|
|
|
1741
1741
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1742
1742
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1751,7 +1751,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1751
1751
|
React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
1752
1752
|
});
|
|
1753
1753
|
|
|
1754
|
-
var css$1e = {"root":"
|
|
1754
|
+
var css$1e = {"root":"aAyymM"};
|
|
1755
1755
|
|
|
1756
1756
|
function applyCheckboxMods(mods) {
|
|
1757
1757
|
return [
|
|
@@ -1769,7 +1769,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1769
1769
|
};
|
|
1770
1770
|
const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1771
1771
|
|
|
1772
|
-
var css$1d = {"root":"
|
|
1772
|
+
var css$1d = {"root":"-DKtr0"};
|
|
1773
1773
|
|
|
1774
1774
|
function applyRadioInputMods(mods) {
|
|
1775
1775
|
return [
|
|
@@ -1781,7 +1781,7 @@ function applyRadioInputMods(mods) {
|
|
|
1781
1781
|
}
|
|
1782
1782
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1783
1783
|
|
|
1784
|
-
var css$1c = {"root":"
|
|
1784
|
+
var css$1c = {"root":"BCYGx0"};
|
|
1785
1785
|
|
|
1786
1786
|
function applySwitchMods(mods) {
|
|
1787
1787
|
return [
|
|
@@ -1805,7 +1805,7 @@ var EditMode;
|
|
|
1805
1805
|
EditMode["INLINE"] = "inline";
|
|
1806
1806
|
})(EditMode || (EditMode = {}));
|
|
1807
1807
|
|
|
1808
|
-
var textInputCss = {"root":"
|
|
1808
|
+
var textInputCss = {"root":"_9M-jBw"};
|
|
1809
1809
|
|
|
1810
1810
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1811
1811
|
function applyTextInputMods(mods) {
|
|
@@ -1830,7 +1830,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1830
1830
|
} }));
|
|
1831
1831
|
});
|
|
1832
1832
|
|
|
1833
|
-
var css$1b = {"root":"
|
|
1833
|
+
var css$1b = {"root":"BRliMG"};
|
|
1834
1834
|
|
|
1835
1835
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1b.root, 'uui-control-group']);
|
|
1836
1836
|
|
|
@@ -1846,7 +1846,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1846
1846
|
}
|
|
1847
1847
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
1848
1848
|
|
|
1849
|
-
var css$1a = {"root":"
|
|
1849
|
+
var css$1a = {"root":"MmanhM"};
|
|
1850
1850
|
|
|
1851
1851
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1852
1852
|
function applyNumericInputMods(mods) {
|
|
@@ -1866,7 +1866,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
1866
1866
|
};
|
|
1867
1867
|
});
|
|
1868
1868
|
|
|
1869
|
-
var css$19 = {"root":"
|
|
1869
|
+
var css$19 = {"root":"_4vjOWZ"};
|
|
1870
1870
|
|
|
1871
1871
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1872
1872
|
function applyTextAreaMods(mods) {
|
|
@@ -1907,7 +1907,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1907
1907
|
};
|
|
1908
1908
|
}
|
|
1909
1909
|
|
|
1910
|
-
var css$18 = {"root":"
|
|
1910
|
+
var css$18 = {"root":"I9-1iQ"};
|
|
1911
1911
|
|
|
1912
1912
|
function applyDropdownContainerMods(mods) {
|
|
1913
1913
|
return [
|
|
@@ -1918,7 +1918,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1918
1918
|
}
|
|
1919
1919
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
1920
1920
|
|
|
1921
|
-
var css$17 = {"root":"
|
|
1921
|
+
var css$17 = {"root":"ZOJ0YA","timepicker-input":"e-YUzP","timepickerInput":"e-YUzP","ltr-always":"_1Ox0Mq","ltrAlways":"_1Ox0Mq"};
|
|
1922
1922
|
|
|
1923
1923
|
const uuiTimePicker = {
|
|
1924
1924
|
container: 'uui-timepicker-container',
|
|
@@ -2112,7 +2112,7 @@ function TimePickerComponent(props, ref) {
|
|
|
2112
2112
|
}
|
|
2113
2113
|
const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
|
|
2114
2114
|
|
|
2115
|
-
var css$16 = {"root":"
|
|
2115
|
+
var css$16 = {"root":"IoU-Ru"};
|
|
2116
2116
|
|
|
2117
2117
|
function applyInputAddonMods() {
|
|
2118
2118
|
return [
|
|
@@ -2121,14 +2121,14 @@ function applyInputAddonMods() {
|
|
|
2121
2121
|
}
|
|
2122
2122
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
2123
2123
|
|
|
2124
|
-
var css$15 = {"root":"
|
|
2124
|
+
var css$15 = {"root":"-AAfN7"};
|
|
2125
2125
|
|
|
2126
2126
|
function applySliderMods() {
|
|
2127
2127
|
return [css$15.root, 'uui-color-neutral'];
|
|
2128
2128
|
}
|
|
2129
2129
|
const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
|
|
2130
2130
|
|
|
2131
|
-
var css$14 = {"root":"
|
|
2131
|
+
var css$14 = {"root":"vuRe-y"};
|
|
2132
2132
|
|
|
2133
2133
|
function applyTooltipMods(mods) {
|
|
2134
2134
|
return [
|
|
@@ -2138,7 +2138,7 @@ function applyTooltipMods(mods) {
|
|
|
2138
2138
|
}
|
|
2139
2139
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
2140
2140
|
|
|
2141
|
-
var css$13 = {"root":"
|
|
2141
|
+
var css$13 = {"root":"_3YNKaf","tooltip":"B2RbXC"};
|
|
2142
2142
|
|
|
2143
2143
|
function applyRatingMods(mods) {
|
|
2144
2144
|
return [
|
|
@@ -2152,7 +2152,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
|
|
|
2152
2152
|
Tooltip,
|
|
2153
2153
|
}));
|
|
2154
2154
|
|
|
2155
|
-
var css$12 = {"drag-handle-wrapper":"
|
|
2155
|
+
var css$12 = {"drag-handle-wrapper":"p47bqp","dragHandleWrapper":"p47bqp","with-indent":"ifaQSF","withIndent":"ifaQSF","drag-handle":"JV6flR","dragHandle":"JV6flR","icon-container":"VpLXPg","iconContainer":"VpLXPg"};
|
|
2156
2156
|
|
|
2157
2157
|
function DataRowAddons(props) {
|
|
2158
2158
|
const row = props.rowProps;
|
|
@@ -2229,7 +2229,7 @@ function VerticalTabButtonComponent(props, ref) {
|
|
|
2229
2229
|
}
|
|
2230
2230
|
const VerticalTabButton = /* @__PURE__ */React__default.forwardRef(VerticalTabButtonComponent);
|
|
2231
2231
|
|
|
2232
|
-
var css$11 = {"root":"
|
|
2232
|
+
var css$11 = {"root":"qQbFvx","main-path":"kYDASw","mainPath":"kYDASw","content-wrapper":"d8lhmY","contentWrapper":"d8lhmY","content":"fo8ze2","action-wrapper":"U2aFgx","actionWrapper":"U2aFgx","icon-wrapper":"kIJK-A","iconWrapper":"kIJK-A","icon":"JApauQ","close-icon":"aA-jXD","closeIcon":"aA-jXD"};
|
|
2233
2233
|
|
|
2234
2234
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$11.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
2235
2235
|
React.createElement("div", { className: css$11.mainPath },
|
|
@@ -2247,7 +2247,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
2247
2247
|
|
|
2248
2248
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
2249
2249
|
|
|
2250
|
-
var css$10 = {"submenu-root-item-rtl":"
|
|
2250
|
+
var css$10 = {"submenu-root-item-rtl":"hR-QP9","submenuRootItemRtl":"hR-QP9","icon-after":"OQaI7N","iconAfter":"OQaI7N","submenu-root-item":"ARhjyS","submenuRootItem":"ARhjyS","icon-check":"MzRMYQ","iconCheck":"MzRMYQ","splitter-root":"tv1Dl5","splitterRoot":"tv1Dl5","splitter":"nCvWnG","header-root":"-wnjXT","headerRoot":"-wnjXT","item-root":"_7ohDM9","itemRoot":"_7ohDM9","icon":"OKtLUS","link":"_9cX1Ag","indent":"_3AiFA8","selected-mark":"QC7HMp","selectedMark":"QC7HMp"};
|
|
2251
2251
|
|
|
2252
2252
|
var IDropdownControlKeys;
|
|
2253
2253
|
(function (IDropdownControlKeys) {
|
|
@@ -2381,7 +2381,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2381
2381
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
2382
2382
|
}
|
|
2383
2383
|
|
|
2384
|
-
var css$$ = {"root":"
|
|
2384
|
+
var css$$ = {"root":"_6PQbDB","mode-block":"L2ukY9","modeBlock":"L2ukY9","mode-inline":"ECkuJa","modeInline":"ECkuJa","padding-0":"oOHXKp","padding0":"oOHXKp","padding-6":"SDIJ-V","padding6":"SDIJ-V","padding-12":"_94Ys8b","padding12":"_94Ys8b","padding-18":"Cy-Yzt","padding18":"Cy-Yzt"};
|
|
2385
2385
|
|
|
2386
2386
|
function applyAccordionMods(mods) {
|
|
2387
2387
|
return [
|
|
@@ -2394,7 +2394,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
2394
2394
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2395
2395
|
}));
|
|
2396
2396
|
|
|
2397
|
-
var css$_ = {"root":"
|
|
2397
|
+
var css$_ = {"root":"ap-2nK","align-items":"DnOVnb","alignItems":"DnOVnb","justify-content":"_1aKt9k","justifyContent":"_1aKt9k","border-top":"jsseLL","borderTop":"jsseLL","border-bottom":"EV6ZjA","borderBottom":"EV6ZjA","top-shadow":"fMeNAt","topShadow":"fMeNAt","padding":"sFr-Fr","margin":"_4rReVQ","vPadding":"ZojVsY","column-gap":"gdKbpH","columnGap":"gdKbpH","row-gap":"Ca-VtG","rowGap":"Ca-VtG","spacing":"KRvhXW"};
|
|
2398
2398
|
|
|
2399
2399
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$_.flexCell]);
|
|
2400
2400
|
|
|
@@ -2446,7 +2446,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2446
2446
|
} }, props.children));
|
|
2447
2447
|
});
|
|
2448
2448
|
|
|
2449
|
-
var css$Z = {"root":"
|
|
2449
|
+
var css$Z = {"root":"s9u8hG","margin-24":"VubwqG","margin24":"VubwqG","padding-12":"yECNX-","padding12":"yECNX-","padding-24":"pzzeE5","padding24":"pzzeE5","shadow":"RpEITe","uui-surface-main":"vdXtnk","uuiSurfaceMain":"vdXtnk"};
|
|
2450
2450
|
|
|
2451
2451
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
2452
2452
|
'uui-panel',
|
|
@@ -2456,7 +2456,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
2456
2456
|
props.background && css$Z[`uui-${props.background}`],
|
|
2457
2457
|
]);
|
|
2458
2458
|
|
|
2459
|
-
var css$Y = {"root":"
|
|
2459
|
+
var css$Y = {"root":"_4xKIXG"};
|
|
2460
2460
|
|
|
2461
2461
|
function applyLabeledInputMods(mods) {
|
|
2462
2462
|
return [
|
|
@@ -2473,7 +2473,7 @@ function applyLabeledInputProps(props) {
|
|
|
2473
2473
|
}
|
|
2474
2474
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2475
2475
|
|
|
2476
|
-
var css$X = {"root":"
|
|
2476
|
+
var css$X = {"root":"XV08r0"};
|
|
2477
2477
|
|
|
2478
2478
|
function RadioGroup(props) {
|
|
2479
2479
|
const direction = props.direction || 'vertical';
|
|
@@ -2488,7 +2488,7 @@ function RadioGroup(props) {
|
|
|
2488
2488
|
})));
|
|
2489
2489
|
}
|
|
2490
2490
|
|
|
2491
|
-
var css$W = {"root":"
|
|
2491
|
+
var css$W = {"root":"LJvO0J","viewport":"WS08dq"};
|
|
2492
2492
|
|
|
2493
2493
|
var uuiScrollbars;
|
|
2494
2494
|
(function (uuiScrollbars) {
|
|
@@ -2558,7 +2558,7 @@ const ScrollBars = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2558
2558
|
});
|
|
2559
2559
|
ScrollBars.displayName = 'ScrollBars';
|
|
2560
2560
|
|
|
2561
|
-
var css$V = {"scroll-container":"
|
|
2561
|
+
var css$V = {"scroll-container":"trLwuQ","scrollContainer":"trLwuQ","list-container":"_8fY7le","listContainer":"_8fY7le"};
|
|
2562
2562
|
|
|
2563
2563
|
const VirtualList = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
2564
2564
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
|
|
@@ -2611,7 +2611,7 @@ function Tree(props) {
|
|
|
2611
2611
|
return (React.createElement(VirtualList, { value: value, onValueChange: onValueChange, rowsCount: rowsCount, rows: renderedRows, cx: cx$1(propsCx), role: "tree" }));
|
|
2612
2612
|
}
|
|
2613
2613
|
|
|
2614
|
-
var css$U = {"root":"
|
|
2614
|
+
var css$U = {"root":"k86vxv"};
|
|
2615
2615
|
|
|
2616
2616
|
function CheckboxGroup(props) {
|
|
2617
2617
|
const currentValue = props.value || [];
|
|
@@ -2713,7 +2713,7 @@ const Tabs = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2713
2713
|
});
|
|
2714
2714
|
Tabs.displayName = 'Tabs';
|
|
2715
2715
|
|
|
2716
|
-
var css$T = {"root":"
|
|
2716
|
+
var css$T = {"root":"R1qIKu","modal-blocker":"oYAxKl","modalBlocker":"oYAxKl","animateModalBlocker":"gCC3Vp","modal":"NChdlF","modal-footer":"gQVrMC","modalFooter":"gQVrMC","border-top":"gtsH59","borderTop":"gtsH59","modal-header":"_09A5AL","modalHeader":"_09A5AL","border-bottom":"n7jjVR","borderBottom":"n7jjVR"};
|
|
2717
2717
|
|
|
2718
2718
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$T.modalBlocker]);
|
|
2719
2719
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$T.root, css$T.modal], (props) => {
|
|
@@ -2905,7 +2905,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2905
2905
|
});
|
|
2906
2906
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2907
2907
|
|
|
2908
|
-
var css$S = {"root":"
|
|
2908
|
+
var css$S = {"root":"tFqyuu","icon-wrapper":"oUQriM","iconWrapper":"oUQriM","action-wrapper":"ueSQ8c","actionWrapper":"ueSQ8c","close-icon":"_6eNkLg","closeIcon":"_6eNkLg","main-path":"mw30oe","mainPath":"mw30oe","content":"KxMprA","close-wrapper":"xLTRzz","closeWrapper":"xLTRzz","clear-notifications":"-igb8x","clearNotifications":"-igb8x"};
|
|
2909
2909
|
|
|
2910
2910
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
2911
2911
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -2938,7 +2938,7 @@ function ClearNotification() {
|
|
|
2938
2938
|
React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2939
2939
|
}
|
|
2940
2940
|
|
|
2941
|
-
var css$R = {"footer":"
|
|
2941
|
+
var css$R = {"footer":"sTPayW"};
|
|
2942
2942
|
|
|
2943
2943
|
class ConfirmationModal extends React.Component {
|
|
2944
2944
|
render() {
|
|
@@ -2980,7 +2980,7 @@ function useReliableForceUpdate() {
|
|
|
2980
2980
|
return red[1];
|
|
2981
2981
|
}
|
|
2982
2982
|
|
|
2983
|
-
var css$Q = {"root":"
|
|
2983
|
+
var css$Q = {"root":"NqfEPK","container":"qlxhN-"};
|
|
2984
2984
|
|
|
2985
2985
|
const defaultFormat = 'MMM D, YYYY';
|
|
2986
2986
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -3198,14 +3198,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
3198
3198
|
React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
3199
3199
|
}
|
|
3200
3200
|
|
|
3201
|
-
var css$P = {"root":"
|
|
3201
|
+
var css$P = {"root":"e9n0iE"};
|
|
3202
3202
|
|
|
3203
3203
|
function applyDateSelectionMods() {
|
|
3204
3204
|
return [css$P.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
3205
3205
|
}
|
|
3206
3206
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
3207
3207
|
|
|
3208
|
-
var css$O = {"root":"
|
|
3208
|
+
var css$O = {"root":"RtXxRP"};
|
|
3209
3209
|
|
|
3210
3210
|
const uuiDatePickerBody = {
|
|
3211
3211
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -3326,7 +3326,7 @@ function DatePickerComponent(props, ref) {
|
|
|
3326
3326
|
}
|
|
3327
3327
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
3328
3328
|
|
|
3329
|
-
var css$N = {"date-input":"
|
|
3329
|
+
var css$N = {"date-input":"Qmi952","dateInput":"Qmi952","root":"c8Uueg","separator":"wOOKpz"};
|
|
3330
3330
|
|
|
3331
3331
|
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, preventEmptyFromDate, preventEmptyToDate, id, cx: classes, }, ref) => {
|
|
3332
3332
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3397,7 +3397,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
3397
3397
|
React__default.createElement(TextInput, { cx: cx$1(css$N.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.rangeDatePicker.sizes.default, value: inputValue.to || undefined, 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 })));
|
|
3398
3398
|
});
|
|
3399
3399
|
|
|
3400
|
-
var css$M = {"root":"
|
|
3400
|
+
var css$M = {"root":"uIPHQO"};
|
|
3401
3401
|
|
|
3402
3402
|
const uuiPresets = {
|
|
3403
3403
|
container: 'uui-presets-container',
|
|
@@ -3417,7 +3417,7 @@ function CalendarPresets(props) {
|
|
|
3417
3417
|
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
3418
3418
|
}
|
|
3419
3419
|
|
|
3420
|
-
var css$L = {"root":"
|
|
3420
|
+
var css$L = {"root":"oAaYcl","container":"mktP22","day-selection":"vlDlCk","daySelection":"vlDlCk","from-picker":"TkrR7k","fromPicker":"TkrR7k","to-picker":"m7Wf5o","toPicker":"m7Wf5o","bodes-wrapper":"j7PcOy","bodesWrapper":"j7PcOy","blocker":"RD1Woy"};
|
|
3421
3421
|
|
|
3422
3422
|
const uuiRangeDatePickerBody = {
|
|
3423
3423
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3619,7 +3619,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3619
3619
|
};
|
|
3620
3620
|
};
|
|
3621
3621
|
|
|
3622
|
-
var css$K = {"dropdown-container":"
|
|
3622
|
+
var css$K = {"dropdown-container":"ulbVn2","dropdownContainer":"ulbVn2"};
|
|
3623
3623
|
|
|
3624
3624
|
function RangeDatePickerComponent(props, ref) {
|
|
3625
3625
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3687,7 +3687,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3687
3687
|
}
|
|
3688
3688
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3689
3689
|
|
|
3690
|
-
var css$J = {"root":"
|
|
3690
|
+
var css$J = {"root":"JT1DSu","blocker":"DKmFCr","marker":"wSNZAd","top":"JqFkPc","bottom":"ctfwAV","left":"dgyY-G","right":"-HZAP5","inside":"mQ02Ti"};
|
|
3691
3691
|
|
|
3692
3692
|
function DropMarker(props) {
|
|
3693
3693
|
return props.isDndInProgress
|
|
@@ -3702,9 +3702,9 @@ function DropMarker(props) {
|
|
|
3702
3702
|
: null;
|
|
3703
3703
|
}
|
|
3704
3704
|
|
|
3705
|
-
var css$I = {"search-wrapper":"
|
|
3705
|
+
var css$I = {"search-wrapper":"_3uPUth","searchWrapper":"_3uPUth","no-data":"-nyrgX","noData":"-nyrgX"};
|
|
3706
3706
|
|
|
3707
|
-
var css$H = {"picker-row":"
|
|
3707
|
+
var css$H = {"picker-row":"n86yn9","pickerRow":"n86yn9","align-widgets-top":"OzIkUE","alignWidgetsTop":"OzIkUE","row-content":"_1u6ksV","rowContent":"_1u6ksV","align-widgets-center":"Rsq5fu","alignWidgetsCenter":"Rsq5fu","icon-container":"-KtaW1","iconContainer":"-KtaW1","content-wrapper":"W1rQQd","contentWrapper":"W1rQQd","icon-wrapper":"zv-RHL","iconWrapper":"zv-RHL","icon-default":"_3VdvP8","iconDefault":"_3VdvP8","selected-mark":"d13459","selectedMark":"d13459"};
|
|
3708
3708
|
|
|
3709
3709
|
const mergeHighlightRanges = (ranges) => {
|
|
3710
3710
|
const mergedRanges = [];
|
|
@@ -3771,7 +3771,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3771
3771
|
return getDecoratedText(str, ranges);
|
|
3772
3772
|
};
|
|
3773
3773
|
|
|
3774
|
-
var css$G = {"root":"
|
|
3774
|
+
var css$G = {"root":"M-rUkA","column-gap":"Q-YwVF","columnGap":"Q-YwVF","title":"IwfQ5u","subtitle":"TibkeU","disabled":"XZXvlo","multiline":"ngwx3F"};
|
|
3775
3775
|
|
|
3776
3776
|
function PickerItem(props) {
|
|
3777
3777
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3944,7 +3944,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3944
3944
|
}
|
|
3945
3945
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
3946
3946
|
|
|
3947
|
-
var css$F = {"header":"
|
|
3947
|
+
var css$F = {"header":"B2qlMl","title":"MuoHEK","close":"ggO-wF"};
|
|
3948
3948
|
|
|
3949
3949
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3950
3950
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3954,7 +3954,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3954
3954
|
};
|
|
3955
3955
|
const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
|
|
3956
3956
|
|
|
3957
|
-
var css$E = {"done":"
|
|
3957
|
+
var css$E = {"done":"_1ZKYor","container":"_9uBP7f"};
|
|
3958
3958
|
|
|
3959
3959
|
const PickerBodyMobileView = (props) => {
|
|
3960
3960
|
const isMobileView = isMobile();
|
|
@@ -3966,7 +3966,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
3966
3966
|
isMobileView && (React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
3967
3967
|
};
|
|
3968
3968
|
|
|
3969
|
-
var css$D = {"sub-header-wrapper":"
|
|
3969
|
+
var css$D = {"sub-header-wrapper":"VsqsbP","subHeaderWrapper":"VsqsbP","switch":"OtYuI-","no-found-modal-container":"lYAdNj","noFoundModalContainer":"lYAdNj","no-found-modal-container-icon":"_5MPGsr","noFoundModalContainerIcon":"_5MPGsr","no-found-modal-container-text":"_53bfMM","noFoundModalContainerText":"_53bfMM","body":"h-Vf7M"};
|
|
3970
3970
|
|
|
3971
3971
|
function PickerModal(props) {
|
|
3972
3972
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
|
|
@@ -4012,7 +4012,7 @@ function PickerModal(props) {
|
|
|
4012
4012
|
React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
4013
4013
|
}
|
|
4014
4014
|
|
|
4015
|
-
var css$C = {"tooltip":"
|
|
4015
|
+
var css$C = {"tooltip":"g4fIzj"};
|
|
4016
4016
|
|
|
4017
4017
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4018
4018
|
const tagProps = {
|
|
@@ -4031,7 +4031,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
4031
4031
|
}
|
|
4032
4032
|
});
|
|
4033
4033
|
|
|
4034
|
-
var css$B = {"root":"
|
|
4034
|
+
var css$B = {"root":"JAVuYn"};
|
|
4035
4035
|
|
|
4036
4036
|
const defaultMode = EditMode.FORM;
|
|
4037
4037
|
function applyPickerTogglerMods(mods) {
|
|
@@ -4113,7 +4113,7 @@ function PickerInputComponent(props, ref) {
|
|
|
4113
4113
|
}
|
|
4114
4114
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
4115
4115
|
|
|
4116
|
-
var css$A = {"row":"
|
|
4116
|
+
var css$A = {"row":"zugrfa"};
|
|
4117
4117
|
|
|
4118
4118
|
function PickerListRow(props) {
|
|
4119
4119
|
let label;
|
|
@@ -4133,7 +4133,7 @@ function PickerListRow(props) {
|
|
|
4133
4133
|
return (React__default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
|
|
4134
4134
|
}
|
|
4135
4135
|
|
|
4136
|
-
var css$z = {"root":"
|
|
4136
|
+
var css$z = {"root":"yW1FgL"};
|
|
4137
4137
|
|
|
4138
4138
|
function PickerList(props) {
|
|
4139
4139
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -4168,7 +4168,7 @@ function PickerList(props) {
|
|
|
4168
4168
|
}, selectedRows)));
|
|
4169
4169
|
}
|
|
4170
4170
|
|
|
4171
|
-
var css$y = {"root":"
|
|
4171
|
+
var css$y = {"root":"AV-t05","wrapper":"LVQzVv","align-widgets-top":"_76hfvD","alignWidgetsTop":"_76hfvD","align-widgets-center":"HqHk95","alignWidgetsCenter":"HqHk95"};
|
|
4172
4172
|
|
|
4173
4173
|
function DataTableCell(initialProps) {
|
|
4174
4174
|
const props = { ...initialProps };
|
|
@@ -4218,7 +4218,7 @@ function DataTableCell(initialProps) {
|
|
|
4218
4218
|
return React.createElement(DataTableCell$1, { ...props });
|
|
4219
4219
|
}
|
|
4220
4220
|
|
|
4221
|
-
var css$x = {"root":"
|
|
4221
|
+
var css$x = {"root":"SWO5JN"};
|
|
4222
4222
|
|
|
4223
4223
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4224
4224
|
// 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.
|
|
@@ -4234,7 +4234,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
4234
4234
|
];
|
|
4235
4235
|
}, () => propsMods);
|
|
4236
4236
|
|
|
4237
|
-
var css$w = {"sorting-panel-container":"
|
|
4237
|
+
var css$w = {"sorting-panel-container":"fHU-1Q","sortingPanelContainer":"fHU-1Q"};
|
|
4238
4238
|
|
|
4239
4239
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
4240
4240
|
const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4254,7 +4254,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4254
4254
|
};
|
|
4255
4255
|
const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
|
|
4256
4256
|
|
|
4257
|
-
var css$v = {"root":"
|
|
4257
|
+
var css$v = {"root":"ozuVAj","caption-wrapper":"vHT4Ig","captionWrapper":"vHT4Ig","sort-icon":"HORUZ3","sortIcon":"HORUZ3","dropdown-icon":"_1L1tLS","dropdownIcon":"_1L1tLS","infoIcon":"RHHu4N","align-right":"Z4Hc2q","alignRight":"Z4Hc2q","align-center":"opPQm5","alignCenter":"opPQm5","caption":"gbGK5c","truncate":"G5i6Jr","upper-case":"_8GqCQM","upperCase":"_8GqCQM","checkbox":"Nr-bJz","icon":"_2-FWaa","fold-all-icon":"JEa5eY","foldAllIcon":"JEa5eY","cell-tooltip":"zgRKF9","cellTooltip":"zgRKF9","resizing-marker":"SMJV-f","resizingMarker":"SMJV-f","pinned-right":"ouJCWX","pinnedRight":"ouJCWX","draggable":"HN4cjV","ghost":"oo-xLa","is-dragged-out":"v5Ig38","isDraggedOut":"v5Ig38","dnd-marker-left":"BjibIG","dndMarkerLeft":"BjibIG","dnd-marker-right":"_1v1yKg","dndMarkerRight":"_1v1yKg","cell-tooltip-wrapper":"fC58tu","cellTooltipWrapper":"fC58tu","cell-tooltip-text":"eMASvm","cellTooltipText":"eMASvm","tooltip-caption":"geXjGG","tooltipCaption":"geXjGG","tooltip-info":"PFlVUq","tooltipInfo":"PFlVUq"};
|
|
4258
4258
|
|
|
4259
4259
|
class DataTableHeaderCell extends React.Component {
|
|
4260
4260
|
constructor() {
|
|
@@ -4348,7 +4348,7 @@ class DataTableHeaderCell extends React.Component {
|
|
|
4348
4348
|
}
|
|
4349
4349
|
}
|
|
4350
4350
|
|
|
4351
|
-
var css$u = {"root":"
|
|
4351
|
+
var css$u = {"root":"FiaHii","caption-wrapper":"_1xCvgX","captionWrapper":"_1xCvgX","align-center":"_1GeYcv","alignCenter":"_1GeYcv","caption":"LXuw0c","truncate":"UR9VW7","upper-case":"bCDwvZ","upperCase":"bCDwvZ","group-cell-tooltip":"CbpXWb","groupCellTooltip":"CbpXWb","group-cell-tooltip-wrapper":"g-1KjA","groupCellTooltipWrapper":"g-1KjA","group-cell-tooltip-text":"ht23fN","groupCellTooltipText":"ht23fN","tooltip-caption":"TJyncB","tooltipCaption":"TJyncB","tooltip-info":"VGb9Sb","tooltipInfo":"VGb9Sb"};
|
|
4352
4352
|
|
|
4353
4353
|
class DataTableHeaderGroupCell extends React.Component {
|
|
4354
4354
|
constructor() {
|
|
@@ -4388,7 +4388,7 @@ class DataTableHeaderGroupCell extends React.Component {
|
|
|
4388
4388
|
}
|
|
4389
4389
|
}
|
|
4390
4390
|
|
|
4391
|
-
var css$t = {"root":"
|
|
4391
|
+
var css$t = {"root":"rU4otq"};
|
|
4392
4392
|
|
|
4393
4393
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4394
4394
|
renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4484,7 +4484,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4484
4484
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4485
4485
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4486
4486
|
|
|
4487
|
-
var css$s = {"body":"
|
|
4487
|
+
var css$s = {"body":"VBOdST","header":"j2V9vY","title":"UOAHC1","removeButton":"q4jR4F","with-search":"ZZAI8r","withSearch":"ZZAI8r"};
|
|
4488
4488
|
|
|
4489
4489
|
function FilterColumnBody(props) {
|
|
4490
4490
|
const [predicate, setPredicate] = useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4545,7 +4545,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4545
4545
|
return columns;
|
|
4546
4546
|
};
|
|
4547
4547
|
|
|
4548
|
-
var css$r = {"unpin-icon":"
|
|
4548
|
+
var css$r = {"unpin-icon":"D1A8bo","unpinIcon":"D1A8bo","pin-toggler-icon":"r9EnmR","pinTogglerIcon":"r9EnmR"};
|
|
4549
4549
|
|
|
4550
4550
|
function PinIconButton(props) {
|
|
4551
4551
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4596,7 +4596,7 @@ function getUnpinIcon(params) {
|
|
|
4596
4596
|
}
|
|
4597
4597
|
}
|
|
4598
4598
|
|
|
4599
|
-
var css$q = {"row-wrapper":"
|
|
4599
|
+
var css$q = {"row-wrapper":"sP89qf","rowWrapper":"sP89qf","pin-icon-button":"Na6WUf","pinIconButton":"Na6WUf","not-pinned":"F1c4OL","notPinned":"F1c4OL","checkbox":"xmktS-","drag-handle":"iKEzSh","dragHandle":"iKEzSh","dnd-disabled":"ud9YbU","dndDisabled":"ud9YbU"};
|
|
4600
4600
|
|
|
4601
4601
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4602
4602
|
const { column } = props;
|
|
@@ -4630,7 +4630,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
|
4630
4630
|
return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4631
4631
|
});
|
|
4632
4632
|
|
|
4633
|
-
var css$p = {"root":"
|
|
4633
|
+
var css$p = {"root":"zxIZl3","main-panel":"QrvjP8","mainPanel":"QrvjP8","group":"dodTFs","group-title":"d6Wsgy","groupTitle":"d6Wsgy","group-items":"-Udu2w","groupItems":"-Udu2w","no-data":"k5DR4i","noData":"k5DR4i","no-data-title":"UADIfT","noDataTitle":"UADIfT","no-data-sub-title":"_2y020t","noDataSubTitle":"_2y020t","h-divider":"_0KdO2x","hDivider":"_0KdO2x","search-area":"Bz3S3s","searchArea":"Bz3S3s","subgroup-accordion":"gil8Ci","subgroupAccordion":"gil8Ci","subgroup":"TUFjto","subgroup-title":"HIXrhD","subgroupTitle":"HIXrhD"};
|
|
4634
4634
|
|
|
4635
4635
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$p.group },
|
|
4636
4636
|
React.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -4733,7 +4733,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
4733
4733
|
return [children, rest];
|
|
4734
4734
|
};
|
|
4735
4735
|
|
|
4736
|
-
var css$o = {"listContainer":"
|
|
4736
|
+
var css$o = {"listContainer":"MhvPDr","header":"r-gnBR","group":"gqN6A4","stickyHeader":"moN4dq"};
|
|
4737
4737
|
|
|
4738
4738
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
4739
4739
|
const rowRef = useRef(undefined);
|
|
@@ -4773,7 +4773,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4773
4773
|
React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
4774
4774
|
}
|
|
4775
4775
|
|
|
4776
|
-
var css$n = {"root":"
|
|
4776
|
+
var css$n = {"root":"hukdyK","sticky-header":"ARKxNK","stickyHeader":"ARKxNK","no-results":"t055MF","noResults":"t055MF","icon":"_0CKT68","title":"Xp6OjX"};
|
|
4777
4777
|
|
|
4778
4778
|
function DataTable(props) {
|
|
4779
4779
|
const { uuiModals } = useUuiContext();
|
|
@@ -4822,7 +4822,7 @@ function DataTable(props) {
|
|
|
4822
4822
|
: (React.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderTableBody, cx: classes, isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: rawProps })))));
|
|
4823
4823
|
}
|
|
4824
4824
|
|
|
4825
|
-
var css$m = {"root":"
|
|
4825
|
+
var css$m = {"root":"dP-yyN","title-wrapper":"u-Jp-4","titleWrapper":"u-Jp-4","title":"T9Dy3A","text-wrapper":"LhBHlq","textWrapper":"LhBHlq","selection":"fCdhE4","postfix":"Z63mub","selected":"M5YxAu"};
|
|
4826
4826
|
|
|
4827
4827
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4828
4828
|
const togglerPickerOpened = (e) => {
|
|
@@ -5047,7 +5047,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
5047
5047
|
renderFooter()));
|
|
5048
5048
|
}
|
|
5049
5049
|
|
|
5050
|
-
var css$l = {"container":"
|
|
5050
|
+
var css$l = {"container":"EzbFWT"};
|
|
5051
5051
|
|
|
5052
5052
|
function FilterNumericBody(props) {
|
|
5053
5053
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -5358,7 +5358,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5358
5358
|
}
|
|
5359
5359
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
5360
5360
|
|
|
5361
|
-
var css$k = {"delete-button":"
|
|
5361
|
+
var css$k = {"delete-button":"-jDuQP","deleteButton":"-jDuQP","tab-button":"feveqX","tabButton":"feveqX","targetOpen":"-r6PFN"};
|
|
5362
5362
|
|
|
5363
5363
|
function PresetActionsDropdown(props) {
|
|
5364
5364
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -5434,7 +5434,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5434
5434
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5435
5435
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5436
5436
|
|
|
5437
|
-
var css$j = {"preset-input-cell":"
|
|
5437
|
+
var css$j = {"preset-input-cell":"_3B8qbQ","presetInputCell":"_3B8qbQ","preset-input":"spVgUw","presetInput":"spVgUw"};
|
|
5438
5438
|
|
|
5439
5439
|
function PresetInput(props) {
|
|
5440
5440
|
const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
|
|
@@ -5461,7 +5461,7 @@ function PresetInput(props) {
|
|
|
5461
5461
|
React__default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
5462
5462
|
}
|
|
5463
5463
|
|
|
5464
|
-
var css$i = {"preset":"
|
|
5464
|
+
var css$i = {"preset":"w1WNmT","activePreset":"qPfpzE"};
|
|
5465
5465
|
|
|
5466
5466
|
function Preset(props) {
|
|
5467
5467
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -5486,7 +5486,7 @@ function Preset(props) {
|
|
|
5486
5486
|
return (React__default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$i.preset, isPresetActive && css$i.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isActive: isPresetActive }))));
|
|
5487
5487
|
}
|
|
5488
5488
|
|
|
5489
|
-
var css$h = {"divider":"
|
|
5489
|
+
var css$h = {"divider":"Cd-6Gd","dropdownDeleteIcon":"LYMigY","presetsWrapper":"b970nw","addPresetContainer":"vznxrD","dropContainer":"E9KMxm"};
|
|
5490
5490
|
|
|
5491
5491
|
function PresetsPanel(props) {
|
|
5492
5492
|
const [isAddingPreset, setIsAddingPreset] = useState(false);
|
|
@@ -5535,9 +5535,9 @@ function PresetsPanel(props) {
|
|
|
5535
5535
|
React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
|
|
5536
5536
|
}
|
|
5537
5537
|
|
|
5538
|
-
var css$g = {"root":"
|
|
5538
|
+
var css$g = {"root":"-Zowr5"};
|
|
5539
5539
|
|
|
5540
|
-
var css$f = {"root":"
|
|
5540
|
+
var css$f = {"root":"eXY3tv","burger-content":"n2eF2e","burgerContent":"n2eF2e"};
|
|
5541
5541
|
|
|
5542
5542
|
var _path$3;
|
|
5543
5543
|
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); }
|
|
@@ -5580,7 +5580,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5580
5580
|
};
|
|
5581
5581
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
5582
5582
|
|
|
5583
|
-
var css$e = {"root":"
|
|
5583
|
+
var css$e = {"root":"YNfGRL","button-primary":"_34UpRL","buttonPrimary":"_34UpRL","button-secondary":"j9QX5u","buttonSecondary":"j9QX5u","hasIcon":"r0hAab","dropdown":"hDZv34"};
|
|
5584
5584
|
|
|
5585
5585
|
function applyBurgerButtonMods(props) {
|
|
5586
5586
|
return [
|
|
@@ -5605,13 +5605,13 @@ const BurgerButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
5605
5605
|
}, dropdownIcon: ForwardRef$2 }));
|
|
5606
5606
|
});
|
|
5607
5607
|
|
|
5608
|
-
var css$d = {"search-input":"
|
|
5608
|
+
var css$d = {"search-input":"TKibWd","searchInput":"TKibWd"};
|
|
5609
5609
|
|
|
5610
5610
|
function BurgerSearch(props) {
|
|
5611
5611
|
return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$M, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
|
|
5612
5612
|
}
|
|
5613
5613
|
|
|
5614
|
-
var css$c = {"root":"
|
|
5614
|
+
var css$c = {"root":"-iFT8A","group-header":"YBDc6P","groupHeader":"YBDc6P","group-name":"RALnKy","groupName":"RALnKy","line":"_5kyLC3"};
|
|
5615
5615
|
|
|
5616
5616
|
function BurgerGroupHeader(props) {
|
|
5617
5617
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5619,7 +5619,7 @@ function BurgerGroupHeader(props) {
|
|
|
5619
5619
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5620
5620
|
}
|
|
5621
5621
|
|
|
5622
|
-
var css$b = {"root":"
|
|
5622
|
+
var css$b = {"root":"y98K5L","type-primary":"HOG0rc","typePrimary":"HOG0rc","type-secondary":"EXGQyl","typeSecondary":"EXGQyl"};
|
|
5623
5623
|
|
|
5624
5624
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5625
5625
|
const { type, ...clickableProps } = props;
|
|
@@ -5647,7 +5647,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5647
5647
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5648
5648
|
});
|
|
5649
5649
|
|
|
5650
|
-
var css$a = {"dropdown-body":"
|
|
5650
|
+
var css$a = {"dropdown-body":"Vgu9hK","dropdownBody":"Vgu9hK"};
|
|
5651
5651
|
|
|
5652
5652
|
function MainMenuDropdown(props) {
|
|
5653
5653
|
const handleEscape = (e, onClose, isOpen) => {
|
|
@@ -5690,12 +5690,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5690
5690
|
};
|
|
5691
5691
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5692
5692
|
|
|
5693
|
-
var css$9 = {"global-menu-btn":"
|
|
5693
|
+
var css$9 = {"global-menu-btn":"xHcAA4","globalMenuBtn":"xHcAA4","global-menu-icon":"ZZ0NV5","globalMenuIcon":"ZZ0NV5"};
|
|
5694
5694
|
|
|
5695
5695
|
const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx), ...props.rawProps },
|
|
5696
5696
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5697
5697
|
|
|
5698
|
-
var css$8 = {"container":"
|
|
5698
|
+
var css$8 = {"container":"rlYaHu","open":"dg1dOo","folding-arrow":"vbDCe1","foldingArrow":"vbDCe1"};
|
|
5699
5699
|
|
|
5700
5700
|
const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
|
|
5701
5701
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5703,15 +5703,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
5703
5703
|
props.isDropdown && (React.createElement("div", null,
|
|
5704
5704
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5705
5705
|
|
|
5706
|
-
var css$7 = {"search-input":"
|
|
5706
|
+
var css$7 = {"search-input":"aRXFjU","searchInput":"aRXFjU"};
|
|
5707
5707
|
|
|
5708
5708
|
const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, { ...props, render: (iEditable) => (React.createElement(TextInput$1, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: cx$1(css$7.searchInput, props.cx), ...props.rawProps })) })));
|
|
5709
5709
|
|
|
5710
|
-
var css$6 = {"container":"
|
|
5710
|
+
var css$6 = {"container":"hyXzI4"};
|
|
5711
5711
|
|
|
5712
5712
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
|
|
5713
5713
|
|
|
5714
|
-
var css$5 = {"root":"
|
|
5714
|
+
var css$5 = {"root":"CJivvI"};
|
|
5715
5715
|
|
|
5716
5716
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
5717
5717
|
|
|
@@ -5769,7 +5769,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5769
5769
|
};
|
|
5770
5770
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
5771
5771
|
|
|
5772
|
-
var css$4 = {"root":"
|
|
5772
|
+
var css$4 = {"root":"_2a6aC-","drop-start":"B2U0ud","dropStart":"B2U0ud","drop-over":"V-EAy5","dropOver":"V-EAy5","link":"_3dIe-E","drop-area":"rdRoFt","dropArea":"rdRoFt","drop-caption":"APzu6R","dropCaption":"APzu6R","icon-blue":"CBwhKR","iconBlue":"CBwhKR"};
|
|
5773
5773
|
|
|
5774
5774
|
function DropSpot(props) {
|
|
5775
5775
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5787,7 +5787,7 @@ function DropSpot(props) {
|
|
|
5787
5787
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5788
5788
|
}
|
|
5789
5789
|
|
|
5790
|
-
var css$3 = {"root":"
|
|
5790
|
+
var css$3 = {"root":"aZa3pC"};
|
|
5791
5791
|
|
|
5792
5792
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5793
5793
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5798,7 +5798,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5798
5798
|
React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5799
5799
|
});
|
|
5800
5800
|
|
|
5801
|
-
var css$2 = {"root":"
|
|
5801
|
+
var css$2 = {"root":"l-KkEK","file-name":"T-lQVT","fileName":"T-lQVT","default-color":"SLuifX","defaultColor":"SLuifX","doc-color":"eC7cqO","docColor":"eC7cqO","xls-color":"iqyqLf","xlsColor":"iqyqLf","pdf-color":"ECFGME","pdfColor":"ECFGME","movie-color":"Gr8Cjs","movieColor":"Gr8Cjs","img-color":"_0L4iqL","imgColor":"_0L4iqL","mov-color":"GQ-0pz","movColor":"GQ-0pz","error-block":"_0P3G9Z","errorBlock":"_0P3G9Z","icons-block":"rhmwad","iconsBlock":"rhmwad"};
|
|
5802
5802
|
|
|
5803
5803
|
const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5804
5804
|
const [isLoadingShow, setIsLoadingShow] = React.useState(true);
|
|
@@ -5917,7 +5917,7 @@ const getErrorPageConfig = () => ({
|
|
|
5917
5917
|
},
|
|
5918
5918
|
});
|
|
5919
5919
|
|
|
5920
|
-
var css$1 = {"container":"
|
|
5920
|
+
var css$1 = {"container":"_1izzyN"};
|
|
5921
5921
|
|
|
5922
5922
|
const ErrorPage = (props) => {
|
|
5923
5923
|
const isMobileScreen = isMobile();
|
|
@@ -5929,7 +5929,7 @@ const ErrorPage = (props) => {
|
|
|
5929
5929
|
props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5930
5930
|
};
|
|
5931
5931
|
|
|
5932
|
-
var css = {"recovery-spinner":"
|
|
5932
|
+
var css = {"recovery-spinner":"-KL8no","recoverySpinner":"-KL8no","recovery-message":"ApZ9Nl","recoveryMessage":"ApZ9Nl","modal-blocker":"DRshx5","modalBlocker":"DRshx5","modalFadeIn":"EWPamP"};
|
|
5933
5933
|
|
|
5934
5934
|
function ErrorHandler(props) {
|
|
5935
5935
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|