@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.esm.js
CHANGED
|
@@ -548,7 +548,7 @@ const settings = {
|
|
|
548
548
|
modal: {
|
|
549
549
|
window: {
|
|
550
550
|
defaults: {
|
|
551
|
-
width:
|
|
551
|
+
width: 420,
|
|
552
552
|
},
|
|
553
553
|
},
|
|
554
554
|
},
|
|
@@ -562,7 +562,7 @@ const settings = {
|
|
|
562
562
|
},
|
|
563
563
|
};
|
|
564
564
|
|
|
565
|
-
var css$1w = {"uui-typography":"
|
|
565
|
+
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"};
|
|
566
566
|
|
|
567
567
|
function applyButtonMods(mods) {
|
|
568
568
|
return [
|
|
@@ -580,7 +580,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
580
580
|
};
|
|
581
581
|
});
|
|
582
582
|
|
|
583
|
-
var css$1v = {"root":"
|
|
583
|
+
var css$1v = {"root":"wJlzuw"};
|
|
584
584
|
|
|
585
585
|
function applyIconButtonMods(props) {
|
|
586
586
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1v.root];
|
|
@@ -617,7 +617,7 @@ function getIconClass(props) {
|
|
|
617
617
|
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'];
|
|
618
618
|
}
|
|
619
619
|
|
|
620
|
-
var css$1u = {"uui-typography":"
|
|
620
|
+
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"};
|
|
621
621
|
|
|
622
622
|
const DEFAULT_COLOR = 'primary';
|
|
623
623
|
const DEFAULT_WEIGHT = 'semibold';
|
|
@@ -648,7 +648,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
648
648
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
649
649
|
});
|
|
650
650
|
|
|
651
|
-
var css$1t = {"root":"
|
|
651
|
+
var css$1t = {"root":"MBSbkl"};
|
|
652
652
|
|
|
653
653
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
654
654
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -660,7 +660,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
660
660
|
]) }, props.caption));
|
|
661
661
|
});
|
|
662
662
|
|
|
663
|
-
var css$1s = {"uui-typography":"
|
|
663
|
+
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"};
|
|
664
664
|
|
|
665
665
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
666
666
|
const styles = [
|
|
@@ -683,7 +683,7 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
683
683
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
684
684
|
});
|
|
685
685
|
|
|
686
|
-
var css$1r = {"uui-typography":"
|
|
686
|
+
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"};
|
|
687
687
|
|
|
688
688
|
function applyVerticalTabButtonMods() {
|
|
689
689
|
return [css$1r.root, 'uui-vertical-tab-button'];
|
|
@@ -705,7 +705,7 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
|
705
705
|
};
|
|
706
706
|
var ForwardRef$B = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
|
|
707
707
|
|
|
708
|
-
var css$1q = {"uui-typography":"
|
|
708
|
+
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"};
|
|
709
709
|
|
|
710
710
|
function applyCheckboxMods(mods) {
|
|
711
711
|
return [
|
|
@@ -740,7 +740,7 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
|
740
740
|
};
|
|
741
741
|
var ForwardRef$A = /*#__PURE__*/forwardRef(SvgRadioDotFill);
|
|
742
742
|
|
|
743
|
-
var css$1p = {"uui-typography":"
|
|
743
|
+
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"};
|
|
744
744
|
|
|
745
745
|
function applyRadioInputMods(mods) {
|
|
746
746
|
return [
|
|
@@ -752,7 +752,7 @@ function applyRadioInputMods(mods) {
|
|
|
752
752
|
}
|
|
753
753
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
|
|
754
754
|
|
|
755
|
-
var css$1o = {"root":"
|
|
755
|
+
var css$1o = {"root":"vrAcYJ"};
|
|
756
756
|
|
|
757
757
|
function applySwitchMods(mods) {
|
|
758
758
|
return [
|
|
@@ -820,7 +820,7 @@ var EditMode;
|
|
|
820
820
|
EditMode["INLINE"] = "inline";
|
|
821
821
|
})(EditMode || (EditMode = {}));
|
|
822
822
|
|
|
823
|
-
var textInputCss = {"uui-typography":"
|
|
823
|
+
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"};
|
|
824
824
|
|
|
825
825
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
826
826
|
function applyTextInputMods(mods) {
|
|
@@ -846,16 +846,16 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
846
846
|
} })));
|
|
847
847
|
});
|
|
848
848
|
|
|
849
|
-
var css$1n = {"root":"
|
|
849
|
+
var css$1n = {"root":"_2805k9"};
|
|
850
850
|
|
|
851
|
-
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1n.root]);
|
|
851
|
+
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1n.root, 'uui-control-group']);
|
|
852
852
|
|
|
853
853
|
function MultiSwitchComponent(props, ref) {
|
|
854
854
|
return (React.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.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' } }))))));
|
|
855
855
|
}
|
|
856
856
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
857
857
|
|
|
858
|
-
var css$1m = {"uui-typography":"
|
|
858
|
+
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-"};
|
|
859
859
|
|
|
860
860
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
861
861
|
function applyNumericInputMods(mods) {
|
|
@@ -876,7 +876,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
876
876
|
};
|
|
877
877
|
});
|
|
878
878
|
|
|
879
|
-
var css$1l = {"uui-typography":"
|
|
879
|
+
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"};
|
|
880
880
|
|
|
881
881
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
882
882
|
function applyTextAreaMods(mods) {
|
|
@@ -977,7 +977,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
|
977
977
|
};
|
|
978
978
|
var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
|
|
979
979
|
|
|
980
|
-
var css$1k = {"uui-typography":"
|
|
980
|
+
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"};
|
|
981
981
|
|
|
982
982
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('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),
|
|
983
983
|
React.createElement("div", { className: css$1k.mainPath },
|
|
@@ -994,7 +994,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
994
994
|
|
|
995
995
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
996
996
|
|
|
997
|
-
var css$1j = {"root":"
|
|
997
|
+
var css$1j = {"root":"M7xY9A"};
|
|
998
998
|
|
|
999
999
|
function applyDropdownContainerMods(mods) {
|
|
1000
1000
|
return [
|
|
@@ -1005,7 +1005,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1005
1005
|
}
|
|
1006
1006
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
1007
1007
|
|
|
1008
|
-
var css$1i = {"uui-typography":"
|
|
1008
|
+
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"};
|
|
1009
1009
|
|
|
1010
1010
|
var IDropdownControlKeys;
|
|
1011
1011
|
(function (IDropdownControlKeys) {
|
|
@@ -1138,15 +1138,12 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1138
1138
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1139
1139
|
}
|
|
1140
1140
|
|
|
1141
|
-
var css$1h = {"uui-typography":"
|
|
1141
|
+
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"};
|
|
1142
1142
|
|
|
1143
|
-
const getMode = (mode) => {
|
|
1144
|
-
return mode || 'block';
|
|
1145
|
-
};
|
|
1146
1143
|
function applyAccordionMods(mods) {
|
|
1147
1144
|
return [
|
|
1148
1145
|
css$1h.root,
|
|
1149
|
-
css$1h[
|
|
1146
|
+
css$1h[`mode-${mods.mode || 'block'}`],
|
|
1150
1147
|
mods.padding && css$1h['padding-' + mods.padding],
|
|
1151
1148
|
];
|
|
1152
1149
|
}
|
|
@@ -1154,7 +1151,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
1154
1151
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
|
|
1155
1152
|
}));
|
|
1156
1153
|
|
|
1157
|
-
var css$1g = {"uui-typography":"
|
|
1154
|
+
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"};
|
|
1158
1155
|
|
|
1159
1156
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1g.flexCell]);
|
|
1160
1157
|
|
|
@@ -1178,7 +1175,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
|
|
|
1178
1175
|
];
|
|
1179
1176
|
});
|
|
1180
1177
|
|
|
1181
|
-
var css$1f = {"root":"
|
|
1178
|
+
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"};
|
|
1182
1179
|
|
|
1183
1180
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
1184
1181
|
'uui-panel',
|
|
@@ -1188,7 +1185,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
1188
1185
|
props.background && css$1f[`uui-${props.background}`],
|
|
1189
1186
|
]);
|
|
1190
1187
|
|
|
1191
|
-
var css$1e = {"root":"
|
|
1188
|
+
var css$1e = {"root":"OFm5e9"};
|
|
1192
1189
|
|
|
1193
1190
|
function applyTooltipMods(mods) {
|
|
1194
1191
|
return [
|
|
@@ -1198,7 +1195,7 @@ function applyTooltipMods(mods) {
|
|
|
1198
1195
|
}
|
|
1199
1196
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
1200
1197
|
|
|
1201
|
-
var css$1d = {"uui-typography":"
|
|
1198
|
+
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-"};
|
|
1202
1199
|
|
|
1203
1200
|
function applyLabeledInputMods(mods) {
|
|
1204
1201
|
return [
|
|
@@ -1212,7 +1209,7 @@ const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLa
|
|
|
1212
1209
|
infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$w : ForwardRef$L),
|
|
1213
1210
|
}));
|
|
1214
1211
|
|
|
1215
|
-
var css$1c = {"root":"
|
|
1212
|
+
var css$1c = {"root":"Ld5hNd"};
|
|
1216
1213
|
|
|
1217
1214
|
function RadioGroup(props) {
|
|
1218
1215
|
const direction = props.direction || 'vertical';
|
|
@@ -1227,7 +1224,7 @@ function RadioGroup(props) {
|
|
|
1227
1224
|
})));
|
|
1228
1225
|
}
|
|
1229
1226
|
|
|
1230
|
-
var css$1b = {"root":"
|
|
1227
|
+
var css$1b = {"root":"-HZxVh"};
|
|
1231
1228
|
|
|
1232
1229
|
function applyScrollBarsMods() {
|
|
1233
1230
|
return [
|
|
@@ -1236,13 +1233,13 @@ function applyScrollBarsMods() {
|
|
|
1236
1233
|
}
|
|
1237
1234
|
const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
|
|
1238
1235
|
|
|
1239
|
-
var css$1a = {"scroll-container":"
|
|
1236
|
+
var css$1a = {"scroll-container":"-MMY4G","list-container":"ynRlbJ","scrollContainer":"-MMY4G","listContainer":"ynRlbJ"};
|
|
1240
1237
|
|
|
1241
|
-
var css$19 = {"root":"
|
|
1238
|
+
var css$19 = {"root":"ZDyVhf"};
|
|
1242
1239
|
|
|
1243
1240
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$19.root]);
|
|
1244
1241
|
|
|
1245
|
-
var css$18 = {"uui-typography":"
|
|
1242
|
+
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"};
|
|
1246
1243
|
|
|
1247
1244
|
const DEFAULT_FILL = 'solid';
|
|
1248
1245
|
function applyBadgeMods(mods) {
|
|
@@ -1266,7 +1263,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1266
1263
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1267
1264
|
});
|
|
1268
1265
|
|
|
1269
|
-
var css$17 = {"uui-typography":"
|
|
1266
|
+
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"};
|
|
1270
1267
|
|
|
1271
1268
|
function applyTagMods(props) {
|
|
1272
1269
|
return [
|
|
@@ -1290,7 +1287,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1290
1287
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1291
1288
|
});
|
|
1292
1289
|
|
|
1293
|
-
var css$16 = {"root":"
|
|
1290
|
+
var css$16 = {"root":"X2CvhE","uui-spinner":"Yxea7d","uuiSpinner":"Yxea7d"};
|
|
1294
1291
|
|
|
1295
1292
|
function applySpinnerMods() {
|
|
1296
1293
|
return [css$16.root, 'uui-spinner'];
|
|
@@ -1327,7 +1324,7 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
|
|
|
1327
1324
|
};
|
|
1328
1325
|
var ForwardRef$u = /*#__PURE__*/forwardRef(SvgNavigationChevronRightOutline);
|
|
1329
1326
|
|
|
1330
|
-
var css$15 = {"root":"
|
|
1327
|
+
var css$15 = {"root":"MnV704","page":"xBrZ7P","spacer":"EGKjat","mode-ghost":"-HWokq","modeGhost":"-HWokq"};
|
|
1331
1328
|
|
|
1332
1329
|
function Paginator(props) {
|
|
1333
1330
|
const renderPaginator = (params) => (React__default.createElement("nav", Object.assign({ role: "navigation", className: cx(css$15.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`) }, params.rawProps),
|
|
@@ -1344,14 +1341,14 @@ function Paginator(props) {
|
|
|
1344
1341
|
return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
|
|
1345
1342
|
}
|
|
1346
1343
|
|
|
1347
|
-
var css$14 = {"root":"
|
|
1344
|
+
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"};
|
|
1348
1345
|
|
|
1349
1346
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1350
1347
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$14.root, css$14[`size-${props.size || 12}`]) },
|
|
1351
1348
|
React.createElement("div", { className: cx(css$14.progressBar) })));
|
|
1352
1349
|
});
|
|
1353
1350
|
|
|
1354
|
-
var css$13 = {"root":"
|
|
1351
|
+
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"};
|
|
1355
1352
|
|
|
1356
1353
|
const DEFAULT_SIZE = '12';
|
|
1357
1354
|
function applyProgressBarMods(mods) {
|
|
@@ -1366,14 +1363,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
1366
1363
|
hideLabel: props.hideLabel || props.striped,
|
|
1367
1364
|
}));
|
|
1368
1365
|
|
|
1369
|
-
var css$12 = {"root":"
|
|
1366
|
+
var css$12 = {"root":"LAoBLP"};
|
|
1370
1367
|
|
|
1371
1368
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1372
1369
|
const { progress } = props;
|
|
1373
1370
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$12.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$12.root, props.cx) }));
|
|
1374
1371
|
});
|
|
1375
1372
|
|
|
1376
|
-
var css$11 = {"root":"
|
|
1373
|
+
var css$11 = {"root":"jnMD1v"};
|
|
1377
1374
|
|
|
1378
1375
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1379
1376
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1388,7 +1385,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1388
1385
|
React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
1389
1386
|
});
|
|
1390
1387
|
|
|
1391
|
-
var css$10 = {"drag-handle":"
|
|
1388
|
+
var css$10 = {"drag-handle":"JDXGub","icon-container":"xHT3Fq","dragHandle":"JDXGub","iconContainer":"xHT3Fq"};
|
|
1392
1389
|
|
|
1393
1390
|
function DataRowAddons(props) {
|
|
1394
1391
|
var _a, _b;
|
|
@@ -1410,7 +1407,7 @@ function DataRowAddons(props) {
|
|
|
1410
1407
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] || settings.sizes.rowAddons.defaults.icon }))))));
|
|
1411
1408
|
}
|
|
1412
1409
|
|
|
1413
|
-
var css$$ = {"root":"
|
|
1410
|
+
var css$$ = {"root":"-S9ibH"};
|
|
1414
1411
|
|
|
1415
1412
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$$.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
|
|
1416
1413
|
|
|
@@ -1451,7 +1448,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1451
1448
|
React.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
1452
1449
|
});
|
|
1453
1450
|
|
|
1454
|
-
var css$_ = {"root":"
|
|
1451
|
+
var css$_ = {"root":"cFFzCY"};
|
|
1455
1452
|
|
|
1456
1453
|
function CheckboxGroup(props) {
|
|
1457
1454
|
const currentValue = props.value || [];
|
|
@@ -1473,7 +1470,7 @@ function CheckboxGroup(props) {
|
|
|
1473
1470
|
})));
|
|
1474
1471
|
}
|
|
1475
1472
|
|
|
1476
|
-
var css$Z = {"root":"
|
|
1473
|
+
var css$Z = {"root":"_9yLemT","line-height":"ZRksWf","font-size":"_8ytGKW","lineHeight":"ZRksWf","fontSize":"_8ytGKW"};
|
|
1477
1474
|
|
|
1478
1475
|
function applyTextMods(mods) {
|
|
1479
1476
|
return [
|
|
@@ -1490,17 +1487,15 @@ function applyTextMods(mods) {
|
|
|
1490
1487
|
}
|
|
1491
1488
|
const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props) => {
|
|
1492
1489
|
var _a;
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
};
|
|
1500
|
-
}
|
|
1490
|
+
const style = ((_a = props === null || props === void 0 ? void 0 : props.rawProps) === null || _a === void 0 ? void 0 : _a.style) || {};
|
|
1491
|
+
props.fontSize && (style['--uui-text-font-size'] = `${props.fontSize}px`);
|
|
1492
|
+
props.lineHeight && (style['--uui-text-line-height'] = `${props.lineHeight}px`);
|
|
1493
|
+
return {
|
|
1494
|
+
rawProps: Object.assign(Object.assign({}, props === null || props === void 0 ? void 0 : props.rawProps), { style: style }),
|
|
1495
|
+
};
|
|
1501
1496
|
});
|
|
1502
1497
|
|
|
1503
|
-
var css$Y = {"root":"
|
|
1498
|
+
var css$Y = {"root":"St4c-s","loading-word":"-DYCSx","animated-loading":"d0oAb0","skeleton_loading":"_2oky-D","loadingWord":"-DYCSx","animatedLoading":"d0oAb0","skeletonLoading":"_2oky-D"};
|
|
1504
1499
|
|
|
1505
1500
|
const TextPlaceholder = (props) => {
|
|
1506
1501
|
const pattern = ' ';
|
|
@@ -1519,7 +1514,7 @@ const TextPlaceholder = (props) => {
|
|
|
1519
1514
|
|
|
1520
1515
|
const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
|
|
1521
1516
|
|
|
1522
|
-
var css$X = {"uui-typography":"
|
|
1517
|
+
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"};
|
|
1523
1518
|
|
|
1524
1519
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$X.modalBlocker]);
|
|
1525
1520
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$X.root, css$X.modal], (props) => {
|
|
@@ -1708,7 +1703,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
|
1708
1703
|
};
|
|
1709
1704
|
var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
|
|
1710
1705
|
|
|
1711
|
-
var css$W = {"uui-typography":"
|
|
1706
|
+
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"};
|
|
1712
1707
|
|
|
1713
1708
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
1714
1709
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -1743,7 +1738,7 @@ function ClearNotification() {
|
|
|
1743
1738
|
React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
1744
1739
|
}
|
|
1745
1740
|
|
|
1746
|
-
var css$V = {"footer":"
|
|
1741
|
+
var css$V = {"footer":"_4LcTCe"};
|
|
1747
1742
|
|
|
1748
1743
|
class ConfirmationModal extends React.Component {
|
|
1749
1744
|
render() {
|
|
@@ -1785,7 +1780,7 @@ function useReliableForceUpdate() {
|
|
|
1785
1780
|
return red[1];
|
|
1786
1781
|
}
|
|
1787
1782
|
|
|
1788
|
-
var css$U = {"root":"
|
|
1783
|
+
var css$U = {"root":"_1yptKm","timepicker-input":"FH0h1m","ltr-always":"M0cdWi","timepickerInput":"FH0h1m","ltrAlways":"M0cdWi"};
|
|
1789
1784
|
|
|
1790
1785
|
const uuiTimePicker = {
|
|
1791
1786
|
container: 'uui-timepicker-container',
|
|
@@ -1978,7 +1973,7 @@ function TimePicker(props) {
|
|
|
1978
1973
|
return (React__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 }));
|
|
1979
1974
|
}
|
|
1980
1975
|
|
|
1981
|
-
var css$T = {"root":"
|
|
1976
|
+
var css$T = {"root":"o2JU-e"};
|
|
1982
1977
|
|
|
1983
1978
|
function applyInputAddonMods() {
|
|
1984
1979
|
return [
|
|
@@ -1987,7 +1982,7 @@ function applyInputAddonMods() {
|
|
|
1987
1982
|
}
|
|
1988
1983
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
1989
1984
|
|
|
1990
|
-
var css$S = {"root":"
|
|
1985
|
+
var css$S = {"root":"xTcdxW"};
|
|
1991
1986
|
|
|
1992
1987
|
function applySliderMods() {
|
|
1993
1988
|
return [css$S.root, 'uui-color-neutral'];
|
|
@@ -2122,7 +2117,7 @@ const getNextYearsList = (currentDate) => {
|
|
|
2122
2117
|
return currentDate.add(16, 'year');
|
|
2123
2118
|
};
|
|
2124
2119
|
|
|
2125
|
-
var css$R = {"root":"
|
|
2120
|
+
var css$R = {"root":"IAljru","container":"IyN5sv"};
|
|
2126
2121
|
|
|
2127
2122
|
const uuiHeader = {
|
|
2128
2123
|
container: 'uui-datepicker-header-container',
|
|
@@ -2206,14 +2201,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2206
2201
|
React.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2207
2202
|
}
|
|
2208
2203
|
|
|
2209
|
-
var css$Q = {"uui-typography":"
|
|
2204
|
+
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"};
|
|
2210
2205
|
|
|
2211
2206
|
function applyDateSelectionMods() {
|
|
2212
2207
|
return [css$Q.root, `uui-size-${settings.sizes.defaults.datePicker}`];
|
|
2213
2208
|
}
|
|
2214
2209
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
2215
2210
|
|
|
2216
|
-
var css$P = {"uui-typography":"
|
|
2211
|
+
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-"};
|
|
2217
2212
|
|
|
2218
2213
|
const uuiDatePickerBody = {
|
|
2219
2214
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2344,9 +2339,9 @@ function DatePickerComponent(props, ref) {
|
|
|
2344
2339
|
}
|
|
2345
2340
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
2346
2341
|
|
|
2347
|
-
var css$O = {"uui-typography":"
|
|
2342
|
+
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"};
|
|
2348
2343
|
|
|
2349
|
-
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
|
|
2344
|
+
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
|
|
2350
2345
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
2351
2346
|
useEffect(() => {
|
|
2352
2347
|
setInputValue(toCustomDateRangeFormat(value, format));
|
|
@@ -2376,7 +2371,9 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
2376
2371
|
}
|
|
2377
2372
|
};
|
|
2378
2373
|
const clearAllowed = !disableClear && inputValue.from && inputValue.to;
|
|
2379
|
-
return (
|
|
2374
|
+
return (
|
|
2375
|
+
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
2376
|
+
React__default.createElement("div", { ref: ref, className: cx$1(`uui-size-${size || settings.sizes.defaults.rangeDatePicker}`, 'uui-range-date-picker', classes, css$O.root, isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus), onKeyDown: onKeyDown },
|
|
2380
2377
|
React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$O.dateInput, inFocus === 'from' && 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 }),
|
|
2381
2378
|
React__default.createElement("div", { className: css$O.separator }),
|
|
2382
2379
|
React__default.createElement(TextInput, { cx: cx$1(css$O.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
|
|
@@ -2384,7 +2381,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
2384
2381
|
} : 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 })));
|
|
2385
2382
|
});
|
|
2386
2383
|
|
|
2387
|
-
var css$N = {"uui-typography":"
|
|
2384
|
+
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"};
|
|
2388
2385
|
|
|
2389
2386
|
const uuiPresets = {
|
|
2390
2387
|
container: 'uui-presets-container',
|
|
@@ -2400,7 +2397,7 @@ function CalendarPresets(props) {
|
|
|
2400
2397
|
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: "24" })))));
|
|
2401
2398
|
}
|
|
2402
2399
|
|
|
2403
|
-
var css$M = {"uui-typography":"
|
|
2400
|
+
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"};
|
|
2404
2401
|
|
|
2405
2402
|
const uuiRangeDatePickerBody = {
|
|
2406
2403
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -2575,7 +2572,7 @@ const getDayCX = (day, selectedDate) => {
|
|
|
2575
2572
|
return [cx$1(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiDaySelection.selectedDay)];
|
|
2576
2573
|
};
|
|
2577
2574
|
|
|
2578
|
-
var css$L = {"dropdown-container":"
|
|
2575
|
+
var css$L = {"dropdown-container":"Nyc0MQ","dropdownContainer":"Nyc0MQ"};
|
|
2579
2576
|
|
|
2580
2577
|
const modifiers = [{
|
|
2581
2578
|
name: 'offset',
|
|
@@ -2587,6 +2584,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
2587
2584
|
const context = useUuiContext();
|
|
2588
2585
|
const [isOpen, setIsOpen] = useState(false);
|
|
2589
2586
|
const [inFocus, setInFocus] = useState(null);
|
|
2587
|
+
const targetRef = React__default.useRef(null);
|
|
2590
2588
|
const onValueChange = (newValue) => {
|
|
2591
2589
|
const fromChanged = (value === null || value === void 0 ? void 0 : value.from) !== (newValue === null || newValue === void 0 ? void 0 : newValue.from);
|
|
2592
2590
|
const toChanged = (value === null || value === void 0 ? void 0 : value.to) !== (newValue === null || newValue === void 0 ? void 0 : newValue.to);
|
|
@@ -2602,6 +2600,10 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
2602
2600
|
var _a;
|
|
2603
2601
|
setIsOpen(newIsOpen);
|
|
2604
2602
|
(_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, newIsOpen);
|
|
2603
|
+
if (!inFocus && newIsOpen) {
|
|
2604
|
+
setInFocus('from');
|
|
2605
|
+
targetRef.current.querySelector('.uui-input').focus();
|
|
2606
|
+
}
|
|
2605
2607
|
};
|
|
2606
2608
|
const onBodyValueChange = (newValue) => {
|
|
2607
2609
|
var _a;
|
|
@@ -2617,7 +2619,10 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
2617
2619
|
};
|
|
2618
2620
|
const renderBody = (renderProps) => {
|
|
2619
2621
|
var _a;
|
|
2620
|
-
return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx(css$L.dropdownContainer)
|
|
2622
|
+
return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx(css$L.dropdownContainer), shards: [targetRef], returnFocus: (node) => {
|
|
2623
|
+
console.log('lock', node);
|
|
2624
|
+
return true;
|
|
2625
|
+
} }),
|
|
2621
2626
|
React__default.createElement(FlexRow, null,
|
|
2622
2627
|
React__default.createElement(RangeDatePickerBody, { cx: cx(props.bodyCx), value: {
|
|
2623
2628
|
selectedDate: _value,
|
|
@@ -2627,18 +2632,24 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
2627
2632
|
return (_a = props.renderFooter) === null || _a === void 0 ? void 0 : _a.call(props, value);
|
|
2628
2633
|
}, isHoliday: props.isHoliday, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.body }))));
|
|
2629
2634
|
};
|
|
2635
|
+
const handleEscape = (e) => {
|
|
2636
|
+
if (e.key === 'Escape' && isOpen) {
|
|
2637
|
+
e.preventDefault();
|
|
2638
|
+
onOpenChange(false);
|
|
2639
|
+
}
|
|
2640
|
+
};
|
|
2630
2641
|
return (React__default.createElement(Dropdown$1, { renderTarget: (renderProps) => {
|
|
2631
2642
|
var _a;
|
|
2632
|
-
return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__default.createElement(RangeDatePickerInput, { id: props.id, ref: renderProps.ref, cx: props.inputCx, onClick: renderProps.
|
|
2643
|
+
return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__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) => {
|
|
2633
2644
|
var _a;
|
|
2634
2645
|
(_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e, type);
|
|
2635
2646
|
setInFocus(type);
|
|
2636
|
-
}, onBlurInput: (e, type) => { var _a; (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e, type); !isOpen && setInFocus(null); } }));
|
|
2647
|
+
}, onBlurInput: (e, type) => { var _a; (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e, type); !isOpen && setInFocus(null); }, onKeyDown: handleEscape }));
|
|
2637
2648
|
}, renderBody: (renderProps) => renderBody(renderProps), onValueChange: (v) => onOpenChange(v), value: isOpen, modifiers: modifiers, placement: props.placement, forwardedRef: ref }));
|
|
2638
2649
|
}
|
|
2639
2650
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
2640
2651
|
|
|
2641
|
-
var css$K = {"root":"
|
|
2652
|
+
var css$K = {"root":"L21c7V","blocker":"KP-2yV","marker":"WQtj-M","top":"eExwjT","bottom":"_2s83WC","left":"V1N7hv","right":"_89H2mw","inside":"U8eGFH"};
|
|
2642
2653
|
|
|
2643
2654
|
function DropMarker(props) {
|
|
2644
2655
|
return props.isDndInProgress
|
|
@@ -2653,7 +2664,7 @@ function DropMarker(props) {
|
|
|
2653
2664
|
: null;
|
|
2654
2665
|
}
|
|
2655
2666
|
|
|
2656
|
-
var css$J = {"uui-typography":"
|
|
2667
|
+
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"};
|
|
2657
2668
|
|
|
2658
2669
|
class DataPickerBody extends PickerBodyBase {
|
|
2659
2670
|
constructor() {
|
|
@@ -2701,35 +2712,32 @@ class DataPickerBody extends PickerBodyBase {
|
|
|
2701
2712
|
}
|
|
2702
2713
|
}
|
|
2703
2714
|
|
|
2704
|
-
var css$I = {"footer":"
|
|
2715
|
+
var css$I = {"footer":"_2G3Kpu"};
|
|
2705
2716
|
|
|
2706
2717
|
function DataPickerFooterImpl(props) {
|
|
2707
2718
|
const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
|
|
2708
2719
|
const size = isMobile() ? settings.sizes.pickerInput.body.mobile.footer.linkButton : props.size;
|
|
2709
2720
|
const hasSelection = view.getSelectedRowsCount() > 0;
|
|
2710
2721
|
const rowsCount = view.getListProps().rowsCount;
|
|
2711
|
-
const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
|
|
2712
2722
|
const isSinglePicker = selectionMode === 'single';
|
|
2713
2723
|
const clearAllText = i18n.pickerInput.clearSelectionButton;
|
|
2714
2724
|
const clearSingleText = i18n.pickerInput.clearSelectionButtonSingle;
|
|
2715
2725
|
const selectAllText = i18n.pickerInput.selectAllButton;
|
|
2716
|
-
|
|
2717
|
-
const
|
|
2718
|
-
const
|
|
2726
|
+
const isSearching = search === null || search === void 0 ? void 0 : search.length;
|
|
2727
|
+
const hideFooter = isSearchTooShort || rowsCount === 0 || isSearching || (isSinglePicker && props.disableClear);
|
|
2728
|
+
const showClear = !props.disableClear && (isSinglePicker ? true : (!view.selectAll || hasSelection));
|
|
2719
2729
|
return !hideFooter && (React__default.createElement(FlexRow, { cx: css$I.footer },
|
|
2720
2730
|
!isSinglePicker && (React__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 })),
|
|
2721
2731
|
React__default.createElement(FlexSpacer, null),
|
|
2722
2732
|
React__default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
|
|
2723
|
-
view.selectAll && (React__default.createElement(LinkButton, {
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
|
|
2727
|
-
'aria-label': isSinglePicker ? clearSingleText : clearAllText,
|
|
2728
|
-
} })))));
|
|
2733
|
+
view.selectAll && !hasSelection && (React__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.
|
|
2734
|
+
, size: size, caption: selectAllText, onClick: () => view.selectAll.onValueChange(true) })),
|
|
2735
|
+
showClear && (React__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.
|
|
2736
|
+
, size: size, caption: isSinglePicker ? clearSingleText : clearAllText, onClick: clearSelection, isDisabled: !hasSelection })))));
|
|
2729
2737
|
}
|
|
2730
2738
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
2731
2739
|
|
|
2732
|
-
var css$H = {"header":"
|
|
2740
|
+
var css$H = {"header":"_9wbI8A","title":"KlZEBA","close":"ImbVEq"};
|
|
2733
2741
|
|
|
2734
2742
|
const DataPickerHeaderImpl = (props) => {
|
|
2735
2743
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -2754,7 +2762,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
|
2754
2762
|
};
|
|
2755
2763
|
var ForwardRef$s = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
|
|
2756
2764
|
|
|
2757
|
-
var css$G = {"uui-typography":"
|
|
2765
|
+
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"};
|
|
2758
2766
|
|
|
2759
2767
|
function DataPickerCell(props) {
|
|
2760
2768
|
const ref = React.useRef();
|
|
@@ -2791,7 +2799,7 @@ function DataPickerCell(props) {
|
|
|
2791
2799
|
getWrappedContent()));
|
|
2792
2800
|
}
|
|
2793
2801
|
|
|
2794
|
-
var css$F = {"uui-typography":"
|
|
2802
|
+
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"};
|
|
2795
2803
|
|
|
2796
2804
|
class DataPickerRow extends React.Component {
|
|
2797
2805
|
constructor() {
|
|
@@ -2805,7 +2813,7 @@ class DataPickerRow extends React.Component {
|
|
|
2805
2813
|
}
|
|
2806
2814
|
}
|
|
2807
2815
|
|
|
2808
|
-
var css$E = {"uui-typography":"
|
|
2816
|
+
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-"};
|
|
2809
2817
|
|
|
2810
2818
|
const PickerBodyMobileView = (props) => {
|
|
2811
2819
|
const isMobileView = isMobile();
|
|
@@ -2839,7 +2847,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
2839
2847
|
};
|
|
2840
2848
|
var ForwardRef$r = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
2841
2849
|
|
|
2842
|
-
var css$D = {"uui-typography":"
|
|
2850
|
+
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"};
|
|
2843
2851
|
|
|
2844
2852
|
const mergeHighlightRanges = (ranges) => {
|
|
2845
2853
|
const mergedRanges = [];
|
|
@@ -2906,7 +2914,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
2906
2914
|
return getDecoratedText(str, ranges);
|
|
2907
2915
|
};
|
|
2908
2916
|
|
|
2909
|
-
var css$C = {"root":"
|
|
2917
|
+
var css$C = {"root":"YEZuRh","column-gap":"cNnZnS","multiline":"_8QxxkA","text":"_2oiB67","columnGap":"cNnZnS"};
|
|
2910
2918
|
|
|
2911
2919
|
function PickerItem(props) {
|
|
2912
2920
|
var _a;
|
|
@@ -2981,7 +2989,7 @@ function PickerModal(props) {
|
|
|
2981
2989
|
React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
2982
2990
|
}
|
|
2983
2991
|
|
|
2984
|
-
var css$B = {"tooltip":"
|
|
2992
|
+
var css$B = {"tooltip":"nVdkTK"};
|
|
2985
2993
|
|
|
2986
2994
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
2987
2995
|
var _a;
|
|
@@ -2996,7 +3004,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
2996
3004
|
}
|
|
2997
3005
|
});
|
|
2998
3006
|
|
|
2999
|
-
var css$A = {"uui-typography":"
|
|
3007
|
+
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"};
|
|
3000
3008
|
|
|
3001
3009
|
const defaultMode = EditMode.FORM;
|
|
3002
3010
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3093,7 +3101,7 @@ function PickerInputComponent(_a, ref) {
|
|
|
3093
3101
|
}
|
|
3094
3102
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
3095
3103
|
|
|
3096
|
-
var css$z = {"row":"
|
|
3104
|
+
var css$z = {"row":"VulYHD"};
|
|
3097
3105
|
|
|
3098
3106
|
function PickerListItem(props) {
|
|
3099
3107
|
var _a;
|
|
@@ -3114,7 +3122,7 @@ function PickerListItem(props) {
|
|
|
3114
3122
|
return (React__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));
|
|
3115
3123
|
}
|
|
3116
3124
|
|
|
3117
|
-
var css$y = {"root":"
|
|
3125
|
+
var css$y = {"root":"_2NCRfB"};
|
|
3118
3126
|
|
|
3119
3127
|
function PickerList(props) {
|
|
3120
3128
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -3149,7 +3157,7 @@ function PickerList(props) {
|
|
|
3149
3157
|
}, selectedRows)));
|
|
3150
3158
|
}
|
|
3151
3159
|
|
|
3152
|
-
var css$x = {"uui-typography":"
|
|
3160
|
+
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"};
|
|
3153
3161
|
|
|
3154
3162
|
function DataTableCell(initialProps) {
|
|
3155
3163
|
const props = Object.assign({}, initialProps);
|
|
@@ -3198,7 +3206,7 @@ function DataTableCell(initialProps) {
|
|
|
3198
3206
|
return React.createElement(DataTableCell$1, Object.assign({}, props));
|
|
3199
3207
|
}
|
|
3200
3208
|
|
|
3201
|
-
var css$w = {"uui-typography":"
|
|
3209
|
+
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"};
|
|
3202
3210
|
|
|
3203
3211
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3204
3212
|
// 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.
|
|
@@ -3214,7 +3222,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
3214
3222
|
];
|
|
3215
3223
|
}, () => propsMods);
|
|
3216
3224
|
|
|
3217
|
-
var css$v = {"uui-typography":"
|
|
3225
|
+
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"};
|
|
3218
3226
|
|
|
3219
3227
|
var _path$q;
|
|
3220
3228
|
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); }
|
|
@@ -3344,7 +3352,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
3344
3352
|
};
|
|
3345
3353
|
var ForwardRef$k = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
|
|
3346
3354
|
|
|
3347
|
-
var css$u = {"uui-typography":"
|
|
3355
|
+
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"};
|
|
3348
3356
|
|
|
3349
3357
|
class DataTableHeaderCell extends React.Component {
|
|
3350
3358
|
constructor() {
|
|
@@ -3450,7 +3458,7 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
3450
3458
|
};
|
|
3451
3459
|
var ForwardRef$j = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
|
|
3452
3460
|
|
|
3453
|
-
var css$t = {"uui-typography":"
|
|
3461
|
+
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"};
|
|
3454
3462
|
|
|
3455
3463
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
3456
3464
|
renderCell: (props) => (React.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap }))),
|
|
@@ -3462,7 +3470,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
3462
3470
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
3463
3471
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
3464
3472
|
|
|
3465
|
-
var css$s = {"uui-typography":"
|
|
3473
|
+
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"};
|
|
3466
3474
|
|
|
3467
3475
|
const defaultSize = '36';
|
|
3468
3476
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -3640,7 +3648,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
3640
3648
|
React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
3641
3649
|
}
|
|
3642
3650
|
|
|
3643
|
-
var css$r = {"container":"
|
|
3651
|
+
var css$r = {"container":"gmj0Yf"};
|
|
3644
3652
|
|
|
3645
3653
|
function FilterNumericBody(props) {
|
|
3646
3654
|
var _a, _b;
|
|
@@ -3738,7 +3746,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
|
3738
3746
|
};
|
|
3739
3747
|
var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
|
|
3740
3748
|
|
|
3741
|
-
var css$q = {"uui-typography":"
|
|
3749
|
+
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"};
|
|
3742
3750
|
|
|
3743
3751
|
function useView(props, value) {
|
|
3744
3752
|
const forceUpdate = useForceUpdate();
|
|
@@ -4059,7 +4067,7 @@ function FiltersToolbarImpl(props) {
|
|
|
4059
4067
|
}
|
|
4060
4068
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
4061
4069
|
|
|
4062
|
-
var css$p = {"divider":"
|
|
4070
|
+
var css$p = {"divider":"zkqZ0y","dropdownDeleteIcon":"u2GvYI","presetsWrapper":"_7XjHBI","addPresetContainer":"bpQ-R5","dropContainer":"oBOsSi"};
|
|
4063
4071
|
|
|
4064
4072
|
var _path$g;
|
|
4065
4073
|
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); }
|
|
@@ -4172,7 +4180,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
|
|
|
4172
4180
|
};
|
|
4173
4181
|
var ForwardRef$a = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
|
|
4174
4182
|
|
|
4175
|
-
var css$o = {"delete-button":"
|
|
4183
|
+
var css$o = {"delete-button":"qwlObz","tab-button":"yk-fsP","targetOpen":"sQXJUA","deleteButton":"qwlObz","tabButton":"yk-fsP"};
|
|
4176
4184
|
|
|
4177
4185
|
function PresetActionsDropdown(props) {
|
|
4178
4186
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -4230,7 +4238,7 @@ function PresetActionsDropdown(props) {
|
|
|
4230
4238
|
return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
4231
4239
|
}
|
|
4232
4240
|
|
|
4233
|
-
var css$n = {"preset-input-cell":"
|
|
4241
|
+
var css$n = {"preset-input-cell":"fRdYNe","preset-input":"byNTES","presetInputCell":"fRdYNe","presetInput":"byNTES"};
|
|
4234
4242
|
|
|
4235
4243
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
4236
4244
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -4263,7 +4271,7 @@ function PresetInput(props) {
|
|
|
4263
4271
|
React__default.createElement(TextInput, { cx: css$n.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
4264
4272
|
}
|
|
4265
4273
|
|
|
4266
|
-
var css$m = {"preset":"
|
|
4274
|
+
var css$m = {"preset":"QdhxGQ","activePreset":"rtlrDP"};
|
|
4267
4275
|
|
|
4268
4276
|
function Preset(props) {
|
|
4269
4277
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -4437,7 +4445,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
4437
4445
|
};
|
|
4438
4446
|
var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
|
|
4439
4447
|
|
|
4440
|
-
var css$l = {"unpin-icon":"
|
|
4448
|
+
var css$l = {"unpin-icon":"LeBmvo","pin-toggler-icon":"FT7coh","unpinIcon":"LeBmvo","pinTogglerIcon":"FT7coh"};
|
|
4441
4449
|
|
|
4442
4450
|
function PinIconButton(props) {
|
|
4443
4451
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4496,7 +4504,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
|
4496
4504
|
};
|
|
4497
4505
|
var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
|
|
4498
4506
|
|
|
4499
|
-
var css$k = {"uui-typography":"
|
|
4507
|
+
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"};
|
|
4500
4508
|
|
|
4501
4509
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4502
4510
|
const { column } = props;
|
|
@@ -4506,10 +4514,10 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
|
4506
4514
|
const isPinned = !!pinPosition;
|
|
4507
4515
|
const data = { column, columnConfig };
|
|
4508
4516
|
const renderContent = (dndActorParams) => {
|
|
4509
|
-
const wrapperClasses = cx$1(css$k.rowWrapper, !isPinned && css$k.notPinned, dndActorParams.isDragGhost && uuiDndState.dragGhost);
|
|
4517
|
+
const wrapperClasses = cx$1(css$k.rowWrapper, !isPinned && css$k.notPinned, dndActorParams.isDragGhost && uuiDndState.dragGhost, 'uui-dt-columns-config-row');
|
|
4510
4518
|
const _a = dndActorParams.eventHandlers, { onTouchStart, onPointerDown } = _a, restEventHandlers = __rest(_a, ["onTouchStart", "onPointerDown"]);
|
|
4511
4519
|
const dndActorPropsWithoutRef = __rest(dndActorParams, ["ref"]);
|
|
4512
|
-
return (React.createElement(FlexRow, { size:
|
|
4520
|
+
return (React.createElement(FlexRow, { size: settings.sizes.dataTable.columnsConfigurationModal.columnRow, cx: wrapperClasses, ref: dndActorParams.ref, rawProps: Object.assign({}, restEventHandlers), alignItems: "top" },
|
|
4513
4521
|
React.createElement(DragHandle, { dragHandleIcon: ForwardRef$5, rawProps: { onTouchStart, onPointerDown }, isDisabled: !isDndAllowed, cx: cx$1(css$k.dragHandle, !isDndAllowed && css$k.dndDisabled) }),
|
|
4514
4522
|
React.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 }),
|
|
4515
4523
|
React.createElement(FlexRow, { size: null, cx: css$k.pinIconButton },
|
|
@@ -4519,7 +4527,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
|
4519
4527
|
return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4520
4528
|
});
|
|
4521
4529
|
|
|
4522
|
-
var css$j = {"uui-typography":"
|
|
4530
|
+
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"};
|
|
4523
4531
|
|
|
4524
4532
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
|
|
4525
4533
|
React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
|
|
@@ -4608,7 +4616,7 @@ function SubGroup(props) {
|
|
|
4608
4616
|
return null;
|
|
4609
4617
|
}
|
|
4610
4618
|
|
|
4611
|
-
var css$i = {"listContainer":"
|
|
4619
|
+
var css$i = {"listContainer":"umKqKp","header":"kAdSRd","group":"SHeWFv","stickyHeader":"yhAD0g"};
|
|
4612
4620
|
|
|
4613
4621
|
const getChildrenAndRest = (row, rows) => {
|
|
4614
4622
|
const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
|
|
@@ -4674,7 +4682,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4674
4682
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4675
4683
|
ref: ref
|
|
4676
4684
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
4677
|
-
clipPath: "url(#
|
|
4685
|
+
clipPath: "url(#ou2qs19opnxnxl0sl_a)"
|
|
4678
4686
|
}, _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
|
|
4679
4687
|
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",
|
|
4680
4688
|
fill: "#F5F6FA"
|
|
@@ -4695,7 +4703,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4695
4703
|
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",
|
|
4696
4704
|
fill: "#1D1E26"
|
|
4697
4705
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
4698
|
-
id: "
|
|
4706
|
+
id: "ou2qs1pu2bgka66ga_b",
|
|
4699
4707
|
style: {
|
|
4700
4708
|
maskType: "alpha"
|
|
4701
4709
|
},
|
|
@@ -4708,7 +4716,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4708
4716
|
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",
|
|
4709
4717
|
fill: "#9BDEFF"
|
|
4710
4718
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
4711
|
-
mask: "url(#
|
|
4719
|
+
mask: "url(#ou2qs1pu2bgka66ga_b)",
|
|
4712
4720
|
fillRule: "evenodd",
|
|
4713
4721
|
clipRule: "evenodd"
|
|
4714
4722
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -4794,7 +4802,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4794
4802
|
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",
|
|
4795
4803
|
fill: "#fff"
|
|
4796
4804
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
4797
|
-
id: "
|
|
4805
|
+
id: "ou2qs19opnxnxl0sl_a"
|
|
4798
4806
|
}, /*#__PURE__*/React.createElement("path", {
|
|
4799
4807
|
fill: "#fff",
|
|
4800
4808
|
transform: "translate(.552)",
|
|
@@ -4803,7 +4811,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4803
4811
|
};
|
|
4804
4812
|
var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
|
|
4805
4813
|
|
|
4806
|
-
var css$h = {"root":"
|
|
4814
|
+
var css$h = {"root":"WBpUBV","sticky-header":"iVsBdJ","no-results":"-P-jt8","icon":"QNrowB","title":"_2TPxiU","stickyHeader":"iVsBdJ","noResults":"-P-jt8"};
|
|
4807
4815
|
|
|
4808
4816
|
function DataTable(props) {
|
|
4809
4817
|
var _a, _b, _c, _d;
|
|
@@ -4854,9 +4862,9 @@ function DataTable(props) {
|
|
|
4854
4862
|
} }))));
|
|
4855
4863
|
}
|
|
4856
4864
|
|
|
4857
|
-
var css$g = {"root":"
|
|
4865
|
+
var css$g = {"root":"sezKqf"};
|
|
4858
4866
|
|
|
4859
|
-
var css$f = {"root":"
|
|
4867
|
+
var css$f = {"root":"PzzhEx","burger-content":"NOmNTF","burgerContent":"NOmNTF"};
|
|
4860
4868
|
|
|
4861
4869
|
var _path$3;
|
|
4862
4870
|
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); }
|
|
@@ -4899,7 +4907,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
4899
4907
|
};
|
|
4900
4908
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
4901
4909
|
|
|
4902
|
-
var css$e = {"uui-typography":"
|
|
4910
|
+
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"};
|
|
4903
4911
|
|
|
4904
4912
|
const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
4905
4913
|
css$e.root,
|
|
@@ -4910,13 +4918,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
|
4910
4918
|
props.icon && css$e.hasIcon,
|
|
4911
4919
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
4912
4920
|
|
|
4913
|
-
var css$d = {"search-input":"
|
|
4921
|
+
var css$d = {"search-input":"_0voKDn","searchInput":"_0voKDn"};
|
|
4914
4922
|
|
|
4915
4923
|
function BurgerSearch(props) {
|
|
4916
4924
|
return (React.createElement(TextInput$1, { cx: cx(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 }));
|
|
4917
4925
|
}
|
|
4918
4926
|
|
|
4919
|
-
var css$c = {"root":"
|
|
4927
|
+
var css$c = {"root":"Qn7brF","group-header":"_89bQgA","group-name":"QSvDAU","line":"Y1RpsF","groupHeader":"_89bQgA","groupName":"QSvDAU"};
|
|
4920
4928
|
|
|
4921
4929
|
function BurgerGroupHeader(props) {
|
|
4922
4930
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -4924,7 +4932,7 @@ function BurgerGroupHeader(props) {
|
|
|
4924
4932
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
4925
4933
|
}
|
|
4926
4934
|
|
|
4927
|
-
var css$b = {"uui-typography":"
|
|
4935
|
+
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"};
|
|
4928
4936
|
|
|
4929
4937
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4930
4938
|
const { type } = props, clickableProps = __rest(props, ["type"]);
|
|
@@ -4940,7 +4948,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
4940
4948
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
4941
4949
|
});
|
|
4942
4950
|
|
|
4943
|
-
var css$a = {"dropdown-body":"
|
|
4951
|
+
var css$a = {"dropdown-body":"gU1FtK","dropdownBody":"gU1FtK"};
|
|
4944
4952
|
|
|
4945
4953
|
class MainMenuDropdown extends React.Component {
|
|
4946
4954
|
render() {
|
|
@@ -4995,12 +5003,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
4995
5003
|
};
|
|
4996
5004
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
4997
5005
|
|
|
4998
|
-
var css$9 = {"global-menu-btn":"
|
|
5006
|
+
var css$9 = {"global-menu-btn":"S29S3s","global-menu-icon":"r7y-nt","globalMenuBtn":"S29S3s","globalMenuIcon":"r7y-nt"};
|
|
4999
5007
|
|
|
5000
5008
|
const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
5001
5009
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5002
5010
|
|
|
5003
|
-
var css$8 = {"container":"
|
|
5011
|
+
var css$8 = {"container":"_7SeaOF","open":"yDGc6Y","folding-arrow":"_73cmtC","foldingArrow":"_73cmtC"};
|
|
5004
5012
|
|
|
5005
5013
|
const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
5006
5014
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5008,18 +5016,18 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
5008
5016
|
props.isDropdown && (React.createElement("div", null,
|
|
5009
5017
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5010
5018
|
|
|
5011
|
-
var css$7 = {"search-input":"
|
|
5019
|
+
var css$7 = {"search-input":"A6Urm0","searchInput":"A6Urm0"};
|
|
5012
5020
|
|
|
5013
5021
|
const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
5014
5022
|
var _a;
|
|
5015
5023
|
return (React.createElement(TextInput$1, 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: cx$1(css$7.searchInput, props.cx) }, props.rawProps)));
|
|
5016
5024
|
} }))));
|
|
5017
5025
|
|
|
5018
|
-
var css$6 = {"container":"
|
|
5026
|
+
var css$6 = {"container":"FS952X"};
|
|
5019
5027
|
|
|
5020
5028
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container) }, props))));
|
|
5021
5029
|
|
|
5022
|
-
var css$5 = {"root":"
|
|
5030
|
+
var css$5 = {"root":"Pz0L5-"};
|
|
5023
5031
|
|
|
5024
5032
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
5025
5033
|
|
|
@@ -5077,7 +5085,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5077
5085
|
};
|
|
5078
5086
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
5079
5087
|
|
|
5080
|
-
var css$4 = {"root":"
|
|
5088
|
+
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"};
|
|
5081
5089
|
|
|
5082
5090
|
function DropSpot(props) {
|
|
5083
5091
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5095,9 +5103,9 @@ function DropSpot(props) {
|
|
|
5095
5103
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5096
5104
|
}
|
|
5097
5105
|
|
|
5098
|
-
var css$3 = {"uui-typography":"
|
|
5106
|
+
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-"};
|
|
5099
5107
|
|
|
5100
|
-
var css$2 = {"root":"
|
|
5108
|
+
var css$2 = {"root":"VxVpVw"};
|
|
5101
5109
|
|
|
5102
5110
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
5103
5111
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5222,7 +5230,7 @@ const getErrorPageConfig = () => ({
|
|
|
5222
5230
|
},
|
|
5223
5231
|
});
|
|
5224
5232
|
|
|
5225
|
-
var css$1 = {"container":"
|
|
5233
|
+
var css$1 = {"container":"Yiv1It"};
|
|
5226
5234
|
|
|
5227
5235
|
const ErrorPage = (props) => {
|
|
5228
5236
|
const isMobileScreen = isMobile();
|
|
@@ -5233,7 +5241,7 @@ const ErrorPage = (props) => {
|
|
|
5233
5241
|
React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
|
|
5234
5242
|
};
|
|
5235
5243
|
|
|
5236
|
-
var css = {"recovery-spinner":"
|
|
5244
|
+
var css = {"recovery-spinner":"_5RC1Dz","recovery-message":"MlbicU","modal-blocker":"CuuJQg","modalFadeIn":"ffjBd2","recoverySpinner":"_5RC1Dz","recoveryMessage":"MlbicU","modalBlocker":"CuuJQg"};
|
|
5237
5245
|
|
|
5238
5246
|
function ErrorHandler(props) {
|
|
5239
5247
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|