@epam/uui 5.11.0-alpha.0 → 5.11.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/buttons/Button.d.ts +1 -1
- package/components/buttons/Button.d.ts.map +1 -1
- package/components/datePickers/RangeDatePicker.d.ts.map +1 -1
- package/components/datePickers/RangeDatePickerInput.d.ts +4 -0
- package/components/datePickers/RangeDatePickerInput.d.ts.map +1 -1
- package/components/inputs/MultiSwitch.d.ts +11 -3
- package/components/inputs/MultiSwitch.d.ts.map +1 -1
- package/components/layout/Accordion.d.ts.map +1 -1
- package/components/layout/ControlGroup.d.ts.map +1 -1
- package/components/pickers/DataPickerFooter.d.ts.map +1 -1
- package/components/tables/columnsConfigurationModal/ColumnRow.d.ts.map +1 -1
- package/components/typography/Text.d.ts.map +1 -1
- package/index.esm.js +141 -133
- package/index.esm.js.map +1 -1
- package/index.js +141 -133
- package/index.js.map +1 -1
- package/package.json +6 -6
- package/settings.types.d.ts +1 -1
- package/stats.html +1 -19
- package/styles.css +2499 -2505
- package/styles.css.map +1 -1
package/index.js
CHANGED
|
@@ -581,7 +581,7 @@ const settings = {
|
|
|
581
581
|
modal: {
|
|
582
582
|
window: {
|
|
583
583
|
defaults: {
|
|
584
|
-
width:
|
|
584
|
+
width: 420,
|
|
585
585
|
},
|
|
586
586
|
},
|
|
587
587
|
},
|
|
@@ -595,7 +595,7 @@ const settings = {
|
|
|
595
595
|
},
|
|
596
596
|
};
|
|
597
597
|
|
|
598
|
-
var css$1w = {"uui-typography":"
|
|
598
|
+
var css$1w = {"uui-typography":"_--x7cv","hero-header":"Mv-Nn-","promo-header":"Bx1en9","uui-critical":"J6DWhz","uui-info":"_3JUScS","uui-success":"lm5bC-","uui-warning":"yLQneA","uui-highlight":"iNPruX","uui-typography-size-12":"Ueyz10","uui-typography-size-14":"jzKxVD","uui-typography-size-16":"SSgS5S","root":"nvkbYw","uuiTypography":"_--x7cv","heroHeader":"Mv-Nn-","promoHeader":"Bx1en9","uuiCritical":"J6DWhz","uuiInfo":"_3JUScS","uuiSuccess":"lm5bC-","uuiWarning":"yLQneA","uuiHighlight":"iNPruX","uuiTypographySize12":"Ueyz10","uuiTypographySize14":"jzKxVD","uuiTypographySize16":"SSgS5S"};
|
|
599
599
|
|
|
600
600
|
function applyButtonMods(mods) {
|
|
601
601
|
return [
|
|
@@ -613,7 +613,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
613
613
|
};
|
|
614
614
|
});
|
|
615
615
|
|
|
616
|
-
var css$1v = {"root":"
|
|
616
|
+
var css$1v = {"root":"wJlzuw"};
|
|
617
617
|
|
|
618
618
|
function applyIconButtonMods(props) {
|
|
619
619
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1v.root];
|
|
@@ -650,7 +650,7 @@ function getIconClass(props) {
|
|
|
650
650
|
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'];
|
|
651
651
|
}
|
|
652
652
|
|
|
653
|
-
var css$1u = {"uui-typography":"
|
|
653
|
+
var css$1u = {"uui-typography":"bUvjap","hero-header":"iWJayE","promo-header":"a8PfJX","uui-critical":"_1dZZsJ","uui-info":"OzSyTY","uui-success":"hTX85J","uui-warning":"HDJSRn","uui-highlight":"lvMowB","uui-typography-size-12":"nPlOCc","uui-typography-size-14":"zi-Ss1","uui-typography-size-16":"NNXlCk","root":"_5ZFgMv","uuiTypography":"bUvjap","heroHeader":"iWJayE","promoHeader":"a8PfJX","uuiCritical":"_1dZZsJ","uuiInfo":"OzSyTY","uuiSuccess":"hTX85J","uuiWarning":"HDJSRn","uuiHighlight":"lvMowB","uuiTypographySize12":"nPlOCc","uuiTypographySize14":"zi-Ss1","uuiTypographySize16":"NNXlCk"};
|
|
654
654
|
|
|
655
655
|
const DEFAULT_COLOR = 'primary';
|
|
656
656
|
const DEFAULT_WEIGHT = 'semibold';
|
|
@@ -681,7 +681,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
681
681
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
682
682
|
});
|
|
683
683
|
|
|
684
|
-
var css$1t = {"root":"
|
|
684
|
+
var css$1t = {"root":"MBSbkl"};
|
|
685
685
|
|
|
686
686
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
687
687
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -693,7 +693,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
693
693
|
]) }, props.caption));
|
|
694
694
|
});
|
|
695
695
|
|
|
696
|
-
var css$1s = {"uui-typography":"
|
|
696
|
+
var css$1s = {"uui-typography":"D7jjGY","hero-header":"aUNLxW","promo-header":"Mc1HC6","uui-critical":"eIEXXo","uui-info":"E8q0w7","uui-success":"MvZy3T","uui-warning":"cTDSkL","uui-highlight":"aybK4X","uui-typography-size-12":"oEL43G","uui-typography-size-14":"R--qrZ","uui-typography-size-16":"XC-hmN","root":"gG7zZK","withNotify":"X9JnQI","uuiTypography":"D7jjGY","heroHeader":"aUNLxW","promoHeader":"Mc1HC6","uuiCritical":"eIEXXo","uuiInfo":"E8q0w7","uuiSuccess":"MvZy3T","uuiWarning":"cTDSkL","uuiHighlight":"aybK4X","uuiTypographySize12":"oEL43G","uuiTypographySize14":"R--qrZ","uuiTypographySize16":"XC-hmN"};
|
|
697
697
|
|
|
698
698
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
699
699
|
const styles = [
|
|
@@ -716,7 +716,7 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
716
716
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
717
717
|
});
|
|
718
718
|
|
|
719
|
-
var css$1r = {"uui-typography":"
|
|
719
|
+
var css$1r = {"uui-typography":"CjmMVH","hero-header":"fdkEGH","promo-header":"_8tRLg2","uui-critical":"bNuL8t","uui-info":"QFJ-Ui","uui-success":"CNrK-B","uui-warning":"_6Vi7qc","uui-highlight":"Fgjoqg","uui-typography-size-12":"_6UP8L3","uui-typography-size-14":"_54r4pS","uui-typography-size-16":"_2SmCq9","root":"_3wCdgr","uuiTypography":"CjmMVH","heroHeader":"fdkEGH","promoHeader":"_8tRLg2","uuiCritical":"bNuL8t","uuiInfo":"QFJ-Ui","uuiSuccess":"CNrK-B","uuiWarning":"_6Vi7qc","uuiHighlight":"Fgjoqg","uuiTypographySize12":"_6UP8L3","uuiTypographySize14":"_54r4pS","uuiTypographySize16":"_2SmCq9"};
|
|
720
720
|
|
|
721
721
|
function applyVerticalTabButtonMods() {
|
|
722
722
|
return [css$1r.root, 'uui-vertical-tab-button'];
|
|
@@ -738,7 +738,7 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
|
738
738
|
};
|
|
739
739
|
var ForwardRef$B = /*#__PURE__*/React.forwardRef(SvgContentMinusOutline);
|
|
740
740
|
|
|
741
|
-
var css$1q = {"uui-typography":"
|
|
741
|
+
var css$1q = {"uui-typography":"_4DDhKC","hero-header":"Ce-YfZ","promo-header":"q6T9Na","uui-critical":"klvWiw","uui-info":"e-x-qK","uui-success":"l8Fizx","uui-warning":"AmzntZ","uui-highlight":"aUzHbT","uui-typography-size-12":"DKfAuD","uui-typography-size-14":"ycPBTO","uui-typography-size-16":"TX1l1Y","root":"WYs4i3","mode-cell":"_1l1OVG","uuiTypography":"_4DDhKC","heroHeader":"Ce-YfZ","promoHeader":"q6T9Na","uuiCritical":"klvWiw","uuiInfo":"e-x-qK","uuiSuccess":"l8Fizx","uuiWarning":"AmzntZ","uuiHighlight":"aUzHbT","uuiTypographySize12":"DKfAuD","uuiTypographySize14":"ycPBTO","uuiTypographySize16":"TX1l1Y","modeCell":"_1l1OVG"};
|
|
742
742
|
|
|
743
743
|
function applyCheckboxMods(mods) {
|
|
744
744
|
return [
|
|
@@ -773,7 +773,7 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
|
773
773
|
};
|
|
774
774
|
var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgRadioDotFill);
|
|
775
775
|
|
|
776
|
-
var css$1p = {"uui-typography":"
|
|
776
|
+
var css$1p = {"uui-typography":"ododrA","hero-header":"_891vqW","promo-header":"LZj9Jn","uui-critical":"_2Sp651","uui-info":"XcfPOo","uui-success":"fYxW6r","uui-warning":"t07wfl","uui-highlight":"jsx7R1","uui-typography-size-12":"r9ZZxb","uui-typography-size-14":"phQQXK","uui-typography-size-16":"_5HigKT","root":"gSEhvv","uuiTypography":"ododrA","heroHeader":"_891vqW","promoHeader":"LZj9Jn","uuiCritical":"_2Sp651","uuiInfo":"XcfPOo","uuiSuccess":"fYxW6r","uuiWarning":"t07wfl","uuiHighlight":"jsx7R1","uuiTypographySize12":"r9ZZxb","uuiTypographySize14":"phQQXK","uuiTypographySize16":"_5HigKT"};
|
|
777
777
|
|
|
778
778
|
function applyRadioInputMods(mods) {
|
|
779
779
|
return [
|
|
@@ -785,7 +785,7 @@ function applyRadioInputMods(mods) {
|
|
|
785
785
|
}
|
|
786
786
|
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
|
|
787
787
|
|
|
788
|
-
var css$1o = {"root":"
|
|
788
|
+
var css$1o = {"root":"vrAcYJ"};
|
|
789
789
|
|
|
790
790
|
function applySwitchMods(mods) {
|
|
791
791
|
return [
|
|
@@ -853,7 +853,7 @@ var EditMode;
|
|
|
853
853
|
EditMode["INLINE"] = "inline";
|
|
854
854
|
})(EditMode || (EditMode = {}));
|
|
855
855
|
|
|
856
|
-
var textInputCss = {"uui-typography":"
|
|
856
|
+
var textInputCss = {"uui-typography":"VJ6c79","hero-header":"VmqkbD","promo-header":"i4cgmf","uui-critical":"LFyKuz","uui-info":"_9mZ3vg","uui-success":"vhQOOj","uui-warning":"KU-sWd","uui-highlight":"_4syH0d","uui-typography-size-12":"qlK7iH","uui-typography-size-14":"_8i2Rre","uui-typography-size-16":"FdpO1t","root":"_7NuD4M","mode-form":"pQcMGa","mode-inline":"eB-Opm","mode-cell":"VU5jnw","uuiTypography":"VJ6c79","heroHeader":"VmqkbD","promoHeader":"i4cgmf","uuiCritical":"LFyKuz","uuiInfo":"_9mZ3vg","uuiSuccess":"vhQOOj","uuiWarning":"KU-sWd","uuiHighlight":"_4syH0d","uuiTypographySize12":"qlK7iH","uuiTypographySize14":"_8i2Rre","uuiTypographySize16":"FdpO1t","modeForm":"pQcMGa","modeInline":"eB-Opm","modeCell":"VU5jnw"};
|
|
857
857
|
|
|
858
858
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
859
859
|
function applyTextInputMods(mods) {
|
|
@@ -879,16 +879,16 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
879
879
|
} })));
|
|
880
880
|
});
|
|
881
881
|
|
|
882
|
-
var css$1n = {"root":"
|
|
882
|
+
var css$1n = {"root":"_2805k9"};
|
|
883
883
|
|
|
884
|
-
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1n.root]);
|
|
884
|
+
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1n.root, 'uui-control-group']);
|
|
885
885
|
|
|
886
886
|
function MultiSwitchComponent(props, ref) {
|
|
887
887
|
return (React__namespace.createElement(ControlGroup, { ref: ref, rawProps: Object.assign(Object.assign({}, props.rawProps), { role: 'tablist', 'aria-invalid': props.isInvalid, 'aria-required': props.isRequired, 'aria-disabled': props.isDisabled, 'aria-readonly': props.isReadonly }) }, props.items.map((item, index) => (React__namespace.createElement(Button, Object.assign({}, props, item, { isDisabled: props.isDisabled, key: index + '-' + item.id, onClick: () => props.onValueChange(item.id), fill: props.value === item.id ? 'solid' : 'outline', color: props.color, size: props.size, rawProps: { 'aria-current': props.value === item.id, role: 'tab' } }))))));
|
|
888
888
|
}
|
|
889
889
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
890
890
|
|
|
891
|
-
var css$1m = {"uui-typography":"
|
|
891
|
+
var css$1m = {"uui-typography":"FFroXD","hero-header":"FJpyX9","promo-header":"l3sS0j","uui-critical":"zN4Pvl","uui-info":"gyXOdw","uui-success":"xOp8LZ","uui-warning":"ay1KqV","uui-highlight":"Iuim-S","uui-typography-size-12":"aCP5u4","uui-typography-size-14":"lcdVyG","uui-typography-size-16":"JQ6Y-z","root":"PIWW27","mode-form":"_45hLb3","mode-cell":"_-7qE9-","uuiTypography":"FFroXD","heroHeader":"FJpyX9","promoHeader":"l3sS0j","uuiCritical":"zN4Pvl","uuiInfo":"gyXOdw","uuiSuccess":"xOp8LZ","uuiWarning":"ay1KqV","uuiHighlight":"Iuim-S","uuiTypographySize12":"aCP5u4","uuiTypographySize14":"lcdVyG","uuiTypographySize16":"JQ6Y-z","modeForm":"_45hLb3","modeCell":"_-7qE9-"};
|
|
892
892
|
|
|
893
893
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
894
894
|
function applyNumericInputMods(mods) {
|
|
@@ -909,7 +909,7 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
909
909
|
};
|
|
910
910
|
});
|
|
911
911
|
|
|
912
|
-
var css$1l = {"uui-typography":"
|
|
912
|
+
var css$1l = {"uui-typography":"kCzvRj","hero-header":"Ai-y9F","promo-header":"QL-5JR","uui-critical":"MItCRQ","uui-info":"SnpJ4g","uui-success":"kMrHyu","uui-warning":"uv-btY","uui-highlight":"ZuHpXh","uui-typography-size-12":"b5StyJ","uui-typography-size-14":"mZDh00","uui-typography-size-16":"rECVtI","root":"_3bbn22","mode-form":"o8A9sJ","mode-cell":"_4Z3D-x","mode-inline":"kVZXnN","uuiTypography":"kCzvRj","heroHeader":"Ai-y9F","promoHeader":"QL-5JR","uuiCritical":"MItCRQ","uuiInfo":"SnpJ4g","uuiSuccess":"kMrHyu","uuiWarning":"uv-btY","uuiHighlight":"ZuHpXh","uuiTypographySize12":"b5StyJ","uuiTypographySize14":"mZDh00","uuiTypographySize16":"rECVtI","modeForm":"o8A9sJ","modeCell":"_4Z3D-x","modeInline":"kVZXnN"};
|
|
913
913
|
|
|
914
914
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
915
915
|
function applyTextAreaMods(mods) {
|
|
@@ -1010,7 +1010,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
|
1010
1010
|
};
|
|
1011
1011
|
var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgNotificationInfoFill);
|
|
1012
1012
|
|
|
1013
|
-
var css$1k = {"uui-typography":"
|
|
1013
|
+
var css$1k = {"uui-typography":"_0jBwcH","hero-header":"NuFMv9","promo-header":"OiFOWL","uui-critical":"IICsEz","uui-info":"BRvQRl","uui-success":"Xbw36J","uui-warning":"pqxzcZ","uui-highlight":"_6d54nf","uui-typography-size-12":"wb6-kb","uui-typography-size-14":"QZjO1e","uui-typography-size-16":"AapWsq","root":"lsnxLR","icon-wrapper":"pZPUI6","alert-wrapper":"_3ysQXX","size-48":"VZpKj5","size-36":"iWqM8F","action-wrapper":"m7PIo0","action-icon":"p82rqD","action-link":"gs-LZn","close-icon":"FYwSfB","main-path":"z46FZb","content":"-dbMkn","uuiTypography":"_0jBwcH","heroHeader":"NuFMv9","promoHeader":"OiFOWL","uuiCritical":"IICsEz","uuiInfo":"BRvQRl","uuiSuccess":"Xbw36J","uuiWarning":"pqxzcZ","uuiHighlight":"_6d54nf","uuiTypographySize12":"wb6-kb","uuiTypographySize14":"QZjO1e","uuiTypographySize16":"AapWsq","iconWrapper":"pZPUI6","alertWrapper":"_3ysQXX","size48":"VZpKj5","size36":"iWqM8F","actionWrapper":"m7PIo0","actionIcon":"p82rqD","actionLink":"gs-LZn","closeIcon":"FYwSfB","mainPath":"z46FZb"};
|
|
1014
1014
|
|
|
1015
1015
|
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1k.root, css$1k.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1k.size36 : css$1k.size48)) }, props.rawProps),
|
|
1016
1016
|
React__namespace.createElement("div", { className: css$1k.mainPath },
|
|
@@ -1027,7 +1027,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
1027
1027
|
|
|
1028
1028
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
1029
1029
|
|
|
1030
|
-
var css$1j = {"root":"
|
|
1030
|
+
var css$1j = {"root":"M7xY9A"};
|
|
1031
1031
|
|
|
1032
1032
|
function applyDropdownContainerMods(mods) {
|
|
1033
1033
|
return [
|
|
@@ -1038,7 +1038,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1038
1038
|
}
|
|
1039
1039
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
1040
1040
|
|
|
1041
|
-
var css$1i = {"uui-typography":"
|
|
1041
|
+
var css$1i = {"uui-typography":"FFEghT","hero-header":"cl6ojw","promo-header":"_33NkNm","uui-critical":"_44-Lrd","uui-info":"GjwW8m","uui-success":"_9ubcdY","uui-warning":"ExGb3Z","uui-highlight":"DxhQcu","uui-typography-size-12":"AHtUF4","uui-typography-size-14":"ubDOfJ","uui-typography-size-16":"_5c1QNR","submenu-root-item-rtl":"UFtK6F","icon-after":"xlZlbJ","submenu-root-item":"XRgCZ8","icon-check":"nfhO8Z","splitter-root":"M7QWkj","splitter":"RcKY0S","header-root":"DFLvAj","item-root":"ujuMvW","icon":"ERMOoD","link":"DqO9M1","indent":"P5teFU","selected-mark":"RhXOZb","uuiTypography":"FFEghT","heroHeader":"cl6ojw","promoHeader":"_33NkNm","uuiCritical":"_44-Lrd","uuiInfo":"GjwW8m","uuiSuccess":"_9ubcdY","uuiWarning":"ExGb3Z","uuiHighlight":"DxhQcu","uuiTypographySize12":"AHtUF4","uuiTypographySize14":"ubDOfJ","uuiTypographySize16":"_5c1QNR","submenuRootItemRtl":"UFtK6F","iconAfter":"xlZlbJ","submenuRootItem":"XRgCZ8","iconCheck":"nfhO8Z","splitterRoot":"M7QWkj","headerRoot":"DFLvAj","itemRoot":"ujuMvW","selectedMark":"RhXOZb"};
|
|
1042
1042
|
|
|
1043
1043
|
exports.IDropdownControlKeys = void 0;
|
|
1044
1044
|
(function (IDropdownControlKeys) {
|
|
@@ -1171,15 +1171,12 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1171
1171
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1172
1172
|
}
|
|
1173
1173
|
|
|
1174
|
-
var css$1h = {"uui-typography":"
|
|
1174
|
+
var css$1h = {"uui-typography":"_6ZO-ME","hero-header":"ggEvJh","promo-header":"Vk17gY","uui-critical":"ZNWDem","uui-info":"Gp-rsw","uui-success":"CyToFX","uui-warning":"mH2UFA","uui-highlight":"MOfM4g","uui-typography-size-12":"jOkVZX","uui-typography-size-14":"mkSLSN","uui-typography-size-16":"mIDfP-","root":"y7-vNV","mode-block":"m5baEx","mode-inline":"-VIoUd","padding-0":"KWBlP3","padding-6":"_18yxp9","padding-12":"_0Q-pAQ","padding-18":"RKjkaG","uuiTypography":"_6ZO-ME","heroHeader":"ggEvJh","promoHeader":"Vk17gY","uuiCritical":"ZNWDem","uuiInfo":"Gp-rsw","uuiSuccess":"CyToFX","uuiWarning":"mH2UFA","uuiHighlight":"MOfM4g","uuiTypographySize12":"jOkVZX","uuiTypographySize14":"mkSLSN","uuiTypographySize16":"mIDfP-","modeBlock":"m5baEx","modeInline":"-VIoUd","padding0":"KWBlP3","padding6":"_18yxp9","padding12":"_0Q-pAQ","padding18":"RKjkaG"};
|
|
1175
1175
|
|
|
1176
|
-
const getMode = (mode) => {
|
|
1177
|
-
return mode || 'block';
|
|
1178
|
-
};
|
|
1179
1176
|
function applyAccordionMods(mods) {
|
|
1180
1177
|
return [
|
|
1181
1178
|
css$1h.root,
|
|
1182
|
-
css$1h[
|
|
1179
|
+
css$1h[`mode-${mods.mode || 'block'}`],
|
|
1183
1180
|
mods.padding && css$1h['padding-' + mods.padding],
|
|
1184
1181
|
];
|
|
1185
1182
|
}
|
|
@@ -1187,7 +1184,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
|
|
|
1187
1184
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
|
|
1188
1185
|
}));
|
|
1189
1186
|
|
|
1190
|
-
var css$1g = {"uui-typography":"
|
|
1187
|
+
var css$1g = {"uui-typography":"PbYZ9t","hero-header":"fAxNdF","promo-header":"DWSY3u","uui-critical":"odqopX","uui-info":"cwxJqL","uui-success":"K77qvn","uui-warning":"_3SStFv","uui-highlight":"Ya8Olg","uui-typography-size-12":"X-rVgR","uui-typography-size-14":"_0hhN-z","uui-typography-size-16":"lE0jiK","root":"UYTeDv","border-top":"ksMU4B","border-bottom":"c3ki6j","top-shadow":"wLX57G","padding-6":"I-iHGP","padding-12":"vLlnrw","padding-18":"cslNLZ","padding-24":"FE4pRg","margin-24":"_6ft5Bg","margin-12":"_3ry6lR","vPadding-12":"FR1Txh","vPadding-18":"Uek8eq","vPadding-24":"TIzOVD","vPadding-36":"Z-ctHZ","vPadding-48":"iixCjj","spacing-6":"_5KZqIY","spacing-12":"w1TiAm","spacing-18":"axlavV","uui-surface-main":"aJFdPq","uuiTypography":"PbYZ9t","heroHeader":"fAxNdF","promoHeader":"DWSY3u","uuiCritical":"odqopX","uuiInfo":"cwxJqL","uuiSuccess":"K77qvn","uuiWarning":"_3SStFv","uuiHighlight":"Ya8Olg","uuiTypographySize12":"X-rVgR","uuiTypographySize14":"_0hhN-z","uuiTypographySize16":"lE0jiK","borderTop":"ksMU4B","borderBottom":"c3ki6j","topShadow":"wLX57G","padding6":"I-iHGP","padding12":"vLlnrw","padding18":"cslNLZ","padding24":"FE4pRg","margin24":"_6ft5Bg","margin12":"_3ry6lR","vPadding12":"FR1Txh","vPadding18":"Uek8eq","vPadding24":"TIzOVD","vPadding36":"Z-ctHZ","vPadding48":"iixCjj","spacing6":"_5KZqIY","spacing12":"w1TiAm","spacing18":"axlavV","uuiSurfaceMain":"aJFdPq"};
|
|
1191
1188
|
|
|
1192
1189
|
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1g.flexCell]);
|
|
1193
1190
|
|
|
@@ -1211,7 +1208,7 @@ const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) =
|
|
|
1211
1208
|
];
|
|
1212
1209
|
});
|
|
1213
1210
|
|
|
1214
|
-
var css$1f = {"root":"
|
|
1211
|
+
var css$1f = {"root":"P-XZLb","margin-24":"U9dhk4","padding-12":"DffrqV","padding-24":"b4UTvw","shadow":"ARvIg4","uui-surface-main":"_93wW5z","margin24":"U9dhk4","padding12":"DffrqV","padding24":"b4UTvw","uuiSurfaceMain":"_93wW5z"};
|
|
1215
1212
|
|
|
1216
1213
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
1217
1214
|
'uui-panel',
|
|
@@ -1221,7 +1218,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
|
1221
1218
|
props.background && css$1f[`uui-${props.background}`],
|
|
1222
1219
|
]);
|
|
1223
1220
|
|
|
1224
|
-
var css$1e = {"root":"
|
|
1221
|
+
var css$1e = {"root":"OFm5e9"};
|
|
1225
1222
|
|
|
1226
1223
|
function applyTooltipMods(mods) {
|
|
1227
1224
|
return [
|
|
@@ -1231,7 +1228,7 @@ function applyTooltipMods(mods) {
|
|
|
1231
1228
|
}
|
|
1232
1229
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
1233
1230
|
|
|
1234
|
-
var css$1d = {"uui-typography":"
|
|
1231
|
+
var css$1d = {"uui-typography":"OTgmhN","hero-header":"A7anss","promo-header":"HFJv-b","uui-critical":"OoNGfm","uui-info":"BwSeOm","uui-success":"_1uH7UU","uui-warning":"_-760qS","uui-highlight":"tnfQaT","uui-typography-size-12":"R5HoDd","uui-typography-size-14":"dvO7Ln","uui-typography-size-16":"jkojS-","root":"gdPBwY","uuiTypography":"OTgmhN","heroHeader":"A7anss","promoHeader":"HFJv-b","uuiCritical":"OoNGfm","uuiInfo":"BwSeOm","uuiSuccess":"_1uH7UU","uuiWarning":"_-760qS","uuiHighlight":"tnfQaT","uuiTypographySize12":"R5HoDd","uuiTypographySize14":"dvO7Ln","uuiTypographySize16":"jkojS-"};
|
|
1235
1232
|
|
|
1236
1233
|
function applyLabeledInputMods(mods) {
|
|
1237
1234
|
return [
|
|
@@ -1245,7 +1242,7 @@ const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.La
|
|
|
1245
1242
|
infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$w : ForwardRef$L),
|
|
1246
1243
|
}));
|
|
1247
1244
|
|
|
1248
|
-
var css$1c = {"root":"
|
|
1245
|
+
var css$1c = {"root":"Ld5hNd"};
|
|
1249
1246
|
|
|
1250
1247
|
function RadioGroup(props) {
|
|
1251
1248
|
const direction = props.direction || 'vertical';
|
|
@@ -1260,7 +1257,7 @@ function RadioGroup(props) {
|
|
|
1260
1257
|
})));
|
|
1261
1258
|
}
|
|
1262
1259
|
|
|
1263
|
-
var css$1b = {"root":"
|
|
1260
|
+
var css$1b = {"root":"-HZxVh"};
|
|
1264
1261
|
|
|
1265
1262
|
function applyScrollBarsMods() {
|
|
1266
1263
|
return [
|
|
@@ -1269,13 +1266,13 @@ function applyScrollBarsMods() {
|
|
|
1269
1266
|
}
|
|
1270
1267
|
const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
|
|
1271
1268
|
|
|
1272
|
-
var css$1a = {"scroll-container":"
|
|
1269
|
+
var css$1a = {"scroll-container":"-MMY4G","list-container":"ynRlbJ","scrollContainer":"-MMY4G","listContainer":"ynRlbJ"};
|
|
1273
1270
|
|
|
1274
|
-
var css$19 = {"root":"
|
|
1271
|
+
var css$19 = {"root":"ZDyVhf"};
|
|
1275
1272
|
|
|
1276
1273
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$19.root]);
|
|
1277
1274
|
|
|
1278
|
-
var css$18 = {"uui-typography":"
|
|
1275
|
+
var css$18 = {"uui-typography":"jMhIP-","hero-header":"VHybhi","promo-header":"HnHCuh","uui-critical":"G-MgIb","uui-info":"I6RvAW","uui-success":"I4wWys","uui-warning":"Y4dn6z","uui-highlight":"gJFF4s","uui-typography-size-12":"c4Om0d","uui-typography-size-14":"sIe39Q","uui-typography-size-16":"Jyg33f","root":"o6T2JX","uuiTypography":"jMhIP-","heroHeader":"VHybhi","promoHeader":"HnHCuh","uuiCritical":"G-MgIb","uuiInfo":"I6RvAW","uuiSuccess":"I4wWys","uuiWarning":"Y4dn6z","uuiHighlight":"gJFF4s","uuiTypographySize12":"c4Om0d","uuiTypographySize14":"sIe39Q","uuiTypographySize16":"Jyg33f"};
|
|
1279
1276
|
|
|
1280
1277
|
const DEFAULT_FILL = 'solid';
|
|
1281
1278
|
function applyBadgeMods(mods) {
|
|
@@ -1299,7 +1296,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
1299
1296
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1300
1297
|
});
|
|
1301
1298
|
|
|
1302
|
-
var css$17 = {"uui-typography":"
|
|
1299
|
+
var css$17 = {"uui-typography":"JhMNBk","hero-header":"jMjSOj","promo-header":"uDJx5J","uui-critical":"_4SLiuz","uui-info":"YvCDOl","uui-success":"ao0POe","uui-warning":"_4VQpPn","uui-highlight":"de-eru","uui-typography-size-12":"rJIR4Z","uui-typography-size-14":"Y3ct69","uui-typography-size-16":"HELDZL","root":"s8cWdr","uuiTypography":"JhMNBk","heroHeader":"jMjSOj","promoHeader":"uDJx5J","uuiCritical":"_4SLiuz","uuiInfo":"YvCDOl","uuiSuccess":"ao0POe","uuiWarning":"_4VQpPn","uuiHighlight":"de-eru","uuiTypographySize12":"rJIR4Z","uuiTypographySize14":"Y3ct69","uuiTypographySize16":"HELDZL"};
|
|
1303
1300
|
|
|
1304
1301
|
function applyTagMods(props) {
|
|
1305
1302
|
return [
|
|
@@ -1323,7 +1320,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
1323
1320
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1324
1321
|
});
|
|
1325
1322
|
|
|
1326
|
-
var css$16 = {"root":"
|
|
1323
|
+
var css$16 = {"root":"X2CvhE","uui-spinner":"Yxea7d","uuiSpinner":"Yxea7d"};
|
|
1327
1324
|
|
|
1328
1325
|
function applySpinnerMods() {
|
|
1329
1326
|
return [css$16.root, 'uui-spinner'];
|
|
@@ -1360,7 +1357,7 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
|
|
|
1360
1357
|
};
|
|
1361
1358
|
var ForwardRef$u = /*#__PURE__*/React.forwardRef(SvgNavigationChevronRightOutline);
|
|
1362
1359
|
|
|
1363
|
-
var css$15 = {"root":"
|
|
1360
|
+
var css$15 = {"root":"MnV704","page":"xBrZ7P","spacer":"EGKjat","mode-ghost":"-HWokq","modeGhost":"-HWokq"};
|
|
1364
1361
|
|
|
1365
1362
|
function Paginator(props) {
|
|
1366
1363
|
const renderPaginator = (params) => (React__namespace.default.createElement("nav", Object.assign({ role: "navigation", className: cx__default.default(css$15.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`) }, params.rawProps),
|
|
@@ -1377,14 +1374,14 @@ function Paginator(props) {
|
|
|
1377
1374
|
return React__namespace.default.createElement(uuiComponents.Paginator, Object.assign({}, props, { render: renderPaginator }));
|
|
1378
1375
|
}
|
|
1379
1376
|
|
|
1380
|
-
var css$14 = {"root":"
|
|
1377
|
+
var css$14 = {"root":"ZNf-Vg","progress-bar":"_3fad2U","progressBar-indeterminate":"sRvC32","size-12":"txE-VO","size-18":"_3A01-G","size-24":"IlpJiQ","progressBar":"_3fad2U","progressBarIndeterminate":"sRvC32","size12":"txE-VO","size18":"_3A01-G","size24":"IlpJiQ"};
|
|
1381
1378
|
|
|
1382
1379
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1383
1380
|
return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$14.root, css$14[`size-${props.size || 12}`]) },
|
|
1384
1381
|
React__namespace.createElement("div", { className: cx__default.default(css$14.progressBar) })));
|
|
1385
1382
|
});
|
|
1386
1383
|
|
|
1387
|
-
var css$13 = {"root":"
|
|
1384
|
+
var css$13 = {"root":"Du2dCI","striped":"_9JM3ZA","animate-stripes":"-HMssG","size-12":"vjlqQ9","size-18":"BUbK-U","size-24":"y2Scdu","animateStripes":"-HMssG","size12":"vjlqQ9","size18":"BUbK-U","size24":"y2Scdu"};
|
|
1388
1385
|
|
|
1389
1386
|
const DEFAULT_SIZE = '12';
|
|
1390
1387
|
function applyProgressBarMods(mods) {
|
|
@@ -1399,14 +1396,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
1399
1396
|
hideLabel: props.hideLabel || props.striped,
|
|
1400
1397
|
}));
|
|
1401
1398
|
|
|
1402
|
-
var css$12 = {"root":"
|
|
1399
|
+
var css$12 = {"root":"LAoBLP"};
|
|
1403
1400
|
|
|
1404
1401
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1405
1402
|
const { progress } = props;
|
|
1406
1403
|
return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$12.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$12.root, props.cx) }));
|
|
1407
1404
|
});
|
|
1408
1405
|
|
|
1409
|
-
var css$11 = {"root":"
|
|
1406
|
+
var css$11 = {"root":"jnMD1v"};
|
|
1410
1407
|
|
|
1411
1408
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1412
1409
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -1421,7 +1418,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1421
1418
|
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
1422
1419
|
});
|
|
1423
1420
|
|
|
1424
|
-
var css$10 = {"drag-handle":"
|
|
1421
|
+
var css$10 = {"drag-handle":"JDXGub","icon-container":"xHT3Fq","dragHandle":"JDXGub","iconContainer":"xHT3Fq"};
|
|
1425
1422
|
|
|
1426
1423
|
function DataRowAddons(props) {
|
|
1427
1424
|
var _a, _b;
|
|
@@ -1443,7 +1440,7 @@ function DataRowAddons(props) {
|
|
|
1443
1440
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] || settings.sizes.rowAddons.defaults.icon }))))));
|
|
1444
1441
|
}
|
|
1445
1442
|
|
|
1446
|
-
var css$$ = {"root":"
|
|
1443
|
+
var css$$ = {"root":"-S9ibH"};
|
|
1447
1444
|
|
|
1448
1445
|
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$$.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
|
|
1449
1446
|
|
|
@@ -1484,7 +1481,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
1484
1481
|
React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
1485
1482
|
});
|
|
1486
1483
|
|
|
1487
|
-
var css$_ = {"root":"
|
|
1484
|
+
var css$_ = {"root":"cFFzCY"};
|
|
1488
1485
|
|
|
1489
1486
|
function CheckboxGroup(props) {
|
|
1490
1487
|
const currentValue = props.value || [];
|
|
@@ -1506,7 +1503,7 @@ function CheckboxGroup(props) {
|
|
|
1506
1503
|
})));
|
|
1507
1504
|
}
|
|
1508
1505
|
|
|
1509
|
-
var css$Z = {"root":"
|
|
1506
|
+
var css$Z = {"root":"_9yLemT","line-height":"ZRksWf","font-size":"_8ytGKW","lineHeight":"ZRksWf","fontSize":"_8ytGKW"};
|
|
1510
1507
|
|
|
1511
1508
|
function applyTextMods(mods) {
|
|
1512
1509
|
return [
|
|
@@ -1523,17 +1520,15 @@ function applyTextMods(mods) {
|
|
|
1523
1520
|
}
|
|
1524
1521
|
const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, applyTextMods, (props) => {
|
|
1525
1522
|
var _a;
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
};
|
|
1533
|
-
}
|
|
1523
|
+
const style = ((_a = props === null || props === void 0 ? void 0 : props.rawProps) === null || _a === void 0 ? void 0 : _a.style) || {};
|
|
1524
|
+
props.fontSize && (style['--uui-text-font-size'] = `${props.fontSize}px`);
|
|
1525
|
+
props.lineHeight && (style['--uui-text-line-height'] = `${props.lineHeight}px`);
|
|
1526
|
+
return {
|
|
1527
|
+
rawProps: Object.assign(Object.assign({}, props === null || props === void 0 ? void 0 : props.rawProps), { style: style }),
|
|
1528
|
+
};
|
|
1534
1529
|
});
|
|
1535
1530
|
|
|
1536
|
-
var css$Y = {"root":"
|
|
1531
|
+
var css$Y = {"root":"St4c-s","loading-word":"-DYCSx","animated-loading":"d0oAb0","skeleton_loading":"_2oky-D","loadingWord":"-DYCSx","animatedLoading":"d0oAb0","skeletonLoading":"_2oky-D"};
|
|
1537
1532
|
|
|
1538
1533
|
const TextPlaceholder = (props) => {
|
|
1539
1534
|
const pattern = ' ';
|
|
@@ -1552,7 +1547,7 @@ const TextPlaceholder = (props) => {
|
|
|
1552
1547
|
|
|
1553
1548
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
|
|
1554
1549
|
|
|
1555
|
-
var css$X = {"uui-typography":"
|
|
1550
|
+
var css$X = {"uui-typography":"_0ccqKC","hero-header":"KckQiI","promo-header":"KxKPiL","uui-critical":"k1dXpL","uui-info":"zMB1fH","uui-success":"SUU4Hp","uui-warning":"pNaUE-","uui-highlight":"UfmBTR","uui-typography-size-12":"ywb3fi","uui-typography-size-14":"_4FQGnt","uui-typography-size-16":"_7NAAYY","root":"ckpq2c","modal-blocker":"axZzJa","animateModalBlocker":"X6GbLJ","modal":"ICz2Zj","modal-footer":"y8VUNA","modal-header":"r-aW-Z","uuiTypography":"_0ccqKC","heroHeader":"KckQiI","promoHeader":"KxKPiL","uuiCritical":"k1dXpL","uuiInfo":"zMB1fH","uuiSuccess":"SUU4Hp","uuiWarning":"pNaUE-","uuiHighlight":"UfmBTR","uuiTypographySize12":"ywb3fi","uuiTypographySize14":"_4FQGnt","uuiTypographySize16":"_7NAAYY","modalBlocker":"axZzJa","modalFooter":"y8VUNA","modalHeader":"r-aW-Z"};
|
|
1556
1551
|
|
|
1557
1552
|
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$X.modalBlocker]);
|
|
1558
1553
|
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$X.root, css$X.modal], (props) => {
|
|
@@ -1741,7 +1736,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
|
1741
1736
|
};
|
|
1742
1737
|
var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill);
|
|
1743
1738
|
|
|
1744
|
-
var css$W = {"uui-typography":"
|
|
1739
|
+
var css$W = {"uui-typography":"y4obDL","hero-header":"DMcmqc","promo-header":"_9vPfTJ","uui-critical":"VXDiks","uui-info":"_4NJCaZ","uui-success":"W6FKEw","uui-warning":"cdNOT2","uui-highlight":"OVf3ec","uui-typography-size-12":"_9CkwVL","uui-typography-size-14":"km2Mrm","uui-typography-size-16":"wmZn9p","root":"Bl-r5N","icon-wrapper":"_55kP43","action-wrapper":"SI-LKj","action-link":"y6Th7V","close-icon":"s-kJ8Q","main-path":"owdjwz","content":"VWkue0","close-wrapper":"jBKcWg","notification-wrapper":"oaqONr","clear-button":"_5arLsZ","uuiTypography":"y4obDL","heroHeader":"DMcmqc","promoHeader":"_9vPfTJ","uuiCritical":"VXDiks","uuiInfo":"_4NJCaZ","uuiSuccess":"W6FKEw","uuiWarning":"cdNOT2","uuiHighlight":"OVf3ec","uuiTypographySize12":"_9CkwVL","uuiTypographySize14":"km2Mrm","uuiTypographySize16":"wmZn9p","iconWrapper":"_55kP43","actionWrapper":"SI-LKj","actionLink":"y6Th7V","closeIcon":"s-kJ8Q","mainPath":"owdjwz","closeWrapper":"jBKcWg","notificationWrapper":"oaqONr","clearButton":"_5arLsZ"};
|
|
1745
1740
|
|
|
1746
1741
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
1747
1742
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -1776,7 +1771,7 @@ function ClearNotification() {
|
|
|
1776
1771
|
React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
1777
1772
|
}
|
|
1778
1773
|
|
|
1779
|
-
var css$V = {"footer":"
|
|
1774
|
+
var css$V = {"footer":"_4LcTCe"};
|
|
1780
1775
|
|
|
1781
1776
|
class ConfirmationModal extends React__namespace.Component {
|
|
1782
1777
|
render() {
|
|
@@ -1818,7 +1813,7 @@ function useReliableForceUpdate() {
|
|
|
1818
1813
|
return red[1];
|
|
1819
1814
|
}
|
|
1820
1815
|
|
|
1821
|
-
var css$U = {"root":"
|
|
1816
|
+
var css$U = {"root":"_1yptKm","timepicker-input":"FH0h1m","ltr-always":"M0cdWi","timepickerInput":"FH0h1m","ltrAlways":"M0cdWi"};
|
|
1822
1817
|
|
|
1823
1818
|
const uuiTimePicker = {
|
|
1824
1819
|
container: 'uui-timepicker-container',
|
|
@@ -2011,7 +2006,7 @@ function TimePicker(props) {
|
|
|
2011
2006
|
return (React__namespace.default.createElement(Dropdown, { 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, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
|
|
2012
2007
|
}
|
|
2013
2008
|
|
|
2014
|
-
var css$T = {"root":"
|
|
2009
|
+
var css$T = {"root":"o2JU-e"};
|
|
2015
2010
|
|
|
2016
2011
|
function applyInputAddonMods() {
|
|
2017
2012
|
return [
|
|
@@ -2020,7 +2015,7 @@ function applyInputAddonMods() {
|
|
|
2020
2015
|
}
|
|
2021
2016
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
2022
2017
|
|
|
2023
|
-
var css$S = {"root":"
|
|
2018
|
+
var css$S = {"root":"xTcdxW"};
|
|
2024
2019
|
|
|
2025
2020
|
function applySliderMods() {
|
|
2026
2021
|
return [css$S.root, 'uui-color-neutral'];
|
|
@@ -2155,7 +2150,7 @@ const getNextYearsList = (currentDate) => {
|
|
|
2155
2150
|
return currentDate.add(16, 'year');
|
|
2156
2151
|
};
|
|
2157
2152
|
|
|
2158
|
-
var css$R = {"root":"
|
|
2153
|
+
var css$R = {"root":"IAljru","container":"IyN5sv"};
|
|
2159
2154
|
|
|
2160
2155
|
const uuiHeader = {
|
|
2161
2156
|
container: 'uui-datepicker-header-container',
|
|
@@ -2239,14 +2234,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2239
2234
|
React__namespace.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2240
2235
|
}
|
|
2241
2236
|
|
|
2242
|
-
var css$Q = {"uui-typography":"
|
|
2237
|
+
var css$Q = {"uui-typography":"RTOSN7","hero-header":"_4d2kfK","promo-header":"PaKDKx","uui-critical":"_2zdgW-","uui-info":"dGH5j9","uui-success":"Sb7t4J","uui-warning":"R8FosR","uui-highlight":"h6ULVo","uui-typography-size-12":"-bqo3d","uui-typography-size-14":"FBPqLS","uui-typography-size-16":"siFo5m","root":"ofNjhv","uuiTypography":"RTOSN7","heroHeader":"_4d2kfK","promoHeader":"PaKDKx","uuiCritical":"_2zdgW-","uuiInfo":"dGH5j9","uuiSuccess":"Sb7t4J","uuiWarning":"R8FosR","uuiHighlight":"h6ULVo","uuiTypographySize12":"-bqo3d","uuiTypographySize14":"FBPqLS","uuiTypographySize16":"siFo5m"};
|
|
2243
2238
|
|
|
2244
2239
|
function applyDateSelectionMods() {
|
|
2245
2240
|
return [css$Q.root, `uui-size-${settings.sizes.defaults.datePicker}`];
|
|
2246
2241
|
}
|
|
2247
2242
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2248
2243
|
|
|
2249
|
-
var css$P = {"uui-typography":"
|
|
2244
|
+
var css$P = {"uui-typography":"LkhvYW","hero-header":"wl4rVU","promo-header":"_7fyUi9","uui-critical":"ASpoH0","uui-info":"_0LLhb8","uui-success":"IikchD","uui-warning":"_1bzaD5","uui-highlight":"S9p-P3","uui-typography-size-12":"TA6QTe","uui-typography-size-14":"c6YhmH","uui-typography-size-16":"XUIGT-","root":"IoM9F-","uuiTypography":"LkhvYW","heroHeader":"wl4rVU","promoHeader":"_7fyUi9","uuiCritical":"ASpoH0","uuiInfo":"_0LLhb8","uuiSuccess":"IikchD","uuiWarning":"_1bzaD5","uuiHighlight":"S9p-P3","uuiTypographySize12":"TA6QTe","uuiTypographySize14":"c6YhmH","uuiTypographySize16":"XUIGT-"};
|
|
2250
2245
|
|
|
2251
2246
|
const uuiDatePickerBody = {
|
|
2252
2247
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2377,9 +2372,9 @@ function DatePickerComponent(props, ref) {
|
|
|
2377
2372
|
}
|
|
2378
2373
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
2379
2374
|
|
|
2380
|
-
var css$O = {"uui-typography":"
|
|
2375
|
+
var css$O = {"uui-typography":"k-5hwL","hero-header":"Qu-7KN","promo-header":"mWNbFW","uui-critical":"SyeFjJ","uui-info":"Qac2CX","uui-success":"N6VOuQ","uui-warning":"O7npiG","uui-highlight":"PLxx9i","uui-typography-size-12":"u8syHG","uui-typography-size-14":"kjbAVH","uui-typography-size-16":"LwvO9O","date-input":"zesSQZ","root":"_0G87Ql","separator":"-ohh7M","mode-form":"pDhahH","mode-cell":"W6cgoj","uuiTypography":"k-5hwL","heroHeader":"Qu-7KN","promoHeader":"mWNbFW","uuiCritical":"SyeFjJ","uuiInfo":"Qac2CX","uuiSuccess":"N6VOuQ","uuiWarning":"O7npiG","uuiHighlight":"PLxx9i","uuiTypographySize12":"u8syHG","uuiTypographySize14":"kjbAVH","uuiTypographySize16":"LwvO9O","dateInput":"zesSQZ","modeForm":"pDhahH","modeCell":"W6cgoj"};
|
|
2381
2376
|
|
|
2382
|
-
const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
|
|
2377
|
+
const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
|
|
2383
2378
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
2384
2379
|
React.useEffect(() => {
|
|
2385
2380
|
setInputValue(toCustomDateRangeFormat(value, format));
|
|
@@ -2409,7 +2404,9 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
2409
2404
|
}
|
|
2410
2405
|
};
|
|
2411
2406
|
const clearAllowed = !disableClear && inputValue.from && inputValue.to;
|
|
2412
|
-
return (
|
|
2407
|
+
return (
|
|
2408
|
+
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
2409
|
+
React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(`uui-size-${size || settings.sizes.defaults.rangeDatePicker}`, 'uui-range-date-picker', classes, css$O.root, isDisabled && uuiCore.uuiMod.disabled, isReadonly && uuiCore.uuiMod.readonly, isInvalid && uuiCore.uuiMod.invalid, inFocus && uuiCore.uuiMod.focus), onKeyDown: onKeyDown },
|
|
2413
2410
|
React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$O.dateInput, inFocus === 'from' && uuiCore.uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
|
|
2414
2411
|
React__namespace.default.createElement("div", { className: css$O.separator }),
|
|
2415
2412
|
React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$O.dateInput, inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
|
|
@@ -2417,7 +2414,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
2417
2414
|
} : 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 === null || rawProps === void 0 ? void 0 : rawProps.to, onClick: onClick, onKeyDown: onInputKeyDown })));
|
|
2418
2415
|
});
|
|
2419
2416
|
|
|
2420
|
-
var css$N = {"uui-typography":"
|
|
2417
|
+
var css$N = {"uui-typography":"ad6Ha4","hero-header":"E7Wgil","promo-header":"_1Mmbph","uui-critical":"oCNh0r","uui-info":"bNRlDD","uui-success":"tK0UjY","uui-warning":"UOnLp7","uui-highlight":"qEthv0","uui-typography-size-12":"bZfK14","uui-typography-size-14":"_5xOtB4","uui-typography-size-16":"kvhn2O","root":"_--yThf","uuiTypography":"ad6Ha4","heroHeader":"E7Wgil","promoHeader":"_1Mmbph","uuiCritical":"oCNh0r","uuiInfo":"bNRlDD","uuiSuccess":"tK0UjY","uuiWarning":"UOnLp7","uuiHighlight":"qEthv0","uuiTypographySize12":"bZfK14","uuiTypographySize14":"_5xOtB4","uuiTypographySize16":"kvhn2O"};
|
|
2421
2418
|
|
|
2422
2419
|
const uuiPresets = {
|
|
2423
2420
|
container: 'uui-presets-container',
|
|
@@ -2433,7 +2430,7 @@ function CalendarPresets(props) {
|
|
|
2433
2430
|
getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: "24" })))));
|
|
2434
2431
|
}
|
|
2435
2432
|
|
|
2436
|
-
var css$M = {"uui-typography":"
|
|
2433
|
+
var css$M = {"uui-typography":"_1d2ziX","hero-header":"He8Hxb","promo-header":"SzV8E5","uui-critical":"cRd2-q","uui-info":"uqIUaH","uui-success":"duCjsH","uui-warning":"IrCqTm","uui-highlight":"lFjnGG","uui-typography-size-12":"OcU3yd","uui-typography-size-14":"-FukHD","uui-typography-size-16":"WeZEsk","root":"_4MgcvZ","container":"-P8mRo","day-selection":"i-l5dw","from-picker":"C8va6P","to-picker":"SVVwZk","bodes-wrapper":"skSR1I","blocker":"czYI2J","uuiTypography":"_1d2ziX","heroHeader":"He8Hxb","promoHeader":"SzV8E5","uuiCritical":"cRd2-q","uuiInfo":"uqIUaH","uuiSuccess":"duCjsH","uuiWarning":"IrCqTm","uuiHighlight":"lFjnGG","uuiTypographySize12":"OcU3yd","uuiTypographySize14":"-FukHD","uuiTypographySize16":"WeZEsk","daySelection":"i-l5dw","fromPicker":"C8va6P","toPicker":"SVVwZk","bodesWrapper":"skSR1I"};
|
|
2437
2434
|
|
|
2438
2435
|
const uuiRangeDatePickerBody = {
|
|
2439
2436
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -2608,7 +2605,7 @@ const getDayCX = (day, selectedDate) => {
|
|
|
2608
2605
|
return [uuiCore.cx(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiComponents.uuiDaySelection.selectedDay)];
|
|
2609
2606
|
};
|
|
2610
2607
|
|
|
2611
|
-
var css$L = {"dropdown-container":"
|
|
2608
|
+
var css$L = {"dropdown-container":"Nyc0MQ","dropdownContainer":"Nyc0MQ"};
|
|
2612
2609
|
|
|
2613
2610
|
const modifiers = [{
|
|
2614
2611
|
name: 'offset',
|
|
@@ -2620,6 +2617,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
2620
2617
|
const context = uuiCore.useUuiContext();
|
|
2621
2618
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
2622
2619
|
const [inFocus, setInFocus] = React.useState(null);
|
|
2620
|
+
const targetRef = React__namespace.default.useRef(null);
|
|
2623
2621
|
const onValueChange = (newValue) => {
|
|
2624
2622
|
const fromChanged = (value === null || value === void 0 ? void 0 : value.from) !== (newValue === null || newValue === void 0 ? void 0 : newValue.from);
|
|
2625
2623
|
const toChanged = (value === null || value === void 0 ? void 0 : value.to) !== (newValue === null || newValue === void 0 ? void 0 : newValue.to);
|
|
@@ -2635,6 +2633,10 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
2635
2633
|
var _a;
|
|
2636
2634
|
setIsOpen(newIsOpen);
|
|
2637
2635
|
(_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, newIsOpen);
|
|
2636
|
+
if (!inFocus && newIsOpen) {
|
|
2637
|
+
setInFocus('from');
|
|
2638
|
+
targetRef.current.querySelector('.uui-input').focus();
|
|
2639
|
+
}
|
|
2638
2640
|
};
|
|
2639
2641
|
const onBodyValueChange = (newValue) => {
|
|
2640
2642
|
var _a;
|
|
@@ -2650,7 +2652,10 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
2650
2652
|
};
|
|
2651
2653
|
const renderBody = (renderProps) => {
|
|
2652
2654
|
var _a;
|
|
2653
|
-
return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx__default.default(css$L.dropdownContainer)
|
|
2655
|
+
return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx__default.default(css$L.dropdownContainer), shards: [targetRef], returnFocus: (node) => {
|
|
2656
|
+
console.log('lock', node);
|
|
2657
|
+
return true;
|
|
2658
|
+
} }),
|
|
2654
2659
|
React__namespace.default.createElement(FlexRow, null,
|
|
2655
2660
|
React__namespace.default.createElement(RangeDatePickerBody, { cx: cx__default.default(props.bodyCx), value: {
|
|
2656
2661
|
selectedDate: _value,
|
|
@@ -2660,18 +2665,24 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
2660
2665
|
return (_a = props.renderFooter) === null || _a === void 0 ? void 0 : _a.call(props, value);
|
|
2661
2666
|
}, isHoliday: props.isHoliday, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.body }))));
|
|
2662
2667
|
};
|
|
2668
|
+
const handleEscape = (e) => {
|
|
2669
|
+
if (e.key === 'Escape' && isOpen) {
|
|
2670
|
+
e.preventDefault();
|
|
2671
|
+
onOpenChange(false);
|
|
2672
|
+
}
|
|
2673
|
+
};
|
|
2663
2674
|
return (React__namespace.default.createElement(uuiComponents.Dropdown, { renderTarget: (renderProps) => {
|
|
2664
2675
|
var _a;
|
|
2665
|
-
return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__namespace.default.createElement(RangeDatePickerInput, { id: props.id, ref: renderProps.ref, cx: props.inputCx, onClick: renderProps.
|
|
2676
|
+
return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__namespace.default.createElement(RangeDatePickerInput, { id: props.id, ref: (node) => { renderProps.ref(node); targetRef.current = node; }, cx: props.inputCx, onClick: () => renderProps.toggleDropdownOpening(true), isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: props.size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange, onFocusInput: (e, type) => {
|
|
2666
2677
|
var _a;
|
|
2667
2678
|
(_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e, type);
|
|
2668
2679
|
setInFocus(type);
|
|
2669
|
-
}, onBlurInput: (e, type) => { var _a; (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e, type); !isOpen && setInFocus(null); } }));
|
|
2680
|
+
}, onBlurInput: (e, type) => { var _a; (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e, type); !isOpen && setInFocus(null); }, onKeyDown: handleEscape }));
|
|
2670
2681
|
}, renderBody: (renderProps) => renderBody(renderProps), onValueChange: (v) => onOpenChange(v), value: isOpen, modifiers: modifiers, placement: props.placement, forwardedRef: ref }));
|
|
2671
2682
|
}
|
|
2672
2683
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
2673
2684
|
|
|
2674
|
-
var css$K = {"root":"
|
|
2685
|
+
var css$K = {"root":"L21c7V","blocker":"KP-2yV","marker":"WQtj-M","top":"eExwjT","bottom":"_2s83WC","left":"V1N7hv","right":"_89H2mw","inside":"U8eGFH"};
|
|
2675
2686
|
|
|
2676
2687
|
function DropMarker(props) {
|
|
2677
2688
|
return props.isDndInProgress
|
|
@@ -2686,7 +2697,7 @@ function DropMarker(props) {
|
|
|
2686
2697
|
: null;
|
|
2687
2698
|
}
|
|
2688
2699
|
|
|
2689
|
-
var css$J = {"uui-typography":"
|
|
2700
|
+
var css$J = {"uui-typography":"B2BM6b","hero-header":"ZVJ2bN","promo-header":"OOgeH3","uui-critical":"J-AZS1","uui-info":"aEidtk","uui-success":"vazRyV","uui-warning":"iG5WK6","uui-highlight":"AONA1k","uui-typography-size-12":"uU9e3C","uui-typography-size-14":"PKjyT9","uui-typography-size-16":"e5Pc8P","modal":"T4p1PR","search-wrapper":"KWt67a","no-data":"HhyUfC","type-search-to-load-size-24":"BqJzKE","uuiTypography":"B2BM6b","heroHeader":"ZVJ2bN","promoHeader":"OOgeH3","uuiCritical":"J-AZS1","uuiInfo":"aEidtk","uuiSuccess":"vazRyV","uuiWarning":"iG5WK6","uuiHighlight":"AONA1k","uuiTypographySize12":"uU9e3C","uuiTypographySize14":"PKjyT9","uuiTypographySize16":"e5Pc8P","searchWrapper":"KWt67a","noData":"HhyUfC","typeSearchToLoadSize24":"BqJzKE"};
|
|
2690
2701
|
|
|
2691
2702
|
class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
2692
2703
|
constructor() {
|
|
@@ -2734,35 +2745,32 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
|
2734
2745
|
}
|
|
2735
2746
|
}
|
|
2736
2747
|
|
|
2737
|
-
var css$I = {"footer":"
|
|
2748
|
+
var css$I = {"footer":"_2G3Kpu"};
|
|
2738
2749
|
|
|
2739
2750
|
function DataPickerFooterImpl(props) {
|
|
2740
2751
|
const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
|
|
2741
2752
|
const size = uuiCore.isMobile() ? settings.sizes.pickerInput.body.mobile.footer.linkButton : props.size;
|
|
2742
2753
|
const hasSelection = view.getSelectedRowsCount() > 0;
|
|
2743
2754
|
const rowsCount = view.getListProps().rowsCount;
|
|
2744
|
-
const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
|
|
2745
2755
|
const isSinglePicker = selectionMode === 'single';
|
|
2746
2756
|
const clearAllText = i18n.pickerInput.clearSelectionButton;
|
|
2747
2757
|
const clearSingleText = i18n.pickerInput.clearSelectionButtonSingle;
|
|
2748
2758
|
const selectAllText = i18n.pickerInput.selectAllButton;
|
|
2749
|
-
|
|
2750
|
-
const
|
|
2751
|
-
const
|
|
2759
|
+
const isSearching = search === null || search === void 0 ? void 0 : search.length;
|
|
2760
|
+
const hideFooter = isSearchTooShort || rowsCount === 0 || isSearching || (isSinglePicker && props.disableClear);
|
|
2761
|
+
const showClear = !props.disableClear && (isSinglePicker ? true : (!view.selectAll || hasSelection));
|
|
2752
2762
|
return !hideFooter && (React__namespace.default.createElement(FlexRow, { cx: css$I.footer },
|
|
2753
2763
|
!isSinglePicker && (React__namespace.default.createElement(Switch, { size: settings.sizes.pickerInput.body.dropdown.footer.switch[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
|
|
2754
2764
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
2755
2765
|
React__namespace.default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
|
|
2756
|
-
view.selectAll && (React__namespace.default.createElement(LinkButton, {
|
|
2757
|
-
|
|
2758
|
-
|
|
2759
|
-
|
|
2760
|
-
'aria-label': isSinglePicker ? clearSingleText : clearAllText,
|
|
2761
|
-
} })))));
|
|
2766
|
+
view.selectAll && !hasSelection && (React__namespace.default.createElement(LinkButton, { key: "SelectAll/ClearAll" // We use the same key for these buttons, because we need to leave focus on it after click, so we need to react doesn't remount it.
|
|
2767
|
+
, size: size, caption: selectAllText, onClick: () => view.selectAll.onValueChange(true) })),
|
|
2768
|
+
showClear && (React__namespace.default.createElement(LinkButton, { key: "SelectAll/ClearAll" // We use the same key for these buttons, because we need to leave focus on it after click, so we need to react doesn't remount it. Basically it's the same button, but with different caption.
|
|
2769
|
+
, size: size, caption: isSinglePicker ? clearSingleText : clearAllText, onClick: clearSelection, isDisabled: !hasSelection })))));
|
|
2762
2770
|
}
|
|
2763
2771
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
2764
2772
|
|
|
2765
|
-
var css$H = {"header":"
|
|
2773
|
+
var css$H = {"header":"_9wbI8A","title":"KlZEBA","close":"ImbVEq"};
|
|
2766
2774
|
|
|
2767
2775
|
const DataPickerHeaderImpl = (props) => {
|
|
2768
2776
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -2787,7 +2795,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
|
2787
2795
|
};
|
|
2788
2796
|
var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgNotificationDoneFill);
|
|
2789
2797
|
|
|
2790
|
-
var css$G = {"uui-typography":"
|
|
2798
|
+
var css$G = {"uui-typography":"Dqd9Px","hero-header":"WX2YlQ","promo-header":"pJiL5k","uui-critical":"InAlBh","uui-info":"F9-hWJ","uui-success":"b2gFWC","uui-warning":"R0biPB","uui-highlight":"lAzfur","uui-typography-size-12":"Nes-us","uui-typography-size-14":"M1k4rY","uui-typography-size-16":"_39E-DP","root":"Ik7PKF","align-widgets-top":"_3chk-S","align-widgets-center":"G-vDWx","icon-container":"_-2x-vG","loading-cell":"vmK3Ri","content-wrapper":"h-DUlb","render-item":"aI-6qI","icon-wrapper":"gkLF11","icon-default":"_1m5xRX","selected-mark":"LoNKc4","uuiTypography":"Dqd9Px","heroHeader":"WX2YlQ","promoHeader":"pJiL5k","uuiCritical":"InAlBh","uuiInfo":"F9-hWJ","uuiSuccess":"b2gFWC","uuiWarning":"R0biPB","uuiHighlight":"lAzfur","uuiTypographySize12":"Nes-us","uuiTypographySize14":"M1k4rY","uuiTypographySize16":"_39E-DP","alignWidgetsTop":"_3chk-S","alignWidgetsCenter":"G-vDWx","iconContainer":"_-2x-vG","loadingCell":"vmK3Ri","contentWrapper":"h-DUlb","renderItem":"aI-6qI","iconWrapper":"gkLF11","iconDefault":"_1m5xRX","selectedMark":"LoNKc4"};
|
|
2791
2799
|
|
|
2792
2800
|
function DataPickerCell(props) {
|
|
2793
2801
|
const ref = React__namespace.useRef();
|
|
@@ -2824,7 +2832,7 @@ function DataPickerCell(props) {
|
|
|
2824
2832
|
getWrappedContent()));
|
|
2825
2833
|
}
|
|
2826
2834
|
|
|
2827
|
-
var css$F = {"uui-typography":"
|
|
2835
|
+
var css$F = {"uui-typography":"tYuVis","hero-header":"-YKYvS","promo-header":"xpI---","uui-critical":"uWH7Zm","uui-info":"FaDXBd","uui-success":"-d-343","uui-warning":"_5zsojV","uui-highlight":"-ZB-lR","uui-typography-size-12":"crRAeV","uui-typography-size-14":"KnYLRi","uui-typography-size-16":"DmBvF8","picker-row":"bm5JfB","uuiTypography":"tYuVis","heroHeader":"-YKYvS","promoHeader":"xpI---","uuiCritical":"uWH7Zm","uuiInfo":"FaDXBd","uuiSuccess":"-d-343","uuiWarning":"_5zsojV","uuiHighlight":"-ZB-lR","uuiTypographySize12":"crRAeV","uuiTypographySize14":"KnYLRi","uuiTypographySize16":"DmBvF8","pickerRow":"bm5JfB"};
|
|
2828
2836
|
|
|
2829
2837
|
class DataPickerRow extends React__namespace.Component {
|
|
2830
2838
|
constructor() {
|
|
@@ -2838,7 +2846,7 @@ class DataPickerRow extends React__namespace.Component {
|
|
|
2838
2846
|
}
|
|
2839
2847
|
}
|
|
2840
2848
|
|
|
2841
|
-
var css$E = {"uui-typography":"
|
|
2849
|
+
var css$E = {"uui-typography":"Wv-U35","hero-header":"_4hlRwG","promo-header":"_6vWDUg","uui-critical":"S5sflm","uui-info":"HEuI-Y","uui-success":"Hmy6pT","uui-warning":"_2vpv5L","uui-highlight":"_4MgtCA","uui-typography-size-12":"-Dt3Kh","uui-typography-size-14":"_97LP63","uui-typography-size-16":"xEFMe-","done":"jKIujp","container":"RAQ2L2","uuiTypography":"Wv-U35","heroHeader":"_4hlRwG","promoHeader":"_6vWDUg","uuiCritical":"S5sflm","uuiInfo":"HEuI-Y","uuiSuccess":"Hmy6pT","uuiWarning":"_2vpv5L","uuiHighlight":"_4MgtCA","uuiTypographySize12":"-Dt3Kh","uuiTypographySize14":"_97LP63","uuiTypographySize16":"xEFMe-"};
|
|
2842
2850
|
|
|
2843
2851
|
const PickerBodyMobileView = (props) => {
|
|
2844
2852
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -2872,7 +2880,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
2872
2880
|
};
|
|
2873
2881
|
var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
|
|
2874
2882
|
|
|
2875
|
-
var css$D = {"uui-typography":"
|
|
2883
|
+
var css$D = {"uui-typography":"C8iSTB","hero-header":"GwQu1t","promo-header":"jtKA9E","uui-critical":"lllMJ5","uui-info":"aDjn9F","uui-success":"PjHoSD","uui-warning":"_2GoP12","uui-highlight":"YU8f-K","uui-typography-size-12":"ctWIbP","uui-typography-size-14":"wE5y4x","uui-typography-size-16":"_3diooQ","sub-header-wrapper":"pNWPMc","switch":"-HeWLE","no-found-modal-container":"QueLW0","no-found-modal-container-icon":"uutyAy","no-found-modal-container-text":"tc9s10","uuiTypography":"C8iSTB","heroHeader":"GwQu1t","promoHeader":"jtKA9E","uuiCritical":"lllMJ5","uuiInfo":"aDjn9F","uuiSuccess":"PjHoSD","uuiWarning":"_2GoP12","uuiHighlight":"YU8f-K","uuiTypographySize12":"ctWIbP","uuiTypographySize14":"wE5y4x","uuiTypographySize16":"_3diooQ","subHeaderWrapper":"pNWPMc","$switch$":"-HeWLE","noFoundModalContainer":"QueLW0","noFoundModalContainerIcon":"uutyAy","noFoundModalContainerText":"tc9s10"};
|
|
2876
2884
|
|
|
2877
2885
|
const mergeHighlightRanges = (ranges) => {
|
|
2878
2886
|
const mergedRanges = [];
|
|
@@ -2939,7 +2947,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
2939
2947
|
return getDecoratedText(str, ranges);
|
|
2940
2948
|
};
|
|
2941
2949
|
|
|
2942
|
-
var css$C = {"root":"
|
|
2950
|
+
var css$C = {"root":"YEZuRh","column-gap":"cNnZnS","multiline":"_8QxxkA","text":"_2oiB67","columnGap":"cNnZnS"};
|
|
2943
2951
|
|
|
2944
2952
|
function PickerItem(props) {
|
|
2945
2953
|
var _a;
|
|
@@ -3014,7 +3022,7 @@ function PickerModal(props) {
|
|
|
3014
3022
|
React__namespace.default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3015
3023
|
}
|
|
3016
3024
|
|
|
3017
|
-
var css$B = {"tooltip":"
|
|
3025
|
+
var css$B = {"tooltip":"nVdkTK"};
|
|
3018
3026
|
|
|
3019
3027
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3020
3028
|
var _a;
|
|
@@ -3029,7 +3037,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
3029
3037
|
}
|
|
3030
3038
|
});
|
|
3031
3039
|
|
|
3032
|
-
var css$A = {"uui-typography":"
|
|
3040
|
+
var css$A = {"uui-typography":"P5-5aL","hero-header":"PpgOGM","promo-header":"wxcuNW","uui-critical":"jDw5nx","uui-info":"_6PtHqS","uui-success":"KkF5Lp","uui-warning":"bVsnPt","uui-highlight":"_7z-Jg6","uui-typography-size-12":"g-yY6B","uui-typography-size-14":"NsTnqH","uui-typography-size-16":"rupBEh","root":"_4U1-o8","mode-form":"XMjovL","mode-cell":"HZw1Fc","mode-inline":"aW9cBL","uuiTypography":"P5-5aL","heroHeader":"PpgOGM","promoHeader":"wxcuNW","uuiCritical":"jDw5nx","uuiInfo":"_6PtHqS","uuiSuccess":"KkF5Lp","uuiWarning":"bVsnPt","uuiHighlight":"_7z-Jg6","uuiTypographySize12":"g-yY6B","uuiTypographySize14":"NsTnqH","uuiTypographySize16":"rupBEh","modeForm":"XMjovL","modeCell":"HZw1Fc","modeInline":"aW9cBL"};
|
|
3033
3041
|
|
|
3034
3042
|
const defaultMode = EditMode.FORM;
|
|
3035
3043
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3126,7 +3134,7 @@ function PickerInputComponent(_a, ref) {
|
|
|
3126
3134
|
}
|
|
3127
3135
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
3128
3136
|
|
|
3129
|
-
var css$z = {"row":"
|
|
3137
|
+
var css$z = {"row":"VulYHD"};
|
|
3130
3138
|
|
|
3131
3139
|
function PickerListItem(props) {
|
|
3132
3140
|
var _a;
|
|
@@ -3147,7 +3155,7 @@ function PickerListItem(props) {
|
|
|
3147
3155
|
return (React__namespace.default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$z.row }), component));
|
|
3148
3156
|
}
|
|
3149
3157
|
|
|
3150
|
-
var css$y = {"root":"
|
|
3158
|
+
var css$y = {"root":"_2NCRfB"};
|
|
3151
3159
|
|
|
3152
3160
|
function PickerList(props) {
|
|
3153
3161
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -3182,7 +3190,7 @@ function PickerList(props) {
|
|
|
3182
3190
|
}, selectedRows)));
|
|
3183
3191
|
}
|
|
3184
3192
|
|
|
3185
|
-
var css$x = {"uui-typography":"
|
|
3193
|
+
var css$x = {"uui-typography":"vXI-hG","hero-header":"rlaahS","promo-header":"_4kOvfk","uui-critical":"mqRLa0","uui-info":"g-uWdE","uui-success":"ebIOB1","uui-warning":"jHpiMJ","uui-highlight":"cnXmLx","uui-typography-size-12":"hyEGOE","uui-typography-size-14":"_8wnh1z","uui-typography-size-16":"FsrspO","root":"PQIATz","wrapper":"oValP0","align-widgets-top":"H3D2R8","align-widgets-center":"ZWVcDG","uuiTypography":"vXI-hG","heroHeader":"rlaahS","promoHeader":"_4kOvfk","uuiCritical":"mqRLa0","uuiInfo":"g-uWdE","uuiSuccess":"ebIOB1","uuiWarning":"jHpiMJ","uuiHighlight":"cnXmLx","uuiTypographySize12":"hyEGOE","uuiTypographySize14":"_8wnh1z","uuiTypographySize16":"FsrspO","alignWidgetsTop":"H3D2R8","alignWidgetsCenter":"ZWVcDG"};
|
|
3186
3194
|
|
|
3187
3195
|
function DataTableCell(initialProps) {
|
|
3188
3196
|
const props = Object.assign({}, initialProps);
|
|
@@ -3231,7 +3239,7 @@ function DataTableCell(initialProps) {
|
|
|
3231
3239
|
return React__namespace.createElement(uuiComponents.DataTableCell, Object.assign({}, props));
|
|
3232
3240
|
}
|
|
3233
3241
|
|
|
3234
|
-
var css$w = {"uui-typography":"
|
|
3242
|
+
var css$w = {"uui-typography":"Ld7kDY","hero-header":"_5hRDmR","promo-header":"VDBup8","uui-critical":"_8h3Qjb","uui-info":"fH5TyA","uui-success":"eohmt-","uui-warning":"n-FQkh","uui-highlight":"E4b0Fo","uui-typography-size-12":"lNseiq","uui-typography-size-14":"qXBatZ","uui-typography-size-16":"hhp8Su","root":"R2w80l","uuiTypography":"Ld7kDY","heroHeader":"_5hRDmR","promoHeader":"VDBup8","uuiCritical":"_8h3Qjb","uuiInfo":"fH5TyA","uuiSuccess":"eohmt-","uuiWarning":"n-FQkh","uuiHighlight":"E4b0Fo","uuiTypographySize12":"lNseiq","uuiTypographySize14":"qXBatZ","uuiTypographySize16":"hhp8Su"};
|
|
3235
3243
|
|
|
3236
3244
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3237
3245
|
// 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.
|
|
@@ -3247,7 +3255,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
3247
3255
|
];
|
|
3248
3256
|
}, () => propsMods);
|
|
3249
3257
|
|
|
3250
|
-
var css$v = {"uui-typography":"
|
|
3258
|
+
var css$v = {"uui-typography":"inM0Y6","hero-header":"WkEjt5","promo-header":"Uag60g","uui-critical":"SCwNvp","uui-info":"v-3qU7","uui-success":"L4sb-A","uui-warning":"ESAe2a","uui-highlight":"ky394W","uui-typography-size-12":"Kec6g4","uui-typography-size-14":"bxy6O1","uui-typography-size-16":"FqpROJ","sorting-panel-container":"SQfC2g","uuiTypography":"inM0Y6","heroHeader":"WkEjt5","promoHeader":"Uag60g","uuiCritical":"SCwNvp","uuiInfo":"v-3qU7","uuiSuccess":"L4sb-A","uuiWarning":"ESAe2a","uuiHighlight":"ky394W","uuiTypographySize12":"Kec6g4","uuiTypographySize14":"bxy6O1","uuiTypographySize16":"FqpROJ","sortingPanelContainer":"SQfC2g"};
|
|
3251
3259
|
|
|
3252
3260
|
var _path$q;
|
|
3253
3261
|
function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
|
|
@@ -3377,7 +3385,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
3377
3385
|
};
|
|
3378
3386
|
var ForwardRef$k = /*#__PURE__*/React.forwardRef(SvgNavigationExpandAllOutline);
|
|
3379
3387
|
|
|
3380
|
-
var css$u = {"uui-typography":"
|
|
3388
|
+
var css$u = {"uui-typography":"-O8uLI","hero-header":"S0H-Jd","promo-header":"svk4Hl","uui-critical":"WAi2eB","uui-info":"_3JTLd6","uui-success":"E1Y5sF","uui-warning":"p7B1Ed","uui-highlight":"fGTySs","uui-typography-size-12":"luiSPI","uui-typography-size-14":"WNqdCR","uui-typography-size-16":"RQsc6F","root":"J5L6dt","caption-wrapper":"UMibV1","sort-icon":"_0mag2-","dropdown-icon":"Xh1lW4","infoIcon":"Noe3Yt","resizable":"x1-3tk","align-right":"CSYjaq","align-center":"x5IqNO","caption":"guQrNV","truncate":"ysrqxS","checkbox":"_1pIRVT","icon":"LyJc7i","fold-all-icon":"k-vCbO","cell-tooltip":"H9jXy6","upper-case":"C-QeJo","resizing-marker":"K5k4-h","pinned-right":"uudIw-","draggable":"PRsITP","ghost":"D9z9Vl","is-dragged-out":"YQaoXT","dnd-marker-left":"R8QK42","dnd-marker-right":"Z7hgws","cell-tooltip-wrapper":"R5DbfQ","cell-tooltip-text":"Qxnxrc","tooltip-caption":"UtFMsF","tooltip-info":"jvC-PO","uuiTypography":"-O8uLI","heroHeader":"S0H-Jd","promoHeader":"svk4Hl","uuiCritical":"WAi2eB","uuiInfo":"_3JTLd6","uuiSuccess":"E1Y5sF","uuiWarning":"p7B1Ed","uuiHighlight":"fGTySs","uuiTypographySize12":"luiSPI","uuiTypographySize14":"WNqdCR","uuiTypographySize16":"RQsc6F","captionWrapper":"UMibV1","sortIcon":"_0mag2-","dropdownIcon":"Xh1lW4","alignRight":"CSYjaq","alignCenter":"x5IqNO","foldAllIcon":"k-vCbO","cellTooltip":"H9jXy6","upperCase":"C-QeJo","resizingMarker":"K5k4-h","pinnedRight":"uudIw-","isDraggedOut":"YQaoXT","dndMarkerLeft":"R8QK42","dndMarkerRight":"Z7hgws","cellTooltipWrapper":"R5DbfQ","cellTooltipText":"Qxnxrc","tooltipCaption":"UtFMsF","tooltipInfo":"jvC-PO"};
|
|
3381
3389
|
|
|
3382
3390
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
3383
3391
|
constructor() {
|
|
@@ -3483,7 +3491,7 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
3483
3491
|
};
|
|
3484
3492
|
var ForwardRef$j = /*#__PURE__*/React.forwardRef(SvgActionSettingsFill);
|
|
3485
3493
|
|
|
3486
|
-
var css$t = {"uui-typography":"
|
|
3494
|
+
var css$t = {"uui-typography":"Nrbqhp","hero-header":"RKCTrD","promo-header":"Yhvvdf","uui-critical":"Uo-6F-","uui-info":"-YfMUJ","uui-success":"_2KK2bw","uui-warning":"OXIl6J","uui-highlight":"_97Tybz","uui-typography-size-12":"YfwWUp","uui-typography-size-14":"OgH2rt","uui-typography-size-16":"PrXnqO","root":"iqxuEL","uuiTypography":"Nrbqhp","heroHeader":"RKCTrD","promoHeader":"Yhvvdf","uuiCritical":"Uo-6F-","uuiInfo":"-YfMUJ","uuiSuccess":"_2KK2bw","uuiWarning":"OXIl6J","uuiHighlight":"_97Tybz","uuiTypographySize12":"YfwWUp","uuiTypographySize14":"OgH2rt","uuiTypographySize16":"PrXnqO"};
|
|
3487
3495
|
|
|
3488
3496
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
3489
3497
|
renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap }))),
|
|
@@ -3495,7 +3503,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
3495
3503
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
3496
3504
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
3497
3505
|
|
|
3498
|
-
var css$s = {"uui-typography":"
|
|
3506
|
+
var css$s = {"uui-typography":"FTOCU9","hero-header":"_7lED6s","promo-header":"RP-G6r","uui-critical":"_9t4IWq","uui-info":"fxikxC","uui-success":"i1mjjo","uui-warning":"GMQVzC","uui-highlight":"XodfLu","uui-typography-size-12":"_92yweq","uui-typography-size-14":"_2wVQZa","uui-typography-size-16":"VR8L66","root":"WfStAK","title-wrapper":"wVsPg4","title":"Zwv5eL","text-wrapper":"N4Jhyl","selection":"mZamfp","postfix":"HAcHwA","selected":"Czkukb","uuiTypography":"FTOCU9","heroHeader":"_7lED6s","promoHeader":"RP-G6r","uuiCritical":"_9t4IWq","uuiInfo":"fxikxC","uuiSuccess":"i1mjjo","uuiWarning":"GMQVzC","uuiHighlight":"XodfLu","uuiTypographySize12":"_92yweq","uuiTypographySize14":"_2wVQZa","uuiTypographySize16":"VR8L66","titleWrapper":"wVsPg4","textWrapper":"N4Jhyl"};
|
|
3499
3507
|
|
|
3500
3508
|
const defaultSize = '36';
|
|
3501
3509
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -3673,7 +3681,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
3673
3681
|
React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
3674
3682
|
}
|
|
3675
3683
|
|
|
3676
|
-
var css$r = {"container":"
|
|
3684
|
+
var css$r = {"container":"gmj0Yf"};
|
|
3677
3685
|
|
|
3678
3686
|
function FilterNumericBody(props) {
|
|
3679
3687
|
var _a, _b;
|
|
@@ -3771,7 +3779,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
|
3771
3779
|
};
|
|
3772
3780
|
var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
|
|
3773
3781
|
|
|
3774
|
-
var css$q = {"uui-typography":"
|
|
3782
|
+
var css$q = {"uui-typography":"LjUvlQ","hero-header":"_5319iQ","promo-header":"iX9PQu","uui-critical":"ncSNT-","uui-info":"KIIksM","uui-success":"vLuhrQ","uui-warning":"qCTWIb","uui-highlight":"XtWlK7","uui-typography-size-12":"_4wFYzj","uui-typography-size-14":"_49j4AA","uui-typography-size-16":"_4ZVmW3","header":"_2m-YAq","removeButton":"nuZ28d","with-search":"d9-3ON","uuiTypography":"LjUvlQ","heroHeader":"_5319iQ","promoHeader":"iX9PQu","uuiCritical":"ncSNT-","uuiInfo":"KIIksM","uuiSuccess":"vLuhrQ","uuiWarning":"qCTWIb","uuiHighlight":"XtWlK7","uuiTypographySize12":"_4wFYzj","uuiTypographySize14":"_49j4AA","uuiTypographySize16":"_4ZVmW3","withSearch":"d9-3ON"};
|
|
3775
3783
|
|
|
3776
3784
|
function useView(props, value) {
|
|
3777
3785
|
const forceUpdate = uuiCore.useForceUpdate();
|
|
@@ -4092,7 +4100,7 @@ function FiltersToolbarImpl(props) {
|
|
|
4092
4100
|
}
|
|
4093
4101
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
4094
4102
|
|
|
4095
|
-
var css$p = {"divider":"
|
|
4103
|
+
var css$p = {"divider":"zkqZ0y","dropdownDeleteIcon":"u2GvYI","presetsWrapper":"_7XjHBI","addPresetContainer":"bpQ-R5","dropContainer":"oBOsSi"};
|
|
4096
4104
|
|
|
4097
4105
|
var _path$g;
|
|
4098
4106
|
function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
|
|
@@ -4205,7 +4213,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
|
|
|
4205
4213
|
};
|
|
4206
4214
|
var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgContentLinkOutline);
|
|
4207
4215
|
|
|
4208
|
-
var css$o = {"delete-button":"
|
|
4216
|
+
var css$o = {"delete-button":"qwlObz","tab-button":"yk-fsP","targetOpen":"sQXJUA","deleteButton":"qwlObz","tabButton":"yk-fsP"};
|
|
4209
4217
|
|
|
4210
4218
|
function PresetActionsDropdown(props) {
|
|
4211
4219
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -4263,7 +4271,7 @@ function PresetActionsDropdown(props) {
|
|
|
4263
4271
|
return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
4264
4272
|
}
|
|
4265
4273
|
|
|
4266
|
-
var css$n = {"preset-input-cell":"
|
|
4274
|
+
var css$n = {"preset-input-cell":"fRdYNe","preset-input":"byNTES","presetInputCell":"fRdYNe","presetInput":"byNTES"};
|
|
4267
4275
|
|
|
4268
4276
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
4269
4277
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -4296,7 +4304,7 @@ function PresetInput(props) {
|
|
|
4296
4304
|
React__namespace.default.createElement(TextInput, { cx: css$n.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
4297
4305
|
}
|
|
4298
4306
|
|
|
4299
|
-
var css$m = {"preset":"
|
|
4307
|
+
var css$m = {"preset":"QdhxGQ","activePreset":"rtlrDP"};
|
|
4300
4308
|
|
|
4301
4309
|
function Preset(props) {
|
|
4302
4310
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -4470,7 +4478,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
4470
4478
|
};
|
|
4471
4479
|
var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnRightFill);
|
|
4472
4480
|
|
|
4473
|
-
var css$l = {"unpin-icon":"
|
|
4481
|
+
var css$l = {"unpin-icon":"LeBmvo","pin-toggler-icon":"FT7coh","unpinIcon":"LeBmvo","pinTogglerIcon":"FT7coh"};
|
|
4474
4482
|
|
|
4475
4483
|
function PinIconButton(props) {
|
|
4476
4484
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4529,7 +4537,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
|
4529
4537
|
};
|
|
4530
4538
|
var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgActionDragIndicator18);
|
|
4531
4539
|
|
|
4532
|
-
var css$k = {"uui-typography":"
|
|
4540
|
+
var css$k = {"uui-typography":"UKRTL9","hero-header":"Tm6R6y","promo-header":"RUcw3u","uui-critical":"h3vSGy","uui-info":"K8AIi1","uui-success":"FEaKN4","uui-warning":"_6p4e-E","uui-highlight":"vnAQFb","uui-typography-size-12":"bVdh2T","uui-typography-size-14":"YKaKBw","uui-typography-size-16":"CSI2Nn","row-wrapper":"jXEXbD","pin-icon-button":"XnhDMs","not-pinned":"Q7ZKWs","checkbox":"SKYllY","drag-handle":"_4FBO9X","dnd-disabled":"iJROvk","uuiTypography":"UKRTL9","heroHeader":"Tm6R6y","promoHeader":"RUcw3u","uuiCritical":"h3vSGy","uuiInfo":"K8AIi1","uuiSuccess":"FEaKN4","uuiWarning":"_6p4e-E","uuiHighlight":"vnAQFb","uuiTypographySize12":"bVdh2T","uuiTypographySize14":"YKaKBw","uuiTypographySize16":"CSI2Nn","rowWrapper":"jXEXbD","pinIconButton":"XnhDMs","notPinned":"Q7ZKWs","dragHandle":"_4FBO9X","dndDisabled":"iJROvk"};
|
|
4533
4541
|
|
|
4534
4542
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4535
4543
|
const { column } = props;
|
|
@@ -4539,10 +4547,10 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4539
4547
|
const isPinned = !!pinPosition;
|
|
4540
4548
|
const data = { column, columnConfig };
|
|
4541
4549
|
const renderContent = (dndActorParams) => {
|
|
4542
|
-
const wrapperClasses = uuiCore.cx(css$k.rowWrapper, !isPinned && css$k.notPinned, dndActorParams.isDragGhost && uuiCore.uuiDndState.dragGhost);
|
|
4550
|
+
const wrapperClasses = uuiCore.cx(css$k.rowWrapper, !isPinned && css$k.notPinned, dndActorParams.isDragGhost && uuiCore.uuiDndState.dragGhost, 'uui-dt-columns-config-row');
|
|
4543
4551
|
const _a = dndActorParams.eventHandlers, { onTouchStart, onPointerDown } = _a, restEventHandlers = __rest(_a, ["onTouchStart", "onPointerDown"]);
|
|
4544
4552
|
const dndActorPropsWithoutRef = __rest(dndActorParams, ["ref"]);
|
|
4545
|
-
return (React__namespace.createElement(FlexRow, { size:
|
|
4553
|
+
return (React__namespace.createElement(FlexRow, { size: settings.sizes.dataTable.columnsConfigurationModal.columnRow, cx: wrapperClasses, ref: dndActorParams.ref, rawProps: Object.assign({}, restEventHandlers), alignItems: "top" },
|
|
4546
4554
|
React__namespace.createElement(uuiComponents.DragHandle, { dragHandleIcon: ForwardRef$5, rawProps: { onTouchStart, onPointerDown }, isDisabled: !isDndAllowed, cx: uuiCore.cx(css$k.dragHandle, !isDndAllowed && css$k.dndDisabled) }),
|
|
4547
4555
|
React__namespace.createElement(Checkbox, { key: column.key, label: props.renderItem ? props.renderItem(props.column) : column.caption, value: isVisible, onValueChange: toggleVisibility, isReadonly: column.isAlwaysVisible || column.isLocked, cx: css$k.checkbox }),
|
|
4548
4556
|
React__namespace.createElement(FlexRow, { size: null, cx: css$k.pinIconButton },
|
|
@@ -4552,7 +4560,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4552
4560
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4553
4561
|
});
|
|
4554
4562
|
|
|
4555
|
-
var css$j = {"uui-typography":"
|
|
4563
|
+
var css$j = {"uui-typography":"CRmafn","hero-header":"r8ttUW","promo-header":"AdUQzK","uui-critical":"P73XmU","uui-info":"PVTfeb","uui-success":"gBewm8","uui-warning":"XXdm00","uui-highlight":"sTJ22X","uui-typography-size-12":"kg4hP5","uui-typography-size-14":"oaVM-A","uui-typography-size-16":"xi5cY-","root":"_84dcJw","main-panel":"oOBAji","group":"b6NJoC","group-title":"bA-uxH","group-items":"_6DyuP1","no-data":"H-Xpaz","no-data-title":"IQ6IJg","no-data-sub-title":"uHm5J3","h-divider":"ruIdS0","search-area":"ov8Vlv","subgroup-accordion":"_0dAw59","subgroup":"_4h58Rn","subgroup-title":"_2YcezJ","uuiTypography":"CRmafn","heroHeader":"r8ttUW","promoHeader":"AdUQzK","uuiCritical":"P73XmU","uuiInfo":"PVTfeb","uuiSuccess":"gBewm8","uuiWarning":"XXdm00","uuiHighlight":"sTJ22X","uuiTypographySize12":"kg4hP5","uuiTypographySize14":"oaVM-A","uuiTypographySize16":"xi5cY-","mainPanel":"oOBAji","groupTitle":"bA-uxH","groupItems":"_6DyuP1","noData":"H-Xpaz","noDataTitle":"IQ6IJg","noDataSubTitle":"uHm5J3","hDivider":"ruIdS0","searchArea":"ov8Vlv","subgroupAccordion":"_0dAw59","subgroupTitle":"_2YcezJ"};
|
|
4556
4564
|
|
|
4557
4565
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$j.group },
|
|
4558
4566
|
React__namespace.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
|
|
@@ -4641,7 +4649,7 @@ function SubGroup(props) {
|
|
|
4641
4649
|
return null;
|
|
4642
4650
|
}
|
|
4643
4651
|
|
|
4644
|
-
var css$i = {"listContainer":"
|
|
4652
|
+
var css$i = {"listContainer":"umKqKp","header":"kAdSRd","group":"SHeWFv","stickyHeader":"yhAD0g"};
|
|
4645
4653
|
|
|
4646
4654
|
const getChildrenAndRest = (row, rows) => {
|
|
4647
4655
|
const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
|
|
@@ -4707,7 +4715,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4707
4715
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4708
4716
|
ref: ref
|
|
4709
4717
|
}, props), /*#__PURE__*/React__namespace.createElement("g", {
|
|
4710
|
-
clipPath: "url(#
|
|
4718
|
+
clipPath: "url(#ou2qs19opnxnxl0sl_a)"
|
|
4711
4719
|
}, _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4712
4720
|
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",
|
|
4713
4721
|
fill: "#F5F6FA"
|
|
@@ -4728,7 +4736,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4728
4736
|
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",
|
|
4729
4737
|
fill: "#1D1E26"
|
|
4730
4738
|
})), /*#__PURE__*/React__namespace.createElement("mask", {
|
|
4731
|
-
id: "
|
|
4739
|
+
id: "ou2qs1pu2bgka66ga_b",
|
|
4732
4740
|
style: {
|
|
4733
4741
|
maskType: "alpha"
|
|
4734
4742
|
},
|
|
@@ -4741,7 +4749,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4741
4749
|
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",
|
|
4742
4750
|
fill: "#9BDEFF"
|
|
4743
4751
|
}))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
4744
|
-
mask: "url(#
|
|
4752
|
+
mask: "url(#ou2qs1pu2bgka66ga_b)",
|
|
4745
4753
|
fillRule: "evenodd",
|
|
4746
4754
|
clipRule: "evenodd"
|
|
4747
4755
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -4827,7 +4835,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4827
4835
|
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",
|
|
4828
4836
|
fill: "#fff"
|
|
4829
4837
|
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
4830
|
-
id: "
|
|
4838
|
+
id: "ou2qs19opnxnxl0sl_a"
|
|
4831
4839
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
4832
4840
|
fill: "#fff",
|
|
4833
4841
|
transform: "translate(.552)",
|
|
@@ -4836,7 +4844,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4836
4844
|
};
|
|
4837
4845
|
var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
|
|
4838
4846
|
|
|
4839
|
-
var css$h = {"root":"
|
|
4847
|
+
var css$h = {"root":"WBpUBV","sticky-header":"iVsBdJ","no-results":"-P-jt8","icon":"QNrowB","title":"_2TPxiU","stickyHeader":"iVsBdJ","noResults":"-P-jt8"};
|
|
4840
4848
|
|
|
4841
4849
|
function DataTable(props) {
|
|
4842
4850
|
var _a, _b, _c, _d;
|
|
@@ -4887,9 +4895,9 @@ function DataTable(props) {
|
|
|
4887
4895
|
} }))));
|
|
4888
4896
|
}
|
|
4889
4897
|
|
|
4890
|
-
var css$g = {"root":"
|
|
4898
|
+
var css$g = {"root":"sezKqf"};
|
|
4891
4899
|
|
|
4892
|
-
var css$f = {"root":"
|
|
4900
|
+
var css$f = {"root":"PzzhEx","burger-content":"NOmNTF","burgerContent":"NOmNTF"};
|
|
4893
4901
|
|
|
4894
4902
|
var _path$3;
|
|
4895
4903
|
function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
|
|
@@ -4932,7 +4940,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
4932
4940
|
};
|
|
4933
4941
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
4934
4942
|
|
|
4935
|
-
var css$e = {"uui-typography":"
|
|
4943
|
+
var css$e = {"uui-typography":"EnoJVF","hero-header":"_15FI1J","promo-header":"ev8IZR","uui-critical":"qVqw3C","uui-info":"RS6AoD","uui-success":"oBatLC","uui-warning":"oQ-pCC","uui-highlight":"_0oSrst","uui-typography-size-12":"ECEdUz","uui-typography-size-14":"_5rnUj6","uui-typography-size-16":"gkK5zB","root":"OGMdXV","button-primary":"fKybff","button-secondary":"EFJvgs","hasIcon":"EaLy3i","dropdown":"_6t-oqj","uuiTypography":"EnoJVF","heroHeader":"_15FI1J","promoHeader":"ev8IZR","uuiCritical":"qVqw3C","uuiInfo":"RS6AoD","uuiSuccess":"oBatLC","uuiWarning":"oQ-pCC","uuiHighlight":"_0oSrst","uuiTypographySize12":"ECEdUz","uuiTypographySize14":"_5rnUj6","uuiTypographySize16":"gkK5zB","buttonPrimary":"fKybff","buttonSecondary":"EFJvgs"};
|
|
4936
4944
|
|
|
4937
4945
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
4938
4946
|
css$e.root,
|
|
@@ -4943,13 +4951,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
4943
4951
|
props.icon && css$e.hasIcon,
|
|
4944
4952
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
4945
4953
|
|
|
4946
|
-
var css$d = {"search-input":"
|
|
4954
|
+
var css$d = {"search-input":"_0voKDn","searchInput":"_0voKDn"};
|
|
4947
4955
|
|
|
4948
4956
|
function BurgerSearch(props) {
|
|
4949
4957
|
return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$N, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
|
|
4950
4958
|
}
|
|
4951
4959
|
|
|
4952
|
-
var css$c = {"root":"
|
|
4960
|
+
var css$c = {"root":"Qn7brF","group-header":"_89bQgA","group-name":"QSvDAU","line":"Y1RpsF","groupHeader":"_89bQgA","groupName":"QSvDAU"};
|
|
4953
4961
|
|
|
4954
4962
|
function BurgerGroupHeader(props) {
|
|
4955
4963
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -4957,7 +4965,7 @@ function BurgerGroupHeader(props) {
|
|
|
4957
4965
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
4958
4966
|
}
|
|
4959
4967
|
|
|
4960
|
-
var css$b = {"uui-typography":"
|
|
4968
|
+
var css$b = {"uui-typography":"ZL8YlV","hero-header":"K0UrKu","promo-header":"WLzZhG","uui-critical":"MW9VZs","uui-info":"sEojtF","uui-success":"AMgdmt","uui-warning":"_4ifF18","uui-highlight":"EryxWh","uui-typography-size-12":"xGB28m","uui-typography-size-14":"C7BhHk","uui-typography-size-16":"hPSntW","root":"vQCeeI","type-primary":"p0KJ8g","type-secondary":"a8mePo","uuiTypography":"ZL8YlV","heroHeader":"K0UrKu","promoHeader":"WLzZhG","uuiCritical":"MW9VZs","uuiInfo":"sEojtF","uuiSuccess":"AMgdmt","uuiWarning":"_4ifF18","uuiHighlight":"EryxWh","uuiTypographySize12":"xGB28m","uuiTypographySize14":"C7BhHk","uuiTypographySize16":"hPSntW","typePrimary":"p0KJ8g","typeSecondary":"a8mePo"};
|
|
4961
4969
|
|
|
4962
4970
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4963
4971
|
const { type } = props, clickableProps = __rest(props, ["type"]);
|
|
@@ -4973,7 +4981,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
4973
4981
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
4974
4982
|
});
|
|
4975
4983
|
|
|
4976
|
-
var css$a = {"dropdown-body":"
|
|
4984
|
+
var css$a = {"dropdown-body":"gU1FtK","dropdownBody":"gU1FtK"};
|
|
4977
4985
|
|
|
4978
4986
|
class MainMenuDropdown extends React__namespace.Component {
|
|
4979
4987
|
render() {
|
|
@@ -5028,12 +5036,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5028
5036
|
};
|
|
5029
5037
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5030
5038
|
|
|
5031
|
-
var css$9 = {"global-menu-btn":"
|
|
5039
|
+
var css$9 = {"global-menu-btn":"S29S3s","global-menu-icon":"r7y-nt","globalMenuBtn":"S29S3s","globalMenuIcon":"r7y-nt"};
|
|
5032
5040
|
|
|
5033
5041
|
const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
5034
5042
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5035
5043
|
|
|
5036
|
-
var css$8 = {"container":"
|
|
5044
|
+
var css$8 = {"container":"_7SeaOF","open":"yDGc6Y","folding-arrow":"_73cmtC","foldingArrow":"_73cmtC"};
|
|
5037
5045
|
|
|
5038
5046
|
const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
5039
5047
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5041,18 +5049,18 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5041
5049
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
5042
5050
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5043
5051
|
|
|
5044
|
-
var css$7 = {"search-input":"
|
|
5052
|
+
var css$7 = {"search-input":"A6Urm0","searchInput":"A6Urm0"};
|
|
5045
5053
|
|
|
5046
5054
|
const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
5047
5055
|
var _a;
|
|
5048
5056
|
return (React__namespace.createElement(uuiComponents.TextInput, Object.assign({ iconPosition: "left", icon: ForwardRef$N, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$Q }, props, iEditable, { ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx) }, props.rawProps)));
|
|
5049
5057
|
} }))));
|
|
5050
5058
|
|
|
5051
|
-
var css$6 = {"container":"
|
|
5059
|
+
var css$6 = {"container":"FS952X"};
|
|
5052
5060
|
|
|
5053
5061
|
const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container) }, props))));
|
|
5054
5062
|
|
|
5055
|
-
var css$5 = {"root":"
|
|
5063
|
+
var css$5 = {"root":"Pz0L5-"};
|
|
5056
5064
|
|
|
5057
5065
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
5058
5066
|
|
|
@@ -5110,7 +5118,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5110
5118
|
};
|
|
5111
5119
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
5112
5120
|
|
|
5113
|
-
var css$4 = {"root":"
|
|
5121
|
+
var css$4 = {"root":"CaEZrj","drop-start":"ElCNXr","drop-over":"JF-esq","link":"Wo75yZ","drop-area":"MKAshv","drop-caption":"kMqXR3","icon-blue":"qivHkq","dropStart":"ElCNXr","dropOver":"JF-esq","dropArea":"MKAshv","dropCaption":"kMqXR3","iconBlue":"qivHkq"};
|
|
5114
5122
|
|
|
5115
5123
|
function DropSpot(props) {
|
|
5116
5124
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5128,9 +5136,9 @@ function DropSpot(props) {
|
|
|
5128
5136
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5129
5137
|
}
|
|
5130
5138
|
|
|
5131
|
-
var css$3 = {"uui-typography":"
|
|
5139
|
+
var css$3 = {"uui-typography":"_3xAkkX","hero-header":"ahGLqv","promo-header":"AAA1wT","uui-critical":"q62-tM","uui-info":"p3LLa9","uui-success":"mjtXw-","uui-warning":"e2daI1","uui-highlight":"avakYd","uui-typography-size-12":"MXOlle","uui-typography-size-14":"KHAbXU","uui-typography-size-16":"RO7qa4","root":"CSUy8V","file-name":"_2t7MHY","default-color":"IZW-D9","doc-color":"mAsGfA","xls-color":"Tf-Wse","pdf-color":"FI-kYA","movie-color":"YzsSZP","img-color":"TMSLNL","mov-color":"efHR-V","error-block":"_3ZVFSM","icons-block":"fc0QD-","uuiTypography":"_3xAkkX","heroHeader":"ahGLqv","promoHeader":"AAA1wT","uuiCritical":"q62-tM","uuiInfo":"p3LLa9","uuiSuccess":"mjtXw-","uuiWarning":"e2daI1","uuiHighlight":"avakYd","uuiTypographySize12":"MXOlle","uuiTypographySize14":"KHAbXU","uuiTypographySize16":"RO7qa4","fileName":"_2t7MHY","defaultColor":"IZW-D9","docColor":"mAsGfA","xlsColor":"Tf-Wse","pdfColor":"FI-kYA","movieColor":"YzsSZP","imgColor":"TMSLNL","movColor":"efHR-V","errorBlock":"_3ZVFSM","iconsBlock":"fc0QD-"};
|
|
5132
5140
|
|
|
5133
|
-
var css$2 = {"root":"
|
|
5141
|
+
var css$2 = {"root":"VxVpVw"};
|
|
5134
5142
|
|
|
5135
5143
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5136
5144
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5255,7 +5263,7 @@ const getErrorPageConfig = () => ({
|
|
|
5255
5263
|
},
|
|
5256
5264
|
});
|
|
5257
5265
|
|
|
5258
|
-
var css$1 = {"container":"
|
|
5266
|
+
var css$1 = {"container":"Yiv1It"};
|
|
5259
5267
|
|
|
5260
5268
|
const ErrorPage = (props) => {
|
|
5261
5269
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5266,7 +5274,7 @@ const ErrorPage = (props) => {
|
|
|
5266
5274
|
React__namespace.default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
|
|
5267
5275
|
};
|
|
5268
5276
|
|
|
5269
|
-
var css = {"recovery-spinner":"
|
|
5277
|
+
var css = {"recovery-spinner":"_5RC1Dz","recovery-message":"MlbicU","modal-blocker":"CuuJQg","modalFadeIn":"ffjBd2","recoverySpinner":"_5RC1Dz","recoveryMessage":"MlbicU","modalBlocker":"CuuJQg"};
|
|
5270
5278
|
|
|
5271
5279
|
function ErrorHandler(props) {
|
|
5272
5280
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|