@epam/uui 6.2.0-alpha.0 → 6.2.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/tables/DataTableCell.d.ts +2 -1
- package/components/tables/DataTableCell.d.ts.map +1 -1
- package/components/widgets/DataRowAddons.d.ts +13 -0
- package/components/widgets/DataRowAddons.d.ts.map +1 -1
- package/index.esm.js +103 -103
- package/index.esm.js.map +1 -1
- package/index.js +103 -103
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +1 -1
- package/styles.css +998 -998
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(#pxu3dpkkfrk57q78_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: "pxu3dps2s3cznkxu_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(#pxu3dps2s3cznkxu_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: "pxu3dpkkfrk57q78_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":"-j8Toh","uui-spinner":"G2V-2l","uuiSpinner":"G2V-2l"};
|
|
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":"mdaZZU","loading-word":"WHpZG2","loadingWord":"WHpZG2","animated-loading":"lwJdgp","animatedLoading":"lwJdgp","skeleton_loading":"diKlf3","skeletonLoading":"diKlf3"};
|
|
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":"_2yjZKV","line-height":"CC7NYQ","lineHeight":"CC7NYQ","font-size":"ZMrs-v","fontSize":"ZMrs-v"};
|
|
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":"Me2Y1h"};
|
|
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":"Ky8xM3"};
|
|
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":"ouqM3Q"};
|
|
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":"G7ZpLI"};
|
|
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":"YWTsmx"};
|
|
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":"_2NG8vY","withNotify":"rY5QnC"};
|
|
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":"dGfIFZ"};
|
|
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":"qTShix"};
|
|
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":"aBnd7h"};
|
|
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":"F-n9uw"};
|
|
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":"CbbjCY"};
|
|
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":"_2gazGk"};
|
|
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":"Y4Wqni"};
|
|
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":"JyYBL4"};
|
|
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":"bvNGK8"};
|
|
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":"NkcGC-","timepicker-input":"aqCWU7","timepickerInput":"aqCWU7","ltr-always":"Ob9a5S","ltrAlways":"Ob9a5S"};
|
|
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":"QVG-ob"};
|
|
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":"jt0uz5"};
|
|
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":"JLdMAo"};
|
|
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":"d5W4LQ","tooltip":"tf6DQe"};
|
|
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":"fSqbcC","main-path":"goGfbv","mainPath":"goGfbv","content-wrapper":"mjQCiG","contentWrapper":"mjQCiG","content":"FAfZlI","action-wrapper":"olMWoR","actionWrapper":"olMWoR","icon-wrapper":"_11bB6s","iconWrapper":"_11bB6s","icon":"UVWdOM","close-icon":"KmgR-V","closeIcon":"KmgR-V"};
|
|
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":"Tmh02M","submenuRootItemRtl":"Tmh02M","icon-after":"pPzH35","iconAfter":"pPzH35","submenu-root-item":"kv1gpI","submenuRootItem":"kv1gpI","icon-check":"D9UXyH","iconCheck":"D9UXyH","splitter-root":"zmOrdh","splitterRoot":"zmOrdh","splitter":"g8UvmL","header-root":"Y7vMtY","headerRoot":"Y7vMtY","item-root":"FpGPNb","itemRoot":"FpGPNb","icon":"bQkZs-","link":"nlt-9c","indent":"hq5ziA","selected-mark":"v9l1CT","selectedMark":"v9l1CT"};
|
|
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":"C6ayBd","mode-block":"_2-yoaa","modeBlock":"_2-yoaa","mode-inline":"dr4wia","modeInline":"dr4wia","padding-0":"qMjTQU","padding0":"qMjTQU","padding-6":"m-6c67","padding6":"m-6c67","padding-12":"C04GFd","padding12":"C04GFd","padding-18":"ULNPaH","padding18":"ULNPaH"};
|
|
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":"qEK-sY","align-items":"MUKGA5","alignItems":"MUKGA5","justify-content":"vycd5U","justifyContent":"vycd5U","border-top":"fnmdO2","borderTop":"fnmdO2","border-bottom":"KVZJL5","borderBottom":"KVZJL5","top-shadow":"jY0TqA","topShadow":"jY0TqA","padding":"_59FCWP","margin":"GPkUnk","vPadding":"gd2rHw","column-gap":"_0eGQAP","columnGap":"_0eGQAP","row-gap":"kzMBsf","rowGap":"kzMBsf","spacing":"G-Qa5M"};
|
|
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":"dlD2jr","margin-24":"_2GEm1T","margin24":"_2GEm1T","padding-12":"LMMJX-","padding12":"LMMJX-","padding-24":"D4IuAM","padding24":"D4IuAM","shadow":"Pjp5N5","uui-surface-main":"_2FSa70","uuiSurfaceMain":"_2FSa70"};
|
|
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":"ZQ6Ao0"};
|
|
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":"ettXS0"};
|
|
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":"xTW7zk"};
|
|
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":"NhmxuO","scrollContainer":"NhmxuO","list-container":"CGEnwy","listContainer":"CGEnwy"};
|
|
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":"bQO4tj"};
|
|
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":"n23IgM","modal-blocker":"Ig3eKB","modalBlocker":"Ig3eKB","animateModalBlocker":"ayRSYI","modal":"EkCLw4","modal-footer":"gsrobQ","modalFooter":"gsrobQ","border-top":"ojRFyX","borderTop":"ojRFyX","modal-header":"kIlPOM","modalHeader":"kIlPOM","border-bottom":"SkE24f","borderBottom":"SkE24f"};
|
|
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":"Ko7CYO","icon-wrapper":"N8yQa2","iconWrapper":"N8yQa2","action-wrapper":"-ax14Z","actionWrapper":"-ax14Z","close-icon":"_-657we","closeIcon":"_-657we","main-path":"s91OJc","mainPath":"s91OJc","content":"_2fWASQ","close-wrapper":"g1pTQT","closeWrapper":"g1pTQT","clear-notifications":"sxbVwS","clearNotifications":"sxbVwS"};
|
|
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":"TlzsNy"};
|
|
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":"AHcsmF","container":"_5c45Gt"};
|
|
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":"imS0Qa"};
|
|
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":"vm2lb-"};
|
|
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":"s6RPJQ","dateInput":"s6RPJQ","root":"NwfIe8","separator":"iDvEil"};
|
|
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":"I3ELmk"};
|
|
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":"dgVYDm","container":"TZuTM6","day-selection":"wqXFws","daySelection":"wqXFws","from-picker":"rP-XP9","fromPicker":"rP-XP9","to-picker":"viBwIK","toPicker":"viBwIK","bodes-wrapper":"_6jnlQQ","bodesWrapper":"_6jnlQQ","blocker":"U9NssR"};
|
|
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":"_-8GsLc","dropdownContainer":"_-8GsLc"};
|
|
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":"I3lz0y","blocker":"HfC1Vv","marker":"_2OYKwX","top":"Lwwj0q","bottom":"wKgrlS","left":"I8ikf3","right":"m3hChf","inside":"SNKmz1"};
|
|
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":"_8BgQp0","searchWrapper":"_8BgQp0","no-data":"yqTypp","noData":"yqTypp"};
|
|
3348
3348
|
|
|
3349
|
-
var css$Q = {"picker-row":"
|
|
3349
|
+
var css$Q = {"picker-row":"C-GfJT","pickerRow":"C-GfJT","align-widgets-top":"zKlyn9","alignWidgetsTop":"zKlyn9","row-content":"C5AwCP","rowContent":"C5AwCP","align-widgets-center":"_0Lk02B","alignWidgetsCenter":"_0Lk02B","icon-container":"tMYRMb","iconContainer":"tMYRMb","content-wrapper":"PDHA8t","contentWrapper":"PDHA8t","icon-wrapper":"-u-X-o","iconWrapper":"-u-X-o","icon-default":"_3iuS-p","iconDefault":"_3iuS-p","selected-mark":"LEqmBj","selectedMark":"LEqmBj"};
|
|
3350
3350
|
|
|
3351
|
-
var css$P = {"root":"
|
|
3351
|
+
var css$P = {"root":"_0fDfl0"};
|
|
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":"G5G6C5"};
|
|
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":"ERiwmG"};
|
|
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":"Yg35V7","page":"loh5yC","spacer":"_9MtNxN","mode-ghost":"txYmoC","modeGhost":"txYmoC"};
|
|
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":"KwtrlV","progress-bar":"QOg-JM","progressBar":"QOg-JM","progressBar-indeterminate":"ofNDml","progressBarIndeterminate":"ofNDml","size-12":"ywf2rA","size12":"ywf2rA","size-18":"UoJo19","size18":"UoJo19","size-24":"YCy6h8","size24":"YCy6h8"};
|
|
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":"iEwjaX","striped":"Fa-Xg2","animate-stripes":"wW2v8P","animateStripes":"wW2v8P","size-12":"-topj7","size12":"-topj7","size-18":"A4swnj","size18":"A4swnj","size-24":"-GURK9","size24":"-GURK9"};
|
|
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":"jkoKPL"};
|
|
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":"b7kSHL"};
|
|
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":"_4R-E9h","dragHandleWrapper":"_4R-E9h","with-indent":"_1S86xu","withIndent":"_1S86xu","drag-handle":"dN-S5X","dragHandle":"dN-S5X","icon-container":"m4zb4P","iconContainer":"m4zb4P"};
|
|
3473
3473
|
|
|
3474
3474
|
function DataRowAddons(props) {
|
|
3475
3475
|
const row = props.rowProps;
|
|
@@ -3480,7 +3480,7 @@ function DataRowAddons(props) {
|
|
|
3480
3480
|
return settings.dataTable.sizes.body.indentWidthMap[props.size || settings.dataTable.sizes.body.row];
|
|
3481
3481
|
};
|
|
3482
3482
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
3483
|
-
row.dnd?.srcData && (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 },
|
|
3483
|
+
row.dnd?.srcData && props.renderDragHandle ? props.renderDragHandle({ rowProps: props.rowProps, eventHandlers: props.eventHandlers }) : (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 },
|
|
3484
3484
|
React__namespace.default.createElement(uuiComponents.DragHandle, { cx: css$H.dragHandle }))),
|
|
3485
3485
|
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
3486
|
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: {
|
|
@@ -3556,7 +3556,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3556
3556
|
return getDecoratedText(str, ranges);
|
|
3557
3557
|
};
|
|
3558
3558
|
|
|
3559
|
-
var css$G = {"root":"
|
|
3559
|
+
var css$G = {"root":"LE69lD","column-gap":"Mrpx5-","columnGap":"Mrpx5-","title":"mW7AOy","subtitle":"t8mHjA","disabled":"RzgI3N","multiline":"_9BvkpB"};
|
|
3560
3560
|
|
|
3561
3561
|
function PickerItem(props) {
|
|
3562
3562
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3730,7 +3730,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3730
3730
|
}
|
|
3731
3731
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
3732
3732
|
|
|
3733
|
-
var css$F = {"header":"
|
|
3733
|
+
var css$F = {"header":"q3RTeB","title":"_9ytgYu","close":"V1uuZb"};
|
|
3734
3734
|
|
|
3735
3735
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3736
3736
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3740,7 +3740,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3740
3740
|
};
|
|
3741
3741
|
const DataPickerMobileHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerMobileHeaderImpl);
|
|
3742
3742
|
|
|
3743
|
-
var css$E = {"done":"
|
|
3743
|
+
var css$E = {"done":"AIxEW7","container":"XT55pv"};
|
|
3744
3744
|
|
|
3745
3745
|
const PickerBodyMobileView = (props) => {
|
|
3746
3746
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -3752,7 +3752,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
3752
3752
|
isMobileView && (React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
3753
3753
|
};
|
|
3754
3754
|
|
|
3755
|
-
var css$D = {"sub-header-wrapper":"
|
|
3755
|
+
var css$D = {"sub-header-wrapper":"PSdhQr","subHeaderWrapper":"PSdhQr","switch":"zY3c45","no-found-modal-container":"xsPZO5","noFoundModalContainer":"xsPZO5","no-found-modal-container-icon":"H8bX9V","noFoundModalContainerIcon":"H8bX9V","no-found-modal-container-text":"csbNG-","noFoundModalContainerText":"csbNG-","body":"_9OyB3b"};
|
|
3756
3756
|
|
|
3757
3757
|
function PickerModal(props) {
|
|
3758
3758
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
|
|
@@ -3798,7 +3798,7 @@ function PickerModal(props) {
|
|
|
3798
3798
|
React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3799
3799
|
}
|
|
3800
3800
|
|
|
3801
|
-
var css$C = {"tooltip":"
|
|
3801
|
+
var css$C = {"tooltip":"LEFX9o"};
|
|
3802
3802
|
|
|
3803
3803
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3804
3804
|
const tagProps = {
|
|
@@ -3817,7 +3817,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
3817
3817
|
}
|
|
3818
3818
|
});
|
|
3819
3819
|
|
|
3820
|
-
var css$B = {"root":"
|
|
3820
|
+
var css$B = {"root":"_2qxLRm"};
|
|
3821
3821
|
|
|
3822
3822
|
const defaultMode = EditMode.FORM;
|
|
3823
3823
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3899,7 +3899,7 @@ function PickerInputComponent(props, ref) {
|
|
|
3899
3899
|
}
|
|
3900
3900
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
3901
3901
|
|
|
3902
|
-
var css$A = {"row":"
|
|
3902
|
+
var css$A = {"row":"-jMw55"};
|
|
3903
3903
|
|
|
3904
3904
|
function PickerListRow(props) {
|
|
3905
3905
|
let label;
|
|
@@ -3919,7 +3919,7 @@ function PickerListRow(props) {
|
|
|
3919
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));
|
|
3920
3920
|
}
|
|
3921
3921
|
|
|
3922
|
-
var css$z = {"root":"
|
|
3922
|
+
var css$z = {"root":"_0cdU0X"};
|
|
3923
3923
|
|
|
3924
3924
|
function PickerList(props) {
|
|
3925
3925
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -3954,7 +3954,7 @@ function PickerList(props) {
|
|
|
3954
3954
|
}, selectedRows)));
|
|
3955
3955
|
}
|
|
3956
3956
|
|
|
3957
|
-
var css$y = {"root":"
|
|
3957
|
+
var css$y = {"root":"V-n2hu","wrapper":"Vv5CNz","align-widgets-top":"a6zBUR","alignWidgetsTop":"a6zBUR","align-widgets-center":"_3zM3Cg","alignWidgetsCenter":"_3zM3Cg"};
|
|
3958
3958
|
|
|
3959
3959
|
function DataTableCell(initialProps) {
|
|
3960
3960
|
const props = { ...initialProps };
|
|
@@ -4004,7 +4004,7 @@ function DataTableCell(initialProps) {
|
|
|
4004
4004
|
return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
|
|
4005
4005
|
}
|
|
4006
4006
|
|
|
4007
|
-
var css$x = {"root":"
|
|
4007
|
+
var css$x = {"root":"iS3dA3"};
|
|
4008
4008
|
|
|
4009
4009
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4010
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.
|
|
@@ -4020,7 +4020,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
4020
4020
|
];
|
|
4021
4021
|
}, () => propsMods);
|
|
4022
4022
|
|
|
4023
|
-
var css$w = {"sorting-panel-container":"
|
|
4023
|
+
var css$w = {"sorting-panel-container":"Kf7jco","sortingPanelContainer":"Kf7jco"};
|
|
4024
4024
|
|
|
4025
4025
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
4026
4026
|
const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4040,7 +4040,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4040
4040
|
};
|
|
4041
4041
|
const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
|
|
4042
4042
|
|
|
4043
|
-
var css$v = {"root":"
|
|
4043
|
+
var css$v = {"root":"_39C9TN","caption-wrapper":"B3MkzZ","captionWrapper":"B3MkzZ","sort-icon":"q1Ub-f","sortIcon":"q1Ub-f","dropdown-icon":"_8GqEPd","dropdownIcon":"_8GqEPd","infoIcon":"J5SHCi","align-right":"EqfEp6","alignRight":"EqfEp6","align-center":"_9biOgt","alignCenter":"_9biOgt","caption":"VqspK7","truncate":"S2r18A","upper-case":"KtWy0j","upperCase":"KtWy0j","checkbox":"b34YYY","icon":"J5JONW","fold-all-icon":"Vv5CZU","foldAllIcon":"Vv5CZU","cell-tooltip":"LxsL-2","cellTooltip":"LxsL-2","resizing-marker":"GuLQer","resizingMarker":"GuLQer","pinned-right":"UuEBau","pinnedRight":"UuEBau","draggable":"ygE8a2","ghost":"_0shoXH","is-dragged-out":"uMZNh-","isDraggedOut":"uMZNh-","dnd-marker-left":"G-dqqi","dndMarkerLeft":"G-dqqi","dnd-marker-right":"NDiCFW","dndMarkerRight":"NDiCFW","cell-tooltip-wrapper":"pkBBmK","cellTooltipWrapper":"pkBBmK","cell-tooltip-text":"x7YFH0","cellTooltipText":"x7YFH0","tooltip-caption":"KoPxYD","tooltipCaption":"KoPxYD","tooltip-info":"gSv8GE","tooltipInfo":"gSv8GE"};
|
|
4044
4044
|
|
|
4045
4045
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
4046
4046
|
constructor() {
|
|
@@ -4134,7 +4134,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
4134
4134
|
}
|
|
4135
4135
|
}
|
|
4136
4136
|
|
|
4137
|
-
var css$u = {"root":"
|
|
4137
|
+
var css$u = {"root":"C3IsMS","caption-wrapper":"_44HXSo","captionWrapper":"_44HXSo","align-center":"PjJnT2","alignCenter":"PjJnT2","caption":"_6pAbme","truncate":"p-EFc-","upper-case":"LqM2pg","upperCase":"LqM2pg","group-cell-tooltip":"LbQrkF","groupCellTooltip":"LbQrkF","group-cell-tooltip-wrapper":"j7lJz1","groupCellTooltipWrapper":"j7lJz1","group-cell-tooltip-text":"YkgqY6","groupCellTooltipText":"YkgqY6","tooltip-caption":"N7hLY6","tooltipCaption":"N7hLY6","tooltip-info":"xGGfRG","tooltipInfo":"xGGfRG"};
|
|
4138
4138
|
|
|
4139
4139
|
class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
4140
4140
|
constructor() {
|
|
@@ -4174,7 +4174,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
|
4174
4174
|
}
|
|
4175
4175
|
}
|
|
4176
4176
|
|
|
4177
|
-
var css$t = {"root":"
|
|
4177
|
+
var css$t = {"root":"_7-3WeH"};
|
|
4178
4178
|
|
|
4179
4179
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4180
4180
|
renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4270,7 +4270,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4270
4270
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4271
4271
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4272
4272
|
|
|
4273
|
-
var css$s = {"body":"
|
|
4273
|
+
var css$s = {"body":"HMANym","header":"FkfqL5","title":"uLFeZ1","removeButton":"-VS6dB","with-search":"EB0RgJ","withSearch":"EB0RgJ"};
|
|
4274
4274
|
|
|
4275
4275
|
function FilterColumnBody(props) {
|
|
4276
4276
|
const [predicate, setPredicate] = React.useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4331,7 +4331,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4331
4331
|
return columns;
|
|
4332
4332
|
};
|
|
4333
4333
|
|
|
4334
|
-
var css$r = {"unpin-icon":"
|
|
4334
|
+
var css$r = {"unpin-icon":"H8IdLr","unpinIcon":"H8IdLr","pin-toggler-icon":"HLiM0q","pinTogglerIcon":"HLiM0q"};
|
|
4335
4335
|
|
|
4336
4336
|
function PinIconButton(props) {
|
|
4337
4337
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4373,7 +4373,7 @@ function getUnpinIcon(params) {
|
|
|
4373
4373
|
}
|
|
4374
4374
|
}
|
|
4375
4375
|
|
|
4376
|
-
var css$q = {"row-wrapper":"
|
|
4376
|
+
var css$q = {"row-wrapper":"t0czjr","rowWrapper":"t0czjr","pin-icon-button":"FHlu6K","pinIconButton":"FHlu6K","not-pinned":"bfbTMW","notPinned":"bfbTMW","checkbox":"_6gg6Mr","drag-handle":"S-FAzj","dragHandle":"S-FAzj","dnd-disabled":"_4sO069","dndDisabled":"_4sO069"};
|
|
4377
4377
|
|
|
4378
4378
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4379
4379
|
const { column } = props;
|
|
@@ -4396,7 +4396,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4396
4396
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4397
4397
|
});
|
|
4398
4398
|
|
|
4399
|
-
var css$p = {"root":"
|
|
4399
|
+
var css$p = {"root":"fo6CFo","main-panel":"OeMgy9","mainPanel":"OeMgy9","group":"aZFPzi","group-title":"leeC88","groupTitle":"leeC88","group-items":"DUA8-R","groupItems":"DUA8-R","no-data":"ZPmwll","noData":"ZPmwll","no-data-title":"v5h33K","noDataTitle":"v5h33K","no-data-sub-title":"eKhspz","noDataSubTitle":"eKhspz","h-divider":"rQLeby","hDivider":"rQLeby","search-area":"nEMCWY","searchArea":"nEMCWY","subgroup-accordion":"T4EeHh","subgroupAccordion":"T4EeHh","subgroup":"K11JdV","subgroup-title":"CfNnVE","subgroupTitle":"CfNnVE"};
|
|
4400
4400
|
|
|
4401
4401
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$p.group },
|
|
4402
4402
|
React__namespace.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -4498,7 +4498,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
4498
4498
|
return [children, rest];
|
|
4499
4499
|
};
|
|
4500
4500
|
|
|
4501
|
-
var css$o = {"listContainer":"
|
|
4501
|
+
var css$o = {"listContainer":"OYqwPF","header":"_8HSv72","group":"u5OPJN","stickyHeader":"_12-lCD"};
|
|
4502
4502
|
|
|
4503
4503
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
4504
4504
|
const rowRef = React.useRef(undefined);
|
|
@@ -4538,7 +4538,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4538
4538
|
React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
4539
4539
|
}
|
|
4540
4540
|
|
|
4541
|
-
var css$n = {"root":"
|
|
4541
|
+
var css$n = {"root":"_3u6VgA","sticky-header":"_5M2Qz-","stickyHeader":"_5M2Qz-","no-results":"_1ALuKx","noResults":"_1ALuKx","icon":"AFkcz4","title":"rsmrkw"};
|
|
4542
4542
|
|
|
4543
4543
|
function DataTable(props) {
|
|
4544
4544
|
const { uuiModals } = uuiCore.useUuiContext();
|
|
@@ -4590,7 +4590,7 @@ function DataTable(props) {
|
|
|
4590
4590
|
: (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
4591
|
}
|
|
4592
4592
|
|
|
4593
|
-
var css$m = {"root":"
|
|
4593
|
+
var css$m = {"root":"S-Svho","title-wrapper":"PR2oll","titleWrapper":"PR2oll","title":"Be444u","text-wrapper":"CYrxSX","textWrapper":"CYrxSX","selection":"zOegVf","postfix":"fYubxX","selected":"IXqJqK"};
|
|
4594
4594
|
|
|
4595
4595
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4596
4596
|
const togglerPickerOpened = (e) => {
|
|
@@ -4814,7 +4814,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4814
4814
|
renderFooter()));
|
|
4815
4815
|
}
|
|
4816
4816
|
|
|
4817
|
-
var css$l = {"container":"
|
|
4817
|
+
var css$l = {"container":"QSou73"};
|
|
4818
4818
|
|
|
4819
4819
|
function FilterNumericBody(props) {
|
|
4820
4820
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -5125,7 +5125,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5125
5125
|
}
|
|
5126
5126
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
5127
5127
|
|
|
5128
|
-
var css$k = {"delete-button":"
|
|
5128
|
+
var css$k = {"delete-button":"-x0PQn","deleteButton":"-x0PQn","tab-button":"hocbnZ","tabButton":"hocbnZ","targetOpen":"YUTGOz"};
|
|
5129
5129
|
|
|
5130
5130
|
function PresetActionsDropdown(props) {
|
|
5131
5131
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -5197,7 +5197,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5197
5197
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5198
5198
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5199
5199
|
|
|
5200
|
-
var css$j = {"preset-input-cell":"
|
|
5200
|
+
var css$j = {"preset-input-cell":"vS3fMp","presetInputCell":"vS3fMp","preset-input":"WO6zF5","presetInput":"WO6zF5"};
|
|
5201
5201
|
|
|
5202
5202
|
function PresetInput(props) {
|
|
5203
5203
|
const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
|
|
@@ -5224,7 +5224,7 @@ function PresetInput(props) {
|
|
|
5224
5224
|
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
5225
|
}
|
|
5226
5226
|
|
|
5227
|
-
var css$i = {"preset":"
|
|
5227
|
+
var css$i = {"preset":"WQU7dm","activePreset":"z8WYWQ"};
|
|
5228
5228
|
|
|
5229
5229
|
function Preset(props) {
|
|
5230
5230
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -5249,7 +5249,7 @@ function Preset(props) {
|
|
|
5249
5249
|
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
5250
|
}
|
|
5251
5251
|
|
|
5252
|
-
var css$h = {"divider":"
|
|
5252
|
+
var css$h = {"divider":"_3yoiyw","dropdownDeleteIcon":"Bj-Szq","presetsWrapper":"yaEdcH","addPresetContainer":"_3-SNLp","dropContainer":"Hk0tHl"};
|
|
5253
5253
|
|
|
5254
5254
|
function PresetsPanel(props) {
|
|
5255
5255
|
const [isAddingPreset, setIsAddingPreset] = React.useState(false);
|
|
@@ -5298,9 +5298,9 @@ function PresetsPanel(props) {
|
|
|
5298
5298
|
React__namespace.default.createElement(uuiComponents.AdaptivePanel, { items: getPanelItems() }))));
|
|
5299
5299
|
}
|
|
5300
5300
|
|
|
5301
|
-
var css$g = {"root":"
|
|
5301
|
+
var css$g = {"root":"nNQhx4"};
|
|
5302
5302
|
|
|
5303
|
-
var css$f = {"root":"
|
|
5303
|
+
var css$f = {"root":"R5Wgsj","burger-content":"_5BEbAq","burgerContent":"_5BEbAq"};
|
|
5304
5304
|
|
|
5305
5305
|
var _path$3;
|
|
5306
5306
|
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 +5343,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5343
5343
|
};
|
|
5344
5344
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
5345
5345
|
|
|
5346
|
-
var css$e = {"root":"
|
|
5346
|
+
var css$e = {"root":"znzYgK","button-primary":"vKG7Pp","buttonPrimary":"vKG7Pp","button-secondary":"iq3nuW","buttonSecondary":"iq3nuW","hasIcon":"g8oBGd","dropdown":"pMt0Vl"};
|
|
5347
5347
|
|
|
5348
5348
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
5349
5349
|
css$e.root,
|
|
@@ -5354,13 +5354,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
5354
5354
|
props.icon && css$e.hasIcon,
|
|
5355
5355
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5356
5356
|
|
|
5357
|
-
var css$d = {"search-input":"
|
|
5357
|
+
var css$d = {"search-input":"-m1EK2","searchInput":"-m1EK2"};
|
|
5358
5358
|
|
|
5359
5359
|
function BurgerSearch(props) {
|
|
5360
5360
|
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
5361
|
}
|
|
5362
5362
|
|
|
5363
|
-
var css$c = {"root":"
|
|
5363
|
+
var css$c = {"root":"VGXqy6","group-header":"VsmIWh","groupHeader":"VsmIWh","group-name":"BN5Kcb","groupName":"BN5Kcb","line":"_-2xWRi"};
|
|
5364
5364
|
|
|
5365
5365
|
function BurgerGroupHeader(props) {
|
|
5366
5366
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5368,7 +5368,7 @@ function BurgerGroupHeader(props) {
|
|
|
5368
5368
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5369
5369
|
}
|
|
5370
5370
|
|
|
5371
|
-
var css$b = {"root":"
|
|
5371
|
+
var css$b = {"root":"GGbRWk","type-primary":"EKtqtg","typePrimary":"EKtqtg","type-secondary":"_18TMXM","typeSecondary":"_18TMXM"};
|
|
5372
5372
|
|
|
5373
5373
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5374
5374
|
const { type, ...clickableProps } = props;
|
|
@@ -5390,7 +5390,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5390
5390
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5391
5391
|
});
|
|
5392
5392
|
|
|
5393
|
-
var css$a = {"dropdown-body":"
|
|
5393
|
+
var css$a = {"dropdown-body":"Tjh-AH","dropdownBody":"Tjh-AH"};
|
|
5394
5394
|
|
|
5395
5395
|
class MainMenuDropdown extends React__namespace.Component {
|
|
5396
5396
|
render() {
|
|
@@ -5449,12 +5449,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5449
5449
|
};
|
|
5450
5450
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5451
5451
|
|
|
5452
|
-
var css$9 = {"global-menu-btn":"
|
|
5452
|
+
var css$9 = {"global-menu-btn":"X7T5KC","globalMenuBtn":"X7T5KC","global-menu-icon":"H6GR3S","globalMenuIcon":"H6GR3S"};
|
|
5453
5453
|
|
|
5454
5454
|
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
5455
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5456
5456
|
|
|
5457
|
-
var css$8 = {"container":"
|
|
5457
|
+
var css$8 = {"container":"au-CFC","open":"zhlxIw","folding-arrow":"nppMFd","foldingArrow":"nppMFd"};
|
|
5458
5458
|
|
|
5459
5459
|
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
5460
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5462,15 +5462,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5462
5462
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
5463
5463
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5464
5464
|
|
|
5465
|
-
var css$7 = {"search-input":"
|
|
5465
|
+
var css$7 = {"search-input":"zJbYq9","searchInput":"zJbYq9"};
|
|
5466
5466
|
|
|
5467
5467
|
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
5468
|
|
|
5469
|
-
var css$6 = {"container":"
|
|
5469
|
+
var css$6 = {"container":"jLtKdW"};
|
|
5470
5470
|
|
|
5471
5471
|
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
5472
|
|
|
5473
|
-
var css$5 = {"root":"
|
|
5473
|
+
var css$5 = {"root":"_2llrEE"};
|
|
5474
5474
|
|
|
5475
5475
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
5476
5476
|
|
|
@@ -5528,7 +5528,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5528
5528
|
};
|
|
5529
5529
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
5530
5530
|
|
|
5531
|
-
var css$4 = {"root":"
|
|
5531
|
+
var css$4 = {"root":"IkSR8I","drop-start":"bObLYa","dropStart":"bObLYa","drop-over":"PSNZMy","dropOver":"PSNZMy","link":"LWttfb","drop-area":"_8LLF-X","dropArea":"_8LLF-X","drop-caption":"TJ1d5F","dropCaption":"TJ1d5F","icon-blue":"S-Ik7S","iconBlue":"S-Ik7S"};
|
|
5532
5532
|
|
|
5533
5533
|
function DropSpot(props) {
|
|
5534
5534
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5546,7 +5546,7 @@ function DropSpot(props) {
|
|
|
5546
5546
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5547
5547
|
}
|
|
5548
5548
|
|
|
5549
|
-
var css$3 = {"root":"
|
|
5549
|
+
var css$3 = {"root":"Fh1vxn"};
|
|
5550
5550
|
|
|
5551
5551
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5552
5552
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5557,7 +5557,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
|
|
|
5557
5557
|
React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5558
5558
|
});
|
|
5559
5559
|
|
|
5560
|
-
var css$2 = {"root":"
|
|
5560
|
+
var css$2 = {"root":"pHrmMO","file-name":"YROjkx","fileName":"YROjkx","default-color":"IXbqEh","defaultColor":"IXbqEh","doc-color":"BgkhIN","docColor":"BgkhIN","xls-color":"CXAxC1","xlsColor":"CXAxC1","pdf-color":"_3rzV-v","pdfColor":"_3rzV-v","movie-color":"_9DJ2o2","movieColor":"_9DJ2o2","img-color":"YuAVUO","imgColor":"YuAVUO","mov-color":"g8yeDe","movColor":"g8yeDe","error-block":"sL-lzC","errorBlock":"sL-lzC","icons-block":"_4dcNP0","iconsBlock":"_4dcNP0"};
|
|
5561
5561
|
|
|
5562
5562
|
const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5563
5563
|
const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
|
|
@@ -5676,7 +5676,7 @@ const getErrorPageConfig = () => ({
|
|
|
5676
5676
|
},
|
|
5677
5677
|
});
|
|
5678
5678
|
|
|
5679
|
-
var css$1 = {"container":"
|
|
5679
|
+
var css$1 = {"container":"L5Gq0l"};
|
|
5680
5680
|
|
|
5681
5681
|
const ErrorPage = (props) => {
|
|
5682
5682
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5688,7 +5688,7 @@ const ErrorPage = (props) => {
|
|
|
5688
5688
|
props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5689
5689
|
};
|
|
5690
5690
|
|
|
5691
|
-
var css = {"recovery-spinner":"
|
|
5691
|
+
var css = {"recovery-spinner":"JAAV05","recoverySpinner":"JAAV05","recovery-message":"Ptuw7k","recoveryMessage":"Ptuw7k","modal-blocker":"RD8xfx","modalBlocker":"RD8xfx","modalFadeIn":"-t9XCt"};
|
|
5692
5692
|
|
|
5693
5693
|
function ErrorHandler(props) {
|
|
5694
5694
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|