@epam/uui 6.1.1-beta.0 → 6.1.1-beta.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/layout/VirtualList.d.ts +7 -0
- package/components/layout/VirtualList.d.ts.map +1 -1
- package/components/pickers/DataPickerBody.d.ts.map +1 -1
- package/index.esm.js +106 -105
- package/index.esm.js.map +1 -1
- package/index.js +106 -105
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/settings.d.ts +2 -1
- package/settings.d.ts.map +1 -1
- package/stats.html +1 -1
- package/styles.css +995 -995
- package/styles.css.map +1 -1
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(#82hxg28ri56zvqnah_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: "82hxg20thhgmwza1nh_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(#82hxg20thhgmwza1nh_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: "82hxg28ri56zvqnah_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":"_2vEAjF","uui-spinner":"Z-jI5l","uuiSpinner":"Z-jI5l"};
|
|
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":"pwQ2iS","loading-word":"p7rJvU","loadingWord":"p7rJvU","animated-loading":"oPMR-T","animatedLoading":"oPMR-T","skeleton_loading":"_-9O9VS","skeletonLoading":"_-9O9VS"};
|
|
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":"ERSh6m","line-height":"x6sEx5","lineHeight":"x6sEx5","font-size":"_7YYq13","fontSize":"_7YYq13"};
|
|
950
950
|
|
|
951
951
|
function applyTextMods(mods) {
|
|
952
952
|
return [
|
|
@@ -1234,6 +1234,7 @@ const paginatorSettings = {
|
|
|
1234
1234
|
const pickerInputSettings = {
|
|
1235
1235
|
renderPlaceholder: (props) => React__default.createElement(Text, { size: props.rowSize },
|
|
1236
1236
|
React__default.createElement(TextPlaceholder, null)),
|
|
1237
|
+
renderBlocker: (props) => React__default.createElement(Blocker, { isEnabled: props.isLoading }),
|
|
1237
1238
|
icons: {
|
|
1238
1239
|
toggler: {
|
|
1239
1240
|
clearIcon: ForwardRef$Q,
|
|
@@ -1456,7 +1457,7 @@ const settings = {
|
|
|
1456
1457
|
textInput: textInputSettings,
|
|
1457
1458
|
};
|
|
1458
1459
|
|
|
1459
|
-
var css$1t = {"root":"
|
|
1460
|
+
var css$1t = {"root":"_2HN2NQ"};
|
|
1460
1461
|
|
|
1461
1462
|
function applyButtonMods(mods) {
|
|
1462
1463
|
return [
|
|
@@ -1474,7 +1475,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
1474
1475
|
};
|
|
1475
1476
|
});
|
|
1476
1477
|
|
|
1477
|
-
var css$1s = {"root":"
|
|
1478
|
+
var css$1s = {"root":"y18Miq"};
|
|
1478
1479
|
|
|
1479
1480
|
function applyIconButtonMods(props) {
|
|
1480
1481
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1s.root];
|
|
@@ -1511,7 +1512,7 @@ function getIconClass(props) {
|
|
|
1511
1512
|
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'];
|
|
1512
1513
|
}
|
|
1513
1514
|
|
|
1514
|
-
var css$1r = {"root":"
|
|
1515
|
+
var css$1r = {"root":"sEYA3a"};
|
|
1515
1516
|
|
|
1516
1517
|
const DEFAULT_COLOR = 'primary';
|
|
1517
1518
|
const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -1541,7 +1542,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1541
1542
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1542
1543
|
});
|
|
1543
1544
|
|
|
1544
|
-
var css$1q = {"root":"
|
|
1545
|
+
var css$1q = {"root":"vE9Cna"};
|
|
1545
1546
|
|
|
1546
1547
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1547
1548
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1553,7 +1554,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1553
1554
|
]) }, props.caption));
|
|
1554
1555
|
});
|
|
1555
1556
|
|
|
1556
|
-
var css$1p = {"root":"
|
|
1557
|
+
var css$1p = {"root":"uLUpeQ","withNotify":"mKgsb8"};
|
|
1557
1558
|
|
|
1558
1559
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
1559
1560
|
const styles = [
|
|
@@ -1581,14 +1582,14 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1581
1582
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1582
1583
|
});
|
|
1583
1584
|
|
|
1584
|
-
var css$1o = {"root":"
|
|
1585
|
+
var css$1o = {"root":"oJuOY2"};
|
|
1585
1586
|
|
|
1586
1587
|
function applyVerticalTabButtonMods() {
|
|
1587
1588
|
return [css$1o.root, 'uui-vertical-tab-button'];
|
|
1588
1589
|
}
|
|
1589
1590
|
const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
|
|
1590
1591
|
|
|
1591
|
-
var css$1n = {"root":"
|
|
1592
|
+
var css$1n = {"root":"EOOY2A"};
|
|
1592
1593
|
|
|
1593
1594
|
function applyCheckboxMods(mods) {
|
|
1594
1595
|
return [
|
|
@@ -1606,7 +1607,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1606
1607
|
};
|
|
1607
1608
|
const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1608
1609
|
|
|
1609
|
-
var css$1m = {"root":"
|
|
1610
|
+
var css$1m = {"root":"hVOPoB"};
|
|
1610
1611
|
|
|
1611
1612
|
function applyRadioInputMods(mods) {
|
|
1612
1613
|
return [
|
|
@@ -1618,7 +1619,7 @@ function applyRadioInputMods(mods) {
|
|
|
1618
1619
|
}
|
|
1619
1620
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1620
1621
|
|
|
1621
|
-
var css$1l = {"root":"
|
|
1622
|
+
var css$1l = {"root":"Qhb9iD"};
|
|
1622
1623
|
|
|
1623
1624
|
function applySwitchMods(mods) {
|
|
1624
1625
|
return [
|
|
@@ -1642,7 +1643,7 @@ var EditMode;
|
|
|
1642
1643
|
EditMode["INLINE"] = "inline";
|
|
1643
1644
|
})(EditMode || (EditMode = {}));
|
|
1644
1645
|
|
|
1645
|
-
var textInputCss = {"root":"
|
|
1646
|
+
var textInputCss = {"root":"LPrcw6"};
|
|
1646
1647
|
|
|
1647
1648
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1648
1649
|
function applyTextInputMods(mods) {
|
|
@@ -1667,7 +1668,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1667
1668
|
} }));
|
|
1668
1669
|
});
|
|
1669
1670
|
|
|
1670
|
-
var css$1k = {"root":"
|
|
1671
|
+
var css$1k = {"root":"_2WxMaG"};
|
|
1671
1672
|
|
|
1672
1673
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1k.root, 'uui-control-group']);
|
|
1673
1674
|
|
|
@@ -1683,7 +1684,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1683
1684
|
}
|
|
1684
1685
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
1685
1686
|
|
|
1686
|
-
var css$1j = {"root":"
|
|
1687
|
+
var css$1j = {"root":"_0zIIhH"};
|
|
1687
1688
|
|
|
1688
1689
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1689
1690
|
function applyNumericInputMods(mods) {
|
|
@@ -1703,7 +1704,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
1703
1704
|
};
|
|
1704
1705
|
});
|
|
1705
1706
|
|
|
1706
|
-
var css$1i = {"root":"
|
|
1707
|
+
var css$1i = {"root":"OLMFmo"};
|
|
1707
1708
|
|
|
1708
1709
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1709
1710
|
function applyTextAreaMods(mods) {
|
|
@@ -1744,7 +1745,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1744
1745
|
};
|
|
1745
1746
|
}
|
|
1746
1747
|
|
|
1747
|
-
var css$1h = {"root":"
|
|
1748
|
+
var css$1h = {"root":"we6oMH"};
|
|
1748
1749
|
|
|
1749
1750
|
function applyDropdownContainerMods(mods) {
|
|
1750
1751
|
return [
|
|
@@ -1755,7 +1756,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1755
1756
|
}
|
|
1756
1757
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
1757
1758
|
|
|
1758
|
-
var css$1g = {"root":"
|
|
1759
|
+
var css$1g = {"root":"-NJOWg","timepicker-input":"Gsr1Zg","timepickerInput":"Gsr1Zg","ltr-always":"XsJTDd","ltrAlways":"XsJTDd"};
|
|
1759
1760
|
|
|
1760
1761
|
const uuiTimePicker = {
|
|
1761
1762
|
container: 'uui-timepicker-container',
|
|
@@ -1949,7 +1950,7 @@ function TimePickerComponent(props, ref) {
|
|
|
1949
1950
|
}
|
|
1950
1951
|
const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
|
|
1951
1952
|
|
|
1952
|
-
var css$1f = {"root":"
|
|
1953
|
+
var css$1f = {"root":"EOQyWa"};
|
|
1953
1954
|
|
|
1954
1955
|
function applyInputAddonMods() {
|
|
1955
1956
|
return [
|
|
@@ -1958,14 +1959,14 @@ function applyInputAddonMods() {
|
|
|
1958
1959
|
}
|
|
1959
1960
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
1960
1961
|
|
|
1961
|
-
var css$1e = {"root":"
|
|
1962
|
+
var css$1e = {"root":"ufU47R"};
|
|
1962
1963
|
|
|
1963
1964
|
function applySliderMods() {
|
|
1964
1965
|
return [css$1e.root, 'uui-color-neutral'];
|
|
1965
1966
|
}
|
|
1966
1967
|
const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
|
|
1967
1968
|
|
|
1968
|
-
var css$1d = {"root":"
|
|
1969
|
+
var css$1d = {"root":"_0s7taF"};
|
|
1969
1970
|
|
|
1970
1971
|
function applyTooltipMods(mods) {
|
|
1971
1972
|
return [
|
|
@@ -1975,7 +1976,7 @@ function applyTooltipMods(mods) {
|
|
|
1975
1976
|
}
|
|
1976
1977
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
1977
1978
|
|
|
1978
|
-
var css$1c = {"root":"
|
|
1979
|
+
var css$1c = {"root":"_3VdI7g","tooltip":"prK4lm"};
|
|
1979
1980
|
|
|
1980
1981
|
function applyRatingMods(mods) {
|
|
1981
1982
|
return [
|
|
@@ -1989,7 +1990,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
|
|
|
1989
1990
|
Tooltip,
|
|
1990
1991
|
}));
|
|
1991
1992
|
|
|
1992
|
-
var css$1b = {"root":"
|
|
1993
|
+
var css$1b = {"root":"WW2igC","main-path":"_1ua1bD","mainPath":"_1ua1bD","content-wrapper":"ke2lfx","contentWrapper":"ke2lfx","content":"qC9nxi","action-wrapper":"tTXzKi","actionWrapper":"tTXzKi","icon-wrapper":"_54piE6","iconWrapper":"_54piE6","icon":"KdpqPD","close-icon":"_4V4tDV","closeIcon":"_4V4tDV"};
|
|
1993
1994
|
|
|
1994
1995
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1b.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
1995
1996
|
React.createElement("div", { className: css$1b.mainPath },
|
|
@@ -2007,7 +2008,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
2007
2008
|
|
|
2008
2009
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
2009
2010
|
|
|
2010
|
-
var css$1a = {"submenu-root-item-rtl":"
|
|
2011
|
+
var css$1a = {"submenu-root-item-rtl":"gLKK2j","submenuRootItemRtl":"gLKK2j","icon-after":"t4YmDw","iconAfter":"t4YmDw","submenu-root-item":"FNM5v0","submenuRootItem":"FNM5v0","icon-check":"rIgnif","iconCheck":"rIgnif","splitter-root":"bjny-u","splitterRoot":"bjny-u","splitter":"bIC3YU","header-root":"oxsLtd","headerRoot":"oxsLtd","item-root":"kaQEt5","itemRoot":"kaQEt5","icon":"akcW--","link":"_4cJMXl","indent":"_2GZ2pC","selected-mark":"_2O9lv1","selectedMark":"_2O9lv1"};
|
|
2011
2012
|
|
|
2012
2013
|
var IDropdownControlKeys;
|
|
2013
2014
|
(function (IDropdownControlKeys) {
|
|
@@ -2132,7 +2133,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2132
2133
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
2133
2134
|
}
|
|
2134
2135
|
|
|
2135
|
-
var css$19 = {"root":"
|
|
2136
|
+
var css$19 = {"root":"igBxfA","mode-block":"S5HBTQ","modeBlock":"S5HBTQ","mode-inline":"PccZL3","modeInline":"PccZL3","padding-0":"cWq-Rw","padding0":"cWq-Rw","padding-6":"n6v0kV","padding6":"n6v0kV","padding-12":"Oq8xGg","padding12":"Oq8xGg","padding-18":"nz1XSG","padding18":"nz1XSG"};
|
|
2136
2137
|
|
|
2137
2138
|
function applyAccordionMods(mods) {
|
|
2138
2139
|
return [
|
|
@@ -2145,7 +2146,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
2145
2146
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2146
2147
|
}));
|
|
2147
2148
|
|
|
2148
|
-
var css$18 = {"root":"
|
|
2149
|
+
var css$18 = {"root":"_0pRiIA","align-items":"KWMAe1","alignItems":"KWMAe1","justify-content":"QVybHK","justifyContent":"QVybHK","border-top":"t9vtcj","borderTop":"t9vtcj","border-bottom":"S1IsKu","borderBottom":"S1IsKu","top-shadow":"xFfc7t","topShadow":"xFfc7t","padding":"_4HJcQM","margin":"mEA0Py","vPadding":"fy7Y-N","column-gap":"_44iZ3Y","columnGap":"_44iZ3Y","row-gap":"l1YDPy","rowGap":"l1YDPy","spacing":"y73yMB"};
|
|
2149
2150
|
|
|
2150
2151
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$18.flexCell]);
|
|
2151
2152
|
|
|
@@ -2197,7 +2198,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2197
2198
|
} }, props.children));
|
|
2198
2199
|
});
|
|
2199
2200
|
|
|
2200
|
-
var css$17 = {"root":"
|
|
2201
|
+
var css$17 = {"root":"DDuzYv","margin-24":"_7qD22x","margin24":"_7qD22x","padding-12":"wDYq8l","padding12":"wDYq8l","padding-24":"ZF0LxF","padding24":"ZF0LxF","shadow":"_9gAb2m","uui-surface-main":"_3vxtr2","uuiSurfaceMain":"_3vxtr2"};
|
|
2201
2202
|
|
|
2202
2203
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
2203
2204
|
'uui-panel',
|
|
@@ -2207,7 +2208,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
2207
2208
|
props.background && css$17[`uui-${props.background}`],
|
|
2208
2209
|
]);
|
|
2209
2210
|
|
|
2210
|
-
var css$16 = {"root":"
|
|
2211
|
+
var css$16 = {"root":"_9KDSLS"};
|
|
2211
2212
|
|
|
2212
2213
|
function applyLabeledInputMods(mods) {
|
|
2213
2214
|
return [
|
|
@@ -2224,7 +2225,7 @@ function applyLabeledInputProps(props) {
|
|
|
2224
2225
|
}
|
|
2225
2226
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2226
2227
|
|
|
2227
|
-
var css$15 = {"root":"
|
|
2228
|
+
var css$15 = {"root":"_6o5XEy"};
|
|
2228
2229
|
|
|
2229
2230
|
function RadioGroup(props) {
|
|
2230
2231
|
const direction = props.direction || 'vertical';
|
|
@@ -2239,7 +2240,7 @@ function RadioGroup(props) {
|
|
|
2239
2240
|
})));
|
|
2240
2241
|
}
|
|
2241
2242
|
|
|
2242
|
-
var css$14 = {"root":"
|
|
2243
|
+
var css$14 = {"root":"JOUn1j"};
|
|
2243
2244
|
|
|
2244
2245
|
function applyScrollBarsMods() {
|
|
2245
2246
|
return [
|
|
@@ -2248,9 +2249,9 @@ function applyScrollBarsMods() {
|
|
|
2248
2249
|
}
|
|
2249
2250
|
const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
|
|
2250
2251
|
|
|
2251
|
-
var css$13 = {"scroll-container":"
|
|
2252
|
+
var css$13 = {"scroll-container":"F5vbr6","scrollContainer":"F5vbr6","list-container":"RRx9oa","listContainer":"RRx9oa"};
|
|
2252
2253
|
|
|
2253
|
-
var css$12 = {"root":"
|
|
2254
|
+
var css$12 = {"root":"nRHmpk"};
|
|
2254
2255
|
|
|
2255
2256
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$12.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
2256
2257
|
|
|
@@ -2268,7 +2269,7 @@ const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2268
2269
|
listContainerRef, estimatedHeight, offsetY, scrollShadows,
|
|
2269
2270
|
}) || (React.createElement("div", { className: css$13.listContainer, style: { minHeight: `${estimatedHeight}px` } },
|
|
2270
2271
|
React.createElement("div", { ref: listContainerRef, role: props.role, style: { marginTop: offsetY } }, props.rows)));
|
|
2271
|
-
const renderView = ({ style }) => (React.createElement(VirtualListView, { isLoading: props.isLoading, style: style, rawProps: props.rawProps }));
|
|
2272
|
+
const renderView = ({ style }) => (React.createElement(VirtualListView, { isLoading: props.isLoading, style: style, rawProps: props.rawProps, renderBlocker: props.renderBlocker }));
|
|
2272
2273
|
const scrollBarsRef = React.useCallback((scrollbars) => {
|
|
2273
2274
|
if (!scrollbars?.container?.firstChild)
|
|
2274
2275
|
return;
|
|
@@ -2293,10 +2294,10 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2293
2294
|
marginRight: props.isLoading ? 0 : props.style.marginRight,
|
|
2294
2295
|
marginBottom: props.isLoading ? 0 : props.style.marginBottom,
|
|
2295
2296
|
}, ref: ref }, props.children),
|
|
2296
|
-
React.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2297
|
+
props.renderBlocker ? props.renderBlocker({ isLoading: props.isLoading }) : React.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2297
2298
|
});
|
|
2298
2299
|
|
|
2299
|
-
var css$11 = {"root":"
|
|
2300
|
+
var css$11 = {"root":"_1BpLk4"};
|
|
2300
2301
|
|
|
2301
2302
|
function CheckboxGroup(props) {
|
|
2302
2303
|
const currentValue = props.value || [];
|
|
@@ -2318,7 +2319,7 @@ function CheckboxGroup(props) {
|
|
|
2318
2319
|
})));
|
|
2319
2320
|
}
|
|
2320
2321
|
|
|
2321
|
-
var css$10 = {"root":"
|
|
2322
|
+
var css$10 = {"root":"egKTZm","modal-blocker":"Uk6n2-","modalBlocker":"Uk6n2-","animateModalBlocker":"vulKRS","modal":"_7hjSOZ","modal-footer":"h7uHPg","modalFooter":"h7uHPg","border-top":"e860Ns","borderTop":"e860Ns","modal-header":"EGf25S","modalHeader":"EGf25S","border-bottom":"zD8NrG","borderBottom":"zD8NrG"};
|
|
2322
2323
|
|
|
2323
2324
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$10.modalBlocker]);
|
|
2324
2325
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$10.root, css$10.modal], (props) => {
|
|
@@ -2509,7 +2510,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2509
2510
|
});
|
|
2510
2511
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2511
2512
|
|
|
2512
|
-
var css$$ = {"root":"
|
|
2513
|
+
var css$$ = {"root":"_3Y30lP","icon-wrapper":"_9YtIXR","iconWrapper":"_9YtIXR","action-wrapper":"YBelCQ","actionWrapper":"YBelCQ","close-icon":"_7tG1dO","closeIcon":"_7tG1dO","main-path":"imvgvk","mainPath":"imvgvk","content":"BPo9K9","close-wrapper":"_3l9OVe","closeWrapper":"_3l9OVe","clear-notifications":"yeTOS5","clearNotifications":"yeTOS5"};
|
|
2513
2514
|
|
|
2514
2515
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
2515
2516
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -2542,7 +2543,7 @@ function ClearNotification() {
|
|
|
2542
2543
|
React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2543
2544
|
}
|
|
2544
2545
|
|
|
2545
|
-
var css$_ = {"footer":"
|
|
2546
|
+
var css$_ = {"footer":"TvwoH-"};
|
|
2546
2547
|
|
|
2547
2548
|
class ConfirmationModal extends React.Component {
|
|
2548
2549
|
render() {
|
|
@@ -2584,7 +2585,7 @@ function useReliableForceUpdate() {
|
|
|
2584
2585
|
return red[1];
|
|
2585
2586
|
}
|
|
2586
2587
|
|
|
2587
|
-
var css$Z = {"root":"
|
|
2588
|
+
var css$Z = {"root":"mhR-82","container":"vIDsNW"};
|
|
2588
2589
|
|
|
2589
2590
|
const defaultFormat = 'MMM D, YYYY';
|
|
2590
2591
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2795,14 +2796,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2795
2796
|
React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2796
2797
|
}
|
|
2797
2798
|
|
|
2798
|
-
var css$Y = {"root":"
|
|
2799
|
+
var css$Y = {"root":"Ed-Un6"};
|
|
2799
2800
|
|
|
2800
2801
|
function applyDateSelectionMods() {
|
|
2801
2802
|
return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2802
2803
|
}
|
|
2803
2804
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
2804
2805
|
|
|
2805
|
-
var css$X = {"root":"
|
|
2806
|
+
var css$X = {"root":"_3y7XoI"};
|
|
2806
2807
|
|
|
2807
2808
|
const uuiDatePickerBody = {
|
|
2808
2809
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2923,7 +2924,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2923
2924
|
}
|
|
2924
2925
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
2925
2926
|
|
|
2926
|
-
var css$W = {"date-input":"
|
|
2927
|
+
var css$W = {"date-input":"jBp7Er","dateInput":"jBp7Er","root":"_5tjk0d","separator":"wsFGUM"};
|
|
2927
2928
|
|
|
2928
2929
|
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) => {
|
|
2929
2930
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
@@ -2989,7 +2990,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
2989
2990
|
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 })));
|
|
2990
2991
|
});
|
|
2991
2992
|
|
|
2992
|
-
var css$V = {"root":"
|
|
2993
|
+
var css$V = {"root":"-T30ph"};
|
|
2993
2994
|
|
|
2994
2995
|
const uuiPresets = {
|
|
2995
2996
|
container: 'uui-presets-container',
|
|
@@ -3009,7 +3010,7 @@ function CalendarPresets(props) {
|
|
|
3009
3010
|
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
3010
3011
|
}
|
|
3011
3012
|
|
|
3012
|
-
var css$U = {"root":"
|
|
3013
|
+
var css$U = {"root":"WM6gjq","container":"_0NHtjT","day-selection":"rHLVGV","daySelection":"rHLVGV","from-picker":"XxCUXT","fromPicker":"XxCUXT","to-picker":"SaA1RH","toPicker":"SaA1RH","bodes-wrapper":"_8g-FRD","bodesWrapper":"_8g-FRD","blocker":"-Swj-3"};
|
|
3013
3014
|
|
|
3014
3015
|
const uuiRangeDatePickerBody = {
|
|
3015
3016
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3184,7 +3185,7 @@ const getDayCX = (day, selectedDate) => {
|
|
|
3184
3185
|
return [cx(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiDaySelection.selectedDay)];
|
|
3185
3186
|
};
|
|
3186
3187
|
|
|
3187
|
-
var css$T = {"dropdown-container":"
|
|
3188
|
+
var css$T = {"dropdown-container":"_0v0kPf","dropdownContainer":"_0v0kPf"};
|
|
3188
3189
|
|
|
3189
3190
|
function RangeDatePickerComponent(props, ref) {
|
|
3190
3191
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3252,7 +3253,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3252
3253
|
}
|
|
3253
3254
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3254
3255
|
|
|
3255
|
-
var css$S = {"root":"
|
|
3256
|
+
var css$S = {"root":"KpIg3e","blocker":"ol6siE","marker":"U7lco-","top":"E2r-V4","bottom":"g--05h","left":"GSz3BS","right":"Cv5nmb","inside":"_88Xp6-"};
|
|
3256
3257
|
|
|
3257
3258
|
function DropMarker(props) {
|
|
3258
3259
|
return props.isDndInProgress
|
|
@@ -3269,15 +3270,15 @@ function DropMarker(props) {
|
|
|
3269
3270
|
|
|
3270
3271
|
const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3271
3272
|
|
|
3272
|
-
var css$R = {"search-wrapper":"
|
|
3273
|
+
var css$R = {"search-wrapper":"l-MNdY","searchWrapper":"l-MNdY","no-data":"_1wNcxe","noData":"_1wNcxe"};
|
|
3273
3274
|
|
|
3274
|
-
var css$Q = {"picker-row":"
|
|
3275
|
+
var css$Q = {"picker-row":"NLAjFi","pickerRow":"NLAjFi","align-widgets-top":"QGfZGK","alignWidgetsTop":"QGfZGK","row-content":"tUS-kI","rowContent":"tUS-kI","align-widgets-center":"yuOIB0","alignWidgetsCenter":"yuOIB0","icon-container":"-aWZLG","iconContainer":"-aWZLG","content-wrapper":"XWHvOA","contentWrapper":"XWHvOA","icon-wrapper":"_389sAs","iconWrapper":"_389sAs","icon-default":"XbviO-","iconDefault":"XbviO-","selected-mark":"_9lvyCG","selectedMark":"_9lvyCG"};
|
|
3275
3276
|
|
|
3276
|
-
var css$P = {"root":"
|
|
3277
|
+
var css$P = {"root":"WKTzRk"};
|
|
3277
3278
|
|
|
3278
3279
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$P.root]);
|
|
3279
3280
|
|
|
3280
|
-
var css$O = {"root":"
|
|
3281
|
+
var css$O = {"root":"e8oUpK"};
|
|
3281
3282
|
|
|
3282
3283
|
const DEFAULT_FILL = 'solid';
|
|
3283
3284
|
function applyBadgeMods(mods) {
|
|
@@ -3305,7 +3306,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3305
3306
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3306
3307
|
});
|
|
3307
3308
|
|
|
3308
|
-
var css$N = {"root":"
|
|
3309
|
+
var css$N = {"root":"w34d1p"};
|
|
3309
3310
|
|
|
3310
3311
|
function applyTagMods(props) {
|
|
3311
3312
|
return [
|
|
@@ -3333,7 +3334,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3333
3334
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3334
3335
|
});
|
|
3335
3336
|
|
|
3336
|
-
var css$M = {"root":"
|
|
3337
|
+
var css$M = {"root":"jav1ol","page":"DR2-Kh","spacer":"dGLATb","mode-ghost":"S142Rd","modeGhost":"S142Rd"};
|
|
3337
3338
|
|
|
3338
3339
|
function Paginator(props) {
|
|
3339
3340
|
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 },
|
|
@@ -3350,14 +3351,14 @@ function Paginator(props) {
|
|
|
3350
3351
|
return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
|
|
3351
3352
|
}
|
|
3352
3353
|
|
|
3353
|
-
var css$L = {"root":"
|
|
3354
|
+
var css$L = {"root":"qRAGls","progress-bar":"gJDY35","progressBar":"gJDY35","progressBar-indeterminate":"-Gl6Lc","progressBarIndeterminate":"-Gl6Lc","size-12":"_8ibStK","size12":"_8ibStK","size-18":"fZTPYk","size18":"fZTPYk","size-24":"ZfBr-G","size24":"ZfBr-G"};
|
|
3354
3355
|
|
|
3355
3356
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3356
3357
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$L.root, css$L[`size-${props.size || 12}`]) },
|
|
3357
3358
|
React.createElement("div", { className: cx(css$L.progressBar) })));
|
|
3358
3359
|
});
|
|
3359
3360
|
|
|
3360
|
-
var css$K = {"root":"
|
|
3361
|
+
var css$K = {"root":"_6XrlaX","striped":"vLMCuU","animate-stripes":"zLGfMt","animateStripes":"zLGfMt","size-12":"_4Sq8YK","size12":"_4Sq8YK","size-18":"b9g80x","size18":"b9g80x","size-24":"Mg1SvV","size24":"Mg1SvV"};
|
|
3361
3362
|
|
|
3362
3363
|
const DEFAULT_SIZE = '12';
|
|
3363
3364
|
function applyProgressBarMods(mods) {
|
|
@@ -3372,14 +3373,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
3372
3373
|
hideLabel: props.hideLabel || props.striped,
|
|
3373
3374
|
}));
|
|
3374
3375
|
|
|
3375
|
-
var css$J = {"root":"
|
|
3376
|
+
var css$J = {"root":"S-GYBA"};
|
|
3376
3377
|
|
|
3377
3378
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3378
3379
|
const { progress } = props;
|
|
3379
3380
|
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) }));
|
|
3380
3381
|
});
|
|
3381
3382
|
|
|
3382
|
-
var css$I = {"root":"
|
|
3383
|
+
var css$I = {"root":"aagVa-"};
|
|
3383
3384
|
|
|
3384
3385
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
3385
3386
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -3394,7 +3395,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
3394
3395
|
React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3395
3396
|
});
|
|
3396
3397
|
|
|
3397
|
-
var css$H = {"drag-handle":"
|
|
3398
|
+
var css$H = {"drag-handle":"T-Rosm","dragHandle":"T-Rosm","icon-container":"bRnhvH","iconContainer":"bRnhvH"};
|
|
3398
3399
|
|
|
3399
3400
|
function DataRowAddons(props) {
|
|
3400
3401
|
const row = props.rowProps;
|
|
@@ -3480,7 +3481,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3480
3481
|
return getDecoratedText(str, ranges);
|
|
3481
3482
|
};
|
|
3482
3483
|
|
|
3483
|
-
var css$G = {"root":"
|
|
3484
|
+
var css$G = {"root":"dbfuN1","column-gap":"mvjCat","columnGap":"mvjCat","title":"muaxPw","subtitle":"NQ5jwP","disabled":"Up4Tx0","multiline":"FiAt48"};
|
|
3484
3485
|
|
|
3485
3486
|
function PickerItem(props) {
|
|
3486
3487
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3626,7 +3627,7 @@ function DataPickerBody({ highlightSearchMatches = true, ...props }) {
|
|
|
3626
3627
|
'aria-multiselectable': props.selectionMode === 'multi' ? true : null,
|
|
3627
3628
|
'aria-orientation': 'vertical',
|
|
3628
3629
|
...props.rawProps,
|
|
3629
|
-
}, rowsCount: props.rowsCount, isLoading: props.isReloading })))));
|
|
3630
|
+
}, rowsCount: props.rowsCount, isLoading: props.isReloading, renderBlocker: settings.pickerInput.renderBlocker })))));
|
|
3630
3631
|
}
|
|
3631
3632
|
|
|
3632
3633
|
function DataPickerFooterImpl(props) {
|
|
@@ -3653,7 +3654,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3653
3654
|
}
|
|
3654
3655
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
3655
3656
|
|
|
3656
|
-
var css$F = {"header":"
|
|
3657
|
+
var css$F = {"header":"G8--h7","title":"byYA09","close":"St7FUt"};
|
|
3657
3658
|
|
|
3658
3659
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3659
3660
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3663,7 +3664,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3663
3664
|
};
|
|
3664
3665
|
const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
|
|
3665
3666
|
|
|
3666
|
-
var css$E = {"done":"
|
|
3667
|
+
var css$E = {"done":"_2rva64","container":"J-9vn6"};
|
|
3667
3668
|
|
|
3668
3669
|
const PickerBodyMobileView = (props) => {
|
|
3669
3670
|
const isMobileView = isMobile();
|
|
@@ -3675,7 +3676,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
3675
3676
|
isMobileView && (React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
3676
3677
|
};
|
|
3677
3678
|
|
|
3678
|
-
var css$D = {"sub-header-wrapper":"
|
|
3679
|
+
var css$D = {"sub-header-wrapper":"dVm3kj","subHeaderWrapper":"dVm3kj","switch":"QWfr-o","no-found-modal-container":"K-Djjr","noFoundModalContainer":"K-Djjr","no-found-modal-container-icon":"j-Qyoz","noFoundModalContainerIcon":"j-Qyoz","no-found-modal-container-text":"dPYjBa","noFoundModalContainerText":"dPYjBa","body":"vjZEwS"};
|
|
3679
3680
|
|
|
3680
3681
|
function PickerModal(props) {
|
|
3681
3682
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
|
|
@@ -3717,7 +3718,7 @@ function PickerModal(props) {
|
|
|
3717
3718
|
React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3718
3719
|
}
|
|
3719
3720
|
|
|
3720
|
-
var css$C = {"tooltip":"
|
|
3721
|
+
var css$C = {"tooltip":"Hu1soM"};
|
|
3721
3722
|
|
|
3722
3723
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3723
3724
|
const tagProps = {
|
|
@@ -3736,7 +3737,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
3736
3737
|
}
|
|
3737
3738
|
});
|
|
3738
3739
|
|
|
3739
|
-
var css$B = {"root":"
|
|
3740
|
+
var css$B = {"root":"pZhKuA"};
|
|
3740
3741
|
|
|
3741
3742
|
const defaultMode = EditMode.FORM;
|
|
3742
3743
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3818,7 +3819,7 @@ function PickerInputComponent(props, ref) {
|
|
|
3818
3819
|
}
|
|
3819
3820
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
3820
3821
|
|
|
3821
|
-
var css$A = {"row":"
|
|
3822
|
+
var css$A = {"row":"iLEI5t"};
|
|
3822
3823
|
|
|
3823
3824
|
function PickerListRow(props) {
|
|
3824
3825
|
let label;
|
|
@@ -3838,7 +3839,7 @@ function PickerListRow(props) {
|
|
|
3838
3839
|
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));
|
|
3839
3840
|
}
|
|
3840
3841
|
|
|
3841
|
-
var css$z = {"root":"
|
|
3842
|
+
var css$z = {"root":"YFhIIG"};
|
|
3842
3843
|
|
|
3843
3844
|
function PickerList(props) {
|
|
3844
3845
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -3873,7 +3874,7 @@ function PickerList(props) {
|
|
|
3873
3874
|
}, selectedRows)));
|
|
3874
3875
|
}
|
|
3875
3876
|
|
|
3876
|
-
var css$y = {"root":"
|
|
3877
|
+
var css$y = {"root":"J6u5Rl","wrapper":"wEUGOs","align-widgets-top":"tyb-Wa","alignWidgetsTop":"tyb-Wa","align-widgets-center":"KGCsWH","alignWidgetsCenter":"KGCsWH"};
|
|
3877
3878
|
|
|
3878
3879
|
function DataTableCell(initialProps) {
|
|
3879
3880
|
const props = { ...initialProps };
|
|
@@ -3923,7 +3924,7 @@ function DataTableCell(initialProps) {
|
|
|
3923
3924
|
return React.createElement(DataTableCell$1, { ...props });
|
|
3924
3925
|
}
|
|
3925
3926
|
|
|
3926
|
-
var css$x = {"root":"
|
|
3927
|
+
var css$x = {"root":"DIMwGs"};
|
|
3927
3928
|
|
|
3928
3929
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3929
3930
|
// 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.
|
|
@@ -3939,7 +3940,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
3939
3940
|
];
|
|
3940
3941
|
}, () => propsMods);
|
|
3941
3942
|
|
|
3942
|
-
var css$w = {"sorting-panel-container":"
|
|
3943
|
+
var css$w = {"sorting-panel-container":"WbpVEt","sortingPanelContainer":"WbpVEt"};
|
|
3943
3944
|
|
|
3944
3945
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
3945
3946
|
const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -3959,7 +3960,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
3959
3960
|
};
|
|
3960
3961
|
const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
|
|
3961
3962
|
|
|
3962
|
-
var css$v = {"root":"
|
|
3963
|
+
var css$v = {"root":"-bzMuw","caption-wrapper":"HN7FXw","captionWrapper":"HN7FXw","sort-icon":"_0OFDyv","sortIcon":"_0OFDyv","dropdown-icon":"KBG2js","dropdownIcon":"KBG2js","infoIcon":"ZSTdXn","align-right":"Xe8qVc","alignRight":"Xe8qVc","align-center":"Imna9k","alignCenter":"Imna9k","caption":"BmE5sw","truncate":"V97P39","upper-case":"n8tP3l","upperCase":"n8tP3l","checkbox":"_9j0xfv","icon":"mCLl9J","fold-all-icon":"TggrO1","foldAllIcon":"TggrO1","cell-tooltip":"sx58T3","cellTooltip":"sx58T3","resizing-marker":"a7bz5P","resizingMarker":"a7bz5P","pinned-right":"hAUblH","pinnedRight":"hAUblH","draggable":"Q3ISqn","ghost":"p78RY1","is-dragged-out":"HudfRt","isDraggedOut":"HudfRt","dnd-marker-left":"HeRJA9","dndMarkerLeft":"HeRJA9","dnd-marker-right":"_5TD-QC","dndMarkerRight":"_5TD-QC","cell-tooltip-wrapper":"_9kn3K7","cellTooltipWrapper":"_9kn3K7","cell-tooltip-text":"Xosw2U","cellTooltipText":"Xosw2U","tooltip-caption":"KsulYf","tooltipCaption":"KsulYf","tooltip-info":"zMo9fj","tooltipInfo":"zMo9fj"};
|
|
3963
3964
|
|
|
3964
3965
|
class DataTableHeaderCell extends React.Component {
|
|
3965
3966
|
constructor() {
|
|
@@ -4053,7 +4054,7 @@ class DataTableHeaderCell extends React.Component {
|
|
|
4053
4054
|
}
|
|
4054
4055
|
}
|
|
4055
4056
|
|
|
4056
|
-
var css$u = {"root":"
|
|
4057
|
+
var css$u = {"root":"vFoujo","caption-wrapper":"_3-bqgU","captionWrapper":"_3-bqgU","align-center":"UzdjrN","alignCenter":"UzdjrN","caption":"X37Jtf","truncate":"W1HuFK","upper-case":"_8GHGG6","upperCase":"_8GHGG6","group-cell-tooltip":"mLTFVt","groupCellTooltip":"mLTFVt","group-cell-tooltip-wrapper":"PeAabB","groupCellTooltipWrapper":"PeAabB","group-cell-tooltip-text":"PnGNE0","groupCellTooltipText":"PnGNE0","tooltip-caption":"NH25DW","tooltipCaption":"NH25DW","tooltip-info":"_2qkA6X","tooltipInfo":"_2qkA6X"};
|
|
4057
4058
|
|
|
4058
4059
|
class DataTableHeaderGroupCell extends React.Component {
|
|
4059
4060
|
constructor() {
|
|
@@ -4093,7 +4094,7 @@ class DataTableHeaderGroupCell extends React.Component {
|
|
|
4093
4094
|
}
|
|
4094
4095
|
}
|
|
4095
4096
|
|
|
4096
|
-
var css$t = {"root":"
|
|
4097
|
+
var css$t = {"root":"KIkSOb"};
|
|
4097
4098
|
|
|
4098
4099
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4099
4100
|
renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4110,7 +4111,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4110
4111
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4111
4112
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4112
4113
|
|
|
4113
|
-
var css$s = {"root":"
|
|
4114
|
+
var css$s = {"root":"cnnZ-z","title-wrapper":"xRhLvs","titleWrapper":"xRhLvs","title":"qHxAKj","text-wrapper":"JGk-Yq","textWrapper":"JGk-Yq","selection":"ZZCEgr","postfix":"qustLu","selected":"FDJZNL"};
|
|
4114
4115
|
|
|
4115
4116
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4116
4117
|
const togglerPickerOpened = (e) => {
|
|
@@ -4318,7 +4319,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4318
4319
|
renderFooter()));
|
|
4319
4320
|
}
|
|
4320
4321
|
|
|
4321
|
-
var css$r = {"container":"
|
|
4322
|
+
var css$r = {"container":"-Q0zF-"};
|
|
4322
4323
|
|
|
4323
4324
|
function FilterNumericBody(props) {
|
|
4324
4325
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -4398,7 +4399,7 @@ function FilterItemBody(props) {
|
|
|
4398
4399
|
}
|
|
4399
4400
|
}
|
|
4400
4401
|
|
|
4401
|
-
var css$q = {"body":"
|
|
4402
|
+
var css$q = {"body":"Sgn3nb","header":"JUiDwZ","title":"boWi9c","removeButton":"H5rm1S","with-search":"M-XYVE","withSearch":"M-XYVE"};
|
|
4402
4403
|
|
|
4403
4404
|
function useView(props, value) {
|
|
4404
4405
|
const forceUpdate = useForceUpdate();
|
|
@@ -4695,7 +4696,7 @@ function FiltersToolbarImpl(props) {
|
|
|
4695
4696
|
}
|
|
4696
4697
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
4697
4698
|
|
|
4698
|
-
var css$p = {"delete-button":"
|
|
4699
|
+
var css$p = {"delete-button":"PwkXWS","deleteButton":"PwkXWS","tab-button":"T1QgYs","tabButton":"T1QgYs","targetOpen":"i0bLjM"};
|
|
4699
4700
|
|
|
4700
4701
|
function PresetActionsDropdown(props) {
|
|
4701
4702
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -4767,7 +4768,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
4767
4768
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
4768
4769
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
4769
4770
|
|
|
4770
|
-
var css$o = {"preset-input-cell":"
|
|
4771
|
+
var css$o = {"preset-input-cell":"TVqZZ-","presetInputCell":"TVqZZ-","preset-input":"_5x0UL2","presetInput":"_5x0UL2"};
|
|
4771
4772
|
|
|
4772
4773
|
function PresetInput(props) {
|
|
4773
4774
|
const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
|
|
@@ -4794,7 +4795,7 @@ function PresetInput(props) {
|
|
|
4794
4795
|
React__default.createElement(TextInput, { cx: css$o.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
4795
4796
|
}
|
|
4796
4797
|
|
|
4797
|
-
var css$n = {"preset":"
|
|
4798
|
+
var css$n = {"preset":"fnEmxW","activePreset":"_9Eo7CG"};
|
|
4798
4799
|
|
|
4799
4800
|
function Preset(props) {
|
|
4800
4801
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -4819,7 +4820,7 @@ function Preset(props) {
|
|
|
4819
4820
|
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$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 }))));
|
|
4820
4821
|
}
|
|
4821
4822
|
|
|
4822
|
-
var css$m = {"divider":"
|
|
4823
|
+
var css$m = {"divider":"LZC2jN","dropdownDeleteIcon":"yvVkYD","presetsWrapper":"eYyq6H","addPresetContainer":"PtfQLd","dropContainer":"K92XXE"};
|
|
4823
4824
|
|
|
4824
4825
|
function PresetsPanel(props) {
|
|
4825
4826
|
const [isAddingPreset, setIsAddingPreset] = useState(false);
|
|
@@ -4905,7 +4906,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4905
4906
|
return columns;
|
|
4906
4907
|
};
|
|
4907
4908
|
|
|
4908
|
-
var css$l = {"unpin-icon":"
|
|
4909
|
+
var css$l = {"unpin-icon":"_32M-dr","unpinIcon":"_32M-dr","pin-toggler-icon":"_2PraiN","pinTogglerIcon":"_2PraiN"};
|
|
4909
4910
|
|
|
4910
4911
|
function PinIconButton(props) {
|
|
4911
4912
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4947,7 +4948,7 @@ function getUnpinIcon(params) {
|
|
|
4947
4948
|
}
|
|
4948
4949
|
}
|
|
4949
4950
|
|
|
4950
|
-
var css$k = {"row-wrapper":"
|
|
4951
|
+
var css$k = {"row-wrapper":"UxgqQS","rowWrapper":"UxgqQS","pin-icon-button":"OI1Vnj","pinIconButton":"OI1Vnj","not-pinned":"dkobH-","notPinned":"dkobH-","checkbox":"C7z1NQ","drag-handle":"wmoaiZ","dragHandle":"wmoaiZ","dnd-disabled":"BASjhV","dndDisabled":"BASjhV"};
|
|
4951
4952
|
|
|
4952
4953
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4953
4954
|
const { column } = props;
|
|
@@ -4970,7 +4971,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
|
4970
4971
|
return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4971
4972
|
});
|
|
4972
4973
|
|
|
4973
|
-
var css$j = {"root":"
|
|
4974
|
+
var css$j = {"root":"AX-TZb","main-panel":"_6rMWwc","mainPanel":"_6rMWwc","group":"VU9U7d","group-title":"YygfxU","groupTitle":"YygfxU","group-items":"S7BVEx","groupItems":"S7BVEx","no-data":"_9VEj8R","noData":"_9VEj8R","no-data-title":"EMr3aE","noDataTitle":"EMr3aE","no-data-sub-title":"AnqZbO","noDataSubTitle":"AnqZbO","h-divider":"Vu-wyA","hDivider":"Vu-wyA","search-area":"hMRwpm","searchArea":"hMRwpm","subgroup-accordion":"ZpaN-C","subgroupAccordion":"ZpaN-C","subgroup":"o85ghl","subgroup-title":"_3RR6T7","subgroupTitle":"_3RR6T7"};
|
|
4974
4975
|
|
|
4975
4976
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
|
|
4976
4977
|
React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
|
|
@@ -5072,7 +5073,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
5072
5073
|
return [children, rest];
|
|
5073
5074
|
};
|
|
5074
5075
|
|
|
5075
|
-
var css$i = {"listContainer":"
|
|
5076
|
+
var css$i = {"listContainer":"_9m-7eB","header":"-chN3h","group":"ePmcSK","stickyHeader":"WMdsoM"};
|
|
5076
5077
|
|
|
5077
5078
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
5078
5079
|
const rowRef = useRef(undefined);
|
|
@@ -5112,7 +5113,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
5112
5113
|
React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
5113
5114
|
}
|
|
5114
5115
|
|
|
5115
|
-
var css$h = {"root":"
|
|
5116
|
+
var css$h = {"root":"_9EiAeX","sticky-header":"_4o6z4R","stickyHeader":"_4o6z4R","no-results":"ci-9tl","noResults":"ci-9tl","icon":"PXVD-l","title":"_71ciD1"};
|
|
5116
5117
|
|
|
5117
5118
|
function DataTable(props) {
|
|
5118
5119
|
const { uuiModals } = useUuiContext();
|
|
@@ -5161,9 +5162,9 @@ function DataTable(props) {
|
|
|
5161
5162
|
} }))));
|
|
5162
5163
|
}
|
|
5163
5164
|
|
|
5164
|
-
var css$g = {"root":"
|
|
5165
|
+
var css$g = {"root":"L1E2IH"};
|
|
5165
5166
|
|
|
5166
|
-
var css$f = {"root":"
|
|
5167
|
+
var css$f = {"root":"VPxm90","burger-content":"ZMHqu-","burgerContent":"ZMHqu-"};
|
|
5167
5168
|
|
|
5168
5169
|
var _path$3;
|
|
5169
5170
|
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); }
|
|
@@ -5206,7 +5207,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5206
5207
|
};
|
|
5207
5208
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
5208
5209
|
|
|
5209
|
-
var css$e = {"root":"
|
|
5210
|
+
var css$e = {"root":"OsKOq5","button-primary":"LqQiJQ","buttonPrimary":"LqQiJQ","button-secondary":"SD4AjP","buttonSecondary":"SD4AjP","hasIcon":"vr4fPh","dropdown":"UGkW6P"};
|
|
5210
5211
|
|
|
5211
5212
|
const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
5212
5213
|
css$e.root,
|
|
@@ -5217,13 +5218,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
|
5217
5218
|
props.icon && css$e.hasIcon,
|
|
5218
5219
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5219
5220
|
|
|
5220
|
-
var css$d = {"search-input":"
|
|
5221
|
+
var css$d = {"search-input":"FEQGWa","searchInput":"FEQGWa"};
|
|
5221
5222
|
|
|
5222
5223
|
function BurgerSearch(props) {
|
|
5223
5224
|
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 }));
|
|
5224
5225
|
}
|
|
5225
5226
|
|
|
5226
|
-
var css$c = {"root":"
|
|
5227
|
+
var css$c = {"root":"_9qgOjY","group-header":"WjaTqc","groupHeader":"WjaTqc","group-name":"vFnwBK","groupName":"vFnwBK","line":"_3MTZm7"};
|
|
5227
5228
|
|
|
5228
5229
|
function BurgerGroupHeader(props) {
|
|
5229
5230
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5231,7 +5232,7 @@ function BurgerGroupHeader(props) {
|
|
|
5231
5232
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5232
5233
|
}
|
|
5233
5234
|
|
|
5234
|
-
var css$b = {"root":"
|
|
5235
|
+
var css$b = {"root":"iZMa8C","type-primary":"fT1Kfg","typePrimary":"fT1Kfg","type-secondary":"_4DxCvu","typeSecondary":"_4DxCvu"};
|
|
5235
5236
|
|
|
5236
5237
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5237
5238
|
const { type, ...clickableProps } = props;
|
|
@@ -5253,7 +5254,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5253
5254
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5254
5255
|
});
|
|
5255
5256
|
|
|
5256
|
-
var css$a = {"dropdown-body":"
|
|
5257
|
+
var css$a = {"dropdown-body":"KtiLIZ","dropdownBody":"KtiLIZ"};
|
|
5257
5258
|
|
|
5258
5259
|
class MainMenuDropdown extends React.Component {
|
|
5259
5260
|
render() {
|
|
@@ -5312,12 +5313,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5312
5313
|
};
|
|
5313
5314
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5314
5315
|
|
|
5315
|
-
var css$9 = {"global-menu-btn":"
|
|
5316
|
+
var css$9 = {"global-menu-btn":"w0pkxu","globalMenuBtn":"w0pkxu","global-menu-icon":"cIgYzp","globalMenuIcon":"cIgYzp"};
|
|
5316
5317
|
|
|
5317
5318
|
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 },
|
|
5318
5319
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5319
5320
|
|
|
5320
|
-
var css$8 = {"container":"
|
|
5321
|
+
var css$8 = {"container":"ZrjcmD","open":"-nXSDo","folding-arrow":"z7DCN8","foldingArrow":"z7DCN8"};
|
|
5321
5322
|
|
|
5322
5323
|
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 },
|
|
5323
5324
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5325,15 +5326,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
5325
5326
|
props.isDropdown && (React.createElement("div", null,
|
|
5326
5327
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5327
5328
|
|
|
5328
|
-
var css$7 = {"search-input":"
|
|
5329
|
+
var css$7 = {"search-input":"JFVQeL","searchInput":"JFVQeL"};
|
|
5329
5330
|
|
|
5330
5331
|
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 })) })));
|
|
5331
5332
|
|
|
5332
|
-
var css$6 = {"container":"
|
|
5333
|
+
var css$6 = {"container":"DheLTP"};
|
|
5333
5334
|
|
|
5334
5335
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
|
|
5335
5336
|
|
|
5336
|
-
var css$5 = {"root":"
|
|
5337
|
+
var css$5 = {"root":"-Kz3-W"};
|
|
5337
5338
|
|
|
5338
5339
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
5339
5340
|
|
|
@@ -5391,7 +5392,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5391
5392
|
};
|
|
5392
5393
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
5393
5394
|
|
|
5394
|
-
var css$4 = {"root":"
|
|
5395
|
+
var css$4 = {"root":"TUhU7-","drop-start":"c9UVHh","dropStart":"c9UVHh","drop-over":"XMJ08r","dropOver":"XMJ08r","link":"OqPC9c","drop-area":"Ffr-2G","dropArea":"Ffr-2G","drop-caption":"I7krCk","dropCaption":"I7krCk","icon-blue":"LBRNp-","iconBlue":"LBRNp-"};
|
|
5395
5396
|
|
|
5396
5397
|
function DropSpot(props) {
|
|
5397
5398
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5409,7 +5410,7 @@ function DropSpot(props) {
|
|
|
5409
5410
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5410
5411
|
}
|
|
5411
5412
|
|
|
5412
|
-
var css$3 = {"root":"
|
|
5413
|
+
var css$3 = {"root":"pWaP2F"};
|
|
5413
5414
|
|
|
5414
5415
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5415
5416
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5420,7 +5421,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5420
5421
|
React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5421
5422
|
});
|
|
5422
5423
|
|
|
5423
|
-
var css$2 = {"root":"
|
|
5424
|
+
var css$2 = {"root":"_6LciCE","file-name":"N08HHB","fileName":"N08HHB","default-color":"JV9qk2","defaultColor":"JV9qk2","doc-color":"NPmDq-","docColor":"NPmDq-","xls-color":"uDZorx","xlsColor":"uDZorx","pdf-color":"_4yVtez","pdfColor":"_4yVtez","movie-color":"_1j0pH8","movieColor":"_1j0pH8","img-color":"twYL-W","imgColor":"twYL-W","mov-color":"h16xIm","movColor":"h16xIm","error-block":"_5wuRs4","errorBlock":"_5wuRs4","icons-block":"Yyrz5g","iconsBlock":"Yyrz5g"};
|
|
5424
5425
|
|
|
5425
5426
|
const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5426
5427
|
const [isLoadingShow, setIsLoadingShow] = React.useState(true);
|
|
@@ -5539,7 +5540,7 @@ const getErrorPageConfig = () => ({
|
|
|
5539
5540
|
},
|
|
5540
5541
|
});
|
|
5541
5542
|
|
|
5542
|
-
var css$1 = {"container":"
|
|
5543
|
+
var css$1 = {"container":"eanV-l"};
|
|
5543
5544
|
|
|
5544
5545
|
const ErrorPage = (props) => {
|
|
5545
5546
|
const isMobileScreen = isMobile();
|
|
@@ -5551,7 +5552,7 @@ const ErrorPage = (props) => {
|
|
|
5551
5552
|
props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5552
5553
|
};
|
|
5553
5554
|
|
|
5554
|
-
var css = {"recovery-spinner":"
|
|
5555
|
+
var css = {"recovery-spinner":"eNxb-h","recoverySpinner":"eNxb-h","recovery-message":"_4-0UVP","recoveryMessage":"_4-0UVP","modal-blocker":"Q1TxvK","modalBlocker":"Q1TxvK","modalFadeIn":"r6vGc-"};
|
|
5555
5556
|
|
|
5556
5557
|
function ErrorHandler(props) {
|
|
5557
5558
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|