@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.js
CHANGED
|
@@ -185,7 +185,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
185
185
|
xmlns: "http://www.w3.org/2000/svg",
|
|
186
186
|
ref: ref
|
|
187
187
|
}, props), /*#__PURE__*/React__namespace.createElement("g", {
|
|
188
|
-
clipPath: "url(#
|
|
188
|
+
clipPath: "url(#82hxg28ri56zvqnah_a)"
|
|
189
189
|
}, _path$I || (_path$I = /*#__PURE__*/React__namespace.createElement("path", {
|
|
190
190
|
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",
|
|
191
191
|
fill: "#F5F6FA"
|
|
@@ -206,7 +206,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
206
206
|
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",
|
|
207
207
|
fill: "#1D1E26"
|
|
208
208
|
})), /*#__PURE__*/React__namespace.createElement("mask", {
|
|
209
|
-
id: "
|
|
209
|
+
id: "82hxg20thhgmwza1nh_b",
|
|
210
210
|
style: {
|
|
211
211
|
maskType: "alpha"
|
|
212
212
|
},
|
|
@@ -219,7 +219,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
219
219
|
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",
|
|
220
220
|
fill: "#9BDEFF"
|
|
221
221
|
}))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
222
|
-
mask: "url(#
|
|
222
|
+
mask: "url(#82hxg20thhgmwza1nh_b)",
|
|
223
223
|
fillRule: "evenodd",
|
|
224
224
|
clipRule: "evenodd"
|
|
225
225
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -305,7 +305,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
305
305
|
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",
|
|
306
306
|
fill: "#fff"
|
|
307
307
|
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
308
|
-
id: "
|
|
308
|
+
id: "82hxg28ri56zvqnah_a"
|
|
309
309
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
310
310
|
fill: "#fff",
|
|
311
311
|
transform: "translate(.552)",
|
|
@@ -956,14 +956,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
956
956
|
};
|
|
957
957
|
var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
|
|
958
958
|
|
|
959
|
-
var css$1w = {"root":"
|
|
959
|
+
var css$1w = {"root":"_2vEAjF","uui-spinner":"Z-jI5l","uuiSpinner":"Z-jI5l"};
|
|
960
960
|
|
|
961
961
|
function applySpinnerMods() {
|
|
962
962
|
return [css$1w.root, 'uui-spinner'];
|
|
963
963
|
}
|
|
964
964
|
const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
965
965
|
|
|
966
|
-
var css$1v = {"root":"
|
|
966
|
+
var css$1v = {"root":"pwQ2iS","loading-word":"p7rJvU","loadingWord":"p7rJvU","animated-loading":"oPMR-T","animatedLoading":"oPMR-T","skeleton_loading":"_-9O9VS","skeletonLoading":"_-9O9VS"};
|
|
967
967
|
|
|
968
968
|
const TextPlaceholder = (props) => {
|
|
969
969
|
const pattern = ' ';
|
|
@@ -980,7 +980,7 @@ const TextPlaceholder = (props) => {
|
|
|
980
980
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
981
981
|
};
|
|
982
982
|
|
|
983
|
-
var css$1u = {"root":"
|
|
983
|
+
var css$1u = {"root":"ERSh6m","line-height":"x6sEx5","lineHeight":"x6sEx5","font-size":"_7YYq13","fontSize":"_7YYq13"};
|
|
984
984
|
|
|
985
985
|
function applyTextMods(mods) {
|
|
986
986
|
return [
|
|
@@ -1268,6 +1268,7 @@ const paginatorSettings = {
|
|
|
1268
1268
|
const pickerInputSettings = {
|
|
1269
1269
|
renderPlaceholder: (props) => React__namespace.default.createElement(Text, { size: props.rowSize },
|
|
1270
1270
|
React__namespace.default.createElement(TextPlaceholder, null)),
|
|
1271
|
+
renderBlocker: (props) => React__namespace.default.createElement(Blocker, { isEnabled: props.isLoading }),
|
|
1271
1272
|
icons: {
|
|
1272
1273
|
toggler: {
|
|
1273
1274
|
clearIcon: ForwardRef$Q,
|
|
@@ -1490,7 +1491,7 @@ const settings = {
|
|
|
1490
1491
|
textInput: textInputSettings,
|
|
1491
1492
|
};
|
|
1492
1493
|
|
|
1493
|
-
var css$1t = {"root":"
|
|
1494
|
+
var css$1t = {"root":"_2HN2NQ"};
|
|
1494
1495
|
|
|
1495
1496
|
function applyButtonMods(mods) {
|
|
1496
1497
|
return [
|
|
@@ -1508,7 +1509,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
1508
1509
|
};
|
|
1509
1510
|
});
|
|
1510
1511
|
|
|
1511
|
-
var css$1s = {"root":"
|
|
1512
|
+
var css$1s = {"root":"y18Miq"};
|
|
1512
1513
|
|
|
1513
1514
|
function applyIconButtonMods(props) {
|
|
1514
1515
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1s.root];
|
|
@@ -1545,7 +1546,7 @@ function getIconClass(props) {
|
|
|
1545
1546
|
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'];
|
|
1546
1547
|
}
|
|
1547
1548
|
|
|
1548
|
-
var css$1r = {"root":"
|
|
1549
|
+
var css$1r = {"root":"sEYA3a"};
|
|
1549
1550
|
|
|
1550
1551
|
const DEFAULT_COLOR = 'primary';
|
|
1551
1552
|
const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -1575,7 +1576,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
1575
1576
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1576
1577
|
});
|
|
1577
1578
|
|
|
1578
|
-
var css$1q = {"root":"
|
|
1579
|
+
var css$1q = {"root":"vE9Cna"};
|
|
1579
1580
|
|
|
1580
1581
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1581
1582
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -1587,7 +1588,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1587
1588
|
]) }, props.caption));
|
|
1588
1589
|
});
|
|
1589
1590
|
|
|
1590
|
-
var css$1p = {"root":"
|
|
1591
|
+
var css$1p = {"root":"uLUpeQ","withNotify":"mKgsb8"};
|
|
1591
1592
|
|
|
1592
1593
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
1593
1594
|
const styles = [
|
|
@@ -1615,14 +1616,14 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
1615
1616
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1616
1617
|
});
|
|
1617
1618
|
|
|
1618
|
-
var css$1o = {"root":"
|
|
1619
|
+
var css$1o = {"root":"oJuOY2"};
|
|
1619
1620
|
|
|
1620
1621
|
function applyVerticalTabButtonMods() {
|
|
1621
1622
|
return [css$1o.root, 'uui-vertical-tab-button'];
|
|
1622
1623
|
}
|
|
1623
1624
|
const VerticalTabButton = /* @__PURE__ */uuiCore.withMods(TabButton, applyVerticalTabButtonMods);
|
|
1624
1625
|
|
|
1625
|
-
var css$1n = {"root":"
|
|
1626
|
+
var css$1n = {"root":"EOOY2A"};
|
|
1626
1627
|
|
|
1627
1628
|
function applyCheckboxMods(mods) {
|
|
1628
1629
|
return [
|
|
@@ -1640,7 +1641,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1640
1641
|
};
|
|
1641
1642
|
const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1642
1643
|
|
|
1643
|
-
var css$1m = {"root":"
|
|
1644
|
+
var css$1m = {"root":"hVOPoB"};
|
|
1644
1645
|
|
|
1645
1646
|
function applyRadioInputMods(mods) {
|
|
1646
1647
|
return [
|
|
@@ -1652,7 +1653,7 @@ function applyRadioInputMods(mods) {
|
|
|
1652
1653
|
}
|
|
1653
1654
|
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1654
1655
|
|
|
1655
|
-
var css$1l = {"root":"
|
|
1656
|
+
var css$1l = {"root":"Qhb9iD"};
|
|
1656
1657
|
|
|
1657
1658
|
function applySwitchMods(mods) {
|
|
1658
1659
|
return [
|
|
@@ -1676,7 +1677,7 @@ var EditMode;
|
|
|
1676
1677
|
EditMode["INLINE"] = "inline";
|
|
1677
1678
|
})(EditMode || (EditMode = {}));
|
|
1678
1679
|
|
|
1679
|
-
var textInputCss = {"root":"
|
|
1680
|
+
var textInputCss = {"root":"LPrcw6"};
|
|
1680
1681
|
|
|
1681
1682
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1682
1683
|
function applyTextInputMods(mods) {
|
|
@@ -1701,7 +1702,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
1701
1702
|
} }));
|
|
1702
1703
|
});
|
|
1703
1704
|
|
|
1704
|
-
var css$1k = {"root":"
|
|
1705
|
+
var css$1k = {"root":"_2WxMaG"};
|
|
1705
1706
|
|
|
1706
1707
|
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1k.root, 'uui-control-group']);
|
|
1707
1708
|
|
|
@@ -1717,7 +1718,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1717
1718
|
}
|
|
1718
1719
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
1719
1720
|
|
|
1720
|
-
var css$1j = {"root":"
|
|
1721
|
+
var css$1j = {"root":"_0zIIhH"};
|
|
1721
1722
|
|
|
1722
1723
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1723
1724
|
function applyNumericInputMods(mods) {
|
|
@@ -1737,7 +1738,7 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
1737
1738
|
};
|
|
1738
1739
|
});
|
|
1739
1740
|
|
|
1740
|
-
var css$1i = {"root":"
|
|
1741
|
+
var css$1i = {"root":"OLMFmo"};
|
|
1741
1742
|
|
|
1742
1743
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1743
1744
|
function applyTextAreaMods(mods) {
|
|
@@ -1778,7 +1779,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1778
1779
|
};
|
|
1779
1780
|
}
|
|
1780
1781
|
|
|
1781
|
-
var css$1h = {"root":"
|
|
1782
|
+
var css$1h = {"root":"we6oMH"};
|
|
1782
1783
|
|
|
1783
1784
|
function applyDropdownContainerMods(mods) {
|
|
1784
1785
|
return [
|
|
@@ -1789,7 +1790,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1789
1790
|
}
|
|
1790
1791
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
1791
1792
|
|
|
1792
|
-
var css$1g = {"root":"
|
|
1793
|
+
var css$1g = {"root":"-NJOWg","timepicker-input":"Gsr1Zg","timepickerInput":"Gsr1Zg","ltr-always":"XsJTDd","ltrAlways":"XsJTDd"};
|
|
1793
1794
|
|
|
1794
1795
|
const uuiTimePicker = {
|
|
1795
1796
|
container: 'uui-timepicker-container',
|
|
@@ -1983,7 +1984,7 @@ function TimePickerComponent(props, ref) {
|
|
|
1983
1984
|
}
|
|
1984
1985
|
const TimePicker = /* @__PURE__ */React__namespace.default.forwardRef(TimePickerComponent);
|
|
1985
1986
|
|
|
1986
|
-
var css$1f = {"root":"
|
|
1987
|
+
var css$1f = {"root":"EOQyWa"};
|
|
1987
1988
|
|
|
1988
1989
|
function applyInputAddonMods() {
|
|
1989
1990
|
return [
|
|
@@ -1992,14 +1993,14 @@ function applyInputAddonMods() {
|
|
|
1992
1993
|
}
|
|
1993
1994
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
1994
1995
|
|
|
1995
|
-
var css$1e = {"root":"
|
|
1996
|
+
var css$1e = {"root":"ufU47R"};
|
|
1996
1997
|
|
|
1997
1998
|
function applySliderMods() {
|
|
1998
1999
|
return [css$1e.root, 'uui-color-neutral'];
|
|
1999
2000
|
}
|
|
2000
2001
|
const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
|
|
2001
2002
|
|
|
2002
|
-
var css$1d = {"root":"
|
|
2003
|
+
var css$1d = {"root":"_0s7taF"};
|
|
2003
2004
|
|
|
2004
2005
|
function applyTooltipMods(mods) {
|
|
2005
2006
|
return [
|
|
@@ -2009,7 +2010,7 @@ function applyTooltipMods(mods) {
|
|
|
2009
2010
|
}
|
|
2010
2011
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
2011
2012
|
|
|
2012
|
-
var css$1c = {"root":"
|
|
2013
|
+
var css$1c = {"root":"_3VdI7g","tooltip":"prK4lm"};
|
|
2013
2014
|
|
|
2014
2015
|
function applyRatingMods(mods) {
|
|
2015
2016
|
return [
|
|
@@ -2023,7 +2024,7 @@ const Rating = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Rating,
|
|
|
2023
2024
|
Tooltip,
|
|
2024
2025
|
}));
|
|
2025
2026
|
|
|
2026
|
-
var css$1b = {"root":"
|
|
2027
|
+
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"};
|
|
2027
2028
|
|
|
2028
2029
|
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1b.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
2029
2030
|
React__namespace.createElement("div", { className: css$1b.mainPath },
|
|
@@ -2041,7 +2042,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
2041
2042
|
|
|
2042
2043
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
2043
2044
|
|
|
2044
|
-
var css$1a = {"submenu-root-item-rtl":"
|
|
2045
|
+
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"};
|
|
2045
2046
|
|
|
2046
2047
|
exports.IDropdownControlKeys = void 0;
|
|
2047
2048
|
(function (IDropdownControlKeys) {
|
|
@@ -2166,7 +2167,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2166
2167
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
2167
2168
|
}
|
|
2168
2169
|
|
|
2169
|
-
var css$19 = {"root":"
|
|
2170
|
+
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"};
|
|
2170
2171
|
|
|
2171
2172
|
function applyAccordionMods(mods) {
|
|
2172
2173
|
return [
|
|
@@ -2179,7 +2180,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
|
|
|
2179
2180
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2180
2181
|
}));
|
|
2181
2182
|
|
|
2182
|
-
var css$18 = {"root":"
|
|
2183
|
+
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"};
|
|
2183
2184
|
|
|
2184
2185
|
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$18.flexCell]);
|
|
2185
2186
|
|
|
@@ -2231,7 +2232,7 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2231
2232
|
} }, props.children));
|
|
2232
2233
|
});
|
|
2233
2234
|
|
|
2234
|
-
var css$17 = {"root":"
|
|
2235
|
+
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"};
|
|
2235
2236
|
|
|
2236
2237
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
2237
2238
|
'uui-panel',
|
|
@@ -2241,7 +2242,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
|
2241
2242
|
props.background && css$17[`uui-${props.background}`],
|
|
2242
2243
|
]);
|
|
2243
2244
|
|
|
2244
|
-
var css$16 = {"root":"
|
|
2245
|
+
var css$16 = {"root":"_9KDSLS"};
|
|
2245
2246
|
|
|
2246
2247
|
function applyLabeledInputMods(mods) {
|
|
2247
2248
|
return [
|
|
@@ -2258,7 +2259,7 @@ function applyLabeledInputProps(props) {
|
|
|
2258
2259
|
}
|
|
2259
2260
|
const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2260
2261
|
|
|
2261
|
-
var css$15 = {"root":"
|
|
2262
|
+
var css$15 = {"root":"_6o5XEy"};
|
|
2262
2263
|
|
|
2263
2264
|
function RadioGroup(props) {
|
|
2264
2265
|
const direction = props.direction || 'vertical';
|
|
@@ -2273,7 +2274,7 @@ function RadioGroup(props) {
|
|
|
2273
2274
|
})));
|
|
2274
2275
|
}
|
|
2275
2276
|
|
|
2276
|
-
var css$14 = {"root":"
|
|
2277
|
+
var css$14 = {"root":"JOUn1j"};
|
|
2277
2278
|
|
|
2278
2279
|
function applyScrollBarsMods() {
|
|
2279
2280
|
return [
|
|
@@ -2282,9 +2283,9 @@ function applyScrollBarsMods() {
|
|
|
2282
2283
|
}
|
|
2283
2284
|
const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
|
|
2284
2285
|
|
|
2285
|
-
var css$13 = {"scroll-container":"
|
|
2286
|
+
var css$13 = {"scroll-container":"F5vbr6","scrollContainer":"F5vbr6","list-container":"RRx9oa","listContainer":"RRx9oa"};
|
|
2286
2287
|
|
|
2287
|
-
var css$12 = {"root":"
|
|
2288
|
+
var css$12 = {"root":"nRHmpk"};
|
|
2288
2289
|
|
|
2289
2290
|
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$12.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
2290
2291
|
|
|
@@ -2302,7 +2303,7 @@ const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
2302
2303
|
listContainerRef, estimatedHeight, offsetY, scrollShadows,
|
|
2303
2304
|
}) || (React__namespace.createElement("div", { className: css$13.listContainer, style: { minHeight: `${estimatedHeight}px` } },
|
|
2304
2305
|
React__namespace.createElement("div", { ref: listContainerRef, role: props.role, style: { marginTop: offsetY } }, props.rows)));
|
|
2305
|
-
const renderView = ({ style }) => (React__namespace.createElement(VirtualListView, { isLoading: props.isLoading, style: style, rawProps: props.rawProps }));
|
|
2306
|
+
const renderView = ({ style }) => (React__namespace.createElement(VirtualListView, { isLoading: props.isLoading, style: style, rawProps: props.rawProps, renderBlocker: props.renderBlocker }));
|
|
2306
2307
|
const scrollBarsRef = React__namespace.useCallback((scrollbars) => {
|
|
2307
2308
|
if (!scrollbars?.container?.firstChild)
|
|
2308
2309
|
return;
|
|
@@ -2327,10 +2328,10 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
2327
2328
|
marginRight: props.isLoading ? 0 : props.style.marginRight,
|
|
2328
2329
|
marginBottom: props.isLoading ? 0 : props.style.marginBottom,
|
|
2329
2330
|
}, ref: ref }, props.children),
|
|
2330
|
-
React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2331
|
+
props.renderBlocker ? props.renderBlocker({ isLoading: props.isLoading }) : React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2331
2332
|
});
|
|
2332
2333
|
|
|
2333
|
-
var css$11 = {"root":"
|
|
2334
|
+
var css$11 = {"root":"_1BpLk4"};
|
|
2334
2335
|
|
|
2335
2336
|
function CheckboxGroup(props) {
|
|
2336
2337
|
const currentValue = props.value || [];
|
|
@@ -2352,7 +2353,7 @@ function CheckboxGroup(props) {
|
|
|
2352
2353
|
})));
|
|
2353
2354
|
}
|
|
2354
2355
|
|
|
2355
|
-
var css$10 = {"root":"
|
|
2356
|
+
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"};
|
|
2356
2357
|
|
|
2357
2358
|
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$10.modalBlocker]);
|
|
2358
2359
|
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$10.root, css$10.modal], (props) => {
|
|
@@ -2543,7 +2544,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2543
2544
|
});
|
|
2544
2545
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2545
2546
|
|
|
2546
|
-
var css$$ = {"root":"
|
|
2547
|
+
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"};
|
|
2547
2548
|
|
|
2548
2549
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
2549
2550
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -2576,7 +2577,7 @@ function ClearNotification() {
|
|
|
2576
2577
|
React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2577
2578
|
}
|
|
2578
2579
|
|
|
2579
|
-
var css$_ = {"footer":"
|
|
2580
|
+
var css$_ = {"footer":"TvwoH-"};
|
|
2580
2581
|
|
|
2581
2582
|
class ConfirmationModal extends React__namespace.Component {
|
|
2582
2583
|
render() {
|
|
@@ -2618,7 +2619,7 @@ function useReliableForceUpdate() {
|
|
|
2618
2619
|
return red[1];
|
|
2619
2620
|
}
|
|
2620
2621
|
|
|
2621
|
-
var css$Z = {"root":"
|
|
2622
|
+
var css$Z = {"root":"mhR-82","container":"vIDsNW"};
|
|
2622
2623
|
|
|
2623
2624
|
const defaultFormat = 'MMM D, YYYY';
|
|
2624
2625
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2829,14 +2830,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2829
2830
|
React__namespace.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2830
2831
|
}
|
|
2831
2832
|
|
|
2832
|
-
var css$Y = {"root":"
|
|
2833
|
+
var css$Y = {"root":"Ed-Un6"};
|
|
2833
2834
|
|
|
2834
2835
|
function applyDateSelectionMods() {
|
|
2835
2836
|
return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2836
2837
|
}
|
|
2837
2838
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2838
2839
|
|
|
2839
|
-
var css$X = {"root":"
|
|
2840
|
+
var css$X = {"root":"_3y7XoI"};
|
|
2840
2841
|
|
|
2841
2842
|
const uuiDatePickerBody = {
|
|
2842
2843
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2957,7 +2958,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2957
2958
|
}
|
|
2958
2959
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
2959
2960
|
|
|
2960
|
-
var css$W = {"date-input":"
|
|
2961
|
+
var css$W = {"date-input":"jBp7Er","dateInput":"jBp7Er","root":"_5tjk0d","separator":"wsFGUM"};
|
|
2961
2962
|
|
|
2962
2963
|
const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, preventEmptyFromDate, preventEmptyToDate, id, cx: classes, }, ref) => {
|
|
2963
2964
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3023,7 +3024,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
3023
3024
|
React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$W.dateInput, inFocus === 'to' && uuiCore.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 })));
|
|
3024
3025
|
});
|
|
3025
3026
|
|
|
3026
|
-
var css$V = {"root":"
|
|
3027
|
+
var css$V = {"root":"-T30ph"};
|
|
3027
3028
|
|
|
3028
3029
|
const uuiPresets = {
|
|
3029
3030
|
container: 'uui-presets-container',
|
|
@@ -3043,7 +3044,7 @@ function CalendarPresets(props) {
|
|
|
3043
3044
|
getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
3044
3045
|
}
|
|
3045
3046
|
|
|
3046
|
-
var css$U = {"root":"
|
|
3047
|
+
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"};
|
|
3047
3048
|
|
|
3048
3049
|
const uuiRangeDatePickerBody = {
|
|
3049
3050
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3218,7 +3219,7 @@ const getDayCX = (day, selectedDate) => {
|
|
|
3218
3219
|
return [cx__default.default(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiComponents.uuiDaySelection.selectedDay)];
|
|
3219
3220
|
};
|
|
3220
3221
|
|
|
3221
|
-
var css$T = {"dropdown-container":"
|
|
3222
|
+
var css$T = {"dropdown-container":"_0v0kPf","dropdownContainer":"_0v0kPf"};
|
|
3222
3223
|
|
|
3223
3224
|
function RangeDatePickerComponent(props, ref) {
|
|
3224
3225
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3286,7 +3287,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3286
3287
|
}
|
|
3287
3288
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3288
3289
|
|
|
3289
|
-
var css$S = {"root":"
|
|
3290
|
+
var css$S = {"root":"KpIg3e","blocker":"ol6siE","marker":"U7lco-","top":"E2r-V4","bottom":"g--05h","left":"GSz3BS","right":"Cv5nmb","inside":"_88Xp6-"};
|
|
3290
3291
|
|
|
3291
3292
|
function DropMarker(props) {
|
|
3292
3293
|
return props.isDndInProgress
|
|
@@ -3303,15 +3304,15 @@ function DropMarker(props) {
|
|
|
3303
3304
|
|
|
3304
3305
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3305
3306
|
|
|
3306
|
-
var css$R = {"search-wrapper":"
|
|
3307
|
+
var css$R = {"search-wrapper":"l-MNdY","searchWrapper":"l-MNdY","no-data":"_1wNcxe","noData":"_1wNcxe"};
|
|
3307
3308
|
|
|
3308
|
-
var css$Q = {"picker-row":"
|
|
3309
|
+
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"};
|
|
3309
3310
|
|
|
3310
|
-
var css$P = {"root":"
|
|
3311
|
+
var css$P = {"root":"WKTzRk"};
|
|
3311
3312
|
|
|
3312
3313
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$P.root]);
|
|
3313
3314
|
|
|
3314
|
-
var css$O = {"root":"
|
|
3315
|
+
var css$O = {"root":"e8oUpK"};
|
|
3315
3316
|
|
|
3316
3317
|
const DEFAULT_FILL = 'solid';
|
|
3317
3318
|
function applyBadgeMods(mods) {
|
|
@@ -3339,7 +3340,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
3339
3340
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3340
3341
|
});
|
|
3341
3342
|
|
|
3342
|
-
var css$N = {"root":"
|
|
3343
|
+
var css$N = {"root":"w34d1p"};
|
|
3343
3344
|
|
|
3344
3345
|
function applyTagMods(props) {
|
|
3345
3346
|
return [
|
|
@@ -3367,7 +3368,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
3367
3368
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3368
3369
|
});
|
|
3369
3370
|
|
|
3370
|
-
var css$M = {"root":"
|
|
3371
|
+
var css$M = {"root":"jav1ol","page":"DR2-Kh","spacer":"dGLATb","mode-ghost":"S142Rd","modeGhost":"S142Rd"};
|
|
3371
3372
|
|
|
3372
3373
|
function Paginator(props) {
|
|
3373
3374
|
const renderPaginator = (params) => (React__namespace.default.createElement("nav", { role: "navigation", className: cx__default.default(css$M.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
@@ -3384,14 +3385,14 @@ function Paginator(props) {
|
|
|
3384
3385
|
return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
|
|
3385
3386
|
}
|
|
3386
3387
|
|
|
3387
|
-
var css$L = {"root":"
|
|
3388
|
+
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"};
|
|
3388
3389
|
|
|
3389
3390
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3390
3391
|
return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$L.root, css$L[`size-${props.size || 12}`]) },
|
|
3391
3392
|
React__namespace.createElement("div", { className: cx__default.default(css$L.progressBar) })));
|
|
3392
3393
|
});
|
|
3393
3394
|
|
|
3394
|
-
var css$K = {"root":"
|
|
3395
|
+
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"};
|
|
3395
3396
|
|
|
3396
3397
|
const DEFAULT_SIZE = '12';
|
|
3397
3398
|
function applyProgressBarMods(mods) {
|
|
@@ -3406,14 +3407,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
3406
3407
|
hideLabel: props.hideLabel || props.striped,
|
|
3407
3408
|
}));
|
|
3408
3409
|
|
|
3409
|
-
var css$J = {"root":"
|
|
3410
|
+
var css$J = {"root":"S-GYBA"};
|
|
3410
3411
|
|
|
3411
3412
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3412
3413
|
const { progress } = props;
|
|
3413
3414
|
return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$J.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$J.root, props.cx) }));
|
|
3414
3415
|
});
|
|
3415
3416
|
|
|
3416
|
-
var css$I = {"root":"
|
|
3417
|
+
var css$I = {"root":"aagVa-"};
|
|
3417
3418
|
|
|
3418
3419
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3419
3420
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -3428,7 +3429,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
3428
3429
|
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3429
3430
|
});
|
|
3430
3431
|
|
|
3431
|
-
var css$H = {"drag-handle":"
|
|
3432
|
+
var css$H = {"drag-handle":"T-Rosm","dragHandle":"T-Rosm","icon-container":"bRnhvH","iconContainer":"bRnhvH"};
|
|
3432
3433
|
|
|
3433
3434
|
function DataRowAddons(props) {
|
|
3434
3435
|
const row = props.rowProps;
|
|
@@ -3514,7 +3515,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3514
3515
|
return getDecoratedText(str, ranges);
|
|
3515
3516
|
};
|
|
3516
3517
|
|
|
3517
|
-
var css$G = {"root":"
|
|
3518
|
+
var css$G = {"root":"dbfuN1","column-gap":"mvjCat","columnGap":"mvjCat","title":"muaxPw","subtitle":"NQ5jwP","disabled":"Up4Tx0","multiline":"FiAt48"};
|
|
3518
3519
|
|
|
3519
3520
|
function PickerItem(props) {
|
|
3520
3521
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3660,7 +3661,7 @@ function DataPickerBody({ highlightSearchMatches = true, ...props }) {
|
|
|
3660
3661
|
'aria-multiselectable': props.selectionMode === 'multi' ? true : null,
|
|
3661
3662
|
'aria-orientation': 'vertical',
|
|
3662
3663
|
...props.rawProps,
|
|
3663
|
-
}, rowsCount: props.rowsCount, isLoading: props.isReloading })))));
|
|
3664
|
+
}, rowsCount: props.rowsCount, isLoading: props.isReloading, renderBlocker: settings.pickerInput.renderBlocker })))));
|
|
3664
3665
|
}
|
|
3665
3666
|
|
|
3666
3667
|
function DataPickerFooterImpl(props) {
|
|
@@ -3687,7 +3688,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3687
3688
|
}
|
|
3688
3689
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
3689
3690
|
|
|
3690
|
-
var css$F = {"header":"
|
|
3691
|
+
var css$F = {"header":"G8--h7","title":"byYA09","close":"St7FUt"};
|
|
3691
3692
|
|
|
3692
3693
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3693
3694
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3697,7 +3698,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3697
3698
|
};
|
|
3698
3699
|
const DataPickerMobileHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerMobileHeaderImpl);
|
|
3699
3700
|
|
|
3700
|
-
var css$E = {"done":"
|
|
3701
|
+
var css$E = {"done":"_2rva64","container":"J-9vn6"};
|
|
3701
3702
|
|
|
3702
3703
|
const PickerBodyMobileView = (props) => {
|
|
3703
3704
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -3709,7 +3710,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
3709
3710
|
isMobileView && (React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
3710
3711
|
};
|
|
3711
3712
|
|
|
3712
|
-
var css$D = {"sub-header-wrapper":"
|
|
3713
|
+
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"};
|
|
3713
3714
|
|
|
3714
3715
|
function PickerModal(props) {
|
|
3715
3716
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
|
|
@@ -3751,7 +3752,7 @@ function PickerModal(props) {
|
|
|
3751
3752
|
React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3752
3753
|
}
|
|
3753
3754
|
|
|
3754
|
-
var css$C = {"tooltip":"
|
|
3755
|
+
var css$C = {"tooltip":"Hu1soM"};
|
|
3755
3756
|
|
|
3756
3757
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3757
3758
|
const tagProps = {
|
|
@@ -3770,7 +3771,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
3770
3771
|
}
|
|
3771
3772
|
});
|
|
3772
3773
|
|
|
3773
|
-
var css$B = {"root":"
|
|
3774
|
+
var css$B = {"root":"pZhKuA"};
|
|
3774
3775
|
|
|
3775
3776
|
const defaultMode = EditMode.FORM;
|
|
3776
3777
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3852,7 +3853,7 @@ function PickerInputComponent(props, ref) {
|
|
|
3852
3853
|
}
|
|
3853
3854
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
3854
3855
|
|
|
3855
|
-
var css$A = {"row":"
|
|
3856
|
+
var css$A = {"row":"iLEI5t"};
|
|
3856
3857
|
|
|
3857
3858
|
function PickerListRow(props) {
|
|
3858
3859
|
let label;
|
|
@@ -3872,7 +3873,7 @@ function PickerListRow(props) {
|
|
|
3872
3873
|
return (React__namespace.default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
|
|
3873
3874
|
}
|
|
3874
3875
|
|
|
3875
|
-
var css$z = {"root":"
|
|
3876
|
+
var css$z = {"root":"YFhIIG"};
|
|
3876
3877
|
|
|
3877
3878
|
function PickerList(props) {
|
|
3878
3879
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -3907,7 +3908,7 @@ function PickerList(props) {
|
|
|
3907
3908
|
}, selectedRows)));
|
|
3908
3909
|
}
|
|
3909
3910
|
|
|
3910
|
-
var css$y = {"root":"
|
|
3911
|
+
var css$y = {"root":"J6u5Rl","wrapper":"wEUGOs","align-widgets-top":"tyb-Wa","alignWidgetsTop":"tyb-Wa","align-widgets-center":"KGCsWH","alignWidgetsCenter":"KGCsWH"};
|
|
3911
3912
|
|
|
3912
3913
|
function DataTableCell(initialProps) {
|
|
3913
3914
|
const props = { ...initialProps };
|
|
@@ -3957,7 +3958,7 @@ function DataTableCell(initialProps) {
|
|
|
3957
3958
|
return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
|
|
3958
3959
|
}
|
|
3959
3960
|
|
|
3960
|
-
var css$x = {"root":"
|
|
3961
|
+
var css$x = {"root":"DIMwGs"};
|
|
3961
3962
|
|
|
3962
3963
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3963
3964
|
// 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.
|
|
@@ -3973,7 +3974,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
3973
3974
|
];
|
|
3974
3975
|
}, () => propsMods);
|
|
3975
3976
|
|
|
3976
|
-
var css$w = {"sorting-panel-container":"
|
|
3977
|
+
var css$w = {"sorting-panel-container":"WbpVEt","sortingPanelContainer":"WbpVEt"};
|
|
3977
3978
|
|
|
3978
3979
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
3979
3980
|
const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -3993,7 +3994,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
3993
3994
|
};
|
|
3994
3995
|
const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
|
|
3995
3996
|
|
|
3996
|
-
var css$v = {"root":"
|
|
3997
|
+
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"};
|
|
3997
3998
|
|
|
3998
3999
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
3999
4000
|
constructor() {
|
|
@@ -4087,7 +4088,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
4087
4088
|
}
|
|
4088
4089
|
}
|
|
4089
4090
|
|
|
4090
|
-
var css$u = {"root":"
|
|
4091
|
+
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"};
|
|
4091
4092
|
|
|
4092
4093
|
class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
4093
4094
|
constructor() {
|
|
@@ -4127,7 +4128,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
|
4127
4128
|
}
|
|
4128
4129
|
}
|
|
4129
4130
|
|
|
4130
|
-
var css$t = {"root":"
|
|
4131
|
+
var css$t = {"root":"KIkSOb"};
|
|
4131
4132
|
|
|
4132
4133
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4133
4134
|
renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4144,7 +4145,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4144
4145
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4145
4146
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4146
4147
|
|
|
4147
|
-
var css$s = {"root":"
|
|
4148
|
+
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"};
|
|
4148
4149
|
|
|
4149
4150
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4150
4151
|
const togglerPickerOpened = (e) => {
|
|
@@ -4352,7 +4353,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4352
4353
|
renderFooter()));
|
|
4353
4354
|
}
|
|
4354
4355
|
|
|
4355
|
-
var css$r = {"container":"
|
|
4356
|
+
var css$r = {"container":"-Q0zF-"};
|
|
4356
4357
|
|
|
4357
4358
|
function FilterNumericBody(props) {
|
|
4358
4359
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -4432,7 +4433,7 @@ function FilterItemBody(props) {
|
|
|
4432
4433
|
}
|
|
4433
4434
|
}
|
|
4434
4435
|
|
|
4435
|
-
var css$q = {"body":"
|
|
4436
|
+
var css$q = {"body":"Sgn3nb","header":"JUiDwZ","title":"boWi9c","removeButton":"H5rm1S","with-search":"M-XYVE","withSearch":"M-XYVE"};
|
|
4436
4437
|
|
|
4437
4438
|
function useView(props, value) {
|
|
4438
4439
|
const forceUpdate = uuiCore.useForceUpdate();
|
|
@@ -4729,7 +4730,7 @@ function FiltersToolbarImpl(props) {
|
|
|
4729
4730
|
}
|
|
4730
4731
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
4731
4732
|
|
|
4732
|
-
var css$p = {"delete-button":"
|
|
4733
|
+
var css$p = {"delete-button":"PwkXWS","deleteButton":"PwkXWS","tab-button":"T1QgYs","tabButton":"T1QgYs","targetOpen":"i0bLjM"};
|
|
4733
4734
|
|
|
4734
4735
|
function PresetActionsDropdown(props) {
|
|
4735
4736
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -4801,7 +4802,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
4801
4802
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
4802
4803
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
4803
4804
|
|
|
4804
|
-
var css$o = {"preset-input-cell":"
|
|
4805
|
+
var css$o = {"preset-input-cell":"TVqZZ-","presetInputCell":"TVqZZ-","preset-input":"_5x0UL2","presetInput":"_5x0UL2"};
|
|
4805
4806
|
|
|
4806
4807
|
function PresetInput(props) {
|
|
4807
4808
|
const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
|
|
@@ -4828,7 +4829,7 @@ function PresetInput(props) {
|
|
|
4828
4829
|
React__namespace.default.createElement(TextInput, { cx: css$o.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
4829
4830
|
}
|
|
4830
4831
|
|
|
4831
|
-
var css$n = {"preset":"
|
|
4832
|
+
var css$n = {"preset":"fnEmxW","activePreset":"_9Eo7CG"};
|
|
4832
4833
|
|
|
4833
4834
|
function Preset(props) {
|
|
4834
4835
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -4853,7 +4854,7 @@ function Preset(props) {
|
|
|
4853
4854
|
return (React__namespace.default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__namespace.default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__namespace.default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$n.preset, isPresetActive && css$n.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
|
|
4854
4855
|
}
|
|
4855
4856
|
|
|
4856
|
-
var css$m = {"divider":"
|
|
4857
|
+
var css$m = {"divider":"LZC2jN","dropdownDeleteIcon":"yvVkYD","presetsWrapper":"eYyq6H","addPresetContainer":"PtfQLd","dropContainer":"K92XXE"};
|
|
4857
4858
|
|
|
4858
4859
|
function PresetsPanel(props) {
|
|
4859
4860
|
const [isAddingPreset, setIsAddingPreset] = React.useState(false);
|
|
@@ -4939,7 +4940,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4939
4940
|
return columns;
|
|
4940
4941
|
};
|
|
4941
4942
|
|
|
4942
|
-
var css$l = {"unpin-icon":"
|
|
4943
|
+
var css$l = {"unpin-icon":"_32M-dr","unpinIcon":"_32M-dr","pin-toggler-icon":"_2PraiN","pinTogglerIcon":"_2PraiN"};
|
|
4943
4944
|
|
|
4944
4945
|
function PinIconButton(props) {
|
|
4945
4946
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4981,7 +4982,7 @@ function getUnpinIcon(params) {
|
|
|
4981
4982
|
}
|
|
4982
4983
|
}
|
|
4983
4984
|
|
|
4984
|
-
var css$k = {"row-wrapper":"
|
|
4985
|
+
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"};
|
|
4985
4986
|
|
|
4986
4987
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4987
4988
|
const { column } = props;
|
|
@@ -5004,7 +5005,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
5004
5005
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
5005
5006
|
});
|
|
5006
5007
|
|
|
5007
|
-
var css$j = {"root":"
|
|
5008
|
+
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"};
|
|
5008
5009
|
|
|
5009
5010
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$j.group },
|
|
5010
5011
|
React__namespace.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
|
|
@@ -5106,7 +5107,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
5106
5107
|
return [children, rest];
|
|
5107
5108
|
};
|
|
5108
5109
|
|
|
5109
|
-
var css$i = {"listContainer":"
|
|
5110
|
+
var css$i = {"listContainer":"_9m-7eB","header":"-chN3h","group":"ePmcSK","stickyHeader":"WMdsoM"};
|
|
5110
5111
|
|
|
5111
5112
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
5112
5113
|
const rowRef = React.useRef(undefined);
|
|
@@ -5146,7 +5147,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
5146
5147
|
React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
5147
5148
|
}
|
|
5148
5149
|
|
|
5149
|
-
var css$h = {"root":"
|
|
5150
|
+
var css$h = {"root":"_9EiAeX","sticky-header":"_4o6z4R","stickyHeader":"_4o6z4R","no-results":"ci-9tl","noResults":"ci-9tl","icon":"PXVD-l","title":"_71ciD1"};
|
|
5150
5151
|
|
|
5151
5152
|
function DataTable(props) {
|
|
5152
5153
|
const { uuiModals } = uuiCore.useUuiContext();
|
|
@@ -5195,9 +5196,9 @@ function DataTable(props) {
|
|
|
5195
5196
|
} }))));
|
|
5196
5197
|
}
|
|
5197
5198
|
|
|
5198
|
-
var css$g = {"root":"
|
|
5199
|
+
var css$g = {"root":"L1E2IH"};
|
|
5199
5200
|
|
|
5200
|
-
var css$f = {"root":"
|
|
5201
|
+
var css$f = {"root":"VPxm90","burger-content":"ZMHqu-","burgerContent":"ZMHqu-"};
|
|
5201
5202
|
|
|
5202
5203
|
var _path$3;
|
|
5203
5204
|
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); }
|
|
@@ -5240,7 +5241,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5240
5241
|
};
|
|
5241
5242
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
5242
5243
|
|
|
5243
|
-
var css$e = {"root":"
|
|
5244
|
+
var css$e = {"root":"OsKOq5","button-primary":"LqQiJQ","buttonPrimary":"LqQiJQ","button-secondary":"SD4AjP","buttonSecondary":"SD4AjP","hasIcon":"vr4fPh","dropdown":"UGkW6P"};
|
|
5244
5245
|
|
|
5245
5246
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
5246
5247
|
css$e.root,
|
|
@@ -5251,13 +5252,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
5251
5252
|
props.icon && css$e.hasIcon,
|
|
5252
5253
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5253
5254
|
|
|
5254
|
-
var css$d = {"search-input":"
|
|
5255
|
+
var css$d = {"search-input":"FEQGWa","searchInput":"FEQGWa"};
|
|
5255
5256
|
|
|
5256
5257
|
function BurgerSearch(props) {
|
|
5257
5258
|
return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$M, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
|
|
5258
5259
|
}
|
|
5259
5260
|
|
|
5260
|
-
var css$c = {"root":"
|
|
5261
|
+
var css$c = {"root":"_9qgOjY","group-header":"WjaTqc","groupHeader":"WjaTqc","group-name":"vFnwBK","groupName":"vFnwBK","line":"_3MTZm7"};
|
|
5261
5262
|
|
|
5262
5263
|
function BurgerGroupHeader(props) {
|
|
5263
5264
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5265,7 +5266,7 @@ function BurgerGroupHeader(props) {
|
|
|
5265
5266
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5266
5267
|
}
|
|
5267
5268
|
|
|
5268
|
-
var css$b = {"root":"
|
|
5269
|
+
var css$b = {"root":"iZMa8C","type-primary":"fT1Kfg","typePrimary":"fT1Kfg","type-secondary":"_4DxCvu","typeSecondary":"_4DxCvu"};
|
|
5269
5270
|
|
|
5270
5271
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5271
5272
|
const { type, ...clickableProps } = props;
|
|
@@ -5287,7 +5288,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5287
5288
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5288
5289
|
});
|
|
5289
5290
|
|
|
5290
|
-
var css$a = {"dropdown-body":"
|
|
5291
|
+
var css$a = {"dropdown-body":"KtiLIZ","dropdownBody":"KtiLIZ"};
|
|
5291
5292
|
|
|
5292
5293
|
class MainMenuDropdown extends React__namespace.Component {
|
|
5293
5294
|
render() {
|
|
@@ -5346,12 +5347,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5346
5347
|
};
|
|
5347
5348
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5348
5349
|
|
|
5349
|
-
var css$9 = {"global-menu-btn":"
|
|
5350
|
+
var css$9 = {"global-menu-btn":"w0pkxu","globalMenuBtn":"w0pkxu","global-menu-icon":"cIgYzp","globalMenuIcon":"cIgYzp"};
|
|
5350
5351
|
|
|
5351
5352
|
const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx), ...props.rawProps },
|
|
5352
5353
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5353
5354
|
|
|
5354
|
-
var css$8 = {"container":"
|
|
5355
|
+
var css$8 = {"container":"ZrjcmD","open":"-nXSDo","folding-arrow":"z7DCN8","foldingArrow":"z7DCN8"};
|
|
5355
5356
|
|
|
5356
5357
|
const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
|
|
5357
5358
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5359,15 +5360,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5359
5360
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
5360
5361
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5361
5362
|
|
|
5362
|
-
var css$7 = {"search-input":"
|
|
5363
|
+
var css$7 = {"search-input":"JFVQeL","searchInput":"JFVQeL"};
|
|
5363
5364
|
|
|
5364
5365
|
const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, { ...props, render: (iEditable) => (React__namespace.createElement(uuiComponents.TextInput, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx), ...props.rawProps })) })));
|
|
5365
5366
|
|
|
5366
|
-
var css$6 = {"container":"
|
|
5367
|
+
var css$6 = {"container":"DheLTP"};
|
|
5367
5368
|
|
|
5368
5369
|
const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, { ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container), ...props })));
|
|
5369
5370
|
|
|
5370
|
-
var css$5 = {"root":"
|
|
5371
|
+
var css$5 = {"root":"-Kz3-W"};
|
|
5371
5372
|
|
|
5372
5373
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
5373
5374
|
|
|
@@ -5425,7 +5426,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5425
5426
|
};
|
|
5426
5427
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
5427
5428
|
|
|
5428
|
-
var css$4 = {"root":"
|
|
5429
|
+
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-"};
|
|
5429
5430
|
|
|
5430
5431
|
function DropSpot(props) {
|
|
5431
5432
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5443,7 +5444,7 @@ function DropSpot(props) {
|
|
|
5443
5444
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5444
5445
|
}
|
|
5445
5446
|
|
|
5446
|
-
var css$3 = {"root":"
|
|
5447
|
+
var css$3 = {"root":"pWaP2F"};
|
|
5447
5448
|
|
|
5448
5449
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5449
5450
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5454,7 +5455,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
|
|
|
5454
5455
|
React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5455
5456
|
});
|
|
5456
5457
|
|
|
5457
|
-
var css$2 = {"root":"
|
|
5458
|
+
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"};
|
|
5458
5459
|
|
|
5459
5460
|
const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5460
5461
|
const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
|
|
@@ -5573,7 +5574,7 @@ const getErrorPageConfig = () => ({
|
|
|
5573
5574
|
},
|
|
5574
5575
|
});
|
|
5575
5576
|
|
|
5576
|
-
var css$1 = {"container":"
|
|
5577
|
+
var css$1 = {"container":"eanV-l"};
|
|
5577
5578
|
|
|
5578
5579
|
const ErrorPage = (props) => {
|
|
5579
5580
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5585,7 +5586,7 @@ const ErrorPage = (props) => {
|
|
|
5585
5586
|
props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5586
5587
|
};
|
|
5587
5588
|
|
|
5588
|
-
var css = {"recovery-spinner":"
|
|
5589
|
+
var css = {"recovery-spinner":"eNxb-h","recoverySpinner":"eNxb-h","recovery-message":"_4-0UVP","recoveryMessage":"_4-0UVP","modal-blocker":"Q1TxvK","modalBlocker":"Q1TxvK","modalFadeIn":"r6vGc-"};
|
|
5589
5590
|
|
|
5590
5591
|
function ErrorHandler(props) {
|
|
5591
5592
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|