@epam/uui 5.13.3-beta.18 → 5.13.3-beta.24
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/tables/DataTable.d.ts +2 -2
- package/components/tables/DataTable.d.ts.map +1 -1
- package/components/tables/types.d.ts +3 -2
- package/components/tables/types.d.ts.map +1 -1
- package/index.esm.js +105 -105
- package/index.esm.js.map +1 -1
- package/index.js +105 -105
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +1 -1
- package/styles.css +1000 -1000
- 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(#cqo5s9xkpyvp8ws5k_a)"
|
|
186
186
|
}, _path$I || (_path$I = /*#__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: "cqo5s9mq6ierjlck_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(#cqo5s9mq6ierjlck_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: "cqo5s9xkpyvp8ws5k_a"
|
|
306
306
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
307
307
|
fill: "#fff",
|
|
308
308
|
transform: "translate(.552)",
|
|
@@ -953,14 +953,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
953
953
|
};
|
|
954
954
|
var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
|
|
955
955
|
|
|
956
|
-
var css$1x = {"root":"
|
|
956
|
+
var css$1x = {"root":"_5jjLgG","uui-spinner":"_3cEm9i","uuiSpinner":"_3cEm9i"};
|
|
957
957
|
|
|
958
958
|
function applySpinnerMods() {
|
|
959
959
|
return [css$1x.root, 'uui-spinner'];
|
|
960
960
|
}
|
|
961
961
|
const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
962
962
|
|
|
963
|
-
var css$1w = {"root":"
|
|
963
|
+
var css$1w = {"root":"g--YTQ","loading-word":"DlTClN","loadingWord":"DlTClN","animated-loading":"_7tqTZp","animatedLoading":"_7tqTZp","skeleton_loading":"CCDWzV","skeletonLoading":"CCDWzV"};
|
|
964
964
|
|
|
965
965
|
const TextPlaceholder = (props) => {
|
|
966
966
|
const pattern = ' ';
|
|
@@ -977,7 +977,7 @@ const TextPlaceholder = (props) => {
|
|
|
977
977
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
978
978
|
};
|
|
979
979
|
|
|
980
|
-
var css$1v = {"root":"
|
|
980
|
+
var css$1v = {"root":"SUs-kX","line-height":"LHONHB","lineHeight":"LHONHB","font-size":"rNDcV1","fontSize":"rNDcV1"};
|
|
981
981
|
|
|
982
982
|
function applyTextMods(mods) {
|
|
983
983
|
return [
|
|
@@ -1488,7 +1488,7 @@ const settings = {
|
|
|
1488
1488
|
textInput: textInputSettings,
|
|
1489
1489
|
};
|
|
1490
1490
|
|
|
1491
|
-
var css$1u = {"root":"
|
|
1491
|
+
var css$1u = {"root":"AOpMe-"};
|
|
1492
1492
|
|
|
1493
1493
|
function applyButtonMods(mods) {
|
|
1494
1494
|
return [
|
|
@@ -1506,7 +1506,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
1506
1506
|
};
|
|
1507
1507
|
});
|
|
1508
1508
|
|
|
1509
|
-
var css$1t = {"root":"
|
|
1509
|
+
var css$1t = {"root":"kwf-Sz"};
|
|
1510
1510
|
|
|
1511
1511
|
function applyIconButtonMods(props) {
|
|
1512
1512
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1t.root];
|
|
@@ -1543,7 +1543,7 @@ function getIconClass(props) {
|
|
|
1543
1543
|
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'];
|
|
1544
1544
|
}
|
|
1545
1545
|
|
|
1546
|
-
var css$1s = {"root":"
|
|
1546
|
+
var css$1s = {"root":"XRddAO"};
|
|
1547
1547
|
|
|
1548
1548
|
const DEFAULT_COLOR = 'primary';
|
|
1549
1549
|
const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -1573,7 +1573,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
1573
1573
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1574
1574
|
});
|
|
1575
1575
|
|
|
1576
|
-
var css$1r = {"root":"
|
|
1576
|
+
var css$1r = {"root":"_1lzBkd"};
|
|
1577
1577
|
|
|
1578
1578
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1579
1579
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -1585,7 +1585,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1585
1585
|
]) }, props.caption));
|
|
1586
1586
|
});
|
|
1587
1587
|
|
|
1588
|
-
var css$1q = {"root":"
|
|
1588
|
+
var css$1q = {"root":"ONAqNA","withNotify":"apLn8C"};
|
|
1589
1589
|
|
|
1590
1590
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
1591
1591
|
const styles = [
|
|
@@ -1613,14 +1613,14 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
1613
1613
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1614
1614
|
});
|
|
1615
1615
|
|
|
1616
|
-
var css$1p = {"root":"
|
|
1616
|
+
var css$1p = {"root":"NWkhg8"};
|
|
1617
1617
|
|
|
1618
1618
|
function applyVerticalTabButtonMods() {
|
|
1619
1619
|
return [css$1p.root, 'uui-vertical-tab-button'];
|
|
1620
1620
|
}
|
|
1621
1621
|
const VerticalTabButton = /* @__PURE__ */uuiCore.withMods(TabButton, applyVerticalTabButtonMods);
|
|
1622
1622
|
|
|
1623
|
-
var css$1o = {"root":"
|
|
1623
|
+
var css$1o = {"root":"NKjWky"};
|
|
1624
1624
|
|
|
1625
1625
|
function applyCheckboxMods(mods) {
|
|
1626
1626
|
return [
|
|
@@ -1638,7 +1638,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1638
1638
|
};
|
|
1639
1639
|
const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1640
1640
|
|
|
1641
|
-
var css$1n = {"root":"
|
|
1641
|
+
var css$1n = {"root":"qYaJRB"};
|
|
1642
1642
|
|
|
1643
1643
|
function applyRadioInputMods(mods) {
|
|
1644
1644
|
return [
|
|
@@ -1650,7 +1650,7 @@ function applyRadioInputMods(mods) {
|
|
|
1650
1650
|
}
|
|
1651
1651
|
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1652
1652
|
|
|
1653
|
-
var css$1m = {"root":"
|
|
1653
|
+
var css$1m = {"root":"uJ26Lk"};
|
|
1654
1654
|
|
|
1655
1655
|
function applySwitchMods(mods) {
|
|
1656
1656
|
return [
|
|
@@ -1674,7 +1674,7 @@ var EditMode;
|
|
|
1674
1674
|
EditMode["INLINE"] = "inline";
|
|
1675
1675
|
})(EditMode || (EditMode = {}));
|
|
1676
1676
|
|
|
1677
|
-
var textInputCss = {"root":"
|
|
1677
|
+
var textInputCss = {"root":"pexJ5o"};
|
|
1678
1678
|
|
|
1679
1679
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1680
1680
|
function applyTextInputMods(mods) {
|
|
@@ -1699,7 +1699,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
1699
1699
|
} }));
|
|
1700
1700
|
});
|
|
1701
1701
|
|
|
1702
|
-
var css$1l = {"root":"
|
|
1702
|
+
var css$1l = {"root":"ttQ0hk"};
|
|
1703
1703
|
|
|
1704
1704
|
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1l.root, 'uui-control-group']);
|
|
1705
1705
|
|
|
@@ -1715,7 +1715,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1715
1715
|
}
|
|
1716
1716
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
1717
1717
|
|
|
1718
|
-
var css$1k = {"root":"
|
|
1718
|
+
var css$1k = {"root":"DYnhq9"};
|
|
1719
1719
|
|
|
1720
1720
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1721
1721
|
function applyNumericInputMods(mods) {
|
|
@@ -1735,7 +1735,7 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
1735
1735
|
};
|
|
1736
1736
|
});
|
|
1737
1737
|
|
|
1738
|
-
var css$1j = {"root":"
|
|
1738
|
+
var css$1j = {"root":"bBXuUf"};
|
|
1739
1739
|
|
|
1740
1740
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1741
1741
|
function applyTextAreaMods(mods) {
|
|
@@ -1776,7 +1776,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1776
1776
|
};
|
|
1777
1777
|
}
|
|
1778
1778
|
|
|
1779
|
-
var css$1i = {"root":"
|
|
1779
|
+
var css$1i = {"root":"R8yctm","main-path":"kmMOB7","mainPath":"kmMOB7","content-wrapper":"yC8yIf","contentWrapper":"yC8yIf","content":"HaHa5K","action-wrapper":"aeZSev","actionWrapper":"aeZSev","icon-wrapper":"WXI8ka","iconWrapper":"WXI8ka","icon":"zMZ4QL","close-icon":"_4oqVaH","closeIcon":"_4oqVaH"};
|
|
1780
1780
|
|
|
1781
1781
|
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1i.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
1782
1782
|
React__namespace.createElement("div", { className: css$1i.mainPath },
|
|
@@ -1794,7 +1794,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
1794
1794
|
|
|
1795
1795
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
1796
1796
|
|
|
1797
|
-
var css$1h = {"root":"
|
|
1797
|
+
var css$1h = {"root":"HkYxPd"};
|
|
1798
1798
|
|
|
1799
1799
|
function applyDropdownContainerMods(mods) {
|
|
1800
1800
|
return [
|
|
@@ -1805,7 +1805,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1805
1805
|
}
|
|
1806
1806
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
1807
1807
|
|
|
1808
|
-
var css$1g = {"submenu-root-item-rtl":"
|
|
1808
|
+
var css$1g = {"submenu-root-item-rtl":"vUClYW","submenuRootItemRtl":"vUClYW","icon-after":"-cbwGE","iconAfter":"-cbwGE","submenu-root-item":"T5Zvoc","submenuRootItem":"T5Zvoc","icon-check":"VadB91","iconCheck":"VadB91","splitter-root":"gdrcqz","splitterRoot":"gdrcqz","splitter":"_4lhBnr","header-root":"pWJUr2","headerRoot":"pWJUr2","item-root":"_964TXp","itemRoot":"_964TXp","icon":"Ms3uJs","link":"yzZCfU","indent":"rIAr55","selected-mark":"sxMBtj","selectedMark":"sxMBtj"};
|
|
1809
1809
|
|
|
1810
1810
|
exports.IDropdownControlKeys = void 0;
|
|
1811
1811
|
(function (IDropdownControlKeys) {
|
|
@@ -1935,7 +1935,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1935
1935
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1936
1936
|
}
|
|
1937
1937
|
|
|
1938
|
-
var css$1f = {"root":"
|
|
1938
|
+
var css$1f = {"root":"I9GCD-","mode-block":"TfNazA","modeBlock":"TfNazA","mode-inline":"O9HnfO","modeInline":"O9HnfO","padding-0":"aAtm9g","padding0":"aAtm9g","padding-6":"_1OBDjb","padding6":"_1OBDjb","padding-12":"_-8pIeh","padding12":"_-8pIeh","padding-18":"_89LEOH","padding18":"_89LEOH"};
|
|
1939
1939
|
|
|
1940
1940
|
function applyAccordionMods(mods) {
|
|
1941
1941
|
return [
|
|
@@ -1948,7 +1948,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
|
|
|
1948
1948
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
1949
1949
|
}));
|
|
1950
1950
|
|
|
1951
|
-
var css$1e = {"root":"
|
|
1951
|
+
var css$1e = {"root":"OjGZVg","align-items":"x1RGMY","alignItems":"x1RGMY","justify-content":"dt1E9P","justifyContent":"dt1E9P","border-top":"yE5ppY","borderTop":"yE5ppY","border-bottom":"UJdVp-","borderBottom":"UJdVp-","top-shadow":"K7UtM1","topShadow":"K7UtM1","padding":"xhFTd8","margin":"dIXosm","vPadding":"d12aE8","column-gap":"_3V-J-v","columnGap":"_3V-J-v","row-gap":"Sp9X8p","rowGap":"Sp9X8p","spacing":"cAD7fE"};
|
|
1952
1952
|
|
|
1953
1953
|
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1e.flexCell]);
|
|
1954
1954
|
|
|
@@ -1993,7 +1993,7 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1993
1993
|
} }, props.children));
|
|
1994
1994
|
});
|
|
1995
1995
|
|
|
1996
|
-
var css$1d = {"root":"
|
|
1996
|
+
var css$1d = {"root":"WEdibG","margin-24":"_66RUXl","margin24":"_66RUXl","padding-12":"wadvPO","padding12":"wadvPO","padding-24":"clR-K4","padding24":"clR-K4","shadow":"OVYjCa","uui-surface-main":"InBE9i","uuiSurfaceMain":"InBE9i"};
|
|
1997
1997
|
|
|
1998
1998
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
1999
1999
|
'uui-panel',
|
|
@@ -2003,7 +2003,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
|
2003
2003
|
props.background && css$1d[`uui-${props.background}`],
|
|
2004
2004
|
]);
|
|
2005
2005
|
|
|
2006
|
-
var css$1c = {"root":"
|
|
2006
|
+
var css$1c = {"root":"YMh1hE"};
|
|
2007
2007
|
|
|
2008
2008
|
function applyTooltipMods(mods) {
|
|
2009
2009
|
return [
|
|
@@ -2013,7 +2013,7 @@ function applyTooltipMods(mods) {
|
|
|
2013
2013
|
}
|
|
2014
2014
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
2015
2015
|
|
|
2016
|
-
var css$1b = {"root":"
|
|
2016
|
+
var css$1b = {"root":"nRQeSh"};
|
|
2017
2017
|
|
|
2018
2018
|
function applyLabeledInputMods(mods) {
|
|
2019
2019
|
return [
|
|
@@ -2030,7 +2030,7 @@ function applyLabeledInputProps(props) {
|
|
|
2030
2030
|
}
|
|
2031
2031
|
const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2032
2032
|
|
|
2033
|
-
var css$1a = {"root":"
|
|
2033
|
+
var css$1a = {"root":"_7wI9UL"};
|
|
2034
2034
|
|
|
2035
2035
|
function RadioGroup(props) {
|
|
2036
2036
|
const direction = props.direction || 'vertical';
|
|
@@ -2045,7 +2045,7 @@ function RadioGroup(props) {
|
|
|
2045
2045
|
})));
|
|
2046
2046
|
}
|
|
2047
2047
|
|
|
2048
|
-
var css$19 = {"root":"
|
|
2048
|
+
var css$19 = {"root":"QPC9d5"};
|
|
2049
2049
|
|
|
2050
2050
|
function applyScrollBarsMods() {
|
|
2051
2051
|
return [
|
|
@@ -2054,9 +2054,9 @@ function applyScrollBarsMods() {
|
|
|
2054
2054
|
}
|
|
2055
2055
|
const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
|
|
2056
2056
|
|
|
2057
|
-
var css$18 = {"scroll-container":"
|
|
2057
|
+
var css$18 = {"scroll-container":"d-fo27","scrollContainer":"d-fo27","list-container":"YPe1mF","listContainer":"YPe1mF"};
|
|
2058
2058
|
|
|
2059
|
-
var css$17 = {"root":"
|
|
2059
|
+
var css$17 = {"root":"Rd-riF"};
|
|
2060
2060
|
|
|
2061
2061
|
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$17.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
2062
2062
|
|
|
@@ -2102,7 +2102,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
2102
2102
|
React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2103
2103
|
});
|
|
2104
2104
|
|
|
2105
|
-
var css$16 = {"root":"
|
|
2105
|
+
var css$16 = {"root":"In-Ymu"};
|
|
2106
2106
|
|
|
2107
2107
|
function CheckboxGroup(props) {
|
|
2108
2108
|
const currentValue = props.value || [];
|
|
@@ -2124,7 +2124,7 @@ function CheckboxGroup(props) {
|
|
|
2124
2124
|
})));
|
|
2125
2125
|
}
|
|
2126
2126
|
|
|
2127
|
-
var css$15 = {"root":"
|
|
2127
|
+
var css$15 = {"root":"tm2NVB","modal-blocker":"VgYxUE","modalBlocker":"VgYxUE","animateModalBlocker":"jHx82a","modal":"TS0DIT","modal-footer":"_73YGwm","modalFooter":"_73YGwm","border-top":"-iCfGT","borderTop":"-iCfGT","modal-header":"oSO0Tb","modalHeader":"oSO0Tb","border-bottom":"_7ggzbC","borderBottom":"_7ggzbC"};
|
|
2128
2128
|
|
|
2129
2129
|
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$15.modalBlocker]);
|
|
2130
2130
|
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$15.root, css$15.modal], (props) => {
|
|
@@ -2314,7 +2314,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2314
2314
|
});
|
|
2315
2315
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2316
2316
|
|
|
2317
|
-
var css$14 = {"root":"
|
|
2317
|
+
var css$14 = {"root":"-baMpM","icon-wrapper":"S5kQ5H","iconWrapper":"S5kQ5H","action-wrapper":"o-y-xj","actionWrapper":"o-y-xj","close-icon":"PFAnbe","closeIcon":"PFAnbe","main-path":"WlBNg7","mainPath":"WlBNg7","content":"_70kl-a","close-wrapper":"dPdwSF","closeWrapper":"dPdwSF","clear-notifications":"h1NsUf","clearNotifications":"h1NsUf"};
|
|
2318
2318
|
|
|
2319
2319
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
2320
2320
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -2347,7 +2347,7 @@ function ClearNotification() {
|
|
|
2347
2347
|
React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2348
2348
|
}
|
|
2349
2349
|
|
|
2350
|
-
var css$13 = {"footer":"
|
|
2350
|
+
var css$13 = {"footer":"urXGbJ"};
|
|
2351
2351
|
|
|
2352
2352
|
class ConfirmationModal extends React__namespace.Component {
|
|
2353
2353
|
render() {
|
|
@@ -2389,7 +2389,7 @@ function useReliableForceUpdate() {
|
|
|
2389
2389
|
return red[1];
|
|
2390
2390
|
}
|
|
2391
2391
|
|
|
2392
|
-
var css$12 = {"root":"
|
|
2392
|
+
var css$12 = {"root":"_0qUlpj","timepicker-input":"LW4LT9","timepickerInput":"LW4LT9","ltr-always":"NK2Wji","ltrAlways":"NK2Wji"};
|
|
2393
2393
|
|
|
2394
2394
|
const uuiTimePicker = {
|
|
2395
2395
|
container: 'uui-timepicker-container',
|
|
@@ -2582,7 +2582,7 @@ function TimePicker(props) {
|
|
|
2582
2582
|
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 }));
|
|
2583
2583
|
}
|
|
2584
2584
|
|
|
2585
|
-
var css$11 = {"root":"
|
|
2585
|
+
var css$11 = {"root":"Zj51RX"};
|
|
2586
2586
|
|
|
2587
2587
|
function applyInputAddonMods() {
|
|
2588
2588
|
return [
|
|
@@ -2591,14 +2591,14 @@ function applyInputAddonMods() {
|
|
|
2591
2591
|
}
|
|
2592
2592
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
2593
2593
|
|
|
2594
|
-
var css$10 = {"root":"
|
|
2594
|
+
var css$10 = {"root":"_94vh4N"};
|
|
2595
2595
|
|
|
2596
2596
|
function applySliderMods() {
|
|
2597
2597
|
return [css$10.root, 'uui-color-neutral'];
|
|
2598
2598
|
}
|
|
2599
2599
|
const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
|
|
2600
2600
|
|
|
2601
|
-
var css$$ = {"root":"
|
|
2601
|
+
var css$$ = {"root":"Zy13hl","tooltip":"dLSDGV"};
|
|
2602
2602
|
|
|
2603
2603
|
function applyRatingMods(mods) {
|
|
2604
2604
|
return [
|
|
@@ -2612,7 +2612,7 @@ const Rating = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Rating,
|
|
|
2612
2612
|
Tooltip,
|
|
2613
2613
|
}));
|
|
2614
2614
|
|
|
2615
|
-
var css$_ = {"root":"
|
|
2615
|
+
var css$_ = {"root":"aklnEP","container":"yobuMn"};
|
|
2616
2616
|
|
|
2617
2617
|
const defaultFormat = 'MMM D, YYYY';
|
|
2618
2618
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2823,14 +2823,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2823
2823
|
React__namespace.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2824
2824
|
}
|
|
2825
2825
|
|
|
2826
|
-
var css$Z = {"root":"
|
|
2826
|
+
var css$Z = {"root":"AnEHlb"};
|
|
2827
2827
|
|
|
2828
2828
|
function applyDateSelectionMods() {
|
|
2829
2829
|
return [css$Z.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2830
2830
|
}
|
|
2831
2831
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2832
2832
|
|
|
2833
|
-
var css$Y = {"root":"
|
|
2833
|
+
var css$Y = {"root":"o-SVWJ"};
|
|
2834
2834
|
|
|
2835
2835
|
const uuiDatePickerBody = {
|
|
2836
2836
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2956,7 +2956,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2956
2956
|
}
|
|
2957
2957
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
2958
2958
|
|
|
2959
|
-
var css$X = {"date-input":"
|
|
2959
|
+
var css$X = {"date-input":"L7jTwM","dateInput":"L7jTwM","root":"Ubge5G","separator":"CzZNbO"};
|
|
2960
2960
|
|
|
2961
2961
|
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) => {
|
|
2962
2962
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3007,7 +3007,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
3007
3007
|
} : 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 })));
|
|
3008
3008
|
});
|
|
3009
3009
|
|
|
3010
|
-
var css$W = {"root":"
|
|
3010
|
+
var css$W = {"root":"UxYYte"};
|
|
3011
3011
|
|
|
3012
3012
|
const uuiPresets = {
|
|
3013
3013
|
container: 'uui-presets-container',
|
|
@@ -3027,7 +3027,7 @@ function CalendarPresets(props) {
|
|
|
3027
3027
|
getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
3028
3028
|
}
|
|
3029
3029
|
|
|
3030
|
-
var css$V = {"root":"
|
|
3030
|
+
var css$V = {"root":"ffoe9E","container":"hAk3OM","day-selection":"sNhjDZ","daySelection":"sNhjDZ","from-picker":"fFINd7","fromPicker":"fFINd7","to-picker":"_5-75e4","toPicker":"_5-75e4","bodes-wrapper":"zMweV9","bodesWrapper":"zMweV9","blocker":"M5uDFv"};
|
|
3031
3031
|
|
|
3032
3032
|
const uuiRangeDatePickerBody = {
|
|
3033
3033
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3202,7 +3202,7 @@ const getDayCX = (day, selectedDate) => {
|
|
|
3202
3202
|
return [cx__default.default(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiComponents.uuiDaySelection.selectedDay)];
|
|
3203
3203
|
};
|
|
3204
3204
|
|
|
3205
|
-
var css$U = {"dropdown-container":"
|
|
3205
|
+
var css$U = {"dropdown-container":"HVeJQq","dropdownContainer":"HVeJQq"};
|
|
3206
3206
|
|
|
3207
3207
|
const modifiers = [{
|
|
3208
3208
|
name: 'offset',
|
|
@@ -3270,7 +3270,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3270
3270
|
}
|
|
3271
3271
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3272
3272
|
|
|
3273
|
-
var css$T = {"root":"
|
|
3273
|
+
var css$T = {"root":"B8a5cX","blocker":"HOp8ms","marker":"hLIq5U","top":"uF20m4","bottom":"ypai9g","left":"wZCPW4","right":"_9czejN","inside":"ecXE2f"};
|
|
3274
3274
|
|
|
3275
3275
|
function DropMarker(props) {
|
|
3276
3276
|
return props.isDndInProgress
|
|
@@ -3287,7 +3287,7 @@ function DropMarker(props) {
|
|
|
3287
3287
|
|
|
3288
3288
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3289
3289
|
|
|
3290
|
-
var css$S = {"modal":"
|
|
3290
|
+
var css$S = {"modal":"G6Xv-r","search-wrapper":"_3zhjFl","searchWrapper":"_3zhjFl","no-data":"tZAJqq","noData":"tZAJqq"};
|
|
3291
3291
|
|
|
3292
3292
|
class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
3293
3293
|
constructor() {
|
|
@@ -3364,7 +3364,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3364
3364
|
}
|
|
3365
3365
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
3366
3366
|
|
|
3367
|
-
var css$R = {"header":"
|
|
3367
|
+
var css$R = {"header":"gLlRcZ","title":"uhkBIN","close":"N3tD4E"};
|
|
3368
3368
|
|
|
3369
3369
|
const DataPickerHeaderImpl = (props) => {
|
|
3370
3370
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3374,11 +3374,11 @@ const DataPickerHeaderImpl = (props) => {
|
|
|
3374
3374
|
};
|
|
3375
3375
|
const DataPickerHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerHeaderImpl);
|
|
3376
3376
|
|
|
3377
|
-
var css$Q = {"root":"
|
|
3377
|
+
var css$Q = {"root":"xCF3UI"};
|
|
3378
3378
|
|
|
3379
3379
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$Q.root]);
|
|
3380
3380
|
|
|
3381
|
-
var css$P = {"root":"
|
|
3381
|
+
var css$P = {"root":"Lc28-t"};
|
|
3382
3382
|
|
|
3383
3383
|
const DEFAULT_FILL = 'solid';
|
|
3384
3384
|
function applyBadgeMods(mods) {
|
|
@@ -3406,7 +3406,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
3406
3406
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3407
3407
|
});
|
|
3408
3408
|
|
|
3409
|
-
var css$O = {"root":"
|
|
3409
|
+
var css$O = {"root":"KC9i5f"};
|
|
3410
3410
|
|
|
3411
3411
|
function applyTagMods(props) {
|
|
3412
3412
|
return [
|
|
@@ -3434,7 +3434,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
3434
3434
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3435
3435
|
});
|
|
3436
3436
|
|
|
3437
|
-
var css$N = {"root":"
|
|
3437
|
+
var css$N = {"root":"nonZmD","page":"IeeU6Q","spacer":"xghLIF","mode-ghost":"viMxEm","modeGhost":"viMxEm"};
|
|
3438
3438
|
|
|
3439
3439
|
function Paginator(props) {
|
|
3440
3440
|
const renderPaginator = (params) => (React__namespace.default.createElement("nav", { role: "navigation", className: cx__default.default(css$N.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
@@ -3451,14 +3451,14 @@ function Paginator(props) {
|
|
|
3451
3451
|
return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
|
|
3452
3452
|
}
|
|
3453
3453
|
|
|
3454
|
-
var css$M = {"root":"
|
|
3454
|
+
var css$M = {"root":"AvdNGz","progress-bar":"q6Jx2v","progressBar":"q6Jx2v","progressBar-indeterminate":"Pj8zAG","progressBarIndeterminate":"Pj8zAG","size-12":"_6QvRux","size12":"_6QvRux","size-18":"oHZBVY","size18":"oHZBVY","size-24":"-K9umR","size24":"-K9umR"};
|
|
3455
3455
|
|
|
3456
3456
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3457
3457
|
return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$M.root, css$M[`size-${props.size || 12}`]) },
|
|
3458
3458
|
React__namespace.createElement("div", { className: cx__default.default(css$M.progressBar) })));
|
|
3459
3459
|
});
|
|
3460
3460
|
|
|
3461
|
-
var css$L = {"root":"
|
|
3461
|
+
var css$L = {"root":"s8xdxp","striped":"_2W-hpB","animate-stripes":"_5WwwKU","animateStripes":"_5WwwKU","size-12":"Z5C2AK","size12":"Z5C2AK","size-18":"xbfXwF","size18":"xbfXwF","size-24":"_38Gz8C","size24":"_38Gz8C"};
|
|
3462
3462
|
|
|
3463
3463
|
const DEFAULT_SIZE = '12';
|
|
3464
3464
|
function applyProgressBarMods(mods) {
|
|
@@ -3473,14 +3473,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
3473
3473
|
hideLabel: props.hideLabel || props.striped,
|
|
3474
3474
|
}));
|
|
3475
3475
|
|
|
3476
|
-
var css$K = {"root":"
|
|
3476
|
+
var css$K = {"root":"QtzMui"};
|
|
3477
3477
|
|
|
3478
3478
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3479
3479
|
const { progress } = props;
|
|
3480
3480
|
return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$K.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$K.root, props.cx) }));
|
|
3481
3481
|
});
|
|
3482
3482
|
|
|
3483
|
-
var css$J = {"root":"
|
|
3483
|
+
var css$J = {"root":"gkOvPB"};
|
|
3484
3484
|
|
|
3485
3485
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3486
3486
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -3495,7 +3495,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
3495
3495
|
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3496
3496
|
});
|
|
3497
3497
|
|
|
3498
|
-
var css$I = {"drag-handle":"
|
|
3498
|
+
var css$I = {"drag-handle":"hKg3CJ","dragHandle":"hKg3CJ","icon-container":"glaJtJ","iconContainer":"glaJtJ"};
|
|
3499
3499
|
|
|
3500
3500
|
function DataRowAddons(props) {
|
|
3501
3501
|
const row = props.rowProps;
|
|
@@ -3516,7 +3516,7 @@ function DataRowAddons(props) {
|
|
|
3516
3516
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.dataTable.sizes.body.iconMap[props.size || settings.dataTable.sizes.body.row] }))))));
|
|
3517
3517
|
}
|
|
3518
3518
|
|
|
3519
|
-
var css$H = {"root":"
|
|
3519
|
+
var css$H = {"root":"_2c78OI","align-widgets-top":"LFhwsD","alignWidgetsTop":"LFhwsD","align-widgets-center":"N0HeIQ","alignWidgetsCenter":"N0HeIQ","icon-container":"shG52E","iconContainer":"shG52E","content-wrapper":"_5GwSth","contentWrapper":"_5GwSth","render-item":"hdc-zC","renderItem":"hdc-zC","icon-wrapper":"P-qTPG","iconWrapper":"P-qTPG","icon-default":"sW4LcH","iconDefault":"sW4LcH","selected-mark":"ySEzMm","selectedMark":"ySEzMm"};
|
|
3520
3520
|
|
|
3521
3521
|
function DataPickerCell(props) {
|
|
3522
3522
|
const ref = React__namespace.useRef();
|
|
@@ -3554,7 +3554,7 @@ function DataPickerCell(props) {
|
|
|
3554
3554
|
getWrappedContent()));
|
|
3555
3555
|
}
|
|
3556
3556
|
|
|
3557
|
-
var css$G = {"picker-row":"
|
|
3557
|
+
var css$G = {"picker-row":"OlhBC7","pickerRow":"OlhBC7"};
|
|
3558
3558
|
|
|
3559
3559
|
class DataPickerRow extends React__namespace.Component {
|
|
3560
3560
|
constructor() {
|
|
@@ -3568,7 +3568,7 @@ class DataPickerRow extends React__namespace.Component {
|
|
|
3568
3568
|
}
|
|
3569
3569
|
}
|
|
3570
3570
|
|
|
3571
|
-
var css$F = {"done":"
|
|
3571
|
+
var css$F = {"done":"U1xWex","container":"fMGEM8"};
|
|
3572
3572
|
|
|
3573
3573
|
const PickerBodyMobileView = (props) => {
|
|
3574
3574
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -3645,7 +3645,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3645
3645
|
return getDecoratedText(str, ranges);
|
|
3646
3646
|
};
|
|
3647
3647
|
|
|
3648
|
-
var css$E = {"root":"
|
|
3648
|
+
var css$E = {"root":"GGJxxE","column-gap":"hnMPPp","columnGap":"hnMPPp","title":"aCNT4-","subtitle":"wU1uah","disabled":"Sqk-tW","multiline":"_79iG-e"};
|
|
3649
3649
|
|
|
3650
3650
|
function PickerItem(props) {
|
|
3651
3651
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3666,7 +3666,7 @@ function getAvatarSize(size, isMultiline) {
|
|
|
3666
3666
|
return settings.pickerInput.sizes.body[isMultiline ? 'itemAvatarMultilineMap' : 'itemAvatarMap'][size];
|
|
3667
3667
|
}
|
|
3668
3668
|
|
|
3669
|
-
var css$D = {"sub-header-wrapper":"
|
|
3669
|
+
var css$D = {"sub-header-wrapper":"TXzRZr","subHeaderWrapper":"TXzRZr","switch":"Kkr831","no-found-modal-container":"o1teTJ","noFoundModalContainer":"o1teTJ","no-found-modal-container-icon":"ZdYeRz","noFoundModalContainerIcon":"ZdYeRz","no-found-modal-container-text":"MCa3-K","noFoundModalContainerText":"MCa3-K"};
|
|
3670
3670
|
|
|
3671
3671
|
function PickerModal(props) {
|
|
3672
3672
|
const { view, selection, dataSourceStateLens, dataSourceState, getDataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
|
|
@@ -3721,7 +3721,7 @@ function PickerModal(props) {
|
|
|
3721
3721
|
React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3722
3722
|
}
|
|
3723
3723
|
|
|
3724
|
-
var css$C = {"tooltip":"
|
|
3724
|
+
var css$C = {"tooltip":"aHpOIO"};
|
|
3725
3725
|
|
|
3726
3726
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3727
3727
|
const tagProps = {
|
|
@@ -3740,7 +3740,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
3740
3740
|
}
|
|
3741
3741
|
});
|
|
3742
3742
|
|
|
3743
|
-
var css$B = {"root":"
|
|
3743
|
+
var css$B = {"root":"L6pgF-"};
|
|
3744
3744
|
|
|
3745
3745
|
const defaultMode = EditMode.FORM;
|
|
3746
3746
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3841,7 +3841,7 @@ function PickerInputComponent({ highlightSearchMatches = true, ...props }, ref)
|
|
|
3841
3841
|
}
|
|
3842
3842
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
3843
3843
|
|
|
3844
|
-
var css$A = {"row":"
|
|
3844
|
+
var css$A = {"row":"oTglNO"};
|
|
3845
3845
|
|
|
3846
3846
|
function PickerListItem(props) {
|
|
3847
3847
|
let label;
|
|
@@ -3861,7 +3861,7 @@ function PickerListItem(props) {
|
|
|
3861
3861
|
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));
|
|
3862
3862
|
}
|
|
3863
3863
|
|
|
3864
|
-
var css$z = {"root":"
|
|
3864
|
+
var css$z = {"root":"w09GPe"};
|
|
3865
3865
|
|
|
3866
3866
|
function PickerList(props) {
|
|
3867
3867
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -3896,7 +3896,7 @@ function PickerList(props) {
|
|
|
3896
3896
|
}, selectedRows)));
|
|
3897
3897
|
}
|
|
3898
3898
|
|
|
3899
|
-
var css$y = {"root":"
|
|
3899
|
+
var css$y = {"root":"NXkYYB","wrapper":"LXrxIh","align-widgets-top":"lR82gw","alignWidgetsTop":"lR82gw","align-widgets-center":"j06n-4","alignWidgetsCenter":"j06n-4"};
|
|
3900
3900
|
|
|
3901
3901
|
function DataTableCell(initialProps) {
|
|
3902
3902
|
const props = { ...initialProps };
|
|
@@ -3946,7 +3946,7 @@ function DataTableCell(initialProps) {
|
|
|
3946
3946
|
return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
|
|
3947
3947
|
}
|
|
3948
3948
|
|
|
3949
|
-
var css$x = {"root":"
|
|
3949
|
+
var css$x = {"root":"HOvXrc"};
|
|
3950
3950
|
|
|
3951
3951
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3952
3952
|
// 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.
|
|
@@ -3962,7 +3962,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
3962
3962
|
];
|
|
3963
3963
|
}, () => propsMods);
|
|
3964
3964
|
|
|
3965
|
-
var css$w = {"sorting-panel-container":"
|
|
3965
|
+
var css$w = {"sorting-panel-container":"KkPLsY","sortingPanelContainer":"KkPLsY"};
|
|
3966
3966
|
|
|
3967
3967
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
3968
3968
|
const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -3987,7 +3987,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
3987
3987
|
};
|
|
3988
3988
|
const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
|
|
3989
3989
|
|
|
3990
|
-
var css$v = {"root":"
|
|
3990
|
+
var css$v = {"root":"_0puOoz","caption-wrapper":"Pgn7rq","captionWrapper":"Pgn7rq","sort-icon":"oqipb3","sortIcon":"oqipb3","dropdown-icon":"Yv3cTQ","dropdownIcon":"Yv3cTQ","infoIcon":"k19uPc","align-right":"D-vMP1","alignRight":"D-vMP1","align-center":"ZS3AMF","alignCenter":"ZS3AMF","caption":"runoLh","truncate":"xwR-vC","upper-case":"b-Eg0q","upperCase":"b-Eg0q","checkbox":"lsgqlF","icon":"_-9f-lP","fold-all-icon":"fjgXOP","foldAllIcon":"fjgXOP","cell-tooltip":"_-833fx","cellTooltip":"_-833fx","resizing-marker":"_6H3C-E","resizingMarker":"_6H3C-E","pinned-right":"c-qdO6","pinnedRight":"c-qdO6","draggable":"TH-mK3","ghost":"ODtZFu","is-dragged-out":"Xpdlz7","isDraggedOut":"Xpdlz7","dnd-marker-left":"_-1txV5","dndMarkerLeft":"_-1txV5","dnd-marker-right":"_6MkKUn","dndMarkerRight":"_6MkKUn","cell-tooltip-wrapper":"ISDi93","cellTooltipWrapper":"ISDi93","cell-tooltip-text":"WC-2kH","cellTooltipText":"WC-2kH","tooltip-caption":"m-8zSE","tooltipCaption":"m-8zSE","tooltip-info":"dEyCuP","tooltipInfo":"dEyCuP"};
|
|
3991
3991
|
|
|
3992
3992
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
3993
3993
|
constructor() {
|
|
@@ -4061,7 +4061,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
4061
4061
|
return (React__namespace.createElement(uuiComponents.DataTableCellContainer, { column: this.props.column, ref: (ref) => {
|
|
4062
4062
|
props.ref(ref);
|
|
4063
4063
|
dropdownProps?.ref?.(ref);
|
|
4064
|
-
}, cx: uuiCore.cx(uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiCore.uuiMarkers.clickable, css$v.root, `uui-size-${this.props.size || settings.dataTable.sizes.header.row}`, this.props.isFirstColumn && 'uui-dt-header-first-column', this.props.isLastColumn && 'uui-dt-header-last-column', this.props.column.fix && css$v['pinned-' + this.props.column.fix], isResizable &&
|
|
4064
|
+
}, cx: uuiCore.cx(uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiCore.uuiMarkers.clickable, css$v.root, `uui-size-${this.props.size || settings.dataTable.sizes.header.row}`, this.props.isFirstColumn && 'uui-dt-header-first-column', this.props.isLastColumn && 'uui-dt-header-last-column', this.props.column.fix && css$v['pinned-' + this.props.column.fix], isResizable && uuiCore.uuiMarkers.resizable, props.isDraggable && css$v.draggable, props.isDragGhost && css$v.ghost, props.isDraggedOut && css$v.isDraggedOut, props.isDndInProgress && css$v['dnd-marker-' + props.position]), onClick: onClickEvent, rawProps: {
|
|
4065
4065
|
role: 'columnheader',
|
|
4066
4066
|
'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none',
|
|
4067
4067
|
...props.eventHandlers,
|
|
@@ -4081,7 +4081,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
4081
4081
|
}
|
|
4082
4082
|
}
|
|
4083
4083
|
|
|
4084
|
-
var css$u = {"root":"
|
|
4084
|
+
var css$u = {"root":"YWIX9i","caption-wrapper":"bfN56h","captionWrapper":"bfN56h","align-center":"-OpiRL","alignCenter":"-OpiRL","caption":"o4qD4S","truncate":"O9B7ex","upper-case":"e9dTvg","upperCase":"e9dTvg","group-cell-tooltip":"vz4wxl","groupCellTooltip":"vz4wxl","group-cell-tooltip-wrapper":"_8H3Fpk","groupCellTooltipWrapper":"_8H3Fpk","group-cell-tooltip-text":"g-zyXX","groupCellTooltipText":"g-zyXX","tooltip-caption":"TxM0G1","tooltipCaption":"TxM0G1","tooltip-info":"n3OC1E","tooltipInfo":"n3OC1E"};
|
|
4085
4085
|
|
|
4086
4086
|
class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
4087
4087
|
constructor() {
|
|
@@ -4121,7 +4121,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
|
4121
4121
|
}
|
|
4122
4122
|
}
|
|
4123
4123
|
|
|
4124
|
-
var css$t = {"root":"
|
|
4124
|
+
var css$t = {"root":"_2QfhIQ"};
|
|
4125
4125
|
|
|
4126
4126
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4127
4127
|
renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4138,7 +4138,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4138
4138
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4139
4139
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4140
4140
|
|
|
4141
|
-
var css$s = {"root":"
|
|
4141
|
+
var css$s = {"root":"EobVsZ","title-wrapper":"_00zcH3","titleWrapper":"_00zcH3","title":"_0UTgwU","text-wrapper":"Sy3D1n","textWrapper":"Sy3D1n","selection":"NbAKvU","postfix":"eIzr2I","selected":"_0RvFNX"};
|
|
4142
4142
|
|
|
4143
4143
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4144
4144
|
const togglerPickerOpened = (e) => {
|
|
@@ -4306,7 +4306,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4306
4306
|
React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
4307
4307
|
}
|
|
4308
4308
|
|
|
4309
|
-
var css$r = {"container":"
|
|
4309
|
+
var css$r = {"container":"RbOQe5"};
|
|
4310
4310
|
|
|
4311
4311
|
function FilterNumericBody(props) {
|
|
4312
4312
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -4386,7 +4386,7 @@ function FilterItemBody(props) {
|
|
|
4386
4386
|
}
|
|
4387
4387
|
}
|
|
4388
4388
|
|
|
4389
|
-
var css$q = {"body":"
|
|
4389
|
+
var css$q = {"body":"DiankU","header":"qnzewN","title":"xeypjM","removeButton":"yxnw7k","with-search":"FI2gTf","withSearch":"FI2gTf"};
|
|
4390
4390
|
|
|
4391
4391
|
function useView(props, value) {
|
|
4392
4392
|
const forceUpdate = uuiCore.useForceUpdate();
|
|
@@ -4692,7 +4692,7 @@ function FiltersToolbarImpl(props) {
|
|
|
4692
4692
|
}
|
|
4693
4693
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
4694
4694
|
|
|
4695
|
-
var css$p = {"delete-button":"
|
|
4695
|
+
var css$p = {"delete-button":"Yaobe9","deleteButton":"Yaobe9","tab-button":"xMBEty","tabButton":"xMBEty","targetOpen":"_9GY8uK"};
|
|
4696
4696
|
|
|
4697
4697
|
function PresetActionsDropdown(props) {
|
|
4698
4698
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -4764,7 +4764,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
4764
4764
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
4765
4765
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
4766
4766
|
|
|
4767
|
-
var css$o = {"preset-input-cell":"
|
|
4767
|
+
var css$o = {"preset-input-cell":"LvCuM7","presetInputCell":"LvCuM7","preset-input":"_9LMQ7G","presetInput":"_9LMQ7G"};
|
|
4768
4768
|
|
|
4769
4769
|
function PresetInput(props) {
|
|
4770
4770
|
const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
|
|
@@ -4791,7 +4791,7 @@ function PresetInput(props) {
|
|
|
4791
4791
|
React__namespace.default.createElement(TextInput, { cx: css$o.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
4792
4792
|
}
|
|
4793
4793
|
|
|
4794
|
-
var css$n = {"preset":"
|
|
4794
|
+
var css$n = {"preset":"xkPJuI","activePreset":"ln-Njg"};
|
|
4795
4795
|
|
|
4796
4796
|
function Preset(props) {
|
|
4797
4797
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -4816,7 +4816,7 @@ function Preset(props) {
|
|
|
4816
4816
|
return (React__namespace.default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__namespace.default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__namespace.default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$n.preset, isPresetActive && css$n.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
|
|
4817
4817
|
}
|
|
4818
4818
|
|
|
4819
|
-
var css$m = {"divider":"
|
|
4819
|
+
var css$m = {"divider":"lSWWHW","dropdownDeleteIcon":"NmoxLW","presetsWrapper":"tr9xV0","addPresetContainer":"_1CKt8D","dropContainer":"Zhha2H"};
|
|
4820
4820
|
|
|
4821
4821
|
function PresetsPanel(props) {
|
|
4822
4822
|
const [isAddingPreset, setIsAddingPreset] = React.useState(false);
|
|
@@ -4902,7 +4902,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4902
4902
|
return columns;
|
|
4903
4903
|
};
|
|
4904
4904
|
|
|
4905
|
-
var css$l = {"unpin-icon":"
|
|
4905
|
+
var css$l = {"unpin-icon":"vgwE-t","unpinIcon":"vgwE-t","pin-toggler-icon":"GjPOme","pinTogglerIcon":"GjPOme"};
|
|
4906
4906
|
|
|
4907
4907
|
function PinIconButton(props) {
|
|
4908
4908
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4944,7 +4944,7 @@ function getUnpinIcon(params) {
|
|
|
4944
4944
|
}
|
|
4945
4945
|
}
|
|
4946
4946
|
|
|
4947
|
-
var css$k = {"row-wrapper":"
|
|
4947
|
+
var css$k = {"row-wrapper":"sp6-os","rowWrapper":"sp6-os","pin-icon-button":"ELM3IX","pinIconButton":"ELM3IX","not-pinned":"T0e0Wh","notPinned":"T0e0Wh","checkbox":"sPesVC","drag-handle":"-yYAN6","dragHandle":"-yYAN6","dnd-disabled":"Fq8MAs","dndDisabled":"Fq8MAs"};
|
|
4948
4948
|
|
|
4949
4949
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4950
4950
|
const { column } = props;
|
|
@@ -4967,7 +4967,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4967
4967
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4968
4968
|
});
|
|
4969
4969
|
|
|
4970
|
-
var css$j = {"root":"
|
|
4970
|
+
var css$j = {"root":"ZbYThz","main-panel":"p8NzRt","mainPanel":"p8NzRt","group":"ZeMyGa","group-title":"sHR21e","groupTitle":"sHR21e","group-items":"zaBvpp","groupItems":"zaBvpp","no-data":"P9PlOj","noData":"P9PlOj","no-data-title":"UiDfkI","noDataTitle":"UiDfkI","no-data-sub-title":"O0pBE7","noDataSubTitle":"O0pBE7","h-divider":"DaI-JG","hDivider":"DaI-JG","search-area":"SKEDqH","searchArea":"SKEDqH","subgroup-accordion":"_3G8yIC","subgroupAccordion":"_3G8yIC","subgroup":"_5EX-zO","subgroup-title":"YG8MnJ","subgroupTitle":"YG8MnJ"};
|
|
4971
4971
|
|
|
4972
4972
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$j.group },
|
|
4973
4973
|
React__namespace.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
|
|
@@ -5069,7 +5069,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
5069
5069
|
return [children, rest];
|
|
5070
5070
|
};
|
|
5071
5071
|
|
|
5072
|
-
var css$i = {"listContainer":"
|
|
5072
|
+
var css$i = {"listContainer":"_5g456O","header":"QuzjFl","group":"TX1kgQ","stickyHeader":"uX1kf5"};
|
|
5073
5073
|
|
|
5074
5074
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
5075
5075
|
const rowRef = React.useRef();
|
|
@@ -5109,7 +5109,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
5109
5109
|
React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
5110
5110
|
}
|
|
5111
5111
|
|
|
5112
|
-
var css$h = {"root":"
|
|
5112
|
+
var css$h = {"root":"OV30Lu","sticky-header":"AD2fmy","stickyHeader":"AD2fmy","no-results":"q8XHoa","noResults":"q8XHoa","icon":"sRkbBC","title":"CUAcvj"};
|
|
5113
5113
|
|
|
5114
5114
|
function DataTable(props) {
|
|
5115
5115
|
const { uuiModals } = uuiCore.useUuiContext();
|
|
@@ -5151,16 +5151,16 @@ function DataTable(props) {
|
|
|
5151
5151
|
]);
|
|
5152
5152
|
return (React__namespace.createElement(uuiComponents.DataTableSelectionProvider, { onCopy: props.onCopy, rows: rows, columns: columns },
|
|
5153
5153
|
React__namespace.createElement(uuiComponents.DataTableFocusProvider, { dataTableFocusManager: props.dataTableFocusManager },
|
|
5154
|
-
React__namespace.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderRowsContainer, cx: uuiCore.cx(css$h.root, 'uui-dt-vars', 'uui-data_table'), isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: {
|
|
5154
|
+
React__namespace.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderRowsContainer, cx: uuiCore.cx(css$h.root, props.cx, 'uui-dt-vars', 'uui-data_table'), isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: {
|
|
5155
5155
|
role: 'table',
|
|
5156
5156
|
'aria-colcount': columns.length,
|
|
5157
5157
|
'aria-rowcount': props.rowsCount,
|
|
5158
5158
|
} }))));
|
|
5159
5159
|
}
|
|
5160
5160
|
|
|
5161
|
-
var css$g = {"root":"
|
|
5161
|
+
var css$g = {"root":"_1crmZU"};
|
|
5162
5162
|
|
|
5163
|
-
var css$f = {"root":"
|
|
5163
|
+
var css$f = {"root":"Uvpwdb","burger-content":"kszRxS","burgerContent":"kszRxS"};
|
|
5164
5164
|
|
|
5165
5165
|
var _path$3;
|
|
5166
5166
|
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); }
|
|
@@ -5203,7 +5203,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5203
5203
|
};
|
|
5204
5204
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
5205
5205
|
|
|
5206
|
-
var css$e = {"root":"
|
|
5206
|
+
var css$e = {"root":"_6l7jbg","button-primary":"dCmV3P","buttonPrimary":"dCmV3P","button-secondary":"Hnz1a3","buttonSecondary":"Hnz1a3","hasIcon":"W9AnWS","dropdown":"ePeafR"};
|
|
5207
5207
|
|
|
5208
5208
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
5209
5209
|
css$e.root,
|
|
@@ -5214,13 +5214,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
5214
5214
|
props.icon && css$e.hasIcon,
|
|
5215
5215
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5216
5216
|
|
|
5217
|
-
var css$d = {"search-input":"
|
|
5217
|
+
var css$d = {"search-input":"LQo409","searchInput":"LQo409"};
|
|
5218
5218
|
|
|
5219
5219
|
function BurgerSearch(props) {
|
|
5220
5220
|
return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$M, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
|
|
5221
5221
|
}
|
|
5222
5222
|
|
|
5223
|
-
var css$c = {"root":"
|
|
5223
|
+
var css$c = {"root":"kckNYK","group-header":"vPwauq","groupHeader":"vPwauq","group-name":"lAg-7d","groupName":"lAg-7d","line":"-z0Jg7"};
|
|
5224
5224
|
|
|
5225
5225
|
function BurgerGroupHeader(props) {
|
|
5226
5226
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5228,7 +5228,7 @@ function BurgerGroupHeader(props) {
|
|
|
5228
5228
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5229
5229
|
}
|
|
5230
5230
|
|
|
5231
|
-
var css$b = {"root":"
|
|
5231
|
+
var css$b = {"root":"WzGLOg","type-primary":"C4JVMp","typePrimary":"C4JVMp","type-secondary":"_3dg--o","typeSecondary":"_3dg--o"};
|
|
5232
5232
|
|
|
5233
5233
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5234
5234
|
const { type, ...clickableProps } = props;
|
|
@@ -5250,7 +5250,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5250
5250
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5251
5251
|
});
|
|
5252
5252
|
|
|
5253
|
-
var css$a = {"dropdown-body":"
|
|
5253
|
+
var css$a = {"dropdown-body":"IpiRw1","dropdownBody":"IpiRw1"};
|
|
5254
5254
|
|
|
5255
5255
|
class MainMenuDropdown extends React__namespace.Component {
|
|
5256
5256
|
render() {
|
|
@@ -5308,12 +5308,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5308
5308
|
};
|
|
5309
5309
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5310
5310
|
|
|
5311
|
-
var css$9 = {"global-menu-btn":"
|
|
5311
|
+
var css$9 = {"global-menu-btn":"GQ8Usv","globalMenuBtn":"GQ8Usv","global-menu-icon":"BgUlte","globalMenuIcon":"BgUlte"};
|
|
5312
5312
|
|
|
5313
5313
|
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 },
|
|
5314
5314
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5315
5315
|
|
|
5316
|
-
var css$8 = {"container":"
|
|
5316
|
+
var css$8 = {"container":"EHQ9W6","open":"rDmNVv","folding-arrow":"MqkrAB","foldingArrow":"MqkrAB"};
|
|
5317
5317
|
|
|
5318
5318
|
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 },
|
|
5319
5319
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5321,15 +5321,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5321
5321
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
5322
5322
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5323
5323
|
|
|
5324
|
-
var css$7 = {"search-input":"
|
|
5324
|
+
var css$7 = {"search-input":"K4-9jC","searchInput":"K4-9jC"};
|
|
5325
5325
|
|
|
5326
5326
|
const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, { ...props, render: (iEditable) => (React__namespace.createElement(uuiComponents.TextInput, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx), ...props.rawProps })) })));
|
|
5327
5327
|
|
|
5328
|
-
var css$6 = {"container":"
|
|
5328
|
+
var css$6 = {"container":"_7pW9rm"};
|
|
5329
5329
|
|
|
5330
5330
|
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 })));
|
|
5331
5331
|
|
|
5332
|
-
var css$5 = {"root":"
|
|
5332
|
+
var css$5 = {"root":"QMHxr-"};
|
|
5333
5333
|
|
|
5334
5334
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
5335
5335
|
|
|
@@ -5387,7 +5387,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5387
5387
|
};
|
|
5388
5388
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
5389
5389
|
|
|
5390
|
-
var css$4 = {"root":"
|
|
5390
|
+
var css$4 = {"root":"tc3CwJ","drop-start":"Nr8pXl","dropStart":"Nr8pXl","drop-over":"LicqRL","dropOver":"LicqRL","link":"XGr83U","drop-area":"g1075d","dropArea":"g1075d","drop-caption":"z0-6qI","dropCaption":"z0-6qI","icon-blue":"Xev-EM","iconBlue":"Xev-EM"};
|
|
5391
5391
|
|
|
5392
5392
|
function DropSpot(props) {
|
|
5393
5393
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5405,7 +5405,7 @@ function DropSpot(props) {
|
|
|
5405
5405
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5406
5406
|
}
|
|
5407
5407
|
|
|
5408
|
-
var css$3 = {"root":"
|
|
5408
|
+
var css$3 = {"root":"Ys7GQT"};
|
|
5409
5409
|
|
|
5410
5410
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5411
5411
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5416,7 +5416,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
|
|
|
5416
5416
|
React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5417
5417
|
});
|
|
5418
5418
|
|
|
5419
|
-
var css$2 = {"root":"
|
|
5419
|
+
var css$2 = {"root":"oh7PdE","file-name":"_3mFP2z","fileName":"_3mFP2z","default-color":"_6LEFes","defaultColor":"_6LEFes","doc-color":"kT3aD8","docColor":"kT3aD8","xls-color":"hueFS0","xlsColor":"hueFS0","pdf-color":"_8NQRiC","pdfColor":"_8NQRiC","movie-color":"oFTEAO","movieColor":"oFTEAO","img-color":"bdqtrK","imgColor":"bdqtrK","mov-color":"Uu39ey","movColor":"Uu39ey","error-block":"EbT0Sa","errorBlock":"EbT0Sa","icons-block":"s1JOkO","iconsBlock":"s1JOkO"};
|
|
5420
5420
|
|
|
5421
5421
|
const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5422
5422
|
const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
|
|
@@ -5535,7 +5535,7 @@ const getErrorPageConfig = () => ({
|
|
|
5535
5535
|
},
|
|
5536
5536
|
});
|
|
5537
5537
|
|
|
5538
|
-
var css$1 = {"container":"
|
|
5538
|
+
var css$1 = {"container":"qXyrTV"};
|
|
5539
5539
|
|
|
5540
5540
|
const ErrorPage = (props) => {
|
|
5541
5541
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5547,7 +5547,7 @@ const ErrorPage = (props) => {
|
|
|
5547
5547
|
props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5548
5548
|
};
|
|
5549
5549
|
|
|
5550
|
-
var css = {"recovery-spinner":"
|
|
5550
|
+
var css = {"recovery-spinner":"vFqMsg","recoverySpinner":"vFqMsg","recovery-message":"Kq7t9M","recoveryMessage":"Kq7t9M","modal-blocker":"QlI8NJ","modalBlocker":"QlI8NJ","modalFadeIn":"tmR2oL"};
|
|
5551
5551
|
|
|
5552
5552
|
function ErrorHandler(props) {
|
|
5553
5553
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|