@epam/uui 6.2.0-alpha.1 → 6.2.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/widgets/DataRowAddons.d.ts.map +1 -1
- package/index.esm.js +110 -104
- package/index.esm.js.map +1 -1
- package/index.js +110 -104
- 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(#so5rmad7rvcg4bjgm_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: "so5rmaiu52j68aqp_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(#so5rmaiu52j68aqp_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: "so5rmad7rvcg4bjgm_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":"swtubk","uui-spinner":"vlpq4m","uuiSpinner":"vlpq4m"};
|
|
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":"_3kDq7o","loading-word":"prJ-cY","loadingWord":"prJ-cY","animated-loading":"AFTQa1","animatedLoading":"AFTQa1","skeleton_loading":"r7ke0l","skeletonLoading":"r7ke0l"};
|
|
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":"-f8lAu","line-height":"ZdVCMv","lineHeight":"ZdVCMv","font-size":"oPBD61","fontSize":"oPBD61"};
|
|
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":"BESAnm"};
|
|
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":"nLqJ4E"};
|
|
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":"S-UB7B"};
|
|
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":"_99KD6-"};
|
|
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":"iaCqV2"};
|
|
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":"sufzmE","withNotify":"_8Iqyd7"};
|
|
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":"Uz3QsF"};
|
|
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":"Y4vjCx"};
|
|
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":"_2z2Ynu"};
|
|
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":"Pipjeo"};
|
|
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":"GaLPp8"};
|
|
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":"jf5GjA"};
|
|
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":"z2UqEd"};
|
|
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":"ea7fge"};
|
|
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":"_9V3CJL"};
|
|
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":"ZFPYkY","timepicker-input":"L1dcBo","timepickerInput":"L1dcBo","ltr-always":"K2reK4","ltrAlways":"K2reK4"};
|
|
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":"FYglS-"};
|
|
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":"qF5NFi"};
|
|
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":"_93wnl5"};
|
|
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":"Et68-h","tooltip":"_--dTuc"};
|
|
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":"Na7HfU","main-path":"FMXSZt","mainPath":"FMXSZt","content-wrapper":"pyGwR-","contentWrapper":"pyGwR-","content":"GYLwV1","action-wrapper":"vHkcdW","actionWrapper":"vHkcdW","icon-wrapper":"ABKSq-","iconWrapper":"ABKSq-","icon":"avSEz-","close-icon":"-xznB8","closeIcon":"-xznB8"};
|
|
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":"pHdw-T","submenuRootItemRtl":"pHdw-T","icon-after":"OJyC0Z","iconAfter":"OJyC0Z","submenu-root-item":"cLB58e","submenuRootItem":"cLB58e","icon-check":"kC8EPl","iconCheck":"kC8EPl","splitter-root":"AMC0-5","splitterRoot":"AMC0-5","splitter":"uOIGWU","header-root":"j6mtyh","headerRoot":"j6mtyh","item-root":"fK5YiL","itemRoot":"fK5YiL","icon":"xM4vuV","link":"JP1ipM","indent":"HMKspL","selected-mark":"w1PiCh","selectedMark":"w1PiCh"};
|
|
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":"DQqkrY","mode-block":"fH2y0y","modeBlock":"fH2y0y","mode-inline":"YWNF9y","modeInline":"YWNF9y","padding-0":"enL-As","padding0":"enL-As","padding-6":"sWbbVt","padding6":"sWbbVt","padding-12":"K1vr99","padding12":"K1vr99","padding-18":"pWlHbT","padding18":"pWlHbT"};
|
|
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":"_1C6hvv","align-items":"viT8-O","alignItems":"viT8-O","justify-content":"uOw0I-","justifyContent":"uOw0I-","border-top":"_6uwZpp","borderTop":"_6uwZpp","border-bottom":"ed3zce","borderBottom":"ed3zce","top-shadow":"uRcfIV","topShadow":"uRcfIV","padding":"-C766q","margin":"_5WiaVm","vPadding":"XnKodA","column-gap":"ihuVkq","columnGap":"ihuVkq","row-gap":"_3HiCpt","rowGap":"_3HiCpt","spacing":"_0G0CWH"};
|
|
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":"_7oknl-","margin-24":"BCH9S0","margin24":"BCH9S0","padding-12":"-u3HDd","padding12":"-u3HDd","padding-24":"BJBXnw","padding24":"BJBXnw","shadow":"pJ7Tra","uui-surface-main":"vleANi","uuiSurfaceMain":"vleANi"};
|
|
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":"e5tcpt"};
|
|
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":"RS3Znw"};
|
|
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":"sGTbdF"};
|
|
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":"ZyfepS","scrollContainer":"ZyfepS","list-container":"FVGW2K","listContainer":"FVGW2K"};
|
|
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":"tWR3kt"};
|
|
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":"qUODMI","modal-blocker":"ifK49h","modalBlocker":"ifK49h","animateModalBlocker":"qlF0Si","modal":"DH5Z2N","modal-footer":"wx8O4l","modalFooter":"wx8O4l","border-top":"mdeiH3","borderTop":"mdeiH3","modal-header":"-wRu6i","modalHeader":"-wRu6i","border-bottom":"nsfT8G","borderBottom":"nsfT8G"};
|
|
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) => {
|
|
@@ -2545,7 +2545,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2545
2545
|
});
|
|
2546
2546
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2547
2547
|
|
|
2548
|
-
var css$$ = {"root":"
|
|
2548
|
+
var css$$ = {"root":"M9rQgZ","icon-wrapper":"sLSjXx","iconWrapper":"sLSjXx","action-wrapper":"vPJP5l","actionWrapper":"vPJP5l","close-icon":"SA8eK2","closeIcon":"SA8eK2","main-path":"RzJQIZ","mainPath":"RzJQIZ","content":"aOrLxG","close-wrapper":"WC2-VJ","closeWrapper":"WC2-VJ","clear-notifications":"ObL8EM","clearNotifications":"ObL8EM"};
|
|
2549
2549
|
|
|
2550
2550
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
2551
2551
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -2578,7 +2578,7 @@ function ClearNotification() {
|
|
|
2578
2578
|
React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2579
2579
|
}
|
|
2580
2580
|
|
|
2581
|
-
var css$_ = {"footer":"
|
|
2581
|
+
var css$_ = {"footer":"owWNoP"};
|
|
2582
2582
|
|
|
2583
2583
|
class ConfirmationModal extends React__namespace.Component {
|
|
2584
2584
|
render() {
|
|
@@ -2620,7 +2620,7 @@ function useReliableForceUpdate() {
|
|
|
2620
2620
|
return red[1];
|
|
2621
2621
|
}
|
|
2622
2622
|
|
|
2623
|
-
var css$Z = {"root":"
|
|
2623
|
+
var css$Z = {"root":"cK220Q","container":"FtVAtQ"};
|
|
2624
2624
|
|
|
2625
2625
|
const defaultFormat = 'MMM D, YYYY';
|
|
2626
2626
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2838,14 +2838,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2838
2838
|
React__namespace.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2839
2839
|
}
|
|
2840
2840
|
|
|
2841
|
-
var css$Y = {"root":"
|
|
2841
|
+
var css$Y = {"root":"_9ofnOx"};
|
|
2842
2842
|
|
|
2843
2843
|
function applyDateSelectionMods() {
|
|
2844
2844
|
return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2845
2845
|
}
|
|
2846
2846
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2847
2847
|
|
|
2848
|
-
var css$X = {"root":"
|
|
2848
|
+
var css$X = {"root":"_0Og3CF"};
|
|
2849
2849
|
|
|
2850
2850
|
const uuiDatePickerBody = {
|
|
2851
2851
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2966,7 +2966,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2966
2966
|
}
|
|
2967
2967
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
2968
2968
|
|
|
2969
|
-
var css$W = {"date-input":"
|
|
2969
|
+
var css$W = {"date-input":"o-pew4","dateInput":"o-pew4","root":"lcdJKP","separator":"_9Ed4Wa"};
|
|
2970
2970
|
|
|
2971
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) => {
|
|
2972
2972
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3037,7 +3037,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
3037
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 })));
|
|
3038
3038
|
});
|
|
3039
3039
|
|
|
3040
|
-
var css$V = {"root":"
|
|
3040
|
+
var css$V = {"root":"pZCxLI"};
|
|
3041
3041
|
|
|
3042
3042
|
const uuiPresets = {
|
|
3043
3043
|
container: 'uui-presets-container',
|
|
@@ -3057,7 +3057,7 @@ function CalendarPresets(props) {
|
|
|
3057
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 })))));
|
|
3058
3058
|
}
|
|
3059
3059
|
|
|
3060
|
-
var css$U = {"root":"
|
|
3060
|
+
var css$U = {"root":"A6KVww","container":"O-aOPr","day-selection":"f-gnnt","daySelection":"f-gnnt","from-picker":"Mpiilf","fromPicker":"Mpiilf","to-picker":"caEgSS","toPicker":"caEgSS","bodes-wrapper":"qRoeln","bodesWrapper":"qRoeln","blocker":"ytoP08"};
|
|
3061
3061
|
|
|
3062
3062
|
const uuiRangeDatePickerBody = {
|
|
3063
3063
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3259,7 +3259,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3259
3259
|
};
|
|
3260
3260
|
};
|
|
3261
3261
|
|
|
3262
|
-
var css$T = {"dropdown-container":"
|
|
3262
|
+
var css$T = {"dropdown-container":"abs1hj","dropdownContainer":"abs1hj"};
|
|
3263
3263
|
|
|
3264
3264
|
function RangeDatePickerComponent(props, ref) {
|
|
3265
3265
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3327,7 +3327,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3327
3327
|
}
|
|
3328
3328
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3329
3329
|
|
|
3330
|
-
var css$S = {"root":"
|
|
3330
|
+
var css$S = {"root":"on-o3g","blocker":"_0uP85S","marker":"KpXnaA","top":"YKi624","bottom":"jHhns7","left":"rdrKB3","right":"_35BaWK","inside":"TAg3rT"};
|
|
3331
3331
|
|
|
3332
3332
|
function DropMarker(props) {
|
|
3333
3333
|
return props.isDndInProgress
|
|
@@ -3344,15 +3344,15 @@ function DropMarker(props) {
|
|
|
3344
3344
|
|
|
3345
3345
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3346
3346
|
|
|
3347
|
-
var css$R = {"search-wrapper":"
|
|
3347
|
+
var css$R = {"search-wrapper":"cV-MZn","searchWrapper":"cV-MZn","no-data":"Y5kqHg","noData":"Y5kqHg"};
|
|
3348
3348
|
|
|
3349
|
-
var css$Q = {"picker-row":"
|
|
3349
|
+
var css$Q = {"picker-row":"_1xhV55","pickerRow":"_1xhV55","align-widgets-top":"p5XSxH","alignWidgetsTop":"p5XSxH","row-content":"dlHw-8","rowContent":"dlHw-8","align-widgets-center":"OyAt2X","alignWidgetsCenter":"OyAt2X","icon-container":"_08h-iq","iconContainer":"_08h-iq","content-wrapper":"fVienB","contentWrapper":"fVienB","icon-wrapper":"_94m5Ka","iconWrapper":"_94m5Ka","icon-default":"VfnBoS","iconDefault":"VfnBoS","selected-mark":"jDp6J-","selectedMark":"jDp6J-"};
|
|
3350
3350
|
|
|
3351
|
-
var css$P = {"root":"
|
|
3351
|
+
var css$P = {"root":"_86NRQl"};
|
|
3352
3352
|
|
|
3353
3353
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$P.root]);
|
|
3354
3354
|
|
|
3355
|
-
var css$O = {"root":"
|
|
3355
|
+
var css$O = {"root":"_4qT-dg"};
|
|
3356
3356
|
|
|
3357
3357
|
const DEFAULT_FILL = 'solid';
|
|
3358
3358
|
function applyBadgeMods(mods) {
|
|
@@ -3380,7 +3380,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
3380
3380
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3381
3381
|
});
|
|
3382
3382
|
|
|
3383
|
-
var css$N = {"root":"
|
|
3383
|
+
var css$N = {"root":"LNHyR-"};
|
|
3384
3384
|
|
|
3385
3385
|
function applyTagMods(props) {
|
|
3386
3386
|
return [
|
|
@@ -3408,7 +3408,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
3408
3408
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3409
3409
|
});
|
|
3410
3410
|
|
|
3411
|
-
var css$M = {"root":"
|
|
3411
|
+
var css$M = {"root":"FKoLYk","page":"-Ra7SI","spacer":"Oi9A1x","mode-ghost":"TpZYzP","modeGhost":"TpZYzP"};
|
|
3412
3412
|
|
|
3413
3413
|
function Paginator(props) {
|
|
3414
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 },
|
|
@@ -3425,14 +3425,14 @@ function Paginator(props) {
|
|
|
3425
3425
|
return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
|
|
3426
3426
|
}
|
|
3427
3427
|
|
|
3428
|
-
var css$L = {"root":"
|
|
3428
|
+
var css$L = {"root":"O49G0H","progress-bar":"oX3pvS","progressBar":"oX3pvS","progressBar-indeterminate":"QKuEjD","progressBarIndeterminate":"QKuEjD","size-12":"S-U8PS","size12":"S-U8PS","size-18":"QqQq--","size18":"QqQq--","size-24":"QZ9aGj","size24":"QZ9aGj"};
|
|
3429
3429
|
|
|
3430
3430
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3431
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}`]) },
|
|
3432
3432
|
React__namespace.createElement("div", { className: cx__default.default(css$L.progressBar) })));
|
|
3433
3433
|
});
|
|
3434
3434
|
|
|
3435
|
-
var css$K = {"root":"
|
|
3435
|
+
var css$K = {"root":"REaQX3","striped":"W0h6gP","animate-stripes":"_5I3FMZ","animateStripes":"_5I3FMZ","size-12":"qEKAxJ","size12":"qEKAxJ","size-18":"n5uxU0","size18":"n5uxU0","size-24":"rHeOEd","size24":"rHeOEd"};
|
|
3436
3436
|
|
|
3437
3437
|
const DEFAULT_SIZE = '12';
|
|
3438
3438
|
function applyProgressBarMods(mods) {
|
|
@@ -3447,14 +3447,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
3447
3447
|
hideLabel: props.hideLabel || props.striped,
|
|
3448
3448
|
}));
|
|
3449
3449
|
|
|
3450
|
-
var css$J = {"root":"
|
|
3450
|
+
var css$J = {"root":"_0sp5PJ"};
|
|
3451
3451
|
|
|
3452
3452
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3453
3453
|
const { progress } = props;
|
|
3454
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) }));
|
|
3455
3455
|
});
|
|
3456
3456
|
|
|
3457
|
-
var css$I = {"root":"
|
|
3457
|
+
var css$I = {"root":"_9sFjB5"};
|
|
3458
3458
|
|
|
3459
3459
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3460
3460
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -3469,7 +3469,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
3469
3469
|
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3470
3470
|
});
|
|
3471
3471
|
|
|
3472
|
-
var css$H = {"drag-handle-wrapper":"
|
|
3472
|
+
var css$H = {"drag-handle-wrapper":"m60Juc","dragHandleWrapper":"m60Juc","with-indent":"INTgRy","withIndent":"INTgRy","drag-handle":"waOWlA","dragHandle":"waOWlA","icon-container":"J0-rxs","iconContainer":"J0-rxs"};
|
|
3473
3473
|
|
|
3474
3474
|
function DataRowAddons(props) {
|
|
3475
3475
|
const row = props.rowProps;
|
|
@@ -3479,9 +3479,15 @@ function DataRowAddons(props) {
|
|
|
3479
3479
|
const getWidth = () => {
|
|
3480
3480
|
return settings.dataTable.sizes.body.indentWidthMap[props.size || settings.dataTable.sizes.body.row];
|
|
3481
3481
|
};
|
|
3482
|
+
const renderDragHandle = () => {
|
|
3483
|
+
if (props.renderDragHandle) {
|
|
3484
|
+
return props.renderDragHandle({ rowProps: props.rowProps, eventHandlers: props.eventHandlers });
|
|
3485
|
+
}
|
|
3486
|
+
return (React__namespace.default.createElement("div", { key: "dh", className: cx__default.default(css$H.dragHandleWrapper, row.indent > 0 && css$H.withIndent), style: { width: row.indent > 0 ? (getIndent() + getWidth()) : 0 }, ...props.eventHandlers },
|
|
3487
|
+
React__namespace.default.createElement(uuiComponents.DragHandle, { cx: css$H.dragHandle })));
|
|
3488
|
+
};
|
|
3482
3489
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
3483
|
-
row.dnd?.srcData &&
|
|
3484
|
-
React__namespace.default.createElement(uuiComponents.DragHandle, { cx: css$H.dragHandle }))),
|
|
3490
|
+
row.dnd?.srcData && renderDragHandle(),
|
|
3485
3491
|
row?.checkbox?.isVisible && (React__namespace.default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.dataTable.sizes.body.checkboxMap[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => row.onCheck?.(row), isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
|
|
3486
3492
|
row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: cx__default.default('uui-dr_addons-indent', `uui-size-${props.size || settings.dataTable.sizes.body.row}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__namespace.default.createElement(uuiComponents.IconContainer, { rawProps: {
|
|
3487
3493
|
'aria-label': row.isFolded ? 'Unfold' : 'Fold',
|
|
@@ -3556,7 +3562,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3556
3562
|
return getDecoratedText(str, ranges);
|
|
3557
3563
|
};
|
|
3558
3564
|
|
|
3559
|
-
var css$G = {"root":"
|
|
3565
|
+
var css$G = {"root":"JqGWN3","column-gap":"R-StN2","columnGap":"R-StN2","title":"uTzkPi","subtitle":"TjvwZW","disabled":"_5knY-v","multiline":"hENnBV"};
|
|
3560
3566
|
|
|
3561
3567
|
function PickerItem(props) {
|
|
3562
3568
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3730,7 +3736,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3730
3736
|
}
|
|
3731
3737
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
3732
3738
|
|
|
3733
|
-
var css$F = {"header":"
|
|
3739
|
+
var css$F = {"header":"oEDT8C","title":"v59QdI","close":"BoBuZz"};
|
|
3734
3740
|
|
|
3735
3741
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3736
3742
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3740,7 +3746,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3740
3746
|
};
|
|
3741
3747
|
const DataPickerMobileHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerMobileHeaderImpl);
|
|
3742
3748
|
|
|
3743
|
-
var css$E = {"done":"
|
|
3749
|
+
var css$E = {"done":"waKVFE","container":"hVKll1"};
|
|
3744
3750
|
|
|
3745
3751
|
const PickerBodyMobileView = (props) => {
|
|
3746
3752
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -3752,7 +3758,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
3752
3758
|
isMobileView && (React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
3753
3759
|
};
|
|
3754
3760
|
|
|
3755
|
-
var css$D = {"sub-header-wrapper":"
|
|
3761
|
+
var css$D = {"sub-header-wrapper":"PieDL8","subHeaderWrapper":"PieDL8","switch":"J4wJ8c","no-found-modal-container":"LyVu3k","noFoundModalContainer":"LyVu3k","no-found-modal-container-icon":"lx7d1l","noFoundModalContainerIcon":"lx7d1l","no-found-modal-container-text":"olFfKT","noFoundModalContainerText":"olFfKT","body":"YojBfI"};
|
|
3756
3762
|
|
|
3757
3763
|
function PickerModal(props) {
|
|
3758
3764
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
|
|
@@ -3798,7 +3804,7 @@ function PickerModal(props) {
|
|
|
3798
3804
|
React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3799
3805
|
}
|
|
3800
3806
|
|
|
3801
|
-
var css$C = {"tooltip":"
|
|
3807
|
+
var css$C = {"tooltip":"dq0ZYS"};
|
|
3802
3808
|
|
|
3803
3809
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3804
3810
|
const tagProps = {
|
|
@@ -3817,7 +3823,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
3817
3823
|
}
|
|
3818
3824
|
});
|
|
3819
3825
|
|
|
3820
|
-
var css$B = {"root":"
|
|
3826
|
+
var css$B = {"root":"CYvft5"};
|
|
3821
3827
|
|
|
3822
3828
|
const defaultMode = EditMode.FORM;
|
|
3823
3829
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3899,7 +3905,7 @@ function PickerInputComponent(props, ref) {
|
|
|
3899
3905
|
}
|
|
3900
3906
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
3901
3907
|
|
|
3902
|
-
var css$A = {"row":"
|
|
3908
|
+
var css$A = {"row":"Vy0vEb"};
|
|
3903
3909
|
|
|
3904
3910
|
function PickerListRow(props) {
|
|
3905
3911
|
let label;
|
|
@@ -3919,7 +3925,7 @@ function PickerListRow(props) {
|
|
|
3919
3925
|
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));
|
|
3920
3926
|
}
|
|
3921
3927
|
|
|
3922
|
-
var css$z = {"root":"
|
|
3928
|
+
var css$z = {"root":"PGZFGA"};
|
|
3923
3929
|
|
|
3924
3930
|
function PickerList(props) {
|
|
3925
3931
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -3954,7 +3960,7 @@ function PickerList(props) {
|
|
|
3954
3960
|
}, selectedRows)));
|
|
3955
3961
|
}
|
|
3956
3962
|
|
|
3957
|
-
var css$y = {"root":"
|
|
3963
|
+
var css$y = {"root":"f42u0w","wrapper":"RCY3ow","align-widgets-top":"GATkWR","alignWidgetsTop":"GATkWR","align-widgets-center":"KZzjoA","alignWidgetsCenter":"KZzjoA"};
|
|
3958
3964
|
|
|
3959
3965
|
function DataTableCell(initialProps) {
|
|
3960
3966
|
const props = { ...initialProps };
|
|
@@ -4004,7 +4010,7 @@ function DataTableCell(initialProps) {
|
|
|
4004
4010
|
return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
|
|
4005
4011
|
}
|
|
4006
4012
|
|
|
4007
|
-
var css$x = {"root":"
|
|
4013
|
+
var css$x = {"root":"ujAZz6"};
|
|
4008
4014
|
|
|
4009
4015
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4010
4016
|
// 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.
|
|
@@ -4020,7 +4026,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
4020
4026
|
];
|
|
4021
4027
|
}, () => propsMods);
|
|
4022
4028
|
|
|
4023
|
-
var css$w = {"sorting-panel-container":"
|
|
4029
|
+
var css$w = {"sorting-panel-container":"OMTweC","sortingPanelContainer":"OMTweC"};
|
|
4024
4030
|
|
|
4025
4031
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
4026
4032
|
const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4040,7 +4046,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4040
4046
|
};
|
|
4041
4047
|
const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
|
|
4042
4048
|
|
|
4043
|
-
var css$v = {"root":"
|
|
4049
|
+
var css$v = {"root":"l2NB6i","caption-wrapper":"XXWlCJ","captionWrapper":"XXWlCJ","sort-icon":"quLMvO","sortIcon":"quLMvO","dropdown-icon":"l-8IVJ","dropdownIcon":"l-8IVJ","infoIcon":"-AWRcg","align-right":"zZf-to","alignRight":"zZf-to","align-center":"hpIA5e","alignCenter":"hpIA5e","caption":"_-4G-TA","truncate":"AJaSY-","upper-case":"UeI7jU","upperCase":"UeI7jU","checkbox":"LIWlXZ","icon":"wnoXPz","fold-all-icon":"XFn5Jk","foldAllIcon":"XFn5Jk","cell-tooltip":"JEq0DA","cellTooltip":"JEq0DA","resizing-marker":"v-DUDd","resizingMarker":"v-DUDd","pinned-right":"LXSl9T","pinnedRight":"LXSl9T","draggable":"BoHO3D","ghost":"_3FNaub","is-dragged-out":"YKj-hN","isDraggedOut":"YKj-hN","dnd-marker-left":"GQDpx-","dndMarkerLeft":"GQDpx-","dnd-marker-right":"MvoW9y","dndMarkerRight":"MvoW9y","cell-tooltip-wrapper":"Qy77eH","cellTooltipWrapper":"Qy77eH","cell-tooltip-text":"vb9byC","cellTooltipText":"vb9byC","tooltip-caption":"_9Qn9I1","tooltipCaption":"_9Qn9I1","tooltip-info":"LY7oG8","tooltipInfo":"LY7oG8"};
|
|
4044
4050
|
|
|
4045
4051
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
4046
4052
|
constructor() {
|
|
@@ -4134,7 +4140,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
4134
4140
|
}
|
|
4135
4141
|
}
|
|
4136
4142
|
|
|
4137
|
-
var css$u = {"root":"
|
|
4143
|
+
var css$u = {"root":"FGivmS","caption-wrapper":"dXvmNi","captionWrapper":"dXvmNi","align-center":"dNpR45","alignCenter":"dNpR45","caption":"KBNKiQ","truncate":"_3GvGEA","upper-case":"OlODep","upperCase":"OlODep","group-cell-tooltip":"xkHg2l","groupCellTooltip":"xkHg2l","group-cell-tooltip-wrapper":"Pl8RC2","groupCellTooltipWrapper":"Pl8RC2","group-cell-tooltip-text":"EOogj3","groupCellTooltipText":"EOogj3","tooltip-caption":"kCO1bE","tooltipCaption":"kCO1bE","tooltip-info":"CBtnqx","tooltipInfo":"CBtnqx"};
|
|
4138
4144
|
|
|
4139
4145
|
class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
4140
4146
|
constructor() {
|
|
@@ -4174,7 +4180,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
|
4174
4180
|
}
|
|
4175
4181
|
}
|
|
4176
4182
|
|
|
4177
|
-
var css$t = {"root":"
|
|
4183
|
+
var css$t = {"root":"WSZi-A"};
|
|
4178
4184
|
|
|
4179
4185
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4180
4186
|
renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4270,7 +4276,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4270
4276
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4271
4277
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4272
4278
|
|
|
4273
|
-
var css$s = {"body":"
|
|
4279
|
+
var css$s = {"body":"Wy20Yk","header":"ClBJQT","title":"i-QGBP","removeButton":"fj0Ums","with-search":"CY0mgV","withSearch":"CY0mgV"};
|
|
4274
4280
|
|
|
4275
4281
|
function FilterColumnBody(props) {
|
|
4276
4282
|
const [predicate, setPredicate] = React.useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4331,7 +4337,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4331
4337
|
return columns;
|
|
4332
4338
|
};
|
|
4333
4339
|
|
|
4334
|
-
var css$r = {"unpin-icon":"
|
|
4340
|
+
var css$r = {"unpin-icon":"_5Kvn0A","unpinIcon":"_5Kvn0A","pin-toggler-icon":"FMU5qi","pinTogglerIcon":"FMU5qi"};
|
|
4335
4341
|
|
|
4336
4342
|
function PinIconButton(props) {
|
|
4337
4343
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4373,7 +4379,7 @@ function getUnpinIcon(params) {
|
|
|
4373
4379
|
}
|
|
4374
4380
|
}
|
|
4375
4381
|
|
|
4376
|
-
var css$q = {"row-wrapper":"
|
|
4382
|
+
var css$q = {"row-wrapper":"_5NUQky","rowWrapper":"_5NUQky","pin-icon-button":"ILixCV","pinIconButton":"ILixCV","not-pinned":"MimAcI","notPinned":"MimAcI","checkbox":"KkDtc4","drag-handle":"pQaryi","dragHandle":"pQaryi","dnd-disabled":"_5EFtiE","dndDisabled":"_5EFtiE"};
|
|
4377
4383
|
|
|
4378
4384
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4379
4385
|
const { column } = props;
|
|
@@ -4396,7 +4402,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4396
4402
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4397
4403
|
});
|
|
4398
4404
|
|
|
4399
|
-
var css$p = {"root":"
|
|
4405
|
+
var css$p = {"root":"ZmcE6j","main-panel":"_9WcpXI","mainPanel":"_9WcpXI","group":"ao8qTE","group-title":"k1B9tu","groupTitle":"k1B9tu","group-items":"luMI7Y","groupItems":"luMI7Y","no-data":"Lf4tRM","noData":"Lf4tRM","no-data-title":"yMJ23B","noDataTitle":"yMJ23B","no-data-sub-title":"VRWDvP","noDataSubTitle":"VRWDvP","h-divider":"KGfWpw","hDivider":"KGfWpw","search-area":"s7wecD","searchArea":"s7wecD","subgroup-accordion":"jxCvwV","subgroupAccordion":"jxCvwV","subgroup":"_3ymtH3","subgroup-title":"daqVTp","subgroupTitle":"daqVTp"};
|
|
4400
4406
|
|
|
4401
4407
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$p.group },
|
|
4402
4408
|
React__namespace.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -4498,7 +4504,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
4498
4504
|
return [children, rest];
|
|
4499
4505
|
};
|
|
4500
4506
|
|
|
4501
|
-
var css$o = {"listContainer":"
|
|
4507
|
+
var css$o = {"listContainer":"p5UWNR","header":"Ognu5z","group":"g1adbD","stickyHeader":"z-VW5y"};
|
|
4502
4508
|
|
|
4503
4509
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
4504
4510
|
const rowRef = React.useRef(undefined);
|
|
@@ -4538,7 +4544,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4538
4544
|
React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
4539
4545
|
}
|
|
4540
4546
|
|
|
4541
|
-
var css$n = {"root":"
|
|
4547
|
+
var css$n = {"root":"M2la1y","sticky-header":"kpkmhl","stickyHeader":"kpkmhl","no-results":"c-N6ww","noResults":"c-N6ww","icon":"_9nJQbS","title":"O0dTO1"};
|
|
4542
4548
|
|
|
4543
4549
|
function DataTable(props) {
|
|
4544
4550
|
const { uuiModals } = uuiCore.useUuiContext();
|
|
@@ -4590,7 +4596,7 @@ function DataTable(props) {
|
|
|
4590
4596
|
: (React__namespace.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderTableBody, cx: classes, isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: rawProps })))));
|
|
4591
4597
|
}
|
|
4592
4598
|
|
|
4593
|
-
var css$m = {"root":"
|
|
4599
|
+
var css$m = {"root":"IVVu0T","title-wrapper":"_3D6iLk","titleWrapper":"_3D6iLk","title":"_6e7qWt","text-wrapper":"fZ4ZKC","textWrapper":"fZ4ZKC","selection":"npHb02","postfix":"Y8Gb0L","selected":"SJ96bk"};
|
|
4594
4600
|
|
|
4595
4601
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4596
4602
|
const togglerPickerOpened = (e) => {
|
|
@@ -4814,7 +4820,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4814
4820
|
renderFooter()));
|
|
4815
4821
|
}
|
|
4816
4822
|
|
|
4817
|
-
var css$l = {"container":"
|
|
4823
|
+
var css$l = {"container":"DDgCfF"};
|
|
4818
4824
|
|
|
4819
4825
|
function FilterNumericBody(props) {
|
|
4820
4826
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -5125,7 +5131,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5125
5131
|
}
|
|
5126
5132
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
5127
5133
|
|
|
5128
|
-
var css$k = {"delete-button":"
|
|
5134
|
+
var css$k = {"delete-button":"BdTbNL","deleteButton":"BdTbNL","tab-button":"izaDkg","tabButton":"izaDkg","targetOpen":"dIv3EY"};
|
|
5129
5135
|
|
|
5130
5136
|
function PresetActionsDropdown(props) {
|
|
5131
5137
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -5197,7 +5203,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5197
5203
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5198
5204
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5199
5205
|
|
|
5200
|
-
var css$j = {"preset-input-cell":"
|
|
5206
|
+
var css$j = {"preset-input-cell":"OphRUB","presetInputCell":"OphRUB","preset-input":"k1nIpI","presetInput":"k1nIpI"};
|
|
5201
5207
|
|
|
5202
5208
|
function PresetInput(props) {
|
|
5203
5209
|
const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
|
|
@@ -5224,7 +5230,7 @@ function PresetInput(props) {
|
|
|
5224
5230
|
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 })));
|
|
5225
5231
|
}
|
|
5226
5232
|
|
|
5227
|
-
var css$i = {"preset":"
|
|
5233
|
+
var css$i = {"preset":"Y2ikKC","activePreset":"uVr9V9"};
|
|
5228
5234
|
|
|
5229
5235
|
function Preset(props) {
|
|
5230
5236
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -5249,7 +5255,7 @@ function Preset(props) {
|
|
|
5249
5255
|
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 }))));
|
|
5250
5256
|
}
|
|
5251
5257
|
|
|
5252
|
-
var css$h = {"divider":"
|
|
5258
|
+
var css$h = {"divider":"_3uoM3m","dropdownDeleteIcon":"QW1M--","presetsWrapper":"JCT1Uh","addPresetContainer":"-tGN5-","dropContainer":"bVX2aa"};
|
|
5253
5259
|
|
|
5254
5260
|
function PresetsPanel(props) {
|
|
5255
5261
|
const [isAddingPreset, setIsAddingPreset] = React.useState(false);
|
|
@@ -5298,9 +5304,9 @@ function PresetsPanel(props) {
|
|
|
5298
5304
|
React__namespace.default.createElement(uuiComponents.AdaptivePanel, { items: getPanelItems() }))));
|
|
5299
5305
|
}
|
|
5300
5306
|
|
|
5301
|
-
var css$g = {"root":"
|
|
5307
|
+
var css$g = {"root":"dZKxBx"};
|
|
5302
5308
|
|
|
5303
|
-
var css$f = {"root":"
|
|
5309
|
+
var css$f = {"root":"_1bWXqs","burger-content":"_-5iEeZ","burgerContent":"_-5iEeZ"};
|
|
5304
5310
|
|
|
5305
5311
|
var _path$3;
|
|
5306
5312
|
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); }
|
|
@@ -5343,7 +5349,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5343
5349
|
};
|
|
5344
5350
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
5345
5351
|
|
|
5346
|
-
var css$e = {"root":"
|
|
5352
|
+
var css$e = {"root":"uXTAl5","button-primary":"F4y5-n","buttonPrimary":"F4y5-n","button-secondary":"clr6Jv","buttonSecondary":"clr6Jv","hasIcon":"xiiW6e","dropdown":"HM56dj"};
|
|
5347
5353
|
|
|
5348
5354
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
5349
5355
|
css$e.root,
|
|
@@ -5354,13 +5360,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
5354
5360
|
props.icon && css$e.hasIcon,
|
|
5355
5361
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5356
5362
|
|
|
5357
|
-
var css$d = {"search-input":"
|
|
5363
|
+
var css$d = {"search-input":"_3GOVDt","searchInput":"_3GOVDt"};
|
|
5358
5364
|
|
|
5359
5365
|
function BurgerSearch(props) {
|
|
5360
5366
|
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 }));
|
|
5361
5367
|
}
|
|
5362
5368
|
|
|
5363
|
-
var css$c = {"root":"
|
|
5369
|
+
var css$c = {"root":"uk6e8i","group-header":"X7bZPO","groupHeader":"X7bZPO","group-name":"Rd7BT8","groupName":"Rd7BT8","line":"MSoAYj"};
|
|
5364
5370
|
|
|
5365
5371
|
function BurgerGroupHeader(props) {
|
|
5366
5372
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5368,7 +5374,7 @@ function BurgerGroupHeader(props) {
|
|
|
5368
5374
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5369
5375
|
}
|
|
5370
5376
|
|
|
5371
|
-
var css$b = {"root":"
|
|
5377
|
+
var css$b = {"root":"KagEMM","type-primary":"KxhHzJ","typePrimary":"KxhHzJ","type-secondary":"WGY-78","typeSecondary":"WGY-78"};
|
|
5372
5378
|
|
|
5373
5379
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5374
5380
|
const { type, ...clickableProps } = props;
|
|
@@ -5390,7 +5396,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5390
5396
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5391
5397
|
});
|
|
5392
5398
|
|
|
5393
|
-
var css$a = {"dropdown-body":"
|
|
5399
|
+
var css$a = {"dropdown-body":"XnVPJS","dropdownBody":"XnVPJS"};
|
|
5394
5400
|
|
|
5395
5401
|
class MainMenuDropdown extends React__namespace.Component {
|
|
5396
5402
|
render() {
|
|
@@ -5449,12 +5455,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5449
5455
|
};
|
|
5450
5456
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5451
5457
|
|
|
5452
|
-
var css$9 = {"global-menu-btn":"
|
|
5458
|
+
var css$9 = {"global-menu-btn":"sOnX4O","globalMenuBtn":"sOnX4O","global-menu-icon":"_7Kjl2N","globalMenuIcon":"_7Kjl2N"};
|
|
5453
5459
|
|
|
5454
5460
|
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 },
|
|
5455
5461
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5456
5462
|
|
|
5457
|
-
var css$8 = {"container":"
|
|
5463
|
+
var css$8 = {"container":"_1rHVEs","open":"gTpu-f","folding-arrow":"N4ddZ-","foldingArrow":"N4ddZ-"};
|
|
5458
5464
|
|
|
5459
5465
|
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 },
|
|
5460
5466
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5462,15 +5468,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5462
5468
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
5463
5469
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5464
5470
|
|
|
5465
|
-
var css$7 = {"search-input":"
|
|
5471
|
+
var css$7 = {"search-input":"HvmqXw","searchInput":"HvmqXw"};
|
|
5466
5472
|
|
|
5467
5473
|
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 })) })));
|
|
5468
5474
|
|
|
5469
|
-
var css$6 = {"container":"
|
|
5475
|
+
var css$6 = {"container":"sIJHtT"};
|
|
5470
5476
|
|
|
5471
5477
|
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 })));
|
|
5472
5478
|
|
|
5473
|
-
var css$5 = {"root":"
|
|
5479
|
+
var css$5 = {"root":"_1E-KZz"};
|
|
5474
5480
|
|
|
5475
5481
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
5476
5482
|
|
|
@@ -5528,7 +5534,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5528
5534
|
};
|
|
5529
5535
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
5530
5536
|
|
|
5531
|
-
var css$4 = {"root":"
|
|
5537
|
+
var css$4 = {"root":"qHuwCn","drop-start":"CYFcgP","dropStart":"CYFcgP","drop-over":"H7acK3","dropOver":"H7acK3","link":"LddVu7","drop-area":"FLX-HM","dropArea":"FLX-HM","drop-caption":"ezSx52","dropCaption":"ezSx52","icon-blue":"MWrAj-","iconBlue":"MWrAj-"};
|
|
5532
5538
|
|
|
5533
5539
|
function DropSpot(props) {
|
|
5534
5540
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5546,7 +5552,7 @@ function DropSpot(props) {
|
|
|
5546
5552
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5547
5553
|
}
|
|
5548
5554
|
|
|
5549
|
-
var css$3 = {"root":"
|
|
5555
|
+
var css$3 = {"root":"NWOiVA"};
|
|
5550
5556
|
|
|
5551
5557
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5552
5558
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5557,7 +5563,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
|
|
|
5557
5563
|
React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5558
5564
|
});
|
|
5559
5565
|
|
|
5560
|
-
var css$2 = {"root":"
|
|
5566
|
+
var css$2 = {"root":"qPF4K9","file-name":"sqZWd8","fileName":"sqZWd8","default-color":"_5BqquI","defaultColor":"_5BqquI","doc-color":"r-neiO","docColor":"r-neiO","xls-color":"OkQHGA","xlsColor":"OkQHGA","pdf-color":"_8i9y3S","pdfColor":"_8i9y3S","movie-color":"b7ZF3i","movieColor":"b7ZF3i","img-color":"sqDNfL","imgColor":"sqDNfL","mov-color":"vtyJQg","movColor":"vtyJQg","error-block":"U1PT-R","errorBlock":"U1PT-R","icons-block":"swxJt7","iconsBlock":"swxJt7"};
|
|
5561
5567
|
|
|
5562
5568
|
const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5563
5569
|
const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
|
|
@@ -5676,7 +5682,7 @@ const getErrorPageConfig = () => ({
|
|
|
5676
5682
|
},
|
|
5677
5683
|
});
|
|
5678
5684
|
|
|
5679
|
-
var css$1 = {"container":"
|
|
5685
|
+
var css$1 = {"container":"SZfHHg"};
|
|
5680
5686
|
|
|
5681
5687
|
const ErrorPage = (props) => {
|
|
5682
5688
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5688,7 +5694,7 @@ const ErrorPage = (props) => {
|
|
|
5688
5694
|
props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5689
5695
|
};
|
|
5690
5696
|
|
|
5691
|
-
var css = {"recovery-spinner":"
|
|
5697
|
+
var css = {"recovery-spinner":"BOObZW","recoverySpinner":"BOObZW","recovery-message":"VAb36R","recoveryMessage":"VAb36R","modal-blocker":"gPQ4YD","modalBlocker":"gPQ4YD","modalFadeIn":"LKuqxx"};
|
|
5692
5698
|
|
|
5693
5699
|
function ErrorHandler(props) {
|
|
5694
5700
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|