@epam/uui 6.1.6 → 6.1.7-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/inputs/timePicker/TimePicker.d.ts.map +1 -1
- package/components/pickers/PickerInput.d.ts +2 -2
- package/components/pickers/PickerInput.d.ts.map +1 -1
- package/index.esm.js +104 -106
- package/index.esm.js.map +1 -1
- package/index.js +103 -105
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +1 -19
- package/styles.css +998 -998
- package/styles.css.map +1 -1
package/index.js
CHANGED
|
@@ -185,7 +185,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
185
185
|
xmlns: "http://www.w3.org/2000/svg",
|
|
186
186
|
ref: ref
|
|
187
187
|
}, props), /*#__PURE__*/React__namespace.createElement("g", {
|
|
188
|
-
clipPath: "url(#
|
|
188
|
+
clipPath: "url(#qp02psczv6jualndk_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: "qp02pszzlpbmbocak_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(#qp02pszzlpbmbocak_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: "qp02psczv6jualndk_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":"d56peI","uui-spinner":"KT5BTO","uuiSpinner":"KT5BTO"};
|
|
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":"tJFq1C","loading-word":"ZZHXGs","loadingWord":"ZZHXGs","animated-loading":"icggPE","animatedLoading":"icggPE","skeleton_loading":"koaMTR","skeletonLoading":"koaMTR"};
|
|
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":"Gultaz","line-height":"m2vAzW","lineHeight":"m2vAzW","font-size":"u1-xnz","fontSize":"u1-xnz"};
|
|
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":"_0Pzl6O"};
|
|
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":"tW690i"};
|
|
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":"XeZ7Dc"};
|
|
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":"PZvwnN"};
|
|
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":"GK-aWA"};
|
|
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":"vsUjTu","withNotify":"_6hoGVF"};
|
|
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":"Gx2SsF"};
|
|
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":"A702Ze"};
|
|
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":"B8jmoD"};
|
|
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":"C2H9-J"};
|
|
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":"k4Jcgv"};
|
|
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":"_6y1b20"};
|
|
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":"_6imyD0"};
|
|
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":"EyAsD5"};
|
|
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":"dIdDZ4"};
|
|
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":"hxYhUd","timepicker-input":"_62lVU6","timepickerInput":"_62lVU6","ltr-always":"rDMYcs","ltrAlways":"rDMYcs"};
|
|
1798
1798
|
|
|
1799
1799
|
const uuiTimePicker = {
|
|
1800
1800
|
container: 'uui-timepicker-container',
|
|
@@ -1966,8 +1966,6 @@ function TimePickerComponent(props, ref) {
|
|
|
1966
1966
|
}
|
|
1967
1967
|
};
|
|
1968
1968
|
const handleBlur = (e) => {
|
|
1969
|
-
if (uuiCore.isFocusReceiverInsideFocusLock(e))
|
|
1970
|
-
return;
|
|
1971
1969
|
onToggle(false);
|
|
1972
1970
|
props.onBlur?.(e);
|
|
1973
1971
|
if (state.value === '' || state.inputValue === '') {
|
|
@@ -1988,7 +1986,7 @@ function TimePickerComponent(props, ref) {
|
|
|
1988
1986
|
}
|
|
1989
1987
|
const TimePicker = /* @__PURE__ */React__namespace.default.forwardRef(TimePickerComponent);
|
|
1990
1988
|
|
|
1991
|
-
var css$1e = {"root":"-
|
|
1989
|
+
var css$1e = {"root":"-C4LNR"};
|
|
1992
1990
|
|
|
1993
1991
|
function applyInputAddonMods() {
|
|
1994
1992
|
return [
|
|
@@ -1997,14 +1995,14 @@ function applyInputAddonMods() {
|
|
|
1997
1995
|
}
|
|
1998
1996
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
1999
1997
|
|
|
2000
|
-
var css$1d = {"root":"
|
|
1998
|
+
var css$1d = {"root":"u5qeeM"};
|
|
2001
1999
|
|
|
2002
2000
|
function applySliderMods() {
|
|
2003
2001
|
return [css$1d.root, 'uui-color-neutral'];
|
|
2004
2002
|
}
|
|
2005
2003
|
const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
|
|
2006
2004
|
|
|
2007
|
-
var css$1c = {"root":"
|
|
2005
|
+
var css$1c = {"root":"M4ZUIP"};
|
|
2008
2006
|
|
|
2009
2007
|
function applyTooltipMods(mods) {
|
|
2010
2008
|
return [
|
|
@@ -2014,7 +2012,7 @@ function applyTooltipMods(mods) {
|
|
|
2014
2012
|
}
|
|
2015
2013
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
2016
2014
|
|
|
2017
|
-
var css$1b = {"root":"
|
|
2015
|
+
var css$1b = {"root":"kxr2Jn","tooltip":"QFv7-a"};
|
|
2018
2016
|
|
|
2019
2017
|
function applyRatingMods(mods) {
|
|
2020
2018
|
return [
|
|
@@ -2028,7 +2026,7 @@ const Rating = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Rating,
|
|
|
2028
2026
|
Tooltip,
|
|
2029
2027
|
}));
|
|
2030
2028
|
|
|
2031
|
-
var css$1a = {"root":"
|
|
2029
|
+
var css$1a = {"root":"okS1M6","main-path":"nzta-K","mainPath":"nzta-K","content-wrapper":"by4fOM","contentWrapper":"by4fOM","content":"uQaYhK","action-wrapper":"XWq17N","actionWrapper":"XWq17N","icon-wrapper":"uDIZQF","iconWrapper":"uDIZQF","icon":"oK1k6p","close-icon":"zQpJU5","closeIcon":"zQpJU5"};
|
|
2032
2030
|
|
|
2033
2031
|
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
2032
|
React__namespace.createElement("div", { className: css$1a.mainPath },
|
|
@@ -2046,7 +2044,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
2046
2044
|
|
|
2047
2045
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
2048
2046
|
|
|
2049
|
-
var css$19 = {"submenu-root-item-rtl":"
|
|
2047
|
+
var css$19 = {"submenu-root-item-rtl":"MlB8NP","submenuRootItemRtl":"MlB8NP","icon-after":"BAXmPt","iconAfter":"BAXmPt","submenu-root-item":"-up2Lh","submenuRootItem":"-up2Lh","icon-check":"DPQrR0","iconCheck":"DPQrR0","splitter-root":"Bbebak","splitterRoot":"Bbebak","splitter":"slaJ8c","header-root":"_3gCC-f","headerRoot":"_3gCC-f","item-root":"IHOgl9","itemRoot":"IHOgl9","icon":"ma6JzO","link":"YLElR3","indent":"_9raZdi","selected-mark":"kkLpeM","selectedMark":"kkLpeM"};
|
|
2050
2048
|
|
|
2051
2049
|
exports.IDropdownControlKeys = void 0;
|
|
2052
2050
|
(function (IDropdownControlKeys) {
|
|
@@ -2171,7 +2169,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2171
2169
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
2172
2170
|
}
|
|
2173
2171
|
|
|
2174
|
-
var css$18 = {"root":"
|
|
2172
|
+
var css$18 = {"root":"nQCanv","mode-block":"NGaY3h","modeBlock":"NGaY3h","mode-inline":"hW7lZD","modeInline":"hW7lZD","padding-0":"yNlESs","padding0":"yNlESs","padding-6":"_0dPhQC","padding6":"_0dPhQC","padding-12":"_7-wz3L","padding12":"_7-wz3L","padding-18":"MDWLRe","padding18":"MDWLRe"};
|
|
2175
2173
|
|
|
2176
2174
|
function applyAccordionMods(mods) {
|
|
2177
2175
|
return [
|
|
@@ -2184,7 +2182,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
|
|
|
2184
2182
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2185
2183
|
}));
|
|
2186
2184
|
|
|
2187
|
-
var css$17 = {"root":"
|
|
2185
|
+
var css$17 = {"root":"HivfIO","align-items":"No-ha3","alignItems":"No-ha3","justify-content":"_7vnf1Q","justifyContent":"_7vnf1Q","border-top":"dCr59e","borderTop":"dCr59e","border-bottom":"eSZH-r","borderBottom":"eSZH-r","top-shadow":"luJAk6","topShadow":"luJAk6","padding":"AppNPM","margin":"MBb9Dp","vPadding":"nJFa15","column-gap":"pRpwwy","columnGap":"pRpwwy","row-gap":"_7bBRio","rowGap":"_7bBRio","spacing":"WiM5fq"};
|
|
2188
2186
|
|
|
2189
2187
|
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$17.flexCell]);
|
|
2190
2188
|
|
|
@@ -2236,7 +2234,7 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2236
2234
|
} }, props.children));
|
|
2237
2235
|
});
|
|
2238
2236
|
|
|
2239
|
-
var css$16 = {"root":"
|
|
2237
|
+
var css$16 = {"root":"cWIIdr","margin-24":"np18z-","margin24":"np18z-","padding-12":"L3Mp15","padding12":"L3Mp15","padding-24":"kgD84H","padding24":"kgD84H","shadow":"_698JVX","uui-surface-main":"_9tJPmK","uuiSurfaceMain":"_9tJPmK"};
|
|
2240
2238
|
|
|
2241
2239
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
2242
2240
|
'uui-panel',
|
|
@@ -2246,7 +2244,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
|
2246
2244
|
props.background && css$16[`uui-${props.background}`],
|
|
2247
2245
|
]);
|
|
2248
2246
|
|
|
2249
|
-
var css$15 = {"root":"
|
|
2247
|
+
var css$15 = {"root":"_5cM0W5"};
|
|
2250
2248
|
|
|
2251
2249
|
function applyLabeledInputMods(mods) {
|
|
2252
2250
|
return [
|
|
@@ -2263,7 +2261,7 @@ function applyLabeledInputProps(props) {
|
|
|
2263
2261
|
}
|
|
2264
2262
|
const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2265
2263
|
|
|
2266
|
-
var css$14 = {"root":"
|
|
2264
|
+
var css$14 = {"root":"ure4EV"};
|
|
2267
2265
|
|
|
2268
2266
|
function RadioGroup(props) {
|
|
2269
2267
|
const direction = props.direction || 'vertical';
|
|
@@ -2278,7 +2276,7 @@ function RadioGroup(props) {
|
|
|
2278
2276
|
})));
|
|
2279
2277
|
}
|
|
2280
2278
|
|
|
2281
|
-
var css$13 = {"root":"
|
|
2279
|
+
var css$13 = {"root":"cV9KG6"};
|
|
2282
2280
|
|
|
2283
2281
|
function applyScrollBarsMods() {
|
|
2284
2282
|
return [
|
|
@@ -2287,7 +2285,7 @@ function applyScrollBarsMods() {
|
|
|
2287
2285
|
}
|
|
2288
2286
|
const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
|
|
2289
2287
|
|
|
2290
|
-
var css$12 = {"scroll-container":"
|
|
2288
|
+
var css$12 = {"scroll-container":"ufwgLq","scrollContainer":"ufwgLq","list-container":"uP3bbm","listContainer":"uP3bbm"};
|
|
2291
2289
|
|
|
2292
2290
|
const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
2293
2291
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = uuiCore.useVirtualList({
|
|
@@ -2331,7 +2329,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
2331
2329
|
props.renderBlocker ? props.renderBlocker({ isLoading: props.isLoading }) : React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2332
2330
|
});
|
|
2333
2331
|
|
|
2334
|
-
var css$11 = {"root":"
|
|
2332
|
+
var css$11 = {"root":"FWZk3D"};
|
|
2335
2333
|
|
|
2336
2334
|
function CheckboxGroup(props) {
|
|
2337
2335
|
const currentValue = props.value || [];
|
|
@@ -2353,7 +2351,7 @@ function CheckboxGroup(props) {
|
|
|
2353
2351
|
})));
|
|
2354
2352
|
}
|
|
2355
2353
|
|
|
2356
|
-
var css$10 = {"root":"
|
|
2354
|
+
var css$10 = {"root":"YxXs6B","modal-blocker":"oiCB0z","modalBlocker":"oiCB0z","animateModalBlocker":"jXWm3m","modal":"DcXi-V","modal-footer":"tQawqF","modalFooter":"tQawqF","border-top":"_8j9kZS","borderTop":"_8j9kZS","modal-header":"j9h6KY","modalHeader":"j9h6KY","border-bottom":"osgNzz","borderBottom":"osgNzz"};
|
|
2357
2355
|
|
|
2358
2356
|
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$10.modalBlocker]);
|
|
2359
2357
|
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$10.root, css$10.modal], (props) => {
|
|
@@ -2545,7 +2543,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2545
2543
|
});
|
|
2546
2544
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2547
2545
|
|
|
2548
|
-
var css$$ = {"root":"
|
|
2546
|
+
var css$$ = {"root":"pBO4hd","icon-wrapper":"_6vqvAJ","iconWrapper":"_6vqvAJ","action-wrapper":"kcBgYR","actionWrapper":"kcBgYR","close-icon":"sybnkG","closeIcon":"sybnkG","main-path":"WrjVG6","mainPath":"WrjVG6","content":"kttbxl","close-wrapper":"Sswx0f","closeWrapper":"Sswx0f","clear-notifications":"GOubmH","clearNotifications":"GOubmH"};
|
|
2549
2547
|
|
|
2550
2548
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
2551
2549
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -2578,7 +2576,7 @@ function ClearNotification() {
|
|
|
2578
2576
|
React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2579
2577
|
}
|
|
2580
2578
|
|
|
2581
|
-
var css$_ = {"footer":"
|
|
2579
|
+
var css$_ = {"footer":"_6-31Rc"};
|
|
2582
2580
|
|
|
2583
2581
|
class ConfirmationModal extends React__namespace.Component {
|
|
2584
2582
|
render() {
|
|
@@ -2620,7 +2618,7 @@ function useReliableForceUpdate() {
|
|
|
2620
2618
|
return red[1];
|
|
2621
2619
|
}
|
|
2622
2620
|
|
|
2623
|
-
var css$Z = {"root":"
|
|
2621
|
+
var css$Z = {"root":"LfhOz9","container":"D4vmf2"};
|
|
2624
2622
|
|
|
2625
2623
|
const defaultFormat = 'MMM D, YYYY';
|
|
2626
2624
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2838,14 +2836,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2838
2836
|
React__namespace.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2839
2837
|
}
|
|
2840
2838
|
|
|
2841
|
-
var css$Y = {"root":"
|
|
2839
|
+
var css$Y = {"root":"FWvzfD"};
|
|
2842
2840
|
|
|
2843
2841
|
function applyDateSelectionMods() {
|
|
2844
2842
|
return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2845
2843
|
}
|
|
2846
2844
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2847
2845
|
|
|
2848
|
-
var css$X = {"root":"
|
|
2846
|
+
var css$X = {"root":"jQCpNm"};
|
|
2849
2847
|
|
|
2850
2848
|
const uuiDatePickerBody = {
|
|
2851
2849
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2966,7 +2964,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2966
2964
|
}
|
|
2967
2965
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
2968
2966
|
|
|
2969
|
-
var css$W = {"date-input":"
|
|
2967
|
+
var css$W = {"date-input":"G-Vi-n","dateInput":"G-Vi-n","root":"gEEiWT","separator":"bvtHzS"};
|
|
2970
2968
|
|
|
2971
2969
|
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
2970
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3037,7 +3035,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
3037
3035
|
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
3036
|
});
|
|
3039
3037
|
|
|
3040
|
-
var css$V = {"root":"
|
|
3038
|
+
var css$V = {"root":"SANITY"};
|
|
3041
3039
|
|
|
3042
3040
|
const uuiPresets = {
|
|
3043
3041
|
container: 'uui-presets-container',
|
|
@@ -3057,7 +3055,7 @@ function CalendarPresets(props) {
|
|
|
3057
3055
|
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
3056
|
}
|
|
3059
3057
|
|
|
3060
|
-
var css$U = {"root":"
|
|
3058
|
+
var css$U = {"root":"VE7JEY","container":"Fgel-y","day-selection":"pmzYG5","daySelection":"pmzYG5","from-picker":"heUVhJ","fromPicker":"heUVhJ","to-picker":"iWygxc","toPicker":"iWygxc","bodes-wrapper":"jsAFxE","bodesWrapper":"jsAFxE","blocker":"lqbjWb"};
|
|
3061
3059
|
|
|
3062
3060
|
const uuiRangeDatePickerBody = {
|
|
3063
3061
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3259,7 +3257,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3259
3257
|
};
|
|
3260
3258
|
};
|
|
3261
3259
|
|
|
3262
|
-
var css$T = {"dropdown-container":"
|
|
3260
|
+
var css$T = {"dropdown-container":"auxvQc","dropdownContainer":"auxvQc"};
|
|
3263
3261
|
|
|
3264
3262
|
function RangeDatePickerComponent(props, ref) {
|
|
3265
3263
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3327,7 +3325,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3327
3325
|
}
|
|
3328
3326
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3329
3327
|
|
|
3330
|
-
var css$S = {"root":"
|
|
3328
|
+
var css$S = {"root":"wQkpi-","blocker":"_002lWm","marker":"BQMQw5","top":"_3mJMkm","bottom":"fjKvJW","left":"rqL9EM","right":"h3rHBR","inside":"BgGEi8"};
|
|
3331
3329
|
|
|
3332
3330
|
function DropMarker(props) {
|
|
3333
3331
|
return props.isDndInProgress
|
|
@@ -3344,15 +3342,15 @@ function DropMarker(props) {
|
|
|
3344
3342
|
|
|
3345
3343
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3346
3344
|
|
|
3347
|
-
var css$R = {"search-wrapper":"
|
|
3345
|
+
var css$R = {"search-wrapper":"uChikL","searchWrapper":"uChikL","no-data":"CBSz4Z","noData":"CBSz4Z"};
|
|
3348
3346
|
|
|
3349
|
-
var css$Q = {"picker-row":"
|
|
3347
|
+
var css$Q = {"picker-row":"yDxfZA","pickerRow":"yDxfZA","align-widgets-top":"n2I-MD","alignWidgetsTop":"n2I-MD","row-content":"IXGz8k","rowContent":"IXGz8k","align-widgets-center":"kNG9A-","alignWidgetsCenter":"kNG9A-","icon-container":"xdriRx","iconContainer":"xdriRx","content-wrapper":"qbu6R5","contentWrapper":"qbu6R5","icon-wrapper":"hDI8gn","iconWrapper":"hDI8gn","icon-default":"XPJBt7","iconDefault":"XPJBt7","selected-mark":"_1cjjWt","selectedMark":"_1cjjWt"};
|
|
3350
3348
|
|
|
3351
|
-
var css$P = {"root":"
|
|
3349
|
+
var css$P = {"root":"rWzDlJ"};
|
|
3352
3350
|
|
|
3353
3351
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$P.root]);
|
|
3354
3352
|
|
|
3355
|
-
var css$O = {"root":"
|
|
3353
|
+
var css$O = {"root":"wMk2oy"};
|
|
3356
3354
|
|
|
3357
3355
|
const DEFAULT_FILL = 'solid';
|
|
3358
3356
|
function applyBadgeMods(mods) {
|
|
@@ -3380,7 +3378,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
3380
3378
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3381
3379
|
});
|
|
3382
3380
|
|
|
3383
|
-
var css$N = {"root":"
|
|
3381
|
+
var css$N = {"root":"_2og3dx"};
|
|
3384
3382
|
|
|
3385
3383
|
function applyTagMods(props) {
|
|
3386
3384
|
return [
|
|
@@ -3408,7 +3406,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
3408
3406
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3409
3407
|
});
|
|
3410
3408
|
|
|
3411
|
-
var css$M = {"root":"
|
|
3409
|
+
var css$M = {"root":"zQ-XpN","page":"MHQlju","spacer":"p5nmNl","mode-ghost":"urxCjP","modeGhost":"urxCjP"};
|
|
3412
3410
|
|
|
3413
3411
|
function Paginator(props) {
|
|
3414
3412
|
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 +3423,14 @@ function Paginator(props) {
|
|
|
3425
3423
|
return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
|
|
3426
3424
|
}
|
|
3427
3425
|
|
|
3428
|
-
var css$L = {"root":"
|
|
3426
|
+
var css$L = {"root":"P-mHL-","progress-bar":"JlG4Ec","progressBar":"JlG4Ec","progressBar-indeterminate":"uBAPBv","progressBarIndeterminate":"uBAPBv","size-12":"_7dhMIM","size12":"_7dhMIM","size-18":"lDDp5k","size18":"lDDp5k","size-24":"ANrUri","size24":"ANrUri"};
|
|
3429
3427
|
|
|
3430
3428
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3431
3429
|
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
3430
|
React__namespace.createElement("div", { className: cx__default.default(css$L.progressBar) })));
|
|
3433
3431
|
});
|
|
3434
3432
|
|
|
3435
|
-
var css$K = {"root":"
|
|
3433
|
+
var css$K = {"root":"BwuVCZ","striped":"tDEBhj","animate-stripes":"xJEe8W","animateStripes":"xJEe8W","size-12":"WtN8yU","size12":"WtN8yU","size-18":"ebqUkz","size18":"ebqUkz","size-24":"gKxmOL","size24":"gKxmOL"};
|
|
3436
3434
|
|
|
3437
3435
|
const DEFAULT_SIZE = '12';
|
|
3438
3436
|
function applyProgressBarMods(mods) {
|
|
@@ -3447,14 +3445,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
3447
3445
|
hideLabel: props.hideLabel || props.striped,
|
|
3448
3446
|
}));
|
|
3449
3447
|
|
|
3450
|
-
var css$J = {"root":"
|
|
3448
|
+
var css$J = {"root":"bcttO-"};
|
|
3451
3449
|
|
|
3452
3450
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3453
3451
|
const { progress } = props;
|
|
3454
3452
|
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
3453
|
});
|
|
3456
3454
|
|
|
3457
|
-
var css$I = {"root":"-
|
|
3455
|
+
var css$I = {"root":"l0HOK-"};
|
|
3458
3456
|
|
|
3459
3457
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3460
3458
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -3469,7 +3467,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
3469
3467
|
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3470
3468
|
});
|
|
3471
3469
|
|
|
3472
|
-
var css$H = {"drag-handle-wrapper":"
|
|
3470
|
+
var css$H = {"drag-handle-wrapper":"W9wFsC","dragHandleWrapper":"W9wFsC","with-indent":"-vSTrD","withIndent":"-vSTrD","drag-handle":"_3bnXri","dragHandle":"_3bnXri","icon-container":"km-aKb","iconContainer":"km-aKb"};
|
|
3473
3471
|
|
|
3474
3472
|
function DataRowAddons(props) {
|
|
3475
3473
|
const row = props.rowProps;
|
|
@@ -3556,7 +3554,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3556
3554
|
return getDecoratedText(str, ranges);
|
|
3557
3555
|
};
|
|
3558
3556
|
|
|
3559
|
-
var css$G = {"root":"
|
|
3557
|
+
var css$G = {"root":"_9VjPUR","column-gap":"lQg9yo","columnGap":"lQg9yo","title":"znXLDm","subtitle":"Gk7DeV","disabled":"YnVpNW","multiline":"i5qp0v"};
|
|
3560
3558
|
|
|
3561
3559
|
function PickerItem(props) {
|
|
3562
3560
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3730,7 +3728,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3730
3728
|
}
|
|
3731
3729
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
3732
3730
|
|
|
3733
|
-
var css$F = {"header":"
|
|
3731
|
+
var css$F = {"header":"o-BJ9l","title":"qHXGC3","close":"F7L2qO"};
|
|
3734
3732
|
|
|
3735
3733
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3736
3734
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3740,7 +3738,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3740
3738
|
};
|
|
3741
3739
|
const DataPickerMobileHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerMobileHeaderImpl);
|
|
3742
3740
|
|
|
3743
|
-
var css$E = {"done":"
|
|
3741
|
+
var css$E = {"done":"e5D5i5","container":"xLfh7T"};
|
|
3744
3742
|
|
|
3745
3743
|
const PickerBodyMobileView = (props) => {
|
|
3746
3744
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -3752,7 +3750,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
3752
3750
|
isMobileView && (React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
3753
3751
|
};
|
|
3754
3752
|
|
|
3755
|
-
var css$D = {"sub-header-wrapper":"
|
|
3753
|
+
var css$D = {"sub-header-wrapper":"RYsGjn","subHeaderWrapper":"RYsGjn","switch":"c44g-L","no-found-modal-container":"v8Hpcu","noFoundModalContainer":"v8Hpcu","no-found-modal-container-icon":"_3-rcHr","noFoundModalContainerIcon":"_3-rcHr","no-found-modal-container-text":"TdoReu","noFoundModalContainerText":"TdoReu","body":"mQQ8ME"};
|
|
3756
3754
|
|
|
3757
3755
|
function PickerModal(props) {
|
|
3758
3756
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
|
|
@@ -3798,7 +3796,7 @@ function PickerModal(props) {
|
|
|
3798
3796
|
React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3799
3797
|
}
|
|
3800
3798
|
|
|
3801
|
-
var css$C = {"tooltip":"
|
|
3799
|
+
var css$C = {"tooltip":"ACk5I-"};
|
|
3802
3800
|
|
|
3803
3801
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3804
3802
|
const tagProps = {
|
|
@@ -3817,7 +3815,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
3817
3815
|
}
|
|
3818
3816
|
});
|
|
3819
3817
|
|
|
3820
|
-
var css$B = {"root":"
|
|
3818
|
+
var css$B = {"root":"-vv5hx"};
|
|
3821
3819
|
|
|
3822
3820
|
const defaultMode = EditMode.FORM;
|
|
3823
3821
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3895,11 +3893,11 @@ function PickerInputComponent(props, ref) {
|
|
|
3895
3893
|
return (React__namespace.default.createElement(Dropdown, { renderTarget: (dropdownProps) => {
|
|
3896
3894
|
const targetProps = getTogglerProps();
|
|
3897
3895
|
return renderTarget({ ...dropdownProps, ...targetProps, renderItem });
|
|
3898
|
-
}, renderBody: (bodyProps) => renderBody(bodyProps), value: shouldShowBody(), onValueChange: !props.isDisabled && toggleBodyOpening, placement: props.dropdownPlacement, middleware: middleware, closeBodyOnTogglerHidden:
|
|
3896
|
+
}, renderBody: (bodyProps) => renderBody(bodyProps), value: shouldShowBody(), onValueChange: !props.isDisabled && toggleBodyOpening, placement: props.dropdownPlacement, middleware: middleware, closeBodyOnTogglerHidden: uuiCore.isMobile() ? false : props.closeBodyOnTogglerHidden, portalTarget: props.portalTarget, ref: togglerRef }));
|
|
3899
3897
|
}
|
|
3900
3898
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
3901
3899
|
|
|
3902
|
-
var css$A = {"row":"
|
|
3900
|
+
var css$A = {"row":"AM-fD5"};
|
|
3903
3901
|
|
|
3904
3902
|
function PickerListRow(props) {
|
|
3905
3903
|
let label;
|
|
@@ -3919,7 +3917,7 @@ function PickerListRow(props) {
|
|
|
3919
3917
|
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
3918
|
}
|
|
3921
3919
|
|
|
3922
|
-
var css$z = {"root":"
|
|
3920
|
+
var css$z = {"root":"CAuzID"};
|
|
3923
3921
|
|
|
3924
3922
|
function PickerList(props) {
|
|
3925
3923
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -3954,7 +3952,7 @@ function PickerList(props) {
|
|
|
3954
3952
|
}, selectedRows)));
|
|
3955
3953
|
}
|
|
3956
3954
|
|
|
3957
|
-
var css$y = {"root":"
|
|
3955
|
+
var css$y = {"root":"p2gPJR","wrapper":"vzrNAz","align-widgets-top":"_0DeRf5","alignWidgetsTop":"_0DeRf5","align-widgets-center":"_0-qCwA","alignWidgetsCenter":"_0-qCwA"};
|
|
3958
3956
|
|
|
3959
3957
|
function DataTableCell(initialProps) {
|
|
3960
3958
|
const props = { ...initialProps };
|
|
@@ -4004,7 +4002,7 @@ function DataTableCell(initialProps) {
|
|
|
4004
4002
|
return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
|
|
4005
4003
|
}
|
|
4006
4004
|
|
|
4007
|
-
var css$x = {"root":"
|
|
4005
|
+
var css$x = {"root":"GKI4TA"};
|
|
4008
4006
|
|
|
4009
4007
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4010
4008
|
// 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 +4018,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
4020
4018
|
];
|
|
4021
4019
|
}, () => propsMods);
|
|
4022
4020
|
|
|
4023
|
-
var css$w = {"sorting-panel-container":"
|
|
4021
|
+
var css$w = {"sorting-panel-container":"_76A-j4","sortingPanelContainer":"_76A-j4"};
|
|
4024
4022
|
|
|
4025
4023
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
4026
4024
|
const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4040,7 +4038,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4040
4038
|
};
|
|
4041
4039
|
const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
|
|
4042
4040
|
|
|
4043
|
-
var css$v = {"root":"
|
|
4041
|
+
var css$v = {"root":"_8-cJ1H","caption-wrapper":"OVXTgY","captionWrapper":"OVXTgY","sort-icon":"Dnl2Fs","sortIcon":"Dnl2Fs","dropdown-icon":"WOXIM-","dropdownIcon":"WOXIM-","infoIcon":"IhYLx8","align-right":"r832K7","alignRight":"r832K7","align-center":"Zb6ujq","alignCenter":"Zb6ujq","caption":"Y1U62E","truncate":"J83Gtw","upper-case":"vk9zUj","upperCase":"vk9zUj","checkbox":"JDWffV","icon":"Wt-UFi","fold-all-icon":"-EQEdo","foldAllIcon":"-EQEdo","cell-tooltip":"BpsvOg","cellTooltip":"BpsvOg","resizing-marker":"_1F4nOF","resizingMarker":"_1F4nOF","pinned-right":"RbG2D2","pinnedRight":"RbG2D2","draggable":"llwXvt","ghost":"Ft17YZ","is-dragged-out":"iOwYHG","isDraggedOut":"iOwYHG","dnd-marker-left":"beHon1","dndMarkerLeft":"beHon1","dnd-marker-right":"g9VQ0R","dndMarkerRight":"g9VQ0R","cell-tooltip-wrapper":"Zout4i","cellTooltipWrapper":"Zout4i","cell-tooltip-text":"ZjlZQ-","cellTooltipText":"ZjlZQ-","tooltip-caption":"Z8D0Rt","tooltipCaption":"Z8D0Rt","tooltip-info":"jmjlR-","tooltipInfo":"jmjlR-"};
|
|
4044
4042
|
|
|
4045
4043
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
4046
4044
|
constructor() {
|
|
@@ -4134,7 +4132,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
4134
4132
|
}
|
|
4135
4133
|
}
|
|
4136
4134
|
|
|
4137
|
-
var css$u = {"root":"
|
|
4135
|
+
var css$u = {"root":"uZUnJk","caption-wrapper":"mQsI7h","captionWrapper":"mQsI7h","align-center":"o6nx4Y","alignCenter":"o6nx4Y","caption":"_0tpyvo","truncate":"n3iLpF","upper-case":"_30Coxb","upperCase":"_30Coxb","group-cell-tooltip":"W-DT0T","groupCellTooltip":"W-DT0T","group-cell-tooltip-wrapper":"KQinqu","groupCellTooltipWrapper":"KQinqu","group-cell-tooltip-text":"zSsLFN","groupCellTooltipText":"zSsLFN","tooltip-caption":"pOKBdZ","tooltipCaption":"pOKBdZ","tooltip-info":"_84JG3-","tooltipInfo":"_84JG3-"};
|
|
4138
4136
|
|
|
4139
4137
|
class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
4140
4138
|
constructor() {
|
|
@@ -4174,7 +4172,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
|
4174
4172
|
}
|
|
4175
4173
|
}
|
|
4176
4174
|
|
|
4177
|
-
var css$t = {"root":"
|
|
4175
|
+
var css$t = {"root":"hwdtV0"};
|
|
4178
4176
|
|
|
4179
4177
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4180
4178
|
renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4270,7 +4268,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4270
4268
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4271
4269
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4272
4270
|
|
|
4273
|
-
var css$s = {"body":"
|
|
4271
|
+
var css$s = {"body":"HG1sxN","header":"ZRL-Fb","title":"gbro8l","removeButton":"q-dMYM","with-search":"_7e9eR-","withSearch":"_7e9eR-"};
|
|
4274
4272
|
|
|
4275
4273
|
function FilterColumnBody(props) {
|
|
4276
4274
|
const [predicate, setPredicate] = React.useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4331,7 +4329,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4331
4329
|
return columns;
|
|
4332
4330
|
};
|
|
4333
4331
|
|
|
4334
|
-
var css$r = {"unpin-icon":"
|
|
4332
|
+
var css$r = {"unpin-icon":"C2LHFU","unpinIcon":"C2LHFU","pin-toggler-icon":"G9h9Iq","pinTogglerIcon":"G9h9Iq"};
|
|
4335
4333
|
|
|
4336
4334
|
function PinIconButton(props) {
|
|
4337
4335
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4373,7 +4371,7 @@ function getUnpinIcon(params) {
|
|
|
4373
4371
|
}
|
|
4374
4372
|
}
|
|
4375
4373
|
|
|
4376
|
-
var css$q = {"row-wrapper":"
|
|
4374
|
+
var css$q = {"row-wrapper":"JBn9WT","rowWrapper":"JBn9WT","pin-icon-button":"G2vhYT","pinIconButton":"G2vhYT","not-pinned":"cYd5ll","notPinned":"cYd5ll","checkbox":"zJd4Br","drag-handle":"RBKO5B","dragHandle":"RBKO5B","dnd-disabled":"gRML8V","dndDisabled":"gRML8V"};
|
|
4377
4375
|
|
|
4378
4376
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4379
4377
|
const { column } = props;
|
|
@@ -4396,7 +4394,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4396
4394
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4397
4395
|
});
|
|
4398
4396
|
|
|
4399
|
-
var css$p = {"root":"
|
|
4397
|
+
var css$p = {"root":"ofXA2t","main-panel":"_6jrvxs","mainPanel":"_6jrvxs","group":"rkN--P","group-title":"lYW3gZ","groupTitle":"lYW3gZ","group-items":"z8LMuO","groupItems":"z8LMuO","no-data":"YqSWgF","noData":"YqSWgF","no-data-title":"-D-4Pm","noDataTitle":"-D-4Pm","no-data-sub-title":"IN-FRg","noDataSubTitle":"IN-FRg","h-divider":"vlZwi1","hDivider":"vlZwi1","search-area":"lvJpME","searchArea":"lvJpME","subgroup-accordion":"_95zyLJ","subgroupAccordion":"_95zyLJ","subgroup":"WsXYqN","subgroup-title":"VWo8UX","subgroupTitle":"VWo8UX"};
|
|
4400
4398
|
|
|
4401
4399
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$p.group },
|
|
4402
4400
|
React__namespace.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -4498,7 +4496,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
4498
4496
|
return [children, rest];
|
|
4499
4497
|
};
|
|
4500
4498
|
|
|
4501
|
-
var css$o = {"listContainer":"
|
|
4499
|
+
var css$o = {"listContainer":"CRjw4D","header":"TTAAqt","group":"S4KcXD","stickyHeader":"_1YFNuc"};
|
|
4502
4500
|
|
|
4503
4501
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
4504
4502
|
const rowRef = React.useRef(undefined);
|
|
@@ -4538,7 +4536,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4538
4536
|
React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
4539
4537
|
}
|
|
4540
4538
|
|
|
4541
|
-
var css$n = {"root":"
|
|
4539
|
+
var css$n = {"root":"-SNV3x","sticky-header":"fTVQ8Y","stickyHeader":"fTVQ8Y","no-results":"_9PdTMl","noResults":"_9PdTMl","icon":"jB1SNd","title":"_03jTqZ"};
|
|
4542
4540
|
|
|
4543
4541
|
function DataTable(props) {
|
|
4544
4542
|
const { uuiModals } = uuiCore.useUuiContext();
|
|
@@ -4587,7 +4585,7 @@ function DataTable(props) {
|
|
|
4587
4585
|
} }))));
|
|
4588
4586
|
}
|
|
4589
4587
|
|
|
4590
|
-
var css$m = {"root":"
|
|
4588
|
+
var css$m = {"root":"WfeHAH","title-wrapper":"rMPC3t","titleWrapper":"rMPC3t","title":"UIUQTF","text-wrapper":"_8V0q6T","textWrapper":"_8V0q6T","selection":"x3F9oO","postfix":"qVFcFG","selected":"_1U3ytl"};
|
|
4591
4589
|
|
|
4592
4590
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4593
4591
|
const togglerPickerOpened = (e) => {
|
|
@@ -4811,7 +4809,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4811
4809
|
renderFooter()));
|
|
4812
4810
|
}
|
|
4813
4811
|
|
|
4814
|
-
var css$l = {"container":"
|
|
4812
|
+
var css$l = {"container":"RQqA-v"};
|
|
4815
4813
|
|
|
4816
4814
|
function FilterNumericBody(props) {
|
|
4817
4815
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -5122,7 +5120,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5122
5120
|
}
|
|
5123
5121
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
5124
5122
|
|
|
5125
|
-
var css$k = {"delete-button":"
|
|
5123
|
+
var css$k = {"delete-button":"_2DBerS","deleteButton":"_2DBerS","tab-button":"pEyNwV","tabButton":"pEyNwV","targetOpen":"vickBs"};
|
|
5126
5124
|
|
|
5127
5125
|
function PresetActionsDropdown(props) {
|
|
5128
5126
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -5194,7 +5192,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5194
5192
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5195
5193
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5196
5194
|
|
|
5197
|
-
var css$j = {"preset-input-cell":"
|
|
5195
|
+
var css$j = {"preset-input-cell":"j-yCks","presetInputCell":"j-yCks","preset-input":"xuC11H","presetInput":"xuC11H"};
|
|
5198
5196
|
|
|
5199
5197
|
function PresetInput(props) {
|
|
5200
5198
|
const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
|
|
@@ -5221,7 +5219,7 @@ function PresetInput(props) {
|
|
|
5221
5219
|
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 })));
|
|
5222
5220
|
}
|
|
5223
5221
|
|
|
5224
|
-
var css$i = {"preset":"
|
|
5222
|
+
var css$i = {"preset":"w3G0Oy","activePreset":"GEEAC1"};
|
|
5225
5223
|
|
|
5226
5224
|
function Preset(props) {
|
|
5227
5225
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -5246,7 +5244,7 @@ function Preset(props) {
|
|
|
5246
5244
|
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 }))));
|
|
5247
5245
|
}
|
|
5248
5246
|
|
|
5249
|
-
var css$h = {"divider":"
|
|
5247
|
+
var css$h = {"divider":"kii5y9","dropdownDeleteIcon":"_7sNe3Z","presetsWrapper":"qShnA1","addPresetContainer":"OH-n7A","dropContainer":"_6I4iEa"};
|
|
5250
5248
|
|
|
5251
5249
|
function PresetsPanel(props) {
|
|
5252
5250
|
const [isAddingPreset, setIsAddingPreset] = React.useState(false);
|
|
@@ -5295,9 +5293,9 @@ function PresetsPanel(props) {
|
|
|
5295
5293
|
React__namespace.default.createElement(uuiComponents.AdaptivePanel, { items: getPanelItems() }))));
|
|
5296
5294
|
}
|
|
5297
5295
|
|
|
5298
|
-
var css$g = {"root":"
|
|
5296
|
+
var css$g = {"root":"y0LpYl"};
|
|
5299
5297
|
|
|
5300
|
-
var css$f = {"root":"
|
|
5298
|
+
var css$f = {"root":"JJdvqU","burger-content":"etx3an","burgerContent":"etx3an"};
|
|
5301
5299
|
|
|
5302
5300
|
var _path$3;
|
|
5303
5301
|
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); }
|
|
@@ -5340,7 +5338,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5340
5338
|
};
|
|
5341
5339
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
5342
5340
|
|
|
5343
|
-
var css$e = {"root":"
|
|
5341
|
+
var css$e = {"root":"SW4To7","button-primary":"SjQMEw","buttonPrimary":"SjQMEw","button-secondary":"JACYz-","buttonSecondary":"JACYz-","hasIcon":"adPB9o","dropdown":"K-83h1"};
|
|
5344
5342
|
|
|
5345
5343
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
5346
5344
|
css$e.root,
|
|
@@ -5351,13 +5349,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
5351
5349
|
props.icon && css$e.hasIcon,
|
|
5352
5350
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5353
5351
|
|
|
5354
|
-
var css$d = {"search-input":"
|
|
5352
|
+
var css$d = {"search-input":"l-C81I","searchInput":"l-C81I"};
|
|
5355
5353
|
|
|
5356
5354
|
function BurgerSearch(props) {
|
|
5357
5355
|
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 }));
|
|
5358
5356
|
}
|
|
5359
5357
|
|
|
5360
|
-
var css$c = {"root":"
|
|
5358
|
+
var css$c = {"root":"SRaA7r","group-header":"ffekmd","groupHeader":"ffekmd","group-name":"BldgmC","groupName":"BldgmC","line":"YQ-KCd"};
|
|
5361
5359
|
|
|
5362
5360
|
function BurgerGroupHeader(props) {
|
|
5363
5361
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5365,7 +5363,7 @@ function BurgerGroupHeader(props) {
|
|
|
5365
5363
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5366
5364
|
}
|
|
5367
5365
|
|
|
5368
|
-
var css$b = {"root":"
|
|
5366
|
+
var css$b = {"root":"Klbc1Q","type-primary":"blyrGv","typePrimary":"blyrGv","type-secondary":"Ht9zhV","typeSecondary":"Ht9zhV"};
|
|
5369
5367
|
|
|
5370
5368
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5371
5369
|
const { type, ...clickableProps } = props;
|
|
@@ -5387,7 +5385,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5387
5385
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5388
5386
|
});
|
|
5389
5387
|
|
|
5390
|
-
var css$a = {"dropdown-body":"
|
|
5388
|
+
var css$a = {"dropdown-body":"C1m3aL","dropdownBody":"C1m3aL"};
|
|
5391
5389
|
|
|
5392
5390
|
class MainMenuDropdown extends React__namespace.Component {
|
|
5393
5391
|
render() {
|
|
@@ -5446,12 +5444,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5446
5444
|
};
|
|
5447
5445
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5448
5446
|
|
|
5449
|
-
var css$9 = {"global-menu-btn":"
|
|
5447
|
+
var css$9 = {"global-menu-btn":"_76hurN","globalMenuBtn":"_76hurN","global-menu-icon":"yxyfhh","globalMenuIcon":"yxyfhh"};
|
|
5450
5448
|
|
|
5451
5449
|
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 },
|
|
5452
5450
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5453
5451
|
|
|
5454
|
-
var css$8 = {"container":"
|
|
5452
|
+
var css$8 = {"container":"_0VI5hC","open":"_8zmL2v","folding-arrow":"hDNJlg","foldingArrow":"hDNJlg"};
|
|
5455
5453
|
|
|
5456
5454
|
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 },
|
|
5457
5455
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5459,15 +5457,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5459
5457
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
5460
5458
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5461
5459
|
|
|
5462
|
-
var css$7 = {"search-input":"
|
|
5460
|
+
var css$7 = {"search-input":"w-Drg6","searchInput":"w-Drg6"};
|
|
5463
5461
|
|
|
5464
5462
|
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 })) })));
|
|
5465
5463
|
|
|
5466
|
-
var css$6 = {"container":"
|
|
5464
|
+
var css$6 = {"container":"NC2LVh"};
|
|
5467
5465
|
|
|
5468
5466
|
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 })));
|
|
5469
5467
|
|
|
5470
|
-
var css$5 = {"root":"
|
|
5468
|
+
var css$5 = {"root":"_6MW6fh"};
|
|
5471
5469
|
|
|
5472
5470
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
5473
5471
|
|
|
@@ -5525,7 +5523,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5525
5523
|
};
|
|
5526
5524
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
5527
5525
|
|
|
5528
|
-
var css$4 = {"root":"
|
|
5526
|
+
var css$4 = {"root":"W13sO1","drop-start":"NPO4fy","dropStart":"NPO4fy","drop-over":"zO1-jn","dropOver":"zO1-jn","link":"_7voOri","drop-area":"inmcio","dropArea":"inmcio","drop-caption":"JKDwG5","dropCaption":"JKDwG5","icon-blue":"IQii81","iconBlue":"IQii81"};
|
|
5529
5527
|
|
|
5530
5528
|
function DropSpot(props) {
|
|
5531
5529
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5543,7 +5541,7 @@ function DropSpot(props) {
|
|
|
5543
5541
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5544
5542
|
}
|
|
5545
5543
|
|
|
5546
|
-
var css$3 = {"root":"
|
|
5544
|
+
var css$3 = {"root":"_4yWMm2"};
|
|
5547
5545
|
|
|
5548
5546
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5549
5547
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5554,7 +5552,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
|
|
|
5554
5552
|
React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5555
5553
|
});
|
|
5556
5554
|
|
|
5557
|
-
var css$2 = {"root":"
|
|
5555
|
+
var css$2 = {"root":"dOTIMs","file-name":"Vz88H7","fileName":"Vz88H7","default-color":"_9AVmTX","defaultColor":"_9AVmTX","doc-color":"C81V1b","docColor":"C81V1b","xls-color":"SlkTTt","xlsColor":"SlkTTt","pdf-color":"xfCxjN","pdfColor":"xfCxjN","movie-color":"BOR5NZ","movieColor":"BOR5NZ","img-color":"xngck-","imgColor":"xngck-","mov-color":"_62LLF3","movColor":"_62LLF3","error-block":"-CkMiy","errorBlock":"-CkMiy","icons-block":"qIiVXE","iconsBlock":"qIiVXE"};
|
|
5558
5556
|
|
|
5559
5557
|
const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5560
5558
|
const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
|
|
@@ -5673,7 +5671,7 @@ const getErrorPageConfig = () => ({
|
|
|
5673
5671
|
},
|
|
5674
5672
|
});
|
|
5675
5673
|
|
|
5676
|
-
var css$1 = {"container":"
|
|
5674
|
+
var css$1 = {"container":"vqUIGa"};
|
|
5677
5675
|
|
|
5678
5676
|
const ErrorPage = (props) => {
|
|
5679
5677
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5685,7 +5683,7 @@ const ErrorPage = (props) => {
|
|
|
5685
5683
|
props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5686
5684
|
};
|
|
5687
5685
|
|
|
5688
|
-
var css = {"recovery-spinner":"
|
|
5686
|
+
var css = {"recovery-spinner":"_7ule5j","recoverySpinner":"_7ule5j","recovery-message":"_4XsEHQ","recoveryMessage":"_4XsEHQ","modal-blocker":"_5bLZJ6","modalBlocker":"_5bLZJ6","modalFadeIn":"_6qbebO"};
|
|
5689
5687
|
|
|
5690
5688
|
function ErrorHandler(props) {
|
|
5691
5689
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|