@epam/uui 6.3.1 → 6.3.2-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/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/components/layout/ScrollBars.d.ts +1 -1
- package/components/layout/ScrollBars.d.ts.map +1 -1
- package/index.esm.js +102 -103
- package/index.esm.js.map +1 -1
- package/index.js +102 -103
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/readme.md +9 -9
- package/stats.html +1 -19
- package/styles.css +1028 -1027
- package/styles.css.map +1 -1
package/index.esm.js
CHANGED
|
@@ -16,7 +16,6 @@ import objectSupport from 'dayjs/plugin/objectSupport';
|
|
|
16
16
|
import customParseFormat from 'dayjs/plugin/customParseFormat.js';
|
|
17
17
|
import isoWeek from 'dayjs/plugin/isoWeek.js';
|
|
18
18
|
import { useOverlayScrollbars } from 'overlayscrollbars-react';
|
|
19
|
-
import 'overlayscrollbars/styles/overlayscrollbars.css';
|
|
20
19
|
import isEqual from 'react-fast-compare';
|
|
21
20
|
import FocusLock, { MoveFocusInside } from 'react-focus-lock';
|
|
22
21
|
|
|
@@ -157,7 +156,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
157
156
|
xmlns: "http://www.w3.org/2000/svg",
|
|
158
157
|
ref: ref
|
|
159
158
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
160
|
-
clipPath: "url(#
|
|
159
|
+
clipPath: "url(#pcx64oun8n58plzpg_a)"
|
|
161
160
|
}, _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
|
|
162
161
|
d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
|
|
163
162
|
fill: "#F5F6FA"
|
|
@@ -178,7 +177,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
178
177
|
d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
|
|
179
178
|
fill: "#1D1E26"
|
|
180
179
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
181
|
-
id: "
|
|
180
|
+
id: "pcx64o971ivadwggl_b",
|
|
182
181
|
style: {
|
|
183
182
|
maskType: "alpha"
|
|
184
183
|
},
|
|
@@ -191,7 +190,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
191
190
|
d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
|
|
192
191
|
fill: "#9BDEFF"
|
|
193
192
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
194
|
-
mask: "url(#
|
|
193
|
+
mask: "url(#pcx64o971ivadwggl_b)",
|
|
195
194
|
fillRule: "evenodd",
|
|
196
195
|
clipRule: "evenodd"
|
|
197
196
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -277,7 +276,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
277
276
|
d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
|
|
278
277
|
fill: "#fff"
|
|
279
278
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
280
|
-
id: "
|
|
279
|
+
id: "pcx64oun8n58plzpg_a"
|
|
281
280
|
}, /*#__PURE__*/React.createElement("path", {
|
|
282
281
|
fill: "#fff",
|
|
283
282
|
transform: "translate(.552)",
|
|
@@ -928,14 +927,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
928
927
|
};
|
|
929
928
|
var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
930
929
|
|
|
931
|
-
var css$1w = {"root":"
|
|
930
|
+
var css$1w = {"root":"x5PNNd","uui-spinner":"_8wuSa4","uuiSpinner":"_8wuSa4"};
|
|
932
931
|
|
|
933
932
|
function applySpinnerMods() {
|
|
934
933
|
return [css$1w.root, 'uui-spinner'];
|
|
935
934
|
}
|
|
936
935
|
const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
|
|
937
936
|
|
|
938
|
-
var css$1v = {"root":"
|
|
937
|
+
var css$1v = {"root":"ZA1x4M","loading-word":"qjsP15","loadingWord":"qjsP15","animated-loading":"_6ysthx","animatedLoading":"_6ysthx","skeleton_loading":"Sqnh1p","skeletonLoading":"Sqnh1p"};
|
|
939
938
|
|
|
940
939
|
const TextPlaceholder = (props) => {
|
|
941
940
|
const pattern = ' ';
|
|
@@ -952,7 +951,7 @@ const TextPlaceholder = (props) => {
|
|
|
952
951
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
953
952
|
};
|
|
954
953
|
|
|
955
|
-
var css$1u = {"root":"
|
|
954
|
+
var css$1u = {"root":"sgq4RF","line-height":"LvGzdq","lineHeight":"LvGzdq","font-size":"UlwOL7","fontSize":"UlwOL7"};
|
|
956
955
|
|
|
957
956
|
function applyTextMods(mods) {
|
|
958
957
|
return [
|
|
@@ -979,7 +978,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
|
|
|
979
978
|
};
|
|
980
979
|
});
|
|
981
980
|
|
|
982
|
-
var css$1t = {"root":"
|
|
981
|
+
var css$1t = {"root":"DZBI7z"};
|
|
983
982
|
|
|
984
983
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
985
984
|
|
|
@@ -1484,7 +1483,7 @@ const settings = {
|
|
|
1484
1483
|
textInput: textInputSettings,
|
|
1485
1484
|
};
|
|
1486
1485
|
|
|
1487
|
-
var css$1s = {"root":"
|
|
1486
|
+
var css$1s = {"root":"j9qnNT"};
|
|
1488
1487
|
|
|
1489
1488
|
function applyButtonMods(mods) {
|
|
1490
1489
|
return [
|
|
@@ -1502,7 +1501,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
1502
1501
|
};
|
|
1503
1502
|
});
|
|
1504
1503
|
|
|
1505
|
-
var css$1r = {"root":"
|
|
1504
|
+
var css$1r = {"root":"nXlOdX"};
|
|
1506
1505
|
|
|
1507
1506
|
function applyIconButtonMods(props) {
|
|
1508
1507
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -1539,7 +1538,7 @@ function getIconClass(props) {
|
|
|
1539
1538
|
return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
|
|
1540
1539
|
}
|
|
1541
1540
|
|
|
1542
|
-
var css$1q = {"root":"
|
|
1541
|
+
var css$1q = {"root":"vq2dr4"};
|
|
1543
1542
|
|
|
1544
1543
|
const DEFAULT_COLOR = 'primary';
|
|
1545
1544
|
const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -1569,7 +1568,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1569
1568
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1570
1569
|
});
|
|
1571
1570
|
|
|
1572
|
-
var css$1p = {"root":"
|
|
1571
|
+
var css$1p = {"root":"_4uxKnc"};
|
|
1573
1572
|
|
|
1574
1573
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1575
1574
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1581,7 +1580,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1581
1580
|
]) }, props.caption));
|
|
1582
1581
|
});
|
|
1583
1582
|
|
|
1584
|
-
var css$1o = {"root":"
|
|
1583
|
+
var css$1o = {"root":"jypFVH","withNotify":"TnabdV"};
|
|
1585
1584
|
|
|
1586
1585
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, refExternal) => {
|
|
1587
1586
|
const refLocal = React__default.useRef(null);
|
|
@@ -1628,13 +1627,13 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, refExternal)
|
|
|
1628
1627
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1629
1628
|
});
|
|
1630
1629
|
|
|
1631
|
-
var css$1n = {"root":"
|
|
1630
|
+
var css$1n = {"root":"bveTR6","noLeftPadding":"dw55X8","foldingArea":"ZvdhbA","onlyFoldable":"AzLMdx","captionWrapper":"K-AuZD","withNotify":"r5CuAL"};
|
|
1632
1631
|
|
|
1633
|
-
var css$1m = {"root":"
|
|
1632
|
+
var css$1m = {"root":"XzbmD3"};
|
|
1634
1633
|
|
|
1635
1634
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1m.root]);
|
|
1636
1635
|
|
|
1637
|
-
var css$1l = {"root":"
|
|
1636
|
+
var css$1l = {"root":"z3rBSa"};
|
|
1638
1637
|
|
|
1639
1638
|
const DEFAULT_FILL = 'solid';
|
|
1640
1639
|
function applyBadgeMods(mods) {
|
|
@@ -1662,7 +1661,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1662
1661
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1663
1662
|
});
|
|
1664
1663
|
|
|
1665
|
-
var css$1k = {"root":"
|
|
1664
|
+
var css$1k = {"root":"vPbsz8"};
|
|
1666
1665
|
|
|
1667
1666
|
function applyTagMods(props) {
|
|
1668
1667
|
return [
|
|
@@ -1690,7 +1689,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1690
1689
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1691
1690
|
});
|
|
1692
1691
|
|
|
1693
|
-
var css$1j = {"root":"
|
|
1692
|
+
var css$1j = {"root":"rRGFzP","page":"CPQCDn","spacer":"B9spKc","mode-ghost":"T8-OeZ","modeGhost":"T8-OeZ"};
|
|
1694
1693
|
|
|
1695
1694
|
function Paginator(props) {
|
|
1696
1695
|
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 +1706,14 @@ function Paginator(props) {
|
|
|
1707
1706
|
return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
|
|
1708
1707
|
}
|
|
1709
1708
|
|
|
1710
|
-
var css$1i = {"root":"
|
|
1709
|
+
var css$1i = {"root":"OHDTXj","progress-bar":"rBnOuy","progressBar":"rBnOuy","progressBar-indeterminate":"_9IaoSH","progressBarIndeterminate":"_9IaoSH","size-12":"_3-FaT7","size12":"_3-FaT7","size-18":"xUkwMS","size18":"xUkwMS","size-24":"_8M-aql","size24":"_8M-aql"};
|
|
1711
1710
|
|
|
1712
1711
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1713
1712
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$1i.root, css$1i[`size-${props.size || 12}`]) },
|
|
1714
1713
|
React.createElement("div", { className: cx(css$1i.progressBar) })));
|
|
1715
1714
|
});
|
|
1716
1715
|
|
|
1717
|
-
var css$1h = {"root":"
|
|
1716
|
+
var css$1h = {"root":"ooY1yH","striped":"tU1x8A","animate-stripes":"EtP9mG","animateStripes":"EtP9mG","size-12":"TLL4BP","size12":"TLL4BP","size-18":"tn8oaC","size18":"tn8oaC","size-24":"zzQnAL","size24":"zzQnAL"};
|
|
1718
1717
|
|
|
1719
1718
|
const DEFAULT_SIZE = '12';
|
|
1720
1719
|
function applyProgressBarMods(mods) {
|
|
@@ -1729,14 +1728,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
1729
1728
|
hideLabel: props.hideLabel || props.striped,
|
|
1730
1729
|
}));
|
|
1731
1730
|
|
|
1732
|
-
var css$1g = {"root":"
|
|
1731
|
+
var css$1g = {"root":"_02MA2q"};
|
|
1733
1732
|
|
|
1734
1733
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1735
1734
|
const { progress } = props;
|
|
1736
1735
|
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
1736
|
});
|
|
1738
1737
|
|
|
1739
|
-
var css$1f = {"root":"
|
|
1738
|
+
var css$1f = {"root":"DvQcwn"};
|
|
1740
1739
|
|
|
1741
1740
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1742
1741
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1751,7 +1750,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1751
1750
|
React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
1752
1751
|
});
|
|
1753
1752
|
|
|
1754
|
-
var css$1e = {"root":"
|
|
1753
|
+
var css$1e = {"root":"ovL9fX"};
|
|
1755
1754
|
|
|
1756
1755
|
function applyCheckboxMods(mods) {
|
|
1757
1756
|
return [
|
|
@@ -1769,7 +1768,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1769
1768
|
};
|
|
1770
1769
|
const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1771
1770
|
|
|
1772
|
-
var css$1d = {"root":"
|
|
1771
|
+
var css$1d = {"root":"VEV7t9"};
|
|
1773
1772
|
|
|
1774
1773
|
function applyRadioInputMods(mods) {
|
|
1775
1774
|
return [
|
|
@@ -1781,7 +1780,7 @@ function applyRadioInputMods(mods) {
|
|
|
1781
1780
|
}
|
|
1782
1781
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1783
1782
|
|
|
1784
|
-
var css$1c = {"root":"
|
|
1783
|
+
var css$1c = {"root":"DyDyvm"};
|
|
1785
1784
|
|
|
1786
1785
|
function applySwitchMods(mods) {
|
|
1787
1786
|
return [
|
|
@@ -1805,7 +1804,7 @@ var EditMode;
|
|
|
1805
1804
|
EditMode["INLINE"] = "inline";
|
|
1806
1805
|
})(EditMode || (EditMode = {}));
|
|
1807
1806
|
|
|
1808
|
-
var textInputCss = {"root":"
|
|
1807
|
+
var textInputCss = {"root":"qa2TL-"};
|
|
1809
1808
|
|
|
1810
1809
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1811
1810
|
function applyTextInputMods(mods) {
|
|
@@ -1830,7 +1829,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1830
1829
|
} }));
|
|
1831
1830
|
});
|
|
1832
1831
|
|
|
1833
|
-
var css$1b = {"root":"
|
|
1832
|
+
var css$1b = {"root":"-h7bN-"};
|
|
1834
1833
|
|
|
1835
1834
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1b.root, 'uui-control-group']);
|
|
1836
1835
|
|
|
@@ -1846,7 +1845,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1846
1845
|
}
|
|
1847
1846
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
1848
1847
|
|
|
1849
|
-
var css$1a = {"root":"
|
|
1848
|
+
var css$1a = {"root":"e0TIAY"};
|
|
1850
1849
|
|
|
1851
1850
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1852
1851
|
function applyNumericInputMods(mods) {
|
|
@@ -1866,7 +1865,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
1866
1865
|
};
|
|
1867
1866
|
});
|
|
1868
1867
|
|
|
1869
|
-
var css$19 = {"root":"
|
|
1868
|
+
var css$19 = {"root":"sSIm3l"};
|
|
1870
1869
|
|
|
1871
1870
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1872
1871
|
function applyTextAreaMods(mods) {
|
|
@@ -1907,7 +1906,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1907
1906
|
};
|
|
1908
1907
|
}
|
|
1909
1908
|
|
|
1910
|
-
var css$18 = {"root":"
|
|
1909
|
+
var css$18 = {"root":"_--P7NJ"};
|
|
1911
1910
|
|
|
1912
1911
|
function applyDropdownContainerMods(mods) {
|
|
1913
1912
|
return [
|
|
@@ -1918,7 +1917,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1918
1917
|
}
|
|
1919
1918
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
1920
1919
|
|
|
1921
|
-
var css$17 = {"root":"
|
|
1920
|
+
var css$17 = {"root":"_3rT057","timepicker-input":"NKGj9g","timepickerInput":"NKGj9g","ltr-always":"_5L2-O9","ltrAlways":"_5L2-O9"};
|
|
1922
1921
|
|
|
1923
1922
|
const uuiTimePicker = {
|
|
1924
1923
|
container: 'uui-timepicker-container',
|
|
@@ -2112,7 +2111,7 @@ function TimePickerComponent(props, ref) {
|
|
|
2112
2111
|
}
|
|
2113
2112
|
const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
|
|
2114
2113
|
|
|
2115
|
-
var css$16 = {"root":"
|
|
2114
|
+
var css$16 = {"root":"ArIavV"};
|
|
2116
2115
|
|
|
2117
2116
|
function applyInputAddonMods() {
|
|
2118
2117
|
return [
|
|
@@ -2121,14 +2120,14 @@ function applyInputAddonMods() {
|
|
|
2121
2120
|
}
|
|
2122
2121
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
2123
2122
|
|
|
2124
|
-
var css$15 = {"root":"
|
|
2123
|
+
var css$15 = {"root":"qlXNIe"};
|
|
2125
2124
|
|
|
2126
2125
|
function applySliderMods() {
|
|
2127
2126
|
return [css$15.root, 'uui-color-neutral'];
|
|
2128
2127
|
}
|
|
2129
2128
|
const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
|
|
2130
2129
|
|
|
2131
|
-
var css$14 = {"root":"
|
|
2130
|
+
var css$14 = {"root":"wWor3h"};
|
|
2132
2131
|
|
|
2133
2132
|
function applyTooltipMods(mods) {
|
|
2134
2133
|
return [
|
|
@@ -2138,7 +2137,7 @@ function applyTooltipMods(mods) {
|
|
|
2138
2137
|
}
|
|
2139
2138
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
2140
2139
|
|
|
2141
|
-
var css$13 = {"root":"
|
|
2140
|
+
var css$13 = {"root":"_3d6aE-","tooltip":"_5WBIpe"};
|
|
2142
2141
|
|
|
2143
2142
|
function applyRatingMods(mods) {
|
|
2144
2143
|
return [
|
|
@@ -2152,7 +2151,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
|
|
|
2152
2151
|
Tooltip,
|
|
2153
2152
|
}));
|
|
2154
2153
|
|
|
2155
|
-
var css$12 = {"drag-handle-wrapper":"
|
|
2154
|
+
var css$12 = {"drag-handle-wrapper":"q1VpZ-","dragHandleWrapper":"q1VpZ-","with-indent":"_5geEaa","withIndent":"_5geEaa","drag-handle":"_0zv9Uw","dragHandle":"_0zv9Uw","icon-container":"z6cu4b","iconContainer":"z6cu4b"};
|
|
2156
2155
|
|
|
2157
2156
|
function DataRowAddons(props) {
|
|
2158
2157
|
const row = props.rowProps;
|
|
@@ -2229,7 +2228,7 @@ function VerticalTabButtonComponent(props, ref) {
|
|
|
2229
2228
|
}
|
|
2230
2229
|
const VerticalTabButton = /* @__PURE__ */React__default.forwardRef(VerticalTabButtonComponent);
|
|
2231
2230
|
|
|
2232
|
-
var css$11 = {"root":"
|
|
2231
|
+
var css$11 = {"root":"rvUyJJ","main-path":"jkvm7Z","mainPath":"jkvm7Z","content-wrapper":"-Rfnl-","contentWrapper":"-Rfnl-","content":"OHGgN3","action-wrapper":"TZjzOo","actionWrapper":"TZjzOo","icon-wrapper":"im4gfq","iconWrapper":"im4gfq","icon":"ipFEsu","close-icon":"w6rjre","closeIcon":"w6rjre"};
|
|
2233
2232
|
|
|
2234
2233
|
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
2234
|
React.createElement("div", { className: css$11.mainPath },
|
|
@@ -2247,7 +2246,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
2247
2246
|
|
|
2248
2247
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
2249
2248
|
|
|
2250
|
-
var css$10 = {"submenu-root-item-rtl":"
|
|
2249
|
+
var css$10 = {"submenu-root-item-rtl":"_92f-Zi","submenuRootItemRtl":"_92f-Zi","icon-after":"EVirH1","iconAfter":"EVirH1","submenu-root-item":"nMGKk4","submenuRootItem":"nMGKk4","icon-check":"lGwVun","iconCheck":"lGwVun","splitter-root":"rgPiif","splitterRoot":"rgPiif","splitter":"FmNc3r","header-root":"nxyxNi","headerRoot":"nxyxNi","item-root":"hHELgM","itemRoot":"hHELgM","icon":"Gkcz-W","link":"ZcK2CH","indent":"_0rwe2n","selected-mark":"pCGrlo","selectedMark":"pCGrlo"};
|
|
2251
2250
|
|
|
2252
2251
|
var IDropdownControlKeys;
|
|
2253
2252
|
(function (IDropdownControlKeys) {
|
|
@@ -2381,7 +2380,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2381
2380
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
2382
2381
|
}
|
|
2383
2382
|
|
|
2384
|
-
var css$$ = {"root":"
|
|
2383
|
+
var css$$ = {"root":"P7mbRN","mode-block":"_2Rsoch","modeBlock":"_2Rsoch","mode-inline":"HpKVmz","modeInline":"HpKVmz","padding-0":"qkOEZ6","padding0":"qkOEZ6","padding-6":"lD9D9p","padding6":"lD9D9p","padding-12":"nIjjE0","padding12":"nIjjE0","padding-18":"ymvFCk","padding18":"ymvFCk"};
|
|
2385
2384
|
|
|
2386
2385
|
function applyAccordionMods(mods) {
|
|
2387
2386
|
return [
|
|
@@ -2394,7 +2393,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
2394
2393
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2395
2394
|
}));
|
|
2396
2395
|
|
|
2397
|
-
var css$_ = {"root":"
|
|
2396
|
+
var css$_ = {"root":"Wh83i0","align-items":"_7b8ttM","alignItems":"_7b8ttM","justify-content":"-LMvTL","justifyContent":"-LMvTL","border-top":"jWHebE","borderTop":"jWHebE","border-bottom":"HqI6aT","borderBottom":"HqI6aT","top-shadow":"_3c2rYp","topShadow":"_3c2rYp","padding":"_9L5cON","margin":"f6guPv","vPadding":"Gq8sFQ","column-gap":"DAaP-A","columnGap":"DAaP-A","row-gap":"Zaklh9","rowGap":"Zaklh9","spacing":"_8iNfdf"};
|
|
2398
2397
|
|
|
2399
2398
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$_.flexCell]);
|
|
2400
2399
|
|
|
@@ -2446,7 +2445,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2446
2445
|
} }, props.children));
|
|
2447
2446
|
});
|
|
2448
2447
|
|
|
2449
|
-
var css$Z = {"root":"
|
|
2448
|
+
var css$Z = {"root":"-MYoFc","margin-24":"RAaSLc","margin24":"RAaSLc","padding-12":"THiIFJ","padding12":"THiIFJ","padding-24":"AIVNmS","padding24":"AIVNmS","shadow":"G-jFCy","uui-surface-main":"wyus-g","uuiSurfaceMain":"wyus-g"};
|
|
2450
2449
|
|
|
2451
2450
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
2452
2451
|
'uui-panel',
|
|
@@ -2456,7 +2455,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
2456
2455
|
props.background && css$Z[`uui-${props.background}`],
|
|
2457
2456
|
]);
|
|
2458
2457
|
|
|
2459
|
-
var css$Y = {"root":"
|
|
2458
|
+
var css$Y = {"root":"_4ox5sQ"};
|
|
2460
2459
|
|
|
2461
2460
|
function applyLabeledInputMods(mods) {
|
|
2462
2461
|
return [
|
|
@@ -2473,7 +2472,7 @@ function applyLabeledInputProps(props) {
|
|
|
2473
2472
|
}
|
|
2474
2473
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2475
2474
|
|
|
2476
|
-
var css$X = {"root":"
|
|
2475
|
+
var css$X = {"root":"I5m3HB"};
|
|
2477
2476
|
|
|
2478
2477
|
function RadioGroup(props) {
|
|
2479
2478
|
const direction = props.direction || 'vertical';
|
|
@@ -2488,7 +2487,7 @@ function RadioGroup(props) {
|
|
|
2488
2487
|
})));
|
|
2489
2488
|
}
|
|
2490
2489
|
|
|
2491
|
-
var css$W = {"root":"
|
|
2490
|
+
var css$W = {"root":"ClQsnh","viewport":"piUyPM"};
|
|
2492
2491
|
|
|
2493
2492
|
var uuiScrollbars;
|
|
2494
2493
|
(function (uuiScrollbars) {
|
|
@@ -2558,7 +2557,7 @@ const ScrollBars = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2558
2557
|
});
|
|
2559
2558
|
ScrollBars.displayName = 'ScrollBars';
|
|
2560
2559
|
|
|
2561
|
-
var css$V = {"scroll-container":"
|
|
2560
|
+
var css$V = {"scroll-container":"HUDbUs","scrollContainer":"HUDbUs","list-container":"vT7UWJ","listContainer":"vT7UWJ"};
|
|
2562
2561
|
|
|
2563
2562
|
const VirtualList = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
2564
2563
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
|
|
@@ -2611,7 +2610,7 @@ function Tree(props) {
|
|
|
2611
2610
|
return (React.createElement(VirtualList, { value: value, onValueChange: onValueChange, rowsCount: rowsCount, rows: renderedRows, cx: cx$1(propsCx), role: "tree" }));
|
|
2612
2611
|
}
|
|
2613
2612
|
|
|
2614
|
-
var css$U = {"root":"
|
|
2613
|
+
var css$U = {"root":"vGQeab"};
|
|
2615
2614
|
|
|
2616
2615
|
function CheckboxGroup(props) {
|
|
2617
2616
|
const currentValue = props.value || [];
|
|
@@ -2713,7 +2712,7 @@ const Tabs = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2713
2712
|
});
|
|
2714
2713
|
Tabs.displayName = 'Tabs';
|
|
2715
2714
|
|
|
2716
|
-
var css$T = {"root":"
|
|
2715
|
+
var css$T = {"root":"iMZ1p4","modal-blocker":"CBliZy","modalBlocker":"CBliZy","animateModalBlocker":"SHo5YL","modal":"ziWCEL","modal-footer":"SEX9ZH","modalFooter":"SEX9ZH","border-top":"dzltn1","borderTop":"dzltn1","modal-header":"FAQEkl","modalHeader":"FAQEkl","border-bottom":"eWIpvc","borderBottom":"eWIpvc"};
|
|
2717
2716
|
|
|
2718
2717
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$T.modalBlocker]);
|
|
2719
2718
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$T.root, css$T.modal], (props) => {
|
|
@@ -2905,7 +2904,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2905
2904
|
});
|
|
2906
2905
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2907
2906
|
|
|
2908
|
-
var css$S = {"root":"
|
|
2907
|
+
var css$S = {"root":"L4bPmo","icon-wrapper":"GNq83u","iconWrapper":"GNq83u","action-wrapper":"ukOCor","actionWrapper":"ukOCor","close-icon":"adWBaW","closeIcon":"adWBaW","main-path":"nRM7Cj","mainPath":"nRM7Cj","content":"ayOzVx","close-wrapper":"p72NZ1","closeWrapper":"p72NZ1","clear-notifications":"xYBsa8","clearNotifications":"xYBsa8"};
|
|
2909
2908
|
|
|
2910
2909
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
2911
2910
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -2938,7 +2937,7 @@ function ClearNotification() {
|
|
|
2938
2937
|
React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2939
2938
|
}
|
|
2940
2939
|
|
|
2941
|
-
var css$R = {"footer":"
|
|
2940
|
+
var css$R = {"footer":"RACqI4"};
|
|
2942
2941
|
|
|
2943
2942
|
class ConfirmationModal extends React.Component {
|
|
2944
2943
|
render() {
|
|
@@ -2980,7 +2979,7 @@ function useReliableForceUpdate() {
|
|
|
2980
2979
|
return red[1];
|
|
2981
2980
|
}
|
|
2982
2981
|
|
|
2983
|
-
var css$Q = {"root":"
|
|
2982
|
+
var css$Q = {"root":"_8-QzL2","container":"DRi-Ly"};
|
|
2984
2983
|
|
|
2985
2984
|
const defaultFormat = 'MMM D, YYYY';
|
|
2986
2985
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -3198,14 +3197,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
3198
3197
|
React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
3199
3198
|
}
|
|
3200
3199
|
|
|
3201
|
-
var css$P = {"root":"
|
|
3200
|
+
var css$P = {"root":"-lVyaq"};
|
|
3202
3201
|
|
|
3203
3202
|
function applyDateSelectionMods() {
|
|
3204
3203
|
return [css$P.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
3205
3204
|
}
|
|
3206
3205
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
3207
3206
|
|
|
3208
|
-
var css$O = {"root":"
|
|
3207
|
+
var css$O = {"root":"iNEzba"};
|
|
3209
3208
|
|
|
3210
3209
|
const uuiDatePickerBody = {
|
|
3211
3210
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -3326,7 +3325,7 @@ function DatePickerComponent(props, ref) {
|
|
|
3326
3325
|
}
|
|
3327
3326
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
3328
3327
|
|
|
3329
|
-
var css$N = {"date-input":"
|
|
3328
|
+
var css$N = {"date-input":"wsrU0L","dateInput":"wsrU0L","root":"oW9Kli","separator":"ZX3A1D"};
|
|
3330
3329
|
|
|
3331
3330
|
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
3331
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3397,7 +3396,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
3397
3396
|
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
3397
|
});
|
|
3399
3398
|
|
|
3400
|
-
var css$M = {"root":"
|
|
3399
|
+
var css$M = {"root":"-NcpFV"};
|
|
3401
3400
|
|
|
3402
3401
|
const uuiPresets = {
|
|
3403
3402
|
container: 'uui-presets-container',
|
|
@@ -3417,7 +3416,7 @@ function CalendarPresets(props) {
|
|
|
3417
3416
|
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
3418
3417
|
}
|
|
3419
3418
|
|
|
3420
|
-
var css$L = {"root":"
|
|
3419
|
+
var css$L = {"root":"_2EVZ6x","container":"kBrxPH","day-selection":"Nh8cqR","daySelection":"Nh8cqR","from-picker":"nu-GUD","fromPicker":"nu-GUD","to-picker":"TEmbnS","toPicker":"TEmbnS","bodes-wrapper":"XMli3x","bodesWrapper":"XMli3x","blocker":"GoFVIL"};
|
|
3421
3420
|
|
|
3422
3421
|
const uuiRangeDatePickerBody = {
|
|
3423
3422
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3619,7 +3618,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3619
3618
|
};
|
|
3620
3619
|
};
|
|
3621
3620
|
|
|
3622
|
-
var css$K = {"dropdown-container":"
|
|
3621
|
+
var css$K = {"dropdown-container":"LNCl4q","dropdownContainer":"LNCl4q"};
|
|
3623
3622
|
|
|
3624
3623
|
function RangeDatePickerComponent(props, ref) {
|
|
3625
3624
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3687,7 +3686,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3687
3686
|
}
|
|
3688
3687
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3689
3688
|
|
|
3690
|
-
var css$J = {"root":"
|
|
3689
|
+
var css$J = {"root":"j87zdj","blocker":"_15-TG1","marker":"kMfi-c","top":"m-Pl17","bottom":"ucAlQ5","left":"k7Nnp2","right":"RCJ8gG","inside":"GXSKXM"};
|
|
3691
3690
|
|
|
3692
3691
|
function DropMarker(props) {
|
|
3693
3692
|
return props.isDndInProgress
|
|
@@ -3702,9 +3701,9 @@ function DropMarker(props) {
|
|
|
3702
3701
|
: null;
|
|
3703
3702
|
}
|
|
3704
3703
|
|
|
3705
|
-
var css$I = {"search-wrapper":"
|
|
3704
|
+
var css$I = {"search-wrapper":"X0EPyR","searchWrapper":"X0EPyR","no-data":"ZuEEl-","noData":"ZuEEl-"};
|
|
3706
3705
|
|
|
3707
|
-
var css$H = {"picker-row":"
|
|
3706
|
+
var css$H = {"picker-row":"w6j8dh","pickerRow":"w6j8dh","align-widgets-top":"ojsx6W","alignWidgetsTop":"ojsx6W","row-content":"-CTVX9","rowContent":"-CTVX9","align-widgets-center":"_9Yv2qv","alignWidgetsCenter":"_9Yv2qv","icon-container":"_7oX89h","iconContainer":"_7oX89h","content-wrapper":"LYyD2U","contentWrapper":"LYyD2U","icon-wrapper":"j7Cljh","iconWrapper":"j7Cljh","icon-default":"fDf-Fh","iconDefault":"fDf-Fh","selected-mark":"bT-JIr","selectedMark":"bT-JIr"};
|
|
3708
3707
|
|
|
3709
3708
|
const mergeHighlightRanges = (ranges) => {
|
|
3710
3709
|
const mergedRanges = [];
|
|
@@ -3771,7 +3770,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3771
3770
|
return getDecoratedText(str, ranges);
|
|
3772
3771
|
};
|
|
3773
3772
|
|
|
3774
|
-
var css$G = {"root":"
|
|
3773
|
+
var css$G = {"root":"_0Q6yWv","column-gap":"UwYkTV","columnGap":"UwYkTV","title":"e-TPyz","subtitle":"MZxOCz","disabled":"PO4Jr5","multiline":"xcGEDc"};
|
|
3775
3774
|
|
|
3776
3775
|
function PickerItem(props) {
|
|
3777
3776
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3944,7 +3943,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3944
3943
|
}
|
|
3945
3944
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
3946
3945
|
|
|
3947
|
-
var css$F = {"header":"
|
|
3946
|
+
var css$F = {"header":"QjNww4","title":"Q4u9z6","close":"ERzsKb"};
|
|
3948
3947
|
|
|
3949
3948
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3950
3949
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3954,7 +3953,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3954
3953
|
};
|
|
3955
3954
|
const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
|
|
3956
3955
|
|
|
3957
|
-
var css$E = {"done":"
|
|
3956
|
+
var css$E = {"done":"RVU5EW","container":"wF5rZQ"};
|
|
3958
3957
|
|
|
3959
3958
|
const PickerBodyMobileView = (props) => {
|
|
3960
3959
|
const isMobileView = isMobile();
|
|
@@ -3966,7 +3965,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
3966
3965
|
isMobileView && (React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
3967
3966
|
};
|
|
3968
3967
|
|
|
3969
|
-
var css$D = {"sub-header-wrapper":"
|
|
3968
|
+
var css$D = {"sub-header-wrapper":"XrNRVC","subHeaderWrapper":"XrNRVC","switch":"z--skd","no-found-modal-container":"BtKMcY","noFoundModalContainer":"BtKMcY","no-found-modal-container-icon":"zJfzwd","noFoundModalContainerIcon":"zJfzwd","no-found-modal-container-text":"-UYlyF","noFoundModalContainerText":"-UYlyF","body":"Dhwkwx"};
|
|
3970
3969
|
|
|
3971
3970
|
function PickerModal(props) {
|
|
3972
3971
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
|
|
@@ -4012,7 +4011,7 @@ function PickerModal(props) {
|
|
|
4012
4011
|
React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
4013
4012
|
}
|
|
4014
4013
|
|
|
4015
|
-
var css$C = {"tooltip":"
|
|
4014
|
+
var css$C = {"tooltip":"DmgEBU"};
|
|
4016
4015
|
|
|
4017
4016
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4018
4017
|
const tagProps = {
|
|
@@ -4031,7 +4030,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
4031
4030
|
}
|
|
4032
4031
|
});
|
|
4033
4032
|
|
|
4034
|
-
var css$B = {"root":"
|
|
4033
|
+
var css$B = {"root":"jprP4d"};
|
|
4035
4034
|
|
|
4036
4035
|
const defaultMode = EditMode.FORM;
|
|
4037
4036
|
function applyPickerTogglerMods(mods) {
|
|
@@ -4113,7 +4112,7 @@ function PickerInputComponent(props, ref) {
|
|
|
4113
4112
|
}
|
|
4114
4113
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
4115
4114
|
|
|
4116
|
-
var css$A = {"row":"
|
|
4115
|
+
var css$A = {"row":"EUhz9w"};
|
|
4117
4116
|
|
|
4118
4117
|
function PickerListRow(props) {
|
|
4119
4118
|
let label;
|
|
@@ -4133,7 +4132,7 @@ function PickerListRow(props) {
|
|
|
4133
4132
|
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
4133
|
}
|
|
4135
4134
|
|
|
4136
|
-
var css$z = {"root":"
|
|
4135
|
+
var css$z = {"root":"bKZgJS"};
|
|
4137
4136
|
|
|
4138
4137
|
function PickerList(props) {
|
|
4139
4138
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -4168,7 +4167,7 @@ function PickerList(props) {
|
|
|
4168
4167
|
}, selectedRows)));
|
|
4169
4168
|
}
|
|
4170
4169
|
|
|
4171
|
-
var css$y = {"root":"
|
|
4170
|
+
var css$y = {"root":"NvMLAE","wrapper":"_703vkR","align-widgets-top":"VFbupV","alignWidgetsTop":"VFbupV","align-widgets-center":"m6uhrC","alignWidgetsCenter":"m6uhrC"};
|
|
4172
4171
|
|
|
4173
4172
|
function DataTableCell(initialProps) {
|
|
4174
4173
|
const props = { ...initialProps };
|
|
@@ -4218,7 +4217,7 @@ function DataTableCell(initialProps) {
|
|
|
4218
4217
|
return React.createElement(DataTableCell$1, { ...props });
|
|
4219
4218
|
}
|
|
4220
4219
|
|
|
4221
|
-
var css$x = {"root":"
|
|
4220
|
+
var css$x = {"root":"_2xzKgr"};
|
|
4222
4221
|
|
|
4223
4222
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4224
4223
|
// 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 +4233,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
4234
4233
|
];
|
|
4235
4234
|
}, () => propsMods);
|
|
4236
4235
|
|
|
4237
|
-
var css$w = {"sorting-panel-container":"
|
|
4236
|
+
var css$w = {"sorting-panel-container":"RZJnuu","sortingPanelContainer":"RZJnuu"};
|
|
4238
4237
|
|
|
4239
4238
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
4240
4239
|
const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4254,7 +4253,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4254
4253
|
};
|
|
4255
4254
|
const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
|
|
4256
4255
|
|
|
4257
|
-
var css$v = {"root":"
|
|
4256
|
+
var css$v = {"root":"laxnjZ","caption-wrapper":"gmB9AN","captionWrapper":"gmB9AN","sort-icon":"jESB20","sortIcon":"jESB20","dropdown-icon":"_90HSGj","dropdownIcon":"_90HSGj","infoIcon":"_84ob4d","align-right":"ruEKst","alignRight":"ruEKst","align-center":"o-3pAl","alignCenter":"o-3pAl","caption":"eAH48g","truncate":"bvMBM1","upper-case":"opKfIN","upperCase":"opKfIN","checkbox":"_6YkfQY","icon":"X-d-St","fold-all-icon":"jMIQAc","foldAllIcon":"jMIQAc","cell-tooltip":"Fa7otT","cellTooltip":"Fa7otT","resizing-marker":"XA5xnH","resizingMarker":"XA5xnH","pinned-right":"nWWh66","pinnedRight":"nWWh66","draggable":"PpEWXx","ghost":"VJGOGR","is-dragged-out":"advTTP","isDraggedOut":"advTTP","dnd-marker-left":"olNCRt","dndMarkerLeft":"olNCRt","dnd-marker-right":"AZ8ShZ","dndMarkerRight":"AZ8ShZ","cell-tooltip-wrapper":"_1Wt6fW","cellTooltipWrapper":"_1Wt6fW","cell-tooltip-text":"mggYXB","cellTooltipText":"mggYXB","tooltip-caption":"AOQe7F","tooltipCaption":"AOQe7F","tooltip-info":"R6WlEY","tooltipInfo":"R6WlEY"};
|
|
4258
4257
|
|
|
4259
4258
|
class DataTableHeaderCell extends React.Component {
|
|
4260
4259
|
constructor() {
|
|
@@ -4348,7 +4347,7 @@ class DataTableHeaderCell extends React.Component {
|
|
|
4348
4347
|
}
|
|
4349
4348
|
}
|
|
4350
4349
|
|
|
4351
|
-
var css$u = {"root":"
|
|
4350
|
+
var css$u = {"root":"Zf5dHW","caption-wrapper":"K7YCWf","captionWrapper":"K7YCWf","align-center":"rUVb6v","alignCenter":"rUVb6v","caption":"G-at7s","truncate":"Ip-5Vf","upper-case":"NkUeq-","upperCase":"NkUeq-","group-cell-tooltip":"QlUJqx","groupCellTooltip":"QlUJqx","group-cell-tooltip-wrapper":"_10dWR2","groupCellTooltipWrapper":"_10dWR2","group-cell-tooltip-text":"Vahzzo","groupCellTooltipText":"Vahzzo","tooltip-caption":"-wWpCE","tooltipCaption":"-wWpCE","tooltip-info":"V58XJt","tooltipInfo":"V58XJt"};
|
|
4352
4351
|
|
|
4353
4352
|
class DataTableHeaderGroupCell extends React.Component {
|
|
4354
4353
|
constructor() {
|
|
@@ -4388,7 +4387,7 @@ class DataTableHeaderGroupCell extends React.Component {
|
|
|
4388
4387
|
}
|
|
4389
4388
|
}
|
|
4390
4389
|
|
|
4391
|
-
var css$t = {"root":"
|
|
4390
|
+
var css$t = {"root":"EOOCpw"};
|
|
4392
4391
|
|
|
4393
4392
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4394
4393
|
renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4484,7 +4483,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4484
4483
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4485
4484
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4486
4485
|
|
|
4487
|
-
var css$s = {"body":"
|
|
4486
|
+
var css$s = {"body":"qE2mmt","header":"zQafAd","title":"XFWYtf","removeButton":"FBjTw9","with-search":"U-khyg","withSearch":"U-khyg"};
|
|
4488
4487
|
|
|
4489
4488
|
function FilterColumnBody(props) {
|
|
4490
4489
|
const [predicate, setPredicate] = useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4545,7 +4544,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4545
4544
|
return columns;
|
|
4546
4545
|
};
|
|
4547
4546
|
|
|
4548
|
-
var css$r = {"unpin-icon":"
|
|
4547
|
+
var css$r = {"unpin-icon":"J3xGp-","unpinIcon":"J3xGp-","pin-toggler-icon":"SZEtYf","pinTogglerIcon":"SZEtYf"};
|
|
4549
4548
|
|
|
4550
4549
|
function PinIconButton(props) {
|
|
4551
4550
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4596,7 +4595,7 @@ function getUnpinIcon(params) {
|
|
|
4596
4595
|
}
|
|
4597
4596
|
}
|
|
4598
4597
|
|
|
4599
|
-
var css$q = {"row-wrapper":"
|
|
4598
|
+
var css$q = {"row-wrapper":"Weq-Z4","rowWrapper":"Weq-Z4","pin-icon-button":"r5KE41","pinIconButton":"r5KE41","not-pinned":"wLgf4A","notPinned":"wLgf4A","checkbox":"P6TrCT","drag-handle":"tYiepo","dragHandle":"tYiepo","dnd-disabled":"_89W-4U","dndDisabled":"_89W-4U"};
|
|
4600
4599
|
|
|
4601
4600
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4602
4601
|
const { column } = props;
|
|
@@ -4630,7 +4629,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
|
4630
4629
|
return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4631
4630
|
});
|
|
4632
4631
|
|
|
4633
|
-
var css$p = {"root":"
|
|
4632
|
+
var css$p = {"root":"_0i2n4B","main-panel":"MiWwej","mainPanel":"MiWwej","group":"oalHw-","group-title":"yOQmBh","groupTitle":"yOQmBh","group-items":"AkZbcV","groupItems":"AkZbcV","no-data":"rSWSBN","noData":"rSWSBN","no-data-title":"zKZimg","noDataTitle":"zKZimg","no-data-sub-title":"_60pb46","noDataSubTitle":"_60pb46","h-divider":"tzZitE","hDivider":"tzZitE","search-area":"zI558B","searchArea":"zI558B","subgroup-accordion":"_9y3nBp","subgroupAccordion":"_9y3nBp","subgroup":"_2GNp6S","subgroup-title":"OhFin7","subgroupTitle":"OhFin7"};
|
|
4634
4633
|
|
|
4635
4634
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$p.group },
|
|
4636
4635
|
React.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -4733,7 +4732,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
4733
4732
|
return [children, rest];
|
|
4734
4733
|
};
|
|
4735
4734
|
|
|
4736
|
-
var css$o = {"listContainer":"
|
|
4735
|
+
var css$o = {"listContainer":"REgckz","header":"UfJ1Fj","group":"XvLlr1","stickyHeader":"n3S1tn"};
|
|
4737
4736
|
|
|
4738
4737
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
4739
4738
|
const rowRef = useRef(undefined);
|
|
@@ -4773,7 +4772,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4773
4772
|
React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
4774
4773
|
}
|
|
4775
4774
|
|
|
4776
|
-
var css$n = {"root":"
|
|
4775
|
+
var css$n = {"root":"Br-0dv","sticky-header":"ENFQgG","stickyHeader":"ENFQgG","no-results":"iM7Y8Q","noResults":"iM7Y8Q","icon":"Kllms3","title":"ZIWy6p"};
|
|
4777
4776
|
|
|
4778
4777
|
function DataTable(props) {
|
|
4779
4778
|
const { uuiModals } = useUuiContext();
|
|
@@ -4822,7 +4821,7 @@ function DataTable(props) {
|
|
|
4822
4821
|
: (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
4822
|
}
|
|
4824
4823
|
|
|
4825
|
-
var css$m = {"root":"
|
|
4824
|
+
var css$m = {"root":"I5OoWB","title-wrapper":"_4EPUiq","titleWrapper":"_4EPUiq","title":"TCviC6","text-wrapper":"Ew1spO","textWrapper":"Ew1spO","selection":"mqyocj","postfix":"_2jtoxq","selected":"G583cB"};
|
|
4826
4825
|
|
|
4827
4826
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4828
4827
|
const togglerPickerOpened = (e) => {
|
|
@@ -5047,7 +5046,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
5047
5046
|
renderFooter()));
|
|
5048
5047
|
}
|
|
5049
5048
|
|
|
5050
|
-
var css$l = {"container":"
|
|
5049
|
+
var css$l = {"container":"_3wXdoe"};
|
|
5051
5050
|
|
|
5052
5051
|
function FilterNumericBody(props) {
|
|
5053
5052
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -5358,7 +5357,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5358
5357
|
}
|
|
5359
5358
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
5360
5359
|
|
|
5361
|
-
var css$k = {"delete-button":"
|
|
5360
|
+
var css$k = {"delete-button":"YBKnca","deleteButton":"YBKnca","tab-button":"_2gzK3Q","tabButton":"_2gzK3Q","targetOpen":"_3cx1mY"};
|
|
5362
5361
|
|
|
5363
5362
|
function PresetActionsDropdown(props) {
|
|
5364
5363
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -5434,7 +5433,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5434
5433
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5435
5434
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5436
5435
|
|
|
5437
|
-
var css$j = {"preset-input-cell":"
|
|
5436
|
+
var css$j = {"preset-input-cell":"QHy1Zi","presetInputCell":"QHy1Zi","preset-input":"etBwwO","presetInput":"etBwwO"};
|
|
5438
5437
|
|
|
5439
5438
|
function PresetInput(props) {
|
|
5440
5439
|
const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
|
|
@@ -5461,7 +5460,7 @@ function PresetInput(props) {
|
|
|
5461
5460
|
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
5461
|
}
|
|
5463
5462
|
|
|
5464
|
-
var css$i = {"preset":"
|
|
5463
|
+
var css$i = {"preset":"hmgR4J","activePreset":"d-3yk-"};
|
|
5465
5464
|
|
|
5466
5465
|
function Preset(props) {
|
|
5467
5466
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -5486,7 +5485,7 @@ function Preset(props) {
|
|
|
5486
5485
|
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
5486
|
}
|
|
5488
5487
|
|
|
5489
|
-
var css$h = {"divider":"
|
|
5488
|
+
var css$h = {"divider":"VlUFfD","dropdownDeleteIcon":"oM9m6k","presetsWrapper":"BTShcE","addPresetContainer":"PuQGah","dropContainer":"Rx87yJ"};
|
|
5490
5489
|
|
|
5491
5490
|
function PresetsPanel(props) {
|
|
5492
5491
|
const [isAddingPreset, setIsAddingPreset] = useState(false);
|
|
@@ -5535,9 +5534,9 @@ function PresetsPanel(props) {
|
|
|
5535
5534
|
React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
|
|
5536
5535
|
}
|
|
5537
5536
|
|
|
5538
|
-
var css$g = {"root":"-
|
|
5537
|
+
var css$g = {"root":"_7Gd-DB"};
|
|
5539
5538
|
|
|
5540
|
-
var css$f = {"root":"
|
|
5539
|
+
var css$f = {"root":"DXQpBU","burger-content":"WaLzeq","burgerContent":"WaLzeq"};
|
|
5541
5540
|
|
|
5542
5541
|
var _path$3;
|
|
5543
5542
|
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 +5579,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5580
5579
|
};
|
|
5581
5580
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
5582
5581
|
|
|
5583
|
-
var css$e = {"root":"
|
|
5582
|
+
var css$e = {"root":"KIvaFm","button-primary":"Vq1IjZ","buttonPrimary":"Vq1IjZ","button-secondary":"GX1PWn","buttonSecondary":"GX1PWn","hasIcon":"k8juXc","dropdown":"_5LlBNY"};
|
|
5584
5583
|
|
|
5585
5584
|
function applyBurgerButtonMods(props) {
|
|
5586
5585
|
return [
|
|
@@ -5605,13 +5604,13 @@ const BurgerButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
5605
5604
|
}, dropdownIcon: ForwardRef$2 }));
|
|
5606
5605
|
});
|
|
5607
5606
|
|
|
5608
|
-
var css$d = {"search-input":"
|
|
5607
|
+
var css$d = {"search-input":"j8QgY3","searchInput":"j8QgY3"};
|
|
5609
5608
|
|
|
5610
5609
|
function BurgerSearch(props) {
|
|
5611
5610
|
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
5611
|
}
|
|
5613
5612
|
|
|
5614
|
-
var css$c = {"root":"
|
|
5613
|
+
var css$c = {"root":"ZiciO3","group-header":"oetAZh","groupHeader":"oetAZh","group-name":"FHJZpt","groupName":"FHJZpt","line":"xrUq6m"};
|
|
5615
5614
|
|
|
5616
5615
|
function BurgerGroupHeader(props) {
|
|
5617
5616
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5619,7 +5618,7 @@ function BurgerGroupHeader(props) {
|
|
|
5619
5618
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5620
5619
|
}
|
|
5621
5620
|
|
|
5622
|
-
var css$b = {"root":"
|
|
5621
|
+
var css$b = {"root":"T4Ij-V","type-primary":"ZgGQzv","typePrimary":"ZgGQzv","type-secondary":"FO22k9","typeSecondary":"FO22k9"};
|
|
5623
5622
|
|
|
5624
5623
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5625
5624
|
const { type, ...clickableProps } = props;
|
|
@@ -5647,7 +5646,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5647
5646
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5648
5647
|
});
|
|
5649
5648
|
|
|
5650
|
-
var css$a = {"dropdown-body":"
|
|
5649
|
+
var css$a = {"dropdown-body":"gzvXbs","dropdownBody":"gzvXbs"};
|
|
5651
5650
|
|
|
5652
5651
|
function MainMenuDropdown(props) {
|
|
5653
5652
|
const handleEscape = (e, onClose, isOpen) => {
|
|
@@ -5690,12 +5689,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5690
5689
|
};
|
|
5691
5690
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5692
5691
|
|
|
5693
|
-
var css$9 = {"global-menu-btn":"
|
|
5692
|
+
var css$9 = {"global-menu-btn":"_2DaKd8","globalMenuBtn":"_2DaKd8","global-menu-icon":"PKdGby","globalMenuIcon":"PKdGby"};
|
|
5694
5693
|
|
|
5695
5694
|
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
5695
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5697
5696
|
|
|
5698
|
-
var css$8 = {"container":"
|
|
5697
|
+
var css$8 = {"container":"JPKB0f","open":"up0Y1k","folding-arrow":"yKxRS2","foldingArrow":"yKxRS2"};
|
|
5699
5698
|
|
|
5700
5699
|
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
5700
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5703,15 +5702,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
5703
5702
|
props.isDropdown && (React.createElement("div", null,
|
|
5704
5703
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5705
5704
|
|
|
5706
|
-
var css$7 = {"search-input":"
|
|
5705
|
+
var css$7 = {"search-input":"QQ4o9w","searchInput":"QQ4o9w"};
|
|
5707
5706
|
|
|
5708
5707
|
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
5708
|
|
|
5710
|
-
var css$6 = {"container":"
|
|
5709
|
+
var css$6 = {"container":"z5QVXS"};
|
|
5711
5710
|
|
|
5712
5711
|
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
5712
|
|
|
5714
|
-
var css$5 = {"root":"
|
|
5713
|
+
var css$5 = {"root":"w0LjiZ"};
|
|
5715
5714
|
|
|
5716
5715
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
5717
5716
|
|
|
@@ -5769,7 +5768,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5769
5768
|
};
|
|
5770
5769
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
5771
5770
|
|
|
5772
|
-
var css$4 = {"root":"
|
|
5771
|
+
var css$4 = {"root":"KCl9UH","drop-start":"pK7xLZ","dropStart":"pK7xLZ","drop-over":"pVNDa-","dropOver":"pVNDa-","link":"qQyDut","drop-area":"_65zAUK","dropArea":"_65zAUK","drop-caption":"_3mcini","dropCaption":"_3mcini","icon-blue":"u2HRcp","iconBlue":"u2HRcp"};
|
|
5773
5772
|
|
|
5774
5773
|
function DropSpot(props) {
|
|
5775
5774
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5787,7 +5786,7 @@ function DropSpot(props) {
|
|
|
5787
5786
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5788
5787
|
}
|
|
5789
5788
|
|
|
5790
|
-
var css$3 = {"root":"
|
|
5789
|
+
var css$3 = {"root":"SZQsBM"};
|
|
5791
5790
|
|
|
5792
5791
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5793
5792
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5798,7 +5797,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5798
5797
|
React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5799
5798
|
});
|
|
5800
5799
|
|
|
5801
|
-
var css$2 = {"root":"
|
|
5800
|
+
var css$2 = {"root":"nMSeeJ","file-name":"HGaBqj","fileName":"HGaBqj","default-color":"IphFfB","defaultColor":"IphFfB","doc-color":"_2r2VSn","docColor":"_2r2VSn","xls-color":"LWPpeF","xlsColor":"LWPpeF","pdf-color":"ChsaoM","pdfColor":"ChsaoM","movie-color":"knJhcC","movieColor":"knJhcC","img-color":"uCHNJS","imgColor":"uCHNJS","mov-color":"kXsOB2","movColor":"kXsOB2","error-block":"o0ZKEb","errorBlock":"o0ZKEb","icons-block":"nsST0N","iconsBlock":"nsST0N"};
|
|
5802
5801
|
|
|
5803
5802
|
const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5804
5803
|
const [isLoadingShow, setIsLoadingShow] = React.useState(true);
|
|
@@ -5917,7 +5916,7 @@ const getErrorPageConfig = () => ({
|
|
|
5917
5916
|
},
|
|
5918
5917
|
});
|
|
5919
5918
|
|
|
5920
|
-
var css$1 = {"container":"
|
|
5919
|
+
var css$1 = {"container":"AvJVYi"};
|
|
5921
5920
|
|
|
5922
5921
|
const ErrorPage = (props) => {
|
|
5923
5922
|
const isMobileScreen = isMobile();
|
|
@@ -5929,7 +5928,7 @@ const ErrorPage = (props) => {
|
|
|
5929
5928
|
props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5930
5929
|
};
|
|
5931
5930
|
|
|
5932
|
-
var css = {"recovery-spinner":"
|
|
5931
|
+
var css = {"recovery-spinner":"awGr1Y","recoverySpinner":"awGr1Y","recovery-message":"_5zTBJW","recoveryMessage":"_5zTBJW","modal-blocker":"qQ18at","modalBlocker":"qQ18at","modalFadeIn":"P9ag6G"};
|
|
5933
5932
|
|
|
5934
5933
|
function ErrorHandler(props) {
|
|
5935
5934
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|