@7shifts/sous-chef 4.12.1 → 4.13.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/dist/index.css +53 -20
- package/dist/index.css.map +1 -1
- package/dist/index.js +421 -425
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +597 -600
- package/dist/index.modern.js.map +1 -1
- package/dist/media/Avatar/AvatarContext.d.ts +6 -0
- package/dist/media/Avatar/AvatarImage/AvatarImage.d.ts +2 -2
- package/dist/media/Badge/Badge.d.ts +5 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -310,7 +310,7 @@ function _objectWithoutPropertiesLoose(r, e) {
|
|
|
310
310
|
return t;
|
|
311
311
|
}
|
|
312
312
|
|
|
313
|
-
var styles$
|
|
313
|
+
var styles$1K = {"flex":"_GFHBy","flex__item":"_TOxU5","flex__item--flexible":"_oppLW","align-center":"_bC2qU","align-end":"_9qCMz","align-start":"_06gN4","justify-center":"_9gxO4","justify-end":"_33FAJ","justify-space-between":"_lg-h2","justify-start":"_xjZcn","inline-flex":"_3yyLA"};
|
|
314
314
|
|
|
315
315
|
var usePositionStyles = function usePositionStyles(_ref) {
|
|
316
316
|
var m = _ref.m,
|
|
@@ -429,7 +429,7 @@ var Flex = function Flex(_ref) {
|
|
|
429
429
|
var _getDataProps = getDataProps(otherProps),
|
|
430
430
|
dataProps = _getDataProps.dataProps;
|
|
431
431
|
var positionStyles = usePositionStyles(positionProps);
|
|
432
|
-
var className = classnames__default["default"](styles$
|
|
432
|
+
var className = classnames__default["default"](styles$1K['flex'], extraClass, (_classNames = {}, _classNames[styles$1K['align-start']] = alignItems === 'flex-start', _classNames[styles$1K['align-end']] = alignItems === 'flex-end', _classNames[styles$1K['align-center']] = alignItems === 'center', _classNames[styles$1K['justify-start']] = justifyContent === 'start', _classNames[styles$1K['justify-end']] = justifyContent === 'end', _classNames[styles$1K['justify-center']] = justifyContent === 'center', _classNames[styles$1K['justify-space-between']] = justifyContent === 'space-between', _classNames[styles$1K['inline-flex']] = inlineFlex, _classNames));
|
|
433
433
|
var items = React__default["default"].Children.toArray(children).filter(Boolean);
|
|
434
434
|
var gap = typeof space === 'object' ? space.row + "px " + space.column + "px" : space;
|
|
435
435
|
return React__default["default"].createElement("div", _extends({
|
|
@@ -445,7 +445,7 @@ var Flex = function Flex(_ref) {
|
|
|
445
445
|
var _classNames2;
|
|
446
446
|
return React__default["default"].createElement("div", {
|
|
447
447
|
key: i,
|
|
448
|
-
className: classnames__default["default"](styles$
|
|
448
|
+
className: classnames__default["default"](styles$1K['flex__item'], (_classNames2 = {}, _classNames2[styles$1K['flex__item--flexible']] = flexItems, _classNames2)),
|
|
449
449
|
style: {
|
|
450
450
|
flex: flex ? flex[i] || '0 1 auto' : '0 1 auto'
|
|
451
451
|
}
|
|
@@ -467,7 +467,7 @@ var Stack = function Stack(_ref) {
|
|
|
467
467
|
}));
|
|
468
468
|
};
|
|
469
469
|
|
|
470
|
-
var styles$
|
|
470
|
+
var styles$1J = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
|
|
471
471
|
|
|
472
472
|
var _excluded$ep = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
|
|
473
473
|
/**
|
|
@@ -490,7 +490,7 @@ var Toggle = function Toggle(_ref) {
|
|
|
490
490
|
return React__default["default"].createElement(Stack, {
|
|
491
491
|
space: 8
|
|
492
492
|
}, React__default["default"].createElement("label", _extends({}, dataProps, {
|
|
493
|
-
className: styles$
|
|
493
|
+
className: styles$1J['toggle']
|
|
494
494
|
}), React__default["default"].createElement("input", {
|
|
495
495
|
type: "checkbox",
|
|
496
496
|
checked: checked,
|
|
@@ -499,11 +499,11 @@ var Toggle = function Toggle(_ref) {
|
|
|
499
499
|
id: id,
|
|
500
500
|
"data-testid": testId
|
|
501
501
|
}), React__default["default"].createElement("span", {
|
|
502
|
-
className: styles$
|
|
502
|
+
className: styles$1J['toggle__switch']
|
|
503
503
|
}), label && React__default["default"].createElement("span", {
|
|
504
|
-
className: styles$
|
|
504
|
+
className: styles$1J['toggle__label']
|
|
505
505
|
}, label)), caption && React__default["default"].createElement("span", {
|
|
506
|
-
className: styles$
|
|
506
|
+
className: styles$1J['toggle__caption']
|
|
507
507
|
}, caption));
|
|
508
508
|
};
|
|
509
509
|
|
|
@@ -523,7 +523,7 @@ var SPINNER_THEMES = {
|
|
|
523
523
|
PRIDE: 'pride'
|
|
524
524
|
};
|
|
525
525
|
|
|
526
|
-
var styles$
|
|
526
|
+
var styles$1I = {"spinner":"_memxT","rotator":"_QieGp","spinner--block":"_VoFzz","path":"_KSRP9","dash":"_RyBY2","path--mint":"_-sIZJ","path--disabled":"_3fox0","path--contrast":"_VteKz","path--pride":"_7rzsv"};
|
|
527
527
|
|
|
528
528
|
var Spinner = function Spinner(_ref) {
|
|
529
529
|
var _classnames;
|
|
@@ -536,9 +536,9 @@ var Spinner = function Spinner(_ref) {
|
|
|
536
536
|
_ref$testId = _ref.testId,
|
|
537
537
|
testId = _ref$testId === void 0 ? 'spinner' : _ref$testId;
|
|
538
538
|
return React__default["default"].createElement("div", {
|
|
539
|
-
className: classnames__default["default"]((_classnames = {}, _classnames[styles$
|
|
539
|
+
className: classnames__default["default"]((_classnames = {}, _classnames[styles$1I['spinner--block']] = block, _classnames))
|
|
540
540
|
}, React__default["default"].createElement("svg", {
|
|
541
|
-
className: styles$
|
|
541
|
+
className: styles$1I['spinner'],
|
|
542
542
|
xmlns: "http://www.w3.org/2000/svg",
|
|
543
543
|
width: size,
|
|
544
544
|
height: size,
|
|
@@ -613,7 +613,7 @@ var Spinner = function Spinner(_ref) {
|
|
|
613
613
|
offset: "1",
|
|
614
614
|
stopColor: "#760088"
|
|
615
615
|
}))), React__default["default"].createElement("circle", {
|
|
616
|
-
className: classnames__default["default"](styles$
|
|
616
|
+
className: classnames__default["default"](styles$1I['path'], styles$1I["path--" + theme]),
|
|
617
617
|
fill: "none",
|
|
618
618
|
strokeWidth: "6",
|
|
619
619
|
strokeLinecap: "round",
|
|
@@ -623,9 +623,9 @@ var Spinner = function Spinner(_ref) {
|
|
|
623
623
|
})));
|
|
624
624
|
};
|
|
625
625
|
|
|
626
|
-
var styles$
|
|
626
|
+
var styles$1H = {"tooltip":"_Ydu2O"};
|
|
627
627
|
|
|
628
|
-
var styles$
|
|
628
|
+
var styles$1G = {"tooltip-overlay":"_7fQon","tooltip-overlay--visible":"_a-BND","tooltip-overlay--black-theme":"_UUdng","tooltip-overlay--white-theme":"_brSNX","tooltip-overlay__header":"_uP8x7","tooltip-overlay-arrow":"_MjV6R","tooltip-overlay-arrow--top":"_TQqwB","tooltip-overlay-arrow--bottom":"_pgdKl","tooltip-overlay-arrow--visible":"_Zob-W","tooltip-overlay-arrow--black-theme":"_FXaBf","tooltip-overlay-arrow--white-theme":"_FyPu8"};
|
|
629
629
|
|
|
630
630
|
var TOOLTIP_THEME = {
|
|
631
631
|
BLACK: 'black',
|
|
@@ -824,15 +824,15 @@ var TooltipOverlay = function TooltipOverlay(_ref) {
|
|
|
824
824
|
maxHeight: maxHeight,
|
|
825
825
|
zIndex: getZIndex('tooltip')
|
|
826
826
|
}),
|
|
827
|
-
className: classnames__default["default"](styles$
|
|
827
|
+
className: classnames__default["default"](styles$1G['tooltip-overlay'], extraClass, (_classnames = {}, _classnames[styles$1G['tooltip-overlay--visible']] = isVisible, _classnames[styles$1G['tooltip-overlay--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames[styles$1G['tooltip-overlay--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames)),
|
|
828
828
|
onMouseEnter: onFocusIn,
|
|
829
829
|
onMouseLeave: onFocusOut
|
|
830
830
|
}, React__default["default"].createElement(Stack, {
|
|
831
831
|
space: 8
|
|
832
832
|
}, header && React__default["default"].createElement("div", {
|
|
833
|
-
className: styles$
|
|
833
|
+
className: styles$1G['tooltip-overlay__header']
|
|
834
834
|
}, header), children)), React__default["default"].createElement("div", {
|
|
835
|
-
className: classnames__default["default"](styles$
|
|
835
|
+
className: classnames__default["default"](styles$1G['tooltip-overlay-arrow'], extraClass, (_classnames2 = {}, _classnames2[styles$1G['tooltip-overlay-arrow--visible']] = isVisible, _classnames2[styles$1G['tooltip-overlay-arrow--top']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP, _classnames2[styles$1G['tooltip-overlay-arrow--bottom']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM, _classnames2[styles$1G['tooltip-overlay-arrow--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames2[styles$1G['tooltip-overlay-arrow--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames2)),
|
|
836
836
|
style: _extends({}, position.arrow, {
|
|
837
837
|
zIndex: getZIndex('tooltip')
|
|
838
838
|
}),
|
|
@@ -950,7 +950,7 @@ var TooltipElement = function TooltipElement(_ref, forwardedRef) {
|
|
|
950
950
|
}), overlayElement);
|
|
951
951
|
}
|
|
952
952
|
return React__default["default"].createElement("div", _extends({
|
|
953
|
-
className: classnames__default["default"](styles$
|
|
953
|
+
className: classnames__default["default"](styles$1H['tooltip'])
|
|
954
954
|
}, commonProps, {
|
|
955
955
|
ref: containerRef
|
|
956
956
|
}), children, overlayElement);
|
|
@@ -963,7 +963,7 @@ var isTooltipCompatible = function isTooltipCompatible(element) {
|
|
|
963
963
|
return React__default["default"].isValidElement(element) && typeof element.type === 'string';
|
|
964
964
|
};
|
|
965
965
|
|
|
966
|
-
var styles$
|
|
966
|
+
var styles$1F = {"button":"_pgOR3","button--loading":"_2yB9-","button__spinner":"_ppC-S","button--size-min-width-100":"_GtXOQ","button--size-full-width":"_Y-OxO","button--icon-only":"_3EfuT","button--default":"_ICNz7","button--primary":"_XwJWT","button--danger":"_gr3Dh","button--upsell":"_ME8te","button--marketing":"_mI-Dx","button--hollow":"_orywo","button--hollow-contrast":"_obtsl","button--link-contrast":"_00jK4","button--link-primary":"_JPwJ7","button--link-danger":"_9TprN","button--link-upsell":"_tktX-","button--link-toolbar":"_r3SQl","button--link-icon":"_oFBLN","disabled-button-wrapper":"_yTBTz"};
|
|
967
967
|
|
|
968
968
|
var BUTTON_SIZES = {
|
|
969
969
|
FULL_WIDTH: 'full-width',
|
|
@@ -1058,7 +1058,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
|
|
|
1058
1058
|
onBlur: onBlur,
|
|
1059
1059
|
onFocus: onFocus,
|
|
1060
1060
|
onKeyDown: onKeyDown,
|
|
1061
|
-
className: classnames__default["default"](styles$
|
|
1061
|
+
className: classnames__default["default"](styles$1F['button'], (_classnames = {}, _classnames[styles$1F['button--default']] = theme === BUTTON_THEMES.DEFAULT, _classnames[styles$1F['button--primary']] = theme === BUTTON_THEMES.PRIMARY, _classnames[styles$1F['button--danger']] = theme === BUTTON_THEMES.DANGER, _classnames[styles$1F['button--upsell']] = theme === BUTTON_THEMES.UPSELL, _classnames[styles$1F['button--marketing']] = theme === BUTTON_THEMES.MARKETING, _classnames[styles$1F['button--hollow']] = theme === BUTTON_THEMES.HOLLOW, _classnames[styles$1F['button--hollow-contrast']] = theme === BUTTON_THEMES.HOLLOW_CONTRAST, _classnames[styles$1F['button--link-primary']] = theme === BUTTON_THEMES.LINK_PRIMARY, _classnames[styles$1F['button--link-danger']] = theme === BUTTON_THEMES.LINK_DANGER, _classnames[styles$1F['button--link-upsell']] = theme === BUTTON_THEMES.LINK_UPSELL, _classnames[styles$1F['button--link-toolbar']] = theme === BUTTON_THEMES.LINK_TOOLBAR, _classnames[styles$1F['button--link-contrast']] = theme === BUTTON_THEMES.LINK_CONTRAST, _classnames[styles$1F['button--link-icon']] = theme === BUTTON_THEMES.LINK_ICON, _classnames[styles$1F['button--loading']] = loading, _classnames[styles$1F['button--icon-only']] = isIconOnly, _classnames[styles$1F['button--size-min-width-100']] = size === BUTTON_SIZES.MIN_WIDTH_100, _classnames[styles$1F['button--size-full-width']] = size === BUTTON_SIZES.FULL_WIDTH, _classnames)),
|
|
1062
1062
|
type: type,
|
|
1063
1063
|
disabled: disabled || loading,
|
|
1064
1064
|
href: href,
|
|
@@ -1071,7 +1071,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
|
|
|
1071
1071
|
space: 8,
|
|
1072
1072
|
alignItems: "center"
|
|
1073
1073
|
}, children), loading && React__default["default"].createElement("div", {
|
|
1074
|
-
className: styles$
|
|
1074
|
+
className: styles$1F['button__spinner']
|
|
1075
1075
|
}, React__default["default"].createElement(Spinner, {
|
|
1076
1076
|
theme: contrastSpinner.includes(theme) ? SPINNER_THEMES.CONTRAST : SPINNER_THEMES.DISABLED
|
|
1077
1077
|
})));
|
|
@@ -1081,7 +1081,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
|
|
|
1081
1081
|
overlay: title,
|
|
1082
1082
|
ref: ref
|
|
1083
1083
|
}, title && disabled ? React__default["default"].createElement("div", {
|
|
1084
|
-
className: styles$
|
|
1084
|
+
className: styles$1F['disabled-button-wrapper']
|
|
1085
1085
|
}, ButtonElementResult) : ButtonElementResult)
|
|
1086
1086
|
);
|
|
1087
1087
|
};
|
|
@@ -10363,9 +10363,9 @@ var IconGreatMonochromatic = React.forwardRef(function (_ref, ref) {
|
|
|
10363
10363
|
});
|
|
10364
10364
|
IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
|
|
10365
10365
|
|
|
10366
|
-
var styles$
|
|
10366
|
+
var styles$1E = {"pagination-controls":"_S1co-"};
|
|
10367
10367
|
|
|
10368
|
-
var styles$
|
|
10368
|
+
var styles$1D = {"keyboard-key":"_sgd9a","keyboard-key--light":"_8zg4j","keyboard-key__character":"_GAIig"};
|
|
10369
10369
|
|
|
10370
10370
|
var KeyboardKey = function KeyboardKey(_ref) {
|
|
10371
10371
|
var _classNames;
|
|
@@ -10373,9 +10373,9 @@ var KeyboardKey = function KeyboardKey(_ref) {
|
|
|
10373
10373
|
_ref$theme = _ref.theme,
|
|
10374
10374
|
theme = _ref$theme === void 0 ? 'dark' : _ref$theme;
|
|
10375
10375
|
return React__default["default"].createElement("span", {
|
|
10376
|
-
className: classnames__default["default"](styles$
|
|
10376
|
+
className: classnames__default["default"](styles$1D['keyboard-key'], (_classNames = {}, _classNames[styles$1D['keyboard-key--light']] = theme === 'light', _classNames))
|
|
10377
10377
|
}, React__default["default"].createElement("span", {
|
|
10378
|
-
className: styles$
|
|
10378
|
+
className: styles$1D['keyboard-key__character']
|
|
10379
10379
|
}, children));
|
|
10380
10380
|
};
|
|
10381
10381
|
|
|
@@ -10592,7 +10592,7 @@ var PaginationControls = function PaginationControls(_ref) {
|
|
|
10592
10592
|
}
|
|
10593
10593
|
});
|
|
10594
10594
|
return React__default["default"].createElement("div", _extends({}, dataProps, {
|
|
10595
|
-
className: styles$
|
|
10595
|
+
className: styles$1E['pagination-controls'],
|
|
10596
10596
|
"data-testid": testId
|
|
10597
10597
|
}), React__default["default"].createElement(Button, {
|
|
10598
10598
|
disabled: !hasPrevious,
|
|
@@ -10622,7 +10622,7 @@ var LINK_TARGET = {
|
|
|
10622
10622
|
BLANK: '_blank'
|
|
10623
10623
|
};
|
|
10624
10624
|
|
|
10625
|
-
var styles$
|
|
10625
|
+
var styles$1C = {"link":"_EiQ4c","link--contrast":"_weJDR"};
|
|
10626
10626
|
|
|
10627
10627
|
var _excluded$bq = ["href", "target", "theme", "onClick", "children"];
|
|
10628
10628
|
var Link = function Link(_ref) {
|
|
@@ -10639,7 +10639,7 @@ var Link = function Link(_ref) {
|
|
|
10639
10639
|
dataProps = _getDataProps.dataProps;
|
|
10640
10640
|
var ref = React__default["default"].useRef(null);
|
|
10641
10641
|
return React__default["default"].createElement("a", _extends({}, dataProps, {
|
|
10642
|
-
className: classnames__default["default"](styles$
|
|
10642
|
+
className: classnames__default["default"](styles$1C['link'], (_classNames = {}, _classNames[styles$1C['link--primary']] = theme === LINK_THEME.PRIMARY, _classNames[styles$1C['link--contrast']] = theme === LINK_THEME.CONTRAST, _classNames)),
|
|
10643
10643
|
href: href,
|
|
10644
10644
|
target: target,
|
|
10645
10645
|
onClick: onClick,
|
|
@@ -10662,7 +10662,7 @@ var useDropdownContext = function useDropdownContext() {
|
|
|
10662
10662
|
return React__default["default"].useContext(DropdownContext);
|
|
10663
10663
|
};
|
|
10664
10664
|
|
|
10665
|
-
var styles$
|
|
10665
|
+
var styles$1B = {"dropdown-pane":"_sp-pT"};
|
|
10666
10666
|
|
|
10667
10667
|
var DROPDOWN_PANE_PADDING = 14;
|
|
10668
10668
|
var calculateOverlayPosition$1 = function calculateOverlayPosition(triggerPosition, triggerOffsetHeight, panePosition, alignment) {
|
|
@@ -10800,7 +10800,7 @@ var PaneOverlay = function PaneOverlay(_ref) {
|
|
|
10800
10800
|
useKeyPress(['Escape'], onToggleDropdown);
|
|
10801
10801
|
var overflow = maxHeight ? 'auto' : undefined;
|
|
10802
10802
|
return React__default["default"].createElement("div", {
|
|
10803
|
-
className: classnames__default["default"](styles$
|
|
10803
|
+
className: classnames__default["default"](styles$1B['dropdown-pane'], (_classNames = {}, _classNames[styles$1B['dropdown-pane--with-padding']] = true, _classNames['dropdown-pane--custom-width'] = width !== undefined, _classNames)),
|
|
10804
10804
|
style: _extends({}, position, {
|
|
10805
10805
|
width: width,
|
|
10806
10806
|
maxHeight: maxHeight,
|
|
@@ -10829,7 +10829,7 @@ var getKeyboardFocusableElements = function getKeyboardFocusableElements(element
|
|
|
10829
10829
|
});
|
|
10830
10830
|
};
|
|
10831
10831
|
|
|
10832
|
-
var styles$
|
|
10832
|
+
var styles$1A = {"dropdown__trigger":"_AktVc"};
|
|
10833
10833
|
|
|
10834
10834
|
var DROPDOWN_ALIGNEMNT = {
|
|
10835
10835
|
LEFT: 'left',
|
|
@@ -10840,7 +10840,7 @@ var DROPDOWN_TRIGGER = {
|
|
|
10840
10840
|
CLICK: 'click'
|
|
10841
10841
|
};
|
|
10842
10842
|
|
|
10843
|
-
var styles$
|
|
10843
|
+
var styles$1z = {"label":"_zv4ua","label--truncate":"_FPyID"};
|
|
10844
10844
|
|
|
10845
10845
|
var isEllipsisActive = function isEllipsisActive(e) {
|
|
10846
10846
|
return e.offsetWidth < e.scrollWidth;
|
|
@@ -10893,7 +10893,7 @@ var Label = function Label(_ref) {
|
|
|
10893
10893
|
var LabelElement = React__default["default"].createElement("label", {
|
|
10894
10894
|
htmlFor: htmlFor,
|
|
10895
10895
|
id: labelId,
|
|
10896
|
-
className: classnames__default["default"](styles$
|
|
10896
|
+
className: classnames__default["default"](styles$1z['label'], (_classNames = {}, _classNames[styles$1z['label--truncate']] = shouldTruncate, _classNames))
|
|
10897
10897
|
}, children);
|
|
10898
10898
|
if (showTooltip) {
|
|
10899
10899
|
return React__default["default"].createElement(Tooltip, {
|
|
@@ -10904,18 +10904,18 @@ var Label = function Label(_ref) {
|
|
|
10904
10904
|
return LabelElement;
|
|
10905
10905
|
};
|
|
10906
10906
|
|
|
10907
|
-
var styles$
|
|
10907
|
+
var styles$1y = {"caption":"_Qrxg5"};
|
|
10908
10908
|
|
|
10909
10909
|
var Caption = function Caption(_ref) {
|
|
10910
10910
|
var fieldId = _ref.fieldId,
|
|
10911
10911
|
children = _ref.children;
|
|
10912
10912
|
return React__default["default"].createElement("div", {
|
|
10913
10913
|
id: fieldId && fieldId + "-describer",
|
|
10914
|
-
className: styles$
|
|
10914
|
+
className: styles$1y['caption']
|
|
10915
10915
|
}, children);
|
|
10916
10916
|
};
|
|
10917
10917
|
|
|
10918
|
-
var styles$
|
|
10918
|
+
var styles$1x = {"error-message":"_eS4YO"};
|
|
10919
10919
|
|
|
10920
10920
|
var ErrorMessage = function ErrorMessage(_ref) {
|
|
10921
10921
|
var fieldId = _ref.fieldId,
|
|
@@ -10923,7 +10923,7 @@ var ErrorMessage = function ErrorMessage(_ref) {
|
|
|
10923
10923
|
testId = _ref.testId;
|
|
10924
10924
|
return React__default["default"].createElement("div", {
|
|
10925
10925
|
id: fieldId && fieldId + "-error-message",
|
|
10926
|
-
className: styles$
|
|
10926
|
+
className: styles$1x['error-message'],
|
|
10927
10927
|
"data-testid": testId
|
|
10928
10928
|
}, React__default["default"].createElement(Inline, {
|
|
10929
10929
|
space: 8,
|
|
@@ -10962,7 +10962,7 @@ var ALIGNMENTS = {
|
|
|
10962
10962
|
JUSTIFY: 'justify'
|
|
10963
10963
|
};
|
|
10964
10964
|
|
|
10965
|
-
var styles$
|
|
10965
|
+
var styles$1w = {"text":"_6SgoN","text--bold":"_i2LHD","text__body":"_SF95f","text__caption":"_HHohB","text__insight":"_xdhK0","text__span":"_yZbuO","text__paragraph":"_T91Eo","text__tagline":"_uetB-","text--italic":"_NgSTT","text--underline":"_ouqVK","text--dotted-underline":"_zZ55-","text--monospace":"_Vi-V1","text--line-through":"_psV6T","text--align-left":"_tfSIf","text--align-right":"_AK1Nr","text--align-center":"_N-tR4","text--align-justify":"_LkMr0"};
|
|
10966
10966
|
|
|
10967
10967
|
var _excluded$bp = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
|
|
10968
10968
|
var TextComponent = function TextComponent(_ref, ref) {
|
|
@@ -10988,7 +10988,7 @@ var TextComponent = function TextComponent(_ref, ref) {
|
|
|
10988
10988
|
color: getColor(color),
|
|
10989
10989
|
textWrap: textWrap
|
|
10990
10990
|
}, positionStyles),
|
|
10991
|
-
className: classnames__default["default"](styles$
|
|
10991
|
+
className: classnames__default["default"](styles$1w['text'], (_classnames = {}, _classnames[styles$1w['text--bold']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD), _classnames[styles$1w['text--italic']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC), _classnames[styles$1w['text--underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE), _classnames[styles$1w['text--dotted-underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE), _classnames[styles$1w['text--monospace']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE), _classnames[styles$1w['text--line-through']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH), _classnames[styles$1w['text--align-left']] = alignment === ALIGNMENTS.LEFT, _classnames[styles$1w['text--align-right']] = alignment === ALIGNMENTS.RIGHT, _classnames[styles$1w['text--align-center']] = alignment === ALIGNMENTS.CENTER, _classnames[styles$1w['text--align-justify']] = alignment === ALIGNMENTS.JUSTIFY, _classnames[styles$1w['text__body']] = as === TEXT_TYPES.BODY, _classnames[styles$1w['text__insight']] = as === TEXT_TYPES.INSIGHT, _classnames[styles$1w['text__caption']] = as === TEXT_TYPES.CAPTION, _classnames[styles$1w['text__span']] = as === TEXT_TYPES.SPAN, _classnames[styles$1w['text__paragraph']] = as === TEXT_TYPES.PARAGRAPH, _classnames[styles$1w['text__tagline']] = as === TEXT_TYPES.TAGLINE, _classnames)),
|
|
10992
10992
|
'data-testid': testId
|
|
10993
10993
|
}, dataProps, other, {
|
|
10994
10994
|
ref: ref
|
|
@@ -11003,21 +11003,21 @@ var Text = React.forwardRef(TextComponent);
|
|
|
11003
11003
|
var Bold = function Bold(_ref) {
|
|
11004
11004
|
var children = _ref.children;
|
|
11005
11005
|
return React__default["default"].createElement("span", {
|
|
11006
|
-
className: classnames__default["default"](styles$
|
|
11006
|
+
className: classnames__default["default"](styles$1w['text--bold'], styles$1w['text'])
|
|
11007
11007
|
}, children);
|
|
11008
11008
|
};
|
|
11009
11009
|
|
|
11010
11010
|
var Underline = function Underline(_ref) {
|
|
11011
11011
|
var children = _ref.children;
|
|
11012
11012
|
return React__default["default"].createElement("span", {
|
|
11013
|
-
className: classnames__default["default"](styles$
|
|
11013
|
+
className: classnames__default["default"](styles$1w['text--underline'], styles$1w['text'])
|
|
11014
11014
|
}, children);
|
|
11015
11015
|
};
|
|
11016
11016
|
|
|
11017
11017
|
var Italic = function Italic(_ref) {
|
|
11018
11018
|
var children = _ref.children;
|
|
11019
11019
|
return React__default["default"].createElement("span", {
|
|
11020
|
-
className: classnames__default["default"](styles$
|
|
11020
|
+
className: classnames__default["default"](styles$1w['text--italic'], styles$1w['text'])
|
|
11021
11021
|
}, children);
|
|
11022
11022
|
};
|
|
11023
11023
|
|
|
@@ -11166,7 +11166,7 @@ var useFieldControllers = function useFieldControllers(_ref) {
|
|
|
11166
11166
|
return controllers;
|
|
11167
11167
|
};
|
|
11168
11168
|
|
|
11169
|
-
var styles$
|
|
11169
|
+
var styles$1v = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
|
|
11170
11170
|
|
|
11171
11171
|
var _excluded$bn = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
|
|
11172
11172
|
var useTextField = function useTextField(_ref) {
|
|
@@ -11206,7 +11206,7 @@ var useTextField = function useTextField(_ref) {
|
|
|
11206
11206
|
'aria-invalid': hasError,
|
|
11207
11207
|
autoComplete: autoComplete,
|
|
11208
11208
|
autoFocus: autoFocus,
|
|
11209
|
-
className: classnames__default["default"](styles$
|
|
11209
|
+
className: classnames__default["default"](styles$1v['text-field'], (_classnames = {}, _classnames[styles$1v['text-field--invalid']] = hasError, _classnames)),
|
|
11210
11210
|
'data-testid': testId,
|
|
11211
11211
|
disabled: disabled,
|
|
11212
11212
|
defaultValue: defaultValue,
|
|
@@ -11236,7 +11236,7 @@ var useTextField = function useTextField(_ref) {
|
|
|
11236
11236
|
};
|
|
11237
11237
|
};
|
|
11238
11238
|
|
|
11239
|
-
var styles$
|
|
11239
|
+
var styles$1u = {"affix-container":"_F8QOB","prefix":"_yPPIy","suffix":"_Y3yFd","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi"};
|
|
11240
11240
|
|
|
11241
11241
|
var AffixContainer = function AffixContainer(_ref) {
|
|
11242
11242
|
var _classnames;
|
|
@@ -11271,16 +11271,16 @@ var AffixContainer = function AffixContainer(_ref) {
|
|
|
11271
11271
|
if (!hasPrefix && !hasSuffix) {
|
|
11272
11272
|
return children;
|
|
11273
11273
|
}
|
|
11274
|
-
var classes = classnames__default["default"](styles$
|
|
11274
|
+
var classes = classnames__default["default"](styles$1u['affix-container'], (_classnames = {}, _classnames[styles$1u['affix-container--prefixed']] = hasPrefix, _classnames[styles$1u['affix-container--suffixed']] = hasSuffix, _classnames));
|
|
11275
11275
|
return React__default["default"].createElement("div", {
|
|
11276
11276
|
className: classes,
|
|
11277
11277
|
ref: container,
|
|
11278
11278
|
"data-testid": testId
|
|
11279
11279
|
}, hasPrefix && React__default["default"].createElement("div", {
|
|
11280
|
-
className: styles$
|
|
11280
|
+
className: styles$1u['prefix'],
|
|
11281
11281
|
ref: prefixElement
|
|
11282
11282
|
}, prefix), children, hasSuffix && React__default["default"].createElement("div", {
|
|
11283
|
-
className: styles$
|
|
11283
|
+
className: styles$1u['suffix'],
|
|
11284
11284
|
ref: suffixElement
|
|
11285
11285
|
}, suffix));
|
|
11286
11286
|
};
|
|
@@ -11494,7 +11494,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
11494
11494
|
paneRef: paneRef
|
|
11495
11495
|
}
|
|
11496
11496
|
}, triggerIsKnownButton ? React__default["default"].cloneElement(trigger, _extends({}, trigger.props, triggerProps)) : React__default["default"].createElement("button", _extends({}, triggerProps, {
|
|
11497
|
-
className: styles$
|
|
11497
|
+
className: styles$1A['dropdown__trigger'],
|
|
11498
11498
|
ref: updatedRef,
|
|
11499
11499
|
onFocus: handleFocus
|
|
11500
11500
|
}), trigger), React__default["default"].createElement(DropdownPane, {
|
|
@@ -11508,7 +11508,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
11508
11508
|
}, children));
|
|
11509
11509
|
};
|
|
11510
11510
|
|
|
11511
|
-
var styles$
|
|
11511
|
+
var styles$1t = {"dropdown-list":"_91hvH","dropdown-list__item":"_NrB4V","dropdown-list__item--hover":"_aMs9c"};
|
|
11512
11512
|
|
|
11513
11513
|
var findNextActiveIndex = function findNextActiveIndex(items, startAt) {
|
|
11514
11514
|
var startIndex = 0;
|
|
@@ -11673,14 +11673,14 @@ var updateIconSize = function updateIconSize(child) {
|
|
|
11673
11673
|
}));
|
|
11674
11674
|
};
|
|
11675
11675
|
|
|
11676
|
-
var styles$
|
|
11676
|
+
var styles$1s = {"dropdown-list-divider":"_ISJ4M"};
|
|
11677
11677
|
|
|
11678
|
-
var styles$
|
|
11678
|
+
var styles$1r = {"dropdown-list-divider-line":"_GlMQ1"};
|
|
11679
11679
|
|
|
11680
11680
|
var DropdownListDividerLine = function DropdownListDividerLine(_ref) {
|
|
11681
11681
|
var testId = _ref.testId;
|
|
11682
11682
|
return React__default["default"].createElement("div", {
|
|
11683
|
-
className: styles$
|
|
11683
|
+
className: styles$1r['dropdown-list-divider-line'],
|
|
11684
11684
|
"data-testid": testId
|
|
11685
11685
|
});
|
|
11686
11686
|
};
|
|
@@ -11695,14 +11695,14 @@ var DropdownListDivider = function DropdownListDivider(_ref) {
|
|
|
11695
11695
|
});
|
|
11696
11696
|
}
|
|
11697
11697
|
return React__default["default"].createElement(React.Fragment, null, (line === 'top' || line === 'both') && React__default["default"].createElement(DropdownListDividerLine, null), React__default["default"].createElement("div", {
|
|
11698
|
-
className: classnames__default["default"](styles$
|
|
11698
|
+
className: classnames__default["default"](styles$1s['dropdown-list-divider']),
|
|
11699
11699
|
"data-testid": testId
|
|
11700
11700
|
}, children), (line === 'bottom' || line === 'both') && React__default["default"].createElement(DropdownListDividerLine, null));
|
|
11701
11701
|
};
|
|
11702
11702
|
|
|
11703
|
-
var styles$
|
|
11703
|
+
var styles$1q = {"dropdown-list-item":"_W12mF","dropdown-list-item--selected":"_Zu9cD","dropdown-list-item__content":"_xS6fS","dropdown-list-item__caption":"_7EI7m","dropdown-list-item--disabled":"_0OB5b","dropdown-list-item__prefix":"_dpo67","dropdown-list-item__suffix":"_ObP6B","dropdown-list-item__container":"_IBrNj","dropdown-list-item__link":"_vC0uY","dropdown-list-item__suffix-spot":"_UA23u","dropdown-list-item__suffix-button":"_rvaeI"};
|
|
11704
11704
|
|
|
11705
|
-
var styles$
|
|
11705
|
+
var styles$1p = {"dropdown-submenu":"_X4fIx"};
|
|
11706
11706
|
|
|
11707
11707
|
var DropdownSubmenu = React.forwardRef(function (_ref, ref) {
|
|
11708
11708
|
var children = _ref.children,
|
|
@@ -11721,7 +11721,7 @@ var DropdownSubmenu = React.forwardRef(function (_ref, ref) {
|
|
|
11721
11721
|
// so no keyboard handler is needed.
|
|
11722
11722
|
// eslint-disable-next-line jsx-a11y/click-events-have-key-events
|
|
11723
11723
|
React__default["default"].createElement("div", {
|
|
11724
|
-
className: styles$
|
|
11724
|
+
className: styles$1p['dropdown-submenu'],
|
|
11725
11725
|
"data-submenu-direction": direction,
|
|
11726
11726
|
style: position || DEFAULT_POSITION,
|
|
11727
11727
|
onMouseEnter: openSubmenu,
|
|
@@ -11924,20 +11924,20 @@ var DropdownListItem = function DropdownListItem(_ref) {
|
|
|
11924
11924
|
onClick && onClick(e);
|
|
11925
11925
|
};
|
|
11926
11926
|
var childrenContainer = React__default["default"].createElement("div", {
|
|
11927
|
-
className: styles$
|
|
11927
|
+
className: styles$1q['dropdown-list-item__container']
|
|
11928
11928
|
}, prefix && React__default["default"].createElement("div", {
|
|
11929
|
-
className: styles$
|
|
11929
|
+
className: styles$1q['dropdown-list-item__prefix']
|
|
11930
11930
|
}, prefix), React__default["default"].createElement("div", {
|
|
11931
|
-
className: styles$
|
|
11931
|
+
className: styles$1q['dropdown-list-item__content']
|
|
11932
11932
|
}, React__default["default"].createElement(Stack, {
|
|
11933
11933
|
space: 0,
|
|
11934
11934
|
flex: [1]
|
|
11935
11935
|
}, children, caption && React__default["default"].createElement("div", {
|
|
11936
|
-
className: styles$
|
|
11936
|
+
className: styles$1q['dropdown-list-item__caption']
|
|
11937
11937
|
}, caption))), (suffix || submenu) && React__default["default"].createElement("div", {
|
|
11938
|
-
className: styles$
|
|
11938
|
+
className: styles$1q['dropdown-list-item__suffix']
|
|
11939
11939
|
}, suffix && openSubmenuOnSuffixClick && submenu ? React__default["default"].createElement("button", {
|
|
11940
|
-
className: styles$
|
|
11940
|
+
className: styles$1q['dropdown-list-item__suffix-button'],
|
|
11941
11941
|
onClick: function onClick(e) {
|
|
11942
11942
|
e.preventDefault();
|
|
11943
11943
|
e.stopPropagation();
|
|
@@ -11948,19 +11948,19 @@ var DropdownListItem = function DropdownListItem(_ref) {
|
|
|
11948
11948
|
"aria-label": "Open submenu",
|
|
11949
11949
|
disabled: disabled
|
|
11950
11950
|
}, suffix) : suffix, submenu && !suffix && React__default["default"].createElement("div", {
|
|
11951
|
-
className: styles$
|
|
11951
|
+
className: styles$1q['dropdown-list-item__suffix-spot']
|
|
11952
11952
|
}), submenu && !openSubmenuOnSuffixClick && React__default["default"].createElement(IconChevronRight, {
|
|
11953
11953
|
size: "small"
|
|
11954
11954
|
})));
|
|
11955
11955
|
var linkItem = href && (reloadDocument ? React__default["default"].createElement("a", {
|
|
11956
11956
|
href: href,
|
|
11957
|
-
className: styles$
|
|
11957
|
+
className: styles$1q['dropdown-list-item__link'],
|
|
11958
11958
|
target: target,
|
|
11959
11959
|
tabIndex: -1
|
|
11960
11960
|
}, childrenContainer) : React__default["default"].createElement(reactRouterDom.Link, {
|
|
11961
11961
|
to: href,
|
|
11962
11962
|
target: target,
|
|
11963
|
-
className: styles$
|
|
11963
|
+
className: styles$1q['dropdown-list-item__link'],
|
|
11964
11964
|
reloadDocument: false,
|
|
11965
11965
|
tabIndex: -1,
|
|
11966
11966
|
"data-testid": testId
|
|
@@ -11968,7 +11968,7 @@ var DropdownListItem = function DropdownListItem(_ref) {
|
|
|
11968
11968
|
return (
|
|
11969
11969
|
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
11970
11970
|
React__default["default"].createElement("div", {
|
|
11971
|
-
className: classnames__default["default"](styles$
|
|
11971
|
+
className: classnames__default["default"](styles$1q['dropdown-list-item'], (_classNames = {}, _classNames[styles$1q['dropdown-list-item--selected']] = selected, _classNames[styles$1q['dropdown-list-item--disabled']] = disabled, _classNames)),
|
|
11972
11972
|
onMouseDown: function onMouseDown(e) {
|
|
11973
11973
|
return e.preventDefault();
|
|
11974
11974
|
},
|
|
@@ -12110,7 +12110,7 @@ var DropdownList = function DropdownList(_ref) {
|
|
|
12110
12110
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
12111
12111
|
}, [highlightItemIndex]);
|
|
12112
12112
|
return React__default["default"].createElement("ul", {
|
|
12113
|
-
className: styles$
|
|
12113
|
+
className: styles$1t['dropdown-list'],
|
|
12114
12114
|
"data-testid": testId,
|
|
12115
12115
|
ref: listRef
|
|
12116
12116
|
}, React__default["default"].Children.toArray(children).filter(Boolean).map(function (child, index) {
|
|
@@ -12122,7 +12122,7 @@ var DropdownList = function DropdownList(_ref) {
|
|
|
12122
12122
|
var divider = (_items$index2 = items[index]) == null ? void 0 : _items$index2.divider;
|
|
12123
12123
|
return React__default["default"].createElement("li", {
|
|
12124
12124
|
key: index,
|
|
12125
|
-
className: classnames__default["default"](styles$
|
|
12125
|
+
className: classnames__default["default"](styles$1t['dropdown-list__item'], (_classNames = {}, _classNames[styles$1t['dropdown-list__item--hover']] = focusedItem === index && isInteractive, _classNames)),
|
|
12126
12126
|
onMouseEnter: divider ? undefined : function () {
|
|
12127
12127
|
return setFocusOnItem(index);
|
|
12128
12128
|
},
|
|
@@ -12148,7 +12148,7 @@ var KebabMenu = function KebabMenu(_ref) {
|
|
|
12148
12148
|
})));
|
|
12149
12149
|
};
|
|
12150
12150
|
|
|
12151
|
-
var styles$
|
|
12151
|
+
var styles$1o = {"card":"_TXXpM","card__body":"_C3waP","card__body--interactive":"_uc-GV","card--focus":"_ft0I1","card__body--focus":"_wx2MU","card__body--disabled":"_TQDZH","card__body--with-kebab":"_kkYit","card__kebab":"_xrEdS","card__kebab--disabled":"_0WiOn","card__close":"_yODES","card__close--disabled":"_Vqf6o"};
|
|
12152
12152
|
|
|
12153
12153
|
var CardContext = React.createContext({
|
|
12154
12154
|
isCardMounted: false
|
|
@@ -12186,19 +12186,19 @@ var Card = function Card(_ref) {
|
|
|
12186
12186
|
isCardMounted: true
|
|
12187
12187
|
}
|
|
12188
12188
|
}, React__default["default"].createElement("div", _extends({
|
|
12189
|
-
className: classnames__default["default"](styles$
|
|
12189
|
+
className: classnames__default["default"](styles$1o['card']),
|
|
12190
12190
|
style: positionStyles
|
|
12191
12191
|
}, dataProps), onClick ? React__default["default"].createElement("button", {
|
|
12192
|
-
className: classnames__default["default"](styles$
|
|
12192
|
+
className: classnames__default["default"](styles$1o['card__body'], styles$1o['card__body--interactive'], (_classnames = {}, _classnames[styles$1o['card__body--disabled']] = disabled, _classnames[styles$1o['card__body--focus']] = isSelected, _classnames[styles$1o['card__body--with-kebab']] = actions, _classnames)),
|
|
12193
12193
|
"data-testid": testId,
|
|
12194
12194
|
tabIndex: 0,
|
|
12195
12195
|
onClick: onClick,
|
|
12196
12196
|
disabled: disabled
|
|
12197
12197
|
}, children) : React__default["default"].createElement("div", {
|
|
12198
|
-
className: classnames__default["default"](styles$
|
|
12198
|
+
className: classnames__default["default"](styles$1o['card__body'], (_classnames2 = {}, _classnames2[styles$1o['card__body--disabled']] = disabled, _classnames2[styles$1o['card__body--focus']] = isSelected, _classnames2[styles$1o['card__body--with-kebab']] = actions, _classnames2)),
|
|
12199
12199
|
"data-testid": testId
|
|
12200
12200
|
}, children), actions && React__default["default"].createElement("div", {
|
|
12201
|
-
className: classnames__default["default"](styles$
|
|
12201
|
+
className: classnames__default["default"](styles$1o['card__kebab'], (_classnames3 = {}, _classnames3[styles$1o['card__kebab--disabled']] = disabled, _classnames3))
|
|
12202
12202
|
}, React__default["default"].createElement(KebabMenu, {
|
|
12203
12203
|
actions: onClose ? actions.concat({
|
|
12204
12204
|
action: 'dismiss',
|
|
@@ -12206,14 +12206,14 @@ var Card = function Card(_ref) {
|
|
|
12206
12206
|
onAction: onClose
|
|
12207
12207
|
}) : actions
|
|
12208
12208
|
})), !actions && onClose && React__default["default"].createElement("div", {
|
|
12209
|
-
className: classnames__default["default"](styles$
|
|
12209
|
+
className: classnames__default["default"](styles$1o['card__close'], (_classnames4 = {}, _classnames4[styles$1o['card__close--disabled']] = disabled, _classnames4))
|
|
12210
12210
|
}, React__default["default"].createElement(Button, {
|
|
12211
12211
|
theme: "link-icon",
|
|
12212
12212
|
onClick: onClose
|
|
12213
12213
|
}, React__default["default"].createElement(IconTimes, null)))));
|
|
12214
12214
|
};
|
|
12215
12215
|
|
|
12216
|
-
var styles$
|
|
12216
|
+
var styles$1n = {"callout-card__close":"_VxmQm","callout-card__header":"_3RrQI"};
|
|
12217
12217
|
|
|
12218
12218
|
/**
|
|
12219
12219
|
* @deprecated Use `<EmptyState as='card' />` instead
|
|
@@ -12233,7 +12233,7 @@ var CalloutCard = function CalloutCard(_ref) {
|
|
|
12233
12233
|
}, React__default["default"].createElement(Stack, {
|
|
12234
12234
|
space: 12
|
|
12235
12235
|
}, React__default["default"].createElement("div", {
|
|
12236
|
-
className: styles$
|
|
12236
|
+
className: styles$1n['callout-card__header']
|
|
12237
12237
|
}, React__default["default"].createElement(Text, {
|
|
12238
12238
|
as: "body",
|
|
12239
12239
|
color: "primary-color"
|
|
@@ -12248,7 +12248,7 @@ var CalloutCard = function CalloutCard(_ref) {
|
|
|
12248
12248
|
alt: String(title) + String(header),
|
|
12249
12249
|
width: "354px"
|
|
12250
12250
|
})), onClose && React__default["default"].createElement("div", {
|
|
12251
|
-
className: styles$
|
|
12251
|
+
className: styles$1n['callout-card__close']
|
|
12252
12252
|
}, React__default["default"].createElement(Button, {
|
|
12253
12253
|
theme: "link-icon",
|
|
12254
12254
|
onClick: onClose
|
|
@@ -12266,7 +12266,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
|
12266
12266
|
}, children);
|
|
12267
12267
|
};
|
|
12268
12268
|
|
|
12269
|
-
var styles$
|
|
12269
|
+
var styles$1m = {"breadcrumb-item":"_fo7-A"};
|
|
12270
12270
|
|
|
12271
12271
|
var BreadcrumbItem = function BreadcrumbItem(_ref) {
|
|
12272
12272
|
var href = _ref.href,
|
|
@@ -12280,24 +12280,24 @@ var BreadcrumbItem = function BreadcrumbItem(_ref) {
|
|
|
12280
12280
|
// This is neessary to support older versions of react-router-dom
|
|
12281
12281
|
return reloadDocument ? React__default["default"].createElement("a", {
|
|
12282
12282
|
href: href,
|
|
12283
|
-
className: styles$
|
|
12283
|
+
className: styles$1m['breadcrumb-item'],
|
|
12284
12284
|
"data-testid": testId
|
|
12285
12285
|
}, content) : React__default["default"].createElement(reactRouterDom.Link, {
|
|
12286
12286
|
to: href,
|
|
12287
|
-
className: styles$
|
|
12287
|
+
className: styles$1m['breadcrumb-item'],
|
|
12288
12288
|
relative: "path",
|
|
12289
12289
|
reloadDocument: reloadDocument,
|
|
12290
12290
|
"data-testid": testId
|
|
12291
12291
|
}, content);
|
|
12292
12292
|
};
|
|
12293
12293
|
|
|
12294
|
-
var styles$
|
|
12294
|
+
var styles$1l = {"page-breadcrumbs":"_QjIgc"};
|
|
12295
12295
|
|
|
12296
12296
|
var PageBreadcrumbs = function PageBreadcrumbs(_ref) {
|
|
12297
12297
|
var breadcrumbs = _ref.breadcrumbs;
|
|
12298
12298
|
var items = getBreadbrumbItems(breadcrumbs);
|
|
12299
12299
|
return React__default["default"].createElement("div", {
|
|
12300
|
-
className: styles$
|
|
12300
|
+
className: styles$1l['page-breadcrumbs']
|
|
12301
12301
|
}, React__default["default"].createElement(Breadcrumbs, null, items));
|
|
12302
12302
|
};
|
|
12303
12303
|
var getBreadbrumbItems = function getBreadbrumbItems(breadcrumbs) {
|
|
@@ -12319,7 +12319,7 @@ var getBreadbrumbItems = function getBreadbrumbItems(breadcrumbs) {
|
|
|
12319
12319
|
}, breadcrumbs.label);
|
|
12320
12320
|
};
|
|
12321
12321
|
|
|
12322
|
-
var styles$
|
|
12322
|
+
var styles$1k = {"page":"_QB6yF","page--fullwidth":"_g7MTf","page--restricted":"_LRq4j"};
|
|
12323
12323
|
|
|
12324
12324
|
var PAGE_SIZES = {
|
|
12325
12325
|
FULL_WIDTH: 'fullwidth',
|
|
@@ -12344,7 +12344,7 @@ var Page = function Page(_ref) {
|
|
|
12344
12344
|
var hasHeader = title || actions;
|
|
12345
12345
|
var hasPageBlocks = hasHeader || banner || filterBar;
|
|
12346
12346
|
return React__default["default"].createElement("div", {
|
|
12347
|
-
className: classnames__default["default"](styles$
|
|
12347
|
+
className: classnames__default["default"](styles$1k['page'], (_classNames = {}, _classNames[styles$1k['page--restricted']] = size === PAGE_SIZES.RESTRICTED, _classNames[styles$1k['page--fullwidth']] = size === PAGE_SIZES.FULL_WIDTH, _classNames)),
|
|
12348
12348
|
"data-testid": testId
|
|
12349
12349
|
}, React__default["default"].createElement(Stack, {
|
|
12350
12350
|
space: 20
|
|
@@ -12364,15 +12364,15 @@ var Page = function Page(_ref) {
|
|
|
12364
12364
|
}, title), actions), subtitle && React__default["default"].createElement(Text, null, subtitle)), banner, filterBar)), children));
|
|
12365
12365
|
};
|
|
12366
12366
|
|
|
12367
|
-
var styles$
|
|
12367
|
+
var styles$1j = {"page-layout":"_Scw7-","page-layout__nav-container":"_v--DF","page-layout__nav-list":"_dJeZe","page-layout__content":"_hHi70","page-layout__side-nav-content":"_vTMjp"};
|
|
12368
12368
|
|
|
12369
|
-
var styles$
|
|
12369
|
+
var styles$1i = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
|
|
12370
12370
|
|
|
12371
|
-
var styles$
|
|
12371
|
+
var styles$1h = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP","badge--dot":"_OcpK5","badge--with-border":"_-5FpP"};
|
|
12372
12372
|
|
|
12373
|
-
var styles$
|
|
12373
|
+
var styles$1g = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B","content--with-tab-list":"_DMdi7","overlay--draggable":"_6SSP8","content--draggable":"_5rHXj","draggable-inner":"_cq2CU","draggable-inner--with-tab-list":"_V4Rz2"};
|
|
12374
12374
|
|
|
12375
|
-
var styles$
|
|
12375
|
+
var styles$1f = {"modal-header":"_VRlTj","modal-header__header":"_GH74U","modal-header__sub-header":"_OlX-6","modal-header--with-shadow":"_brFTl","modal-header__close-button":"_LTnd3","modal-header__top-bar":"_7V-hB","modal-header__top-bar--with-image":"_docda"};
|
|
12376
12376
|
|
|
12377
12377
|
var ModalContext = React.createContext({
|
|
12378
12378
|
isModalMounted: false,
|
|
@@ -12438,11 +12438,11 @@ var ModalHeader = function ModalHeader(_ref) {
|
|
|
12438
12438
|
var iconBarTheme = imageSrc ? 'link-contrast' : 'link-icon';
|
|
12439
12439
|
var themedIconBar = iconBar ? _injectButtonTheme(iconBar, iconBarTheme) : null;
|
|
12440
12440
|
return React__default["default"].createElement("div", {
|
|
12441
|
-
className: classnames__default["default"](styles$
|
|
12441
|
+
className: classnames__default["default"](styles$1f['modal-header'], (_classNames = {}, _classNames[styles$1f['modal-header--with-shadow']] = hasScrollTop && !hasTabList, _classNames))
|
|
12442
12442
|
}, React__default["default"].createElement(Stack, {
|
|
12443
12443
|
space: 0
|
|
12444
12444
|
}, React__default["default"].createElement("div", {
|
|
12445
|
-
className: classnames__default["default"](styles$
|
|
12445
|
+
className: classnames__default["default"](styles$1f['modal-header__top-bar'], (_classNames2 = {}, _classNames2[styles$1f['modal-header__top-bar--with-image']] = !!imageSrc, _classNames2)),
|
|
12446
12446
|
style: imageSrc ? {
|
|
12447
12447
|
backgroundImage: "url(" + imageSrc + ")"
|
|
12448
12448
|
} : undefined
|
|
@@ -12451,9 +12451,9 @@ var ModalHeader = function ModalHeader(_ref) {
|
|
|
12451
12451
|
onClick: onClose,
|
|
12452
12452
|
disabled: loading
|
|
12453
12453
|
}, React__default["default"].createElement(IconTimes, null))), header && React__default["default"].createElement("div", {
|
|
12454
|
-
className: styles$
|
|
12454
|
+
className: styles$1f['modal-header__header']
|
|
12455
12455
|
}, header), subHeader && React__default["default"].createElement("div", {
|
|
12456
|
-
className: styles$
|
|
12456
|
+
className: styles$1f['modal-header__sub-header']
|
|
12457
12457
|
}, subHeader)));
|
|
12458
12458
|
};
|
|
12459
12459
|
var _injectButtonTheme = function injectButtonTheme(node, theme) {
|
|
@@ -12477,7 +12477,7 @@ var _injectButtonTheme = function injectButtonTheme(node, theme) {
|
|
|
12477
12477
|
return node;
|
|
12478
12478
|
};
|
|
12479
12479
|
|
|
12480
|
-
var styles$
|
|
12480
|
+
var styles$1e = {"tab-zone":"_4hqPT","tab-zone--with-shadow":"_dorMR"};
|
|
12481
12481
|
|
|
12482
12482
|
var ModalTabZone = function ModalTabZone(_ref) {
|
|
12483
12483
|
var _cx;
|
|
@@ -12487,7 +12487,7 @@ var ModalTabZone = function ModalTabZone(_ref) {
|
|
|
12487
12487
|
var _useScrollDetector = useScrollDetector(modalBodyRef),
|
|
12488
12488
|
hasScrollTop = _useScrollDetector.hasScrollTop;
|
|
12489
12489
|
return React__default["default"].createElement("div", {
|
|
12490
|
-
className: classnames__default["default"](styles$
|
|
12490
|
+
className: classnames__default["default"](styles$1e['tab-zone'], (_cx = {}, _cx[styles$1e['tab-zone--with-shadow']] = hasScrollTop, _cx))
|
|
12491
12491
|
}, children);
|
|
12492
12492
|
};
|
|
12493
12493
|
|
|
@@ -12675,14 +12675,14 @@ var Modal = function Modal(_ref) {
|
|
|
12675
12675
|
contentLabel: "Modal",
|
|
12676
12676
|
appElement: rootElementId && document.getElementById(rootElementId) || undefined,
|
|
12677
12677
|
overlayClassName: {
|
|
12678
|
-
base: classnames__default["default"](styles$
|
|
12679
|
-
afterOpen: styles$
|
|
12680
|
-
beforeClose: styles$
|
|
12678
|
+
base: classnames__default["default"](styles$1g['overlay'], draggable && styles$1g['overlay--draggable']),
|
|
12679
|
+
afterOpen: styles$1g['overlay--after-open'],
|
|
12680
|
+
beforeClose: styles$1g['overlay--before-close']
|
|
12681
12681
|
},
|
|
12682
12682
|
className: {
|
|
12683
|
-
base: classnames__default["default"](styles$
|
|
12684
|
-
afterOpen: styles$
|
|
12685
|
-
beforeClose: styles$
|
|
12683
|
+
base: classnames__default["default"](styles$1g['content'], draggable && styles$1g['content--draggable'], tabList && styles$1g['content--with-tab-list']),
|
|
12684
|
+
afterOpen: styles$1g['content--after-open'],
|
|
12685
|
+
beforeClose: styles$1g['content--before-close']
|
|
12686
12686
|
},
|
|
12687
12687
|
data: dataProps
|
|
12688
12688
|
}, draggable ? React__default["default"].createElement(Draggable, {
|
|
@@ -12691,7 +12691,7 @@ var Modal = function Modal(_ref) {
|
|
|
12691
12691
|
bounds: draggableBounds
|
|
12692
12692
|
}, React__default["default"].createElement("div", {
|
|
12693
12693
|
ref: draggableCallbackRef,
|
|
12694
|
-
className: classnames__default["default"](styles$
|
|
12694
|
+
className: classnames__default["default"](styles$1g['draggable-inner'], (_cx = {}, _cx[styles$1g['draggable-inner--with-tab-list']] = !!tabList, _cx)),
|
|
12695
12695
|
style: {
|
|
12696
12696
|
width: width,
|
|
12697
12697
|
height: height,
|
|
@@ -12704,7 +12704,7 @@ Modal.setAppElement = function (rootElement) {
|
|
|
12704
12704
|
ReactModal__default["default"].setAppElement(rootElement);
|
|
12705
12705
|
};
|
|
12706
12706
|
|
|
12707
|
-
var styles$
|
|
12707
|
+
var styles$1d = {"modal-body":"_4YK4k","modal-body--tab-mode":"_2-PSE"};
|
|
12708
12708
|
|
|
12709
12709
|
var ModalBody = function ModalBody(_ref) {
|
|
12710
12710
|
var _classNames;
|
|
@@ -12714,15 +12714,15 @@ var ModalBody = function ModalBody(_ref) {
|
|
|
12714
12714
|
modalBodyRef = _useModalContext.modalBodyRef,
|
|
12715
12715
|
hasTabList = _useModalContext.hasTabList;
|
|
12716
12716
|
return React__default["default"].createElement("div", {
|
|
12717
|
-
className: classnames__default["default"](styles$
|
|
12717
|
+
className: classnames__default["default"](styles$1d['modal-body'], (_classNames = {}, _classNames[styles$1d['modal-body--tab-mode']] = hasTabList, _classNames)),
|
|
12718
12718
|
"data-testid": testId,
|
|
12719
12719
|
ref: modalBodyRef
|
|
12720
12720
|
}, React__default["default"].createElement("div", {
|
|
12721
|
-
className: styles$
|
|
12721
|
+
className: styles$1d['modal-body__inner-div']
|
|
12722
12722
|
}, children));
|
|
12723
12723
|
};
|
|
12724
12724
|
|
|
12725
|
-
var styles$
|
|
12725
|
+
var styles$1c = {"modal-footer":"_bezlP","modal-footer--with-shadow":"_hC4vb","modal-footer--tab-mode":"_o1kk7"};
|
|
12726
12726
|
|
|
12727
12727
|
var updateButtonProps$1 = function updateButtonProps(button, newProps) {
|
|
12728
12728
|
if (!button) {
|
|
@@ -12782,7 +12782,7 @@ var FooterContainer = function FooterContainer(_ref2) {
|
|
|
12782
12782
|
displayName: 'Inline'
|
|
12783
12783
|
});
|
|
12784
12784
|
return React__default["default"].createElement("div", {
|
|
12785
|
-
className: classnames__default["default"](styles$
|
|
12785
|
+
className: classnames__default["default"](styles$1c['modal-footer'], (_classNames = {}, _classNames[styles$1c['modal-footer--with-shadow']] = hasScrollBottom, _classNames[styles$1c['modal-footer--tab-mode']] = hasTabList, _classNames)),
|
|
12786
12786
|
"data-testid": testId
|
|
12787
12787
|
}, React__default["default"].createElement(Inline, {
|
|
12788
12788
|
justifyContent: "end",
|
|
@@ -12795,7 +12795,7 @@ var dayOverridesStyles = {"root":"_et9Fs","table":"_l7Mis","caption":"_XGu8K","h
|
|
|
12795
12795
|
|
|
12796
12796
|
var weekOverridesStyles = {"root":"_QLSA6","table":"_96jgF","caption":"_4ySMr","head_cell":"_2AoB4","day_today":"_Snv-V","day_outside":"_Zf-6C","nav_button":"_iOY4h","day_range_middle":"_e0lOH","day_range_start":"_4N7l-","day_range_end":"_fMjHG","row":"_GqE-5"};
|
|
12797
12797
|
|
|
12798
|
-
var styles$
|
|
12798
|
+
var styles$1b = {"calendar":"_YPyZ6","calendar__overlay":"_-cw0A"};
|
|
12799
12799
|
|
|
12800
12800
|
function parseDate(str, format, locale) {
|
|
12801
12801
|
var parsed = dateFnsParse__default["default"](str, format, new Date(), {
|
|
@@ -12936,7 +12936,7 @@ var getHighlightModifiers = function getHighlightModifiers(groups) {
|
|
|
12936
12936
|
});
|
|
12937
12937
|
};
|
|
12938
12938
|
|
|
12939
|
-
var styles$
|
|
12939
|
+
var styles$1a = {"day_highlight":"_ucr9m","theme-success":"_mLAwT","theme-danger":"_Uji-g","theme-warning":"_pe9ss","theme-info":"_OfzGg","theme-upsell":"_Pywaj","theme-neutral":"_5WRkx","shape-circle":"_0LzN8","legendShape":"_N-Dl4","shape-circle-dashed":"_eCqCU","shape-square":"_-pO-1","shape-square-dashed":"_7PoYh","shape-octagon":"_ywc-V","shape-star":"_vF4Ka","legend":"_iB2Db","legendItem":"_YauE7","legendLabel":"_lMmc7"};
|
|
12940
12940
|
|
|
12941
12941
|
var calculateCalendarPosition = function calculateCalendarPosition(placement, anchorPosition, calendarDimensions) {
|
|
12942
12942
|
if (!calendarDimensions) {
|
|
@@ -13009,7 +13009,7 @@ var buildHighlightDayPickerProps = function buildHighlightDayPickerProps(highlig
|
|
|
13009
13009
|
shape = _ref.shape,
|
|
13010
13010
|
theme = _ref.theme;
|
|
13011
13011
|
modifiers[key] = matcher;
|
|
13012
|
-
modifiersClassNames[key] = classnames__default["default"](styles$
|
|
13012
|
+
modifiersClassNames[key] = classnames__default["default"](styles$1a.day_highlight, styles$1a["shape-" + shape], styles$1a["theme-" + theme]);
|
|
13013
13013
|
});
|
|
13014
13014
|
return {
|
|
13015
13015
|
modifiers: modifiers,
|
|
@@ -13018,7 +13018,7 @@ var buildHighlightDayPickerProps = function buildHighlightDayPickerProps(highlig
|
|
|
13018
13018
|
};
|
|
13019
13019
|
};
|
|
13020
13020
|
|
|
13021
|
-
var styles$
|
|
13021
|
+
var styles$19 = {"calendar-highlights":"_TjAon","calendar-highlights__item":"_BbYmq","calendar-highlights__shape":"_utSi-","calendar-highlights__shape--square":"_mP9vd","calendar-highlights__shape--circle":"_6zlZT"};
|
|
13022
13022
|
|
|
13023
13023
|
/** Legend rendered beneath a calendar, one row item per highlight group. */
|
|
13024
13024
|
var CalendarHighlights = function CalendarHighlights(_ref) {
|
|
@@ -13027,7 +13027,7 @@ var CalendarHighlights = function CalendarHighlights(_ref) {
|
|
|
13027
13027
|
return null;
|
|
13028
13028
|
}
|
|
13029
13029
|
return React__default["default"].createElement("div", {
|
|
13030
|
-
className: styles$
|
|
13030
|
+
className: styles$19['calendar-highlights']
|
|
13031
13031
|
}, React__default["default"].createElement(Inline, {
|
|
13032
13032
|
flexWrap: "wrap",
|
|
13033
13033
|
space: {
|
|
@@ -13042,7 +13042,7 @@ var CalendarHighlights = function CalendarHighlights(_ref) {
|
|
|
13042
13042
|
theme = _ref2.theme;
|
|
13043
13043
|
return React__default["default"].createElement("div", {
|
|
13044
13044
|
key: label,
|
|
13045
|
-
className: styles$
|
|
13045
|
+
className: styles$19['calendar-highlights__item']
|
|
13046
13046
|
}, React__default["default"].createElement(Shape, {
|
|
13047
13047
|
shape: shape,
|
|
13048
13048
|
theme: theme
|
|
@@ -13055,45 +13055,45 @@ var Shape = function Shape(_ref3) {
|
|
|
13055
13055
|
switch (shape) {
|
|
13056
13056
|
case 'square':
|
|
13057
13057
|
return React__default["default"].createElement("div", {
|
|
13058
|
-
className: classnames__default["default"](styles$
|
|
13058
|
+
className: classnames__default["default"](styles$19['calendar-highlights__shape'], styles$19['calendar-highlights__shape--square']),
|
|
13059
13059
|
style: {
|
|
13060
13060
|
borderColor: COLORS[theme + "-color"]
|
|
13061
13061
|
}
|
|
13062
13062
|
});
|
|
13063
13063
|
case 'square-dashed':
|
|
13064
13064
|
return React__default["default"].createElement("div", {
|
|
13065
|
-
className: styles$
|
|
13065
|
+
className: styles$19['calendar-highlights__shape']
|
|
13066
13066
|
}, React__default["default"].createElement(SquareDashedShape, {
|
|
13067
13067
|
theme: theme
|
|
13068
13068
|
}));
|
|
13069
13069
|
case 'circle':
|
|
13070
13070
|
return React__default["default"].createElement("div", {
|
|
13071
|
-
className: classnames__default["default"](styles$
|
|
13071
|
+
className: classnames__default["default"](styles$19['calendar-highlights__shape'], styles$19['calendar-highlights__shape--circle']),
|
|
13072
13072
|
style: {
|
|
13073
13073
|
borderColor: COLORS[theme + "-color"]
|
|
13074
13074
|
}
|
|
13075
13075
|
});
|
|
13076
13076
|
case 'circle-dashed':
|
|
13077
13077
|
return React__default["default"].createElement("div", {
|
|
13078
|
-
className: "" + styles$
|
|
13078
|
+
className: "" + styles$19['calendar-highlights__shape']
|
|
13079
13079
|
}, React__default["default"].createElement(CircleDashedShape, {
|
|
13080
13080
|
theme: theme
|
|
13081
13081
|
}));
|
|
13082
13082
|
case 'octagon':
|
|
13083
13083
|
return React__default["default"].createElement("div", {
|
|
13084
|
-
className: "" + styles$
|
|
13084
|
+
className: "" + styles$19['calendar-highlights__shape']
|
|
13085
13085
|
}, React__default["default"].createElement(OctagonShape, {
|
|
13086
13086
|
theme: theme
|
|
13087
13087
|
}));
|
|
13088
13088
|
case 'star':
|
|
13089
13089
|
return React__default["default"].createElement("div", {
|
|
13090
|
-
className: "" + styles$
|
|
13090
|
+
className: "" + styles$19['calendar-highlights__shape']
|
|
13091
13091
|
}, React__default["default"].createElement(StarShape, {
|
|
13092
13092
|
theme: theme
|
|
13093
13093
|
}));
|
|
13094
13094
|
default:
|
|
13095
13095
|
return React__default["default"].createElement("div", {
|
|
13096
|
-
className: styles$
|
|
13096
|
+
className: styles$19['calendar-highlight__shape']
|
|
13097
13097
|
}, shape);
|
|
13098
13098
|
}
|
|
13099
13099
|
};
|
|
@@ -13324,9 +13324,9 @@ var Calendar = function Calendar(_ref) {
|
|
|
13324
13324
|
}
|
|
13325
13325
|
};
|
|
13326
13326
|
return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
|
|
13327
|
-
className: styles$
|
|
13327
|
+
className: styles$1b['calendar']
|
|
13328
13328
|
}, React__default["default"].createElement("div", {
|
|
13329
|
-
className: styles$
|
|
13329
|
+
className: styles$1b['calendar__overlay'],
|
|
13330
13330
|
ref: function ref(_ref2) {
|
|
13331
13331
|
return setCalendarRef(_ref2);
|
|
13332
13332
|
},
|
|
@@ -13390,7 +13390,7 @@ var useCheckBoxFieldControllers = function useCheckBoxFieldControllers(_ref) {
|
|
|
13390
13390
|
return controllers;
|
|
13391
13391
|
};
|
|
13392
13392
|
|
|
13393
|
-
var styles$
|
|
13393
|
+
var styles$18 = {"check-box-field":"_Id4qm","check-box-field__caption":"_s9d-m","check-box-field__custom-input":"_kmvBP"};
|
|
13394
13394
|
|
|
13395
13395
|
var _excluded$bj = ["name", "id", "checked", "indeterminate", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
|
|
13396
13396
|
/** A simple check box with an option beside it. Allows the user to confirm a statement or enable an option with a simple boolean action. Use for things like agreeing to terms, or enabling one or more options in a list (where multiple selections are allowed). */
|
|
@@ -13424,7 +13424,7 @@ var CheckboxField = function CheckboxField(_ref) {
|
|
|
13424
13424
|
flexItems: true,
|
|
13425
13425
|
flex: ['0 0 auto']
|
|
13426
13426
|
}, otherProps), React__default["default"].createElement("div", {
|
|
13427
|
-
className: styles$
|
|
13427
|
+
className: styles$18['check-box-field']
|
|
13428
13428
|
}, React__default["default"].createElement("input", {
|
|
13429
13429
|
name: name,
|
|
13430
13430
|
id: controllers.id,
|
|
@@ -13438,12 +13438,12 @@ var CheckboxField = function CheckboxField(_ref) {
|
|
|
13438
13438
|
onChange: controllers.onChange,
|
|
13439
13439
|
onBlur: controllers.onBlur
|
|
13440
13440
|
}), React__default["default"].createElement("span", {
|
|
13441
|
-
className: styles$
|
|
13441
|
+
className: styles$18['check-box-field__custom-input']
|
|
13442
13442
|
})), label && React__default["default"].createElement(Label, {
|
|
13443
13443
|
htmlFor: controllers.id,
|
|
13444
13444
|
truncate: false
|
|
13445
13445
|
}, label)), caption && React__default["default"].createElement("div", {
|
|
13446
|
-
className: styles$
|
|
13446
|
+
className: styles$18['check-box-field__caption']
|
|
13447
13447
|
}, React__default["default"].createElement(Caption, {
|
|
13448
13448
|
fieldId: controllers.id
|
|
13449
13449
|
}, caption)), controllers.error && React__default["default"].createElement(ErrorMessage, {
|
|
@@ -13483,7 +13483,7 @@ var useLocalStorage = function useLocalStorage(key, initialValue) {
|
|
|
13483
13483
|
return [storedValue, setValue];
|
|
13484
13484
|
};
|
|
13485
13485
|
|
|
13486
|
-
var styles$
|
|
13486
|
+
var styles$17 = {"hint-modal":"_NwD6V","hint-modal--after-open":"_4ofZb","hint-modal--before-close":"_hGoMD","hint-modal__overlay":"_iK5zl","hint-modal__image":"_V9hLa","hint-modal__body":"_oOqUg","hint-modal__close-button":"_5zcBK"};
|
|
13487
13487
|
|
|
13488
13488
|
var _excluded$bi = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId", "onSetDoNotShowAgainStatus", "hideDoNotShowAgainCheckbox"];
|
|
13489
13489
|
/**
|
|
@@ -13558,22 +13558,22 @@ var HintModal = function HintModal(_ref) {
|
|
|
13558
13558
|
closeTimeoutMS: 200,
|
|
13559
13559
|
contentLabel: "Modal",
|
|
13560
13560
|
className: {
|
|
13561
|
-
base: styles$
|
|
13562
|
-
afterOpen: styles$
|
|
13563
|
-
beforeClose: styles$
|
|
13561
|
+
base: styles$17['hint-modal'],
|
|
13562
|
+
afterOpen: styles$17['hint-modal--after-open'],
|
|
13563
|
+
beforeClose: styles$17['hint-modal--before-close']
|
|
13564
13564
|
},
|
|
13565
|
-
overlayClassName: styles$
|
|
13565
|
+
overlayClassName: styles$17['hint-modal__overlay']
|
|
13566
13566
|
}, React__default["default"].createElement("div", {
|
|
13567
|
-
className: styles$
|
|
13567
|
+
className: styles$17['hint-modal__close-button']
|
|
13568
13568
|
}, React__default["default"].createElement(Button, {
|
|
13569
13569
|
theme: "link-icon",
|
|
13570
13570
|
onClick: handleOnClose
|
|
13571
13571
|
}, React__default["default"].createElement(IconTimes, null))), mediaUrl && React__default["default"].createElement("img", {
|
|
13572
|
-
className: styles$
|
|
13572
|
+
className: styles$17['hint-modal__image'],
|
|
13573
13573
|
src: mediaUrl,
|
|
13574
13574
|
alt: String(header)
|
|
13575
13575
|
}), React__default["default"].createElement("div", {
|
|
13576
|
-
className: styles$
|
|
13576
|
+
className: styles$17['hint-modal__body']
|
|
13577
13577
|
}, React__default["default"].createElement(Stack, {
|
|
13578
13578
|
justifyContent: "space-between"
|
|
13579
13579
|
}, React__default["default"].createElement(Stack, {
|
|
@@ -13638,29 +13638,51 @@ var useModalPosition = function useModalPosition(modalWidth, modalHeight) {
|
|
|
13638
13638
|
return [position, updatePosition];
|
|
13639
13639
|
};
|
|
13640
13640
|
|
|
13641
|
-
var
|
|
13641
|
+
var AvatarContext = React.createContext({
|
|
13642
|
+
size: null
|
|
13643
|
+
});
|
|
13644
|
+
var useAvatarContext = function useAvatarContext() {
|
|
13645
|
+
return React.useContext(AvatarContext);
|
|
13646
|
+
};
|
|
13647
|
+
|
|
13648
|
+
var _excluded$bh = ["children", "theme", "title", "size", "testId"];
|
|
13642
13649
|
var BadgeElement = function BadgeElement(_ref, forwardedRef) {
|
|
13643
13650
|
var _classnames;
|
|
13644
13651
|
var children = _ref.children,
|
|
13645
13652
|
theme = _ref.theme,
|
|
13646
13653
|
title = _ref.title,
|
|
13654
|
+
_ref$size = _ref.size,
|
|
13655
|
+
sizeProp = _ref$size === void 0 ? 'default' : _ref$size,
|
|
13647
13656
|
testId = _ref.testId,
|
|
13648
13657
|
otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bh);
|
|
13649
13658
|
var internalRef = React.useRef(null);
|
|
13650
13659
|
var ref = forwardedRef || internalRef;
|
|
13660
|
+
var _useAvatarContext = useAvatarContext(),
|
|
13661
|
+
avatarSize = _useAvatarContext.size;
|
|
13662
|
+
var isInsideSmallAvatar = avatarSize === 'small' || avatarSize === 'medium';
|
|
13663
|
+
var size = isInsideSmallAvatar ? 'dot' : sizeProp;
|
|
13664
|
+
var withBorder = avatarSize !== null;
|
|
13665
|
+
var isDot = size === 'dot';
|
|
13651
13666
|
React.useLayoutEffect(function () {
|
|
13652
|
-
if (typeof ref
|
|
13653
|
-
|
|
13667
|
+
if (typeof ref === 'function' || !ref.current) return;
|
|
13668
|
+
if (!isDot && React__default["default"].isValidElement(children) && typeof (children == null ? void 0 : children.type) !== 'string' && typeof (children == null ? void 0 : children.type) !== 'number') {
|
|
13669
|
+
ref.current.style.padding = '0';
|
|
13670
|
+
ref.current.style.width = ref.current.offsetHeight + 'px';
|
|
13671
|
+
} else if (isDot) {
|
|
13672
|
+
ref.current.style.padding = '';
|
|
13673
|
+
ref.current.style.width = '';
|
|
13654
13674
|
}
|
|
13655
13675
|
});
|
|
13656
13676
|
return React__default["default"].createElement(Tooltip, {
|
|
13657
13677
|
overlay: title,
|
|
13658
13678
|
ref: ref
|
|
13659
13679
|
}, React__default["default"].createElement("div", _extends({
|
|
13660
|
-
className: classnames__default["default"](styles$
|
|
13680
|
+
className: classnames__default["default"](styles$1h['badge'], (_classnames = {}, _classnames[styles$1h['badge--success']] = theme === 'success', _classnames[styles$1h['badge--danger']] = theme === 'danger', _classnames[styles$1h['badge--info']] = theme === 'info', _classnames[styles$1h['badge--warning']] = theme === 'warning', _classnames[styles$1h['badge--numeric']] = !isDot && Number.isFinite(children), _classnames[styles$1h['badge--dot']] = isDot, _classnames[styles$1h['badge--with-border']] = withBorder, _classnames)),
|
|
13661
13681
|
ref: ref,
|
|
13662
13682
|
"data-testid": testId
|
|
13663
|
-
}, otherProps), children)
|
|
13683
|
+
}, otherProps), isDot ? null : React__default["default"].isValidElement(children) && typeof children.type !== 'string' && typeof children.type !== 'number' ? React__default["default"].cloneElement(children, {
|
|
13684
|
+
size: 'small'
|
|
13685
|
+
}) : children));
|
|
13664
13686
|
};
|
|
13665
13687
|
/**
|
|
13666
13688
|
* Badge is a small circular indicator used to draw attention to something associated with another element — a count, a status, or a quick action.
|
|
@@ -13671,23 +13693,23 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
13671
13693
|
var _classNames, _classNames2;
|
|
13672
13694
|
var menu = _ref.menu;
|
|
13673
13695
|
return React__default["default"].createElement("li", {
|
|
13674
|
-
className: classnames__default["default"](styles$
|
|
13696
|
+
className: classnames__default["default"](styles$1i['menu-item'], (_classNames = {}, _classNames[styles$1i['menu-item--with-badge']] = !!menu.suffix, _classNames))
|
|
13675
13697
|
}, menu.reloadDocument ? React__default["default"].createElement("a", {
|
|
13676
13698
|
href: menu.to,
|
|
13677
|
-
className: classnames__default["default"]((_classNames2 = {}, _classNames2[styles$
|
|
13699
|
+
className: classnames__default["default"]((_classNames2 = {}, _classNames2[styles$1i['menu-item--active']] = menu.isActive, _classNames2))
|
|
13678
13700
|
}, menu.label, !!menu.suffix && React__default["default"].createElement("div", {
|
|
13679
|
-
className: styles$
|
|
13701
|
+
className: styles$1i['menu-item__badge']
|
|
13680
13702
|
}, React__default["default"].createElement(Badge, null, menu.suffix))) : React__default["default"].createElement(reactRouterDom.NavLink, {
|
|
13681
13703
|
to: menu.to,
|
|
13682
13704
|
// @ts-expect-error This is only available on v5
|
|
13683
|
-
activeClassName: styles$
|
|
13705
|
+
activeClassName: styles$1i['menu-item--active'],
|
|
13684
13706
|
className: function className(_ref2) {
|
|
13685
13707
|
var isActive = _ref2.isActive;
|
|
13686
|
-
return isActive ? styles$
|
|
13708
|
+
return isActive ? styles$1i['menu-item--active'] : '';
|
|
13687
13709
|
},
|
|
13688
13710
|
exact: true
|
|
13689
13711
|
}, menu.label, !!menu.suffix && React__default["default"].createElement("div", {
|
|
13690
|
-
className: styles$
|
|
13712
|
+
className: styles$1i['menu-item__badge']
|
|
13691
13713
|
}, React__default["default"].createElement(Badge, null, menu.suffix))));
|
|
13692
13714
|
};
|
|
13693
13715
|
|
|
@@ -13697,9 +13719,9 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
13697
13719
|
menu = _ref.menu,
|
|
13698
13720
|
sideNavContent = _ref.sideNavContent;
|
|
13699
13721
|
return React__default["default"].createElement("div", {
|
|
13700
|
-
className: styles$
|
|
13722
|
+
className: styles$1j['page-layout']
|
|
13701
13723
|
}, React__default["default"].createElement("div", {
|
|
13702
|
-
className: styles$
|
|
13724
|
+
className: styles$1j['page-layout__nav-container']
|
|
13703
13725
|
}, React__default["default"].createElement(Stack, {
|
|
13704
13726
|
space: 12
|
|
13705
13727
|
}, React__default["default"].createElement(Text, {
|
|
@@ -13708,7 +13730,7 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
13708
13730
|
ml: 20,
|
|
13709
13731
|
mr: 35
|
|
13710
13732
|
}, title), React__default["default"].createElement("ul", {
|
|
13711
|
-
className: styles$
|
|
13733
|
+
className: styles$1j['page-layout__nav-list']
|
|
13712
13734
|
}, menu.filter(function (menu) {
|
|
13713
13735
|
return !('isVisible' in menu) || (menu == null ? void 0 : menu.isVisible) === true;
|
|
13714
13736
|
}).map(function (menuItem, index) {
|
|
@@ -13717,9 +13739,9 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
13717
13739
|
menu: menuItem
|
|
13718
13740
|
});
|
|
13719
13741
|
})), sideNavContent && React__default["default"].createElement("div", {
|
|
13720
|
-
className: styles$
|
|
13742
|
+
className: styles$1j['page-layout__side-nav-content']
|
|
13721
13743
|
}, sideNavContent))), React__default["default"].createElement("div", {
|
|
13722
|
-
className: styles$
|
|
13744
|
+
className: styles$1j['page-layout__content']
|
|
13723
13745
|
}, children));
|
|
13724
13746
|
};
|
|
13725
13747
|
|
|
@@ -13729,7 +13751,7 @@ var TOAST_THEME = {
|
|
|
13729
13751
|
};
|
|
13730
13752
|
var TOAST_CONTAINER_ID = 'sous-chef-toast';
|
|
13731
13753
|
|
|
13732
|
-
var styles$
|
|
13754
|
+
var styles$16 = {"toast":"_iSC5P","toast--danger":"_OWpOG","toast__text":"_4JJwF"};
|
|
13733
13755
|
|
|
13734
13756
|
var toast = function toast(text, theme, options) {
|
|
13735
13757
|
var _classNames;
|
|
@@ -13752,7 +13774,7 @@ var toast = function toast(text, theme, options) {
|
|
|
13752
13774
|
onActionClick: onActionClick
|
|
13753
13775
|
}) : text;
|
|
13754
13776
|
reactToastify.toast(content, _extends({
|
|
13755
|
-
className: classnames__default["default"](styles$
|
|
13777
|
+
className: classnames__default["default"](styles$16['toast'], (_classNames = {}, _classNames[styles$16['toast--danger']] = theme === TOAST_THEME.DANGER, _classNames)),
|
|
13756
13778
|
containerId: TOAST_CONTAINER_ID
|
|
13757
13779
|
}, options));
|
|
13758
13780
|
};
|
|
@@ -13780,7 +13802,7 @@ var ToastContainer = function ToastContainer(_ref3) {
|
|
|
13780
13802
|
var _ref3$containerId = _ref3.containerId,
|
|
13781
13803
|
containerId = _ref3$containerId === void 0 ? TOAST_CONTAINER_ID : _ref3$containerId;
|
|
13782
13804
|
return React__default["default"].createElement(reactToastify.ToastContainer, {
|
|
13783
|
-
bodyClassName: styles$
|
|
13805
|
+
bodyClassName: styles$16['toast__text'],
|
|
13784
13806
|
hideProgressBar: true,
|
|
13785
13807
|
draggable: false,
|
|
13786
13808
|
transition: reactToastify.Slide,
|
|
@@ -13860,7 +13882,7 @@ var SousChefProvider = function SousChefProvider(_ref) {
|
|
|
13860
13882
|
}, React__default["default"].createElement(ToastContainer, null), children));
|
|
13861
13883
|
};
|
|
13862
13884
|
|
|
13863
|
-
var styles$
|
|
13885
|
+
var styles$15 = {"data-table-header":"_F4U3o","data-table-header__item":"_KKljd","data-table-header__item--sortable":"_oKH7a","data-table-header__itemfocus":"_xrDya","data-table-header__item--action":"_RLGaD","data-table-header__item-content":"_3p3fm","data-table-header__item-content--right-align":"_rXid3","data-table-header__item-content--has-description":"_vgjHE","data-table-header__sort-icon":"_-xiIl"};
|
|
13864
13886
|
|
|
13865
13887
|
var SORT_ORDER = {
|
|
13866
13888
|
ASC: 'asc',
|
|
@@ -14053,7 +14075,7 @@ var DataTableHeader = function DataTableHeader(_ref) {
|
|
|
14053
14075
|
},
|
|
14054
14076
|
id: tableId + "-header"
|
|
14055
14077
|
}, React__default["default"].createElement("tr", {
|
|
14056
|
-
className: styles$
|
|
14078
|
+
className: styles$15['data-table-header']
|
|
14057
14079
|
}, columns.filter(function (column) {
|
|
14058
14080
|
return !column.hidden;
|
|
14059
14081
|
}).map(function (column) {
|
|
@@ -14063,7 +14085,7 @@ var DataTableHeader = function DataTableHeader(_ref) {
|
|
|
14063
14085
|
var isRightAligned = column.isRightAligned;
|
|
14064
14086
|
var hasDescription = !!column.description;
|
|
14065
14087
|
return React__default["default"].createElement("th", {
|
|
14066
|
-
className: classnames__default["default"]((_classnames = {}, _classnames[styles$
|
|
14088
|
+
className: classnames__default["default"]((_classnames = {}, _classnames[styles$15['data-table-header__item']] = true, _classnames[styles$15['data-table-header__item--sortable']] = isSortable, _classnames)),
|
|
14067
14089
|
style: {
|
|
14068
14090
|
flex: column.size || 1,
|
|
14069
14091
|
backgroundColor: backgroundColor
|
|
@@ -14078,14 +14100,14 @@ var DataTableHeader = function DataTableHeader(_ref) {
|
|
|
14078
14100
|
role: "columnheader",
|
|
14079
14101
|
tabIndex: 0
|
|
14080
14102
|
}, React__default["default"].createElement("div", {
|
|
14081
|
-
className: classnames__default["default"](styles$
|
|
14103
|
+
className: classnames__default["default"](styles$15['data-table-header__item-content'], (_classnames2 = {}, _classnames2[styles$15['data-table-header__item-content--right-align']] = isRightAligned, _classnames2), (_classnames3 = {}, _classnames3[styles$15['data-table-header__item-content--has-description']] = hasDescription, _classnames3))
|
|
14082
14104
|
}, wrapWithTooltip(column), isSortable && React__default["default"].createElement("span", {
|
|
14083
|
-
className: styles$
|
|
14105
|
+
className: styles$15['data-table-header__sort-icon']
|
|
14084
14106
|
}, React__default["default"].createElement(HeaderSortIcon, {
|
|
14085
14107
|
sortDirection: sortDir
|
|
14086
14108
|
}))));
|
|
14087
14109
|
}), showActionMenu && React__default["default"].createElement("th", {
|
|
14088
|
-
className: classnames__default["default"](styles$
|
|
14110
|
+
className: classnames__default["default"](styles$15['data-table-header__item'], styles$15['data-table-header__item--action'])
|
|
14089
14111
|
}))));
|
|
14090
14112
|
};
|
|
14091
14113
|
var wrapWithTooltip = function wrapWithTooltip(column) {
|
|
@@ -14099,9 +14121,9 @@ var wrapWithTooltip = function wrapWithTooltip(column) {
|
|
|
14099
14121
|
return column.label;
|
|
14100
14122
|
};
|
|
14101
14123
|
|
|
14102
|
-
var styles$
|
|
14124
|
+
var styles$14 = {"data-table":"_zEfoA","data-table__content":"_v-WNu","data-table__content--with-scroll":"_xI2-r","data-table__background-loading":"_ED7Nm","data-table__table":"_fnq34","data-table__table--no-columns":"_qSrJq","data-table__body":"_1SNLz","data-table__body--no-bottom-radius":"_zCIMD","data-table__footer":"_mp1Ok","data-table__pagination-controls":"_vdEZz"};
|
|
14103
14125
|
|
|
14104
|
-
var styles$
|
|
14126
|
+
var styles$13 = {"data-table-scroll-fake-border":"_wZ8Xg","data-table-scroll-fake-border--fixed-scroll":"_C5CU0","data-table-scroll-fake-border--top":"_L5fRB","data-table-scroll-fake-border--bottom":"_omhE4","data-table-scroll-fake-border__left":"_mpDFy","data-table-scroll-fake-border__left--top":"_G3b-p","data-table-scroll-fake-border__left--bottom":"_YUMxZ","data-table-scroll-fake-border__right":"_xUVcY","data-table-scroll-fake-border__right--top":"_BE0hn","data-table-scroll-fake-border__right--bottom":"_UtFdB"};
|
|
14105
14127
|
|
|
14106
14128
|
var useTableHeaderHeight = function useTableHeaderHeight(isShowingColumns) {
|
|
14107
14129
|
var _useDataTableContext = useDataTableContext(),
|
|
@@ -14156,16 +14178,16 @@ var DataTableScrollFakeBorder = function DataTableScrollFakeBorder(_ref) {
|
|
|
14156
14178
|
var hasFixedScroll = useDetectFixedScroll();
|
|
14157
14179
|
var backgroundColor = useBackgroundColor();
|
|
14158
14180
|
return React__default["default"].createElement("div", {
|
|
14159
|
-
className: classnames__default["default"](styles$
|
|
14181
|
+
className: classnames__default["default"](styles$13['data-table-scroll-fake-border'], (_classNames = {}, _classNames[styles$13['data-table-scroll-fake-border--top']] = placement === 'top', _classNames[styles$13['data-table-scroll-fake-border--bottom']] = placement === 'bottom', _classNames[styles$13['data-table-scroll-fake-border--fixed-scroll']] = hasFixedScroll, _classNames)),
|
|
14160
14182
|
style: {
|
|
14161
14183
|
// @ts-expect-error This difines a custom CSS variable
|
|
14162
14184
|
'--corner-background-color': backgroundColor,
|
|
14163
14185
|
top: placement === 'top' ? headerHeight : undefined
|
|
14164
14186
|
}
|
|
14165
14187
|
}, React__default["default"].createElement("div", {
|
|
14166
|
-
className: classnames__default["default"](styles$
|
|
14188
|
+
className: classnames__default["default"](styles$13['data-table-scroll-fake-border__left'], (_classNames2 = {}, _classNames2[styles$13['data-table-scroll-fake-border__left--top']] = placement === 'top', _classNames2[styles$13['data-table-scroll-fake-border__left--bottom']] = placement === 'bottom', _classNames2))
|
|
14167
14189
|
}), React__default["default"].createElement("div", {
|
|
14168
|
-
className: classnames__default["default"](styles$
|
|
14190
|
+
className: classnames__default["default"](styles$13['data-table-scroll-fake-border__right'], (_classNames3 = {}, _classNames3[styles$13['data-table-scroll-fake-border__right--top']] = placement === 'top', _classNames3[styles$13['data-table-scroll-fake-border__right--bottom']] = placement === 'bottom', _classNames3)),
|
|
14169
14191
|
"data-background-color": "red"
|
|
14170
14192
|
}));
|
|
14171
14193
|
};
|
|
@@ -14182,7 +14204,7 @@ var BUTTON_THEME = {
|
|
|
14182
14204
|
UPSELL: 'upsell'
|
|
14183
14205
|
};
|
|
14184
14206
|
|
|
14185
|
-
var styles$
|
|
14207
|
+
var styles$12 = {"banner":"_omAUf","banner__title":"_8xIYW","banner__body":"_oA2J6","banner__body--multilineCTA":"_PLG8Z","banner--info":"_CRmFE","banner__icon":"_T80if","banner__icon--multiline":"_uJl2Y","banner--success":"_PgpTw","banner--danger":"_O-lNW","banner--warning":"_fICdJ","banner--upsell":"_kUB2k","banner__close":"_P6nbA","banner--single-line":"_w-zAz"};
|
|
14186
14208
|
|
|
14187
14209
|
/** Infers theme prop for Sous Chef Button CTAs if not explicitly passed, default is hollow, primaryCTA is Upsell if banner theme is Upsell*/
|
|
14188
14210
|
var ButtonCTA$1 = function ButtonCTA(_ref) {
|
|
@@ -14203,7 +14225,7 @@ var ButtonCTA$1 = function ButtonCTA(_ref) {
|
|
|
14203
14225
|
}, button.props));
|
|
14204
14226
|
};
|
|
14205
14227
|
|
|
14206
|
-
var styles$
|
|
14228
|
+
var styles$11 = {"banner__caption":"_S--Ce"};
|
|
14207
14229
|
|
|
14208
14230
|
var InlineBannerCTA = function InlineBannerCTA(_ref) {
|
|
14209
14231
|
var primaryButton = _ref.primaryButton,
|
|
@@ -14234,7 +14256,7 @@ var InlineBannerCTA = function InlineBannerCTA(_ref) {
|
|
|
14234
14256
|
bannerTheme: bannerTheme,
|
|
14235
14257
|
primaryCTA: true
|
|
14236
14258
|
})), caption && multiLine && React__default["default"].createElement("div", {
|
|
14237
|
-
className: styles$
|
|
14259
|
+
className: styles$11['banner__caption']
|
|
14238
14260
|
}, caption));
|
|
14239
14261
|
};
|
|
14240
14262
|
|
|
@@ -14287,13 +14309,13 @@ var InlineBanner = function InlineBanner(_ref) {
|
|
|
14287
14309
|
var Layout = multiLine ? Stack : Inline;
|
|
14288
14310
|
return React__default["default"].createElement("div", {
|
|
14289
14311
|
"data-testid": testId,
|
|
14290
|
-
className: classnames__default["default"](styles$
|
|
14312
|
+
className: classnames__default["default"](styles$12['banner'], (_classnames = {}, _classnames[styles$12['banner--info']] = theme === BANNER_THEME.INFO, _classnames[styles$12['banner--warning']] = theme === BANNER_THEME.WARNING, _classnames[styles$12['banner--success']] = theme === BANNER_THEME.SUCCESS, _classnames[styles$12['banner--danger']] = theme === BANNER_THEME.DANGER, _classnames[styles$12['banner--upsell']] = theme === BANNER_THEME.UPSELL, _classnames[styles$12['banner--single-line']] = !multiLine, _classnames)),
|
|
14291
14313
|
style: positionStyles
|
|
14292
14314
|
}, React__default["default"].createElement(Inline, {
|
|
14293
14315
|
flex: ['0 1 auto', 1],
|
|
14294
14316
|
space: 12
|
|
14295
14317
|
}, React__default["default"].createElement("div", {
|
|
14296
|
-
className: classnames__default["default"](styles$
|
|
14318
|
+
className: classnames__default["default"](styles$12['banner__icon'], (_classnames2 = {}, _classnames2[styles$12['banner__icon--multiline']] = multiLine, _classnames2))
|
|
14297
14319
|
}, icon != null ? icon : React__default["default"].createElement(InlineBannerIcon, {
|
|
14298
14320
|
theme: theme
|
|
14299
14321
|
})), React__default["default"].createElement(Layout, {
|
|
@@ -14303,9 +14325,9 @@ var InlineBanner = function InlineBanner(_ref) {
|
|
|
14303
14325
|
flex: ['min-content'],
|
|
14304
14326
|
flexWrap: multiLine ? undefined : 'wrap'
|
|
14305
14327
|
}, title && React__default["default"].createElement("div", {
|
|
14306
|
-
className: styles$
|
|
14328
|
+
className: styles$12['banner__title']
|
|
14307
14329
|
}, title), React__default["default"].createElement("div", {
|
|
14308
|
-
className: classnames__default["default"](styles$
|
|
14330
|
+
className: classnames__default["default"](styles$12['banner__body'], (_classnames3 = {}, _classnames3[styles$12['banner__body--multilineCTA']] = primaryButton && multiLine, _classnames3))
|
|
14309
14331
|
}, children), primaryButton && React__default["default"].createElement(InlineBannerCTA, {
|
|
14310
14332
|
primaryButton: primaryButton,
|
|
14311
14333
|
secondaryButton: secondaryButton,
|
|
@@ -14313,7 +14335,7 @@ var InlineBanner = function InlineBanner(_ref) {
|
|
|
14313
14335
|
multiLine: multiLine,
|
|
14314
14336
|
bannerTheme: theme
|
|
14315
14337
|
})), dismissable && React__default["default"].createElement("div", {
|
|
14316
|
-
className: styles$
|
|
14338
|
+
className: styles$12['banner__close']
|
|
14317
14339
|
}, React__default["default"].createElement(Button, {
|
|
14318
14340
|
theme: "link-icon",
|
|
14319
14341
|
type: "button",
|
|
@@ -14329,7 +14351,7 @@ var MICRO_BANNER_THEME = {
|
|
|
14329
14351
|
UPSELL: 'upsell'
|
|
14330
14352
|
};
|
|
14331
14353
|
|
|
14332
|
-
var styles$
|
|
14354
|
+
var styles$10 = {"micro-banner":"_fRjhT","micro-banner__icon":"_UZMd0","micro-banner__content":"_mJAeX","micro-banner__content--no-icon":"_ZFsBE","micro-banner__content--no-button":"_UN43A","micro-banner__button":"_bTamw","micro-banner--info":"_ULD-f","micro-banner--success":"_5MitA","micro-banner--danger":"_8wmuB","micro-banner--warning":"_515OI","micro-banner--upsell":"_EfwcL"};
|
|
14333
14355
|
|
|
14334
14356
|
var MicroBannerIcon = function MicroBannerIcon(_ref) {
|
|
14335
14357
|
var theme = _ref.theme;
|
|
@@ -14393,14 +14415,14 @@ var MicroBanner = function MicroBanner(_ref) {
|
|
|
14393
14415
|
otherProps = _getPositionProps.otherProps;
|
|
14394
14416
|
var _getDataProps = getDataProps(otherProps),
|
|
14395
14417
|
dataProps = _getDataProps.dataProps;
|
|
14396
|
-
var themeClass = styles$
|
|
14397
|
-
var contentClass = classnames__default["default"](styles$
|
|
14418
|
+
var themeClass = styles$10["micro-banner--" + theme];
|
|
14419
|
+
var contentClass = classnames__default["default"](styles$10['micro-banner__content'], hideIcon && styles$10['micro-banner__content--no-icon'], !primaryButton && styles$10['micro-banner__content--no-button']);
|
|
14398
14420
|
return React__default["default"].createElement("div", _extends({
|
|
14399
14421
|
"data-testid": testId,
|
|
14400
|
-
className: classnames__default["default"](styles$
|
|
14422
|
+
className: classnames__default["default"](styles$10['micro-banner'], themeClass),
|
|
14401
14423
|
style: positionProps
|
|
14402
14424
|
}, dataProps), !hideIcon && React__default["default"].createElement("div", {
|
|
14403
|
-
className: styles$
|
|
14425
|
+
className: styles$10['micro-banner__icon'],
|
|
14404
14426
|
"data-testid": (testId || 'micro-banner') + "-icon"
|
|
14405
14427
|
}, icon != null ? icon : React__default["default"].createElement(MicroBannerIcon, {
|
|
14406
14428
|
theme: theme
|
|
@@ -14411,7 +14433,7 @@ var MicroBanner = function MicroBanner(_ref) {
|
|
|
14411
14433
|
}, title), React__default["default"].createElement(Text, {
|
|
14412
14434
|
as: 'caption'
|
|
14413
14435
|
}, children)), primaryButton && React__default["default"].createElement("div", {
|
|
14414
|
-
className: styles$
|
|
14436
|
+
className: styles$10['micro-banner__button']
|
|
14415
14437
|
}, React__default["default"].createElement(ButtonCTA, {
|
|
14416
14438
|
button: primaryButton,
|
|
14417
14439
|
bannerTheme: theme
|
|
@@ -14426,7 +14448,7 @@ var PERSISTENT_BANNER_THEME = {
|
|
|
14426
14448
|
SUCCESS: 'success'
|
|
14427
14449
|
};
|
|
14428
14450
|
|
|
14429
|
-
var styles
|
|
14451
|
+
var styles$$ = {"persistent-banner":"_FsCJQ","persistent-banner--info":"_zt-xK","persistent-banner--danger":"_rmUys","persistent-banner--upsell":"_UGrRR","persistent-banner--warning":"_9eFhn","persistent-banner--success":"_hU34n"};
|
|
14430
14452
|
|
|
14431
14453
|
/**
|
|
14432
14454
|
* PersistentBanner displays a full-width message above the main navigation.
|
|
@@ -14461,7 +14483,7 @@ var PersistentBanner = function PersistentBanner(_ref) {
|
|
|
14461
14483
|
}, secondaryButton.props))));
|
|
14462
14484
|
};
|
|
14463
14485
|
return React__default["default"].createElement("div", {
|
|
14464
|
-
className: classnames__default["default"](styles
|
|
14486
|
+
className: classnames__default["default"](styles$$['persistent-banner'], (_classNames = {}, _classNames[styles$$['persistent-banner--info']] = theme === PERSISTENT_BANNER_THEME.INFO, _classNames[styles$$['persistent-banner--danger']] = theme === PERSISTENT_BANNER_THEME.DANGER, _classNames[styles$$['persistent-banner--upsell']] = theme === PERSISTENT_BANNER_THEME.UPSELL, _classNames[styles$$['persistent-banner--warning']] = theme === PERSISTENT_BANNER_THEME.WARNING, _classNames[styles$$['persistent-banner--success']] = theme === PERSISTENT_BANNER_THEME.SUCCESS, _classNames)),
|
|
14465
14487
|
"data-testid": testId
|
|
14466
14488
|
}, onDismiss ? React__default["default"].createElement(Inline, {
|
|
14467
14489
|
flex: [1],
|
|
@@ -14528,7 +14550,7 @@ var useProgress = function useProgress(progress, maxValue, getMetric) {
|
|
|
14528
14550
|
};
|
|
14529
14551
|
};
|
|
14530
14552
|
|
|
14531
|
-
var styles
|
|
14553
|
+
var styles$_ = {"circular-progress":"_UI0Fo","circular-progress__label":"_6PNwZ","circular-progress__track":"_alBLB","circular-progress__indicator":"_VADa6"};
|
|
14532
14554
|
|
|
14533
14555
|
/**
|
|
14534
14556
|
* CircularProgress displays a circular track that fills as a count advances toward a total.
|
|
@@ -14544,7 +14566,7 @@ var CircularProgress = function CircularProgress(_ref) {
|
|
|
14544
14566
|
metric = _useProgress.metric;
|
|
14545
14567
|
var determinant = metric.percentage * 2.79;
|
|
14546
14568
|
return React__default["default"].createElement("div", _extends({}, elementProps, {
|
|
14547
|
-
className: styles
|
|
14569
|
+
className: styles$_['circular-progress'],
|
|
14548
14570
|
"data-testid": testId
|
|
14549
14571
|
}), React__default["default"].createElement("svg", {
|
|
14550
14572
|
viewBox: "0 0 100 100"
|
|
@@ -14553,21 +14575,21 @@ var CircularProgress = function CircularProgress(_ref) {
|
|
|
14553
14575
|
cy: 50,
|
|
14554
14576
|
r: 45,
|
|
14555
14577
|
strokeWidth: "10px",
|
|
14556
|
-
className: styles
|
|
14578
|
+
className: styles$_['circular-progress__track']
|
|
14557
14579
|
}), React__default["default"].createElement("circle", {
|
|
14558
14580
|
cx: 50,
|
|
14559
14581
|
cy: 50,
|
|
14560
14582
|
r: 45,
|
|
14561
14583
|
strokeWidth: "10px",
|
|
14562
|
-
className: styles
|
|
14584
|
+
className: styles$_['circular-progress__indicator'],
|
|
14563
14585
|
strokeDashoffset: "66",
|
|
14564
14586
|
strokeDasharray: determinant + " " + (279 - determinant)
|
|
14565
14587
|
})), React__default["default"].createElement("div", {
|
|
14566
|
-
className: styles
|
|
14588
|
+
className: styles$_['circular-progress__label']
|
|
14567
14589
|
}, children || metric.progress + "/" + metric.maxValue));
|
|
14568
14590
|
};
|
|
14569
14591
|
|
|
14570
|
-
var styles$
|
|
14592
|
+
var styles$Z = {"progress-bar":"_fWvQF","progress-bar__indicator":"_vd0xc","progress-bar__indicator--complete":"_D9yNp","progress-bar__steps":"_8kdeO"};
|
|
14571
14593
|
|
|
14572
14594
|
/**
|
|
14573
14595
|
* ProgressBar shows a horizontal bar that fills as a task advances.
|
|
@@ -14584,15 +14606,15 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
14584
14606
|
elementProps = _useProgress.elementProps,
|
|
14585
14607
|
metric = _useProgress.metric;
|
|
14586
14608
|
return React__default["default"].createElement(Stack, null, React__default["default"].createElement("div", _extends({}, elementProps, {
|
|
14587
|
-
className: styles$
|
|
14609
|
+
className: styles$Z['progress-bar'],
|
|
14588
14610
|
"data-testid": testId
|
|
14589
14611
|
}), React__default["default"].createElement("div", {
|
|
14590
|
-
className: classnames__default["default"](styles$
|
|
14612
|
+
className: classnames__default["default"](styles$Z['progress-bar__indicator'], (_classNames = {}, _classNames[styles$Z['progress-bar__indicator--complete']] = metric.percentage === 100, _classNames)),
|
|
14591
14613
|
style: {
|
|
14592
14614
|
width: metric.percentage + "%"
|
|
14593
14615
|
}
|
|
14594
14616
|
})), steps && steps.length > 0 && React__default["default"].createElement("div", {
|
|
14595
|
-
className: styles$
|
|
14617
|
+
className: styles$Z['progress-bar__steps']
|
|
14596
14618
|
}, steps.map(function (step) {
|
|
14597
14619
|
return React__default["default"].createElement(Text, {
|
|
14598
14620
|
key: step
|
|
@@ -14600,7 +14622,7 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
14600
14622
|
})));
|
|
14601
14623
|
};
|
|
14602
14624
|
|
|
14603
|
-
var styles$
|
|
14625
|
+
var styles$Y = {"skeleton":"_oDnLM","pulse":"_McmEv","skeleton__button":"_jPXx6","skeleton__pill":"_sPHSZ","skeleton__avatar":"_3vEYT","skeleton__avatar--small":"_zneq9","skeleton__avatar--medium":"_TtfoO","skeleton__avatar--large":"_jhOqR","skeleton__avatar--xlarge":"_VgGfx"};
|
|
14604
14626
|
|
|
14605
14627
|
var SKELETON_COMPONENT = {
|
|
14606
14628
|
AVATAR: 'avatar',
|
|
@@ -14626,7 +14648,7 @@ var Skeleton = function Skeleton(_ref) {
|
|
|
14626
14648
|
var positioning = usePositionStyles(positionStyles);
|
|
14627
14649
|
return React__default["default"].createElement("div", {
|
|
14628
14650
|
"data-testid": testId,
|
|
14629
|
-
className: classnames__default["default"](styles$
|
|
14651
|
+
className: classnames__default["default"](styles$Y['skeleton'], (_classnames = {}, _classnames[styles$Y['skeleton__avatar']] = as === SKELETON_COMPONENT.AVATAR, _classnames[styles$Y['skeleton__avatar--small']] = as === SKELETON_COMPONENT.AVATAR_SMALL, _classnames[styles$Y['skeleton__avatar--medium']] = as === SKELETON_COMPONENT.AVATAR_MEDIUM, _classnames[styles$Y['skeleton__avatar--large']] = as === SKELETON_COMPONENT.AVATAR_LARGE, _classnames[styles$Y['skeleton__avatar--xlarge']] = as === SKELETON_COMPONENT.AVATAR_XLARGE, _classnames[styles$Y['skeleton__button']] = as === SKELETON_COMPONENT.BUTTON, _classnames[styles$Y['skeleton__pill']] = as === SKELETON_COMPONENT.PILL, _classnames)),
|
|
14630
14652
|
style: _extends({}, positioning, {
|
|
14631
14653
|
width: width,
|
|
14632
14654
|
height: height
|
|
@@ -14634,11 +14656,11 @@ var Skeleton = function Skeleton(_ref) {
|
|
|
14634
14656
|
});
|
|
14635
14657
|
};
|
|
14636
14658
|
|
|
14637
|
-
var styles$
|
|
14659
|
+
var styles$X = {"data-table-row":"_hhDnr","data-table-row--clickable":"_ej5Ke","data-table-row--selected":"_qDTAh"};
|
|
14638
14660
|
|
|
14639
|
-
var styles$
|
|
14661
|
+
var styles$W = {"actions":"_ffXgN"};
|
|
14640
14662
|
|
|
14641
|
-
var styles$
|
|
14663
|
+
var styles$V = {"data-table-cell":"_cp8xi","data-table-cell--no-padding":"_gqbNb","data-table-cell--vertical-border":"_uHjkg","data-table-cell--invalid":"_ASOQd","data-table-cell__content":"_HjPNI","data-table-cell__content--right-align":"_BCVO6","data-table-cell__content--with-error":"_NqtPS","data-table-cell__content--loading":"_-rWoZ","data-table-cell__error-icon":"_txhua","data-table-cell__error-icon--right-align":"_fPzqj","data-table-cell__error-icon--left-align":"_L2-l-"};
|
|
14642
14664
|
|
|
14643
14665
|
var DataTableCellElement = function DataTableCellElement(_ref, ref) {
|
|
14644
14666
|
var _columns$columnIndex, _classnames, _classnames2, _classnames3;
|
|
@@ -14662,17 +14684,17 @@ var DataTableCellElement = function DataTableCellElement(_ref, ref) {
|
|
|
14662
14684
|
var hasError = !!error;
|
|
14663
14685
|
var errorMessage = error;
|
|
14664
14686
|
var icon = hasError && React__default["default"].createElement("div", {
|
|
14665
|
-
className: classnames__default["default"](styles$
|
|
14687
|
+
className: classnames__default["default"](styles$V['data-table-cell__error-icon'], (_classnames = {}, _classnames[styles$V['data-table-cell__error-icon--right-align']] = isRightAligned, _classnames[styles$V['data-table-cell__error-icon--left-align']] = !isRightAligned, _classnames))
|
|
14666
14688
|
}, React__default["default"].createElement(IconTimesOctagon, {
|
|
14667
14689
|
size: "medium",
|
|
14668
14690
|
color: "danger-on-container-variant"
|
|
14669
14691
|
}));
|
|
14670
14692
|
var TableCell = React__default["default"].createElement("td", {
|
|
14671
|
-
className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$
|
|
14693
|
+
className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$V['data-table-cell--invalid']] = hasError, _classnames2[styles$V['data-table-cell--no-padding']] = noPadding, _classnames2[styles$V['data-table-cell--vertical-border']] = hasVerticalBorders, _classnames2), styles$V['data-table-cell']),
|
|
14672
14694
|
colSpan: colSpan,
|
|
14673
14695
|
ref: ref
|
|
14674
14696
|
}, React__default["default"].createElement("div", {
|
|
14675
|
-
className: classnames__default["default"](styles$
|
|
14697
|
+
className: classnames__default["default"](styles$V['data-table-cell__content'], (_classnames3 = {}, _classnames3[styles$V['data-table-cell__content--with-error']] = hasError, _classnames3[styles$V['data-table-cell__content--right-align']] = isRightAligned, _classnames3[styles$V['data-table-cell__content--loading']] = state === DATA_TABLE_STATES.BACKGROUND_LOADING, _classnames3))
|
|
14676
14698
|
}, isRightAligned && icon, children, !isRightAligned && icon));
|
|
14677
14699
|
return React__default["default"].createElement(Tooltip, {
|
|
14678
14700
|
overlay: errorMessage,
|
|
@@ -14697,7 +14719,7 @@ var DataTableRowActions = function DataTableRowActions(_ref) {
|
|
|
14697
14719
|
return React__default["default"].createElement(DataTableCell, {
|
|
14698
14720
|
columnIndex: columnIndex
|
|
14699
14721
|
}, React__default["default"].createElement("div", {
|
|
14700
|
-
className: styles$
|
|
14722
|
+
className: styles$W['actions'],
|
|
14701
14723
|
"data-testid": "data-table-dropdown-menu"
|
|
14702
14724
|
}, state === 'SKELETON_LOADING' && React__default["default"].createElement(Skeleton, {
|
|
14703
14725
|
width: 45
|
|
@@ -14712,7 +14734,7 @@ var DataTableRowActions = function DataTableRowActions(_ref) {
|
|
|
14712
14734
|
})));
|
|
14713
14735
|
};
|
|
14714
14736
|
|
|
14715
|
-
var styles$
|
|
14737
|
+
var styles$U = {"data-table-editable-cell":"_jp9-G","data-table-editable-cell--right-aligned":"_BzPeH","data-table-editable-cell--currency":"_NhNG9","data-table-editable-cell--invalid":"_5HRwe","data-table-editable-cell--top-left":"_P--u2","data-table-editable-cell--top-right":"_EloAX","data-table-editable-cell--bottom-left":"_ZDCR9","data-table-editable-cell--bottom-right":"_Mc9YJ"};
|
|
14716
14738
|
|
|
14717
14739
|
var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, ref) {
|
|
14718
14740
|
var _columns$columnIndex, _controllers$error, _classnames, _classnames2;
|
|
@@ -14761,7 +14783,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
|
|
|
14761
14783
|
id: controllers.id
|
|
14762
14784
|
};
|
|
14763
14785
|
var EditableCell = React__default["default"].createElement("div", {
|
|
14764
|
-
className: classnames__default["default"]((_classnames = {}, _classnames[styles$
|
|
14786
|
+
className: classnames__default["default"]((_classnames = {}, _classnames[styles$U['data-table-editable-cell--currency']] = type === 'currency', _classnames), styles$U['data-table-editable-cell']),
|
|
14765
14787
|
"data-testid": testId,
|
|
14766
14788
|
role: "cell"
|
|
14767
14789
|
}, React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement(AffixContainer, {
|
|
@@ -14770,7 +14792,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
|
|
|
14770
14792
|
}, React__default["default"].createElement("input", {
|
|
14771
14793
|
name: name,
|
|
14772
14794
|
id: controllers.id,
|
|
14773
|
-
className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$
|
|
14795
|
+
className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$U['data-table-editable-cell--right-aligned']] = isRightAligned, _classnames2[styles$U['data-table-editable-cell--top-left']] = isTopLeftCell, _classnames2[styles$U['data-table-editable-cell--top-right']] = isTopRightCell, _classnames2[styles$U['data-table-editable-cell--bottom-left']] = isBottomLeftCell, _classnames2[styles$U['data-table-editable-cell--bottom-right']] = isBottomRightCell, _classnames2[styles$U['data-table-editable-cell--invalid']] = hasError, _classnames2)),
|
|
14774
14796
|
type: type === 'currency' ? 'number' : 'text',
|
|
14775
14797
|
step: type === 'currency' ? 'any' : '',
|
|
14776
14798
|
"data-testid": testId && testId + "-text-field",
|
|
@@ -14816,7 +14838,7 @@ var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
|
|
|
14816
14838
|
nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$bd);
|
|
14817
14839
|
var _useDataTableContext = useDataTableContext(),
|
|
14818
14840
|
showActionMenu = _useDataTableContext.showActionMenu;
|
|
14819
|
-
var styleNames = classnames__default["default"](styles$
|
|
14841
|
+
var styleNames = classnames__default["default"](styles$X['data-table-row'], (_classnames = {}, _classnames[styles$X['data-table-row--clickable']] = onClick, _classnames[styles$X['data-table-row--selected']] = isSelected, _classnames));
|
|
14820
14842
|
var renderColumn = function renderColumn(columnElement, index) {
|
|
14821
14843
|
var isUsingDataTableCell = columnElement && typeof columnElement === 'object' && 'type' in columnElement && (columnElement == null ? void 0 : columnElement.type) === DataTableCell;
|
|
14822
14844
|
if (isUsingDataTableCell || !hasDefaultCell) {
|
|
@@ -14912,7 +14934,7 @@ var calculateScrollState = function calculateScrollState(scrollContainer) {
|
|
|
14912
14934
|
return DATA_TABLE_SCROLL_STATES.NO_SCROLL;
|
|
14913
14935
|
};
|
|
14914
14936
|
|
|
14915
|
-
var styles$
|
|
14937
|
+
var styles$T = {"data-table-sticky-columns-container":"_j5iVD","data-table-sticky-columns-container--with-left-sticky-columns-and-shadow":"_7dAEd","data-table-sticky-columns-container--no-shadow":"_rR4W3","fadein":"_b1-OB","data-table-sticky-columns-container--with-left-sticky-columns":"_qLE4I","data-table-sticky-columns-container--with-right-sticky-columns-and-shadow":"_B92Ir","data-table-sticky-columns-container--with-right-sticky-columns":"_ONjpl","data-table-sticky-columns-container--with-footer":"_DE3fh"};
|
|
14916
14938
|
|
|
14917
14939
|
var useDataTableScrollState = function useDataTableScrollState(stickyColumns) {
|
|
14918
14940
|
var scrollContainerRef = React.useRef(null);
|
|
@@ -14959,7 +14981,7 @@ var useDataTableScrollState = function useDataTableScrollState(stickyColumns) {
|
|
|
14959
14981
|
};
|
|
14960
14982
|
};
|
|
14961
14983
|
|
|
14962
|
-
var styles$
|
|
14984
|
+
var styles$S = {"data-table-cover-shadow":"_4XrxW","data-table-cover-shadow--left":"_k704p","data-table-cover-shadow--left-shadow":"_VXlf0","fadeinshadowleft":"_Fr-av","data-table-cover-shadow--right":"_wOust","data-table-cover-shadow--right-shadow":"_b3Rzx","fadeinshadowright":"_KgJaq"};
|
|
14963
14985
|
|
|
14964
14986
|
var DataTableCoverShadow = function DataTableCoverShadow(_ref) {
|
|
14965
14987
|
var _classNames;
|
|
@@ -14978,7 +15000,7 @@ var DataTableCoverShadow = function DataTableCoverShadow(_ref) {
|
|
|
14978
15000
|
return "calc(100% - " + headerHeight + ")";
|
|
14979
15001
|
};
|
|
14980
15002
|
return React__default["default"].createElement("div", {
|
|
14981
|
-
className: classnames__default["default"](styles$
|
|
15003
|
+
className: classnames__default["default"](styles$S['data-table-cover-shadow'], (_classNames = {}, _classNames[styles$S['data-table-cover-shadow--left']] = direction === 'left', _classNames[styles$S['data-table-cover-shadow--left-shadow']] = direction === 'left' && showShadow, _classNames[styles$S['data-table-cover-shadow--right']] = direction === 'right', _classNames[styles$S['data-table-cover-shadow--right-shadow']] = direction === 'right' && showShadow, _classNames)),
|
|
14982
15004
|
style: {
|
|
14983
15005
|
// @ts-expect-error This difines a custom CSS variable
|
|
14984
15006
|
'--corner-background-color': backgroundColor,
|
|
@@ -15038,18 +15060,18 @@ var DataTableStickyColumnsContainer = function DataTableStickyColumnsContainer(_
|
|
|
15038
15060
|
isShowingColumns: !!isShowingColumns,
|
|
15039
15061
|
showShadow: state === 'EMPTY' ? false : stickyColumns === 'left'
|
|
15040
15062
|
})), React__default["default"].createElement("div", {
|
|
15041
|
-
className: classnames__default["default"](styles$
|
|
15063
|
+
className: classnames__default["default"](styles$T[containerClassName], (_classNames = {}, _classNames[styles$T[containerClassName + "--with-footer"]] = isShowingFooter, _classNames[styles$T[containerClassName + "--with-left-sticky-columns"]] = hasLeftColumnSticky, _classNames[styles$T[containerClassName + "--with-left-sticky-columns-and-shadow"]] = state !== 'EMPTY' ? hasLeftColumnSticky && hasScrollOnLeft : false, _classNames[styles$T[containerClassName + "--with-right-sticky-columns"]] = hasRightColumnSticky, _classNames[styles$T[containerClassName + "--with-right-sticky-columns-and-shadow"]] = state !== 'EMPTY' ? hasRightColumnSticky && hasScrollOnRight : false, _classNames[styles$T[containerClassName + "--no-shadow"]] = noShadow, _classNames)),
|
|
15042
15064
|
onScroll: onScroll,
|
|
15043
15065
|
ref: scrollContainerRef,
|
|
15044
15066
|
"data-testid": "sticky-columns-container"
|
|
15045
15067
|
}, children));
|
|
15046
15068
|
};
|
|
15047
15069
|
|
|
15048
|
-
var styles$
|
|
15070
|
+
var styles$R = {"data-table-empty-state":"_fCHjG"};
|
|
15049
15071
|
|
|
15050
|
-
var styles$
|
|
15072
|
+
var styles$Q = {"empty-state-container-stack":"_4nO7T","empty-state-container-stack__content":"_KiEVo","empty-state-container-stack__content--full-page":"_ib04g","empty-state-container-stack__content--inline-horizontal":"_bSiJj","empty-state-container-stack__body":"_mi-dC"};
|
|
15051
15073
|
|
|
15052
|
-
var styles$
|
|
15074
|
+
var styles$P = {"empty-state-container-cta":"_X-dEs","empty-state-container-cta--inside-modal":"_63-SX"};
|
|
15053
15075
|
|
|
15054
15076
|
var EmptyStateContainerCTA = function EmptyStateContainerCTA(_ref) {
|
|
15055
15077
|
var _actions$primary, _actions$secondary, _classNames;
|
|
@@ -15066,7 +15088,7 @@ var EmptyStateContainerCTA = function EmptyStateContainerCTA(_ref) {
|
|
|
15066
15088
|
size: BUTTON_SIZES.MIN_WIDTH_100
|
|
15067
15089
|
});
|
|
15068
15090
|
return React__default["default"].createElement("div", {
|
|
15069
|
-
className: classnames__default["default"](styles$
|
|
15091
|
+
className: classnames__default["default"](styles$P['empty-state-container-cta'], (_classNames = {}, _classNames[styles$P['empty-state-container-cta--inside-modal']] = isInsideModal, _classNames))
|
|
15070
15092
|
}, primaryButton, secondaryButton);
|
|
15071
15093
|
};
|
|
15072
15094
|
|
|
@@ -15089,7 +15111,7 @@ var EmptyStateContainerStack = function EmptyStateContainerStack(_ref) {
|
|
|
15089
15111
|
testId = _ref.testId,
|
|
15090
15112
|
mediaComponent = _ref.mediaComponent;
|
|
15091
15113
|
return React__default["default"].createElement("div", {
|
|
15092
|
-
className: styles$
|
|
15114
|
+
className: styles$Q['empty-state-container-stack'],
|
|
15093
15115
|
"data-testid": testId
|
|
15094
15116
|
}, mediaComponent ? mediaComponent : mediaUrl && React__default["default"].createElement("img", {
|
|
15095
15117
|
src: mediaUrl,
|
|
@@ -15106,7 +15128,7 @@ var EmptyStateContainerStack = function EmptyStateContainerStack(_ref) {
|
|
|
15106
15128
|
as: "body",
|
|
15107
15129
|
alignment: "center"
|
|
15108
15130
|
}, title), React__default["default"].createElement("div", {
|
|
15109
|
-
className: styles$
|
|
15131
|
+
className: styles$Q['empty-state-container-stack__body']
|
|
15110
15132
|
}, children)), React__default["default"].createElement(Stack, {
|
|
15111
15133
|
space: 8,
|
|
15112
15134
|
alignItems: "center"
|
|
@@ -15217,7 +15239,7 @@ var DataTableEmptyState = function DataTableEmptyState(_ref) {
|
|
|
15217
15239
|
columnIndex: shouldRenderStickyLeftCell ? 1 : 0,
|
|
15218
15240
|
colSpan: colSpan
|
|
15219
15241
|
}, React__default["default"].createElement("div", {
|
|
15220
|
-
className: styles$
|
|
15242
|
+
className: styles$R['data-table-empty-state']
|
|
15221
15243
|
}, React__default["default"].createElement(EmptyStateContainerStack, {
|
|
15222
15244
|
mediaUrl: customImage,
|
|
15223
15245
|
mediaComponent: customImage === '' ? React__default["default"].createElement(MagnifyingGlassIllustration, null) : undefined,
|
|
@@ -15308,7 +15330,7 @@ var DataTable = function DataTable(_ref) {
|
|
|
15308
15330
|
return null;
|
|
15309
15331
|
}
|
|
15310
15332
|
return React__default["default"].createElement("div", {
|
|
15311
|
-
className: styles$
|
|
15333
|
+
className: styles$14['data-table__pagination-controls'],
|
|
15312
15334
|
"data-testid": testId && testId + "-pagination-controls"
|
|
15313
15335
|
}, React__default["default"].createElement(PaginationControls, {
|
|
15314
15336
|
hasPrevious: isLoading ? false : hasPrevious,
|
|
@@ -15331,7 +15353,7 @@ var DataTable = function DataTable(_ref) {
|
|
|
15331
15353
|
tableId: tableId
|
|
15332
15354
|
}
|
|
15333
15355
|
}, React__default["default"].createElement("div", {
|
|
15334
|
-
className: classnames__default["default"](styles$
|
|
15356
|
+
className: classnames__default["default"](styles$14['data-table']),
|
|
15335
15357
|
ref: tableRef,
|
|
15336
15358
|
style: positionStyles
|
|
15337
15359
|
}, React__default["default"].createElement(DataTableStickyColumnsContainer, {
|
|
@@ -15342,19 +15364,19 @@ var DataTable = function DataTable(_ref) {
|
|
|
15342
15364
|
placement: "top",
|
|
15343
15365
|
isShowingColumns: !!isShowingColumns
|
|
15344
15366
|
}), React__default["default"].createElement("div", {
|
|
15345
|
-
className: classnames__default["default"](styles$
|
|
15367
|
+
className: classnames__default["default"](styles$14['data-table__content'], (_classNames = {}, _classNames[styles$14['data-table__content--with-scroll']] = isScrollableTable, _classNames)),
|
|
15346
15368
|
style: conditionalStyles,
|
|
15347
15369
|
id: tableId + "-content"
|
|
15348
15370
|
}, state === DATA_TABLE_STATES.BACKGROUND_LOADING && React__default["default"].createElement("div", {
|
|
15349
|
-
className: styles$
|
|
15371
|
+
className: styles$14['data-table__background-loading']
|
|
15350
15372
|
}, React__default["default"].createElement(Spinner, null)), React__default["default"].createElement("table", _extends({
|
|
15351
|
-
className: classnames__default["default"](styles$
|
|
15373
|
+
className: classnames__default["default"](styles$14['data-table__table'], (_classNames2 = {}, _classNames2[styles$14['data-table__table--no-columns']] = !isShowingColumns, _classNames2))
|
|
15352
15374
|
}, dataProps), columns && isShowingColumns && React__default["default"].createElement(DataTableHeader, {
|
|
15353
15375
|
columns: columns,
|
|
15354
15376
|
onSort: onSort,
|
|
15355
15377
|
showActionMenu: isShowingContent && showActionMenu
|
|
15356
15378
|
}), React__default["default"].createElement("tbody", {
|
|
15357
|
-
className: classnames__default["default"](styles$
|
|
15379
|
+
className: classnames__default["default"](styles$14['data-table__body'], (_classNames3 = {}, _classNames3[styles$14['data-table__body--no-bottom-radius']] = isShowingFooter && isShowingContent, _classNames3)),
|
|
15358
15380
|
"data-testid": testId
|
|
15359
15381
|
}, isShowingContent && content.map(function (item, index) {
|
|
15360
15382
|
var _item$key;
|
|
@@ -15374,7 +15396,7 @@ var DataTable = function DataTable(_ref) {
|
|
|
15374
15396
|
key: index
|
|
15375
15397
|
});
|
|
15376
15398
|
}))), isShowingFooter && isShowingContent && React__default["default"].createElement("tfoot", {
|
|
15377
|
-
className: styles$
|
|
15399
|
+
className: styles$14['data-table__footer'],
|
|
15378
15400
|
"data-testid": testId && testId + "-footer"
|
|
15379
15401
|
}, footerComponent)))), !isShowingFooter && isScrollableTable && React__default["default"].createElement(DataTableScrollFakeBorder, {
|
|
15380
15402
|
placement: "bottom",
|
|
@@ -15382,7 +15404,7 @@ var DataTable = function DataTable(_ref) {
|
|
|
15382
15404
|
})), React__default["default"].createElement(Pagination, null));
|
|
15383
15405
|
};
|
|
15384
15406
|
|
|
15385
|
-
var styles$
|
|
15407
|
+
var styles$O = {"accordion-item":"_8980Z","accordion-item__link":"_C-YV6","accordion-item__header":"_vk-N-","accordion-item__icon":"_LSVms","accordion-item__icon--active":"_hLMLR","accordion-item__content":"_KFyFh","accordion-item__content--active":"_kykXP"};
|
|
15386
15408
|
|
|
15387
15409
|
var AccordionItem = function AccordionItem(props) {
|
|
15388
15410
|
var item = props.item,
|
|
@@ -15393,10 +15415,10 @@ var AccordionItem = function AccordionItem(props) {
|
|
|
15393
15415
|
content = item.content;
|
|
15394
15416
|
var isFocusedByClickRef = React__default["default"].useRef(false);
|
|
15395
15417
|
return React__default["default"].createElement("div", {
|
|
15396
|
-
className: styles$
|
|
15418
|
+
className: styles$O['accordion-item']
|
|
15397
15419
|
}, React__default["default"].createElement("button", {
|
|
15398
15420
|
type: "button",
|
|
15399
|
-
className: styles$
|
|
15421
|
+
className: styles$O['accordion-item__header'],
|
|
15400
15422
|
onClick: function onClick() {
|
|
15401
15423
|
if (isOpen) {
|
|
15402
15424
|
handleAccordionItemOpen(null);
|
|
@@ -15423,15 +15445,15 @@ var AccordionItem = function AccordionItem(props) {
|
|
|
15423
15445
|
}, typeof title === 'string' ? React__default["default"].createElement(Text, {
|
|
15424
15446
|
emphasis: "bold"
|
|
15425
15447
|
}, title) : title, React__default["default"].createElement(IconChevronDown, {
|
|
15426
|
-
className: styles$
|
|
15448
|
+
className: styles$O["accordion-item__icon" + (isOpen ? '--active' : '')],
|
|
15427
15449
|
color: 'surface-on-color-subtle'
|
|
15428
15450
|
}))), React__default["default"].createElement("div", {
|
|
15429
15451
|
"data-testid": "" + (isOpen ? 'accordion-item-' + id + '-open' : 'accordion-item-' + id + '-closed'),
|
|
15430
|
-
className: styles$
|
|
15452
|
+
className: styles$O["accordion-item__content" + (isOpen ? '--active' : '')]
|
|
15431
15453
|
}, isOpen && React__default["default"].createElement(Text, null, content)));
|
|
15432
15454
|
};
|
|
15433
15455
|
|
|
15434
|
-
var styles$
|
|
15456
|
+
var styles$N = {"accordion":"_058SP"};
|
|
15435
15457
|
|
|
15436
15458
|
var _excluded$bb = ["items", "onExpand", "defaultOpenId"];
|
|
15437
15459
|
/**
|
|
@@ -15461,7 +15483,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
15461
15483
|
isAccordionMounted: true
|
|
15462
15484
|
}
|
|
15463
15485
|
}, React__default["default"].createElement("div", _extends({
|
|
15464
|
-
className: styles$
|
|
15486
|
+
className: styles$N['accordion']
|
|
15465
15487
|
}, dataProps), items.map(function (item, index) {
|
|
15466
15488
|
var id = item.id || index.toString();
|
|
15467
15489
|
return React__default["default"].createElement(AccordionItem, {
|
|
@@ -15475,7 +15497,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
15475
15497
|
})));
|
|
15476
15498
|
};
|
|
15477
15499
|
|
|
15478
|
-
var styles$
|
|
15500
|
+
var styles$M = {"action-list":"_pWke5","action-list__title":"_p8I7K","action-list__empty-state":"_l-tFB"};
|
|
15479
15501
|
|
|
15480
15502
|
/**
|
|
15481
15503
|
* A list of tasks or items that require user attention and can be completed with an action. Each item should have at least one clear action for the user to take.
|
|
@@ -15489,15 +15511,15 @@ var ActionList = function ActionList(_ref) {
|
|
|
15489
15511
|
var translate = useTranslation('ActionList');
|
|
15490
15512
|
var hasChildren = React__default["default"].Children.count(children) > 0;
|
|
15491
15513
|
return React__default["default"].createElement("div", {
|
|
15492
|
-
className: styles$
|
|
15514
|
+
className: styles$M['action-list'],
|
|
15493
15515
|
"data-testid": testId,
|
|
15494
15516
|
style: {
|
|
15495
15517
|
maxHeight: maxHeight
|
|
15496
15518
|
}
|
|
15497
15519
|
}, title && React__default["default"].createElement("div", {
|
|
15498
|
-
className: styles$
|
|
15520
|
+
className: styles$M['action-list__title']
|
|
15499
15521
|
}, title), hasChildren ? children : React__default["default"].createElement("div", {
|
|
15500
|
-
className: styles$
|
|
15522
|
+
className: styles$M['action-list__empty-state']
|
|
15501
15523
|
}, React__default["default"].createElement(EmptyStateContainerStack, {
|
|
15502
15524
|
title: (emptyState == null ? void 0 : emptyState.title) || translate('emptyStateTitle'),
|
|
15503
15525
|
mediaUrl: emptyState == null ? void 0 : emptyState.image,
|
|
@@ -15676,7 +15698,7 @@ var useSelectFieldControllers = function useSelectFieldControllers(_ref) {
|
|
|
15676
15698
|
return controllers;
|
|
15677
15699
|
};
|
|
15678
15700
|
|
|
15679
|
-
var styles$
|
|
15701
|
+
var styles$L = {"custom-control":"_pXQqq"};
|
|
15680
15702
|
|
|
15681
15703
|
var _excluded$ba = ["children"];
|
|
15682
15704
|
function CustomControl(_ref) {
|
|
@@ -15686,7 +15708,7 @@ function CustomControl(_ref) {
|
|
|
15686
15708
|
var SelectedOptionPrefix = props.selectProps.componentsProps.SelectedOptionPrefix;
|
|
15687
15709
|
var selectedOption = (_props$getValue = props.getValue()) == null ? void 0 : _props$getValue[0];
|
|
15688
15710
|
return React__default["default"].createElement(Select.components.Control, _extends({}, props), SelectedOptionPrefix && selectedOption ? React__default["default"].createElement("div", {
|
|
15689
|
-
className: styles$
|
|
15711
|
+
className: styles$L['custom-control'],
|
|
15690
15712
|
style: {
|
|
15691
15713
|
paddingLeft: selectedOption ? 8 : 0
|
|
15692
15714
|
}
|
|
@@ -15874,9 +15896,9 @@ var CustomContainer = function CustomContainer(props) {
|
|
|
15874
15896
|
}));
|
|
15875
15897
|
};
|
|
15876
15898
|
|
|
15877
|
-
var styles$
|
|
15899
|
+
var styles$K = {"custom-menu-text-field":"_AAUjm","custom-menu-hr":"_mFLK9","custom-menu-div":"_1XpI4"};
|
|
15878
15900
|
|
|
15879
|
-
var styles$
|
|
15901
|
+
var styles$J = {"creatable-button--align-left":"_Qw267","creatable-button":"_f9V5D"};
|
|
15880
15902
|
|
|
15881
15903
|
/**
|
|
15882
15904
|
* Shared creatable button component used in CustomMenu and CustomGroupWithCreate.
|
|
@@ -15902,7 +15924,7 @@ var CreatableButton = function CreatableButton(_ref) {
|
|
|
15902
15924
|
if (!button || typeof button === 'string') {
|
|
15903
15925
|
var _classNames;
|
|
15904
15926
|
return React__default["default"].createElement("div", {
|
|
15905
|
-
className: classnames__default["default"](styles$
|
|
15927
|
+
className: classnames__default["default"](styles$J['creatable-button'], (_classNames = {}, _classNames[styles$J['creatable-button--align-left']] = alignLeft, _classNames))
|
|
15906
15928
|
}, React__default["default"].createElement(Button, {
|
|
15907
15929
|
theme: "link-primary",
|
|
15908
15930
|
onClick: handleClick,
|
|
@@ -15926,7 +15948,7 @@ var CreatableButton = function CreatableButton(_ref) {
|
|
|
15926
15948
|
overrideProps.theme = 'link-primary';
|
|
15927
15949
|
}
|
|
15928
15950
|
return React__default["default"].createElement("div", {
|
|
15929
|
-
className: classnames__default["default"](styles$
|
|
15951
|
+
className: classnames__default["default"](styles$J['creatable-button'], (_classNames2 = {}, _classNames2[styles$J['creatable-button--align-left']] = alignLeft, _classNames2))
|
|
15930
15952
|
}, React__default["default"].cloneElement(button, overrideProps));
|
|
15931
15953
|
};
|
|
15932
15954
|
|
|
@@ -15950,7 +15972,7 @@ var CreateInputForm = function CreateInputForm(_ref) {
|
|
|
15950
15972
|
flex: [1],
|
|
15951
15973
|
flexItems: true
|
|
15952
15974
|
}, React__default["default"].createElement("input", {
|
|
15953
|
-
className: classnames__default["default"](styles$
|
|
15975
|
+
className: classnames__default["default"](styles$1v['text-field'], inputClassName),
|
|
15954
15976
|
autoCorrect: "off",
|
|
15955
15977
|
autoComplete: "off",
|
|
15956
15978
|
spellCheck: "false",
|
|
@@ -16021,7 +16043,7 @@ function CustomMenu(_ref) {
|
|
|
16021
16043
|
return React__default["default"].createElement(Select.components.Menu, _extends({}, props), React__default["default"].createElement("div", {
|
|
16022
16044
|
ref: containerRef
|
|
16023
16045
|
}, children, React__default["default"].createElement("hr", {
|
|
16024
|
-
className: styles$
|
|
16046
|
+
className: styles$K['custom-menu-hr']
|
|
16025
16047
|
}), !showFooter ? React__default["default"].createElement(CreatableButton, {
|
|
16026
16048
|
creatableButton: creatableButton,
|
|
16027
16049
|
onClick: function onClick() {
|
|
@@ -16034,13 +16056,13 @@ function CustomMenu(_ref) {
|
|
|
16034
16056
|
onMenuInputFocus: onMenuInputFocus,
|
|
16035
16057
|
onSubmit: onCreateButton,
|
|
16036
16058
|
defaultValue: inputDefaultValue,
|
|
16037
|
-
wrapperClassName: styles$
|
|
16038
|
-
inputClassName: styles$
|
|
16059
|
+
wrapperClassName: styles$K['custom-menu-div'],
|
|
16060
|
+
inputClassName: styles$K['custom-menu-text-field'],
|
|
16039
16061
|
testId: "select-create-option-input"
|
|
16040
16062
|
})));
|
|
16041
16063
|
}
|
|
16042
16064
|
|
|
16043
|
-
var styles$
|
|
16065
|
+
var styles$I = {"custom-group-with-create-text-field":"_JZG4r","custom-group-with-create-hr":"_04fIM","custom-group-with-create-input-wrapper":"_oJzDV","custom-group-with-create-button-wrapper":"_hLu2D"};
|
|
16044
16066
|
|
|
16045
16067
|
function CustomGroupWithCreate(props) {
|
|
16046
16068
|
var _props$selectProps$co = props.selectProps.componentsProps,
|
|
@@ -16077,7 +16099,7 @@ function CustomGroupWithCreate(props) {
|
|
|
16077
16099
|
return React__default["default"].createElement("div", {
|
|
16078
16100
|
ref: containerRef
|
|
16079
16101
|
}, React__default["default"].createElement(Select.components.Group, _extends({}, props)), !isInputActive ? React__default["default"].createElement("div", {
|
|
16080
|
-
className: styles$
|
|
16102
|
+
className: styles$I['custom-group-with-create-button-wrapper']
|
|
16081
16103
|
}, React__default["default"].createElement(CreatableButton, {
|
|
16082
16104
|
creatableButton: creatableButton,
|
|
16083
16105
|
onClick: function onClick() {
|
|
@@ -16091,8 +16113,8 @@ function CustomGroupWithCreate(props) {
|
|
|
16091
16113
|
onMenuInputFocus: onMenuInputFocus,
|
|
16092
16114
|
onSubmit: onCreateButton,
|
|
16093
16115
|
defaultValue: inputDefaultValue,
|
|
16094
|
-
wrapperClassName: styles$
|
|
16095
|
-
inputClassName: styles$
|
|
16116
|
+
wrapperClassName: styles$I['custom-group-with-create-input-wrapper'],
|
|
16117
|
+
inputClassName: styles$I['custom-group-with-create-text-field'],
|
|
16096
16118
|
testId: "select-create-option-input-" + groupLabel
|
|
16097
16119
|
}));
|
|
16098
16120
|
}
|
|
@@ -16210,7 +16232,7 @@ var useSelectField = function useSelectField(_ref) {
|
|
|
16210
16232
|
};
|
|
16211
16233
|
};
|
|
16212
16234
|
|
|
16213
|
-
var styles$
|
|
16235
|
+
var styles$H = {"select-field__suffix":"_vqC1M"};
|
|
16214
16236
|
|
|
16215
16237
|
/** Simple dropdown field where the user chooses one option from a predefined list. */
|
|
16216
16238
|
var SelectField = function SelectField(props) {
|
|
@@ -16219,7 +16241,7 @@ var SelectField = function SelectField(props) {
|
|
|
16219
16241
|
selectProps = _useSelectField.selectProps;
|
|
16220
16242
|
//Select field has the chevron icon as suffix, so we need to add a margin to the suffix to avoid overlapping with the chevron icon
|
|
16221
16243
|
var suffixWithMargin = props.suffix ? React__default["default"].createElement("div", {
|
|
16222
|
-
className: styles$
|
|
16244
|
+
className: styles$H['select-field__suffix']
|
|
16223
16245
|
}, props.suffix) : undefined;
|
|
16224
16246
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement(AffixContainer, {
|
|
16225
16247
|
prefix: props.prefix,
|
|
@@ -16262,9 +16284,9 @@ var ToolbarSelect = function ToolbarSelect(_ref) {
|
|
|
16262
16284
|
}, rest));
|
|
16263
16285
|
};
|
|
16264
16286
|
|
|
16265
|
-
var styles$
|
|
16287
|
+
var styles$G = {"date-filter":"_PyXfe","date-filter--wide":"_P6ttU"};
|
|
16266
16288
|
|
|
16267
|
-
var styles$
|
|
16289
|
+
var styles$F = {"date-filter-display":"_N37zE","date-filter-display--non-interactive":"_42Bvz","date-filter-display--wide":"_h8n2w","date-filter-display__display-icon":"_i08yV"};
|
|
16268
16290
|
|
|
16269
16291
|
var DATE_FILTER_MODE = {
|
|
16270
16292
|
DAY: 'day',
|
|
@@ -16317,7 +16339,7 @@ var DateFilterDisplay = React.forwardRef(function (_ref, ref) {
|
|
|
16317
16339
|
weekStart = _ref.weekStart,
|
|
16318
16340
|
onClick = _ref.onClick;
|
|
16319
16341
|
return React__default["default"].createElement("button", {
|
|
16320
|
-
className: classnames__default["default"](styles$
|
|
16342
|
+
className: classnames__default["default"](styles$F['date-filter-display'], (_classnames = {}, _classnames[styles$F['date-filter-display--wide']] = mode === DATE_FILTER_MODE.WEEK, _classnames)),
|
|
16321
16343
|
onClick: onClick,
|
|
16322
16344
|
tabIndex: mode === DATE_FILTER_MODE.MONTH ? -1 : undefined,
|
|
16323
16345
|
ref: ref
|
|
@@ -16325,7 +16347,7 @@ var DateFilterDisplay = React.forwardRef(function (_ref, ref) {
|
|
|
16325
16347
|
space: 12,
|
|
16326
16348
|
alignItems: "center"
|
|
16327
16349
|
}, React__default["default"].createElement("div", {
|
|
16328
|
-
className: classnames__default["default"](styles$
|
|
16350
|
+
className: classnames__default["default"](styles$F['date-filter-display__display-icon'])
|
|
16329
16351
|
}, React__default["default"].createElement(IconCalendarAlt, {
|
|
16330
16352
|
size: "flexible",
|
|
16331
16353
|
color: "surface-on-color-subtle"
|
|
@@ -16336,7 +16358,7 @@ var DateFilterDisplay = React.forwardRef(function (_ref, ref) {
|
|
|
16336
16358
|
})));
|
|
16337
16359
|
});
|
|
16338
16360
|
|
|
16339
|
-
var styles$
|
|
16361
|
+
var styles$E = {"date-stepper":"_9wFtw","date-stepper--backward":"_OrtcR","date-stepper--forward":"_oYoUt"};
|
|
16340
16362
|
|
|
16341
16363
|
var handleDateStepper = function handleDateStepper(date, mode, stepDirection, onChange) {
|
|
16342
16364
|
var step = stepDirection === STEP_DIRECTION.FORWARD ? 1 : -1;
|
|
@@ -16365,7 +16387,7 @@ var DateFilterStepper = function DateFilterStepper(_ref) {
|
|
|
16365
16387
|
onChange = _ref.onChange,
|
|
16366
16388
|
date = _ref.date;
|
|
16367
16389
|
return React__default["default"].createElement("button", {
|
|
16368
|
-
className: classnames__default["default"](styles$
|
|
16390
|
+
className: classnames__default["default"](styles$E['date-stepper'], (_classnames = {}, _classnames[styles$E['date-stepper--backward']] = stepDirection === STEP_DIRECTION.BACKWARD, _classnames[styles$E['date-stepper--forward']] = stepDirection === STEP_DIRECTION.FORWARD, _classnames)),
|
|
16369
16391
|
onClick: function onClick() {
|
|
16370
16392
|
return handleDateStepper(date, mode, stepDirection, onChange);
|
|
16371
16393
|
}
|
|
@@ -16434,9 +16456,9 @@ var CalendarMonth = function CalendarMonth(_ref) {
|
|
|
16434
16456
|
}
|
|
16435
16457
|
var MONTHS = [].concat(Array(12).keys());
|
|
16436
16458
|
return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
|
|
16437
|
-
className: styles$
|
|
16459
|
+
className: styles$1b['calendar']
|
|
16438
16460
|
}, React__default["default"].createElement("div", {
|
|
16439
|
-
className: styles$
|
|
16461
|
+
className: styles$1b['calendar__overlay'],
|
|
16440
16462
|
ref: function ref(_ref2) {
|
|
16441
16463
|
return setCalendarRef(_ref2);
|
|
16442
16464
|
},
|
|
@@ -16531,7 +16553,7 @@ var DateFilter = function DateFilter(_ref) {
|
|
|
16531
16553
|
}, [setCalendarOpen]);
|
|
16532
16554
|
return React__default["default"].createElement("div", {
|
|
16533
16555
|
"data-testid": testId,
|
|
16534
|
-
className: classnames__default["default"](styles$
|
|
16556
|
+
className: classnames__default["default"](styles$G['date-filter'], (_classnames = {}, _classnames[styles$G['date-filter--wide']] = mode === DATE_FILTER_MODE.WEEK, _classnames))
|
|
16535
16557
|
}, React__default["default"].createElement(Inline, {
|
|
16536
16558
|
space: 0
|
|
16537
16559
|
}, React__default["default"].createElement(DateFilterStepper, {
|
|
@@ -16578,7 +16600,7 @@ var DateFilter = function DateFilter(_ref) {
|
|
|
16578
16600
|
}));
|
|
16579
16601
|
};
|
|
16580
16602
|
|
|
16581
|
-
var styles$
|
|
16603
|
+
var styles$D = {"segmented-control":"_RezMY","segmented-control__button":"_lehFG","segmented-control__button--selected":"_Fr5kb"};
|
|
16582
16604
|
|
|
16583
16605
|
var SegmentedControl = function SegmentedControl(_ref) {
|
|
16584
16606
|
var options = _ref.options,
|
|
@@ -16589,7 +16611,7 @@ var SegmentedControl = function SegmentedControl(_ref) {
|
|
|
16589
16611
|
return option === value;
|
|
16590
16612
|
};
|
|
16591
16613
|
return React__default["default"].createElement("div", {
|
|
16592
|
-
className: styles$
|
|
16614
|
+
className: styles$D['segmented-control'],
|
|
16593
16615
|
"data-testid": testId
|
|
16594
16616
|
}, options.map(function (option) {
|
|
16595
16617
|
var _classnames;
|
|
@@ -16599,14 +16621,14 @@ var SegmentedControl = function SegmentedControl(_ref) {
|
|
|
16599
16621
|
onClick: function onClick() {
|
|
16600
16622
|
return onChange(option);
|
|
16601
16623
|
},
|
|
16602
|
-
className: classnames__default["default"](styles$
|
|
16624
|
+
className: classnames__default["default"](styles$D['segmented-control__button'], (_classnames = {}, _classnames[styles$D['segmented-control__button--selected']] = isSelected(option), _classnames))
|
|
16603
16625
|
}, option));
|
|
16604
16626
|
}));
|
|
16605
16627
|
};
|
|
16606
16628
|
|
|
16607
|
-
var styles$
|
|
16629
|
+
var styles$C = {"form--standard-size":"_8-Ykj"};
|
|
16608
16630
|
|
|
16609
|
-
var styles$
|
|
16631
|
+
var styles$B = {"form-section":"_3uYIj","form-section__title":"_2WdOf","form-section__subtitle":"_zybxx","form-section--no-margin":"_xT-U1"};
|
|
16610
16632
|
|
|
16611
16633
|
/**
|
|
16612
16634
|
* FormSection is a component that groups related form fields together, optionally with a title and subtitle. It can also be rendered as a card for visual separation.
|
|
@@ -16623,12 +16645,12 @@ var FormSection = function FormSection(_ref) {
|
|
|
16623
16645
|
var content = React__default["default"].createElement(Stack, null, (title || subtitle) && React__default["default"].createElement(Stack, {
|
|
16624
16646
|
space: 8
|
|
16625
16647
|
}, title && React__default["default"].createElement("h2", {
|
|
16626
|
-
className: classnames__default["default"](styles$
|
|
16648
|
+
className: classnames__default["default"](styles$B['form-section__title'])
|
|
16627
16649
|
}, title), subtitle && React__default["default"].createElement("h3", {
|
|
16628
|
-
className: classnames__default["default"](styles$
|
|
16650
|
+
className: classnames__default["default"](styles$B['form-section__subtitle'])
|
|
16629
16651
|
}, subtitle)), children);
|
|
16630
16652
|
return React__default["default"].createElement("div", {
|
|
16631
|
-
className: classnames__default["default"](styles$
|
|
16653
|
+
className: classnames__default["default"](styles$B['form-section'], (_classnames = {}, _classnames[styles$B['form-section--no-margin']] = noMargin || as === 'card', _classnames)),
|
|
16632
16654
|
"data-testid": testId
|
|
16633
16655
|
}, as === 'card' ? React__default["default"].createElement(Card, {
|
|
16634
16656
|
testId: testId && testId + "-card"
|
|
@@ -16647,7 +16669,7 @@ var updateButtonProps = function updateButtonProps(child, newProps) {
|
|
|
16647
16669
|
}, newProps, child.props));
|
|
16648
16670
|
};
|
|
16649
16671
|
|
|
16650
|
-
var styles$
|
|
16672
|
+
var styles$A = {"form-footer":"_4ksfB"};
|
|
16651
16673
|
|
|
16652
16674
|
var FormFooterActions = function FormFooterActions(_ref) {
|
|
16653
16675
|
var _actions$primary, _actions$primary2, _actions$secondary, _actions$tertiary;
|
|
@@ -16684,7 +16706,7 @@ var FormFooter = function FormFooter(_ref) {
|
|
|
16684
16706
|
});
|
|
16685
16707
|
var isInlineChildren = React__default["default"].Children.count(children) === 1 && React__default["default"].isValidElement(children) && children.type === Inline;
|
|
16686
16708
|
return React__default["default"].createElement("div", {
|
|
16687
|
-
className: classnames__default["default"](styles$
|
|
16709
|
+
className: classnames__default["default"](styles$A['form-footer']),
|
|
16688
16710
|
"data-testid": testId
|
|
16689
16711
|
}, actions && React__default["default"].createElement(FormFooterActions, {
|
|
16690
16712
|
actions: actions
|
|
@@ -16723,12 +16745,12 @@ var Form = function Form(_ref) {
|
|
|
16723
16745
|
}
|
|
16724
16746
|
}, React__default["default"].createElement("form", {
|
|
16725
16747
|
onSubmit: onSubmit ? handleSubmit : formik == null ? void 0 : formik.handleSubmit,
|
|
16726
|
-
className: classnames__default["default"]((_classnames = {}, _classnames[styles$
|
|
16748
|
+
className: classnames__default["default"]((_classnames = {}, _classnames[styles$C['form--standard-size']] = !wide, _classnames)),
|
|
16727
16749
|
"data-testid": testId
|
|
16728
16750
|
}, stackContent ? React__default["default"].createElement(Stack, null, formattedChildren) : formattedChildren));
|
|
16729
16751
|
};
|
|
16730
16752
|
|
|
16731
|
-
var styles$
|
|
16753
|
+
var styles$z = {"form-row":"_xX-RS"};
|
|
16732
16754
|
|
|
16733
16755
|
var SIZE_25_PERCENT = '25%';
|
|
16734
16756
|
var SIZE_33_PERCENT = '33.333%';
|
|
@@ -16759,7 +16781,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
16759
16781
|
space: space,
|
|
16760
16782
|
testId: testId,
|
|
16761
16783
|
alignItems: "stretch",
|
|
16762
|
-
extraClass: styles$
|
|
16784
|
+
extraClass: styles$z['form-row']
|
|
16763
16785
|
}, children, additionalColumns.map(function (_, index) {
|
|
16764
16786
|
return React__default["default"].createElement("span", {
|
|
16765
16787
|
key: index,
|
|
@@ -16768,7 +16790,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
16768
16790
|
}));
|
|
16769
16791
|
};
|
|
16770
16792
|
|
|
16771
|
-
var styles$
|
|
16793
|
+
var styles$y = {"text-field":"_JaB08","text-field--focus":"_62RIR","text-field--disabled":"_CDt23","text-field--invalid":"_wf4XP","text-field__toolbar":"_7xVsj"};
|
|
16772
16794
|
|
|
16773
16795
|
var useGrowTextAreaRef = function useGrowTextAreaRef(minHeight, maxHeight, autoGrow, forwardedRef) {
|
|
16774
16796
|
var textareaRef = React.useRef(null);
|
|
@@ -16842,7 +16864,7 @@ var TextAreaField = function TextAreaField(_ref) {
|
|
|
16842
16864
|
return React__default["default"].createElement(Field, _extends({}, fieldProps, {
|
|
16843
16865
|
characterCount: controllers.value !== undefined && maxLength ? maxLength - controllers.value.length : undefined
|
|
16844
16866
|
}), React__default["default"].createElement("div", {
|
|
16845
|
-
className: classnames__default["default"](styles$
|
|
16867
|
+
className: classnames__default["default"](styles$y['text-field'], (_classnames = {}, _classnames[styles$y['text-field--invalid']] = hasError, _classnames[styles$y['text-field--disabled']] = disabled, _classnames[styles$y['text-field--focus']] = hasFocus, _classnames)),
|
|
16846
16868
|
ref: containerRef,
|
|
16847
16869
|
onClick: function onClick(event) {
|
|
16848
16870
|
if (event.target === (containerRef == null ? void 0 : containerRef.current)) {
|
|
@@ -16875,7 +16897,7 @@ var TextAreaField = function TextAreaField(_ref) {
|
|
|
16875
16897
|
ref: textAreaRef,
|
|
16876
16898
|
maxLength: maxLength
|
|
16877
16899
|
}), toolbar && React__default["default"].createElement("div", {
|
|
16878
|
-
className: styles$
|
|
16900
|
+
className: styles$y['text-field__toolbar'],
|
|
16879
16901
|
id: controllers.id + "-toolbar",
|
|
16880
16902
|
ref: toolbarRef,
|
|
16881
16903
|
onClick: function onClick(event) {
|
|
@@ -16909,7 +16931,7 @@ var TextFieldElement = function TextFieldElement(_ref, ref) {
|
|
|
16909
16931
|
*/
|
|
16910
16932
|
var TextField = React.forwardRef(TextFieldElement);
|
|
16911
16933
|
|
|
16912
|
-
var styles$
|
|
16934
|
+
var styles$x = {"pill-select-field":"_Yti6k","pill-select-field__creating-input":"_dw-VP","pill-select-field__custom-input":"_JXakU","pill-select-field__add-new-input":"_MsKVV","pill-select-field__creating-custom-input":"_ZxEwG","pill-select-field__removable-icon":"_Odw1V"};
|
|
16913
16935
|
|
|
16914
16936
|
var useMultiSelectFieldControllers = function useMultiSelectFieldControllers(_ref) {
|
|
16915
16937
|
var name = _ref.name,
|
|
@@ -16979,10 +17001,10 @@ var CreatableOption = function CreatableOption(_ref) {
|
|
|
16979
17001
|
};
|
|
16980
17002
|
return React__default["default"].createElement(React__default["default"].Fragment, null, !isCreatingOption && React__default["default"].createElement("div", {
|
|
16981
17003
|
key: 'pill-select-field-create-option',
|
|
16982
|
-
className: styles$
|
|
17004
|
+
className: styles$x['pill-select-field']
|
|
16983
17005
|
}, React__default["default"].createElement("button", {
|
|
16984
17006
|
"data-testid": testId ? testId + "-create-option" : undefined,
|
|
16985
|
-
className: styles$
|
|
17007
|
+
className: styles$x['pill-select-field__add-new-input'],
|
|
16986
17008
|
onClick: function onClick() {
|
|
16987
17009
|
setIsCreatingOption(true);
|
|
16988
17010
|
setNewOptionLabel('');
|
|
@@ -16991,9 +17013,9 @@ var CreatableOption = function CreatableOption(_ref) {
|
|
|
16991
17013
|
size: "small"
|
|
16992
17014
|
}), createOptionLabel)), isCreatingOption && React__default["default"].createElement("div", {
|
|
16993
17015
|
key: 'pill-select-field-creating-option',
|
|
16994
|
-
className: styles$
|
|
17016
|
+
className: styles$x['pill-select-field']
|
|
16995
17017
|
}, React__default["default"].createElement("input", {
|
|
16996
|
-
className: styles$
|
|
17018
|
+
className: styles$x['pill-select-field__creating-input'],
|
|
16997
17019
|
name: name + "-pill-select-field-creating-option",
|
|
16998
17020
|
id: 'pill-select-field-creating-option',
|
|
16999
17021
|
type: "text",
|
|
@@ -17016,7 +17038,7 @@ var CreatableOption = function CreatableOption(_ref) {
|
|
|
17016
17038
|
}
|
|
17017
17039
|
}
|
|
17018
17040
|
}), React__default["default"].createElement("span", {
|
|
17019
|
-
className: styles$
|
|
17041
|
+
className: styles$x['pill-select-field__creating-custom-input']
|
|
17020
17042
|
}, !newOptionLabel && React__default["default"].createElement(Text, {
|
|
17021
17043
|
as: "body",
|
|
17022
17044
|
color: "surface-on-color-disabled"
|
|
@@ -17069,7 +17091,7 @@ var PillSelectField = function PillSelectField(_ref) {
|
|
|
17069
17091
|
}
|
|
17070
17092
|
};
|
|
17071
17093
|
return React__default["default"].createElement("button", {
|
|
17072
|
-
className: styles$
|
|
17094
|
+
className: styles$x['pill-select-field__removable-icon'],
|
|
17073
17095
|
onClick: handleClick,
|
|
17074
17096
|
disabled: disabled
|
|
17075
17097
|
}, React__default["default"].createElement(IconTimes, {
|
|
@@ -17088,7 +17110,7 @@ var PillSelectField = function PillSelectField(_ref) {
|
|
|
17088
17110
|
var itemId = controllers.id + "-" + itemIdentifier;
|
|
17089
17111
|
return React__default["default"].createElement("div", {
|
|
17090
17112
|
key: itemIdentifier,
|
|
17091
|
-
className: styles$
|
|
17113
|
+
className: styles$x['pill-select-field']
|
|
17092
17114
|
}, React__default["default"].createElement("input", {
|
|
17093
17115
|
name: name + "-" + itemIdentifier,
|
|
17094
17116
|
id: itemId,
|
|
@@ -17108,7 +17130,7 @@ var PillSelectField = function PillSelectField(_ref) {
|
|
|
17108
17130
|
controllers.onChange(newValue);
|
|
17109
17131
|
}
|
|
17110
17132
|
}), React__default["default"].createElement("span", {
|
|
17111
|
-
className: styles$
|
|
17133
|
+
className: styles$x['pill-select-field__custom-input']
|
|
17112
17134
|
}, option.label, option.isRemovable && React__default["default"].createElement(RemoveButton, {
|
|
17113
17135
|
option: option
|
|
17114
17136
|
})));
|
|
@@ -17120,7 +17142,7 @@ var PillSelectField = function PillSelectField(_ref) {
|
|
|
17120
17142
|
})));
|
|
17121
17143
|
};
|
|
17122
17144
|
|
|
17123
|
-
var styles$
|
|
17145
|
+
var styles$w = {"week-select-field":"_IYHYX","week-select-field__day":"_JnbPv","week-select-field__day-pill":"_9GwLj","week-select-field__day-abbr":"_WcKdi","week-select-field__day-num":"_MQ3xL"};
|
|
17124
17146
|
|
|
17125
17147
|
var toKey = function toKey(d) {
|
|
17126
17148
|
return d.getFullYear() + "-" + d.getMonth() + "-" + d.getDate();
|
|
@@ -17166,14 +17188,14 @@ var WeekSelectField = function WeekSelectField(_ref) {
|
|
|
17166
17188
|
caption: caption,
|
|
17167
17189
|
error: error
|
|
17168
17190
|
}, React__default["default"].createElement("div", {
|
|
17169
|
-
className: styles$
|
|
17191
|
+
className: styles$w['week-select-field']
|
|
17170
17192
|
}, days.map(function (day, index) {
|
|
17171
17193
|
var key = toKey(day);
|
|
17172
17194
|
var isChecked = selectedKeys.has(key);
|
|
17173
17195
|
var itemId = id + "-" + key;
|
|
17174
17196
|
return React__default["default"].createElement("div", {
|
|
17175
17197
|
key: key,
|
|
17176
|
-
className: styles$
|
|
17198
|
+
className: styles$w['week-select-field__day']
|
|
17177
17199
|
}, React__default["default"].createElement("input", {
|
|
17178
17200
|
type: "checkbox",
|
|
17179
17201
|
id: itemId,
|
|
@@ -17190,11 +17212,11 @@ var WeekSelectField = function WeekSelectField(_ref) {
|
|
|
17190
17212
|
handleChange(newValue);
|
|
17191
17213
|
}
|
|
17192
17214
|
}), React__default["default"].createElement("span", {
|
|
17193
|
-
className: styles$
|
|
17215
|
+
className: styles$w['week-select-field__day-pill']
|
|
17194
17216
|
}, React__default["default"].createElement("span", {
|
|
17195
|
-
className: styles$
|
|
17217
|
+
className: styles$w['week-select-field__day-abbr']
|
|
17196
17218
|
}, displayFormat === 'month' ? monthAbbr[day.getMonth()] : dayAbbr[day.getDay()]), React__default["default"].createElement("span", {
|
|
17197
|
-
className: styles$
|
|
17219
|
+
className: styles$w['week-select-field__day-num']
|
|
17198
17220
|
}, day.getDate())));
|
|
17199
17221
|
})));
|
|
17200
17222
|
};
|
|
@@ -17236,9 +17258,9 @@ var useRadioGroupFieldContext = function useRadioGroupFieldContext() {
|
|
|
17236
17258
|
return context;
|
|
17237
17259
|
};
|
|
17238
17260
|
|
|
17239
|
-
var styles$
|
|
17261
|
+
var styles$v = {"label":"_xzukU","label--truncate":"_iVWRB","caption":"_JNfQO","radio-group-field__label":"_2KvuU","radio-group-field__caption":"_ZeIOd"};
|
|
17240
17262
|
|
|
17241
|
-
var styles$
|
|
17263
|
+
var styles$u = {"label":"_s7mjc","label--truncate":"_dZjDs","caption":"_JIw-5","radio-group-box-option":"_IIX-P","radio-group-box-option__box":"_P588B","radio-group-box-option__box--disabled":"_Ir3Og","radio-group-box-option__label":"_U--9r","radio-group-box-option__label--disabled":"_Lvxmy","radio-group-box-option__caption":"_NC-bO","radio-group-box-option__caption--disabled":"_04Cjp"};
|
|
17242
17264
|
|
|
17243
17265
|
var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
|
|
17244
17266
|
var _classNames, _classNames2, _classNames3;
|
|
@@ -17255,7 +17277,7 @@ var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
|
|
|
17255
17277
|
id: inputId
|
|
17256
17278
|
});
|
|
17257
17279
|
return React__default["default"].createElement("label", {
|
|
17258
|
-
className: styles$
|
|
17280
|
+
className: styles$u['radio-group-box-option'],
|
|
17259
17281
|
"data-testid": testId
|
|
17260
17282
|
}, React__default["default"].createElement("input", {
|
|
17261
17283
|
type: "radio",
|
|
@@ -17266,7 +17288,7 @@ var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
|
|
|
17266
17288
|
checked: radioGroupContext.value !== undefined ? radioGroupContext.value === value : undefined,
|
|
17267
17289
|
disabled: radioGroupContext.disabled || disabled
|
|
17268
17290
|
}), React__default["default"].createElement("div", {
|
|
17269
|
-
className: classnames__default["default"](styles$
|
|
17291
|
+
className: classnames__default["default"](styles$u['radio-group-box-option__box'], (_classNames = {}, _classNames[styles$u['radio-group-box-option__box--disabled']] = radioGroupContext.disabled || disabled, _classNames))
|
|
17270
17292
|
}, React__default["default"].createElement(Stack, {
|
|
17271
17293
|
space: 16,
|
|
17272
17294
|
alignItems: "center",
|
|
@@ -17275,13 +17297,13 @@ var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
|
|
|
17275
17297
|
space: 8,
|
|
17276
17298
|
alignItems: "center"
|
|
17277
17299
|
}, label && React__default["default"].createElement("div", {
|
|
17278
|
-
className: classnames__default["default"](styles$
|
|
17300
|
+
className: classnames__default["default"](styles$u['radio-group-box-option__label'], (_classNames2 = {}, _classNames2[styles$u['radio-group-box-option__label--disabled']] = radioGroupContext.disabled || disabled, _classNames2))
|
|
17279
17301
|
}, label), caption && React__default["default"].createElement("div", {
|
|
17280
|
-
className: classnames__default["default"](styles$
|
|
17302
|
+
className: classnames__default["default"](styles$u['radio-group-box-option__caption'], (_classNames3 = {}, _classNames3[styles$u['radio-group-box-option__caption--disabled']] = radioGroupContext.disabled || disabled, _classNames3))
|
|
17281
17303
|
}, caption)))));
|
|
17282
17304
|
};
|
|
17283
17305
|
|
|
17284
|
-
var styles$
|
|
17306
|
+
var styles$t = {"radio-group-option":"_7fVpn","radio-group-option__caption":"_VD7SO","radio-group-option__custom-input":"_Yfxkl"};
|
|
17285
17307
|
|
|
17286
17308
|
/** RadioGroupField form element. */
|
|
17287
17309
|
var RadioGroupOption = function RadioGroupOption(_ref) {
|
|
@@ -17302,7 +17324,7 @@ var RadioGroupOption = function RadioGroupOption(_ref) {
|
|
|
17302
17324
|
space: 8,
|
|
17303
17325
|
alignItems: "center"
|
|
17304
17326
|
}, React__default["default"].createElement("div", {
|
|
17305
|
-
className: styles$
|
|
17327
|
+
className: styles$t['radio-group-option']
|
|
17306
17328
|
}, React__default["default"].createElement("input", {
|
|
17307
17329
|
type: "radio",
|
|
17308
17330
|
"data-testid": testId,
|
|
@@ -17313,11 +17335,11 @@ var RadioGroupOption = function RadioGroupOption(_ref) {
|
|
|
17313
17335
|
checked: radioGroupContext.value !== undefined ? radioGroupContext.value === value : undefined,
|
|
17314
17336
|
disabled: radioGroupContext.disabled || disabled
|
|
17315
17337
|
}), React__default["default"].createElement("span", {
|
|
17316
|
-
className: styles$
|
|
17338
|
+
className: styles$t['radio-group-option__custom-input']
|
|
17317
17339
|
})), label && React__default["default"].createElement(Label, {
|
|
17318
17340
|
htmlFor: id
|
|
17319
17341
|
}, label)), caption && React__default["default"].createElement("div", {
|
|
17320
|
-
className: styles$
|
|
17342
|
+
className: styles$t['radio-group-option__caption']
|
|
17321
17343
|
}, React__default["default"].createElement(Caption, {
|
|
17322
17344
|
fieldId: id
|
|
17323
17345
|
}, caption)));
|
|
@@ -17454,7 +17476,7 @@ var RadioGroupField = function RadioGroupField(_ref) {
|
|
|
17454
17476
|
}, React__default["default"].createElement(Stack, {
|
|
17455
17477
|
space: space
|
|
17456
17478
|
}, label && React__default["default"].createElement("div", {
|
|
17457
|
-
className: styles$
|
|
17479
|
+
className: styles$v['radio-group-field__label']
|
|
17458
17480
|
}, label), React__default["default"].createElement(Stack, {
|
|
17459
17481
|
space: 8
|
|
17460
17482
|
}, optionsType === OPTION_TYPES.RADIO ? React__default["default"].createElement(RadioOptions, {
|
|
@@ -17466,20 +17488,20 @@ var RadioGroupField = function RadioGroupField(_ref) {
|
|
|
17466
17488
|
testId: testId,
|
|
17467
17489
|
space: space
|
|
17468
17490
|
}, children), caption && React__default["default"].createElement("div", {
|
|
17469
|
-
className: styles$
|
|
17491
|
+
className: styles$v['radio-group-caption']
|
|
17470
17492
|
}, caption), controllers.error && React__default["default"].createElement(ErrorMessage, null, controllers.error))));
|
|
17471
17493
|
};
|
|
17472
17494
|
|
|
17473
|
-
var styles$
|
|
17495
|
+
var styles$s = {"text-field":"_6Of1F","text-field--invalid":"_NQPNK","text-field--prefixed":"_BpQWQ","text-field--suffixed":"_cpYWb","password-container":"_pAoib","password-toggle":"_WVvS6","password-toggle--disabled":"_G29N3"};
|
|
17474
17496
|
|
|
17475
|
-
var styles$
|
|
17497
|
+
var styles$r = {"password-criteria":"_1ruWK","password-criteria--invalid":"_xR7tb"};
|
|
17476
17498
|
|
|
17477
17499
|
var PasswordCriteria = function PasswordCriteria(_ref) {
|
|
17478
17500
|
var _classnames;
|
|
17479
17501
|
var met = _ref.met,
|
|
17480
17502
|
children = _ref.children;
|
|
17481
17503
|
return React__default["default"].createElement("span", {
|
|
17482
|
-
className: classnames__default["default"](styles$
|
|
17504
|
+
className: classnames__default["default"](styles$r['password-criteria'], (_classnames = {}, _classnames[styles$r['password-criteria--invalid']] = !met, _classnames))
|
|
17483
17505
|
}, React__default["default"].createElement(Inline, {
|
|
17484
17506
|
space: met ? 4 : 8
|
|
17485
17507
|
}, met ? React__default["default"].createElement(IconCheck, {
|
|
@@ -17559,11 +17581,11 @@ var PasswordField = function PasswordField(_ref) {
|
|
|
17559
17581
|
error: controllers.error
|
|
17560
17582
|
};
|
|
17561
17583
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement("div", {
|
|
17562
|
-
className: styles$
|
|
17584
|
+
className: styles$s['password-container']
|
|
17563
17585
|
}, React__default["default"].createElement("input", {
|
|
17564
17586
|
name: name,
|
|
17565
17587
|
id: controllers.id,
|
|
17566
|
-
className: classnames__default["default"](styles$
|
|
17588
|
+
className: classnames__default["default"](styles$s['text-field'], (_classnames = {}, _classnames[styles$s['text-field--invalid']] = hasError, _classnames)),
|
|
17567
17589
|
type: type,
|
|
17568
17590
|
"data-testid": testId,
|
|
17569
17591
|
autoComplete: autoComplete,
|
|
@@ -17576,7 +17598,7 @@ var PasswordField = function PasswordField(_ref) {
|
|
|
17576
17598
|
onChange: controllers.onChange,
|
|
17577
17599
|
onBlur: controllers.onBlur
|
|
17578
17600
|
}), React__default["default"].createElement("div", {
|
|
17579
|
-
className: classnames__default["default"](styles$
|
|
17601
|
+
className: classnames__default["default"](styles$s['password-toggle'], (_classNames = {}, _classNames[styles$s['password-toggle--disabled']] = disabled, _classNames)),
|
|
17580
17602
|
onClick: toggleType,
|
|
17581
17603
|
onKeyPress: toggleType,
|
|
17582
17604
|
"data-testid": testId && testId + "-toggle",
|
|
@@ -17688,7 +17710,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
|
|
|
17688
17710
|
})));
|
|
17689
17711
|
};
|
|
17690
17712
|
|
|
17691
|
-
var styles$
|
|
17713
|
+
var styles$q = {"custom-list":"_cSkvD"};
|
|
17692
17714
|
|
|
17693
17715
|
var _excluded$b4 = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad", "isLoadingMore"];
|
|
17694
17716
|
var CustomList = function CustomList(_ref) {
|
|
@@ -17709,7 +17731,7 @@ var CustomList = function CustomList(_ref) {
|
|
|
17709
17731
|
})) : showFooter && props.options.length > 0 && React__default["default"].createElement(Inline, {
|
|
17710
17732
|
justifyContent: "center"
|
|
17711
17733
|
}, React__default["default"].createElement("div", {
|
|
17712
|
-
className: styles$
|
|
17734
|
+
className: styles$q['custom-list']
|
|
17713
17735
|
}, __('moreOptionsPlaceholder')))));
|
|
17714
17736
|
};
|
|
17715
17737
|
|
|
@@ -18106,7 +18128,7 @@ var getFormikError = function getFormikError(error) {
|
|
|
18106
18128
|
return undefined;
|
|
18107
18129
|
};
|
|
18108
18130
|
|
|
18109
|
-
var styles$
|
|
18131
|
+
var styles$p = {"text-field":"_6cH4X","date-range-field":"_DMb6M","text-field--invalid":"_eXIiZ","text-field--prefixed":"_Lc6QO","text-field--suffixed":"_VWrJD","date-range-field--invalid":"_ZJ2A5","date-range-field--disabled":"_WkaJQ"};
|
|
18110
18132
|
|
|
18111
18133
|
var calendarStyles = {"root":"_SsQ7L","table":"_Ar-fF","caption":"_Tp79k","head_cell":"_Ya6Zr","day_today":"_lFzs7","day_outside":"_TjttB","nav_button":"_cwiRM","day_range_middle":"_rJolM","day_range_start":"_nVIPx","day_range_end":"_Y50yT"};
|
|
18112
18134
|
|
|
@@ -18174,9 +18196,9 @@ var DateRangeCalendar = function DateRangeCalendar(_ref) {
|
|
|
18174
18196
|
var MONTH_NAMES = getMonths(translate);
|
|
18175
18197
|
var highlight = buildHighlightDayPickerProps(highlightedDays);
|
|
18176
18198
|
return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
|
|
18177
|
-
className: styles$
|
|
18199
|
+
className: styles$1b['calendar']
|
|
18178
18200
|
}, React__default["default"].createElement("div", {
|
|
18179
|
-
className: styles$
|
|
18201
|
+
className: styles$1b['calendar__overlay'],
|
|
18180
18202
|
ref: function ref(_ref2) {
|
|
18181
18203
|
return setCalendarRef(_ref2);
|
|
18182
18204
|
},
|
|
@@ -18391,7 +18413,7 @@ var DateRangeField = function DateRangeField(_ref) {
|
|
|
18391
18413
|
start = _controllers$value.start,
|
|
18392
18414
|
end = _controllers$value.end;
|
|
18393
18415
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement("div", {
|
|
18394
|
-
className: classnames__default["default"](styles$
|
|
18416
|
+
className: classnames__default["default"](styles$p['date-range-field'], (_classnames = {}, _classnames[styles$p['date-range-field--invalid']] = hasError, _classnames[styles$p['date-range-field--disabled']] = disabled, _classnames)),
|
|
18395
18417
|
"data-testid": testId
|
|
18396
18418
|
}, React__default["default"].createElement(IconCalendarAlt, {
|
|
18397
18419
|
size: "medium",
|
|
@@ -18760,7 +18782,7 @@ var TimeRangeSelector = React.forwardRef(TimeFieldElement);
|
|
|
18760
18782
|
*/
|
|
18761
18783
|
var TimeField = React.forwardRef(TimeFieldElement);
|
|
18762
18784
|
|
|
18763
|
-
var styles$
|
|
18785
|
+
var styles$o = {"text-field":"_yV-BZ","time-range-field":"_9i8Lj","text-field--invalid":"_FJVdv","text-field--prefixed":"_B7q-i","text-field--suffixed":"_DvCJW","time-range-field--invalid":"_g2UhP","time-range-field--disabled":"_Yn4T4"};
|
|
18764
18786
|
|
|
18765
18787
|
var TimeRangeEnd = function TimeRangeEnd(_ref) {
|
|
18766
18788
|
var startTime = _ref.startTime,
|
|
@@ -18879,7 +18901,7 @@ var TimeRangeField = function TimeRangeField(_ref) {
|
|
|
18879
18901
|
end: end
|
|
18880
18902
|
}) : getDuration(end, start, subtractDuration);
|
|
18881
18903
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement("div", {
|
|
18882
|
-
className: classnames__default["default"](styles$
|
|
18904
|
+
className: classnames__default["default"](styles$o['time-range-field'], (_classnames = {}, _classnames[styles$o['time-range-field--invalid']] = hasError, _classnames[styles$o['time-range-field--disabled']] = disabled, _classnames)),
|
|
18883
18905
|
"data-testid": testId
|
|
18884
18906
|
}, React__default["default"].createElement(TimeRangeStart, {
|
|
18885
18907
|
startTime: startTime,
|
|
@@ -18910,7 +18932,7 @@ var TimeRangeField = function TimeRangeField(_ref) {
|
|
|
18910
18932
|
})));
|
|
18911
18933
|
};
|
|
18912
18934
|
|
|
18913
|
-
var styles$
|
|
18935
|
+
var styles$n = {"currency-field":"_GyYnE","currency-field--with-mask":"_NfdKk","currency-field__mask-display":"_ddacu","currency-field__mask-display--disabled":"_o1-zA"};
|
|
18914
18936
|
|
|
18915
18937
|
var CURRENCY_DISPLAY_DEFAULT_MARGIN = 8;
|
|
18916
18938
|
var CURRENCY_DISPLAY_MARGIN_BUFFER = 1;
|
|
@@ -18980,9 +19002,9 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
|
|
|
18980
19002
|
setShowMask(false);
|
|
18981
19003
|
inputProps.onFocus(e);
|
|
18982
19004
|
},
|
|
18983
|
-
className: classnames__default["default"](inputProps.className, styles$
|
|
19005
|
+
className: classnames__default["default"](inputProps.className, styles$n['currency-field'], (_classnames = {}, _classnames[styles$n['currency-field--with-mask']] = showMask && !!inputProps.value, _classnames))
|
|
18984
19006
|
}))), showMask && !!inputProps.value && React__default["default"].createElement("div", {
|
|
18985
|
-
className: classnames__default["default"](styles$
|
|
19007
|
+
className: classnames__default["default"](styles$n['currency-field__mask-display'], (_classnames2 = {}, _classnames2[styles$n['currency-field__mask-display--disabled']] = inputProps.disabled, _classnames2)),
|
|
18986
19008
|
style: {
|
|
18987
19009
|
marginLeft: displayPadding
|
|
18988
19010
|
}
|
|
@@ -19108,7 +19130,7 @@ var FormFeedback = function FormFeedback(_ref) {
|
|
|
19108
19130
|
}, children);
|
|
19109
19131
|
};
|
|
19110
19132
|
|
|
19111
|
-
var styles$
|
|
19133
|
+
var styles$m = {"phone-field":"_Q0GfJ","phone-field__flag":"_-uOqW","phone-field__input":"_Hes9b","phone-field__input--with-square-borders":"_TEU6N"};
|
|
19112
19134
|
|
|
19113
19135
|
var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
|
|
19114
19136
|
var name = _ref.name,
|
|
@@ -19250,7 +19272,7 @@ var usePhoneField = function usePhoneField(_ref) {
|
|
|
19250
19272
|
'aria-describedby': hasError ? controllers.id + "-error-message" : controllers.id + "-describer",
|
|
19251
19273
|
'aria-invalid': hasError,
|
|
19252
19274
|
autoFocus: autoFocus,
|
|
19253
|
-
className: classnames__default["default"](styles$
|
|
19275
|
+
className: classnames__default["default"](styles$1v['text-field'], (_classnames = {}, _classnames[styles$1v['text-field--invalid']] = hasError, _classnames)),
|
|
19254
19276
|
'data-testid': testId,
|
|
19255
19277
|
disabled: disabled,
|
|
19256
19278
|
id: controllers.id,
|
|
@@ -20019,7 +20041,7 @@ var COUNTRIES = {
|
|
|
20019
20041
|
};
|
|
20020
20042
|
var COUNTRY_CODES = Object.keys(COUNTRIES);
|
|
20021
20043
|
|
|
20022
|
-
var styles$
|
|
20044
|
+
var styles$l = {"country-selector":"_VYs4A","country-selector--with-error":"_oSxxZ","country-selector__trigger":"_jlyd4","country-selector--disabled":"_tNInT","country-selector__trigger--with-error":"_424HM","country-selector__trigger--disabled":"_0XOFf","country-selector__trigger-flag":"_RfPa1","country-selector__flag":"_uADOl"};
|
|
20023
20045
|
|
|
20024
20046
|
var flagIcons = {"fi":"_wEQeh","fis":"_Z-kfc","fi-ac":"_amiP8","fi-ad":"_-Nycw","fi-ae":"_5zcAZ","fi-af":"_x-kp7","fi-ag":"_cfoi1","fi-ai":"_xoMS-","fi-al":"_am975","fi-am":"_0p-gD","fi-ao":"_l245N","fi-ar":"_xigkX","fi-as":"_fSczv","fi-at":"_tTeMy","fi-au":"_nSXvc","fi-aw":"_J3Dgu","fi-ax":"_PnU0s","fi-az":"_Hevuf","fi-ba":"_V-NYg","fi-bb":"_rdxaV","fi-bd":"_W3w35","fi-be":"_HXWpo","fi-bf":"_-xCW2","fi-bg":"_UuyPh","fi-bh":"_qYHkT","fi-bi":"_sfFeO","fi-bj":"_HcoBc","fi-bl":"_VvU29","fi-bm":"_DCtD1","fi-bn":"_QdHY3","fi-bo":"_Ayx7f","fi-bq":"_VfZGH","fi-br":"_HigIg","fi-bs":"_PWr-E","fi-bt":"_uFlIS","fi-bw":"_Mmoqr","fi-by":"_MKO28","fi-bz":"_HBn3o","fi-ca":"_wB3xX","fi-cc":"_oJEC5","fi-cd":"_C3RR8","fi-cf":"_ZVOZZ","fi-cg":"_Nk7Zr","fi-ch":"_9qTmx","fi-ci":"_4-gxn","fi-ck":"_YEK3x","fi-cl":"_-iNl4","fi-cm":"_UozRb","fi-cn":"_KsOEH","fi-co":"_ptSEc","fi-cr":"_92iwJ","fi-cu":"_D0k3p","fi-cv":"_O5oBT","fi-cw":"_82pI2","fi-cx":"_Eqg1T","fi-cy":"_740E8","fi-cz":"_483Iy","fi-de":"_Wla8X","fi-dj":"_Jm9gH","fi-dk":"_5QJuz","fi-dm":"_4lh-K","fi-do":"_Zvttl","fi-dz":"_-5iKJ","fi-ec":"_XMC0f","fi-ee":"_tZDe6","fi-eg":"_5USxE","fi-eh":"_rpC1Z","fi-er":"_Rhm4A","fi-es":"_QN2si","fi-et":"_2ihBN","fi-fi":"_2Lctq","fi-fj":"_ljZXm","fi-fk":"_Um9-A","fi-fm":"_mXG-Y","fi-fo":"_SemMo","fi-fr":"_MGcxf","fi-ga":"_aPt7H","fi-gb":"_2tU39","fi-gd":"_CPs5V","fi-ge":"_09VJF","fi-gf":"_7STtr","fi-gg":"_CUbGJ","fi-gh":"_mgJbd","fi-gi":"_mxhe5","fi-gl":"_gXogr","fi-gm":"_JHzzB","fi-gn":"_XJqm4","fi-gp":"_YnrVE","fi-gq":"_J47-w","fi-gr":"_5YAwo","fi-gt":"_PWFl-","fi-gu":"_ItzVX","fi-gw":"_hiRJc","fi-gy":"_oitDt","fi-hk":"_18FzB","fi-hn":"_5ySTg","fi-hr":"_rzYuT","fi-ht":"_Pq7or","fi-hu":"_-u5Ze","fi-id":"_m8GwW","fi-ie":"_pPEAu","fi-il":"_Butse","fi-im":"_wLEYj","fi-in":"_XY7D8","fi-io":"_iKM6K","fi-iq":"_iwLoJ","fi-ir":"_L1Gd1","fi-is":"_6XPDX","fi-it":"_JXv9-","fi-je":"_Qwjxj","fi-jm":"_qzNME","fi-jo":"_JqYXz","fi-jp":"_CakOC","fi-ke":"_Czyy6","fi-kg":"_6Yydv","fi-kh":"_zhLEc","fi-ki":"_qJxPJ","fi-km":"_KDmv4","fi-kn":"_n3xy0","fi-kp":"_voM9e","fi-kr":"_sErX2","fi-kw":"_kJUFk","fi-ky":"_Ensoj","fi-kz":"_JVpyw","fi-la":"_eVzpD","fi-lb":"_f400B","fi-lc":"_vhHp5","fi-li":"_cP76d","fi-lk":"_NGSeL","fi-lr":"_yIHm7","fi-ls":"_Kj-GJ","fi-lt":"_VTK9E","fi-lu":"_N4PHA","fi-lv":"_d-ZWR","fi-ly":"_49dYi","fi-ma":"_Iqggh","fi-mc":"_QQY-Q","fi-md":"_e7v9L","fi-me":"_WqN7P","fi-mf":"_4Exh-","fi-mg":"_W-d9O","fi-mh":"_3xTQ7","fi-mk":"_O26qm","fi-ml":"_hiLpW","fi-mm":"_QGh12","fi-mn":"_KNLNH","fi-mo":"_Kdw-k","fi-mp":"_CTkAK","fi-mq":"_MzLKJ","fi-mr":"_sjQHJ","fi-ms":"_ENTOn","fi-mt":"_GoKtf","fi-mu":"_WLc98","fi-mv":"_08Tf4","fi-mw":"_MvAGM","fi-mx":"_FPDND","fi-my":"_1xoF6","fi-mz":"_ylwZy","fi-na":"_-pxPH","fi-nc":"_W-Ot-","fi-ne":"_EOA-X","fi-nf":"_W5Kl5","fi-ng":"_q76Cs","fi-ni":"_AuKsI","fi-nl":"_qLIaU","fi-no":"_xbcrX","fi-np":"_FQt4h","fi-nr":"_jJbHx","fi-nu":"_TSamx","fi-nz":"_AzsKY","fi-om":"_TUoW9","fi-pa":"_jCT-C","fi-pe":"_VMnoV","fi-pf":"_Gblvx","fi-pg":"_FLRnq","fi-ph":"_0RSGR","fi-pk":"_DfZCd","fi-pl":"_hv9I4","fi-pm":"_IDp3q","fi-pr":"_2MHj1","fi-ps":"_0FLpC","fi-pt":"_p--cH","fi-pw":"_VP-zx","fi-py":"_-Tnic","fi-qa":"_Dy7Il","fi-re":"_7N5ED","fi-ro":"_4AYwa","fi-rs":"_Y-a4O","fi-ru":"_OKa79","fi-rw":"_bBqN1","fi-sa":"_vFwuG","fi-sb":"_MMmc2","fi-sc":"_ZUM8E","fi-sd":"_9k8eB","fi-se":"_cX0c9","fi-sg":"_4-yWs","fi-sh":"_-vaPR","fi-si":"_9oJgu","fi-sj":"_J0R6u","fi-sk":"_1VxbX","fi-sl":"_RiBAA","fi-sm":"_rEaFc","fi-sn":"_PRwVO","fi-so":"_XKFdC","fi-sr":"_LtiS3","fi-ss":"_45mng","fi-st":"_OtIks","fi-sv":"_OonsM","fi-sx":"_NtzDE","fi-sy":"_Ail2H","fi-sz":"_8XRyD","fi-ta":"_GQvZn","fi-tc":"_SbD-E","fi-td":"_AnXAO","fi-tg":"_smamZ","fi-th":"_AVcL5","fi-tj":"_EqMlf","fi-tk":"_20VO7","fi-tl":"_jz9hm","fi-tm":"_kmmny","fi-tn":"_9aBQ-","fi-to":"_G63l0","fi-tr":"_6shnc","fi-tt":"_P5fq4","fi-tv":"_b7SpV","fi-tw":"_jwNjI","fi-tz":"_qtU8x","fi-ua":"_bNAHa","fi-ug":"_-G-iW","fi-us":"_xwz53","fi-uy":"_DpeX8","fi-uz":"_kSABK","fi-va":"_VOSWl","fi-vc":"_X-aU3","fi-ve":"_FiFnt","fi-vg":"_d66Ny","fi-vi":"_6kM5U","fi-vn":"_ikRJo","fi-vu":"_5XaHH","fi-wf":"_ZEJXX","fi-ws":"_IzR7c","fi-xk":"_88V52","fi-ye":"_2Dwap","fi-yt":"_kQ0fh","fi-za":"_XzYDs","fi-zm":"_mA8wn","fi-zw":"_iIsuB"};
|
|
20025
20047
|
|
|
@@ -20036,15 +20058,15 @@ var CountrySelector = function CountrySelector(_ref) {
|
|
|
20036
20058
|
return arr.indexOf(code) === index && code in COUNTRIES;
|
|
20037
20059
|
});
|
|
20038
20060
|
return React__default["default"].createElement("div", {
|
|
20039
|
-
className: classnames__default["default"](styles$
|
|
20061
|
+
className: classnames__default["default"](styles$l['country-selector'], (_classNames = {}, _classNames[styles$l['country-selector--with-error']] = hasError, _classNames[styles$l['country-selector--disabled']] = disabled, _classNames))
|
|
20040
20062
|
}, React__default["default"].createElement(Dropdown, {
|
|
20041
20063
|
trigger: React__default["default"].createElement("div", {
|
|
20042
|
-
className: classnames__default["default"](styles$
|
|
20064
|
+
className: classnames__default["default"](styles$l['country-selector__trigger'], (_classNames2 = {}, _classNames2[styles$l['country-selector__trigger--with-error']] = hasError, _classNames2[styles$l['country-selector__trigger--disabled']] = disabled, _classNames2))
|
|
20043
20065
|
}, React__default["default"].createElement(Inline, {
|
|
20044
20066
|
space: 8,
|
|
20045
20067
|
alignItems: "center"
|
|
20046
20068
|
}, React__default["default"].createElement("span", {
|
|
20047
|
-
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + country.toLowerCase()], styles$
|
|
20069
|
+
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + country.toLowerCase()], styles$l['country-selector__trigger-flag'])
|
|
20048
20070
|
}), React__default["default"].createElement(IconChevronDown, {
|
|
20049
20071
|
color: "currentColor",
|
|
20050
20072
|
size: "medium"
|
|
@@ -20061,7 +20083,7 @@ var CountrySelector = function CountrySelector(_ref) {
|
|
|
20061
20083
|
alignItems: "center",
|
|
20062
20084
|
space: 12
|
|
20063
20085
|
}, React__default["default"].createElement("span", {
|
|
20064
|
-
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$
|
|
20086
|
+
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$l['country-selector__flag'])
|
|
20065
20087
|
}), React__default["default"].createElement(Text, null, COUNTRIES[countryCode].countryName)));
|
|
20066
20088
|
}), React__default["default"].createElement(DropdownListDivider, null), COUNTRY_CODES.map(function (countryCode) {
|
|
20067
20089
|
return React__default["default"].createElement(DropdownListItem, {
|
|
@@ -20073,7 +20095,7 @@ var CountrySelector = function CountrySelector(_ref) {
|
|
|
20073
20095
|
alignItems: "center",
|
|
20074
20096
|
space: 12
|
|
20075
20097
|
}, React__default["default"].createElement("span", {
|
|
20076
|
-
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$
|
|
20098
|
+
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$l['country-selector__flag'])
|
|
20077
20099
|
}), React__default["default"].createElement(Text, null, COUNTRIES[countryCode].countryName)));
|
|
20078
20100
|
}))));
|
|
20079
20101
|
};
|
|
@@ -20150,7 +20172,7 @@ var PhoneField = function PhoneField(_ref) {
|
|
|
20150
20172
|
}
|
|
20151
20173
|
};
|
|
20152
20174
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement("div", {
|
|
20153
|
-
className: styles$
|
|
20175
|
+
className: styles$m['phone-field']
|
|
20154
20176
|
}, !disabledCountry && React__default["default"].createElement(CountrySelector, {
|
|
20155
20177
|
country: selectedCountry,
|
|
20156
20178
|
onChange: handleCountryChange,
|
|
@@ -20162,17 +20184,17 @@ var PhoneField = function PhoneField(_ref) {
|
|
|
20162
20184
|
space: 4,
|
|
20163
20185
|
alignItems: "center"
|
|
20164
20186
|
}, React__default["default"].createElement("span", {
|
|
20165
|
-
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + selectedCountry.toLocaleLowerCase()], styles$
|
|
20187
|
+
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + selectedCountry.toLocaleLowerCase()], styles$m['country-selector__flag'])
|
|
20166
20188
|
}), React__default["default"].createElement("span", null, "+", libphonenumberJs.getCountryCallingCode(selectedCountry))) : "+" + libphonenumberJs.getCountryCallingCode(selectedCountry)
|
|
20167
20189
|
}, React__default["default"].createElement("input", _extends({}, inputProps, {
|
|
20168
20190
|
type: "tel",
|
|
20169
|
-
className: classnames__default["default"](inputProps.className, styles$
|
|
20191
|
+
className: classnames__default["default"](inputProps.className, styles$m['phone-field__input'], (_classNames = {}, _classNames[styles$m['phone-field__input--with-square-borders']] = !disabledCountry, _classNames)),
|
|
20170
20192
|
onChange: handlePhoneChange,
|
|
20171
20193
|
onBlur: handlePhoneBlur
|
|
20172
20194
|
})))));
|
|
20173
20195
|
};
|
|
20174
20196
|
|
|
20175
|
-
var styles$
|
|
20197
|
+
var styles$k = {"color-overlay":"_LTVgG","color-overlay__color-display-container":"_R1mls","color-overlay__color-display-circle":"_M-8rP","color-overlay__color-display-circle--selected":"_o92fv","color-overlay__color-display-circle--focused":"_QBSCQ","color-overlay__custom-color":"_iQoTb"};
|
|
20176
20198
|
|
|
20177
20199
|
var SEQUENTIAL_COLORS = ['seq-18', 'seq-4', 'seq-7', 'seq-16', 'seq-12', 'seq-6', 'seq-9', 'seq-3', 'seq-11', 'seq-1', 'seq-13', 'seq-10', 'seq-14', 'seq-8', 'seq-19', 'seq-20', 'seq-2', 'seq-17', 'seq-15', 'seq-5'];
|
|
20178
20200
|
|
|
@@ -20399,7 +20421,7 @@ var OverlayContent = function OverlayContent(_ref) {
|
|
|
20399
20421
|
return React__default["default"].createElement("div", {
|
|
20400
20422
|
style: overlayStyle,
|
|
20401
20423
|
ref: overlayRef,
|
|
20402
|
-
className: styles$
|
|
20424
|
+
className: styles$k['color-overlay'],
|
|
20403
20425
|
role: "dialog"
|
|
20404
20426
|
}, SEQUENTIAL_COLORS.map(function (color, index) {
|
|
20405
20427
|
return React__default["default"].createElement(ColorDisplay, {
|
|
@@ -20415,7 +20437,7 @@ var OverlayContent = function OverlayContent(_ref) {
|
|
|
20415
20437
|
}
|
|
20416
20438
|
});
|
|
20417
20439
|
}), allowCustomColor && React__default["default"].createElement("div", {
|
|
20418
|
-
className: styles$
|
|
20440
|
+
className: styles$k['color-overlay__custom-color']
|
|
20419
20441
|
}, React__default["default"].createElement(Button, {
|
|
20420
20442
|
ref: customButtonRef,
|
|
20421
20443
|
size: "full-width",
|
|
@@ -20430,12 +20452,12 @@ var ColorDisplay = function ColorDisplay(_ref2) {
|
|
|
20430
20452
|
_onClick = _ref2.onClick,
|
|
20431
20453
|
onHover = _ref2.onHover;
|
|
20432
20454
|
return React__default["default"].createElement("button", {
|
|
20433
|
-
className: styles$
|
|
20455
|
+
className: styles$k['color-overlay__color-display-container'],
|
|
20434
20456
|
onClick: function onClick() {
|
|
20435
20457
|
return _onClick(color);
|
|
20436
20458
|
}
|
|
20437
20459
|
}, React__default["default"].createElement("div", {
|
|
20438
|
-
className: classnames__default["default"](styles$
|
|
20460
|
+
className: classnames__default["default"](styles$k['color-overlay__color-display-circle'], (_classNames = {}, _classNames[styles$k['color-overlay__color-display-circle--selected']] = isSelected, _classNames[styles$k['color-overlay__color-display-circle--focused']] = isFocused, _classNames)),
|
|
20439
20461
|
onMouseEnter: onHover,
|
|
20440
20462
|
style: {
|
|
20441
20463
|
backgroundColor: COLORS[color]
|
|
@@ -20443,12 +20465,12 @@ var ColorDisplay = function ColorDisplay(_ref2) {
|
|
|
20443
20465
|
}));
|
|
20444
20466
|
};
|
|
20445
20467
|
|
|
20446
|
-
var styles$
|
|
20468
|
+
var styles$j = {"color-swatch":"_UUuiJ"};
|
|
20447
20469
|
|
|
20448
20470
|
var ColorSwatch = function ColorSwatch(_ref) {
|
|
20449
20471
|
var color = _ref.color;
|
|
20450
20472
|
return React__default["default"].createElement("div", {
|
|
20451
|
-
className: styles$
|
|
20473
|
+
className: styles$j['color-swatch'],
|
|
20452
20474
|
style: {
|
|
20453
20475
|
backgroundColor: color
|
|
20454
20476
|
}
|
|
@@ -20536,7 +20558,7 @@ var findSeqTokenByHex = function findSeqTokenByHex(value) {
|
|
|
20536
20558
|
});
|
|
20537
20559
|
};
|
|
20538
20560
|
|
|
20539
|
-
var styles$
|
|
20561
|
+
var styles$i = {"custom-color-picker":"_OHgPk"};
|
|
20540
20562
|
|
|
20541
20563
|
/**
|
|
20542
20564
|
* A visually hidden native color input. It is kept mounted on the field (not
|
|
@@ -20590,12 +20612,12 @@ var CustomColorPicker = React.forwardRef(function (_ref, ref) {
|
|
|
20590
20612
|
type: "color",
|
|
20591
20613
|
"aria-hidden": "true",
|
|
20592
20614
|
tabIndex: -1,
|
|
20593
|
-
className: styles$
|
|
20615
|
+
className: styles$i['custom-color-picker'],
|
|
20594
20616
|
defaultValue: safeColor
|
|
20595
20617
|
});
|
|
20596
20618
|
});
|
|
20597
20619
|
|
|
20598
|
-
var styles$
|
|
20620
|
+
var styles$h = {"color-field":"_KJawn"};
|
|
20599
20621
|
|
|
20600
20622
|
var ColorFieldElement = function ColorFieldElement(props, ref) {
|
|
20601
20623
|
var _useTextField = useTextField(_extends({}, props, {
|
|
@@ -20634,7 +20656,7 @@ var ColorFieldElement = function ColorFieldElement(props, ref) {
|
|
|
20634
20656
|
(_customPickerRef$curr = customPickerRef.current) == null || _customPickerRef$curr.open();
|
|
20635
20657
|
};
|
|
20636
20658
|
return React__default["default"].createElement(React.Fragment, null, React__default["default"].createElement("div", {
|
|
20637
|
-
className: styles$
|
|
20659
|
+
className: styles$h['color-field']
|
|
20638
20660
|
}, React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement(AffixContainer, {
|
|
20639
20661
|
prefix: React__default["default"].createElement(ColorSwatch, {
|
|
20640
20662
|
color: getCurrentColor()
|
|
@@ -20746,76 +20768,22 @@ var isValidPhoneNumber = function isValidPhoneNumber(value) {
|
|
|
20746
20768
|
return !value || libphonenumberJs.isValidPhoneNumber(value);
|
|
20747
20769
|
};
|
|
20748
20770
|
|
|
20749
|
-
var styles$
|
|
20750
|
-
|
|
20751
|
-
var styles$g = {"avatar-image":"_iDN1j"};
|
|
20771
|
+
var styles$g = {"avatar":"_V1U8v","avatar__container":"_peAaI","avatar--loading":"_vQa4v","avatar-shimmer":"_rw4zM","avatar--small":"_9g-tn","avatar__badge":"_uViot","avatar--medium":"_vNXJW","avatar--large":"_9ZKAB","avatar--extra-large":"_uv14Y"};
|
|
20752
20772
|
|
|
20753
20773
|
var AvatarImage = function AvatarImage(_ref) {
|
|
20754
20774
|
var url = _ref.url,
|
|
20755
|
-
color = _ref.color,
|
|
20756
20775
|
_ref$alt = _ref.alt,
|
|
20757
20776
|
alt = _ref$alt === void 0 ? 'Profile' : _ref$alt,
|
|
20758
|
-
onImageFallbackError = _ref.onImageFallbackError
|
|
20759
|
-
|
|
20760
|
-
|
|
20761
|
-
|
|
20762
|
-
|
|
20763
|
-
|
|
20764
|
-
|
|
20765
|
-
|
|
20766
|
-
onError: function onError() {
|
|
20767
|
-
setHasImageError(true);
|
|
20768
|
-
onImageFallbackError();
|
|
20769
|
-
}
|
|
20770
|
-
});
|
|
20771
|
-
}
|
|
20772
|
-
return React__default["default"].createElement("div", {
|
|
20773
|
-
className: styles$g['avatar-image']
|
|
20774
|
-
}, React__default["default"].createElement(IconUser, {
|
|
20775
|
-
size: "flexible",
|
|
20776
|
-
color: color,
|
|
20777
|
-
variant: "solid"
|
|
20778
|
-
}));
|
|
20777
|
+
onImageFallbackError = _ref.onImageFallbackError,
|
|
20778
|
+
onImageLoad = _ref.onImageLoad;
|
|
20779
|
+
return React__default["default"].createElement("img", {
|
|
20780
|
+
src: url,
|
|
20781
|
+
alt: alt,
|
|
20782
|
+
onError: onImageFallbackError,
|
|
20783
|
+
onLoad: onImageLoad
|
|
20784
|
+
});
|
|
20779
20785
|
};
|
|
20780
20786
|
|
|
20781
|
-
var PROFILE_IMAGES = [{
|
|
20782
|
-
backgroundColor: '#EAD3E3',
|
|
20783
|
-
avatarColor: '#AA6589'
|
|
20784
|
-
}, {
|
|
20785
|
-
backgroundColor: '#F4F6FC',
|
|
20786
|
-
avatarColor: '#9EA9D3'
|
|
20787
|
-
}, {
|
|
20788
|
-
backgroundColor: '#FBEBE6',
|
|
20789
|
-
avatarColor: '#F3A097'
|
|
20790
|
-
}, {
|
|
20791
|
-
backgroundColor: '#F7FAF2',
|
|
20792
|
-
avatarColor: '#BBCA94'
|
|
20793
|
-
}, {
|
|
20794
|
-
backgroundColor: '#E1F3EF',
|
|
20795
|
-
avatarColor: '#8DC3B9'
|
|
20796
|
-
}, {
|
|
20797
|
-
backgroundColor: '#F2DCBD',
|
|
20798
|
-
avatarColor: '#A98146'
|
|
20799
|
-
}, {
|
|
20800
|
-
backgroundColor: '#AA6589',
|
|
20801
|
-
avatarColor: '#EAD3E3'
|
|
20802
|
-
}, {
|
|
20803
|
-
backgroundColor: '#9EA9D3',
|
|
20804
|
-
avatarColor: '#F4F6FC'
|
|
20805
|
-
}, {
|
|
20806
|
-
backgroundColor: '#F3A097',
|
|
20807
|
-
avatarColor: '#FBEBE6'
|
|
20808
|
-
}, {
|
|
20809
|
-
backgroundColor: '#BBCA94',
|
|
20810
|
-
avatarColor: '#F7FAF2'
|
|
20811
|
-
}, {
|
|
20812
|
-
backgroundColor: '#8DC3B9',
|
|
20813
|
-
avatarColor: '#E1F3EF'
|
|
20814
|
-
}, {
|
|
20815
|
-
backgroundColor: '#A98146',
|
|
20816
|
-
avatarColor: '#F2DCBD'
|
|
20817
|
-
}];
|
|
20818
|
-
|
|
20819
20787
|
var elementCallbackMap = null;
|
|
20820
20788
|
function getElementCallbackMap() {
|
|
20821
20789
|
if (!elementCallbackMap) {
|
|
@@ -20896,20 +20864,31 @@ function useIsVisibleInViewPort() {
|
|
|
20896
20864
|
};
|
|
20897
20865
|
}
|
|
20898
20866
|
|
|
20867
|
+
function getInitials(name) {
|
|
20868
|
+
var trimmed = name.trim();
|
|
20869
|
+
var parts = trimmed.split(/\s+/);
|
|
20870
|
+
if (parts.length >= 2) {
|
|
20871
|
+
return parts[0][0] + parts[parts.length - 1][0];
|
|
20872
|
+
}
|
|
20873
|
+
return trimmed.slice(0, 2);
|
|
20874
|
+
}
|
|
20899
20875
|
/**
|
|
20900
20876
|
* Avatar represents a person or entity — such as a company, location, department, or role — with a visual identifier. It appears wherever a person or entity's identity needs to be communicated at a glance.
|
|
20901
20877
|
*/
|
|
20902
20878
|
var Avatar = function Avatar(_ref) {
|
|
20903
20879
|
var _classnames;
|
|
20904
20880
|
var children = _ref.children,
|
|
20905
|
-
|
|
20906
|
-
color = _ref$color === void 0 ? COLORS['surface-on-color-subtle'] : _ref$color,
|
|
20881
|
+
color = _ref.color,
|
|
20907
20882
|
_ref$size = _ref.size,
|
|
20908
20883
|
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
20909
20884
|
urlProp = _ref.url,
|
|
20910
20885
|
badge = _ref.badge,
|
|
20911
20886
|
alt = _ref.alt,
|
|
20912
20887
|
testId = _ref.testId;
|
|
20888
|
+
// When a `color` is explicitly passed use it, otherwise fall back to the
|
|
20889
|
+
// neutral color. Keeping `color` undefined by default lets us distinguish
|
|
20890
|
+
// "caller passed a color" from "no color given".
|
|
20891
|
+
var resolvedColor = color ? getColor(color) : COLORS['surface-on-color-subtle'];
|
|
20913
20892
|
var _useIsVisibleInViewPo = useIsVisibleInViewPort(),
|
|
20914
20893
|
isVisible = _useIsVisibleInViewPo.isVisible,
|
|
20915
20894
|
elementRef = _useIsVisibleInViewPo.elementRef;
|
|
@@ -20925,34 +20904,51 @@ var Avatar = function Avatar(_ref) {
|
|
|
20925
20904
|
}
|
|
20926
20905
|
}, [isVisible, hasBeenVisible]);
|
|
20927
20906
|
var url = hasBeenVisible ? urlProp : undefined;
|
|
20928
|
-
var _useState2 = React.useState(
|
|
20929
|
-
|
|
20930
|
-
|
|
20931
|
-
var _useState3 = React.useState(
|
|
20932
|
-
|
|
20933
|
-
|
|
20934
|
-
|
|
20935
|
-
|
|
20936
|
-
|
|
20937
|
-
|
|
20938
|
-
|
|
20939
|
-
|
|
20907
|
+
var _useState2 = React.useState(url),
|
|
20908
|
+
prevUrl = _useState2[0],
|
|
20909
|
+
setPrevUrl = _useState2[1];
|
|
20910
|
+
var _useState3 = React.useState(false),
|
|
20911
|
+
imageLoadFailed = _useState3[0],
|
|
20912
|
+
setImageLoadFailed = _useState3[1];
|
|
20913
|
+
var _useState4 = React.useState(false),
|
|
20914
|
+
imageLoaded = _useState4[0],
|
|
20915
|
+
setImageLoaded = _useState4[1];
|
|
20916
|
+
if (url !== prevUrl) {
|
|
20917
|
+
setPrevUrl(url);
|
|
20918
|
+
setImageLoaded(false);
|
|
20919
|
+
setImageLoadFailed(false);
|
|
20920
|
+
}
|
|
20921
|
+
var isImageLoading = !!url && !imageLoadFailed && !imageLoaded;
|
|
20922
|
+
// Show a lighter grey while the image loads; fall back to the role/neutral color otherwise.
|
|
20923
|
+
var backgroundColor = url && !imageLoadFailed ? COLORS['surface-container-highest'] : resolvedColor;
|
|
20924
|
+
return React__default["default"].createElement(AvatarContext.Provider, {
|
|
20925
|
+
value: {
|
|
20926
|
+
size: size
|
|
20927
|
+
}
|
|
20940
20928
|
}, React__default["default"].createElement("div", {
|
|
20941
|
-
className: classnames__default["default"](styles$
|
|
20929
|
+
className: classnames__default["default"](styles$g['avatar__container']),
|
|
20930
|
+
ref: elementRef,
|
|
20931
|
+
style: url && color ? {
|
|
20932
|
+
'--avatar-ring-color': resolvedColor
|
|
20933
|
+
} : undefined
|
|
20934
|
+
}, React__default["default"].createElement("div", {
|
|
20935
|
+
className: classnames__default["default"](styles$g['avatar'], (_classnames = {}, _classnames[styles$g['avatar--small']] = size === 'small', _classnames[styles$g['avatar--medium']] = size === 'medium', _classnames[styles$g['avatar--large']] = size === 'large', _classnames[styles$g['avatar--extra-large']] = size === 'extra-large', _classnames[styles$g['avatar--loading']] = isImageLoading, _classnames)),
|
|
20942
20936
|
style: {
|
|
20943
|
-
backgroundColor:
|
|
20937
|
+
backgroundColor: backgroundColor
|
|
20944
20938
|
},
|
|
20945
20939
|
"data-testid": testId
|
|
20946
|
-
},
|
|
20940
|
+
}, url && !imageLoadFailed ? React__default["default"].createElement(AvatarImage, {
|
|
20947
20941
|
url: url,
|
|
20948
|
-
color: defaultProfilePictureColors.avatarColor,
|
|
20949
20942
|
alt: alt,
|
|
20950
20943
|
onImageFallbackError: function onImageFallbackError() {
|
|
20951
|
-
return
|
|
20944
|
+
return setImageLoadFailed(true);
|
|
20945
|
+
},
|
|
20946
|
+
onImageLoad: function onImageLoad() {
|
|
20947
|
+
return setImageLoaded(true);
|
|
20952
20948
|
}
|
|
20953
|
-
})
|
|
20954
|
-
className: styles$
|
|
20955
|
-
}, badge)));
|
|
20949
|
+
}) : typeof children === 'string' ? getInitials(children) : children, badge && React__default["default"].createElement("div", {
|
|
20950
|
+
className: styles$g['avatar__badge']
|
|
20951
|
+
}, badge))));
|
|
20956
20952
|
};
|
|
20957
20953
|
|
|
20958
20954
|
var CHIP_THEME = {
|