@epam/uui 5.0.0-alpha.3 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/dnd.scss +9 -0
- package/assets/styles/index.scss +1 -1
- package/assets/styles/typography.scss +143 -19
- package/components/buttons/LinkButton.d.ts +3 -0
- package/components/buttons/LinkButton.d.ts.map +1 -1
- package/components/buttons/TabButton.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/forms/Form.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/MobileDropdownWrapper.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/tables/columnsConfigurationModal/ColumnsConfigurationModal.d.ts.map +1 -1
- package/components/typography/RichTextView.d.ts +1 -2
- package/components/typography/RichTextView.d.ts.map +1 -1
- package/components/typography/Text.d.ts +2 -3
- package/components/typography/Text.d.ts.map +1 -1
- package/components/widgets/Badge.d.ts +1 -2
- package/components/widgets/Badge.d.ts.map +1 -1
- package/i18n.d.ts +1 -0
- package/i18n.d.ts.map +1 -1
- package/index.d.ts +0 -1
- package/index.d.ts.map +1 -1
- package/index.esm.js +164 -129
- package/index.esm.js.map +1 -1
- package/index.js +164 -128
- package/index.js.map +1 -1
- package/package.json +6 -8
- package/stats.html +1 -1
- package/styles.css +2684 -7591
- package/styles.css.map +1 -1
- package/assets/styles/font-faces.scss +0 -52
- package/assets/styles/layout-mixins.scss +0 -9
- package/assets/styles/prettifyScrollBar.scss +0 -53
- package/assets/styles/text-layout.scss +0 -81
- package/assets/styles/typography-mixins.scss +0 -159
- 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 = {
|
|
@@ -474,9 +474,13 @@ function getIconClass(props) {
|
|
|
474
474
|
}
|
|
475
475
|
|
|
476
476
|
const defaultSize$9 = '36';
|
|
477
|
+
const allLinkButtonColors = ['primary', 'secondary', 'contrast'];
|
|
477
478
|
function applyLinkButtonMods(mods) {
|
|
478
479
|
return [
|
|
479
|
-
css$12.root,
|
|
480
|
+
css$12.root,
|
|
481
|
+
css$12['size-' + (mods.size || defaultSize$9)],
|
|
482
|
+
...getIconClass(mods),
|
|
483
|
+
`link-button-${mods.color || 'primary'}`,
|
|
480
484
|
];
|
|
481
485
|
}
|
|
482
486
|
const LinkButton = uuiCore.withMods(uuiComponents.Button, applyLinkButtonMods, (props) => ({
|
|
@@ -484,16 +488,20 @@ const LinkButton = uuiCore.withMods(uuiComponents.Button, applyLinkButtonMods, (
|
|
|
484
488
|
clearIcon: systemIcons[props.size || defaultSize$9].clear,
|
|
485
489
|
}));
|
|
486
490
|
|
|
487
|
-
var css$11 = {"
|
|
491
|
+
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
492
|
|
|
489
493
|
function applyTabButtonMods(mods) {
|
|
490
494
|
return [
|
|
491
|
-
css$11.root,
|
|
495
|
+
css$11.root,
|
|
496
|
+
'informer-default',
|
|
497
|
+
css$11['size-' + (mods.size || '48')],
|
|
498
|
+
mods.withNotify && css$11.uuiNotification,
|
|
499
|
+
...getIconClass(mods),
|
|
492
500
|
];
|
|
493
501
|
}
|
|
494
502
|
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
503
|
|
|
496
|
-
var css$10 = {"
|
|
504
|
+
var css$10 = {"root":"VerticalTabButton-module_root__vL7Lg"};
|
|
497
505
|
|
|
498
506
|
function applyVerticalTabButtonMods() {
|
|
499
507
|
return [css$10.root];
|
|
@@ -596,7 +604,7 @@ var SvgPartlySelect18 = function SvgPartlySelect18(props, ref) {
|
|
|
596
604
|
};
|
|
597
605
|
var ForwardRef$J = /*#__PURE__*/React.forwardRef(SvgPartlySelect18);
|
|
598
606
|
|
|
599
|
-
var css$$ = {"
|
|
607
|
+
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
608
|
|
|
601
609
|
function applyCheckboxMods(mods) {
|
|
602
610
|
return [
|
|
@@ -609,7 +617,7 @@ const applyUUICheckboxProps = (props) => ({
|
|
|
609
617
|
});
|
|
610
618
|
const Checkbox = uuiCore.withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
611
619
|
|
|
612
|
-
var css$_ = {"
|
|
620
|
+
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
621
|
|
|
614
622
|
var _circle;
|
|
615
623
|
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 +641,7 @@ function applyRadioInputMods(mods) {
|
|
|
633
641
|
}
|
|
634
642
|
const RadioInput = uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, () => ({ icon: ForwardRef$I }));
|
|
635
643
|
|
|
636
|
-
var css$Z = {"root":"
|
|
644
|
+
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
645
|
|
|
638
646
|
function applySwitchMods(mods) {
|
|
639
647
|
return [
|
|
@@ -656,6 +664,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
|
656
664
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
657
665
|
PERFORMANCE OF THIS SOFTWARE.
|
|
658
666
|
***************************************************************************** */
|
|
667
|
+
/* global Reflect, Promise */
|
|
668
|
+
|
|
659
669
|
|
|
660
670
|
function __rest(s, e) {
|
|
661
671
|
var t = {};
|
|
@@ -679,7 +689,7 @@ function __awaiter(thisArg, _arguments, P, generator) {
|
|
|
679
689
|
});
|
|
680
690
|
}
|
|
681
691
|
|
|
682
|
-
var textInputCss = {"
|
|
692
|
+
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
693
|
|
|
684
694
|
const defaultSize$8 = '36';
|
|
685
695
|
const defaultMode$4 = exports.EditMode.FORM;
|
|
@@ -699,10 +709,16 @@ const SearchInput = React__namespace.default.forwardRef((props, ref) => {
|
|
|
699
709
|
// analytics events are sending in IEditableDebouncer, so we need to avoid sending events in TextInput
|
|
700
710
|
const textInputProps = __rest(props, []);
|
|
701
711
|
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
|
|
712
|
+
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
|
|
713
|
+
// In a lot of places, it is required to check if a clicked element is a part of some other element.
|
|
714
|
+
// Usually, those are global click event handlers. To allow that logic to work correctly, it is necessary
|
|
715
|
+
// to execute the `disappearing` of the cross (setState execution) after the event will pass through all the handlers.
|
|
716
|
+
// Related issue: https://github.com/epam/UUI/issues/1045.
|
|
717
|
+
? (() => setTimeout(() => iEditable.onValueChange(''), 0))
|
|
718
|
+
: undefined, type: "search", inputMode: "search", ref: ref }, textInputProps, iEditable))) })));
|
|
703
719
|
});
|
|
704
720
|
|
|
705
|
-
var css$Y = {"root":"
|
|
721
|
+
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
722
|
|
|
707
723
|
function applyAccordionMods(mods) {
|
|
708
724
|
return [
|
|
@@ -713,11 +729,11 @@ const Accordion = uuiCore.withMods(uuiComponents.Accordion, applyAccordionMods,
|
|
|
713
729
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons[mods.mode === 'block' ? '60' : '30'].foldingArrow,
|
|
714
730
|
}));
|
|
715
731
|
|
|
716
|
-
var css$X = {"root":"
|
|
732
|
+
var css$X = {"root":"ControlGroup-module_root__DmQxW"};
|
|
717
733
|
|
|
718
734
|
const ControlGroup = uuiCore.withMods(uuiComponents.ControlGroup, () => [css$X.root]);
|
|
719
735
|
|
|
720
|
-
var css$W = {"
|
|
736
|
+
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
737
|
|
|
722
738
|
const FlexCell = uuiCore.withMods(uuiComponents.FlexCell, (props) => [css$W.flexCell]);
|
|
723
739
|
|
|
@@ -727,7 +743,7 @@ const FlexRow = uuiCore.withMods(uuiComponents.FlexRow, (props) => {
|
|
|
727
743
|
];
|
|
728
744
|
});
|
|
729
745
|
|
|
730
|
-
var css$V = {"root":"
|
|
746
|
+
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
747
|
|
|
732
748
|
const Panel = uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
733
749
|
'uui-panel', css$V.root, props.shadow && css$V.shadow, props.margin && css$V['margin-' + props.margin],
|
|
@@ -813,7 +829,7 @@ var SvgNavigationClose24$1 = function SvgNavigationClose24(props, ref) {
|
|
|
813
829
|
};
|
|
814
830
|
var ForwardRef$D = /*#__PURE__*/React.forwardRef(SvgNavigationClose24$1);
|
|
815
831
|
|
|
816
|
-
var css$U = {"root":"
|
|
832
|
+
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
833
|
|
|
818
834
|
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
835
|
React__namespace.createElement("div", { className: css$U.mainPath },
|
|
@@ -834,7 +850,7 @@ class Dropdown extends React__namespace.Component {
|
|
|
834
850
|
}
|
|
835
851
|
}
|
|
836
852
|
|
|
837
|
-
var css$T = {"root":"
|
|
853
|
+
var css$T = {"root":"DropdownContainer-module_root__mFFyf"};
|
|
838
854
|
|
|
839
855
|
function applyDropdownContainerMods(mods) {
|
|
840
856
|
return [
|
|
@@ -843,7 +859,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
843
859
|
}
|
|
844
860
|
const DropdownContainer = uuiCore.withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
845
861
|
|
|
846
|
-
var css$S = {"
|
|
862
|
+
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
863
|
|
|
848
864
|
const icons = systemIcons['36'];
|
|
849
865
|
exports.IDropdownControlKeys = void 0;
|
|
@@ -960,9 +976,9 @@ function DropdownMenuSwitchButton(props) {
|
|
|
960
976
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
961
977
|
}
|
|
962
978
|
|
|
963
|
-
var css$R = {"root":"
|
|
979
|
+
var css$R = {"root":"Text-module_root__9-pr8"};
|
|
964
980
|
|
|
965
|
-
var css$Q = {"line-height-12":"text-
|
|
981
|
+
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
982
|
|
|
967
983
|
const defaultTextSettings = {
|
|
968
984
|
18: { lineHeight: 12, fontSize: 10 },
|
|
@@ -995,12 +1011,14 @@ function applyTextMods(mods) {
|
|
|
995
1011
|
fontSize: mods.fontSize,
|
|
996
1012
|
}, false);
|
|
997
1013
|
return [
|
|
998
|
-
`uui-font-${mods.font || 'regular'}`,
|
|
1014
|
+
`uui-font-${mods.font || 'regular'}`,
|
|
1015
|
+
`uui-text-${mods.color || 'primary'}`,
|
|
1016
|
+
css$R.root,
|
|
999
1017
|
].concat(textClasses);
|
|
1000
1018
|
}
|
|
1001
1019
|
const Text = uuiCore.withMods(uuiComponents.Text, applyTextMods);
|
|
1002
1020
|
|
|
1003
|
-
var css$P = {"container":"
|
|
1021
|
+
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
1022
|
|
|
1005
1023
|
const TextPlaceholder = (props) => {
|
|
1006
1024
|
const pattern = ' ';
|
|
@@ -1017,20 +1035,15 @@ const TextPlaceholder = (props) => {
|
|
|
1017
1035
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
1018
1036
|
};
|
|
1019
1037
|
|
|
1020
|
-
var style = {"typography-
|
|
1038
|
+
var style = {"typography-16":"RichTextView-module_typography-16__DrhKc","typography-14":"RichTextView-module_typography-14__1oY8c","typography-12":"RichTextView-module_typography-12__4jZjv","typography-uui":"RichTextView-module_typography-uui__neFbE","typography16":"RichTextView-module_typography-16__DrhKc","typography14":"RichTextView-module_typography-14__1oY8c","typography12":"RichTextView-module_typography-12__4jZjv","typographyUui":"RichTextView-module_typography-uui__neFbE"};
|
|
1021
1039
|
|
|
1022
|
-
const RichTextView = uuiCore.withMods(uuiComponents.RichTextView, (mods) => [style.
|
|
1040
|
+
const RichTextView = uuiCore.withMods(uuiComponents.RichTextView, (mods) => [style.typographyUui, style['typography-' + (mods.size || '14')]]);
|
|
1023
1041
|
|
|
1024
|
-
var css$O = {"
|
|
1042
|
+
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
1043
|
|
|
1026
1044
|
const ModalBlocker = uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$O.modalBlocker]);
|
|
1027
1045
|
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
|
-
},
|
|
1046
|
+
style: Object.assign(Object.assign({}, props.style), { width: `${props.width || 420}px`, height: props.height ? `${props.height}px` : 'auto' }),
|
|
1034
1047
|
}));
|
|
1035
1048
|
class ModalHeader extends React__namespace.Component {
|
|
1036
1049
|
render() {
|
|
@@ -1066,6 +1079,7 @@ const i18n = Object.assign(Object.assign({}, uuiCore.i18n), { dataPickerBody: {
|
|
|
1066
1079
|
clearSelectionButton: 'CLEAR ALL',
|
|
1067
1080
|
clearSelectionButtonSingle: 'CLEAR',
|
|
1068
1081
|
selectAllButton: 'SELECT ALL',
|
|
1082
|
+
doneButton: 'DONE',
|
|
1069
1083
|
}, notificationCard: {
|
|
1070
1084
|
closeAllNotificationsButton: 'CLOSE ALL NOTIFICATIONS',
|
|
1071
1085
|
}, form: {
|
|
@@ -1149,7 +1163,7 @@ var SvgCross = function SvgCross(props, ref) {
|
|
|
1149
1163
|
};
|
|
1150
1164
|
var ForwardRef$C = /*#__PURE__*/React.forwardRef(SvgCross);
|
|
1151
1165
|
|
|
1152
|
-
var css$N = {"
|
|
1166
|
+
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
1167
|
|
|
1154
1168
|
const NotificationCard = React__namespace.default.forwardRef((props, ref) => {
|
|
1155
1169
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -1186,11 +1200,11 @@ class ClearNotification extends React__namespace.default.Component {
|
|
|
1186
1200
|
}
|
|
1187
1201
|
ClearNotification.contextType = uuiCore.UuiContext;
|
|
1188
1202
|
|
|
1189
|
-
var css$M = {"root":"
|
|
1203
|
+
var css$M = {"root":"Tooltip-module_root__UVOiW"};
|
|
1190
1204
|
|
|
1191
1205
|
function applyTooltipMods(mods) {
|
|
1192
1206
|
return [
|
|
1193
|
-
`tooltip-${mods.color}`,
|
|
1207
|
+
`tooltip-${mods.color || 'default'}`,
|
|
1194
1208
|
css$M.root,
|
|
1195
1209
|
];
|
|
1196
1210
|
}
|
|
@@ -1213,7 +1227,7 @@ class ConfirmationModal extends React__namespace.Component {
|
|
|
1213
1227
|
}
|
|
1214
1228
|
}
|
|
1215
1229
|
|
|
1216
|
-
var css$L = {"
|
|
1230
|
+
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
1231
|
|
|
1218
1232
|
const defaultSize$7 = '36';
|
|
1219
1233
|
function applyLabeledInputMods(mods) {
|
|
@@ -1224,7 +1238,7 @@ const LabeledInput = uuiCore.withMods(uuiComponents.LabeledInput, applyLabeledIn
|
|
|
1224
1238
|
infoIcon: systemIcons[props.size || defaultSize$7].help,
|
|
1225
1239
|
}));
|
|
1226
1240
|
|
|
1227
|
-
var css$K = {"root":"
|
|
1241
|
+
var css$K = {"root":"RadioGroup-module_root__JuoNU"};
|
|
1228
1242
|
|
|
1229
1243
|
const RadioGroup = uuiCore.withMods(uuiComponents.RadioGroup, () => [css$K.root], () => ({ RadioInput }));
|
|
1230
1244
|
|
|
@@ -1237,9 +1251,9 @@ const ScrollBars = uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMod
|
|
|
1237
1251
|
|
|
1238
1252
|
const VirtualList = uuiComponents.VirtualList;
|
|
1239
1253
|
|
|
1240
|
-
var css$J = {"root":"
|
|
1254
|
+
var css$J = {"root":"Blocker-module_root__agFVC"};
|
|
1241
1255
|
|
|
1242
|
-
var css$I = {"root":"
|
|
1256
|
+
var css$I = {"root":"Spinner-module_root__f6Xhd","uui-spinner":"Spinner-module_uui-spinner__FaqMR","uuiSpinner":"Spinner-module_uui-spinner__FaqMR"};
|
|
1243
1257
|
|
|
1244
1258
|
function applySpinnerMods() {
|
|
1245
1259
|
return [css$I.root];
|
|
@@ -1248,7 +1262,7 @@ const Spinner = uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
|
1248
1262
|
|
|
1249
1263
|
const Blocker = uuiCore.withMods(uuiComponents.Blocker, () => [css$J.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
|
|
1250
1264
|
|
|
1251
|
-
var css$H = {"root":"
|
|
1265
|
+
var css$H = {"root":"CheckboxGroup-module_root__-ZgVR"};
|
|
1252
1266
|
|
|
1253
1267
|
const CheckboxGroup = uuiCore.withMods(uuiComponents.CheckboxGroup, () => [css$H.root], () => ({ CheckboxInput: Checkbox }));
|
|
1254
1268
|
|
|
@@ -1257,7 +1271,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1257
1271
|
}
|
|
1258
1272
|
const MultiSwitch = React__namespace.forwardRef(MultiSwitchComponent);
|
|
1259
1273
|
|
|
1260
|
-
var css$G = {"
|
|
1274
|
+
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
1275
|
|
|
1262
1276
|
const defaultSize$6 = '36';
|
|
1263
1277
|
const defaultMode$3 = exports.EditMode.FORM;
|
|
@@ -1276,7 +1290,7 @@ const NumericInput = uuiCore.withMods(uuiComponents.NumericInput, applyNumericIn
|
|
|
1276
1290
|
});
|
|
1277
1291
|
});
|
|
1278
1292
|
|
|
1279
|
-
var css$F = {"
|
|
1293
|
+
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
1294
|
|
|
1281
1295
|
const defaultSize$5 = '36';
|
|
1282
1296
|
const defaultMode$2 = exports.EditMode.FORM;
|
|
@@ -1290,9 +1304,9 @@ const TextArea = uuiCore.withMods(uuiComponents.TextArea, applyTextAreaMods, (pr
|
|
|
1290
1304
|
maxLength: props.mode === exports.EditMode.CELL ? undefined : props.maxLength,
|
|
1291
1305
|
}));
|
|
1292
1306
|
|
|
1293
|
-
var css$E = {"
|
|
1307
|
+
var css$E = {"root":"DatePicker-module_root__n83qL"};
|
|
1294
1308
|
|
|
1295
|
-
var calendarCss = {"
|
|
1309
|
+
var calendarCss = {"root":"Calendar-module_root__ldDAb"};
|
|
1296
1310
|
|
|
1297
1311
|
function applyDatePickerBodyMods() {
|
|
1298
1312
|
return [css$E.root, calendarCss.root];
|
|
@@ -1321,9 +1335,9 @@ function applyDateSelectionMods() {
|
|
|
1321
1335
|
}
|
|
1322
1336
|
const Calendar = uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
1323
1337
|
|
|
1324
|
-
var rangeCss = {"
|
|
1338
|
+
var rangeCss = {"root":"RangeDatePickerBody-module_root__9hfbE"};
|
|
1325
1339
|
|
|
1326
|
-
var calendarPresetsCss = {"
|
|
1340
|
+
var calendarPresetsCss = {"root":"CalendarPresets-module_root__wSJa2"};
|
|
1327
1341
|
|
|
1328
1342
|
function applyRangeDatePickerBodyMods() {
|
|
1329
1343
|
return [
|
|
@@ -1335,7 +1349,7 @@ const RangeDatePickerBody = uuiCore.withMods(uuiComponents.RangeDatePickerBody,
|
|
|
1335
1349
|
navIconRight: ForwardRef$10,
|
|
1336
1350
|
}));
|
|
1337
1351
|
|
|
1338
|
-
var css$D = {"
|
|
1352
|
+
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
1353
|
|
|
1340
1354
|
const defaultValue = { from: null, to: null };
|
|
1341
1355
|
class RangeDatePicker extends uuiComponents.BaseRangeDatePicker {
|
|
@@ -1357,7 +1371,7 @@ class RangeDatePicker extends uuiComponents.BaseRangeDatePicker {
|
|
|
1357
1371
|
}
|
|
1358
1372
|
}
|
|
1359
1373
|
|
|
1360
|
-
var css$C = {"
|
|
1374
|
+
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
1375
|
|
|
1362
1376
|
class DropMarker extends React__namespace.Component {
|
|
1363
1377
|
render() {
|
|
@@ -1371,7 +1385,7 @@ class DropMarker extends React__namespace.Component {
|
|
|
1371
1385
|
}
|
|
1372
1386
|
}
|
|
1373
1387
|
|
|
1374
|
-
var css$B = {"
|
|
1388
|
+
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
1389
|
|
|
1376
1390
|
class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
1377
1391
|
constructor() {
|
|
@@ -1424,7 +1438,7 @@ function DataPickerFooterImpl(props) {
|
|
|
1424
1438
|
}
|
|
1425
1439
|
const DataPickerFooter = React__namespace.default.memo(DataPickerFooterImpl);
|
|
1426
1440
|
|
|
1427
|
-
var css$A = {"header":"
|
|
1441
|
+
var css$A = {"header":"DataPickerHeader-module_header__TkXlz","close":"DataPickerHeader-module_close__Tiy0j"};
|
|
1428
1442
|
|
|
1429
1443
|
var _path$z;
|
|
1430
1444
|
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 +1488,7 @@ var SvgTreeFoldingArrow = function SvgTreeFoldingArrow(props, ref) {
|
|
|
1474
1488
|
};
|
|
1475
1489
|
var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgTreeFoldingArrow);
|
|
1476
1490
|
|
|
1477
|
-
var css$z = {"cell":"
|
|
1491
|
+
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
1492
|
|
|
1479
1493
|
function DataTableRowAddons(props) {
|
|
1480
1494
|
var _a, _b;
|
|
@@ -1493,17 +1507,27 @@ function DataTableCell(props) {
|
|
|
1493
1507
|
props.addons = React__namespace.createElement(DataTableRowAddons, Object.assign({}, props));
|
|
1494
1508
|
}
|
|
1495
1509
|
props.renderPlaceholder = props.renderPlaceholder
|
|
1496
|
-
|| (() => (React__namespace.createElement(Text, { key: "t", size: props.size
|
|
1510
|
+
|| (() => (React__namespace.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' },
|
|
1497
1511
|
React__namespace.createElement(TextPlaceholder, null))));
|
|
1512
|
+
props.renderUnknown = props.renderUnknown
|
|
1513
|
+
|| (() => (React__namespace.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' }, "Unknown")));
|
|
1498
1514
|
props.renderTooltip = (tooltipProps) => React__namespace.createElement(Tooltip, Object.assign({ color: "critical" }, tooltipProps));
|
|
1499
1515
|
const isEditable = !!props.onValueChange;
|
|
1500
1516
|
props.cx = [
|
|
1501
|
-
'data-table-cell',
|
|
1517
|
+
'data-table-cell',
|
|
1518
|
+
props.cx,
|
|
1519
|
+
css$z.cell,
|
|
1520
|
+
css$z['size-' + (props.size || '36')],
|
|
1521
|
+
css$z[`padding-${props.padding || (isEditable && !props.rowProps.isLoading && '0') || '12'}`],
|
|
1522
|
+
props.isFirstColumn && css$z[`padding-left-${props.padding || '24'}`],
|
|
1523
|
+
props.isLastColumn && css$z['padding-right-24'],
|
|
1524
|
+
css$z[`align-widgets-${props.alignActions || 'top'}`],
|
|
1525
|
+
(props.border || isEditable) && 'uui-dt-vertical-cell-border',
|
|
1502
1526
|
];
|
|
1503
1527
|
return React__namespace.createElement(uuiComponents.DataTableCell, Object.assign({}, props));
|
|
1504
1528
|
}
|
|
1505
1529
|
|
|
1506
|
-
var css$y = {"
|
|
1530
|
+
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
1531
|
|
|
1508
1532
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
1509
1533
|
// 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 +1543,7 @@ const DataTableRow = uuiCore.withMods(uuiComponents.DataTableRow, ({ borderBotto
|
|
|
1519
1543
|
];
|
|
1520
1544
|
}, () => propsMods);
|
|
1521
1545
|
|
|
1522
|
-
var css$x = {"
|
|
1546
|
+
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
1547
|
|
|
1524
1548
|
var _path$y;
|
|
1525
1549
|
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 +1567,7 @@ const DataTableHeaderRow = uuiCore.withMods(uuiComponents.DataTableHeaderRow, (m
|
|
|
1543
1567
|
renderConfigButton: () => React__namespace.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: css$x.configIcon, color: "default", icon: ForwardRef$z }),
|
|
1544
1568
|
}));
|
|
1545
1569
|
|
|
1546
|
-
var css$w = {"
|
|
1570
|
+
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
1571
|
|
|
1548
1572
|
var _path$x;
|
|
1549
1573
|
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 +1891,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
1867
1891
|
};
|
|
1868
1892
|
var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
|
|
1869
1893
|
|
|
1870
|
-
var css$v = {"sticky-header":"
|
|
1894
|
+
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
1895
|
|
|
1872
1896
|
function DataTable(props) {
|
|
1873
1897
|
var _a;
|
|
@@ -1914,7 +1938,7 @@ function DataTable(props) {
|
|
|
1914
1938
|
} })));
|
|
1915
1939
|
}
|
|
1916
1940
|
|
|
1917
|
-
var styles$1 = {"
|
|
1941
|
+
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
1942
|
|
|
1919
1943
|
var _path$p;
|
|
1920
1944
|
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); }
|
|
@@ -1999,16 +2023,16 @@ var SvgActionPinOff18 = function SvgActionPinOff18(props, ref) {
|
|
|
1999
2023
|
};
|
|
2000
2024
|
var ForwardRef$m = /*#__PURE__*/React.forwardRef(SvgActionPinOff18);
|
|
2001
2025
|
|
|
2002
|
-
const i18nLocal
|
|
2026
|
+
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
2003
2027
|
function PinIconButton(props) {
|
|
2004
2028
|
const [isHovered, setIsHovered] = React.useState(false);
|
|
2005
2029
|
const { id, onTogglePin, isPinned, canUnpin, } = props;
|
|
2006
2030
|
const isPinnedAlways = isPinned && !canUnpin;
|
|
2007
2031
|
const tooltipText = React.useMemo(() => {
|
|
2008
2032
|
if (isPinned) {
|
|
2009
|
-
return isPinnedAlways ? i18nLocal
|
|
2033
|
+
return isPinnedAlways ? i18nLocal.lockedColumnPinButton : i18nLocal.unPinColumnButton;
|
|
2010
2034
|
}
|
|
2011
|
-
return i18nLocal
|
|
2035
|
+
return i18nLocal.pinColumnButton;
|
|
2012
2036
|
}, [isPinned, isPinnedAlways]);
|
|
2013
2037
|
const pinIcon = React.useMemo(() => {
|
|
2014
2038
|
if (isPinnedAlways) {
|
|
@@ -2027,7 +2051,7 @@ function PinIconButton(props) {
|
|
|
2027
2051
|
React__namespace.createElement(IconButton, { icon: pinIcon, onClick: pinClickHandler, isDisabled: isPinnedAlways, color: isPinned ? 'info' : undefined }))));
|
|
2028
2052
|
}
|
|
2029
2053
|
|
|
2030
|
-
var styles = {"
|
|
2054
|
+
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
2055
|
|
|
2032
2056
|
const ColumnRow = React__namespace.memo(function ColumnRow(props) {
|
|
2033
2057
|
const { column } = props;
|
|
@@ -2052,11 +2076,11 @@ const ColumnRow = React__namespace.memo(function ColumnRow(props) {
|
|
|
2052
2076
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
2053
2077
|
});
|
|
2054
2078
|
|
|
2055
|
-
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
2056
2079
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { size: "24", padding: "24", spacing: "6", cx: styles$1.groupTitle },
|
|
2057
2080
|
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: "
|
|
2081
|
+
React__namespace.createElement(Badge, { cx: styles$1.groupTitleBadge, caption: amount, color: "default", size: "18" })));
|
|
2059
2082
|
function ColumnsConfigurationModal(props) {
|
|
2083
|
+
const i18n$1 = i18n.tables.columnsConfigurationModal;
|
|
2060
2084
|
const { columns, columnsConfig: initialColumnsConfig, defaultConfig } = props, modalProps = __rest(props, ["columns", "columnsConfig", "defaultConfig"]);
|
|
2061
2085
|
const { groupedColumns, searchValue, columnsConfig, reset, checkAll, uncheckAll, setSearchValue, } = uuiComponents.useColumnsConfiguration({
|
|
2062
2086
|
initialColumnsConfig,
|
|
@@ -2074,7 +2098,7 @@ function ColumnsConfigurationModal(props) {
|
|
|
2074
2098
|
}
|
|
2075
2099
|
const hasDivider = !!(amountPinned && amountUnPinned);
|
|
2076
2100
|
return (React__namespace.createElement(React__namespace.Fragment, null,
|
|
2077
|
-
renderGroupTitle(
|
|
2101
|
+
renderGroupTitle(i18n$1.displayedSectionTitle, amountPinned + amountUnPinned),
|
|
2078
2102
|
!!amountPinned && (React__namespace.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.displayedPinned.map((c) => (React__namespace.createElement(ColumnRow, { column: c, key: c.key }))))),
|
|
2079
2103
|
hasDivider && React__namespace.createElement("div", { className: styles$1.hDivider }),
|
|
2080
2104
|
!!amountUnPinned && (React__namespace.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.displayedUnpinned.map((c) => (React__namespace.createElement(ColumnRow, { column: c, key: c.key })))))));
|
|
@@ -2085,36 +2109,36 @@ function ColumnsConfigurationModal(props) {
|
|
|
2085
2109
|
return null;
|
|
2086
2110
|
}
|
|
2087
2111
|
return (React__namespace.createElement(React__namespace.Fragment, null,
|
|
2088
|
-
renderGroupTitle(
|
|
2112
|
+
renderGroupTitle(i18n$1.hiddenSectionTitle, amountHidden),
|
|
2089
2113
|
React__namespace.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.hidden.map((c) => (React__namespace.createElement(ColumnRow, { column: c, key: c.key }))))));
|
|
2090
2114
|
};
|
|
2091
2115
|
const noVisibleColumns = React.useMemo(() => !groupedColumns.displayedPinned.length && !groupedColumns.displayedUnpinned.length, [groupedColumns.displayedPinned, groupedColumns.displayedUnpinned]);
|
|
2092
|
-
const applyButton = React__namespace.createElement(Button, { caption:
|
|
2116
|
+
const applyButton = React__namespace.createElement(Button, { caption: i18n$1.applyButton, isDisabled: noVisibleColumns, color: "accent", onClick: apply });
|
|
2093
2117
|
return (React__namespace.createElement(ModalBlocker, Object.assign({}, modalProps),
|
|
2094
2118
|
React__namespace.createElement(ModalWindow, { height: 700 },
|
|
2095
|
-
React__namespace.createElement(ModalHeader, { title:
|
|
2119
|
+
React__namespace.createElement(ModalHeader, { title: i18n$1.configureColumnsTitle, onClose: close }),
|
|
2096
2120
|
React__namespace.createElement(FlexRow, { padding: "24", borderBottom: true, spacing: "12", cx: styles$1.searchArea },
|
|
2097
|
-
React__namespace.createElement(SearchInput, { size: "30", value: searchValue, onValueChange: setSearchValue, placeholder:
|
|
2121
|
+
React__namespace.createElement(SearchInput, { size: "30", value: searchValue, onValueChange: setSearchValue, placeholder: i18n$1.searchPlaceholder }),
|
|
2098
2122
|
React__namespace.createElement(Dropdown, { closeOnTargetClick: true, renderBody: () => (React__namespace.createElement(Panel, { shadow: true },
|
|
2099
|
-
React__namespace.createElement(DropdownMenuButton, { caption:
|
|
2100
|
-
React__namespace.createElement(DropdownMenuButton, { caption:
|
|
2123
|
+
React__namespace.createElement(DropdownMenuButton, { caption: i18n$1.clearAllButton, onClick: uncheckAll }),
|
|
2124
|
+
React__namespace.createElement(DropdownMenuButton, { caption: i18n$1.selectAllButton, onClick: checkAll }))), renderTarget: (props) => React__namespace.createElement(Button, Object.assign({}, props, { mode: "none", icon: ForwardRef$q, size: "30", color: "secondary", isDropdown: false })) })),
|
|
2101
2125
|
React__namespace.createElement(Panel, { cx: styles$1.mainPanel },
|
|
2102
2126
|
React__namespace.createElement(ScrollBars, null,
|
|
2103
2127
|
renderVisible(),
|
|
2104
2128
|
renderHidden(),
|
|
2105
2129
|
isNoData && (React__namespace.createElement(FlexRow, { cx: styles$1.noData },
|
|
2106
|
-
React__namespace.createElement(Text, { fontSize: "24", lineHeight: "30", color: "primary", font: "semibold" },
|
|
2107
|
-
React__namespace.createElement(Text, { fontSize: "16", lineHeight: "24", font: "regular", color: "primary" },
|
|
2130
|
+
React__namespace.createElement(Text, { fontSize: "24", lineHeight: "30", color: "primary", font: "semibold" }, i18n$1.noResultsFound.text),
|
|
2131
|
+
React__namespace.createElement(Text, { fontSize: "16", lineHeight: "24", font: "regular", color: "primary" }, i18n$1.noResultsFound.subText))))),
|
|
2108
2132
|
React__namespace.createElement(ModalFooter, { borderTop: true },
|
|
2109
|
-
React__namespace.createElement(LinkButton, { icon: ForwardRef$p, caption:
|
|
2133
|
+
React__namespace.createElement(LinkButton, { icon: ForwardRef$p, caption: i18n$1.resetToDefaultButton, onClick: reset }),
|
|
2110
2134
|
React__namespace.createElement(uuiComponents.FlexSpacer, null),
|
|
2111
|
-
React__namespace.createElement(Button, { mode: "
|
|
2112
|
-
noVisibleColumns ? (React__namespace.createElement(Tooltip, { content:
|
|
2135
|
+
React__namespace.createElement(Button, { mode: "none", color: "secondary", caption: i18n$1.cancelButton, onClick: close }),
|
|
2136
|
+
noVisibleColumns ? (React__namespace.createElement(Tooltip, { content: i18n$1.enableAtLeastOneColumnMessage, placement: "top-end", color: "critical" }, applyButton)) : (applyButton)))));
|
|
2113
2137
|
}
|
|
2114
2138
|
|
|
2115
|
-
var css$u = {"panel":"
|
|
2139
|
+
var css$u = {"panel":"ColumnHeaderDropdown-module_panel__8EgfJ"};
|
|
2116
2140
|
|
|
2117
|
-
var css$t = {"
|
|
2141
|
+
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
2142
|
|
|
2119
2143
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
2120
2144
|
const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -2192,7 +2216,7 @@ var SvgNotificationDone12 = function SvgNotificationDone12(props, ref) {
|
|
|
2192
2216
|
};
|
|
2193
2217
|
var ForwardRef$j = /*#__PURE__*/React.forwardRef(SvgNotificationDone12);
|
|
2194
2218
|
|
|
2195
|
-
var css$s = {"
|
|
2219
|
+
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
2220
|
|
|
2197
2221
|
class DataPickerRow extends React__namespace.Component {
|
|
2198
2222
|
constructor() {
|
|
@@ -2230,7 +2254,7 @@ class DataPickerRow extends React__namespace.Component {
|
|
|
2230
2254
|
}
|
|
2231
2255
|
}
|
|
2232
2256
|
|
|
2233
|
-
var css$r = {"
|
|
2257
|
+
var css$r = {"done":"MobileDropdownWrapper-module_done__8Ywqd"};
|
|
2234
2258
|
|
|
2235
2259
|
const MobileDropdownWrapper = (props) => {
|
|
2236
2260
|
const isVisible = uuiCore.isMobile();
|
|
@@ -2238,10 +2262,10 @@ const MobileDropdownWrapper = (props) => {
|
|
|
2238
2262
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
2239
2263
|
isVisible && React__namespace.default.createElement(DataPickerHeader, { title: props.title, close: props.close }),
|
|
2240
2264
|
props.children,
|
|
2241
|
-
isVisible && React__namespace.default.createElement(LinkButton, { caption:
|
|
2265
|
+
isVisible && React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$r.done, size: "48" })));
|
|
2242
2266
|
};
|
|
2243
2267
|
|
|
2244
|
-
var css$q = {"
|
|
2268
|
+
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
2269
|
|
|
2246
2270
|
var _path$h, _path2;
|
|
2247
2271
|
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 +2346,11 @@ class PickerModal extends React__namespace.Component {
|
|
|
2322
2346
|
|
|
2323
2347
|
const Avatar = uuiCore.withMods(uuiComponents.Avatar, () => []);
|
|
2324
2348
|
|
|
2325
|
-
var css$p = {"root":"
|
|
2349
|
+
var css$p = {"root":"AvatarStack-module_root__OBrBf"};
|
|
2326
2350
|
|
|
2327
2351
|
const AvatarStack = uuiCore.withMods(uuiComponents.AvatarStack, () => [css$p.root]);
|
|
2328
2352
|
|
|
2329
|
-
var css$o = {"
|
|
2353
|
+
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
2354
|
|
|
2331
2355
|
const defaultSize$4 = '36';
|
|
2332
2356
|
const mapSize$1 = {
|
|
@@ -2348,7 +2372,7 @@ const Badge = uuiCore.withMods(uuiComponents.Button, applyBadgeMods, (props) =>
|
|
|
2348
2372
|
countPosition: 'left',
|
|
2349
2373
|
}));
|
|
2350
2374
|
|
|
2351
|
-
var css$n = {"
|
|
2375
|
+
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
2376
|
|
|
2353
2377
|
const defaultSize$3 = '36';
|
|
2354
2378
|
const mapSize = {
|
|
@@ -2367,7 +2391,7 @@ const Tag = uuiCore.withMods(uuiComponents.Button, applyTagMods, (props) => ({
|
|
|
2367
2391
|
clearIcon: systemIcons[mapSize[props.size] || defaultSize$3].clear,
|
|
2368
2392
|
}));
|
|
2369
2393
|
|
|
2370
|
-
var css$m = {"root":"
|
|
2394
|
+
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
2395
|
|
|
2372
2396
|
var _path$g;
|
|
2373
2397
|
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 +2483,7 @@ function Paginator(props) {
|
|
|
2459
2483
|
const MAX_ITEMS = 100;
|
|
2460
2484
|
const getMaxItems = (maxItems) => maxItems || maxItems === 0 ? maxItems : MAX_ITEMS;
|
|
2461
2485
|
|
|
2462
|
-
var css$l = {"
|
|
2486
|
+
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
2487
|
|
|
2464
2488
|
const defaultSize$2 = '36';
|
|
2465
2489
|
const defaultMode = exports.EditMode.FORM;
|
|
@@ -2509,7 +2533,7 @@ function PickerTogglerComponent(props, ref) {
|
|
|
2509
2533
|
}
|
|
2510
2534
|
const PickerToggler = React__namespace.forwardRef(PickerTogglerComponent);
|
|
2511
2535
|
|
|
2512
|
-
var css$k = {"root":"
|
|
2536
|
+
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
2537
|
|
|
2514
2538
|
const defaultSize$1 = '36';
|
|
2515
2539
|
class PickerItem extends React__namespace.Component {
|
|
@@ -2533,7 +2557,7 @@ class PickerItem extends React__namespace.Component {
|
|
|
2533
2557
|
}
|
|
2534
2558
|
}
|
|
2535
2559
|
|
|
2536
|
-
var css$j = {"
|
|
2560
|
+
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
2561
|
|
|
2538
2562
|
const pickerHeight$1 = 300;
|
|
2539
2563
|
const pickerWidth$1 = 360;
|
|
@@ -2600,7 +2624,7 @@ class PickerInput extends uuiComponents.PickerInputBase {
|
|
|
2600
2624
|
}
|
|
2601
2625
|
}
|
|
2602
2626
|
|
|
2603
|
-
var css$i = {"row":"
|
|
2627
|
+
var css$i = {"row":"PickerListItem-module_row__SAtT7"};
|
|
2604
2628
|
|
|
2605
2629
|
class PickerListItem extends React__namespace.default.Component {
|
|
2606
2630
|
render() {
|
|
@@ -2663,17 +2687,20 @@ PickerList.contextType = uuiCore.UuiContext;
|
|
|
2663
2687
|
|
|
2664
2688
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
2665
2689
|
|
|
2666
|
-
|
|
2667
|
-
|
|
2668
|
-
|
|
2669
|
-
|
|
2670
|
-
};
|
|
2690
|
+
function getDefaultExportFromCjs (x) {
|
|
2691
|
+
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
2692
|
+
}
|
|
2693
|
+
|
|
2694
|
+
var dayjs_min = {exports: {}};
|
|
2671
2695
|
|
|
2672
2696
|
(function (module, exports) {
|
|
2673
|
-
!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}));
|
|
2697
|
+
!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
2698
|
} (dayjs_min));
|
|
2675
2699
|
|
|
2676
|
-
var
|
|
2700
|
+
var dayjs_minExports = dayjs_min.exports;
|
|
2701
|
+
var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
|
|
2702
|
+
|
|
2703
|
+
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
2704
|
|
|
2678
2705
|
const defaultSize = '36';
|
|
2679
2706
|
const FilterPanelItemToggler = React__namespace.forwardRef((props, ref) => {
|
|
@@ -2763,7 +2790,7 @@ class FilterDataPickerBody extends uuiComponents.BaseDatePicker {
|
|
|
2763
2790
|
React__namespace.default.createElement(DatePickerBody, { filter: this.props.filter, value: this.getValue(), setSelectedDate: this.setSelectedDate, setDisplayedDateAndView: this.setDisplayedDateAndView, changeIsOpen: this.onToggleHandler, renderDay: this.props.renderDay, isHoliday: this.props.isHoliday, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.body })),
|
|
2764
2791
|
React__namespace.default.createElement(FlexCell, { alignSelf: "stretch" },
|
|
2765
2792
|
React__namespace.default.createElement(FlexRow, { padding: "24", vPadding: "12" },
|
|
2766
|
-
React__namespace.default.createElement(Text, null, this.state.selectedDate ?
|
|
2793
|
+
React__namespace.default.createElement(Text, null, this.state.selectedDate ? dayjs(this.state.selectedDate).format('MMM DD, YYYY') : ''),
|
|
2767
2794
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
2768
2795
|
React__namespace.default.createElement(LinkButton, { isDisabled: !this.state.selectedDate, caption: i18n.filterToolbar.datePicker.clearCaption, onClick: this.handleCancel })))));
|
|
2769
2796
|
}
|
|
@@ -2772,7 +2799,7 @@ class FilterDataPickerBody extends uuiComponents.BaseDatePicker {
|
|
|
2772
2799
|
}
|
|
2773
2800
|
}
|
|
2774
2801
|
|
|
2775
|
-
var css$g = {"
|
|
2802
|
+
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
2803
|
|
|
2777
2804
|
class FilterRangeDatePickerBody extends uuiComponents.BaseRangeDatePicker {
|
|
2778
2805
|
constructor() {
|
|
@@ -2785,7 +2812,7 @@ class FilterRangeDatePickerBody extends uuiComponents.BaseRangeDatePicker {
|
|
|
2785
2812
|
renderBody() {
|
|
2786
2813
|
return (React__namespace.createElement(React__namespace.Fragment, null,
|
|
2787
2814
|
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 })),
|
|
2815
|
+
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
2816
|
React__namespace.createElement(FlexCell, { alignSelf: "stretch" },
|
|
2790
2817
|
React__namespace.createElement(FlexRow, { padding: "24", vPadding: "12" },
|
|
2791
2818
|
React__namespace.createElement("div", { className: cx__default.default(css$g.dateInputGroup, this.state.inFocus && uuiCore.uuiMod.focus) },
|
|
@@ -2887,7 +2914,7 @@ var SvgActionDeleteforever12 = function SvgActionDeleteforever12(props, ref) {
|
|
|
2887
2914
|
};
|
|
2888
2915
|
var ForwardRef$d = /*#__PURE__*/React.forwardRef(SvgActionDeleteforever12);
|
|
2889
2916
|
|
|
2890
|
-
var css$f = {"
|
|
2917
|
+
var css$f = {"header":"FiltersPanelItem-module_header__hqSIh","removeButton":"FiltersPanelItem-module_removeButton__dWD-9","panel":"FiltersPanelItem-module_panel__EfHsL"};
|
|
2891
2918
|
|
|
2892
2919
|
function FiltersToolbarItemImpl(props) {
|
|
2893
2920
|
const isPickersType = (props === null || props === void 0 ? void 0 : props.type) === 'multiPicker' || (props === null || props === void 0 ? void 0 : props.type) === 'singlePicker';
|
|
@@ -2974,6 +3001,15 @@ function FiltersToolbarItemImpl(props) {
|
|
|
2974
3001
|
var _a;
|
|
2975
3002
|
return predicate ? (_a = props.value) === null || _a === void 0 ? void 0 : _a[predicate] : props.value;
|
|
2976
3003
|
};
|
|
3004
|
+
const getPickerItemName = (item, config) => {
|
|
3005
|
+
if (item.isUnknown) {
|
|
3006
|
+
return 'Unknown';
|
|
3007
|
+
}
|
|
3008
|
+
if (item.isLoading) {
|
|
3009
|
+
return React__namespace.default.createElement(TextPlaceholder, null);
|
|
3010
|
+
}
|
|
3011
|
+
return config.getName ? config.getName(item.value) : item.value.name;
|
|
3012
|
+
};
|
|
2977
3013
|
const getTogglerValue = () => {
|
|
2978
3014
|
const currentValue = getValue();
|
|
2979
3015
|
const defaultFormat = 'MMM DD, YYYY';
|
|
@@ -2986,7 +3022,7 @@ function FiltersToolbarItemImpl(props) {
|
|
|
2986
3022
|
? currentValue === null || currentValue === void 0 ? void 0 : currentValue.slice(0, 2).map((i) => {
|
|
2987
3023
|
const item = view.getById(i, null);
|
|
2988
3024
|
isLoading = item.isLoading;
|
|
2989
|
-
return item
|
|
3025
|
+
return getPickerItemName(item, props);
|
|
2990
3026
|
})
|
|
2991
3027
|
: [i18n.filterToolbar.pickerInput.emptyValueCaption];
|
|
2992
3028
|
const selectionText = isLoading ? selection : selection.join(', ');
|
|
@@ -3005,25 +3041,25 @@ function FiltersToolbarItemImpl(props) {
|
|
|
3005
3041
|
}
|
|
3006
3042
|
case 'singlePicker': {
|
|
3007
3043
|
const view = props.dataSource.getView({}, forceUpdate);
|
|
3008
|
-
|
|
3009
|
-
if (!item) {
|
|
3044
|
+
if (currentValue === null || currentValue === undefined) {
|
|
3010
3045
|
return { selection: i18n.filterToolbar.pickerInput.emptyValueCaption };
|
|
3011
3046
|
}
|
|
3012
|
-
const
|
|
3047
|
+
const item = view.getById(currentValue, null);
|
|
3048
|
+
const selection = getPickerItemName(item, props);
|
|
3013
3049
|
return { selection };
|
|
3014
3050
|
}
|
|
3015
3051
|
case 'datePicker': {
|
|
3016
|
-
return { selection: currentValue ?
|
|
3052
|
+
return { selection: currentValue ? dayjs(currentValue).format(props.format || defaultFormat) : i18n.filterToolbar.datePicker.placeholder };
|
|
3017
3053
|
}
|
|
3018
3054
|
case 'rangeDatePicker': {
|
|
3019
3055
|
if (!currentValue || (!currentValue.from && !currentValue.to)) {
|
|
3020
3056
|
return { selection: i18n.filterToolbar.rangeDatePicker.emptyPickerPlaceholder };
|
|
3021
3057
|
}
|
|
3022
3058
|
const currentValueFrom = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.from)
|
|
3023
|
-
?
|
|
3059
|
+
? dayjs(currentValue === null || currentValue === void 0 ? void 0 : currentValue.from).format(props.format || defaultFormat)
|
|
3024
3060
|
: i18n.filterToolbar.rangeDatePicker.emptyPlaceholderFrom;
|
|
3025
3061
|
const currentValueTo = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.to)
|
|
3026
|
-
?
|
|
3062
|
+
? dayjs(currentValue === null || currentValue === void 0 ? void 0 : currentValue.to).format(props.format || defaultFormat)
|
|
3027
3063
|
: i18n.filterToolbar.rangeDatePicker.emptyPlaceholderTo;
|
|
3028
3064
|
const selection = `${currentValueFrom} - ${currentValueTo}`;
|
|
3029
3065
|
return { selection };
|
|
@@ -3162,9 +3198,9 @@ function FiltersToolbarImpl(props) {
|
|
|
3162
3198
|
}
|
|
3163
3199
|
const FiltersPanel = React__namespace.default.memo(FiltersToolbarImpl);
|
|
3164
3200
|
|
|
3165
|
-
var css$e = {"divider":"
|
|
3201
|
+
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
3202
|
|
|
3167
|
-
var css$d = {"preset-dropdown-panel":"
|
|
3203
|
+
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
3204
|
|
|
3169
3205
|
var _path$a;
|
|
3170
3206
|
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 +3360,7 @@ function PresetActionsDropdown(props) {
|
|
|
3324
3360
|
return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
3325
3361
|
}
|
|
3326
3362
|
|
|
3327
|
-
var css$c = {"preset-input-cell":"
|
|
3363
|
+
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
3364
|
|
|
3329
3365
|
function PresetInput(props) {
|
|
3330
3366
|
var _a;
|
|
@@ -3346,10 +3382,10 @@ function PresetInput(props) {
|
|
|
3346
3382
|
props.onCancel();
|
|
3347
3383
|
}, [presetCaption.length, props.onCancel]);
|
|
3348
3384
|
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 })));
|
|
3385
|
+
React__namespace.default.createElement(TextInput, { cx: css$c.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50 })));
|
|
3350
3386
|
}
|
|
3351
3387
|
|
|
3352
|
-
var css$b = {"preset":"
|
|
3388
|
+
var css$b = {"preset":"Preset-module_preset__5zjTb","activePreset":"Preset-module_activePreset__XgJWT"};
|
|
3353
3389
|
|
|
3354
3390
|
function Preset(props) {
|
|
3355
3391
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -3387,12 +3423,12 @@ function PresetsPanel(props) {
|
|
|
3387
3423
|
}, [isAddingPreset]);
|
|
3388
3424
|
const onPresetDropdownSelect = (preset) => {
|
|
3389
3425
|
props.choosePreset(preset.preset);
|
|
3390
|
-
props.updatePreset(preset.preset);
|
|
3391
3426
|
};
|
|
3392
3427
|
const renderMoreButtonDropdown = (item, hiddenItems) => {
|
|
3393
3428
|
return (React__namespace.default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__namespace.default.createElement(FlexRow, null,
|
|
3394
3429
|
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, {
|
|
3430
|
+
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 },
|
|
3431
|
+
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
3432
|
};
|
|
3397
3433
|
const getPresetPriority = (preset, index) => {
|
|
3398
3434
|
return preset.id === props.activePresetId ? 100499 : 1000 - index;
|
|
@@ -3422,7 +3458,7 @@ const defaultPredicates = {
|
|
|
3422
3458
|
rangeDatePicker: [{ predicate: 'inRange', name: 'In Range', isDefault: true }, { predicate: 'notInRange', name: 'Not in Range' }],
|
|
3423
3459
|
};
|
|
3424
3460
|
|
|
3425
|
-
var css$a = {"root":"
|
|
3461
|
+
var css$a = {"root":"MainMenu-module_root__NqMvR"};
|
|
3426
3462
|
|
|
3427
3463
|
function applyMainMenuMods() {
|
|
3428
3464
|
return [css$a.root];
|
|
@@ -3448,12 +3484,12 @@ var SvgGlobalMenu = function SvgGlobalMenu(props, ref) {
|
|
|
3448
3484
|
};
|
|
3449
3485
|
var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgGlobalMenu);
|
|
3450
3486
|
|
|
3451
|
-
var css$9 = {"global-menu-btn":"
|
|
3487
|
+
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
3488
|
|
|
3453
3489
|
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
3490
|
React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$5, cx: css$9.globalMenuIcon }))));
|
|
3455
3491
|
|
|
3456
|
-
var css$8 = {"root":"
|
|
3492
|
+
var css$8 = {"root":"Burger-module_root__RyM45","burger-content":"Burger-module_burger-content__bbDNZ","burgerContent":"Burger-module_burger-content__bbDNZ"};
|
|
3457
3493
|
|
|
3458
3494
|
var _path$3;
|
|
3459
3495
|
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 +3556,7 @@ var SvgTriangle = function SvgTriangle(props, ref) {
|
|
|
3520
3556
|
};
|
|
3521
3557
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgTriangle);
|
|
3522
3558
|
|
|
3523
|
-
var css$7 = {"
|
|
3559
|
+
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
3560
|
|
|
3525
3561
|
const BurgerButton = uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
3526
3562
|
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 +3608,13 @@ var SvgMenuInputCancel = function SvgMenuInputCancel(props, ref) {
|
|
|
3572
3608
|
};
|
|
3573
3609
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgMenuInputCancel);
|
|
3574
3610
|
|
|
3575
|
-
var css$6 = {"search-input":"
|
|
3611
|
+
var css$6 = {"search-input":"BurgerSearch-module_search-input__ot3xM","searchInput":"BurgerSearch-module_search-input__ot3xM"};
|
|
3576
3612
|
|
|
3577
3613
|
function BurgerSearch(props) {
|
|
3578
3614
|
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
3615
|
}
|
|
3580
3616
|
|
|
3581
|
-
var css$5 = {"group-header":"
|
|
3617
|
+
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
3618
|
|
|
3583
3619
|
function BurgerGroupHeader(props) {
|
|
3584
3620
|
return (React__namespace.createElement("div", { className: css$5.groupHeader },
|
|
@@ -3586,7 +3622,7 @@ function BurgerGroupHeader(props) {
|
|
|
3586
3622
|
React__namespace.createElement("span", { className: css$5.groupName }, props.caption)));
|
|
3587
3623
|
}
|
|
3588
3624
|
|
|
3589
|
-
var css$4 = {"container":"
|
|
3625
|
+
var css$4 = {"container":"MainMenuAvatar-module_container__cen9B","open":"MainMenuAvatar-module_open__hjS1f"};
|
|
3590
3626
|
|
|
3591
3627
|
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
3628
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -3594,18 +3630,18 @@ const MainMenuAvatar = React__namespace.forwardRef((props, ref) => (React__names
|
|
|
3594
3630
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
3595
3631
|
React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$10, flipY: props.isOpen }))))));
|
|
3596
3632
|
|
|
3597
|
-
var css$3 = {"search-input":"
|
|
3633
|
+
var css$3 = {"search-input":"MainMenuSearch-module_search-input__AdkL1","searchInput":"MainMenuSearch-module_search-input__AdkL1"};
|
|
3598
3634
|
|
|
3599
3635
|
const MainMenuSearch = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
3600
3636
|
var _a;
|
|
3601
3637
|
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
3638
|
} }))));
|
|
3603
3639
|
|
|
3604
|
-
var css$2 = {"container":"
|
|
3640
|
+
var css$2 = {"container":"MainMenuIcon-module_container__6NlKF"};
|
|
3605
3641
|
|
|
3606
3642
|
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
3643
|
|
|
3608
|
-
var css$1 = {"
|
|
3644
|
+
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
3645
|
|
|
3610
3646
|
var _path;
|
|
3611
3647
|
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 +3661,7 @@ var ForwardRef = /*#__PURE__*/React.forwardRef(SvgChevronDown24);
|
|
|
3625
3661
|
|
|
3626
3662
|
const MainMenuButton = uuiCore.withMods(uuiComponents.Button, (mods) => [css$1.root, css$1['type-' + (mods.type || 'primary')]], () => ({ dropdownIcon: ForwardRef, role: 'menuitem' }));
|
|
3627
3663
|
|
|
3628
|
-
var css = {"dropdown-body":"
|
|
3664
|
+
var css = {"dropdown-body":"MainMenuDropdown-module_dropdown-body__H16cM","dropdownBody":"MainMenuDropdown-module_dropdown-body__H16cM"};
|
|
3629
3665
|
|
|
3630
3666
|
class MainMenuDropdown extends React__namespace.Component {
|
|
3631
3667
|
render() {
|
|
@@ -3662,8 +3698,7 @@ function Form(props) {
|
|
|
3662
3698
|
},
|
|
3663
3699
|
] }),
|
|
3664
3700
|
React__namespace.createElement(RichTextView, null,
|
|
3665
|
-
React__namespace.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' })
|
|
3666
|
-
.catch(() => null);
|
|
3701
|
+
React__namespace.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
|
|
3667
3702
|
};
|
|
3668
3703
|
return React__namespace.createElement(uuiCore.Form, Object.assign({ loadUnsavedChanges: loadUnsavedChanges, beforeLeave: beforeLeave }, props));
|
|
3669
3704
|
}
|
|
@@ -3800,6 +3835,7 @@ exports.allEpamBadgeSemanticColors = allEpamBadgeSemanticColors;
|
|
|
3800
3835
|
exports.allFillStyles = allFillStyles;
|
|
3801
3836
|
exports.allFontStyles = allFontStyles;
|
|
3802
3837
|
exports.allIconColors = allIconColors;
|
|
3838
|
+
exports.allLinkButtonColors = allLinkButtonColors;
|
|
3803
3839
|
exports.allRowSizes = allRowSizes;
|
|
3804
3840
|
exports.allSemanticColors = allSemanticColors;
|
|
3805
3841
|
exports.allSizes = allSizes;
|