@epam/uui 6.1.3 → 6.1.4
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/assets/styles/clickable.scss +26 -26
- package/assets/styles/dnd.scss +9 -9
- package/assets/styles/effects.scss +6 -6
- package/assets/styles/helpers.scss +3 -3
- package/assets/styles/index.scss +6 -6
- package/assets/styles/inputs.scss +70 -70
- package/assets/styles/typography.scss +184 -184
- package/components/pickers/PickerModal.d.ts.map +1 -1
- package/i18n.d.ts +1 -0
- package/i18n.d.ts.map +1 -1
- package/index.esm.js +109 -105
- package/index.esm.js.map +1 -1
- package/index.js +109 -105
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/readme.md +9 -9
- package/stats.html +1 -19
- 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(#0ohdt5wpr6pcidnh_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: "0ohdt5po565z2pymd_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(#0ohdt5po565z2pymd_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: "0ohdt5wpr6pcidnh_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":"ef1jRJ","uui-spinner":"wdIiw6","uuiSpinner":"wdIiw6"};
|
|
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":"BxLL48","loading-word":"_6bJfPw","loadingWord":"_6bJfPw","animated-loading":"HxOS6A","animatedLoading":"HxOS6A","skeleton_loading":"NmjYBO","skeletonLoading":"NmjYBO"};
|
|
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":"VJR4yq","line-height":"KqQswn","lineHeight":"KqQswn","font-size":"BoJw-T","fontSize":"BoJw-T"};
|
|
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":"_2d9-dc"};
|
|
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":"mvEoxT"};
|
|
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":"CEL7km"};
|
|
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":"LfBUJa"};
|
|
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":"Chmls4"};
|
|
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":"v6VVXy","withNotify":"rzVniW"};
|
|
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":"El09CW"};
|
|
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":"miv4gv"};
|
|
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":"AEk-fO"};
|
|
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":"oz5Fiz"};
|
|
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":"_1haEP-"};
|
|
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":"MXD2om"};
|
|
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":"JHVSu8"};
|
|
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":"yubMqu"};
|
|
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":"Y-u2fM"};
|
|
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":"h9JnRM","timepicker-input":"_1xBIzw","timepickerInput":"_1xBIzw","ltr-always":"X7JWxj","ltrAlways":"X7JWxj"};
|
|
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":"boKMNn"};
|
|
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":"nxdIwk"};
|
|
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":"PQDiS3"};
|
|
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":"vokVrF","tooltip":"tijf8x"};
|
|
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":"H3cYiB","main-path":"OhBUQg","mainPath":"OhBUQg","content-wrapper":"gpVene","contentWrapper":"gpVene","content":"DjSpS9","action-wrapper":"PJH5AD","actionWrapper":"PJH5AD","icon-wrapper":"_-9JSII","iconWrapper":"_-9JSII","icon":"Yt7kGp","close-icon":"QGwV-b","closeIcon":"QGwV-b"};
|
|
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":"aZACcl","submenuRootItemRtl":"aZACcl","icon-after":"FhHTNW","iconAfter":"FhHTNW","submenu-root-item":"ZusW-I","submenuRootItem":"ZusW-I","icon-check":"_96PvAG","iconCheck":"_96PvAG","splitter-root":"k1KaWc","splitterRoot":"k1KaWc","splitter":"SDtDXM","header-root":"iVRGjm","headerRoot":"iVRGjm","item-root":"Ny9gqG","itemRoot":"Ny9gqG","icon":"y-O6ka","link":"_1PYYhg","indent":"CO-PvV","selected-mark":"O-Wmx9","selectedMark":"O-Wmx9"};
|
|
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":"ysTxPh","mode-block":"jN8evM","modeBlock":"jN8evM","mode-inline":"JV9oZ5","modeInline":"JV9oZ5","padding-0":"j3mO6l","padding0":"j3mO6l","padding-6":"WSZ9ki","padding6":"WSZ9ki","padding-12":"CZVjSI","padding12":"CZVjSI","padding-18":"km8drO","padding18":"km8drO"};
|
|
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":"-fRxx0","align-items":"uwvOow","alignItems":"uwvOow","justify-content":"nodWjg","justifyContent":"nodWjg","border-top":"C8HaFv","borderTop":"C8HaFv","border-bottom":"YEOm1a","borderBottom":"YEOm1a","top-shadow":"_--FkFA","topShadow":"_--FkFA","padding":"VKapTq","margin":"TFOYq7","vPadding":"l6Q471","column-gap":"RhD1A8","columnGap":"RhD1A8","row-gap":"XYdC0H","rowGap":"XYdC0H","spacing":"aBaVIu"};
|
|
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":"s-
|
|
2239
|
+
var css$16 = {"root":"s-LRsy","margin-24":"e5nDPn","margin24":"e5nDPn","padding-12":"DEEyp2","padding12":"DEEyp2","padding-24":"_4DIikp","padding24":"_4DIikp","shadow":"-N58tZ","uui-surface-main":"J3hVYd","uuiSurfaceMain":"J3hVYd"};
|
|
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":"nIL6AX"};
|
|
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":"JAlIDn"};
|
|
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":"O-fnpU"};
|
|
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":"t7qkVS","scrollContainer":"t7qkVS","list-container":"rd--ME","listContainer":"rd--ME"};
|
|
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":"KxGbnr"};
|
|
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":"RjqKGp","modal-blocker":"_5dErME","modalBlocker":"_5dErME","animateModalBlocker":"Aa5pTH","modal":"MeCsvJ","modal-footer":"THnDDx","modalFooter":"THnDDx","border-top":"zcTGbo","borderTop":"zcTGbo","modal-header":"h4KPe5","modalHeader":"h4KPe5","border-bottom":"WFquoD","borderBottom":"WFquoD"};
|
|
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) => {
|
|
@@ -2398,6 +2398,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2398
2398
|
searchPlaceholder: 'Type text for quick search',
|
|
2399
2399
|
cancelButton: 'Cancel',
|
|
2400
2400
|
selectButton: 'Select',
|
|
2401
|
+
clearButton: 'CLEAR',
|
|
2401
2402
|
clearAllButton: 'CLEAR ALL',
|
|
2402
2403
|
selectAllButton: 'SELECT ALL',
|
|
2403
2404
|
},
|
|
@@ -2544,7 +2545,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2544
2545
|
});
|
|
2545
2546
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2546
2547
|
|
|
2547
|
-
var css$$ = {"root":"
|
|
2548
|
+
var css$$ = {"root":"PRCXen","icon-wrapper":"jw0j5H","iconWrapper":"jw0j5H","action-wrapper":"ekMSiK","actionWrapper":"ekMSiK","close-icon":"Q8l2Pj","closeIcon":"Q8l2Pj","main-path":"Hmjoin","mainPath":"Hmjoin","content":"DPHSlY","close-wrapper":"OCYx6h","closeWrapper":"OCYx6h","clear-notifications":"i9BNg7","clearNotifications":"i9BNg7"};
|
|
2548
2549
|
|
|
2549
2550
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
2550
2551
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -2577,7 +2578,7 @@ function ClearNotification() {
|
|
|
2577
2578
|
React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2578
2579
|
}
|
|
2579
2580
|
|
|
2580
|
-
var css$_ = {"footer":"
|
|
2581
|
+
var css$_ = {"footer":"_2grD42"};
|
|
2581
2582
|
|
|
2582
2583
|
class ConfirmationModal extends React__namespace.Component {
|
|
2583
2584
|
render() {
|
|
@@ -2619,7 +2620,7 @@ function useReliableForceUpdate() {
|
|
|
2619
2620
|
return red[1];
|
|
2620
2621
|
}
|
|
2621
2622
|
|
|
2622
|
-
var css$Z = {"root":"
|
|
2623
|
+
var css$Z = {"root":"vxUpax","container":"i9VNvG"};
|
|
2623
2624
|
|
|
2624
2625
|
const defaultFormat = 'MMM D, YYYY';
|
|
2625
2626
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2837,14 +2838,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2837
2838
|
React__namespace.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2838
2839
|
}
|
|
2839
2840
|
|
|
2840
|
-
var css$Y = {"root":"
|
|
2841
|
+
var css$Y = {"root":"_3UGyZD"};
|
|
2841
2842
|
|
|
2842
2843
|
function applyDateSelectionMods() {
|
|
2843
2844
|
return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2844
2845
|
}
|
|
2845
2846
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2846
2847
|
|
|
2847
|
-
var css$X = {"root":"
|
|
2848
|
+
var css$X = {"root":"tDbYw3"};
|
|
2848
2849
|
|
|
2849
2850
|
const uuiDatePickerBody = {
|
|
2850
2851
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2965,7 +2966,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2965
2966
|
}
|
|
2966
2967
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
2967
2968
|
|
|
2968
|
-
var css$W = {"date-input":"
|
|
2969
|
+
var css$W = {"date-input":"_1uO1QK","dateInput":"_1uO1QK","root":"jSV-1M","separator":"MMMPJr"};
|
|
2969
2970
|
|
|
2970
2971
|
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
2972
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3036,7 +3037,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
3036
3037
|
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
3038
|
});
|
|
3038
3039
|
|
|
3039
|
-
var css$V = {"root":"
|
|
3040
|
+
var css$V = {"root":"lqLMqp"};
|
|
3040
3041
|
|
|
3041
3042
|
const uuiPresets = {
|
|
3042
3043
|
container: 'uui-presets-container',
|
|
@@ -3056,7 +3057,7 @@ function CalendarPresets(props) {
|
|
|
3056
3057
|
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
3058
|
}
|
|
3058
3059
|
|
|
3059
|
-
var css$U = {"root":"
|
|
3060
|
+
var css$U = {"root":"OfrZ7J","container":"_33tVkr","day-selection":"LUL0Il","daySelection":"LUL0Il","from-picker":"qMkQYL","fromPicker":"qMkQYL","to-picker":"_271h0o","toPicker":"_271h0o","bodes-wrapper":"_1iJJx5","bodesWrapper":"_1iJJx5","blocker":"u8sugR"};
|
|
3060
3061
|
|
|
3061
3062
|
const uuiRangeDatePickerBody = {
|
|
3062
3063
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3258,7 +3259,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3258
3259
|
};
|
|
3259
3260
|
};
|
|
3260
3261
|
|
|
3261
|
-
var css$T = {"dropdown-container":"
|
|
3262
|
+
var css$T = {"dropdown-container":"_2CGRkQ","dropdownContainer":"_2CGRkQ"};
|
|
3262
3263
|
|
|
3263
3264
|
function RangeDatePickerComponent(props, ref) {
|
|
3264
3265
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3326,7 +3327,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3326
3327
|
}
|
|
3327
3328
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3328
3329
|
|
|
3329
|
-
var css$S = {"root":"
|
|
3330
|
+
var css$S = {"root":"mxc1NP","blocker":"cdQbG4","marker":"_7LoLd7","top":"WdNitJ","bottom":"-yjb0J","left":"guhge9","right":"_57HCai","inside":"TpO9Wg"};
|
|
3330
3331
|
|
|
3331
3332
|
function DropMarker(props) {
|
|
3332
3333
|
return props.isDndInProgress
|
|
@@ -3343,15 +3344,15 @@ function DropMarker(props) {
|
|
|
3343
3344
|
|
|
3344
3345
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3345
3346
|
|
|
3346
|
-
var css$R = {"search-wrapper":"
|
|
3347
|
+
var css$R = {"search-wrapper":"t58EiW","searchWrapper":"t58EiW","no-data":"sLXaZw","noData":"sLXaZw"};
|
|
3347
3348
|
|
|
3348
|
-
var css$Q = {"picker-row":"
|
|
3349
|
+
var css$Q = {"picker-row":"NWPkGi","pickerRow":"NWPkGi","align-widgets-top":"l9-j-6","alignWidgetsTop":"l9-j-6","row-content":"M1qDxO","rowContent":"M1qDxO","align-widgets-center":"_9ME08B","alignWidgetsCenter":"_9ME08B","icon-container":"dKHSM-","iconContainer":"dKHSM-","content-wrapper":"_7olWzp","contentWrapper":"_7olWzp","icon-wrapper":"iL8-pr","iconWrapper":"iL8-pr","icon-default":"Datv4V","iconDefault":"Datv4V","selected-mark":"_8vpB-3","selectedMark":"_8vpB-3"};
|
|
3349
3350
|
|
|
3350
|
-
var css$P = {"root":"
|
|
3351
|
+
var css$P = {"root":"MZwXc9"};
|
|
3351
3352
|
|
|
3352
3353
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$P.root]);
|
|
3353
3354
|
|
|
3354
|
-
var css$O = {"root":"
|
|
3355
|
+
var css$O = {"root":"IvrOQK"};
|
|
3355
3356
|
|
|
3356
3357
|
const DEFAULT_FILL = 'solid';
|
|
3357
3358
|
function applyBadgeMods(mods) {
|
|
@@ -3379,7 +3380,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
3379
3380
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3380
3381
|
});
|
|
3381
3382
|
|
|
3382
|
-
var css$N = {"root":"
|
|
3383
|
+
var css$N = {"root":"I0wvBD"};
|
|
3383
3384
|
|
|
3384
3385
|
function applyTagMods(props) {
|
|
3385
3386
|
return [
|
|
@@ -3407,7 +3408,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
3407
3408
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3408
3409
|
});
|
|
3409
3410
|
|
|
3410
|
-
var css$M = {"root":"
|
|
3411
|
+
var css$M = {"root":"zmXKRz","page":"K7BYNU","spacer":"u3lP2j","mode-ghost":"iB7AAl","modeGhost":"iB7AAl"};
|
|
3411
3412
|
|
|
3412
3413
|
function Paginator(props) {
|
|
3413
3414
|
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 +3425,14 @@ function Paginator(props) {
|
|
|
3424
3425
|
return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
|
|
3425
3426
|
}
|
|
3426
3427
|
|
|
3427
|
-
var css$L = {"root":"-
|
|
3428
|
+
var css$L = {"root":"y4d-3w","progress-bar":"EJC5Sr","progressBar":"EJC5Sr","progressBar-indeterminate":"VVCyaY","progressBarIndeterminate":"VVCyaY","size-12":"_88hOcs","size12":"_88hOcs","size-18":"V0N5Y1","size18":"V0N5Y1","size-24":"XFfF8d","size24":"XFfF8d"};
|
|
3428
3429
|
|
|
3429
3430
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3430
3431
|
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
3432
|
React__namespace.createElement("div", { className: cx__default.default(css$L.progressBar) })));
|
|
3432
3433
|
});
|
|
3433
3434
|
|
|
3434
|
-
var css$K = {"root":"
|
|
3435
|
+
var css$K = {"root":"_50p2u0","striped":"zU5eOb","animate-stripes":"gR-Yvg","animateStripes":"gR-Yvg","size-12":"B1H5mD","size12":"B1H5mD","size-18":"exYksq","size18":"exYksq","size-24":"_0ChTGx","size24":"_0ChTGx"};
|
|
3435
3436
|
|
|
3436
3437
|
const DEFAULT_SIZE = '12';
|
|
3437
3438
|
function applyProgressBarMods(mods) {
|
|
@@ -3446,14 +3447,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
3446
3447
|
hideLabel: props.hideLabel || props.striped,
|
|
3447
3448
|
}));
|
|
3448
3449
|
|
|
3449
|
-
var css$J = {"root":"
|
|
3450
|
+
var css$J = {"root":"_3iUbx7"};
|
|
3450
3451
|
|
|
3451
3452
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3452
3453
|
const { progress } = props;
|
|
3453
3454
|
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
3455
|
});
|
|
3455
3456
|
|
|
3456
|
-
var css$I = {"root":"
|
|
3457
|
+
var css$I = {"root":"OUUaeG"};
|
|
3457
3458
|
|
|
3458
3459
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3459
3460
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -3468,7 +3469,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
3468
3469
|
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3469
3470
|
});
|
|
3470
3471
|
|
|
3471
|
-
var css$H = {"drag-handle-wrapper":"
|
|
3472
|
+
var css$H = {"drag-handle-wrapper":"h416lS","dragHandleWrapper":"h416lS","with-indent":"_-3cXdb","withIndent":"_-3cXdb","drag-handle":"ftZhuq","dragHandle":"ftZhuq","icon-container":"_0VQMfc","iconContainer":"_0VQMfc"};
|
|
3472
3473
|
|
|
3473
3474
|
function DataRowAddons(props) {
|
|
3474
3475
|
const row = props.rowProps;
|
|
@@ -3555,7 +3556,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3555
3556
|
return getDecoratedText(str, ranges);
|
|
3556
3557
|
};
|
|
3557
3558
|
|
|
3558
|
-
var css$G = {"root":"
|
|
3559
|
+
var css$G = {"root":"QWjmYi","column-gap":"_4Ii07C","columnGap":"_4Ii07C","title":"dYHodL","subtitle":"c8SMO6","disabled":"zZNYNu","multiline":"_9Dq35y"};
|
|
3559
3560
|
|
|
3560
3561
|
function PickerItem(props) {
|
|
3561
3562
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3729,7 +3730,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3729
3730
|
}
|
|
3730
3731
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
3731
3732
|
|
|
3732
|
-
var css$F = {"header":"
|
|
3733
|
+
var css$F = {"header":"LrPL5Z","title":"_5GgELu","close":"YNCVwJ"};
|
|
3733
3734
|
|
|
3734
3735
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3735
3736
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3739,7 +3740,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3739
3740
|
};
|
|
3740
3741
|
const DataPickerMobileHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerMobileHeaderImpl);
|
|
3741
3742
|
|
|
3742
|
-
var css$E = {"done":"
|
|
3743
|
+
var css$E = {"done":"_4hcLL4","container":"FbDf7D"};
|
|
3743
3744
|
|
|
3744
3745
|
const PickerBodyMobileView = (props) => {
|
|
3745
3746
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -3751,19 +3752,23 @@ const PickerBodyMobileView = (props) => {
|
|
|
3751
3752
|
isMobileView && (React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
3752
3753
|
};
|
|
3753
3754
|
|
|
3754
|
-
var css$D = {"sub-header-wrapper":"
|
|
3755
|
+
var css$D = {"sub-header-wrapper":"cb3-ym","subHeaderWrapper":"cb3-ym","switch":"OMEEWR","no-found-modal-container":"iyXRBE","noFoundModalContainer":"iyXRBE","no-found-modal-container-icon":"J49t1u","noFoundModalContainerIcon":"J49t1u","no-found-modal-container-text":"Hp0DnV","noFoundModalContainerText":"Hp0DnV","body":"u6VClx"};
|
|
3755
3756
|
|
|
3756
3757
|
function PickerModal(props) {
|
|
3757
3758
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
|
|
3759
|
+
const isSearching = dataSourceState.search && dataSourceState.search.length > 0;
|
|
3758
3760
|
const renderRow = (rowProps) => {
|
|
3759
3761
|
return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React__namespace.default.createElement(DataPickerRow, { ...rowProps, key: rowProps.rowKey, size: settings.pickerInput.sizes.body.row, flattenSearchResults: view.getConfig().flattenSearchResults, dataSourceState: dataSourceState, getName: getName }));
|
|
3760
3762
|
};
|
|
3761
3763
|
const renderFooter = () => {
|
|
3762
3764
|
const hasSelection = view.getSelectedRowsCount() > 0;
|
|
3763
3765
|
const rowsCount = view.getListProps().rowsCount;
|
|
3764
|
-
const isEmptyRowsAndHasNoSelection = (rowsCount === 0
|
|
3766
|
+
const isEmptyRowsAndHasNoSelection = (rowsCount === 0 || !hasSelection);
|
|
3767
|
+
const showClear = !props.disableClear && (isSingleSelect() ? true : (!view.selectAll || hasSelection));
|
|
3768
|
+
const isClearDisabled = isSearching || isEmptyRowsAndHasNoSelection;
|
|
3765
3769
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
3766
|
-
view.selectAll && (React__namespace.default.createElement(LinkButton, { caption:
|
|
3770
|
+
view.selectAll && !hasSelection && (React__namespace.default.createElement(LinkButton, { caption: i18n.pickerModal.selectAllButton, onClick: () => view.selectAll.onValueChange(true) })),
|
|
3771
|
+
showClear && (React__namespace.default.createElement(LinkButton, { caption: isSingleSelect() ? i18n.pickerModal.clearButton : i18n.pickerModal.clearAllButton, onClick: () => clearSelection(), isDisabled: isClearDisabled })),
|
|
3767
3772
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
3768
3773
|
React__namespace.default.createElement(Button, { fill: "outline", color: "secondary", caption: i18n.pickerModal.cancelButton, onClick: () => props.abort() }),
|
|
3769
3774
|
React__namespace.default.createElement(Button, { color: "primary", caption: i18n.pickerModal.selectButton, onClick: () => props.success(selection) })));
|
|
@@ -3775,7 +3780,6 @@ function PickerModal(props) {
|
|
|
3775
3780
|
React__namespace.default.createElement(Text, { cx: css$D.noFoundModalContainerText, fontSize: "12", lineHeight: "18", color: "primary" }, i18n.dataPickerBody.noRecordsSubTitle)));
|
|
3776
3781
|
};
|
|
3777
3782
|
const dataRows = getRows();
|
|
3778
|
-
const isSearching = dataSourceState.search && dataSourceState.search.length > 0;
|
|
3779
3783
|
return (React__namespace.default.createElement(ModalBlocker, { ...props },
|
|
3780
3784
|
React__namespace.default.createElement(ModalWindow, { width: 600, height: 700, cx: css$D.body },
|
|
3781
3785
|
React__namespace.default.createElement(ModalHeader, { title: props.caption || i18n.pickerModal.headerTitle, onClose: () => props.abort() }),
|
|
@@ -3794,7 +3798,7 @@ function PickerModal(props) {
|
|
|
3794
3798
|
React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3795
3799
|
}
|
|
3796
3800
|
|
|
3797
|
-
var css$C = {"tooltip":"
|
|
3801
|
+
var css$C = {"tooltip":"_7VQh5K"};
|
|
3798
3802
|
|
|
3799
3803
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3800
3804
|
const tagProps = {
|
|
@@ -3813,7 +3817,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
3813
3817
|
}
|
|
3814
3818
|
});
|
|
3815
3819
|
|
|
3816
|
-
var css$B = {"root":"
|
|
3820
|
+
var css$B = {"root":"K7vE9u"};
|
|
3817
3821
|
|
|
3818
3822
|
const defaultMode = EditMode.FORM;
|
|
3819
3823
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3895,7 +3899,7 @@ function PickerInputComponent(props, ref) {
|
|
|
3895
3899
|
}
|
|
3896
3900
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
3897
3901
|
|
|
3898
|
-
var css$A = {"row":"
|
|
3902
|
+
var css$A = {"row":"IwF9YG"};
|
|
3899
3903
|
|
|
3900
3904
|
function PickerListRow(props) {
|
|
3901
3905
|
let label;
|
|
@@ -3915,7 +3919,7 @@ function PickerListRow(props) {
|
|
|
3915
3919
|
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
3920
|
}
|
|
3917
3921
|
|
|
3918
|
-
var css$z = {"root":"
|
|
3922
|
+
var css$z = {"root":"jKRfNt"};
|
|
3919
3923
|
|
|
3920
3924
|
function PickerList(props) {
|
|
3921
3925
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -3950,7 +3954,7 @@ function PickerList(props) {
|
|
|
3950
3954
|
}, selectedRows)));
|
|
3951
3955
|
}
|
|
3952
3956
|
|
|
3953
|
-
var css$y = {"root":"
|
|
3957
|
+
var css$y = {"root":"MUnQY4","wrapper":"qLrSnF","align-widgets-top":"oGasoT","alignWidgetsTop":"oGasoT","align-widgets-center":"KX2vNE","alignWidgetsCenter":"KX2vNE"};
|
|
3954
3958
|
|
|
3955
3959
|
function DataTableCell(initialProps) {
|
|
3956
3960
|
const props = { ...initialProps };
|
|
@@ -4000,7 +4004,7 @@ function DataTableCell(initialProps) {
|
|
|
4000
4004
|
return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
|
|
4001
4005
|
}
|
|
4002
4006
|
|
|
4003
|
-
var css$x = {"root":"
|
|
4007
|
+
var css$x = {"root":"_9qXIAw"};
|
|
4004
4008
|
|
|
4005
4009
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4006
4010
|
// 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 +4020,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
4016
4020
|
];
|
|
4017
4021
|
}, () => propsMods);
|
|
4018
4022
|
|
|
4019
|
-
var css$w = {"sorting-panel-container":"
|
|
4023
|
+
var css$w = {"sorting-panel-container":"Uiulqc","sortingPanelContainer":"Uiulqc"};
|
|
4020
4024
|
|
|
4021
4025
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
4022
4026
|
const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4036,7 +4040,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4036
4040
|
};
|
|
4037
4041
|
const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
|
|
4038
4042
|
|
|
4039
|
-
var css$v = {"root":"
|
|
4043
|
+
var css$v = {"root":"tRmsr6","caption-wrapper":"z26yOy","captionWrapper":"z26yOy","sort-icon":"lPAux3","sortIcon":"lPAux3","dropdown-icon":"QH1bS3","dropdownIcon":"QH1bS3","infoIcon":"_9hEpXm","align-right":"_0CYOdi","alignRight":"_0CYOdi","align-center":"WSR-qD","alignCenter":"WSR-qD","caption":"XoplaK","truncate":"zcHRGO","upper-case":"_9JIyMY","upperCase":"_9JIyMY","checkbox":"_6IU75n","icon":"pd3vQ-","fold-all-icon":"ZXNeH7","foldAllIcon":"ZXNeH7","cell-tooltip":"A20-gd","cellTooltip":"A20-gd","resizing-marker":"yURKpE","resizingMarker":"yURKpE","pinned-right":"_6fMKLm","pinnedRight":"_6fMKLm","draggable":"H5yqRE","ghost":"HTF-ML","is-dragged-out":"_2PnO0o","isDraggedOut":"_2PnO0o","dnd-marker-left":"MdzYjO","dndMarkerLeft":"MdzYjO","dnd-marker-right":"_4cFbQI","dndMarkerRight":"_4cFbQI","cell-tooltip-wrapper":"yd-qK5","cellTooltipWrapper":"yd-qK5","cell-tooltip-text":"d4MgYl","cellTooltipText":"d4MgYl","tooltip-caption":"W0DKMD","tooltipCaption":"W0DKMD","tooltip-info":"_67WG7E","tooltipInfo":"_67WG7E"};
|
|
4040
4044
|
|
|
4041
4045
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
4042
4046
|
constructor() {
|
|
@@ -4130,7 +4134,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
4130
4134
|
}
|
|
4131
4135
|
}
|
|
4132
4136
|
|
|
4133
|
-
var css$u = {"root":"
|
|
4137
|
+
var css$u = {"root":"AGldpI","caption-wrapper":"n-Ebb9","captionWrapper":"n-Ebb9","align-center":"_2h3Vrp","alignCenter":"_2h3Vrp","caption":"k1P4iA","truncate":"BbvYAb","upper-case":"eSIiRu","upperCase":"eSIiRu","group-cell-tooltip":"l4rPD6","groupCellTooltip":"l4rPD6","group-cell-tooltip-wrapper":"wna350","groupCellTooltipWrapper":"wna350","group-cell-tooltip-text":"_0M2zF5","groupCellTooltipText":"_0M2zF5","tooltip-caption":"MgWH-u","tooltipCaption":"MgWH-u","tooltip-info":"KtcIO5","tooltipInfo":"KtcIO5"};
|
|
4134
4138
|
|
|
4135
4139
|
class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
4136
4140
|
constructor() {
|
|
@@ -4170,7 +4174,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
|
4170
4174
|
}
|
|
4171
4175
|
}
|
|
4172
4176
|
|
|
4173
|
-
var css$t = {"root":"
|
|
4177
|
+
var css$t = {"root":"zTStpj"};
|
|
4174
4178
|
|
|
4175
4179
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4176
4180
|
renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4266,7 +4270,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4266
4270
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4267
4271
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4268
4272
|
|
|
4269
|
-
var css$s = {"body":"
|
|
4273
|
+
var css$s = {"body":"k-G4FY","header":"lOE-Bo","title":"eHRZwM","removeButton":"J-kobc","with-search":"XF500Q","withSearch":"XF500Q"};
|
|
4270
4274
|
|
|
4271
4275
|
function FilterColumnBody(props) {
|
|
4272
4276
|
const [predicate, setPredicate] = React.useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4327,7 +4331,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4327
4331
|
return columns;
|
|
4328
4332
|
};
|
|
4329
4333
|
|
|
4330
|
-
var css$r = {"unpin-icon":"
|
|
4334
|
+
var css$r = {"unpin-icon":"lWfWtb","unpinIcon":"lWfWtb","pin-toggler-icon":"cwYTaO","pinTogglerIcon":"cwYTaO"};
|
|
4331
4335
|
|
|
4332
4336
|
function PinIconButton(props) {
|
|
4333
4337
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4369,7 +4373,7 @@ function getUnpinIcon(params) {
|
|
|
4369
4373
|
}
|
|
4370
4374
|
}
|
|
4371
4375
|
|
|
4372
|
-
var css$q = {"row-wrapper":"
|
|
4376
|
+
var css$q = {"row-wrapper":"zg-xQd","rowWrapper":"zg-xQd","pin-icon-button":"QTXFID","pinIconButton":"QTXFID","not-pinned":"w3-fDt","notPinned":"w3-fDt","checkbox":"_7Y0YnM","drag-handle":"MFQzPb","dragHandle":"MFQzPb","dnd-disabled":"t5T0n2","dndDisabled":"t5T0n2"};
|
|
4373
4377
|
|
|
4374
4378
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4375
4379
|
const { column } = props;
|
|
@@ -4392,7 +4396,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4392
4396
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4393
4397
|
});
|
|
4394
4398
|
|
|
4395
|
-
var css$p = {"root":"
|
|
4399
|
+
var css$p = {"root":"MNsg-T","main-panel":"gH0Z99","mainPanel":"gH0Z99","group":"SwYeDc","group-title":"JbncFL","groupTitle":"JbncFL","group-items":"CQScJ9","groupItems":"CQScJ9","no-data":"_7ct3y7","noData":"_7ct3y7","no-data-title":"-SavyJ","noDataTitle":"-SavyJ","no-data-sub-title":"Mwh9nD","noDataSubTitle":"Mwh9nD","h-divider":"O0X-sF","hDivider":"O0X-sF","search-area":"pJUMvR","searchArea":"pJUMvR","subgroup-accordion":"ey-KdL","subgroupAccordion":"ey-KdL","subgroup":"_9H68g3","subgroup-title":"MuN-Ec","subgroupTitle":"MuN-Ec"};
|
|
4396
4400
|
|
|
4397
4401
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$p.group },
|
|
4398
4402
|
React__namespace.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -4494,7 +4498,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
4494
4498
|
return [children, rest];
|
|
4495
4499
|
};
|
|
4496
4500
|
|
|
4497
|
-
var css$o = {"listContainer":"
|
|
4501
|
+
var css$o = {"listContainer":"_1wkTLa","header":"TtT0Wp","group":"akcCOx","stickyHeader":"WMZHLB"};
|
|
4498
4502
|
|
|
4499
4503
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
4500
4504
|
const rowRef = React.useRef(undefined);
|
|
@@ -4534,7 +4538,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4534
4538
|
React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
4535
4539
|
}
|
|
4536
4540
|
|
|
4537
|
-
var css$n = {"root":"
|
|
4541
|
+
var css$n = {"root":"rbDCyE","sticky-header":"ARgOJi","stickyHeader":"ARgOJi","no-results":"jHJrIR","noResults":"jHJrIR","icon":"-HFNkT","title":"bol65N"};
|
|
4538
4542
|
|
|
4539
4543
|
function DataTable(props) {
|
|
4540
4544
|
const { uuiModals } = uuiCore.useUuiContext();
|
|
@@ -4583,7 +4587,7 @@ function DataTable(props) {
|
|
|
4583
4587
|
} }))));
|
|
4584
4588
|
}
|
|
4585
4589
|
|
|
4586
|
-
var css$m = {"root":"
|
|
4590
|
+
var css$m = {"root":"qSfU6y","title-wrapper":"wQ0Pjm","titleWrapper":"wQ0Pjm","title":"uL26oD","text-wrapper":"Fxb7JH","textWrapper":"Fxb7JH","selection":"xES-oY","postfix":"aQkYCL","selected":"L-v3-6"};
|
|
4587
4591
|
|
|
4588
4592
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4589
4593
|
const togglerPickerOpened = (e) => {
|
|
@@ -4807,7 +4811,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4807
4811
|
renderFooter()));
|
|
4808
4812
|
}
|
|
4809
4813
|
|
|
4810
|
-
var css$l = {"container":"
|
|
4814
|
+
var css$l = {"container":"_1of9yB"};
|
|
4811
4815
|
|
|
4812
4816
|
function FilterNumericBody(props) {
|
|
4813
4817
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -5118,7 +5122,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5118
5122
|
}
|
|
5119
5123
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
5120
5124
|
|
|
5121
|
-
var css$k = {"delete-button":"
|
|
5125
|
+
var css$k = {"delete-button":"_7bvbBv","deleteButton":"_7bvbBv","tab-button":"dOXeef","tabButton":"dOXeef","targetOpen":"vBjJ9n"};
|
|
5122
5126
|
|
|
5123
5127
|
function PresetActionsDropdown(props) {
|
|
5124
5128
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -5190,7 +5194,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5190
5194
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5191
5195
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5192
5196
|
|
|
5193
|
-
var css$j = {"preset-input-cell":"
|
|
5197
|
+
var css$j = {"preset-input-cell":"QjM1zW","presetInputCell":"QjM1zW","preset-input":"xOqutE","presetInput":"xOqutE"};
|
|
5194
5198
|
|
|
5195
5199
|
function PresetInput(props) {
|
|
5196
5200
|
const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
|
|
@@ -5217,7 +5221,7 @@ function PresetInput(props) {
|
|
|
5217
5221
|
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
5222
|
}
|
|
5219
5223
|
|
|
5220
|
-
var css$i = {"preset":"
|
|
5224
|
+
var css$i = {"preset":"RZ0RXO","activePreset":"Tiou3j"};
|
|
5221
5225
|
|
|
5222
5226
|
function Preset(props) {
|
|
5223
5227
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -5242,7 +5246,7 @@ function Preset(props) {
|
|
|
5242
5246
|
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
5247
|
}
|
|
5244
5248
|
|
|
5245
|
-
var css$h = {"divider":"
|
|
5249
|
+
var css$h = {"divider":"KehP6S","dropdownDeleteIcon":"FrRcHk","presetsWrapper":"JqbGYu","addPresetContainer":"W0Jmru","dropContainer":"XxlXNK"};
|
|
5246
5250
|
|
|
5247
5251
|
function PresetsPanel(props) {
|
|
5248
5252
|
const [isAddingPreset, setIsAddingPreset] = React.useState(false);
|
|
@@ -5291,9 +5295,9 @@ function PresetsPanel(props) {
|
|
|
5291
5295
|
React__namespace.default.createElement(uuiComponents.AdaptivePanel, { items: getPanelItems() }))));
|
|
5292
5296
|
}
|
|
5293
5297
|
|
|
5294
|
-
var css$g = {"root":"
|
|
5298
|
+
var css$g = {"root":"M6E-HT"};
|
|
5295
5299
|
|
|
5296
|
-
var css$f = {"root":"
|
|
5300
|
+
var css$f = {"root":"BLCR-L","burger-content":"rUK7HP","burgerContent":"rUK7HP"};
|
|
5297
5301
|
|
|
5298
5302
|
var _path$3;
|
|
5299
5303
|
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 +5340,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5336
5340
|
};
|
|
5337
5341
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
5338
5342
|
|
|
5339
|
-
var css$e = {"root":"
|
|
5343
|
+
var css$e = {"root":"yBHy-l","button-primary":"OJbfWX","buttonPrimary":"OJbfWX","button-secondary":"_3SNdjY","buttonSecondary":"_3SNdjY","hasIcon":"_6ZDMdW","dropdown":"ou7FhE"};
|
|
5340
5344
|
|
|
5341
5345
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
5342
5346
|
css$e.root,
|
|
@@ -5347,13 +5351,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
5347
5351
|
props.icon && css$e.hasIcon,
|
|
5348
5352
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5349
5353
|
|
|
5350
|
-
var css$d = {"search-input":"
|
|
5354
|
+
var css$d = {"search-input":"_6Jltu1","searchInput":"_6Jltu1"};
|
|
5351
5355
|
|
|
5352
5356
|
function BurgerSearch(props) {
|
|
5353
5357
|
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
5358
|
}
|
|
5355
5359
|
|
|
5356
|
-
var css$c = {"root":"
|
|
5360
|
+
var css$c = {"root":"PiF3EJ","group-header":"z1YzNh","groupHeader":"z1YzNh","group-name":"at3WXw","groupName":"at3WXw","line":"Ipm4YL"};
|
|
5357
5361
|
|
|
5358
5362
|
function BurgerGroupHeader(props) {
|
|
5359
5363
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5361,7 +5365,7 @@ function BurgerGroupHeader(props) {
|
|
|
5361
5365
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5362
5366
|
}
|
|
5363
5367
|
|
|
5364
|
-
var css$b = {"root":"
|
|
5368
|
+
var css$b = {"root":"rofkVl","type-primary":"oNKXWE","typePrimary":"oNKXWE","type-secondary":"ZH4X1-","typeSecondary":"ZH4X1-"};
|
|
5365
5369
|
|
|
5366
5370
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5367
5371
|
const { type, ...clickableProps } = props;
|
|
@@ -5383,7 +5387,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5383
5387
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5384
5388
|
});
|
|
5385
5389
|
|
|
5386
|
-
var css$a = {"dropdown-body":"
|
|
5390
|
+
var css$a = {"dropdown-body":"jJxy3t","dropdownBody":"jJxy3t"};
|
|
5387
5391
|
|
|
5388
5392
|
class MainMenuDropdown extends React__namespace.Component {
|
|
5389
5393
|
render() {
|
|
@@ -5442,12 +5446,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5442
5446
|
};
|
|
5443
5447
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5444
5448
|
|
|
5445
|
-
var css$9 = {"global-menu-btn":"
|
|
5449
|
+
var css$9 = {"global-menu-btn":"g7HOWr","globalMenuBtn":"g7HOWr","global-menu-icon":"eC4yNc","globalMenuIcon":"eC4yNc"};
|
|
5446
5450
|
|
|
5447
5451
|
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
5452
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5449
5453
|
|
|
5450
|
-
var css$8 = {"container":"
|
|
5454
|
+
var css$8 = {"container":"CRJwB1","open":"VYQM6K","folding-arrow":"tkVAbV","foldingArrow":"tkVAbV"};
|
|
5451
5455
|
|
|
5452
5456
|
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
5457
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5455,15 +5459,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5455
5459
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
5456
5460
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5457
5461
|
|
|
5458
|
-
var css$7 = {"search-input":"
|
|
5462
|
+
var css$7 = {"search-input":"GOnHX1","searchInput":"GOnHX1"};
|
|
5459
5463
|
|
|
5460
5464
|
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
5465
|
|
|
5462
|
-
var css$6 = {"container":"
|
|
5466
|
+
var css$6 = {"container":"L4d68Z"};
|
|
5463
5467
|
|
|
5464
5468
|
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
5469
|
|
|
5466
|
-
var css$5 = {"root":"
|
|
5470
|
+
var css$5 = {"root":"fIUppJ"};
|
|
5467
5471
|
|
|
5468
5472
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
5469
5473
|
|
|
@@ -5521,7 +5525,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5521
5525
|
};
|
|
5522
5526
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
5523
5527
|
|
|
5524
|
-
var css$4 = {"root":"
|
|
5528
|
+
var css$4 = {"root":"RhnjN5","drop-start":"EDEnHQ","dropStart":"EDEnHQ","drop-over":"g7zUKL","dropOver":"g7zUKL","link":"HwVUOR","drop-area":"nuoJ9k","dropArea":"nuoJ9k","drop-caption":"_81Ccjo","dropCaption":"_81Ccjo","icon-blue":"xKqB-j","iconBlue":"xKqB-j"};
|
|
5525
5529
|
|
|
5526
5530
|
function DropSpot(props) {
|
|
5527
5531
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5539,7 +5543,7 @@ function DropSpot(props) {
|
|
|
5539
5543
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5540
5544
|
}
|
|
5541
5545
|
|
|
5542
|
-
var css$3 = {"root":"
|
|
5546
|
+
var css$3 = {"root":"GrLvwK"};
|
|
5543
5547
|
|
|
5544
5548
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5545
5549
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5550,7 +5554,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
|
|
|
5550
5554
|
React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5551
5555
|
});
|
|
5552
5556
|
|
|
5553
|
-
var css$2 = {"root":"
|
|
5557
|
+
var css$2 = {"root":"X6Sif9","file-name":"PqDfA7","fileName":"PqDfA7","default-color":"_4e1Mlk","defaultColor":"_4e1Mlk","doc-color":"XW--jO","docColor":"XW--jO","xls-color":"lR8zAU","xlsColor":"lR8zAU","pdf-color":"VDnkP0","pdfColor":"VDnkP0","movie-color":"yuQ5-V","movieColor":"yuQ5-V","img-color":"_0AVFyv","imgColor":"_0AVFyv","mov-color":"BQHzuu","movColor":"BQHzuu","error-block":"tMQgs5","errorBlock":"tMQgs5","icons-block":"Qwtsqn","iconsBlock":"Qwtsqn"};
|
|
5554
5558
|
|
|
5555
5559
|
const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5556
5560
|
const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
|
|
@@ -5669,7 +5673,7 @@ const getErrorPageConfig = () => ({
|
|
|
5669
5673
|
},
|
|
5670
5674
|
});
|
|
5671
5675
|
|
|
5672
|
-
var css$1 = {"container":"
|
|
5676
|
+
var css$1 = {"container":"H9idJE"};
|
|
5673
5677
|
|
|
5674
5678
|
const ErrorPage = (props) => {
|
|
5675
5679
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5681,7 +5685,7 @@ const ErrorPage = (props) => {
|
|
|
5681
5685
|
props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5682
5686
|
};
|
|
5683
5687
|
|
|
5684
|
-
var css = {"recovery-spinner":"
|
|
5688
|
+
var css = {"recovery-spinner":"ilyroG","recoverySpinner":"ilyroG","recovery-message":"skCGDX","recoveryMessage":"skCGDX","modal-blocker":"_3LD2tx","modalBlocker":"_3LD2tx","modalFadeIn":"hfT64S"};
|
|
5685
5689
|
|
|
5686
5690
|
function ErrorHandler(props) {
|
|
5687
5691
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|