@epam/uui 5.13.3-beta.0 → 5.13.3-y.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/components/layout/FlexItems/FlexRow.d.ts +5 -1
- package/components/layout/FlexItems/FlexRow.d.ts.map +1 -1
- package/index.esm.js +106 -106
- package/index.esm.js.map +1 -1
- package/index.js +106 -106
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +2 -2
- package/styles.css +1007 -1019
- package/styles.css.map +1 -1
package/index.js
CHANGED
|
@@ -182,7 +182,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
182
182
|
xmlns: "http://www.w3.org/2000/svg",
|
|
183
183
|
ref: ref
|
|
184
184
|
}, props), /*#__PURE__*/React__namespace.createElement("g", {
|
|
185
|
-
clipPath: "url(#
|
|
185
|
+
clipPath: "url(#8s1zgfetcn89ph3t_a)"
|
|
186
186
|
}, _path$J || (_path$J = /*#__PURE__*/React__namespace.createElement("path", {
|
|
187
187
|
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",
|
|
188
188
|
fill: "#F5F6FA"
|
|
@@ -203,7 +203,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
203
203
|
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",
|
|
204
204
|
fill: "#1D1E26"
|
|
205
205
|
})), /*#__PURE__*/React__namespace.createElement("mask", {
|
|
206
|
-
id: "
|
|
206
|
+
id: "8s1zgfzj3o45zlquk_b",
|
|
207
207
|
style: {
|
|
208
208
|
maskType: "alpha"
|
|
209
209
|
},
|
|
@@ -216,7 +216,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
216
216
|
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",
|
|
217
217
|
fill: "#9BDEFF"
|
|
218
218
|
}))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
219
|
-
mask: "url(#
|
|
219
|
+
mask: "url(#8s1zgfzj3o45zlquk_b)",
|
|
220
220
|
fillRule: "evenodd",
|
|
221
221
|
clipRule: "evenodd"
|
|
222
222
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -302,7 +302,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
302
302
|
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",
|
|
303
303
|
fill: "#fff"
|
|
304
304
|
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
305
|
-
id: "
|
|
305
|
+
id: "8s1zgfetcn89ph3t_a"
|
|
306
306
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
307
307
|
fill: "#fff",
|
|
308
308
|
transform: "translate(.552)",
|
|
@@ -1305,7 +1305,7 @@ const settings = {
|
|
|
1305
1305
|
textInput: textInputSettings,
|
|
1306
1306
|
};
|
|
1307
1307
|
|
|
1308
|
-
var css$1y = {"root":"
|
|
1308
|
+
var css$1y = {"root":"tWN5Al"};
|
|
1309
1309
|
|
|
1310
1310
|
function applyButtonMods(mods) {
|
|
1311
1311
|
return [
|
|
@@ -1323,7 +1323,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
1323
1323
|
};
|
|
1324
1324
|
});
|
|
1325
1325
|
|
|
1326
|
-
var css$1x = {"root":"
|
|
1326
|
+
var css$1x = {"root":"-XcgsP"};
|
|
1327
1327
|
|
|
1328
1328
|
function applyIconButtonMods(props) {
|
|
1329
1329
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1x.root];
|
|
@@ -1360,7 +1360,7 @@ function getIconClass(props) {
|
|
|
1360
1360
|
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'];
|
|
1361
1361
|
}
|
|
1362
1362
|
|
|
1363
|
-
var css$1w = {"root":"
|
|
1363
|
+
var css$1w = {"root":"uzoB4c"};
|
|
1364
1364
|
|
|
1365
1365
|
const DEFAULT_COLOR = 'primary';
|
|
1366
1366
|
const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -1390,7 +1390,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
1390
1390
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1391
1391
|
});
|
|
1392
1392
|
|
|
1393
|
-
var css$1v = {"root":"
|
|
1393
|
+
var css$1v = {"root":"BCew-S"};
|
|
1394
1394
|
|
|
1395
1395
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1396
1396
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -1402,7 +1402,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1402
1402
|
]) }, props.caption));
|
|
1403
1403
|
});
|
|
1404
1404
|
|
|
1405
|
-
var css$1u = {"root":"
|
|
1405
|
+
var css$1u = {"root":"H5xVwC","withNotify":"l0bREa"};
|
|
1406
1406
|
|
|
1407
1407
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
1408
1408
|
const styles = [
|
|
@@ -1430,14 +1430,14 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
1430
1430
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1431
1431
|
});
|
|
1432
1432
|
|
|
1433
|
-
var css$1t = {"root":"
|
|
1433
|
+
var css$1t = {"root":"XzahFO"};
|
|
1434
1434
|
|
|
1435
1435
|
function applyVerticalTabButtonMods() {
|
|
1436
1436
|
return [css$1t.root, 'uui-vertical-tab-button'];
|
|
1437
1437
|
}
|
|
1438
1438
|
const VerticalTabButton = /* @__PURE__ */uuiCore.withMods(TabButton, applyVerticalTabButtonMods);
|
|
1439
1439
|
|
|
1440
|
-
var css$1s = {"root":"
|
|
1440
|
+
var css$1s = {"root":"sGrzdY","mode-cell":"_2-KS7F","modeCell":"_2-KS7F"};
|
|
1441
1441
|
|
|
1442
1442
|
function applyCheckboxMods(mods) {
|
|
1443
1443
|
return [
|
|
@@ -1455,7 +1455,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1455
1455
|
};
|
|
1456
1456
|
const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1457
1457
|
|
|
1458
|
-
var css$1r = {"root":"
|
|
1458
|
+
var css$1r = {"root":"_2Roz7x"};
|
|
1459
1459
|
|
|
1460
1460
|
function applyRadioInputMods(mods) {
|
|
1461
1461
|
return [
|
|
@@ -1467,7 +1467,7 @@ function applyRadioInputMods(mods) {
|
|
|
1467
1467
|
}
|
|
1468
1468
|
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1469
1469
|
|
|
1470
|
-
var css$1q = {"root":"
|
|
1470
|
+
var css$1q = {"root":"vHSu8O"};
|
|
1471
1471
|
|
|
1472
1472
|
function applySwitchMods(mods) {
|
|
1473
1473
|
return [
|
|
@@ -1491,7 +1491,7 @@ var EditMode;
|
|
|
1491
1491
|
EditMode["INLINE"] = "inline";
|
|
1492
1492
|
})(EditMode || (EditMode = {}));
|
|
1493
1493
|
|
|
1494
|
-
var textInputCss = {"root":"
|
|
1494
|
+
var textInputCss = {"root":"_55oiCA","mode-form":"LGhpGP","modeForm":"LGhpGP","mode-inline":"_6E-Y8C","modeInline":"_6E-Y8C","mode-cell":"Cd2-YW","modeCell":"Cd2-YW"};
|
|
1495
1495
|
|
|
1496
1496
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1497
1497
|
function applyTextInputMods(mods) {
|
|
@@ -1516,7 +1516,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
1516
1516
|
} }));
|
|
1517
1517
|
});
|
|
1518
1518
|
|
|
1519
|
-
var css$1p = {"root":"
|
|
1519
|
+
var css$1p = {"root":"fKUl-0"};
|
|
1520
1520
|
|
|
1521
1521
|
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1p.root, 'uui-control-group']);
|
|
1522
1522
|
|
|
@@ -1532,7 +1532,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1532
1532
|
}
|
|
1533
1533
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
1534
1534
|
|
|
1535
|
-
var css$1o = {"root":"
|
|
1535
|
+
var css$1o = {"root":"x4bVcu","mode-form":"fYCqWM","modeForm":"fYCqWM","mode-cell":"XL6Xhw","modeCell":"XL6Xhw"};
|
|
1536
1536
|
|
|
1537
1537
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1538
1538
|
function applyNumericInputMods(mods) {
|
|
@@ -1552,7 +1552,7 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
1552
1552
|
};
|
|
1553
1553
|
});
|
|
1554
1554
|
|
|
1555
|
-
var css$1n = {"root":"
|
|
1555
|
+
var css$1n = {"root":"kzcH1e","mode-form":"K689F3","modeForm":"K689F3","mode-cell":"_6kDV6X","modeCell":"_6kDV6X","mode-inline":"iG-kmx","modeInline":"iG-kmx"};
|
|
1556
1556
|
|
|
1557
1557
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1558
1558
|
function applyTextAreaMods(mods) {
|
|
@@ -1593,7 +1593,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1593
1593
|
};
|
|
1594
1594
|
}
|
|
1595
1595
|
|
|
1596
|
-
var css$1m = {"root":"
|
|
1596
|
+
var css$1m = {"root":"pQ-eC0","main-path":"BIxUjO","mainPath":"BIxUjO","content-wrapper":"_5EofAm","contentWrapper":"_5EofAm","content":"I2cpWD","action-wrapper":"rt0oZL","actionWrapper":"rt0oZL","icon-wrapper":"YhOd7D","iconWrapper":"YhOd7D","icon":"K-gPEx","close-icon":"_8S913o","closeIcon":"_8S913o"};
|
|
1597
1597
|
|
|
1598
1598
|
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1m.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
1599
1599
|
React__namespace.createElement("div", { className: css$1m.mainPath },
|
|
@@ -1611,7 +1611,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
1611
1611
|
|
|
1612
1612
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
1613
1613
|
|
|
1614
|
-
var css$1l = {"root":"
|
|
1614
|
+
var css$1l = {"root":"SlV0-T"};
|
|
1615
1615
|
|
|
1616
1616
|
function applyDropdownContainerMods(mods) {
|
|
1617
1617
|
return [
|
|
@@ -1622,7 +1622,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1622
1622
|
}
|
|
1623
1623
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
1624
1624
|
|
|
1625
|
-
var css$1k = {"submenu-root-item-rtl":"
|
|
1625
|
+
var css$1k = {"submenu-root-item-rtl":"BRsJ8w","submenuRootItemRtl":"BRsJ8w","icon-after":"KlDbWa","iconAfter":"KlDbWa","submenu-root-item":"NbR-HK","submenuRootItem":"NbR-HK","icon-check":"sCVhBO","iconCheck":"sCVhBO","splitter-root":"M8K-p3","splitterRoot":"M8K-p3","splitter":"vxYOb3","header-root":"pEPAtk","headerRoot":"pEPAtk","item-root":"A7bnWx","itemRoot":"A7bnWx","icon":"fiiUpi","link":"_1Whcos","indent":"etDFS2","selected-mark":"Eu9Yo7","selectedMark":"Eu9Yo7"};
|
|
1626
1626
|
|
|
1627
1627
|
exports.IDropdownControlKeys = void 0;
|
|
1628
1628
|
(function (IDropdownControlKeys) {
|
|
@@ -1752,7 +1752,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1752
1752
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1753
1753
|
}
|
|
1754
1754
|
|
|
1755
|
-
var css$1j = {"root":"
|
|
1755
|
+
var css$1j = {"root":"_4pH-LA","mode-block":"Rkwe8u","modeBlock":"Rkwe8u","mode-inline":"pmqmsl","modeInline":"pmqmsl","padding-0":"EXlFw-","padding0":"EXlFw-","padding-6":"t6KkNw","padding6":"t6KkNw","padding-12":"I5Z-5v","padding12":"I5Z-5v","padding-18":"jBQbAG","padding18":"jBQbAG"};
|
|
1756
1756
|
|
|
1757
1757
|
function applyAccordionMods(mods) {
|
|
1758
1758
|
return [
|
|
@@ -1765,7 +1765,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
|
|
|
1765
1765
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
1766
1766
|
}));
|
|
1767
1767
|
|
|
1768
|
-
var css$1i = {"root":"
|
|
1768
|
+
var css$1i = {"root":"I1u2L3","align-items":"s7qJUn","alignItems":"s7qJUn","justify-content":"nPd8FA","justifyContent":"nPd8FA","border-top":"LwwH6Y","borderTop":"LwwH6Y","border-bottom":"w3An2D","borderBottom":"w3An2D","top-shadow":"_0kS9dP","topShadow":"_0kS9dP","padding":"I08yNq","margin":"_0CLALJ","vPadding":"_0wo6At","column-gap":"LCBgam","columnGap":"LCBgam","row-gap":"xOHOP-","rowGap":"xOHOP-","spacing":"p8qd8f","uui-bg-surface-main":"EpectE","uuiBgSurfaceMain":"EpectE"};
|
|
1769
1769
|
|
|
1770
1770
|
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1i.flexCell]);
|
|
1771
1771
|
|
|
@@ -1791,8 +1791,8 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1791
1791
|
props.borderTop && css$1i.borderTop,
|
|
1792
1792
|
props.columnGap && css$1i.columnGap,
|
|
1793
1793
|
props.rowGap && css$1i.rowGap,
|
|
1794
|
-
props.spacing && css$1i
|
|
1795
|
-
props.background && css$1i[`uui-${props.background}`],
|
|
1794
|
+
props.spacing && css$1i.spacing,
|
|
1795
|
+
props.background && css$1i[`uui-bg-${props.background}`],
|
|
1796
1796
|
]);
|
|
1797
1797
|
const style = {
|
|
1798
1798
|
...(props.alignItems && { '--uui-flex-row-align-items': props.alignItems }),
|
|
@@ -1810,7 +1810,7 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1810
1810
|
} }, props.children));
|
|
1811
1811
|
});
|
|
1812
1812
|
|
|
1813
|
-
var css$1h = {"root":"
|
|
1813
|
+
var css$1h = {"root":"_8y2fid","margin-24":"R19G9s","margin24":"R19G9s","padding-12":"vLjF-N","padding12":"vLjF-N","padding-24":"_4QuaW4","padding24":"_4QuaW4","shadow":"QEtRAV","uui-surface-main":"_5pDE5e","uuiSurfaceMain":"_5pDE5e"};
|
|
1814
1814
|
|
|
1815
1815
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
1816
1816
|
'uui-panel',
|
|
@@ -1820,7 +1820,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
|
1820
1820
|
props.background && css$1h[`uui-${props.background}`],
|
|
1821
1821
|
]);
|
|
1822
1822
|
|
|
1823
|
-
var css$1g = {"root":"
|
|
1823
|
+
var css$1g = {"root":"FtGdyF"};
|
|
1824
1824
|
|
|
1825
1825
|
function applyTooltipMods(mods) {
|
|
1826
1826
|
return [
|
|
@@ -1830,7 +1830,7 @@ function applyTooltipMods(mods) {
|
|
|
1830
1830
|
}
|
|
1831
1831
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
1832
1832
|
|
|
1833
|
-
var css$1f = {"root":"
|
|
1833
|
+
var css$1f = {"root":"S21emG"};
|
|
1834
1834
|
|
|
1835
1835
|
function applyLabeledInputMods(mods) {
|
|
1836
1836
|
return [
|
|
@@ -1847,7 +1847,7 @@ function applyLabeledInputProps(props) {
|
|
|
1847
1847
|
}
|
|
1848
1848
|
const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
1849
1849
|
|
|
1850
|
-
var css$1e = {"root":"
|
|
1850
|
+
var css$1e = {"root":"pNG89R"};
|
|
1851
1851
|
|
|
1852
1852
|
function RadioGroup(props) {
|
|
1853
1853
|
const direction = props.direction || 'vertical';
|
|
@@ -1862,7 +1862,7 @@ function RadioGroup(props) {
|
|
|
1862
1862
|
})));
|
|
1863
1863
|
}
|
|
1864
1864
|
|
|
1865
|
-
var css$1d = {"root":"
|
|
1865
|
+
var css$1d = {"root":"mZdMtn"};
|
|
1866
1866
|
|
|
1867
1867
|
function applyScrollBarsMods() {
|
|
1868
1868
|
return [
|
|
@@ -1871,13 +1871,13 @@ function applyScrollBarsMods() {
|
|
|
1871
1871
|
}
|
|
1872
1872
|
const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
|
|
1873
1873
|
|
|
1874
|
-
var css$1c = {"scroll-container":"
|
|
1874
|
+
var css$1c = {"scroll-container":"XR-zcM","scrollContainer":"XR-zcM","list-container":"CHHjFZ","listContainer":"CHHjFZ"};
|
|
1875
1875
|
|
|
1876
|
-
var css$1b = {"root":"
|
|
1876
|
+
var css$1b = {"root":"fYV7QX"};
|
|
1877
1877
|
|
|
1878
1878
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$1b.root]);
|
|
1879
1879
|
|
|
1880
|
-
var css$1a = {"root":"
|
|
1880
|
+
var css$1a = {"root":"yxR2km"};
|
|
1881
1881
|
|
|
1882
1882
|
const DEFAULT_FILL = 'solid';
|
|
1883
1883
|
function applyBadgeMods(mods) {
|
|
@@ -1905,7 +1905,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
1905
1905
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1906
1906
|
});
|
|
1907
1907
|
|
|
1908
|
-
var css$19 = {"root":"
|
|
1908
|
+
var css$19 = {"root":"oyieES"};
|
|
1909
1909
|
|
|
1910
1910
|
function applyTagMods(props) {
|
|
1911
1911
|
return [
|
|
@@ -1933,14 +1933,14 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
1933
1933
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1934
1934
|
});
|
|
1935
1935
|
|
|
1936
|
-
var css$18 = {"root":"
|
|
1936
|
+
var css$18 = {"root":"S3pei-","uui-spinner":"Uuwzfa","uuiSpinner":"Uuwzfa"};
|
|
1937
1937
|
|
|
1938
1938
|
function applySpinnerMods() {
|
|
1939
1939
|
return [css$18.root, 'uui-spinner'];
|
|
1940
1940
|
}
|
|
1941
1941
|
const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
1942
1942
|
|
|
1943
|
-
var css$17 = {"root":"
|
|
1943
|
+
var css$17 = {"root":"QLIZmB","page":"jHLale","spacer":"b2xj1L","mode-ghost":"jFvDK0","modeGhost":"jFvDK0"};
|
|
1944
1944
|
|
|
1945
1945
|
function Paginator(props) {
|
|
1946
1946
|
const renderPaginator = (params) => (React__namespace.default.createElement("nav", { role: "navigation", className: cx__default.default(css$17.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
@@ -1957,14 +1957,14 @@ function Paginator(props) {
|
|
|
1957
1957
|
return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
|
|
1958
1958
|
}
|
|
1959
1959
|
|
|
1960
|
-
var css$16 = {"root":"
|
|
1960
|
+
var css$16 = {"root":"IUc129","progress-bar":"d-x2Xh","progressBar":"d-x2Xh","progressBar-indeterminate":"_3WV4GG","progressBarIndeterminate":"_3WV4GG","size-12":"HXZOj3","size12":"HXZOj3","size-18":"_31u51q","size18":"_31u51q","size-24":"_6cRTTH","size24":"_6cRTTH"};
|
|
1961
1961
|
|
|
1962
1962
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1963
1963
|
return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$16.root, css$16[`size-${props.size || 12}`]) },
|
|
1964
1964
|
React__namespace.createElement("div", { className: cx__default.default(css$16.progressBar) })));
|
|
1965
1965
|
});
|
|
1966
1966
|
|
|
1967
|
-
var css$15 = {"root":"
|
|
1967
|
+
var css$15 = {"root":"_41xGpG","striped":"Cdj7Nl","animate-stripes":"I4-U2C","animateStripes":"I4-U2C","size-12":"cvi-ba","size12":"cvi-ba","size-18":"pEPfSL","size18":"pEPfSL","size-24":"wF36xZ","size24":"wF36xZ"};
|
|
1968
1968
|
|
|
1969
1969
|
const DEFAULT_SIZE = '12';
|
|
1970
1970
|
function applyProgressBarMods(mods) {
|
|
@@ -1979,14 +1979,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
1979
1979
|
hideLabel: props.hideLabel || props.striped,
|
|
1980
1980
|
}));
|
|
1981
1981
|
|
|
1982
|
-
var css$14 = {"root":"
|
|
1982
|
+
var css$14 = {"root":"_3Xgz4g"};
|
|
1983
1983
|
|
|
1984
1984
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1985
1985
|
const { progress } = props;
|
|
1986
1986
|
return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$14.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$14.root, props.cx) }));
|
|
1987
1987
|
});
|
|
1988
1988
|
|
|
1989
|
-
var css$13 = {"root":"
|
|
1989
|
+
var css$13 = {"root":"LWomDm"};
|
|
1990
1990
|
|
|
1991
1991
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1992
1992
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -2001,7 +2001,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2001
2001
|
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
2002
2002
|
});
|
|
2003
2003
|
|
|
2004
|
-
var css$12 = {"drag-handle":"
|
|
2004
|
+
var css$12 = {"drag-handle":"MwODeF","dragHandle":"MwODeF","icon-container":"M3feEL","iconContainer":"M3feEL"};
|
|
2005
2005
|
|
|
2006
2006
|
function DataRowAddons(props) {
|
|
2007
2007
|
const row = props.rowProps;
|
|
@@ -2022,7 +2022,7 @@ function DataRowAddons(props) {
|
|
|
2022
2022
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.dataTable.sizes.body.iconMap[props.size || settings.dataTable.sizes.body.row] }))))));
|
|
2023
2023
|
}
|
|
2024
2024
|
|
|
2025
|
-
var css$11 = {"root":"
|
|
2025
|
+
var css$11 = {"root":"IvPCvu"};
|
|
2026
2026
|
|
|
2027
2027
|
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$11.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
|
|
2028
2028
|
|
|
@@ -2068,7 +2068,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
2068
2068
|
React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2069
2069
|
});
|
|
2070
2070
|
|
|
2071
|
-
var css$10 = {"root":"
|
|
2071
|
+
var css$10 = {"root":"oLnVln"};
|
|
2072
2072
|
|
|
2073
2073
|
function CheckboxGroup(props) {
|
|
2074
2074
|
const currentValue = props.value || [];
|
|
@@ -2090,7 +2090,7 @@ function CheckboxGroup(props) {
|
|
|
2090
2090
|
})));
|
|
2091
2091
|
}
|
|
2092
2092
|
|
|
2093
|
-
var css$$ = {"root":"
|
|
2093
|
+
var css$$ = {"root":"JbdrG9","modal-blocker":"fNPUv9","modalBlocker":"fNPUv9","animateModalBlocker":"WT6gM2","modal":"GQy7ot","modal-footer":"hyXajK","modalFooter":"hyXajK","border-top":"SL9ZId","borderTop":"SL9ZId","modal-header":"FVcd-n","modalHeader":"FVcd-n","border-bottom":"zdfePR","borderBottom":"zdfePR"};
|
|
2094
2094
|
|
|
2095
2095
|
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$$.modalBlocker]);
|
|
2096
2096
|
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$$.root, css$$.modal], (props) => {
|
|
@@ -2280,7 +2280,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2280
2280
|
});
|
|
2281
2281
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2282
2282
|
|
|
2283
|
-
var css$_ = {"root":"
|
|
2283
|
+
var css$_ = {"root":"o3xub2","icon-wrapper":"FjgGw-","iconWrapper":"FjgGw-","action-wrapper":"-jKhdE","actionWrapper":"-jKhdE","action-link":"_2FLZbE","actionLink":"_2FLZbE","close-icon":"ECvNfO","closeIcon":"ECvNfO","main-path":"_9q0ijJ","mainPath":"_9q0ijJ","content":"s-HRR8","close-wrapper":"EdrY5i","closeWrapper":"EdrY5i","notification-wrapper":"pTld5-","notificationWrapper":"pTld5-","clear-button":"zI-LAu","clearButton":"zI-LAu"};
|
|
2284
2284
|
|
|
2285
2285
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
2286
2286
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -2313,7 +2313,7 @@ function ClearNotification() {
|
|
|
2313
2313
|
React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2314
2314
|
}
|
|
2315
2315
|
|
|
2316
|
-
var css$Z = {"footer":"
|
|
2316
|
+
var css$Z = {"footer":"Y5bVhH"};
|
|
2317
2317
|
|
|
2318
2318
|
class ConfirmationModal extends React__namespace.Component {
|
|
2319
2319
|
render() {
|
|
@@ -2355,7 +2355,7 @@ function useReliableForceUpdate() {
|
|
|
2355
2355
|
return red[1];
|
|
2356
2356
|
}
|
|
2357
2357
|
|
|
2358
|
-
var css$Y = {"root":"
|
|
2358
|
+
var css$Y = {"root":"Y0MkeA","timepicker-input":"Cjmevf","timepickerInput":"Cjmevf","ltr-always":"hZM2pU","ltrAlways":"hZM2pU"};
|
|
2359
2359
|
|
|
2360
2360
|
const uuiTimePicker = {
|
|
2361
2361
|
container: 'uui-timepicker-container',
|
|
@@ -2548,7 +2548,7 @@ function TimePicker(props) {
|
|
|
2548
2548
|
return (React__namespace.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 }));
|
|
2549
2549
|
}
|
|
2550
2550
|
|
|
2551
|
-
var css$X = {"root":"
|
|
2551
|
+
var css$X = {"root":"_14qDoH"};
|
|
2552
2552
|
|
|
2553
2553
|
function applyInputAddonMods() {
|
|
2554
2554
|
return [
|
|
@@ -2557,14 +2557,14 @@ function applyInputAddonMods() {
|
|
|
2557
2557
|
}
|
|
2558
2558
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
2559
2559
|
|
|
2560
|
-
var css$W = {"root":"
|
|
2560
|
+
var css$W = {"root":"gkUZm9"};
|
|
2561
2561
|
|
|
2562
2562
|
function applySliderMods() {
|
|
2563
2563
|
return [css$W.root, 'uui-color-neutral'];
|
|
2564
2564
|
}
|
|
2565
2565
|
const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
|
|
2566
2566
|
|
|
2567
|
-
var css$V = {"root":"
|
|
2567
|
+
var css$V = {"root":"es-MqL","tooltip":"_969Utr"};
|
|
2568
2568
|
|
|
2569
2569
|
function applyRatingMods(mods) {
|
|
2570
2570
|
return [
|
|
@@ -2578,7 +2578,7 @@ const Rating = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Rating,
|
|
|
2578
2578
|
Tooltip,
|
|
2579
2579
|
}));
|
|
2580
2580
|
|
|
2581
|
-
var css$U = {"root":"
|
|
2581
|
+
var css$U = {"root":"ClO36j","container":"J5LodY"};
|
|
2582
2582
|
|
|
2583
2583
|
const defaultFormat = 'MMM D, YYYY';
|
|
2584
2584
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2789,14 +2789,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2789
2789
|
React__namespace.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2790
2790
|
}
|
|
2791
2791
|
|
|
2792
|
-
var css$T = {"root":"
|
|
2792
|
+
var css$T = {"root":"gLuyXW"};
|
|
2793
2793
|
|
|
2794
2794
|
function applyDateSelectionMods() {
|
|
2795
2795
|
return [css$T.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2796
2796
|
}
|
|
2797
2797
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2798
2798
|
|
|
2799
|
-
var css$S = {"root":"
|
|
2799
|
+
var css$S = {"root":"ww5owf"};
|
|
2800
2800
|
|
|
2801
2801
|
const uuiDatePickerBody = {
|
|
2802
2802
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2922,7 +2922,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2922
2922
|
}
|
|
2923
2923
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
2924
2924
|
|
|
2925
|
-
var css$R = {"date-input":"
|
|
2925
|
+
var css$R = {"date-input":"VLgcLc","dateInput":"VLgcLc","root":"DNyPe0","separator":"cgZ-SW","mode-form":"q-LWRQ","modeForm":"q-LWRQ","mode-cell":"HtJuBA","modeCell":"HtJuBA"};
|
|
2926
2926
|
|
|
2927
2927
|
const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
|
|
2928
2928
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -2973,7 +2973,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
2973
2973
|
} : 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 })));
|
|
2974
2974
|
});
|
|
2975
2975
|
|
|
2976
|
-
var css$Q = {"root":"
|
|
2976
|
+
var css$Q = {"root":"SWBaSY"};
|
|
2977
2977
|
|
|
2978
2978
|
const uuiPresets = {
|
|
2979
2979
|
container: 'uui-presets-container',
|
|
@@ -2993,7 +2993,7 @@ function CalendarPresets(props) {
|
|
|
2993
2993
|
getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
2994
2994
|
}
|
|
2995
2995
|
|
|
2996
|
-
var css$P = {"root":"
|
|
2996
|
+
var css$P = {"root":"i8ayfy","container":"Y0b7Sj","day-selection":"YoUB-D","daySelection":"YoUB-D","from-picker":"aR-PFr","fromPicker":"aR-PFr","to-picker":"vlz9lK","toPicker":"vlz9lK","bodes-wrapper":"_7HyuA4","bodesWrapper":"_7HyuA4","blocker":"FX3atj"};
|
|
2997
2997
|
|
|
2998
2998
|
const uuiRangeDatePickerBody = {
|
|
2999
2999
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3168,7 +3168,7 @@ const getDayCX = (day, selectedDate) => {
|
|
|
3168
3168
|
return [uuiCore.cx(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiComponents.uuiDaySelection.selectedDay)];
|
|
3169
3169
|
};
|
|
3170
3170
|
|
|
3171
|
-
var css$O = {"dropdown-container":"
|
|
3171
|
+
var css$O = {"dropdown-container":"S-tSnN","dropdownContainer":"S-tSnN"};
|
|
3172
3172
|
|
|
3173
3173
|
const modifiers = [{
|
|
3174
3174
|
name: 'offset',
|
|
@@ -3236,7 +3236,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3236
3236
|
}
|
|
3237
3237
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3238
3238
|
|
|
3239
|
-
var css$N = {"root":"
|
|
3239
|
+
var css$N = {"root":"wDK0ng","blocker":"Z9PPpx","marker":"RQfxoE","top":"mAWRRR","bottom":"ORo074","left":"oqqz7-","right":"qFpcAy","inside":"Sn2kAG"};
|
|
3240
3240
|
|
|
3241
3241
|
function DropMarker(props) {
|
|
3242
3242
|
return props.isDndInProgress
|
|
@@ -3251,7 +3251,7 @@ function DropMarker(props) {
|
|
|
3251
3251
|
: null;
|
|
3252
3252
|
}
|
|
3253
3253
|
|
|
3254
|
-
var css$M = {"root":"
|
|
3254
|
+
var css$M = {"root":"-TC5Ik","line-height":"AxC-Nl","lineHeight":"AxC-Nl","font-size":"bOKEhd","fontSize":"bOKEhd"};
|
|
3255
3255
|
|
|
3256
3256
|
function applyTextMods(mods) {
|
|
3257
3257
|
return [
|
|
@@ -3278,7 +3278,7 @@ const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, appl
|
|
|
3278
3278
|
};
|
|
3279
3279
|
});
|
|
3280
3280
|
|
|
3281
|
-
var css$L = {"root":"
|
|
3281
|
+
var css$L = {"root":"F3-iBX","loading-word":"wdo5yl","loadingWord":"wdo5yl","animated-loading":"ivkNH-","animatedLoading":"ivkNH-","skeleton_loading":"a13bwp","skeletonLoading":"a13bwp"};
|
|
3282
3282
|
|
|
3283
3283
|
const TextPlaceholder = (props) => {
|
|
3284
3284
|
const pattern = ' ';
|
|
@@ -3297,7 +3297,7 @@ const TextPlaceholder = (props) => {
|
|
|
3297
3297
|
|
|
3298
3298
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3299
3299
|
|
|
3300
|
-
var css$K = {"modal":"
|
|
3300
|
+
var css$K = {"modal":"Pf1gpM","search-wrapper":"XnXtkz","searchWrapper":"XnXtkz","no-data":"IYPb9K","noData":"IYPb9K","type-search-to-load-size-24":"Yunii2","typeSearchToLoadSize24":"Yunii2"};
|
|
3301
3301
|
|
|
3302
3302
|
class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
3303
3303
|
constructor() {
|
|
@@ -3348,7 +3348,7 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
|
3348
3348
|
}
|
|
3349
3349
|
}
|
|
3350
3350
|
|
|
3351
|
-
var css$J = {"footer":"
|
|
3351
|
+
var css$J = {"footer":"_2xG63K"};
|
|
3352
3352
|
|
|
3353
3353
|
function DataPickerFooterImpl(props) {
|
|
3354
3354
|
const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
|
|
@@ -3374,7 +3374,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3374
3374
|
}
|
|
3375
3375
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
3376
3376
|
|
|
3377
|
-
var css$I = {"header":"
|
|
3377
|
+
var css$I = {"header":"_9mIL0v","title":"v3UPpW","close":"EVQbJD"};
|
|
3378
3378
|
|
|
3379
3379
|
const DataPickerHeaderImpl = (props) => {
|
|
3380
3380
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3384,7 +3384,7 @@ const DataPickerHeaderImpl = (props) => {
|
|
|
3384
3384
|
};
|
|
3385
3385
|
const DataPickerHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerHeaderImpl);
|
|
3386
3386
|
|
|
3387
|
-
var css$H = {"root":"
|
|
3387
|
+
var css$H = {"root":"mfRi2I","align-widgets-top":"_1NUHnD","alignWidgetsTop":"_1NUHnD","align-widgets-center":"Ti6DqL","alignWidgetsCenter":"Ti6DqL","icon-container":"eUEh3V","iconContainer":"eUEh3V","loading-cell":"OORo3f","loadingCell":"OORo3f","content-wrapper":"cMUc-R","contentWrapper":"cMUc-R","render-item":"m8lBai","renderItem":"m8lBai","icon-wrapper":"FlKDms","iconWrapper":"FlKDms","icon-default":"f7yufC","iconDefault":"f7yufC","selected-mark":"_4HrQhq","selectedMark":"_4HrQhq"};
|
|
3388
3388
|
|
|
3389
3389
|
function DataPickerCell(props) {
|
|
3390
3390
|
const ref = React__namespace.useRef();
|
|
@@ -3425,7 +3425,7 @@ function DataPickerCell(props) {
|
|
|
3425
3425
|
getWrappedContent()));
|
|
3426
3426
|
}
|
|
3427
3427
|
|
|
3428
|
-
var css$G = {"picker-row":"
|
|
3428
|
+
var css$G = {"picker-row":"_7Q9WEt","pickerRow":"_7Q9WEt"};
|
|
3429
3429
|
|
|
3430
3430
|
class DataPickerRow extends React__namespace.Component {
|
|
3431
3431
|
constructor() {
|
|
@@ -3439,7 +3439,7 @@ class DataPickerRow extends React__namespace.Component {
|
|
|
3439
3439
|
}
|
|
3440
3440
|
}
|
|
3441
3441
|
|
|
3442
|
-
var css$F = {"done":"
|
|
3442
|
+
var css$F = {"done":"yt60Pn","container":"Nsr6vw"};
|
|
3443
3443
|
|
|
3444
3444
|
const PickerBodyMobileView = (props) => {
|
|
3445
3445
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -3516,7 +3516,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3516
3516
|
return getDecoratedText(str, ranges);
|
|
3517
3517
|
};
|
|
3518
3518
|
|
|
3519
|
-
var css$E = {"root":"
|
|
3519
|
+
var css$E = {"root":"_76bAzD","column-gap":"_9SDR1e","columnGap":"_9SDR1e","title":"jCXm6G","subtitle":"YXHWXW","disabled":"le-NXV","multiline":"U187be"};
|
|
3520
3520
|
|
|
3521
3521
|
function PickerItem(props) {
|
|
3522
3522
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3537,7 +3537,7 @@ function getAvatarSize(size, isMultiline) {
|
|
|
3537
3537
|
return settings.pickerInput.sizes.body[isMultiline ? 'itemAvatarMultilineMap' : 'itemAvatarMap'][size];
|
|
3538
3538
|
}
|
|
3539
3539
|
|
|
3540
|
-
var css$D = {"sub-header-wrapper":"
|
|
3540
|
+
var css$D = {"sub-header-wrapper":"_03FCFP","subHeaderWrapper":"_03FCFP","switch":"UMxoKx","no-found-modal-container":"clkH6y","noFoundModalContainer":"clkH6y","no-found-modal-container-icon":"MUjipU","noFoundModalContainerIcon":"MUjipU","no-found-modal-container-text":"OdqtoY","noFoundModalContainerText":"OdqtoY"};
|
|
3541
3541
|
|
|
3542
3542
|
function PickerModal(props) {
|
|
3543
3543
|
const { view, selection, dataSourceStateLens, dataSourceState, getDataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
|
|
@@ -3592,7 +3592,7 @@ function PickerModal(props) {
|
|
|
3592
3592
|
React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3593
3593
|
}
|
|
3594
3594
|
|
|
3595
|
-
var css$C = {"tooltip":"
|
|
3595
|
+
var css$C = {"tooltip":"xf9tID"};
|
|
3596
3596
|
|
|
3597
3597
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3598
3598
|
const tagProps = {
|
|
@@ -3611,7 +3611,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
3611
3611
|
}
|
|
3612
3612
|
});
|
|
3613
3613
|
|
|
3614
|
-
var css$B = {"root":"
|
|
3614
|
+
var css$B = {"root":"ClgHsr","mode-form":"UshcVV","modeForm":"UshcVV","mode-cell":"n59u5r","modeCell":"n59u5r","mode-inline":"JmeUhV","modeInline":"JmeUhV"};
|
|
3615
3615
|
|
|
3616
3616
|
const defaultMode = EditMode.FORM;
|
|
3617
3617
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3712,7 +3712,7 @@ function PickerInputComponent({ highlightSearchMatches = true, ...props }, ref)
|
|
|
3712
3712
|
}
|
|
3713
3713
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
3714
3714
|
|
|
3715
|
-
var css$A = {"row":"
|
|
3715
|
+
var css$A = {"row":"oG1A7y"};
|
|
3716
3716
|
|
|
3717
3717
|
function PickerListItem(props) {
|
|
3718
3718
|
let label;
|
|
@@ -3732,7 +3732,7 @@ function PickerListItem(props) {
|
|
|
3732
3732
|
return (React__namespace.default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
|
|
3733
3733
|
}
|
|
3734
3734
|
|
|
3735
|
-
var css$z = {"root":"
|
|
3735
|
+
var css$z = {"root":"HGlkAr"};
|
|
3736
3736
|
|
|
3737
3737
|
function PickerList(props) {
|
|
3738
3738
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -3767,7 +3767,7 @@ function PickerList(props) {
|
|
|
3767
3767
|
}, selectedRows)));
|
|
3768
3768
|
}
|
|
3769
3769
|
|
|
3770
|
-
var css$y = {"root":"
|
|
3770
|
+
var css$y = {"root":"rSu6Vg","wrapper":"oXyXDV","align-widgets-top":"vbQ17b","alignWidgetsTop":"vbQ17b","align-widgets-center":"_447Mrv","alignWidgetsCenter":"_447Mrv"};
|
|
3771
3771
|
|
|
3772
3772
|
function DataTableCell(initialProps) {
|
|
3773
3773
|
const props = { ...initialProps };
|
|
@@ -3816,7 +3816,7 @@ function DataTableCell(initialProps) {
|
|
|
3816
3816
|
return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
|
|
3817
3817
|
}
|
|
3818
3818
|
|
|
3819
|
-
var css$x = {"root":"
|
|
3819
|
+
var css$x = {"root":"jh4ytc"};
|
|
3820
3820
|
|
|
3821
3821
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3822
3822
|
// 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.
|
|
@@ -3832,7 +3832,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
3832
3832
|
];
|
|
3833
3833
|
}, () => propsMods);
|
|
3834
3834
|
|
|
3835
|
-
var css$w = {"sorting-panel-container":"
|
|
3835
|
+
var css$w = {"sorting-panel-container":"HjS3-9","sortingPanelContainer":"HjS3-9"};
|
|
3836
3836
|
|
|
3837
3837
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
3838
3838
|
const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -3857,7 +3857,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
3857
3857
|
};
|
|
3858
3858
|
const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
|
|
3859
3859
|
|
|
3860
|
-
var css$v = {"root":"
|
|
3860
|
+
var css$v = {"root":"W-BYss","caption-wrapper":"E1cOAW","captionWrapper":"E1cOAW","sort-icon":"L0ulgk","sortIcon":"L0ulgk","dropdown-icon":"ydQob6","dropdownIcon":"ydQob6","infoIcon":"Ic-feM","resizable":"gNGhRY","align-right":"PCvDLH","alignRight":"PCvDLH","align-center":"eeXNpc","alignCenter":"eeXNpc","caption":"Y27Ykc","truncate":"_5u6egd","upper-case":"vTgDbs","upperCase":"vTgDbs","checkbox":"IY3WVL","icon":"qiStIs","fold-all-icon":"QHdVj-","foldAllIcon":"QHdVj-","cell-tooltip":"IzVTAZ","cellTooltip":"IzVTAZ","resizing-marker":"jG9z-L","resizingMarker":"jG9z-L","pinned-right":"RiJHBC","pinnedRight":"RiJHBC","draggable":"hqTJ-6","ghost":"hFPplq","is-dragged-out":"_8OxKis","isDraggedOut":"_8OxKis","dnd-marker-left":"AO9vIC","dndMarkerLeft":"AO9vIC","dnd-marker-right":"nfjdUf","dndMarkerRight":"nfjdUf","cell-tooltip-wrapper":"JYxp2-","cellTooltipWrapper":"JYxp2-","cell-tooltip-text":"_8NZUeo","cellTooltipText":"_8NZUeo","tooltip-caption":"I-rnNO","tooltipCaption":"I-rnNO","tooltip-info":"XXw9nO","tooltipInfo":"XXw9nO"};
|
|
3861
3861
|
|
|
3862
3862
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
3863
3863
|
constructor() {
|
|
@@ -3951,7 +3951,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
3951
3951
|
}
|
|
3952
3952
|
}
|
|
3953
3953
|
|
|
3954
|
-
var css$u = {"root":"
|
|
3954
|
+
var css$u = {"root":"Kwr6J2","caption-wrapper":"V4YO9l","captionWrapper":"V4YO9l","align-center":"HTuVgU","alignCenter":"HTuVgU","caption":"LC69rf","truncate":"TCkyHP","upper-case":"BvDxqe","upperCase":"BvDxqe","group-cell-tooltip":"pAcqNP","groupCellTooltip":"pAcqNP","group-cell-tooltip-wrapper":"L7Q46m","groupCellTooltipWrapper":"L7Q46m","group-cell-tooltip-text":"Ye0o2f","groupCellTooltipText":"Ye0o2f","tooltip-caption":"KlrLUD","tooltipCaption":"KlrLUD","tooltip-info":"jTjM-R","tooltipInfo":"jTjM-R"};
|
|
3955
3955
|
|
|
3956
3956
|
class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
3957
3957
|
constructor() {
|
|
@@ -3991,7 +3991,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
|
3991
3991
|
}
|
|
3992
3992
|
}
|
|
3993
3993
|
|
|
3994
|
-
var css$t = {"root":"
|
|
3994
|
+
var css$t = {"root":"RT0-8M"};
|
|
3995
3995
|
|
|
3996
3996
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
3997
3997
|
renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4004,7 +4004,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
4004
4004
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
4005
4005
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
4006
4006
|
|
|
4007
|
-
var css$s = {"root":"
|
|
4007
|
+
var css$s = {"root":"wpy2nt","title-wrapper":"_5D8J6u","titleWrapper":"_5D8J6u","title":"-ThAcE","text-wrapper":"GGvlJ7","textWrapper":"GGvlJ7","selection":"p2Ar-C","postfix":"eT7zNI","selected":"bLQXw0"};
|
|
4008
4008
|
|
|
4009
4009
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4010
4010
|
const togglerPickerOpened = (e) => {
|
|
@@ -4172,7 +4172,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4172
4172
|
React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
4173
4173
|
}
|
|
4174
4174
|
|
|
4175
|
-
var css$r = {"container":"
|
|
4175
|
+
var css$r = {"container":"fQWp51"};
|
|
4176
4176
|
|
|
4177
4177
|
function FilterNumericBody(props) {
|
|
4178
4178
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -4268,7 +4268,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
|
4268
4268
|
};
|
|
4269
4269
|
var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
|
|
4270
4270
|
|
|
4271
|
-
var css$q = {"header":"
|
|
4271
|
+
var css$q = {"header":"PP-Xom","removeButton":"KGbfxn","with-search":"AA4y95","withSearch":"AA4y95"};
|
|
4272
4272
|
|
|
4273
4273
|
function useView(props, value) {
|
|
4274
4274
|
const forceUpdate = uuiCore.useForceUpdate();
|
|
@@ -4574,7 +4574,7 @@ function FiltersToolbarImpl(props) {
|
|
|
4574
4574
|
}
|
|
4575
4575
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
4576
4576
|
|
|
4577
|
-
var css$p = {"divider":"
|
|
4577
|
+
var css$p = {"divider":"OsLMx3","dropdownDeleteIcon":"IW-7NT","presetsWrapper":"sxOan0","addPresetContainer":"be3JQ5","dropContainer":"UAFHdr"};
|
|
4578
4578
|
|
|
4579
4579
|
var _path$9;
|
|
4580
4580
|
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); }
|
|
@@ -4655,7 +4655,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
|
|
|
4655
4655
|
};
|
|
4656
4656
|
var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgContentLinkOutline);
|
|
4657
4657
|
|
|
4658
|
-
var css$o = {"delete-button":"
|
|
4658
|
+
var css$o = {"delete-button":"IqkNAF","deleteButton":"IqkNAF","tab-button":"H9IRnk","tabButton":"H9IRnk","targetOpen":"zUbkVC"};
|
|
4659
4659
|
|
|
4660
4660
|
function PresetActionsDropdown(props) {
|
|
4661
4661
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -4722,7 +4722,7 @@ function PresetActionsDropdown(props) {
|
|
|
4722
4722
|
return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
4723
4723
|
}
|
|
4724
4724
|
|
|
4725
|
-
var css$n = {"preset-input-cell":"
|
|
4725
|
+
var css$n = {"preset-input-cell":"_7xaiBU","presetInputCell":"_7xaiBU","preset-input":"wDsQes","presetInput":"wDsQes"};
|
|
4726
4726
|
|
|
4727
4727
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
4728
4728
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -4754,7 +4754,7 @@ function PresetInput(props) {
|
|
|
4754
4754
|
React__namespace.default.createElement(TextInput, { cx: css$n.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
4755
4755
|
}
|
|
4756
4756
|
|
|
4757
|
-
var css$m = {"preset":"
|
|
4757
|
+
var css$m = {"preset":"J2rM9G","activePreset":"nT1r72"};
|
|
4758
4758
|
|
|
4759
4759
|
function Preset(props) {
|
|
4760
4760
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -4880,7 +4880,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4880
4880
|
return columns;
|
|
4881
4881
|
};
|
|
4882
4882
|
|
|
4883
|
-
var css$l = {"unpin-icon":"
|
|
4883
|
+
var css$l = {"unpin-icon":"-Muogj","unpinIcon":"-Muogj","pin-toggler-icon":"fzkv8M","pinTogglerIcon":"fzkv8M"};
|
|
4884
4884
|
|
|
4885
4885
|
function PinIconButton(props) {
|
|
4886
4886
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4922,7 +4922,7 @@ function getUnpinIcon(params) {
|
|
|
4922
4922
|
}
|
|
4923
4923
|
}
|
|
4924
4924
|
|
|
4925
|
-
var css$k = {"row-wrapper":"
|
|
4925
|
+
var css$k = {"row-wrapper":"NRifP8","rowWrapper":"NRifP8","pin-icon-button":"d-S2GU","pinIconButton":"d-S2GU","not-pinned":"Phtsup","notPinned":"Phtsup","checkbox":"CvHBJA","drag-handle":"_8ugyid","dragHandle":"_8ugyid","dnd-disabled":"SBzSia","dndDisabled":"SBzSia"};
|
|
4926
4926
|
|
|
4927
4927
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4928
4928
|
const { column } = props;
|
|
@@ -4945,7 +4945,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4945
4945
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4946
4946
|
});
|
|
4947
4947
|
|
|
4948
|
-
var css$j = {"root":"
|
|
4948
|
+
var css$j = {"root":"GHA3wF","main-panel":"ZmQyme","mainPanel":"ZmQyme","group":"_3ZZi1k","group-title":"CX-O9o","groupTitle":"CX-O9o","group-items":"fy92JM","groupItems":"fy92JM","no-data":"OD70JV","noData":"OD70JV","no-data-title":"VVwjZz","noDataTitle":"VVwjZz","no-data-sub-title":"rfNZ17","noDataSubTitle":"rfNZ17","h-divider":"PCJUyf","hDivider":"PCJUyf","search-area":"icMWzs","searchArea":"icMWzs","subgroup-accordion":"apyMd-","subgroupAccordion":"apyMd-","subgroup":"_4e8U-E","subgroup-title":"b2X9J0","subgroupTitle":"b2X9J0"};
|
|
4949
4949
|
|
|
4950
4950
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$j.group },
|
|
4951
4951
|
React__namespace.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
|
|
@@ -5047,7 +5047,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
5047
5047
|
return [children, rest];
|
|
5048
5048
|
};
|
|
5049
5049
|
|
|
5050
|
-
var css$i = {"listContainer":"
|
|
5050
|
+
var css$i = {"listContainer":"zoAvCa","header":"FzXvJj","group":"JLcmTn","stickyHeader":"yrCpvA"};
|
|
5051
5051
|
|
|
5052
5052
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
5053
5053
|
const rowRef = React.useRef();
|
|
@@ -5087,7 +5087,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
5087
5087
|
React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
5088
5088
|
}
|
|
5089
5089
|
|
|
5090
|
-
var css$h = {"root":"
|
|
5090
|
+
var css$h = {"root":"BYBH9S","sticky-header":"Nma4w5","stickyHeader":"Nma4w5","no-results":"BucV2a","noResults":"BucV2a","icon":"LrKl2z","title":"-onnyj"};
|
|
5091
5091
|
|
|
5092
5092
|
function DataTable(props) {
|
|
5093
5093
|
const { uuiModals } = uuiCore.useUuiContext();
|
|
@@ -5136,9 +5136,9 @@ function DataTable(props) {
|
|
|
5136
5136
|
} }))));
|
|
5137
5137
|
}
|
|
5138
5138
|
|
|
5139
|
-
var css$g = {"root":"
|
|
5139
|
+
var css$g = {"root":"bvgNO4"};
|
|
5140
5140
|
|
|
5141
|
-
var css$f = {"root":"
|
|
5141
|
+
var css$f = {"root":"XtKXzY","burger-content":"-kzjvd","burgerContent":"-kzjvd"};
|
|
5142
5142
|
|
|
5143
5143
|
var _path$3;
|
|
5144
5144
|
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); }
|
|
@@ -5181,7 +5181,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5181
5181
|
};
|
|
5182
5182
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
5183
5183
|
|
|
5184
|
-
var css$e = {"root":"
|
|
5184
|
+
var css$e = {"root":"_-2oElL","button-primary":"_9O1yHD","buttonPrimary":"_9O1yHD","button-secondary":"FhAQ2j","buttonSecondary":"FhAQ2j","hasIcon":"lQwGli","dropdown":"SCyYRm"};
|
|
5185
5185
|
|
|
5186
5186
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
5187
5187
|
css$e.root,
|
|
@@ -5192,13 +5192,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
5192
5192
|
props.icon && css$e.hasIcon,
|
|
5193
5193
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5194
5194
|
|
|
5195
|
-
var css$d = {"search-input":"
|
|
5195
|
+
var css$d = {"search-input":"Xv-Tsc","searchInput":"Xv-Tsc"};
|
|
5196
5196
|
|
|
5197
5197
|
function BurgerSearch(props) {
|
|
5198
5198
|
return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(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 }));
|
|
5199
5199
|
}
|
|
5200
5200
|
|
|
5201
|
-
var css$c = {"root":"
|
|
5201
|
+
var css$c = {"root":"aH83eX","group-header":"lH-TiZ","groupHeader":"lH-TiZ","group-name":"_6tw4zt","groupName":"_6tw4zt","line":"-xuntQ"};
|
|
5202
5202
|
|
|
5203
5203
|
function BurgerGroupHeader(props) {
|
|
5204
5204
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5206,7 +5206,7 @@ function BurgerGroupHeader(props) {
|
|
|
5206
5206
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5207
5207
|
}
|
|
5208
5208
|
|
|
5209
|
-
var css$b = {"root":"
|
|
5209
|
+
var css$b = {"root":"vxVpBa","type-primary":"CHhPyo","typePrimary":"CHhPyo","type-secondary":"ELWzKc","typeSecondary":"ELWzKc"};
|
|
5210
5210
|
|
|
5211
5211
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5212
5212
|
const { type, ...clickableProps } = props;
|
|
@@ -5228,7 +5228,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5228
5228
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$Q, flipY: props.isOpen }))));
|
|
5229
5229
|
});
|
|
5230
5230
|
|
|
5231
|
-
var css$a = {"dropdown-body":"
|
|
5231
|
+
var css$a = {"dropdown-body":"luaVQ4","dropdownBody":"luaVQ4"};
|
|
5232
5232
|
|
|
5233
5233
|
class MainMenuDropdown extends React__namespace.Component {
|
|
5234
5234
|
render() {
|
|
@@ -5286,12 +5286,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5286
5286
|
};
|
|
5287
5287
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5288
5288
|
|
|
5289
|
-
var css$9 = {"global-menu-btn":"
|
|
5289
|
+
var css$9 = {"global-menu-btn":"cmp1bb","globalMenuBtn":"cmp1bb","global-menu-icon":"benk1v","globalMenuIcon":"benk1v"};
|
|
5290
5290
|
|
|
5291
5291
|
const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx), ...props.rawProps },
|
|
5292
5292
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5293
5293
|
|
|
5294
|
-
var css$8 = {"container":"
|
|
5294
|
+
var css$8 = {"container":"-QNDL7","open":"M5UMxj","folding-arrow":"O1IPyB","foldingArrow":"O1IPyB"};
|
|
5295
5295
|
|
|
5296
5296
|
const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
|
|
5297
5297
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5299,15 +5299,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5299
5299
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
5300
5300
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$Q, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5301
5301
|
|
|
5302
|
-
var css$7 = {"search-input":"
|
|
5302
|
+
var css$7 = {"search-input":"_8IIVMP","searchInput":"_8IIVMP"};
|
|
5303
5303
|
|
|
5304
5304
|
const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, { ...props, render: (iEditable) => (React__namespace.createElement(uuiComponents.TextInput, { iconPosition: "left", icon: ForwardRef$N, cancelIcon: props.value?.length > 0 && ForwardRef$R, ...props, ...iEditable, ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx), ...props.rawProps })) })));
|
|
5305
5305
|
|
|
5306
|
-
var css$6 = {"container":"
|
|
5306
|
+
var css$6 = {"container":"hhtccv"};
|
|
5307
5307
|
|
|
5308
5308
|
const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, { ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container), ...props })));
|
|
5309
5309
|
|
|
5310
|
-
var css$5 = {"root":"
|
|
5310
|
+
var css$5 = {"root":"IvLuUH"};
|
|
5311
5311
|
|
|
5312
5312
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
5313
5313
|
|
|
@@ -5365,7 +5365,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5365
5365
|
};
|
|
5366
5366
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
5367
5367
|
|
|
5368
|
-
var css$4 = {"root":"
|
|
5368
|
+
var css$4 = {"root":"BNLCu-","drop-start":"Fqj-0w","dropStart":"Fqj-0w","drop-over":"uWC-iT","dropOver":"uWC-iT","link":"JegJi6","drop-area":"_6CPBhR","dropArea":"_6CPBhR","drop-caption":"hyWZ1r","dropCaption":"hyWZ1r","icon-blue":"t9-DbE","iconBlue":"t9-DbE"};
|
|
5369
5369
|
|
|
5370
5370
|
function DropSpot(props) {
|
|
5371
5371
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5383,7 +5383,7 @@ function DropSpot(props) {
|
|
|
5383
5383
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5384
5384
|
}
|
|
5385
5385
|
|
|
5386
|
-
var css$3 = {"root":"
|
|
5386
|
+
var css$3 = {"root":"WmRuW6"};
|
|
5387
5387
|
|
|
5388
5388
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5389
5389
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5394,7 +5394,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
|
|
|
5394
5394
|
React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5395
5395
|
});
|
|
5396
5396
|
|
|
5397
|
-
var css$2 = {"root":"
|
|
5397
|
+
var css$2 = {"root":"-PsQfV","file-name":"Y--z4f","fileName":"Y--z4f","default-color":"o9k1Fu","defaultColor":"o9k1Fu","doc-color":"gMAT3D","docColor":"gMAT3D","xls-color":"IXkyBU","xlsColor":"IXkyBU","pdf-color":"IiGFBb","pdfColor":"IiGFBb","movie-color":"xa0hDS","movieColor":"xa0hDS","img-color":"C1H5C0","imgColor":"C1H5C0","mov-color":"rBcM7C","movColor":"rBcM7C","error-block":"t-JZHr","errorBlock":"t-JZHr","icons-block":"hZ-izb","iconsBlock":"hZ-izb"};
|
|
5398
5398
|
|
|
5399
5399
|
const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5400
5400
|
const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
|
|
@@ -5513,7 +5513,7 @@ const getErrorPageConfig = () => ({
|
|
|
5513
5513
|
},
|
|
5514
5514
|
});
|
|
5515
5515
|
|
|
5516
|
-
var css$1 = {"container":"
|
|
5516
|
+
var css$1 = {"container":"rrkU4b"};
|
|
5517
5517
|
|
|
5518
5518
|
const ErrorPage = (props) => {
|
|
5519
5519
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5525,7 +5525,7 @@ const ErrorPage = (props) => {
|
|
|
5525
5525
|
props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5526
5526
|
};
|
|
5527
5527
|
|
|
5528
|
-
var css = {"recovery-spinner":"
|
|
5528
|
+
var css = {"recovery-spinner":"PkVTUk","recoverySpinner":"PkVTUk","recovery-message":"-W5fkN","recoveryMessage":"-W5fkN","modal-blocker":"x98Zkz","modalBlocker":"x98Zkz","modalFadeIn":"BUJ-PO"};
|
|
5529
5529
|
|
|
5530
5530
|
function ErrorHandler(props) {
|
|
5531
5531
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|