@epam/uui 6.1.7-beta.0 → 6.1.7-beta.3
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/index.esm.js +127 -107
- package/index.esm.js.map +1 -1
- package/index.js +127 -107
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +19 -1
- package/styles.css +998 -998
- package/styles.css.map +1 -1
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(#uz2h08fmmk15ahzp9_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: "uz2h081g6dbfucrh3_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(#uz2h081g6dbfucrh3_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: "uz2h08fmmk15ahzp9_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":"eE20hH","uui-spinner":"z9WWBb","uuiSpinner":"z9WWBb"};
|
|
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":"Q-iR6V","loading-word":"LYjOa2","loadingWord":"LYjOa2","animated-loading":"icuoRK","animatedLoading":"icuoRK","skeleton_loading":"lVKSKr","skeletonLoading":"lVKSKr"};
|
|
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":"wKbSly","line-height":"qtL-1n","lineHeight":"qtL-1n","font-size":"_9Pa3gj","fontSize":"_9Pa3gj"};
|
|
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":"mTlU3V"};
|
|
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":"dsqtWQ"};
|
|
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":"HvGr-0"};
|
|
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":"E4Sc9P"};
|
|
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":"L1tiRD"};
|
|
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":"g4uS4V","withNotify":"_9uzAL4"};
|
|
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":"gyXcWl"};
|
|
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":"mX94Ob"};
|
|
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":"o8qmgp"};
|
|
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":"_61bn0E"};
|
|
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":"s5yRfY"};
|
|
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":"_3uiLCo"};
|
|
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":"r-X22c"};
|
|
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":"zotoeH"};
|
|
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":"Aaz7Ol"};
|
|
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":"WYO8lg","timepicker-input":"xQ8f8R","timepickerInput":"xQ8f8R","ltr-always":"_3fxIym","ltrAlways":"_3fxIym"};
|
|
1764
1764
|
|
|
1765
1765
|
const uuiTimePicker = {
|
|
1766
1766
|
container: 'uui-timepicker-container',
|
|
@@ -1878,6 +1878,7 @@ function TimePickerComponent(props, ref) {
|
|
|
1878
1878
|
value: valueToTimeString(props.value, props.format),
|
|
1879
1879
|
inputValue: valueToTimeString(props.value, props.format),
|
|
1880
1880
|
});
|
|
1881
|
+
const targetRef = React__default.useRef(null);
|
|
1881
1882
|
useEffect(() => {
|
|
1882
1883
|
if (valueToTimeString(props.value, props.format) !== state.value) {
|
|
1883
1884
|
const stringValue = valueToTimeString(props.value, props.format);
|
|
@@ -1905,7 +1906,10 @@ function TimePickerComponent(props, ref) {
|
|
|
1905
1906
|
};
|
|
1906
1907
|
const saveTime = (newTime) => {
|
|
1907
1908
|
setState((prevState) => ({ ...prevState, inputValue: newTime }));
|
|
1908
|
-
|
|
1909
|
+
const newValue = formatStringTimeToObject(newTime);
|
|
1910
|
+
if (!isEqual(props.value, newValue)) {
|
|
1911
|
+
props.onValueChange(formatStringTimeToObject(newTime));
|
|
1912
|
+
}
|
|
1909
1913
|
};
|
|
1910
1914
|
const getTimeFromInputValue = (newValue) => {
|
|
1911
1915
|
const trimmedNewValue = newValue.trimStart();
|
|
@@ -1919,7 +1923,6 @@ function TimePickerComponent(props, ref) {
|
|
|
1919
1923
|
saveTime(inputValue);
|
|
1920
1924
|
};
|
|
1921
1925
|
const handleFocus = (e) => {
|
|
1922
|
-
onToggle(true);
|
|
1923
1926
|
props.onFocus?.(e);
|
|
1924
1927
|
};
|
|
1925
1928
|
const handleInputChange = (newValue) => {
|
|
@@ -1932,7 +1935,6 @@ function TimePickerComponent(props, ref) {
|
|
|
1932
1935
|
}
|
|
1933
1936
|
};
|
|
1934
1937
|
const handleBlur = (e) => {
|
|
1935
|
-
onToggle(false);
|
|
1936
1938
|
props.onBlur?.(e);
|
|
1937
1939
|
if (state.value === '' || state.inputValue === '') {
|
|
1938
1940
|
props.onValueChange(null);
|
|
@@ -1940,19 +1942,37 @@ function TimePickerComponent(props, ref) {
|
|
|
1940
1942
|
}
|
|
1941
1943
|
state.value && state.inputValue && saveTime(state.value);
|
|
1942
1944
|
};
|
|
1945
|
+
const onKeyDown = (e) => {
|
|
1946
|
+
if (e.key === 'Enter') {
|
|
1947
|
+
onToggle(true);
|
|
1948
|
+
}
|
|
1949
|
+
if (e.key === 'Escape' && state.isOpen) {
|
|
1950
|
+
e.preventDefault();
|
|
1951
|
+
e.stopPropagation();
|
|
1952
|
+
onToggle(false);
|
|
1953
|
+
}
|
|
1954
|
+
};
|
|
1943
1955
|
const renderInput = (inputProps) => {
|
|
1944
|
-
return (React__default.createElement(TextInput, { ...inputProps,
|
|
1956
|
+
return (React__default.createElement(TextInput, { ...inputProps, size: props.size, isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$1f.root, css$1f.timepickerInput, props.inputCx], value: state.inputValue, onValueChange: handleInputChange, onCancel: !props.disableClear && onClear, onKeyDown: onKeyDown, onFocus: handleFocus, onBlur: handleBlur, isDropdown: false, placeholder: props.placeholder ? props.placeholder : getFormat(), mode: props.mode || DEFAULT_MODE, rawProps: props.rawProps?.input, ref: (node) => {
|
|
1957
|
+
targetRef.current = node;
|
|
1958
|
+
if (typeof inputProps.ref === 'function') {
|
|
1959
|
+
inputProps.ref(node);
|
|
1960
|
+
}
|
|
1961
|
+
else if (inputProps.ref && 'current' in inputProps.ref) {
|
|
1962
|
+
inputProps.ref.current = node;
|
|
1963
|
+
}
|
|
1964
|
+
} }));
|
|
1945
1965
|
};
|
|
1946
1966
|
const renderBody = (bodyProps) => {
|
|
1947
1967
|
const { forwardedRef, onValueChange, ...timePickerBodyProps } = props;
|
|
1948
|
-
return (!props.isDisabled && !props.isReadonly && (React__default.createElement(DropdownContainer, { ...bodyProps,
|
|
1968
|
+
return (!props.isDisabled && !props.isReadonly && (React__default.createElement(DropdownContainer, { ...bodyProps, shards: [targetRef] },
|
|
1949
1969
|
React__default.createElement(TimePickerBody, { ...timePickerBodyProps, onValueChange: handleBodyValueChange, value: formatStringTimeToObject(state.value), rawProps: props.rawProps?.body, cx: props.bodyCx }))));
|
|
1950
1970
|
};
|
|
1951
1971
|
return (React__default.createElement(Dropdown$1, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, middleware: [offset(6)], ref: ref }));
|
|
1952
1972
|
}
|
|
1953
1973
|
const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
|
|
1954
1974
|
|
|
1955
|
-
var css$1e = {"root":"
|
|
1975
|
+
var css$1e = {"root":"YKtnMS"};
|
|
1956
1976
|
|
|
1957
1977
|
function applyInputAddonMods() {
|
|
1958
1978
|
return [
|
|
@@ -1961,14 +1981,14 @@ function applyInputAddonMods() {
|
|
|
1961
1981
|
}
|
|
1962
1982
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
1963
1983
|
|
|
1964
|
-
var css$1d = {"root":"
|
|
1984
|
+
var css$1d = {"root":"_6elwRc"};
|
|
1965
1985
|
|
|
1966
1986
|
function applySliderMods() {
|
|
1967
1987
|
return [css$1d.root, 'uui-color-neutral'];
|
|
1968
1988
|
}
|
|
1969
1989
|
const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
|
|
1970
1990
|
|
|
1971
|
-
var css$1c = {"root":"
|
|
1991
|
+
var css$1c = {"root":"p70fY3"};
|
|
1972
1992
|
|
|
1973
1993
|
function applyTooltipMods(mods) {
|
|
1974
1994
|
return [
|
|
@@ -1978,7 +1998,7 @@ function applyTooltipMods(mods) {
|
|
|
1978
1998
|
}
|
|
1979
1999
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
1980
2000
|
|
|
1981
|
-
var css$1b = {"root":"
|
|
2001
|
+
var css$1b = {"root":"-RCkA7","tooltip":"vwQz3n"};
|
|
1982
2002
|
|
|
1983
2003
|
function applyRatingMods(mods) {
|
|
1984
2004
|
return [
|
|
@@ -1992,7 +2012,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
|
|
|
1992
2012
|
Tooltip,
|
|
1993
2013
|
}));
|
|
1994
2014
|
|
|
1995
|
-
var css$1a = {"root":"
|
|
2015
|
+
var css$1a = {"root":"Cje5Iz","main-path":"TEqzom","mainPath":"TEqzom","content-wrapper":"HUVVzk","contentWrapper":"HUVVzk","content":"Oznzyd","action-wrapper":"_4VP5xn","actionWrapper":"_4VP5xn","icon-wrapper":"HJVaaj","iconWrapper":"HJVaaj","icon":"vOd5k-","close-icon":"HFzzQi","closeIcon":"HFzzQi"};
|
|
1996
2016
|
|
|
1997
2017
|
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 },
|
|
1998
2018
|
React.createElement("div", { className: css$1a.mainPath },
|
|
@@ -2010,7 +2030,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
2010
2030
|
|
|
2011
2031
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
2012
2032
|
|
|
2013
|
-
var css$19 = {"submenu-root-item-rtl":"
|
|
2033
|
+
var css$19 = {"submenu-root-item-rtl":"ouxNoE","submenuRootItemRtl":"ouxNoE","icon-after":"aB0tF0","iconAfter":"aB0tF0","submenu-root-item":"_-0HB4C","submenuRootItem":"_-0HB4C","icon-check":"OSa6gs","iconCheck":"OSa6gs","splitter-root":"IuK3qI","splitterRoot":"IuK3qI","splitter":"hKIK3q","header-root":"_7j-ohn","headerRoot":"_7j-ohn","item-root":"E-tTMX","itemRoot":"E-tTMX","icon":"iV3abg","link":"X5Fqtx","indent":"_09T7s3","selected-mark":"LIOSQr","selectedMark":"LIOSQr"};
|
|
2014
2034
|
|
|
2015
2035
|
var IDropdownControlKeys;
|
|
2016
2036
|
(function (IDropdownControlKeys) {
|
|
@@ -2135,7 +2155,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
2135
2155
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
2136
2156
|
}
|
|
2137
2157
|
|
|
2138
|
-
var css$18 = {"root":"
|
|
2158
|
+
var css$18 = {"root":"_4Albpj","mode-block":"_9YHJfB","modeBlock":"_9YHJfB","mode-inline":"_375Tzg","modeInline":"_375Tzg","padding-0":"TqcOEv","padding0":"TqcOEv","padding-6":"NwnNOM","padding6":"NwnNOM","padding-12":"ydwhFC","padding12":"ydwhFC","padding-18":"_44xQ7L","padding18":"_44xQ7L"};
|
|
2139
2159
|
|
|
2140
2160
|
function applyAccordionMods(mods) {
|
|
2141
2161
|
return [
|
|
@@ -2148,7 +2168,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
2148
2168
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
2149
2169
|
}));
|
|
2150
2170
|
|
|
2151
|
-
var css$17 = {"root":"
|
|
2171
|
+
var css$17 = {"root":"_66gUlh","align-items":"I9Y-QB","alignItems":"I9Y-QB","justify-content":"uhHK6h","justifyContent":"uhHK6h","border-top":"T1lOJX","borderTop":"T1lOJX","border-bottom":"medd7Q","borderBottom":"medd7Q","top-shadow":"zdQ0jy","topShadow":"zdQ0jy","padding":"sjZHwP","margin":"Usih01","vPadding":"V0e8tZ","column-gap":"Hh16wu","columnGap":"Hh16wu","row-gap":"qMvCnX","rowGap":"qMvCnX","spacing":"xcIGNv"};
|
|
2152
2172
|
|
|
2153
2173
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$17.flexCell]);
|
|
2154
2174
|
|
|
@@ -2200,7 +2220,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
2200
2220
|
} }, props.children));
|
|
2201
2221
|
});
|
|
2202
2222
|
|
|
2203
|
-
var css$16 = {"root":"
|
|
2223
|
+
var css$16 = {"root":"kL7-Zf","margin-24":"fDVfbi","margin24":"fDVfbi","padding-12":"VB4mPN","padding12":"VB4mPN","padding-24":"T9Jr-v","padding24":"T9Jr-v","shadow":"K3vwUS","uui-surface-main":"ybOZOy","uuiSurfaceMain":"ybOZOy"};
|
|
2204
2224
|
|
|
2205
2225
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
2206
2226
|
'uui-panel',
|
|
@@ -2210,7 +2230,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
2210
2230
|
props.background && css$16[`uui-${props.background}`],
|
|
2211
2231
|
]);
|
|
2212
2232
|
|
|
2213
|
-
var css$15 = {"root":"
|
|
2233
|
+
var css$15 = {"root":"_2RVQp5"};
|
|
2214
2234
|
|
|
2215
2235
|
function applyLabeledInputMods(mods) {
|
|
2216
2236
|
return [
|
|
@@ -2227,7 +2247,7 @@ function applyLabeledInputProps(props) {
|
|
|
2227
2247
|
}
|
|
2228
2248
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
2229
2249
|
|
|
2230
|
-
var css$14 = {"root":"
|
|
2250
|
+
var css$14 = {"root":"_8sQEm7"};
|
|
2231
2251
|
|
|
2232
2252
|
function RadioGroup(props) {
|
|
2233
2253
|
const direction = props.direction || 'vertical';
|
|
@@ -2242,7 +2262,7 @@ function RadioGroup(props) {
|
|
|
2242
2262
|
})));
|
|
2243
2263
|
}
|
|
2244
2264
|
|
|
2245
|
-
var css$13 = {"root":"
|
|
2265
|
+
var css$13 = {"root":"YGiMr6"};
|
|
2246
2266
|
|
|
2247
2267
|
function applyScrollBarsMods() {
|
|
2248
2268
|
return [
|
|
@@ -2251,7 +2271,7 @@ function applyScrollBarsMods() {
|
|
|
2251
2271
|
}
|
|
2252
2272
|
const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
|
|
2253
2273
|
|
|
2254
|
-
var css$12 = {"scroll-container":"
|
|
2274
|
+
var css$12 = {"scroll-container":"ePH08-","scrollContainer":"ePH08-","list-container":"Pi-NVe","listContainer":"Pi-NVe"};
|
|
2255
2275
|
|
|
2256
2276
|
const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
2257
2277
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
|
|
@@ -2295,7 +2315,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2295
2315
|
props.renderBlocker ? props.renderBlocker({ isLoading: props.isLoading }) : React.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2296
2316
|
});
|
|
2297
2317
|
|
|
2298
|
-
var css$11 = {"root":"
|
|
2318
|
+
var css$11 = {"root":"_4JPERK"};
|
|
2299
2319
|
|
|
2300
2320
|
function CheckboxGroup(props) {
|
|
2301
2321
|
const currentValue = props.value || [];
|
|
@@ -2317,7 +2337,7 @@ function CheckboxGroup(props) {
|
|
|
2317
2337
|
})));
|
|
2318
2338
|
}
|
|
2319
2339
|
|
|
2320
|
-
var css$10 = {"root":"
|
|
2340
|
+
var css$10 = {"root":"cQj9Kb","modal-blocker":"Lf3H4A","modalBlocker":"Lf3H4A","animateModalBlocker":"HbqFWW","modal":"if34yO","modal-footer":"KUQbYC","modalFooter":"KUQbYC","border-top":"_7fC0k0","borderTop":"_7fC0k0","modal-header":"CmPu37","modalHeader":"CmPu37","border-bottom":"NqFmxu","borderBottom":"NqFmxu"};
|
|
2321
2341
|
|
|
2322
2342
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$10.modalBlocker]);
|
|
2323
2343
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$10.root, css$10.modal], (props) => {
|
|
@@ -2509,7 +2529,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2509
2529
|
});
|
|
2510
2530
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2511
2531
|
|
|
2512
|
-
var css$$ = {"root":"
|
|
2532
|
+
var css$$ = {"root":"_7mtFNF","icon-wrapper":"erRru3","iconWrapper":"erRru3","action-wrapper":"LGaKS8","actionWrapper":"LGaKS8","close-icon":"RmcpBh","closeIcon":"RmcpBh","main-path":"K-UAr0","mainPath":"K-UAr0","content":"_7bw1p6","close-wrapper":"Q7vX5T","closeWrapper":"Q7vX5T","clear-notifications":"A5whZe","clearNotifications":"A5whZe"};
|
|
2513
2533
|
|
|
2514
2534
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
2515
2535
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -2542,7 +2562,7 @@ function ClearNotification() {
|
|
|
2542
2562
|
React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2543
2563
|
}
|
|
2544
2564
|
|
|
2545
|
-
var css$_ = {"footer":"
|
|
2565
|
+
var css$_ = {"footer":"OUEEGd"};
|
|
2546
2566
|
|
|
2547
2567
|
class ConfirmationModal extends React.Component {
|
|
2548
2568
|
render() {
|
|
@@ -2584,7 +2604,7 @@ function useReliableForceUpdate() {
|
|
|
2584
2604
|
return red[1];
|
|
2585
2605
|
}
|
|
2586
2606
|
|
|
2587
|
-
var css$Z = {"root":"
|
|
2607
|
+
var css$Z = {"root":"LgqQBw","container":"c3pB2D"};
|
|
2588
2608
|
|
|
2589
2609
|
const defaultFormat = 'MMM D, YYYY';
|
|
2590
2610
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2802,14 +2822,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2802
2822
|
React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2803
2823
|
}
|
|
2804
2824
|
|
|
2805
|
-
var css$Y = {"root":"
|
|
2825
|
+
var css$Y = {"root":"ATG31y"};
|
|
2806
2826
|
|
|
2807
2827
|
function applyDateSelectionMods() {
|
|
2808
2828
|
return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2809
2829
|
}
|
|
2810
2830
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
2811
2831
|
|
|
2812
|
-
var css$X = {"root":"
|
|
2832
|
+
var css$X = {"root":"SQmKLE"};
|
|
2813
2833
|
|
|
2814
2834
|
const uuiDatePickerBody = {
|
|
2815
2835
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2930,7 +2950,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2930
2950
|
}
|
|
2931
2951
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
2932
2952
|
|
|
2933
|
-
var css$W = {"date-input":"
|
|
2953
|
+
var css$W = {"date-input":"oU6RYO","dateInput":"oU6RYO","root":"X2hZkz","separator":"_8jPRc6"};
|
|
2934
2954
|
|
|
2935
2955
|
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) => {
|
|
2936
2956
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
@@ -3001,7 +3021,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
3001
3021
|
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 })));
|
|
3002
3022
|
});
|
|
3003
3023
|
|
|
3004
|
-
var css$V = {"root":"
|
|
3024
|
+
var css$V = {"root":"gxksPw"};
|
|
3005
3025
|
|
|
3006
3026
|
const uuiPresets = {
|
|
3007
3027
|
container: 'uui-presets-container',
|
|
@@ -3021,7 +3041,7 @@ function CalendarPresets(props) {
|
|
|
3021
3041
|
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
3022
3042
|
}
|
|
3023
3043
|
|
|
3024
|
-
var css$U = {"root":"
|
|
3044
|
+
var css$U = {"root":"APb1zg","container":"uzWo0w","day-selection":"gslpfO","daySelection":"gslpfO","from-picker":"kTXJW1","fromPicker":"kTXJW1","to-picker":"-bP35y","toPicker":"-bP35y","bodes-wrapper":"Bpvi6a","bodesWrapper":"Bpvi6a","blocker":"uNMS7H"};
|
|
3025
3045
|
|
|
3026
3046
|
const uuiRangeDatePickerBody = {
|
|
3027
3047
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3223,7 +3243,7 @@ const getDayState = (day, selectedDate) => {
|
|
|
3223
3243
|
};
|
|
3224
3244
|
};
|
|
3225
3245
|
|
|
3226
|
-
var css$T = {"dropdown-container":"
|
|
3246
|
+
var css$T = {"dropdown-container":"MRqHrI","dropdownContainer":"MRqHrI"};
|
|
3227
3247
|
|
|
3228
3248
|
function RangeDatePickerComponent(props, ref) {
|
|
3229
3249
|
const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
|
|
@@ -3291,7 +3311,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3291
3311
|
}
|
|
3292
3312
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3293
3313
|
|
|
3294
|
-
var css$S = {"root":"
|
|
3314
|
+
var css$S = {"root":"Ed-Obs","blocker":"ae1BpS","marker":"bJ3XRx","top":"r2aQdm","bottom":"LyKkZ7","left":"UpZrTt","right":"Q-q-1f","inside":"_0xyj8g"};
|
|
3295
3315
|
|
|
3296
3316
|
function DropMarker(props) {
|
|
3297
3317
|
return props.isDndInProgress
|
|
@@ -3308,15 +3328,15 @@ function DropMarker(props) {
|
|
|
3308
3328
|
|
|
3309
3329
|
const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3310
3330
|
|
|
3311
|
-
var css$R = {"search-wrapper":"
|
|
3331
|
+
var css$R = {"search-wrapper":"rtR3-Q","searchWrapper":"rtR3-Q","no-data":"QNIshj","noData":"QNIshj"};
|
|
3312
3332
|
|
|
3313
|
-
var css$Q = {"picker-row":"
|
|
3333
|
+
var css$Q = {"picker-row":"eVvIBZ","pickerRow":"eVvIBZ","align-widgets-top":"t7ZNml","alignWidgetsTop":"t7ZNml","row-content":"ihe1XD","rowContent":"ihe1XD","align-widgets-center":"Al9cx6","alignWidgetsCenter":"Al9cx6","icon-container":"_6nS4LQ","iconContainer":"_6nS4LQ","content-wrapper":"XOIpf1","contentWrapper":"XOIpf1","icon-wrapper":"cYCZkO","iconWrapper":"cYCZkO","icon-default":"_0kXCUl","iconDefault":"_0kXCUl","selected-mark":"mfRS25","selectedMark":"mfRS25"};
|
|
3314
3334
|
|
|
3315
|
-
var css$P = {"root":"
|
|
3335
|
+
var css$P = {"root":"h4utAI"};
|
|
3316
3336
|
|
|
3317
3337
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$P.root]);
|
|
3318
3338
|
|
|
3319
|
-
var css$O = {"root":"
|
|
3339
|
+
var css$O = {"root":"G-klZ-"};
|
|
3320
3340
|
|
|
3321
3341
|
const DEFAULT_FILL = 'solid';
|
|
3322
3342
|
function applyBadgeMods(mods) {
|
|
@@ -3344,7 +3364,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3344
3364
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3345
3365
|
});
|
|
3346
3366
|
|
|
3347
|
-
var css$N = {"root":"
|
|
3367
|
+
var css$N = {"root":"cTxOfc"};
|
|
3348
3368
|
|
|
3349
3369
|
function applyTagMods(props) {
|
|
3350
3370
|
return [
|
|
@@ -3372,7 +3392,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
3372
3392
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3373
3393
|
});
|
|
3374
3394
|
|
|
3375
|
-
var css$M = {"root":"
|
|
3395
|
+
var css$M = {"root":"zzbN-r","page":"SVkcwy","spacer":"_3n8Dm-","mode-ghost":"UGqAb-","modeGhost":"UGqAb-"};
|
|
3376
3396
|
|
|
3377
3397
|
function Paginator(props) {
|
|
3378
3398
|
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 },
|
|
@@ -3389,14 +3409,14 @@ function Paginator(props) {
|
|
|
3389
3409
|
return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
|
|
3390
3410
|
}
|
|
3391
3411
|
|
|
3392
|
-
var css$L = {"root":"
|
|
3412
|
+
var css$L = {"root":"JWStsH","progress-bar":"Yxt3bM","progressBar":"Yxt3bM","progressBar-indeterminate":"_048AtM","progressBarIndeterminate":"_048AtM","size-12":"_1NWHiE","size12":"_1NWHiE","size-18":"g-z9ug","size18":"g-z9ug","size-24":"dWDn6R","size24":"dWDn6R"};
|
|
3393
3413
|
|
|
3394
3414
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3395
3415
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$L.root, css$L[`size-${props.size || 12}`]) },
|
|
3396
3416
|
React.createElement("div", { className: cx(css$L.progressBar) })));
|
|
3397
3417
|
});
|
|
3398
3418
|
|
|
3399
|
-
var css$K = {"root":"
|
|
3419
|
+
var css$K = {"root":"U8LHVX","striped":"HPIEjp","animate-stripes":"FHb0-2","animateStripes":"FHb0-2","size-12":"hiiAAa","size12":"hiiAAa","size-18":"yoGvZz","size18":"yoGvZz","size-24":"L4ejrY","size24":"L4ejrY"};
|
|
3400
3420
|
|
|
3401
3421
|
const DEFAULT_SIZE = '12';
|
|
3402
3422
|
function applyProgressBarMods(mods) {
|
|
@@ -3411,14 +3431,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
3411
3431
|
hideLabel: props.hideLabel || props.striped,
|
|
3412
3432
|
}));
|
|
3413
3433
|
|
|
3414
|
-
var css$J = {"root":"
|
|
3434
|
+
var css$J = {"root":"_1Q-Qpv"};
|
|
3415
3435
|
|
|
3416
3436
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3417
3437
|
const { progress } = props;
|
|
3418
3438
|
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) }));
|
|
3419
3439
|
});
|
|
3420
3440
|
|
|
3421
|
-
var css$I = {"root":"
|
|
3441
|
+
var css$I = {"root":"ZpBKr2"};
|
|
3422
3442
|
|
|
3423
3443
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
3424
3444
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -3433,7 +3453,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
3433
3453
|
React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3434
3454
|
});
|
|
3435
3455
|
|
|
3436
|
-
var css$H = {"drag-handle-wrapper":"
|
|
3456
|
+
var css$H = {"drag-handle-wrapper":"BciIzT","dragHandleWrapper":"BciIzT","with-indent":"g0OD7g","withIndent":"g0OD7g","drag-handle":"BL1KXB","dragHandle":"BL1KXB","icon-container":"wYLuUn","iconContainer":"wYLuUn"};
|
|
3437
3457
|
|
|
3438
3458
|
function DataRowAddons(props) {
|
|
3439
3459
|
const row = props.rowProps;
|
|
@@ -3520,7 +3540,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3520
3540
|
return getDecoratedText(str, ranges);
|
|
3521
3541
|
};
|
|
3522
3542
|
|
|
3523
|
-
var css$G = {"root":"
|
|
3543
|
+
var css$G = {"root":"VCfw0p","column-gap":"PUPsDz","columnGap":"PUPsDz","title":"iZD6OW","subtitle":"LDLHGD","disabled":"_7eqH-j","multiline":"-Ip97z"};
|
|
3524
3544
|
|
|
3525
3545
|
function PickerItem(props) {
|
|
3526
3546
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3694,7 +3714,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3694
3714
|
}
|
|
3695
3715
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
3696
3716
|
|
|
3697
|
-
var css$F = {"header":"
|
|
3717
|
+
var css$F = {"header":"Klq72P","title":"_813TXs","close":"PAPM4-"};
|
|
3698
3718
|
|
|
3699
3719
|
const DataPickerMobileHeaderImpl = (props) => {
|
|
3700
3720
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -3704,7 +3724,7 @@ const DataPickerMobileHeaderImpl = (props) => {
|
|
|
3704
3724
|
};
|
|
3705
3725
|
const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
|
|
3706
3726
|
|
|
3707
|
-
var css$E = {"done":"
|
|
3727
|
+
var css$E = {"done":"-p2NAu","container":"H0HVnQ"};
|
|
3708
3728
|
|
|
3709
3729
|
const PickerBodyMobileView = (props) => {
|
|
3710
3730
|
const isMobileView = isMobile();
|
|
@@ -3716,7 +3736,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
3716
3736
|
isMobileView && (React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
|
|
3717
3737
|
};
|
|
3718
3738
|
|
|
3719
|
-
var css$D = {"sub-header-wrapper":"
|
|
3739
|
+
var css$D = {"sub-header-wrapper":"UrYipU","subHeaderWrapper":"UrYipU","switch":"QE4hp5","no-found-modal-container":"K88wSm","noFoundModalContainer":"K88wSm","no-found-modal-container-icon":"S4CnCA","noFoundModalContainerIcon":"S4CnCA","no-found-modal-container-text":"yMO6Ux","noFoundModalContainerText":"yMO6Ux","body":"_0knrWj"};
|
|
3720
3740
|
|
|
3721
3741
|
function PickerModal(props) {
|
|
3722
3742
|
const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
|
|
@@ -3762,7 +3782,7 @@ function PickerModal(props) {
|
|
|
3762
3782
|
React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3763
3783
|
}
|
|
3764
3784
|
|
|
3765
|
-
var css$C = {"tooltip":"
|
|
3785
|
+
var css$C = {"tooltip":"dpWfZU"};
|
|
3766
3786
|
|
|
3767
3787
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3768
3788
|
const tagProps = {
|
|
@@ -3781,7 +3801,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
3781
3801
|
}
|
|
3782
3802
|
});
|
|
3783
3803
|
|
|
3784
|
-
var css$B = {"root":"
|
|
3804
|
+
var css$B = {"root":"TcahmI"};
|
|
3785
3805
|
|
|
3786
3806
|
const defaultMode = EditMode.FORM;
|
|
3787
3807
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3863,7 +3883,7 @@ function PickerInputComponent(props, ref) {
|
|
|
3863
3883
|
}
|
|
3864
3884
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
3865
3885
|
|
|
3866
|
-
var css$A = {"row":"
|
|
3886
|
+
var css$A = {"row":"_9oNwh8"};
|
|
3867
3887
|
|
|
3868
3888
|
function PickerListRow(props) {
|
|
3869
3889
|
let label;
|
|
@@ -3883,7 +3903,7 @@ function PickerListRow(props) {
|
|
|
3883
3903
|
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));
|
|
3884
3904
|
}
|
|
3885
3905
|
|
|
3886
|
-
var css$z = {"root":"
|
|
3906
|
+
var css$z = {"root":"_18eomB"};
|
|
3887
3907
|
|
|
3888
3908
|
function PickerList(props) {
|
|
3889
3909
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -3918,7 +3938,7 @@ function PickerList(props) {
|
|
|
3918
3938
|
}, selectedRows)));
|
|
3919
3939
|
}
|
|
3920
3940
|
|
|
3921
|
-
var css$y = {"root":"
|
|
3941
|
+
var css$y = {"root":"tdHjvd","wrapper":"YDV2fT","align-widgets-top":"QsvZER","alignWidgetsTop":"QsvZER","align-widgets-center":"_8u--fq","alignWidgetsCenter":"_8u--fq"};
|
|
3922
3942
|
|
|
3923
3943
|
function DataTableCell(initialProps) {
|
|
3924
3944
|
const props = { ...initialProps };
|
|
@@ -3968,7 +3988,7 @@ function DataTableCell(initialProps) {
|
|
|
3968
3988
|
return React.createElement(DataTableCell$1, { ...props });
|
|
3969
3989
|
}
|
|
3970
3990
|
|
|
3971
|
-
var css$x = {"root":"
|
|
3991
|
+
var css$x = {"root":"m11hiD"};
|
|
3972
3992
|
|
|
3973
3993
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3974
3994
|
// 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.
|
|
@@ -3984,7 +4004,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
3984
4004
|
];
|
|
3985
4005
|
}, () => propsMods);
|
|
3986
4006
|
|
|
3987
|
-
var css$w = {"sorting-panel-container":"
|
|
4007
|
+
var css$w = {"sorting-panel-container":"rT0JtW","sortingPanelContainer":"rT0JtW"};
|
|
3988
4008
|
|
|
3989
4009
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
3990
4010
|
const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -4004,7 +4024,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
4004
4024
|
};
|
|
4005
4025
|
const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
|
|
4006
4026
|
|
|
4007
|
-
var css$v = {"root":"
|
|
4027
|
+
var css$v = {"root":"VOvElx","caption-wrapper":"Wf9Rj4","captionWrapper":"Wf9Rj4","sort-icon":"hGwXKx","sortIcon":"hGwXKx","dropdown-icon":"dYwdvf","dropdownIcon":"dYwdvf","infoIcon":"CgpiIK","align-right":"t-N9-8","alignRight":"t-N9-8","align-center":"q3zI7P","alignCenter":"q3zI7P","caption":"zW6Kip","truncate":"Lx-AP0","upper-case":"_6ifYSH","upperCase":"_6ifYSH","checkbox":"_9Lq2WC","icon":"Eguy4C","fold-all-icon":"VGm2zw","foldAllIcon":"VGm2zw","cell-tooltip":"PnoKVx","cellTooltip":"PnoKVx","resizing-marker":"FtOuZX","resizingMarker":"FtOuZX","pinned-right":"MEUvPN","pinnedRight":"MEUvPN","draggable":"GdS7HD","ghost":"T7o5cl","is-dragged-out":"YEDOpa","isDraggedOut":"YEDOpa","dnd-marker-left":"cpt8uu","dndMarkerLeft":"cpt8uu","dnd-marker-right":"oUluRz","dndMarkerRight":"oUluRz","cell-tooltip-wrapper":"h-lk0m","cellTooltipWrapper":"h-lk0m","cell-tooltip-text":"l9x6iz","cellTooltipText":"l9x6iz","tooltip-caption":"gLBHX4","tooltipCaption":"gLBHX4","tooltip-info":"X-QGox","tooltipInfo":"X-QGox"};
|
|
4008
4028
|
|
|
4009
4029
|
class DataTableHeaderCell extends React.Component {
|
|
4010
4030
|
constructor() {
|
|
@@ -4098,7 +4118,7 @@ class DataTableHeaderCell extends React.Component {
|
|
|
4098
4118
|
}
|
|
4099
4119
|
}
|
|
4100
4120
|
|
|
4101
|
-
var css$u = {"root":"
|
|
4121
|
+
var css$u = {"root":"_7iIHVf","caption-wrapper":"m5dDay","captionWrapper":"m5dDay","align-center":"qGxJSK","alignCenter":"qGxJSK","caption":"qaKO24","truncate":"z-X789","upper-case":"vyzc-T","upperCase":"vyzc-T","group-cell-tooltip":"eXKQP1","groupCellTooltip":"eXKQP1","group-cell-tooltip-wrapper":"SbM4u-","groupCellTooltipWrapper":"SbM4u-","group-cell-tooltip-text":"-YaFvq","groupCellTooltipText":"-YaFvq","tooltip-caption":"_2PQ90S","tooltipCaption":"_2PQ90S","tooltip-info":"wMAosM","tooltipInfo":"wMAosM"};
|
|
4102
4122
|
|
|
4103
4123
|
class DataTableHeaderGroupCell extends React.Component {
|
|
4104
4124
|
constructor() {
|
|
@@ -4138,7 +4158,7 @@ class DataTableHeaderGroupCell extends React.Component {
|
|
|
4138
4158
|
}
|
|
4139
4159
|
}
|
|
4140
4160
|
|
|
4141
|
-
var css$t = {"root":"
|
|
4161
|
+
var css$t = {"root":"TgXcZg"};
|
|
4142
4162
|
|
|
4143
4163
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
4144
4164
|
renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4234,7 +4254,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
|
|
|
4234
4254
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4235
4255
|
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4236
4256
|
|
|
4237
|
-
var css$s = {"body":"
|
|
4257
|
+
var css$s = {"body":"ne5mby","header":"fB5X3o","title":"S45MVw","removeButton":"MVb7I0","with-search":"jxjm-j","withSearch":"jxjm-j"};
|
|
4238
4258
|
|
|
4239
4259
|
function FilterColumnBody(props) {
|
|
4240
4260
|
const [predicate, setPredicate] = useState(getDefaultPredicate(props.predicates, props.value));
|
|
@@ -4295,7 +4315,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4295
4315
|
return columns;
|
|
4296
4316
|
};
|
|
4297
4317
|
|
|
4298
|
-
var css$r = {"unpin-icon":"
|
|
4318
|
+
var css$r = {"unpin-icon":"zyoH0i","unpinIcon":"zyoH0i","pin-toggler-icon":"NBbgDT","pinTogglerIcon":"NBbgDT"};
|
|
4299
4319
|
|
|
4300
4320
|
function PinIconButton(props) {
|
|
4301
4321
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4337,7 +4357,7 @@ function getUnpinIcon(params) {
|
|
|
4337
4357
|
}
|
|
4338
4358
|
}
|
|
4339
4359
|
|
|
4340
|
-
var css$q = {"row-wrapper":"
|
|
4360
|
+
var css$q = {"row-wrapper":"B-HpFz","rowWrapper":"B-HpFz","pin-icon-button":"_4Ilke-","pinIconButton":"_4Ilke-","not-pinned":"tN2baC","notPinned":"tN2baC","checkbox":"f4Hxjr","drag-handle":"t9a3t-","dragHandle":"t9a3t-","dnd-disabled":"qatJN7","dndDisabled":"qatJN7"};
|
|
4341
4361
|
|
|
4342
4362
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4343
4363
|
const { column } = props;
|
|
@@ -4360,7 +4380,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
|
4360
4380
|
return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4361
4381
|
});
|
|
4362
4382
|
|
|
4363
|
-
var css$p = {"root":"
|
|
4383
|
+
var css$p = {"root":"eaNkA0","main-panel":"yhTKF5","mainPanel":"yhTKF5","group":"wfYubR","group-title":"M3k9gb","groupTitle":"M3k9gb","group-items":"_8IT-1z","groupItems":"_8IT-1z","no-data":"vEvysc","noData":"vEvysc","no-data-title":"_6AZhir","noDataTitle":"_6AZhir","no-data-sub-title":"_2f5rHi","noDataSubTitle":"_2f5rHi","h-divider":"jZFDz7","hDivider":"jZFDz7","search-area":"_3ctGnh","searchArea":"_3ctGnh","subgroup-accordion":"rbomOh","subgroupAccordion":"rbomOh","subgroup":"_05L3Ge","subgroup-title":"J3z5Nt","subgroupTitle":"J3z5Nt"};
|
|
4364
4384
|
|
|
4365
4385
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$p.group },
|
|
4366
4386
|
React.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
|
|
@@ -4462,7 +4482,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
4462
4482
|
return [children, rest];
|
|
4463
4483
|
};
|
|
4464
4484
|
|
|
4465
|
-
var css$o = {"listContainer":"
|
|
4485
|
+
var css$o = {"listContainer":"Pksu6m","header":"tLHg5d","group":"t3XNcd","stickyHeader":"ZL6ceL"};
|
|
4466
4486
|
|
|
4467
4487
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
4468
4488
|
const rowRef = useRef(undefined);
|
|
@@ -4502,7 +4522,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4502
4522
|
React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
4503
4523
|
}
|
|
4504
4524
|
|
|
4505
|
-
var css$n = {"root":"
|
|
4525
|
+
var css$n = {"root":"vzDu5T","sticky-header":"Jg8ZBf","stickyHeader":"Jg8ZBf","no-results":"sMRC4I","noResults":"sMRC4I","icon":"K4JUj7","title":"gT4BoH"};
|
|
4506
4526
|
|
|
4507
4527
|
function DataTable(props) {
|
|
4508
4528
|
const { uuiModals } = useUuiContext();
|
|
@@ -4551,7 +4571,7 @@ function DataTable(props) {
|
|
|
4551
4571
|
} }))));
|
|
4552
4572
|
}
|
|
4553
4573
|
|
|
4554
|
-
var css$m = {"root":"
|
|
4574
|
+
var css$m = {"root":"_4oRAD5","title-wrapper":"_5ggNbD","titleWrapper":"_5ggNbD","title":"dsFeun","text-wrapper":"MKiQJ1","textWrapper":"MKiQJ1","selection":"OfwSwa","postfix":"BryOLS","selected":"-zLezU"};
|
|
4555
4575
|
|
|
4556
4576
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4557
4577
|
const togglerPickerOpened = (e) => {
|
|
@@ -4775,7 +4795,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4775
4795
|
renderFooter()));
|
|
4776
4796
|
}
|
|
4777
4797
|
|
|
4778
|
-
var css$l = {"container":"
|
|
4798
|
+
var css$l = {"container":"FsAl-x"};
|
|
4779
4799
|
|
|
4780
4800
|
function FilterNumericBody(props) {
|
|
4781
4801
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -5086,7 +5106,7 @@ function FiltersToolbarImpl(props) {
|
|
|
5086
5106
|
}
|
|
5087
5107
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
5088
5108
|
|
|
5089
|
-
var css$k = {"delete-button":"
|
|
5109
|
+
var css$k = {"delete-button":"Ma02sJ","deleteButton":"Ma02sJ","tab-button":"dopetx","tabButton":"dopetx","targetOpen":"mDA3El"};
|
|
5090
5110
|
|
|
5091
5111
|
function PresetActionsDropdown(props) {
|
|
5092
5112
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -5158,7 +5178,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
|
5158
5178
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
5159
5179
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
5160
5180
|
|
|
5161
|
-
var css$j = {"preset-input-cell":"
|
|
5181
|
+
var css$j = {"preset-input-cell":"AWoI46","presetInputCell":"AWoI46","preset-input":"mNceoH","presetInput":"mNceoH"};
|
|
5162
5182
|
|
|
5163
5183
|
function PresetInput(props) {
|
|
5164
5184
|
const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
|
|
@@ -5185,7 +5205,7 @@ function PresetInput(props) {
|
|
|
5185
5205
|
React__default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
5186
5206
|
}
|
|
5187
5207
|
|
|
5188
|
-
var css$i = {"preset":"
|
|
5208
|
+
var css$i = {"preset":"bT2mdB","activePreset":"UNZze6"};
|
|
5189
5209
|
|
|
5190
5210
|
function Preset(props) {
|
|
5191
5211
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -5210,7 +5230,7 @@ function Preset(props) {
|
|
|
5210
5230
|
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 }))));
|
|
5211
5231
|
}
|
|
5212
5232
|
|
|
5213
|
-
var css$h = {"divider":"
|
|
5233
|
+
var css$h = {"divider":"AIZqyg","dropdownDeleteIcon":"yAytjt","presetsWrapper":"_2oSXGd","addPresetContainer":"-jg-yK","dropContainer":"QFDi5M"};
|
|
5214
5234
|
|
|
5215
5235
|
function PresetsPanel(props) {
|
|
5216
5236
|
const [isAddingPreset, setIsAddingPreset] = useState(false);
|
|
@@ -5259,9 +5279,9 @@ function PresetsPanel(props) {
|
|
|
5259
5279
|
React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
|
|
5260
5280
|
}
|
|
5261
5281
|
|
|
5262
|
-
var css$g = {"root":"
|
|
5282
|
+
var css$g = {"root":"XPeNIn"};
|
|
5263
5283
|
|
|
5264
|
-
var css$f = {"root":"
|
|
5284
|
+
var css$f = {"root":"bVaeSu","burger-content":"DX5gnC","burgerContent":"DX5gnC"};
|
|
5265
5285
|
|
|
5266
5286
|
var _path$3;
|
|
5267
5287
|
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); }
|
|
@@ -5304,7 +5324,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5304
5324
|
};
|
|
5305
5325
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
5306
5326
|
|
|
5307
|
-
var css$e = {"root":"
|
|
5327
|
+
var css$e = {"root":"T5RI8N","button-primary":"iKfi3P","buttonPrimary":"iKfi3P","button-secondary":"Pm6w0C","buttonSecondary":"Pm6w0C","hasIcon":"emDqMr","dropdown":"bnDjM1"};
|
|
5308
5328
|
|
|
5309
5329
|
const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
5310
5330
|
css$e.root,
|
|
@@ -5315,13 +5335,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
|
5315
5335
|
props.icon && css$e.hasIcon,
|
|
5316
5336
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5317
5337
|
|
|
5318
|
-
var css$d = {"search-input":"
|
|
5338
|
+
var css$d = {"search-input":"_3Y5bIp","searchInput":"_3Y5bIp"};
|
|
5319
5339
|
|
|
5320
5340
|
function BurgerSearch(props) {
|
|
5321
5341
|
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 }));
|
|
5322
5342
|
}
|
|
5323
5343
|
|
|
5324
|
-
var css$c = {"root":"
|
|
5344
|
+
var css$c = {"root":"OAtxVY","group-header":"S0nRZu","groupHeader":"S0nRZu","group-name":"wR7zfh","groupName":"wR7zfh","line":"HgJfQ1"};
|
|
5325
5345
|
|
|
5326
5346
|
function BurgerGroupHeader(props) {
|
|
5327
5347
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5329,7 +5349,7 @@ function BurgerGroupHeader(props) {
|
|
|
5329
5349
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5330
5350
|
}
|
|
5331
5351
|
|
|
5332
|
-
var css$b = {"root":"
|
|
5352
|
+
var css$b = {"root":"N4P6v1","type-primary":"aawhak","typePrimary":"aawhak","type-secondary":"cLp4-d","typeSecondary":"cLp4-d"};
|
|
5333
5353
|
|
|
5334
5354
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5335
5355
|
const { type, ...clickableProps } = props;
|
|
@@ -5351,7 +5371,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5351
5371
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5352
5372
|
});
|
|
5353
5373
|
|
|
5354
|
-
var css$a = {"dropdown-body":"
|
|
5374
|
+
var css$a = {"dropdown-body":"tBBWJt","dropdownBody":"tBBWJt"};
|
|
5355
5375
|
|
|
5356
5376
|
class MainMenuDropdown extends React.Component {
|
|
5357
5377
|
render() {
|
|
@@ -5410,12 +5430,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5410
5430
|
};
|
|
5411
5431
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5412
5432
|
|
|
5413
|
-
var css$9 = {"global-menu-btn":"
|
|
5433
|
+
var css$9 = {"global-menu-btn":"dj58lj","globalMenuBtn":"dj58lj","global-menu-icon":"_84GlLY","globalMenuIcon":"_84GlLY"};
|
|
5414
5434
|
|
|
5415
5435
|
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 },
|
|
5416
5436
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5417
5437
|
|
|
5418
|
-
var css$8 = {"container":"
|
|
5438
|
+
var css$8 = {"container":"ud-1Er","open":"_9aNoOn","folding-arrow":"vTyY2r","foldingArrow":"vTyY2r"};
|
|
5419
5439
|
|
|
5420
5440
|
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 },
|
|
5421
5441
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5423,15 +5443,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
5423
5443
|
props.isDropdown && (React.createElement("div", null,
|
|
5424
5444
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5425
5445
|
|
|
5426
|
-
var css$7 = {"search-input":"
|
|
5446
|
+
var css$7 = {"search-input":"chR8AE","searchInput":"chR8AE"};
|
|
5427
5447
|
|
|
5428
5448
|
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 })) })));
|
|
5429
5449
|
|
|
5430
|
-
var css$6 = {"container":"
|
|
5450
|
+
var css$6 = {"container":"mbC3ly"};
|
|
5431
5451
|
|
|
5432
5452
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
|
|
5433
5453
|
|
|
5434
|
-
var css$5 = {"root":"
|
|
5454
|
+
var css$5 = {"root":"-cdzYu"};
|
|
5435
5455
|
|
|
5436
5456
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
5437
5457
|
|
|
@@ -5489,7 +5509,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5489
5509
|
};
|
|
5490
5510
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
5491
5511
|
|
|
5492
|
-
var css$4 = {"root":"
|
|
5512
|
+
var css$4 = {"root":"Xp2Q-s","drop-start":"to1kXz","dropStart":"to1kXz","drop-over":"XEXaG-","dropOver":"XEXaG-","link":"q4lhYv","drop-area":"ugaiJH","dropArea":"ugaiJH","drop-caption":"xFl5RK","dropCaption":"xFl5RK","icon-blue":"_45NOq4","iconBlue":"_45NOq4"};
|
|
5493
5513
|
|
|
5494
5514
|
function DropSpot(props) {
|
|
5495
5515
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5507,7 +5527,7 @@ function DropSpot(props) {
|
|
|
5507
5527
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5508
5528
|
}
|
|
5509
5529
|
|
|
5510
|
-
var css$3 = {"root":"
|
|
5530
|
+
var css$3 = {"root":"Gv2uuf"};
|
|
5511
5531
|
|
|
5512
5532
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5513
5533
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5518,7 +5538,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5518
5538
|
React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5519
5539
|
});
|
|
5520
5540
|
|
|
5521
|
-
var css$2 = {"root":"
|
|
5541
|
+
var css$2 = {"root":"X1jSyS","file-name":"Vc3mmN","fileName":"Vc3mmN","default-color":"Xt3IIM","defaultColor":"Xt3IIM","doc-color":"QPhap8","docColor":"QPhap8","xls-color":"_11r0nL","xlsColor":"_11r0nL","pdf-color":"T89Qbk","pdfColor":"T89Qbk","movie-color":"adlcuD","movieColor":"adlcuD","img-color":"Aek4eb","imgColor":"Aek4eb","mov-color":"y3Kqe4","movColor":"y3Kqe4","error-block":"ZSbFCg","errorBlock":"ZSbFCg","icons-block":"fKp1Gi","iconsBlock":"fKp1Gi"};
|
|
5522
5542
|
|
|
5523
5543
|
const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5524
5544
|
const [isLoadingShow, setIsLoadingShow] = React.useState(true);
|
|
@@ -5637,7 +5657,7 @@ const getErrorPageConfig = () => ({
|
|
|
5637
5657
|
},
|
|
5638
5658
|
});
|
|
5639
5659
|
|
|
5640
|
-
var css$1 = {"container":"
|
|
5660
|
+
var css$1 = {"container":"_8BprUX"};
|
|
5641
5661
|
|
|
5642
5662
|
const ErrorPage = (props) => {
|
|
5643
5663
|
const isMobileScreen = isMobile();
|
|
@@ -5649,7 +5669,7 @@ const ErrorPage = (props) => {
|
|
|
5649
5669
|
props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5650
5670
|
};
|
|
5651
5671
|
|
|
5652
|
-
var css = {"recovery-spinner":"
|
|
5672
|
+
var css = {"recovery-spinner":"bT7tpN","recoverySpinner":"bT7tpN","recovery-message":"SPVDyq","recoveryMessage":"SPVDyq","modal-blocker":"EBwFr3","modalBlocker":"EBwFr3","modalFadeIn":"h1vvG7"};
|
|
5653
5673
|
|
|
5654
5674
|
function ErrorHandler(props) {
|
|
5655
5675
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|