@epam/uui 5.0.0-alpha.3 → 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 -7513
- 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.js
CHANGED
|
@@ -425,7 +425,7 @@ const systemIcons = {
|
|
|
425
425
|
},
|
|
426
426
|
};
|
|
427
427
|
|
|
428
|
-
var buttonCss = {"
|
|
428
|
+
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"};
|
|
429
429
|
|
|
430
430
|
const allButtonColors = [
|
|
431
431
|
'accent', 'primary', 'secondary', 'negative',
|
|
@@ -444,7 +444,7 @@ const Button = uuiCore.withMods(uuiComponents.Button, applyButtonMods, (props) =
|
|
|
444
444
|
clearIcon: systemIcons[props.size || defaultSize$a].clear,
|
|
445
445
|
}));
|
|
446
446
|
|
|
447
|
-
var css$13 = {"root":"
|
|
447
|
+
var css$13 = {"root":"IconButton-module_root__M67sa"};
|
|
448
448
|
|
|
449
449
|
const allIconColors = [
|
|
450
450
|
'info', 'success', 'warning', 'error', 'secondary', 'default',
|
|
@@ -454,7 +454,7 @@ function applyIconButtonMods(mods) {
|
|
|
454
454
|
}
|
|
455
455
|
const IconButton = uuiCore.withMods(uuiComponents.IconButton, applyIconButtonMods);
|
|
456
456
|
|
|
457
|
-
var css$12 = {"root":"
|
|
457
|
+
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"};
|
|
458
458
|
|
|
459
459
|
function getIconClass(props) {
|
|
460
460
|
const classList = {
|
|
@@ -476,7 +476,9 @@ function getIconClass(props) {
|
|
|
476
476
|
const defaultSize$9 = '36';
|
|
477
477
|
function applyLinkButtonMods(mods) {
|
|
478
478
|
return [
|
|
479
|
-
css$12.root,
|
|
479
|
+
css$12.root,
|
|
480
|
+
css$12['size-' + (mods.size || defaultSize$9)],
|
|
481
|
+
...getIconClass(mods),
|
|
480
482
|
];
|
|
481
483
|
}
|
|
482
484
|
const LinkButton = uuiCore.withMods(uuiComponents.Button, applyLinkButtonMods, (props) => ({
|
|
@@ -484,16 +486,16 @@ const LinkButton = uuiCore.withMods(uuiComponents.Button, applyLinkButtonMods, (
|
|
|
484
486
|
clearIcon: systemIcons[props.size || defaultSize$9].clear,
|
|
485
487
|
}));
|
|
486
488
|
|
|
487
|
-
var css$11 = {"
|
|
489
|
+
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"};
|
|
488
490
|
|
|
489
491
|
function applyTabButtonMods(mods) {
|
|
490
492
|
return [
|
|
491
|
-
css$11.root, 'informer-
|
|
493
|
+
css$11.root, 'informer-default', css$11['size-' + (mods.size || '48')], mods.withNotify && css$11.uuiNotification, ...getIconClass(mods),
|
|
492
494
|
];
|
|
493
495
|
}
|
|
494
496
|
const TabButton = uuiCore.withMods(uuiComponents.Button, applyTabButtonMods, (props) => (Object.assign(Object.assign({ dropdownIcon: systemIcons['36'].foldingArrow, clearIcon: systemIcons['36'].clear, countPosition: 'right' }, props), { rawProps: Object.assign({ role: 'tab' }, props.rawProps) })));
|
|
495
497
|
|
|
496
|
-
var css$10 = {"
|
|
498
|
+
var css$10 = {"root":"VerticalTabButton-module_root__vL7Lg"};
|
|
497
499
|
|
|
498
500
|
function applyVerticalTabButtonMods() {
|
|
499
501
|
return [css$10.root];
|
|
@@ -596,7 +598,7 @@ var SvgPartlySelect18 = function SvgPartlySelect18(props, ref) {
|
|
|
596
598
|
};
|
|
597
599
|
var ForwardRef$J = /*#__PURE__*/React.forwardRef(SvgPartlySelect18);
|
|
598
600
|
|
|
599
|
-
var css$$ = {"
|
|
601
|
+
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"};
|
|
600
602
|
|
|
601
603
|
function applyCheckboxMods(mods) {
|
|
602
604
|
return [
|
|
@@ -609,7 +611,7 @@ const applyUUICheckboxProps = (props) => ({
|
|
|
609
611
|
});
|
|
610
612
|
const Checkbox = uuiCore.withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
611
613
|
|
|
612
|
-
var css$_ = {"
|
|
614
|
+
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"};
|
|
613
615
|
|
|
614
616
|
var _circle;
|
|
615
617
|
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); }
|
|
@@ -633,7 +635,7 @@ function applyRadioInputMods(mods) {
|
|
|
633
635
|
}
|
|
634
636
|
const RadioInput = uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, () => ({ icon: ForwardRef$I }));
|
|
635
637
|
|
|
636
|
-
var css$Z = {"root":"
|
|
638
|
+
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"};
|
|
637
639
|
|
|
638
640
|
function applySwitchMods(mods) {
|
|
639
641
|
return [
|
|
@@ -679,7 +681,7 @@ function __awaiter(thisArg, _arguments, P, generator) {
|
|
|
679
681
|
});
|
|
680
682
|
}
|
|
681
683
|
|
|
682
|
-
var textInputCss = {"
|
|
684
|
+
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"};
|
|
683
685
|
|
|
684
686
|
const defaultSize$8 = '36';
|
|
685
687
|
const defaultMode$4 = exports.EditMode.FORM;
|
|
@@ -699,10 +701,16 @@ const SearchInput = React__namespace.default.forwardRef((props, ref) => {
|
|
|
699
701
|
// analytics events are sending in IEditableDebouncer, so we need to avoid sending events in TextInput
|
|
700
702
|
const textInputProps = __rest(props, []);
|
|
701
703
|
delete textInputProps.getValueChangeAnalyticsEvent;
|
|
702
|
-
return (React__namespace.default.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => (React__namespace.default.createElement(TextInput, Object.assign({ icon: systemIcons[props.size || defaultSize$8].search, onCancel: !!props.value
|
|
704
|
+
return (React__namespace.default.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => (React__namespace.default.createElement(TextInput, Object.assign({ icon: systemIcons[props.size || defaultSize$8].search, onCancel: !!props.value
|
|
705
|
+
// In a lot of places, it is required to check if a clicked element is a part of some other element.
|
|
706
|
+
// Usually, those are global click event handlers. To allow that logic to work correctly, it is necessary
|
|
707
|
+
// to execute the `disappearing` of the cross (setState execution) after the event will pass through all the handlers.
|
|
708
|
+
// Related issue: https://github.com/epam/UUI/issues/1045.
|
|
709
|
+
? (() => setTimeout(() => iEditable.onValueChange(''), 0))
|
|
710
|
+
: undefined, type: "search", inputMode: "search", ref: ref }, textInputProps, iEditable))) })));
|
|
703
711
|
});
|
|
704
712
|
|
|
705
|
-
var css$Y = {"root":"
|
|
713
|
+
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"};
|
|
706
714
|
|
|
707
715
|
function applyAccordionMods(mods) {
|
|
708
716
|
return [
|
|
@@ -713,11 +721,11 @@ const Accordion = uuiCore.withMods(uuiComponents.Accordion, applyAccordionMods,
|
|
|
713
721
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons[mods.mode === 'block' ? '60' : '30'].foldingArrow,
|
|
714
722
|
}));
|
|
715
723
|
|
|
716
|
-
var css$X = {"root":"
|
|
724
|
+
var css$X = {"root":"ControlGroup-module_root__DmQxW"};
|
|
717
725
|
|
|
718
726
|
const ControlGroup = uuiCore.withMods(uuiComponents.ControlGroup, () => [css$X.root]);
|
|
719
727
|
|
|
720
|
-
var css$W = {"
|
|
728
|
+
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"};
|
|
721
729
|
|
|
722
730
|
const FlexCell = uuiCore.withMods(uuiComponents.FlexCell, (props) => [css$W.flexCell]);
|
|
723
731
|
|
|
@@ -727,7 +735,7 @@ const FlexRow = uuiCore.withMods(uuiComponents.FlexRow, (props) => {
|
|
|
727
735
|
];
|
|
728
736
|
});
|
|
729
737
|
|
|
730
|
-
var css$V = {"root":"
|
|
738
|
+
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"};
|
|
731
739
|
|
|
732
740
|
const Panel = uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
733
741
|
'uui-panel', css$V.root, props.shadow && css$V.shadow, props.margin && css$V['margin-' + props.margin],
|
|
@@ -813,7 +821,7 @@ var SvgNavigationClose24$1 = function SvgNavigationClose24(props, ref) {
|
|
|
813
821
|
};
|
|
814
822
|
var ForwardRef$D = /*#__PURE__*/React.forwardRef(SvgNavigationClose24$1);
|
|
815
823
|
|
|
816
|
-
var css$U = {"root":"
|
|
824
|
+
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"};
|
|
817
825
|
|
|
818
826
|
const Alert = React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default(css$U.alertWrapper, `alert-${props.color || 'default'}`, css$U.root, props.cx) }, props.rawProps),
|
|
819
827
|
React__namespace.createElement("div", { className: css$U.mainPath },
|
|
@@ -834,7 +842,7 @@ class Dropdown extends React__namespace.Component {
|
|
|
834
842
|
}
|
|
835
843
|
}
|
|
836
844
|
|
|
837
|
-
var css$T = {"root":"
|
|
845
|
+
var css$T = {"root":"DropdownContainer-module_root__mFFyf"};
|
|
838
846
|
|
|
839
847
|
function applyDropdownContainerMods(mods) {
|
|
840
848
|
return [
|
|
@@ -843,7 +851,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
843
851
|
}
|
|
844
852
|
const DropdownContainer = uuiCore.withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
845
853
|
|
|
846
|
-
var css$S = {"
|
|
854
|
+
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"};
|
|
847
855
|
|
|
848
856
|
const icons = systemIcons['36'];
|
|
849
857
|
exports.IDropdownControlKeys = void 0;
|
|
@@ -960,9 +968,9 @@ function DropdownMenuSwitchButton(props) {
|
|
|
960
968
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
961
969
|
}
|
|
962
970
|
|
|
963
|
-
var css$R = {"root":"
|
|
971
|
+
var css$R = {"root":"Text-module_root__9-pr8"};
|
|
964
972
|
|
|
965
|
-
var css$Q = {"line-height-12":"text-
|
|
973
|
+
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"};
|
|
966
974
|
|
|
967
975
|
const defaultTextSettings = {
|
|
968
976
|
18: { lineHeight: 12, fontSize: 10 },
|
|
@@ -995,12 +1003,14 @@ function applyTextMods(mods) {
|
|
|
995
1003
|
fontSize: mods.fontSize,
|
|
996
1004
|
}, false);
|
|
997
1005
|
return [
|
|
998
|
-
`uui-font-${mods.font || 'regular'}`,
|
|
1006
|
+
`uui-font-${mods.font || 'regular'}`,
|
|
1007
|
+
`uui-text-${mods.color || 'primary'}`,
|
|
1008
|
+
css$R.root,
|
|
999
1009
|
].concat(textClasses);
|
|
1000
1010
|
}
|
|
1001
1011
|
const Text = uuiCore.withMods(uuiComponents.Text, applyTextMods);
|
|
1002
1012
|
|
|
1003
|
-
var css$P = {"container":"
|
|
1013
|
+
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"};
|
|
1004
1014
|
|
|
1005
1015
|
const TextPlaceholder = (props) => {
|
|
1006
1016
|
const pattern = ' ';
|
|
@@ -1017,20 +1027,15 @@ const TextPlaceholder = (props) => {
|
|
|
1017
1027
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
1018
1028
|
};
|
|
1019
1029
|
|
|
1020
|
-
var style = {"typography-header":"
|
|
1030
|
+
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"};
|
|
1021
1031
|
|
|
1022
1032
|
const RichTextView = uuiCore.withMods(uuiComponents.RichTextView, (mods) => [style.typographyPromo, style['typography-' + (mods.size || '14')]]);
|
|
1023
1033
|
|
|
1024
|
-
var css$O = {"
|
|
1034
|
+
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"};
|
|
1025
1035
|
|
|
1026
1036
|
const ModalBlocker = uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$O.modalBlocker]);
|
|
1027
1037
|
const ModalWindow = uuiCore.withMods(uuiComponents.ModalWindow, () => [css$O.modal], (props) => ({
|
|
1028
|
-
|
|
1029
|
-
style: {
|
|
1030
|
-
width: `${props.width || 480}px`,
|
|
1031
|
-
height: props.height ? `${props.height}px` : 'auto',
|
|
1032
|
-
},
|
|
1033
|
-
},
|
|
1038
|
+
style: Object.assign(Object.assign({}, props.style), { width: `${props.width || 420}px`, height: props.height ? `${props.height}px` : 'auto' }),
|
|
1034
1039
|
}));
|
|
1035
1040
|
class ModalHeader extends React__namespace.Component {
|
|
1036
1041
|
render() {
|
|
@@ -1149,7 +1154,7 @@ var SvgCross = function SvgCross(props, ref) {
|
|
|
1149
1154
|
};
|
|
1150
1155
|
var ForwardRef$C = /*#__PURE__*/React.forwardRef(SvgCross);
|
|
1151
1156
|
|
|
1152
|
-
var css$N = {"
|
|
1157
|
+
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"};
|
|
1153
1158
|
|
|
1154
1159
|
const NotificationCard = React__namespace.default.forwardRef((props, ref) => {
|
|
1155
1160
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -1186,7 +1191,7 @@ class ClearNotification extends React__namespace.default.Component {
|
|
|
1186
1191
|
}
|
|
1187
1192
|
ClearNotification.contextType = uuiCore.UuiContext;
|
|
1188
1193
|
|
|
1189
|
-
var css$M = {"root":"
|
|
1194
|
+
var css$M = {"root":"Tooltip-module_root__UVOiW"};
|
|
1190
1195
|
|
|
1191
1196
|
function applyTooltipMods(mods) {
|
|
1192
1197
|
return [
|
|
@@ -1213,7 +1218,7 @@ class ConfirmationModal extends React__namespace.Component {
|
|
|
1213
1218
|
}
|
|
1214
1219
|
}
|
|
1215
1220
|
|
|
1216
|
-
var css$L = {"
|
|
1221
|
+
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"};
|
|
1217
1222
|
|
|
1218
1223
|
const defaultSize$7 = '36';
|
|
1219
1224
|
function applyLabeledInputMods(mods) {
|
|
@@ -1224,7 +1229,7 @@ const LabeledInput = uuiCore.withMods(uuiComponents.LabeledInput, applyLabeledIn
|
|
|
1224
1229
|
infoIcon: systemIcons[props.size || defaultSize$7].help,
|
|
1225
1230
|
}));
|
|
1226
1231
|
|
|
1227
|
-
var css$K = {"root":"
|
|
1232
|
+
var css$K = {"root":"RadioGroup-module_root__JuoNU"};
|
|
1228
1233
|
|
|
1229
1234
|
const RadioGroup = uuiCore.withMods(uuiComponents.RadioGroup, () => [css$K.root], () => ({ RadioInput }));
|
|
1230
1235
|
|
|
@@ -1237,9 +1242,9 @@ const ScrollBars = uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMod
|
|
|
1237
1242
|
|
|
1238
1243
|
const VirtualList = uuiComponents.VirtualList;
|
|
1239
1244
|
|
|
1240
|
-
var css$J = {"root":"
|
|
1245
|
+
var css$J = {"root":"Blocker-module_root__agFVC"};
|
|
1241
1246
|
|
|
1242
|
-
var css$I = {"root":"
|
|
1247
|
+
var css$I = {"root":"Spinner-module_root__f6Xhd","uui-spinner":"Spinner-module_uui-spinner__FaqMR","uuiSpinner":"Spinner-module_uui-spinner__FaqMR"};
|
|
1243
1248
|
|
|
1244
1249
|
function applySpinnerMods() {
|
|
1245
1250
|
return [css$I.root];
|
|
@@ -1248,7 +1253,7 @@ const Spinner = uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
|
1248
1253
|
|
|
1249
1254
|
const Blocker = uuiCore.withMods(uuiComponents.Blocker, () => [css$J.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
|
|
1250
1255
|
|
|
1251
|
-
var css$H = {"root":"
|
|
1256
|
+
var css$H = {"root":"CheckboxGroup-module_root__-ZgVR"};
|
|
1252
1257
|
|
|
1253
1258
|
const CheckboxGroup = uuiCore.withMods(uuiComponents.CheckboxGroup, () => [css$H.root], () => ({ CheckboxInput: Checkbox }));
|
|
1254
1259
|
|
|
@@ -1257,7 +1262,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1257
1262
|
}
|
|
1258
1263
|
const MultiSwitch = React__namespace.forwardRef(MultiSwitchComponent);
|
|
1259
1264
|
|
|
1260
|
-
var css$G = {"
|
|
1265
|
+
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"};
|
|
1261
1266
|
|
|
1262
1267
|
const defaultSize$6 = '36';
|
|
1263
1268
|
const defaultMode$3 = exports.EditMode.FORM;
|
|
@@ -1276,7 +1281,7 @@ const NumericInput = uuiCore.withMods(uuiComponents.NumericInput, applyNumericIn
|
|
|
1276
1281
|
});
|
|
1277
1282
|
});
|
|
1278
1283
|
|
|
1279
|
-
var css$F = {"
|
|
1284
|
+
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"};
|
|
1280
1285
|
|
|
1281
1286
|
const defaultSize$5 = '36';
|
|
1282
1287
|
const defaultMode$2 = exports.EditMode.FORM;
|
|
@@ -1290,9 +1295,9 @@ const TextArea = uuiCore.withMods(uuiComponents.TextArea, applyTextAreaMods, (pr
|
|
|
1290
1295
|
maxLength: props.mode === exports.EditMode.CELL ? undefined : props.maxLength,
|
|
1291
1296
|
}));
|
|
1292
1297
|
|
|
1293
|
-
var css$E = {"
|
|
1298
|
+
var css$E = {"root":"DatePicker-module_root__n83qL"};
|
|
1294
1299
|
|
|
1295
|
-
var calendarCss = {"
|
|
1300
|
+
var calendarCss = {"root":"Calendar-module_root__ldDAb"};
|
|
1296
1301
|
|
|
1297
1302
|
function applyDatePickerBodyMods() {
|
|
1298
1303
|
return [css$E.root, calendarCss.root];
|
|
@@ -1321,9 +1326,9 @@ function applyDateSelectionMods() {
|
|
|
1321
1326
|
}
|
|
1322
1327
|
const Calendar = uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
1323
1328
|
|
|
1324
|
-
var rangeCss = {"
|
|
1329
|
+
var rangeCss = {"root":"RangeDatePickerBody-module_root__9hfbE"};
|
|
1325
1330
|
|
|
1326
|
-
var calendarPresetsCss = {"
|
|
1331
|
+
var calendarPresetsCss = {"root":"CalendarPresets-module_root__wSJa2"};
|
|
1327
1332
|
|
|
1328
1333
|
function applyRangeDatePickerBodyMods() {
|
|
1329
1334
|
return [
|
|
@@ -1335,7 +1340,7 @@ const RangeDatePickerBody = uuiCore.withMods(uuiComponents.RangeDatePickerBody,
|
|
|
1335
1340
|
navIconRight: ForwardRef$10,
|
|
1336
1341
|
}));
|
|
1337
1342
|
|
|
1338
|
-
var css$D = {"
|
|
1343
|
+
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"};
|
|
1339
1344
|
|
|
1340
1345
|
const defaultValue = { from: null, to: null };
|
|
1341
1346
|
class RangeDatePicker extends uuiComponents.BaseRangeDatePicker {
|
|
@@ -1357,7 +1362,7 @@ class RangeDatePicker extends uuiComponents.BaseRangeDatePicker {
|
|
|
1357
1362
|
}
|
|
1358
1363
|
}
|
|
1359
1364
|
|
|
1360
|
-
var css$C = {"
|
|
1365
|
+
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"};
|
|
1361
1366
|
|
|
1362
1367
|
class DropMarker extends React__namespace.Component {
|
|
1363
1368
|
render() {
|
|
@@ -1371,7 +1376,7 @@ class DropMarker extends React__namespace.Component {
|
|
|
1371
1376
|
}
|
|
1372
1377
|
}
|
|
1373
1378
|
|
|
1374
|
-
var css$B = {"
|
|
1379
|
+
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"};
|
|
1375
1380
|
|
|
1376
1381
|
class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
1377
1382
|
constructor() {
|
|
@@ -1424,7 +1429,7 @@ function DataPickerFooterImpl(props) {
|
|
|
1424
1429
|
}
|
|
1425
1430
|
const DataPickerFooter = React__namespace.default.memo(DataPickerFooterImpl);
|
|
1426
1431
|
|
|
1427
|
-
var css$A = {"header":"
|
|
1432
|
+
var css$A = {"header":"DataPickerHeader-module_header__TkXlz","close":"DataPickerHeader-module_close__Tiy0j"};
|
|
1428
1433
|
|
|
1429
1434
|
var _path$z;
|
|
1430
1435
|
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); }
|
|
@@ -1474,7 +1479,7 @@ var SvgTreeFoldingArrow = function SvgTreeFoldingArrow(props, ref) {
|
|
|
1474
1479
|
};
|
|
1475
1480
|
var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgTreeFoldingArrow);
|
|
1476
1481
|
|
|
1477
|
-
var css$z = {"cell":"
|
|
1482
|
+
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"};
|
|
1478
1483
|
|
|
1479
1484
|
function DataTableRowAddons(props) {
|
|
1480
1485
|
var _a, _b;
|
|
@@ -1493,8 +1498,10 @@ function DataTableCell(props) {
|
|
|
1493
1498
|
props.addons = React__namespace.createElement(DataTableRowAddons, Object.assign({}, props));
|
|
1494
1499
|
}
|
|
1495
1500
|
props.renderPlaceholder = props.renderPlaceholder
|
|
1496
|
-
|| (() => (React__namespace.createElement(Text, { key: "t", size: props.size
|
|
1501
|
+
|| (() => (React__namespace.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' },
|
|
1497
1502
|
React__namespace.createElement(TextPlaceholder, null))));
|
|
1503
|
+
props.renderUnknown = props.renderUnknown
|
|
1504
|
+
|| (() => (React__namespace.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' }, "Unknown")));
|
|
1498
1505
|
props.renderTooltip = (tooltipProps) => React__namespace.createElement(Tooltip, Object.assign({ color: "critical" }, tooltipProps));
|
|
1499
1506
|
const isEditable = !!props.onValueChange;
|
|
1500
1507
|
props.cx = [
|
|
@@ -1503,7 +1510,7 @@ function DataTableCell(props) {
|
|
|
1503
1510
|
return React__namespace.createElement(uuiComponents.DataTableCell, Object.assign({}, props));
|
|
1504
1511
|
}
|
|
1505
1512
|
|
|
1506
|
-
var css$y = {"
|
|
1513
|
+
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"};
|
|
1507
1514
|
|
|
1508
1515
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
1509
1516
|
// 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.
|
|
@@ -1519,7 +1526,7 @@ const DataTableRow = uuiCore.withMods(uuiComponents.DataTableRow, ({ borderBotto
|
|
|
1519
1526
|
];
|
|
1520
1527
|
}, () => propsMods);
|
|
1521
1528
|
|
|
1522
|
-
var css$x = {"
|
|
1529
|
+
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"};
|
|
1523
1530
|
|
|
1524
1531
|
var _path$y;
|
|
1525
1532
|
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); }
|
|
@@ -1543,7 +1550,7 @@ const DataTableHeaderRow = uuiCore.withMods(uuiComponents.DataTableHeaderRow, (m
|
|
|
1543
1550
|
renderConfigButton: () => React__namespace.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: css$x.configIcon, color: "default", icon: ForwardRef$z }),
|
|
1544
1551
|
}));
|
|
1545
1552
|
|
|
1546
|
-
var css$w = {"
|
|
1553
|
+
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"};
|
|
1547
1554
|
|
|
1548
1555
|
var _path$x;
|
|
1549
1556
|
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); }
|
|
@@ -1867,7 +1874,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
1867
1874
|
};
|
|
1868
1875
|
var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
|
|
1869
1876
|
|
|
1870
|
-
var css$v = {"sticky-header":"
|
|
1877
|
+
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"};
|
|
1871
1878
|
|
|
1872
1879
|
function DataTable(props) {
|
|
1873
1880
|
var _a;
|
|
@@ -1914,7 +1921,7 @@ function DataTable(props) {
|
|
|
1914
1921
|
} })));
|
|
1915
1922
|
}
|
|
1916
1923
|
|
|
1917
|
-
var styles$1 = {"
|
|
1924
|
+
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"};
|
|
1918
1925
|
|
|
1919
1926
|
var _path$p;
|
|
1920
1927
|
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); }
|
|
@@ -2027,7 +2034,7 @@ function PinIconButton(props) {
|
|
|
2027
2034
|
React__namespace.createElement(IconButton, { icon: pinIcon, onClick: pinClickHandler, isDisabled: isPinnedAlways, color: isPinned ? 'info' : undefined }))));
|
|
2028
2035
|
}
|
|
2029
2036
|
|
|
2030
|
-
var styles = {"
|
|
2037
|
+
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"};
|
|
2031
2038
|
|
|
2032
2039
|
const ColumnRow = React__namespace.memo(function ColumnRow(props) {
|
|
2033
2040
|
const { column } = props;
|
|
@@ -2055,7 +2062,7 @@ const ColumnRow = React__namespace.memo(function ColumnRow(props) {
|
|
|
2055
2062
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
2056
2063
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { size: "24", padding: "24", spacing: "6", cx: styles$1.groupTitle },
|
|
2057
2064
|
React__namespace.createElement(Text, { cx: styles$1.groupTitleText, font: "semibold", lineHeight: "24", fontSize: "14" }, title),
|
|
2058
|
-
React__namespace.createElement(Badge, { cx: styles$1.groupTitleBadge, caption: amount, color: "
|
|
2065
|
+
React__namespace.createElement(Badge, { cx: styles$1.groupTitleBadge, caption: amount, color: "default", size: "18" })));
|
|
2059
2066
|
function ColumnsConfigurationModal(props) {
|
|
2060
2067
|
const { columns, columnsConfig: initialColumnsConfig, defaultConfig } = props, modalProps = __rest(props, ["columns", "columnsConfig", "defaultConfig"]);
|
|
2061
2068
|
const { groupedColumns, searchValue, columnsConfig, reset, checkAll, uncheckAll, setSearchValue, } = uuiComponents.useColumnsConfiguration({
|
|
@@ -2108,13 +2115,13 @@ function ColumnsConfigurationModal(props) {
|
|
|
2108
2115
|
React__namespace.createElement(ModalFooter, { borderTop: true },
|
|
2109
2116
|
React__namespace.createElement(LinkButton, { icon: ForwardRef$p, caption: i18nLocal.resetToDefaultButton, onClick: reset }),
|
|
2110
2117
|
React__namespace.createElement(uuiComponents.FlexSpacer, null),
|
|
2111
|
-
React__namespace.createElement(Button, { mode: "
|
|
2118
|
+
React__namespace.createElement(Button, { mode: "none", color: "secondary", caption: i18nLocal.cancelButton, onClick: close }),
|
|
2112
2119
|
noVisibleColumns ? (React__namespace.createElement(Tooltip, { content: i18nLocal.enableAtLeastOneColumnMessage, placement: "top-end", color: "critical" }, applyButton)) : (applyButton)))));
|
|
2113
2120
|
}
|
|
2114
2121
|
|
|
2115
|
-
var css$u = {"panel":"
|
|
2122
|
+
var css$u = {"panel":"ColumnHeaderDropdown-module_panel__8EgfJ"};
|
|
2116
2123
|
|
|
2117
|
-
var css$t = {"
|
|
2124
|
+
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"};
|
|
2118
2125
|
|
|
2119
2126
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
2120
2127
|
const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -2192,7 +2199,7 @@ var SvgNotificationDone12 = function SvgNotificationDone12(props, ref) {
|
|
|
2192
2199
|
};
|
|
2193
2200
|
var ForwardRef$j = /*#__PURE__*/React.forwardRef(SvgNotificationDone12);
|
|
2194
2201
|
|
|
2195
|
-
var css$s = {"
|
|
2202
|
+
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"};
|
|
2196
2203
|
|
|
2197
2204
|
class DataPickerRow extends React__namespace.Component {
|
|
2198
2205
|
constructor() {
|
|
@@ -2230,7 +2237,7 @@ class DataPickerRow extends React__namespace.Component {
|
|
|
2230
2237
|
}
|
|
2231
2238
|
}
|
|
2232
2239
|
|
|
2233
|
-
var css$r = {"
|
|
2240
|
+
var css$r = {"done":"MobileDropdownWrapper-module_done__8Ywqd"};
|
|
2234
2241
|
|
|
2235
2242
|
const MobileDropdownWrapper = (props) => {
|
|
2236
2243
|
const isVisible = uuiCore.isMobile();
|
|
@@ -2241,7 +2248,7 @@ const MobileDropdownWrapper = (props) => {
|
|
|
2241
2248
|
isVisible && React__namespace.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" })));
|
|
2242
2249
|
};
|
|
2243
2250
|
|
|
2244
|
-
var css$q = {"
|
|
2251
|
+
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"};
|
|
2245
2252
|
|
|
2246
2253
|
var _path$h, _path2;
|
|
2247
2254
|
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); }
|
|
@@ -2322,11 +2329,11 @@ class PickerModal extends React__namespace.Component {
|
|
|
2322
2329
|
|
|
2323
2330
|
const Avatar = uuiCore.withMods(uuiComponents.Avatar, () => []);
|
|
2324
2331
|
|
|
2325
|
-
var css$p = {"root":"
|
|
2332
|
+
var css$p = {"root":"AvatarStack-module_root__OBrBf"};
|
|
2326
2333
|
|
|
2327
2334
|
const AvatarStack = uuiCore.withMods(uuiComponents.AvatarStack, () => [css$p.root]);
|
|
2328
2335
|
|
|
2329
|
-
var css$o = {"
|
|
2336
|
+
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"};
|
|
2330
2337
|
|
|
2331
2338
|
const defaultSize$4 = '36';
|
|
2332
2339
|
const mapSize$1 = {
|
|
@@ -2348,7 +2355,7 @@ const Badge = uuiCore.withMods(uuiComponents.Button, applyBadgeMods, (props) =>
|
|
|
2348
2355
|
countPosition: 'left',
|
|
2349
2356
|
}));
|
|
2350
2357
|
|
|
2351
|
-
var css$n = {"
|
|
2358
|
+
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"};
|
|
2352
2359
|
|
|
2353
2360
|
const defaultSize$3 = '36';
|
|
2354
2361
|
const mapSize = {
|
|
@@ -2367,7 +2374,7 @@ const Tag = uuiCore.withMods(uuiComponents.Button, applyTagMods, (props) => ({
|
|
|
2367
2374
|
clearIcon: systemIcons[mapSize[props.size] || defaultSize$3].clear,
|
|
2368
2375
|
}));
|
|
2369
2376
|
|
|
2370
|
-
var css$m = {"root":"
|
|
2377
|
+
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"};
|
|
2371
2378
|
|
|
2372
2379
|
var _path$g;
|
|
2373
2380
|
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); }
|
|
@@ -2459,7 +2466,7 @@ function Paginator(props) {
|
|
|
2459
2466
|
const MAX_ITEMS = 100;
|
|
2460
2467
|
const getMaxItems = (maxItems) => maxItems || maxItems === 0 ? maxItems : MAX_ITEMS;
|
|
2461
2468
|
|
|
2462
|
-
var css$l = {"
|
|
2469
|
+
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"};
|
|
2463
2470
|
|
|
2464
2471
|
const defaultSize$2 = '36';
|
|
2465
2472
|
const defaultMode = exports.EditMode.FORM;
|
|
@@ -2509,7 +2516,7 @@ function PickerTogglerComponent(props, ref) {
|
|
|
2509
2516
|
}
|
|
2510
2517
|
const PickerToggler = React__namespace.forwardRef(PickerTogglerComponent);
|
|
2511
2518
|
|
|
2512
|
-
var css$k = {"root":"
|
|
2519
|
+
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"};
|
|
2513
2520
|
|
|
2514
2521
|
const defaultSize$1 = '36';
|
|
2515
2522
|
class PickerItem extends React__namespace.Component {
|
|
@@ -2533,7 +2540,7 @@ class PickerItem extends React__namespace.Component {
|
|
|
2533
2540
|
}
|
|
2534
2541
|
}
|
|
2535
2542
|
|
|
2536
|
-
var css$j = {"
|
|
2543
|
+
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"};
|
|
2537
2544
|
|
|
2538
2545
|
const pickerHeight$1 = 300;
|
|
2539
2546
|
const pickerWidth$1 = 360;
|
|
@@ -2600,7 +2607,7 @@ class PickerInput extends uuiComponents.PickerInputBase {
|
|
|
2600
2607
|
}
|
|
2601
2608
|
}
|
|
2602
2609
|
|
|
2603
|
-
var css$i = {"row":"
|
|
2610
|
+
var css$i = {"row":"PickerListItem-module_row__SAtT7"};
|
|
2604
2611
|
|
|
2605
2612
|
class PickerListItem extends React__namespace.default.Component {
|
|
2606
2613
|
render() {
|
|
@@ -2673,7 +2680,7 @@ var dayjs_min = {
|
|
|
2673
2680
|
!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}));
|
|
2674
2681
|
} (dayjs_min));
|
|
2675
2682
|
|
|
2676
|
-
var css$h = {"
|
|
2683
|
+
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"};
|
|
2677
2684
|
|
|
2678
2685
|
const defaultSize = '36';
|
|
2679
2686
|
const FilterPanelItemToggler = React__namespace.forwardRef((props, ref) => {
|
|
@@ -2772,7 +2779,7 @@ class FilterDataPickerBody extends uuiComponents.BaseDatePicker {
|
|
|
2772
2779
|
}
|
|
2773
2780
|
}
|
|
2774
2781
|
|
|
2775
|
-
var css$g = {"
|
|
2782
|
+
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"};
|
|
2776
2783
|
|
|
2777
2784
|
class FilterRangeDatePickerBody extends uuiComponents.BaseRangeDatePicker {
|
|
2778
2785
|
constructor() {
|
|
@@ -2785,7 +2792,7 @@ class FilterRangeDatePickerBody extends uuiComponents.BaseRangeDatePicker {
|
|
|
2785
2792
|
renderBody() {
|
|
2786
2793
|
return (React__namespace.createElement(React__namespace.Fragment, null,
|
|
2787
2794
|
React__namespace.createElement(FlexRow, { borderBottom: true },
|
|
2788
|
-
React__namespace.createElement(RangeDatePickerBody, { value: this.getValue(), onValueChange: this.onRangeChange, filter: this.props.filter, focusPart: this.state.inFocus, changeIsOpen: this.toggleOpening })),
|
|
2795
|
+
React__namespace.createElement(RangeDatePickerBody, { value: this.getValue(), onValueChange: this.onRangeChange, filter: this.props.filter, focusPart: this.state.inFocus, changeIsOpen: this.toggleOpening, presets: this.props.presets })),
|
|
2789
2796
|
React__namespace.createElement(FlexCell, { alignSelf: "stretch" },
|
|
2790
2797
|
React__namespace.createElement(FlexRow, { padding: "24", vPadding: "12" },
|
|
2791
2798
|
React__namespace.createElement("div", { className: cx__default.default(css$g.dateInputGroup, this.state.inFocus && uuiCore.uuiMod.focus) },
|
|
@@ -2887,7 +2894,7 @@ var SvgActionDeleteforever12 = function SvgActionDeleteforever12(props, ref) {
|
|
|
2887
2894
|
};
|
|
2888
2895
|
var ForwardRef$d = /*#__PURE__*/React.forwardRef(SvgActionDeleteforever12);
|
|
2889
2896
|
|
|
2890
|
-
var css$f = {"
|
|
2897
|
+
var css$f = {"header":"FiltersPanelItem-module_header__hqSIh","removeButton":"FiltersPanelItem-module_removeButton__dWD-9","panel":"FiltersPanelItem-module_panel__EfHsL"};
|
|
2891
2898
|
|
|
2892
2899
|
function FiltersToolbarItemImpl(props) {
|
|
2893
2900
|
const isPickersType = (props === null || props === void 0 ? void 0 : props.type) === 'multiPicker' || (props === null || props === void 0 ? void 0 : props.type) === 'singlePicker';
|
|
@@ -2974,6 +2981,15 @@ function FiltersToolbarItemImpl(props) {
|
|
|
2974
2981
|
var _a;
|
|
2975
2982
|
return predicate ? (_a = props.value) === null || _a === void 0 ? void 0 : _a[predicate] : props.value;
|
|
2976
2983
|
};
|
|
2984
|
+
const getPickerItemName = (item, config) => {
|
|
2985
|
+
if (item.isUnknown) {
|
|
2986
|
+
return 'Unknown';
|
|
2987
|
+
}
|
|
2988
|
+
if (item.isLoading) {
|
|
2989
|
+
return React__namespace.default.createElement(TextPlaceholder, null);
|
|
2990
|
+
}
|
|
2991
|
+
return config.getName ? config.getName(item.value) : item.value.name;
|
|
2992
|
+
};
|
|
2977
2993
|
const getTogglerValue = () => {
|
|
2978
2994
|
const currentValue = getValue();
|
|
2979
2995
|
const defaultFormat = 'MMM DD, YYYY';
|
|
@@ -2986,7 +3002,7 @@ function FiltersToolbarItemImpl(props) {
|
|
|
2986
3002
|
? currentValue === null || currentValue === void 0 ? void 0 : currentValue.slice(0, 2).map((i) => {
|
|
2987
3003
|
const item = view.getById(i, null);
|
|
2988
3004
|
isLoading = item.isLoading;
|
|
2989
|
-
return item
|
|
3005
|
+
return getPickerItemName(item, props);
|
|
2990
3006
|
})
|
|
2991
3007
|
: [i18n.filterToolbar.pickerInput.emptyValueCaption];
|
|
2992
3008
|
const selectionText = isLoading ? selection : selection.join(', ');
|
|
@@ -3005,11 +3021,11 @@ function FiltersToolbarItemImpl(props) {
|
|
|
3005
3021
|
}
|
|
3006
3022
|
case 'singlePicker': {
|
|
3007
3023
|
const view = props.dataSource.getView({}, forceUpdate);
|
|
3008
|
-
|
|
3009
|
-
if (!item) {
|
|
3024
|
+
if (currentValue === null || currentValue === undefined) {
|
|
3010
3025
|
return { selection: i18n.filterToolbar.pickerInput.emptyValueCaption };
|
|
3011
3026
|
}
|
|
3012
|
-
const
|
|
3027
|
+
const item = view.getById(currentValue, null);
|
|
3028
|
+
const selection = getPickerItemName(item, props);
|
|
3013
3029
|
return { selection };
|
|
3014
3030
|
}
|
|
3015
3031
|
case 'datePicker': {
|
|
@@ -3162,9 +3178,9 @@ function FiltersToolbarImpl(props) {
|
|
|
3162
3178
|
}
|
|
3163
3179
|
const FiltersPanel = React__namespace.default.memo(FiltersToolbarImpl);
|
|
3164
3180
|
|
|
3165
|
-
var css$e = {"divider":"
|
|
3181
|
+
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"};
|
|
3166
3182
|
|
|
3167
|
-
var css$d = {"preset-dropdown-panel":"
|
|
3183
|
+
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"};
|
|
3168
3184
|
|
|
3169
3185
|
var _path$a;
|
|
3170
3186
|
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); }
|
|
@@ -3324,7 +3340,7 @@ function PresetActionsDropdown(props) {
|
|
|
3324
3340
|
return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
3325
3341
|
}
|
|
3326
3342
|
|
|
3327
|
-
var css$c = {"preset-input-cell":"
|
|
3343
|
+
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"};
|
|
3328
3344
|
|
|
3329
3345
|
function PresetInput(props) {
|
|
3330
3346
|
var _a;
|
|
@@ -3346,10 +3362,10 @@ function PresetInput(props) {
|
|
|
3346
3362
|
props.onCancel();
|
|
3347
3363
|
}, [presetCaption.length, props.onCancel]);
|
|
3348
3364
|
return (React__namespace.default.createElement(FlexCell, { cx: css$c.presetInputCell, minWidth: 180 },
|
|
3349
|
-
React__namespace.default.createElement(TextInput, { cx: css$c.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true })));
|
|
3365
|
+
React__namespace.default.createElement(TextInput, { cx: css$c.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50 })));
|
|
3350
3366
|
}
|
|
3351
3367
|
|
|
3352
|
-
var css$b = {"preset":"
|
|
3368
|
+
var css$b = {"preset":"Preset-module_preset__5zjTb","activePreset":"Preset-module_activePreset__XgJWT"};
|
|
3353
3369
|
|
|
3354
3370
|
function Preset(props) {
|
|
3355
3371
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -3387,12 +3403,12 @@ function PresetsPanel(props) {
|
|
|
3387
3403
|
}, [isAddingPreset]);
|
|
3388
3404
|
const onPresetDropdownSelect = (preset) => {
|
|
3389
3405
|
props.choosePreset(preset.preset);
|
|
3390
|
-
props.updatePreset(preset.preset);
|
|
3391
3406
|
};
|
|
3392
3407
|
const renderMoreButtonDropdown = (item, hiddenItems) => {
|
|
3393
3408
|
return (React__namespace.default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__namespace.default.createElement(FlexRow, null,
|
|
3394
3409
|
React__namespace.default.createElement("div", { className: css$e.divider }),
|
|
3395
|
-
React__namespace.default.createElement(Button, Object.assign({ mode: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: () => (React__namespace.default.createElement(DropdownContainer, {
|
|
3410
|
+
React__namespace.default.createElement(Button, Object.assign({ mode: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: () => (React__namespace.default.createElement(DropdownContainer, { cx: uuiCore.cx(css$e.dropContainer), width: 230 },
|
|
3411
|
+
React__namespace.default.createElement(uuiComponents.ScrollBars, null, hiddenItems.map((item) => (React__namespace.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)) })))))) }));
|
|
3396
3412
|
};
|
|
3397
3413
|
const getPresetPriority = (preset, index) => {
|
|
3398
3414
|
return preset.id === props.activePresetId ? 100499 : 1000 - index;
|
|
@@ -3422,7 +3438,7 @@ const defaultPredicates = {
|
|
|
3422
3438
|
rangeDatePicker: [{ predicate: 'inRange', name: 'In Range', isDefault: true }, { predicate: 'notInRange', name: 'Not in Range' }],
|
|
3423
3439
|
};
|
|
3424
3440
|
|
|
3425
|
-
var css$a = {"root":"
|
|
3441
|
+
var css$a = {"root":"MainMenu-module_root__NqMvR"};
|
|
3426
3442
|
|
|
3427
3443
|
function applyMainMenuMods() {
|
|
3428
3444
|
return [css$a.root];
|
|
@@ -3448,12 +3464,12 @@ var SvgGlobalMenu = function SvgGlobalMenu(props, ref) {
|
|
|
3448
3464
|
};
|
|
3449
3465
|
var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgGlobalMenu);
|
|
3450
3466
|
|
|
3451
|
-
var css$9 = {"global-menu-btn":"
|
|
3467
|
+
var css$9 = {"global-menu-btn":"GlobalMenu-module_global-menu-btn__VNGyq","globalMenuIcon":"GlobalMenu-module_globalMenuIcon__BTMLp","globalMenuBtn":"GlobalMenu-module_global-menu-btn__VNGyq"};
|
|
3452
3468
|
|
|
3453
3469
|
const GlobalMenu = React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
3454
3470
|
React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$5, cx: css$9.globalMenuIcon }))));
|
|
3455
3471
|
|
|
3456
|
-
var css$8 = {"root":"
|
|
3472
|
+
var css$8 = {"root":"Burger-module_root__RyM45","burger-content":"Burger-module_burger-content__bbDNZ","burgerContent":"Burger-module_burger-content__bbDNZ"};
|
|
3457
3473
|
|
|
3458
3474
|
var _path$3;
|
|
3459
3475
|
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); }
|
|
@@ -3520,7 +3536,7 @@ var SvgTriangle = function SvgTriangle(props, ref) {
|
|
|
3520
3536
|
};
|
|
3521
3537
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgTriangle);
|
|
3522
3538
|
|
|
3523
|
-
var css$7 = {"
|
|
3539
|
+
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"};
|
|
3524
3540
|
|
|
3525
3541
|
const BurgerButton = uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
3526
3542
|
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,
|
|
@@ -3572,13 +3588,13 @@ var SvgMenuInputCancel = function SvgMenuInputCancel(props, ref) {
|
|
|
3572
3588
|
};
|
|
3573
3589
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgMenuInputCancel);
|
|
3574
3590
|
|
|
3575
|
-
var css$6 = {"search-input":"
|
|
3591
|
+
var css$6 = {"search-input":"BurgerSearch-module_search-input__ot3xM","searchInput":"BurgerSearch-module_search-input__ot3xM"};
|
|
3576
3592
|
|
|
3577
3593
|
function BurgerSearch(props) {
|
|
3578
3594
|
return (React__namespace.createElement(uuiComponents.TextInput, { 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 }));
|
|
3579
3595
|
}
|
|
3580
3596
|
|
|
3581
|
-
var css$5 = {"group-header":"
|
|
3597
|
+
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-"};
|
|
3582
3598
|
|
|
3583
3599
|
function BurgerGroupHeader(props) {
|
|
3584
3600
|
return (React__namespace.createElement("div", { className: css$5.groupHeader },
|
|
@@ -3586,7 +3602,7 @@ function BurgerGroupHeader(props) {
|
|
|
3586
3602
|
React__namespace.createElement("span", { className: css$5.groupName }, props.caption)));
|
|
3587
3603
|
}
|
|
3588
3604
|
|
|
3589
|
-
var css$4 = {"container":"
|
|
3605
|
+
var css$4 = {"container":"MainMenuAvatar-module_container__cen9B","open":"MainMenuAvatar-module_open__hjS1f"};
|
|
3590
3606
|
|
|
3591
3607
|
const MainMenuAvatar = React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$4.container, props.isDropdown && css$4.dropdown, props.isOpen && css$4.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
3592
3608
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -3594,18 +3610,18 @@ const MainMenuAvatar = React__namespace.forwardRef((props, ref) => (React__names
|
|
|
3594
3610
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
3595
3611
|
React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$10, flipY: props.isOpen }))))));
|
|
3596
3612
|
|
|
3597
|
-
var css$3 = {"search-input":"
|
|
3613
|
+
var css$3 = {"search-input":"MainMenuSearch-module_search-input__AdkL1","searchInput":"MainMenuSearch-module_search-input__AdkL1"};
|
|
3598
3614
|
|
|
3599
3615
|
const MainMenuSearch = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
3600
3616
|
var _a;
|
|
3601
3617
|
return (React__namespace.createElement(uuiComponents.TextInput, 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: uuiCore.cx(css$3.searchInput, props.cx) }, props.rawProps)));
|
|
3602
3618
|
} }))));
|
|
3603
3619
|
|
|
3604
|
-
var css$2 = {"container":"
|
|
3620
|
+
var css$2 = {"container":"MainMenuIcon-module_container__6NlKF"};
|
|
3605
3621
|
|
|
3606
3622
|
const MainMenuIcon = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$2.container) }, props))));
|
|
3607
3623
|
|
|
3608
|
-
var css$1 = {"
|
|
3624
|
+
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"};
|
|
3609
3625
|
|
|
3610
3626
|
var _path;
|
|
3611
3627
|
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); }
|
|
@@ -3625,7 +3641,7 @@ var ForwardRef = /*#__PURE__*/React.forwardRef(SvgChevronDown24);
|
|
|
3625
3641
|
|
|
3626
3642
|
const MainMenuButton = uuiCore.withMods(uuiComponents.Button, (mods) => [css$1.root, css$1['type-' + (mods.type || 'primary')]], () => ({ dropdownIcon: ForwardRef, role: 'menuitem' }));
|
|
3627
3643
|
|
|
3628
|
-
var css = {"dropdown-body":"
|
|
3644
|
+
var css = {"dropdown-body":"MainMenuDropdown-module_dropdown-body__H16cM","dropdownBody":"MainMenuDropdown-module_dropdown-body__H16cM"};
|
|
3629
3645
|
|
|
3630
3646
|
class MainMenuDropdown extends React__namespace.Component {
|
|
3631
3647
|
render() {
|