@epam/uui 5.13.3-beta.7 → 5.13.3-beta.9
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/inputs.scss +4 -4
- package/components/overlays/Tooltip.d.ts +4 -1
- package/components/overlays/Tooltip.d.ts.map +1 -1
- package/index.esm.js +109 -109
- package/index.esm.js.map +1 -1
- package/index.js +109 -109
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +1 -19
- package/styles.css +1003 -1003
- package/styles.css.map +1 -1
package/index.esm.js
CHANGED
|
@@ -149,7 +149,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
149
149
|
xmlns: "http://www.w3.org/2000/svg",
|
|
150
150
|
ref: ref
|
|
151
151
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
152
|
-
clipPath: "url(#
|
|
152
|
+
clipPath: "url(#yqph83h7fevc3wbxa_a)"
|
|
153
153
|
}, _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
|
|
154
154
|
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",
|
|
155
155
|
fill: "#F5F6FA"
|
|
@@ -170,7 +170,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
170
170
|
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",
|
|
171
171
|
fill: "#1D1E26"
|
|
172
172
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
173
|
-
id: "
|
|
173
|
+
id: "yqph83hclu9au54tn_b",
|
|
174
174
|
style: {
|
|
175
175
|
maskType: "alpha"
|
|
176
176
|
},
|
|
@@ -183,7 +183,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
183
183
|
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",
|
|
184
184
|
fill: "#9BDEFF"
|
|
185
185
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
186
|
-
mask: "url(#
|
|
186
|
+
mask: "url(#yqph83hclu9au54tn_b)",
|
|
187
187
|
fillRule: "evenodd",
|
|
188
188
|
clipRule: "evenodd"
|
|
189
189
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -269,7 +269,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
269
269
|
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",
|
|
270
270
|
fill: "#fff"
|
|
271
271
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
272
|
-
id: "
|
|
272
|
+
id: "yqph83h7fevc3wbxa_a"
|
|
273
273
|
}, /*#__PURE__*/React.createElement("path", {
|
|
274
274
|
fill: "#fff",
|
|
275
275
|
transform: "translate(.552)",
|
|
@@ -826,14 +826,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
826
826
|
};
|
|
827
827
|
var ForwardRef$b = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
828
828
|
|
|
829
|
-
var css$1y = {"root":"
|
|
829
|
+
var css$1y = {"root":"cRMjGZ","uui-spinner":"lKnmkz","uuiSpinner":"lKnmkz"};
|
|
830
830
|
|
|
831
831
|
function applySpinnerMods() {
|
|
832
832
|
return [css$1y.root, 'uui-spinner'];
|
|
833
833
|
}
|
|
834
834
|
const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
|
|
835
835
|
|
|
836
|
-
var css$1x = {"root":"
|
|
836
|
+
var css$1x = {"root":"yaHWIs","loading-word":"HvMch3","loadingWord":"HvMch3","animated-loading":"LqnpL-","animatedLoading":"LqnpL-","skeleton_loading":"qt-yrB","skeletonLoading":"qt-yrB"};
|
|
837
837
|
|
|
838
838
|
const TextPlaceholder = (props) => {
|
|
839
839
|
const pattern = ' ';
|
|
@@ -1302,7 +1302,7 @@ const settings = {
|
|
|
1302
1302
|
textInput: textInputSettings,
|
|
1303
1303
|
};
|
|
1304
1304
|
|
|
1305
|
-
var css$1w = {"root":"
|
|
1305
|
+
var css$1w = {"root":"CDPwsf"};
|
|
1306
1306
|
|
|
1307
1307
|
function applyButtonMods(mods) {
|
|
1308
1308
|
return [
|
|
@@ -1320,7 +1320,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
1320
1320
|
};
|
|
1321
1321
|
});
|
|
1322
1322
|
|
|
1323
|
-
var css$1v = {"root":"
|
|
1323
|
+
var css$1v = {"root":"bI-NYr"};
|
|
1324
1324
|
|
|
1325
1325
|
function applyIconButtonMods(props) {
|
|
1326
1326
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1v.root];
|
|
@@ -1357,7 +1357,7 @@ function getIconClass(props) {
|
|
|
1357
1357
|
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'];
|
|
1358
1358
|
}
|
|
1359
1359
|
|
|
1360
|
-
var css$1u = {"root":"
|
|
1360
|
+
var css$1u = {"root":"G1kxhi"};
|
|
1361
1361
|
|
|
1362
1362
|
const DEFAULT_COLOR = 'primary';
|
|
1363
1363
|
const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -1387,7 +1387,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1387
1387
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1388
1388
|
});
|
|
1389
1389
|
|
|
1390
|
-
var css$1t = {"root":"
|
|
1390
|
+
var css$1t = {"root":"rpTQcO"};
|
|
1391
1391
|
|
|
1392
1392
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1393
1393
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1399,7 +1399,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1399
1399
|
]) }, props.caption));
|
|
1400
1400
|
});
|
|
1401
1401
|
|
|
1402
|
-
var css$1s = {"root":"
|
|
1402
|
+
var css$1s = {"root":"hB5v8N","withNotify":"-VO5bI"};
|
|
1403
1403
|
|
|
1404
1404
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
1405
1405
|
const styles = [
|
|
@@ -1427,20 +1427,20 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1427
1427
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1428
1428
|
});
|
|
1429
1429
|
|
|
1430
|
-
var css$1r = {"root":"
|
|
1430
|
+
var css$1r = {"root":"_8b3m5d"};
|
|
1431
1431
|
|
|
1432
1432
|
function applyVerticalTabButtonMods() {
|
|
1433
1433
|
return [css$1r.root, 'uui-vertical-tab-button'];
|
|
1434
1434
|
}
|
|
1435
1435
|
const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
|
|
1436
1436
|
|
|
1437
|
-
var css$1q = {"root":"
|
|
1437
|
+
var css$1q = {"root":"R6E9iw"};
|
|
1438
1438
|
|
|
1439
1439
|
function applyCheckboxMods(mods) {
|
|
1440
1440
|
return [
|
|
1441
1441
|
css$1q.root,
|
|
1442
1442
|
`uui-size-${mods.size || settings.checkbox.sizes.default}`,
|
|
1443
|
-
|
|
1443
|
+
'uui-control-mode-' + (mods.mode || 'form'),
|
|
1444
1444
|
'uui-color-primary',
|
|
1445
1445
|
];
|
|
1446
1446
|
}
|
|
@@ -1452,7 +1452,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1452
1452
|
};
|
|
1453
1453
|
const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1454
1454
|
|
|
1455
|
-
var css$1p = {"root":"
|
|
1455
|
+
var css$1p = {"root":"bngsKE"};
|
|
1456
1456
|
|
|
1457
1457
|
function applyRadioInputMods(mods) {
|
|
1458
1458
|
return [
|
|
@@ -1464,7 +1464,7 @@ function applyRadioInputMods(mods) {
|
|
|
1464
1464
|
}
|
|
1465
1465
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1466
1466
|
|
|
1467
|
-
var css$1o = {"root":"
|
|
1467
|
+
var css$1o = {"root":"DPnuM9"};
|
|
1468
1468
|
|
|
1469
1469
|
function applySwitchMods(mods) {
|
|
1470
1470
|
return [
|
|
@@ -1488,14 +1488,14 @@ var EditMode;
|
|
|
1488
1488
|
EditMode["INLINE"] = "inline";
|
|
1489
1489
|
})(EditMode || (EditMode = {}));
|
|
1490
1490
|
|
|
1491
|
-
var textInputCss = {"root":"
|
|
1491
|
+
var textInputCss = {"root":"aLRSCa"};
|
|
1492
1492
|
|
|
1493
1493
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1494
1494
|
function applyTextInputMods(mods) {
|
|
1495
1495
|
return [
|
|
1496
1496
|
textInputCss.root,
|
|
1497
1497
|
`uui-size-${mods.size || settings.textInput.sizes.default}`,
|
|
1498
|
-
|
|
1498
|
+
'uui-control-mode-' + (mods.mode || DEFAULT_MODE$3),
|
|
1499
1499
|
];
|
|
1500
1500
|
}
|
|
1501
1501
|
const TextInput = /* @__PURE__ */withMods(TextInput$1, applyTextInputMods, () => ({
|
|
@@ -1513,7 +1513,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1513
1513
|
} }));
|
|
1514
1514
|
});
|
|
1515
1515
|
|
|
1516
|
-
var css$1n = {"root":"
|
|
1516
|
+
var css$1n = {"root":"diwJgZ"};
|
|
1517
1517
|
|
|
1518
1518
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1n.root, 'uui-control-group']);
|
|
1519
1519
|
|
|
@@ -1529,7 +1529,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1529
1529
|
}
|
|
1530
1530
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
1531
1531
|
|
|
1532
|
-
var css$1m = {"root":"
|
|
1532
|
+
var css$1m = {"root":"F-llcE"};
|
|
1533
1533
|
|
|
1534
1534
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1535
1535
|
function applyNumericInputMods(mods) {
|
|
@@ -1537,7 +1537,7 @@ function applyNumericInputMods(mods) {
|
|
|
1537
1537
|
textInputCss.root,
|
|
1538
1538
|
css$1m.root,
|
|
1539
1539
|
`uui-size-${mods.size || settings.numericInput.sizes.default}`,
|
|
1540
|
-
|
|
1540
|
+
'uui-control-mode-' + (mods.mode || DEFAULT_MODE$2),
|
|
1541
1541
|
];
|
|
1542
1542
|
}
|
|
1543
1543
|
const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMods, (props) => {
|
|
@@ -1549,7 +1549,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
1549
1549
|
};
|
|
1550
1550
|
});
|
|
1551
1551
|
|
|
1552
|
-
var css$1l = {"root":"
|
|
1552
|
+
var css$1l = {"root":"EO1-36"};
|
|
1553
1553
|
|
|
1554
1554
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1555
1555
|
function applyTextAreaMods(mods) {
|
|
@@ -1557,7 +1557,7 @@ function applyTextAreaMods(mods) {
|
|
|
1557
1557
|
css$1l.root,
|
|
1558
1558
|
'uui-textarea',
|
|
1559
1559
|
'uui-size-' + (mods.size || settings.textArea.sizes.default),
|
|
1560
|
-
|
|
1560
|
+
'uui-control-mode-' + (mods.mode || DEFAULT_MODE$1),
|
|
1561
1561
|
];
|
|
1562
1562
|
}
|
|
1563
1563
|
const TextArea = /* @__PURE__ */withMods(TextArea$1, applyTextAreaMods, (props) => {
|
|
@@ -1590,7 +1590,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1590
1590
|
};
|
|
1591
1591
|
}
|
|
1592
1592
|
|
|
1593
|
-
var css$1k = {"root":"
|
|
1593
|
+
var css$1k = {"root":"_5qpu00","main-path":"yn5tAr","mainPath":"yn5tAr","content-wrapper":"xG8U4Y","contentWrapper":"xG8U4Y","content":"SFuqla","action-wrapper":"_91cQkc","actionWrapper":"_91cQkc","icon-wrapper":"e4xMMt","iconWrapper":"e4xMMt","icon":"_0lmjdF","close-icon":"EMNL2t","closeIcon":"EMNL2t"};
|
|
1594
1594
|
|
|
1595
1595
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1k.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
1596
1596
|
React.createElement("div", { className: css$1k.mainPath },
|
|
@@ -1608,7 +1608,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
1608
1608
|
|
|
1609
1609
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
1610
1610
|
|
|
1611
|
-
var css$1j = {"root":"
|
|
1611
|
+
var css$1j = {"root":"eCD1I2"};
|
|
1612
1612
|
|
|
1613
1613
|
function applyDropdownContainerMods(mods) {
|
|
1614
1614
|
return [
|
|
@@ -1619,7 +1619,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1619
1619
|
}
|
|
1620
1620
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
1621
1621
|
|
|
1622
|
-
var css$1i = {"submenu-root-item-rtl":"
|
|
1622
|
+
var css$1i = {"submenu-root-item-rtl":"_84IOy6","submenuRootItemRtl":"_84IOy6","icon-after":"aHERJ-","iconAfter":"aHERJ-","submenu-root-item":"r9hWgS","submenuRootItem":"r9hWgS","icon-check":"Lg9xro","iconCheck":"Lg9xro","splitter-root":"g42IC9","splitterRoot":"g42IC9","splitter":"hwKoAC","header-root":"Wtmf4J","headerRoot":"Wtmf4J","item-root":"V09E7U","itemRoot":"V09E7U","icon":"dCgi9N","link":"DyuZZa","indent":"O-ktJX","selected-mark":"Jz9GBL","selectedMark":"Jz9GBL"};
|
|
1623
1623
|
|
|
1624
1624
|
var IDropdownControlKeys;
|
|
1625
1625
|
(function (IDropdownControlKeys) {
|
|
@@ -1749,7 +1749,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1749
1749
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1750
1750
|
}
|
|
1751
1751
|
|
|
1752
|
-
var css$1h = {"root":"
|
|
1752
|
+
var css$1h = {"root":"cRveIx","mode-block":"_7W-3XJ","modeBlock":"_7W-3XJ","mode-inline":"esvdQp","modeInline":"esvdQp","padding-0":"YTH9e9","padding0":"YTH9e9","padding-6":"RP-qE5","padding6":"RP-qE5","padding-12":"zGHIvA","padding12":"zGHIvA","padding-18":"B-iQs-","padding18":"B-iQs-"};
|
|
1753
1753
|
|
|
1754
1754
|
function applyAccordionMods(mods) {
|
|
1755
1755
|
return [
|
|
@@ -1762,7 +1762,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
1762
1762
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
1763
1763
|
}));
|
|
1764
1764
|
|
|
1765
|
-
var css$1g = {"root":"
|
|
1765
|
+
var css$1g = {"root":"xVYNtD","align-items":"FA-Lp8","alignItems":"FA-Lp8","justify-content":"JfmF-K","justifyContent":"JfmF-K","border-top":"LsZl5Z","borderTop":"LsZl5Z","border-bottom":"EfaPOI","borderBottom":"EfaPOI","top-shadow":"i6czcv","topShadow":"i6czcv","padding":"MvSwZk","margin":"_20yHZ-","vPadding":"LHZ-Pt","column-gap":"_883hiV","columnGap":"_883hiV","row-gap":"_8Ca4lF","rowGap":"_8Ca4lF","spacing":"eCcFbj"};
|
|
1766
1766
|
|
|
1767
1767
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1g.flexCell]);
|
|
1768
1768
|
|
|
@@ -1807,7 +1807,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1807
1807
|
} }, props.children));
|
|
1808
1808
|
});
|
|
1809
1809
|
|
|
1810
|
-
var css$1f = {"root":"
|
|
1810
|
+
var css$1f = {"root":"_3AK5L-","margin-24":"_4C3Yne","margin24":"_4C3Yne","padding-12":"uyjO6L","padding12":"uyjO6L","padding-24":"f7Gw92","padding24":"f7Gw92","shadow":"l8Dym1","uui-surface-main":"-ccAYK","uuiSurfaceMain":"-ccAYK"};
|
|
1811
1811
|
|
|
1812
1812
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
1813
1813
|
'uui-panel',
|
|
@@ -1817,7 +1817,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
1817
1817
|
props.background && css$1f[`uui-${props.background}`],
|
|
1818
1818
|
]);
|
|
1819
1819
|
|
|
1820
|
-
var css$1e = {"root":"
|
|
1820
|
+
var css$1e = {"root":"nWz5fJ"};
|
|
1821
1821
|
|
|
1822
1822
|
function applyTooltipMods(mods) {
|
|
1823
1823
|
return [
|
|
@@ -1827,7 +1827,7 @@ function applyTooltipMods(mods) {
|
|
|
1827
1827
|
}
|
|
1828
1828
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
1829
1829
|
|
|
1830
|
-
var css$1d = {"root":"
|
|
1830
|
+
var css$1d = {"root":"MnQVAE"};
|
|
1831
1831
|
|
|
1832
1832
|
function applyLabeledInputMods(mods) {
|
|
1833
1833
|
return [
|
|
@@ -1844,7 +1844,7 @@ function applyLabeledInputProps(props) {
|
|
|
1844
1844
|
}
|
|
1845
1845
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
1846
1846
|
|
|
1847
|
-
var css$1c = {"root":"
|
|
1847
|
+
var css$1c = {"root":"UPO2XB"};
|
|
1848
1848
|
|
|
1849
1849
|
function RadioGroup(props) {
|
|
1850
1850
|
const direction = props.direction || 'vertical';
|
|
@@ -1859,7 +1859,7 @@ function RadioGroup(props) {
|
|
|
1859
1859
|
})));
|
|
1860
1860
|
}
|
|
1861
1861
|
|
|
1862
|
-
var css$1b = {"root":"
|
|
1862
|
+
var css$1b = {"root":"cRcuxG"};
|
|
1863
1863
|
|
|
1864
1864
|
function applyScrollBarsMods() {
|
|
1865
1865
|
return [
|
|
@@ -1868,9 +1868,9 @@ function applyScrollBarsMods() {
|
|
|
1868
1868
|
}
|
|
1869
1869
|
const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
|
|
1870
1870
|
|
|
1871
|
-
var css$1a = {"scroll-container":"
|
|
1871
|
+
var css$1a = {"scroll-container":"qy9ZaS","scrollContainer":"qy9ZaS","list-container":"IxLb-G","listContainer":"IxLb-G"};
|
|
1872
1872
|
|
|
1873
|
-
var css$19 = {"root":"
|
|
1873
|
+
var css$19 = {"root":"GT8Pna"};
|
|
1874
1874
|
|
|
1875
1875
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$19.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
1876
1876
|
|
|
@@ -1916,7 +1916,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1916
1916
|
React.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
1917
1917
|
});
|
|
1918
1918
|
|
|
1919
|
-
var css$18 = {"root":"
|
|
1919
|
+
var css$18 = {"root":"xm2eFx"};
|
|
1920
1920
|
|
|
1921
1921
|
function CheckboxGroup(props) {
|
|
1922
1922
|
const currentValue = props.value || [];
|
|
@@ -1938,7 +1938,7 @@ function CheckboxGroup(props) {
|
|
|
1938
1938
|
})));
|
|
1939
1939
|
}
|
|
1940
1940
|
|
|
1941
|
-
var css$17 = {"root":"
|
|
1941
|
+
var css$17 = {"root":"g-CXwd","modal-blocker":"QDAUpc","modalBlocker":"QDAUpc","animateModalBlocker":"_7xQjO7","modal":"Y3Eup5","modal-footer":"KOcaY9","modalFooter":"KOcaY9","border-top":"WAkBAT","borderTop":"WAkBAT","modal-header":"_4-Yos2","modalHeader":"_4-Yos2","border-bottom":"tugov2","borderBottom":"tugov2"};
|
|
1942
1942
|
|
|
1943
1943
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$17.modalBlocker]);
|
|
1944
1944
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$17.root, css$17.modal], (props) => {
|
|
@@ -2128,7 +2128,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2128
2128
|
});
|
|
2129
2129
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2130
2130
|
|
|
2131
|
-
var css$16 = {"root":"
|
|
2131
|
+
var css$16 = {"root":"_9uX54R","icon-wrapper":"XmvlDh","iconWrapper":"XmvlDh","action-wrapper":"So5t-A","actionWrapper":"So5t-A","action-link":"SaaZ-S","actionLink":"SaaZ-S","close-icon":"w5RrfI","closeIcon":"w5RrfI","main-path":"JM1dSD","mainPath":"JM1dSD","content":"gnLvNA","close-wrapper":"hc-SDi","closeWrapper":"hc-SDi","notification-wrapper":"nn7FqC","notificationWrapper":"nn7FqC","clear-button":"Vuaspg","clearButton":"Vuaspg"};
|
|
2132
2132
|
|
|
2133
2133
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
2134
2134
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -2161,7 +2161,7 @@ function ClearNotification() {
|
|
|
2161
2161
|
React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2162
2162
|
}
|
|
2163
2163
|
|
|
2164
|
-
var css$15 = {"footer":"
|
|
2164
|
+
var css$15 = {"footer":"ku-R3i"};
|
|
2165
2165
|
|
|
2166
2166
|
class ConfirmationModal extends React.Component {
|
|
2167
2167
|
render() {
|
|
@@ -2203,7 +2203,7 @@ function useReliableForceUpdate() {
|
|
|
2203
2203
|
return red[1];
|
|
2204
2204
|
}
|
|
2205
2205
|
|
|
2206
|
-
var css$14 = {"root":"
|
|
2206
|
+
var css$14 = {"root":"W3awS6","timepicker-input":"_4i876z","timepickerInput":"_4i876z","ltr-always":"P5AowB","ltrAlways":"P5AowB"};
|
|
2207
2207
|
|
|
2208
2208
|
const uuiTimePicker = {
|
|
2209
2209
|
container: 'uui-timepicker-container',
|
|
@@ -2396,7 +2396,7 @@ function TimePicker(props) {
|
|
|
2396
2396
|
return (React__default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
|
|
2397
2397
|
}
|
|
2398
2398
|
|
|
2399
|
-
var css$13 = {"root":"
|
|
2399
|
+
var css$13 = {"root":"PTRsOi"};
|
|
2400
2400
|
|
|
2401
2401
|
function applyInputAddonMods() {
|
|
2402
2402
|
return [
|
|
@@ -2405,14 +2405,14 @@ function applyInputAddonMods() {
|
|
|
2405
2405
|
}
|
|
2406
2406
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
2407
2407
|
|
|
2408
|
-
var css$12 = {"root":"
|
|
2408
|
+
var css$12 = {"root":"iDhoYe"};
|
|
2409
2409
|
|
|
2410
2410
|
function applySliderMods() {
|
|
2411
2411
|
return [css$12.root, 'uui-color-neutral'];
|
|
2412
2412
|
}
|
|
2413
2413
|
const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
|
|
2414
2414
|
|
|
2415
|
-
var css$11 = {"root":"
|
|
2415
|
+
var css$11 = {"root":"oaDPSD","tooltip":"gJ3UnC"};
|
|
2416
2416
|
|
|
2417
2417
|
function applyRatingMods(mods) {
|
|
2418
2418
|
return [
|
|
@@ -2426,7 +2426,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
|
|
|
2426
2426
|
Tooltip,
|
|
2427
2427
|
}));
|
|
2428
2428
|
|
|
2429
|
-
var css$10 = {"root":"
|
|
2429
|
+
var css$10 = {"root":"grnBK6","container":"vPjM3I"};
|
|
2430
2430
|
|
|
2431
2431
|
const defaultFormat = 'MMM D, YYYY';
|
|
2432
2432
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2637,14 +2637,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2637
2637
|
React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2638
2638
|
}
|
|
2639
2639
|
|
|
2640
|
-
var css$$ = {"root":"
|
|
2640
|
+
var css$$ = {"root":"Gm0bUf"};
|
|
2641
2641
|
|
|
2642
2642
|
function applyDateSelectionMods() {
|
|
2643
2643
|
return [css$$.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2644
2644
|
}
|
|
2645
2645
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
2646
2646
|
|
|
2647
|
-
var css$_ = {"root":"
|
|
2647
|
+
var css$_ = {"root":"jaLQdU"};
|
|
2648
2648
|
|
|
2649
2649
|
const uuiDatePickerBody = {
|
|
2650
2650
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2770,7 +2770,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2770
2770
|
}
|
|
2771
2771
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
2772
2772
|
|
|
2773
|
-
var css$Z = {"date-input":"
|
|
2773
|
+
var css$Z = {"date-input":"Gd1KGW","dateInput":"Gd1KGW","root":"onjTAC","separator":"_4RHn4v"};
|
|
2774
2774
|
|
|
2775
2775
|
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
|
|
2776
2776
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
@@ -2821,7 +2821,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
2821
2821
|
} : 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 })));
|
|
2822
2822
|
});
|
|
2823
2823
|
|
|
2824
|
-
var css$Y = {"root":"
|
|
2824
|
+
var css$Y = {"root":"UlIU3s"};
|
|
2825
2825
|
|
|
2826
2826
|
const uuiPresets = {
|
|
2827
2827
|
container: 'uui-presets-container',
|
|
@@ -2841,7 +2841,7 @@ function CalendarPresets(props) {
|
|
|
2841
2841
|
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
2842
2842
|
}
|
|
2843
2843
|
|
|
2844
|
-
var css$X = {"root":"
|
|
2844
|
+
var css$X = {"root":"tFWyxA","container":"lWq8to","day-selection":"PJH8Dt","daySelection":"PJH8Dt","from-picker":"u4OEo1","fromPicker":"u4OEo1","to-picker":"TdBtoO","toPicker":"TdBtoO","bodes-wrapper":"s2QATA","bodesWrapper":"s2QATA","blocker":"pDtagb"};
|
|
2845
2845
|
|
|
2846
2846
|
const uuiRangeDatePickerBody = {
|
|
2847
2847
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3016,7 +3016,7 @@ const getDayCX = (day, selectedDate) => {
|
|
|
3016
3016
|
return [cx$1(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiDaySelection.selectedDay)];
|
|
3017
3017
|
};
|
|
3018
3018
|
|
|
3019
|
-
var css$W = {"dropdown-container":"
|
|
3019
|
+
var css$W = {"dropdown-container":"t7MZyc","dropdownContainer":"t7MZyc"};
|
|
3020
3020
|
|
|
3021
3021
|
const modifiers = [{
|
|
3022
3022
|
name: 'offset',
|
|
@@ -3084,7 +3084,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3084
3084
|
}
|
|
3085
3085
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3086
3086
|
|
|
3087
|
-
var css$V = {"root":"
|
|
3087
|
+
var css$V = {"root":"IEZIyM","blocker":"lilP1j","marker":"Tx6jU-","top":"_9Blr7Z","bottom":"RZRdM1","left":"YZ-Fh-","right":"utHPit","inside":"ZrYEV1"};
|
|
3088
3088
|
|
|
3089
3089
|
function DropMarker(props) {
|
|
3090
3090
|
return props.isDndInProgress
|
|
@@ -3099,7 +3099,7 @@ function DropMarker(props) {
|
|
|
3099
3099
|
: null;
|
|
3100
3100
|
}
|
|
3101
3101
|
|
|
3102
|
-
var css$U = {"root":"
|
|
3102
|
+
var css$U = {"root":"LQponr","line-height":"N5fUBh","lineHeight":"N5fUBh","font-size":"vLsWhA","fontSize":"vLsWhA"};
|
|
3103
3103
|
|
|
3104
3104
|
function applyTextMods(mods) {
|
|
3105
3105
|
return [
|
|
@@ -3128,7 +3128,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
|
|
|
3128
3128
|
|
|
3129
3129
|
const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3130
3130
|
|
|
3131
|
-
var css$T = {"modal":"
|
|
3131
|
+
var css$T = {"modal":"sE4jWl","search-wrapper":"_0qoAfz","searchWrapper":"_0qoAfz","no-data":"zXqlCk","noData":"zXqlCk","type-search-to-load-size-24":"Hm4xvP","typeSearchToLoadSize24":"Hm4xvP"};
|
|
3132
3132
|
|
|
3133
3133
|
class DataPickerBody extends PickerBodyBase {
|
|
3134
3134
|
constructor() {
|
|
@@ -3179,7 +3179,7 @@ class DataPickerBody extends PickerBodyBase {
|
|
|
3179
3179
|
}
|
|
3180
3180
|
}
|
|
3181
3181
|
|
|
3182
|
-
var css$S = {"footer":"
|
|
3182
|
+
var css$S = {"footer":"tQ4G05"};
|
|
3183
3183
|
|
|
3184
3184
|
function DataPickerFooterImpl(props) {
|
|
3185
3185
|
const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
|
|
@@ -3205,7 +3205,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3205
3205
|
}
|
|
3206
3206
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
3207
3207
|
|
|
3208
|
-
var css$R = {"header":"
|
|
3208
|
+
var css$R = {"header":"dVO5hC","title":"aebien","close":"Kw9gdx"};
|
|
3209
3209
|
|
|
3210
3210
|
const DataPickerHeaderImpl = (props) => {
|
|
3211
3211
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3215,11 +3215,11 @@ const DataPickerHeaderImpl = (props) => {
|
|
|
3215
3215
|
};
|
|
3216
3216
|
const DataPickerHeader = /* @__PURE__ */React__default.memo(DataPickerHeaderImpl);
|
|
3217
3217
|
|
|
3218
|
-
var css$Q = {"root":"
|
|
3218
|
+
var css$Q = {"root":"QwWz01"};
|
|
3219
3219
|
|
|
3220
3220
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$Q.root]);
|
|
3221
3221
|
|
|
3222
|
-
var css$P = {"root":"
|
|
3222
|
+
var css$P = {"root":"rpIBhu"};
|
|
3223
3223
|
|
|
3224
3224
|
const DEFAULT_FILL = 'solid';
|
|
3225
3225
|
function applyBadgeMods(mods) {
|
|
@@ -3247,7 +3247,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3247
3247
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3248
3248
|
});
|
|
3249
3249
|
|
|
3250
|
-
var css$O = {"root":"
|
|
3250
|
+
var css$O = {"root":"M2IpDL"};
|
|
3251
3251
|
|
|
3252
3252
|
function applyTagMods(props) {
|
|
3253
3253
|
return [
|
|
@@ -3275,7 +3275,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3275
3275
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3276
3276
|
});
|
|
3277
3277
|
|
|
3278
|
-
var css$N = {"root":"
|
|
3278
|
+
var css$N = {"root":"_4AkWZw","page":"_8tBEPW","spacer":"_1-tYCs","mode-ghost":"aT8kx4","modeGhost":"aT8kx4"};
|
|
3279
3279
|
|
|
3280
3280
|
function Paginator(props) {
|
|
3281
3281
|
const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx(css$N.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
@@ -3292,14 +3292,14 @@ function Paginator(props) {
|
|
|
3292
3292
|
return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
|
|
3293
3293
|
}
|
|
3294
3294
|
|
|
3295
|
-
var css$M = {"root":"
|
|
3295
|
+
var css$M = {"root":"_0YF3D1","progress-bar":"_1fyh-w","progressBar":"_1fyh-w","progressBar-indeterminate":"_6AWema","progressBarIndeterminate":"_6AWema","size-12":"QjjtpM","size12":"QjjtpM","size-18":"XubEU3","size18":"XubEU3","size-24":"fhG3mw","size24":"fhG3mw"};
|
|
3296
3296
|
|
|
3297
3297
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3298
3298
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$M.root, css$M[`size-${props.size || 12}`]) },
|
|
3299
3299
|
React.createElement("div", { className: cx(css$M.progressBar) })));
|
|
3300
3300
|
});
|
|
3301
3301
|
|
|
3302
|
-
var css$L = {"root":"
|
|
3302
|
+
var css$L = {"root":"uLSjA9","striped":"_5opIHv","animate-stripes":"KqCU3z","animateStripes":"KqCU3z","size-12":"dX0UEm","size12":"dX0UEm","size-18":"R3ZB-k","size18":"R3ZB-k","size-24":"_9KPrVS","size24":"_9KPrVS"};
|
|
3303
3303
|
|
|
3304
3304
|
const DEFAULT_SIZE = '12';
|
|
3305
3305
|
function applyProgressBarMods(mods) {
|
|
@@ -3314,14 +3314,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
3314
3314
|
hideLabel: props.hideLabel || props.striped,
|
|
3315
3315
|
}));
|
|
3316
3316
|
|
|
3317
|
-
var css$K = {"root":"
|
|
3317
|
+
var css$K = {"root":"D9GLKs"};
|
|
3318
3318
|
|
|
3319
3319
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3320
3320
|
const { progress } = props;
|
|
3321
3321
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$K.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$K.root, props.cx) }));
|
|
3322
3322
|
});
|
|
3323
3323
|
|
|
3324
|
-
var css$J = {"root":"
|
|
3324
|
+
var css$J = {"root":"xnn6jz"};
|
|
3325
3325
|
|
|
3326
3326
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
3327
3327
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -3336,7 +3336,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
3336
3336
|
React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3337
3337
|
});
|
|
3338
3338
|
|
|
3339
|
-
var css$I = {"drag-handle":"
|
|
3339
|
+
var css$I = {"drag-handle":"_4wgX84","dragHandle":"_4wgX84","icon-container":"Ey1V-s","iconContainer":"Ey1V-s"};
|
|
3340
3340
|
|
|
3341
3341
|
function DataRowAddons(props) {
|
|
3342
3342
|
const row = props.rowProps;
|
|
@@ -3357,7 +3357,7 @@ function DataRowAddons(props) {
|
|
|
3357
3357
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.dataTable.sizes.body.iconMap[props.size || settings.dataTable.sizes.body.row] }))))));
|
|
3358
3358
|
}
|
|
3359
3359
|
|
|
3360
|
-
var css$H = {"root":"
|
|
3360
|
+
var css$H = {"root":"beeVRC","align-widgets-top":"FjVz2M","alignWidgetsTop":"FjVz2M","align-widgets-center":"XjEtz-","alignWidgetsCenter":"XjEtz-","icon-container":"UYPFRz","iconContainer":"UYPFRz","loading-cell":"CFpFxu","loadingCell":"CFpFxu","content-wrapper":"FkMBXN","contentWrapper":"FkMBXN","render-item":"xTp0Rp","renderItem":"xTp0Rp","icon-wrapper":"Xeo5vF","iconWrapper":"Xeo5vF","icon-default":"zIdYld","iconDefault":"zIdYld","selected-mark":"Ayabik","selectedMark":"Ayabik"};
|
|
3361
3361
|
|
|
3362
3362
|
function DataPickerCell(props) {
|
|
3363
3363
|
const ref = React.useRef();
|
|
@@ -3397,7 +3397,7 @@ function DataPickerCell(props) {
|
|
|
3397
3397
|
getWrappedContent()));
|
|
3398
3398
|
}
|
|
3399
3399
|
|
|
3400
|
-
var css$G = {"picker-row":"
|
|
3400
|
+
var css$G = {"picker-row":"HHiXqU","pickerRow":"HHiXqU"};
|
|
3401
3401
|
|
|
3402
3402
|
class DataPickerRow extends React.Component {
|
|
3403
3403
|
constructor() {
|
|
@@ -3411,7 +3411,7 @@ class DataPickerRow extends React.Component {
|
|
|
3411
3411
|
}
|
|
3412
3412
|
}
|
|
3413
3413
|
|
|
3414
|
-
var css$F = {"done":"
|
|
3414
|
+
var css$F = {"done":"zt2kVb","container":"va7Rto"};
|
|
3415
3415
|
|
|
3416
3416
|
const PickerBodyMobileView = (props) => {
|
|
3417
3417
|
const isMobileView = isMobile();
|
|
@@ -3488,7 +3488,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3488
3488
|
return getDecoratedText(str, ranges);
|
|
3489
3489
|
};
|
|
3490
3490
|
|
|
3491
|
-
var css$E = {"root":"
|
|
3491
|
+
var css$E = {"root":"TY0A-u","column-gap":"_3oEkAl","columnGap":"_3oEkAl","title":"HbrDCD","subtitle":"_84c38n","disabled":"hd3bc8","multiline":"EwiB25"};
|
|
3492
3492
|
|
|
3493
3493
|
function PickerItem(props) {
|
|
3494
3494
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3509,7 +3509,7 @@ function getAvatarSize(size, isMultiline) {
|
|
|
3509
3509
|
return settings.pickerInput.sizes.body[isMultiline ? 'itemAvatarMultilineMap' : 'itemAvatarMap'][size];
|
|
3510
3510
|
}
|
|
3511
3511
|
|
|
3512
|
-
var css$D = {"sub-header-wrapper":"
|
|
3512
|
+
var css$D = {"sub-header-wrapper":"qfzjIb","subHeaderWrapper":"qfzjIb","switch":"icvr3-","no-found-modal-container":"_8pvsuT","noFoundModalContainer":"_8pvsuT","no-found-modal-container-icon":"rR3v4-","noFoundModalContainerIcon":"rR3v4-","no-found-modal-container-text":"MASOhN","noFoundModalContainerText":"MASOhN"};
|
|
3513
3513
|
|
|
3514
3514
|
function PickerModal(props) {
|
|
3515
3515
|
const { view, selection, dataSourceStateLens, dataSourceState, getDataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
|
|
@@ -3564,7 +3564,7 @@ function PickerModal(props) {
|
|
|
3564
3564
|
React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3565
3565
|
}
|
|
3566
3566
|
|
|
3567
|
-
var css$C = {"tooltip":"-
|
|
3567
|
+
var css$C = {"tooltip":"HBzE-z"};
|
|
3568
3568
|
|
|
3569
3569
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3570
3570
|
const tagProps = {
|
|
@@ -3583,7 +3583,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
3583
3583
|
}
|
|
3584
3584
|
});
|
|
3585
3585
|
|
|
3586
|
-
var css$B = {"root":"
|
|
3586
|
+
var css$B = {"root":"jahXu0"};
|
|
3587
3587
|
|
|
3588
3588
|
const defaultMode = EditMode.FORM;
|
|
3589
3589
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3591,7 +3591,7 @@ function applyPickerTogglerMods(mods) {
|
|
|
3591
3591
|
css$B.root,
|
|
3592
3592
|
'uui-picker_toggler',
|
|
3593
3593
|
`uui-size-${mods.size || settings.pickerInput.sizes.toggler.default}`,
|
|
3594
|
-
|
|
3594
|
+
'uui-control-mode-' + (mods.mode || defaultMode),
|
|
3595
3595
|
];
|
|
3596
3596
|
}
|
|
3597
3597
|
function PickerTogglerComponent(props, ref) {
|
|
@@ -3684,7 +3684,7 @@ function PickerInputComponent({ highlightSearchMatches = true, ...props }, ref)
|
|
|
3684
3684
|
}
|
|
3685
3685
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
3686
3686
|
|
|
3687
|
-
var css$A = {"row":"
|
|
3687
|
+
var css$A = {"row":"_2i8xdC"};
|
|
3688
3688
|
|
|
3689
3689
|
function PickerListItem(props) {
|
|
3690
3690
|
let label;
|
|
@@ -3704,7 +3704,7 @@ function PickerListItem(props) {
|
|
|
3704
3704
|
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));
|
|
3705
3705
|
}
|
|
3706
3706
|
|
|
3707
|
-
var css$z = {"root":"
|
|
3707
|
+
var css$z = {"root":"SQ8kNt"};
|
|
3708
3708
|
|
|
3709
3709
|
function PickerList(props) {
|
|
3710
3710
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -3739,7 +3739,7 @@ function PickerList(props) {
|
|
|
3739
3739
|
}, selectedRows)));
|
|
3740
3740
|
}
|
|
3741
3741
|
|
|
3742
|
-
var css$y = {"root":"
|
|
3742
|
+
var css$y = {"root":"_1b3MF-","wrapper":"gj-m-o","align-widgets-top":"qkhWsV","alignWidgetsTop":"qkhWsV","align-widgets-center":"tj15A3","alignWidgetsCenter":"tj15A3"};
|
|
3743
3743
|
|
|
3744
3744
|
function DataTableCell(initialProps) {
|
|
3745
3745
|
const props = { ...initialProps };
|
|
@@ -3787,7 +3787,7 @@ function DataTableCell(initialProps) {
|
|
|
3787
3787
|
return React.createElement(DataTableCell$1, { ...props });
|
|
3788
3788
|
}
|
|
3789
3789
|
|
|
3790
|
-
var css$x = {"root":"
|
|
3790
|
+
var css$x = {"root":"Owy-lG"};
|
|
3791
3791
|
|
|
3792
3792
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3793
3793
|
// 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.
|
|
@@ -3803,7 +3803,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
3803
3803
|
];
|
|
3804
3804
|
}, () => propsMods);
|
|
3805
3805
|
|
|
3806
|
-
var css$w = {"sorting-panel-container":"
|
|
3806
|
+
var css$w = {"sorting-panel-container":"_2313Zc","sortingPanelContainer":"_2313Zc"};
|
|
3807
3807
|
|
|
3808
3808
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
3809
3809
|
const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -3828,7 +3828,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
3828
3828
|
};
|
|
3829
3829
|
const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
|
|
3830
3830
|
|
|
3831
|
-
var css$v = {"root":"
|
|
3831
|
+
var css$v = {"root":"eZi3sl","caption-wrapper":"J7bKAz","captionWrapper":"J7bKAz","sort-icon":"_1q0PNk","sortIcon":"_1q0PNk","dropdown-icon":"uDHcZJ","dropdownIcon":"uDHcZJ","infoIcon":"I2Eck4","resizable":"_9ev0u8","align-right":"Fi4zky","alignRight":"Fi4zky","align-center":"_9L1OJm","alignCenter":"_9L1OJm","caption":"kw-cKI","truncate":"_-2zoT0","upper-case":"XMgA--","upperCase":"XMgA--","checkbox":"ut3ooU","icon":"J3LBcm","fold-all-icon":"W1xtf3","foldAllIcon":"W1xtf3","cell-tooltip":"UvJqSH","cellTooltip":"UvJqSH","resizing-marker":"pYtoGK","resizingMarker":"pYtoGK","pinned-right":"_4Mk77A","pinnedRight":"_4Mk77A","draggable":"WGqycI","ghost":"-Pbl-l","is-dragged-out":"CkUdIE","isDraggedOut":"CkUdIE","dnd-marker-left":"J8guzG","dndMarkerLeft":"J8guzG","dnd-marker-right":"JDHnVv","dndMarkerRight":"JDHnVv","cell-tooltip-wrapper":"EYQWg7","cellTooltipWrapper":"EYQWg7","cell-tooltip-text":"_0tHrfB","cellTooltipText":"_0tHrfB","tooltip-caption":"Vrr8CB","tooltipCaption":"Vrr8CB","tooltip-info":"YqdMTp","tooltipInfo":"YqdMTp"};
|
|
3832
3832
|
|
|
3833
3833
|
class DataTableHeaderCell extends React.Component {
|
|
3834
3834
|
constructor() {
|
|
@@ -3922,7 +3922,7 @@ class DataTableHeaderCell extends React.Component {
|
|
|
3922
3922
|
}
|
|
3923
3923
|
}
|
|
3924
3924
|
|
|
3925
|
-
var css$u = {"root":"
|
|
3925
|
+
var css$u = {"root":"etYzCb","caption-wrapper":"eVcXz9","captionWrapper":"eVcXz9","align-center":"_4K6rf-","alignCenter":"_4K6rf-","caption":"pP07EK","truncate":"DAd-k-","upper-case":"CBYsD2","upperCase":"CBYsD2","group-cell-tooltip":"zkPxMC","groupCellTooltip":"zkPxMC","group-cell-tooltip-wrapper":"LgMsuL","groupCellTooltipWrapper":"LgMsuL","group-cell-tooltip-text":"tu6Lbm","groupCellTooltipText":"tu6Lbm","tooltip-caption":"kpN9yg","tooltipCaption":"kpN9yg","tooltip-info":"lzGXLJ","tooltipInfo":"lzGXLJ"};
|
|
3926
3926
|
|
|
3927
3927
|
class DataTableHeaderGroupCell extends React.Component {
|
|
3928
3928
|
constructor() {
|
|
@@ -3962,7 +3962,7 @@ class DataTableHeaderGroupCell extends React.Component {
|
|
|
3962
3962
|
}
|
|
3963
3963
|
}
|
|
3964
3964
|
|
|
3965
|
-
var css$t = {"root":"
|
|
3965
|
+
var css$t = {"root":"IkqpZA"};
|
|
3966
3966
|
|
|
3967
3967
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
3968
3968
|
renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -3975,7 +3975,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
3975
3975
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
3976
3976
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
3977
3977
|
|
|
3978
|
-
var css$s = {"root":"
|
|
3978
|
+
var css$s = {"root":"-EW9wq","title-wrapper":"HL1-1L","titleWrapper":"HL1-1L","title":"yTIG9-","text-wrapper":"NvQxDR","textWrapper":"NvQxDR","selection":"YEyozW","postfix":"KfymxX","selected":"zKi8Pj"};
|
|
3979
3979
|
|
|
3980
3980
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3981
3981
|
const togglerPickerOpened = (e) => {
|
|
@@ -4143,7 +4143,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4143
4143
|
React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
4144
4144
|
}
|
|
4145
4145
|
|
|
4146
|
-
var css$r = {"container":"
|
|
4146
|
+
var css$r = {"container":"ZZyCBc"};
|
|
4147
4147
|
|
|
4148
4148
|
function FilterNumericBody(props) {
|
|
4149
4149
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -4239,7 +4239,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
|
4239
4239
|
};
|
|
4240
4240
|
var ForwardRef$a = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
|
|
4241
4241
|
|
|
4242
|
-
var css$q = {"header":"
|
|
4242
|
+
var css$q = {"header":"ngSrYE","removeButton":"_9yXI21","with-search":"NC5OA9","withSearch":"NC5OA9"};
|
|
4243
4243
|
|
|
4244
4244
|
function useView(props, value) {
|
|
4245
4245
|
const forceUpdate = useForceUpdate();
|
|
@@ -4545,7 +4545,7 @@ function FiltersToolbarImpl(props) {
|
|
|
4545
4545
|
}
|
|
4546
4546
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
4547
4547
|
|
|
4548
|
-
var css$p = {"divider":"
|
|
4548
|
+
var css$p = {"divider":"SByMYc","dropdownDeleteIcon":"NGKX2F","presetsWrapper":"TokbyY","addPresetContainer":"_37J4GH","dropContainer":"_-63b4i"};
|
|
4549
4549
|
|
|
4550
4550
|
var _path$9;
|
|
4551
4551
|
function _extends$9() { return _extends$9 = 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$9.apply(null, arguments); }
|
|
@@ -4626,7 +4626,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
|
|
|
4626
4626
|
};
|
|
4627
4627
|
var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
|
|
4628
4628
|
|
|
4629
|
-
var css$o = {"delete-button":"
|
|
4629
|
+
var css$o = {"delete-button":"dkvHGc","deleteButton":"dkvHGc","tab-button":"-u8d4g","tabButton":"-u8d4g","targetOpen":"z-bGv8"};
|
|
4630
4630
|
|
|
4631
4631
|
function PresetActionsDropdown(props) {
|
|
4632
4632
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -4693,7 +4693,7 @@ function PresetActionsDropdown(props) {
|
|
|
4693
4693
|
return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
4694
4694
|
}
|
|
4695
4695
|
|
|
4696
|
-
var css$n = {"preset-input-cell":"
|
|
4696
|
+
var css$n = {"preset-input-cell":"Y4Se-G","presetInputCell":"Y4Se-G","preset-input":"_5UGaWV","presetInput":"_5UGaWV"};
|
|
4697
4697
|
|
|
4698
4698
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
4699
4699
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -4725,7 +4725,7 @@ function PresetInput(props) {
|
|
|
4725
4725
|
React__default.createElement(TextInput, { cx: css$n.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
4726
4726
|
}
|
|
4727
4727
|
|
|
4728
|
-
var css$m = {"preset":"
|
|
4728
|
+
var css$m = {"preset":"_0TGm2c","activePreset":"_6ml9LK"};
|
|
4729
4729
|
|
|
4730
4730
|
function Preset(props) {
|
|
4731
4731
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -4851,7 +4851,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4851
4851
|
return columns;
|
|
4852
4852
|
};
|
|
4853
4853
|
|
|
4854
|
-
var css$l = {"unpin-icon":"
|
|
4854
|
+
var css$l = {"unpin-icon":"_4PqbmJ","unpinIcon":"_4PqbmJ","pin-toggler-icon":"sBD7Pp","pinTogglerIcon":"sBD7Pp"};
|
|
4855
4855
|
|
|
4856
4856
|
function PinIconButton(props) {
|
|
4857
4857
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4893,7 +4893,7 @@ function getUnpinIcon(params) {
|
|
|
4893
4893
|
}
|
|
4894
4894
|
}
|
|
4895
4895
|
|
|
4896
|
-
var css$k = {"row-wrapper":"
|
|
4896
|
+
var css$k = {"row-wrapper":"xcsWZ2","rowWrapper":"xcsWZ2","pin-icon-button":"MRRCtG","pinIconButton":"MRRCtG","not-pinned":"yALsB-","notPinned":"yALsB-","checkbox":"Y8HLy3","drag-handle":"umnV9v","dragHandle":"umnV9v","dnd-disabled":"HJw5rh","dndDisabled":"HJw5rh"};
|
|
4897
4897
|
|
|
4898
4898
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4899
4899
|
const { column } = props;
|
|
@@ -4916,7 +4916,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
|
4916
4916
|
return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4917
4917
|
});
|
|
4918
4918
|
|
|
4919
|
-
var css$j = {"root":"
|
|
4919
|
+
var css$j = {"root":"nF7NPV","main-panel":"pi4Zt4","mainPanel":"pi4Zt4","group":"Ge1Jja","group-title":"_9Y86jk","groupTitle":"_9Y86jk","group-items":"zejOq4","groupItems":"zejOq4","no-data":"DjSZh3","noData":"DjSZh3","no-data-title":"Hg1V7O","noDataTitle":"Hg1V7O","no-data-sub-title":"aSA5hp","noDataSubTitle":"aSA5hp","h-divider":"kK6J1Q","hDivider":"kK6J1Q","search-area":"w9AR0o","searchArea":"w9AR0o","subgroup-accordion":"_3ggFI3","subgroupAccordion":"_3ggFI3","subgroup":"xKy51G","subgroup-title":"f1KDIx","subgroupTitle":"f1KDIx"};
|
|
4920
4920
|
|
|
4921
4921
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
|
|
4922
4922
|
React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
|
|
@@ -5018,7 +5018,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
5018
5018
|
return [children, rest];
|
|
5019
5019
|
};
|
|
5020
5020
|
|
|
5021
|
-
var css$i = {"listContainer":"
|
|
5021
|
+
var css$i = {"listContainer":"GGcEhH","header":"EB8Rh8","group":"m0muqS","stickyHeader":"fOAgYu"};
|
|
5022
5022
|
|
|
5023
5023
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
5024
5024
|
const rowRef = useRef();
|
|
@@ -5058,7 +5058,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
5058
5058
|
React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
5059
5059
|
}
|
|
5060
5060
|
|
|
5061
|
-
var css$h = {"root":"
|
|
5061
|
+
var css$h = {"root":"_47THun","sticky-header":"-IiBmh","stickyHeader":"-IiBmh","no-results":"Kdj1pN","noResults":"Kdj1pN","icon":"RooR-c","title":"um-paK"};
|
|
5062
5062
|
|
|
5063
5063
|
function DataTable(props) {
|
|
5064
5064
|
const { uuiModals } = useUuiContext();
|
|
@@ -5107,9 +5107,9 @@ function DataTable(props) {
|
|
|
5107
5107
|
} }))));
|
|
5108
5108
|
}
|
|
5109
5109
|
|
|
5110
|
-
var css$g = {"root":"
|
|
5110
|
+
var css$g = {"root":"CmQoue"};
|
|
5111
5111
|
|
|
5112
|
-
var css$f = {"root":"
|
|
5112
|
+
var css$f = {"root":"VpOQh3","burger-content":"OXKDDH","burgerContent":"OXKDDH"};
|
|
5113
5113
|
|
|
5114
5114
|
var _path$3;
|
|
5115
5115
|
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); }
|
|
@@ -5152,7 +5152,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5152
5152
|
};
|
|
5153
5153
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
5154
5154
|
|
|
5155
|
-
var css$e = {"root":"
|
|
5155
|
+
var css$e = {"root":"u3RtOE","button-primary":"_01bnLX","buttonPrimary":"_01bnLX","button-secondary":"T01xhU","buttonSecondary":"T01xhU","hasIcon":"D3R6cK","dropdown":"uAA7B9"};
|
|
5156
5156
|
|
|
5157
5157
|
const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
5158
5158
|
css$e.root,
|
|
@@ -5163,13 +5163,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
|
5163
5163
|
props.icon && css$e.hasIcon,
|
|
5164
5164
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5165
5165
|
|
|
5166
|
-
var css$d = {"search-input":"
|
|
5166
|
+
var css$d = {"search-input":"srghhJ","searchInput":"srghhJ"};
|
|
5167
5167
|
|
|
5168
5168
|
function BurgerSearch(props) {
|
|
5169
5169
|
return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$N, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$R }));
|
|
5170
5170
|
}
|
|
5171
5171
|
|
|
5172
|
-
var css$c = {"root":"
|
|
5172
|
+
var css$c = {"root":"byT0mn","group-header":"oEr6Um","groupHeader":"oEr6Um","group-name":"ewXmCu","groupName":"ewXmCu","line":"FdCTS0"};
|
|
5173
5173
|
|
|
5174
5174
|
function BurgerGroupHeader(props) {
|
|
5175
5175
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5177,7 +5177,7 @@ function BurgerGroupHeader(props) {
|
|
|
5177
5177
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5178
5178
|
}
|
|
5179
5179
|
|
|
5180
|
-
var css$b = {"root":"
|
|
5180
|
+
var css$b = {"root":"EdZV6Y","type-primary":"E0er3A","typePrimary":"E0er3A","type-secondary":"EcV876","typeSecondary":"EcV876"};
|
|
5181
5181
|
|
|
5182
5182
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5183
5183
|
const { type, ...clickableProps } = props;
|
|
@@ -5199,7 +5199,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5199
5199
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$Q, flipY: props.isOpen }))));
|
|
5200
5200
|
});
|
|
5201
5201
|
|
|
5202
|
-
var css$a = {"dropdown-body":"
|
|
5202
|
+
var css$a = {"dropdown-body":"p-djrZ","dropdownBody":"p-djrZ"};
|
|
5203
5203
|
|
|
5204
5204
|
class MainMenuDropdown extends React.Component {
|
|
5205
5205
|
render() {
|
|
@@ -5257,12 +5257,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5257
5257
|
};
|
|
5258
5258
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5259
5259
|
|
|
5260
|
-
var css$9 = {"global-menu-btn":"
|
|
5260
|
+
var css$9 = {"global-menu-btn":"sNhqe3","globalMenuBtn":"sNhqe3","global-menu-icon":"EoQ9CM","globalMenuIcon":"EoQ9CM"};
|
|
5261
5261
|
|
|
5262
5262
|
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 },
|
|
5263
5263
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5264
5264
|
|
|
5265
|
-
var css$8 = {"container":"
|
|
5265
|
+
var css$8 = {"container":"kiemE2","open":"H4e91e","folding-arrow":"rnhVUp","foldingArrow":"rnhVUp"};
|
|
5266
5266
|
|
|
5267
5267
|
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 },
|
|
5268
5268
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5270,15 +5270,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
5270
5270
|
props.isDropdown && (React.createElement("div", null,
|
|
5271
5271
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$Q, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5272
5272
|
|
|
5273
|
-
var css$7 = {"search-input":"
|
|
5273
|
+
var css$7 = {"search-input":"S-eneO","searchInput":"S-eneO"};
|
|
5274
5274
|
|
|
5275
5275
|
const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, { ...props, render: (iEditable) => (React.createElement(TextInput$1, { iconPosition: "left", icon: ForwardRef$N, cancelIcon: props.value?.length > 0 && ForwardRef$R, ...props, ...iEditable, ref: ref, cx: cx$1(css$7.searchInput, props.cx), ...props.rawProps })) })));
|
|
5276
5276
|
|
|
5277
|
-
var css$6 = {"container":"
|
|
5277
|
+
var css$6 = {"container":"zRjMUR"};
|
|
5278
5278
|
|
|
5279
5279
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
|
|
5280
5280
|
|
|
5281
|
-
var css$5 = {"root":"
|
|
5281
|
+
var css$5 = {"root":"NmQg-o"};
|
|
5282
5282
|
|
|
5283
5283
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
5284
5284
|
|
|
@@ -5336,7 +5336,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5336
5336
|
};
|
|
5337
5337
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
5338
5338
|
|
|
5339
|
-
var css$4 = {"root":"
|
|
5339
|
+
var css$4 = {"root":"jj-OyO","drop-start":"v-l2Vu","dropStart":"v-l2Vu","drop-over":"MIixwc","dropOver":"MIixwc","link":"JcVMw9","drop-area":"jO0w9j","dropArea":"jO0w9j","drop-caption":"sF2HhT","dropCaption":"sF2HhT","icon-blue":"_8TxPN9","iconBlue":"_8TxPN9"};
|
|
5340
5340
|
|
|
5341
5341
|
function DropSpot(props) {
|
|
5342
5342
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5354,7 +5354,7 @@ function DropSpot(props) {
|
|
|
5354
5354
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5355
5355
|
}
|
|
5356
5356
|
|
|
5357
|
-
var css$3 = {"root":"
|
|
5357
|
+
var css$3 = {"root":"qet-LO"};
|
|
5358
5358
|
|
|
5359
5359
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5360
5360
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5365,7 +5365,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5365
5365
|
React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5366
5366
|
});
|
|
5367
5367
|
|
|
5368
|
-
var css$2 = {"root":"
|
|
5368
|
+
var css$2 = {"root":"PruAII","file-name":"COZzku","fileName":"COZzku","default-color":"MukKGF","defaultColor":"MukKGF","doc-color":"O3J3qw","docColor":"O3J3qw","xls-color":"_5JfpG9","xlsColor":"_5JfpG9","pdf-color":"vEw3-C","pdfColor":"vEw3-C","movie-color":"CnUyRn","movieColor":"CnUyRn","img-color":"NVQZ2Q","imgColor":"NVQZ2Q","mov-color":"rRNT1k","movColor":"rRNT1k","error-block":"KRBpiz","errorBlock":"KRBpiz","icons-block":"CpnX-T","iconsBlock":"CpnX-T"};
|
|
5369
5369
|
|
|
5370
5370
|
const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5371
5371
|
const [isLoadingShow, setIsLoadingShow] = React.useState(true);
|
|
@@ -5484,7 +5484,7 @@ const getErrorPageConfig = () => ({
|
|
|
5484
5484
|
},
|
|
5485
5485
|
});
|
|
5486
5486
|
|
|
5487
|
-
var css$1 = {"container":"
|
|
5487
|
+
var css$1 = {"container":"n6j1jQ"};
|
|
5488
5488
|
|
|
5489
5489
|
const ErrorPage = (props) => {
|
|
5490
5490
|
const isMobileScreen = isMobile();
|
|
@@ -5496,7 +5496,7 @@ const ErrorPage = (props) => {
|
|
|
5496
5496
|
props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5497
5497
|
};
|
|
5498
5498
|
|
|
5499
|
-
var css = {"recovery-spinner":"
|
|
5499
|
+
var css = {"recovery-spinner":"_7-F4V7","recoverySpinner":"_7-F4V7","recovery-message":"L--iXz","recoveryMessage":"L--iXz","modal-blocker":"S98-al","modalBlocker":"S98-al","modalFadeIn":"VNJsut"};
|
|
5500
5500
|
|
|
5501
5501
|
function ErrorHandler(props) {
|
|
5502
5502
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|