@epam/uui 6.2.0-alpha.0 → 6.2.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/tables/DataTableCell.d.ts +2 -1
- package/components/tables/DataTableCell.d.ts.map +1 -1
- package/components/widgets/DataRowAddons.d.ts +13 -0
- package/components/widgets/DataRowAddons.d.ts.map +1 -1
- package/index.esm.js +103 -103
- package/index.esm.js.map +1 -1
- package/index.js +103 -103
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +1 -1
- package/styles.css +998 -998
package/index.esm.js
CHANGED
|
@@ -151,7 +151,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
151
151
|
xmlns: "http://www.w3.org/2000/svg",
|
|
152
152
|
ref: ref
|
|
153
153
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
154
|
-
clipPath: "url(#
|
|
154
|
+
clipPath: "url(#pxu3dpkkfrk57q78_a)"
|
|
155
155
|
}, _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
|
|
156
156
|
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",
|
|
157
157
|
fill: "#F5F6FA"
|
|
@@ -172,7 +172,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
172
172
|
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",
|
|
173
173
|
fill: "#1D1E26"
|
|
174
174
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
175
|
-
id: "
|
|
175
|
+
id: "pxu3dps2s3cznkxu_b",
|
|
176
176
|
style: {
|
|
177
177
|
maskType: "alpha"
|
|
178
178
|
},
|
|
@@ -185,7 +185,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
185
185
|
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",
|
|
186
186
|
fill: "#9BDEFF"
|
|
187
187
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
188
|
-
mask: "url(#
|
|
188
|
+
mask: "url(#pxu3dps2s3cznkxu_b)",
|
|
189
189
|
fillRule: "evenodd",
|
|
190
190
|
clipRule: "evenodd"
|
|
191
191
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -271,7 +271,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
271
271
|
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",
|
|
272
272
|
fill: "#fff"
|
|
273
273
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
274
|
-
id: "
|
|
274
|
+
id: "pxu3dpkkfrk57q78_a"
|
|
275
275
|
}, /*#__PURE__*/React.createElement("path", {
|
|
276
276
|
fill: "#fff",
|
|
277
277
|
transform: "translate(.552)",
|
|
@@ -922,14 +922,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
922
922
|
};
|
|
923
923
|
var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
924
924
|
|
|
925
|
-
var css$1w = {"root":"
|
|
925
|
+
var css$1w = {"root":"-j8Toh","uui-spinner":"G2V-2l","uuiSpinner":"G2V-2l"};
|
|
926
926
|
|
|
927
927
|
function applySpinnerMods() {
|
|
928
928
|
return [css$1w.root, 'uui-spinner'];
|
|
929
929
|
}
|
|
930
930
|
const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
|
|
931
931
|
|
|
932
|
-
var css$1v = {"root":"
|
|
932
|
+
var css$1v = {"root":"mdaZZU","loading-word":"WHpZG2","loadingWord":"WHpZG2","animated-loading":"lwJdgp","animatedLoading":"lwJdgp","skeleton_loading":"diKlf3","skeletonLoading":"diKlf3"};
|
|
933
933
|
|
|
934
934
|
const TextPlaceholder = (props) => {
|
|
935
935
|
const pattern = ' ';
|
|
@@ -946,7 +946,7 @@ const TextPlaceholder = (props) => {
|
|
|
946
946
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
947
947
|
};
|
|
948
948
|
|
|
949
|
-
var css$1u = {"root":"
|
|
949
|
+
var css$1u = {"root":"_2yjZKV","line-height":"CC7NYQ","lineHeight":"CC7NYQ","font-size":"ZMrs-v","fontSize":"ZMrs-v"};
|
|
950
950
|
|
|
951
951
|
function applyTextMods(mods) {
|
|
952
952
|
return [
|
|
@@ -973,7 +973,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
|
|
|
973
973
|
};
|
|
974
974
|
});
|
|
975
975
|
|
|
976
|
-
var css$1t = {"root":"
|
|
976
|
+
var css$1t = {"root":"Me2Y1h"};
|
|
977
977
|
|
|
978
978
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
979
979
|
|
|
@@ -1461,7 +1461,7 @@ const settings = {
|
|
|
1461
1461
|
textInput: textInputSettings,
|
|
1462
1462
|
};
|
|
1463
1463
|
|
|
1464
|
-
var css$1s = {"root":"
|
|
1464
|
+
var css$1s = {"root":"Ky8xM3"};
|
|
1465
1465
|
|
|
1466
1466
|
function applyButtonMods(mods) {
|
|
1467
1467
|
return [
|
|
@@ -1479,7 +1479,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
1479
1479
|
};
|
|
1480
1480
|
});
|
|
1481
1481
|
|
|
1482
|
-
var css$1r = {"root":"
|
|
1482
|
+
var css$1r = {"root":"ouqM3Q"};
|
|
1483
1483
|
|
|
1484
1484
|
function applyIconButtonMods(props) {
|
|
1485
1485
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -1516,7 +1516,7 @@ function getIconClass(props) {
|
|
|
1516
1516
|
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'];
|
|
1517
1517
|
}
|
|
1518
1518
|
|
|
1519
|
-
var css$1q = {"root":"
|
|
1519
|
+
var css$1q = {"root":"G7ZpLI"};
|
|
1520
1520
|
|
|
1521
1521
|
const DEFAULT_COLOR = 'primary';
|
|
1522
1522
|
const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -1546,7 +1546,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1546
1546
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1547
1547
|
});
|
|
1548
1548
|
|
|
1549
|
-
var css$1p = {"root":"
|
|
1549
|
+
var css$1p = {"root":"YWTsmx"};
|
|
1550
1550
|
|
|
1551
1551
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1552
1552
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1558,7 +1558,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1558
1558
|
]) }, props.caption));
|
|
1559
1559
|
});
|
|
1560
1560
|
|
|
1561
|
-
var css$1o = {"root":"
|
|
1561
|
+
var css$1o = {"root":"_2NG8vY","withNotify":"rY5QnC"};
|
|
1562
1562
|
|
|
1563
1563
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
1564
1564
|
const styles = [
|
|
@@ -1586,14 +1586,14 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1586
1586
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1587
1587
|
});
|
|
1588
1588
|
|
|
1589
|
-
var css$1n = {"root":"
|
|
1589
|
+
var css$1n = {"root":"dGfIFZ"};
|
|
1590
1590
|
|
|
1591
1591
|
function applyVerticalTabButtonMods() {
|
|
1592
1592
|
return [css$1n.root, 'uui-vertical-tab-button'];
|
|
1593
1593
|
}
|
|
1594
1594
|
const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
|
|
1595
1595
|
|
|
1596
|
-
var css$1m = {"root":"
|
|
1596
|
+
var css$1m = {"root":"qTShix"};
|
|
1597
1597
|
|
|
1598
1598
|
function applyCheckboxMods(mods) {
|
|
1599
1599
|
return [
|
|
@@ -1611,7 +1611,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1611
1611
|
};
|
|
1612
1612
|
const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1613
1613
|
|
|
1614
|
-
var css$1l = {"root":"
|
|
1614
|
+
var css$1l = {"root":"aBnd7h"};
|
|
1615
1615
|
|
|
1616
1616
|
function applyRadioInputMods(mods) {
|
|
1617
1617
|
return [
|
|
@@ -1623,7 +1623,7 @@ function applyRadioInputMods(mods) {
|
|
|
1623
1623
|
}
|
|
1624
1624
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1625
1625
|
|
|
1626
|
-
var css$1k = {"root":"
|
|
1626
|
+
var css$1k = {"root":"F-n9uw"};
|
|
1627
1627
|
|
|
1628
1628
|
function applySwitchMods(mods) {
|
|
1629
1629
|
return [
|
|
@@ -1647,7 +1647,7 @@ var EditMode;
|
|
|
1647
1647
|
EditMode["INLINE"] = "inline";
|
|
1648
1648
|
})(EditMode || (EditMode = {}));
|
|
1649
1649
|
|
|
1650
|
-
var textInputCss = {"root":"
|
|
1650
|
+
var textInputCss = {"root":"CbbjCY"};
|
|
1651
1651
|
|
|
1652
1652
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1653
1653
|
function applyTextInputMods(mods) {
|
|
@@ -1672,7 +1672,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1672
1672
|
} }));
|
|
1673
1673
|
});
|
|
1674
1674
|
|
|
1675
|
-
var css$1j = {"root":"
|
|
1675
|
+
var css$1j = {"root":"_2gazGk"};
|
|
1676
1676
|
|
|
1677
1677
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1j.root, 'uui-control-group']);
|
|
1678
1678
|
|
|
@@ -1688,7 +1688,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1688
1688
|
}
|
|
1689
1689
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
1690
1690
|
|
|
1691
|
-
var css$1i = {"root":"
|
|
1691
|
+
var css$1i = {"root":"Y4Wqni"};
|
|
1692
1692
|
|
|
1693
1693
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1694
1694
|
function applyNumericInputMods(mods) {
|
|
@@ -1708,7 +1708,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
1708
1708
|
};
|
|
1709
1709
|
});
|
|
1710
1710
|
|
|
1711
|
-
var css$1h = {"root":"
|
|
1711
|
+
var css$1h = {"root":"JyYBL4"};
|
|
1712
1712
|
|
|
1713
1713
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1714
1714
|
function applyTextAreaMods(mods) {
|
|
@@ -1749,7 +1749,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1749
1749
|
};
|
|
1750
1750
|
}
|
|
1751
1751
|
|
|
1752
|
-
var css$1g = {"root":"
|
|
1752
|
+
var css$1g = {"root":"bvNGK8"};
|
|
1753
1753
|
|
|
1754
1754
|
function applyDropdownContainerMods(mods) {
|
|
1755
1755
|
return [
|
|
@@ -1760,7 +1760,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1760
1760
|
}
|
|
1761
1761
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
1762
1762
|
|
|
1763
|
-
var css$1f = {"root":"
|
|
1763
|
+
var css$1f = {"root":"NkcGC-","timepicker-input":"aqCWU7","timepickerInput":"aqCWU7","ltr-always":"Ob9a5S","ltrAlways":"Ob9a5S"};
|
|
1764
1764
|
|
|
1765
1765
|
const uuiTimePicker = {
|
|
1766
1766
|
container: 'uui-timepicker-container',
|
|
@@ -1954,7 +1954,7 @@ function TimePickerComponent(props, ref) {
|
|
|
1954
1954
|
}
|
|
1955
1955
|
const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
|
|
1956
1956
|
|
|
1957
|
-
var css$1e = {"root":"
|
|
1957
|
+
var css$1e = {"root":"QVG-ob"};
|
|
1958
1958
|
|
|
1959
1959
|
function applyInputAddonMods() {
|
|
1960
1960
|
return [
|
|
@@ -1963,14 +1963,14 @@ function applyInputAddonMods() {
|
|
|
1963
1963
|
}
|
|
1964
1964
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
1965
1965
|
|
|
1966
|
-
var css$1d = {"root":"
|
|
1966
|
+
var css$1d = {"root":"jt0uz5"};
|
|
1967
1967
|
|
|
1968
1968
|
function applySliderMods() {
|
|
1969
1969
|
return [css$1d.root, 'uui-color-neutral'];
|
|
1970
1970
|
}
|
|
1971
1971
|
const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
|
|
1972
1972
|
|
|
1973
|
-
var css$1c = {"root":"
|
|
1973
|
+
var css$1c = {"root":"JLdMAo"};
|
|
1974
1974
|
|
|
1975
1975
|
function applyTooltipMods(mods) {
|
|
1976
1976
|
return [
|
|
@@ -1980,7 +1980,7 @@ function applyTooltipMods(mods) {
|
|
|
1980
1980
|
}
|
|
1981
1981
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
1982
1982
|
|
|
1983
|
-
var css$1b = {"root":"
|
|
1983
|
+
var css$1b = {"root":"d5W4LQ","tooltip":"tf6DQe"};
|
|
1984
1984
|
|
|
1985
1985
|
function applyRatingMods(mods) {
|
|
1986
1986
|
return [
|
|
@@ -1994,7 +1994,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
|
|
|
1994
1994
|
Tooltip,
|
|
1995
1995
|
}));
|
|
1996
1996
|
|
|
1997
|
-
var css$1a = {"root":"
|
|
1997
|
+
var css$1a = {"root":"fSqbcC","main-path":"goGfbv","mainPath":"goGfbv","content-wrapper":"mjQCiG","contentWrapper":"mjQCiG","content":"FAfZlI","action-wrapper":"olMWoR","actionWrapper":"olMWoR","icon-wrapper":"_11bB6s","iconWrapper":"_11bB6s","icon":"UVWdOM","close-icon":"KmgR-V","closeIcon":"KmgR-V"};
|
|
1998
1998
|
|
|
1999
1999
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1a.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
2000
2000
|
React.createElement("div", { className: css$1a.mainPath },
|
|
@@ -2012,7 +2012,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
2012
2012
|
|
|
2013
2013
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
2014
2014
|
|
|
2015
|
-
var css$19 = {"submenu-root-item-rtl":"
|
|
2015
|
+
var css$19 = {"submenu-root-item-rtl":"Tmh02M","submenuRootItemRtl":"Tmh02M","icon-after":"pPzH35","iconAfter":"pPzH35","submenu-root-item":"kv1gpI","submenuRootItem":"kv1gpI","icon-check":"D9UXyH","iconCheck":"D9UXyH","splitter-root":"zmOrdh","splitterRoot":"zmOrdh","splitter":"g8UvmL","header-root":"Y7vMtY","headerRoot":"Y7vMtY","item-root":"FpGPNb","itemRoot":"FpGPNb","icon":"bQkZs-","link":"nlt-9c","indent":"hq5ziA","selected-mark":"v9l1CT","selectedMark":"v9l1CT"};
|
|
2016
2016
|
|
|
2017
2017
|
var IDropdownControlKeys;
|
|
2018
2018
|
(function (IDropdownControlKeys) {
|
|
@@ -2137,7 +2137,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2137
2137
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
2138
2138
|
}
|
|
2139
2139
|
|
|
2140
|
-
var css$18 = {"root":"
|
|
2140
|
+
var css$18 = {"root":"C6ayBd","mode-block":"_2-yoaa","modeBlock":"_2-yoaa","mode-inline":"dr4wia","modeInline":"dr4wia","padding-0":"qMjTQU","padding0":"qMjTQU","padding-6":"m-6c67","padding6":"m-6c67","padding-12":"C04GFd","padding12":"C04GFd","padding-18":"ULNPaH","padding18":"ULNPaH"};
|
|
2141
2141
|
|
|
2142
2142
|
function applyAccordionMods(mods) {
|
|
2143
2143
|
return [
|
|
@@ -2150,7 +2150,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
2150
2150
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2151
2151
|
}));
|
|
2152
2152
|
|
|
2153
|
-
var css$17 = {"root":"
|
|
2153
|
+
var css$17 = {"root":"qEK-sY","align-items":"MUKGA5","alignItems":"MUKGA5","justify-content":"vycd5U","justifyContent":"vycd5U","border-top":"fnmdO2","borderTop":"fnmdO2","border-bottom":"KVZJL5","borderBottom":"KVZJL5","top-shadow":"jY0TqA","topShadow":"jY0TqA","padding":"_59FCWP","margin":"GPkUnk","vPadding":"gd2rHw","column-gap":"_0eGQAP","columnGap":"_0eGQAP","row-gap":"kzMBsf","rowGap":"kzMBsf","spacing":"G-Qa5M"};
|
|
2154
2154
|
|
|
2155
2155
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$17.flexCell]);
|
|
2156
2156
|
|
|
@@ -2202,7 +2202,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2202
2202
|
} }, props.children));
|
|
2203
2203
|
});
|
|
2204
2204
|
|
|
2205
|
-
var css$16 = {"root":"
|
|
2205
|
+
var css$16 = {"root":"dlD2jr","margin-24":"_2GEm1T","margin24":"_2GEm1T","padding-12":"LMMJX-","padding12":"LMMJX-","padding-24":"D4IuAM","padding24":"D4IuAM","shadow":"Pjp5N5","uui-surface-main":"_2FSa70","uuiSurfaceMain":"_2FSa70"};
|
|
2206
2206
|
|
|
2207
2207
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
2208
2208
|
'uui-panel',
|
|
@@ -2212,7 +2212,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
2212
2212
|
props.background && css$16[`uui-${props.background}`],
|
|
2213
2213
|
]);
|
|
2214
2214
|
|
|
2215
|
-
var css$15 = {"root":"
|
|
2215
|
+
var css$15 = {"root":"ZQ6Ao0"};
|
|
2216
2216
|
|
|
2217
2217
|
function applyLabeledInputMods(mods) {
|
|
2218
2218
|
return [
|
|
@@ -2229,7 +2229,7 @@ function applyLabeledInputProps(props) {
|
|
|
2229
2229
|
}
|
|
2230
2230
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2231
2231
|
|
|
2232
|
-
var css$14 = {"root":"
|
|
2232
|
+
var css$14 = {"root":"ettXS0"};
|
|
2233
2233
|
|
|
2234
2234
|
function RadioGroup(props) {
|
|
2235
2235
|
const direction = props.direction || 'vertical';
|
|
@@ -2244,7 +2244,7 @@ function RadioGroup(props) {
|
|
|
2244
2244
|
})));
|
|
2245
2245
|
}
|
|
2246
2246
|
|
|
2247
|
-
var css$13 = {"root":"
|
|
2247
|
+
var css$13 = {"root":"xTW7zk"};
|
|
2248
2248
|
|
|
2249
2249
|
function applyScrollBarsMods() {
|
|
2250
2250
|
return [
|
|
@@ -2253,7 +2253,7 @@ function applyScrollBarsMods() {
|
|
|
2253
2253
|
}
|
|
2254
2254
|
const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
|
|
2255
2255
|
|
|
2256
|
-
var css$12 = {"scroll-container":"
|
|
2256
|
+
var css$12 = {"scroll-container":"NhmxuO","scrollContainer":"NhmxuO","list-container":"CGEnwy","listContainer":"CGEnwy"};
|
|
2257
2257
|
|
|
2258
2258
|
const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
2259
2259
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
|
|
@@ -2297,7 +2297,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2297
2297
|
props.renderBlocker ? props.renderBlocker({ isLoading: props.isLoading }) : React.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2298
2298
|
});
|
|
2299
2299
|
|
|
2300
|
-
var css$11 = {"root":"
|
|
2300
|
+
var css$11 = {"root":"bQO4tj"};
|
|
2301
2301
|
|
|
2302
2302
|
function CheckboxGroup(props) {
|
|
2303
2303
|
const currentValue = props.value || [];
|
|
@@ -2319,7 +2319,7 @@ function CheckboxGroup(props) {
|
|
|
2319
2319
|
})));
|
|
2320
2320
|
}
|
|
2321
2321
|
|
|
2322
|
-
var css$10 = {"root":"
|
|
2322
|
+
var css$10 = {"root":"n23IgM","modal-blocker":"Ig3eKB","modalBlocker":"Ig3eKB","animateModalBlocker":"ayRSYI","modal":"EkCLw4","modal-footer":"gsrobQ","modalFooter":"gsrobQ","border-top":"ojRFyX","borderTop":"ojRFyX","modal-header":"kIlPOM","modalHeader":"kIlPOM","border-bottom":"SkE24f","borderBottom":"SkE24f"};
|
|
2323
2323
|
|
|
2324
2324
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$10.modalBlocker]);
|
|
2325
2325
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$10.root, css$10.modal], (props) => {
|
|
@@ -2511,7 +2511,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2511
2511
|
});
|
|
2512
2512
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2513
2513
|
|
|
2514
|
-
var css$$ = {"root":"
|
|
2514
|
+
var css$$ = {"root":"Ko7CYO","icon-wrapper":"N8yQa2","iconWrapper":"N8yQa2","action-wrapper":"-ax14Z","actionWrapper":"-ax14Z","close-icon":"_-657we","closeIcon":"_-657we","main-path":"s91OJc","mainPath":"s91OJc","content":"_2fWASQ","close-wrapper":"g1pTQT","closeWrapper":"g1pTQT","clear-notifications":"sxbVwS","clearNotifications":"sxbVwS"};
|
|
2515
2515
|
|
|
2516
2516
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
2517
2517
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -2544,7 +2544,7 @@ function ClearNotification() {
|
|
|
2544
2544
|
React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2545
2545
|
}
|
|
2546
2546
|
|
|
2547
|
-
var css$_ = {"footer":"
|
|
2547
|
+
var css$_ = {"footer":"TlzsNy"};
|
|
2548
2548
|
|
|
2549
2549
|
class ConfirmationModal extends React.Component {
|
|
2550
2550
|
render() {
|
|
@@ -2586,7 +2586,7 @@ function useReliableForceUpdate() {
|
|
|
2586
2586
|
return red[1];
|
|
2587
2587
|
}
|
|
2588
2588
|
|
|
2589
|
-
var css$Z = {"root":"
|
|
2589
|
+
var css$Z = {"root":"AHcsmF","container":"_5c45Gt"};
|
|
2590
2590
|
|
|
2591
2591
|
const defaultFormat = 'MMM D, YYYY';
|
|
2592
2592
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2804,14 +2804,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2804
2804
|
React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2805
2805
|
}
|
|
2806
2806
|
|
|
2807
|
-
var css$Y = {"root":"
|
|
2807
|
+
var css$Y = {"root":"imS0Qa"};
|
|
2808
2808
|
|
|
2809
2809
|
function applyDateSelectionMods() {
|
|
2810
2810
|
return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2811
2811
|
}
|
|
2812
2812
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
2813
2813
|
|
|
2814
|
-
var css$X = {"root":"
|
|
2814
|
+
var css$X = {"root":"vm2lb-"};
|
|
2815
2815
|
|
|
2816
2816
|
const uuiDatePickerBody = {
|
|
2817
2817
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2932,7 +2932,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2932
2932
|
}
|
|
2933
2933
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
2934
2934
|
|
|
2935
|
-
var css$W = {"date-input":"
|
|
2935
|
+
var css$W = {"date-input":"s6RPJQ","dateInput":"s6RPJQ","root":"NwfIe8","separator":"iDvEil"};
|
|
2936
2936
|
|
|
2937
2937
|
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, preventEmptyFromDate, preventEmptyToDate, id, cx: classes, }, ref) => {
|
|
2938
2938
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3003,7 +3003,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
3003
3003
|
React__default.createElement(TextInput, { cx: cx$1(css$W.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.rangeDatePicker.sizes.default, value: inputValue.to || undefined, onCancel: clearAllowed ? onClear : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
|
|
3004
3004
|
});
|
|
3005
3005
|
|
|
3006
|
-
var css$V = {"root":"
|
|
3006
|
+
var css$V = {"root":"I3ELmk"};
|
|
3007
3007
|
|
|
3008
3008
|
const uuiPresets = {
|
|
3009
3009
|
container: 'uui-presets-container',
|
|
@@ -3023,7 +3023,7 @@ function CalendarPresets(props) {
|
|
|
3023
3023
|
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
3024
3024
|
}
|
|
3025
3025
|
|
|
3026
|
-
var css$U = {"root":"
|
|
3026
|
+
var css$U = {"root":"dgVYDm","container":"TZuTM6","day-selection":"wqXFws","daySelection":"wqXFws","from-picker":"rP-XP9","fromPicker":"rP-XP9","to-picker":"viBwIK","toPicker":"viBwIK","bodes-wrapper":"_6jnlQQ","bodesWrapper":"_6jnlQQ","blocker":"U9NssR"};
|
|
3027
3027
|
|
|
3028
3028
|
const uuiRangeDatePickerBody = {
|
|
3029
3029
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3225,7 +3225,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3225
3225
|
};
|
|
3226
3226
|
};
|
|
3227
3227
|
|
|
3228
|
-
var css$T = {"dropdown-container":"
|
|
3228
|
+
var css$T = {"dropdown-container":"_-8GsLc","dropdownContainer":"_-8GsLc"};
|
|
3229
3229
|
|
|
3230
3230
|
function RangeDatePickerComponent(props, ref) {
|
|
3231
3231
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3293,7 +3293,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3293
3293
|
}
|
|
3294
3294
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3295
3295
|
|
|
3296
|
-
var css$S = {"root":"
|
|
3296
|
+
var css$S = {"root":"I3lz0y","blocker":"HfC1Vv","marker":"_2OYKwX","top":"Lwwj0q","bottom":"wKgrlS","left":"I8ikf3","right":"m3hChf","inside":"SNKmz1"};
|
|
3297
3297
|
|
|
3298
3298
|
function DropMarker(props) {
|
|
3299
3299
|
return props.isDndInProgress
|
|
@@ -3310,15 +3310,15 @@ function DropMarker(props) {
|
|
|
3310
3310
|
|
|
3311
3311
|
const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3312
3312
|
|
|
3313
|
-
var css$R = {"search-wrapper":"
|
|
3313
|
+
var css$R = {"search-wrapper":"_8BgQp0","searchWrapper":"_8BgQp0","no-data":"yqTypp","noData":"yqTypp"};
|
|
3314
3314
|
|
|
3315
|
-
var css$Q = {"picker-row":"
|
|
3315
|
+
var css$Q = {"picker-row":"C-GfJT","pickerRow":"C-GfJT","align-widgets-top":"zKlyn9","alignWidgetsTop":"zKlyn9","row-content":"C5AwCP","rowContent":"C5AwCP","align-widgets-center":"_0Lk02B","alignWidgetsCenter":"_0Lk02B","icon-container":"tMYRMb","iconContainer":"tMYRMb","content-wrapper":"PDHA8t","contentWrapper":"PDHA8t","icon-wrapper":"-u-X-o","iconWrapper":"-u-X-o","icon-default":"_3iuS-p","iconDefault":"_3iuS-p","selected-mark":"LEqmBj","selectedMark":"LEqmBj"};
|
|
3316
3316
|
|
|
3317
|
-
var css$P = {"root":"
|
|
3317
|
+
var css$P = {"root":"_0fDfl0"};
|
|
3318
3318
|
|
|
3319
3319
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$P.root]);
|
|
3320
3320
|
|
|
3321
|
-
var css$O = {"root":"
|
|
3321
|
+
var css$O = {"root":"G5G6C5"};
|
|
3322
3322
|
|
|
3323
3323
|
const DEFAULT_FILL = 'solid';
|
|
3324
3324
|
function applyBadgeMods(mods) {
|
|
@@ -3346,7 +3346,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3346
3346
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3347
3347
|
});
|
|
3348
3348
|
|
|
3349
|
-
var css$N = {"root":"
|
|
3349
|
+
var css$N = {"root":"ERiwmG"};
|
|
3350
3350
|
|
|
3351
3351
|
function applyTagMods(props) {
|
|
3352
3352
|
return [
|
|
@@ -3374,7 +3374,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3374
3374
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3375
3375
|
});
|
|
3376
3376
|
|
|
3377
|
-
var css$M = {"root":"
|
|
3377
|
+
var css$M = {"root":"Yg35V7","page":"loh5yC","spacer":"_9MtNxN","mode-ghost":"txYmoC","modeGhost":"txYmoC"};
|
|
3378
3378
|
|
|
3379
3379
|
function Paginator(props) {
|
|
3380
3380
|
const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx(css$M.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
@@ -3391,14 +3391,14 @@ function Paginator(props) {
|
|
|
3391
3391
|
return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
|
|
3392
3392
|
}
|
|
3393
3393
|
|
|
3394
|
-
var css$L = {"root":"
|
|
3394
|
+
var css$L = {"root":"KwtrlV","progress-bar":"QOg-JM","progressBar":"QOg-JM","progressBar-indeterminate":"ofNDml","progressBarIndeterminate":"ofNDml","size-12":"ywf2rA","size12":"ywf2rA","size-18":"UoJo19","size18":"UoJo19","size-24":"YCy6h8","size24":"YCy6h8"};
|
|
3395
3395
|
|
|
3396
3396
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3397
3397
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$L.root, css$L[`size-${props.size || 12}`]) },
|
|
3398
3398
|
React.createElement("div", { className: cx(css$L.progressBar) })));
|
|
3399
3399
|
});
|
|
3400
3400
|
|
|
3401
|
-
var css$K = {"root":"
|
|
3401
|
+
var css$K = {"root":"iEwjaX","striped":"Fa-Xg2","animate-stripes":"wW2v8P","animateStripes":"wW2v8P","size-12":"-topj7","size12":"-topj7","size-18":"A4swnj","size18":"A4swnj","size-24":"-GURK9","size24":"-GURK9"};
|
|
3402
3402
|
|
|
3403
3403
|
const DEFAULT_SIZE = '12';
|
|
3404
3404
|
function applyProgressBarMods(mods) {
|
|
@@ -3413,14 +3413,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
3413
3413
|
hideLabel: props.hideLabel || props.striped,
|
|
3414
3414
|
}));
|
|
3415
3415
|
|
|
3416
|
-
var css$J = {"root":"
|
|
3416
|
+
var css$J = {"root":"jkoKPL"};
|
|
3417
3417
|
|
|
3418
3418
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3419
3419
|
const { progress } = props;
|
|
3420
3420
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$J.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$J.root, props.cx) }));
|
|
3421
3421
|
});
|
|
3422
3422
|
|
|
3423
|
-
var css$I = {"root":"
|
|
3423
|
+
var css$I = {"root":"b7kSHL"};
|
|
3424
3424
|
|
|
3425
3425
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
3426
3426
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -3435,7 +3435,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
3435
3435
|
React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3436
3436
|
});
|
|
3437
3437
|
|
|
3438
|
-
var css$H = {"drag-handle-wrapper":"
|
|
3438
|
+
var css$H = {"drag-handle-wrapper":"_4R-E9h","dragHandleWrapper":"_4R-E9h","with-indent":"_1S86xu","withIndent":"_1S86xu","drag-handle":"dN-S5X","dragHandle":"dN-S5X","icon-container":"m4zb4P","iconContainer":"m4zb4P"};
|
|
3439
3439
|
|
|
3440
3440
|
function DataRowAddons(props) {
|
|
3441
3441
|
const row = props.rowProps;
|
|
@@ -3446,7 +3446,7 @@ function DataRowAddons(props) {
|
|
|
3446
3446
|
return settings.dataTable.sizes.body.indentWidthMap[props.size || settings.dataTable.sizes.body.row];
|
|
3447
3447
|
};
|
|
3448
3448
|
return (React__default.createElement(React__default.Fragment, null,
|
|
3449
|
-
row.dnd?.srcData && (React__default.createElement("div", { key: "dh", className: cx(css$H.dragHandleWrapper, row.indent > 0 && css$H.withIndent), style: { width: row.indent > 0 ? (getIndent() + getWidth()) : 0 }, ...props.eventHandlers },
|
|
3449
|
+
row.dnd?.srcData && props.renderDragHandle ? props.renderDragHandle({ rowProps: props.rowProps, eventHandlers: props.eventHandlers }) : (React__default.createElement("div", { key: "dh", className: cx(css$H.dragHandleWrapper, row.indent > 0 && css$H.withIndent), style: { width: row.indent > 0 ? (getIndent() + getWidth()) : 0 }, ...props.eventHandlers },
|
|
3450
3450
|
React__default.createElement(DragHandle, { cx: css$H.dragHandle }))),
|
|
3451
3451
|
row?.checkbox?.isVisible && (React__default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.dataTable.sizes.body.checkboxMap[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => row.onCheck?.(row), isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
|
|
3452
3452
|
row.indent > 0 && (React__default.createElement("div", { key: "fold", className: cx('uui-dr_addons-indent', `uui-size-${props.size || settings.dataTable.sizes.body.row}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(IconContainer, { rawProps: {
|
|
@@ -3522,7 +3522,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3522
3522
|
return getDecoratedText(str, ranges);
|
|
3523
3523
|
};
|
|
3524
3524
|
|
|
3525
|
-
var css$G = {"root":"
|
|
3525
|
+
var css$G = {"root":"LE69lD","column-gap":"Mrpx5-","columnGap":"Mrpx5-","title":"mW7AOy","subtitle":"t8mHjA","disabled":"RzgI3N","multiline":"_9BvkpB"};
|
|
3526
3526
|
|
|
3527
3527
|
function PickerItem(props) {
|
|
3528
3528
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3696,7 +3696,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3696
3696
|
}
|
|
3697
3697
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
3698
3698
|
|
|
3699
|
-
var css$F = {"header":"
|
|
3699
|
+
var css$F = {"header":"q3RTeB","title":"_9ytgYu","close":"V1uuZb"};
|
|
3700
3700
|
|
|
3701
3701
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3702
3702
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3706,7 +3706,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3706
3706
|
};
|
|
3707
3707
|
const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
|
|
3708
3708
|
|
|
3709
|
-
var css$E = {"done":"
|
|
3709
|
+
var css$E = {"done":"AIxEW7","container":"XT55pv"};
|
|
3710
3710
|
|
|
3711
3711
|
const PickerBodyMobileView = (props) => {
|
|
3712
3712
|
const isMobileView = isMobile();
|
|
@@ -3718,7 +3718,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
3718
3718
|
isMobileView && (React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
3719
3719
|
};
|
|
3720
3720
|
|
|
3721
|
-
var css$D = {"sub-header-wrapper":"
|
|
3721
|
+
var css$D = {"sub-header-wrapper":"PSdhQr","subHeaderWrapper":"PSdhQr","switch":"zY3c45","no-found-modal-container":"xsPZO5","noFoundModalContainer":"xsPZO5","no-found-modal-container-icon":"H8bX9V","noFoundModalContainerIcon":"H8bX9V","no-found-modal-container-text":"csbNG-","noFoundModalContainerText":"csbNG-","body":"_9OyB3b"};
|
|
3722
3722
|
|
|
3723
3723
|
function PickerModal(props) {
|
|
3724
3724
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
|
|
@@ -3764,7 +3764,7 @@ function PickerModal(props) {
|
|
|
3764
3764
|
React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3765
3765
|
}
|
|
3766
3766
|
|
|
3767
|
-
var css$C = {"tooltip":"
|
|
3767
|
+
var css$C = {"tooltip":"LEFX9o"};
|
|
3768
3768
|
|
|
3769
3769
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3770
3770
|
const tagProps = {
|
|
@@ -3783,7 +3783,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
3783
3783
|
}
|
|
3784
3784
|
});
|
|
3785
3785
|
|
|
3786
|
-
var css$B = {"root":"
|
|
3786
|
+
var css$B = {"root":"_2qxLRm"};
|
|
3787
3787
|
|
|
3788
3788
|
const defaultMode = EditMode.FORM;
|
|
3789
3789
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3865,7 +3865,7 @@ function PickerInputComponent(props, ref) {
|
|
|
3865
3865
|
}
|
|
3866
3866
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
3867
3867
|
|
|
3868
|
-
var css$A = {"row":"
|
|
3868
|
+
var css$A = {"row":"-jMw55"};
|
|
3869
3869
|
|
|
3870
3870
|
function PickerListRow(props) {
|
|
3871
3871
|
let label;
|
|
@@ -3885,7 +3885,7 @@ function PickerListRow(props) {
|
|
|
3885
3885
|
return (React__default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
|
|
3886
3886
|
}
|
|
3887
3887
|
|
|
3888
|
-
var css$z = {"root":"
|
|
3888
|
+
var css$z = {"root":"_0cdU0X"};
|
|
3889
3889
|
|
|
3890
3890
|
function PickerList(props) {
|
|
3891
3891
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -3920,7 +3920,7 @@ function PickerList(props) {
|
|
|
3920
3920
|
}, selectedRows)));
|
|
3921
3921
|
}
|
|
3922
3922
|
|
|
3923
|
-
var css$y = {"root":"
|
|
3923
|
+
var css$y = {"root":"V-n2hu","wrapper":"Vv5CNz","align-widgets-top":"a6zBUR","alignWidgetsTop":"a6zBUR","align-widgets-center":"_3zM3Cg","alignWidgetsCenter":"_3zM3Cg"};
|
|
3924
3924
|
|
|
3925
3925
|
function DataTableCell(initialProps) {
|
|
3926
3926
|
const props = { ...initialProps };
|
|
@@ -3970,7 +3970,7 @@ function DataTableCell(initialProps) {
|
|
|
3970
3970
|
return React.createElement(DataTableCell$1, { ...props });
|
|
3971
3971
|
}
|
|
3972
3972
|
|
|
3973
|
-
var css$x = {"root":"
|
|
3973
|
+
var css$x = {"root":"iS3dA3"};
|
|
3974
3974
|
|
|
3975
3975
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3976
3976
|
// 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.
|
|
@@ -3986,7 +3986,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
3986
3986
|
];
|
|
3987
3987
|
}, () => propsMods);
|
|
3988
3988
|
|
|
3989
|
-
var css$w = {"sorting-panel-container":"
|
|
3989
|
+
var css$w = {"sorting-panel-container":"Kf7jco","sortingPanelContainer":"Kf7jco"};
|
|
3990
3990
|
|
|
3991
3991
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
3992
3992
|
const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4006,7 +4006,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4006
4006
|
};
|
|
4007
4007
|
const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
|
|
4008
4008
|
|
|
4009
|
-
var css$v = {"root":"
|
|
4009
|
+
var css$v = {"root":"_39C9TN","caption-wrapper":"B3MkzZ","captionWrapper":"B3MkzZ","sort-icon":"q1Ub-f","sortIcon":"q1Ub-f","dropdown-icon":"_8GqEPd","dropdownIcon":"_8GqEPd","infoIcon":"J5SHCi","align-right":"EqfEp6","alignRight":"EqfEp6","align-center":"_9biOgt","alignCenter":"_9biOgt","caption":"VqspK7","truncate":"S2r18A","upper-case":"KtWy0j","upperCase":"KtWy0j","checkbox":"b34YYY","icon":"J5JONW","fold-all-icon":"Vv5CZU","foldAllIcon":"Vv5CZU","cell-tooltip":"LxsL-2","cellTooltip":"LxsL-2","resizing-marker":"GuLQer","resizingMarker":"GuLQer","pinned-right":"UuEBau","pinnedRight":"UuEBau","draggable":"ygE8a2","ghost":"_0shoXH","is-dragged-out":"uMZNh-","isDraggedOut":"uMZNh-","dnd-marker-left":"G-dqqi","dndMarkerLeft":"G-dqqi","dnd-marker-right":"NDiCFW","dndMarkerRight":"NDiCFW","cell-tooltip-wrapper":"pkBBmK","cellTooltipWrapper":"pkBBmK","cell-tooltip-text":"x7YFH0","cellTooltipText":"x7YFH0","tooltip-caption":"KoPxYD","tooltipCaption":"KoPxYD","tooltip-info":"gSv8GE","tooltipInfo":"gSv8GE"};
|
|
4010
4010
|
|
|
4011
4011
|
class DataTableHeaderCell extends React.Component {
|
|
4012
4012
|
constructor() {
|
|
@@ -4100,7 +4100,7 @@ class DataTableHeaderCell extends React.Component {
|
|
|
4100
4100
|
}
|
|
4101
4101
|
}
|
|
4102
4102
|
|
|
4103
|
-
var css$u = {"root":"
|
|
4103
|
+
var css$u = {"root":"C3IsMS","caption-wrapper":"_44HXSo","captionWrapper":"_44HXSo","align-center":"PjJnT2","alignCenter":"PjJnT2","caption":"_6pAbme","truncate":"p-EFc-","upper-case":"LqM2pg","upperCase":"LqM2pg","group-cell-tooltip":"LbQrkF","groupCellTooltip":"LbQrkF","group-cell-tooltip-wrapper":"j7lJz1","groupCellTooltipWrapper":"j7lJz1","group-cell-tooltip-text":"YkgqY6","groupCellTooltipText":"YkgqY6","tooltip-caption":"N7hLY6","tooltipCaption":"N7hLY6","tooltip-info":"xGGfRG","tooltipInfo":"xGGfRG"};
|
|
4104
4104
|
|
|
4105
4105
|
class DataTableHeaderGroupCell extends React.Component {
|
|
4106
4106
|
constructor() {
|
|
@@ -4140,7 +4140,7 @@ class DataTableHeaderGroupCell extends React.Component {
|
|
|
4140
4140
|
}
|
|
4141
4141
|
}
|
|
4142
4142
|
|
|
4143
|
-
var css$t = {"root":"
|
|
4143
|
+
var css$t = {"root":"_7-3WeH"};
|
|
4144
4144
|
|
|
4145
4145
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4146
4146
|
renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4236,7 +4236,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4236
4236
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4237
4237
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4238
4238
|
|
|
4239
|
-
var css$s = {"body":"
|
|
4239
|
+
var css$s = {"body":"HMANym","header":"FkfqL5","title":"uLFeZ1","removeButton":"-VS6dB","with-search":"EB0RgJ","withSearch":"EB0RgJ"};
|
|
4240
4240
|
|
|
4241
4241
|
function FilterColumnBody(props) {
|
|
4242
4242
|
const [predicate, setPredicate] = useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4297,7 +4297,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4297
4297
|
return columns;
|
|
4298
4298
|
};
|
|
4299
4299
|
|
|
4300
|
-
var css$r = {"unpin-icon":"
|
|
4300
|
+
var css$r = {"unpin-icon":"H8IdLr","unpinIcon":"H8IdLr","pin-toggler-icon":"HLiM0q","pinTogglerIcon":"HLiM0q"};
|
|
4301
4301
|
|
|
4302
4302
|
function PinIconButton(props) {
|
|
4303
4303
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4339,7 +4339,7 @@ function getUnpinIcon(params) {
|
|
|
4339
4339
|
}
|
|
4340
4340
|
}
|
|
4341
4341
|
|
|
4342
|
-
var css$q = {"row-wrapper":"
|
|
4342
|
+
var css$q = {"row-wrapper":"t0czjr","rowWrapper":"t0czjr","pin-icon-button":"FHlu6K","pinIconButton":"FHlu6K","not-pinned":"bfbTMW","notPinned":"bfbTMW","checkbox":"_6gg6Mr","drag-handle":"S-FAzj","dragHandle":"S-FAzj","dnd-disabled":"_4sO069","dndDisabled":"_4sO069"};
|
|
4343
4343
|
|
|
4344
4344
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4345
4345
|
const { column } = props;
|
|
@@ -4362,7 +4362,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
|
4362
4362
|
return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4363
4363
|
});
|
|
4364
4364
|
|
|
4365
|
-
var css$p = {"root":"
|
|
4365
|
+
var css$p = {"root":"fo6CFo","main-panel":"OeMgy9","mainPanel":"OeMgy9","group":"aZFPzi","group-title":"leeC88","groupTitle":"leeC88","group-items":"DUA8-R","groupItems":"DUA8-R","no-data":"ZPmwll","noData":"ZPmwll","no-data-title":"v5h33K","noDataTitle":"v5h33K","no-data-sub-title":"eKhspz","noDataSubTitle":"eKhspz","h-divider":"rQLeby","hDivider":"rQLeby","search-area":"nEMCWY","searchArea":"nEMCWY","subgroup-accordion":"T4EeHh","subgroupAccordion":"T4EeHh","subgroup":"K11JdV","subgroup-title":"CfNnVE","subgroupTitle":"CfNnVE"};
|
|
4366
4366
|
|
|
4367
4367
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$p.group },
|
|
4368
4368
|
React.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -4464,7 +4464,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
4464
4464
|
return [children, rest];
|
|
4465
4465
|
};
|
|
4466
4466
|
|
|
4467
|
-
var css$o = {"listContainer":"
|
|
4467
|
+
var css$o = {"listContainer":"OYqwPF","header":"_8HSv72","group":"u5OPJN","stickyHeader":"_12-lCD"};
|
|
4468
4468
|
|
|
4469
4469
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
4470
4470
|
const rowRef = useRef(undefined);
|
|
@@ -4504,7 +4504,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4504
4504
|
React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
4505
4505
|
}
|
|
4506
4506
|
|
|
4507
|
-
var css$n = {"root":"
|
|
4507
|
+
var css$n = {"root":"_3u6VgA","sticky-header":"_5M2Qz-","stickyHeader":"_5M2Qz-","no-results":"_1ALuKx","noResults":"_1ALuKx","icon":"AFkcz4","title":"rsmrkw"};
|
|
4508
4508
|
|
|
4509
4509
|
function DataTable(props) {
|
|
4510
4510
|
const { uuiModals } = useUuiContext();
|
|
@@ -4556,7 +4556,7 @@ function DataTable(props) {
|
|
|
4556
4556
|
: (React.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderTableBody, cx: classes, isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: rawProps })))));
|
|
4557
4557
|
}
|
|
4558
4558
|
|
|
4559
|
-
var css$m = {"root":"
|
|
4559
|
+
var css$m = {"root":"S-Svho","title-wrapper":"PR2oll","titleWrapper":"PR2oll","title":"Be444u","text-wrapper":"CYrxSX","textWrapper":"CYrxSX","selection":"zOegVf","postfix":"fYubxX","selected":"IXqJqK"};
|
|
4560
4560
|
|
|
4561
4561
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4562
4562
|
const togglerPickerOpened = (e) => {
|
|
@@ -4780,7 +4780,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4780
4780
|
renderFooter()));
|
|
4781
4781
|
}
|
|
4782
4782
|
|
|
4783
|
-
var css$l = {"container":"
|
|
4783
|
+
var css$l = {"container":"QSou73"};
|
|
4784
4784
|
|
|
4785
4785
|
function FilterNumericBody(props) {
|
|
4786
4786
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -5091,7 +5091,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5091
5091
|
}
|
|
5092
5092
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
5093
5093
|
|
|
5094
|
-
var css$k = {"delete-button":"
|
|
5094
|
+
var css$k = {"delete-button":"-x0PQn","deleteButton":"-x0PQn","tab-button":"hocbnZ","tabButton":"hocbnZ","targetOpen":"YUTGOz"};
|
|
5095
5095
|
|
|
5096
5096
|
function PresetActionsDropdown(props) {
|
|
5097
5097
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -5163,7 +5163,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5163
5163
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5164
5164
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5165
5165
|
|
|
5166
|
-
var css$j = {"preset-input-cell":"
|
|
5166
|
+
var css$j = {"preset-input-cell":"vS3fMp","presetInputCell":"vS3fMp","preset-input":"WO6zF5","presetInput":"WO6zF5"};
|
|
5167
5167
|
|
|
5168
5168
|
function PresetInput(props) {
|
|
5169
5169
|
const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
|
|
@@ -5190,7 +5190,7 @@ function PresetInput(props) {
|
|
|
5190
5190
|
React__default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
5191
5191
|
}
|
|
5192
5192
|
|
|
5193
|
-
var css$i = {"preset":"
|
|
5193
|
+
var css$i = {"preset":"WQU7dm","activePreset":"z8WYWQ"};
|
|
5194
5194
|
|
|
5195
5195
|
function Preset(props) {
|
|
5196
5196
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -5215,7 +5215,7 @@ function Preset(props) {
|
|
|
5215
5215
|
return (React__default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$i.preset, isPresetActive && css$i.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
|
|
5216
5216
|
}
|
|
5217
5217
|
|
|
5218
|
-
var css$h = {"divider":"
|
|
5218
|
+
var css$h = {"divider":"_3yoiyw","dropdownDeleteIcon":"Bj-Szq","presetsWrapper":"yaEdcH","addPresetContainer":"_3-SNLp","dropContainer":"Hk0tHl"};
|
|
5219
5219
|
|
|
5220
5220
|
function PresetsPanel(props) {
|
|
5221
5221
|
const [isAddingPreset, setIsAddingPreset] = useState(false);
|
|
@@ -5264,9 +5264,9 @@ function PresetsPanel(props) {
|
|
|
5264
5264
|
React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
|
|
5265
5265
|
}
|
|
5266
5266
|
|
|
5267
|
-
var css$g = {"root":"
|
|
5267
|
+
var css$g = {"root":"nNQhx4"};
|
|
5268
5268
|
|
|
5269
|
-
var css$f = {"root":"
|
|
5269
|
+
var css$f = {"root":"R5Wgsj","burger-content":"_5BEbAq","burgerContent":"_5BEbAq"};
|
|
5270
5270
|
|
|
5271
5271
|
var _path$3;
|
|
5272
5272
|
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); }
|
|
@@ -5309,7 +5309,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5309
5309
|
};
|
|
5310
5310
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
5311
5311
|
|
|
5312
|
-
var css$e = {"root":"
|
|
5312
|
+
var css$e = {"root":"znzYgK","button-primary":"vKG7Pp","buttonPrimary":"vKG7Pp","button-secondary":"iq3nuW","buttonSecondary":"iq3nuW","hasIcon":"g8oBGd","dropdown":"pMt0Vl"};
|
|
5313
5313
|
|
|
5314
5314
|
const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
5315
5315
|
css$e.root,
|
|
@@ -5320,13 +5320,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
|
5320
5320
|
props.icon && css$e.hasIcon,
|
|
5321
5321
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5322
5322
|
|
|
5323
|
-
var css$d = {"search-input":"
|
|
5323
|
+
var css$d = {"search-input":"-m1EK2","searchInput":"-m1EK2"};
|
|
5324
5324
|
|
|
5325
5325
|
function BurgerSearch(props) {
|
|
5326
5326
|
return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$M, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
|
|
5327
5327
|
}
|
|
5328
5328
|
|
|
5329
|
-
var css$c = {"root":"
|
|
5329
|
+
var css$c = {"root":"VGXqy6","group-header":"VsmIWh","groupHeader":"VsmIWh","group-name":"BN5Kcb","groupName":"BN5Kcb","line":"_-2xWRi"};
|
|
5330
5330
|
|
|
5331
5331
|
function BurgerGroupHeader(props) {
|
|
5332
5332
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5334,7 +5334,7 @@ function BurgerGroupHeader(props) {
|
|
|
5334
5334
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5335
5335
|
}
|
|
5336
5336
|
|
|
5337
|
-
var css$b = {"root":"
|
|
5337
|
+
var css$b = {"root":"GGbRWk","type-primary":"EKtqtg","typePrimary":"EKtqtg","type-secondary":"_18TMXM","typeSecondary":"_18TMXM"};
|
|
5338
5338
|
|
|
5339
5339
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5340
5340
|
const { type, ...clickableProps } = props;
|
|
@@ -5356,7 +5356,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5356
5356
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5357
5357
|
});
|
|
5358
5358
|
|
|
5359
|
-
var css$a = {"dropdown-body":"
|
|
5359
|
+
var css$a = {"dropdown-body":"Tjh-AH","dropdownBody":"Tjh-AH"};
|
|
5360
5360
|
|
|
5361
5361
|
class MainMenuDropdown extends React.Component {
|
|
5362
5362
|
render() {
|
|
@@ -5415,12 +5415,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5415
5415
|
};
|
|
5416
5416
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5417
5417
|
|
|
5418
|
-
var css$9 = {"global-menu-btn":"
|
|
5418
|
+
var css$9 = {"global-menu-btn":"X7T5KC","globalMenuBtn":"X7T5KC","global-menu-icon":"H6GR3S","globalMenuIcon":"H6GR3S"};
|
|
5419
5419
|
|
|
5420
5420
|
const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx), ...props.rawProps },
|
|
5421
5421
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5422
5422
|
|
|
5423
|
-
var css$8 = {"container":"
|
|
5423
|
+
var css$8 = {"container":"au-CFC","open":"zhlxIw","folding-arrow":"nppMFd","foldingArrow":"nppMFd"};
|
|
5424
5424
|
|
|
5425
5425
|
const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
|
|
5426
5426
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5428,15 +5428,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
5428
5428
|
props.isDropdown && (React.createElement("div", null,
|
|
5429
5429
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5430
5430
|
|
|
5431
|
-
var css$7 = {"search-input":"
|
|
5431
|
+
var css$7 = {"search-input":"zJbYq9","searchInput":"zJbYq9"};
|
|
5432
5432
|
|
|
5433
5433
|
const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, { ...props, render: (iEditable) => (React.createElement(TextInput$1, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: cx$1(css$7.searchInput, props.cx), ...props.rawProps })) })));
|
|
5434
5434
|
|
|
5435
|
-
var css$6 = {"container":"
|
|
5435
|
+
var css$6 = {"container":"jLtKdW"};
|
|
5436
5436
|
|
|
5437
5437
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
|
|
5438
5438
|
|
|
5439
|
-
var css$5 = {"root":"
|
|
5439
|
+
var css$5 = {"root":"_2llrEE"};
|
|
5440
5440
|
|
|
5441
5441
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
5442
5442
|
|
|
@@ -5494,7 +5494,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5494
5494
|
};
|
|
5495
5495
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
5496
5496
|
|
|
5497
|
-
var css$4 = {"root":"
|
|
5497
|
+
var css$4 = {"root":"IkSR8I","drop-start":"bObLYa","dropStart":"bObLYa","drop-over":"PSNZMy","dropOver":"PSNZMy","link":"LWttfb","drop-area":"_8LLF-X","dropArea":"_8LLF-X","drop-caption":"TJ1d5F","dropCaption":"TJ1d5F","icon-blue":"S-Ik7S","iconBlue":"S-Ik7S"};
|
|
5498
5498
|
|
|
5499
5499
|
function DropSpot(props) {
|
|
5500
5500
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5512,7 +5512,7 @@ function DropSpot(props) {
|
|
|
5512
5512
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5513
5513
|
}
|
|
5514
5514
|
|
|
5515
|
-
var css$3 = {"root":"
|
|
5515
|
+
var css$3 = {"root":"Fh1vxn"};
|
|
5516
5516
|
|
|
5517
5517
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5518
5518
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5523,7 +5523,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5523
5523
|
React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5524
5524
|
});
|
|
5525
5525
|
|
|
5526
|
-
var css$2 = {"root":"
|
|
5526
|
+
var css$2 = {"root":"pHrmMO","file-name":"YROjkx","fileName":"YROjkx","default-color":"IXbqEh","defaultColor":"IXbqEh","doc-color":"BgkhIN","docColor":"BgkhIN","xls-color":"CXAxC1","xlsColor":"CXAxC1","pdf-color":"_3rzV-v","pdfColor":"_3rzV-v","movie-color":"_9DJ2o2","movieColor":"_9DJ2o2","img-color":"YuAVUO","imgColor":"YuAVUO","mov-color":"g8yeDe","movColor":"g8yeDe","error-block":"sL-lzC","errorBlock":"sL-lzC","icons-block":"_4dcNP0","iconsBlock":"_4dcNP0"};
|
|
5527
5527
|
|
|
5528
5528
|
const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5529
5529
|
const [isLoadingShow, setIsLoadingShow] = React.useState(true);
|
|
@@ -5642,7 +5642,7 @@ const getErrorPageConfig = () => ({
|
|
|
5642
5642
|
},
|
|
5643
5643
|
});
|
|
5644
5644
|
|
|
5645
|
-
var css$1 = {"container":"
|
|
5645
|
+
var css$1 = {"container":"L5Gq0l"};
|
|
5646
5646
|
|
|
5647
5647
|
const ErrorPage = (props) => {
|
|
5648
5648
|
const isMobileScreen = isMobile();
|
|
@@ -5654,7 +5654,7 @@ const ErrorPage = (props) => {
|
|
|
5654
5654
|
props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5655
5655
|
};
|
|
5656
5656
|
|
|
5657
|
-
var css = {"recovery-spinner":"
|
|
5657
|
+
var css = {"recovery-spinner":"JAAV05","recoverySpinner":"JAAV05","recovery-message":"Ptuw7k","recoveryMessage":"Ptuw7k","modal-blocker":"RD8xfx","modalBlocker":"RD8xfx","modalFadeIn":"-t9XCt"};
|
|
5658
5658
|
|
|
5659
5659
|
function ErrorHandler(props) {
|
|
5660
5660
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|