@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.esm.js
CHANGED
|
@@ -400,7 +400,7 @@ const systemIcons = {
|
|
|
400
400
|
},
|
|
401
401
|
};
|
|
402
402
|
|
|
403
|
-
var buttonCss = {"
|
|
403
|
+
var buttonCss = {"root":"Button-module_root__4Qa5o","mode-solid":"Button-module_mode-solid__bzLPQ","mode-outline":"Button-module_mode-outline__QArEu","mode-none":"Button-module_mode-none__McQO-","mode-ghost":"Button-module_mode-ghost__Giwma","size-18":"Button-module_size-18__2FQcO","size-24":"Button-module_size-24__bHlC2","size-30":"Button-module_size-30__FmOt4","size-36":"Button-module_size-36__eBT-M","size-42":"Button-module_size-42__KHTm0","size-48":"Button-module_size-48__zeJhh","modeSolid":"Button-module_mode-solid__bzLPQ","modeOutline":"Button-module_mode-outline__QArEu","modeNone":"Button-module_mode-none__McQO-","modeGhost":"Button-module_mode-ghost__Giwma","size18":"Button-module_size-18__2FQcO","size24":"Button-module_size-24__bHlC2","size30":"Button-module_size-30__FmOt4","size36":"Button-module_size-36__eBT-M","size42":"Button-module_size-42__KHTm0","size48":"Button-module_size-48__zeJhh"};
|
|
404
404
|
|
|
405
405
|
const allButtonColors = [
|
|
406
406
|
'accent', 'primary', 'secondary', 'negative',
|
|
@@ -419,7 +419,7 @@ const Button = withMods(Button$1, applyButtonMods, (props) => ({
|
|
|
419
419
|
clearIcon: systemIcons[props.size || defaultSize$a].clear,
|
|
420
420
|
}));
|
|
421
421
|
|
|
422
|
-
var css$13 = {"root":"
|
|
422
|
+
var css$13 = {"root":"IconButton-module_root__M67sa"};
|
|
423
423
|
|
|
424
424
|
const allIconColors = [
|
|
425
425
|
'info', 'success', 'warning', 'error', 'secondary', 'default',
|
|
@@ -429,7 +429,7 @@ function applyIconButtonMods(mods) {
|
|
|
429
429
|
}
|
|
430
430
|
const IconButton = withMods(IconButton$1, applyIconButtonMods);
|
|
431
431
|
|
|
432
|
-
var css$12 = {"root":"
|
|
432
|
+
var css$12 = {"root":"LinkButton-module_root__HlbHi","size-18":"LinkButton-module_size-18__LxiaK","size-24":"LinkButton-module_size-24__xcElR","size-30":"LinkButton-module_size-30__rZ9BD","size-36":"LinkButton-module_size-36__WD3lo","size-42":"LinkButton-module_size-42__iMihL","size-48":"LinkButton-module_size-48__8OfbW","size18":"LinkButton-module_size-18__LxiaK","size24":"LinkButton-module_size-24__xcElR","size30":"LinkButton-module_size-30__rZ9BD","size36":"LinkButton-module_size-36__WD3lo","size42":"LinkButton-module_size-42__iMihL","size48":"LinkButton-module_size-48__8OfbW"};
|
|
433
433
|
|
|
434
434
|
function getIconClass(props) {
|
|
435
435
|
const classList = {
|
|
@@ -449,9 +449,13 @@ function getIconClass(props) {
|
|
|
449
449
|
}
|
|
450
450
|
|
|
451
451
|
const defaultSize$9 = '36';
|
|
452
|
+
const allLinkButtonColors = ['primary', 'secondary', 'contrast'];
|
|
452
453
|
function applyLinkButtonMods(mods) {
|
|
453
454
|
return [
|
|
454
|
-
css$12.root,
|
|
455
|
+
css$12.root,
|
|
456
|
+
css$12['size-' + (mods.size || defaultSize$9)],
|
|
457
|
+
...getIconClass(mods),
|
|
458
|
+
`link-button-${mods.color || 'primary'}`,
|
|
455
459
|
];
|
|
456
460
|
}
|
|
457
461
|
const LinkButton = withMods(Button$1, applyLinkButtonMods, (props) => ({
|
|
@@ -459,16 +463,20 @@ const LinkButton = withMods(Button$1, applyLinkButtonMods, (props) => ({
|
|
|
459
463
|
clearIcon: systemIcons[props.size || defaultSize$9].clear,
|
|
460
464
|
}));
|
|
461
465
|
|
|
462
|
-
var css$11 = {"
|
|
466
|
+
var css$11 = {"root":"TabButton-module_root__8Z4AH","uui-notification":"TabButton-module_uui-notification__M4BZU","size-36":"TabButton-module_size-36__RA4lK","size-48":"TabButton-module_size-48__tiKgN","size-60":"TabButton-module_size-60__IcM0r","uuiNotification":"TabButton-module_uui-notification__M4BZU","size36":"TabButton-module_size-36__RA4lK","size48":"TabButton-module_size-48__tiKgN","size60":"TabButton-module_size-60__IcM0r"};
|
|
463
467
|
|
|
464
468
|
function applyTabButtonMods(mods) {
|
|
465
469
|
return [
|
|
466
|
-
css$11.root,
|
|
470
|
+
css$11.root,
|
|
471
|
+
'informer-default',
|
|
472
|
+
css$11['size-' + (mods.size || '48')],
|
|
473
|
+
mods.withNotify && css$11.uuiNotification,
|
|
474
|
+
...getIconClass(mods),
|
|
467
475
|
];
|
|
468
476
|
}
|
|
469
477
|
const TabButton = withMods(Button$1, applyTabButtonMods, (props) => (Object.assign(Object.assign({ dropdownIcon: systemIcons['36'].foldingArrow, clearIcon: systemIcons['36'].clear, countPosition: 'right' }, props), { rawProps: Object.assign({ role: 'tab' }, props.rawProps) })));
|
|
470
478
|
|
|
471
|
-
var css$10 = {"
|
|
479
|
+
var css$10 = {"root":"VerticalTabButton-module_root__vL7Lg"};
|
|
472
480
|
|
|
473
481
|
function applyVerticalTabButtonMods() {
|
|
474
482
|
return [css$10.root];
|
|
@@ -571,7 +579,7 @@ var SvgPartlySelect18 = function SvgPartlySelect18(props, ref) {
|
|
|
571
579
|
};
|
|
572
580
|
var ForwardRef$J = /*#__PURE__*/forwardRef(SvgPartlySelect18);
|
|
573
581
|
|
|
574
|
-
var css$$ = {"
|
|
582
|
+
var css$$ = {"root":"Checkbox-module_root__EazHx","size-18":"Checkbox-module_size-18__IUFwO","size-12":"Checkbox-module_size-12__xKb3K","mode-cell":"Checkbox-module_mode-cell__O3Zfg","size18":"Checkbox-module_size-18__IUFwO","size12":"Checkbox-module_size-12__xKb3K","modeCell":"Checkbox-module_mode-cell__O3Zfg"};
|
|
575
583
|
|
|
576
584
|
function applyCheckboxMods(mods) {
|
|
577
585
|
return [
|
|
@@ -584,7 +592,7 @@ const applyUUICheckboxProps = (props) => ({
|
|
|
584
592
|
});
|
|
585
593
|
const Checkbox = withMods(Checkbox$1, applyCheckboxMods, applyUUICheckboxProps);
|
|
586
594
|
|
|
587
|
-
var css$_ = {"
|
|
595
|
+
var css$_ = {"root":"RadioInput-module_root__bRFVI","size-18":"RadioInput-module_size-18__UYM5r","size-12":"RadioInput-module_size-12__oYoyV","size18":"RadioInput-module_size-18__UYM5r","size12":"RadioInput-module_size-12__oYoyV"};
|
|
588
596
|
|
|
589
597
|
var _circle;
|
|
590
598
|
function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
|
|
@@ -608,7 +616,7 @@ function applyRadioInputMods(mods) {
|
|
|
608
616
|
}
|
|
609
617
|
const RadioInput = withMods(RadioInput$1, applyRadioInputMods, () => ({ icon: ForwardRef$I }));
|
|
610
618
|
|
|
611
|
-
var css$Z = {"root":"
|
|
619
|
+
var css$Z = {"root":"Switch-module_root__-uM9q","size-12":"Switch-module_size-12__3txg-","size-18":"Switch-module_size-18__RiCkg","size-24":"Switch-module_size-24__XRE9d","size12":"Switch-module_size-12__3txg-","size18":"Switch-module_size-18__RiCkg","size24":"Switch-module_size-24__XRE9d"};
|
|
612
620
|
|
|
613
621
|
function applySwitchMods(mods) {
|
|
614
622
|
return [
|
|
@@ -631,6 +639,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
|
631
639
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
632
640
|
PERFORMANCE OF THIS SOFTWARE.
|
|
633
641
|
***************************************************************************** */
|
|
642
|
+
/* global Reflect, Promise */
|
|
643
|
+
|
|
634
644
|
|
|
635
645
|
function __rest(s, e) {
|
|
636
646
|
var t = {};
|
|
@@ -654,7 +664,7 @@ function __awaiter(thisArg, _arguments, P, generator) {
|
|
|
654
664
|
});
|
|
655
665
|
}
|
|
656
666
|
|
|
657
|
-
var textInputCss = {"
|
|
667
|
+
var textInputCss = {"root":"TextInput-module_root__6QJUJ","mode-form":"TextInput-module_mode-form__91FyF","mode-inline":"TextInput-module_mode-inline__vzefw","mode-cell":"TextInput-module_mode-cell__PBof4","size-24":"TextInput-module_size-24__l0haT","size-30":"TextInput-module_size-30__-wR15","size-36":"TextInput-module_size-36__KTftJ","size-42":"TextInput-module_size-42__0U0O7","size-48":"TextInput-module_size-48__IMJgv","modeForm":"TextInput-module_mode-form__91FyF","modeInline":"TextInput-module_mode-inline__vzefw","modeCell":"TextInput-module_mode-cell__PBof4","size24":"TextInput-module_size-24__l0haT","size30":"TextInput-module_size-30__-wR15","size36":"TextInput-module_size-36__KTftJ","size42":"TextInput-module_size-42__0U0O7","size48":"TextInput-module_size-48__IMJgv"};
|
|
658
668
|
|
|
659
669
|
const defaultSize$8 = '36';
|
|
660
670
|
const defaultMode$4 = EditMode.FORM;
|
|
@@ -674,10 +684,16 @@ const SearchInput = React__default.forwardRef((props, ref) => {
|
|
|
674
684
|
// analytics events are sending in IEditableDebouncer, so we need to avoid sending events in TextInput
|
|
675
685
|
const textInputProps = __rest(props, []);
|
|
676
686
|
delete textInputProps.getValueChangeAnalyticsEvent;
|
|
677
|
-
return (React__default.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => (React__default.createElement(TextInput, Object.assign({ icon: systemIcons[props.size || defaultSize$8].search, onCancel: !!props.value
|
|
687
|
+
return (React__default.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => (React__default.createElement(TextInput, Object.assign({ icon: systemIcons[props.size || defaultSize$8].search, onCancel: !!props.value
|
|
688
|
+
// In a lot of places, it is required to check if a clicked element is a part of some other element.
|
|
689
|
+
// Usually, those are global click event handlers. To allow that logic to work correctly, it is necessary
|
|
690
|
+
// to execute the `disappearing` of the cross (setState execution) after the event will pass through all the handlers.
|
|
691
|
+
// Related issue: https://github.com/epam/UUI/issues/1045.
|
|
692
|
+
? (() => setTimeout(() => iEditable.onValueChange(''), 0))
|
|
693
|
+
: undefined, type: "search", inputMode: "search", ref: ref }, textInputProps, iEditable))) })));
|
|
678
694
|
});
|
|
679
695
|
|
|
680
|
-
var css$Y = {"root":"
|
|
696
|
+
var css$Y = {"root":"Accordion-module_root__ZEuSB","mode-block":"Accordion-module_mode-block__bs5F0","mode-inline":"Accordion-module_mode-inline__xhedZ","padding-0":"Accordion-module_padding-0__DiVjX","padding-6":"Accordion-module_padding-6__Vvfdz","padding-12":"Accordion-module_padding-12__BtS2A","padding-18":"Accordion-module_padding-18__WdS0b","modeBlock":"Accordion-module_mode-block__bs5F0","modeInline":"Accordion-module_mode-inline__xhedZ","padding0":"Accordion-module_padding-0__DiVjX","padding6":"Accordion-module_padding-6__Vvfdz","padding12":"Accordion-module_padding-12__BtS2A","padding18":"Accordion-module_padding-18__WdS0b"};
|
|
681
697
|
|
|
682
698
|
function applyAccordionMods(mods) {
|
|
683
699
|
return [
|
|
@@ -688,11 +704,11 @@ const Accordion = withMods(Accordion$1, applyAccordionMods, (mods) => ({
|
|
|
688
704
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons[mods.mode === 'block' ? '60' : '30'].foldingArrow,
|
|
689
705
|
}));
|
|
690
706
|
|
|
691
|
-
var css$X = {"root":"
|
|
707
|
+
var css$X = {"root":"ControlGroup-module_root__DmQxW"};
|
|
692
708
|
|
|
693
709
|
const ControlGroup = withMods(ControlGroup$1, () => [css$X.root]);
|
|
694
710
|
|
|
695
|
-
var css$W = {"
|
|
711
|
+
var css$W = {"root":"FlexRow-module_root__mHK4u","border-bottom":"FlexRow-module_border-bottom__6xvNn","top-shadow":"FlexRow-module_top-shadow__LW4XM","size-24":"FlexRow-module_size-24__VFGkf","size-30":"FlexRow-module_size-30__ivyen","size-36":"FlexRow-module_size-36__KmXJ6","size-42":"FlexRow-module_size-42__YbRt-","size-48":"FlexRow-module_size-48__g1UXf","padding-6":"FlexRow-module_padding-6__N--3z","padding-12":"FlexRow-module_padding-12__KYt01","padding-18":"FlexRow-module_padding-18__PXf5c","padding-24":"FlexRow-module_padding-24__-T3nu","margin-24":"FlexRow-module_margin-24__lU0ET","margin-12":"FlexRow-module_margin-12__IRWHk","vPadding-12":"FlexRow-module_vPadding-12__Vp8iK","vPadding-18":"FlexRow-module_vPadding-18__CV5Qv","vPadding-24":"FlexRow-module_vPadding-24__6PiHV","vPadding-36":"FlexRow-module_vPadding-36__o0gq8","vPadding-48":"FlexRow-module_vPadding-48__qvhV-","spacing-6":"FlexRow-module_spacing-6__NmXEo","spacing-12":"FlexRow-module_spacing-12__QkuEd","spacing-18":"FlexRow-module_spacing-18__YPHeH","borderBottom":"FlexRow-module_border-bottom__6xvNn","topShadow":"FlexRow-module_top-shadow__LW4XM","size24":"FlexRow-module_size-24__VFGkf","size30":"FlexRow-module_size-30__ivyen","size36":"FlexRow-module_size-36__KmXJ6","size42":"FlexRow-module_size-42__YbRt-","size48":"FlexRow-module_size-48__g1UXf","padding6":"FlexRow-module_padding-6__N--3z","padding12":"FlexRow-module_padding-12__KYt01","padding18":"FlexRow-module_padding-18__PXf5c","padding24":"FlexRow-module_padding-24__-T3nu","margin24":"FlexRow-module_margin-24__lU0ET","margin12":"FlexRow-module_margin-12__IRWHk","vPadding12":"FlexRow-module_vPadding-12__Vp8iK","vPadding18":"FlexRow-module_vPadding-18__CV5Qv","vPadding24":"FlexRow-module_vPadding-24__6PiHV","vPadding36":"FlexRow-module_vPadding-36__o0gq8","vPadding48":"FlexRow-module_vPadding-48__qvhV-","spacing6":"FlexRow-module_spacing-6__NmXEo","spacing12":"FlexRow-module_spacing-12__QkuEd","spacing18":"FlexRow-module_spacing-18__YPHeH"};
|
|
696
712
|
|
|
697
713
|
const FlexCell = withMods(FlexCell$1, (props) => [css$W.flexCell]);
|
|
698
714
|
|
|
@@ -702,7 +718,7 @@ const FlexRow = withMods(FlexRow$1, (props) => {
|
|
|
702
718
|
];
|
|
703
719
|
});
|
|
704
720
|
|
|
705
|
-
var css$V = {"root":"
|
|
721
|
+
var css$V = {"root":"Panel-module_root__D-h8X","margin-24":"Panel-module_margin-24__oQkRN","padding-12":"Panel-module_padding-12__9KnUY","padding-24":"Panel-module_padding-24__YQgfT","shadow":"Panel-module_shadow__4fT6L","margin24":"Panel-module_margin-24__oQkRN","padding12":"Panel-module_padding-12__9KnUY","padding24":"Panel-module_padding-24__YQgfT"};
|
|
706
722
|
|
|
707
723
|
const Panel = withMods(VPanel, (props) => [
|
|
708
724
|
'uui-panel', css$V.root, props.shadow && css$V.shadow, props.margin && css$V['margin-' + props.margin],
|
|
@@ -788,7 +804,7 @@ var SvgNavigationClose24$1 = function SvgNavigationClose24(props, ref) {
|
|
|
788
804
|
};
|
|
789
805
|
var ForwardRef$D = /*#__PURE__*/forwardRef(SvgNavigationClose24$1);
|
|
790
806
|
|
|
791
|
-
var css$U = {"root":"
|
|
807
|
+
var css$U = {"root":"Alert-module_root__vWIgd","icon-wrapper":"Alert-module_icon-wrapper__eCMNq","alert-wrapper":"Alert-module_alert-wrapper__aSltE","action-wrapper":"Alert-module_action-wrapper__fzVI-","action-icon":"Alert-module_action-icon__PUBtv","action-link":"Alert-module_action-link__S0nRl","close-icon":"Alert-module_close-icon__vtbPn","main-path":"Alert-module_main-path__pW0Ya","content":"Alert-module_content__F-yZG","iconWrapper":"Alert-module_icon-wrapper__eCMNq","alertWrapper":"Alert-module_alert-wrapper__aSltE","actionWrapper":"Alert-module_action-wrapper__fzVI-","actionIcon":"Alert-module_action-icon__PUBtv","actionLink":"Alert-module_action-link__S0nRl","closeIcon":"Alert-module_close-icon__vtbPn","mainPath":"Alert-module_main-path__pW0Ya"};
|
|
792
808
|
|
|
793
809
|
const Alert = React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx(css$U.alertWrapper, `alert-${props.color || 'default'}`, css$U.root, props.cx) }, props.rawProps),
|
|
794
810
|
React.createElement("div", { className: css$U.mainPath },
|
|
@@ -809,7 +825,7 @@ class Dropdown extends React.Component {
|
|
|
809
825
|
}
|
|
810
826
|
}
|
|
811
827
|
|
|
812
|
-
var css$T = {"root":"
|
|
828
|
+
var css$T = {"root":"DropdownContainer-module_root__mFFyf"};
|
|
813
829
|
|
|
814
830
|
function applyDropdownContainerMods(mods) {
|
|
815
831
|
return [
|
|
@@ -818,7 +834,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
818
834
|
}
|
|
819
835
|
const DropdownContainer = withMods(DropdownContainer$1, applyDropdownContainerMods);
|
|
820
836
|
|
|
821
|
-
var css$S = {"
|
|
837
|
+
var css$S = {"menuRoot":"DropdownMenu-module_menuRoot__DcQwM","bodyRoot":"DropdownMenu-module_bodyRoot__4rx-A","submenuRootItem":"DropdownMenu-module_submenuRootItem__wZojf","iconAfter":"DropdownMenu-module_iconAfter__w4DLS","iconCheck":"DropdownMenu-module_iconCheck__7xO2Q","splitterRoot":"DropdownMenu-module_splitterRoot__ZLjVG","splitter":"DropdownMenu-module_splitter__5OKDD","headerRoot":"DropdownMenu-module_headerRoot__W4lYd","itemRoot":"DropdownMenu-module_itemRoot__rS7Eo","icon":"DropdownMenu-module_icon__IN6EW","link":"DropdownMenu-module_link__bmFZI"};
|
|
822
838
|
|
|
823
839
|
const icons = systemIcons['36'];
|
|
824
840
|
var IDropdownControlKeys;
|
|
@@ -935,9 +951,9 @@ function DropdownMenuSwitchButton(props) {
|
|
|
935
951
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
936
952
|
}
|
|
937
953
|
|
|
938
|
-
var css$R = {"root":"
|
|
954
|
+
var css$R = {"root":"Text-module_root__9-pr8"};
|
|
939
955
|
|
|
940
|
-
var css$Q = {"line-height-12":"text-
|
|
956
|
+
var css$Q = {"line-height-12":"text-layout-module_line-height-12__QQGU-","line-height-18":"text-layout-module_line-height-18__16R3r","line-height-24":"text-layout-module_line-height-24__vI-6P","line-height-30":"text-layout-module_line-height-30__aou0J","font-size-10":"text-layout-module_font-size-10__OLPOz","font-size-12":"text-layout-module_font-size-12__r4xmU","font-size-14":"text-layout-module_font-size-14__XWFeT","font-size-16":"text-layout-module_font-size-16__nEgRV","font-size-18":"text-layout-module_font-size-18__yDUSx","font-size-24":"text-layout-module_font-size-24__QHPEa","v-padding-2":"text-layout-module_v-padding-2__UBv9q","v-padding-3":"text-layout-module_v-padding-3__ZvxzI","v-padding-5":"text-layout-module_v-padding-5__e8AxV","v-padding-6":"text-layout-module_v-padding-6__ZiW3Z","v-padding-8":"text-layout-module_v-padding-8__F0NW1","v-padding-9":"text-layout-module_v-padding-9__iZBVm","v-padding-11":"text-layout-module_v-padding-11__fJ5I9","v-padding-12":"text-layout-module_v-padding-12__Wbxua","v-padding-14":"text-layout-module_v-padding-14__TARL2","v-padding-15":"text-layout-module_v-padding-15__t4xTz","v-padding-17":"text-layout-module_v-padding-17__mVG58","v-padding-18":"text-layout-module_v-padding-18__b4Zdk","v-padding-23":"text-layout-module_v-padding-23__BqIm6","v-padding-24":"text-layout-module_v-padding-24__LM1Rg","lineHeight12":"text-layout-module_line-height-12__QQGU-","lineHeight18":"text-layout-module_line-height-18__16R3r","lineHeight24":"text-layout-module_line-height-24__vI-6P","lineHeight30":"text-layout-module_line-height-30__aou0J","fontSize10":"text-layout-module_font-size-10__OLPOz","fontSize12":"text-layout-module_font-size-12__r4xmU","fontSize14":"text-layout-module_font-size-14__XWFeT","fontSize16":"text-layout-module_font-size-16__nEgRV","fontSize18":"text-layout-module_font-size-18__yDUSx","fontSize24":"text-layout-module_font-size-24__QHPEa","vPadding2":"text-layout-module_v-padding-2__UBv9q","vPadding3":"text-layout-module_v-padding-3__ZvxzI","vPadding5":"text-layout-module_v-padding-5__e8AxV","vPadding6":"text-layout-module_v-padding-6__ZiW3Z","vPadding8":"text-layout-module_v-padding-8__F0NW1","vPadding9":"text-layout-module_v-padding-9__iZBVm","vPadding11":"text-layout-module_v-padding-11__fJ5I9","vPadding12":"text-layout-module_v-padding-12__Wbxua","vPadding14":"text-layout-module_v-padding-14__TARL2","vPadding15":"text-layout-module_v-padding-15__t4xTz","vPadding17":"text-layout-module_v-padding-17__mVG58","vPadding18":"text-layout-module_v-padding-18__b4Zdk","vPadding23":"text-layout-module_v-padding-23__BqIm6","vPadding24":"text-layout-module_v-padding-24__LM1Rg"};
|
|
941
957
|
|
|
942
958
|
const defaultTextSettings = {
|
|
943
959
|
18: { lineHeight: 12, fontSize: 10 },
|
|
@@ -970,12 +986,14 @@ function applyTextMods(mods) {
|
|
|
970
986
|
fontSize: mods.fontSize,
|
|
971
987
|
}, false);
|
|
972
988
|
return [
|
|
973
|
-
`uui-font-${mods.font || 'regular'}`,
|
|
989
|
+
`uui-font-${mods.font || 'regular'}`,
|
|
990
|
+
`uui-text-${mods.color || 'primary'}`,
|
|
991
|
+
css$R.root,
|
|
974
992
|
].concat(textClasses);
|
|
975
993
|
}
|
|
976
994
|
const Text = withMods(Text$1, applyTextMods);
|
|
977
995
|
|
|
978
|
-
var css$P = {"container":"
|
|
996
|
+
var css$P = {"container":"TextPlaceholder-module_container__QQMhe","loading-word":"TextPlaceholder-module_loading-word__Yg5pq","animated-loading":"TextPlaceholder-module_animated-loading__3LZwE","skeleton_loading":"TextPlaceholder-module_skeleton_loading__jXXBE","loadingWord":"TextPlaceholder-module_loading-word__Yg5pq","animatedLoading":"TextPlaceholder-module_animated-loading__3LZwE","skeletonLoading":"TextPlaceholder-module_skeleton_loading__jXXBE"};
|
|
979
997
|
|
|
980
998
|
const TextPlaceholder = (props) => {
|
|
981
999
|
const pattern = ' ';
|
|
@@ -992,20 +1010,15 @@ const TextPlaceholder = (props) => {
|
|
|
992
1010
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
993
1011
|
};
|
|
994
1012
|
|
|
995
|
-
var style = {"typography-
|
|
1013
|
+
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"};
|
|
996
1014
|
|
|
997
|
-
const RichTextView = withMods(RichTextView$1, (mods) => [style.
|
|
1015
|
+
const RichTextView = withMods(RichTextView$1, (mods) => [style.typographyUui, style['typography-' + (mods.size || '14')]]);
|
|
998
1016
|
|
|
999
|
-
var css$O = {"
|
|
1017
|
+
var css$O = {"modal-blocker":"Modals-module_modal-blocker__Lwee9","animateModalBlocker":"Modals-module_animateModalBlocker__CY-CF","modal":"Modals-module_modal__JUe8A","modal-footer":"Modals-module_modal-footer__SsHtf","border-top":"Modals-module_border-top__1yL5h","modal-header":"Modals-module_modal-header__FNwre","modalBlocker":"Modals-module_modal-blocker__Lwee9","modalFooter":"Modals-module_modal-footer__SsHtf","borderTop":"Modals-module_border-top__1yL5h","modalHeader":"Modals-module_modal-header__FNwre"};
|
|
1000
1018
|
|
|
1001
1019
|
const ModalBlocker = withMods(ModalBlocker$1, () => [css$O.modalBlocker]);
|
|
1002
1020
|
const ModalWindow = withMods(ModalWindow$1, () => [css$O.modal], (props) => ({
|
|
1003
|
-
|
|
1004
|
-
style: {
|
|
1005
|
-
width: `${props.width || 480}px`,
|
|
1006
|
-
height: props.height ? `${props.height}px` : 'auto',
|
|
1007
|
-
},
|
|
1008
|
-
},
|
|
1021
|
+
style: Object.assign(Object.assign({}, props.style), { width: `${props.width || 420}px`, height: props.height ? `${props.height}px` : 'auto' }),
|
|
1009
1022
|
}));
|
|
1010
1023
|
class ModalHeader extends React.Component {
|
|
1011
1024
|
render() {
|
|
@@ -1041,6 +1054,7 @@ const i18n = Object.assign(Object.assign({}, i18n$1), { dataPickerBody: {
|
|
|
1041
1054
|
clearSelectionButton: 'CLEAR ALL',
|
|
1042
1055
|
clearSelectionButtonSingle: 'CLEAR',
|
|
1043
1056
|
selectAllButton: 'SELECT ALL',
|
|
1057
|
+
doneButton: 'DONE',
|
|
1044
1058
|
}, notificationCard: {
|
|
1045
1059
|
closeAllNotificationsButton: 'CLOSE ALL NOTIFICATIONS',
|
|
1046
1060
|
}, form: {
|
|
@@ -1124,7 +1138,7 @@ var SvgCross = function SvgCross(props, ref) {
|
|
|
1124
1138
|
};
|
|
1125
1139
|
var ForwardRef$C = /*#__PURE__*/forwardRef(SvgCross);
|
|
1126
1140
|
|
|
1127
|
-
var css$N = {"
|
|
1141
|
+
var css$N = {"root":"NotificationCard-module_root__jT-mn","icon-wrapper":"NotificationCard-module_icon-wrapper__89tan","action-wrapper":"NotificationCard-module_action-wrapper__6Z1Zy","action-link":"NotificationCard-module_action-link__O0HeC","close-icon":"NotificationCard-module_close-icon__DTQiT","main-path":"NotificationCard-module_main-path__npnav","content":"NotificationCard-module_content__-vDj4","clear-button":"NotificationCard-module_clear-button__BjWZo","close-wrapper":"NotificationCard-module_close-wrapper__x3PkP","iconWrapper":"NotificationCard-module_icon-wrapper__89tan","actionWrapper":"NotificationCard-module_action-wrapper__6Z1Zy","actionLink":"NotificationCard-module_action-link__O0HeC","closeIcon":"NotificationCard-module_close-icon__DTQiT","mainPath":"NotificationCard-module_main-path__npnav","clearButton":"NotificationCard-module_clear-button__BjWZo","closeWrapper":"NotificationCard-module_close-wrapper__x3PkP"};
|
|
1128
1142
|
|
|
1129
1143
|
const NotificationCard = React__default.forwardRef((props, ref) => {
|
|
1130
1144
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -1161,11 +1175,11 @@ class ClearNotification extends React__default.Component {
|
|
|
1161
1175
|
}
|
|
1162
1176
|
ClearNotification.contextType = UuiContext;
|
|
1163
1177
|
|
|
1164
|
-
var css$M = {"root":"
|
|
1178
|
+
var css$M = {"root":"Tooltip-module_root__UVOiW"};
|
|
1165
1179
|
|
|
1166
1180
|
function applyTooltipMods(mods) {
|
|
1167
1181
|
return [
|
|
1168
|
-
`tooltip-${mods.color}`,
|
|
1182
|
+
`tooltip-${mods.color || 'default'}`,
|
|
1169
1183
|
css$M.root,
|
|
1170
1184
|
];
|
|
1171
1185
|
}
|
|
@@ -1188,7 +1202,7 @@ class ConfirmationModal extends React.Component {
|
|
|
1188
1202
|
}
|
|
1189
1203
|
}
|
|
1190
1204
|
|
|
1191
|
-
var css$L = {"
|
|
1205
|
+
var css$L = {"root":"LabeledInput-module_root__4Fdte","size-24":"LabeledInput-module_size-24__9ztf2","size-30":"LabeledInput-module_size-30__IKTGK","size-36":"LabeledInput-module_size-36__iyjYl","size-42":"LabeledInput-module_size-42__b51JI","size-48":"LabeledInput-module_size-48__j7ojN","size24":"LabeledInput-module_size-24__9ztf2","size30":"LabeledInput-module_size-30__IKTGK","size36":"LabeledInput-module_size-36__iyjYl","size42":"LabeledInput-module_size-42__b51JI","size48":"LabeledInput-module_size-48__j7ojN"};
|
|
1192
1206
|
|
|
1193
1207
|
const defaultSize$7 = '36';
|
|
1194
1208
|
function applyLabeledInputMods(mods) {
|
|
@@ -1199,7 +1213,7 @@ const LabeledInput = withMods(LabeledInput$1, applyLabeledInputMods, (props) =>
|
|
|
1199
1213
|
infoIcon: systemIcons[props.size || defaultSize$7].help,
|
|
1200
1214
|
}));
|
|
1201
1215
|
|
|
1202
|
-
var css$K = {"root":"
|
|
1216
|
+
var css$K = {"root":"RadioGroup-module_root__JuoNU"};
|
|
1203
1217
|
|
|
1204
1218
|
const RadioGroup = withMods(RadioGroup$1, () => [css$K.root], () => ({ RadioInput }));
|
|
1205
1219
|
|
|
@@ -1212,9 +1226,9 @@ const ScrollBars = withMods(ScrollBars$1, applyScrollBarsMods);
|
|
|
1212
1226
|
|
|
1213
1227
|
const VirtualList = VirtualList$1;
|
|
1214
1228
|
|
|
1215
|
-
var css$J = {"root":"
|
|
1229
|
+
var css$J = {"root":"Blocker-module_root__agFVC"};
|
|
1216
1230
|
|
|
1217
|
-
var css$I = {"root":"
|
|
1231
|
+
var css$I = {"root":"Spinner-module_root__f6Xhd","uui-spinner":"Spinner-module_uui-spinner__FaqMR","uuiSpinner":"Spinner-module_uui-spinner__FaqMR"};
|
|
1218
1232
|
|
|
1219
1233
|
function applySpinnerMods() {
|
|
1220
1234
|
return [css$I.root];
|
|
@@ -1223,7 +1237,7 @@ const Spinner = withMods(Spinner$1, applySpinnerMods);
|
|
|
1223
1237
|
|
|
1224
1238
|
const Blocker = withMods(Blocker$1, () => [css$J.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
|
|
1225
1239
|
|
|
1226
|
-
var css$H = {"root":"
|
|
1240
|
+
var css$H = {"root":"CheckboxGroup-module_root__-ZgVR"};
|
|
1227
1241
|
|
|
1228
1242
|
const CheckboxGroup = withMods(CheckboxGroup$1, () => [css$H.root], () => ({ CheckboxInput: Checkbox }));
|
|
1229
1243
|
|
|
@@ -1232,7 +1246,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1232
1246
|
}
|
|
1233
1247
|
const MultiSwitch = React.forwardRef(MultiSwitchComponent);
|
|
1234
1248
|
|
|
1235
|
-
var css$G = {"
|
|
1249
|
+
var css$G = {"root":"NumericInput-module_root__LaCbz","size-24":"NumericInput-module_size-24__2wCl2","size-30":"NumericInput-module_size-30__KKIjs","size-36":"NumericInput-module_size-36__zZyD8","size-42":"NumericInput-module_size-42__57zoL","size-48":"NumericInput-module_size-48__CyphK","mode-form":"NumericInput-module_mode-form__efp9H","mode-cell":"NumericInput-module_mode-cell__zBYG8","size24":"NumericInput-module_size-24__2wCl2","size30":"NumericInput-module_size-30__KKIjs","size36":"NumericInput-module_size-36__zZyD8","size42":"NumericInput-module_size-42__57zoL","size48":"NumericInput-module_size-48__CyphK","modeForm":"NumericInput-module_mode-form__efp9H","modeCell":"NumericInput-module_mode-cell__zBYG8"};
|
|
1236
1250
|
|
|
1237
1251
|
const defaultSize$6 = '36';
|
|
1238
1252
|
const defaultMode$3 = EditMode.FORM;
|
|
@@ -1251,7 +1265,7 @@ const NumericInput = withMods(NumericInput$1, applyNumericInputMods, (props) =>
|
|
|
1251
1265
|
});
|
|
1252
1266
|
});
|
|
1253
1267
|
|
|
1254
|
-
var css$F = {"
|
|
1268
|
+
var css$F = {"root":"TextArea-module_root__ZxqP5","mode-form":"TextArea-module_mode-form__Ga1yd","mode-cell":"TextArea-module_mode-cell__0XUCG","mode-inline":"TextArea-module_mode-inline__6z5qh","size-24":"TextArea-module_size-24__MU1XV","size-30":"TextArea-module_size-30__BO2Wu","size-36":"TextArea-module_size-36__FnzVT","size-42":"TextArea-module_size-42__PBASB","size-48":"TextArea-module_size-48__RRL-P","modeForm":"TextArea-module_mode-form__Ga1yd","modeCell":"TextArea-module_mode-cell__0XUCG","modeInline":"TextArea-module_mode-inline__6z5qh","size24":"TextArea-module_size-24__MU1XV","size30":"TextArea-module_size-30__BO2Wu","size36":"TextArea-module_size-36__FnzVT","size42":"TextArea-module_size-42__PBASB","size48":"TextArea-module_size-48__RRL-P"};
|
|
1255
1269
|
|
|
1256
1270
|
const defaultSize$5 = '36';
|
|
1257
1271
|
const defaultMode$2 = EditMode.FORM;
|
|
@@ -1265,9 +1279,9 @@ const TextArea = withMods(TextArea$1, applyTextAreaMods, (props) => ({
|
|
|
1265
1279
|
maxLength: props.mode === EditMode.CELL ? undefined : props.maxLength,
|
|
1266
1280
|
}));
|
|
1267
1281
|
|
|
1268
|
-
var css$E = {"
|
|
1282
|
+
var css$E = {"root":"DatePicker-module_root__n83qL"};
|
|
1269
1283
|
|
|
1270
|
-
var calendarCss = {"
|
|
1284
|
+
var calendarCss = {"root":"Calendar-module_root__ldDAb"};
|
|
1271
1285
|
|
|
1272
1286
|
function applyDatePickerBodyMods() {
|
|
1273
1287
|
return [css$E.root, calendarCss.root];
|
|
@@ -1296,9 +1310,9 @@ function applyDateSelectionMods() {
|
|
|
1296
1310
|
}
|
|
1297
1311
|
const Calendar = withMods(Calendar$1, applyDateSelectionMods);
|
|
1298
1312
|
|
|
1299
|
-
var rangeCss = {"
|
|
1313
|
+
var rangeCss = {"root":"RangeDatePickerBody-module_root__9hfbE"};
|
|
1300
1314
|
|
|
1301
|
-
var calendarPresetsCss = {"
|
|
1315
|
+
var calendarPresetsCss = {"root":"CalendarPresets-module_root__wSJa2"};
|
|
1302
1316
|
|
|
1303
1317
|
function applyRangeDatePickerBodyMods() {
|
|
1304
1318
|
return [
|
|
@@ -1310,7 +1324,7 @@ const RangeDatePickerBody = withMods(RangeDatePickerBody$1, applyRangeDatePicker
|
|
|
1310
1324
|
navIconRight: ForwardRef$10,
|
|
1311
1325
|
}));
|
|
1312
1326
|
|
|
1313
|
-
var css$D = {"
|
|
1327
|
+
var css$D = {"dropdown-container":"RangeDatePicker-module_dropdown-container__EFIZT","container":"RangeDatePicker-module_container__H7FRF","button-group":"RangeDatePicker-module_button-group__Stksa","date-input":"RangeDatePicker-module_date-input__as2iX","size-24":"RangeDatePicker-module_size-24__yXj-X","size-30":"RangeDatePicker-module_size-30__4sP-J","size-36":"RangeDatePicker-module_size-36__j5YP2","size-42":"RangeDatePicker-module_size-42__nGrsk","size-48":"RangeDatePicker-module_size-48__WKbFa","date-input-group":"RangeDatePicker-module_date-input-group__lJSYu","separator":"RangeDatePicker-module_separator__OZtZc","mode-form":"RangeDatePicker-module_mode-form__KkODO","mode-cell":"RangeDatePicker-module_mode-cell__YvZw5","dropdownContainer":"RangeDatePicker-module_dropdown-container__EFIZT","buttonGroup":"RangeDatePicker-module_button-group__Stksa","dateInput":"RangeDatePicker-module_date-input__as2iX","size24":"RangeDatePicker-module_size-24__yXj-X","size30":"RangeDatePicker-module_size-30__4sP-J","size36":"RangeDatePicker-module_size-36__j5YP2","size42":"RangeDatePicker-module_size-42__nGrsk","size48":"RangeDatePicker-module_size-48__WKbFa","dateInputGroup":"RangeDatePicker-module_date-input-group__lJSYu","modeForm":"RangeDatePicker-module_mode-form__KkODO","modeCell":"RangeDatePicker-module_mode-cell__YvZw5"};
|
|
1314
1328
|
|
|
1315
1329
|
const defaultValue = { from: null, to: null };
|
|
1316
1330
|
class RangeDatePicker extends BaseRangeDatePicker {
|
|
@@ -1332,7 +1346,7 @@ class RangeDatePicker extends BaseRangeDatePicker {
|
|
|
1332
1346
|
}
|
|
1333
1347
|
}
|
|
1334
1348
|
|
|
1335
|
-
var css$C = {"
|
|
1349
|
+
var css$C = {"blocker":"DropMarker-module_blocker__sFMsF","marker":"DropMarker-module_marker__WOsjE","top":"DropMarker-module_top__dGv3h","bottom":"DropMarker-module_bottom__vlan6","left":"DropMarker-module_left__mKt8q","right":"DropMarker-module_right__OP21L","inside":"DropMarker-module_inside__g6Q5c"};
|
|
1336
1350
|
|
|
1337
1351
|
class DropMarker extends React.Component {
|
|
1338
1352
|
render() {
|
|
@@ -1346,7 +1360,7 @@ class DropMarker extends React.Component {
|
|
|
1346
1360
|
}
|
|
1347
1361
|
}
|
|
1348
1362
|
|
|
1349
|
-
var css$B = {"
|
|
1363
|
+
var css$B = {"body":"DataPickerBody-module_body__CMMVY","modal":"DataPickerBody-module_modal__JRYQ-","search-wrapper":"DataPickerBody-module_search-wrapper__W8zQV","checkbox":"DataPickerBody-module_checkbox__e63-h","no-found-size-24":"DataPickerBody-module_no-found-size-24__wCw8P","no-found-size-30":"DataPickerBody-module_no-found-size-30__6mOIm","no-found-size-36":"DataPickerBody-module_no-found-size-36__Jr9Ns","no-found-size-42":"DataPickerBody-module_no-found-size-42__4QTkU","searchWrapper":"DataPickerBody-module_search-wrapper__W8zQV","noFoundSize24":"DataPickerBody-module_no-found-size-24__wCw8P","noFoundSize30":"DataPickerBody-module_no-found-size-30__6mOIm","noFoundSize36":"DataPickerBody-module_no-found-size-36__Jr9Ns","noFoundSize42":"DataPickerBody-module_no-found-size-42__4QTkU"};
|
|
1350
1364
|
|
|
1351
1365
|
class DataPickerBody extends PickerBodyBase {
|
|
1352
1366
|
constructor() {
|
|
@@ -1399,7 +1413,7 @@ function DataPickerFooterImpl(props) {
|
|
|
1399
1413
|
}
|
|
1400
1414
|
const DataPickerFooter = React__default.memo(DataPickerFooterImpl);
|
|
1401
1415
|
|
|
1402
|
-
var css$A = {"header":"
|
|
1416
|
+
var css$A = {"header":"DataPickerHeader-module_header__TkXlz","close":"DataPickerHeader-module_close__Tiy0j"};
|
|
1403
1417
|
|
|
1404
1418
|
var _path$z;
|
|
1405
1419
|
function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
|
|
@@ -1449,7 +1463,7 @@ var SvgTreeFoldingArrow = function SvgTreeFoldingArrow(props, ref) {
|
|
|
1449
1463
|
};
|
|
1450
1464
|
var ForwardRef$A = /*#__PURE__*/forwardRef(SvgTreeFoldingArrow);
|
|
1451
1465
|
|
|
1452
|
-
var css$z = {"cell":"
|
|
1466
|
+
var css$z = {"cell":"DataTableCell-module_cell__9v8pk","wrapper":"DataTableCell-module_wrapper__u7ey2","align-widgets-top":"DataTableCell-module_align-widgets-top__-ZRCt","size-24":"DataTableCell-module_size-24__kAlRh","folding-arrow":"DataTableCell-module_folding-arrow__M3UXW","size-30":"DataTableCell-module_size-30__gy4mJ","size-36":"DataTableCell-module_size-36__t3pLn","size-42":"DataTableCell-module_size-42__IXd3P","size-48":"DataTableCell-module_size-48__jCi7Y","size-60":"DataTableCell-module_size-60__O0Mmg","align-widgets-center":"DataTableCell-module_align-widgets-center__l51gX","padding-12":"DataTableCell-module_padding-12__xRP39","padding-24":"DataTableCell-module_padding-24__0aJJb","padding-left-12":"DataTableCell-module_padding-left-12__XINwI","padding-left-24":"DataTableCell-module_padding-left-24__79hBi","padding-right-24":"DataTableCell-module_padding-right-24__BA0Z0","drag-handle":"DataTableCell-module_drag-handle__NiIxM","checkbox":"DataTableCell-module_checkbox__CAENf","indent":"DataTableCell-module_indent__qWJ5l","folding-arrow-12":"DataTableCell-module_folding-arrow-12__YGg1P","folding-arrow-18":"DataTableCell-module_folding-arrow-18__E0R4O","icon-container":"DataTableCell-module_icon-container__IcTL1","alignWidgetsTop":"DataTableCell-module_align-widgets-top__-ZRCt","size24":"DataTableCell-module_size-24__kAlRh","foldingArrow":"DataTableCell-module_folding-arrow__M3UXW","size30":"DataTableCell-module_size-30__gy4mJ","size36":"DataTableCell-module_size-36__t3pLn","size42":"DataTableCell-module_size-42__IXd3P","size48":"DataTableCell-module_size-48__jCi7Y","size60":"DataTableCell-module_size-60__O0Mmg","alignWidgetsCenter":"DataTableCell-module_align-widgets-center__l51gX","padding12":"DataTableCell-module_padding-12__xRP39","padding24":"DataTableCell-module_padding-24__0aJJb","paddingLeft12":"DataTableCell-module_padding-left-12__XINwI","paddingLeft24":"DataTableCell-module_padding-left-24__79hBi","paddingRight24":"DataTableCell-module_padding-right-24__BA0Z0","dragHandle":"DataTableCell-module_drag-handle__NiIxM","foldingArrow12":"DataTableCell-module_folding-arrow-12__YGg1P","foldingArrow18":"DataTableCell-module_folding-arrow-18__E0R4O","iconContainer":"DataTableCell-module_icon-container__IcTL1"};
|
|
1453
1467
|
|
|
1454
1468
|
function DataTableRowAddons(props) {
|
|
1455
1469
|
var _a, _b;
|
|
@@ -1468,17 +1482,27 @@ function DataTableCell(props) {
|
|
|
1468
1482
|
props.addons = React.createElement(DataTableRowAddons, Object.assign({}, props));
|
|
1469
1483
|
}
|
|
1470
1484
|
props.renderPlaceholder = props.renderPlaceholder
|
|
1471
|
-
|| (() => (React.createElement(Text, { key: "t", size: props.size
|
|
1485
|
+
|| (() => (React.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' },
|
|
1472
1486
|
React.createElement(TextPlaceholder, null))));
|
|
1487
|
+
props.renderUnknown = props.renderUnknown
|
|
1488
|
+
|| (() => (React.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' }, "Unknown")));
|
|
1473
1489
|
props.renderTooltip = (tooltipProps) => React.createElement(Tooltip, Object.assign({ color: "critical" }, tooltipProps));
|
|
1474
1490
|
const isEditable = !!props.onValueChange;
|
|
1475
1491
|
props.cx = [
|
|
1476
|
-
'data-table-cell',
|
|
1492
|
+
'data-table-cell',
|
|
1493
|
+
props.cx,
|
|
1494
|
+
css$z.cell,
|
|
1495
|
+
css$z['size-' + (props.size || '36')],
|
|
1496
|
+
css$z[`padding-${props.padding || (isEditable && !props.rowProps.isLoading && '0') || '12'}`],
|
|
1497
|
+
props.isFirstColumn && css$z[`padding-left-${props.padding || '24'}`],
|
|
1498
|
+
props.isLastColumn && css$z['padding-right-24'],
|
|
1499
|
+
css$z[`align-widgets-${props.alignActions || 'top'}`],
|
|
1500
|
+
(props.border || isEditable) && 'uui-dt-vertical-cell-border',
|
|
1477
1501
|
];
|
|
1478
1502
|
return React.createElement(DataTableCell$1, Object.assign({}, props));
|
|
1479
1503
|
}
|
|
1480
1504
|
|
|
1481
|
-
var css$y = {"
|
|
1505
|
+
var css$y = {"root":"DataTableRow-module_root__ZEmTg","size-24":"DataTableRow-module_size-24__K9BAN","size-30":"DataTableRow-module_size-30__4Jqif","size-36":"DataTableRow-module_size-36__8Z9CM","size-48":"DataTableRow-module_size-48__hFy9V","size-60":"DataTableRow-module_size-60__JmXZx","size24":"DataTableRow-module_size-24__K9BAN","size30":"DataTableRow-module_size-30__4Jqif","size36":"DataTableRow-module_size-36__8Z9CM","size48":"DataTableRow-module_size-48__hFy9V","size60":"DataTableRow-module_size-60__JmXZx"};
|
|
1482
1506
|
|
|
1483
1507
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
1484
1508
|
// As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
|
|
@@ -1494,7 +1518,7 @@ const DataTableRow = withMods(DataTableRow$1, ({ borderBottom = true, size }) =>
|
|
|
1494
1518
|
];
|
|
1495
1519
|
}, () => propsMods);
|
|
1496
1520
|
|
|
1497
|
-
var css$x = {"
|
|
1521
|
+
var css$x = {"header-cell":"DataTableHeaderRow-module_header-cell__-GovH","config-icon":"DataTableHeaderRow-module_config-icon__7pmnq","headerCell":"DataTableHeaderRow-module_header-cell__-GovH","configIcon":"DataTableHeaderRow-module_config-icon__7pmnq"};
|
|
1498
1522
|
|
|
1499
1523
|
var _path$y;
|
|
1500
1524
|
function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
|
|
@@ -1518,7 +1542,7 @@ const DataTableHeaderRow = withMods(DataTableHeaderRow$1, (mods) => [css$x.root]
|
|
|
1518
1542
|
renderConfigButton: () => React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: css$x.configIcon, color: "default", icon: ForwardRef$z }),
|
|
1519
1543
|
}));
|
|
1520
1544
|
|
|
1521
|
-
var css$w = {"
|
|
1545
|
+
var css$w = {"cell":"DataTableHeaderCell-module_cell__AGrCC","sort-icon":"DataTableHeaderCell-module_sort-icon__cDeMX","dropdown-icon":"DataTableHeaderCell-module_dropdown-icon__anyqy","infoIcon":"DataTableHeaderCell-module_infoIcon__ztuKT","resizable":"DataTableHeaderCell-module_resizable__KE4Ta","size-24":"DataTableHeaderCell-module_size-24__xl3Bc","size-30":"DataTableHeaderCell-module_size-30__eNSl8","size-36":"DataTableHeaderCell-module_size-36__uF7G7","size-42":"DataTableHeaderCell-module_size-42__cyLfW","size-48":"DataTableHeaderCell-module_size-48__fgE-c","padding-left-24":"DataTableHeaderCell-module_padding-left-24__y2KH8","padding-right-24":"DataTableHeaderCell-module_padding-right-24__-XKyz","caption":"DataTableHeaderCell-module_caption__ZOlWT","checkbox":"DataTableHeaderCell-module_checkbox__Mm1wC","icon":"DataTableHeaderCell-module_icon__liZ4c","icon-cell":"DataTableHeaderCell-module_icon-cell__9AUCT","align-right":"DataTableHeaderCell-module_align-right__Hzx-a","align-center":"DataTableHeaderCell-module_align-center__Lfdr4","tooltip-wrapper":"DataTableHeaderCell-module_tooltip-wrapper__ulCpX","cell-tooltip":"DataTableHeaderCell-module_cell-tooltip__JHAxY","upper-case":"DataTableHeaderCell-module_upper-case__AdtWJ","font-size-14":"DataTableHeaderCell-module_font-size-14__RSTks","resize-mark":"DataTableHeaderCell-module_resize-mark__NBp0G","draggable":"DataTableHeaderCell-module_draggable__hz5pE","ghost":"DataTableHeaderCell-module_ghost__-iISU","is-dragged-out":"DataTableHeaderCell-module_is-dragged-out__Qicd4","dnd-marker-left":"DataTableHeaderCell-module_dnd-marker-left__tZ1iw","dnd-marker-right":"DataTableHeaderCell-module_dnd-marker-right__nT0Cc","sortIcon":"DataTableHeaderCell-module_sort-icon__cDeMX","dropdownIcon":"DataTableHeaderCell-module_dropdown-icon__anyqy","size24":"DataTableHeaderCell-module_size-24__xl3Bc","size30":"DataTableHeaderCell-module_size-30__eNSl8","size36":"DataTableHeaderCell-module_size-36__uF7G7","size42":"DataTableHeaderCell-module_size-42__cyLfW","size48":"DataTableHeaderCell-module_size-48__fgE-c","paddingLeft24":"DataTableHeaderCell-module_padding-left-24__y2KH8","paddingRight24":"DataTableHeaderCell-module_padding-right-24__-XKyz","iconCell":"DataTableHeaderCell-module_icon-cell__9AUCT","alignRight":"DataTableHeaderCell-module_align-right__Hzx-a","alignCenter":"DataTableHeaderCell-module_align-center__Lfdr4","tooltipWrapper":"DataTableHeaderCell-module_tooltip-wrapper__ulCpX","cellTooltip":"DataTableHeaderCell-module_cell-tooltip__JHAxY","upperCase":"DataTableHeaderCell-module_upper-case__AdtWJ","fontSize14":"DataTableHeaderCell-module_font-size-14__RSTks","resizeMark":"DataTableHeaderCell-module_resize-mark__NBp0G","isDraggedOut":"DataTableHeaderCell-module_is-dragged-out__Qicd4","dndMarkerLeft":"DataTableHeaderCell-module_dnd-marker-left__tZ1iw","dndMarkerRight":"DataTableHeaderCell-module_dnd-marker-right__nT0Cc"};
|
|
1522
1546
|
|
|
1523
1547
|
var _path$x;
|
|
1524
1548
|
function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
|
|
@@ -1842,7 +1866,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
1842
1866
|
};
|
|
1843
1867
|
var ForwardRef$r = /*#__PURE__*/forwardRef(SvgEmptyTable);
|
|
1844
1868
|
|
|
1845
|
-
var css$v = {"sticky-header":"
|
|
1869
|
+
var css$v = {"sticky-header":"DataTable-module_sticky-header__g-Ods","listContainer":"DataTable-module_listContainer__yR0QP","table":"DataTable-module_table__UPgfH","no-results":"DataTable-module_no-results__0TI-p","no-results-icon":"DataTable-module_no-results-icon__w-p5I","no-results-title":"DataTable-module_no-results-title__QIMfi","stickyHeader":"DataTable-module_sticky-header__g-Ods","noResults":"DataTable-module_no-results__0TI-p","noResultsIcon":"DataTable-module_no-results-icon__w-p5I","noResultsTitle":"DataTable-module_no-results-title__QIMfi"};
|
|
1846
1870
|
|
|
1847
1871
|
function DataTable(props) {
|
|
1848
1872
|
var _a;
|
|
@@ -1889,7 +1913,7 @@ function DataTable(props) {
|
|
|
1889
1913
|
} })));
|
|
1890
1914
|
}
|
|
1891
1915
|
|
|
1892
|
-
var styles$1 = {"
|
|
1916
|
+
var styles$1 = {"main-panel":"ColumnsConfigurationModal-module_main-panel__4w6PV","group-title":"ColumnsConfigurationModal-module_group-title__YQ24j","group-title-text":"ColumnsConfigurationModal-module_group-title-text__Uu-cT","group-title-badge":"ColumnsConfigurationModal-module_group-title-badge__7PUJ9","group-items":"ColumnsConfigurationModal-module_group-items__gni54","no-data":"ColumnsConfigurationModal-module_no-data__chQEC","h-divider":"ColumnsConfigurationModal-module_h-divider__5NbQX","search-area":"ColumnsConfigurationModal-module_search-area__8lhwH","mainPanel":"ColumnsConfigurationModal-module_main-panel__4w6PV","groupTitle":"ColumnsConfigurationModal-module_group-title__YQ24j","groupTitleText":"ColumnsConfigurationModal-module_group-title-text__Uu-cT","groupTitleBadge":"ColumnsConfigurationModal-module_group-title-badge__7PUJ9","groupItems":"ColumnsConfigurationModal-module_group-items__gni54","noData":"ColumnsConfigurationModal-module_no-data__chQEC","hDivider":"ColumnsConfigurationModal-module_h-divider__5NbQX","searchArea":"ColumnsConfigurationModal-module_search-area__8lhwH"};
|
|
1893
1917
|
|
|
1894
1918
|
var _path$p;
|
|
1895
1919
|
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); }
|
|
@@ -1974,16 +1998,16 @@ var SvgActionPinOff18 = function SvgActionPinOff18(props, ref) {
|
|
|
1974
1998
|
};
|
|
1975
1999
|
var ForwardRef$m = /*#__PURE__*/forwardRef(SvgActionPinOff18);
|
|
1976
2000
|
|
|
1977
|
-
const i18nLocal
|
|
2001
|
+
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
1978
2002
|
function PinIconButton(props) {
|
|
1979
2003
|
const [isHovered, setIsHovered] = useState(false);
|
|
1980
2004
|
const { id, onTogglePin, isPinned, canUnpin, } = props;
|
|
1981
2005
|
const isPinnedAlways = isPinned && !canUnpin;
|
|
1982
2006
|
const tooltipText = useMemo(() => {
|
|
1983
2007
|
if (isPinned) {
|
|
1984
|
-
return isPinnedAlways ? i18nLocal
|
|
2008
|
+
return isPinnedAlways ? i18nLocal.lockedColumnPinButton : i18nLocal.unPinColumnButton;
|
|
1985
2009
|
}
|
|
1986
|
-
return i18nLocal
|
|
2010
|
+
return i18nLocal.pinColumnButton;
|
|
1987
2011
|
}, [isPinned, isPinnedAlways]);
|
|
1988
2012
|
const pinIcon = useMemo(() => {
|
|
1989
2013
|
if (isPinnedAlways) {
|
|
@@ -2002,7 +2026,7 @@ function PinIconButton(props) {
|
|
|
2002
2026
|
React.createElement(IconButton, { icon: pinIcon, onClick: pinClickHandler, isDisabled: isPinnedAlways, color: isPinned ? 'info' : undefined }))));
|
|
2003
2027
|
}
|
|
2004
2028
|
|
|
2005
|
-
var styles = {"
|
|
2029
|
+
var styles = {"row-wrapper":"ColumnRow-module_row-wrapper__J7zw-","not-pinned":"ColumnRow-module_not-pinned__xHoL6","pin-icon-button":"ColumnRow-module_pin-icon-button__jlBrT","drag-handle":"ColumnRow-module_drag-handle__hdFZA","dnd-disabled":"ColumnRow-module_dnd-disabled__n7mQR","rowWrapper":"ColumnRow-module_row-wrapper__J7zw-","notPinned":"ColumnRow-module_not-pinned__xHoL6","pinIconButton":"ColumnRow-module_pin-icon-button__jlBrT","dragHandle":"ColumnRow-module_drag-handle__hdFZA","dndDisabled":"ColumnRow-module_dnd-disabled__n7mQR"};
|
|
2006
2030
|
|
|
2007
2031
|
const ColumnRow = React.memo(function ColumnRow(props) {
|
|
2008
2032
|
const { column } = props;
|
|
@@ -2027,11 +2051,11 @@ const ColumnRow = React.memo(function ColumnRow(props) {
|
|
|
2027
2051
|
return (React.createElement(DndActor, { key: column.key, srcData: data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
2028
2052
|
});
|
|
2029
2053
|
|
|
2030
|
-
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
2031
2054
|
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { size: "24", padding: "24", spacing: "6", cx: styles$1.groupTitle },
|
|
2032
2055
|
React.createElement(Text, { cx: styles$1.groupTitleText, font: "semibold", lineHeight: "24", fontSize: "14" }, title),
|
|
2033
|
-
React.createElement(Badge, { cx: styles$1.groupTitleBadge, caption: amount, color: "
|
|
2056
|
+
React.createElement(Badge, { cx: styles$1.groupTitleBadge, caption: amount, color: "default", size: "18" })));
|
|
2034
2057
|
function ColumnsConfigurationModal(props) {
|
|
2058
|
+
const i18n$1 = i18n.tables.columnsConfigurationModal;
|
|
2035
2059
|
const { columns, columnsConfig: initialColumnsConfig, defaultConfig } = props, modalProps = __rest(props, ["columns", "columnsConfig", "defaultConfig"]);
|
|
2036
2060
|
const { groupedColumns, searchValue, columnsConfig, reset, checkAll, uncheckAll, setSearchValue, } = useColumnsConfiguration({
|
|
2037
2061
|
initialColumnsConfig,
|
|
@@ -2049,7 +2073,7 @@ function ColumnsConfigurationModal(props) {
|
|
|
2049
2073
|
}
|
|
2050
2074
|
const hasDivider = !!(amountPinned && amountUnPinned);
|
|
2051
2075
|
return (React.createElement(React.Fragment, null,
|
|
2052
|
-
renderGroupTitle(
|
|
2076
|
+
renderGroupTitle(i18n$1.displayedSectionTitle, amountPinned + amountUnPinned),
|
|
2053
2077
|
!!amountPinned && (React.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.displayedPinned.map((c) => (React.createElement(ColumnRow, { column: c, key: c.key }))))),
|
|
2054
2078
|
hasDivider && React.createElement("div", { className: styles$1.hDivider }),
|
|
2055
2079
|
!!amountUnPinned && (React.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.displayedUnpinned.map((c) => (React.createElement(ColumnRow, { column: c, key: c.key })))))));
|
|
@@ -2060,36 +2084,36 @@ function ColumnsConfigurationModal(props) {
|
|
|
2060
2084
|
return null;
|
|
2061
2085
|
}
|
|
2062
2086
|
return (React.createElement(React.Fragment, null,
|
|
2063
|
-
renderGroupTitle(
|
|
2087
|
+
renderGroupTitle(i18n$1.hiddenSectionTitle, amountHidden),
|
|
2064
2088
|
React.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.hidden.map((c) => (React.createElement(ColumnRow, { column: c, key: c.key }))))));
|
|
2065
2089
|
};
|
|
2066
2090
|
const noVisibleColumns = useMemo(() => !groupedColumns.displayedPinned.length && !groupedColumns.displayedUnpinned.length, [groupedColumns.displayedPinned, groupedColumns.displayedUnpinned]);
|
|
2067
|
-
const applyButton = React.createElement(Button, { caption:
|
|
2091
|
+
const applyButton = React.createElement(Button, { caption: i18n$1.applyButton, isDisabled: noVisibleColumns, color: "accent", onClick: apply });
|
|
2068
2092
|
return (React.createElement(ModalBlocker, Object.assign({}, modalProps),
|
|
2069
2093
|
React.createElement(ModalWindow, { height: 700 },
|
|
2070
|
-
React.createElement(ModalHeader, { title:
|
|
2094
|
+
React.createElement(ModalHeader, { title: i18n$1.configureColumnsTitle, onClose: close }),
|
|
2071
2095
|
React.createElement(FlexRow, { padding: "24", borderBottom: true, spacing: "12", cx: styles$1.searchArea },
|
|
2072
|
-
React.createElement(SearchInput, { size: "30", value: searchValue, onValueChange: setSearchValue, placeholder:
|
|
2096
|
+
React.createElement(SearchInput, { size: "30", value: searchValue, onValueChange: setSearchValue, placeholder: i18n$1.searchPlaceholder }),
|
|
2073
2097
|
React.createElement(Dropdown, { closeOnTargetClick: true, renderBody: () => (React.createElement(Panel, { shadow: true },
|
|
2074
|
-
React.createElement(DropdownMenuButton, { caption:
|
|
2075
|
-
React.createElement(DropdownMenuButton, { caption:
|
|
2098
|
+
React.createElement(DropdownMenuButton, { caption: i18n$1.clearAllButton, onClick: uncheckAll }),
|
|
2099
|
+
React.createElement(DropdownMenuButton, { caption: i18n$1.selectAllButton, onClick: checkAll }))), renderTarget: (props) => React.createElement(Button, Object.assign({}, props, { mode: "none", icon: ForwardRef$q, size: "30", color: "secondary", isDropdown: false })) })),
|
|
2076
2100
|
React.createElement(Panel, { cx: styles$1.mainPanel },
|
|
2077
2101
|
React.createElement(ScrollBars, null,
|
|
2078
2102
|
renderVisible(),
|
|
2079
2103
|
renderHidden(),
|
|
2080
2104
|
isNoData && (React.createElement(FlexRow, { cx: styles$1.noData },
|
|
2081
|
-
React.createElement(Text, { fontSize: "24", lineHeight: "30", color: "primary", font: "semibold" },
|
|
2082
|
-
React.createElement(Text, { fontSize: "16", lineHeight: "24", font: "regular", color: "primary" },
|
|
2105
|
+
React.createElement(Text, { fontSize: "24", lineHeight: "30", color: "primary", font: "semibold" }, i18n$1.noResultsFound.text),
|
|
2106
|
+
React.createElement(Text, { fontSize: "16", lineHeight: "24", font: "regular", color: "primary" }, i18n$1.noResultsFound.subText))))),
|
|
2083
2107
|
React.createElement(ModalFooter, { borderTop: true },
|
|
2084
|
-
React.createElement(LinkButton, { icon: ForwardRef$p, caption:
|
|
2108
|
+
React.createElement(LinkButton, { icon: ForwardRef$p, caption: i18n$1.resetToDefaultButton, onClick: reset }),
|
|
2085
2109
|
React.createElement(FlexSpacer, null),
|
|
2086
|
-
React.createElement(Button, { mode: "
|
|
2087
|
-
noVisibleColumns ? (React.createElement(Tooltip, { content:
|
|
2110
|
+
React.createElement(Button, { mode: "none", color: "secondary", caption: i18n$1.cancelButton, onClick: close }),
|
|
2111
|
+
noVisibleColumns ? (React.createElement(Tooltip, { content: i18n$1.enableAtLeastOneColumnMessage, placement: "top-end", color: "critical" }, applyButton)) : (applyButton)))));
|
|
2088
2112
|
}
|
|
2089
2113
|
|
|
2090
|
-
var css$u = {"panel":"
|
|
2114
|
+
var css$u = {"panel":"ColumnHeaderDropdown-module_panel__8EgfJ"};
|
|
2091
2115
|
|
|
2092
|
-
var css$t = {"
|
|
2116
|
+
var css$t = {"sorting-panel-container":"SortingPanel-module_sorting-panel-container__4L-8V","sort-active":"SortingPanel-module_sort-active__yoB0U","sortingPanelContainer":"SortingPanel-module_sorting-panel-container__4L-8V","sortActive":"SortingPanel-module_sort-active__yoB0U"};
|
|
2093
2117
|
|
|
2094
2118
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
2095
2119
|
const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -2167,7 +2191,7 @@ var SvgNotificationDone12 = function SvgNotificationDone12(props, ref) {
|
|
|
2167
2191
|
};
|
|
2168
2192
|
var ForwardRef$j = /*#__PURE__*/forwardRef(SvgNotificationDone12);
|
|
2169
2193
|
|
|
2170
|
-
var css$s = {"
|
|
2194
|
+
var css$s = {"render-item":"DataPickerRow-module_render-item__Xg-KM","icon-wrapper":"DataPickerRow-module_icon-wrapper__2iHGZ","picker-row":"DataPickerRow-module_picker-row__dKixb","icon-default":"DataPickerRow-module_icon-default__gW-Xp","icon-primary":"DataPickerRow-module_icon-primary__QfDbw","renderItem":"DataPickerRow-module_render-item__Xg-KM","iconWrapper":"DataPickerRow-module_icon-wrapper__2iHGZ","pickerRow":"DataPickerRow-module_picker-row__dKixb","iconDefault":"DataPickerRow-module_icon-default__gW-Xp","iconPrimary":"DataPickerRow-module_icon-primary__QfDbw"};
|
|
2171
2195
|
|
|
2172
2196
|
class DataPickerRow extends React.Component {
|
|
2173
2197
|
constructor() {
|
|
@@ -2205,7 +2229,7 @@ class DataPickerRow extends React.Component {
|
|
|
2205
2229
|
}
|
|
2206
2230
|
}
|
|
2207
2231
|
|
|
2208
|
-
var css$r = {"
|
|
2232
|
+
var css$r = {"done":"MobileDropdownWrapper-module_done__8Ywqd"};
|
|
2209
2233
|
|
|
2210
2234
|
const MobileDropdownWrapper = (props) => {
|
|
2211
2235
|
const isVisible = isMobile();
|
|
@@ -2213,10 +2237,10 @@ const MobileDropdownWrapper = (props) => {
|
|
|
2213
2237
|
return (React__default.createElement(React__default.Fragment, null,
|
|
2214
2238
|
isVisible && React__default.createElement(DataPickerHeader, { title: props.title, close: props.close }),
|
|
2215
2239
|
props.children,
|
|
2216
|
-
isVisible && React__default.createElement(LinkButton, { caption:
|
|
2240
|
+
isVisible && React__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" })));
|
|
2217
2241
|
};
|
|
2218
2242
|
|
|
2219
|
-
var css$q = {"
|
|
2243
|
+
var css$q = {"sub-header-wrapper":"PickerModal-module_sub-header-wrapper__PVjxt","switch":"PickerModal-module_switch__4ZWZ-","no-found-modal-container":"PickerModal-module_no-found-modal-container__zufRW","no-found-modal-container-icon":"PickerModal-module_no-found-modal-container-icon__RXBf4","no-found-modal-container-text":"PickerModal-module_no-found-modal-container-text__TgKzv","subHeaderWrapper":"PickerModal-module_sub-header-wrapper__PVjxt","$switch$":"PickerModal-module_switch__4ZWZ-","noFoundModalContainer":"PickerModal-module_no-found-modal-container__zufRW","noFoundModalContainerIcon":"PickerModal-module_no-found-modal-container-icon__RXBf4","noFoundModalContainerText":"PickerModal-module_no-found-modal-container-text__TgKzv"};
|
|
2220
2244
|
|
|
2221
2245
|
var _path$h, _path2;
|
|
2222
2246
|
function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
|
|
@@ -2297,11 +2321,11 @@ class PickerModal extends React.Component {
|
|
|
2297
2321
|
|
|
2298
2322
|
const Avatar = withMods(Avatar$1, () => []);
|
|
2299
2323
|
|
|
2300
|
-
var css$p = {"root":"
|
|
2324
|
+
var css$p = {"root":"AvatarStack-module_root__OBrBf"};
|
|
2301
2325
|
|
|
2302
2326
|
const AvatarStack = withMods(AvatarStack$1, () => [css$p.root]);
|
|
2303
2327
|
|
|
2304
|
-
var css$o = {"
|
|
2328
|
+
var css$o = {"root":"Badge-module_root__-W-nq","size-18":"Badge-module_size-18__lYaxv","fill-transparent":"Badge-module_fill-transparent__AMwvE","size-24":"Badge-module_size-24__44rND","size-30":"Badge-module_size-30__FLG32","size-36":"Badge-module_size-36__AN62X","size-42":"Badge-module_size-42__hJg-A","size-48":"Badge-module_size-48__vx-wE","fill-solid":"Badge-module_fill-solid__SdEDe","fill-semitransparent":"Badge-module_fill-semitransparent__iHuV1","size18":"Badge-module_size-18__lYaxv","fillTransparent":"Badge-module_fill-transparent__AMwvE","size24":"Badge-module_size-24__44rND","size30":"Badge-module_size-30__FLG32","size36":"Badge-module_size-36__AN62X","size42":"Badge-module_size-42__hJg-A","size48":"Badge-module_size-48__vx-wE","fillSolid":"Badge-module_fill-solid__SdEDe","fillSemitransparent":"Badge-module_fill-semitransparent__iHuV1"};
|
|
2305
2329
|
|
|
2306
2330
|
const defaultSize$4 = '36';
|
|
2307
2331
|
const mapSize$1 = {
|
|
@@ -2323,7 +2347,7 @@ const Badge = withMods(Button$1, applyBadgeMods, (props) => ({
|
|
|
2323
2347
|
countPosition: 'left',
|
|
2324
2348
|
}));
|
|
2325
2349
|
|
|
2326
|
-
var css$n = {"
|
|
2350
|
+
var css$n = {"root":"Tag-module_root__sO4Qq","size-18":"Tag-module_size-18__nCuL7","size-24":"Tag-module_size-24__b0V4K","size-30":"Tag-module_size-30__YNtmt","size-36":"Tag-module_size-36__M-nVf","size-42":"Tag-module_size-42__IBxvV","size-48":"Tag-module_size-48__ksVx2","size18":"Tag-module_size-18__nCuL7","size24":"Tag-module_size-24__b0V4K","size30":"Tag-module_size-30__YNtmt","size36":"Tag-module_size-36__M-nVf","size42":"Tag-module_size-42__IBxvV","size48":"Tag-module_size-48__ksVx2"};
|
|
2327
2351
|
|
|
2328
2352
|
const defaultSize$3 = '36';
|
|
2329
2353
|
const mapSize = {
|
|
@@ -2342,7 +2366,7 @@ const Tag = withMods(Button$1, applyTagMods, (props) => ({
|
|
|
2342
2366
|
clearIcon: systemIcons[mapSize[props.size] || defaultSize$3].clear,
|
|
2343
2367
|
}));
|
|
2344
2368
|
|
|
2345
|
-
var css$m = {"root":"
|
|
2369
|
+
var css$m = {"root":"Paginator-module_root__d1jwS","spacer":"Paginator-module_spacer__8AhYN","mode-ghost":"Paginator-module_mode-ghost__-NfIp","size-24":"Paginator-module_size-24__zPh-d","size-30":"Paginator-module_size-30__R4PVg","navigation-size-24":"Paginator-module_navigation-size-24__gxUQ8","navigation-size-30":"Paginator-module_navigation-size-30__ZRsLp","modeGhost":"Paginator-module_mode-ghost__-NfIp","size24":"Paginator-module_size-24__zPh-d","size30":"Paginator-module_size-30__R4PVg","navigationSize24":"Paginator-module_navigation-size-24__gxUQ8","navigationSize30":"Paginator-module_navigation-size-30__ZRsLp"};
|
|
2346
2370
|
|
|
2347
2371
|
var _path$g;
|
|
2348
2372
|
function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
|
|
@@ -2434,7 +2458,7 @@ function Paginator(props) {
|
|
|
2434
2458
|
const MAX_ITEMS = 100;
|
|
2435
2459
|
const getMaxItems = (maxItems) => maxItems || maxItems === 0 ? maxItems : MAX_ITEMS;
|
|
2436
2460
|
|
|
2437
|
-
var css$l = {"
|
|
2461
|
+
var css$l = {"root":"PickerToggler-module_root__oOCiN","mode-form":"PickerToggler-module_mode-form__YzMbU","mode-cell":"PickerToggler-module_mode-cell__HGJh8","mode-inline":"PickerToggler-module_mode-inline__3ONdn","size-24":"PickerToggler-module_size-24__l1vGj","size-30":"PickerToggler-module_size-30__pzxTr","size-36":"PickerToggler-module_size-36__SsqyI","size-42":"PickerToggler-module_size-42__tunwu","size-48":"PickerToggler-module_size-48__PM7zq","modeForm":"PickerToggler-module_mode-form__YzMbU","modeCell":"PickerToggler-module_mode-cell__HGJh8","modeInline":"PickerToggler-module_mode-inline__3ONdn","size24":"PickerToggler-module_size-24__l1vGj","size30":"PickerToggler-module_size-30__pzxTr","size36":"PickerToggler-module_size-36__SsqyI","size42":"PickerToggler-module_size-42__tunwu","size48":"PickerToggler-module_size-48__PM7zq"};
|
|
2438
2462
|
|
|
2439
2463
|
const defaultSize$2 = '36';
|
|
2440
2464
|
const defaultMode = EditMode.FORM;
|
|
@@ -2484,7 +2508,7 @@ function PickerTogglerComponent(props, ref) {
|
|
|
2484
2508
|
}
|
|
2485
2509
|
const PickerToggler = React.forwardRef(PickerTogglerComponent);
|
|
2486
2510
|
|
|
2487
|
-
var css$k = {"root":"
|
|
2511
|
+
var css$k = {"root":"PickerItem-module_root__PI16F","multiline-vertical-padding-24":"PickerItem-module_multiline-vertical-padding-24__sCN7p","multiline-vertical-padding-30":"PickerItem-module_multiline-vertical-padding-30__v2LUR","multiline-vertical-padding-36":"PickerItem-module_multiline-vertical-padding-36__65t4o","multiline-vertical-padding-42":"PickerItem-module_multiline-vertical-padding-42__Wt0JN","multiline-vertical-padding-48":"PickerItem-module_multiline-vertical-padding-48__oSirV","text":"PickerItem-module_text__S0Ejg","multilineVerticalPadding24":"PickerItem-module_multiline-vertical-padding-24__sCN7p","multilineVerticalPadding30":"PickerItem-module_multiline-vertical-padding-30__v2LUR","multilineVerticalPadding36":"PickerItem-module_multiline-vertical-padding-36__65t4o","multilineVerticalPadding42":"PickerItem-module_multiline-vertical-padding-42__Wt0JN","multilineVerticalPadding48":"PickerItem-module_multiline-vertical-padding-48__oSirV"};
|
|
2488
2512
|
|
|
2489
2513
|
const defaultSize$1 = '36';
|
|
2490
2514
|
class PickerItem extends React.Component {
|
|
@@ -2508,7 +2532,7 @@ class PickerItem extends React.Component {
|
|
|
2508
2532
|
}
|
|
2509
2533
|
}
|
|
2510
2534
|
|
|
2511
|
-
var css$j = {"
|
|
2535
|
+
var css$j = {"panel":"PickerInput-module_panel__0xY7f","footer-wrapper":"PickerInput-module_footer-wrapper__mdFUK","footer-size-24":"PickerInput-module_footer-size-24__sI3ji","footer-size-30":"PickerInput-module_footer-size-30__kEoD6","footer-size-36":"PickerInput-module_footer-size-36__Q2x7r","footer-size-42":"PickerInput-module_footer-size-42__1BKAo","footer-size-48":"PickerInput-module_footer-size-48__vHArx","footerWrapper":"PickerInput-module_footer-wrapper__mdFUK","footerSize24":"PickerInput-module_footer-size-24__sI3ji","footerSize30":"PickerInput-module_footer-size-30__kEoD6","footerSize36":"PickerInput-module_footer-size-36__Q2x7r","footerSize42":"PickerInput-module_footer-size-42__1BKAo","footerSize48":"PickerInput-module_footer-size-48__vHArx"};
|
|
2512
2536
|
|
|
2513
2537
|
const pickerHeight$1 = 300;
|
|
2514
2538
|
const pickerWidth$1 = 360;
|
|
@@ -2575,7 +2599,7 @@ class PickerInput extends PickerInputBase {
|
|
|
2575
2599
|
}
|
|
2576
2600
|
}
|
|
2577
2601
|
|
|
2578
|
-
var css$i = {"row":"
|
|
2602
|
+
var css$i = {"row":"PickerListItem-module_row__SAtT7"};
|
|
2579
2603
|
|
|
2580
2604
|
class PickerListItem extends React__default.Component {
|
|
2581
2605
|
render() {
|
|
@@ -2638,17 +2662,20 @@ PickerList.contextType = UuiContext;
|
|
|
2638
2662
|
|
|
2639
2663
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
2640
2664
|
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
};
|
|
2665
|
+
function getDefaultExportFromCjs (x) {
|
|
2666
|
+
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
2667
|
+
}
|
|
2668
|
+
|
|
2669
|
+
var dayjs_min = {exports: {}};
|
|
2646
2670
|
|
|
2647
2671
|
(function (module, exports) {
|
|
2648
|
-
!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}));
|
|
2672
|
+
!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",$="Invalid Date",l=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},g={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},D="en",v={};v[D]=M;var p=function(t){return t instanceof _},S=function(t,e,n){var r;if(!t)return D;if("string"==typeof t)v[t]&&(r=t),e&&(v[t]=e,r=t);else {var i=t.name;v[i]=t,r=i;}return !n&&r&&(D=r),r||!n&&D},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=g;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(l);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===$)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),$=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},l=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,g="set"+(this.$u?"UTC":"");switch(h){case c:return r?$(1,0):$(31,11);case f:return r?$(1,M):$(0,M+1);case o:var D=this.$locale().weekStart||0,v=(y<D?y+7:y)-D;return $(r?m-v:m+(6-v),M);case a:case d:return l(g+"Hours",0);case u:return l(g+"Minutes",1);case s:return l(g+"Seconds",2);case i:return l(g+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),$=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],l=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[$](l),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else $&&this.$d[$](l);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,$=this;r=Number(r);var l=O.p(h),y=function(t){var e=w($);return O.w(e.date(e.date()+Math.round(t*r)),$)};if(l===f)return this.set(f,this.$M+r);if(l===c)return this.set(c,this.$y+r);if(l===a)return y(1);if(l===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[l]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||$;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].substr(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},l={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||l[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,$){var l,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,g=this-M,D=O.m(this,M);return D=(l={},l[c]=D/12,l[f]=D,l[h]=D/3,l[o]=(g-m)/6048e5,l[a]=(g-m)/864e5,l[u]=g/n,l[s]=g/e,l[i]=g/t,l)[y]||g,$?D:O.a(D)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return v[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),b=_.prototype;return w.prototype=b,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){b[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=v[D],w.Ls=v,w.p={},w}));
|
|
2649
2673
|
} (dayjs_min));
|
|
2650
2674
|
|
|
2651
|
-
var
|
|
2675
|
+
var dayjs_minExports = dayjs_min.exports;
|
|
2676
|
+
var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
|
|
2677
|
+
|
|
2678
|
+
var css$h = {"root":"FilterPanelItemToggler-module_root__6HJLW","title-wrapper":"FilterPanelItemToggler-module_title-wrapper__07dD8","title":"FilterPanelItemToggler-module_title__JaXtY","text-wrapper":"FilterPanelItemToggler-module_text-wrapper__kRoKs","selection":"FilterPanelItemToggler-module_selection__K9tGx","postfix":"FilterPanelItemToggler-module_postfix__MpS3n","selected":"FilterPanelItemToggler-module_selected__FEPzr","titleWrapper":"FilterPanelItemToggler-module_title-wrapper__07dD8","textWrapper":"FilterPanelItemToggler-module_text-wrapper__kRoKs"};
|
|
2652
2679
|
|
|
2653
2680
|
const defaultSize = '36';
|
|
2654
2681
|
const FilterPanelItemToggler = React.forwardRef((props, ref) => {
|
|
@@ -2738,7 +2765,7 @@ class FilterDataPickerBody extends BaseDatePicker {
|
|
|
2738
2765
|
React__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 })),
|
|
2739
2766
|
React__default.createElement(FlexCell, { alignSelf: "stretch" },
|
|
2740
2767
|
React__default.createElement(FlexRow, { padding: "24", vPadding: "12" },
|
|
2741
|
-
React__default.createElement(Text, null, this.state.selectedDate ?
|
|
2768
|
+
React__default.createElement(Text, null, this.state.selectedDate ? dayjs(this.state.selectedDate).format('MMM DD, YYYY') : ''),
|
|
2742
2769
|
React__default.createElement(FlexSpacer, null),
|
|
2743
2770
|
React__default.createElement(LinkButton, { isDisabled: !this.state.selectedDate, caption: i18n.filterToolbar.datePicker.clearCaption, onClick: this.handleCancel })))));
|
|
2744
2771
|
}
|
|
@@ -2747,7 +2774,7 @@ class FilterDataPickerBody extends BaseDatePicker {
|
|
|
2747
2774
|
}
|
|
2748
2775
|
}
|
|
2749
2776
|
|
|
2750
|
-
var css$g = {"
|
|
2777
|
+
var css$g = {"date-input":"FilterRangeDatePickerBody-module_date-input__YCsN4","size-24":"FilterRangeDatePickerBody-module_size-24__I99Uu","size-30":"FilterRangeDatePickerBody-module_size-30__6sPTt","size-36":"FilterRangeDatePickerBody-module_size-36__EvRIl","size-42":"FilterRangeDatePickerBody-module_size-42__lBWnp","size-48":"FilterRangeDatePickerBody-module_size-48__YnYMk","date-input-group":"FilterRangeDatePickerBody-module_date-input-group__k-U24","separator":"FilterRangeDatePickerBody-module_separator__wydiQ","mode-form":"FilterRangeDatePickerBody-module_mode-form__uTlrw","mode-cell":"FilterRangeDatePickerBody-module_mode-cell__vPfe2","dateInput":"FilterRangeDatePickerBody-module_date-input__YCsN4","size24":"FilterRangeDatePickerBody-module_size-24__I99Uu","size30":"FilterRangeDatePickerBody-module_size-30__6sPTt","size36":"FilterRangeDatePickerBody-module_size-36__EvRIl","size42":"FilterRangeDatePickerBody-module_size-42__lBWnp","size48":"FilterRangeDatePickerBody-module_size-48__YnYMk","dateInputGroup":"FilterRangeDatePickerBody-module_date-input-group__k-U24","modeForm":"FilterRangeDatePickerBody-module_mode-form__uTlrw","modeCell":"FilterRangeDatePickerBody-module_mode-cell__vPfe2"};
|
|
2751
2778
|
|
|
2752
2779
|
class FilterRangeDatePickerBody extends BaseRangeDatePicker {
|
|
2753
2780
|
constructor() {
|
|
@@ -2760,7 +2787,7 @@ class FilterRangeDatePickerBody extends BaseRangeDatePicker {
|
|
|
2760
2787
|
renderBody() {
|
|
2761
2788
|
return (React.createElement(React.Fragment, null,
|
|
2762
2789
|
React.createElement(FlexRow, { borderBottom: true },
|
|
2763
|
-
React.createElement(RangeDatePickerBody, { value: this.getValue(), onValueChange: this.onRangeChange, filter: this.props.filter, focusPart: this.state.inFocus, changeIsOpen: this.toggleOpening })),
|
|
2790
|
+
React.createElement(RangeDatePickerBody, { value: this.getValue(), onValueChange: this.onRangeChange, filter: this.props.filter, focusPart: this.state.inFocus, changeIsOpen: this.toggleOpening, presets: this.props.presets })),
|
|
2764
2791
|
React.createElement(FlexCell, { alignSelf: "stretch" },
|
|
2765
2792
|
React.createElement(FlexRow, { padding: "24", vPadding: "12" },
|
|
2766
2793
|
React.createElement("div", { className: cx(css$g.dateInputGroup, this.state.inFocus && uuiMod.focus) },
|
|
@@ -2862,7 +2889,7 @@ var SvgActionDeleteforever12 = function SvgActionDeleteforever12(props, ref) {
|
|
|
2862
2889
|
};
|
|
2863
2890
|
var ForwardRef$d = /*#__PURE__*/forwardRef(SvgActionDeleteforever12);
|
|
2864
2891
|
|
|
2865
|
-
var css$f = {"
|
|
2892
|
+
var css$f = {"header":"FiltersPanelItem-module_header__hqSIh","removeButton":"FiltersPanelItem-module_removeButton__dWD-9","panel":"FiltersPanelItem-module_panel__EfHsL"};
|
|
2866
2893
|
|
|
2867
2894
|
function FiltersToolbarItemImpl(props) {
|
|
2868
2895
|
const isPickersType = (props === null || props === void 0 ? void 0 : props.type) === 'multiPicker' || (props === null || props === void 0 ? void 0 : props.type) === 'singlePicker';
|
|
@@ -2949,6 +2976,15 @@ function FiltersToolbarItemImpl(props) {
|
|
|
2949
2976
|
var _a;
|
|
2950
2977
|
return predicate ? (_a = props.value) === null || _a === void 0 ? void 0 : _a[predicate] : props.value;
|
|
2951
2978
|
};
|
|
2979
|
+
const getPickerItemName = (item, config) => {
|
|
2980
|
+
if (item.isUnknown) {
|
|
2981
|
+
return 'Unknown';
|
|
2982
|
+
}
|
|
2983
|
+
if (item.isLoading) {
|
|
2984
|
+
return React__default.createElement(TextPlaceholder, null);
|
|
2985
|
+
}
|
|
2986
|
+
return config.getName ? config.getName(item.value) : item.value.name;
|
|
2987
|
+
};
|
|
2952
2988
|
const getTogglerValue = () => {
|
|
2953
2989
|
const currentValue = getValue();
|
|
2954
2990
|
const defaultFormat = 'MMM DD, YYYY';
|
|
@@ -2961,7 +2997,7 @@ function FiltersToolbarItemImpl(props) {
|
|
|
2961
2997
|
? currentValue === null || currentValue === void 0 ? void 0 : currentValue.slice(0, 2).map((i) => {
|
|
2962
2998
|
const item = view.getById(i, null);
|
|
2963
2999
|
isLoading = item.isLoading;
|
|
2964
|
-
return item
|
|
3000
|
+
return getPickerItemName(item, props);
|
|
2965
3001
|
})
|
|
2966
3002
|
: [i18n.filterToolbar.pickerInput.emptyValueCaption];
|
|
2967
3003
|
const selectionText = isLoading ? selection : selection.join(', ');
|
|
@@ -2980,25 +3016,25 @@ function FiltersToolbarItemImpl(props) {
|
|
|
2980
3016
|
}
|
|
2981
3017
|
case 'singlePicker': {
|
|
2982
3018
|
const view = props.dataSource.getView({}, forceUpdate);
|
|
2983
|
-
|
|
2984
|
-
if (!item) {
|
|
3019
|
+
if (currentValue === null || currentValue === undefined) {
|
|
2985
3020
|
return { selection: i18n.filterToolbar.pickerInput.emptyValueCaption };
|
|
2986
3021
|
}
|
|
2987
|
-
const
|
|
3022
|
+
const item = view.getById(currentValue, null);
|
|
3023
|
+
const selection = getPickerItemName(item, props);
|
|
2988
3024
|
return { selection };
|
|
2989
3025
|
}
|
|
2990
3026
|
case 'datePicker': {
|
|
2991
|
-
return { selection: currentValue ?
|
|
3027
|
+
return { selection: currentValue ? dayjs(currentValue).format(props.format || defaultFormat) : i18n.filterToolbar.datePicker.placeholder };
|
|
2992
3028
|
}
|
|
2993
3029
|
case 'rangeDatePicker': {
|
|
2994
3030
|
if (!currentValue || (!currentValue.from && !currentValue.to)) {
|
|
2995
3031
|
return { selection: i18n.filterToolbar.rangeDatePicker.emptyPickerPlaceholder };
|
|
2996
3032
|
}
|
|
2997
3033
|
const currentValueFrom = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.from)
|
|
2998
|
-
?
|
|
3034
|
+
? dayjs(currentValue === null || currentValue === void 0 ? void 0 : currentValue.from).format(props.format || defaultFormat)
|
|
2999
3035
|
: i18n.filterToolbar.rangeDatePicker.emptyPlaceholderFrom;
|
|
3000
3036
|
const currentValueTo = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.to)
|
|
3001
|
-
?
|
|
3037
|
+
? dayjs(currentValue === null || currentValue === void 0 ? void 0 : currentValue.to).format(props.format || defaultFormat)
|
|
3002
3038
|
: i18n.filterToolbar.rangeDatePicker.emptyPlaceholderTo;
|
|
3003
3039
|
const selection = `${currentValueFrom} - ${currentValueTo}`;
|
|
3004
3040
|
return { selection };
|
|
@@ -3137,9 +3173,9 @@ function FiltersToolbarImpl(props) {
|
|
|
3137
3173
|
}
|
|
3138
3174
|
const FiltersPanel = React__default.memo(FiltersToolbarImpl);
|
|
3139
3175
|
|
|
3140
|
-
var css$e = {"divider":"
|
|
3176
|
+
var css$e = {"divider":"PresetsPanel-module_divider__vk5zN","dropdownDeleteIcon":"PresetsPanel-module_dropdownDeleteIcon__nYd89","presetsWrapper":"PresetsPanel-module_presetsWrapper__cxER2","addPresetContainer":"PresetsPanel-module_addPresetContainer__3vzJU","dropContainer":"PresetsPanel-module_dropContainer__ao-Zt"};
|
|
3141
3177
|
|
|
3142
|
-
var css$d = {"preset-dropdown-panel":"
|
|
3178
|
+
var css$d = {"preset-dropdown-panel":"PresetActionsDropdown-module_preset-dropdown-panel__7QqJq","delete-row":"PresetActionsDropdown-module_delete-row__Akkel","delete-button":"PresetActionsDropdown-module_delete-button__PUypn","targetOpen":"PresetActionsDropdown-module_targetOpen__d1eob","presetDropdownPanel":"PresetActionsDropdown-module_preset-dropdown-panel__7QqJq","deleteRow":"PresetActionsDropdown-module_delete-row__Akkel","deleteButton":"PresetActionsDropdown-module_delete-button__PUypn"};
|
|
3143
3179
|
|
|
3144
3180
|
var _path$a;
|
|
3145
3181
|
function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
|
|
@@ -3299,7 +3335,7 @@ function PresetActionsDropdown(props) {
|
|
|
3299
3335
|
return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
3300
3336
|
}
|
|
3301
3337
|
|
|
3302
|
-
var css$c = {"preset-input-cell":"
|
|
3338
|
+
var css$c = {"preset-input-cell":"PresetInput-module_preset-input-cell__k9GyV","preset-input":"PresetInput-module_preset-input__pGJx6","presetInputCell":"PresetInput-module_preset-input-cell__k9GyV","presetInput":"PresetInput-module_preset-input__pGJx6"};
|
|
3303
3339
|
|
|
3304
3340
|
function PresetInput(props) {
|
|
3305
3341
|
var _a;
|
|
@@ -3321,10 +3357,10 @@ function PresetInput(props) {
|
|
|
3321
3357
|
props.onCancel();
|
|
3322
3358
|
}, [presetCaption.length, props.onCancel]);
|
|
3323
3359
|
return (React__default.createElement(FlexCell, { cx: css$c.presetInputCell, minWidth: 180 },
|
|
3324
|
-
React__default.createElement(TextInput, { cx: css$c.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true })));
|
|
3360
|
+
React__default.createElement(TextInput, { cx: css$c.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50 })));
|
|
3325
3361
|
}
|
|
3326
3362
|
|
|
3327
|
-
var css$b = {"preset":"
|
|
3363
|
+
var css$b = {"preset":"Preset-module_preset__5zjTb","activePreset":"Preset-module_activePreset__XgJWT"};
|
|
3328
3364
|
|
|
3329
3365
|
function Preset(props) {
|
|
3330
3366
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -3362,12 +3398,12 @@ function PresetsPanel(props) {
|
|
|
3362
3398
|
}, [isAddingPreset]);
|
|
3363
3399
|
const onPresetDropdownSelect = (preset) => {
|
|
3364
3400
|
props.choosePreset(preset.preset);
|
|
3365
|
-
props.updatePreset(preset.preset);
|
|
3366
3401
|
};
|
|
3367
3402
|
const renderMoreButtonDropdown = (item, hiddenItems) => {
|
|
3368
3403
|
return (React__default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__default.createElement(FlexRow, null,
|
|
3369
3404
|
React__default.createElement("div", { className: css$e.divider }),
|
|
3370
|
-
React__default.createElement(Button, Object.assign({ mode: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: () => (React__default.createElement(DropdownContainer, {
|
|
3405
|
+
React__default.createElement(Button, Object.assign({ mode: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: () => (React__default.createElement(DropdownContainer, { cx: cx$1(css$e.dropContainer), width: 230 },
|
|
3406
|
+
React__default.createElement(ScrollBars$1, null, hiddenItems.map((item) => (React__default.createElement(DropdownMenuButton, { key: item.preset.id, onClick: () => onPresetDropdownSelect(item), caption: item.preset.name, icon: !item.preset.isReadonly && ForwardRef$6, iconPosition: "right", cx: css$e.dropdownDeleteIcon, onIconClick: !item.preset.isReadonly && (() => props.deletePreset(item.preset)) })))))) }));
|
|
3371
3407
|
};
|
|
3372
3408
|
const getPresetPriority = (preset, index) => {
|
|
3373
3409
|
return preset.id === props.activePresetId ? 100499 : 1000 - index;
|
|
@@ -3397,7 +3433,7 @@ const defaultPredicates = {
|
|
|
3397
3433
|
rangeDatePicker: [{ predicate: 'inRange', name: 'In Range', isDefault: true }, { predicate: 'notInRange', name: 'Not in Range' }],
|
|
3398
3434
|
};
|
|
3399
3435
|
|
|
3400
|
-
var css$a = {"root":"
|
|
3436
|
+
var css$a = {"root":"MainMenu-module_root__NqMvR"};
|
|
3401
3437
|
|
|
3402
3438
|
function applyMainMenuMods() {
|
|
3403
3439
|
return [css$a.root];
|
|
@@ -3423,12 +3459,12 @@ var SvgGlobalMenu = function SvgGlobalMenu(props, ref) {
|
|
|
3423
3459
|
};
|
|
3424
3460
|
var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgGlobalMenu);
|
|
3425
3461
|
|
|
3426
|
-
var css$9 = {"global-menu-btn":"
|
|
3462
|
+
var css$9 = {"global-menu-btn":"GlobalMenu-module_global-menu-btn__VNGyq","globalMenuIcon":"GlobalMenu-module_globalMenuIcon__BTMLp","globalMenuBtn":"GlobalMenu-module_global-menu-btn__VNGyq"};
|
|
3427
3463
|
|
|
3428
3464
|
const GlobalMenu = React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
3429
3465
|
React.createElement(IconContainer, { icon: ForwardRef$5, cx: css$9.globalMenuIcon }))));
|
|
3430
3466
|
|
|
3431
|
-
var css$8 = {"root":"
|
|
3467
|
+
var css$8 = {"root":"Burger-module_root__RyM45","burger-content":"Burger-module_burger-content__bbDNZ","burgerContent":"Burger-module_burger-content__bbDNZ"};
|
|
3432
3468
|
|
|
3433
3469
|
var _path$3;
|
|
3434
3470
|
function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
|
|
@@ -3495,7 +3531,7 @@ var SvgTriangle = function SvgTriangle(props, ref) {
|
|
|
3495
3531
|
};
|
|
3496
3532
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgTriangle);
|
|
3497
3533
|
|
|
3498
|
-
var css$7 = {"
|
|
3534
|
+
var css$7 = {"root":"BurgerButton-module_root__t2JTr","button-primary":"BurgerButton-module_button-primary__Sqw6q","button-secondary":"BurgerButton-module_button-secondary__H4Hed","hasIcon":"BurgerButton-module_hasIcon__6lpPh","dropdown":"BurgerButton-module_dropdown__6OWuB","buttonPrimary":"BurgerButton-module_button-primary__Sqw6q","buttonSecondary":"BurgerButton-module_button-secondary__H4Hed"};
|
|
3499
3535
|
|
|
3500
3536
|
const BurgerButton = withMods(Button$1, (props) => [
|
|
3501
3537
|
css$7.root, css$7['button-' + (props.type || 'primary')], css$7['indent-' + (props.indentLevel || 0)], props.isDropdown && css$7.dropdown, props.icon && css$7.hasIcon,
|
|
@@ -3547,13 +3583,13 @@ var SvgMenuInputCancel = function SvgMenuInputCancel(props, ref) {
|
|
|
3547
3583
|
};
|
|
3548
3584
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgMenuInputCancel);
|
|
3549
3585
|
|
|
3550
|
-
var css$6 = {"search-input":"
|
|
3586
|
+
var css$6 = {"search-input":"BurgerSearch-module_search-input__ot3xM","searchInput":"BurgerSearch-module_search-input__ot3xM"};
|
|
3551
3587
|
|
|
3552
3588
|
function BurgerSearch(props) {
|
|
3553
3589
|
return (React.createElement(TextInput$1, { cx: css$6.searchInput, iconPosition: "left", icon: ForwardRef$W, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$1, autoFocus: true }));
|
|
3554
3590
|
}
|
|
3555
3591
|
|
|
3556
|
-
var css$5 = {"group-header":"
|
|
3592
|
+
var css$5 = {"group-header":"BurgerGroupHeader-module_group-header__RPFIE","group-name":"BurgerGroupHeader-module_group-name__9SbW-","line":"BurgerGroupHeader-module_line__i1Bu-","groupHeader":"BurgerGroupHeader-module_group-header__RPFIE","groupName":"BurgerGroupHeader-module_group-name__9SbW-"};
|
|
3557
3593
|
|
|
3558
3594
|
function BurgerGroupHeader(props) {
|
|
3559
3595
|
return (React.createElement("div", { className: css$5.groupHeader },
|
|
@@ -3561,7 +3597,7 @@ function BurgerGroupHeader(props) {
|
|
|
3561
3597
|
React.createElement("span", { className: css$5.groupName }, props.caption)));
|
|
3562
3598
|
}
|
|
3563
3599
|
|
|
3564
|
-
var css$4 = {"container":"
|
|
3600
|
+
var css$4 = {"container":"MainMenuAvatar-module_container__cen9B","open":"MainMenuAvatar-module_open__hjS1f"};
|
|
3565
3601
|
|
|
3566
3602
|
const MainMenuAvatar = React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$4.container, props.isDropdown && css$4.dropdown, props.isOpen && css$4.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
3567
3603
|
React.createElement(Avatar$1, { size: "36", img: props.avatarUrl }),
|
|
@@ -3569,18 +3605,18 @@ const MainMenuAvatar = React.forwardRef((props, ref) => (React.createElement("bu
|
|
|
3569
3605
|
props.isDropdown && (React.createElement("div", null,
|
|
3570
3606
|
React.createElement(IconContainer, { icon: ForwardRef$10, flipY: props.isOpen }))))));
|
|
3571
3607
|
|
|
3572
|
-
var css$3 = {"search-input":"
|
|
3608
|
+
var css$3 = {"search-input":"MainMenuSearch-module_search-input__AdkL1","searchInput":"MainMenuSearch-module_search-input__AdkL1"};
|
|
3573
3609
|
|
|
3574
3610
|
const MainMenuSearch = React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
3575
3611
|
var _a;
|
|
3576
3612
|
return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$W, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$1 }, props, iEditable, { ref: ref, cx: cx$1(css$3.searchInput, props.cx) }, props.rawProps)));
|
|
3577
3613
|
} }))));
|
|
3578
3614
|
|
|
3579
|
-
var css$2 = {"container":"
|
|
3615
|
+
var css$2 = {"container":"MainMenuIcon-module_container__6NlKF"};
|
|
3580
3616
|
|
|
3581
3617
|
const MainMenuIcon = React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$2.container) }, props))));
|
|
3582
3618
|
|
|
3583
|
-
var css$1 = {"
|
|
3619
|
+
var css$1 = {"root":"MainMenuButton-module_root__pJ8X7","type-primary":"MainMenuButton-module_type-primary__8AIyW","type-secondary":"MainMenuButton-module_type-secondary__uxvwJ","typePrimary":"MainMenuButton-module_type-primary__8AIyW","typeSecondary":"MainMenuButton-module_type-secondary__uxvwJ"};
|
|
3584
3620
|
|
|
3585
3621
|
var _path;
|
|
3586
3622
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -3600,7 +3636,7 @@ var ForwardRef = /*#__PURE__*/forwardRef(SvgChevronDown24);
|
|
|
3600
3636
|
|
|
3601
3637
|
const MainMenuButton = withMods(Button$1, (mods) => [css$1.root, css$1['type-' + (mods.type || 'primary')]], () => ({ dropdownIcon: ForwardRef, role: 'menuitem' }));
|
|
3602
3638
|
|
|
3603
|
-
var css = {"dropdown-body":"
|
|
3639
|
+
var css = {"dropdown-body":"MainMenuDropdown-module_dropdown-body__H16cM","dropdownBody":"MainMenuDropdown-module_dropdown-body__H16cM"};
|
|
3604
3640
|
|
|
3605
3641
|
class MainMenuDropdown extends React.Component {
|
|
3606
3642
|
render() {
|
|
@@ -3637,8 +3673,7 @@ function Form(props) {
|
|
|
3637
3673
|
},
|
|
3638
3674
|
] }),
|
|
3639
3675
|
React.createElement(RichTextView, null,
|
|
3640
|
-
React.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' })
|
|
3641
|
-
.catch(() => null);
|
|
3676
|
+
React.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
|
|
3642
3677
|
};
|
|
3643
3678
|
return React.createElement(Form$1, Object.assign({ loadUnsavedChanges: loadUnsavedChanges, beforeLeave: beforeLeave }, props));
|
|
3644
3679
|
}
|
|
@@ -3661,5 +3696,5 @@ function useForm(props) {
|
|
|
3661
3696
|
return useForm$1(Object.assign({ beforeLeave, loadUnsavedChanges }, props));
|
|
3662
3697
|
}
|
|
3663
3698
|
|
|
3664
|
-
export { Accordion, Alert, Anchor, Avatar, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DropMarker, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, EditMode, ErrorAlert, ErrorNotification, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerModalImpl, PickerToggler, PresetsPanel, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RichTextView, ScrollBars, SearchInput, Spinner, SuccessAlert, SuccessNotification, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, allButtonColors, allButtonModes, allButtonSemanticColors, allEpamBadgeSemanticColors, allFillStyles, allFontStyles, allIconColors, allRowSizes, allSemanticColors, allSizes, allTextSizes, applyBadgeMods, applyButtonMods, applyCheckboxMods, applyDatePickerBodyMods, applyDateSelectionMods, applyNumericInputMods, applyRangeDatePickerBodyMods, applySpinnerMods, applySwitchMods, applyTagMods, applyTextAreaMods, applyTextInputMods, defaultPredicates, getTextClasses, i18n, propsMods, renderCell, renderDropMarkers, useColumnsWithFilters, useForm };
|
|
3699
|
+
export { Accordion, Alert, Anchor, Avatar, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DropMarker, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, EditMode, ErrorAlert, ErrorNotification, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerModalImpl, PickerToggler, PresetsPanel, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RichTextView, ScrollBars, SearchInput, Spinner, SuccessAlert, SuccessNotification, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, allButtonColors, allButtonModes, allButtonSemanticColors, allEpamBadgeSemanticColors, allFillStyles, allFontStyles, allIconColors, allLinkButtonColors, allRowSizes, allSemanticColors, allSizes, allTextSizes, applyBadgeMods, applyButtonMods, applyCheckboxMods, applyDatePickerBodyMods, applyDateSelectionMods, applyNumericInputMods, applyRangeDatePickerBodyMods, applySpinnerMods, applySwitchMods, applyTagMods, applyTextAreaMods, applyTextInputMods, defaultPredicates, getTextClasses, i18n, propsMods, renderCell, renderDropMarkers, useColumnsWithFilters, useForm };
|
|
3665
3700
|
//# sourceMappingURL=index.esm.js.map
|