@epam/uui 5.0.0-alpha.1 → 5.0.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/index.scss +1 -1
- package/assets/styles/typography-mixins.scss +1 -1
- package/components/buttons/LinkButton.d.ts.map +1 -1
- package/components/filters/FilterRangeDatePickerBody.d.ts.map +1 -1
- package/components/filters/FiltersPanelItem.d.ts.map +1 -1
- package/components/filters/PresetPanel/PresetInput.d.ts.map +1 -1
- package/components/filters/PresetPanel/PresetsPanel.d.ts.map +1 -1
- package/components/inputs/TextInput.d.ts.map +1 -1
- package/components/layout/ScrollBars.d.ts +1 -1
- package/components/layout/ScrollBars.d.ts.map +1 -1
- package/components/overlays/DropdownMenu.d.ts.map +1 -1
- package/components/overlays/Modals.d.ts +4 -3
- package/components/overlays/Modals.d.ts.map +1 -1
- package/components/overlays/NotificationCard.d.ts.map +1 -1
- package/components/pickers/PickerList.d.ts.map +1 -1
- package/components/tables/DataTableCell.d.ts.map +1 -1
- package/components/typography/Text.d.ts +1 -1
- package/components/typography/Text.d.ts.map +1 -1
- package/index.esm.js +113 -97
- package/index.esm.js.map +1 -1
- package/index.js +113 -97
- package/index.js.map +1 -1
- package/package.json +6 -8
- package/stats.html +1 -1
- package/styles.css +2639 -7512
- package/styles.css.map +1 -1
- package/assets/styles/text-layout.scss +0 -81
- package/assets/styles/typography.scss +0 -39
- package/assets/styles/variables/widgets/badge.scss +0 -51
package/index.esm.js
CHANGED
|
@@ -400,7 +400,7 @@ const systemIcons = {
|
|
|
400
400
|
},
|
|
401
401
|
};
|
|
402
402
|
|
|
403
|
-
var buttonCss = {"
|
|
403
|
+
var buttonCss = {"root":"Button-module_root__4Qa5o","mode-solid":"Button-module_mode-solid__bzLPQ","mode-outline":"Button-module_mode-outline__QArEu","mode-none":"Button-module_mode-none__McQO-","mode-ghost":"Button-module_mode-ghost__Giwma","size-18":"Button-module_size-18__2FQcO","size-24":"Button-module_size-24__bHlC2","size-30":"Button-module_size-30__FmOt4","size-36":"Button-module_size-36__eBT-M","size-42":"Button-module_size-42__KHTm0","size-48":"Button-module_size-48__zeJhh","modeSolid":"Button-module_mode-solid__bzLPQ","modeOutline":"Button-module_mode-outline__QArEu","modeNone":"Button-module_mode-none__McQO-","modeGhost":"Button-module_mode-ghost__Giwma","size18":"Button-module_size-18__2FQcO","size24":"Button-module_size-24__bHlC2","size30":"Button-module_size-30__FmOt4","size36":"Button-module_size-36__eBT-M","size42":"Button-module_size-42__KHTm0","size48":"Button-module_size-48__zeJhh"};
|
|
404
404
|
|
|
405
405
|
const allButtonColors = [
|
|
406
406
|
'accent', 'primary', 'secondary', 'negative',
|
|
@@ -419,7 +419,7 @@ const Button = withMods(Button$1, applyButtonMods, (props) => ({
|
|
|
419
419
|
clearIcon: systemIcons[props.size || defaultSize$a].clear,
|
|
420
420
|
}));
|
|
421
421
|
|
|
422
|
-
var css$13 = {"root":"
|
|
422
|
+
var css$13 = {"root":"IconButton-module_root__M67sa"};
|
|
423
423
|
|
|
424
424
|
const allIconColors = [
|
|
425
425
|
'info', 'success', 'warning', 'error', 'secondary', 'default',
|
|
@@ -429,7 +429,7 @@ function applyIconButtonMods(mods) {
|
|
|
429
429
|
}
|
|
430
430
|
const IconButton = withMods(IconButton$1, applyIconButtonMods);
|
|
431
431
|
|
|
432
|
-
var css$12 = {"root":"
|
|
432
|
+
var css$12 = {"root":"LinkButton-module_root__HlbHi","size-18":"LinkButton-module_size-18__LxiaK","size-24":"LinkButton-module_size-24__xcElR","size-30":"LinkButton-module_size-30__rZ9BD","size-36":"LinkButton-module_size-36__WD3lo","size-42":"LinkButton-module_size-42__iMihL","size-48":"LinkButton-module_size-48__8OfbW","size18":"LinkButton-module_size-18__LxiaK","size24":"LinkButton-module_size-24__xcElR","size30":"LinkButton-module_size-30__rZ9BD","size36":"LinkButton-module_size-36__WD3lo","size42":"LinkButton-module_size-42__iMihL","size48":"LinkButton-module_size-48__8OfbW"};
|
|
433
433
|
|
|
434
434
|
function getIconClass(props) {
|
|
435
435
|
const classList = {
|
|
@@ -451,7 +451,9 @@ function getIconClass(props) {
|
|
|
451
451
|
const defaultSize$9 = '36';
|
|
452
452
|
function applyLinkButtonMods(mods) {
|
|
453
453
|
return [
|
|
454
|
-
css$12.root,
|
|
454
|
+
css$12.root,
|
|
455
|
+
css$12['size-' + (mods.size || defaultSize$9)],
|
|
456
|
+
...getIconClass(mods),
|
|
455
457
|
];
|
|
456
458
|
}
|
|
457
459
|
const LinkButton = withMods(Button$1, applyLinkButtonMods, (props) => ({
|
|
@@ -459,16 +461,16 @@ const LinkButton = withMods(Button$1, applyLinkButtonMods, (props) => ({
|
|
|
459
461
|
clearIcon: systemIcons[props.size || defaultSize$9].clear,
|
|
460
462
|
}));
|
|
461
463
|
|
|
462
|
-
var css$11 = {"
|
|
464
|
+
var css$11 = {"root":"TabButton-module_root__8Z4AH","uui-notification":"TabButton-module_uui-notification__M4BZU","size-36":"TabButton-module_size-36__RA4lK","size-48":"TabButton-module_size-48__tiKgN","size-60":"TabButton-module_size-60__IcM0r","uuiNotification":"TabButton-module_uui-notification__M4BZU","size36":"TabButton-module_size-36__RA4lK","size48":"TabButton-module_size-48__tiKgN","size60":"TabButton-module_size-60__IcM0r"};
|
|
463
465
|
|
|
464
466
|
function applyTabButtonMods(mods) {
|
|
465
467
|
return [
|
|
466
|
-
css$11.root, 'informer-
|
|
468
|
+
css$11.root, 'informer-default', css$11['size-' + (mods.size || '48')], mods.withNotify && css$11.uuiNotification, ...getIconClass(mods),
|
|
467
469
|
];
|
|
468
470
|
}
|
|
469
471
|
const TabButton = withMods(Button$1, applyTabButtonMods, (props) => (Object.assign(Object.assign({ dropdownIcon: systemIcons['36'].foldingArrow, clearIcon: systemIcons['36'].clear, countPosition: 'right' }, props), { rawProps: Object.assign({ role: 'tab' }, props.rawProps) })));
|
|
470
472
|
|
|
471
|
-
var css$10 = {"
|
|
473
|
+
var css$10 = {"root":"VerticalTabButton-module_root__vL7Lg"};
|
|
472
474
|
|
|
473
475
|
function applyVerticalTabButtonMods() {
|
|
474
476
|
return [css$10.root];
|
|
@@ -571,7 +573,7 @@ var SvgPartlySelect18 = function SvgPartlySelect18(props, ref) {
|
|
|
571
573
|
};
|
|
572
574
|
var ForwardRef$J = /*#__PURE__*/forwardRef(SvgPartlySelect18);
|
|
573
575
|
|
|
574
|
-
var css$$ = {"
|
|
576
|
+
var css$$ = {"root":"Checkbox-module_root__EazHx","size-18":"Checkbox-module_size-18__IUFwO","size-12":"Checkbox-module_size-12__xKb3K","mode-cell":"Checkbox-module_mode-cell__O3Zfg","size18":"Checkbox-module_size-18__IUFwO","size12":"Checkbox-module_size-12__xKb3K","modeCell":"Checkbox-module_mode-cell__O3Zfg"};
|
|
575
577
|
|
|
576
578
|
function applyCheckboxMods(mods) {
|
|
577
579
|
return [
|
|
@@ -584,7 +586,7 @@ const applyUUICheckboxProps = (props) => ({
|
|
|
584
586
|
});
|
|
585
587
|
const Checkbox = withMods(Checkbox$1, applyCheckboxMods, applyUUICheckboxProps);
|
|
586
588
|
|
|
587
|
-
var css$_ = {"
|
|
589
|
+
var css$_ = {"root":"RadioInput-module_root__bRFVI","size-18":"RadioInput-module_size-18__UYM5r","size-12":"RadioInput-module_size-12__oYoyV","size18":"RadioInput-module_size-18__UYM5r","size12":"RadioInput-module_size-12__oYoyV"};
|
|
588
590
|
|
|
589
591
|
var _circle;
|
|
590
592
|
function _extends$I() { _extends$I = 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$I.apply(this, arguments); }
|
|
@@ -608,7 +610,7 @@ function applyRadioInputMods(mods) {
|
|
|
608
610
|
}
|
|
609
611
|
const RadioInput = withMods(RadioInput$1, applyRadioInputMods, () => ({ icon: ForwardRef$I }));
|
|
610
612
|
|
|
611
|
-
var css$Z = {"root":"
|
|
613
|
+
var css$Z = {"root":"Switch-module_root__-uM9q","size-12":"Switch-module_size-12__3txg-","size-18":"Switch-module_size-18__RiCkg","size-24":"Switch-module_size-24__XRE9d","size12":"Switch-module_size-12__3txg-","size18":"Switch-module_size-18__RiCkg","size24":"Switch-module_size-24__XRE9d"};
|
|
612
614
|
|
|
613
615
|
function applySwitchMods(mods) {
|
|
614
616
|
return [
|
|
@@ -654,7 +656,7 @@ function __awaiter(thisArg, _arguments, P, generator) {
|
|
|
654
656
|
});
|
|
655
657
|
}
|
|
656
658
|
|
|
657
|
-
var textInputCss = {"
|
|
659
|
+
var textInputCss = {"root":"TextInput-module_root__6QJUJ","mode-form":"TextInput-module_mode-form__91FyF","mode-inline":"TextInput-module_mode-inline__vzefw","mode-cell":"TextInput-module_mode-cell__PBof4","size-24":"TextInput-module_size-24__l0haT","size-30":"TextInput-module_size-30__-wR15","size-36":"TextInput-module_size-36__KTftJ","size-42":"TextInput-module_size-42__0U0O7","size-48":"TextInput-module_size-48__IMJgv","modeForm":"TextInput-module_mode-form__91FyF","modeInline":"TextInput-module_mode-inline__vzefw","modeCell":"TextInput-module_mode-cell__PBof4","size24":"TextInput-module_size-24__l0haT","size30":"TextInput-module_size-30__-wR15","size36":"TextInput-module_size-36__KTftJ","size42":"TextInput-module_size-42__0U0O7","size48":"TextInput-module_size-48__IMJgv"};
|
|
658
660
|
|
|
659
661
|
const defaultSize$8 = '36';
|
|
660
662
|
const defaultMode$4 = EditMode.FORM;
|
|
@@ -674,10 +676,16 @@ const SearchInput = React__default.forwardRef((props, ref) => {
|
|
|
674
676
|
// analytics events are sending in IEditableDebouncer, so we need to avoid sending events in TextInput
|
|
675
677
|
const textInputProps = __rest(props, []);
|
|
676
678
|
delete textInputProps.getValueChangeAnalyticsEvent;
|
|
677
|
-
return (React__default.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => (React__default.createElement(TextInput, Object.assign({ icon: systemIcons[props.size || defaultSize$8].search, onCancel: !!props.value
|
|
679
|
+
return (React__default.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => (React__default.createElement(TextInput, Object.assign({ icon: systemIcons[props.size || defaultSize$8].search, onCancel: !!props.value
|
|
680
|
+
// In a lot of places, it is required to check if a clicked element is a part of some other element.
|
|
681
|
+
// Usually, those are global click event handlers. To allow that logic to work correctly, it is necessary
|
|
682
|
+
// to execute the `disappearing` of the cross (setState execution) after the event will pass through all the handlers.
|
|
683
|
+
// Related issue: https://github.com/epam/UUI/issues/1045.
|
|
684
|
+
? (() => setTimeout(() => iEditable.onValueChange(''), 0))
|
|
685
|
+
: undefined, type: "search", inputMode: "search", ref: ref }, textInputProps, iEditable))) })));
|
|
678
686
|
});
|
|
679
687
|
|
|
680
|
-
var css$Y = {"root":"
|
|
688
|
+
var css$Y = {"root":"Accordion-module_root__ZEuSB","mode-block":"Accordion-module_mode-block__bs5F0","mode-inline":"Accordion-module_mode-inline__xhedZ","padding-0":"Accordion-module_padding-0__DiVjX","padding-6":"Accordion-module_padding-6__Vvfdz","padding-12":"Accordion-module_padding-12__BtS2A","padding-18":"Accordion-module_padding-18__WdS0b","modeBlock":"Accordion-module_mode-block__bs5F0","modeInline":"Accordion-module_mode-inline__xhedZ","padding0":"Accordion-module_padding-0__DiVjX","padding6":"Accordion-module_padding-6__Vvfdz","padding12":"Accordion-module_padding-12__BtS2A","padding18":"Accordion-module_padding-18__WdS0b"};
|
|
681
689
|
|
|
682
690
|
function applyAccordionMods(mods) {
|
|
683
691
|
return [
|
|
@@ -688,11 +696,11 @@ const Accordion = withMods(Accordion$1, applyAccordionMods, (mods) => ({
|
|
|
688
696
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons[mods.mode === 'block' ? '60' : '30'].foldingArrow,
|
|
689
697
|
}));
|
|
690
698
|
|
|
691
|
-
var css$X = {"root":"
|
|
699
|
+
var css$X = {"root":"ControlGroup-module_root__DmQxW"};
|
|
692
700
|
|
|
693
701
|
const ControlGroup = withMods(ControlGroup$1, () => [css$X.root]);
|
|
694
702
|
|
|
695
|
-
var css$W = {"
|
|
703
|
+
var css$W = {"root":"FlexRow-module_root__mHK4u","border-bottom":"FlexRow-module_border-bottom__6xvNn","top-shadow":"FlexRow-module_top-shadow__LW4XM","size-24":"FlexRow-module_size-24__VFGkf","size-30":"FlexRow-module_size-30__ivyen","size-36":"FlexRow-module_size-36__KmXJ6","size-42":"FlexRow-module_size-42__YbRt-","size-48":"FlexRow-module_size-48__g1UXf","padding-6":"FlexRow-module_padding-6__N--3z","padding-12":"FlexRow-module_padding-12__KYt01","padding-18":"FlexRow-module_padding-18__PXf5c","padding-24":"FlexRow-module_padding-24__-T3nu","margin-24":"FlexRow-module_margin-24__lU0ET","margin-12":"FlexRow-module_margin-12__IRWHk","vPadding-12":"FlexRow-module_vPadding-12__Vp8iK","vPadding-18":"FlexRow-module_vPadding-18__CV5Qv","vPadding-24":"FlexRow-module_vPadding-24__6PiHV","vPadding-36":"FlexRow-module_vPadding-36__o0gq8","vPadding-48":"FlexRow-module_vPadding-48__qvhV-","spacing-6":"FlexRow-module_spacing-6__NmXEo","spacing-12":"FlexRow-module_spacing-12__QkuEd","spacing-18":"FlexRow-module_spacing-18__YPHeH","borderBottom":"FlexRow-module_border-bottom__6xvNn","topShadow":"FlexRow-module_top-shadow__LW4XM","size24":"FlexRow-module_size-24__VFGkf","size30":"FlexRow-module_size-30__ivyen","size36":"FlexRow-module_size-36__KmXJ6","size42":"FlexRow-module_size-42__YbRt-","size48":"FlexRow-module_size-48__g1UXf","padding6":"FlexRow-module_padding-6__N--3z","padding12":"FlexRow-module_padding-12__KYt01","padding18":"FlexRow-module_padding-18__PXf5c","padding24":"FlexRow-module_padding-24__-T3nu","margin24":"FlexRow-module_margin-24__lU0ET","margin12":"FlexRow-module_margin-12__IRWHk","vPadding12":"FlexRow-module_vPadding-12__Vp8iK","vPadding18":"FlexRow-module_vPadding-18__CV5Qv","vPadding24":"FlexRow-module_vPadding-24__6PiHV","vPadding36":"FlexRow-module_vPadding-36__o0gq8","vPadding48":"FlexRow-module_vPadding-48__qvhV-","spacing6":"FlexRow-module_spacing-6__NmXEo","spacing12":"FlexRow-module_spacing-12__QkuEd","spacing18":"FlexRow-module_spacing-18__YPHeH"};
|
|
696
704
|
|
|
697
705
|
const FlexCell = withMods(FlexCell$1, (props) => [css$W.flexCell]);
|
|
698
706
|
|
|
@@ -702,7 +710,7 @@ const FlexRow = withMods(FlexRow$1, (props) => {
|
|
|
702
710
|
];
|
|
703
711
|
});
|
|
704
712
|
|
|
705
|
-
var css$V = {"root":"
|
|
713
|
+
var css$V = {"root":"Panel-module_root__D-h8X","margin-24":"Panel-module_margin-24__oQkRN","padding-12":"Panel-module_padding-12__9KnUY","padding-24":"Panel-module_padding-24__YQgfT","shadow":"Panel-module_shadow__4fT6L","margin24":"Panel-module_margin-24__oQkRN","padding12":"Panel-module_padding-12__9KnUY","padding24":"Panel-module_padding-24__YQgfT"};
|
|
706
714
|
|
|
707
715
|
const Panel = withMods(VPanel, (props) => [
|
|
708
716
|
'uui-panel', css$V.root, props.shadow && css$V.shadow, props.margin && css$V['margin-' + props.margin],
|
|
@@ -788,7 +796,7 @@ var SvgNavigationClose24$1 = function SvgNavigationClose24(props, ref) {
|
|
|
788
796
|
};
|
|
789
797
|
var ForwardRef$D = /*#__PURE__*/forwardRef(SvgNavigationClose24$1);
|
|
790
798
|
|
|
791
|
-
var css$U = {"root":"
|
|
799
|
+
var css$U = {"root":"Alert-module_root__vWIgd","icon-wrapper":"Alert-module_icon-wrapper__eCMNq","alert-wrapper":"Alert-module_alert-wrapper__aSltE","action-wrapper":"Alert-module_action-wrapper__fzVI-","action-icon":"Alert-module_action-icon__PUBtv","action-link":"Alert-module_action-link__S0nRl","close-icon":"Alert-module_close-icon__vtbPn","main-path":"Alert-module_main-path__pW0Ya","content":"Alert-module_content__F-yZG","iconWrapper":"Alert-module_icon-wrapper__eCMNq","alertWrapper":"Alert-module_alert-wrapper__aSltE","actionWrapper":"Alert-module_action-wrapper__fzVI-","actionIcon":"Alert-module_action-icon__PUBtv","actionLink":"Alert-module_action-link__S0nRl","closeIcon":"Alert-module_close-icon__vtbPn","mainPath":"Alert-module_main-path__pW0Ya"};
|
|
792
800
|
|
|
793
801
|
const Alert = React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx(css$U.alertWrapper, `alert-${props.color || 'default'}`, css$U.root, props.cx) }, props.rawProps),
|
|
794
802
|
React.createElement("div", { className: css$U.mainPath },
|
|
@@ -809,7 +817,7 @@ class Dropdown extends React.Component {
|
|
|
809
817
|
}
|
|
810
818
|
}
|
|
811
819
|
|
|
812
|
-
var css$T = {"root":"
|
|
820
|
+
var css$T = {"root":"DropdownContainer-module_root__mFFyf"};
|
|
813
821
|
|
|
814
822
|
function applyDropdownContainerMods(mods) {
|
|
815
823
|
return [
|
|
@@ -818,7 +826,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
818
826
|
}
|
|
819
827
|
const DropdownContainer = withMods(DropdownContainer$1, applyDropdownContainerMods);
|
|
820
828
|
|
|
821
|
-
var css$S = {"
|
|
829
|
+
var css$S = {"menuRoot":"DropdownMenu-module_menuRoot__DcQwM","bodyRoot":"DropdownMenu-module_bodyRoot__4rx-A","submenuRootItem":"DropdownMenu-module_submenuRootItem__wZojf","iconAfter":"DropdownMenu-module_iconAfter__w4DLS","iconCheck":"DropdownMenu-module_iconCheck__7xO2Q","splitterRoot":"DropdownMenu-module_splitterRoot__ZLjVG","splitter":"DropdownMenu-module_splitter__5OKDD","headerRoot":"DropdownMenu-module_headerRoot__W4lYd","itemRoot":"DropdownMenu-module_itemRoot__rS7Eo","icon":"DropdownMenu-module_icon__IN6EW","link":"DropdownMenu-module_link__bmFZI"};
|
|
822
830
|
|
|
823
831
|
const icons = systemIcons['36'];
|
|
824
832
|
var IDropdownControlKeys;
|
|
@@ -935,9 +943,9 @@ function DropdownMenuSwitchButton(props) {
|
|
|
935
943
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
936
944
|
}
|
|
937
945
|
|
|
938
|
-
var css$R = {"root":"
|
|
946
|
+
var css$R = {"root":"Text-module_root__9-pr8"};
|
|
939
947
|
|
|
940
|
-
var css$Q = {"line-height-12":"text-
|
|
948
|
+
var css$Q = {"line-height-12":"text-layout-module_line-height-12__QQGU-","line-height-18":"text-layout-module_line-height-18__16R3r","line-height-24":"text-layout-module_line-height-24__vI-6P","line-height-30":"text-layout-module_line-height-30__aou0J","font-size-10":"text-layout-module_font-size-10__OLPOz","font-size-12":"text-layout-module_font-size-12__r4xmU","font-size-14":"text-layout-module_font-size-14__XWFeT","font-size-16":"text-layout-module_font-size-16__nEgRV","font-size-18":"text-layout-module_font-size-18__yDUSx","font-size-24":"text-layout-module_font-size-24__QHPEa","v-padding-2":"text-layout-module_v-padding-2__UBv9q","v-padding-3":"text-layout-module_v-padding-3__ZvxzI","v-padding-5":"text-layout-module_v-padding-5__e8AxV","v-padding-6":"text-layout-module_v-padding-6__ZiW3Z","v-padding-8":"text-layout-module_v-padding-8__F0NW1","v-padding-9":"text-layout-module_v-padding-9__iZBVm","v-padding-11":"text-layout-module_v-padding-11__fJ5I9","v-padding-12":"text-layout-module_v-padding-12__Wbxua","v-padding-14":"text-layout-module_v-padding-14__TARL2","v-padding-15":"text-layout-module_v-padding-15__t4xTz","v-padding-17":"text-layout-module_v-padding-17__mVG58","v-padding-18":"text-layout-module_v-padding-18__b4Zdk","v-padding-23":"text-layout-module_v-padding-23__BqIm6","v-padding-24":"text-layout-module_v-padding-24__LM1Rg","lineHeight12":"text-layout-module_line-height-12__QQGU-","lineHeight18":"text-layout-module_line-height-18__16R3r","lineHeight24":"text-layout-module_line-height-24__vI-6P","lineHeight30":"text-layout-module_line-height-30__aou0J","fontSize10":"text-layout-module_font-size-10__OLPOz","fontSize12":"text-layout-module_font-size-12__r4xmU","fontSize14":"text-layout-module_font-size-14__XWFeT","fontSize16":"text-layout-module_font-size-16__nEgRV","fontSize18":"text-layout-module_font-size-18__yDUSx","fontSize24":"text-layout-module_font-size-24__QHPEa","vPadding2":"text-layout-module_v-padding-2__UBv9q","vPadding3":"text-layout-module_v-padding-3__ZvxzI","vPadding5":"text-layout-module_v-padding-5__e8AxV","vPadding6":"text-layout-module_v-padding-6__ZiW3Z","vPadding8":"text-layout-module_v-padding-8__F0NW1","vPadding9":"text-layout-module_v-padding-9__iZBVm","vPadding11":"text-layout-module_v-padding-11__fJ5I9","vPadding12":"text-layout-module_v-padding-12__Wbxua","vPadding14":"text-layout-module_v-padding-14__TARL2","vPadding15":"text-layout-module_v-padding-15__t4xTz","vPadding17":"text-layout-module_v-padding-17__mVG58","vPadding18":"text-layout-module_v-padding-18__b4Zdk","vPadding23":"text-layout-module_v-padding-23__BqIm6","vPadding24":"text-layout-module_v-padding-24__LM1Rg"};
|
|
941
949
|
|
|
942
950
|
const defaultTextSettings = {
|
|
943
951
|
18: { lineHeight: 12, fontSize: 10 },
|
|
@@ -970,12 +978,14 @@ function applyTextMods(mods) {
|
|
|
970
978
|
fontSize: mods.fontSize,
|
|
971
979
|
}, false);
|
|
972
980
|
return [
|
|
973
|
-
`uui-font-${mods.font || 'regular'}`,
|
|
981
|
+
`uui-font-${mods.font || 'regular'}`,
|
|
982
|
+
`uui-text-${mods.color || 'primary'}`,
|
|
983
|
+
css$R.root,
|
|
974
984
|
].concat(textClasses);
|
|
975
985
|
}
|
|
976
986
|
const Text = withMods(Text$1, applyTextMods);
|
|
977
987
|
|
|
978
|
-
var css$P = {"container":"
|
|
988
|
+
var css$P = {"container":"TextPlaceholder-module_container__QQMhe","loading-word":"TextPlaceholder-module_loading-word__Yg5pq","animated-loading":"TextPlaceholder-module_animated-loading__3LZwE","skeleton_loading":"TextPlaceholder-module_skeleton_loading__jXXBE","loadingWord":"TextPlaceholder-module_loading-word__Yg5pq","animatedLoading":"TextPlaceholder-module_animated-loading__3LZwE","skeletonLoading":"TextPlaceholder-module_skeleton_loading__jXXBE"};
|
|
979
989
|
|
|
980
990
|
const TextPlaceholder = (props) => {
|
|
981
991
|
const pattern = ' ';
|
|
@@ -992,20 +1002,15 @@ const TextPlaceholder = (props) => {
|
|
|
992
1002
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
993
1003
|
};
|
|
994
1004
|
|
|
995
|
-
var style = {"typography-header":"
|
|
1005
|
+
var style = {"typography-header":"RichTextView-module_typography-header__nedzE","typography-block":"RichTextView-module_typography-block__xgKmP","typography-inline":"RichTextView-module_typography-inline__tHxod","typography-16":"RichTextView-module_typography-16__DrhKc","typography-14":"RichTextView-module_typography-14__1oY8c","typography-12":"RichTextView-module_typography-12__4jZjv","typography-promo":"RichTextView-module_typography-promo__fga1O RichTextView-module_typography-header__nedzE RichTextView-module_typography-block__xgKmP RichTextView-module_typography-inline__tHxod","typographyHeader":"RichTextView-module_typography-header__nedzE","typographyBlock":"RichTextView-module_typography-block__xgKmP","typographyInline":"RichTextView-module_typography-inline__tHxod","typography16":"RichTextView-module_typography-16__DrhKc","typography14":"RichTextView-module_typography-14__1oY8c","typography12":"RichTextView-module_typography-12__4jZjv","typographyPromo":"RichTextView-module_typography-promo__fga1O RichTextView-module_typography-header__nedzE RichTextView-module_typography-block__xgKmP RichTextView-module_typography-inline__tHxod"};
|
|
996
1006
|
|
|
997
1007
|
const RichTextView = withMods(RichTextView$1, (mods) => [style.typographyPromo, style['typography-' + (mods.size || '14')]]);
|
|
998
1008
|
|
|
999
|
-
var css$O = {"
|
|
1009
|
+
var css$O = {"modal-blocker":"Modals-module_modal-blocker__Lwee9","animateModalBlocker":"Modals-module_animateModalBlocker__CY-CF","modal":"Modals-module_modal__JUe8A","modal-footer":"Modals-module_modal-footer__SsHtf","border-top":"Modals-module_border-top__1yL5h","modal-header":"Modals-module_modal-header__FNwre","modalBlocker":"Modals-module_modal-blocker__Lwee9","modalFooter":"Modals-module_modal-footer__SsHtf","borderTop":"Modals-module_border-top__1yL5h","modalHeader":"Modals-module_modal-header__FNwre"};
|
|
1000
1010
|
|
|
1001
1011
|
const ModalBlocker = withMods(ModalBlocker$1, () => [css$O.modalBlocker]);
|
|
1002
1012
|
const ModalWindow = withMods(ModalWindow$1, () => [css$O.modal], (props) => ({
|
|
1003
|
-
|
|
1004
|
-
style: {
|
|
1005
|
-
width: `${props.width || 480}px`,
|
|
1006
|
-
height: props.height ? `${props.height}px` : 'auto',
|
|
1007
|
-
},
|
|
1008
|
-
},
|
|
1013
|
+
style: Object.assign(Object.assign({}, props.style), { width: `${props.width || 420}px`, height: props.height ? `${props.height}px` : 'auto' }),
|
|
1009
1014
|
}));
|
|
1010
1015
|
class ModalHeader extends React.Component {
|
|
1011
1016
|
render() {
|
|
@@ -1124,7 +1129,7 @@ var SvgCross = function SvgCross(props, ref) {
|
|
|
1124
1129
|
};
|
|
1125
1130
|
var ForwardRef$C = /*#__PURE__*/forwardRef(SvgCross);
|
|
1126
1131
|
|
|
1127
|
-
var css$N = {"
|
|
1132
|
+
var css$N = {"root":"NotificationCard-module_root__jT-mn","icon-wrapper":"NotificationCard-module_icon-wrapper__89tan","action-wrapper":"NotificationCard-module_action-wrapper__6Z1Zy","action-link":"NotificationCard-module_action-link__O0HeC","close-icon":"NotificationCard-module_close-icon__DTQiT","main-path":"NotificationCard-module_main-path__npnav","content":"NotificationCard-module_content__-vDj4","clear-button":"NotificationCard-module_clear-button__BjWZo","close-wrapper":"NotificationCard-module_close-wrapper__x3PkP","iconWrapper":"NotificationCard-module_icon-wrapper__89tan","actionWrapper":"NotificationCard-module_action-wrapper__6Z1Zy","actionLink":"NotificationCard-module_action-link__O0HeC","closeIcon":"NotificationCard-module_close-icon__DTQiT","mainPath":"NotificationCard-module_main-path__npnav","clearButton":"NotificationCard-module_clear-button__BjWZo","closeWrapper":"NotificationCard-module_close-wrapper__x3PkP"};
|
|
1128
1133
|
|
|
1129
1134
|
const NotificationCard = React__default.forwardRef((props, ref) => {
|
|
1130
1135
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -1161,7 +1166,7 @@ class ClearNotification extends React__default.Component {
|
|
|
1161
1166
|
}
|
|
1162
1167
|
ClearNotification.contextType = UuiContext;
|
|
1163
1168
|
|
|
1164
|
-
var css$M = {"root":"
|
|
1169
|
+
var css$M = {"root":"Tooltip-module_root__UVOiW"};
|
|
1165
1170
|
|
|
1166
1171
|
function applyTooltipMods(mods) {
|
|
1167
1172
|
return [
|
|
@@ -1188,7 +1193,7 @@ class ConfirmationModal extends React.Component {
|
|
|
1188
1193
|
}
|
|
1189
1194
|
}
|
|
1190
1195
|
|
|
1191
|
-
var css$L = {"
|
|
1196
|
+
var css$L = {"root":"LabeledInput-module_root__4Fdte","size-24":"LabeledInput-module_size-24__9ztf2","size-30":"LabeledInput-module_size-30__IKTGK","size-36":"LabeledInput-module_size-36__iyjYl","size-42":"LabeledInput-module_size-42__b51JI","size-48":"LabeledInput-module_size-48__j7ojN","size24":"LabeledInput-module_size-24__9ztf2","size30":"LabeledInput-module_size-30__IKTGK","size36":"LabeledInput-module_size-36__iyjYl","size42":"LabeledInput-module_size-42__b51JI","size48":"LabeledInput-module_size-48__j7ojN"};
|
|
1192
1197
|
|
|
1193
1198
|
const defaultSize$7 = '36';
|
|
1194
1199
|
function applyLabeledInputMods(mods) {
|
|
@@ -1199,7 +1204,7 @@ const LabeledInput = withMods(LabeledInput$1, applyLabeledInputMods, (props) =>
|
|
|
1199
1204
|
infoIcon: systemIcons[props.size || defaultSize$7].help,
|
|
1200
1205
|
}));
|
|
1201
1206
|
|
|
1202
|
-
var css$K = {"root":"
|
|
1207
|
+
var css$K = {"root":"RadioGroup-module_root__JuoNU"};
|
|
1203
1208
|
|
|
1204
1209
|
const RadioGroup = withMods(RadioGroup$1, () => [css$K.root], () => ({ RadioInput }));
|
|
1205
1210
|
|
|
@@ -1212,9 +1217,9 @@ const ScrollBars = withMods(ScrollBars$1, applyScrollBarsMods);
|
|
|
1212
1217
|
|
|
1213
1218
|
const VirtualList = VirtualList$1;
|
|
1214
1219
|
|
|
1215
|
-
var css$J = {"root":"
|
|
1220
|
+
var css$J = {"root":"Blocker-module_root__agFVC"};
|
|
1216
1221
|
|
|
1217
|
-
var css$I = {"root":"
|
|
1222
|
+
var css$I = {"root":"Spinner-module_root__f6Xhd","uui-spinner":"Spinner-module_uui-spinner__FaqMR","uuiSpinner":"Spinner-module_uui-spinner__FaqMR"};
|
|
1218
1223
|
|
|
1219
1224
|
function applySpinnerMods() {
|
|
1220
1225
|
return [css$I.root];
|
|
@@ -1223,7 +1228,7 @@ const Spinner = withMods(Spinner$1, applySpinnerMods);
|
|
|
1223
1228
|
|
|
1224
1229
|
const Blocker = withMods(Blocker$1, () => [css$J.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
|
|
1225
1230
|
|
|
1226
|
-
var css$H = {"root":"
|
|
1231
|
+
var css$H = {"root":"CheckboxGroup-module_root__-ZgVR"};
|
|
1227
1232
|
|
|
1228
1233
|
const CheckboxGroup = withMods(CheckboxGroup$1, () => [css$H.root], () => ({ CheckboxInput: Checkbox }));
|
|
1229
1234
|
|
|
@@ -1232,7 +1237,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1232
1237
|
}
|
|
1233
1238
|
const MultiSwitch = React.forwardRef(MultiSwitchComponent);
|
|
1234
1239
|
|
|
1235
|
-
var css$G = {"
|
|
1240
|
+
var css$G = {"root":"NumericInput-module_root__LaCbz","size-24":"NumericInput-module_size-24__2wCl2","size-30":"NumericInput-module_size-30__KKIjs","size-36":"NumericInput-module_size-36__zZyD8","size-42":"NumericInput-module_size-42__57zoL","size-48":"NumericInput-module_size-48__CyphK","mode-form":"NumericInput-module_mode-form__efp9H","mode-cell":"NumericInput-module_mode-cell__zBYG8","size24":"NumericInput-module_size-24__2wCl2","size30":"NumericInput-module_size-30__KKIjs","size36":"NumericInput-module_size-36__zZyD8","size42":"NumericInput-module_size-42__57zoL","size48":"NumericInput-module_size-48__CyphK","modeForm":"NumericInput-module_mode-form__efp9H","modeCell":"NumericInput-module_mode-cell__zBYG8"};
|
|
1236
1241
|
|
|
1237
1242
|
const defaultSize$6 = '36';
|
|
1238
1243
|
const defaultMode$3 = EditMode.FORM;
|
|
@@ -1251,7 +1256,7 @@ const NumericInput = withMods(NumericInput$1, applyNumericInputMods, (props) =>
|
|
|
1251
1256
|
});
|
|
1252
1257
|
});
|
|
1253
1258
|
|
|
1254
|
-
var css$F = {"
|
|
1259
|
+
var css$F = {"root":"TextArea-module_root__ZxqP5","mode-form":"TextArea-module_mode-form__Ga1yd","mode-cell":"TextArea-module_mode-cell__0XUCG","mode-inline":"TextArea-module_mode-inline__6z5qh","size-24":"TextArea-module_size-24__MU1XV","size-30":"TextArea-module_size-30__BO2Wu","size-36":"TextArea-module_size-36__FnzVT","size-42":"TextArea-module_size-42__PBASB","size-48":"TextArea-module_size-48__RRL-P","modeForm":"TextArea-module_mode-form__Ga1yd","modeCell":"TextArea-module_mode-cell__0XUCG","modeInline":"TextArea-module_mode-inline__6z5qh","size24":"TextArea-module_size-24__MU1XV","size30":"TextArea-module_size-30__BO2Wu","size36":"TextArea-module_size-36__FnzVT","size42":"TextArea-module_size-42__PBASB","size48":"TextArea-module_size-48__RRL-P"};
|
|
1255
1260
|
|
|
1256
1261
|
const defaultSize$5 = '36';
|
|
1257
1262
|
const defaultMode$2 = EditMode.FORM;
|
|
@@ -1265,9 +1270,9 @@ const TextArea = withMods(TextArea$1, applyTextAreaMods, (props) => ({
|
|
|
1265
1270
|
maxLength: props.mode === EditMode.CELL ? undefined : props.maxLength,
|
|
1266
1271
|
}));
|
|
1267
1272
|
|
|
1268
|
-
var css$E = {"
|
|
1273
|
+
var css$E = {"root":"DatePicker-module_root__n83qL"};
|
|
1269
1274
|
|
|
1270
|
-
var calendarCss = {"
|
|
1275
|
+
var calendarCss = {"root":"Calendar-module_root__ldDAb"};
|
|
1271
1276
|
|
|
1272
1277
|
function applyDatePickerBodyMods() {
|
|
1273
1278
|
return [css$E.root, calendarCss.root];
|
|
@@ -1296,9 +1301,9 @@ function applyDateSelectionMods() {
|
|
|
1296
1301
|
}
|
|
1297
1302
|
const Calendar = withMods(Calendar$1, applyDateSelectionMods);
|
|
1298
1303
|
|
|
1299
|
-
var rangeCss = {"
|
|
1304
|
+
var rangeCss = {"root":"RangeDatePickerBody-module_root__9hfbE"};
|
|
1300
1305
|
|
|
1301
|
-
var calendarPresetsCss = {"
|
|
1306
|
+
var calendarPresetsCss = {"root":"CalendarPresets-module_root__wSJa2"};
|
|
1302
1307
|
|
|
1303
1308
|
function applyRangeDatePickerBodyMods() {
|
|
1304
1309
|
return [
|
|
@@ -1310,7 +1315,7 @@ const RangeDatePickerBody = withMods(RangeDatePickerBody$1, applyRangeDatePicker
|
|
|
1310
1315
|
navIconRight: ForwardRef$10,
|
|
1311
1316
|
}));
|
|
1312
1317
|
|
|
1313
|
-
var css$D = {"
|
|
1318
|
+
var css$D = {"dropdown-container":"RangeDatePicker-module_dropdown-container__EFIZT","container":"RangeDatePicker-module_container__H7FRF","button-group":"RangeDatePicker-module_button-group__Stksa","date-input":"RangeDatePicker-module_date-input__as2iX","size-24":"RangeDatePicker-module_size-24__yXj-X","size-30":"RangeDatePicker-module_size-30__4sP-J","size-36":"RangeDatePicker-module_size-36__j5YP2","size-42":"RangeDatePicker-module_size-42__nGrsk","size-48":"RangeDatePicker-module_size-48__WKbFa","date-input-group":"RangeDatePicker-module_date-input-group__lJSYu","separator":"RangeDatePicker-module_separator__OZtZc","mode-form":"RangeDatePicker-module_mode-form__KkODO","mode-cell":"RangeDatePicker-module_mode-cell__YvZw5","dropdownContainer":"RangeDatePicker-module_dropdown-container__EFIZT","buttonGroup":"RangeDatePicker-module_button-group__Stksa","dateInput":"RangeDatePicker-module_date-input__as2iX","size24":"RangeDatePicker-module_size-24__yXj-X","size30":"RangeDatePicker-module_size-30__4sP-J","size36":"RangeDatePicker-module_size-36__j5YP2","size42":"RangeDatePicker-module_size-42__nGrsk","size48":"RangeDatePicker-module_size-48__WKbFa","dateInputGroup":"RangeDatePicker-module_date-input-group__lJSYu","modeForm":"RangeDatePicker-module_mode-form__KkODO","modeCell":"RangeDatePicker-module_mode-cell__YvZw5"};
|
|
1314
1319
|
|
|
1315
1320
|
const defaultValue = { from: null, to: null };
|
|
1316
1321
|
class RangeDatePicker extends BaseRangeDatePicker {
|
|
@@ -1332,7 +1337,7 @@ class RangeDatePicker extends BaseRangeDatePicker {
|
|
|
1332
1337
|
}
|
|
1333
1338
|
}
|
|
1334
1339
|
|
|
1335
|
-
var css$C = {"
|
|
1340
|
+
var css$C = {"blocker":"DropMarker-module_blocker__sFMsF","marker":"DropMarker-module_marker__WOsjE","top":"DropMarker-module_top__dGv3h","bottom":"DropMarker-module_bottom__vlan6","left":"DropMarker-module_left__mKt8q","right":"DropMarker-module_right__OP21L","inside":"DropMarker-module_inside__g6Q5c"};
|
|
1336
1341
|
|
|
1337
1342
|
class DropMarker extends React.Component {
|
|
1338
1343
|
render() {
|
|
@@ -1346,7 +1351,7 @@ class DropMarker extends React.Component {
|
|
|
1346
1351
|
}
|
|
1347
1352
|
}
|
|
1348
1353
|
|
|
1349
|
-
var css$B = {"
|
|
1354
|
+
var css$B = {"body":"DataPickerBody-module_body__CMMVY","modal":"DataPickerBody-module_modal__JRYQ-","search-wrapper":"DataPickerBody-module_search-wrapper__W8zQV","checkbox":"DataPickerBody-module_checkbox__e63-h","no-found-size-24":"DataPickerBody-module_no-found-size-24__wCw8P","no-found-size-30":"DataPickerBody-module_no-found-size-30__6mOIm","no-found-size-36":"DataPickerBody-module_no-found-size-36__Jr9Ns","no-found-size-42":"DataPickerBody-module_no-found-size-42__4QTkU","searchWrapper":"DataPickerBody-module_search-wrapper__W8zQV","noFoundSize24":"DataPickerBody-module_no-found-size-24__wCw8P","noFoundSize30":"DataPickerBody-module_no-found-size-30__6mOIm","noFoundSize36":"DataPickerBody-module_no-found-size-36__Jr9Ns","noFoundSize42":"DataPickerBody-module_no-found-size-42__4QTkU"};
|
|
1350
1355
|
|
|
1351
1356
|
class DataPickerBody extends PickerBodyBase {
|
|
1352
1357
|
constructor() {
|
|
@@ -1399,7 +1404,7 @@ function DataPickerFooterImpl(props) {
|
|
|
1399
1404
|
}
|
|
1400
1405
|
const DataPickerFooter = React__default.memo(DataPickerFooterImpl);
|
|
1401
1406
|
|
|
1402
|
-
var css$A = {"header":"
|
|
1407
|
+
var css$A = {"header":"DataPickerHeader-module_header__TkXlz","close":"DataPickerHeader-module_close__Tiy0j"};
|
|
1403
1408
|
|
|
1404
1409
|
var _path$z;
|
|
1405
1410
|
function _extends$B() { _extends$B = 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$B.apply(this, arguments); }
|
|
@@ -1449,7 +1454,7 @@ var SvgTreeFoldingArrow = function SvgTreeFoldingArrow(props, ref) {
|
|
|
1449
1454
|
};
|
|
1450
1455
|
var ForwardRef$A = /*#__PURE__*/forwardRef(SvgTreeFoldingArrow);
|
|
1451
1456
|
|
|
1452
|
-
var css$z = {"cell":"
|
|
1457
|
+
var css$z = {"cell":"DataTableCell-module_cell__9v8pk","wrapper":"DataTableCell-module_wrapper__u7ey2","align-widgets-top":"DataTableCell-module_align-widgets-top__-ZRCt","size-24":"DataTableCell-module_size-24__kAlRh","folding-arrow":"DataTableCell-module_folding-arrow__M3UXW","size-30":"DataTableCell-module_size-30__gy4mJ","size-36":"DataTableCell-module_size-36__t3pLn","size-42":"DataTableCell-module_size-42__IXd3P","size-48":"DataTableCell-module_size-48__jCi7Y","size-60":"DataTableCell-module_size-60__O0Mmg","align-widgets-center":"DataTableCell-module_align-widgets-center__l51gX","padding-12":"DataTableCell-module_padding-12__xRP39","padding-24":"DataTableCell-module_padding-24__0aJJb","padding-left-12":"DataTableCell-module_padding-left-12__XINwI","padding-left-24":"DataTableCell-module_padding-left-24__79hBi","padding-right-24":"DataTableCell-module_padding-right-24__BA0Z0","drag-handle":"DataTableCell-module_drag-handle__NiIxM","checkbox":"DataTableCell-module_checkbox__CAENf","indent":"DataTableCell-module_indent__qWJ5l","folding-arrow-12":"DataTableCell-module_folding-arrow-12__YGg1P","folding-arrow-18":"DataTableCell-module_folding-arrow-18__E0R4O","icon-container":"DataTableCell-module_icon-container__IcTL1","alignWidgetsTop":"DataTableCell-module_align-widgets-top__-ZRCt","size24":"DataTableCell-module_size-24__kAlRh","foldingArrow":"DataTableCell-module_folding-arrow__M3UXW","size30":"DataTableCell-module_size-30__gy4mJ","size36":"DataTableCell-module_size-36__t3pLn","size42":"DataTableCell-module_size-42__IXd3P","size48":"DataTableCell-module_size-48__jCi7Y","size60":"DataTableCell-module_size-60__O0Mmg","alignWidgetsCenter":"DataTableCell-module_align-widgets-center__l51gX","padding12":"DataTableCell-module_padding-12__xRP39","padding24":"DataTableCell-module_padding-24__0aJJb","paddingLeft12":"DataTableCell-module_padding-left-12__XINwI","paddingLeft24":"DataTableCell-module_padding-left-24__79hBi","paddingRight24":"DataTableCell-module_padding-right-24__BA0Z0","dragHandle":"DataTableCell-module_drag-handle__NiIxM","foldingArrow12":"DataTableCell-module_folding-arrow-12__YGg1P","foldingArrow18":"DataTableCell-module_folding-arrow-18__E0R4O","iconContainer":"DataTableCell-module_icon-container__IcTL1"};
|
|
1453
1458
|
|
|
1454
1459
|
function DataTableRowAddons(props) {
|
|
1455
1460
|
var _a, _b;
|
|
@@ -1468,8 +1473,10 @@ function DataTableCell(props) {
|
|
|
1468
1473
|
props.addons = React.createElement(DataTableRowAddons, Object.assign({}, props));
|
|
1469
1474
|
}
|
|
1470
1475
|
props.renderPlaceholder = props.renderPlaceholder
|
|
1471
|
-
|| (() => (React.createElement(Text, { key: "t", size: props.size
|
|
1476
|
+
|| (() => (React.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' },
|
|
1472
1477
|
React.createElement(TextPlaceholder, null))));
|
|
1478
|
+
props.renderUnknown = props.renderUnknown
|
|
1479
|
+
|| (() => (React.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' }, "Unknown")));
|
|
1473
1480
|
props.renderTooltip = (tooltipProps) => React.createElement(Tooltip, Object.assign({ color: "critical" }, tooltipProps));
|
|
1474
1481
|
const isEditable = !!props.onValueChange;
|
|
1475
1482
|
props.cx = [
|
|
@@ -1478,7 +1485,7 @@ function DataTableCell(props) {
|
|
|
1478
1485
|
return React.createElement(DataTableCell$1, Object.assign({}, props));
|
|
1479
1486
|
}
|
|
1480
1487
|
|
|
1481
|
-
var css$y = {"
|
|
1488
|
+
var css$y = {"root":"DataTableRow-module_root__ZEmTg","size-24":"DataTableRow-module_size-24__K9BAN","size-30":"DataTableRow-module_size-30__4Jqif","size-36":"DataTableRow-module_size-36__8Z9CM","size-48":"DataTableRow-module_size-48__hFy9V","size-60":"DataTableRow-module_size-60__JmXZx","size24":"DataTableRow-module_size-24__K9BAN","size30":"DataTableRow-module_size-30__4Jqif","size36":"DataTableRow-module_size-36__8Z9CM","size48":"DataTableRow-module_size-48__hFy9V","size60":"DataTableRow-module_size-60__JmXZx"};
|
|
1482
1489
|
|
|
1483
1490
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
1484
1491
|
// 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.
|
|
@@ -1494,7 +1501,7 @@ const DataTableRow = withMods(DataTableRow$1, ({ borderBottom = true, size }) =>
|
|
|
1494
1501
|
];
|
|
1495
1502
|
}, () => propsMods);
|
|
1496
1503
|
|
|
1497
|
-
var css$x = {"
|
|
1504
|
+
var css$x = {"header-cell":"DataTableHeaderRow-module_header-cell__-GovH","config-icon":"DataTableHeaderRow-module_config-icon__7pmnq","headerCell":"DataTableHeaderRow-module_header-cell__-GovH","configIcon":"DataTableHeaderRow-module_config-icon__7pmnq"};
|
|
1498
1505
|
|
|
1499
1506
|
var _path$y;
|
|
1500
1507
|
function _extends$z() { _extends$z = 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$z.apply(this, arguments); }
|
|
@@ -1518,7 +1525,7 @@ const DataTableHeaderRow = withMods(DataTableHeaderRow$1, (mods) => [css$x.root]
|
|
|
1518
1525
|
renderConfigButton: () => React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: css$x.configIcon, color: "default", icon: ForwardRef$z }),
|
|
1519
1526
|
}));
|
|
1520
1527
|
|
|
1521
|
-
var css$w = {"
|
|
1528
|
+
var css$w = {"cell":"DataTableHeaderCell-module_cell__AGrCC","sort-icon":"DataTableHeaderCell-module_sort-icon__cDeMX","dropdown-icon":"DataTableHeaderCell-module_dropdown-icon__anyqy","infoIcon":"DataTableHeaderCell-module_infoIcon__ztuKT","resizable":"DataTableHeaderCell-module_resizable__KE4Ta","size-24":"DataTableHeaderCell-module_size-24__xl3Bc","size-30":"DataTableHeaderCell-module_size-30__eNSl8","size-36":"DataTableHeaderCell-module_size-36__uF7G7","size-42":"DataTableHeaderCell-module_size-42__cyLfW","size-48":"DataTableHeaderCell-module_size-48__fgE-c","padding-left-24":"DataTableHeaderCell-module_padding-left-24__y2KH8","padding-right-24":"DataTableHeaderCell-module_padding-right-24__-XKyz","caption":"DataTableHeaderCell-module_caption__ZOlWT","checkbox":"DataTableHeaderCell-module_checkbox__Mm1wC","icon":"DataTableHeaderCell-module_icon__liZ4c","icon-cell":"DataTableHeaderCell-module_icon-cell__9AUCT","align-right":"DataTableHeaderCell-module_align-right__Hzx-a","align-center":"DataTableHeaderCell-module_align-center__Lfdr4","tooltip-wrapper":"DataTableHeaderCell-module_tooltip-wrapper__ulCpX","cell-tooltip":"DataTableHeaderCell-module_cell-tooltip__JHAxY","upper-case":"DataTableHeaderCell-module_upper-case__AdtWJ","font-size-14":"DataTableHeaderCell-module_font-size-14__RSTks","resize-mark":"DataTableHeaderCell-module_resize-mark__NBp0G","draggable":"DataTableHeaderCell-module_draggable__hz5pE","ghost":"DataTableHeaderCell-module_ghost__-iISU","is-dragged-out":"DataTableHeaderCell-module_is-dragged-out__Qicd4","dnd-marker-left":"DataTableHeaderCell-module_dnd-marker-left__tZ1iw","dnd-marker-right":"DataTableHeaderCell-module_dnd-marker-right__nT0Cc","sortIcon":"DataTableHeaderCell-module_sort-icon__cDeMX","dropdownIcon":"DataTableHeaderCell-module_dropdown-icon__anyqy","size24":"DataTableHeaderCell-module_size-24__xl3Bc","size30":"DataTableHeaderCell-module_size-30__eNSl8","size36":"DataTableHeaderCell-module_size-36__uF7G7","size42":"DataTableHeaderCell-module_size-42__cyLfW","size48":"DataTableHeaderCell-module_size-48__fgE-c","paddingLeft24":"DataTableHeaderCell-module_padding-left-24__y2KH8","paddingRight24":"DataTableHeaderCell-module_padding-right-24__-XKyz","iconCell":"DataTableHeaderCell-module_icon-cell__9AUCT","alignRight":"DataTableHeaderCell-module_align-right__Hzx-a","alignCenter":"DataTableHeaderCell-module_align-center__Lfdr4","tooltipWrapper":"DataTableHeaderCell-module_tooltip-wrapper__ulCpX","cellTooltip":"DataTableHeaderCell-module_cell-tooltip__JHAxY","upperCase":"DataTableHeaderCell-module_upper-case__AdtWJ","fontSize14":"DataTableHeaderCell-module_font-size-14__RSTks","resizeMark":"DataTableHeaderCell-module_resize-mark__NBp0G","isDraggedOut":"DataTableHeaderCell-module_is-dragged-out__Qicd4","dndMarkerLeft":"DataTableHeaderCell-module_dnd-marker-left__tZ1iw","dndMarkerRight":"DataTableHeaderCell-module_dnd-marker-right__nT0Cc"};
|
|
1522
1529
|
|
|
1523
1530
|
var _path$x;
|
|
1524
1531
|
function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
|
|
@@ -1842,7 +1849,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
1842
1849
|
};
|
|
1843
1850
|
var ForwardRef$r = /*#__PURE__*/forwardRef(SvgEmptyTable);
|
|
1844
1851
|
|
|
1845
|
-
var css$v = {"sticky-header":"
|
|
1852
|
+
var css$v = {"sticky-header":"DataTable-module_sticky-header__g-Ods","listContainer":"DataTable-module_listContainer__yR0QP","table":"DataTable-module_table__UPgfH","no-results":"DataTable-module_no-results__0TI-p","no-results-icon":"DataTable-module_no-results-icon__w-p5I","no-results-title":"DataTable-module_no-results-title__QIMfi","stickyHeader":"DataTable-module_sticky-header__g-Ods","noResults":"DataTable-module_no-results__0TI-p","noResultsIcon":"DataTable-module_no-results-icon__w-p5I","noResultsTitle":"DataTable-module_no-results-title__QIMfi"};
|
|
1846
1853
|
|
|
1847
1854
|
function DataTable(props) {
|
|
1848
1855
|
var _a;
|
|
@@ -1889,7 +1896,7 @@ function DataTable(props) {
|
|
|
1889
1896
|
} })));
|
|
1890
1897
|
}
|
|
1891
1898
|
|
|
1892
|
-
var styles$1 = {"
|
|
1899
|
+
var styles$1 = {"main-panel":"ColumnsConfigurationModal-module_main-panel__4w6PV","group-title":"ColumnsConfigurationModal-module_group-title__YQ24j","group-title-text":"ColumnsConfigurationModal-module_group-title-text__Uu-cT","group-title-badge":"ColumnsConfigurationModal-module_group-title-badge__7PUJ9","group-items":"ColumnsConfigurationModal-module_group-items__gni54","no-data":"ColumnsConfigurationModal-module_no-data__chQEC","h-divider":"ColumnsConfigurationModal-module_h-divider__5NbQX","search-area":"ColumnsConfigurationModal-module_search-area__8lhwH","mainPanel":"ColumnsConfigurationModal-module_main-panel__4w6PV","groupTitle":"ColumnsConfigurationModal-module_group-title__YQ24j","groupTitleText":"ColumnsConfigurationModal-module_group-title-text__Uu-cT","groupTitleBadge":"ColumnsConfigurationModal-module_group-title-badge__7PUJ9","groupItems":"ColumnsConfigurationModal-module_group-items__gni54","noData":"ColumnsConfigurationModal-module_no-data__chQEC","hDivider":"ColumnsConfigurationModal-module_h-divider__5NbQX","searchArea":"ColumnsConfigurationModal-module_search-area__8lhwH"};
|
|
1893
1900
|
|
|
1894
1901
|
var _path$p;
|
|
1895
1902
|
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); }
|
|
@@ -2002,7 +2009,7 @@ function PinIconButton(props) {
|
|
|
2002
2009
|
React.createElement(IconButton, { icon: pinIcon, onClick: pinClickHandler, isDisabled: isPinnedAlways, color: isPinned ? 'info' : undefined }))));
|
|
2003
2010
|
}
|
|
2004
2011
|
|
|
2005
|
-
var styles = {"
|
|
2012
|
+
var styles = {"row-wrapper":"ColumnRow-module_row-wrapper__J7zw-","not-pinned":"ColumnRow-module_not-pinned__xHoL6","pin-icon-button":"ColumnRow-module_pin-icon-button__jlBrT","drag-handle":"ColumnRow-module_drag-handle__hdFZA","dnd-disabled":"ColumnRow-module_dnd-disabled__n7mQR","rowWrapper":"ColumnRow-module_row-wrapper__J7zw-","notPinned":"ColumnRow-module_not-pinned__xHoL6","pinIconButton":"ColumnRow-module_pin-icon-button__jlBrT","dragHandle":"ColumnRow-module_drag-handle__hdFZA","dndDisabled":"ColumnRow-module_dnd-disabled__n7mQR"};
|
|
2006
2013
|
|
|
2007
2014
|
const ColumnRow = React.memo(function ColumnRow(props) {
|
|
2008
2015
|
const { column } = props;
|
|
@@ -2030,7 +2037,7 @@ const ColumnRow = React.memo(function ColumnRow(props) {
|
|
|
2030
2037
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
2031
2038
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { size: "24", padding: "24", spacing: "6", cx: styles$1.groupTitle },
|
|
2032
2039
|
React.createElement(Text, { cx: styles$1.groupTitleText, font: "semibold", lineHeight: "24", fontSize: "14" }, title),
|
|
2033
|
-
React.createElement(Badge, { cx: styles$1.groupTitleBadge, caption: amount, color: "
|
|
2040
|
+
React.createElement(Badge, { cx: styles$1.groupTitleBadge, caption: amount, color: "default", size: "18" })));
|
|
2034
2041
|
function ColumnsConfigurationModal(props) {
|
|
2035
2042
|
const { columns, columnsConfig: initialColumnsConfig, defaultConfig } = props, modalProps = __rest(props, ["columns", "columnsConfig", "defaultConfig"]);
|
|
2036
2043
|
const { groupedColumns, searchValue, columnsConfig, reset, checkAll, uncheckAll, setSearchValue, } = useColumnsConfiguration({
|
|
@@ -2083,13 +2090,13 @@ function ColumnsConfigurationModal(props) {
|
|
|
2083
2090
|
React.createElement(ModalFooter, { borderTop: true },
|
|
2084
2091
|
React.createElement(LinkButton, { icon: ForwardRef$p, caption: i18nLocal.resetToDefaultButton, onClick: reset }),
|
|
2085
2092
|
React.createElement(FlexSpacer, null),
|
|
2086
|
-
React.createElement(Button, { mode: "
|
|
2093
|
+
React.createElement(Button, { mode: "none", color: "secondary", caption: i18nLocal.cancelButton, onClick: close }),
|
|
2087
2094
|
noVisibleColumns ? (React.createElement(Tooltip, { content: i18nLocal.enableAtLeastOneColumnMessage, placement: "top-end", color: "critical" }, applyButton)) : (applyButton)))));
|
|
2088
2095
|
}
|
|
2089
2096
|
|
|
2090
|
-
var css$u = {"panel":"
|
|
2097
|
+
var css$u = {"panel":"ColumnHeaderDropdown-module_panel__8EgfJ"};
|
|
2091
2098
|
|
|
2092
|
-
var css$t = {"
|
|
2099
|
+
var css$t = {"sorting-panel-container":"SortingPanel-module_sorting-panel-container__4L-8V","sort-active":"SortingPanel-module_sort-active__yoB0U","sortingPanelContainer":"SortingPanel-module_sorting-panel-container__4L-8V","sortActive":"SortingPanel-module_sort-active__yoB0U"};
|
|
2093
2100
|
|
|
2094
2101
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
2095
2102
|
const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -2167,7 +2174,7 @@ var SvgNotificationDone12 = function SvgNotificationDone12(props, ref) {
|
|
|
2167
2174
|
};
|
|
2168
2175
|
var ForwardRef$j = /*#__PURE__*/forwardRef(SvgNotificationDone12);
|
|
2169
2176
|
|
|
2170
|
-
var css$s = {"
|
|
2177
|
+
var css$s = {"render-item":"DataPickerRow-module_render-item__Xg-KM","icon-wrapper":"DataPickerRow-module_icon-wrapper__2iHGZ","picker-row":"DataPickerRow-module_picker-row__dKixb","icon-default":"DataPickerRow-module_icon-default__gW-Xp","icon-primary":"DataPickerRow-module_icon-primary__QfDbw","renderItem":"DataPickerRow-module_render-item__Xg-KM","iconWrapper":"DataPickerRow-module_icon-wrapper__2iHGZ","pickerRow":"DataPickerRow-module_picker-row__dKixb","iconDefault":"DataPickerRow-module_icon-default__gW-Xp","iconPrimary":"DataPickerRow-module_icon-primary__QfDbw"};
|
|
2171
2178
|
|
|
2172
2179
|
class DataPickerRow extends React.Component {
|
|
2173
2180
|
constructor() {
|
|
@@ -2205,7 +2212,7 @@ class DataPickerRow extends React.Component {
|
|
|
2205
2212
|
}
|
|
2206
2213
|
}
|
|
2207
2214
|
|
|
2208
|
-
var css$r = {"
|
|
2215
|
+
var css$r = {"done":"MobileDropdownWrapper-module_done__8Ywqd"};
|
|
2209
2216
|
|
|
2210
2217
|
const MobileDropdownWrapper = (props) => {
|
|
2211
2218
|
const isVisible = isMobile();
|
|
@@ -2216,7 +2223,7 @@ const MobileDropdownWrapper = (props) => {
|
|
|
2216
2223
|
isVisible && React__default.createElement(LinkButton, { caption: "DONE", onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$r.done, size: "48" })));
|
|
2217
2224
|
};
|
|
2218
2225
|
|
|
2219
|
-
var css$q = {"
|
|
2226
|
+
var css$q = {"sub-header-wrapper":"PickerModal-module_sub-header-wrapper__PVjxt","switch":"PickerModal-module_switch__4ZWZ-","no-found-modal-container":"PickerModal-module_no-found-modal-container__zufRW","no-found-modal-container-icon":"PickerModal-module_no-found-modal-container-icon__RXBf4","no-found-modal-container-text":"PickerModal-module_no-found-modal-container-text__TgKzv","subHeaderWrapper":"PickerModal-module_sub-header-wrapper__PVjxt","$switch$":"PickerModal-module_switch__4ZWZ-","noFoundModalContainer":"PickerModal-module_no-found-modal-container__zufRW","noFoundModalContainerIcon":"PickerModal-module_no-found-modal-container-icon__RXBf4","noFoundModalContainerText":"PickerModal-module_no-found-modal-container-text__TgKzv"};
|
|
2220
2227
|
|
|
2221
2228
|
var _path$h, _path2;
|
|
2222
2229
|
function _extends$i() { _extends$i = 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$i.apply(this, arguments); }
|
|
@@ -2297,11 +2304,11 @@ class PickerModal extends React.Component {
|
|
|
2297
2304
|
|
|
2298
2305
|
const Avatar = withMods(Avatar$1, () => []);
|
|
2299
2306
|
|
|
2300
|
-
var css$p = {"root":"
|
|
2307
|
+
var css$p = {"root":"AvatarStack-module_root__OBrBf"};
|
|
2301
2308
|
|
|
2302
2309
|
const AvatarStack = withMods(AvatarStack$1, () => [css$p.root]);
|
|
2303
2310
|
|
|
2304
|
-
var css$o = {"
|
|
2311
|
+
var css$o = {"root":"Badge-module_root__-W-nq","size-18":"Badge-module_size-18__lYaxv","fill-transparent":"Badge-module_fill-transparent__AMwvE","size-24":"Badge-module_size-24__44rND","size-30":"Badge-module_size-30__FLG32","size-36":"Badge-module_size-36__AN62X","size-42":"Badge-module_size-42__hJg-A","size-48":"Badge-module_size-48__vx-wE","fill-solid":"Badge-module_fill-solid__SdEDe","fill-semitransparent":"Badge-module_fill-semitransparent__iHuV1","size18":"Badge-module_size-18__lYaxv","fillTransparent":"Badge-module_fill-transparent__AMwvE","size24":"Badge-module_size-24__44rND","size30":"Badge-module_size-30__FLG32","size36":"Badge-module_size-36__AN62X","size42":"Badge-module_size-42__hJg-A","size48":"Badge-module_size-48__vx-wE","fillSolid":"Badge-module_fill-solid__SdEDe","fillSemitransparent":"Badge-module_fill-semitransparent__iHuV1"};
|
|
2305
2312
|
|
|
2306
2313
|
const defaultSize$4 = '36';
|
|
2307
2314
|
const mapSize$1 = {
|
|
@@ -2323,7 +2330,7 @@ const Badge = withMods(Button$1, applyBadgeMods, (props) => ({
|
|
|
2323
2330
|
countPosition: 'left',
|
|
2324
2331
|
}));
|
|
2325
2332
|
|
|
2326
|
-
var css$n = {"
|
|
2333
|
+
var css$n = {"root":"Tag-module_root__sO4Qq","size-18":"Tag-module_size-18__nCuL7","size-24":"Tag-module_size-24__b0V4K","size-30":"Tag-module_size-30__YNtmt","size-36":"Tag-module_size-36__M-nVf","size-42":"Tag-module_size-42__IBxvV","size-48":"Tag-module_size-48__ksVx2","size18":"Tag-module_size-18__nCuL7","size24":"Tag-module_size-24__b0V4K","size30":"Tag-module_size-30__YNtmt","size36":"Tag-module_size-36__M-nVf","size42":"Tag-module_size-42__IBxvV","size48":"Tag-module_size-48__ksVx2"};
|
|
2327
2334
|
|
|
2328
2335
|
const defaultSize$3 = '36';
|
|
2329
2336
|
const mapSize = {
|
|
@@ -2342,7 +2349,7 @@ const Tag = withMods(Button$1, applyTagMods, (props) => ({
|
|
|
2342
2349
|
clearIcon: systemIcons[mapSize[props.size] || defaultSize$3].clear,
|
|
2343
2350
|
}));
|
|
2344
2351
|
|
|
2345
|
-
var css$m = {"root":"
|
|
2352
|
+
var css$m = {"root":"Paginator-module_root__d1jwS","spacer":"Paginator-module_spacer__8AhYN","mode-ghost":"Paginator-module_mode-ghost__-NfIp","size-24":"Paginator-module_size-24__zPh-d","size-30":"Paginator-module_size-30__R4PVg","navigation-size-24":"Paginator-module_navigation-size-24__gxUQ8","navigation-size-30":"Paginator-module_navigation-size-30__ZRsLp","modeGhost":"Paginator-module_mode-ghost__-NfIp","size24":"Paginator-module_size-24__zPh-d","size30":"Paginator-module_size-30__R4PVg","navigationSize24":"Paginator-module_navigation-size-24__gxUQ8","navigationSize30":"Paginator-module_navigation-size-30__ZRsLp"};
|
|
2346
2353
|
|
|
2347
2354
|
var _path$g;
|
|
2348
2355
|
function _extends$h() { _extends$h = 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$h.apply(this, arguments); }
|
|
@@ -2434,7 +2441,7 @@ function Paginator(props) {
|
|
|
2434
2441
|
const MAX_ITEMS = 100;
|
|
2435
2442
|
const getMaxItems = (maxItems) => maxItems || maxItems === 0 ? maxItems : MAX_ITEMS;
|
|
2436
2443
|
|
|
2437
|
-
var css$l = {"
|
|
2444
|
+
var css$l = {"root":"PickerToggler-module_root__oOCiN","mode-form":"PickerToggler-module_mode-form__YzMbU","mode-cell":"PickerToggler-module_mode-cell__HGJh8","mode-inline":"PickerToggler-module_mode-inline__3ONdn","size-24":"PickerToggler-module_size-24__l1vGj","size-30":"PickerToggler-module_size-30__pzxTr","size-36":"PickerToggler-module_size-36__SsqyI","size-42":"PickerToggler-module_size-42__tunwu","size-48":"PickerToggler-module_size-48__PM7zq","modeForm":"PickerToggler-module_mode-form__YzMbU","modeCell":"PickerToggler-module_mode-cell__HGJh8","modeInline":"PickerToggler-module_mode-inline__3ONdn","size24":"PickerToggler-module_size-24__l1vGj","size30":"PickerToggler-module_size-30__pzxTr","size36":"PickerToggler-module_size-36__SsqyI","size42":"PickerToggler-module_size-42__tunwu","size48":"PickerToggler-module_size-48__PM7zq"};
|
|
2438
2445
|
|
|
2439
2446
|
const defaultSize$2 = '36';
|
|
2440
2447
|
const defaultMode = EditMode.FORM;
|
|
@@ -2484,7 +2491,7 @@ function PickerTogglerComponent(props, ref) {
|
|
|
2484
2491
|
}
|
|
2485
2492
|
const PickerToggler = React.forwardRef(PickerTogglerComponent);
|
|
2486
2493
|
|
|
2487
|
-
var css$k = {"root":"
|
|
2494
|
+
var css$k = {"root":"PickerItem-module_root__PI16F","multiline-vertical-padding-24":"PickerItem-module_multiline-vertical-padding-24__sCN7p","multiline-vertical-padding-30":"PickerItem-module_multiline-vertical-padding-30__v2LUR","multiline-vertical-padding-36":"PickerItem-module_multiline-vertical-padding-36__65t4o","multiline-vertical-padding-42":"PickerItem-module_multiline-vertical-padding-42__Wt0JN","multiline-vertical-padding-48":"PickerItem-module_multiline-vertical-padding-48__oSirV","text":"PickerItem-module_text__S0Ejg","multilineVerticalPadding24":"PickerItem-module_multiline-vertical-padding-24__sCN7p","multilineVerticalPadding30":"PickerItem-module_multiline-vertical-padding-30__v2LUR","multilineVerticalPadding36":"PickerItem-module_multiline-vertical-padding-36__65t4o","multilineVerticalPadding42":"PickerItem-module_multiline-vertical-padding-42__Wt0JN","multilineVerticalPadding48":"PickerItem-module_multiline-vertical-padding-48__oSirV"};
|
|
2488
2495
|
|
|
2489
2496
|
const defaultSize$1 = '36';
|
|
2490
2497
|
class PickerItem extends React.Component {
|
|
@@ -2508,7 +2515,7 @@ class PickerItem extends React.Component {
|
|
|
2508
2515
|
}
|
|
2509
2516
|
}
|
|
2510
2517
|
|
|
2511
|
-
var css$j = {"
|
|
2518
|
+
var css$j = {"panel":"PickerInput-module_panel__0xY7f","footer-wrapper":"PickerInput-module_footer-wrapper__mdFUK","footer-size-24":"PickerInput-module_footer-size-24__sI3ji","footer-size-30":"PickerInput-module_footer-size-30__kEoD6","footer-size-36":"PickerInput-module_footer-size-36__Q2x7r","footer-size-42":"PickerInput-module_footer-size-42__1BKAo","footer-size-48":"PickerInput-module_footer-size-48__vHArx","footerWrapper":"PickerInput-module_footer-wrapper__mdFUK","footerSize24":"PickerInput-module_footer-size-24__sI3ji","footerSize30":"PickerInput-module_footer-size-30__kEoD6","footerSize36":"PickerInput-module_footer-size-36__Q2x7r","footerSize42":"PickerInput-module_footer-size-42__1BKAo","footerSize48":"PickerInput-module_footer-size-48__vHArx"};
|
|
2512
2519
|
|
|
2513
2520
|
const pickerHeight$1 = 300;
|
|
2514
2521
|
const pickerWidth$1 = 360;
|
|
@@ -2575,7 +2582,7 @@ class PickerInput extends PickerInputBase {
|
|
|
2575
2582
|
}
|
|
2576
2583
|
}
|
|
2577
2584
|
|
|
2578
|
-
var css$i = {"row":"
|
|
2585
|
+
var css$i = {"row":"PickerListItem-module_row__SAtT7"};
|
|
2579
2586
|
|
|
2580
2587
|
class PickerListItem extends React__default.Component {
|
|
2581
2588
|
render() {
|
|
@@ -2648,7 +2655,7 @@ var dayjs_min = {
|
|
|
2648
2655
|
!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",$="Invalid Date",l=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},g={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},D="en",v={};v[D]=M;var p=function(t){return t instanceof _},S=function(t,e,n){var r;if(!t)return D;if("string"==typeof t)v[t]&&(r=t),e&&(v[t]=e,r=t);else {var i=t.name;v[i]=t,r=i;}return !n&&r&&(D=r),r||!n&&D},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=g;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(l);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===$)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),$=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},l=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,g="set"+(this.$u?"UTC":"");switch(h){case c:return r?$(1,0):$(31,11);case f:return r?$(1,M):$(0,M+1);case o:var D=this.$locale().weekStart||0,v=(y<D?y+7:y)-D;return $(r?m-v:m+(6-v),M);case a:case d:return l(g+"Hours",0);case u:return l(g+"Minutes",1);case s:return l(g+"Seconds",2);case i:return l(g+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),$=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],l=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[$](l),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else $&&this.$d[$](l);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,$=this;r=Number(r);var l=O.p(h),y=function(t){var e=w($);return O.w(e.date(e.date()+Math.round(t*r)),$)};if(l===f)return this.set(f,this.$M+r);if(l===c)return this.set(c,this.$y+r);if(l===a)return y(1);if(l===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[l]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||$;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].substr(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},l={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||l[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,$){var l,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,g=this-M,D=O.m(this,M);return D=(l={},l[c]=D/12,l[f]=D,l[h]=D/3,l[o]=(g-m)/6048e5,l[a]=(g-m)/864e5,l[u]=g/n,l[s]=g/e,l[i]=g/t,l)[y]||g,$?D:O.a(D)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return v[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),b=_.prototype;return w.prototype=b,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){b[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=v[D],w.Ls=v,w.p={},w}));
|
|
2649
2656
|
} (dayjs_min));
|
|
2650
2657
|
|
|
2651
|
-
var css$h = {"
|
|
2658
|
+
var css$h = {"root":"FilterPanelItemToggler-module_root__6HJLW","title-wrapper":"FilterPanelItemToggler-module_title-wrapper__07dD8","title":"FilterPanelItemToggler-module_title__JaXtY","text-wrapper":"FilterPanelItemToggler-module_text-wrapper__kRoKs","selection":"FilterPanelItemToggler-module_selection__K9tGx","postfix":"FilterPanelItemToggler-module_postfix__MpS3n","selected":"FilterPanelItemToggler-module_selected__FEPzr","titleWrapper":"FilterPanelItemToggler-module_title-wrapper__07dD8","textWrapper":"FilterPanelItemToggler-module_text-wrapper__kRoKs"};
|
|
2652
2659
|
|
|
2653
2660
|
const defaultSize = '36';
|
|
2654
2661
|
const FilterPanelItemToggler = React.forwardRef((props, ref) => {
|
|
@@ -2747,7 +2754,7 @@ class FilterDataPickerBody extends BaseDatePicker {
|
|
|
2747
2754
|
}
|
|
2748
2755
|
}
|
|
2749
2756
|
|
|
2750
|
-
var css$g = {"
|
|
2757
|
+
var css$g = {"date-input":"FilterRangeDatePickerBody-module_date-input__YCsN4","size-24":"FilterRangeDatePickerBody-module_size-24__I99Uu","size-30":"FilterRangeDatePickerBody-module_size-30__6sPTt","size-36":"FilterRangeDatePickerBody-module_size-36__EvRIl","size-42":"FilterRangeDatePickerBody-module_size-42__lBWnp","size-48":"FilterRangeDatePickerBody-module_size-48__YnYMk","date-input-group":"FilterRangeDatePickerBody-module_date-input-group__k-U24","separator":"FilterRangeDatePickerBody-module_separator__wydiQ","mode-form":"FilterRangeDatePickerBody-module_mode-form__uTlrw","mode-cell":"FilterRangeDatePickerBody-module_mode-cell__vPfe2","dateInput":"FilterRangeDatePickerBody-module_date-input__YCsN4","size24":"FilterRangeDatePickerBody-module_size-24__I99Uu","size30":"FilterRangeDatePickerBody-module_size-30__6sPTt","size36":"FilterRangeDatePickerBody-module_size-36__EvRIl","size42":"FilterRangeDatePickerBody-module_size-42__lBWnp","size48":"FilterRangeDatePickerBody-module_size-48__YnYMk","dateInputGroup":"FilterRangeDatePickerBody-module_date-input-group__k-U24","modeForm":"FilterRangeDatePickerBody-module_mode-form__uTlrw","modeCell":"FilterRangeDatePickerBody-module_mode-cell__vPfe2"};
|
|
2751
2758
|
|
|
2752
2759
|
class FilterRangeDatePickerBody extends BaseRangeDatePicker {
|
|
2753
2760
|
constructor() {
|
|
@@ -2760,7 +2767,7 @@ class FilterRangeDatePickerBody extends BaseRangeDatePicker {
|
|
|
2760
2767
|
renderBody() {
|
|
2761
2768
|
return (React.createElement(React.Fragment, null,
|
|
2762
2769
|
React.createElement(FlexRow, { borderBottom: true },
|
|
2763
|
-
React.createElement(RangeDatePickerBody, { value: this.getValue(), onValueChange: this.onRangeChange, filter: this.props.filter, focusPart: this.state.inFocus, changeIsOpen: this.toggleOpening })),
|
|
2770
|
+
React.createElement(RangeDatePickerBody, { value: this.getValue(), onValueChange: this.onRangeChange, filter: this.props.filter, focusPart: this.state.inFocus, changeIsOpen: this.toggleOpening, presets: this.props.presets })),
|
|
2764
2771
|
React.createElement(FlexCell, { alignSelf: "stretch" },
|
|
2765
2772
|
React.createElement(FlexRow, { padding: "24", vPadding: "12" },
|
|
2766
2773
|
React.createElement("div", { className: cx(css$g.dateInputGroup, this.state.inFocus && uuiMod.focus) },
|
|
@@ -2862,7 +2869,7 @@ var SvgActionDeleteforever12 = function SvgActionDeleteforever12(props, ref) {
|
|
|
2862
2869
|
};
|
|
2863
2870
|
var ForwardRef$d = /*#__PURE__*/forwardRef(SvgActionDeleteforever12);
|
|
2864
2871
|
|
|
2865
|
-
var css$f = {"
|
|
2872
|
+
var css$f = {"header":"FiltersPanelItem-module_header__hqSIh","removeButton":"FiltersPanelItem-module_removeButton__dWD-9","panel":"FiltersPanelItem-module_panel__EfHsL"};
|
|
2866
2873
|
|
|
2867
2874
|
function FiltersToolbarItemImpl(props) {
|
|
2868
2875
|
const isPickersType = (props === null || props === void 0 ? void 0 : props.type) === 'multiPicker' || (props === null || props === void 0 ? void 0 : props.type) === 'singlePicker';
|
|
@@ -2949,6 +2956,15 @@ function FiltersToolbarItemImpl(props) {
|
|
|
2949
2956
|
var _a;
|
|
2950
2957
|
return predicate ? (_a = props.value) === null || _a === void 0 ? void 0 : _a[predicate] : props.value;
|
|
2951
2958
|
};
|
|
2959
|
+
const getPickerItemName = (item, config) => {
|
|
2960
|
+
if (item.isUnknown) {
|
|
2961
|
+
return 'Unknown';
|
|
2962
|
+
}
|
|
2963
|
+
if (item.isLoading) {
|
|
2964
|
+
return React__default.createElement(TextPlaceholder, null);
|
|
2965
|
+
}
|
|
2966
|
+
return config.getName ? config.getName(item.value) : item.value.name;
|
|
2967
|
+
};
|
|
2952
2968
|
const getTogglerValue = () => {
|
|
2953
2969
|
const currentValue = getValue();
|
|
2954
2970
|
const defaultFormat = 'MMM DD, YYYY';
|
|
@@ -2961,7 +2977,7 @@ function FiltersToolbarItemImpl(props) {
|
|
|
2961
2977
|
? currentValue === null || currentValue === void 0 ? void 0 : currentValue.slice(0, 2).map((i) => {
|
|
2962
2978
|
const item = view.getById(i, null);
|
|
2963
2979
|
isLoading = item.isLoading;
|
|
2964
|
-
return item
|
|
2980
|
+
return getPickerItemName(item, props);
|
|
2965
2981
|
})
|
|
2966
2982
|
: [i18n.filterToolbar.pickerInput.emptyValueCaption];
|
|
2967
2983
|
const selectionText = isLoading ? selection : selection.join(', ');
|
|
@@ -2980,11 +2996,11 @@ function FiltersToolbarItemImpl(props) {
|
|
|
2980
2996
|
}
|
|
2981
2997
|
case 'singlePicker': {
|
|
2982
2998
|
const view = props.dataSource.getView({}, forceUpdate);
|
|
2983
|
-
|
|
2984
|
-
if (!item) {
|
|
2999
|
+
if (currentValue === null || currentValue === undefined) {
|
|
2985
3000
|
return { selection: i18n.filterToolbar.pickerInput.emptyValueCaption };
|
|
2986
3001
|
}
|
|
2987
|
-
const
|
|
3002
|
+
const item = view.getById(currentValue, null);
|
|
3003
|
+
const selection = getPickerItemName(item, props);
|
|
2988
3004
|
return { selection };
|
|
2989
3005
|
}
|
|
2990
3006
|
case 'datePicker': {
|
|
@@ -3137,9 +3153,9 @@ function FiltersToolbarImpl(props) {
|
|
|
3137
3153
|
}
|
|
3138
3154
|
const FiltersPanel = React__default.memo(FiltersToolbarImpl);
|
|
3139
3155
|
|
|
3140
|
-
var css$e = {"divider":"
|
|
3156
|
+
var css$e = {"divider":"PresetsPanel-module_divider__vk5zN","dropdownDeleteIcon":"PresetsPanel-module_dropdownDeleteIcon__nYd89","presetsWrapper":"PresetsPanel-module_presetsWrapper__cxER2","addPresetContainer":"PresetsPanel-module_addPresetContainer__3vzJU","dropContainer":"PresetsPanel-module_dropContainer__ao-Zt"};
|
|
3141
3157
|
|
|
3142
|
-
var css$d = {"preset-dropdown-panel":"
|
|
3158
|
+
var css$d = {"preset-dropdown-panel":"PresetActionsDropdown-module_preset-dropdown-panel__7QqJq","delete-row":"PresetActionsDropdown-module_delete-row__Akkel","delete-button":"PresetActionsDropdown-module_delete-button__PUypn","targetOpen":"PresetActionsDropdown-module_targetOpen__d1eob","presetDropdownPanel":"PresetActionsDropdown-module_preset-dropdown-panel__7QqJq","deleteRow":"PresetActionsDropdown-module_delete-row__Akkel","deleteButton":"PresetActionsDropdown-module_delete-button__PUypn"};
|
|
3143
3159
|
|
|
3144
3160
|
var _path$a;
|
|
3145
3161
|
function _extends$b() { _extends$b = 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$b.apply(this, arguments); }
|
|
@@ -3299,7 +3315,7 @@ function PresetActionsDropdown(props) {
|
|
|
3299
3315
|
return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
3300
3316
|
}
|
|
3301
3317
|
|
|
3302
|
-
var css$c = {"preset-input-cell":"
|
|
3318
|
+
var css$c = {"preset-input-cell":"PresetInput-module_preset-input-cell__k9GyV","preset-input":"PresetInput-module_preset-input__pGJx6","presetInputCell":"PresetInput-module_preset-input-cell__k9GyV","presetInput":"PresetInput-module_preset-input__pGJx6"};
|
|
3303
3319
|
|
|
3304
3320
|
function PresetInput(props) {
|
|
3305
3321
|
var _a;
|
|
@@ -3321,10 +3337,10 @@ function PresetInput(props) {
|
|
|
3321
3337
|
props.onCancel();
|
|
3322
3338
|
}, [presetCaption.length, props.onCancel]);
|
|
3323
3339
|
return (React__default.createElement(FlexCell, { cx: css$c.presetInputCell, minWidth: 180 },
|
|
3324
|
-
React__default.createElement(TextInput, { cx: css$c.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true })));
|
|
3340
|
+
React__default.createElement(TextInput, { cx: css$c.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50 })));
|
|
3325
3341
|
}
|
|
3326
3342
|
|
|
3327
|
-
var css$b = {"preset":"
|
|
3343
|
+
var css$b = {"preset":"Preset-module_preset__5zjTb","activePreset":"Preset-module_activePreset__XgJWT"};
|
|
3328
3344
|
|
|
3329
3345
|
function Preset(props) {
|
|
3330
3346
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -3362,12 +3378,12 @@ function PresetsPanel(props) {
|
|
|
3362
3378
|
}, [isAddingPreset]);
|
|
3363
3379
|
const onPresetDropdownSelect = (preset) => {
|
|
3364
3380
|
props.choosePreset(preset.preset);
|
|
3365
|
-
props.updatePreset(preset.preset);
|
|
3366
3381
|
};
|
|
3367
3382
|
const renderMoreButtonDropdown = (item, hiddenItems) => {
|
|
3368
3383
|
return (React__default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__default.createElement(FlexRow, null,
|
|
3369
3384
|
React__default.createElement("div", { className: css$e.divider }),
|
|
3370
|
-
React__default.createElement(Button, Object.assign({ mode: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: () => (React__default.createElement(DropdownContainer, {
|
|
3385
|
+
React__default.createElement(Button, Object.assign({ mode: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: () => (React__default.createElement(DropdownContainer, { cx: cx$1(css$e.dropContainer), width: 230 },
|
|
3386
|
+
React__default.createElement(ScrollBars$1, null, hiddenItems.map((item) => (React__default.createElement(DropdownMenuButton, { key: item.preset.id, onClick: () => onPresetDropdownSelect(item), caption: item.preset.name, icon: !item.preset.isReadonly && ForwardRef$6, iconPosition: "right", cx: css$e.dropdownDeleteIcon, onIconClick: !item.preset.isReadonly && (() => props.deletePreset(item.preset)) })))))) }));
|
|
3371
3387
|
};
|
|
3372
3388
|
const getPresetPriority = (preset, index) => {
|
|
3373
3389
|
return preset.id === props.activePresetId ? 100499 : 1000 - index;
|
|
@@ -3397,7 +3413,7 @@ const defaultPredicates = {
|
|
|
3397
3413
|
rangeDatePicker: [{ predicate: 'inRange', name: 'In Range', isDefault: true }, { predicate: 'notInRange', name: 'Not in Range' }],
|
|
3398
3414
|
};
|
|
3399
3415
|
|
|
3400
|
-
var css$a = {"root":"
|
|
3416
|
+
var css$a = {"root":"MainMenu-module_root__NqMvR"};
|
|
3401
3417
|
|
|
3402
3418
|
function applyMainMenuMods() {
|
|
3403
3419
|
return [css$a.root];
|
|
@@ -3423,12 +3439,12 @@ var SvgGlobalMenu = function SvgGlobalMenu(props, ref) {
|
|
|
3423
3439
|
};
|
|
3424
3440
|
var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgGlobalMenu);
|
|
3425
3441
|
|
|
3426
|
-
var css$9 = {"global-menu-btn":"
|
|
3442
|
+
var css$9 = {"global-menu-btn":"GlobalMenu-module_global-menu-btn__VNGyq","globalMenuIcon":"GlobalMenu-module_globalMenuIcon__BTMLp","globalMenuBtn":"GlobalMenu-module_global-menu-btn__VNGyq"};
|
|
3427
3443
|
|
|
3428
3444
|
const GlobalMenu = React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
3429
3445
|
React.createElement(IconContainer, { icon: ForwardRef$5, cx: css$9.globalMenuIcon }))));
|
|
3430
3446
|
|
|
3431
|
-
var css$8 = {"root":"
|
|
3447
|
+
var css$8 = {"root":"Burger-module_root__RyM45","burger-content":"Burger-module_burger-content__bbDNZ","burgerContent":"Burger-module_burger-content__bbDNZ"};
|
|
3432
3448
|
|
|
3433
3449
|
var _path$3;
|
|
3434
3450
|
function _extends$4() { _extends$4 = 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$4.apply(this, arguments); }
|
|
@@ -3495,7 +3511,7 @@ var SvgTriangle = function SvgTriangle(props, ref) {
|
|
|
3495
3511
|
};
|
|
3496
3512
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgTriangle);
|
|
3497
3513
|
|
|
3498
|
-
var css$7 = {"
|
|
3514
|
+
var css$7 = {"root":"BurgerButton-module_root__t2JTr","button-primary":"BurgerButton-module_button-primary__Sqw6q","button-secondary":"BurgerButton-module_button-secondary__H4Hed","hasIcon":"BurgerButton-module_hasIcon__6lpPh","dropdown":"BurgerButton-module_dropdown__6OWuB","buttonPrimary":"BurgerButton-module_button-primary__Sqw6q","buttonSecondary":"BurgerButton-module_button-secondary__H4Hed"};
|
|
3499
3515
|
|
|
3500
3516
|
const BurgerButton = withMods(Button$1, (props) => [
|
|
3501
3517
|
css$7.root, css$7['button-' + (props.type || 'primary')], css$7['indent-' + (props.indentLevel || 0)], props.isDropdown && css$7.dropdown, props.icon && css$7.hasIcon,
|
|
@@ -3547,13 +3563,13 @@ var SvgMenuInputCancel = function SvgMenuInputCancel(props, ref) {
|
|
|
3547
3563
|
};
|
|
3548
3564
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgMenuInputCancel);
|
|
3549
3565
|
|
|
3550
|
-
var css$6 = {"search-input":"
|
|
3566
|
+
var css$6 = {"search-input":"BurgerSearch-module_search-input__ot3xM","searchInput":"BurgerSearch-module_search-input__ot3xM"};
|
|
3551
3567
|
|
|
3552
3568
|
function BurgerSearch(props) {
|
|
3553
3569
|
return (React.createElement(TextInput$1, { cx: css$6.searchInput, iconPosition: "left", icon: ForwardRef$W, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$1, autoFocus: true }));
|
|
3554
3570
|
}
|
|
3555
3571
|
|
|
3556
|
-
var css$5 = {"group-header":"
|
|
3572
|
+
var css$5 = {"group-header":"BurgerGroupHeader-module_group-header__RPFIE","group-name":"BurgerGroupHeader-module_group-name__9SbW-","line":"BurgerGroupHeader-module_line__i1Bu-","groupHeader":"BurgerGroupHeader-module_group-header__RPFIE","groupName":"BurgerGroupHeader-module_group-name__9SbW-"};
|
|
3557
3573
|
|
|
3558
3574
|
function BurgerGroupHeader(props) {
|
|
3559
3575
|
return (React.createElement("div", { className: css$5.groupHeader },
|
|
@@ -3561,7 +3577,7 @@ function BurgerGroupHeader(props) {
|
|
|
3561
3577
|
React.createElement("span", { className: css$5.groupName }, props.caption)));
|
|
3562
3578
|
}
|
|
3563
3579
|
|
|
3564
|
-
var css$4 = {"container":"
|
|
3580
|
+
var css$4 = {"container":"MainMenuAvatar-module_container__cen9B","open":"MainMenuAvatar-module_open__hjS1f"};
|
|
3565
3581
|
|
|
3566
3582
|
const MainMenuAvatar = React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$4.container, props.isDropdown && css$4.dropdown, props.isOpen && css$4.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
3567
3583
|
React.createElement(Avatar$1, { size: "36", img: props.avatarUrl }),
|
|
@@ -3569,18 +3585,18 @@ const MainMenuAvatar = React.forwardRef((props, ref) => (React.createElement("bu
|
|
|
3569
3585
|
props.isDropdown && (React.createElement("div", null,
|
|
3570
3586
|
React.createElement(IconContainer, { icon: ForwardRef$10, flipY: props.isOpen }))))));
|
|
3571
3587
|
|
|
3572
|
-
var css$3 = {"search-input":"
|
|
3588
|
+
var css$3 = {"search-input":"MainMenuSearch-module_search-input__AdkL1","searchInput":"MainMenuSearch-module_search-input__AdkL1"};
|
|
3573
3589
|
|
|
3574
3590
|
const MainMenuSearch = React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
3575
3591
|
var _a;
|
|
3576
3592
|
return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$W, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$1 }, props, iEditable, { ref: ref, cx: cx$1(css$3.searchInput, props.cx) }, props.rawProps)));
|
|
3577
3593
|
} }))));
|
|
3578
3594
|
|
|
3579
|
-
var css$2 = {"container":"
|
|
3595
|
+
var css$2 = {"container":"MainMenuIcon-module_container__6NlKF"};
|
|
3580
3596
|
|
|
3581
3597
|
const MainMenuIcon = React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$2.container) }, props))));
|
|
3582
3598
|
|
|
3583
|
-
var css$1 = {"
|
|
3599
|
+
var css$1 = {"root":"MainMenuButton-module_root__pJ8X7","type-primary":"MainMenuButton-module_type-primary__8AIyW","type-secondary":"MainMenuButton-module_type-secondary__uxvwJ","typePrimary":"MainMenuButton-module_type-primary__8AIyW","typeSecondary":"MainMenuButton-module_type-secondary__uxvwJ"};
|
|
3584
3600
|
|
|
3585
3601
|
var _path;
|
|
3586
3602
|
function _extends() { _extends = 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.apply(this, arguments); }
|
|
@@ -3600,7 +3616,7 @@ var ForwardRef = /*#__PURE__*/forwardRef(SvgChevronDown24);
|
|
|
3600
3616
|
|
|
3601
3617
|
const MainMenuButton = withMods(Button$1, (mods) => [css$1.root, css$1['type-' + (mods.type || 'primary')]], () => ({ dropdownIcon: ForwardRef, role: 'menuitem' }));
|
|
3602
3618
|
|
|
3603
|
-
var css = {"dropdown-body":"
|
|
3619
|
+
var css = {"dropdown-body":"MainMenuDropdown-module_dropdown-body__H16cM","dropdownBody":"MainMenuDropdown-module_dropdown-body__H16cM"};
|
|
3604
3620
|
|
|
3605
3621
|
class MainMenuDropdown extends React.Component {
|
|
3606
3622
|
render() {
|