@epam/uui 5.8.4 → 5.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/datePickers/CalendarPresets.d.ts +44 -4
- package/components/datePickers/CalendarPresets.d.ts.map +1 -1
- package/components/datePickers/DatePickerHeader.d.ts +4 -4
- package/components/datePickers/DatePickerHeader.d.ts.map +1 -1
- package/components/datePickers/RangeDatePicker.d.ts.map +1 -1
- package/components/datePickers/RangeDatePickerInput.d.ts +0 -4
- package/components/datePickers/RangeDatePickerInput.d.ts.map +1 -1
- package/components/datePickers/types.d.ts +3 -3
- package/components/datePickers/types.d.ts.map +1 -1
- package/components/filters/index.d.ts +1 -0
- package/components/filters/index.d.ts.map +1 -1
- package/components/inputs/timePicker/TimePickerBody.d.ts.map +1 -1
- package/components/pickers/DataPickerFooter.d.ts.map +1 -1
- package/components/tables/DataTable.d.ts +1 -1
- package/components/tables/DataTable.d.ts.map +1 -1
- package/components/tables/DataTableCell.d.ts.map +1 -1
- package/components/tables/DataTableHeaderCell.d.ts +1 -1
- package/components/tables/DataTableHeaderCell.d.ts.map +1 -1
- package/components/widgets/Badge.d.ts.map +1 -1
- package/components/widgets/DataRowAddons.d.ts +5 -1
- package/components/widgets/DataRowAddons.d.ts.map +1 -1
- package/index.d.ts +2 -0
- package/index.d.ts.map +1 -1
- package/index.esm.js +174 -168
- package/index.esm.js.map +1 -1
- package/index.js +176 -165
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +19 -1
- package/styles.css +2646 -2667
- package/styles.css.map +1 -1
package/index.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as uuiComponents from '@epam/uui-components';
|
|
2
|
-
import { Clickable, IconContainer, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, Anchor as Anchor$1, FlexRow as FlexRow$1, FlexSpacer, useDocumentDir, Text as Text$1, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, AvatarStack as AvatarStack$1, Spinner as Spinner$1, Paginator as Paginator$1, DragHandle, Blocker as Blocker$1, PickerBodyBase, DataPickerRow as DataPickerRow$1, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, Calendar as Calendar$1, YearSelection, MonthSelection, AdaptivePanel, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, InputAddon as InputAddon$1, Slider as Slider$1,
|
|
3
|
-
export { Avatar, FlexSpacer, IconContainer } from '@epam/uui-components';
|
|
2
|
+
import { Clickable, IconContainer, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, Anchor as Anchor$1, FlexRow as FlexRow$1, FlexSpacer, useDocumentDir, Text as Text$1, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, AvatarStack as AvatarStack$1, Spinner as Spinner$1, Paginator as Paginator$1, DragHandle, Blocker as Blocker$1, PickerBodyBase, DataPickerRow as DataPickerRow$1, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, Calendar as Calendar$1, YearSelection, MonthSelection, AdaptivePanel, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, InputAddon as InputAddon$1, Slider as Slider$1, Day, uuiDaySelection, DataTableCell as DataTableCell$1, DataTableRow as DataTableRow$1, DataTableCellContainer, DataTableHeaderCell as DataTableHeaderCell$1, DataTableHeaderRow as DataTableHeaderRow$1, useColumnsConfiguration, Accordion as Accordion$1, DataTableSelectionProvider, DataTableFocusProvider, Burger as Burger$1, Button as Button$1, DropSpot as DropSpot$1, UploadFileToggler, ErrorCatch } from '@epam/uui-components';
|
|
3
|
+
export { Avatar, DataTableCellContainer, FlexSpacer, IconContainer } from '@epam/uui-components';
|
|
4
4
|
import { withMods, devLogger, uuiElement, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, uuiMod, directionMode, useVirtualList, useScrollShadows, i18n as i18n$1, Lens, isMobile, usePrevious, useUuiContext, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, isFocusReceiverInsideFocusLock, mobilePopperModifier, uuiDataTableHeaderCell, DndActor, useColumnsConfig, uuiScrollShadows, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import React__default, { forwardRef, useContext, useRef, useState, useImperativeHandle, useEffect, Fragment, useMemo, useCallback, useReducer } from 'react';
|
|
@@ -41,7 +41,7 @@ var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(p
|
|
|
41
41
|
viewBox: "0 0 24 24",
|
|
42
42
|
ref: ref
|
|
43
43
|
}, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
|
|
44
|
-
d: "
|
|
44
|
+
d: "M5.414 8.086 4 9.5l8 8 8-8-1.414-1.414L12 14.672 5.414 8.086z"
|
|
45
45
|
})));
|
|
46
46
|
};
|
|
47
47
|
var ForwardRef$P = /*#__PURE__*/forwardRef(SvgNavigationChevronDownOutline);
|
|
@@ -329,11 +329,11 @@ const settings = {
|
|
|
329
329
|
pickerToggler: {
|
|
330
330
|
tag: {
|
|
331
331
|
24: '18',
|
|
332
|
-
30: '
|
|
333
|
-
36: '
|
|
334
|
-
42: '
|
|
335
|
-
48: '
|
|
336
|
-
60: '
|
|
332
|
+
30: '18',
|
|
333
|
+
36: '24',
|
|
334
|
+
42: '30',
|
|
335
|
+
48: '36',
|
|
336
|
+
60: '42',
|
|
337
337
|
},
|
|
338
338
|
},
|
|
339
339
|
dataPickerHeader: {
|
|
@@ -453,7 +453,7 @@ const settings = {
|
|
|
453
453
|
},
|
|
454
454
|
};
|
|
455
455
|
|
|
456
|
-
var css$1s = {"uui-typography":"
|
|
456
|
+
var css$1s = {"uui-typography":"ikQHV4","hero-header":"BWRSd1","promo-header":"mrlZ17","uui-critical":"we48Gb","uui-info":"C2XUTB","uui-success":"_1aa8T8","uui-warning":"nKNCVv","uui-highlight":"fhL7n-","uui-typography-size-12":"KAFzKd","uui-typography-size-14":"Kj32Um","uui-typography-size-16":"_06dI12","root":"JPYTiK","uuiTypography":"ikQHV4","heroHeader":"BWRSd1","promoHeader":"mrlZ17","uuiCritical":"we48Gb","uuiInfo":"C2XUTB","uuiSuccess":"_1aa8T8","uuiWarning":"nKNCVv","uuiHighlight":"fhL7n-","uuiTypographySize12":"KAFzKd","uuiTypographySize14":"Kj32Um","uuiTypographySize16":"_06dI12"};
|
|
457
457
|
|
|
458
458
|
function applyButtonMods(mods) {
|
|
459
459
|
return [
|
|
@@ -471,7 +471,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
471
471
|
};
|
|
472
472
|
});
|
|
473
473
|
|
|
474
|
-
var css$1r = {"root":"
|
|
474
|
+
var css$1r = {"root":"J9pCrI"};
|
|
475
475
|
|
|
476
476
|
function applyIconButtonMods(props) {
|
|
477
477
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -508,7 +508,7 @@ function getIconClass(props) {
|
|
|
508
508
|
return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
|
|
509
509
|
}
|
|
510
510
|
|
|
511
|
-
var css$1q = {"uui-typography":"
|
|
511
|
+
var css$1q = {"uui-typography":"DB0e23","hero-header":"OEyWJr","promo-header":"bYSAKc","uui-critical":"_62jP2M","uui-info":"_0HMZPF","uui-success":"mtB3k-","uui-warning":"Lwd2QR","uui-highlight":"kGGbJa","uui-typography-size-12":"AagwDY","uui-typography-size-14":"oH8rZk","uui-typography-size-16":"_0FJCNd","root":"CNAFaX","uuiTypography":"DB0e23","heroHeader":"OEyWJr","promoHeader":"bYSAKc","uuiCritical":"_62jP2M","uuiInfo":"_0HMZPF","uuiSuccess":"mtB3k-","uuiWarning":"Lwd2QR","uuiHighlight":"kGGbJa","uuiTypographySize12":"AagwDY","uuiTypographySize14":"oH8rZk","uuiTypographySize16":"_0FJCNd"};
|
|
512
512
|
|
|
513
513
|
const DEFAULT_COLOR = 'primary';
|
|
514
514
|
function applyLinkButtonMods(mods) {
|
|
@@ -539,7 +539,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
539
539
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
540
540
|
});
|
|
541
541
|
|
|
542
|
-
var css$1p = {"root":"
|
|
542
|
+
var css$1p = {"root":"_9ixBwj"};
|
|
543
543
|
|
|
544
544
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
545
545
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -551,7 +551,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
551
551
|
]) }, props.caption));
|
|
552
552
|
});
|
|
553
553
|
|
|
554
|
-
var css$1o = {"uui-typography":"
|
|
554
|
+
var css$1o = {"uui-typography":"_3UeDRU","hero-header":"-CqL67","promo-header":"fdB9cm","uui-critical":"DKO19o","uui-info":"TjJVGG","uui-success":"w6VHix","uui-warning":"Iea09Q","uui-highlight":"U9-7-d","uui-typography-size-12":"X2IXh2","uui-typography-size-14":"XQnAuU","uui-typography-size-16":"_55F74s","root":"V-Utfz","withNotify":"AUOiEu","uuiTypography":"_3UeDRU","heroHeader":"-CqL67","promoHeader":"fdB9cm","uuiCritical":"DKO19o","uuiInfo":"TjJVGG","uuiSuccess":"w6VHix","uuiWarning":"Iea09Q","uuiHighlight":"U9-7-d","uuiTypographySize12":"X2IXh2","uuiTypographySize14":"XQnAuU","uuiTypographySize16":"_55F74s"};
|
|
555
555
|
|
|
556
556
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
557
557
|
const styles = [
|
|
@@ -573,7 +573,7 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
573
573
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
574
574
|
});
|
|
575
575
|
|
|
576
|
-
var css$1n = {"uui-typography":"
|
|
576
|
+
var css$1n = {"uui-typography":"_91WNlC","hero-header":"Omc1MX","promo-header":"RpMbAj","uui-critical":"i4Dq6E","uui-info":"nKkZg5","uui-success":"d8lqkl","uui-warning":"mNSK-9","uui-highlight":"kkEH7Z","uui-typography-size-12":"_5oUooe","uui-typography-size-14":"XieLtw","uui-typography-size-16":"F-Dsjf","root":"bXmn--","uuiTypography":"_91WNlC","heroHeader":"Omc1MX","promoHeader":"RpMbAj","uuiCritical":"i4Dq6E","uuiInfo":"nKkZg5","uuiSuccess":"d8lqkl","uuiWarning":"mNSK-9","uuiHighlight":"kkEH7Z","uuiTypographySize12":"_5oUooe","uuiTypographySize14":"XieLtw","uuiTypographySize16":"F-Dsjf"};
|
|
577
577
|
|
|
578
578
|
function applyVerticalTabButtonMods() {
|
|
579
579
|
return [css$1n.root];
|
|
@@ -595,7 +595,7 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
|
595
595
|
};
|
|
596
596
|
var ForwardRef$B = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
|
|
597
597
|
|
|
598
|
-
var css$1m = {"uui-typography":"
|
|
598
|
+
var css$1m = {"uui-typography":"l-cu0D","hero-header":"PtEHLz","promo-header":"MoGoMX","uui-critical":"_5pQU7n","uui-info":"pqz0xD","uui-success":"XD3Uai","uui-warning":"-PQF8c","uui-highlight":"U8BRDm","uui-typography-size-12":"I-QQ-3","uui-typography-size-14":"WpAQfo","uui-typography-size-16":"OwgxCY","root":"yMO4Bu","mode-cell":"wpm9mp","uuiTypography":"l-cu0D","heroHeader":"PtEHLz","promoHeader":"MoGoMX","uuiCritical":"_5pQU7n","uuiInfo":"pqz0xD","uuiSuccess":"XD3Uai","uuiWarning":"-PQF8c","uuiHighlight":"U8BRDm","uuiTypographySize12":"I-QQ-3","uuiTypographySize14":"WpAQfo","uuiTypographySize16":"OwgxCY","modeCell":"wpm9mp"};
|
|
599
599
|
|
|
600
600
|
function applyCheckboxMods(mods) {
|
|
601
601
|
return [
|
|
@@ -625,12 +625,12 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
|
625
625
|
viewBox: "0 0 24 24",
|
|
626
626
|
ref: ref
|
|
627
627
|
}, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
|
|
628
|
-
d: "M12
|
|
628
|
+
d: "M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14z"
|
|
629
629
|
})));
|
|
630
630
|
};
|
|
631
631
|
var ForwardRef$A = /*#__PURE__*/forwardRef(SvgRadioDotFill);
|
|
632
632
|
|
|
633
|
-
var css$1l = {"uui-typography":"
|
|
633
|
+
var css$1l = {"uui-typography":"_3kBDlI","hero-header":"_8q9Ozk","promo-header":"He2dm1","uui-critical":"mTf5wo","uui-info":"_1MR7yw","uui-success":"_9Xr6U2","uui-warning":"hyx0ry","uui-highlight":"dA8o-U","uui-typography-size-12":"fNVhOJ","uui-typography-size-14":"_1Jdex1","uui-typography-size-16":"BSzCn5","root":"Gr4ZHn","uuiTypography":"_3kBDlI","heroHeader":"_8q9Ozk","promoHeader":"He2dm1","uuiCritical":"mTf5wo","uuiInfo":"_1MR7yw","uuiSuccess":"_9Xr6U2","uuiWarning":"hyx0ry","uuiHighlight":"dA8o-U","uuiTypographySize12":"fNVhOJ","uuiTypographySize14":"_1Jdex1","uuiTypographySize16":"BSzCn5"};
|
|
634
634
|
|
|
635
635
|
function applyRadioInputMods(mods) {
|
|
636
636
|
return [
|
|
@@ -642,7 +642,7 @@ function applyRadioInputMods(mods) {
|
|
|
642
642
|
}
|
|
643
643
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
|
|
644
644
|
|
|
645
|
-
var css$1k = {"root":"
|
|
645
|
+
var css$1k = {"root":"gSIiuo"};
|
|
646
646
|
|
|
647
647
|
function applySwitchMods(mods) {
|
|
648
648
|
return [
|
|
@@ -710,7 +710,7 @@ var EditMode;
|
|
|
710
710
|
EditMode["INLINE"] = "inline";
|
|
711
711
|
})(EditMode || (EditMode = {}));
|
|
712
712
|
|
|
713
|
-
var textInputCss = {"uui-typography":"
|
|
713
|
+
var textInputCss = {"uui-typography":"n4Jqvi","hero-header":"cvgGpf","promo-header":"_22SdJT","uui-critical":"zndIe2","uui-info":"_2R-pgI","uui-success":"w7euJ0","uui-warning":"rXEza8","uui-highlight":"_8nqGij","uui-typography-size-12":"MkdJfS","uui-typography-size-14":"YPK3A7","uui-typography-size-16":"iugOJ1","root":"uFsHA3","mode-form":"mp1bFc","mode-inline":"qKsP79","mode-cell":"FnGPQH","uuiTypography":"n4Jqvi","heroHeader":"cvgGpf","promoHeader":"_22SdJT","uuiCritical":"zndIe2","uuiInfo":"_2R-pgI","uuiSuccess":"w7euJ0","uuiWarning":"rXEza8","uuiHighlight":"_8nqGij","uuiTypographySize12":"MkdJfS","uuiTypographySize14":"YPK3A7","uuiTypographySize16":"iugOJ1","modeForm":"mp1bFc","modeInline":"qKsP79","modeCell":"FnGPQH"};
|
|
714
714
|
|
|
715
715
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
716
716
|
function applyTextInputMods(mods) {
|
|
@@ -736,7 +736,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
736
736
|
} })));
|
|
737
737
|
});
|
|
738
738
|
|
|
739
|
-
var css$1j = {"root":"
|
|
739
|
+
var css$1j = {"root":"_0gPPQx"};
|
|
740
740
|
|
|
741
741
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1j.root]);
|
|
742
742
|
|
|
@@ -745,7 +745,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
745
745
|
}
|
|
746
746
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
747
747
|
|
|
748
|
-
var css$1i = {"uui-typography":"
|
|
748
|
+
var css$1i = {"uui-typography":"tTx8g7","hero-header":"MXAfd-","promo-header":"siI8Kj","uui-critical":"ZZU2ef","uui-info":"_1mDl9T","uui-success":"SZNNa9","uui-warning":"_5PLzVL","uui-highlight":"jHpNF9","uui-typography-size-12":"YZUtgv","uui-typography-size-14":"V18Bcl","uui-typography-size-16":"DqKpg8","root":"MQ1m1w","mode-form":"NST1Rp","mode-cell":"LIltsv","uuiTypography":"tTx8g7","heroHeader":"MXAfd-","promoHeader":"siI8Kj","uuiCritical":"ZZU2ef","uuiInfo":"_1mDl9T","uuiSuccess":"SZNNa9","uuiWarning":"_5PLzVL","uuiHighlight":"jHpNF9","uuiTypographySize12":"YZUtgv","uuiTypographySize14":"V18Bcl","uuiTypographySize16":"DqKpg8","modeForm":"NST1Rp","modeCell":"LIltsv"};
|
|
749
749
|
|
|
750
750
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
751
751
|
function applyNumericInputMods(mods) {
|
|
@@ -766,7 +766,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
766
766
|
};
|
|
767
767
|
});
|
|
768
768
|
|
|
769
|
-
var css$1h = {"uui-typography":"
|
|
769
|
+
var css$1h = {"uui-typography":"BZmPbq","hero-header":"_1ynbex","promo-header":"J8Q2eu","uui-critical":"Iscv8r","uui-info":"CG6xJh","uui-success":"Ema1--","uui-warning":"r-aRNn","uui-highlight":"_2nDR23","uui-typography-size-12":"_2v-r7G","uui-typography-size-14":"voDJXA","uui-typography-size-16":"-Rd-Ca","root":"_8Qd1AO","mode-form":"MqUck8","mode-cell":"COmq1d","mode-inline":"LWWk9l","size-24":"iYFTDJ","size-30":"VzXCUp","size-36":"y2mPQ-","size-42":"D9smhq","size-48":"S4wrPc","uuiTypography":"BZmPbq","heroHeader":"_1ynbex","promoHeader":"J8Q2eu","uuiCritical":"Iscv8r","uuiInfo":"CG6xJh","uuiSuccess":"Ema1--","uuiWarning":"r-aRNn","uuiHighlight":"_2nDR23","uuiTypographySize12":"_2v-r7G","uuiTypographySize14":"voDJXA","uuiTypographySize16":"-Rd-Ca","modeForm":"MqUck8","modeCell":"COmq1d","modeInline":"LWWk9l","size24":"iYFTDJ","size30":"VzXCUp","size36":"y2mPQ-","size42":"D9smhq","size48":"S4wrPc"};
|
|
770
770
|
|
|
771
771
|
const DEFAULT_SIZE$3 = '36';
|
|
772
772
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
@@ -867,7 +867,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
|
867
867
|
};
|
|
868
868
|
var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
|
|
869
869
|
|
|
870
|
-
var css$1g = {"uui-typography":"
|
|
870
|
+
var css$1g = {"uui-typography":"G6bHVN","hero-header":"g0w-Px","promo-header":"VPbp-0","uui-critical":"yEPjI4","uui-info":"ce66XI","uui-success":"pG5vVr","uui-warning":"uTx3Re","uui-highlight":"auJvIf","uui-typography-size-12":"OFRo7X","uui-typography-size-14":"gVZ3hd","uui-typography-size-16":"zLkgDD","root":"WtGAp-","icon-wrapper":"bKLmcJ","alert-wrapper":"jPBOc0","size-48":"-KdQjA","size-36":"xRXciW","action-wrapper":"tzjQY6","action-icon":"ihBCaf","action-link":"ikM-dM","close-icon":"V1GN-G","main-path":"OxjZ6o","content":"tj91f7","uuiTypography":"G6bHVN","heroHeader":"g0w-Px","promoHeader":"VPbp-0","uuiCritical":"yEPjI4","uuiInfo":"ce66XI","uuiSuccess":"pG5vVr","uuiWarning":"uTx3Re","uuiHighlight":"auJvIf","uuiTypographySize12":"OFRo7X","uuiTypographySize14":"gVZ3hd","uuiTypographySize16":"zLkgDD","iconWrapper":"bKLmcJ","alertWrapper":"jPBOc0","size48":"-KdQjA","size36":"xRXciW","actionWrapper":"tzjQY6","actionIcon":"ihBCaf","actionLink":"ikM-dM","closeIcon":"V1GN-G","mainPath":"OxjZ6o"};
|
|
871
871
|
|
|
872
872
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$1g.root, css$1g.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1g.size36 : css$1g.size48)) }, props.rawProps),
|
|
873
873
|
React.createElement("div", { className: css$1g.mainPath },
|
|
@@ -884,7 +884,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
884
884
|
|
|
885
885
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
886
886
|
|
|
887
|
-
var css$1f = {"root":"
|
|
887
|
+
var css$1f = {"root":"ZPyQKL"};
|
|
888
888
|
|
|
889
889
|
function applyDropdownContainerMods(mods) {
|
|
890
890
|
return [
|
|
@@ -895,7 +895,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
895
895
|
}
|
|
896
896
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
897
897
|
|
|
898
|
-
var css$1e = {"uui-typography":"
|
|
898
|
+
var css$1e = {"uui-typography":"d-N8nr","hero-header":"FF6swH","promo-header":"RRyejJ","uui-critical":"h12FiH","uui-info":"js75gN","uui-success":"LYO1fq","uui-warning":"_0P5gtT","uui-highlight":"YdfrxL","uui-typography-size-12":"_3-qo6h","uui-typography-size-14":"l74g6W","uui-typography-size-16":"oGugQH","submenu-root-item":"CMHzhd","icon-after":"CjZuD3","icon-check":"OJoq-p","splitter-root":"q8kF2N","splitter":"fT0PmT","header-root":"KR-05T","item-root":"O2U0aG","icon":"DLs-tf","link":"WigceG","indent":"_7vSy9H","selected-mark":"shggCT","uuiTypography":"d-N8nr","heroHeader":"FF6swH","promoHeader":"RRyejJ","uuiCritical":"h12FiH","uuiInfo":"js75gN","uuiSuccess":"LYO1fq","uuiWarning":"_0P5gtT","uuiHighlight":"YdfrxL","uuiTypographySize12":"_3-qo6h","uuiTypographySize14":"l74g6W","uuiTypographySize16":"oGugQH","submenuRootItem":"CMHzhd","iconAfter":"CjZuD3","iconCheck":"OJoq-p","splitterRoot":"q8kF2N","headerRoot":"KR-05T","itemRoot":"O2U0aG","selectedMark":"shggCT"};
|
|
899
899
|
|
|
900
900
|
var IDropdownControlKeys;
|
|
901
901
|
(function (IDropdownControlKeys) {
|
|
@@ -1028,7 +1028,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1028
1028
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1029
1029
|
}
|
|
1030
1030
|
|
|
1031
|
-
var css$1d = {"uui-typography":"
|
|
1031
|
+
var css$1d = {"uui-typography":"r8Vgt1","hero-header":"Qab-ka","promo-header":"_3v6uxk","uui-critical":"CiUk79","uui-info":"n3J0ZJ","uui-success":"BMRU-O","uui-warning":"HNhfR7","uui-highlight":"QgMsv-","uui-typography-size-12":"M1q3Zf","uui-typography-size-14":"wyk-dt","uui-typography-size-16":"D0qCtn","root":"-DlkLD","mode-block":"_0IoZBb","mode-inline":"lcJ0Fk","padding-0":"KA0aub","padding-6":"UAEbiX","padding-12":"ocIgBD","padding-18":"CCFib6","uuiTypography":"r8Vgt1","heroHeader":"Qab-ka","promoHeader":"_3v6uxk","uuiCritical":"CiUk79","uuiInfo":"n3J0ZJ","uuiSuccess":"BMRU-O","uuiWarning":"HNhfR7","uuiHighlight":"QgMsv-","uuiTypographySize12":"M1q3Zf","uuiTypographySize14":"wyk-dt","uuiTypographySize16":"D0qCtn","modeBlock":"_0IoZBb","modeInline":"lcJ0Fk","padding0":"KA0aub","padding6":"UAEbiX","padding12":"ocIgBD","padding18":"CCFib6"};
|
|
1032
1032
|
|
|
1033
1033
|
const getMode = (mode) => {
|
|
1034
1034
|
return mode || 'block';
|
|
@@ -1044,7 +1044,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
1044
1044
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
|
|
1045
1045
|
}));
|
|
1046
1046
|
|
|
1047
|
-
var css$1c = {"uui-typography":"
|
|
1047
|
+
var css$1c = {"uui-typography":"Dzr3S3","hero-header":"HM0KOD","promo-header":"ypTtCm","uui-critical":"TgfzQu","uui-info":"pBCtGj","uui-success":"eghtnA","uui-warning":"fP717w","uui-highlight":"d68LZY","uui-typography-size-12":"Oa2Ha2","uui-typography-size-14":"Q9Zs3L","uui-typography-size-16":"lIjJdM","root":"l36s-F","border-top":"VU98zB","border-bottom":"yfBNg5","top-shadow":"D6Tt7D","size-24":"U8H-2V","size-30":"HCiH-u","size-36":"DJBeFG","size-42":"JmG6qV","size-48":"_6scvpM","padding-6":"Sy0DX0","padding-12":"wI3Q75","padding-18":"uu7usU","padding-24":"Bd0AF-","margin-24":"dXmh5S","margin-12":"guZu4K","vPadding-12":"bLsiM3","vPadding-18":"BXDK-h","vPadding-24":"VK7Gca","vPadding-36":"PEsDCV","vPadding-48":"_04aJSK","spacing-6":"N-U857","spacing-12":"WcvCaC","spacing-18":"qRLYKW","uui-surface-main":"_7QZoQ8","uuiTypography":"Dzr3S3","heroHeader":"HM0KOD","promoHeader":"ypTtCm","uuiCritical":"TgfzQu","uuiInfo":"pBCtGj","uuiSuccess":"eghtnA","uuiWarning":"fP717w","uuiHighlight":"d68LZY","uuiTypographySize12":"Oa2Ha2","uuiTypographySize14":"Q9Zs3L","uuiTypographySize16":"lIjJdM","borderTop":"VU98zB","borderBottom":"yfBNg5","topShadow":"D6Tt7D","size24":"U8H-2V","size30":"HCiH-u","size36":"DJBeFG","size42":"JmG6qV","size48":"_6scvpM","padding6":"Sy0DX0","padding12":"wI3Q75","padding18":"uu7usU","padding24":"Bd0AF-","margin24":"dXmh5S","margin12":"guZu4K","vPadding12":"bLsiM3","vPadding18":"BXDK-h","vPadding24":"VK7Gca","vPadding36":"PEsDCV","vPadding48":"_04aJSK","spacing6":"N-U857","spacing12":"WcvCaC","spacing18":"qRLYKW","uuiSurfaceMain":"_7QZoQ8"};
|
|
1048
1048
|
|
|
1049
1049
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1c.flexCell]);
|
|
1050
1050
|
|
|
@@ -1068,7 +1068,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
|
|
|
1068
1068
|
];
|
|
1069
1069
|
});
|
|
1070
1070
|
|
|
1071
|
-
var css$1b = {"root":"
|
|
1071
|
+
var css$1b = {"root":"QSO-L9","margin-24":"wZjJkA","padding-12":"ItZJ-k","padding-24":"icfngw","shadow":"N2FFis","uui-surface-main":"K9Hc1w","margin24":"wZjJkA","padding12":"ItZJ-k","padding24":"icfngw","uuiSurfaceMain":"K9Hc1w"};
|
|
1072
1072
|
|
|
1073
1073
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
1074
1074
|
'uui-panel',
|
|
@@ -1078,7 +1078,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
1078
1078
|
props.background && css$1b[`uui-${props.background}`],
|
|
1079
1079
|
]);
|
|
1080
1080
|
|
|
1081
|
-
var css$1a = {"root":"
|
|
1081
|
+
var css$1a = {"root":"NWf-oT"};
|
|
1082
1082
|
|
|
1083
1083
|
function applyTooltipMods(mods) {
|
|
1084
1084
|
return [
|
|
@@ -1088,7 +1088,7 @@ function applyTooltipMods(mods) {
|
|
|
1088
1088
|
}
|
|
1089
1089
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
1090
1090
|
|
|
1091
|
-
var css$19 = {"uui-typography":"
|
|
1091
|
+
var css$19 = {"uui-typography":"sUo2KF","hero-header":"_6qXt-s","promo-header":"pd5jfn","uui-critical":"Yzx3MA","uui-info":"D9Q5el","uui-success":"nDmtwp","uui-warning":"_76gF-z","uui-highlight":"r8gtZt","uui-typography-size-12":"-snmM-","uui-typography-size-14":"iiVhQ-","uui-typography-size-16":"Tfu5Zs","root":"_5CJ0J3","size-24":"fEWB-T","size-30":"whZ5R1","size-36":"xP-g3Y","size-42":"CxKQZz","size-48":"RzAU8H","uuiTypography":"sUo2KF","heroHeader":"_6qXt-s","promoHeader":"pd5jfn","uuiCritical":"Yzx3MA","uuiInfo":"D9Q5el","uuiSuccess":"nDmtwp","uuiWarning":"_76gF-z","uuiHighlight":"r8gtZt","uuiTypographySize12":"-snmM-","uuiTypographySize14":"iiVhQ-","uuiTypographySize16":"Tfu5Zs","size24":"fEWB-T","size30":"whZ5R1","size36":"xP-g3Y","size42":"CxKQZz","size48":"RzAU8H"};
|
|
1092
1092
|
|
|
1093
1093
|
const DEFAULT_SIZE$2 = '36';
|
|
1094
1094
|
function applyLabeledInputMods(mods) {
|
|
@@ -1099,7 +1099,7 @@ const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLa
|
|
|
1099
1099
|
infoIcon: props.infoIcon || (['24', '30'].includes(props.size) ? ForwardRef$w : ForwardRef$L),
|
|
1100
1100
|
}));
|
|
1101
1101
|
|
|
1102
|
-
var css$18 = {"root":"
|
|
1102
|
+
var css$18 = {"root":"oa8RcB"};
|
|
1103
1103
|
|
|
1104
1104
|
function RadioGroup(props) {
|
|
1105
1105
|
const direction = props.direction || 'vertical';
|
|
@@ -1114,7 +1114,7 @@ function RadioGroup(props) {
|
|
|
1114
1114
|
})));
|
|
1115
1115
|
}
|
|
1116
1116
|
|
|
1117
|
-
var css$17 = {"root":"
|
|
1117
|
+
var css$17 = {"root":"g7bY0v"};
|
|
1118
1118
|
|
|
1119
1119
|
function applyScrollBarsMods() {
|
|
1120
1120
|
return [
|
|
@@ -1123,13 +1123,13 @@ function applyScrollBarsMods() {
|
|
|
1123
1123
|
}
|
|
1124
1124
|
const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
|
|
1125
1125
|
|
|
1126
|
-
var css$16 = {"scroll-container":"
|
|
1126
|
+
var css$16 = {"scroll-container":"mfWprN","list-container":"PGSfR5","scrollContainer":"mfWprN","listContainer":"PGSfR5"};
|
|
1127
1127
|
|
|
1128
|
-
var css$15 = {"root":"
|
|
1128
|
+
var css$15 = {"root":"dN8lps"};
|
|
1129
1129
|
|
|
1130
1130
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$15.root]);
|
|
1131
1131
|
|
|
1132
|
-
var css$14 = {"uui-typography":"
|
|
1132
|
+
var css$14 = {"uui-typography":"WAj-Sq","hero-header":"_0KmhkY","promo-header":"sxaqrs","uui-critical":"JBXB7t","uui-info":"ULxeD-","uui-success":"xVhUcP","uui-warning":"C6hk87","uui-highlight":"N6JqJU","uui-typography-size-12":"wbmiLh","uui-typography-size-14":"cUoiaJ","uui-typography-size-16":"Ail3Zi","root":"GEhdbz","size-18":"dzowJH","size-24":"mH9vWD","size-30":"-MIf0J","size-36":"lsYpdh","size-42":"_6QxNOY","size-48":"_8z90ey","uuiTypography":"WAj-Sq","heroHeader":"_0KmhkY","promoHeader":"sxaqrs","uuiCritical":"JBXB7t","uuiInfo":"ULxeD-","uuiSuccess":"xVhUcP","uuiWarning":"C6hk87","uuiHighlight":"N6JqJU","uuiTypographySize12":"wbmiLh","uuiTypographySize14":"cUoiaJ","uuiTypographySize16":"Ail3Zi","size18":"dzowJH","size24":"mH9vWD","size30":"-MIf0J","size36":"lsYpdh","size42":"_6QxNOY","size48":"_8z90ey"};
|
|
1133
1133
|
|
|
1134
1134
|
const DEFAULT_SIZE$1 = '36';
|
|
1135
1135
|
const DEFAULT_FILL = 'solid';
|
|
@@ -1140,7 +1140,6 @@ function applyBadgeMods(mods) {
|
|
|
1140
1140
|
css$14['size-' + (mods.size || DEFAULT_SIZE$1)],
|
|
1141
1141
|
`uui-fill-${mods.fill || DEFAULT_FILL}`,
|
|
1142
1142
|
`uui-color-${mods.color || 'info'}`,
|
|
1143
|
-
mods.indicator && mods.fill === 'outline' && 'uui-indicator',
|
|
1144
1143
|
];
|
|
1145
1144
|
}
|
|
1146
1145
|
const mapCountIndicatorSizes = {
|
|
@@ -1155,6 +1154,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1155
1154
|
const styles = [applyBadgeMods(props), props.cx];
|
|
1156
1155
|
const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : systemIcons.foldingArrow;
|
|
1157
1156
|
return (React__default.createElement(Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
1157
|
+
(props.indicator && props.fill === 'outline') && (React__default.createElement("div", { className: "uui-indicator" })),
|
|
1158
1158
|
props.icon && props.iconPosition !== 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1159
1159
|
props.caption && (React__default.createElement("div", { className: uuiElement.caption }, props.caption)),
|
|
1160
1160
|
props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$1], caption: props.count })),
|
|
@@ -1162,7 +1162,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1162
1162
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1163
1163
|
});
|
|
1164
1164
|
|
|
1165
|
-
var css$13 = {"uui-typography":"
|
|
1165
|
+
var css$13 = {"uui-typography":"cOa1hK","hero-header":"a9HUR1","promo-header":"Igf67B","uui-critical":"_52RZ4M","uui-info":"gFw0XC","uui-success":"rkslZ4","uui-warning":"FoCzi8","uui-highlight":"JHHn4q","uui-typography-size-12":"-HHHgA","uui-typography-size-14":"Fgsq9N","uui-typography-size-16":"WVE4Me","root":"NY0AwO","uuiTypography":"cOa1hK","heroHeader":"a9HUR1","promoHeader":"Igf67B","uuiCritical":"_52RZ4M","uuiInfo":"gFw0XC","uuiSuccess":"rkslZ4","uuiWarning":"FoCzi8","uuiHighlight":"JHHn4q","uuiTypographySize12":"-HHHgA","uuiTypographySize14":"Fgsq9N","uuiTypographySize16":"WVE4Me"};
|
|
1166
1166
|
|
|
1167
1167
|
function applyTagMods(props) {
|
|
1168
1168
|
return [
|
|
@@ -1186,14 +1186,14 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1186
1186
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1187
1187
|
});
|
|
1188
1188
|
|
|
1189
|
-
var css$12 = {"root":"
|
|
1189
|
+
var css$12 = {"root":"kfiBAj","uui-spinner":"PBHhbI","uuiSpinner":"PBHhbI"};
|
|
1190
1190
|
|
|
1191
1191
|
function applySpinnerMods() {
|
|
1192
1192
|
return [css$12.root, 'uui-spinner'];
|
|
1193
1193
|
}
|
|
1194
1194
|
const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
|
|
1195
1195
|
|
|
1196
|
-
var css$11 = {"root":"
|
|
1196
|
+
var css$11 = {"root":"cry8mb","spacer":"ttW8Wx","mode-ghost":"NTpBGW","size-24":"R465Iz","size-30":"MfBROG","navigation-size-24":"_9w-3Dt","navigation-size-30":"OJWYaJ","modeGhost":"NTpBGW","size24":"R465Iz","size30":"MfBROG","navigationSize24":"_9w-3Dt","navigationSize30":"OJWYaJ"};
|
|
1197
1197
|
|
|
1198
1198
|
var _path$v;
|
|
1199
1199
|
function _extends$v() { _extends$v = 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$v.apply(this, arguments); }
|
|
@@ -1205,7 +1205,7 @@ var SvgNavigationChevronLeftOutline = function SvgNavigationChevronLeftOutline(p
|
|
|
1205
1205
|
viewBox: "0 0 24 24",
|
|
1206
1206
|
ref: ref
|
|
1207
1207
|
}, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
|
|
1208
|
-
d: "
|
|
1208
|
+
d: "M15.914 5.414 14.5 4l-8 8 8 8 1.414-1.414L9.328 12l6.586-6.586z"
|
|
1209
1209
|
})));
|
|
1210
1210
|
};
|
|
1211
1211
|
var ForwardRef$v = /*#__PURE__*/forwardRef(SvgNavigationChevronLeftOutline);
|
|
@@ -1220,7 +1220,7 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
|
|
|
1220
1220
|
viewBox: "0 0 24 24",
|
|
1221
1221
|
ref: ref
|
|
1222
1222
|
}, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
|
|
1223
|
-
d: "
|
|
1223
|
+
d: "M8.086 18.586 9.5 20l8-8-8-8-1.414 1.414L14.672 12l-6.586 6.586z"
|
|
1224
1224
|
})));
|
|
1225
1225
|
};
|
|
1226
1226
|
var ForwardRef$u = /*#__PURE__*/forwardRef(SvgNavigationChevronRightOutline);
|
|
@@ -1244,14 +1244,14 @@ function Paginator(props) {
|
|
|
1244
1244
|
return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
|
|
1245
1245
|
}
|
|
1246
1246
|
|
|
1247
|
-
var css$10 = {"root":"
|
|
1247
|
+
var css$10 = {"root":"_3h0F-z","progress-bar":"OOME9E","progressBar-indeterminate":"Od12Tx","size-12":"Np7eRF","size-18":"_0L66R9","size-24":"_6BMdRt","progressBar":"OOME9E","progressBarIndeterminate":"Od12Tx","size12":"Np7eRF","size18":"_0L66R9","size24":"_6BMdRt"};
|
|
1248
1248
|
|
|
1249
1249
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1250
1250
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$10.root, css$10[`size-${props.size || 12}`]) },
|
|
1251
1251
|
React.createElement("div", { className: cx(css$10.progressBar) })));
|
|
1252
1252
|
});
|
|
1253
1253
|
|
|
1254
|
-
var css$$ = {"root":"
|
|
1254
|
+
var css$$ = {"root":"vjC-yq","striped":"onor4E","animate-stripes":"W1CiSg","size-12":"rg59mq","size-18":"mAcKr1","size-24":"wUxg9B","animateStripes":"W1CiSg","size12":"rg59mq","size18":"mAcKr1","size24":"wUxg9B"};
|
|
1255
1255
|
|
|
1256
1256
|
const DEFAULT_SIZE = '12';
|
|
1257
1257
|
function applyProgressBarMods(mods) {
|
|
@@ -1266,14 +1266,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
1266
1266
|
hideLabel: props.hideLabel || props.striped,
|
|
1267
1267
|
}));
|
|
1268
1268
|
|
|
1269
|
-
var css$_ = {"root":"
|
|
1269
|
+
var css$_ = {"root":"Thbpze"};
|
|
1270
1270
|
|
|
1271
1271
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1272
1272
|
const { progress } = props;
|
|
1273
1273
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$_.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$_.root, props.cx) }));
|
|
1274
1274
|
});
|
|
1275
1275
|
|
|
1276
|
-
var css$Z = {"root":"
|
|
1276
|
+
var css$Z = {"root":"-Lj7Ia","size-12":"_6JyhBJ","size-18":"_7UPL4Y","size-24":"V-Vfg1","size12":"_6JyhBJ","size18":"_7UPL4Y","size24":"V-Vfg1"};
|
|
1277
1277
|
|
|
1278
1278
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1279
1279
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1288,7 +1288,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1288
1288
|
React__default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
|
|
1289
1289
|
});
|
|
1290
1290
|
|
|
1291
|
-
var css$Y = {"drag-handle":"
|
|
1291
|
+
var css$Y = {"drag-handle":"ZOIu7Z","icon-container":"G5zViw","dragHandle":"ZOIu7Z","iconContainer":"G5zViw"};
|
|
1292
1292
|
|
|
1293
1293
|
function DataRowAddons(props) {
|
|
1294
1294
|
var _a, _b;
|
|
@@ -1300,7 +1300,7 @@ function DataRowAddons(props) {
|
|
|
1300
1300
|
return settings.sizes.rowAddons.indentWidth[props.size || 'default'];
|
|
1301
1301
|
};
|
|
1302
1302
|
return (React__default.createElement(React__default.Fragment, null,
|
|
1303
|
-
((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__default.createElement(DragHandle, { key: "dh", cx: css$Y.dragHandle }),
|
|
1303
|
+
((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__default.createElement(DragHandle, { key: "dh", cx: css$Y.dragHandle, rawProps: Object.assign({}, props.eventHandlers) }),
|
|
1304
1304
|
((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.sizes.rowAddons.checkbox[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
|
|
1305
1305
|
row.indent > 0 && (React__default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(IconContainer, { rawProps: {
|
|
1306
1306
|
'aria-label': row.isFolded ? 'Unfold' : 'Fold',
|
|
@@ -1310,7 +1310,7 @@ function DataRowAddons(props) {
|
|
|
1310
1310
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
|
|
1311
1311
|
}
|
|
1312
1312
|
|
|
1313
|
-
var css$X = {"root":"
|
|
1313
|
+
var css$X = {"root":"wK45AS"};
|
|
1314
1314
|
|
|
1315
1315
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
|
|
1316
1316
|
|
|
@@ -1351,7 +1351,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1351
1351
|
React.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
1352
1352
|
});
|
|
1353
1353
|
|
|
1354
|
-
var css$W = {"root":"
|
|
1354
|
+
var css$W = {"root":"MTBCzU"};
|
|
1355
1355
|
|
|
1356
1356
|
function CheckboxGroup(props) {
|
|
1357
1357
|
const currentValue = props.value || [];
|
|
@@ -1513,7 +1513,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
|
|
|
1513
1513
|
} }));
|
|
1514
1514
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
1515
1515
|
|
|
1516
|
-
var css$V = {"uui-typography":"
|
|
1516
|
+
var css$V = {"uui-typography":"_86lCaN","hero-header":"_7H-IzY","promo-header":"ByVjsI","uui-critical":"yBZkkL","uui-info":"aVubcX","uui-success":"-LMR5J","uui-warning":"AbBMg8","uui-highlight":"hVjZP6","uui-typography-size-12":"_1NTR2b","uui-typography-size-14":"ZnPw8U","uui-typography-size-16":"JEn-sp","modal":"wkVRxI","search-wrapper":"mvwz1b","body":"nL2Sml","checkbox":"I1tgYi","no-found-size-24":"xXTRUh","no-found-size-30":"aYWqe5","no-found-size-36":"MW7EjZ","no-found-size-42":"u54JXi","uuiTypography":"_86lCaN","heroHeader":"_7H-IzY","promoHeader":"ByVjsI","uuiCritical":"yBZkkL","uuiInfo":"aVubcX","uuiSuccess":"-LMR5J","uuiWarning":"AbBMg8","uuiHighlight":"hVjZP6","uuiTypographySize12":"_1NTR2b","uuiTypographySize14":"ZnPw8U","uuiTypographySize16":"JEn-sp","searchWrapper":"mvwz1b","noFoundSize24":"xXTRUh","noFoundSize30":"aYWqe5","noFoundSize36":"MW7EjZ","noFoundSize42":"u54JXi"};
|
|
1517
1517
|
|
|
1518
1518
|
class DataPickerBody extends PickerBodyBase {
|
|
1519
1519
|
constructor() {
|
|
@@ -1540,7 +1540,7 @@ class DataPickerBody extends PickerBodyBase {
|
|
|
1540
1540
|
}
|
|
1541
1541
|
|
|
1542
1542
|
function DataPickerFooterImpl(props) {
|
|
1543
|
-
const { clearSelection, view, showSelected, selectionMode, } = props;
|
|
1543
|
+
const { search, clearSelection, view, showSelected, selectionMode, } = props;
|
|
1544
1544
|
const size = settings.sizes.dataPickerFooter.linkButton[isMobile() ? 'mobile' : props.size];
|
|
1545
1545
|
const hasSelection = view.getSelectedRowsCount() > 0;
|
|
1546
1546
|
const rowsCount = view.getListProps().rowsCount;
|
|
@@ -1549,8 +1549,9 @@ function DataPickerFooterImpl(props) {
|
|
|
1549
1549
|
const clearAllText = i18n.pickerInput.clearSelectionButton;
|
|
1550
1550
|
const clearSingleText = i18n.pickerInput.clearSelectionButtonSingle;
|
|
1551
1551
|
const selectAllText = i18n.pickerInput.selectAllButton;
|
|
1552
|
-
// show always for multi picker and for single only in case if search not disabled.
|
|
1553
|
-
const
|
|
1552
|
+
// show always for multi picker and for single only in case if search not disabled and doesn't searching.
|
|
1553
|
+
const isSearching = search && (search === null || search === void 0 ? void 0 : search.length);
|
|
1554
|
+
const shouldShowFooter = isSinglePicker ? (!isSearching && !props.disableClear) : !isSearching;
|
|
1554
1555
|
return shouldShowFooter && (React__default.createElement(FlexRow, { size: props.size, padding: settings.sizes.dataPickerFooter.flexRowPadding },
|
|
1555
1556
|
!isSinglePicker && (React__default.createElement(Switch, { size: settings.sizes.dataPickerFooter.switch[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
|
|
1556
1557
|
React__default.createElement(FlexSpacer, null),
|
|
@@ -1564,7 +1565,7 @@ function DataPickerFooterImpl(props) {
|
|
|
1564
1565
|
}
|
|
1565
1566
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
1566
1567
|
|
|
1567
|
-
var css$U = {"header":"
|
|
1568
|
+
var css$U = {"header":"QOS-kP","close":"Mmj103"};
|
|
1568
1569
|
|
|
1569
1570
|
const DataPickerHeaderImpl = (props) => {
|
|
1570
1571
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -1589,7 +1590,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
|
1589
1590
|
};
|
|
1590
1591
|
var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
|
|
1591
1592
|
|
|
1592
|
-
var css$T = {"uui-typography":"
|
|
1593
|
+
var css$T = {"uui-typography":"z3NdeA","hero-header":"_9rvkZ8","promo-header":"UUyVwI","uui-critical":"SEMEAP","uui-info":"_5mPLVN","uui-success":"_-9IyQE","uui-warning":"xzatYq","uui-highlight":"LNpYBo","uui-typography-size-12":"eiE2Ia","uui-typography-size-14":"_66G1ZW","uui-typography-size-16":"cf9ZhN","root":"xA2WQz","align-widgets-top":"MaZQj1","size-24":"_2vO6hW","size-30":"gcwxuS","size-36":"Suw-6K","size-42":"m3XTM6","size-48":"_0gmZdY","size-60":"Wz8Zy0","align-widgets-center":"vUV22F","icon-wrapper":"NXKH3t","padding-12":"DK7Sk1","padding-24":"Qo3tfh","padding-left-12":"_5gKsXy","padding-left-24":"oe-KYN","icon-container":"Xc3gS0","loading-cell":"_8nt6hb","content-wrapper":"B2duoh","render-item":"_7izs9E","icon-default":"d4W6Wa","selected-mark":"_6ifXHX","uuiTypography":"z3NdeA","heroHeader":"_9rvkZ8","promoHeader":"UUyVwI","uuiCritical":"SEMEAP","uuiInfo":"_5mPLVN","uuiSuccess":"_-9IyQE","uuiWarning":"xzatYq","uuiHighlight":"LNpYBo","uuiTypographySize12":"eiE2Ia","uuiTypographySize14":"_66G1ZW","uuiTypographySize16":"cf9ZhN","alignWidgetsTop":"MaZQj1","size24":"_2vO6hW","size30":"gcwxuS","size36":"Suw-6K","size42":"m3XTM6","size48":"_0gmZdY","size60":"Wz8Zy0","alignWidgetsCenter":"vUV22F","iconWrapper":"NXKH3t","padding12":"DK7Sk1","padding24":"Qo3tfh","paddingLeft12":"_5gKsXy","paddingLeft24":"oe-KYN","iconContainer":"Xc3gS0","loadingCell":"_8nt6hb","contentWrapper":"B2duoh","renderItem":"_7izs9E","iconDefault":"d4W6Wa","selectedMark":"_6ifXHX"};
|
|
1593
1594
|
|
|
1594
1595
|
function DataPickerCell(props) {
|
|
1595
1596
|
const ref = React.useRef();
|
|
@@ -1626,7 +1627,7 @@ function DataPickerCell(props) {
|
|
|
1626
1627
|
getWrappedContent()));
|
|
1627
1628
|
}
|
|
1628
1629
|
|
|
1629
|
-
var css$S = {"uui-typography":"
|
|
1630
|
+
var css$S = {"uui-typography":"_2S-Xqu","hero-header":"L6V3NY","promo-header":"Q-jAAF","uui-critical":"loeJwM","uui-info":"qGk3my","uui-success":"NFsC0J","uui-warning":"OS8f19","uui-highlight":"BQ-bdu","uui-typography-size-12":"CF0zL7","uui-typography-size-14":"x7SEvX","uui-typography-size-16":"Q3IgyT","picker-row":"hGqXFI","uuiTypography":"_2S-Xqu","heroHeader":"L6V3NY","promoHeader":"Q-jAAF","uuiCritical":"loeJwM","uuiInfo":"qGk3my","uuiSuccess":"NFsC0J","uuiWarning":"OS8f19","uuiHighlight":"BQ-bdu","uuiTypographySize12":"CF0zL7","uuiTypographySize14":"x7SEvX","uuiTypographySize16":"Q3IgyT","pickerRow":"hGqXFI"};
|
|
1630
1631
|
|
|
1631
1632
|
class DataPickerRow extends React.Component {
|
|
1632
1633
|
constructor() {
|
|
@@ -1640,7 +1641,7 @@ class DataPickerRow extends React.Component {
|
|
|
1640
1641
|
}
|
|
1641
1642
|
}
|
|
1642
1643
|
|
|
1643
|
-
var css$R = {"uui-typography":"
|
|
1644
|
+
var css$R = {"uui-typography":"C-qtGE","hero-header":"NqyIHo","promo-header":"zmcT24","uui-critical":"NQWJ2D","uui-info":"T1aC7o","uui-success":"Qy-UU-","uui-warning":"_529iQc","uui-highlight":"yonYue","uui-typography-size-12":"PWVcky","uui-typography-size-14":"rrGWi0","uui-typography-size-16":"_9fgLHq","done":"_0fC29d","container":"FDPWS7","uuiTypography":"C-qtGE","heroHeader":"NqyIHo","promoHeader":"zmcT24","uuiCritical":"NQWJ2D","uuiInfo":"T1aC7o","uuiSuccess":"Qy-UU-","uuiWarning":"_529iQc","uuiHighlight":"yonYue","uuiTypographySize12":"PWVcky","uuiTypographySize14":"rrGWi0","uuiTypographySize16":"_9fgLHq"};
|
|
1644
1645
|
|
|
1645
1646
|
const MobileDropdownWrapper = (props) => {
|
|
1646
1647
|
const isMobileView = isMobile();
|
|
@@ -1674,7 +1675,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
1674
1675
|
};
|
|
1675
1676
|
var ForwardRef$s = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
1676
1677
|
|
|
1677
|
-
var css$Q = {"uui-typography":"-
|
|
1678
|
+
var css$Q = {"uui-typography":"ulvmg-","hero-header":"jbeXKI","promo-header":"bNi-K5","uui-critical":"gucaFt","uui-info":"YAijvv","uui-success":"BgQnMB","uui-warning":"d0oSjD","uui-highlight":"Dtwp0C","uui-typography-size-12":"szUdRx","uui-typography-size-14":"PqL4rN","uui-typography-size-16":"_1OJYST","sub-header-wrapper":"DONc0V","switch":"xzbdT1","no-found-modal-container":"_5L2-JY","no-found-modal-container-icon":"HqI4S7","no-found-modal-container-text":"VzUIKd","uuiTypography":"ulvmg-","heroHeader":"jbeXKI","promoHeader":"bNi-K5","uuiCritical":"gucaFt","uuiInfo":"YAijvv","uuiSuccess":"BgQnMB","uuiWarning":"d0oSjD","uuiHighlight":"Dtwp0C","uuiTypographySize12":"szUdRx","uuiTypographySize14":"PqL4rN","uuiTypographySize16":"_1OJYST","subHeaderWrapper":"DONc0V","$switch$":"xzbdT1","noFoundModalContainer":"_5L2-JY","noFoundModalContainerIcon":"HqI4S7","noFoundModalContainerText":"VzUIKd"};
|
|
1678
1679
|
|
|
1679
1680
|
const mergeHighlightRanges = (ranges) => {
|
|
1680
1681
|
const mergedRanges = [];
|
|
@@ -1741,7 +1742,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
1741
1742
|
return getDecoratedText(str, ranges);
|
|
1742
1743
|
};
|
|
1743
1744
|
|
|
1744
|
-
var css$P = {"root":"
|
|
1745
|
+
var css$P = {"root":"NrLmdw","multiline":"e8yJkW","vertical-padding-24":"kR8-0W","vertical-padding-30":"K0V-mP","vertical-padding-36":"HoFkbR","vertical-padding-42":"PjMnKP","vertical-padding-48":"qwRB7o","text":"L4V-Zz","verticalPadding24":"kR8-0W","verticalPadding30":"K0V-mP","verticalPadding36":"HoFkbR","verticalPadding42":"PjMnKP","verticalPadding48":"qwRB7o"};
|
|
1745
1746
|
|
|
1746
1747
|
function PickerItem(props) {
|
|
1747
1748
|
var _a;
|
|
@@ -1816,7 +1817,7 @@ function PickerModal(props) {
|
|
|
1816
1817
|
React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
1817
1818
|
}
|
|
1818
1819
|
|
|
1819
|
-
var css$O = {"tooltip":"
|
|
1820
|
+
var css$O = {"tooltip":"Yh1Wh-"};
|
|
1820
1821
|
|
|
1821
1822
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1822
1823
|
var _a;
|
|
@@ -1824,14 +1825,14 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1824
1825
|
if (props.isCollapsed) {
|
|
1825
1826
|
const collapsedRows = props.collapsedRows.map((row) => props.getName(row.value)).join(', ');
|
|
1826
1827
|
return (React.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$O.tooltip },
|
|
1827
|
-
React.createElement(Tag, Object.assign({ ref: ref }, tagProps))));
|
|
1828
|
+
React.createElement(Tag, Object.assign({ ref: ref, rawProps: { role: 'option' } }, tagProps))));
|
|
1828
1829
|
}
|
|
1829
1830
|
else {
|
|
1830
|
-
return React.createElement(Tag, Object.assign({ ref: ref }, tagProps));
|
|
1831
|
+
return React.createElement(Tag, Object.assign({ ref: ref, rawProps: { role: 'option' } }, tagProps));
|
|
1831
1832
|
}
|
|
1832
1833
|
});
|
|
1833
1834
|
|
|
1834
|
-
var css$N = {"uui-typography":"
|
|
1835
|
+
var css$N = {"uui-typography":"pT2JXm","hero-header":"kFW2Nu","promo-header":"gqzbS3","uui-critical":"_8sU0Iv","uui-info":"_0w9tSc","uui-success":"eHKuUi","uui-warning":"_9bWfum","uui-highlight":"a-uIvL","uui-typography-size-12":"X1J-6F","uui-typography-size-14":"FWoPtI","uui-typography-size-16":"jdaFpD","root":"WsT-R7","mode-form":"k6mivS","mode-cell":"XX-5-g","mode-inline":"S2uV3X","uuiTypography":"pT2JXm","heroHeader":"kFW2Nu","promoHeader":"gqzbS3","uuiCritical":"_8sU0Iv","uuiInfo":"_0w9tSc","uuiSuccess":"eHKuUi","uuiWarning":"_9bWfum","uuiHighlight":"a-uIvL","uuiTypographySize12":"X1J-6F","uuiTypographySize14":"FWoPtI","uuiTypographySize16":"jdaFpD","modeForm":"k6mivS","modeCell":"XX-5-g","modeInline":"S2uV3X"};
|
|
1835
1836
|
|
|
1836
1837
|
const defaultMode$1 = EditMode.FORM;
|
|
1837
1838
|
function applyPickerTogglerMods(mods) {
|
|
@@ -1931,7 +1932,7 @@ function PickerInputComponent(_a, ref) {
|
|
|
1931
1932
|
}
|
|
1932
1933
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
1933
1934
|
|
|
1934
|
-
var css$M = {"row":"
|
|
1935
|
+
var css$M = {"row":"ETyiF8"};
|
|
1935
1936
|
|
|
1936
1937
|
function PickerListItem(props) {
|
|
1937
1938
|
var _a;
|
|
@@ -1952,7 +1953,7 @@ function PickerListItem(props) {
|
|
|
1952
1953
|
return (React__default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$M.row }), component));
|
|
1953
1954
|
}
|
|
1954
1955
|
|
|
1955
|
-
var css$L = {"root":"
|
|
1956
|
+
var css$L = {"root":"xVO6S5"};
|
|
1956
1957
|
|
|
1957
1958
|
function PickerList(props) {
|
|
1958
1959
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -1992,7 +1993,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
1992
1993
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
1993
1994
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
1994
1995
|
|
|
1995
|
-
var css$K = {"uui-typography":"
|
|
1996
|
+
var css$K = {"uui-typography":"ah-cro","hero-header":"cvHdq3","promo-header":"SA-Sgk","uui-critical":"uDGe-G","uui-info":"B0VhYI","uui-success":"KASGL-","uui-warning":"l28vnZ","uui-highlight":"iQZlZj","uui-typography-size-12":"_1GeqKB","uui-typography-size-14":"Ng0NRj","uui-typography-size-16":"YZ4gZk","root":"vsVu7U","title-wrapper":"pVpzVb","title":"jRxSZE","text-wrapper":"_5BMuKO","selection":"Lpo05B","postfix":"mA4oXt","selected":"NAEVys","uuiTypography":"ah-cro","heroHeader":"cvHdq3","promoHeader":"SA-Sgk","uuiCritical":"uDGe-G","uuiInfo":"B0VhYI","uuiSuccess":"KASGL-","uuiWarning":"l28vnZ","uuiHighlight":"iQZlZj","uuiTypographySize12":"_1GeqKB","uuiTypographySize14":"Ng0NRj","uuiTypographySize16":"YZ4gZk","titleWrapper":"pVpzVb","textWrapper":"_5BMuKO"};
|
|
1996
1997
|
|
|
1997
1998
|
const defaultSize = '36';
|
|
1998
1999
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -2085,7 +2086,7 @@ function FilterPickerBody(_a) {
|
|
|
2085
2086
|
return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_b = props.showSearch) !== null && _b !== void 0 ? _b : true }), rows);
|
|
2086
2087
|
}
|
|
2087
2088
|
|
|
2088
|
-
var css$J = {"container":"
|
|
2089
|
+
var css$J = {"container":"_3hMf-6"};
|
|
2089
2090
|
|
|
2090
2091
|
const defaultFormat = 'MMM D, YYYY';
|
|
2091
2092
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2228,7 +2229,7 @@ const isYearWithinSoberRange = (value) => {
|
|
|
2228
2229
|
const year = value.year();
|
|
2229
2230
|
return year >= MIN_SOBER_YEAR && year <= MAX_SOBER_YEAR;
|
|
2230
2231
|
};
|
|
2231
|
-
function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, onValueChange, }) {
|
|
2232
|
+
function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, onValueChange, isDisabled, }) {
|
|
2232
2233
|
const onSetMonth = (newMonth) => {
|
|
2233
2234
|
onValueChange({
|
|
2234
2235
|
view,
|
|
@@ -2292,19 +2293,19 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2292
2293
|
const disableNext = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getNextYearsList(month));
|
|
2293
2294
|
return (React.createElement("div", { className: cx(css$J.container, uuiHeader.container, cx) },
|
|
2294
2295
|
React.createElement("header", { className: uuiHeader.header },
|
|
2295
|
-
React.createElement(Button, { icon: navIconLeft || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: () => onLeftNavigationArrow(), isDisabled: disablePrev }),
|
|
2296
|
-
React.createElement(Button, { caption: title, fill: "ghost", cx: uuiHeader.navTitle, onClick: () => onCaptionClick(view) }),
|
|
2297
|
-
React.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow(), isDisabled: disableNext }))));
|
|
2296
|
+
React.createElement(Button, { icon: navIconLeft || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: !isDisabled && (() => onLeftNavigationArrow()), isDisabled: disablePrev }),
|
|
2297
|
+
React.createElement(Button, { caption: title, fill: "ghost", cx: uuiHeader.navTitle, onClick: !isDisabled && (() => onCaptionClick(view)) }),
|
|
2298
|
+
React.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2298
2299
|
}
|
|
2299
2300
|
|
|
2300
|
-
var css$I = {"uui-typography":"
|
|
2301
|
+
var css$I = {"uui-typography":"SnRp9T","hero-header":"ZqKD6U","promo-header":"_8qygIt","uui-critical":"WfNotK","uui-info":"KeHmd-","uui-success":"_8cnrAW","uui-warning":"_5SZssn","uui-highlight":"iEwTHt","uui-typography-size-12":"x-cR91","uui-typography-size-14":"Hpz0Gx","uui-typography-size-16":"GhT0U1","root":"DhmHiH","uuiTypography":"SnRp9T","heroHeader":"ZqKD6U","promoHeader":"_8qygIt","uuiCritical":"WfNotK","uuiInfo":"KeHmd-","uuiSuccess":"_8cnrAW","uuiWarning":"_5SZssn","uuiHighlight":"iEwTHt","uuiTypographySize12":"x-cR91","uuiTypographySize14":"Hpz0Gx","uuiTypographySize16":"GhT0U1"};
|
|
2301
2302
|
|
|
2302
2303
|
function applyDateSelectionMods() {
|
|
2303
2304
|
return [css$I.root];
|
|
2304
2305
|
}
|
|
2305
2306
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
2306
2307
|
|
|
2307
|
-
var css$H = {"uui-typography":"
|
|
2308
|
+
var css$H = {"uui-typography":"ADvcu7","hero-header":"Uxpc9L","promo-header":"GCuooS","uui-critical":"CBd06V","uui-info":"kPKbIY","uui-success":"XqJWqr","uui-warning":"Fv6gcj","uui-highlight":"-aEVRy","uui-typography-size-12":"jL1nti","uui-typography-size-14":"wc4UMK","uui-typography-size-16":"s96mtp","root":"baG5W7","uuiTypography":"ADvcu7","heroHeader":"Uxpc9L","promoHeader":"GCuooS","uuiCritical":"CBd06V","uuiInfo":"kPKbIY","uuiSuccess":"XqJWqr","uuiWarning":"Fv6gcj","uuiHighlight":"-aEVRy","uuiTypographySize12":"jL1nti","uuiTypographySize14":"wc4UMK","uuiTypographySize16":"s96mtp"};
|
|
2308
2309
|
|
|
2309
2310
|
const uuiDatePickerBody = {
|
|
2310
2311
|
wrapper: 'uui-datepickerBody-wrapper',
|
|
@@ -2323,7 +2324,7 @@ function DatePickerBodyComp(props, ref) {
|
|
|
2323
2324
|
return (React__default.createElement(StatelessDatePickerBody, Object.assign({ ref: ref }, props, { month: month, view: view, onValueChange: onValueChange, onMonthChange: (m) => setMonth(m), onViewChange: (v) => setView(v) })));
|
|
2324
2325
|
}
|
|
2325
2326
|
const StatelessDatePickerBody = /* @__PURE__ */forwardRef(StatelessDatePickerBodyComp);
|
|
2326
|
-
function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter, rawProps, value, month, view, onValueChange, onMonthChange, onViewChange, }, ref) {
|
|
2327
|
+
function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter, rawProps, value, month, view, onValueChange, onMonthChange, onViewChange, isDisabled, }, ref) {
|
|
2327
2328
|
const selectedDate = uuiDayjs.dayjs(value);
|
|
2328
2329
|
const onMonthClick = (newDate) => {
|
|
2329
2330
|
onMonthChange(newDate);
|
|
@@ -2345,7 +2346,7 @@ function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter
|
|
|
2345
2346
|
case 'YEAR_SELECTION':
|
|
2346
2347
|
return (React__default.createElement(YearSelection, { selectedDate: selectedDate, value: month, onValueChange: onYearClick }));
|
|
2347
2348
|
case 'DAY_SELECTION':
|
|
2348
|
-
return (React__default.createElement(Calendar, { value: selectedDate, month: month, onValueChange: onDayClick, filter: filter, renderDay: renderDay, isHoliday: isHoliday }));
|
|
2349
|
+
return (React__default.createElement(Calendar, { value: selectedDate, month: month, onValueChange: onDayClick, filter: filter, renderDay: renderDay, isHoliday: isHoliday, isDisabled: isDisabled }));
|
|
2349
2350
|
}
|
|
2350
2351
|
};
|
|
2351
2352
|
return (React__default.createElement("div", Object.assign({ ref: ref, className: cx$1(uuiDatePickerBodyBase.container, classes) }, rawProps),
|
|
@@ -2356,7 +2357,7 @@ function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter
|
|
|
2356
2357
|
}, onValueChange: (newValue) => {
|
|
2357
2358
|
onMonthChange(newValue.month);
|
|
2358
2359
|
onViewChange(newValue.view);
|
|
2359
|
-
} }),
|
|
2360
|
+
}, isDisabled: isDisabled }),
|
|
2360
2361
|
getView())));
|
|
2361
2362
|
}
|
|
2362
2363
|
|
|
@@ -2392,9 +2393,9 @@ function FilterDatePickerBody(props) {
|
|
|
2392
2393
|
} })))));
|
|
2393
2394
|
}
|
|
2394
2395
|
|
|
2395
|
-
var css$G = {"uui-typography":"
|
|
2396
|
+
var css$G = {"uui-typography":"oH-Q-P","hero-header":"_3ouacX","promo-header":"WbmTz1","uui-critical":"mYU-gA","uui-info":"tTWl5i","uui-success":"qh0Ats","uui-warning":"BA-Otk","uui-highlight":"rD1a52","uui-typography-size-12":"oJmPNl","uui-typography-size-14":"nHSJpt","uui-typography-size-16":"azL9zV","dropdown-container":"sex9-h","date-input":"afw265","date-input-group":"z7QCTB","separator":"W2V0tr","mode-form":"pn-f-r","mode-cell":"yk6MsP","uuiTypography":"oH-Q-P","heroHeader":"_3ouacX","promoHeader":"WbmTz1","uuiCritical":"mYU-gA","uuiInfo":"tTWl5i","uuiSuccess":"qh0Ats","uuiWarning":"BA-Otk","uuiHighlight":"rD1a52","uuiTypographySize12":"oJmPNl","uuiTypographySize14":"nHSJpt","uuiTypographySize16":"azL9zV","dropdownContainer":"sex9-h","dateInput":"afw265","dateInputGroup":"z7QCTB","modeForm":"pn-f-r","modeCell":"yk6MsP"};
|
|
2396
2397
|
|
|
2397
|
-
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange,
|
|
2398
|
+
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
|
|
2398
2399
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
2399
2400
|
useEffect(() => {
|
|
2400
2401
|
setInputValue(toCustomDateRangeFormat(value, format));
|
|
@@ -2417,17 +2418,19 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
2417
2418
|
onValueChange(Object.assign(Object.assign({}, selectedDate), { [inputType]: null }));
|
|
2418
2419
|
}
|
|
2419
2420
|
};
|
|
2421
|
+
const onInputKeyDown = (e) => {
|
|
2422
|
+
if (e.key === 'Enter') {
|
|
2423
|
+
onClick();
|
|
2424
|
+
e.preventDefault();
|
|
2425
|
+
}
|
|
2426
|
+
};
|
|
2420
2427
|
const clearAllowed = !disableClear && inputValue.from && inputValue.to;
|
|
2421
|
-
return (React__default.createElement("div", { ref: ref, className: cx$1(classes, css$G.dateInputGroup, 'uui-range-date-picker', isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus),
|
|
2422
|
-
|
|
2423
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
2424
|
-
}
|
|
2425
|
-
}, onBlur: onBlur },
|
|
2426
|
-
React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$G.dateInput, inFocus === 'from' && uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, id: id }),
|
|
2428
|
+
return (React__default.createElement("div", { ref: ref, className: cx$1(classes, css$G.dateInputGroup, 'uui-range-date-picker', isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus) },
|
|
2429
|
+
React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$G.dateInput, inFocus === 'from' && uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
|
|
2427
2430
|
React__default.createElement("div", { className: css$G.separator }),
|
|
2428
2431
|
React__default.createElement(TextInput, { cx: cx$1(css$G.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
|
|
2429
2432
|
onValueChange(defaultRangeValue);
|
|
2430
|
-
} : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.to })));
|
|
2433
|
+
} : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.to, onClick: onClick, onKeyDown: onInputKeyDown })));
|
|
2431
2434
|
});
|
|
2432
2435
|
|
|
2433
2436
|
function FilterRangeDatePickerBody(props) {
|
|
@@ -2483,7 +2486,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
2483
2486
|
React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
2484
2487
|
}
|
|
2485
2488
|
|
|
2486
|
-
var css$F = {"container":"
|
|
2489
|
+
var css$F = {"container":"bsGie-"};
|
|
2487
2490
|
|
|
2488
2491
|
function FilterNumericBody(props) {
|
|
2489
2492
|
var _a, _b;
|
|
@@ -2581,7 +2584,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
|
2581
2584
|
};
|
|
2582
2585
|
var ForwardRef$r = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
|
|
2583
2586
|
|
|
2584
|
-
var css$E = {"uui-typography":"
|
|
2587
|
+
var css$E = {"uui-typography":"_7WM9iq","hero-header":"i2pAKD","promo-header":"g86Iqv","uui-critical":"qa0uA-","uui-info":"YOeb1K","uui-success":"coK8Py","uui-warning":"L4VYJy","uui-highlight":"KfUUXi","uui-typography-size-12":"A4fWRi","uui-typography-size-14":"FwBxqF","uui-typography-size-16":"J9eHgT","header":"PhqjPH","removeButton":"mMZarW","with-search":"FVXO1F","uuiTypography":"_7WM9iq","heroHeader":"i2pAKD","promoHeader":"g86Iqv","uuiCritical":"qa0uA-","uuiInfo":"YOeb1K","uuiSuccess":"coK8Py","uuiWarning":"L4VYJy","uuiHighlight":"KfUUXi","uuiTypographySize12":"A4fWRi","uuiTypographySize14":"FwBxqF","uuiTypographySize16":"J9eHgT","withSearch":"FVXO1F"};
|
|
2585
2588
|
|
|
2586
2589
|
function useView(props, value) {
|
|
2587
2590
|
const forceUpdate = useForceUpdate();
|
|
@@ -2903,7 +2906,7 @@ function FiltersToolbarImpl(props) {
|
|
|
2903
2906
|
}
|
|
2904
2907
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
2905
2908
|
|
|
2906
|
-
var css$D = {"divider":"
|
|
2909
|
+
var css$D = {"divider":"_5BdRId","dropdownDeleteIcon":"c-mIx7","presetsWrapper":"s8KMrv","addPresetContainer":"mK5Vzh","dropContainer":"VvrxND"};
|
|
2907
2910
|
|
|
2908
2911
|
var _path$p;
|
|
2909
2912
|
function _extends$p() { _extends$p = 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$p.apply(this, arguments); }
|
|
@@ -3016,7 +3019,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
|
|
|
3016
3019
|
};
|
|
3017
3020
|
var ForwardRef$j = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
|
|
3018
3021
|
|
|
3019
|
-
var css$C = {"delete-button":"
|
|
3022
|
+
var css$C = {"delete-button":"wM4vqg","tab-button":"odA1lm","targetOpen":"ZpnEHf","deleteButton":"wM4vqg","tabButton":"odA1lm"};
|
|
3020
3023
|
|
|
3021
3024
|
function PresetActionsDropdown(props) {
|
|
3022
3025
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -3074,7 +3077,7 @@ function PresetActionsDropdown(props) {
|
|
|
3074
3077
|
return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
3075
3078
|
}
|
|
3076
3079
|
|
|
3077
|
-
var css$B = {"preset-input-cell":"
|
|
3080
|
+
var css$B = {"preset-input-cell":"lWQkUw","preset-input":"g5CALa","presetInputCell":"lWQkUw","presetInput":"g5CALa"};
|
|
3078
3081
|
|
|
3079
3082
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
3080
3083
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -3107,7 +3110,7 @@ function PresetInput(props) {
|
|
|
3107
3110
|
React__default.createElement(TextInput, { cx: css$B.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
3108
3111
|
}
|
|
3109
3112
|
|
|
3110
|
-
var css$A = {"preset":"
|
|
3113
|
+
var css$A = {"preset":"KuyVUH","activePreset":"XaWJ5Z"};
|
|
3111
3114
|
|
|
3112
3115
|
function Preset(props) {
|
|
3113
3116
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -3226,7 +3229,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
3226
3229
|
return columns;
|
|
3227
3230
|
};
|
|
3228
3231
|
|
|
3229
|
-
var css$z = {"line-height-12":"
|
|
3232
|
+
var css$z = {"line-height-12":"Q3YYTL","line-height-18":"MUvIE3","line-height-24":"P1udoe","line-height-30":"_5RiG9r","font-size-10":"hhTTIT","font-size-12":"LICVhv","font-size-14":"veuzdi","font-size-16":"ZQioM8","font-size-18":"SKuIUo","font-size-24":"mSQ02M","v-padding-2":"mQ0q2R","v-padding-3":"cPtwLO","v-padding-5":"bv8YVR","v-padding-6":"Ufm6S-","v-padding-8":"_6xKM-S","v-padding-9":"yV0xnk","v-padding-11":"ID-txN","v-padding-12":"pXy5sz","v-padding-14":"UoixZ6","v-padding-15":"E3-EI6","v-padding-17":"_8L-l6X","v-padding-18":"KYWMB8","v-padding-23":"Mk3Myp","v-padding-24":"CXtOjt","lineHeight12":"Q3YYTL","lineHeight18":"MUvIE3","lineHeight24":"P1udoe","lineHeight30":"_5RiG9r","fontSize10":"hhTTIT","fontSize12":"LICVhv","fontSize14":"veuzdi","fontSize16":"ZQioM8","fontSize18":"SKuIUo","fontSize24":"mSQ02M","vPadding2":"mQ0q2R","vPadding3":"cPtwLO","vPadding5":"bv8YVR","vPadding6":"Ufm6S-","vPadding8":"_6xKM-S","vPadding9":"yV0xnk","vPadding11":"ID-txN","vPadding12":"pXy5sz","vPadding14":"UoixZ6","vPadding15":"E3-EI6","vPadding17":"_8L-l6X","vPadding18":"KYWMB8","vPadding23":"Mk3Myp","vPadding24":"CXtOjt"};
|
|
3230
3233
|
|
|
3231
3234
|
function getTextClasses(props, border) {
|
|
3232
3235
|
if (props.size === 'none') {
|
|
@@ -3243,7 +3246,7 @@ function getTextClasses(props, border) {
|
|
|
3243
3246
|
];
|
|
3244
3247
|
}
|
|
3245
3248
|
|
|
3246
|
-
var css$y = {"root":"
|
|
3249
|
+
var css$y = {"root":"prfFvD"};
|
|
3247
3250
|
|
|
3248
3251
|
function applyTextMods(mods) {
|
|
3249
3252
|
const textClasses = getTextClasses({
|
|
@@ -3262,7 +3265,7 @@ function applyTextMods(mods) {
|
|
|
3262
3265
|
}
|
|
3263
3266
|
const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods);
|
|
3264
3267
|
|
|
3265
|
-
var css$x = {"root":"
|
|
3268
|
+
var css$x = {"root":"W19iYx","loading-word":"y4Jv0B","animated-loading":"_2i2JbP","skeleton_loading":"EjR-9D","loadingWord":"y4Jv0B","animatedLoading":"_2i2JbP","skeletonLoading":"EjR-9D"};
|
|
3266
3269
|
|
|
3267
3270
|
const TextPlaceholder = (props) => {
|
|
3268
3271
|
const pattern = ' ';
|
|
@@ -3281,7 +3284,7 @@ const TextPlaceholder = (props) => {
|
|
|
3281
3284
|
|
|
3282
3285
|
const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
|
|
3283
3286
|
|
|
3284
|
-
var css$w = {"uui-typography":"
|
|
3287
|
+
var css$w = {"uui-typography":"Okd4LG","hero-header":"_87zjn4","promo-header":"EplwCW","uui-critical":"_9q6u5z","uui-info":"Mi3K42","uui-success":"aZsn1d","uui-warning":"Eq01r5","uui-highlight":"XEw0Uw","uui-typography-size-12":"Tik18W","uui-typography-size-14":"oS5HTs","uui-typography-size-16":"_2JFy8U","root":"W0656N","modal-blocker":"sJwpM0","animateModalBlocker":"xwr60D","modal":"nR4wxh","modal-footer":"dts-oV","modal-header":"EuRpwV","uuiTypography":"Okd4LG","heroHeader":"_87zjn4","promoHeader":"EplwCW","uuiCritical":"_9q6u5z","uuiInfo":"Mi3K42","uuiSuccess":"aZsn1d","uuiWarning":"Eq01r5","uuiHighlight":"XEw0Uw","uuiTypographySize12":"Tik18W","uuiTypographySize14":"oS5HTs","uuiTypographySize16":"_2JFy8U","modalBlocker":"sJwpM0","modalFooter":"dts-oV","modalHeader":"EuRpwV"};
|
|
3285
3288
|
|
|
3286
3289
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$w.modalBlocker]);
|
|
3287
3290
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$w.root, css$w.modal], (props) => {
|
|
@@ -3335,7 +3338,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
|
3335
3338
|
};
|
|
3336
3339
|
var ForwardRef$h = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
|
|
3337
3340
|
|
|
3338
|
-
var css$v = {"uui-typography":"
|
|
3341
|
+
var css$v = {"uui-typography":"HRWa-R","hero-header":"JiMUSg","promo-header":"dOh5SM","uui-critical":"X4XmyH","uui-info":"tPdvXX","uui-success":"aYs-Xj","uui-warning":"_3pH4A-","uui-highlight":"NuYpj0","uui-typography-size-12":"-Prxmj","uui-typography-size-14":"FEw24v","uui-typography-size-16":"rjINVo","root":"QHvAci","icon-wrapper":"_9cGg3D","action-wrapper":"Ik93qD","action-link":"_7mZ2ZR","close-icon":"CNp1I9","main-path":"-glbmp","content":"y8-E2h","close-wrapper":"odgMNL","notification-wrapper":"aEYYXw","clear-button":"zym0sS","uuiTypography":"HRWa-R","heroHeader":"JiMUSg","promoHeader":"dOh5SM","uuiCritical":"X4XmyH","uuiInfo":"tPdvXX","uuiSuccess":"aYs-Xj","uuiWarning":"_3pH4A-","uuiHighlight":"NuYpj0","uuiTypographySize12":"-Prxmj","uuiTypographySize14":"FEw24v","uuiTypographySize16":"rjINVo","iconWrapper":"_9cGg3D","actionWrapper":"Ik93qD","actionLink":"_7mZ2ZR","closeIcon":"CNp1I9","mainPath":"-glbmp","closeWrapper":"odgMNL","notificationWrapper":"aEYYXw","clearButton":"zym0sS"};
|
|
3339
3342
|
|
|
3340
3343
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
3341
3344
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -3411,7 +3414,7 @@ function useReliableForceUpdate() {
|
|
|
3411
3414
|
return red[1];
|
|
3412
3415
|
}
|
|
3413
3416
|
|
|
3414
|
-
var css$u = {"root":"
|
|
3417
|
+
var css$u = {"root":"rrTA2f","timepicker-input":"xUN38P","ltr-always":"ZMYmpB","timepickerInput":"xUN38P","ltrAlways":"ZMYmpB"};
|
|
3415
3418
|
|
|
3416
3419
|
const uuiTimePicker = {
|
|
3417
3420
|
container: 'uui-timepicker-container',
|
|
@@ -3604,7 +3607,7 @@ function TimePicker(props) {
|
|
|
3604
3607
|
return (React__default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
|
|
3605
3608
|
}
|
|
3606
3609
|
|
|
3607
|
-
var css$t = {"root":"
|
|
3610
|
+
var css$t = {"root":"PURVl2"};
|
|
3608
3611
|
|
|
3609
3612
|
function applyInputAddonMods() {
|
|
3610
3613
|
return [
|
|
@@ -3613,7 +3616,7 @@ function applyInputAddonMods() {
|
|
|
3613
3616
|
}
|
|
3614
3617
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
3615
3618
|
|
|
3616
|
-
var css$s = {"root":"
|
|
3619
|
+
var css$s = {"root":"Njkkm-"};
|
|
3617
3620
|
|
|
3618
3621
|
function applySliderMods() {
|
|
3619
3622
|
return [css$s.root, 'uui-color-neutral'];
|
|
@@ -3649,8 +3652,6 @@ function DatePickerComponent(props, ref) {
|
|
|
3649
3652
|
};
|
|
3650
3653
|
const onBlur = (e) => {
|
|
3651
3654
|
var _a;
|
|
3652
|
-
if (isFocusReceiverInsideFocusLock(e))
|
|
3653
|
-
return;
|
|
3654
3655
|
(_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
3655
3656
|
if (isValidDate(inputValue, format, props.filter)) {
|
|
3656
3657
|
setInputValue(toCustomDateFormat(inputValue, format));
|
|
@@ -3660,14 +3661,17 @@ function DatePickerComponent(props, ref) {
|
|
|
3660
3661
|
setInputValue(null);
|
|
3661
3662
|
onValueChange(null);
|
|
3662
3663
|
}
|
|
3663
|
-
|
|
3664
|
+
};
|
|
3665
|
+
const onInputKeyDown = (e) => {
|
|
3666
|
+
if (e.key === 'Enter') {
|
|
3667
|
+
setBodyIsOpen(true);
|
|
3668
|
+
e.preventDefault();
|
|
3669
|
+
}
|
|
3664
3670
|
};
|
|
3665
3671
|
const renderInput = (renderProps) => {
|
|
3666
3672
|
var _a;
|
|
3667
3673
|
const allowClear = !props.disableClear && !!inputValue;
|
|
3668
|
-
return (React__default.createElement(TextInput, Object.assign({}, renderProps, {
|
|
3669
|
-
// fixes a bug with body open, it skips unwanted prevent default
|
|
3670
|
-
onClick: () => { }, isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || settings.sizes.defaults.datePicker, value: inputValue || undefined, onValueChange: (v) => {
|
|
3674
|
+
return (React__default.createElement(TextInput, Object.assign({}, renderProps, { isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || settings.sizes.defaults.datePicker, value: inputValue || undefined, onValueChange: (v) => {
|
|
3671
3675
|
setInputValue(v || '');
|
|
3672
3676
|
}, onCancel: allowClear ? () => {
|
|
3673
3677
|
if (!props.disableClear && !!inputValue) {
|
|
@@ -3675,13 +3679,12 @@ function DatePickerComponent(props, ref) {
|
|
|
3675
3679
|
}
|
|
3676
3680
|
} : undefined, isInvalid: props.isInvalid, isDisabled: props.isDisabled, isReadonly: props.isReadonly, tabIndex: props.isReadonly || props.isDisabled ? -1 : 0, onFocus: (e) => {
|
|
3677
3681
|
var _a;
|
|
3678
|
-
setBodyIsOpen(true);
|
|
3679
3682
|
(_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
3680
|
-
}, onBlur: onBlur, mode: props.mode || defaultMode, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input, id: props.id })));
|
|
3683
|
+
}, onKeyDown: onInputKeyDown, onBlur: onBlur, mode: props.mode || defaultMode, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input, id: props.id })));
|
|
3681
3684
|
};
|
|
3682
3685
|
const renderBody = (renderProps) => {
|
|
3683
3686
|
var _a, _b;
|
|
3684
|
-
return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps
|
|
3687
|
+
return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps),
|
|
3685
3688
|
React__default.createElement(DatePickerBody, { value: value, onValueChange: onBodyValueChange, cx: cx$1(props.bodyCx), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.body }), (_b = props.renderFooter) === null || _b === void 0 ? void 0 :
|
|
3686
3689
|
_b.call(props)));
|
|
3687
3690
|
};
|
|
@@ -3696,14 +3699,23 @@ function DatePickerComponent(props, ref) {
|
|
|
3696
3699
|
}
|
|
3697
3700
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
3698
3701
|
|
|
3699
|
-
var css$r = {"uui-typography":"
|
|
3702
|
+
var css$r = {"uui-typography":"IeR1gq","hero-header":"Il-9PT","promo-header":"oAUjHe","uui-critical":"lBtyQp","uui-info":"ThLAit","uui-success":"_31jXqs","uui-warning":"vAaKm7","uui-highlight":"Yy92Gv","uui-typography-size-12":"zHqqoQ","uui-typography-size-14":"oV-vbY","uui-typography-size-16":"PjdR-e","root":"X7yADY","uuiTypography":"IeR1gq","heroHeader":"Il-9PT","promoHeader":"oAUjHe","uuiCritical":"lBtyQp","uuiInfo":"ThLAit","uuiSuccess":"_31jXqs","uuiWarning":"vAaKm7","uuiHighlight":"Yy92Gv","uuiTypographySize12":"zHqqoQ","uuiTypographySize14":"oV-vbY","uuiTypographySize16":"PjdR-e"};
|
|
3700
3703
|
|
|
3701
|
-
|
|
3702
|
-
|
|
3704
|
+
const uuiPresets = {
|
|
3705
|
+
container: 'uui-presets-container',
|
|
3706
|
+
header: 'uui-presets-header',
|
|
3707
|
+
item: 'uui-presets-item',
|
|
3708
|
+
};
|
|
3709
|
+
const getPresets = (presets) => {
|
|
3710
|
+
return Object.keys(presets).map((key) => (Object.assign(Object.assign({}, presets[key].getRange()), { name: presets[key].name, key }))).sort((a, b) => a.order - b.order);
|
|
3711
|
+
};
|
|
3712
|
+
function CalendarPresets(props) {
|
|
3713
|
+
return (React.createElement("div", Object.assign({ ref: props.forwardedRef, className: cx$1(uuiPresets.container, css$r.root, props.cx) }, props.rawProps),
|
|
3714
|
+
React.createElement("div", { className: uuiPresets.header }, "Presets"),
|
|
3715
|
+
getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: "24" })))));
|
|
3703
3716
|
}
|
|
3704
|
-
const CalendarPresets = /* @__PURE__ */withMods(CalendarPresets$1, applyCalendarPresetsMods, () => ({}));
|
|
3705
3717
|
|
|
3706
|
-
var css$q = {"uui-typography":"
|
|
3718
|
+
var css$q = {"uui-typography":"MzSJvg","hero-header":"YPMhT-","promo-header":"jHn6OV","uui-critical":"APdp-m","uui-info":"cN-BQr","uui-success":"klchuI","uui-warning":"Xwy7Y7","uui-highlight":"m-wPNa","uui-typography-size-12":"zKWr0g","uui-typography-size-14":"UHhA-E","uui-typography-size-16":"bxKeLG","root":"HnPYai","container":"i8NTEs","day-selection":"k9hU50","from-picker":"Q-66Jq","to-picker":"hWWLZs","bodes-wrapper":"KLMmg6","blocker":"NULGwr","uuiTypography":"MzSJvg","heroHeader":"YPMhT-","promoHeader":"jHn6OV","uuiCritical":"APdp-m","uuiInfo":"cN-BQr","uuiSuccess":"klchuI","uuiWarning":"Xwy7Y7","uuiHighlight":"m-wPNa","uuiTypographySize12":"zKWr0g","uuiTypographySize14":"UHhA-E","uuiTypographySize16":"bxKeLG","daySelection":"k9hU50","fromPicker":"Q-66Jq","toPicker":"hWWLZs","bodesWrapper":"KLMmg6"};
|
|
3707
3719
|
|
|
3708
3720
|
const uuiRangeDatePickerBody = {
|
|
3709
3721
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3851,10 +3863,10 @@ function RangeDatePickerBodyComp(props, ref) {
|
|
|
3851
3863
|
React__default.createElement(FlexRow, { cx: css$q.bodesWrapper, alignItems: "top" },
|
|
3852
3864
|
React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-left", cx: cx$1(css$q.fromPicker) }, from, { onValueChange: (v) => onBodyValueChange(v, 'from'), onMonthChange: (m) => {
|
|
3853
3865
|
setMonth(m);
|
|
3854
|
-
}, onViewChange: (v) => setView(v), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay || renderDay })),
|
|
3866
|
+
}, onViewChange: (v) => setView(v), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay || renderDay, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'to' })),
|
|
3855
3867
|
React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-right", cx: cx$1(css$q.toPicker) }, to, { onValueChange: (v) => onBodyValueChange(v, 'to'), onMonthChange: (m) => {
|
|
3856
3868
|
setMonth(m.subtract(1, 'month'));
|
|
3857
|
-
}, onViewChange: (v) => setView(v), filter: props.filter, renderDay: props.renderDay || renderDay, isHoliday: props.isHoliday })),
|
|
3869
|
+
}, onViewChange: (v) => setView(v), filter: props.filter, renderDay: props.renderDay || renderDay, isHoliday: props.isHoliday, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'from' })),
|
|
3858
3870
|
view !== 'DAY_SELECTION' && (React__default.createElement("div", { style: {
|
|
3859
3871
|
left: activeMonth === 'from' ? '50%' : undefined,
|
|
3860
3872
|
right: activeMonth === 'to' ? '50%' : undefined,
|
|
@@ -3899,9 +3911,8 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3899
3911
|
}
|
|
3900
3912
|
}
|
|
3901
3913
|
};
|
|
3902
|
-
const onOpenChange = (newIsOpen
|
|
3914
|
+
const onOpenChange = (newIsOpen) => {
|
|
3903
3915
|
var _a;
|
|
3904
|
-
setInFocus(newIsOpen && focus ? focus : null);
|
|
3905
3916
|
setIsOpen(newIsOpen);
|
|
3906
3917
|
(_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, newIsOpen);
|
|
3907
3918
|
};
|
|
@@ -3917,16 +3928,9 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3917
3928
|
onOpenChange(false);
|
|
3918
3929
|
}
|
|
3919
3930
|
};
|
|
3920
|
-
// mainly for closing body on tab
|
|
3921
|
-
const onInputWrapperBlur = (event) => {
|
|
3922
|
-
if (isFocusReceiverInsideFocusLock(event)) {
|
|
3923
|
-
return;
|
|
3924
|
-
}
|
|
3925
|
-
onOpenChange(false);
|
|
3926
|
-
};
|
|
3927
3931
|
const renderBody = (renderProps) => {
|
|
3928
3932
|
var _a;
|
|
3929
|
-
return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx(css$G.dropdownContainer)
|
|
3933
|
+
return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx(css$G.dropdownContainer) }),
|
|
3930
3934
|
React__default.createElement(FlexRow, null,
|
|
3931
3935
|
React__default.createElement(RangeDatePickerBody, { cx: cx(props.bodyCx), value: {
|
|
3932
3936
|
selectedDate: _value,
|
|
@@ -3938,16 +3942,16 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3938
3942
|
};
|
|
3939
3943
|
return (React__default.createElement(Dropdown$1, { renderTarget: (renderProps) => {
|
|
3940
3944
|
var _a;
|
|
3941
|
-
return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__default.createElement(RangeDatePickerInput, { ref: renderProps.ref, cx: props.inputCx, onClick: renderProps.onClick, isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: props.size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange,
|
|
3945
|
+
return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__default.createElement(RangeDatePickerInput, { ref: renderProps.ref, cx: props.inputCx, onClick: renderProps.onClick, isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: props.size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange, onFocusInput: (e, type) => {
|
|
3942
3946
|
var _a;
|
|
3943
|
-
(_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e,
|
|
3944
|
-
|
|
3945
|
-
}, onBlurInput: props.onBlur }));
|
|
3947
|
+
(_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e, type);
|
|
3948
|
+
setInFocus(type);
|
|
3949
|
+
}, onBlurInput: (e, type) => { var _a; (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e, type); !isOpen && setInFocus(null); } }));
|
|
3946
3950
|
}, renderBody: (renderProps) => renderBody(renderProps), onValueChange: (v) => onOpenChange(v), value: isOpen, modifiers: modifiers, placement: props.placement, forwardedRef: ref }));
|
|
3947
3951
|
}
|
|
3948
3952
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3949
3953
|
|
|
3950
|
-
var css$p = {"root":"
|
|
3954
|
+
var css$p = {"root":"_4ZSCLk","blocker":"LONETC","marker":"cVEtnx","top":"s885vV","bottom":"J0df2z","left":"a6nwKG","right":"N6eFfR","inside":"iLCaTY"};
|
|
3951
3955
|
|
|
3952
3956
|
function DropMarker(props) {
|
|
3953
3957
|
return props.isDndInProgress
|
|
@@ -3962,7 +3966,7 @@ function DropMarker(props) {
|
|
|
3962
3966
|
: null;
|
|
3963
3967
|
}
|
|
3964
3968
|
|
|
3965
|
-
var css$o = {"uui-typography":"
|
|
3969
|
+
var css$o = {"uui-typography":"DB9Csz","hero-header":"i36r-v","promo-header":"PpzxwV","uui-critical":"_5XzqAU","uui-info":"_6t6eML","uui-success":"_6wu5rE","uui-warning":"b1zOQ7","uui-highlight":"oKC-y4","uui-typography-size-12":"Y-xio3","uui-typography-size-14":"EKikFL","uui-typography-size-16":"R-m-yG","cell":"_8zHjvc","wrapper":"jGmpYp","align-widgets-top":"ldF0Nh","size-24":"q0JWUR","size-30":"n2THRM","size-36":"v-KYHw","size-42":"QbIOuf","size-48":"_94YqgK","size-60":"ctMYc1","align-widgets-center":"W1EJN7","padding-6":"g15WKQ","padding-12":"sMm6kB","padding-24":"BNiaVn","padding-left-12":"X5PFvY","padding-left-24":"_22ABYh","padding-right-12":"cUSYPR","padding-right-24":"G5xj7D","loading-cell":"lCM-l-","uuiTypography":"DB9Csz","heroHeader":"i36r-v","promoHeader":"PpzxwV","uuiCritical":"_5XzqAU","uuiInfo":"_6t6eML","uuiSuccess":"_6wu5rE","uuiWarning":"b1zOQ7","uuiHighlight":"oKC-y4","uuiTypographySize12":"Y-xio3","uuiTypographySize14":"EKikFL","uuiTypographySize16":"R-m-yG","alignWidgetsTop":"ldF0Nh","size24":"q0JWUR","size30":"n2THRM","size36":"v-KYHw","size42":"QbIOuf","size48":"_94YqgK","size60":"ctMYc1","alignWidgetsCenter":"W1EJN7","padding6":"g15WKQ","padding12":"sMm6kB","padding24":"BNiaVn","paddingLeft12":"X5PFvY","paddingLeft24":"_22ABYh","paddingRight12":"cUSYPR","paddingRight24":"G5xj7D","loadingCell":"lCM-l-"};
|
|
3966
3970
|
|
|
3967
3971
|
function DataTableCell(props) {
|
|
3968
3972
|
props = Object.assign({}, props);
|
|
@@ -3996,7 +4000,6 @@ function DataTableCell(props) {
|
|
|
3996
4000
|
return { padding: '12', sidePadding: '24' };
|
|
3997
4001
|
};
|
|
3998
4002
|
props.cx = [
|
|
3999
|
-
'uui-dt-vars',
|
|
4000
4003
|
'data-table-cell',
|
|
4001
4004
|
props.cx,
|
|
4002
4005
|
css$o.cell,
|
|
@@ -4010,7 +4013,7 @@ function DataTableCell(props) {
|
|
|
4010
4013
|
return React.createElement(DataTableCell$1, Object.assign({}, props));
|
|
4011
4014
|
}
|
|
4012
4015
|
|
|
4013
|
-
var css$n = {"uui-typography":"
|
|
4016
|
+
var css$n = {"uui-typography":"LRNocH","hero-header":"rJ83Ju","promo-header":"_2Q-M9o","uui-critical":"qYtecf","uui-info":"_2-xca8","uui-success":"PN3hET","uui-warning":"_9bicCZ","uui-highlight":"esgRCA","uui-typography-size-12":"_9WDdfl","uui-typography-size-14":"PbRjbv","uui-typography-size-16":"uAi5QW","root":"pJpV0f","size-24":"KWhAJu","size-30":"RVwEMl","size-36":"kCnppC","size-48":"-xnINE","size-60":"k3izZb","uuiTypography":"LRNocH","heroHeader":"rJ83Ju","promoHeader":"_2Q-M9o","uuiCritical":"qYtecf","uuiInfo":"_2-xca8","uuiSuccess":"PN3hET","uuiWarning":"_9bicCZ","uuiHighlight":"esgRCA","uuiTypographySize12":"_9WDdfl","uuiTypographySize14":"PbRjbv","uuiTypographySize16":"uAi5QW","size24":"KWhAJu","size30":"RVwEMl","size36":"kCnppC","size48":"-xnINE","size60":"k3izZb"};
|
|
4014
4017
|
|
|
4015
4018
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4016
4019
|
// 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.
|
|
@@ -4026,7 +4029,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
4026
4029
|
];
|
|
4027
4030
|
}, () => propsMods);
|
|
4028
4031
|
|
|
4029
|
-
var css$m = {"uui-typography":"
|
|
4032
|
+
var css$m = {"uui-typography":"SAj2Jp","hero-header":"As2fu8","promo-header":"TS7r5p","uui-critical":"tJ3QBq","uui-info":"fs8BTg","uui-success":"j-J9ot","uui-warning":"Z4LsBd","uui-highlight":"qO67Fl","uui-typography-size-12":"_3IeExq","uui-typography-size-14":"_183kyY","uui-typography-size-16":"HIU8br","sorting-panel-container":"BCq8KF","sort-active":"ntI7BL","uuiTypography":"SAj2Jp","heroHeader":"As2fu8","promoHeader":"TS7r5p","uuiCritical":"tJ3QBq","uuiInfo":"fs8BTg","uuiSuccess":"j-J9ot","uuiWarning":"Z4LsBd","uuiHighlight":"qO67Fl","uuiTypographySize12":"_3IeExq","uuiTypographySize14":"_183kyY","uuiTypographySize16":"HIU8br","sortingPanelContainer":"BCq8KF","sortActive":"ntI7BL"};
|
|
4030
4033
|
|
|
4031
4034
|
var _path$g;
|
|
4032
4035
|
function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
|
|
@@ -4121,7 +4124,7 @@ var SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props
|
|
|
4121
4124
|
viewBox: "0 0 24 24",
|
|
4122
4125
|
ref: ref
|
|
4123
4126
|
}, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
|
|
4124
|
-
d: "
|
|
4127
|
+
d: "M18.586 15.914 20 14.5l-8-8-8 8 1.414 1.414L12 9.328l6.586 6.586z"
|
|
4125
4128
|
})));
|
|
4126
4129
|
};
|
|
4127
4130
|
var ForwardRef$c = /*#__PURE__*/forwardRef(SvgNavigationChevronUpOutline);
|
|
@@ -4156,7 +4159,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
4156
4159
|
};
|
|
4157
4160
|
var ForwardRef$a = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
|
|
4158
4161
|
|
|
4159
|
-
var css$l = {"uui-typography":"
|
|
4162
|
+
var css$l = {"uui-typography":"URTo8s","hero-header":"pOIjMf","promo-header":"X5YCKF","uui-critical":"YbQ0TM","uui-info":"_6TuyGm","uui-success":"nkd0Hr","uui-warning":"SBHzs7","uui-highlight":"Z2JrOq","uui-typography-size-12":"_3Xfq4b","uui-typography-size-14":"RlGrwD","uui-typography-size-16":"C9JJfZ","cell":"_4dX5qr","column-gap-12":"H3Ccar","caption-wrapper":"fYo0ap","column-gap-24":"jsVhU5","first-column-12":"jkMP8p","last-column-12":"gJGQ9f","first-column-24":"dOsMZP","last-column-24":"egT-WD","sort-icon":"lco8GV","dropdown-icon":"wmmfmQ","infoIcon":"vCJd-Q","resizable":"LrQO13","size-24":"k5FK7V","size-30":"XImpfr","size-36":"_3JvAKX","size-42":"ICZXIc","size-48":"WsGy9w","size-60":"_2f7-ZZ","padding-left-24":"CmEGbp","padding-right-24":"_9X4hhl","align-right":"LHGwJ-","align-center":"-QkDS5","caption":"_--ESul","checkbox":"GlXw7g","icon":"VIcPzv","fold-all-icon":"aaA0eo","cell-tooltip":"w0i5wz","upper-case":"g6KJS7","font-size-14":"-NACfU","resize-mark":"RFB9VP","resize-mark-6":"_3B9vie","resize-mark-12":"U5HV1w","pinned-right":"msManF","draggable":"bY4Z1K","ghost":"X6F6vF","is-dragged-out":"qFqw5b","dnd-marker-left":"qZh8Md","dnd-marker-right":"_34MaLs","cell-tooltip-wrapper":"_2ccq1j","cell-tooltip-text":"Tb-oRS","uuiTypography":"URTo8s","heroHeader":"pOIjMf","promoHeader":"X5YCKF","uuiCritical":"YbQ0TM","uuiInfo":"_6TuyGm","uuiSuccess":"nkd0Hr","uuiWarning":"SBHzs7","uuiHighlight":"Z2JrOq","uuiTypographySize12":"_3Xfq4b","uuiTypographySize14":"RlGrwD","uuiTypographySize16":"C9JJfZ","columnGap12":"H3Ccar","captionWrapper":"fYo0ap","columnGap24":"jsVhU5","firstColumn12":"jkMP8p","lastColumn12":"gJGQ9f","firstColumn24":"dOsMZP","lastColumn24":"egT-WD","sortIcon":"lco8GV","dropdownIcon":"wmmfmQ","size24":"k5FK7V","size30":"XImpfr","size36":"_3JvAKX","size42":"ICZXIc","size48":"WsGy9w","size60":"_2f7-ZZ","paddingLeft24":"CmEGbp","paddingRight24":"_9X4hhl","alignRight":"LHGwJ-","alignCenter":"-QkDS5","foldAllIcon":"aaA0eo","cellTooltip":"w0i5wz","upperCase":"g6KJS7","fontSize14":"-NACfU","resizeMark":"RFB9VP","resizeMark6":"_3B9vie","resizeMark12":"U5HV1w","pinnedRight":"msManF","isDraggedOut":"qFqw5b","dndMarkerLeft":"qZh8Md","dndMarkerRight":"_34MaLs","cellTooltipWrapper":"_2ccq1j","cellTooltipText":"Tb-oRS"};
|
|
4160
4163
|
|
|
4161
4164
|
class DataTableHeaderCell extends React.Component {
|
|
4162
4165
|
constructor() {
|
|
@@ -4206,11 +4209,11 @@ class DataTableHeaderCell extends React.Component {
|
|
|
4206
4209
|
const isResizable = (_a = this.props.column.allowResizing) !== null && _a !== void 0 ? _a : this.props.allowColumnsResizing;
|
|
4207
4210
|
const onClickEvent = !props.isResizing && (!this.props.column.renderFilter ? props.toggleSort : dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.onClick);
|
|
4208
4211
|
const sideColumnPadding = this.props.columnsGap === '12' ? '12' : '24';
|
|
4209
|
-
return (React.createElement(
|
|
4212
|
+
return (React.createElement(DataTableCellContainer, { column: this.props.column, ref: (ref) => {
|
|
4210
4213
|
var _a;
|
|
4211
4214
|
props.ref(ref);
|
|
4212
4215
|
(_a = dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.ref) === null || _a === void 0 ? void 0 : _a.call(dropdownProps, ref);
|
|
4213
|
-
}, cx: cx$1(
|
|
4216
|
+
}, cx: cx$1(uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiMarkers.clickable, css$l.cell, css$l['size-' + (this.props.size || '36')], this.props.columnsGap && css$l[`column-gap-${this.props.columnsGap}`], this.props.isFirstColumn && css$l[`first-column-${sideColumnPadding}`], this.props.isLastColumn && css$l[`last-column-${sideColumnPadding}`], this.props.column.fix && css$l['pinned-' + this.props.column.fix], isResizable && css$l.resizable, props.isDraggable && css$l.draggable, props.isDragGhost && css$l.ghost, props.isDraggedOut && css$l.isDraggedOut, props.isDndInProgress && css$l['dnd-marker-' + props.position]), onClick: onClickEvent, rawProps: Object.assign({ role: 'columnheader', 'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none' }, props.eventHandlers) },
|
|
4214
4217
|
this.renderHeaderCheckbox(),
|
|
4215
4218
|
this.renderFoldAllIcon(),
|
|
4216
4219
|
this.getColumnCaption(),
|
|
@@ -4219,6 +4222,9 @@ class DataTableHeaderCell extends React.Component {
|
|
|
4219
4222
|
this.renderCellWithFilter = (props) => (React.createElement(ColumnHeaderDropdown, { isOpen: this.state.isDropdownOpen, isSortable: this.props.column.isSortable, renderTarget: (dropdownProps) => this.renderCellContent(props, dropdownProps), renderFilter: this.props.renderFilter, onSort: this.props.onSort, sortDirection: this.props.sortDirection, onOpenChange: (isDropdownOpen) => this.setState({ isDropdownOpen }), title: this.props.column.caption }));
|
|
4220
4223
|
}
|
|
4221
4224
|
render() {
|
|
4225
|
+
if (this.props.column.renderHeaderCell) {
|
|
4226
|
+
return this.props.column.renderHeaderCell(this.props);
|
|
4227
|
+
}
|
|
4222
4228
|
return React.createElement(DataTableHeaderCell$1, Object.assign({}, this.props, { renderCellContent: this.props.column.renderFilter ? this.renderCellWithFilter : this.renderCellContent }));
|
|
4223
4229
|
}
|
|
4224
4230
|
}
|
|
@@ -4238,14 +4244,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
4238
4244
|
};
|
|
4239
4245
|
var ForwardRef$9 = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
|
|
4240
4246
|
|
|
4241
|
-
var css$k = {"uui-typography":"
|
|
4247
|
+
var css$k = {"uui-typography":"JoDG9L","hero-header":"A6Ek2v","promo-header":"lzGbg9","uui-critical":"YTVQZm","uui-info":"i-Bfya","uui-success":"i7ybRQ","uui-warning":"ZcdWJ1","uui-highlight":"E4CBPQ","uui-typography-size-12":"TI-4Eo","uui-typography-size-14":"ImtOu-","uui-typography-size-16":"t--f-b","header-cell":"y3xY0M","truncate":"P4voBK","uuiTypography":"JoDG9L","heroHeader":"A6Ek2v","promoHeader":"lzGbg9","uuiCritical":"YTVQZm","uuiInfo":"i-Bfya","uuiSuccess":"i7ybRQ","uuiWarning":"ZcdWJ1","uuiHighlight":"E4CBPQ","uuiTypographySize12":"TI-4Eo","uuiTypographySize14":"ImtOu-","uuiTypographySize16":"t--f-b","headerCell":"y3xY0M"};
|
|
4242
4248
|
|
|
4243
4249
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, (props) => [css$k.root, 'uui-dt-vars', props.size === '48' && css$k.truncate], (mods) => ({
|
|
4244
4250
|
renderCell: (props) => React.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
4245
4251
|
renderConfigButton: () => React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: "config-icon", color: "neutral", icon: ForwardRef$9 }),
|
|
4246
4252
|
}));
|
|
4247
4253
|
|
|
4248
|
-
var styles$1 = {"uui-typography":"
|
|
4254
|
+
var styles$1 = {"uui-typography":"Vokmbn","hero-header":"EQdV2N","promo-header":"PGHRqT","uui-critical":"_9Ul8I7","uui-info":"O6GL78","uui-success":"kDb-A0","uui-warning":"P3Ncmo","uui-highlight":"sTbzO9","uui-typography-size-12":"l8km75","uui-typography-size-14":"UVbWGP","uui-typography-size-16":"IFLORB","main-panel":"_5q-tgy","group-title":"uw-JTz","group-title-text":"X1V--d","group-title-badge":"iGEVWG","group-items":"OimAjF","no-data":"ABddPb","h-divider":"lmZQc7","search-area":"t5C6pi","subgroup-accordion":"w2IeiQ","subgroup-title":"Tg9A2g","uuiTypography":"Vokmbn","heroHeader":"EQdV2N","promoHeader":"PGHRqT","uuiCritical":"_9Ul8I7","uuiInfo":"O6GL78","uuiSuccess":"kDb-A0","uuiWarning":"P3Ncmo","uuiHighlight":"sTbzO9","uuiTypographySize12":"l8km75","uuiTypographySize14":"UVbWGP","uuiTypographySize16":"IFLORB","mainPanel":"_5q-tgy","groupTitle":"uw-JTz","groupTitleText":"X1V--d","groupTitleBadge":"iGEVWG","groupItems":"OimAjF","noData":"ABddPb","hDivider":"lmZQc7","searchArea":"t5C6pi","subgroupAccordion":"w2IeiQ","subgroupTitle":"Tg9A2g"};
|
|
4249
4255
|
|
|
4250
4256
|
var _path$8;
|
|
4251
4257
|
function _extends$8() { _extends$8 = 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$8.apply(this, arguments); }
|
|
@@ -4302,7 +4308,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
4302
4308
|
};
|
|
4303
4309
|
var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
|
|
4304
4310
|
|
|
4305
|
-
var css$j = {"unpin-icon":"
|
|
4311
|
+
var css$j = {"unpin-icon":"pq1p6G","pin-toggler-icon":"YjJtOE","unpinIcon":"pq1p6G","pinTogglerIcon":"YjJtOE"};
|
|
4306
4312
|
|
|
4307
4313
|
function PinIconButton(props) {
|
|
4308
4314
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4361,7 +4367,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
|
4361
4367
|
};
|
|
4362
4368
|
var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
|
|
4363
4369
|
|
|
4364
|
-
var styles = {"uui-typography":"
|
|
4370
|
+
var styles = {"uui-typography":"MSIR0E","hero-header":"_9JCG0z","promo-header":"Tc3Wns","uui-critical":"J8Z-ri","uui-info":"Su9InE","uui-success":"EJl0IY","uui-warning":"_3yR2Xb","uui-highlight":"QU5AlH","uui-typography-size-12":"WHiaNt","uui-typography-size-14":"Q-8e44","uui-typography-size-16":"qyUJl4","row-wrapper":"PNwNTq","not-pinned":"-Cu8cs","pin-icon-button":"_14Y04u","checkbox":"pJWnW7","drag-handle":"BQUaaz","dnd-disabled":"vGDeWm","uuiTypography":"MSIR0E","heroHeader":"_9JCG0z","promoHeader":"Tc3Wns","uuiCritical":"J8Z-ri","uuiInfo":"Su9InE","uuiSuccess":"EJl0IY","uuiWarning":"_3yR2Xb","uuiHighlight":"QU5AlH","uuiTypographySize12":"WHiaNt","uuiTypographySize14":"Q-8e44","uuiTypographySize16":"qyUJl4","rowWrapper":"PNwNTq","notPinned":"-Cu8cs","pinIconButton":"_14Y04u","dragHandle":"BQUaaz","dndDisabled":"vGDeWm"};
|
|
4365
4371
|
|
|
4366
4372
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4367
4373
|
const { column } = props;
|
|
@@ -4470,7 +4476,7 @@ function SubGroup(props) {
|
|
|
4470
4476
|
return null;
|
|
4471
4477
|
}
|
|
4472
4478
|
|
|
4473
|
-
var css$i = {"listContainer":"
|
|
4479
|
+
var css$i = {"listContainer":"L0SVcQ","header":"FeMw00","group":"OYh8Ts","stickyHeader":"-L4TMg"};
|
|
4474
4480
|
|
|
4475
4481
|
const getChildrenAndRest = (row, rows) => {
|
|
4476
4482
|
const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
|
|
@@ -4536,7 +4542,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4536
4542
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4537
4543
|
ref: ref
|
|
4538
4544
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
4539
|
-
clipPath: "url(#
|
|
4545
|
+
clipPath: "url(#mlph1cratcmcep9zp_a)"
|
|
4540
4546
|
}, _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
|
|
4541
4547
|
d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
|
|
4542
4548
|
fill: "#F5F6FA"
|
|
@@ -4557,7 +4563,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4557
4563
|
d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
|
|
4558
4564
|
fill: "#1D1E26"
|
|
4559
4565
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
4560
|
-
id: "
|
|
4566
|
+
id: "mlph1cynwn7hsk32_b",
|
|
4561
4567
|
style: {
|
|
4562
4568
|
maskType: "alpha"
|
|
4563
4569
|
},
|
|
@@ -4570,7 +4576,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4570
4576
|
d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
|
|
4571
4577
|
fill: "#9BDEFF"
|
|
4572
4578
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
4573
|
-
mask: "url(#
|
|
4579
|
+
mask: "url(#mlph1cynwn7hsk32_b)",
|
|
4574
4580
|
fillRule: "evenodd",
|
|
4575
4581
|
clipRule: "evenodd"
|
|
4576
4582
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -4656,7 +4662,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4656
4662
|
d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
|
|
4657
4663
|
fill: "#fff"
|
|
4658
4664
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
4659
|
-
id: "
|
|
4665
|
+
id: "mlph1cratcmcep9zp_a"
|
|
4660
4666
|
}, /*#__PURE__*/React.createElement("path", {
|
|
4661
4667
|
fill: "#fff",
|
|
4662
4668
|
transform: "translate(.552)",
|
|
@@ -4665,7 +4671,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4665
4671
|
};
|
|
4666
4672
|
var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
|
|
4667
4673
|
|
|
4668
|
-
var css$h = {"sticky-header":"
|
|
4674
|
+
var css$h = {"sticky-header":"I-RxPM","table":"SFk0vx","no-results":"kNnlhS","no-results-icon":"R0UMPA","no-results-title":"AKl-Kw","stickyHeader":"I-RxPM","noResults":"kNnlhS","noResultsIcon":"R0UMPA","noResultsTitle":"AKl-Kw"};
|
|
4669
4675
|
|
|
4670
4676
|
const DEFAULT_HEADER_SIZE = '36';
|
|
4671
4677
|
const DEFAULT_COLUMN_GAP = '24';
|
|
@@ -4718,9 +4724,9 @@ function DataTable(props) {
|
|
|
4718
4724
|
} }))));
|
|
4719
4725
|
}
|
|
4720
4726
|
|
|
4721
|
-
var css$g = {"root":"
|
|
4727
|
+
var css$g = {"root":"OmOnGs"};
|
|
4722
4728
|
|
|
4723
|
-
var css$f = {"root":"
|
|
4729
|
+
var css$f = {"root":"AiPC6A","burger-content":"mCaynR","burgerContent":"mCaynR"};
|
|
4724
4730
|
|
|
4725
4731
|
var _path$3;
|
|
4726
4732
|
function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
|
|
@@ -4763,7 +4769,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
4763
4769
|
};
|
|
4764
4770
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
4765
4771
|
|
|
4766
|
-
var css$e = {"uui-typography":"
|
|
4772
|
+
var css$e = {"uui-typography":"J5b0h-","hero-header":"XXQElh","promo-header":"-skN-Y","uui-critical":"Jkkn1I","uui-info":"_9bGupP","uui-success":"EiMRHa","uui-warning":"vGLBFF","uui-highlight":"Hvm-jU","uui-typography-size-12":"OjC2A4","uui-typography-size-14":"-cMb58","uui-typography-size-16":"pEY49d","root":"K86F8s","button-primary":"_1yGZ9d","button-secondary":"BdYXZX","hasIcon":"m463rQ","dropdown":"H8905x","uuiTypography":"J5b0h-","heroHeader":"XXQElh","promoHeader":"-skN-Y","uuiCritical":"Jkkn1I","uuiInfo":"_9bGupP","uuiSuccess":"EiMRHa","uuiWarning":"vGLBFF","uuiHighlight":"Hvm-jU","uuiTypographySize12":"OjC2A4","uuiTypographySize14":"-cMb58","uuiTypographySize16":"pEY49d","buttonPrimary":"_1yGZ9d","buttonSecondary":"BdYXZX"};
|
|
4767
4773
|
|
|
4768
4774
|
const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
4769
4775
|
css$e.root,
|
|
@@ -4774,13 +4780,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
|
4774
4780
|
props.icon && css$e.hasIcon,
|
|
4775
4781
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
4776
4782
|
|
|
4777
|
-
var css$d = {"search-input":"
|
|
4783
|
+
var css$d = {"search-input":"RN7DO2","searchInput":"RN7DO2"};
|
|
4778
4784
|
|
|
4779
4785
|
function BurgerSearch(props) {
|
|
4780
4786
|
return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$N, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
|
|
4781
4787
|
}
|
|
4782
4788
|
|
|
4783
|
-
var css$c = {"root":"
|
|
4789
|
+
var css$c = {"root":"KEUFvj","group-header":"_8VHPIz","group-name":"AfbtX-","line":"P8zyF3","groupHeader":"_8VHPIz","groupName":"AfbtX-"};
|
|
4784
4790
|
|
|
4785
4791
|
function BurgerGroupHeader(props) {
|
|
4786
4792
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -4788,7 +4794,7 @@ function BurgerGroupHeader(props) {
|
|
|
4788
4794
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
4789
4795
|
}
|
|
4790
4796
|
|
|
4791
|
-
var css$b = {"uui-typography":"
|
|
4797
|
+
var css$b = {"uui-typography":"Z-LKJu","hero-header":"LPElsU","promo-header":"LUG-83","uui-critical":"_7CE37K","uui-info":"GZrvTZ","uui-success":"EXkW73","uui-warning":"Yvkj-y","uui-highlight":"DCmo56","uui-typography-size-12":"qYy-0B","uui-typography-size-14":"NJDcl5","uui-typography-size-16":"TddkCV","root":"Y7j3Vr","type-primary":"jPHC-m","type-secondary":"LluvsA","uuiTypography":"Z-LKJu","heroHeader":"LPElsU","promoHeader":"LUG-83","uuiCritical":"_7CE37K","uuiInfo":"GZrvTZ","uuiSuccess":"EXkW73","uuiWarning":"Yvkj-y","uuiHighlight":"DCmo56","uuiTypographySize12":"qYy-0B","uuiTypographySize14":"NJDcl5","uuiTypographySize16":"TddkCV","typePrimary":"jPHC-m","typeSecondary":"LluvsA"};
|
|
4792
4798
|
|
|
4793
4799
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4794
4800
|
const { type } = props, clickableProps = __rest(props, ["type"]);
|
|
@@ -4804,7 +4810,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
4804
4810
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
4805
4811
|
});
|
|
4806
4812
|
|
|
4807
|
-
var css$a = {"dropdown-body":"
|
|
4813
|
+
var css$a = {"dropdown-body":"_0Yt-Zh","dropdownBody":"_0Yt-Zh"};
|
|
4808
4814
|
|
|
4809
4815
|
class MainMenuDropdown extends React.Component {
|
|
4810
4816
|
render() {
|
|
@@ -4859,31 +4865,31 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
4859
4865
|
};
|
|
4860
4866
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
4861
4867
|
|
|
4862
|
-
var css$9 = {"global-menu-btn":"
|
|
4868
|
+
var css$9 = {"global-menu-btn":"xX-XZb","global-menu-icon":"bdtuAC","globalMenuBtn":"xX-XZb","globalMenuIcon":"bdtuAC"};
|
|
4863
4869
|
|
|
4864
4870
|
const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
4865
4871
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
4866
4872
|
|
|
4867
|
-
var css$8 = {"container":"
|
|
4873
|
+
var css$8 = {"container":"_37Imdr","open":"G1TQgN","folding-arrow":"Um2aEm","foldingArrow":"Um2aEm"};
|
|
4868
4874
|
|
|
4869
4875
|
const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
4870
4876
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
4871
4877
|
props.icon && React.createElement(IconContainer, { icon: props.icon }),
|
|
4872
4878
|
props.isDropdown && (React.createElement("div", null,
|
|
4873
|
-
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen }))))));
|
|
4879
|
+
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
4874
4880
|
|
|
4875
|
-
var css$7 = {"search-input":"
|
|
4881
|
+
var css$7 = {"search-input":"sgK5Dw","searchInput":"sgK5Dw"};
|
|
4876
4882
|
|
|
4877
4883
|
const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
4878
4884
|
var _a;
|
|
4879
4885
|
return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$N, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$Q }, props, iEditable, { ref: ref, cx: cx$1(css$7.searchInput, props.cx) }, props.rawProps)));
|
|
4880
4886
|
} }))));
|
|
4881
4887
|
|
|
4882
|
-
var css$6 = {"container":"
|
|
4888
|
+
var css$6 = {"container":"_5REjOZ"};
|
|
4883
4889
|
|
|
4884
4890
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container) }, props))));
|
|
4885
4891
|
|
|
4886
|
-
var css$5 = {"root":"
|
|
4892
|
+
var css$5 = {"root":"c0-JnW"};
|
|
4887
4893
|
|
|
4888
4894
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
4889
4895
|
|
|
@@ -4941,7 +4947,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
4941
4947
|
};
|
|
4942
4948
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
4943
4949
|
|
|
4944
|
-
var css$4 = {"root":"
|
|
4950
|
+
var css$4 = {"root":"pdutGr","drop-start":"_8NfBdV","drop-over":"cIQMu9","link":"uYLsUb","drop-area":"dKS7XH","drop-caption":"_8wvWc-","icon-blue":"iNCNVD","dropStart":"_8NfBdV","dropOver":"cIQMu9","dropArea":"dKS7XH","dropCaption":"_8wvWc-","iconBlue":"iNCNVD"};
|
|
4945
4951
|
|
|
4946
4952
|
function DropSpot(props) {
|
|
4947
4953
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -4959,9 +4965,9 @@ function DropSpot(props) {
|
|
|
4959
4965
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
4960
4966
|
}
|
|
4961
4967
|
|
|
4962
|
-
var css$3 = {"uui-typography":"
|
|
4968
|
+
var css$3 = {"uui-typography":"Q4iE-X","hero-header":"OlA4CZ","promo-header":"-uIzq4","uui-critical":"_9-LKLY","uui-info":"-Lx-l8","uui-success":"AcK0x9","uui-warning":"y-lhZL","uui-highlight":"xB5x-9","uui-typography-size-12":"shWtNW","uui-typography-size-14":"TTFZMb","uui-typography-size-16":"_2xQS3r","root":"bE10zm","file-name":"D4TpdY","default-color":"RetiMO","doc-color":"xXhrvv","xls-color":"eCBn3a","pdf-color":"_1aE9hF","movie-color":"PNI8aJ","img-color":"_5ZDAiY","mov-color":"COX30V","error-block":"_75jIn8","icons-block":"t4CDsv","uuiTypography":"Q4iE-X","heroHeader":"OlA4CZ","promoHeader":"-uIzq4","uuiCritical":"_9-LKLY","uuiInfo":"-Lx-l8","uuiSuccess":"AcK0x9","uuiWarning":"y-lhZL","uuiHighlight":"xB5x-9","uuiTypographySize12":"shWtNW","uuiTypographySize14":"TTFZMb","uuiTypographySize16":"_2xQS3r","fileName":"D4TpdY","defaultColor":"RetiMO","docColor":"xXhrvv","xlsColor":"eCBn3a","pdfColor":"_1aE9hF","movieColor":"PNI8aJ","imgColor":"_5ZDAiY","movColor":"COX30V","errorBlock":"_75jIn8","iconsBlock":"t4CDsv"};
|
|
4963
4969
|
|
|
4964
|
-
var css$2 = {"root":"
|
|
4970
|
+
var css$2 = {"root":"Wd2mcC"};
|
|
4965
4971
|
|
|
4966
4972
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4967
4973
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5026,7 +5032,7 @@ const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
5026
5032
|
};
|
|
5027
5033
|
const renderErrorContent = () => (React.createElement(Tooltip, { content: file.error.message, placement: "bottom-start" },
|
|
5028
5034
|
React.createElement("div", { className: css$3.errorBlock },
|
|
5029
|
-
React.createElement(IconContainer, { icon: ForwardRef$x, size: 12
|
|
5035
|
+
React.createElement(IconContainer, { icon: ForwardRef$x, size: 12 }),
|
|
5030
5036
|
i18n.fileCard.failedUploadErrorMessage)));
|
|
5031
5037
|
const renderSuccessfulContent = () => (React.createElement(Text, { size: "18", fontSize: "14", lineHeight: "18", color: "tertiary" },
|
|
5032
5038
|
fileExtension && `${fileExtension.toUpperCase()}, `,
|
|
@@ -5086,7 +5092,7 @@ const getErrorPageConfig = () => ({
|
|
|
5086
5092
|
},
|
|
5087
5093
|
});
|
|
5088
5094
|
|
|
5089
|
-
var css$1 = {"container":"
|
|
5095
|
+
var css$1 = {"container":"_3b-ahG"};
|
|
5090
5096
|
|
|
5091
5097
|
const ErrorPage = (props) => {
|
|
5092
5098
|
const isMobileScreen = isMobile();
|
|
@@ -5097,7 +5103,7 @@ const ErrorPage = (props) => {
|
|
|
5097
5103
|
React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
|
|
5098
5104
|
};
|
|
5099
5105
|
|
|
5100
|
-
var css = {"recovery-spinner":"
|
|
5106
|
+
var css = {"recovery-spinner":"_1bwlGQ","recovery-message":"MVPwfv","modal-blocker":"_7WrlyN","modalFadeIn":"nkvelA","recoverySpinner":"_1bwlGQ","recoveryMessage":"MVPwfv","modalBlocker":"_7WrlyN"};
|
|
5101
5107
|
|
|
5102
5108
|
function ErrorHandler(props) {
|
|
5103
5109
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|
|
@@ -5148,5 +5154,5 @@ function ErrorHandler(props) {
|
|
|
5148
5154
|
errorType === 'recovery' && renderRecoveryBlocker(errorInfo)));
|
|
5149
5155
|
}
|
|
5150
5156
|
|
|
5151
|
-
export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, settings, useColumnsWithFilters, useForm, uuiDatePickerBody, uuiRangeDatePickerBody, uuiTimePicker };
|
|
5157
|
+
export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterItemBody, FilterPickerBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, settings, useColumnsWithFilters, useForm, uuiDatePickerBody, uuiRangeDatePickerBody, uuiTimePicker };
|
|
5152
5158
|
//# sourceMappingURL=index.esm.js.map
|