@epam/uui 6.1.2 → 6.1.3-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.esm.js +102 -102
- package/index.esm.js.map +1 -1
- package/index.js +102 -102
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +1 -1
- package/styles.css +998 -998
- 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(#gcbov4gpdg9uw674_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: "gcbov4gq61yp48w6_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(#gcbov4gq61yp48w6_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: "gcbov4gpdg9uw674_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":"_74smRk","uui-spinner":"ZWx2df","uuiSpinner":"ZWx2df"};
|
|
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":"yj-AVg","loading-word":"rpSNhi","loadingWord":"rpSNhi","animated-loading":"OCiiPG","animatedLoading":"OCiiPG","skeleton_loading":"P7wKgI","skeletonLoading":"P7wKgI"};
|
|
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":"h5RlEb","line-height":"YnS-Dz","lineHeight":"YnS-Dz","font-size":"T-kqRp","fontSize":"T-kqRp"};
|
|
984
984
|
|
|
985
985
|
function applyTextMods(mods) {
|
|
986
986
|
return [
|
|
@@ -1007,7 +1007,7 @@ const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, appl
|
|
|
1007
1007
|
};
|
|
1008
1008
|
});
|
|
1009
1009
|
|
|
1010
|
-
var css$1t = {"root":"
|
|
1010
|
+
var css$1t = {"root":"_4YEchl"};
|
|
1011
1011
|
|
|
1012
1012
|
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
1013
1013
|
|
|
@@ -1495,7 +1495,7 @@ const settings = {
|
|
|
1495
1495
|
textInput: textInputSettings,
|
|
1496
1496
|
};
|
|
1497
1497
|
|
|
1498
|
-
var css$1s = {"root":"
|
|
1498
|
+
var css$1s = {"root":"kqRe7r"};
|
|
1499
1499
|
|
|
1500
1500
|
function applyButtonMods(mods) {
|
|
1501
1501
|
return [
|
|
@@ -1513,7 +1513,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
1513
1513
|
};
|
|
1514
1514
|
});
|
|
1515
1515
|
|
|
1516
|
-
var css$1r = {"root":"
|
|
1516
|
+
var css$1r = {"root":"YFEVte"};
|
|
1517
1517
|
|
|
1518
1518
|
function applyIconButtonMods(props) {
|
|
1519
1519
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -1550,7 +1550,7 @@ function getIconClass(props) {
|
|
|
1550
1550
|
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'];
|
|
1551
1551
|
}
|
|
1552
1552
|
|
|
1553
|
-
var css$1q = {"root":"
|
|
1553
|
+
var css$1q = {"root":"_6Sx7Pb"};
|
|
1554
1554
|
|
|
1555
1555
|
const DEFAULT_COLOR = 'primary';
|
|
1556
1556
|
const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -1580,7 +1580,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
1580
1580
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1581
1581
|
});
|
|
1582
1582
|
|
|
1583
|
-
var css$1p = {"root":"
|
|
1583
|
+
var css$1p = {"root":"BK0S9k"};
|
|
1584
1584
|
|
|
1585
1585
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1586
1586
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -1592,7 +1592,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1592
1592
|
]) }, props.caption));
|
|
1593
1593
|
});
|
|
1594
1594
|
|
|
1595
|
-
var css$1o = {"root":"
|
|
1595
|
+
var css$1o = {"root":"lG-kV9","withNotify":"sZggrz"};
|
|
1596
1596
|
|
|
1597
1597
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
1598
1598
|
const styles = [
|
|
@@ -1620,14 +1620,14 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
1620
1620
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1621
1621
|
});
|
|
1622
1622
|
|
|
1623
|
-
var css$1n = {"root":"
|
|
1623
|
+
var css$1n = {"root":"AVCGC8"};
|
|
1624
1624
|
|
|
1625
1625
|
function applyVerticalTabButtonMods() {
|
|
1626
1626
|
return [css$1n.root, 'uui-vertical-tab-button'];
|
|
1627
1627
|
}
|
|
1628
1628
|
const VerticalTabButton = /* @__PURE__ */uuiCore.withMods(TabButton, applyVerticalTabButtonMods);
|
|
1629
1629
|
|
|
1630
|
-
var css$1m = {"root":"
|
|
1630
|
+
var css$1m = {"root":"p1Qpj2"};
|
|
1631
1631
|
|
|
1632
1632
|
function applyCheckboxMods(mods) {
|
|
1633
1633
|
return [
|
|
@@ -1645,7 +1645,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1645
1645
|
};
|
|
1646
1646
|
const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1647
1647
|
|
|
1648
|
-
var css$1l = {"root":"
|
|
1648
|
+
var css$1l = {"root":"pXvnwV"};
|
|
1649
1649
|
|
|
1650
1650
|
function applyRadioInputMods(mods) {
|
|
1651
1651
|
return [
|
|
@@ -1657,7 +1657,7 @@ function applyRadioInputMods(mods) {
|
|
|
1657
1657
|
}
|
|
1658
1658
|
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1659
1659
|
|
|
1660
|
-
var css$1k = {"root":"
|
|
1660
|
+
var css$1k = {"root":"PHGkdU"};
|
|
1661
1661
|
|
|
1662
1662
|
function applySwitchMods(mods) {
|
|
1663
1663
|
return [
|
|
@@ -1681,7 +1681,7 @@ var EditMode;
|
|
|
1681
1681
|
EditMode["INLINE"] = "inline";
|
|
1682
1682
|
})(EditMode || (EditMode = {}));
|
|
1683
1683
|
|
|
1684
|
-
var textInputCss = {"root":"
|
|
1684
|
+
var textInputCss = {"root":"Dw--e4"};
|
|
1685
1685
|
|
|
1686
1686
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1687
1687
|
function applyTextInputMods(mods) {
|
|
@@ -1706,7 +1706,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
1706
1706
|
} }));
|
|
1707
1707
|
});
|
|
1708
1708
|
|
|
1709
|
-
var css$1j = {"root":"
|
|
1709
|
+
var css$1j = {"root":"_2WRQd9"};
|
|
1710
1710
|
|
|
1711
1711
|
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1j.root, 'uui-control-group']);
|
|
1712
1712
|
|
|
@@ -1722,7 +1722,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1722
1722
|
}
|
|
1723
1723
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
1724
1724
|
|
|
1725
|
-
var css$1i = {"root":"
|
|
1725
|
+
var css$1i = {"root":"a5fn08"};
|
|
1726
1726
|
|
|
1727
1727
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1728
1728
|
function applyNumericInputMods(mods) {
|
|
@@ -1742,7 +1742,7 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
1742
1742
|
};
|
|
1743
1743
|
});
|
|
1744
1744
|
|
|
1745
|
-
var css$1h = {"root":"
|
|
1745
|
+
var css$1h = {"root":"ZWF-s8"};
|
|
1746
1746
|
|
|
1747
1747
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1748
1748
|
function applyTextAreaMods(mods) {
|
|
@@ -1783,7 +1783,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1783
1783
|
};
|
|
1784
1784
|
}
|
|
1785
1785
|
|
|
1786
|
-
var css$1g = {"root":"
|
|
1786
|
+
var css$1g = {"root":"mVGzFP"};
|
|
1787
1787
|
|
|
1788
1788
|
function applyDropdownContainerMods(mods) {
|
|
1789
1789
|
return [
|
|
@@ -1794,7 +1794,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1794
1794
|
}
|
|
1795
1795
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
1796
1796
|
|
|
1797
|
-
var css$1f = {"root":"
|
|
1797
|
+
var css$1f = {"root":"QNNkGG","timepicker-input":"tYC-IB","timepickerInput":"tYC-IB","ltr-always":"XXZIih","ltrAlways":"XXZIih"};
|
|
1798
1798
|
|
|
1799
1799
|
const uuiTimePicker = {
|
|
1800
1800
|
container: 'uui-timepicker-container',
|
|
@@ -1988,7 +1988,7 @@ function TimePickerComponent(props, ref) {
|
|
|
1988
1988
|
}
|
|
1989
1989
|
const TimePicker = /* @__PURE__ */React__namespace.default.forwardRef(TimePickerComponent);
|
|
1990
1990
|
|
|
1991
|
-
var css$1e = {"root":"
|
|
1991
|
+
var css$1e = {"root":"cuXN8R"};
|
|
1992
1992
|
|
|
1993
1993
|
function applyInputAddonMods() {
|
|
1994
1994
|
return [
|
|
@@ -1997,14 +1997,14 @@ function applyInputAddonMods() {
|
|
|
1997
1997
|
}
|
|
1998
1998
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
1999
1999
|
|
|
2000
|
-
var css$1d = {"root":"
|
|
2000
|
+
var css$1d = {"root":"qUOXYz"};
|
|
2001
2001
|
|
|
2002
2002
|
function applySliderMods() {
|
|
2003
2003
|
return [css$1d.root, 'uui-color-neutral'];
|
|
2004
2004
|
}
|
|
2005
2005
|
const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
|
|
2006
2006
|
|
|
2007
|
-
var css$1c = {"root":"
|
|
2007
|
+
var css$1c = {"root":"CWiSxB"};
|
|
2008
2008
|
|
|
2009
2009
|
function applyTooltipMods(mods) {
|
|
2010
2010
|
return [
|
|
@@ -2014,7 +2014,7 @@ function applyTooltipMods(mods) {
|
|
|
2014
2014
|
}
|
|
2015
2015
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
2016
2016
|
|
|
2017
|
-
var css$1b = {"root":"
|
|
2017
|
+
var css$1b = {"root":"JC42Nc","tooltip":"_4jxeY4"};
|
|
2018
2018
|
|
|
2019
2019
|
function applyRatingMods(mods) {
|
|
2020
2020
|
return [
|
|
@@ -2028,7 +2028,7 @@ const Rating = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Rating,
|
|
|
2028
2028
|
Tooltip,
|
|
2029
2029
|
}));
|
|
2030
2030
|
|
|
2031
|
-
var css$1a = {"root":"
|
|
2031
|
+
var css$1a = {"root":"-Wc3C2","main-path":"_7STOIO","mainPath":"_7STOIO","content-wrapper":"BREh48","contentWrapper":"BREh48","content":"ANkt4E","action-wrapper":"UGkosP","actionWrapper":"UGkosP","icon-wrapper":"M0MaEK","iconWrapper":"M0MaEK","icon":"HBd9be","close-icon":"YpoQkc","closeIcon":"YpoQkc"};
|
|
2032
2032
|
|
|
2033
2033
|
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1a.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
2034
2034
|
React__namespace.createElement("div", { className: css$1a.mainPath },
|
|
@@ -2046,7 +2046,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
2046
2046
|
|
|
2047
2047
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
2048
2048
|
|
|
2049
|
-
var css$19 = {"submenu-root-item-rtl":"
|
|
2049
|
+
var css$19 = {"submenu-root-item-rtl":"GPw9Wa","submenuRootItemRtl":"GPw9Wa","icon-after":"woDt-p","iconAfter":"woDt-p","submenu-root-item":"_1nk46J","submenuRootItem":"_1nk46J","icon-check":"wlXwqo","iconCheck":"wlXwqo","splitter-root":"Z-TEkI","splitterRoot":"Z-TEkI","splitter":"AbyJMy","header-root":"SUdsxC","headerRoot":"SUdsxC","item-root":"tIPmEb","itemRoot":"tIPmEb","icon":"_2sjLEX","link":"VfYAZv","indent":"_8IuBkW","selected-mark":"_50uky4","selectedMark":"_50uky4"};
|
|
2050
2050
|
|
|
2051
2051
|
exports.IDropdownControlKeys = void 0;
|
|
2052
2052
|
(function (IDropdownControlKeys) {
|
|
@@ -2171,7 +2171,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2171
2171
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
2172
2172
|
}
|
|
2173
2173
|
|
|
2174
|
-
var css$18 = {"root":"
|
|
2174
|
+
var css$18 = {"root":"etdt5Z","mode-block":"vNBl2Q","modeBlock":"vNBl2Q","mode-inline":"KbbjMf","modeInline":"KbbjMf","padding-0":"HvxDhg","padding0":"HvxDhg","padding-6":"qSaXc3","padding6":"qSaXc3","padding-12":"fPP8cu","padding12":"fPP8cu","padding-18":"f6qgzb","padding18":"f6qgzb"};
|
|
2175
2175
|
|
|
2176
2176
|
function applyAccordionMods(mods) {
|
|
2177
2177
|
return [
|
|
@@ -2184,7 +2184,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
|
|
|
2184
2184
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2185
2185
|
}));
|
|
2186
2186
|
|
|
2187
|
-
var css$17 = {"root":"
|
|
2187
|
+
var css$17 = {"root":"lOsTvx","align-items":"aaXTT4","alignItems":"aaXTT4","justify-content":"rkn3jr","justifyContent":"rkn3jr","border-top":"_6WzReT","borderTop":"_6WzReT","border-bottom":"uNSZT4","borderBottom":"uNSZT4","top-shadow":"Lx8er1","topShadow":"Lx8er1","padding":"ppHbf6","margin":"_7j60tN","vPadding":"L0puE2","column-gap":"UpGlrL","columnGap":"UpGlrL","row-gap":"_4sngR1","rowGap":"_4sngR1","spacing":"QhXPWm"};
|
|
2188
2188
|
|
|
2189
2189
|
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$17.flexCell]);
|
|
2190
2190
|
|
|
@@ -2236,7 +2236,7 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2236
2236
|
} }, props.children));
|
|
2237
2237
|
});
|
|
2238
2238
|
|
|
2239
|
-
var css$16 = {"root":"
|
|
2239
|
+
var css$16 = {"root":"tMHH8b","margin-24":"A-epwE","margin24":"A-epwE","padding-12":"zwtFmJ","padding12":"zwtFmJ","padding-24":"q3bMAu","padding24":"q3bMAu","shadow":"V-0Y1h","uui-surface-main":"_4s5rl-","uuiSurfaceMain":"_4s5rl-"};
|
|
2240
2240
|
|
|
2241
2241
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
2242
2242
|
'uui-panel',
|
|
@@ -2246,7 +2246,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
|
2246
2246
|
props.background && css$16[`uui-${props.background}`],
|
|
2247
2247
|
]);
|
|
2248
2248
|
|
|
2249
|
-
var css$15 = {"root":"
|
|
2249
|
+
var css$15 = {"root":"THUMM0"};
|
|
2250
2250
|
|
|
2251
2251
|
function applyLabeledInputMods(mods) {
|
|
2252
2252
|
return [
|
|
@@ -2263,7 +2263,7 @@ function applyLabeledInputProps(props) {
|
|
|
2263
2263
|
}
|
|
2264
2264
|
const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2265
2265
|
|
|
2266
|
-
var css$14 = {"root":"
|
|
2266
|
+
var css$14 = {"root":"z5q-X3"};
|
|
2267
2267
|
|
|
2268
2268
|
function RadioGroup(props) {
|
|
2269
2269
|
const direction = props.direction || 'vertical';
|
|
@@ -2278,7 +2278,7 @@ function RadioGroup(props) {
|
|
|
2278
2278
|
})));
|
|
2279
2279
|
}
|
|
2280
2280
|
|
|
2281
|
-
var css$13 = {"root":"
|
|
2281
|
+
var css$13 = {"root":"zrfqZ1"};
|
|
2282
2282
|
|
|
2283
2283
|
function applyScrollBarsMods() {
|
|
2284
2284
|
return [
|
|
@@ -2287,7 +2287,7 @@ function applyScrollBarsMods() {
|
|
|
2287
2287
|
}
|
|
2288
2288
|
const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
|
|
2289
2289
|
|
|
2290
|
-
var css$12 = {"scroll-container":"
|
|
2290
|
+
var css$12 = {"scroll-container":"harflr","scrollContainer":"harflr","list-container":"r07JAH","listContainer":"r07JAH"};
|
|
2291
2291
|
|
|
2292
2292
|
const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
2293
2293
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = uuiCore.useVirtualList({
|
|
@@ -2331,7 +2331,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
2331
2331
|
props.renderBlocker ? props.renderBlocker({ isLoading: props.isLoading }) : React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2332
2332
|
});
|
|
2333
2333
|
|
|
2334
|
-
var css$11 = {"root":"
|
|
2334
|
+
var css$11 = {"root":"QFgn3g"};
|
|
2335
2335
|
|
|
2336
2336
|
function CheckboxGroup(props) {
|
|
2337
2337
|
const currentValue = props.value || [];
|
|
@@ -2353,7 +2353,7 @@ function CheckboxGroup(props) {
|
|
|
2353
2353
|
})));
|
|
2354
2354
|
}
|
|
2355
2355
|
|
|
2356
|
-
var css$10 = {"root":"
|
|
2356
|
+
var css$10 = {"root":"i9bnjd","modal-blocker":"JPmg9L","modalBlocker":"JPmg9L","animateModalBlocker":"MjI08H","modal":"S8qCBX","modal-footer":"UQXIWM","modalFooter":"UQXIWM","border-top":"HX3kuD","borderTop":"HX3kuD","modal-header":"lWqN0H","modalHeader":"lWqN0H","border-bottom":"XaWhFj","borderBottom":"XaWhFj"};
|
|
2357
2357
|
|
|
2358
2358
|
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$10.modalBlocker]);
|
|
2359
2359
|
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$10.root, css$10.modal], (props) => {
|
|
@@ -2544,7 +2544,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2544
2544
|
});
|
|
2545
2545
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2546
2546
|
|
|
2547
|
-
var css$$ = {"root":"
|
|
2547
|
+
var css$$ = {"root":"qGpCYJ","icon-wrapper":"zFIq8t","iconWrapper":"zFIq8t","action-wrapper":"D4bIPg","actionWrapper":"D4bIPg","close-icon":"eLA0ku","closeIcon":"eLA0ku","main-path":"_3wDtTe","mainPath":"_3wDtTe","content":"Gem5E2","close-wrapper":"_3uEVgg","closeWrapper":"_3uEVgg","clear-notifications":"_7L4RyJ","clearNotifications":"_7L4RyJ"};
|
|
2548
2548
|
|
|
2549
2549
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
2550
2550
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -2577,7 +2577,7 @@ function ClearNotification() {
|
|
|
2577
2577
|
React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2578
2578
|
}
|
|
2579
2579
|
|
|
2580
|
-
var css$_ = {"footer":"
|
|
2580
|
+
var css$_ = {"footer":"bLTpeM"};
|
|
2581
2581
|
|
|
2582
2582
|
class ConfirmationModal extends React__namespace.Component {
|
|
2583
2583
|
render() {
|
|
@@ -2619,7 +2619,7 @@ function useReliableForceUpdate() {
|
|
|
2619
2619
|
return red[1];
|
|
2620
2620
|
}
|
|
2621
2621
|
|
|
2622
|
-
var css$Z = {"root":"
|
|
2622
|
+
var css$Z = {"root":"nHZkts","container":"D9W-Fh"};
|
|
2623
2623
|
|
|
2624
2624
|
const defaultFormat = 'MMM D, YYYY';
|
|
2625
2625
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2837,14 +2837,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2837
2837
|
React__namespace.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2838
2838
|
}
|
|
2839
2839
|
|
|
2840
|
-
var css$Y = {"root":"
|
|
2840
|
+
var css$Y = {"root":"_63k7LC"};
|
|
2841
2841
|
|
|
2842
2842
|
function applyDateSelectionMods() {
|
|
2843
2843
|
return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2844
2844
|
}
|
|
2845
2845
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2846
2846
|
|
|
2847
|
-
var css$X = {"root":"
|
|
2847
|
+
var css$X = {"root":"iTgRLW"};
|
|
2848
2848
|
|
|
2849
2849
|
const uuiDatePickerBody = {
|
|
2850
2850
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2965,7 +2965,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2965
2965
|
}
|
|
2966
2966
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
2967
2967
|
|
|
2968
|
-
var css$W = {"date-input":"
|
|
2968
|
+
var css$W = {"date-input":"AO8Ra6","dateInput":"AO8Ra6","root":"IjUmKu","separator":"_11WOh-"};
|
|
2969
2969
|
|
|
2970
2970
|
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) => {
|
|
2971
2971
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3036,7 +3036,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
3036
3036
|
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 })));
|
|
3037
3037
|
});
|
|
3038
3038
|
|
|
3039
|
-
var css$V = {"root":"
|
|
3039
|
+
var css$V = {"root":"KHP6w5"};
|
|
3040
3040
|
|
|
3041
3041
|
const uuiPresets = {
|
|
3042
3042
|
container: 'uui-presets-container',
|
|
@@ -3056,7 +3056,7 @@ function CalendarPresets(props) {
|
|
|
3056
3056
|
getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
3057
3057
|
}
|
|
3058
3058
|
|
|
3059
|
-
var css$U = {"root":"
|
|
3059
|
+
var css$U = {"root":"bXPUrt","container":"Kn2x5F","day-selection":"_0GpsTD","daySelection":"_0GpsTD","from-picker":"ugY-xh","fromPicker":"ugY-xh","to-picker":"cfh3Ld","toPicker":"cfh3Ld","bodes-wrapper":"O-Ipzf","bodesWrapper":"O-Ipzf","blocker":"_9yn2dc"};
|
|
3060
3060
|
|
|
3061
3061
|
const uuiRangeDatePickerBody = {
|
|
3062
3062
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3258,7 +3258,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3258
3258
|
};
|
|
3259
3259
|
};
|
|
3260
3260
|
|
|
3261
|
-
var css$T = {"dropdown-container":"
|
|
3261
|
+
var css$T = {"dropdown-container":"jCrY7J","dropdownContainer":"jCrY7J"};
|
|
3262
3262
|
|
|
3263
3263
|
function RangeDatePickerComponent(props, ref) {
|
|
3264
3264
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3326,7 +3326,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3326
3326
|
}
|
|
3327
3327
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3328
3328
|
|
|
3329
|
-
var css$S = {"root":"
|
|
3329
|
+
var css$S = {"root":"lAVrzP","blocker":"EPsDai","marker":"eg122d","top":"G5IpAu","bottom":"Lh9r5e","left":"C-JGeI","right":"PbzDm4","inside":"HaopAY"};
|
|
3330
3330
|
|
|
3331
3331
|
function DropMarker(props) {
|
|
3332
3332
|
return props.isDndInProgress
|
|
@@ -3343,15 +3343,15 @@ function DropMarker(props) {
|
|
|
3343
3343
|
|
|
3344
3344
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3345
3345
|
|
|
3346
|
-
var css$R = {"search-wrapper":"
|
|
3346
|
+
var css$R = {"search-wrapper":"_8o1xRU","searchWrapper":"_8o1xRU","no-data":"S-qTta","noData":"S-qTta"};
|
|
3347
3347
|
|
|
3348
|
-
var css$Q = {"picker-row":"
|
|
3348
|
+
var css$Q = {"picker-row":"ARvG7v","pickerRow":"ARvG7v","align-widgets-top":"j-omUO","alignWidgetsTop":"j-omUO","row-content":"o8o-ew","rowContent":"o8o-ew","align-widgets-center":"BrESuz","alignWidgetsCenter":"BrESuz","icon-container":"AjFgdm","iconContainer":"AjFgdm","content-wrapper":"YENsVa","contentWrapper":"YENsVa","icon-wrapper":"ODta-K","iconWrapper":"ODta-K","icon-default":"OVcYxU","iconDefault":"OVcYxU","selected-mark":"VqWPYG","selectedMark":"VqWPYG"};
|
|
3349
3349
|
|
|
3350
|
-
var css$P = {"root":"
|
|
3350
|
+
var css$P = {"root":"fZ76B1"};
|
|
3351
3351
|
|
|
3352
3352
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$P.root]);
|
|
3353
3353
|
|
|
3354
|
-
var css$O = {"root":"
|
|
3354
|
+
var css$O = {"root":"iJQdSB"};
|
|
3355
3355
|
|
|
3356
3356
|
const DEFAULT_FILL = 'solid';
|
|
3357
3357
|
function applyBadgeMods(mods) {
|
|
@@ -3379,7 +3379,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
3379
3379
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3380
3380
|
});
|
|
3381
3381
|
|
|
3382
|
-
var css$N = {"root":"
|
|
3382
|
+
var css$N = {"root":"mqRZJa"};
|
|
3383
3383
|
|
|
3384
3384
|
function applyTagMods(props) {
|
|
3385
3385
|
return [
|
|
@@ -3407,7 +3407,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
3407
3407
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3408
3408
|
});
|
|
3409
3409
|
|
|
3410
|
-
var css$M = {"root":"
|
|
3410
|
+
var css$M = {"root":"aZsBNU","page":"uzNclv","spacer":"AxHqPy","mode-ghost":"IZBW7u","modeGhost":"IZBW7u"};
|
|
3411
3411
|
|
|
3412
3412
|
function Paginator(props) {
|
|
3413
3413
|
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 },
|
|
@@ -3424,14 +3424,14 @@ function Paginator(props) {
|
|
|
3424
3424
|
return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
|
|
3425
3425
|
}
|
|
3426
3426
|
|
|
3427
|
-
var css$L = {"root":"
|
|
3427
|
+
var css$L = {"root":"DN24Yz","progress-bar":"OAsuX0","progressBar":"OAsuX0","progressBar-indeterminate":"O1nMev","progressBarIndeterminate":"O1nMev","size-12":"cWr6ee","size12":"cWr6ee","size-18":"B13sHR","size18":"B13sHR","size-24":"Z7MeuT","size24":"Z7MeuT"};
|
|
3428
3428
|
|
|
3429
3429
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3430
3430
|
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}`]) },
|
|
3431
3431
|
React__namespace.createElement("div", { className: cx__default.default(css$L.progressBar) })));
|
|
3432
3432
|
});
|
|
3433
3433
|
|
|
3434
|
-
var css$K = {"root":"
|
|
3434
|
+
var css$K = {"root":"vRHfrC","striped":"C97-Nk","animate-stripes":"U6kecE","animateStripes":"U6kecE","size-12":"VwSiP2","size12":"VwSiP2","size-18":"SH0bLi","size18":"SH0bLi","size-24":"UtP-Hd","size24":"UtP-Hd"};
|
|
3435
3435
|
|
|
3436
3436
|
const DEFAULT_SIZE = '12';
|
|
3437
3437
|
function applyProgressBarMods(mods) {
|
|
@@ -3446,14 +3446,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
3446
3446
|
hideLabel: props.hideLabel || props.striped,
|
|
3447
3447
|
}));
|
|
3448
3448
|
|
|
3449
|
-
var css$J = {"root":"
|
|
3449
|
+
var css$J = {"root":"c1yBws"};
|
|
3450
3450
|
|
|
3451
3451
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3452
3452
|
const { progress } = props;
|
|
3453
3453
|
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) }));
|
|
3454
3454
|
});
|
|
3455
3455
|
|
|
3456
|
-
var css$I = {"root":"
|
|
3456
|
+
var css$I = {"root":"Uor-ER"};
|
|
3457
3457
|
|
|
3458
3458
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3459
3459
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -3468,7 +3468,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
3468
3468
|
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3469
3469
|
});
|
|
3470
3470
|
|
|
3471
|
-
var css$H = {"drag-handle-wrapper":"
|
|
3471
|
+
var css$H = {"drag-handle-wrapper":"a5Z9zz","dragHandleWrapper":"a5Z9zz","with-indent":"psLI7b","withIndent":"psLI7b","drag-handle":"x189g4","dragHandle":"x189g4","icon-container":"JkNUY2","iconContainer":"JkNUY2"};
|
|
3472
3472
|
|
|
3473
3473
|
function DataRowAddons(props) {
|
|
3474
3474
|
const row = props.rowProps;
|
|
@@ -3555,7 +3555,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3555
3555
|
return getDecoratedText(str, ranges);
|
|
3556
3556
|
};
|
|
3557
3557
|
|
|
3558
|
-
var css$G = {"root":"
|
|
3558
|
+
var css$G = {"root":"TzIjnI","column-gap":"sSPrKf","columnGap":"sSPrKf","title":"fEgqaA","subtitle":"e37zyG","disabled":"bdC9pP","multiline":"_27uQWu"};
|
|
3559
3559
|
|
|
3560
3560
|
function PickerItem(props) {
|
|
3561
3561
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3729,7 +3729,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3729
3729
|
}
|
|
3730
3730
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
3731
3731
|
|
|
3732
|
-
var css$F = {"header":"
|
|
3732
|
+
var css$F = {"header":"glvL23","title":"b9uj72","close":"RM0FEV"};
|
|
3733
3733
|
|
|
3734
3734
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3735
3735
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3739,7 +3739,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3739
3739
|
};
|
|
3740
3740
|
const DataPickerMobileHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerMobileHeaderImpl);
|
|
3741
3741
|
|
|
3742
|
-
var css$E = {"done":"
|
|
3742
|
+
var css$E = {"done":"tIKgsG","container":"MBX3jJ"};
|
|
3743
3743
|
|
|
3744
3744
|
const PickerBodyMobileView = (props) => {
|
|
3745
3745
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -3751,7 +3751,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
3751
3751
|
isMobileView && (React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
3752
3752
|
};
|
|
3753
3753
|
|
|
3754
|
-
var css$D = {"sub-header-wrapper":"
|
|
3754
|
+
var css$D = {"sub-header-wrapper":"_1er-tT","subHeaderWrapper":"_1er-tT","switch":"ZyQomz","no-found-modal-container":"aaFFOv","noFoundModalContainer":"aaFFOv","no-found-modal-container-icon":"srgfLJ","noFoundModalContainerIcon":"srgfLJ","no-found-modal-container-text":"SPK0RY","noFoundModalContainerText":"SPK0RY","body":"j4MKKp"};
|
|
3755
3755
|
|
|
3756
3756
|
function PickerModal(props) {
|
|
3757
3757
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
|
|
@@ -3794,7 +3794,7 @@ function PickerModal(props) {
|
|
|
3794
3794
|
React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3795
3795
|
}
|
|
3796
3796
|
|
|
3797
|
-
var css$C = {"tooltip":"
|
|
3797
|
+
var css$C = {"tooltip":"hgcEyb"};
|
|
3798
3798
|
|
|
3799
3799
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3800
3800
|
const tagProps = {
|
|
@@ -3813,7 +3813,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
3813
3813
|
}
|
|
3814
3814
|
});
|
|
3815
3815
|
|
|
3816
|
-
var css$B = {"root":"
|
|
3816
|
+
var css$B = {"root":"NI59W-"};
|
|
3817
3817
|
|
|
3818
3818
|
const defaultMode = EditMode.FORM;
|
|
3819
3819
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3895,7 +3895,7 @@ function PickerInputComponent(props, ref) {
|
|
|
3895
3895
|
}
|
|
3896
3896
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
3897
3897
|
|
|
3898
|
-
var css$A = {"row":"
|
|
3898
|
+
var css$A = {"row":"OhENFK"};
|
|
3899
3899
|
|
|
3900
3900
|
function PickerListRow(props) {
|
|
3901
3901
|
let label;
|
|
@@ -3915,7 +3915,7 @@ function PickerListRow(props) {
|
|
|
3915
3915
|
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));
|
|
3916
3916
|
}
|
|
3917
3917
|
|
|
3918
|
-
var css$z = {"root":"
|
|
3918
|
+
var css$z = {"root":"H9Z3-I"};
|
|
3919
3919
|
|
|
3920
3920
|
function PickerList(props) {
|
|
3921
3921
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -3950,7 +3950,7 @@ function PickerList(props) {
|
|
|
3950
3950
|
}, selectedRows)));
|
|
3951
3951
|
}
|
|
3952
3952
|
|
|
3953
|
-
var css$y = {"root":"
|
|
3953
|
+
var css$y = {"root":"vk6MRO","wrapper":"ncgILx","align-widgets-top":"xaYlVm","alignWidgetsTop":"xaYlVm","align-widgets-center":"p-X6lW","alignWidgetsCenter":"p-X6lW"};
|
|
3954
3954
|
|
|
3955
3955
|
function DataTableCell(initialProps) {
|
|
3956
3956
|
const props = { ...initialProps };
|
|
@@ -4000,7 +4000,7 @@ function DataTableCell(initialProps) {
|
|
|
4000
4000
|
return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
|
|
4001
4001
|
}
|
|
4002
4002
|
|
|
4003
|
-
var css$x = {"root":"
|
|
4003
|
+
var css$x = {"root":"ULteVs"};
|
|
4004
4004
|
|
|
4005
4005
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4006
4006
|
// 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.
|
|
@@ -4016,7 +4016,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
4016
4016
|
];
|
|
4017
4017
|
}, () => propsMods);
|
|
4018
4018
|
|
|
4019
|
-
var css$w = {"sorting-panel-container":"
|
|
4019
|
+
var css$w = {"sorting-panel-container":"uvADJ2","sortingPanelContainer":"uvADJ2"};
|
|
4020
4020
|
|
|
4021
4021
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
4022
4022
|
const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4036,7 +4036,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4036
4036
|
};
|
|
4037
4037
|
const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
|
|
4038
4038
|
|
|
4039
|
-
var css$v = {"root":"
|
|
4039
|
+
var css$v = {"root":"jGrgHs","caption-wrapper":"hPC9ZJ","captionWrapper":"hPC9ZJ","sort-icon":"vJt4Qx","sortIcon":"vJt4Qx","dropdown-icon":"oGDYdm","dropdownIcon":"oGDYdm","infoIcon":"UXj0-V","align-right":"_3NNePd","alignRight":"_3NNePd","align-center":"Hcp7Mx","alignCenter":"Hcp7Mx","caption":"_2hHn0v","truncate":"JwvMPM","upper-case":"Y06jKr","upperCase":"Y06jKr","checkbox":"sv7YYd","icon":"_5PwUpq","fold-all-icon":"MC0zfa","foldAllIcon":"MC0zfa","cell-tooltip":"Lm-8zF","cellTooltip":"Lm-8zF","resizing-marker":"myrOeo","resizingMarker":"myrOeo","pinned-right":"YLRoWS","pinnedRight":"YLRoWS","draggable":"zfs7xK","ghost":"k1ovbd","is-dragged-out":"wH6MO1","isDraggedOut":"wH6MO1","dnd-marker-left":"eP3qIf","dndMarkerLeft":"eP3qIf","dnd-marker-right":"XIawrz","dndMarkerRight":"XIawrz","cell-tooltip-wrapper":"U0Kto6","cellTooltipWrapper":"U0Kto6","cell-tooltip-text":"v0Gl-9","cellTooltipText":"v0Gl-9","tooltip-caption":"KCCWCZ","tooltipCaption":"KCCWCZ","tooltip-info":"iCLtip","tooltipInfo":"iCLtip"};
|
|
4040
4040
|
|
|
4041
4041
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
4042
4042
|
constructor() {
|
|
@@ -4130,7 +4130,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
4130
4130
|
}
|
|
4131
4131
|
}
|
|
4132
4132
|
|
|
4133
|
-
var css$u = {"root":"
|
|
4133
|
+
var css$u = {"root":"xJ0vxV","caption-wrapper":"PwWATj","captionWrapper":"PwWATj","align-center":"Zi-iS5","alignCenter":"Zi-iS5","caption":"YofX9O","truncate":"_0eikh2","upper-case":"Md6tn-","upperCase":"Md6tn-","group-cell-tooltip":"vwOFYe","groupCellTooltip":"vwOFYe","group-cell-tooltip-wrapper":"NSXSCH","groupCellTooltipWrapper":"NSXSCH","group-cell-tooltip-text":"mv2rb-","groupCellTooltipText":"mv2rb-","tooltip-caption":"laCkDt","tooltipCaption":"laCkDt","tooltip-info":"fakoGi","tooltipInfo":"fakoGi"};
|
|
4134
4134
|
|
|
4135
4135
|
class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
4136
4136
|
constructor() {
|
|
@@ -4170,7 +4170,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
|
4170
4170
|
}
|
|
4171
4171
|
}
|
|
4172
4172
|
|
|
4173
|
-
var css$t = {"root":"
|
|
4173
|
+
var css$t = {"root":"upYiNp"};
|
|
4174
4174
|
|
|
4175
4175
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4176
4176
|
renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4266,7 +4266,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4266
4266
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4267
4267
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4268
4268
|
|
|
4269
|
-
var css$s = {"body":"
|
|
4269
|
+
var css$s = {"body":"AY-s1T","header":"PzGIIp","title":"KrPfzr","removeButton":"buh3zE","with-search":"_5aA3ag","withSearch":"_5aA3ag"};
|
|
4270
4270
|
|
|
4271
4271
|
function FilterColumnBody(props) {
|
|
4272
4272
|
const [predicate, setPredicate] = React.useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4327,7 +4327,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4327
4327
|
return columns;
|
|
4328
4328
|
};
|
|
4329
4329
|
|
|
4330
|
-
var css$r = {"unpin-icon":"
|
|
4330
|
+
var css$r = {"unpin-icon":"j-sWRk","unpinIcon":"j-sWRk","pin-toggler-icon":"vdppOF","pinTogglerIcon":"vdppOF"};
|
|
4331
4331
|
|
|
4332
4332
|
function PinIconButton(props) {
|
|
4333
4333
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4369,7 +4369,7 @@ function getUnpinIcon(params) {
|
|
|
4369
4369
|
}
|
|
4370
4370
|
}
|
|
4371
4371
|
|
|
4372
|
-
var css$q = {"row-wrapper":"
|
|
4372
|
+
var css$q = {"row-wrapper":"qu6CvO","rowWrapper":"qu6CvO","pin-icon-button":"trgI0h","pinIconButton":"trgI0h","not-pinned":"cA0gU3","notPinned":"cA0gU3","checkbox":"_0YgyMv","drag-handle":"LiO3Lc","dragHandle":"LiO3Lc","dnd-disabled":"NwrEdy","dndDisabled":"NwrEdy"};
|
|
4373
4373
|
|
|
4374
4374
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4375
4375
|
const { column } = props;
|
|
@@ -4392,7 +4392,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4392
4392
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4393
4393
|
});
|
|
4394
4394
|
|
|
4395
|
-
var css$p = {"root":"
|
|
4395
|
+
var css$p = {"root":"wGNDJ3","main-panel":"i2bTxo","mainPanel":"i2bTxo","group":"lZ76-k","group-title":"pGtkym","groupTitle":"pGtkym","group-items":"Iy5dIz","groupItems":"Iy5dIz","no-data":"-vUUG1","noData":"-vUUG1","no-data-title":"LskeXV","noDataTitle":"LskeXV","no-data-sub-title":"ijnQGC","noDataSubTitle":"ijnQGC","h-divider":"RP-8YX","hDivider":"RP-8YX","search-area":"QqSX6o","searchArea":"QqSX6o","subgroup-accordion":"egkg2F","subgroupAccordion":"egkg2F","subgroup":"Zclqvj","subgroup-title":"Tka5e-","subgroupTitle":"Tka5e-"};
|
|
4396
4396
|
|
|
4397
4397
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$p.group },
|
|
4398
4398
|
React__namespace.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -4494,7 +4494,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
4494
4494
|
return [children, rest];
|
|
4495
4495
|
};
|
|
4496
4496
|
|
|
4497
|
-
var css$o = {"listContainer":"
|
|
4497
|
+
var css$o = {"listContainer":"ZmaYNl","header":"rdCnrI","group":"Be3oXT","stickyHeader":"FafQQu"};
|
|
4498
4498
|
|
|
4499
4499
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
4500
4500
|
const rowRef = React.useRef(undefined);
|
|
@@ -4534,7 +4534,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4534
4534
|
React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
4535
4535
|
}
|
|
4536
4536
|
|
|
4537
|
-
var css$n = {"root":"
|
|
4537
|
+
var css$n = {"root":"L5W-Ah","sticky-header":"kCWkDo","stickyHeader":"kCWkDo","no-results":"iO8W9T","noResults":"iO8W9T","icon":"datwQ1","title":"YemdJ4"};
|
|
4538
4538
|
|
|
4539
4539
|
function DataTable(props) {
|
|
4540
4540
|
const { uuiModals } = uuiCore.useUuiContext();
|
|
@@ -4583,7 +4583,7 @@ function DataTable(props) {
|
|
|
4583
4583
|
} }))));
|
|
4584
4584
|
}
|
|
4585
4585
|
|
|
4586
|
-
var css$m = {"root":"
|
|
4586
|
+
var css$m = {"root":"_-9bMIl","title-wrapper":"J-n-ec","titleWrapper":"J-n-ec","title":"Cibhfw","text-wrapper":"ieK-GG","textWrapper":"ieK-GG","selection":"o2Xsjf","postfix":"w94OhA","selected":"TLCxgF"};
|
|
4587
4587
|
|
|
4588
4588
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4589
4589
|
const togglerPickerOpened = (e) => {
|
|
@@ -4807,7 +4807,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4807
4807
|
renderFooter()));
|
|
4808
4808
|
}
|
|
4809
4809
|
|
|
4810
|
-
var css$l = {"container":"
|
|
4810
|
+
var css$l = {"container":"BBHDj8"};
|
|
4811
4811
|
|
|
4812
4812
|
function FilterNumericBody(props) {
|
|
4813
4813
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -5118,7 +5118,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5118
5118
|
}
|
|
5119
5119
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
5120
5120
|
|
|
5121
|
-
var css$k = {"delete-button":"
|
|
5121
|
+
var css$k = {"delete-button":"rg4AYp","deleteButton":"rg4AYp","tab-button":"XQnlwI","tabButton":"XQnlwI","targetOpen":"fZ8vqX"};
|
|
5122
5122
|
|
|
5123
5123
|
function PresetActionsDropdown(props) {
|
|
5124
5124
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -5190,7 +5190,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5190
5190
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5191
5191
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5192
5192
|
|
|
5193
|
-
var css$j = {"preset-input-cell":"
|
|
5193
|
+
var css$j = {"preset-input-cell":"Za5VfJ","presetInputCell":"Za5VfJ","preset-input":"-q-z5P","presetInput":"-q-z5P"};
|
|
5194
5194
|
|
|
5195
5195
|
function PresetInput(props) {
|
|
5196
5196
|
const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
|
|
@@ -5217,7 +5217,7 @@ function PresetInput(props) {
|
|
|
5217
5217
|
React__namespace.default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
5218
5218
|
}
|
|
5219
5219
|
|
|
5220
|
-
var css$i = {"preset":"
|
|
5220
|
+
var css$i = {"preset":"Ez1IaL","activePreset":"lgF6jE"};
|
|
5221
5221
|
|
|
5222
5222
|
function Preset(props) {
|
|
5223
5223
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -5242,7 +5242,7 @@ function Preset(props) {
|
|
|
5242
5242
|
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$i.preset, isPresetActive && css$i.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
|
|
5243
5243
|
}
|
|
5244
5244
|
|
|
5245
|
-
var css$h = {"divider":"
|
|
5245
|
+
var css$h = {"divider":"-wvz43","dropdownDeleteIcon":"C3aQS3","presetsWrapper":"_68PlSN","addPresetContainer":"AlDkQa","dropContainer":"NyJxlr"};
|
|
5246
5246
|
|
|
5247
5247
|
function PresetsPanel(props) {
|
|
5248
5248
|
const [isAddingPreset, setIsAddingPreset] = React.useState(false);
|
|
@@ -5291,9 +5291,9 @@ function PresetsPanel(props) {
|
|
|
5291
5291
|
React__namespace.default.createElement(uuiComponents.AdaptivePanel, { items: getPanelItems() }))));
|
|
5292
5292
|
}
|
|
5293
5293
|
|
|
5294
|
-
var css$g = {"root":"
|
|
5294
|
+
var css$g = {"root":"Gm8PvG"};
|
|
5295
5295
|
|
|
5296
|
-
var css$f = {"root":"
|
|
5296
|
+
var css$f = {"root":"CHFlwa","burger-content":"I--I6v","burgerContent":"I--I6v"};
|
|
5297
5297
|
|
|
5298
5298
|
var _path$3;
|
|
5299
5299
|
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); }
|
|
@@ -5336,7 +5336,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5336
5336
|
};
|
|
5337
5337
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
5338
5338
|
|
|
5339
|
-
var css$e = {"root":"
|
|
5339
|
+
var css$e = {"root":"t-2hoD","button-primary":"H2vKeR","buttonPrimary":"H2vKeR","button-secondary":"_5lncSL","buttonSecondary":"_5lncSL","hasIcon":"j82Of9","dropdown":"CLqz2A"};
|
|
5340
5340
|
|
|
5341
5341
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
5342
5342
|
css$e.root,
|
|
@@ -5347,13 +5347,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
5347
5347
|
props.icon && css$e.hasIcon,
|
|
5348
5348
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5349
5349
|
|
|
5350
|
-
var css$d = {"search-input":"
|
|
5350
|
+
var css$d = {"search-input":"-xWz-d","searchInput":"-xWz-d"};
|
|
5351
5351
|
|
|
5352
5352
|
function BurgerSearch(props) {
|
|
5353
5353
|
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 }));
|
|
5354
5354
|
}
|
|
5355
5355
|
|
|
5356
|
-
var css$c = {"root":"
|
|
5356
|
+
var css$c = {"root":"HZCLTZ","group-header":"Ql9nbU","groupHeader":"Ql9nbU","group-name":"ezJOOu","groupName":"ezJOOu","line":"mG04j-"};
|
|
5357
5357
|
|
|
5358
5358
|
function BurgerGroupHeader(props) {
|
|
5359
5359
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5361,7 +5361,7 @@ function BurgerGroupHeader(props) {
|
|
|
5361
5361
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5362
5362
|
}
|
|
5363
5363
|
|
|
5364
|
-
var css$b = {"root":"
|
|
5364
|
+
var css$b = {"root":"n-aVX2","type-primary":"dTcEzH","typePrimary":"dTcEzH","type-secondary":"J0EyEJ","typeSecondary":"J0EyEJ"};
|
|
5365
5365
|
|
|
5366
5366
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5367
5367
|
const { type, ...clickableProps } = props;
|
|
@@ -5383,7 +5383,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5383
5383
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5384
5384
|
});
|
|
5385
5385
|
|
|
5386
|
-
var css$a = {"dropdown-body":"
|
|
5386
|
+
var css$a = {"dropdown-body":"_7Qz3BX","dropdownBody":"_7Qz3BX"};
|
|
5387
5387
|
|
|
5388
5388
|
class MainMenuDropdown extends React__namespace.Component {
|
|
5389
5389
|
render() {
|
|
@@ -5442,12 +5442,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5442
5442
|
};
|
|
5443
5443
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5444
5444
|
|
|
5445
|
-
var css$9 = {"global-menu-btn":"
|
|
5445
|
+
var css$9 = {"global-menu-btn":"_75XCay","globalMenuBtn":"_75XCay","global-menu-icon":"gEwpF0","globalMenuIcon":"gEwpF0"};
|
|
5446
5446
|
|
|
5447
5447
|
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 },
|
|
5448
5448
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5449
5449
|
|
|
5450
|
-
var css$8 = {"container":"
|
|
5450
|
+
var css$8 = {"container":"XmipMo","open":"l86kfw","folding-arrow":"sXCSDC","foldingArrow":"sXCSDC"};
|
|
5451
5451
|
|
|
5452
5452
|
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 },
|
|
5453
5453
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5455,15 +5455,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5455
5455
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
5456
5456
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5457
5457
|
|
|
5458
|
-
var css$7 = {"search-input":"
|
|
5458
|
+
var css$7 = {"search-input":"oE2Bz0","searchInput":"oE2Bz0"};
|
|
5459
5459
|
|
|
5460
5460
|
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 })) })));
|
|
5461
5461
|
|
|
5462
|
-
var css$6 = {"container":"
|
|
5462
|
+
var css$6 = {"container":"i8muau"};
|
|
5463
5463
|
|
|
5464
5464
|
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 })));
|
|
5465
5465
|
|
|
5466
|
-
var css$5 = {"root":"
|
|
5466
|
+
var css$5 = {"root":"TBRuZp"};
|
|
5467
5467
|
|
|
5468
5468
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
5469
5469
|
|
|
@@ -5521,7 +5521,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5521
5521
|
};
|
|
5522
5522
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
5523
5523
|
|
|
5524
|
-
var css$4 = {"root":"
|
|
5524
|
+
var css$4 = {"root":"tEkPHr","drop-start":"qTIKRp","dropStart":"qTIKRp","drop-over":"YCTEgi","dropOver":"YCTEgi","link":"mxY5W-","drop-area":"_2F-HJV","dropArea":"_2F-HJV","drop-caption":"-W3XN3","dropCaption":"-W3XN3","icon-blue":"aZSgJ7","iconBlue":"aZSgJ7"};
|
|
5525
5525
|
|
|
5526
5526
|
function DropSpot(props) {
|
|
5527
5527
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5539,7 +5539,7 @@ function DropSpot(props) {
|
|
|
5539
5539
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5540
5540
|
}
|
|
5541
5541
|
|
|
5542
|
-
var css$3 = {"root":"
|
|
5542
|
+
var css$3 = {"root":"jiDo-Z"};
|
|
5543
5543
|
|
|
5544
5544
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5545
5545
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5550,7 +5550,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
|
|
|
5550
5550
|
React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5551
5551
|
});
|
|
5552
5552
|
|
|
5553
|
-
var css$2 = {"root":"
|
|
5553
|
+
var css$2 = {"root":"dHOHvg","file-name":"GsVOSP","fileName":"GsVOSP","default-color":"_4EqM5L","defaultColor":"_4EqM5L","doc-color":"_3TXxGc","docColor":"_3TXxGc","xls-color":"Mzsna1","xlsColor":"Mzsna1","pdf-color":"KloUIx","pdfColor":"KloUIx","movie-color":"bWc1Q-","movieColor":"bWc1Q-","img-color":"gDjYCs","imgColor":"gDjYCs","mov-color":"hnAau8","movColor":"hnAau8","error-block":"R3DMBz","errorBlock":"R3DMBz","icons-block":"G-F88Y","iconsBlock":"G-F88Y"};
|
|
5554
5554
|
|
|
5555
5555
|
const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5556
5556
|
const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
|
|
@@ -5669,7 +5669,7 @@ const getErrorPageConfig = () => ({
|
|
|
5669
5669
|
},
|
|
5670
5670
|
});
|
|
5671
5671
|
|
|
5672
|
-
var css$1 = {"container":"
|
|
5672
|
+
var css$1 = {"container":"C-HseU"};
|
|
5673
5673
|
|
|
5674
5674
|
const ErrorPage = (props) => {
|
|
5675
5675
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5681,7 +5681,7 @@ const ErrorPage = (props) => {
|
|
|
5681
5681
|
props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5682
5682
|
};
|
|
5683
5683
|
|
|
5684
|
-
var css = {"recovery-spinner":"
|
|
5684
|
+
var css = {"recovery-spinner":"vsykh1","recoverySpinner":"vsykh1","recovery-message":"qW4GK5","recoveryMessage":"qW4GK5","modal-blocker":"_5I1qoT","modalBlocker":"_5I1qoT","modalFadeIn":"f565u2"};
|
|
5685
5685
|
|
|
5686
5686
|
function ErrorHandler(props) {
|
|
5687
5687
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|