@epam/uui 6.1.3 → 6.1.5-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/assets/styles/clickable.scss +26 -26
- package/assets/styles/dnd.scss +9 -9
- package/assets/styles/effects.scss +6 -6
- package/assets/styles/helpers.scss +3 -3
- package/assets/styles/index.scss +6 -6
- package/assets/styles/inputs.scss +70 -70
- package/assets/styles/typography.scss +184 -184
- package/components/pickers/PickerModal.d.ts.map +1 -1
- package/i18n.d.ts +1 -0
- package/i18n.d.ts.map +1 -1
- package/index.esm.js +109 -105
- package/index.esm.js.map +1 -1
- package/index.js +109 -105
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/readme.md +9 -9
- package/stats.html +2 -2
- package/styles.css +998 -998
package/index.esm.js
CHANGED
|
@@ -151,7 +151,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
151
151
|
xmlns: "http://www.w3.org/2000/svg",
|
|
152
152
|
ref: ref
|
|
153
153
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
154
|
-
clipPath: "url(#
|
|
154
|
+
clipPath: "url(#bxu7dwzev9v6t0f4_a)"
|
|
155
155
|
}, _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
|
|
156
156
|
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",
|
|
157
157
|
fill: "#F5F6FA"
|
|
@@ -172,7 +172,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
172
172
|
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",
|
|
173
173
|
fill: "#1D1E26"
|
|
174
174
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
175
|
-
id: "
|
|
175
|
+
id: "bxu7dwy267j9qvq5f_b",
|
|
176
176
|
style: {
|
|
177
177
|
maskType: "alpha"
|
|
178
178
|
},
|
|
@@ -185,7 +185,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
185
185
|
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",
|
|
186
186
|
fill: "#9BDEFF"
|
|
187
187
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
188
|
-
mask: "url(#
|
|
188
|
+
mask: "url(#bxu7dwy267j9qvq5f_b)",
|
|
189
189
|
fillRule: "evenodd",
|
|
190
190
|
clipRule: "evenodd"
|
|
191
191
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -271,7 +271,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
271
271
|
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",
|
|
272
272
|
fill: "#fff"
|
|
273
273
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
274
|
-
id: "
|
|
274
|
+
id: "bxu7dwzev9v6t0f4_a"
|
|
275
275
|
}, /*#__PURE__*/React.createElement("path", {
|
|
276
276
|
fill: "#fff",
|
|
277
277
|
transform: "translate(.552)",
|
|
@@ -922,14 +922,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
922
922
|
};
|
|
923
923
|
var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
924
924
|
|
|
925
|
-
var css$1w = {"root":"
|
|
925
|
+
var css$1w = {"root":"k2-6hJ","uui-spinner":"sWQx3U","uuiSpinner":"sWQx3U"};
|
|
926
926
|
|
|
927
927
|
function applySpinnerMods() {
|
|
928
928
|
return [css$1w.root, 'uui-spinner'];
|
|
929
929
|
}
|
|
930
930
|
const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
|
|
931
931
|
|
|
932
|
-
var css$1v = {"root":"
|
|
932
|
+
var css$1v = {"root":"PU8QWI","loading-word":"tPG2qx","loadingWord":"tPG2qx","animated-loading":"_5JFNxC","animatedLoading":"_5JFNxC","skeleton_loading":"UgsKDc","skeletonLoading":"UgsKDc"};
|
|
933
933
|
|
|
934
934
|
const TextPlaceholder = (props) => {
|
|
935
935
|
const pattern = ' ';
|
|
@@ -946,7 +946,7 @@ const TextPlaceholder = (props) => {
|
|
|
946
946
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
947
947
|
};
|
|
948
948
|
|
|
949
|
-
var css$1u = {"root":"
|
|
949
|
+
var css$1u = {"root":"iaBH-E","line-height":"ttsOYR","lineHeight":"ttsOYR","font-size":"iVcFXC","fontSize":"iVcFXC"};
|
|
950
950
|
|
|
951
951
|
function applyTextMods(mods) {
|
|
952
952
|
return [
|
|
@@ -973,7 +973,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
|
|
|
973
973
|
};
|
|
974
974
|
});
|
|
975
975
|
|
|
976
|
-
var css$1t = {"root":"
|
|
976
|
+
var css$1t = {"root":"dMPSyD"};
|
|
977
977
|
|
|
978
978
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
979
979
|
|
|
@@ -1461,7 +1461,7 @@ const settings = {
|
|
|
1461
1461
|
textInput: textInputSettings,
|
|
1462
1462
|
};
|
|
1463
1463
|
|
|
1464
|
-
var css$1s = {"root":"
|
|
1464
|
+
var css$1s = {"root":"_1ZAD2p"};
|
|
1465
1465
|
|
|
1466
1466
|
function applyButtonMods(mods) {
|
|
1467
1467
|
return [
|
|
@@ -1479,7 +1479,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
1479
1479
|
};
|
|
1480
1480
|
});
|
|
1481
1481
|
|
|
1482
|
-
var css$1r = {"root":"
|
|
1482
|
+
var css$1r = {"root":"gbSmjC"};
|
|
1483
1483
|
|
|
1484
1484
|
function applyIconButtonMods(props) {
|
|
1485
1485
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -1516,7 +1516,7 @@ function getIconClass(props) {
|
|
|
1516
1516
|
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'];
|
|
1517
1517
|
}
|
|
1518
1518
|
|
|
1519
|
-
var css$1q = {"root":"
|
|
1519
|
+
var css$1q = {"root":"RfVyjM"};
|
|
1520
1520
|
|
|
1521
1521
|
const DEFAULT_COLOR = 'primary';
|
|
1522
1522
|
const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -1546,7 +1546,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1546
1546
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1547
1547
|
});
|
|
1548
1548
|
|
|
1549
|
-
var css$1p = {"root":"
|
|
1549
|
+
var css$1p = {"root":"_5A8oV2"};
|
|
1550
1550
|
|
|
1551
1551
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1552
1552
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1558,7 +1558,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1558
1558
|
]) }, props.caption));
|
|
1559
1559
|
});
|
|
1560
1560
|
|
|
1561
|
-
var css$1o = {"root":"
|
|
1561
|
+
var css$1o = {"root":"bUp9er","withNotify":"LejQQ8"};
|
|
1562
1562
|
|
|
1563
1563
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
1564
1564
|
const styles = [
|
|
@@ -1586,14 +1586,14 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1586
1586
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1587
1587
|
});
|
|
1588
1588
|
|
|
1589
|
-
var css$1n = {"root":"
|
|
1589
|
+
var css$1n = {"root":"_9PFV-0"};
|
|
1590
1590
|
|
|
1591
1591
|
function applyVerticalTabButtonMods() {
|
|
1592
1592
|
return [css$1n.root, 'uui-vertical-tab-button'];
|
|
1593
1593
|
}
|
|
1594
1594
|
const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
|
|
1595
1595
|
|
|
1596
|
-
var css$1m = {"root":"
|
|
1596
|
+
var css$1m = {"root":"jp6Ohb"};
|
|
1597
1597
|
|
|
1598
1598
|
function applyCheckboxMods(mods) {
|
|
1599
1599
|
return [
|
|
@@ -1611,7 +1611,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1611
1611
|
};
|
|
1612
1612
|
const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1613
1613
|
|
|
1614
|
-
var css$1l = {"root":"
|
|
1614
|
+
var css$1l = {"root":"pF-vzb"};
|
|
1615
1615
|
|
|
1616
1616
|
function applyRadioInputMods(mods) {
|
|
1617
1617
|
return [
|
|
@@ -1623,7 +1623,7 @@ function applyRadioInputMods(mods) {
|
|
|
1623
1623
|
}
|
|
1624
1624
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1625
1625
|
|
|
1626
|
-
var css$1k = {"root":"
|
|
1626
|
+
var css$1k = {"root":"_1zzYOL"};
|
|
1627
1627
|
|
|
1628
1628
|
function applySwitchMods(mods) {
|
|
1629
1629
|
return [
|
|
@@ -1647,7 +1647,7 @@ var EditMode;
|
|
|
1647
1647
|
EditMode["INLINE"] = "inline";
|
|
1648
1648
|
})(EditMode || (EditMode = {}));
|
|
1649
1649
|
|
|
1650
|
-
var textInputCss = {"root":"
|
|
1650
|
+
var textInputCss = {"root":"z9uftX"};
|
|
1651
1651
|
|
|
1652
1652
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1653
1653
|
function applyTextInputMods(mods) {
|
|
@@ -1672,7 +1672,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1672
1672
|
} }));
|
|
1673
1673
|
});
|
|
1674
1674
|
|
|
1675
|
-
var css$1j = {"root":"
|
|
1675
|
+
var css$1j = {"root":"mTVwyI"};
|
|
1676
1676
|
|
|
1677
1677
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1j.root, 'uui-control-group']);
|
|
1678
1678
|
|
|
@@ -1688,7 +1688,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1688
1688
|
}
|
|
1689
1689
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
1690
1690
|
|
|
1691
|
-
var css$1i = {"root":"
|
|
1691
|
+
var css$1i = {"root":"tGuAfX"};
|
|
1692
1692
|
|
|
1693
1693
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1694
1694
|
function applyNumericInputMods(mods) {
|
|
@@ -1708,7 +1708,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
1708
1708
|
};
|
|
1709
1709
|
});
|
|
1710
1710
|
|
|
1711
|
-
var css$1h = {"root":"
|
|
1711
|
+
var css$1h = {"root":"Q-ZyFU"};
|
|
1712
1712
|
|
|
1713
1713
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1714
1714
|
function applyTextAreaMods(mods) {
|
|
@@ -1749,7 +1749,7 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1749
1749
|
};
|
|
1750
1750
|
}
|
|
1751
1751
|
|
|
1752
|
-
var css$1g = {"root":"
|
|
1752
|
+
var css$1g = {"root":"_3XPgDf"};
|
|
1753
1753
|
|
|
1754
1754
|
function applyDropdownContainerMods(mods) {
|
|
1755
1755
|
return [
|
|
@@ -1760,7 +1760,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1760
1760
|
}
|
|
1761
1761
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
1762
1762
|
|
|
1763
|
-
var css$1f = {"root":"
|
|
1763
|
+
var css$1f = {"root":"miWz0-","timepicker-input":"fYEa8-","timepickerInput":"fYEa8-","ltr-always":"FA6HN-","ltrAlways":"FA6HN-"};
|
|
1764
1764
|
|
|
1765
1765
|
const uuiTimePicker = {
|
|
1766
1766
|
container: 'uui-timepicker-container',
|
|
@@ -1954,7 +1954,7 @@ function TimePickerComponent(props, ref) {
|
|
|
1954
1954
|
}
|
|
1955
1955
|
const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
|
|
1956
1956
|
|
|
1957
|
-
var css$1e = {"root":"
|
|
1957
|
+
var css$1e = {"root":"aVDlUO"};
|
|
1958
1958
|
|
|
1959
1959
|
function applyInputAddonMods() {
|
|
1960
1960
|
return [
|
|
@@ -1963,14 +1963,14 @@ function applyInputAddonMods() {
|
|
|
1963
1963
|
}
|
|
1964
1964
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
1965
1965
|
|
|
1966
|
-
var css$1d = {"root":"
|
|
1966
|
+
var css$1d = {"root":"CNWnpL"};
|
|
1967
1967
|
|
|
1968
1968
|
function applySliderMods() {
|
|
1969
1969
|
return [css$1d.root, 'uui-color-neutral'];
|
|
1970
1970
|
}
|
|
1971
1971
|
const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
|
|
1972
1972
|
|
|
1973
|
-
var css$1c = {"root":"
|
|
1973
|
+
var css$1c = {"root":"CSl16N"};
|
|
1974
1974
|
|
|
1975
1975
|
function applyTooltipMods(mods) {
|
|
1976
1976
|
return [
|
|
@@ -1980,7 +1980,7 @@ function applyTooltipMods(mods) {
|
|
|
1980
1980
|
}
|
|
1981
1981
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
1982
1982
|
|
|
1983
|
-
var css$1b = {"root":"
|
|
1983
|
+
var css$1b = {"root":"l1ZQDS","tooltip":"Y-Cc2L"};
|
|
1984
1984
|
|
|
1985
1985
|
function applyRatingMods(mods) {
|
|
1986
1986
|
return [
|
|
@@ -1994,7 +1994,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
|
|
|
1994
1994
|
Tooltip,
|
|
1995
1995
|
}));
|
|
1996
1996
|
|
|
1997
|
-
var css$1a = {"root":"
|
|
1997
|
+
var css$1a = {"root":"dYZJ-D","main-path":"-wrUFf","mainPath":"-wrUFf","content-wrapper":"qmSKcn","contentWrapper":"qmSKcn","content":"xTXYYC","action-wrapper":"APfqXF","actionWrapper":"APfqXF","icon-wrapper":"G21LBW","iconWrapper":"G21LBW","icon":"_2IpGbM","close-icon":"VjvAjD","closeIcon":"VjvAjD"};
|
|
1998
1998
|
|
|
1999
1999
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1a.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
2000
2000
|
React.createElement("div", { className: css$1a.mainPath },
|
|
@@ -2012,7 +2012,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
2012
2012
|
|
|
2013
2013
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
2014
2014
|
|
|
2015
|
-
var css$19 = {"submenu-root-item-rtl":"
|
|
2015
|
+
var css$19 = {"submenu-root-item-rtl":"_4eUn2g","submenuRootItemRtl":"_4eUn2g","icon-after":"QeAbEF","iconAfter":"QeAbEF","submenu-root-item":"p4jP6B","submenuRootItem":"p4jP6B","icon-check":"GzvfWO","iconCheck":"GzvfWO","splitter-root":"aQGfyo","splitterRoot":"aQGfyo","splitter":"nva0d-","header-root":"Tb1v3v","headerRoot":"Tb1v3v","item-root":"M8Vh-E","itemRoot":"M8Vh-E","icon":"f7mUo0","link":"UHiSN0","indent":"ZpbD3D","selected-mark":"D6BaCY","selectedMark":"D6BaCY"};
|
|
2016
2016
|
|
|
2017
2017
|
var IDropdownControlKeys;
|
|
2018
2018
|
(function (IDropdownControlKeys) {
|
|
@@ -2137,7 +2137,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2137
2137
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
2138
2138
|
}
|
|
2139
2139
|
|
|
2140
|
-
var css$18 = {"root":"
|
|
2140
|
+
var css$18 = {"root":"AHKfCS","mode-block":"yIQOW1","modeBlock":"yIQOW1","mode-inline":"JC4z5t","modeInline":"JC4z5t","padding-0":"Q8q85G","padding0":"Q8q85G","padding-6":"kLxNJ2","padding6":"kLxNJ2","padding-12":"SSqaki","padding12":"SSqaki","padding-18":"rLzWPi","padding18":"rLzWPi"};
|
|
2141
2141
|
|
|
2142
2142
|
function applyAccordionMods(mods) {
|
|
2143
2143
|
return [
|
|
@@ -2150,7 +2150,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
2150
2150
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2151
2151
|
}));
|
|
2152
2152
|
|
|
2153
|
-
var css$17 = {"root":"
|
|
2153
|
+
var css$17 = {"root":"En-Z5k","align-items":"P6-3Ej","alignItems":"P6-3Ej","justify-content":"UeJQZJ","justifyContent":"UeJQZJ","border-top":"gWTm-V","borderTop":"gWTm-V","border-bottom":"XVjv3r","borderBottom":"XVjv3r","top-shadow":"wLIvpp","topShadow":"wLIvpp","padding":"LqigVi","margin":"XRnws8","vPadding":"_6Hp0hi","column-gap":"o-LcGN","columnGap":"o-LcGN","row-gap":"_8JoxwS","rowGap":"_8JoxwS","spacing":"nM45IL"};
|
|
2154
2154
|
|
|
2155
2155
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$17.flexCell]);
|
|
2156
2156
|
|
|
@@ -2202,7 +2202,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2202
2202
|
} }, props.children));
|
|
2203
2203
|
});
|
|
2204
2204
|
|
|
2205
|
-
var css$16 = {"root":"
|
|
2205
|
+
var css$16 = {"root":"HB-ySh","margin-24":"x-HQ-z","margin24":"x-HQ-z","padding-12":"_7NO04C","padding12":"_7NO04C","padding-24":"jo4plb","padding24":"jo4plb","shadow":"D4mPfP","uui-surface-main":"-e6piY","uuiSurfaceMain":"-e6piY"};
|
|
2206
2206
|
|
|
2207
2207
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
2208
2208
|
'uui-panel',
|
|
@@ -2212,7 +2212,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
2212
2212
|
props.background && css$16[`uui-${props.background}`],
|
|
2213
2213
|
]);
|
|
2214
2214
|
|
|
2215
|
-
var css$15 = {"root":"
|
|
2215
|
+
var css$15 = {"root":"Aikfiq"};
|
|
2216
2216
|
|
|
2217
2217
|
function applyLabeledInputMods(mods) {
|
|
2218
2218
|
return [
|
|
@@ -2229,7 +2229,7 @@ function applyLabeledInputProps(props) {
|
|
|
2229
2229
|
}
|
|
2230
2230
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2231
2231
|
|
|
2232
|
-
var css$14 = {"root":"
|
|
2232
|
+
var css$14 = {"root":"FOKy-b"};
|
|
2233
2233
|
|
|
2234
2234
|
function RadioGroup(props) {
|
|
2235
2235
|
const direction = props.direction || 'vertical';
|
|
@@ -2244,7 +2244,7 @@ function RadioGroup(props) {
|
|
|
2244
2244
|
})));
|
|
2245
2245
|
}
|
|
2246
2246
|
|
|
2247
|
-
var css$13 = {"root":"
|
|
2247
|
+
var css$13 = {"root":"yffbjs"};
|
|
2248
2248
|
|
|
2249
2249
|
function applyScrollBarsMods() {
|
|
2250
2250
|
return [
|
|
@@ -2253,7 +2253,7 @@ function applyScrollBarsMods() {
|
|
|
2253
2253
|
}
|
|
2254
2254
|
const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
|
|
2255
2255
|
|
|
2256
|
-
var css$12 = {"scroll-container":"
|
|
2256
|
+
var css$12 = {"scroll-container":"dDAFey","scrollContainer":"dDAFey","list-container":"moB-h1","listContainer":"moB-h1"};
|
|
2257
2257
|
|
|
2258
2258
|
const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
2259
2259
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
|
|
@@ -2297,7 +2297,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2297
2297
|
props.renderBlocker ? props.renderBlocker({ isLoading: props.isLoading }) : React.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2298
2298
|
});
|
|
2299
2299
|
|
|
2300
|
-
var css$11 = {"root":"
|
|
2300
|
+
var css$11 = {"root":"l7yiH1"};
|
|
2301
2301
|
|
|
2302
2302
|
function CheckboxGroup(props) {
|
|
2303
2303
|
const currentValue = props.value || [];
|
|
@@ -2319,7 +2319,7 @@ function CheckboxGroup(props) {
|
|
|
2319
2319
|
})));
|
|
2320
2320
|
}
|
|
2321
2321
|
|
|
2322
|
-
var css$10 = {"root":"
|
|
2322
|
+
var css$10 = {"root":"-ne-In","modal-blocker":"VYVrnf","modalBlocker":"VYVrnf","animateModalBlocker":"_--pAsE","modal":"vQxBr8","modal-footer":"-zbABC","modalFooter":"-zbABC","border-top":"w2ncYB","borderTop":"w2ncYB","modal-header":"Rb8zLu","modalHeader":"Rb8zLu","border-bottom":"KFU5qv","borderBottom":"KFU5qv"};
|
|
2323
2323
|
|
|
2324
2324
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$10.modalBlocker]);
|
|
2325
2325
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$10.root, css$10.modal], (props) => {
|
|
@@ -2364,6 +2364,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2364
2364
|
searchPlaceholder: 'Type text for quick search',
|
|
2365
2365
|
cancelButton: 'Cancel',
|
|
2366
2366
|
selectButton: 'Select',
|
|
2367
|
+
clearButton: 'CLEAR',
|
|
2367
2368
|
clearAllButton: 'CLEAR ALL',
|
|
2368
2369
|
selectAllButton: 'SELECT ALL',
|
|
2369
2370
|
},
|
|
@@ -2510,7 +2511,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2510
2511
|
});
|
|
2511
2512
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2512
2513
|
|
|
2513
|
-
var css$$ = {"root":"
|
|
2514
|
+
var css$$ = {"root":"bnuARJ","icon-wrapper":"_3eAAwD","iconWrapper":"_3eAAwD","action-wrapper":"VosyPN","actionWrapper":"VosyPN","close-icon":"MeZGOL","closeIcon":"MeZGOL","main-path":"Z8q1ih","mainPath":"Z8q1ih","content":"_56cnRQ","close-wrapper":"_94CAzJ","closeWrapper":"_94CAzJ","clear-notifications":"mGZ070","clearNotifications":"mGZ070"};
|
|
2514
2515
|
|
|
2515
2516
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
2516
2517
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -2543,7 +2544,7 @@ function ClearNotification() {
|
|
|
2543
2544
|
React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2544
2545
|
}
|
|
2545
2546
|
|
|
2546
|
-
var css$_ = {"footer":"
|
|
2547
|
+
var css$_ = {"footer":"e3iPQZ"};
|
|
2547
2548
|
|
|
2548
2549
|
class ConfirmationModal extends React.Component {
|
|
2549
2550
|
render() {
|
|
@@ -2585,7 +2586,7 @@ function useReliableForceUpdate() {
|
|
|
2585
2586
|
return red[1];
|
|
2586
2587
|
}
|
|
2587
2588
|
|
|
2588
|
-
var css$Z = {"root":"
|
|
2589
|
+
var css$Z = {"root":"LW8daT","container":"hZgPZh"};
|
|
2589
2590
|
|
|
2590
2591
|
const defaultFormat = 'MMM D, YYYY';
|
|
2591
2592
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2803,14 +2804,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2803
2804
|
React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2804
2805
|
}
|
|
2805
2806
|
|
|
2806
|
-
var css$Y = {"root":"
|
|
2807
|
+
var css$Y = {"root":"tRsOns"};
|
|
2807
2808
|
|
|
2808
2809
|
function applyDateSelectionMods() {
|
|
2809
2810
|
return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2810
2811
|
}
|
|
2811
2812
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
2812
2813
|
|
|
2813
|
-
var css$X = {"root":"
|
|
2814
|
+
var css$X = {"root":"XB-8K2"};
|
|
2814
2815
|
|
|
2815
2816
|
const uuiDatePickerBody = {
|
|
2816
2817
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2931,7 +2932,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2931
2932
|
}
|
|
2932
2933
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
2933
2934
|
|
|
2934
|
-
var css$W = {"date-input":"
|
|
2935
|
+
var css$W = {"date-input":"jqJVIE","dateInput":"jqJVIE","root":"_0rMdeM","separator":"iZ1fc9"};
|
|
2935
2936
|
|
|
2936
2937
|
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, preventEmptyFromDate, preventEmptyToDate, id, cx: classes, }, ref) => {
|
|
2937
2938
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3002,7 +3003,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
3002
3003
|
React__default.createElement(TextInput, { cx: cx$1(css$W.dateInput, inFocus === 'to' && 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 })));
|
|
3003
3004
|
});
|
|
3004
3005
|
|
|
3005
|
-
var css$V = {"root":"
|
|
3006
|
+
var css$V = {"root":"YBpl8W"};
|
|
3006
3007
|
|
|
3007
3008
|
const uuiPresets = {
|
|
3008
3009
|
container: 'uui-presets-container',
|
|
@@ -3022,7 +3023,7 @@ function CalendarPresets(props) {
|
|
|
3022
3023
|
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
3023
3024
|
}
|
|
3024
3025
|
|
|
3025
|
-
var css$U = {"root":"
|
|
3026
|
+
var css$U = {"root":"h7DHtx","container":"_3tdAZq","day-selection":"_26z1Hf","daySelection":"_26z1Hf","from-picker":"_61l2I6","fromPicker":"_61l2I6","to-picker":"hteCAW","toPicker":"hteCAW","bodes-wrapper":"SzEyOz","bodesWrapper":"SzEyOz","blocker":"_-0uJ0J"};
|
|
3026
3027
|
|
|
3027
3028
|
const uuiRangeDatePickerBody = {
|
|
3028
3029
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3224,7 +3225,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3224
3225
|
};
|
|
3225
3226
|
};
|
|
3226
3227
|
|
|
3227
|
-
var css$T = {"dropdown-container":"
|
|
3228
|
+
var css$T = {"dropdown-container":"cpSlAW","dropdownContainer":"cpSlAW"};
|
|
3228
3229
|
|
|
3229
3230
|
function RangeDatePickerComponent(props, ref) {
|
|
3230
3231
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3292,7 +3293,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3292
3293
|
}
|
|
3293
3294
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3294
3295
|
|
|
3295
|
-
var css$S = {"root":"
|
|
3296
|
+
var css$S = {"root":"Pqdcrn","blocker":"_2W8mgH","marker":"_2BWZ3v","top":"ZOIGRJ","bottom":"ROVLYg","left":"tKF0WF","right":"x54RX9","inside":"pb28f1"};
|
|
3296
3297
|
|
|
3297
3298
|
function DropMarker(props) {
|
|
3298
3299
|
return props.isDndInProgress
|
|
@@ -3309,15 +3310,15 @@ function DropMarker(props) {
|
|
|
3309
3310
|
|
|
3310
3311
|
const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3311
3312
|
|
|
3312
|
-
var css$R = {"search-wrapper":"
|
|
3313
|
+
var css$R = {"search-wrapper":"UxXJL9","searchWrapper":"UxXJL9","no-data":"OuZgO7","noData":"OuZgO7"};
|
|
3313
3314
|
|
|
3314
|
-
var css$Q = {"picker-row":"
|
|
3315
|
+
var css$Q = {"picker-row":"_107Fr6","pickerRow":"_107Fr6","align-widgets-top":"_8US39Q","alignWidgetsTop":"_8US39Q","row-content":"mbIazh","rowContent":"mbIazh","align-widgets-center":"GKS1zY","alignWidgetsCenter":"GKS1zY","icon-container":"q7qtmW","iconContainer":"q7qtmW","content-wrapper":"zX7heU","contentWrapper":"zX7heU","icon-wrapper":"MW4lbk","iconWrapper":"MW4lbk","icon-default":"_0-vW-m","iconDefault":"_0-vW-m","selected-mark":"_0gaRow","selectedMark":"_0gaRow"};
|
|
3315
3316
|
|
|
3316
|
-
var css$P = {"root":"
|
|
3317
|
+
var css$P = {"root":"_4MNAKk"};
|
|
3317
3318
|
|
|
3318
3319
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$P.root]);
|
|
3319
3320
|
|
|
3320
|
-
var css$O = {"root":"
|
|
3321
|
+
var css$O = {"root":"HA5G6A"};
|
|
3321
3322
|
|
|
3322
3323
|
const DEFAULT_FILL = 'solid';
|
|
3323
3324
|
function applyBadgeMods(mods) {
|
|
@@ -3345,7 +3346,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3345
3346
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3346
3347
|
});
|
|
3347
3348
|
|
|
3348
|
-
var css$N = {"root":"
|
|
3349
|
+
var css$N = {"root":"tT9SEc"};
|
|
3349
3350
|
|
|
3350
3351
|
function applyTagMods(props) {
|
|
3351
3352
|
return [
|
|
@@ -3373,7 +3374,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3373
3374
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3374
3375
|
});
|
|
3375
3376
|
|
|
3376
|
-
var css$M = {"root":"
|
|
3377
|
+
var css$M = {"root":"mXFjFl","page":"-pD7Z9","spacer":"L4AfFR","mode-ghost":"AWvCxZ","modeGhost":"AWvCxZ"};
|
|
3377
3378
|
|
|
3378
3379
|
function Paginator(props) {
|
|
3379
3380
|
const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx(css$M.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
@@ -3390,14 +3391,14 @@ function Paginator(props) {
|
|
|
3390
3391
|
return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
|
|
3391
3392
|
}
|
|
3392
3393
|
|
|
3393
|
-
var css$L = {"root":"
|
|
3394
|
+
var css$L = {"root":"_2yQx3q","progress-bar":"ZrIDlN","progressBar":"ZrIDlN","progressBar-indeterminate":"SILWh-","progressBarIndeterminate":"SILWh-","size-12":"_0jzrk2","size12":"_0jzrk2","size-18":"mDqYK9","size18":"mDqYK9","size-24":"IE6bGy","size24":"IE6bGy"};
|
|
3394
3395
|
|
|
3395
3396
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3396
3397
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$L.root, css$L[`size-${props.size || 12}`]) },
|
|
3397
3398
|
React.createElement("div", { className: cx(css$L.progressBar) })));
|
|
3398
3399
|
});
|
|
3399
3400
|
|
|
3400
|
-
var css$K = {"root":"
|
|
3401
|
+
var css$K = {"root":"_1dJ6Cm","striped":"UWKP58","animate-stripes":"WrriDO","animateStripes":"WrriDO","size-12":"baqEAF","size12":"baqEAF","size-18":"sRt2aC","size18":"sRt2aC","size-24":"M0pnpN","size24":"M0pnpN"};
|
|
3401
3402
|
|
|
3402
3403
|
const DEFAULT_SIZE = '12';
|
|
3403
3404
|
function applyProgressBarMods(mods) {
|
|
@@ -3412,14 +3413,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
3412
3413
|
hideLabel: props.hideLabel || props.striped,
|
|
3413
3414
|
}));
|
|
3414
3415
|
|
|
3415
|
-
var css$J = {"root":"
|
|
3416
|
+
var css$J = {"root":"Tpz3Nf"};
|
|
3416
3417
|
|
|
3417
3418
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3418
3419
|
const { progress } = props;
|
|
3419
3420
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$J.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$J.root, props.cx) }));
|
|
3420
3421
|
});
|
|
3421
3422
|
|
|
3422
|
-
var css$I = {"root":"
|
|
3423
|
+
var css$I = {"root":"g0p-hI"};
|
|
3423
3424
|
|
|
3424
3425
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
3425
3426
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -3434,7 +3435,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
3434
3435
|
React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3435
3436
|
});
|
|
3436
3437
|
|
|
3437
|
-
var css$H = {"drag-handle-wrapper":"
|
|
3438
|
+
var css$H = {"drag-handle-wrapper":"vBWOpg","dragHandleWrapper":"vBWOpg","with-indent":"xjlRgZ","withIndent":"xjlRgZ","drag-handle":"e1ZCHB","dragHandle":"e1ZCHB","icon-container":"WykyYw","iconContainer":"WykyYw"};
|
|
3438
3439
|
|
|
3439
3440
|
function DataRowAddons(props) {
|
|
3440
3441
|
const row = props.rowProps;
|
|
@@ -3521,7 +3522,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3521
3522
|
return getDecoratedText(str, ranges);
|
|
3522
3523
|
};
|
|
3523
3524
|
|
|
3524
|
-
var css$G = {"root":"
|
|
3525
|
+
var css$G = {"root":"wILu-I","column-gap":"WTWSLD","columnGap":"WTWSLD","title":"z57RUc","subtitle":"YaOadn","disabled":"_1zjPFy","multiline":"TYhZcq"};
|
|
3525
3526
|
|
|
3526
3527
|
function PickerItem(props) {
|
|
3527
3528
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3695,7 +3696,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3695
3696
|
}
|
|
3696
3697
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
3697
3698
|
|
|
3698
|
-
var css$F = {"header":"
|
|
3699
|
+
var css$F = {"header":"-KjmdT","title":"jeXdT4","close":"-AFKiB"};
|
|
3699
3700
|
|
|
3700
3701
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3701
3702
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3705,7 +3706,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3705
3706
|
};
|
|
3706
3707
|
const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
|
|
3707
3708
|
|
|
3708
|
-
var css$E = {"done":"
|
|
3709
|
+
var css$E = {"done":"Mlekj9","container":"dnFwo-"};
|
|
3709
3710
|
|
|
3710
3711
|
const PickerBodyMobileView = (props) => {
|
|
3711
3712
|
const isMobileView = isMobile();
|
|
@@ -3717,19 +3718,23 @@ const PickerBodyMobileView = (props) => {
|
|
|
3717
3718
|
isMobileView && (React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
3718
3719
|
};
|
|
3719
3720
|
|
|
3720
|
-
var css$D = {"sub-header-wrapper":"
|
|
3721
|
+
var css$D = {"sub-header-wrapper":"hp09Lg","subHeaderWrapper":"hp09Lg","switch":"PfqEas","no-found-modal-container":"_1StKi1","noFoundModalContainer":"_1StKi1","no-found-modal-container-icon":"_3RK3rP","noFoundModalContainerIcon":"_3RK3rP","no-found-modal-container-text":"VqLPVC","noFoundModalContainerText":"VqLPVC","body":"VGCtMq"};
|
|
3721
3722
|
|
|
3722
3723
|
function PickerModal(props) {
|
|
3723
3724
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
|
|
3725
|
+
const isSearching = dataSourceState.search && dataSourceState.search.length > 0;
|
|
3724
3726
|
const renderRow = (rowProps) => {
|
|
3725
3727
|
return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React__default.createElement(DataPickerRow, { ...rowProps, key: rowProps.rowKey, size: settings.pickerInput.sizes.body.row, flattenSearchResults: view.getConfig().flattenSearchResults, dataSourceState: dataSourceState, getName: getName }));
|
|
3726
3728
|
};
|
|
3727
3729
|
const renderFooter = () => {
|
|
3728
3730
|
const hasSelection = view.getSelectedRowsCount() > 0;
|
|
3729
3731
|
const rowsCount = view.getListProps().rowsCount;
|
|
3730
|
-
const isEmptyRowsAndHasNoSelection = (rowsCount === 0
|
|
3732
|
+
const isEmptyRowsAndHasNoSelection = (rowsCount === 0 || !hasSelection);
|
|
3733
|
+
const showClear = !props.disableClear && (isSingleSelect() ? true : (!view.selectAll || hasSelection));
|
|
3734
|
+
const isClearDisabled = isSearching || isEmptyRowsAndHasNoSelection;
|
|
3731
3735
|
return (React__default.createElement(React__default.Fragment, null,
|
|
3732
|
-
view.selectAll && (React__default.createElement(LinkButton, { caption:
|
|
3736
|
+
view.selectAll && !hasSelection && (React__default.createElement(LinkButton, { caption: i18n.pickerModal.selectAllButton, onClick: () => view.selectAll.onValueChange(true) })),
|
|
3737
|
+
showClear && (React__default.createElement(LinkButton, { caption: isSingleSelect() ? i18n.pickerModal.clearButton : i18n.pickerModal.clearAllButton, onClick: () => clearSelection(), isDisabled: isClearDisabled })),
|
|
3733
3738
|
React__default.createElement(FlexSpacer, null),
|
|
3734
3739
|
React__default.createElement(Button, { fill: "outline", color: "secondary", caption: i18n.pickerModal.cancelButton, onClick: () => props.abort() }),
|
|
3735
3740
|
React__default.createElement(Button, { color: "primary", caption: i18n.pickerModal.selectButton, onClick: () => props.success(selection) })));
|
|
@@ -3741,7 +3746,6 @@ function PickerModal(props) {
|
|
|
3741
3746
|
React__default.createElement(Text, { cx: css$D.noFoundModalContainerText, fontSize: "12", lineHeight: "18", color: "primary" }, i18n.dataPickerBody.noRecordsSubTitle)));
|
|
3742
3747
|
};
|
|
3743
3748
|
const dataRows = getRows();
|
|
3744
|
-
const isSearching = dataSourceState.search && dataSourceState.search.length > 0;
|
|
3745
3749
|
return (React__default.createElement(ModalBlocker, { ...props },
|
|
3746
3750
|
React__default.createElement(ModalWindow, { width: 600, height: 700, cx: css$D.body },
|
|
3747
3751
|
React__default.createElement(ModalHeader, { title: props.caption || i18n.pickerModal.headerTitle, onClose: () => props.abort() }),
|
|
@@ -3760,7 +3764,7 @@ function PickerModal(props) {
|
|
|
3760
3764
|
React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3761
3765
|
}
|
|
3762
3766
|
|
|
3763
|
-
var css$C = {"tooltip":"
|
|
3767
|
+
var css$C = {"tooltip":"vsfwzM"};
|
|
3764
3768
|
|
|
3765
3769
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3766
3770
|
const tagProps = {
|
|
@@ -3779,7 +3783,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
3779
3783
|
}
|
|
3780
3784
|
});
|
|
3781
3785
|
|
|
3782
|
-
var css$B = {"root":"
|
|
3786
|
+
var css$B = {"root":"BJUazM"};
|
|
3783
3787
|
|
|
3784
3788
|
const defaultMode = EditMode.FORM;
|
|
3785
3789
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3861,7 +3865,7 @@ function PickerInputComponent(props, ref) {
|
|
|
3861
3865
|
}
|
|
3862
3866
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
3863
3867
|
|
|
3864
|
-
var css$A = {"row":"
|
|
3868
|
+
var css$A = {"row":"SgJElL"};
|
|
3865
3869
|
|
|
3866
3870
|
function PickerListRow(props) {
|
|
3867
3871
|
let label;
|
|
@@ -3881,7 +3885,7 @@ function PickerListRow(props) {
|
|
|
3881
3885
|
return (React__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));
|
|
3882
3886
|
}
|
|
3883
3887
|
|
|
3884
|
-
var css$z = {"root":"
|
|
3888
|
+
var css$z = {"root":"RzO-1C"};
|
|
3885
3889
|
|
|
3886
3890
|
function PickerList(props) {
|
|
3887
3891
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -3916,7 +3920,7 @@ function PickerList(props) {
|
|
|
3916
3920
|
}, selectedRows)));
|
|
3917
3921
|
}
|
|
3918
3922
|
|
|
3919
|
-
var css$y = {"root":"
|
|
3923
|
+
var css$y = {"root":"DlDWKq","wrapper":"YLT2aR","align-widgets-top":"LKpMZM","alignWidgetsTop":"LKpMZM","align-widgets-center":"eLDnmQ","alignWidgetsCenter":"eLDnmQ"};
|
|
3920
3924
|
|
|
3921
3925
|
function DataTableCell(initialProps) {
|
|
3922
3926
|
const props = { ...initialProps };
|
|
@@ -3966,7 +3970,7 @@ function DataTableCell(initialProps) {
|
|
|
3966
3970
|
return React.createElement(DataTableCell$1, { ...props });
|
|
3967
3971
|
}
|
|
3968
3972
|
|
|
3969
|
-
var css$x = {"root":"
|
|
3973
|
+
var css$x = {"root":"yRNsKE"};
|
|
3970
3974
|
|
|
3971
3975
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3972
3976
|
// 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.
|
|
@@ -3982,7 +3986,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
3982
3986
|
];
|
|
3983
3987
|
}, () => propsMods);
|
|
3984
3988
|
|
|
3985
|
-
var css$w = {"sorting-panel-container":"
|
|
3989
|
+
var css$w = {"sorting-panel-container":"_9sRmyu","sortingPanelContainer":"_9sRmyu"};
|
|
3986
3990
|
|
|
3987
3991
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
3988
3992
|
const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4002,7 +4006,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4002
4006
|
};
|
|
4003
4007
|
const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
|
|
4004
4008
|
|
|
4005
|
-
var css$v = {"root":"
|
|
4009
|
+
var css$v = {"root":"SEyNgC","caption-wrapper":"OdXL0x","captionWrapper":"OdXL0x","sort-icon":"yCDhok","sortIcon":"yCDhok","dropdown-icon":"twfT-b","dropdownIcon":"twfT-b","infoIcon":"MnW01t","align-right":"ZPU5rV","alignRight":"ZPU5rV","align-center":"fnIS3z","alignCenter":"fnIS3z","caption":"vmNMMW","truncate":"_0EFg9f","upper-case":"_8mzKWz","upperCase":"_8mzKWz","checkbox":"I0n3Zy","icon":"_7ZuHCR","fold-all-icon":"UBQZ6q","foldAllIcon":"UBQZ6q","cell-tooltip":"qE7X3k","cellTooltip":"qE7X3k","resizing-marker":"n0oRVG","resizingMarker":"n0oRVG","pinned-right":"RY-C3I","pinnedRight":"RY-C3I","draggable":"NlOw-a","ghost":"HRDDg6","is-dragged-out":"yey2fJ","isDraggedOut":"yey2fJ","dnd-marker-left":"vcZ8A-","dndMarkerLeft":"vcZ8A-","dnd-marker-right":"cp2K1q","dndMarkerRight":"cp2K1q","cell-tooltip-wrapper":"lvLN3f","cellTooltipWrapper":"lvLN3f","cell-tooltip-text":"unHSiq","cellTooltipText":"unHSiq","tooltip-caption":"moTyxL","tooltipCaption":"moTyxL","tooltip-info":"W-IIOF","tooltipInfo":"W-IIOF"};
|
|
4006
4010
|
|
|
4007
4011
|
class DataTableHeaderCell extends React.Component {
|
|
4008
4012
|
constructor() {
|
|
@@ -4096,7 +4100,7 @@ class DataTableHeaderCell extends React.Component {
|
|
|
4096
4100
|
}
|
|
4097
4101
|
}
|
|
4098
4102
|
|
|
4099
|
-
var css$u = {"root":"
|
|
4103
|
+
var css$u = {"root":"Jc6pbr","caption-wrapper":"EaNZd2","captionWrapper":"EaNZd2","align-center":"fbqJQa","alignCenter":"fbqJQa","caption":"OK8vby","truncate":"I4eeN9","upper-case":"kcuGGY","upperCase":"kcuGGY","group-cell-tooltip":"Uyuz96","groupCellTooltip":"Uyuz96","group-cell-tooltip-wrapper":"NIfJ1Y","groupCellTooltipWrapper":"NIfJ1Y","group-cell-tooltip-text":"ShhR6O","groupCellTooltipText":"ShhR6O","tooltip-caption":"DO8N8X","tooltipCaption":"DO8N8X","tooltip-info":"jylbMO","tooltipInfo":"jylbMO"};
|
|
4100
4104
|
|
|
4101
4105
|
class DataTableHeaderGroupCell extends React.Component {
|
|
4102
4106
|
constructor() {
|
|
@@ -4136,7 +4140,7 @@ class DataTableHeaderGroupCell extends React.Component {
|
|
|
4136
4140
|
}
|
|
4137
4141
|
}
|
|
4138
4142
|
|
|
4139
|
-
var css$t = {"root":"
|
|
4143
|
+
var css$t = {"root":"pyl95T"};
|
|
4140
4144
|
|
|
4141
4145
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4142
4146
|
renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4232,7 +4236,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4232
4236
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4233
4237
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4234
4238
|
|
|
4235
|
-
var css$s = {"body":"
|
|
4239
|
+
var css$s = {"body":"VoUvtK","header":"_7oEB4-","title":"-q-Vnk","removeButton":"_0LRULu","with-search":"OFISwu","withSearch":"OFISwu"};
|
|
4236
4240
|
|
|
4237
4241
|
function FilterColumnBody(props) {
|
|
4238
4242
|
const [predicate, setPredicate] = useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4293,7 +4297,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4293
4297
|
return columns;
|
|
4294
4298
|
};
|
|
4295
4299
|
|
|
4296
|
-
var css$r = {"unpin-icon":"
|
|
4300
|
+
var css$r = {"unpin-icon":"i5z3IT","unpinIcon":"i5z3IT","pin-toggler-icon":"rvq7Ka","pinTogglerIcon":"rvq7Ka"};
|
|
4297
4301
|
|
|
4298
4302
|
function PinIconButton(props) {
|
|
4299
4303
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4335,7 +4339,7 @@ function getUnpinIcon(params) {
|
|
|
4335
4339
|
}
|
|
4336
4340
|
}
|
|
4337
4341
|
|
|
4338
|
-
var css$q = {"row-wrapper":"
|
|
4342
|
+
var css$q = {"row-wrapper":"qNZGIf","rowWrapper":"qNZGIf","pin-icon-button":"z7H83D","pinIconButton":"z7H83D","not-pinned":"w6OJ6m","notPinned":"w6OJ6m","checkbox":"uurB75","drag-handle":"CJwb2z","dragHandle":"CJwb2z","dnd-disabled":"h5eRKB","dndDisabled":"h5eRKB"};
|
|
4339
4343
|
|
|
4340
4344
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4341
4345
|
const { column } = props;
|
|
@@ -4358,7 +4362,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
|
4358
4362
|
return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4359
4363
|
});
|
|
4360
4364
|
|
|
4361
|
-
var css$p = {"root":"
|
|
4365
|
+
var css$p = {"root":"pAd347","main-panel":"zogoeD","mainPanel":"zogoeD","group":"lSwcud","group-title":"wXF8xs","groupTitle":"wXF8xs","group-items":"AQQp8-","groupItems":"AQQp8-","no-data":"QORqTx","noData":"QORqTx","no-data-title":"oq1fCB","noDataTitle":"oq1fCB","no-data-sub-title":"KOhEZ2","noDataSubTitle":"KOhEZ2","h-divider":"WMb1Cs","hDivider":"WMb1Cs","search-area":"_5dWrSE","searchArea":"_5dWrSE","subgroup-accordion":"BH-sUt","subgroupAccordion":"BH-sUt","subgroup":"mcS4h0","subgroup-title":"_74iaP0","subgroupTitle":"_74iaP0"};
|
|
4362
4366
|
|
|
4363
4367
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$p.group },
|
|
4364
4368
|
React.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -4460,7 +4464,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
4460
4464
|
return [children, rest];
|
|
4461
4465
|
};
|
|
4462
4466
|
|
|
4463
|
-
var css$o = {"listContainer":"
|
|
4467
|
+
var css$o = {"listContainer":"_0DZg2m","header":"gR4AIh","group":"NIYPfh","stickyHeader":"XuWrUE"};
|
|
4464
4468
|
|
|
4465
4469
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
4466
4470
|
const rowRef = useRef(undefined);
|
|
@@ -4500,7 +4504,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4500
4504
|
React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
4501
4505
|
}
|
|
4502
4506
|
|
|
4503
|
-
var css$n = {"root":"
|
|
4507
|
+
var css$n = {"root":"kBI8sS","sticky-header":"L-B7mS","stickyHeader":"L-B7mS","no-results":"_8NBXS2","noResults":"_8NBXS2","icon":"av5Cqk","title":"_9lB9-C"};
|
|
4504
4508
|
|
|
4505
4509
|
function DataTable(props) {
|
|
4506
4510
|
const { uuiModals } = useUuiContext();
|
|
@@ -4549,7 +4553,7 @@ function DataTable(props) {
|
|
|
4549
4553
|
} }))));
|
|
4550
4554
|
}
|
|
4551
4555
|
|
|
4552
|
-
var css$m = {"root":"
|
|
4556
|
+
var css$m = {"root":"fiVMMl","title-wrapper":"rNmLrS","titleWrapper":"rNmLrS","title":"fas93S","text-wrapper":"gLo-Q7","textWrapper":"gLo-Q7","selection":"C9xy7n","postfix":"zKADPz","selected":"mqXbK2"};
|
|
4553
4557
|
|
|
4554
4558
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4555
4559
|
const togglerPickerOpened = (e) => {
|
|
@@ -4773,7 +4777,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4773
4777
|
renderFooter()));
|
|
4774
4778
|
}
|
|
4775
4779
|
|
|
4776
|
-
var css$l = {"container":"
|
|
4780
|
+
var css$l = {"container":"GkPIYw"};
|
|
4777
4781
|
|
|
4778
4782
|
function FilterNumericBody(props) {
|
|
4779
4783
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -5084,7 +5088,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5084
5088
|
}
|
|
5085
5089
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
5086
5090
|
|
|
5087
|
-
var css$k = {"delete-button":"
|
|
5091
|
+
var css$k = {"delete-button":"pzFmCB","deleteButton":"pzFmCB","tab-button":"qsCHtF","tabButton":"qsCHtF","targetOpen":"wC7wy4"};
|
|
5088
5092
|
|
|
5089
5093
|
function PresetActionsDropdown(props) {
|
|
5090
5094
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -5156,7 +5160,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5156
5160
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5157
5161
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5158
5162
|
|
|
5159
|
-
var css$j = {"preset-input-cell":"
|
|
5163
|
+
var css$j = {"preset-input-cell":"_2Ue-JQ","presetInputCell":"_2Ue-JQ","preset-input":"qWmNW6","presetInput":"qWmNW6"};
|
|
5160
5164
|
|
|
5161
5165
|
function PresetInput(props) {
|
|
5162
5166
|
const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
|
|
@@ -5183,7 +5187,7 @@ function PresetInput(props) {
|
|
|
5183
5187
|
React__default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
5184
5188
|
}
|
|
5185
5189
|
|
|
5186
|
-
var css$i = {"preset":"
|
|
5190
|
+
var css$i = {"preset":"qd2cz4","activePreset":"fNdBDs"};
|
|
5187
5191
|
|
|
5188
5192
|
function Preset(props) {
|
|
5189
5193
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -5208,7 +5212,7 @@ function Preset(props) {
|
|
|
5208
5212
|
return (React__default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__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 }))));
|
|
5209
5213
|
}
|
|
5210
5214
|
|
|
5211
|
-
var css$h = {"divider":"
|
|
5215
|
+
var css$h = {"divider":"Wx62mB","dropdownDeleteIcon":"_2PoR4q","presetsWrapper":"HVPeqc","addPresetContainer":"DI-sSY","dropContainer":"_32Q3y2"};
|
|
5212
5216
|
|
|
5213
5217
|
function PresetsPanel(props) {
|
|
5214
5218
|
const [isAddingPreset, setIsAddingPreset] = useState(false);
|
|
@@ -5257,9 +5261,9 @@ function PresetsPanel(props) {
|
|
|
5257
5261
|
React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
|
|
5258
5262
|
}
|
|
5259
5263
|
|
|
5260
|
-
var css$g = {"root":"
|
|
5264
|
+
var css$g = {"root":"pHb-vW"};
|
|
5261
5265
|
|
|
5262
|
-
var css$f = {"root":"
|
|
5266
|
+
var css$f = {"root":"lEqPxS","burger-content":"_9EB5do","burgerContent":"_9EB5do"};
|
|
5263
5267
|
|
|
5264
5268
|
var _path$3;
|
|
5265
5269
|
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); }
|
|
@@ -5302,7 +5306,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5302
5306
|
};
|
|
5303
5307
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
5304
5308
|
|
|
5305
|
-
var css$e = {"root":"
|
|
5309
|
+
var css$e = {"root":"czGtAQ","button-primary":"BWQaQ8","buttonPrimary":"BWQaQ8","button-secondary":"FoniKs","buttonSecondary":"FoniKs","hasIcon":"vzlBu4","dropdown":"_985svO"};
|
|
5306
5310
|
|
|
5307
5311
|
const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
5308
5312
|
css$e.root,
|
|
@@ -5313,13 +5317,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
|
5313
5317
|
props.icon && css$e.hasIcon,
|
|
5314
5318
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5315
5319
|
|
|
5316
|
-
var css$d = {"search-input":"
|
|
5320
|
+
var css$d = {"search-input":"A8mavf","searchInput":"A8mavf"};
|
|
5317
5321
|
|
|
5318
5322
|
function BurgerSearch(props) {
|
|
5319
5323
|
return (React.createElement(TextInput$1, { cx: cx(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 }));
|
|
5320
5324
|
}
|
|
5321
5325
|
|
|
5322
|
-
var css$c = {"root":"
|
|
5326
|
+
var css$c = {"root":"zlfYYb","group-header":"jQrYjD","groupHeader":"jQrYjD","group-name":"yIBq4I","groupName":"yIBq4I","line":"_28rPX2"};
|
|
5323
5327
|
|
|
5324
5328
|
function BurgerGroupHeader(props) {
|
|
5325
5329
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5327,7 +5331,7 @@ function BurgerGroupHeader(props) {
|
|
|
5327
5331
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5328
5332
|
}
|
|
5329
5333
|
|
|
5330
|
-
var css$b = {"root":"
|
|
5334
|
+
var css$b = {"root":"L5GCJj","type-primary":"x2oeok","typePrimary":"x2oeok","type-secondary":"ZVN2RA","typeSecondary":"ZVN2RA"};
|
|
5331
5335
|
|
|
5332
5336
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5333
5337
|
const { type, ...clickableProps } = props;
|
|
@@ -5349,7 +5353,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5349
5353
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5350
5354
|
});
|
|
5351
5355
|
|
|
5352
|
-
var css$a = {"dropdown-body":"
|
|
5356
|
+
var css$a = {"dropdown-body":"GQ60b8","dropdownBody":"GQ60b8"};
|
|
5353
5357
|
|
|
5354
5358
|
class MainMenuDropdown extends React.Component {
|
|
5355
5359
|
render() {
|
|
@@ -5408,12 +5412,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5408
5412
|
};
|
|
5409
5413
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5410
5414
|
|
|
5411
|
-
var css$9 = {"global-menu-btn":"
|
|
5415
|
+
var css$9 = {"global-menu-btn":"ip9fak","globalMenuBtn":"ip9fak","global-menu-icon":"hPgDSC","globalMenuIcon":"hPgDSC"};
|
|
5412
5416
|
|
|
5413
5417
|
const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx), ...props.rawProps },
|
|
5414
5418
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5415
5419
|
|
|
5416
|
-
var css$8 = {"container":"
|
|
5420
|
+
var css$8 = {"container":"l0pv3x","open":"tvZow6","folding-arrow":"MmAyqz","foldingArrow":"MmAyqz"};
|
|
5417
5421
|
|
|
5418
5422
|
const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
|
|
5419
5423
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5421,15 +5425,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
5421
5425
|
props.isDropdown && (React.createElement("div", null,
|
|
5422
5426
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5423
5427
|
|
|
5424
|
-
var css$7 = {"search-input":"
|
|
5428
|
+
var css$7 = {"search-input":"Cc1kU7","searchInput":"Cc1kU7"};
|
|
5425
5429
|
|
|
5426
5430
|
const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, { ...props, render: (iEditable) => (React.createElement(TextInput$1, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: cx$1(css$7.searchInput, props.cx), ...props.rawProps })) })));
|
|
5427
5431
|
|
|
5428
|
-
var css$6 = {"container":"
|
|
5432
|
+
var css$6 = {"container":"CIbNJ1"};
|
|
5429
5433
|
|
|
5430
5434
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
|
|
5431
5435
|
|
|
5432
|
-
var css$5 = {"root":"
|
|
5436
|
+
var css$5 = {"root":"UhJ4Uz"};
|
|
5433
5437
|
|
|
5434
5438
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
5435
5439
|
|
|
@@ -5487,7 +5491,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5487
5491
|
};
|
|
5488
5492
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
5489
5493
|
|
|
5490
|
-
var css$4 = {"root":"
|
|
5494
|
+
var css$4 = {"root":"YuRWsq","drop-start":"zTdMMA","dropStart":"zTdMMA","drop-over":"F5ToAU","dropOver":"F5ToAU","link":"FygbNP","drop-area":"ilwCVU","dropArea":"ilwCVU","drop-caption":"Bc647-","dropCaption":"Bc647-","icon-blue":"UYxu-q","iconBlue":"UYxu-q"};
|
|
5491
5495
|
|
|
5492
5496
|
function DropSpot(props) {
|
|
5493
5497
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5505,7 +5509,7 @@ function DropSpot(props) {
|
|
|
5505
5509
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5506
5510
|
}
|
|
5507
5511
|
|
|
5508
|
-
var css$3 = {"root":"
|
|
5512
|
+
var css$3 = {"root":"_4h7w9i"};
|
|
5509
5513
|
|
|
5510
5514
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5511
5515
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5516,7 +5520,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5516
5520
|
React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5517
5521
|
});
|
|
5518
5522
|
|
|
5519
|
-
var css$2 = {"root":"
|
|
5523
|
+
var css$2 = {"root":"VdREkV","file-name":"xSt3o6","fileName":"xSt3o6","default-color":"csjYVv","defaultColor":"csjYVv","doc-color":"rJ7Cge","docColor":"rJ7Cge","xls-color":"gFrg4x","xlsColor":"gFrg4x","pdf-color":"xtpOtt","pdfColor":"xtpOtt","movie-color":"QJ9ahU","movieColor":"QJ9ahU","img-color":"xTD2tx","imgColor":"xTD2tx","mov-color":"PIkY9e","movColor":"PIkY9e","error-block":"REVllV","errorBlock":"REVllV","icons-block":"X-h2-q","iconsBlock":"X-h2-q"};
|
|
5520
5524
|
|
|
5521
5525
|
const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5522
5526
|
const [isLoadingShow, setIsLoadingShow] = React.useState(true);
|
|
@@ -5635,7 +5639,7 @@ const getErrorPageConfig = () => ({
|
|
|
5635
5639
|
},
|
|
5636
5640
|
});
|
|
5637
5641
|
|
|
5638
|
-
var css$1 = {"container":"
|
|
5642
|
+
var css$1 = {"container":"z-c0Rt"};
|
|
5639
5643
|
|
|
5640
5644
|
const ErrorPage = (props) => {
|
|
5641
5645
|
const isMobileScreen = isMobile();
|
|
@@ -5647,7 +5651,7 @@ const ErrorPage = (props) => {
|
|
|
5647
5651
|
props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5648
5652
|
};
|
|
5649
5653
|
|
|
5650
|
-
var css = {"recovery-spinner":"
|
|
5654
|
+
var css = {"recovery-spinner":"d3Wr1p","recoverySpinner":"d3Wr1p","recovery-message":"CUf8Ih","recoveryMessage":"CUf8Ih","modal-blocker":"xakmQ7","modalBlocker":"xakmQ7","modalFadeIn":"Za8GHX"};
|
|
5651
5655
|
|
|
5652
5656
|
function ErrorHandler(props) {
|
|
5653
5657
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|