@7shifts/sous-chef 4.13.0 → 4.14.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 +20 -53
- package/dist/index.css.map +1 -1
- package/dist/index.js +425 -421
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +600 -597
- package/dist/index.modern.js.map +1 -1
- package/dist/media/Avatar/AvatarImage/AvatarImage.d.ts +2 -2
- package/dist/media/Badge/Badge.d.ts +0 -5
- package/llms-instructions/guidelines/Avatar.guidelines.md +28 -4
- package/llms-instructions/guidelines/Badge.guidelines.md +8 -0
- package/llms-instructions/guidelines/Modal.guidelines.md +16 -0
- package/package.json +1 -1
- package/dist/media/Avatar/AvatarContext.d.ts +0 -6
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$1L = {"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$1L['flex'], extraClass, (_classNames = {}, _classNames[styles$1L['align-start']] = alignItems === 'flex-start', _classNames[styles$1L['align-end']] = alignItems === 'flex-end', _classNames[styles$1L['align-center']] = alignItems === 'center', _classNames[styles$1L['justify-start']] = justifyContent === 'start', _classNames[styles$1L['justify-end']] = justifyContent === 'end', _classNames[styles$1L['justify-center']] = justifyContent === 'center', _classNames[styles$1L['justify-space-between']] = justifyContent === 'space-between', _classNames[styles$1L['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$1L['flex__item'], (_classNames2 = {}, _classNames2[styles$1L['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$1K = {"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$1K['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$1K['toggle__switch']
|
|
503
503
|
}), label && React__default["default"].createElement("span", {
|
|
504
|
-
className: styles$
|
|
504
|
+
className: styles$1K['toggle__label']
|
|
505
505
|
}, label)), caption && React__default["default"].createElement("span", {
|
|
506
|
-
className: styles$
|
|
506
|
+
className: styles$1K['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$1J = {"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$1J['spinner--block']] = block, _classnames))
|
|
540
540
|
}, React__default["default"].createElement("svg", {
|
|
541
|
-
className: styles$
|
|
541
|
+
className: styles$1J['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$1J['path'], styles$1J["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$1I = {"tooltip":"_Ydu2O"};
|
|
627
627
|
|
|
628
|
-
var styles$
|
|
628
|
+
var styles$1H = {"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$1H['tooltip-overlay'], extraClass, (_classnames = {}, _classnames[styles$1H['tooltip-overlay--visible']] = isVisible, _classnames[styles$1H['tooltip-overlay--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames[styles$1H['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$1H['tooltip-overlay__header']
|
|
834
834
|
}, header), children)), React__default["default"].createElement("div", {
|
|
835
|
-
className: classnames__default["default"](styles$
|
|
835
|
+
className: classnames__default["default"](styles$1H['tooltip-overlay-arrow'], extraClass, (_classnames2 = {}, _classnames2[styles$1H['tooltip-overlay-arrow--visible']] = isVisible, _classnames2[styles$1H['tooltip-overlay-arrow--top']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP, _classnames2[styles$1H['tooltip-overlay-arrow--bottom']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM, _classnames2[styles$1H['tooltip-overlay-arrow--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames2[styles$1H['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$1I['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$1G = {"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$1G['button'], (_classnames = {}, _classnames[styles$1G['button--default']] = theme === BUTTON_THEMES.DEFAULT, _classnames[styles$1G['button--primary']] = theme === BUTTON_THEMES.PRIMARY, _classnames[styles$1G['button--danger']] = theme === BUTTON_THEMES.DANGER, _classnames[styles$1G['button--upsell']] = theme === BUTTON_THEMES.UPSELL, _classnames[styles$1G['button--marketing']] = theme === BUTTON_THEMES.MARKETING, _classnames[styles$1G['button--hollow']] = theme === BUTTON_THEMES.HOLLOW, _classnames[styles$1G['button--hollow-contrast']] = theme === BUTTON_THEMES.HOLLOW_CONTRAST, _classnames[styles$1G['button--link-primary']] = theme === BUTTON_THEMES.LINK_PRIMARY, _classnames[styles$1G['button--link-danger']] = theme === BUTTON_THEMES.LINK_DANGER, _classnames[styles$1G['button--link-upsell']] = theme === BUTTON_THEMES.LINK_UPSELL, _classnames[styles$1G['button--link-toolbar']] = theme === BUTTON_THEMES.LINK_TOOLBAR, _classnames[styles$1G['button--link-contrast']] = theme === BUTTON_THEMES.LINK_CONTRAST, _classnames[styles$1G['button--link-icon']] = theme === BUTTON_THEMES.LINK_ICON, _classnames[styles$1G['button--loading']] = loading, _classnames[styles$1G['button--icon-only']] = isIconOnly, _classnames[styles$1G['button--size-min-width-100']] = size === BUTTON_SIZES.MIN_WIDTH_100, _classnames[styles$1G['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$1G['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$1G['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$1F = {"pagination-controls":"_S1co-"};
|
|
10367
10367
|
|
|
10368
|
-
var styles$
|
|
10368
|
+
var styles$1E = {"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$1E['keyboard-key'], (_classNames = {}, _classNames[styles$1E['keyboard-key--light']] = theme === 'light', _classNames))
|
|
10377
10377
|
}, React__default["default"].createElement("span", {
|
|
10378
|
-
className: styles$
|
|
10378
|
+
className: styles$1E['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$1F['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$1D = {"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$1D['link'], (_classNames = {}, _classNames[styles$1D['link--primary']] = theme === LINK_THEME.PRIMARY, _classNames[styles$1D['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$1C = {"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$1C['dropdown-pane'], (_classNames = {}, _classNames[styles$1C['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$1B = {"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$1A = {"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$1A['label'], (_classNames = {}, _classNames[styles$1A['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$1z = {"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$1z['caption']
|
|
10915
10915
|
}, children);
|
|
10916
10916
|
};
|
|
10917
10917
|
|
|
10918
|
-
var styles$
|
|
10918
|
+
var styles$1y = {"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$1y['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$1x = {"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$1x['text'], (_classnames = {}, _classnames[styles$1x['text--bold']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD), _classnames[styles$1x['text--italic']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC), _classnames[styles$1x['text--underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE), _classnames[styles$1x['text--dotted-underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE), _classnames[styles$1x['text--monospace']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE), _classnames[styles$1x['text--line-through']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH), _classnames[styles$1x['text--align-left']] = alignment === ALIGNMENTS.LEFT, _classnames[styles$1x['text--align-right']] = alignment === ALIGNMENTS.RIGHT, _classnames[styles$1x['text--align-center']] = alignment === ALIGNMENTS.CENTER, _classnames[styles$1x['text--align-justify']] = alignment === ALIGNMENTS.JUSTIFY, _classnames[styles$1x['text__body']] = as === TEXT_TYPES.BODY, _classnames[styles$1x['text__insight']] = as === TEXT_TYPES.INSIGHT, _classnames[styles$1x['text__caption']] = as === TEXT_TYPES.CAPTION, _classnames[styles$1x['text__span']] = as === TEXT_TYPES.SPAN, _classnames[styles$1x['text__paragraph']] = as === TEXT_TYPES.PARAGRAPH, _classnames[styles$1x['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$1x['text--bold'], styles$1x['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$1x['text--underline'], styles$1x['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$1x['text--italic'], styles$1x['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$1w = {"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$1w['text-field'], (_classnames = {}, _classnames[styles$1w['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$1v = {"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$1v['affix-container'], (_classnames = {}, _classnames[styles$1v['affix-container--prefixed']] = hasPrefix, _classnames[styles$1v['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$1v['prefix'],
|
|
11281
11281
|
ref: prefixElement
|
|
11282
11282
|
}, prefix), children, hasSuffix && React__default["default"].createElement("div", {
|
|
11283
|
-
className: styles$
|
|
11283
|
+
className: styles$1v['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$1B['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$1u = {"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$1t = {"dropdown-list-divider":"_ISJ4M"};
|
|
11677
11677
|
|
|
11678
|
-
var styles$
|
|
11678
|
+
var styles$1s = {"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$1s['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$1t['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$1r = {"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$1q = {"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$1q['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$1r['dropdown-list-item__container']
|
|
11928
11928
|
}, prefix && React__default["default"].createElement("div", {
|
|
11929
|
-
className: styles$
|
|
11929
|
+
className: styles$1r['dropdown-list-item__prefix']
|
|
11930
11930
|
}, prefix), React__default["default"].createElement("div", {
|
|
11931
|
-
className: styles$
|
|
11931
|
+
className: styles$1r['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$1r['dropdown-list-item__caption']
|
|
11937
11937
|
}, caption))), (suffix || submenu) && React__default["default"].createElement("div", {
|
|
11938
|
-
className: styles$
|
|
11938
|
+
className: styles$1r['dropdown-list-item__suffix']
|
|
11939
11939
|
}, suffix && openSubmenuOnSuffixClick && submenu ? React__default["default"].createElement("button", {
|
|
11940
|
-
className: styles$
|
|
11940
|
+
className: styles$1r['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$1r['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$1r['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$1r['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$1r['dropdown-list-item'], (_classNames = {}, _classNames[styles$1r['dropdown-list-item--selected']] = selected, _classNames[styles$1r['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$1u['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$1u['dropdown-list__item'], (_classNames = {}, _classNames[styles$1u['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$1p = {"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$1p['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$1p['card__body'], styles$1p['card__body--interactive'], (_classnames = {}, _classnames[styles$1p['card__body--disabled']] = disabled, _classnames[styles$1p['card__body--focus']] = isSelected, _classnames[styles$1p['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$1p['card__body'], (_classnames2 = {}, _classnames2[styles$1p['card__body--disabled']] = disabled, _classnames2[styles$1p['card__body--focus']] = isSelected, _classnames2[styles$1p['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$1p['card__kebab'], (_classnames3 = {}, _classnames3[styles$1p['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$1p['card__close'], (_classnames4 = {}, _classnames4[styles$1p['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$1o = {"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$1o['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$1o['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$1n = {"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$1n['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$1n['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$1m = {"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$1m['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$1l = {"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$1l['page'], (_classNames = {}, _classNames[styles$1l['page--restricted']] = size === PAGE_SIZES.RESTRICTED, _classNames[styles$1l['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$1k = {"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$1j = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
|
|
12370
12370
|
|
|
12371
|
-
var styles$
|
|
12371
|
+
var styles$1i = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
|
|
12372
12372
|
|
|
12373
|
-
var styles$
|
|
12373
|
+
var styles$1h = {"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$1g = {"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$1g['modal-header'], (_classNames = {}, _classNames[styles$1g['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$1g['modal-header__top-bar'], (_classNames2 = {}, _classNames2[styles$1g['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$1g['modal-header__header']
|
|
12455
12455
|
}, header), subHeader && React__default["default"].createElement("div", {
|
|
12456
|
-
className: styles$
|
|
12456
|
+
className: styles$1g['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$1f = {"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$1f['tab-zone'], (_cx = {}, _cx[styles$1f['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$1h['overlay'], draggable && styles$1h['overlay--draggable']),
|
|
12679
|
+
afterOpen: styles$1h['overlay--after-open'],
|
|
12680
|
+
beforeClose: styles$1h['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$1h['content'], draggable && styles$1h['content--draggable'], tabList && styles$1h['content--with-tab-list']),
|
|
12684
|
+
afterOpen: styles$1h['content--after-open'],
|
|
12685
|
+
beforeClose: styles$1h['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$1h['draggable-inner'], (_cx = {}, _cx[styles$1h['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$1e = {"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$1e['modal-body'], (_classNames = {}, _classNames[styles$1e['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$1e['modal-body__inner-div']
|
|
12722
12722
|
}, children));
|
|
12723
12723
|
};
|
|
12724
12724
|
|
|
12725
|
-
var styles$
|
|
12725
|
+
var styles$1d = {"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$1d['modal-footer'], (_classNames = {}, _classNames[styles$1d['modal-footer--with-shadow']] = hasScrollBottom, _classNames[styles$1d['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$1c = {"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$1b = {"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$1b.day_highlight, styles$1b["shape-" + shape], styles$1b["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$1a = {"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$1a['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$1a['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$1a['calendar-highlights__shape'], styles$1a['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$1a['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$1a['calendar-highlights__shape'], styles$1a['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$1a['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$1a['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$1a['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$1a['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$1c['calendar']
|
|
13328
13328
|
}, React__default["default"].createElement("div", {
|
|
13329
|
-
className: styles$
|
|
13329
|
+
className: styles$1c['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$19 = {"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$19['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$19['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$19['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$18 = {"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$18['hint-modal'],
|
|
13562
|
+
afterOpen: styles$18['hint-modal--after-open'],
|
|
13563
|
+
beforeClose: styles$18['hint-modal--before-close']
|
|
13564
13564
|
},
|
|
13565
|
-
overlayClassName: styles$
|
|
13565
|
+
overlayClassName: styles$18['hint-modal__overlay']
|
|
13566
13566
|
}, React__default["default"].createElement("div", {
|
|
13567
|
-
className: styles$
|
|
13567
|
+
className: styles$18['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$18['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$18['hint-modal__body']
|
|
13577
13577
|
}, React__default["default"].createElement(Stack, {
|
|
13578
13578
|
justifyContent: "space-between"
|
|
13579
13579
|
}, React__default["default"].createElement(Stack, {
|
|
@@ -13638,51 +13638,29 @@ var useModalPosition = function useModalPosition(modalWidth, modalHeight) {
|
|
|
13638
13638
|
return [position, updatePosition];
|
|
13639
13639
|
};
|
|
13640
13640
|
|
|
13641
|
-
var
|
|
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"];
|
|
13641
|
+
var _excluded$bh = ["children", "theme", "title", "testId"];
|
|
13649
13642
|
var BadgeElement = function BadgeElement(_ref, forwardedRef) {
|
|
13650
13643
|
var _classnames;
|
|
13651
13644
|
var children = _ref.children,
|
|
13652
13645
|
theme = _ref.theme,
|
|
13653
13646
|
title = _ref.title,
|
|
13654
|
-
_ref$size = _ref.size,
|
|
13655
|
-
sizeProp = _ref$size === void 0 ? 'default' : _ref$size,
|
|
13656
13647
|
testId = _ref.testId,
|
|
13657
13648
|
otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bh);
|
|
13658
13649
|
var internalRef = React.useRef(null);
|
|
13659
13650
|
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';
|
|
13666
13651
|
React.useLayoutEffect(function () {
|
|
13667
|
-
if (typeof ref
|
|
13668
|
-
|
|
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 = '';
|
|
13652
|
+
if (typeof ref !== 'function' && ref.current && React__default["default"].isValidElement(children) && typeof (children == null ? void 0 : children.type) !== 'string' && typeof (children == null ? void 0 : children.type) !== 'number') {
|
|
13653
|
+
ref.current.style.height = ref.current.offsetWidth + 'px';
|
|
13674
13654
|
}
|
|
13675
13655
|
});
|
|
13676
13656
|
return React__default["default"].createElement(Tooltip, {
|
|
13677
13657
|
overlay: title,
|
|
13678
13658
|
ref: ref
|
|
13679
13659
|
}, React__default["default"].createElement("div", _extends({
|
|
13680
|
-
className: classnames__default["default"](styles$
|
|
13660
|
+
className: classnames__default["default"](styles$1i['badge'], (_classnames = {}, _classnames[styles$1i['badge--success']] = theme === 'success', _classnames[styles$1i['badge--danger']] = theme === 'danger', _classnames[styles$1i['badge--info']] = theme === 'info', _classnames[styles$1i['badge--warning']] = theme === 'warning', _classnames[styles$1i['badge--numeric']] = Number.isFinite(children), _classnames)),
|
|
13681
13661
|
ref: ref,
|
|
13682
13662
|
"data-testid": testId
|
|
13683
|
-
}, otherProps),
|
|
13684
|
-
size: 'small'
|
|
13685
|
-
}) : children));
|
|
13663
|
+
}, otherProps), children));
|
|
13686
13664
|
};
|
|
13687
13665
|
/**
|
|
13688
13666
|
* Badge is a small circular indicator used to draw attention to something associated with another element — a count, a status, or a quick action.
|
|
@@ -13693,23 +13671,23 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
13693
13671
|
var _classNames, _classNames2;
|
|
13694
13672
|
var menu = _ref.menu;
|
|
13695
13673
|
return React__default["default"].createElement("li", {
|
|
13696
|
-
className: classnames__default["default"](styles$
|
|
13674
|
+
className: classnames__default["default"](styles$1j['menu-item'], (_classNames = {}, _classNames[styles$1j['menu-item--with-badge']] = !!menu.suffix, _classNames))
|
|
13697
13675
|
}, menu.reloadDocument ? React__default["default"].createElement("a", {
|
|
13698
13676
|
href: menu.to,
|
|
13699
|
-
className: classnames__default["default"]((_classNames2 = {}, _classNames2[styles$
|
|
13677
|
+
className: classnames__default["default"]((_classNames2 = {}, _classNames2[styles$1j['menu-item--active']] = menu.isActive, _classNames2))
|
|
13700
13678
|
}, menu.label, !!menu.suffix && React__default["default"].createElement("div", {
|
|
13701
|
-
className: styles$
|
|
13679
|
+
className: styles$1j['menu-item__badge']
|
|
13702
13680
|
}, React__default["default"].createElement(Badge, null, menu.suffix))) : React__default["default"].createElement(reactRouterDom.NavLink, {
|
|
13703
13681
|
to: menu.to,
|
|
13704
13682
|
// @ts-expect-error This is only available on v5
|
|
13705
|
-
activeClassName: styles$
|
|
13683
|
+
activeClassName: styles$1j['menu-item--active'],
|
|
13706
13684
|
className: function className(_ref2) {
|
|
13707
13685
|
var isActive = _ref2.isActive;
|
|
13708
|
-
return isActive ? styles$
|
|
13686
|
+
return isActive ? styles$1j['menu-item--active'] : '';
|
|
13709
13687
|
},
|
|
13710
13688
|
exact: true
|
|
13711
13689
|
}, menu.label, !!menu.suffix && React__default["default"].createElement("div", {
|
|
13712
|
-
className: styles$
|
|
13690
|
+
className: styles$1j['menu-item__badge']
|
|
13713
13691
|
}, React__default["default"].createElement(Badge, null, menu.suffix))));
|
|
13714
13692
|
};
|
|
13715
13693
|
|
|
@@ -13719,9 +13697,9 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
13719
13697
|
menu = _ref.menu,
|
|
13720
13698
|
sideNavContent = _ref.sideNavContent;
|
|
13721
13699
|
return React__default["default"].createElement("div", {
|
|
13722
|
-
className: styles$
|
|
13700
|
+
className: styles$1k['page-layout']
|
|
13723
13701
|
}, React__default["default"].createElement("div", {
|
|
13724
|
-
className: styles$
|
|
13702
|
+
className: styles$1k['page-layout__nav-container']
|
|
13725
13703
|
}, React__default["default"].createElement(Stack, {
|
|
13726
13704
|
space: 12
|
|
13727
13705
|
}, React__default["default"].createElement(Text, {
|
|
@@ -13730,7 +13708,7 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
13730
13708
|
ml: 20,
|
|
13731
13709
|
mr: 35
|
|
13732
13710
|
}, title), React__default["default"].createElement("ul", {
|
|
13733
|
-
className: styles$
|
|
13711
|
+
className: styles$1k['page-layout__nav-list']
|
|
13734
13712
|
}, menu.filter(function (menu) {
|
|
13735
13713
|
return !('isVisible' in menu) || (menu == null ? void 0 : menu.isVisible) === true;
|
|
13736
13714
|
}).map(function (menuItem, index) {
|
|
@@ -13739,9 +13717,9 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
13739
13717
|
menu: menuItem
|
|
13740
13718
|
});
|
|
13741
13719
|
})), sideNavContent && React__default["default"].createElement("div", {
|
|
13742
|
-
className: styles$
|
|
13720
|
+
className: styles$1k['page-layout__side-nav-content']
|
|
13743
13721
|
}, sideNavContent))), React__default["default"].createElement("div", {
|
|
13744
|
-
className: styles$
|
|
13722
|
+
className: styles$1k['page-layout__content']
|
|
13745
13723
|
}, children));
|
|
13746
13724
|
};
|
|
13747
13725
|
|
|
@@ -13751,7 +13729,7 @@ var TOAST_THEME = {
|
|
|
13751
13729
|
};
|
|
13752
13730
|
var TOAST_CONTAINER_ID = 'sous-chef-toast';
|
|
13753
13731
|
|
|
13754
|
-
var styles$
|
|
13732
|
+
var styles$17 = {"toast":"_iSC5P","toast--danger":"_OWpOG","toast__text":"_4JJwF"};
|
|
13755
13733
|
|
|
13756
13734
|
var toast = function toast(text, theme, options) {
|
|
13757
13735
|
var _classNames;
|
|
@@ -13774,7 +13752,7 @@ var toast = function toast(text, theme, options) {
|
|
|
13774
13752
|
onActionClick: onActionClick
|
|
13775
13753
|
}) : text;
|
|
13776
13754
|
reactToastify.toast(content, _extends({
|
|
13777
|
-
className: classnames__default["default"](styles$
|
|
13755
|
+
className: classnames__default["default"](styles$17['toast'], (_classNames = {}, _classNames[styles$17['toast--danger']] = theme === TOAST_THEME.DANGER, _classNames)),
|
|
13778
13756
|
containerId: TOAST_CONTAINER_ID
|
|
13779
13757
|
}, options));
|
|
13780
13758
|
};
|
|
@@ -13802,7 +13780,7 @@ var ToastContainer = function ToastContainer(_ref3) {
|
|
|
13802
13780
|
var _ref3$containerId = _ref3.containerId,
|
|
13803
13781
|
containerId = _ref3$containerId === void 0 ? TOAST_CONTAINER_ID : _ref3$containerId;
|
|
13804
13782
|
return React__default["default"].createElement(reactToastify.ToastContainer, {
|
|
13805
|
-
bodyClassName: styles$
|
|
13783
|
+
bodyClassName: styles$17['toast__text'],
|
|
13806
13784
|
hideProgressBar: true,
|
|
13807
13785
|
draggable: false,
|
|
13808
13786
|
transition: reactToastify.Slide,
|
|
@@ -13882,7 +13860,7 @@ var SousChefProvider = function SousChefProvider(_ref) {
|
|
|
13882
13860
|
}, React__default["default"].createElement(ToastContainer, null), children));
|
|
13883
13861
|
};
|
|
13884
13862
|
|
|
13885
|
-
var styles$
|
|
13863
|
+
var styles$16 = {"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"};
|
|
13886
13864
|
|
|
13887
13865
|
var SORT_ORDER = {
|
|
13888
13866
|
ASC: 'asc',
|
|
@@ -14075,7 +14053,7 @@ var DataTableHeader = function DataTableHeader(_ref) {
|
|
|
14075
14053
|
},
|
|
14076
14054
|
id: tableId + "-header"
|
|
14077
14055
|
}, React__default["default"].createElement("tr", {
|
|
14078
|
-
className: styles$
|
|
14056
|
+
className: styles$16['data-table-header']
|
|
14079
14057
|
}, columns.filter(function (column) {
|
|
14080
14058
|
return !column.hidden;
|
|
14081
14059
|
}).map(function (column) {
|
|
@@ -14085,7 +14063,7 @@ var DataTableHeader = function DataTableHeader(_ref) {
|
|
|
14085
14063
|
var isRightAligned = column.isRightAligned;
|
|
14086
14064
|
var hasDescription = !!column.description;
|
|
14087
14065
|
return React__default["default"].createElement("th", {
|
|
14088
|
-
className: classnames__default["default"]((_classnames = {}, _classnames[styles$
|
|
14066
|
+
className: classnames__default["default"]((_classnames = {}, _classnames[styles$16['data-table-header__item']] = true, _classnames[styles$16['data-table-header__item--sortable']] = isSortable, _classnames)),
|
|
14089
14067
|
style: {
|
|
14090
14068
|
flex: column.size || 1,
|
|
14091
14069
|
backgroundColor: backgroundColor
|
|
@@ -14100,14 +14078,14 @@ var DataTableHeader = function DataTableHeader(_ref) {
|
|
|
14100
14078
|
role: "columnheader",
|
|
14101
14079
|
tabIndex: 0
|
|
14102
14080
|
}, React__default["default"].createElement("div", {
|
|
14103
|
-
className: classnames__default["default"](styles$
|
|
14081
|
+
className: classnames__default["default"](styles$16['data-table-header__item-content'], (_classnames2 = {}, _classnames2[styles$16['data-table-header__item-content--right-align']] = isRightAligned, _classnames2), (_classnames3 = {}, _classnames3[styles$16['data-table-header__item-content--has-description']] = hasDescription, _classnames3))
|
|
14104
14082
|
}, wrapWithTooltip(column), isSortable && React__default["default"].createElement("span", {
|
|
14105
|
-
className: styles$
|
|
14083
|
+
className: styles$16['data-table-header__sort-icon']
|
|
14106
14084
|
}, React__default["default"].createElement(HeaderSortIcon, {
|
|
14107
14085
|
sortDirection: sortDir
|
|
14108
14086
|
}))));
|
|
14109
14087
|
}), showActionMenu && React__default["default"].createElement("th", {
|
|
14110
|
-
className: classnames__default["default"](styles$
|
|
14088
|
+
className: classnames__default["default"](styles$16['data-table-header__item'], styles$16['data-table-header__item--action'])
|
|
14111
14089
|
}))));
|
|
14112
14090
|
};
|
|
14113
14091
|
var wrapWithTooltip = function wrapWithTooltip(column) {
|
|
@@ -14121,9 +14099,9 @@ var wrapWithTooltip = function wrapWithTooltip(column) {
|
|
|
14121
14099
|
return column.label;
|
|
14122
14100
|
};
|
|
14123
14101
|
|
|
14124
|
-
var styles$
|
|
14102
|
+
var styles$15 = {"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"};
|
|
14125
14103
|
|
|
14126
|
-
var styles$
|
|
14104
|
+
var styles$14 = {"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"};
|
|
14127
14105
|
|
|
14128
14106
|
var useTableHeaderHeight = function useTableHeaderHeight(isShowingColumns) {
|
|
14129
14107
|
var _useDataTableContext = useDataTableContext(),
|
|
@@ -14178,16 +14156,16 @@ var DataTableScrollFakeBorder = function DataTableScrollFakeBorder(_ref) {
|
|
|
14178
14156
|
var hasFixedScroll = useDetectFixedScroll();
|
|
14179
14157
|
var backgroundColor = useBackgroundColor();
|
|
14180
14158
|
return React__default["default"].createElement("div", {
|
|
14181
|
-
className: classnames__default["default"](styles$
|
|
14159
|
+
className: classnames__default["default"](styles$14['data-table-scroll-fake-border'], (_classNames = {}, _classNames[styles$14['data-table-scroll-fake-border--top']] = placement === 'top', _classNames[styles$14['data-table-scroll-fake-border--bottom']] = placement === 'bottom', _classNames[styles$14['data-table-scroll-fake-border--fixed-scroll']] = hasFixedScroll, _classNames)),
|
|
14182
14160
|
style: {
|
|
14183
14161
|
// @ts-expect-error This difines a custom CSS variable
|
|
14184
14162
|
'--corner-background-color': backgroundColor,
|
|
14185
14163
|
top: placement === 'top' ? headerHeight : undefined
|
|
14186
14164
|
}
|
|
14187
14165
|
}, React__default["default"].createElement("div", {
|
|
14188
|
-
className: classnames__default["default"](styles$
|
|
14166
|
+
className: classnames__default["default"](styles$14['data-table-scroll-fake-border__left'], (_classNames2 = {}, _classNames2[styles$14['data-table-scroll-fake-border__left--top']] = placement === 'top', _classNames2[styles$14['data-table-scroll-fake-border__left--bottom']] = placement === 'bottom', _classNames2))
|
|
14189
14167
|
}), React__default["default"].createElement("div", {
|
|
14190
|
-
className: classnames__default["default"](styles$
|
|
14168
|
+
className: classnames__default["default"](styles$14['data-table-scroll-fake-border__right'], (_classNames3 = {}, _classNames3[styles$14['data-table-scroll-fake-border__right--top']] = placement === 'top', _classNames3[styles$14['data-table-scroll-fake-border__right--bottom']] = placement === 'bottom', _classNames3)),
|
|
14191
14169
|
"data-background-color": "red"
|
|
14192
14170
|
}));
|
|
14193
14171
|
};
|
|
@@ -14204,7 +14182,7 @@ var BUTTON_THEME = {
|
|
|
14204
14182
|
UPSELL: 'upsell'
|
|
14205
14183
|
};
|
|
14206
14184
|
|
|
14207
|
-
var styles$
|
|
14185
|
+
var styles$13 = {"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"};
|
|
14208
14186
|
|
|
14209
14187
|
/** Infers theme prop for Sous Chef Button CTAs if not explicitly passed, default is hollow, primaryCTA is Upsell if banner theme is Upsell*/
|
|
14210
14188
|
var ButtonCTA$1 = function ButtonCTA(_ref) {
|
|
@@ -14225,7 +14203,7 @@ var ButtonCTA$1 = function ButtonCTA(_ref) {
|
|
|
14225
14203
|
}, button.props));
|
|
14226
14204
|
};
|
|
14227
14205
|
|
|
14228
|
-
var styles$
|
|
14206
|
+
var styles$12 = {"banner__caption":"_S--Ce"};
|
|
14229
14207
|
|
|
14230
14208
|
var InlineBannerCTA = function InlineBannerCTA(_ref) {
|
|
14231
14209
|
var primaryButton = _ref.primaryButton,
|
|
@@ -14256,7 +14234,7 @@ var InlineBannerCTA = function InlineBannerCTA(_ref) {
|
|
|
14256
14234
|
bannerTheme: bannerTheme,
|
|
14257
14235
|
primaryCTA: true
|
|
14258
14236
|
})), caption && multiLine && React__default["default"].createElement("div", {
|
|
14259
|
-
className: styles$
|
|
14237
|
+
className: styles$12['banner__caption']
|
|
14260
14238
|
}, caption));
|
|
14261
14239
|
};
|
|
14262
14240
|
|
|
@@ -14309,13 +14287,13 @@ var InlineBanner = function InlineBanner(_ref) {
|
|
|
14309
14287
|
var Layout = multiLine ? Stack : Inline;
|
|
14310
14288
|
return React__default["default"].createElement("div", {
|
|
14311
14289
|
"data-testid": testId,
|
|
14312
|
-
className: classnames__default["default"](styles$
|
|
14290
|
+
className: classnames__default["default"](styles$13['banner'], (_classnames = {}, _classnames[styles$13['banner--info']] = theme === BANNER_THEME.INFO, _classnames[styles$13['banner--warning']] = theme === BANNER_THEME.WARNING, _classnames[styles$13['banner--success']] = theme === BANNER_THEME.SUCCESS, _classnames[styles$13['banner--danger']] = theme === BANNER_THEME.DANGER, _classnames[styles$13['banner--upsell']] = theme === BANNER_THEME.UPSELL, _classnames[styles$13['banner--single-line']] = !multiLine, _classnames)),
|
|
14313
14291
|
style: positionStyles
|
|
14314
14292
|
}, React__default["default"].createElement(Inline, {
|
|
14315
14293
|
flex: ['0 1 auto', 1],
|
|
14316
14294
|
space: 12
|
|
14317
14295
|
}, React__default["default"].createElement("div", {
|
|
14318
|
-
className: classnames__default["default"](styles$
|
|
14296
|
+
className: classnames__default["default"](styles$13['banner__icon'], (_classnames2 = {}, _classnames2[styles$13['banner__icon--multiline']] = multiLine, _classnames2))
|
|
14319
14297
|
}, icon != null ? icon : React__default["default"].createElement(InlineBannerIcon, {
|
|
14320
14298
|
theme: theme
|
|
14321
14299
|
})), React__default["default"].createElement(Layout, {
|
|
@@ -14325,9 +14303,9 @@ var InlineBanner = function InlineBanner(_ref) {
|
|
|
14325
14303
|
flex: ['min-content'],
|
|
14326
14304
|
flexWrap: multiLine ? undefined : 'wrap'
|
|
14327
14305
|
}, title && React__default["default"].createElement("div", {
|
|
14328
|
-
className: styles$
|
|
14306
|
+
className: styles$13['banner__title']
|
|
14329
14307
|
}, title), React__default["default"].createElement("div", {
|
|
14330
|
-
className: classnames__default["default"](styles$
|
|
14308
|
+
className: classnames__default["default"](styles$13['banner__body'], (_classnames3 = {}, _classnames3[styles$13['banner__body--multilineCTA']] = primaryButton && multiLine, _classnames3))
|
|
14331
14309
|
}, children), primaryButton && React__default["default"].createElement(InlineBannerCTA, {
|
|
14332
14310
|
primaryButton: primaryButton,
|
|
14333
14311
|
secondaryButton: secondaryButton,
|
|
@@ -14335,7 +14313,7 @@ var InlineBanner = function InlineBanner(_ref) {
|
|
|
14335
14313
|
multiLine: multiLine,
|
|
14336
14314
|
bannerTheme: theme
|
|
14337
14315
|
})), dismissable && React__default["default"].createElement("div", {
|
|
14338
|
-
className: styles$
|
|
14316
|
+
className: styles$13['banner__close']
|
|
14339
14317
|
}, React__default["default"].createElement(Button, {
|
|
14340
14318
|
theme: "link-icon",
|
|
14341
14319
|
type: "button",
|
|
@@ -14351,7 +14329,7 @@ var MICRO_BANNER_THEME = {
|
|
|
14351
14329
|
UPSELL: 'upsell'
|
|
14352
14330
|
};
|
|
14353
14331
|
|
|
14354
|
-
var styles$
|
|
14332
|
+
var styles$11 = {"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"};
|
|
14355
14333
|
|
|
14356
14334
|
var MicroBannerIcon = function MicroBannerIcon(_ref) {
|
|
14357
14335
|
var theme = _ref.theme;
|
|
@@ -14415,14 +14393,14 @@ var MicroBanner = function MicroBanner(_ref) {
|
|
|
14415
14393
|
otherProps = _getPositionProps.otherProps;
|
|
14416
14394
|
var _getDataProps = getDataProps(otherProps),
|
|
14417
14395
|
dataProps = _getDataProps.dataProps;
|
|
14418
|
-
var themeClass = styles$
|
|
14419
|
-
var contentClass = classnames__default["default"](styles$
|
|
14396
|
+
var themeClass = styles$11["micro-banner--" + theme];
|
|
14397
|
+
var contentClass = classnames__default["default"](styles$11['micro-banner__content'], hideIcon && styles$11['micro-banner__content--no-icon'], !primaryButton && styles$11['micro-banner__content--no-button']);
|
|
14420
14398
|
return React__default["default"].createElement("div", _extends({
|
|
14421
14399
|
"data-testid": testId,
|
|
14422
|
-
className: classnames__default["default"](styles$
|
|
14400
|
+
className: classnames__default["default"](styles$11['micro-banner'], themeClass),
|
|
14423
14401
|
style: positionProps
|
|
14424
14402
|
}, dataProps), !hideIcon && React__default["default"].createElement("div", {
|
|
14425
|
-
className: styles$
|
|
14403
|
+
className: styles$11['micro-banner__icon'],
|
|
14426
14404
|
"data-testid": (testId || 'micro-banner') + "-icon"
|
|
14427
14405
|
}, icon != null ? icon : React__default["default"].createElement(MicroBannerIcon, {
|
|
14428
14406
|
theme: theme
|
|
@@ -14433,7 +14411,7 @@ var MicroBanner = function MicroBanner(_ref) {
|
|
|
14433
14411
|
}, title), React__default["default"].createElement(Text, {
|
|
14434
14412
|
as: 'caption'
|
|
14435
14413
|
}, children)), primaryButton && React__default["default"].createElement("div", {
|
|
14436
|
-
className: styles$
|
|
14414
|
+
className: styles$11['micro-banner__button']
|
|
14437
14415
|
}, React__default["default"].createElement(ButtonCTA, {
|
|
14438
14416
|
button: primaryButton,
|
|
14439
14417
|
bannerTheme: theme
|
|
@@ -14448,7 +14426,7 @@ var PERSISTENT_BANNER_THEME = {
|
|
|
14448
14426
|
SUCCESS: 'success'
|
|
14449
14427
|
};
|
|
14450
14428
|
|
|
14451
|
-
var styles
|
|
14429
|
+
var styles$10 = {"persistent-banner":"_FsCJQ","persistent-banner--info":"_zt-xK","persistent-banner--danger":"_rmUys","persistent-banner--upsell":"_UGrRR","persistent-banner--warning":"_9eFhn","persistent-banner--success":"_hU34n"};
|
|
14452
14430
|
|
|
14453
14431
|
/**
|
|
14454
14432
|
* PersistentBanner displays a full-width message above the main navigation.
|
|
@@ -14483,7 +14461,7 @@ var PersistentBanner = function PersistentBanner(_ref) {
|
|
|
14483
14461
|
}, secondaryButton.props))));
|
|
14484
14462
|
};
|
|
14485
14463
|
return React__default["default"].createElement("div", {
|
|
14486
|
-
className: classnames__default["default"](styles
|
|
14464
|
+
className: classnames__default["default"](styles$10['persistent-banner'], (_classNames = {}, _classNames[styles$10['persistent-banner--info']] = theme === PERSISTENT_BANNER_THEME.INFO, _classNames[styles$10['persistent-banner--danger']] = theme === PERSISTENT_BANNER_THEME.DANGER, _classNames[styles$10['persistent-banner--upsell']] = theme === PERSISTENT_BANNER_THEME.UPSELL, _classNames[styles$10['persistent-banner--warning']] = theme === PERSISTENT_BANNER_THEME.WARNING, _classNames[styles$10['persistent-banner--success']] = theme === PERSISTENT_BANNER_THEME.SUCCESS, _classNames)),
|
|
14487
14465
|
"data-testid": testId
|
|
14488
14466
|
}, onDismiss ? React__default["default"].createElement(Inline, {
|
|
14489
14467
|
flex: [1],
|
|
@@ -14550,7 +14528,7 @@ var useProgress = function useProgress(progress, maxValue, getMetric) {
|
|
|
14550
14528
|
};
|
|
14551
14529
|
};
|
|
14552
14530
|
|
|
14553
|
-
var styles
|
|
14531
|
+
var styles$$ = {"circular-progress":"_UI0Fo","circular-progress__label":"_6PNwZ","circular-progress__track":"_alBLB","circular-progress__indicator":"_VADa6"};
|
|
14554
14532
|
|
|
14555
14533
|
/**
|
|
14556
14534
|
* CircularProgress displays a circular track that fills as a count advances toward a total.
|
|
@@ -14566,7 +14544,7 @@ var CircularProgress = function CircularProgress(_ref) {
|
|
|
14566
14544
|
metric = _useProgress.metric;
|
|
14567
14545
|
var determinant = metric.percentage * 2.79;
|
|
14568
14546
|
return React__default["default"].createElement("div", _extends({}, elementProps, {
|
|
14569
|
-
className: styles
|
|
14547
|
+
className: styles$$['circular-progress'],
|
|
14570
14548
|
"data-testid": testId
|
|
14571
14549
|
}), React__default["default"].createElement("svg", {
|
|
14572
14550
|
viewBox: "0 0 100 100"
|
|
@@ -14575,21 +14553,21 @@ var CircularProgress = function CircularProgress(_ref) {
|
|
|
14575
14553
|
cy: 50,
|
|
14576
14554
|
r: 45,
|
|
14577
14555
|
strokeWidth: "10px",
|
|
14578
|
-
className: styles
|
|
14556
|
+
className: styles$$['circular-progress__track']
|
|
14579
14557
|
}), React__default["default"].createElement("circle", {
|
|
14580
14558
|
cx: 50,
|
|
14581
14559
|
cy: 50,
|
|
14582
14560
|
r: 45,
|
|
14583
14561
|
strokeWidth: "10px",
|
|
14584
|
-
className: styles
|
|
14562
|
+
className: styles$$['circular-progress__indicator'],
|
|
14585
14563
|
strokeDashoffset: "66",
|
|
14586
14564
|
strokeDasharray: determinant + " " + (279 - determinant)
|
|
14587
14565
|
})), React__default["default"].createElement("div", {
|
|
14588
|
-
className: styles
|
|
14566
|
+
className: styles$$['circular-progress__label']
|
|
14589
14567
|
}, children || metric.progress + "/" + metric.maxValue));
|
|
14590
14568
|
};
|
|
14591
14569
|
|
|
14592
|
-
var styles$
|
|
14570
|
+
var styles$_ = {"progress-bar":"_fWvQF","progress-bar__indicator":"_vd0xc","progress-bar__indicator--complete":"_D9yNp","progress-bar__steps":"_8kdeO"};
|
|
14593
14571
|
|
|
14594
14572
|
/**
|
|
14595
14573
|
* ProgressBar shows a horizontal bar that fills as a task advances.
|
|
@@ -14606,15 +14584,15 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
14606
14584
|
elementProps = _useProgress.elementProps,
|
|
14607
14585
|
metric = _useProgress.metric;
|
|
14608
14586
|
return React__default["default"].createElement(Stack, null, React__default["default"].createElement("div", _extends({}, elementProps, {
|
|
14609
|
-
className: styles$
|
|
14587
|
+
className: styles$_['progress-bar'],
|
|
14610
14588
|
"data-testid": testId
|
|
14611
14589
|
}), React__default["default"].createElement("div", {
|
|
14612
|
-
className: classnames__default["default"](styles$
|
|
14590
|
+
className: classnames__default["default"](styles$_['progress-bar__indicator'], (_classNames = {}, _classNames[styles$_['progress-bar__indicator--complete']] = metric.percentage === 100, _classNames)),
|
|
14613
14591
|
style: {
|
|
14614
14592
|
width: metric.percentage + "%"
|
|
14615
14593
|
}
|
|
14616
14594
|
})), steps && steps.length > 0 && React__default["default"].createElement("div", {
|
|
14617
|
-
className: styles$
|
|
14595
|
+
className: styles$_['progress-bar__steps']
|
|
14618
14596
|
}, steps.map(function (step) {
|
|
14619
14597
|
return React__default["default"].createElement(Text, {
|
|
14620
14598
|
key: step
|
|
@@ -14622,7 +14600,7 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
14622
14600
|
})));
|
|
14623
14601
|
};
|
|
14624
14602
|
|
|
14625
|
-
var styles$
|
|
14603
|
+
var styles$Z = {"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"};
|
|
14626
14604
|
|
|
14627
14605
|
var SKELETON_COMPONENT = {
|
|
14628
14606
|
AVATAR: 'avatar',
|
|
@@ -14648,7 +14626,7 @@ var Skeleton = function Skeleton(_ref) {
|
|
|
14648
14626
|
var positioning = usePositionStyles(positionStyles);
|
|
14649
14627
|
return React__default["default"].createElement("div", {
|
|
14650
14628
|
"data-testid": testId,
|
|
14651
|
-
className: classnames__default["default"](styles$
|
|
14629
|
+
className: classnames__default["default"](styles$Z['skeleton'], (_classnames = {}, _classnames[styles$Z['skeleton__avatar']] = as === SKELETON_COMPONENT.AVATAR, _classnames[styles$Z['skeleton__avatar--small']] = as === SKELETON_COMPONENT.AVATAR_SMALL, _classnames[styles$Z['skeleton__avatar--medium']] = as === SKELETON_COMPONENT.AVATAR_MEDIUM, _classnames[styles$Z['skeleton__avatar--large']] = as === SKELETON_COMPONENT.AVATAR_LARGE, _classnames[styles$Z['skeleton__avatar--xlarge']] = as === SKELETON_COMPONENT.AVATAR_XLARGE, _classnames[styles$Z['skeleton__button']] = as === SKELETON_COMPONENT.BUTTON, _classnames[styles$Z['skeleton__pill']] = as === SKELETON_COMPONENT.PILL, _classnames)),
|
|
14652
14630
|
style: _extends({}, positioning, {
|
|
14653
14631
|
width: width,
|
|
14654
14632
|
height: height
|
|
@@ -14656,11 +14634,11 @@ var Skeleton = function Skeleton(_ref) {
|
|
|
14656
14634
|
});
|
|
14657
14635
|
};
|
|
14658
14636
|
|
|
14659
|
-
var styles$
|
|
14637
|
+
var styles$Y = {"data-table-row":"_hhDnr","data-table-row--clickable":"_ej5Ke","data-table-row--selected":"_qDTAh"};
|
|
14660
14638
|
|
|
14661
|
-
var styles$
|
|
14639
|
+
var styles$X = {"actions":"_ffXgN"};
|
|
14662
14640
|
|
|
14663
|
-
var styles$
|
|
14641
|
+
var styles$W = {"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-"};
|
|
14664
14642
|
|
|
14665
14643
|
var DataTableCellElement = function DataTableCellElement(_ref, ref) {
|
|
14666
14644
|
var _columns$columnIndex, _classnames, _classnames2, _classnames3;
|
|
@@ -14684,17 +14662,17 @@ var DataTableCellElement = function DataTableCellElement(_ref, ref) {
|
|
|
14684
14662
|
var hasError = !!error;
|
|
14685
14663
|
var errorMessage = error;
|
|
14686
14664
|
var icon = hasError && React__default["default"].createElement("div", {
|
|
14687
|
-
className: classnames__default["default"](styles$
|
|
14665
|
+
className: classnames__default["default"](styles$W['data-table-cell__error-icon'], (_classnames = {}, _classnames[styles$W['data-table-cell__error-icon--right-align']] = isRightAligned, _classnames[styles$W['data-table-cell__error-icon--left-align']] = !isRightAligned, _classnames))
|
|
14688
14666
|
}, React__default["default"].createElement(IconTimesOctagon, {
|
|
14689
14667
|
size: "medium",
|
|
14690
14668
|
color: "danger-on-container-variant"
|
|
14691
14669
|
}));
|
|
14692
14670
|
var TableCell = React__default["default"].createElement("td", {
|
|
14693
|
-
className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$
|
|
14671
|
+
className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$W['data-table-cell--invalid']] = hasError, _classnames2[styles$W['data-table-cell--no-padding']] = noPadding, _classnames2[styles$W['data-table-cell--vertical-border']] = hasVerticalBorders, _classnames2), styles$W['data-table-cell']),
|
|
14694
14672
|
colSpan: colSpan,
|
|
14695
14673
|
ref: ref
|
|
14696
14674
|
}, React__default["default"].createElement("div", {
|
|
14697
|
-
className: classnames__default["default"](styles$
|
|
14675
|
+
className: classnames__default["default"](styles$W['data-table-cell__content'], (_classnames3 = {}, _classnames3[styles$W['data-table-cell__content--with-error']] = hasError, _classnames3[styles$W['data-table-cell__content--right-align']] = isRightAligned, _classnames3[styles$W['data-table-cell__content--loading']] = state === DATA_TABLE_STATES.BACKGROUND_LOADING, _classnames3))
|
|
14698
14676
|
}, isRightAligned && icon, children, !isRightAligned && icon));
|
|
14699
14677
|
return React__default["default"].createElement(Tooltip, {
|
|
14700
14678
|
overlay: errorMessage,
|
|
@@ -14719,7 +14697,7 @@ var DataTableRowActions = function DataTableRowActions(_ref) {
|
|
|
14719
14697
|
return React__default["default"].createElement(DataTableCell, {
|
|
14720
14698
|
columnIndex: columnIndex
|
|
14721
14699
|
}, React__default["default"].createElement("div", {
|
|
14722
|
-
className: styles$
|
|
14700
|
+
className: styles$X['actions'],
|
|
14723
14701
|
"data-testid": "data-table-dropdown-menu"
|
|
14724
14702
|
}, state === 'SKELETON_LOADING' && React__default["default"].createElement(Skeleton, {
|
|
14725
14703
|
width: 45
|
|
@@ -14734,7 +14712,7 @@ var DataTableRowActions = function DataTableRowActions(_ref) {
|
|
|
14734
14712
|
})));
|
|
14735
14713
|
};
|
|
14736
14714
|
|
|
14737
|
-
var styles$
|
|
14715
|
+
var styles$V = {"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"};
|
|
14738
14716
|
|
|
14739
14717
|
var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, ref) {
|
|
14740
14718
|
var _columns$columnIndex, _controllers$error, _classnames, _classnames2;
|
|
@@ -14783,7 +14761,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
|
|
|
14783
14761
|
id: controllers.id
|
|
14784
14762
|
};
|
|
14785
14763
|
var EditableCell = React__default["default"].createElement("div", {
|
|
14786
|
-
className: classnames__default["default"]((_classnames = {}, _classnames[styles$
|
|
14764
|
+
className: classnames__default["default"]((_classnames = {}, _classnames[styles$V['data-table-editable-cell--currency']] = type === 'currency', _classnames), styles$V['data-table-editable-cell']),
|
|
14787
14765
|
"data-testid": testId,
|
|
14788
14766
|
role: "cell"
|
|
14789
14767
|
}, React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement(AffixContainer, {
|
|
@@ -14792,7 +14770,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
|
|
|
14792
14770
|
}, React__default["default"].createElement("input", {
|
|
14793
14771
|
name: name,
|
|
14794
14772
|
id: controllers.id,
|
|
14795
|
-
className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$
|
|
14773
|
+
className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$V['data-table-editable-cell--right-aligned']] = isRightAligned, _classnames2[styles$V['data-table-editable-cell--top-left']] = isTopLeftCell, _classnames2[styles$V['data-table-editable-cell--top-right']] = isTopRightCell, _classnames2[styles$V['data-table-editable-cell--bottom-left']] = isBottomLeftCell, _classnames2[styles$V['data-table-editable-cell--bottom-right']] = isBottomRightCell, _classnames2[styles$V['data-table-editable-cell--invalid']] = hasError, _classnames2)),
|
|
14796
14774
|
type: type === 'currency' ? 'number' : 'text',
|
|
14797
14775
|
step: type === 'currency' ? 'any' : '',
|
|
14798
14776
|
"data-testid": testId && testId + "-text-field",
|
|
@@ -14838,7 +14816,7 @@ var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
|
|
|
14838
14816
|
nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$bd);
|
|
14839
14817
|
var _useDataTableContext = useDataTableContext(),
|
|
14840
14818
|
showActionMenu = _useDataTableContext.showActionMenu;
|
|
14841
|
-
var styleNames = classnames__default["default"](styles$
|
|
14819
|
+
var styleNames = classnames__default["default"](styles$Y['data-table-row'], (_classnames = {}, _classnames[styles$Y['data-table-row--clickable']] = onClick, _classnames[styles$Y['data-table-row--selected']] = isSelected, _classnames));
|
|
14842
14820
|
var renderColumn = function renderColumn(columnElement, index) {
|
|
14843
14821
|
var isUsingDataTableCell = columnElement && typeof columnElement === 'object' && 'type' in columnElement && (columnElement == null ? void 0 : columnElement.type) === DataTableCell;
|
|
14844
14822
|
if (isUsingDataTableCell || !hasDefaultCell) {
|
|
@@ -14934,7 +14912,7 @@ var calculateScrollState = function calculateScrollState(scrollContainer) {
|
|
|
14934
14912
|
return DATA_TABLE_SCROLL_STATES.NO_SCROLL;
|
|
14935
14913
|
};
|
|
14936
14914
|
|
|
14937
|
-
var styles$
|
|
14915
|
+
var styles$U = {"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"};
|
|
14938
14916
|
|
|
14939
14917
|
var useDataTableScrollState = function useDataTableScrollState(stickyColumns) {
|
|
14940
14918
|
var scrollContainerRef = React.useRef(null);
|
|
@@ -14981,7 +14959,7 @@ var useDataTableScrollState = function useDataTableScrollState(stickyColumns) {
|
|
|
14981
14959
|
};
|
|
14982
14960
|
};
|
|
14983
14961
|
|
|
14984
|
-
var styles$
|
|
14962
|
+
var styles$T = {"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"};
|
|
14985
14963
|
|
|
14986
14964
|
var DataTableCoverShadow = function DataTableCoverShadow(_ref) {
|
|
14987
14965
|
var _classNames;
|
|
@@ -15000,7 +14978,7 @@ var DataTableCoverShadow = function DataTableCoverShadow(_ref) {
|
|
|
15000
14978
|
return "calc(100% - " + headerHeight + ")";
|
|
15001
14979
|
};
|
|
15002
14980
|
return React__default["default"].createElement("div", {
|
|
15003
|
-
className: classnames__default["default"](styles$
|
|
14981
|
+
className: classnames__default["default"](styles$T['data-table-cover-shadow'], (_classNames = {}, _classNames[styles$T['data-table-cover-shadow--left']] = direction === 'left', _classNames[styles$T['data-table-cover-shadow--left-shadow']] = direction === 'left' && showShadow, _classNames[styles$T['data-table-cover-shadow--right']] = direction === 'right', _classNames[styles$T['data-table-cover-shadow--right-shadow']] = direction === 'right' && showShadow, _classNames)),
|
|
15004
14982
|
style: {
|
|
15005
14983
|
// @ts-expect-error This difines a custom CSS variable
|
|
15006
14984
|
'--corner-background-color': backgroundColor,
|
|
@@ -15060,18 +15038,18 @@ var DataTableStickyColumnsContainer = function DataTableStickyColumnsContainer(_
|
|
|
15060
15038
|
isShowingColumns: !!isShowingColumns,
|
|
15061
15039
|
showShadow: state === 'EMPTY' ? false : stickyColumns === 'left'
|
|
15062
15040
|
})), React__default["default"].createElement("div", {
|
|
15063
|
-
className: classnames__default["default"](styles$
|
|
15041
|
+
className: classnames__default["default"](styles$U[containerClassName], (_classNames = {}, _classNames[styles$U[containerClassName + "--with-footer"]] = isShowingFooter, _classNames[styles$U[containerClassName + "--with-left-sticky-columns"]] = hasLeftColumnSticky, _classNames[styles$U[containerClassName + "--with-left-sticky-columns-and-shadow"]] = state !== 'EMPTY' ? hasLeftColumnSticky && hasScrollOnLeft : false, _classNames[styles$U[containerClassName + "--with-right-sticky-columns"]] = hasRightColumnSticky, _classNames[styles$U[containerClassName + "--with-right-sticky-columns-and-shadow"]] = state !== 'EMPTY' ? hasRightColumnSticky && hasScrollOnRight : false, _classNames[styles$U[containerClassName + "--no-shadow"]] = noShadow, _classNames)),
|
|
15064
15042
|
onScroll: onScroll,
|
|
15065
15043
|
ref: scrollContainerRef,
|
|
15066
15044
|
"data-testid": "sticky-columns-container"
|
|
15067
15045
|
}, children));
|
|
15068
15046
|
};
|
|
15069
15047
|
|
|
15070
|
-
var styles$
|
|
15048
|
+
var styles$S = {"data-table-empty-state":"_fCHjG"};
|
|
15071
15049
|
|
|
15072
|
-
var styles$
|
|
15050
|
+
var styles$R = {"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"};
|
|
15073
15051
|
|
|
15074
|
-
var styles$
|
|
15052
|
+
var styles$Q = {"empty-state-container-cta":"_X-dEs","empty-state-container-cta--inside-modal":"_63-SX"};
|
|
15075
15053
|
|
|
15076
15054
|
var EmptyStateContainerCTA = function EmptyStateContainerCTA(_ref) {
|
|
15077
15055
|
var _actions$primary, _actions$secondary, _classNames;
|
|
@@ -15088,7 +15066,7 @@ var EmptyStateContainerCTA = function EmptyStateContainerCTA(_ref) {
|
|
|
15088
15066
|
size: BUTTON_SIZES.MIN_WIDTH_100
|
|
15089
15067
|
});
|
|
15090
15068
|
return React__default["default"].createElement("div", {
|
|
15091
|
-
className: classnames__default["default"](styles$
|
|
15069
|
+
className: classnames__default["default"](styles$Q['empty-state-container-cta'], (_classNames = {}, _classNames[styles$Q['empty-state-container-cta--inside-modal']] = isInsideModal, _classNames))
|
|
15092
15070
|
}, primaryButton, secondaryButton);
|
|
15093
15071
|
};
|
|
15094
15072
|
|
|
@@ -15111,7 +15089,7 @@ var EmptyStateContainerStack = function EmptyStateContainerStack(_ref) {
|
|
|
15111
15089
|
testId = _ref.testId,
|
|
15112
15090
|
mediaComponent = _ref.mediaComponent;
|
|
15113
15091
|
return React__default["default"].createElement("div", {
|
|
15114
|
-
className: styles$
|
|
15092
|
+
className: styles$R['empty-state-container-stack'],
|
|
15115
15093
|
"data-testid": testId
|
|
15116
15094
|
}, mediaComponent ? mediaComponent : mediaUrl && React__default["default"].createElement("img", {
|
|
15117
15095
|
src: mediaUrl,
|
|
@@ -15128,7 +15106,7 @@ var EmptyStateContainerStack = function EmptyStateContainerStack(_ref) {
|
|
|
15128
15106
|
as: "body",
|
|
15129
15107
|
alignment: "center"
|
|
15130
15108
|
}, title), React__default["default"].createElement("div", {
|
|
15131
|
-
className: styles$
|
|
15109
|
+
className: styles$R['empty-state-container-stack__body']
|
|
15132
15110
|
}, children)), React__default["default"].createElement(Stack, {
|
|
15133
15111
|
space: 8,
|
|
15134
15112
|
alignItems: "center"
|
|
@@ -15239,7 +15217,7 @@ var DataTableEmptyState = function DataTableEmptyState(_ref) {
|
|
|
15239
15217
|
columnIndex: shouldRenderStickyLeftCell ? 1 : 0,
|
|
15240
15218
|
colSpan: colSpan
|
|
15241
15219
|
}, React__default["default"].createElement("div", {
|
|
15242
|
-
className: styles$
|
|
15220
|
+
className: styles$S['data-table-empty-state']
|
|
15243
15221
|
}, React__default["default"].createElement(EmptyStateContainerStack, {
|
|
15244
15222
|
mediaUrl: customImage,
|
|
15245
15223
|
mediaComponent: customImage === '' ? React__default["default"].createElement(MagnifyingGlassIllustration, null) : undefined,
|
|
@@ -15330,7 +15308,7 @@ var DataTable = function DataTable(_ref) {
|
|
|
15330
15308
|
return null;
|
|
15331
15309
|
}
|
|
15332
15310
|
return React__default["default"].createElement("div", {
|
|
15333
|
-
className: styles$
|
|
15311
|
+
className: styles$15['data-table__pagination-controls'],
|
|
15334
15312
|
"data-testid": testId && testId + "-pagination-controls"
|
|
15335
15313
|
}, React__default["default"].createElement(PaginationControls, {
|
|
15336
15314
|
hasPrevious: isLoading ? false : hasPrevious,
|
|
@@ -15353,7 +15331,7 @@ var DataTable = function DataTable(_ref) {
|
|
|
15353
15331
|
tableId: tableId
|
|
15354
15332
|
}
|
|
15355
15333
|
}, React__default["default"].createElement("div", {
|
|
15356
|
-
className: classnames__default["default"](styles$
|
|
15334
|
+
className: classnames__default["default"](styles$15['data-table']),
|
|
15357
15335
|
ref: tableRef,
|
|
15358
15336
|
style: positionStyles
|
|
15359
15337
|
}, React__default["default"].createElement(DataTableStickyColumnsContainer, {
|
|
@@ -15364,19 +15342,19 @@ var DataTable = function DataTable(_ref) {
|
|
|
15364
15342
|
placement: "top",
|
|
15365
15343
|
isShowingColumns: !!isShowingColumns
|
|
15366
15344
|
}), React__default["default"].createElement("div", {
|
|
15367
|
-
className: classnames__default["default"](styles$
|
|
15345
|
+
className: classnames__default["default"](styles$15['data-table__content'], (_classNames = {}, _classNames[styles$15['data-table__content--with-scroll']] = isScrollableTable, _classNames)),
|
|
15368
15346
|
style: conditionalStyles,
|
|
15369
15347
|
id: tableId + "-content"
|
|
15370
15348
|
}, state === DATA_TABLE_STATES.BACKGROUND_LOADING && React__default["default"].createElement("div", {
|
|
15371
|
-
className: styles$
|
|
15349
|
+
className: styles$15['data-table__background-loading']
|
|
15372
15350
|
}, React__default["default"].createElement(Spinner, null)), React__default["default"].createElement("table", _extends({
|
|
15373
|
-
className: classnames__default["default"](styles$
|
|
15351
|
+
className: classnames__default["default"](styles$15['data-table__table'], (_classNames2 = {}, _classNames2[styles$15['data-table__table--no-columns']] = !isShowingColumns, _classNames2))
|
|
15374
15352
|
}, dataProps), columns && isShowingColumns && React__default["default"].createElement(DataTableHeader, {
|
|
15375
15353
|
columns: columns,
|
|
15376
15354
|
onSort: onSort,
|
|
15377
15355
|
showActionMenu: isShowingContent && showActionMenu
|
|
15378
15356
|
}), React__default["default"].createElement("tbody", {
|
|
15379
|
-
className: classnames__default["default"](styles$
|
|
15357
|
+
className: classnames__default["default"](styles$15['data-table__body'], (_classNames3 = {}, _classNames3[styles$15['data-table__body--no-bottom-radius']] = isShowingFooter && isShowingContent, _classNames3)),
|
|
15380
15358
|
"data-testid": testId
|
|
15381
15359
|
}, isShowingContent && content.map(function (item, index) {
|
|
15382
15360
|
var _item$key;
|
|
@@ -15396,7 +15374,7 @@ var DataTable = function DataTable(_ref) {
|
|
|
15396
15374
|
key: index
|
|
15397
15375
|
});
|
|
15398
15376
|
}))), isShowingFooter && isShowingContent && React__default["default"].createElement("tfoot", {
|
|
15399
|
-
className: styles$
|
|
15377
|
+
className: styles$15['data-table__footer'],
|
|
15400
15378
|
"data-testid": testId && testId + "-footer"
|
|
15401
15379
|
}, footerComponent)))), !isShowingFooter && isScrollableTable && React__default["default"].createElement(DataTableScrollFakeBorder, {
|
|
15402
15380
|
placement: "bottom",
|
|
@@ -15404,7 +15382,7 @@ var DataTable = function DataTable(_ref) {
|
|
|
15404
15382
|
})), React__default["default"].createElement(Pagination, null));
|
|
15405
15383
|
};
|
|
15406
15384
|
|
|
15407
|
-
var styles$
|
|
15385
|
+
var styles$P = {"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"};
|
|
15408
15386
|
|
|
15409
15387
|
var AccordionItem = function AccordionItem(props) {
|
|
15410
15388
|
var item = props.item,
|
|
@@ -15415,10 +15393,10 @@ var AccordionItem = function AccordionItem(props) {
|
|
|
15415
15393
|
content = item.content;
|
|
15416
15394
|
var isFocusedByClickRef = React__default["default"].useRef(false);
|
|
15417
15395
|
return React__default["default"].createElement("div", {
|
|
15418
|
-
className: styles$
|
|
15396
|
+
className: styles$P['accordion-item']
|
|
15419
15397
|
}, React__default["default"].createElement("button", {
|
|
15420
15398
|
type: "button",
|
|
15421
|
-
className: styles$
|
|
15399
|
+
className: styles$P['accordion-item__header'],
|
|
15422
15400
|
onClick: function onClick() {
|
|
15423
15401
|
if (isOpen) {
|
|
15424
15402
|
handleAccordionItemOpen(null);
|
|
@@ -15445,15 +15423,15 @@ var AccordionItem = function AccordionItem(props) {
|
|
|
15445
15423
|
}, typeof title === 'string' ? React__default["default"].createElement(Text, {
|
|
15446
15424
|
emphasis: "bold"
|
|
15447
15425
|
}, title) : title, React__default["default"].createElement(IconChevronDown, {
|
|
15448
|
-
className: styles$
|
|
15426
|
+
className: styles$P["accordion-item__icon" + (isOpen ? '--active' : '')],
|
|
15449
15427
|
color: 'surface-on-color-subtle'
|
|
15450
15428
|
}))), React__default["default"].createElement("div", {
|
|
15451
15429
|
"data-testid": "" + (isOpen ? 'accordion-item-' + id + '-open' : 'accordion-item-' + id + '-closed'),
|
|
15452
|
-
className: styles$
|
|
15430
|
+
className: styles$P["accordion-item__content" + (isOpen ? '--active' : '')]
|
|
15453
15431
|
}, isOpen && React__default["default"].createElement(Text, null, content)));
|
|
15454
15432
|
};
|
|
15455
15433
|
|
|
15456
|
-
var styles$
|
|
15434
|
+
var styles$O = {"accordion":"_058SP"};
|
|
15457
15435
|
|
|
15458
15436
|
var _excluded$bb = ["items", "onExpand", "defaultOpenId"];
|
|
15459
15437
|
/**
|
|
@@ -15483,7 +15461,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
15483
15461
|
isAccordionMounted: true
|
|
15484
15462
|
}
|
|
15485
15463
|
}, React__default["default"].createElement("div", _extends({
|
|
15486
|
-
className: styles$
|
|
15464
|
+
className: styles$O['accordion']
|
|
15487
15465
|
}, dataProps), items.map(function (item, index) {
|
|
15488
15466
|
var id = item.id || index.toString();
|
|
15489
15467
|
return React__default["default"].createElement(AccordionItem, {
|
|
@@ -15497,7 +15475,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
15497
15475
|
})));
|
|
15498
15476
|
};
|
|
15499
15477
|
|
|
15500
|
-
var styles$
|
|
15478
|
+
var styles$N = {"action-list":"_pWke5","action-list__title":"_p8I7K","action-list__empty-state":"_l-tFB"};
|
|
15501
15479
|
|
|
15502
15480
|
/**
|
|
15503
15481
|
* 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.
|
|
@@ -15511,15 +15489,15 @@ var ActionList = function ActionList(_ref) {
|
|
|
15511
15489
|
var translate = useTranslation('ActionList');
|
|
15512
15490
|
var hasChildren = React__default["default"].Children.count(children) > 0;
|
|
15513
15491
|
return React__default["default"].createElement("div", {
|
|
15514
|
-
className: styles$
|
|
15492
|
+
className: styles$N['action-list'],
|
|
15515
15493
|
"data-testid": testId,
|
|
15516
15494
|
style: {
|
|
15517
15495
|
maxHeight: maxHeight
|
|
15518
15496
|
}
|
|
15519
15497
|
}, title && React__default["default"].createElement("div", {
|
|
15520
|
-
className: styles$
|
|
15498
|
+
className: styles$N['action-list__title']
|
|
15521
15499
|
}, title), hasChildren ? children : React__default["default"].createElement("div", {
|
|
15522
|
-
className: styles$
|
|
15500
|
+
className: styles$N['action-list__empty-state']
|
|
15523
15501
|
}, React__default["default"].createElement(EmptyStateContainerStack, {
|
|
15524
15502
|
title: (emptyState == null ? void 0 : emptyState.title) || translate('emptyStateTitle'),
|
|
15525
15503
|
mediaUrl: emptyState == null ? void 0 : emptyState.image,
|
|
@@ -15698,7 +15676,7 @@ var useSelectFieldControllers = function useSelectFieldControllers(_ref) {
|
|
|
15698
15676
|
return controllers;
|
|
15699
15677
|
};
|
|
15700
15678
|
|
|
15701
|
-
var styles$
|
|
15679
|
+
var styles$M = {"custom-control":"_pXQqq"};
|
|
15702
15680
|
|
|
15703
15681
|
var _excluded$ba = ["children"];
|
|
15704
15682
|
function CustomControl(_ref) {
|
|
@@ -15708,7 +15686,7 @@ function CustomControl(_ref) {
|
|
|
15708
15686
|
var SelectedOptionPrefix = props.selectProps.componentsProps.SelectedOptionPrefix;
|
|
15709
15687
|
var selectedOption = (_props$getValue = props.getValue()) == null ? void 0 : _props$getValue[0];
|
|
15710
15688
|
return React__default["default"].createElement(Select.components.Control, _extends({}, props), SelectedOptionPrefix && selectedOption ? React__default["default"].createElement("div", {
|
|
15711
|
-
className: styles$
|
|
15689
|
+
className: styles$M['custom-control'],
|
|
15712
15690
|
style: {
|
|
15713
15691
|
paddingLeft: selectedOption ? 8 : 0
|
|
15714
15692
|
}
|
|
@@ -15896,9 +15874,9 @@ var CustomContainer = function CustomContainer(props) {
|
|
|
15896
15874
|
}));
|
|
15897
15875
|
};
|
|
15898
15876
|
|
|
15899
|
-
var styles$
|
|
15877
|
+
var styles$L = {"custom-menu-text-field":"_AAUjm","custom-menu-hr":"_mFLK9","custom-menu-div":"_1XpI4"};
|
|
15900
15878
|
|
|
15901
|
-
var styles$
|
|
15879
|
+
var styles$K = {"creatable-button--align-left":"_Qw267","creatable-button":"_f9V5D"};
|
|
15902
15880
|
|
|
15903
15881
|
/**
|
|
15904
15882
|
* Shared creatable button component used in CustomMenu and CustomGroupWithCreate.
|
|
@@ -15924,7 +15902,7 @@ var CreatableButton = function CreatableButton(_ref) {
|
|
|
15924
15902
|
if (!button || typeof button === 'string') {
|
|
15925
15903
|
var _classNames;
|
|
15926
15904
|
return React__default["default"].createElement("div", {
|
|
15927
|
-
className: classnames__default["default"](styles$
|
|
15905
|
+
className: classnames__default["default"](styles$K['creatable-button'], (_classNames = {}, _classNames[styles$K['creatable-button--align-left']] = alignLeft, _classNames))
|
|
15928
15906
|
}, React__default["default"].createElement(Button, {
|
|
15929
15907
|
theme: "link-primary",
|
|
15930
15908
|
onClick: handleClick,
|
|
@@ -15948,7 +15926,7 @@ var CreatableButton = function CreatableButton(_ref) {
|
|
|
15948
15926
|
overrideProps.theme = 'link-primary';
|
|
15949
15927
|
}
|
|
15950
15928
|
return React__default["default"].createElement("div", {
|
|
15951
|
-
className: classnames__default["default"](styles$
|
|
15929
|
+
className: classnames__default["default"](styles$K['creatable-button'], (_classNames2 = {}, _classNames2[styles$K['creatable-button--align-left']] = alignLeft, _classNames2))
|
|
15952
15930
|
}, React__default["default"].cloneElement(button, overrideProps));
|
|
15953
15931
|
};
|
|
15954
15932
|
|
|
@@ -15972,7 +15950,7 @@ var CreateInputForm = function CreateInputForm(_ref) {
|
|
|
15972
15950
|
flex: [1],
|
|
15973
15951
|
flexItems: true
|
|
15974
15952
|
}, React__default["default"].createElement("input", {
|
|
15975
|
-
className: classnames__default["default"](styles$
|
|
15953
|
+
className: classnames__default["default"](styles$1w['text-field'], inputClassName),
|
|
15976
15954
|
autoCorrect: "off",
|
|
15977
15955
|
autoComplete: "off",
|
|
15978
15956
|
spellCheck: "false",
|
|
@@ -16043,7 +16021,7 @@ function CustomMenu(_ref) {
|
|
|
16043
16021
|
return React__default["default"].createElement(Select.components.Menu, _extends({}, props), React__default["default"].createElement("div", {
|
|
16044
16022
|
ref: containerRef
|
|
16045
16023
|
}, children, React__default["default"].createElement("hr", {
|
|
16046
|
-
className: styles$
|
|
16024
|
+
className: styles$L['custom-menu-hr']
|
|
16047
16025
|
}), !showFooter ? React__default["default"].createElement(CreatableButton, {
|
|
16048
16026
|
creatableButton: creatableButton,
|
|
16049
16027
|
onClick: function onClick() {
|
|
@@ -16056,13 +16034,13 @@ function CustomMenu(_ref) {
|
|
|
16056
16034
|
onMenuInputFocus: onMenuInputFocus,
|
|
16057
16035
|
onSubmit: onCreateButton,
|
|
16058
16036
|
defaultValue: inputDefaultValue,
|
|
16059
|
-
wrapperClassName: styles$
|
|
16060
|
-
inputClassName: styles$
|
|
16037
|
+
wrapperClassName: styles$L['custom-menu-div'],
|
|
16038
|
+
inputClassName: styles$L['custom-menu-text-field'],
|
|
16061
16039
|
testId: "select-create-option-input"
|
|
16062
16040
|
})));
|
|
16063
16041
|
}
|
|
16064
16042
|
|
|
16065
|
-
var styles$
|
|
16043
|
+
var styles$J = {"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"};
|
|
16066
16044
|
|
|
16067
16045
|
function CustomGroupWithCreate(props) {
|
|
16068
16046
|
var _props$selectProps$co = props.selectProps.componentsProps,
|
|
@@ -16099,7 +16077,7 @@ function CustomGroupWithCreate(props) {
|
|
|
16099
16077
|
return React__default["default"].createElement("div", {
|
|
16100
16078
|
ref: containerRef
|
|
16101
16079
|
}, React__default["default"].createElement(Select.components.Group, _extends({}, props)), !isInputActive ? React__default["default"].createElement("div", {
|
|
16102
|
-
className: styles$
|
|
16080
|
+
className: styles$J['custom-group-with-create-button-wrapper']
|
|
16103
16081
|
}, React__default["default"].createElement(CreatableButton, {
|
|
16104
16082
|
creatableButton: creatableButton,
|
|
16105
16083
|
onClick: function onClick() {
|
|
@@ -16113,8 +16091,8 @@ function CustomGroupWithCreate(props) {
|
|
|
16113
16091
|
onMenuInputFocus: onMenuInputFocus,
|
|
16114
16092
|
onSubmit: onCreateButton,
|
|
16115
16093
|
defaultValue: inputDefaultValue,
|
|
16116
|
-
wrapperClassName: styles$
|
|
16117
|
-
inputClassName: styles$
|
|
16094
|
+
wrapperClassName: styles$J['custom-group-with-create-input-wrapper'],
|
|
16095
|
+
inputClassName: styles$J['custom-group-with-create-text-field'],
|
|
16118
16096
|
testId: "select-create-option-input-" + groupLabel
|
|
16119
16097
|
}));
|
|
16120
16098
|
}
|
|
@@ -16232,7 +16210,7 @@ var useSelectField = function useSelectField(_ref) {
|
|
|
16232
16210
|
};
|
|
16233
16211
|
};
|
|
16234
16212
|
|
|
16235
|
-
var styles$
|
|
16213
|
+
var styles$I = {"select-field__suffix":"_vqC1M"};
|
|
16236
16214
|
|
|
16237
16215
|
/** Simple dropdown field where the user chooses one option from a predefined list. */
|
|
16238
16216
|
var SelectField = function SelectField(props) {
|
|
@@ -16241,7 +16219,7 @@ var SelectField = function SelectField(props) {
|
|
|
16241
16219
|
selectProps = _useSelectField.selectProps;
|
|
16242
16220
|
//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
|
|
16243
16221
|
var suffixWithMargin = props.suffix ? React__default["default"].createElement("div", {
|
|
16244
|
-
className: styles$
|
|
16222
|
+
className: styles$I['select-field__suffix']
|
|
16245
16223
|
}, props.suffix) : undefined;
|
|
16246
16224
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement(AffixContainer, {
|
|
16247
16225
|
prefix: props.prefix,
|
|
@@ -16284,9 +16262,9 @@ var ToolbarSelect = function ToolbarSelect(_ref) {
|
|
|
16284
16262
|
}, rest));
|
|
16285
16263
|
};
|
|
16286
16264
|
|
|
16287
|
-
var styles$
|
|
16265
|
+
var styles$H = {"date-filter":"_PyXfe","date-filter--wide":"_P6ttU"};
|
|
16288
16266
|
|
|
16289
|
-
var styles$
|
|
16267
|
+
var styles$G = {"date-filter-display":"_N37zE","date-filter-display--non-interactive":"_42Bvz","date-filter-display--wide":"_h8n2w","date-filter-display__display-icon":"_i08yV"};
|
|
16290
16268
|
|
|
16291
16269
|
var DATE_FILTER_MODE = {
|
|
16292
16270
|
DAY: 'day',
|
|
@@ -16339,7 +16317,7 @@ var DateFilterDisplay = React.forwardRef(function (_ref, ref) {
|
|
|
16339
16317
|
weekStart = _ref.weekStart,
|
|
16340
16318
|
onClick = _ref.onClick;
|
|
16341
16319
|
return React__default["default"].createElement("button", {
|
|
16342
|
-
className: classnames__default["default"](styles$
|
|
16320
|
+
className: classnames__default["default"](styles$G['date-filter-display'], (_classnames = {}, _classnames[styles$G['date-filter-display--wide']] = mode === DATE_FILTER_MODE.WEEK, _classnames)),
|
|
16343
16321
|
onClick: onClick,
|
|
16344
16322
|
tabIndex: mode === DATE_FILTER_MODE.MONTH ? -1 : undefined,
|
|
16345
16323
|
ref: ref
|
|
@@ -16347,7 +16325,7 @@ var DateFilterDisplay = React.forwardRef(function (_ref, ref) {
|
|
|
16347
16325
|
space: 12,
|
|
16348
16326
|
alignItems: "center"
|
|
16349
16327
|
}, React__default["default"].createElement("div", {
|
|
16350
|
-
className: classnames__default["default"](styles$
|
|
16328
|
+
className: classnames__default["default"](styles$G['date-filter-display__display-icon'])
|
|
16351
16329
|
}, React__default["default"].createElement(IconCalendarAlt, {
|
|
16352
16330
|
size: "flexible",
|
|
16353
16331
|
color: "surface-on-color-subtle"
|
|
@@ -16358,7 +16336,7 @@ var DateFilterDisplay = React.forwardRef(function (_ref, ref) {
|
|
|
16358
16336
|
})));
|
|
16359
16337
|
});
|
|
16360
16338
|
|
|
16361
|
-
var styles$
|
|
16339
|
+
var styles$F = {"date-stepper":"_9wFtw","date-stepper--backward":"_OrtcR","date-stepper--forward":"_oYoUt"};
|
|
16362
16340
|
|
|
16363
16341
|
var handleDateStepper = function handleDateStepper(date, mode, stepDirection, onChange) {
|
|
16364
16342
|
var step = stepDirection === STEP_DIRECTION.FORWARD ? 1 : -1;
|
|
@@ -16387,7 +16365,7 @@ var DateFilterStepper = function DateFilterStepper(_ref) {
|
|
|
16387
16365
|
onChange = _ref.onChange,
|
|
16388
16366
|
date = _ref.date;
|
|
16389
16367
|
return React__default["default"].createElement("button", {
|
|
16390
|
-
className: classnames__default["default"](styles$
|
|
16368
|
+
className: classnames__default["default"](styles$F['date-stepper'], (_classnames = {}, _classnames[styles$F['date-stepper--backward']] = stepDirection === STEP_DIRECTION.BACKWARD, _classnames[styles$F['date-stepper--forward']] = stepDirection === STEP_DIRECTION.FORWARD, _classnames)),
|
|
16391
16369
|
onClick: function onClick() {
|
|
16392
16370
|
return handleDateStepper(date, mode, stepDirection, onChange);
|
|
16393
16371
|
}
|
|
@@ -16456,9 +16434,9 @@ var CalendarMonth = function CalendarMonth(_ref) {
|
|
|
16456
16434
|
}
|
|
16457
16435
|
var MONTHS = [].concat(Array(12).keys());
|
|
16458
16436
|
return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
|
|
16459
|
-
className: styles$
|
|
16437
|
+
className: styles$1c['calendar']
|
|
16460
16438
|
}, React__default["default"].createElement("div", {
|
|
16461
|
-
className: styles$
|
|
16439
|
+
className: styles$1c['calendar__overlay'],
|
|
16462
16440
|
ref: function ref(_ref2) {
|
|
16463
16441
|
return setCalendarRef(_ref2);
|
|
16464
16442
|
},
|
|
@@ -16553,7 +16531,7 @@ var DateFilter = function DateFilter(_ref) {
|
|
|
16553
16531
|
}, [setCalendarOpen]);
|
|
16554
16532
|
return React__default["default"].createElement("div", {
|
|
16555
16533
|
"data-testid": testId,
|
|
16556
|
-
className: classnames__default["default"](styles$
|
|
16534
|
+
className: classnames__default["default"](styles$H['date-filter'], (_classnames = {}, _classnames[styles$H['date-filter--wide']] = mode === DATE_FILTER_MODE.WEEK, _classnames))
|
|
16557
16535
|
}, React__default["default"].createElement(Inline, {
|
|
16558
16536
|
space: 0
|
|
16559
16537
|
}, React__default["default"].createElement(DateFilterStepper, {
|
|
@@ -16600,7 +16578,7 @@ var DateFilter = function DateFilter(_ref) {
|
|
|
16600
16578
|
}));
|
|
16601
16579
|
};
|
|
16602
16580
|
|
|
16603
|
-
var styles$
|
|
16581
|
+
var styles$E = {"segmented-control":"_RezMY","segmented-control__button":"_lehFG","segmented-control__button--selected":"_Fr5kb"};
|
|
16604
16582
|
|
|
16605
16583
|
var SegmentedControl = function SegmentedControl(_ref) {
|
|
16606
16584
|
var options = _ref.options,
|
|
@@ -16611,7 +16589,7 @@ var SegmentedControl = function SegmentedControl(_ref) {
|
|
|
16611
16589
|
return option === value;
|
|
16612
16590
|
};
|
|
16613
16591
|
return React__default["default"].createElement("div", {
|
|
16614
|
-
className: styles$
|
|
16592
|
+
className: styles$E['segmented-control'],
|
|
16615
16593
|
"data-testid": testId
|
|
16616
16594
|
}, options.map(function (option) {
|
|
16617
16595
|
var _classnames;
|
|
@@ -16621,14 +16599,14 @@ var SegmentedControl = function SegmentedControl(_ref) {
|
|
|
16621
16599
|
onClick: function onClick() {
|
|
16622
16600
|
return onChange(option);
|
|
16623
16601
|
},
|
|
16624
|
-
className: classnames__default["default"](styles$
|
|
16602
|
+
className: classnames__default["default"](styles$E['segmented-control__button'], (_classnames = {}, _classnames[styles$E['segmented-control__button--selected']] = isSelected(option), _classnames))
|
|
16625
16603
|
}, option));
|
|
16626
16604
|
}));
|
|
16627
16605
|
};
|
|
16628
16606
|
|
|
16629
|
-
var styles$
|
|
16607
|
+
var styles$D = {"form--standard-size":"_8-Ykj"};
|
|
16630
16608
|
|
|
16631
|
-
var styles$
|
|
16609
|
+
var styles$C = {"form-section":"_3uYIj","form-section__title":"_2WdOf","form-section__subtitle":"_zybxx","form-section--no-margin":"_xT-U1"};
|
|
16632
16610
|
|
|
16633
16611
|
/**
|
|
16634
16612
|
* 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.
|
|
@@ -16645,12 +16623,12 @@ var FormSection = function FormSection(_ref) {
|
|
|
16645
16623
|
var content = React__default["default"].createElement(Stack, null, (title || subtitle) && React__default["default"].createElement(Stack, {
|
|
16646
16624
|
space: 8
|
|
16647
16625
|
}, title && React__default["default"].createElement("h2", {
|
|
16648
|
-
className: classnames__default["default"](styles$
|
|
16626
|
+
className: classnames__default["default"](styles$C['form-section__title'])
|
|
16649
16627
|
}, title), subtitle && React__default["default"].createElement("h3", {
|
|
16650
|
-
className: classnames__default["default"](styles$
|
|
16628
|
+
className: classnames__default["default"](styles$C['form-section__subtitle'])
|
|
16651
16629
|
}, subtitle)), children);
|
|
16652
16630
|
return React__default["default"].createElement("div", {
|
|
16653
|
-
className: classnames__default["default"](styles$
|
|
16631
|
+
className: classnames__default["default"](styles$C['form-section'], (_classnames = {}, _classnames[styles$C['form-section--no-margin']] = noMargin || as === 'card', _classnames)),
|
|
16654
16632
|
"data-testid": testId
|
|
16655
16633
|
}, as === 'card' ? React__default["default"].createElement(Card, {
|
|
16656
16634
|
testId: testId && testId + "-card"
|
|
@@ -16669,7 +16647,7 @@ var updateButtonProps = function updateButtonProps(child, newProps) {
|
|
|
16669
16647
|
}, newProps, child.props));
|
|
16670
16648
|
};
|
|
16671
16649
|
|
|
16672
|
-
var styles$
|
|
16650
|
+
var styles$B = {"form-footer":"_4ksfB"};
|
|
16673
16651
|
|
|
16674
16652
|
var FormFooterActions = function FormFooterActions(_ref) {
|
|
16675
16653
|
var _actions$primary, _actions$primary2, _actions$secondary, _actions$tertiary;
|
|
@@ -16706,7 +16684,7 @@ var FormFooter = function FormFooter(_ref) {
|
|
|
16706
16684
|
});
|
|
16707
16685
|
var isInlineChildren = React__default["default"].Children.count(children) === 1 && React__default["default"].isValidElement(children) && children.type === Inline;
|
|
16708
16686
|
return React__default["default"].createElement("div", {
|
|
16709
|
-
className: classnames__default["default"](styles$
|
|
16687
|
+
className: classnames__default["default"](styles$B['form-footer']),
|
|
16710
16688
|
"data-testid": testId
|
|
16711
16689
|
}, actions && React__default["default"].createElement(FormFooterActions, {
|
|
16712
16690
|
actions: actions
|
|
@@ -16745,12 +16723,12 @@ var Form = function Form(_ref) {
|
|
|
16745
16723
|
}
|
|
16746
16724
|
}, React__default["default"].createElement("form", {
|
|
16747
16725
|
onSubmit: onSubmit ? handleSubmit : formik == null ? void 0 : formik.handleSubmit,
|
|
16748
|
-
className: classnames__default["default"]((_classnames = {}, _classnames[styles$
|
|
16726
|
+
className: classnames__default["default"]((_classnames = {}, _classnames[styles$D['form--standard-size']] = !wide, _classnames)),
|
|
16749
16727
|
"data-testid": testId
|
|
16750
16728
|
}, stackContent ? React__default["default"].createElement(Stack, null, formattedChildren) : formattedChildren));
|
|
16751
16729
|
};
|
|
16752
16730
|
|
|
16753
|
-
var styles$
|
|
16731
|
+
var styles$A = {"form-row":"_xX-RS"};
|
|
16754
16732
|
|
|
16755
16733
|
var SIZE_25_PERCENT = '25%';
|
|
16756
16734
|
var SIZE_33_PERCENT = '33.333%';
|
|
@@ -16781,7 +16759,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
16781
16759
|
space: space,
|
|
16782
16760
|
testId: testId,
|
|
16783
16761
|
alignItems: "stretch",
|
|
16784
|
-
extraClass: styles$
|
|
16762
|
+
extraClass: styles$A['form-row']
|
|
16785
16763
|
}, children, additionalColumns.map(function (_, index) {
|
|
16786
16764
|
return React__default["default"].createElement("span", {
|
|
16787
16765
|
key: index,
|
|
@@ -16790,7 +16768,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
16790
16768
|
}));
|
|
16791
16769
|
};
|
|
16792
16770
|
|
|
16793
|
-
var styles$
|
|
16771
|
+
var styles$z = {"text-field":"_JaB08","text-field--focus":"_62RIR","text-field--disabled":"_CDt23","text-field--invalid":"_wf4XP","text-field__toolbar":"_7xVsj"};
|
|
16794
16772
|
|
|
16795
16773
|
var useGrowTextAreaRef = function useGrowTextAreaRef(minHeight, maxHeight, autoGrow, forwardedRef) {
|
|
16796
16774
|
var textareaRef = React.useRef(null);
|
|
@@ -16864,7 +16842,7 @@ var TextAreaField = function TextAreaField(_ref) {
|
|
|
16864
16842
|
return React__default["default"].createElement(Field, _extends({}, fieldProps, {
|
|
16865
16843
|
characterCount: controllers.value !== undefined && maxLength ? maxLength - controllers.value.length : undefined
|
|
16866
16844
|
}), React__default["default"].createElement("div", {
|
|
16867
|
-
className: classnames__default["default"](styles$
|
|
16845
|
+
className: classnames__default["default"](styles$z['text-field'], (_classnames = {}, _classnames[styles$z['text-field--invalid']] = hasError, _classnames[styles$z['text-field--disabled']] = disabled, _classnames[styles$z['text-field--focus']] = hasFocus, _classnames)),
|
|
16868
16846
|
ref: containerRef,
|
|
16869
16847
|
onClick: function onClick(event) {
|
|
16870
16848
|
if (event.target === (containerRef == null ? void 0 : containerRef.current)) {
|
|
@@ -16897,7 +16875,7 @@ var TextAreaField = function TextAreaField(_ref) {
|
|
|
16897
16875
|
ref: textAreaRef,
|
|
16898
16876
|
maxLength: maxLength
|
|
16899
16877
|
}), toolbar && React__default["default"].createElement("div", {
|
|
16900
|
-
className: styles$
|
|
16878
|
+
className: styles$z['text-field__toolbar'],
|
|
16901
16879
|
id: controllers.id + "-toolbar",
|
|
16902
16880
|
ref: toolbarRef,
|
|
16903
16881
|
onClick: function onClick(event) {
|
|
@@ -16931,7 +16909,7 @@ var TextFieldElement = function TextFieldElement(_ref, ref) {
|
|
|
16931
16909
|
*/
|
|
16932
16910
|
var TextField = React.forwardRef(TextFieldElement);
|
|
16933
16911
|
|
|
16934
|
-
var styles$
|
|
16912
|
+
var styles$y = {"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"};
|
|
16935
16913
|
|
|
16936
16914
|
var useMultiSelectFieldControllers = function useMultiSelectFieldControllers(_ref) {
|
|
16937
16915
|
var name = _ref.name,
|
|
@@ -17001,10 +16979,10 @@ var CreatableOption = function CreatableOption(_ref) {
|
|
|
17001
16979
|
};
|
|
17002
16980
|
return React__default["default"].createElement(React__default["default"].Fragment, null, !isCreatingOption && React__default["default"].createElement("div", {
|
|
17003
16981
|
key: 'pill-select-field-create-option',
|
|
17004
|
-
className: styles$
|
|
16982
|
+
className: styles$y['pill-select-field']
|
|
17005
16983
|
}, React__default["default"].createElement("button", {
|
|
17006
16984
|
"data-testid": testId ? testId + "-create-option" : undefined,
|
|
17007
|
-
className: styles$
|
|
16985
|
+
className: styles$y['pill-select-field__add-new-input'],
|
|
17008
16986
|
onClick: function onClick() {
|
|
17009
16987
|
setIsCreatingOption(true);
|
|
17010
16988
|
setNewOptionLabel('');
|
|
@@ -17013,9 +16991,9 @@ var CreatableOption = function CreatableOption(_ref) {
|
|
|
17013
16991
|
size: "small"
|
|
17014
16992
|
}), createOptionLabel)), isCreatingOption && React__default["default"].createElement("div", {
|
|
17015
16993
|
key: 'pill-select-field-creating-option',
|
|
17016
|
-
className: styles$
|
|
16994
|
+
className: styles$y['pill-select-field']
|
|
17017
16995
|
}, React__default["default"].createElement("input", {
|
|
17018
|
-
className: styles$
|
|
16996
|
+
className: styles$y['pill-select-field__creating-input'],
|
|
17019
16997
|
name: name + "-pill-select-field-creating-option",
|
|
17020
16998
|
id: 'pill-select-field-creating-option',
|
|
17021
16999
|
type: "text",
|
|
@@ -17038,7 +17016,7 @@ var CreatableOption = function CreatableOption(_ref) {
|
|
|
17038
17016
|
}
|
|
17039
17017
|
}
|
|
17040
17018
|
}), React__default["default"].createElement("span", {
|
|
17041
|
-
className: styles$
|
|
17019
|
+
className: styles$y['pill-select-field__creating-custom-input']
|
|
17042
17020
|
}, !newOptionLabel && React__default["default"].createElement(Text, {
|
|
17043
17021
|
as: "body",
|
|
17044
17022
|
color: "surface-on-color-disabled"
|
|
@@ -17091,7 +17069,7 @@ var PillSelectField = function PillSelectField(_ref) {
|
|
|
17091
17069
|
}
|
|
17092
17070
|
};
|
|
17093
17071
|
return React__default["default"].createElement("button", {
|
|
17094
|
-
className: styles$
|
|
17072
|
+
className: styles$y['pill-select-field__removable-icon'],
|
|
17095
17073
|
onClick: handleClick,
|
|
17096
17074
|
disabled: disabled
|
|
17097
17075
|
}, React__default["default"].createElement(IconTimes, {
|
|
@@ -17110,7 +17088,7 @@ var PillSelectField = function PillSelectField(_ref) {
|
|
|
17110
17088
|
var itemId = controllers.id + "-" + itemIdentifier;
|
|
17111
17089
|
return React__default["default"].createElement("div", {
|
|
17112
17090
|
key: itemIdentifier,
|
|
17113
|
-
className: styles$
|
|
17091
|
+
className: styles$y['pill-select-field']
|
|
17114
17092
|
}, React__default["default"].createElement("input", {
|
|
17115
17093
|
name: name + "-" + itemIdentifier,
|
|
17116
17094
|
id: itemId,
|
|
@@ -17130,7 +17108,7 @@ var PillSelectField = function PillSelectField(_ref) {
|
|
|
17130
17108
|
controllers.onChange(newValue);
|
|
17131
17109
|
}
|
|
17132
17110
|
}), React__default["default"].createElement("span", {
|
|
17133
|
-
className: styles$
|
|
17111
|
+
className: styles$y['pill-select-field__custom-input']
|
|
17134
17112
|
}, option.label, option.isRemovable && React__default["default"].createElement(RemoveButton, {
|
|
17135
17113
|
option: option
|
|
17136
17114
|
})));
|
|
@@ -17142,7 +17120,7 @@ var PillSelectField = function PillSelectField(_ref) {
|
|
|
17142
17120
|
})));
|
|
17143
17121
|
};
|
|
17144
17122
|
|
|
17145
|
-
var styles$
|
|
17123
|
+
var styles$x = {"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"};
|
|
17146
17124
|
|
|
17147
17125
|
var toKey = function toKey(d) {
|
|
17148
17126
|
return d.getFullYear() + "-" + d.getMonth() + "-" + d.getDate();
|
|
@@ -17188,14 +17166,14 @@ var WeekSelectField = function WeekSelectField(_ref) {
|
|
|
17188
17166
|
caption: caption,
|
|
17189
17167
|
error: error
|
|
17190
17168
|
}, React__default["default"].createElement("div", {
|
|
17191
|
-
className: styles$
|
|
17169
|
+
className: styles$x['week-select-field']
|
|
17192
17170
|
}, days.map(function (day, index) {
|
|
17193
17171
|
var key = toKey(day);
|
|
17194
17172
|
var isChecked = selectedKeys.has(key);
|
|
17195
17173
|
var itemId = id + "-" + key;
|
|
17196
17174
|
return React__default["default"].createElement("div", {
|
|
17197
17175
|
key: key,
|
|
17198
|
-
className: styles$
|
|
17176
|
+
className: styles$x['week-select-field__day']
|
|
17199
17177
|
}, React__default["default"].createElement("input", {
|
|
17200
17178
|
type: "checkbox",
|
|
17201
17179
|
id: itemId,
|
|
@@ -17212,11 +17190,11 @@ var WeekSelectField = function WeekSelectField(_ref) {
|
|
|
17212
17190
|
handleChange(newValue);
|
|
17213
17191
|
}
|
|
17214
17192
|
}), React__default["default"].createElement("span", {
|
|
17215
|
-
className: styles$
|
|
17193
|
+
className: styles$x['week-select-field__day-pill']
|
|
17216
17194
|
}, React__default["default"].createElement("span", {
|
|
17217
|
-
className: styles$
|
|
17195
|
+
className: styles$x['week-select-field__day-abbr']
|
|
17218
17196
|
}, displayFormat === 'month' ? monthAbbr[day.getMonth()] : dayAbbr[day.getDay()]), React__default["default"].createElement("span", {
|
|
17219
|
-
className: styles$
|
|
17197
|
+
className: styles$x['week-select-field__day-num']
|
|
17220
17198
|
}, day.getDate())));
|
|
17221
17199
|
})));
|
|
17222
17200
|
};
|
|
@@ -17258,9 +17236,9 @@ var useRadioGroupFieldContext = function useRadioGroupFieldContext() {
|
|
|
17258
17236
|
return context;
|
|
17259
17237
|
};
|
|
17260
17238
|
|
|
17261
|
-
var styles$
|
|
17239
|
+
var styles$w = {"label":"_xzukU","label--truncate":"_iVWRB","caption":"_JNfQO","radio-group-field__label":"_2KvuU","radio-group-field__caption":"_ZeIOd"};
|
|
17262
17240
|
|
|
17263
|
-
var styles$
|
|
17241
|
+
var styles$v = {"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"};
|
|
17264
17242
|
|
|
17265
17243
|
var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
|
|
17266
17244
|
var _classNames, _classNames2, _classNames3;
|
|
@@ -17277,7 +17255,7 @@ var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
|
|
|
17277
17255
|
id: inputId
|
|
17278
17256
|
});
|
|
17279
17257
|
return React__default["default"].createElement("label", {
|
|
17280
|
-
className: styles$
|
|
17258
|
+
className: styles$v['radio-group-box-option'],
|
|
17281
17259
|
"data-testid": testId
|
|
17282
17260
|
}, React__default["default"].createElement("input", {
|
|
17283
17261
|
type: "radio",
|
|
@@ -17288,7 +17266,7 @@ var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
|
|
|
17288
17266
|
checked: radioGroupContext.value !== undefined ? radioGroupContext.value === value : undefined,
|
|
17289
17267
|
disabled: radioGroupContext.disabled || disabled
|
|
17290
17268
|
}), React__default["default"].createElement("div", {
|
|
17291
|
-
className: classnames__default["default"](styles$
|
|
17269
|
+
className: classnames__default["default"](styles$v['radio-group-box-option__box'], (_classNames = {}, _classNames[styles$v['radio-group-box-option__box--disabled']] = radioGroupContext.disabled || disabled, _classNames))
|
|
17292
17270
|
}, React__default["default"].createElement(Stack, {
|
|
17293
17271
|
space: 16,
|
|
17294
17272
|
alignItems: "center",
|
|
@@ -17297,13 +17275,13 @@ var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
|
|
|
17297
17275
|
space: 8,
|
|
17298
17276
|
alignItems: "center"
|
|
17299
17277
|
}, label && React__default["default"].createElement("div", {
|
|
17300
|
-
className: classnames__default["default"](styles$
|
|
17278
|
+
className: classnames__default["default"](styles$v['radio-group-box-option__label'], (_classNames2 = {}, _classNames2[styles$v['radio-group-box-option__label--disabled']] = radioGroupContext.disabled || disabled, _classNames2))
|
|
17301
17279
|
}, label), caption && React__default["default"].createElement("div", {
|
|
17302
|
-
className: classnames__default["default"](styles$
|
|
17280
|
+
className: classnames__default["default"](styles$v['radio-group-box-option__caption'], (_classNames3 = {}, _classNames3[styles$v['radio-group-box-option__caption--disabled']] = radioGroupContext.disabled || disabled, _classNames3))
|
|
17303
17281
|
}, caption)))));
|
|
17304
17282
|
};
|
|
17305
17283
|
|
|
17306
|
-
var styles$
|
|
17284
|
+
var styles$u = {"radio-group-option":"_7fVpn","radio-group-option__caption":"_VD7SO","radio-group-option__custom-input":"_Yfxkl"};
|
|
17307
17285
|
|
|
17308
17286
|
/** RadioGroupField form element. */
|
|
17309
17287
|
var RadioGroupOption = function RadioGroupOption(_ref) {
|
|
@@ -17324,7 +17302,7 @@ var RadioGroupOption = function RadioGroupOption(_ref) {
|
|
|
17324
17302
|
space: 8,
|
|
17325
17303
|
alignItems: "center"
|
|
17326
17304
|
}, React__default["default"].createElement("div", {
|
|
17327
|
-
className: styles$
|
|
17305
|
+
className: styles$u['radio-group-option']
|
|
17328
17306
|
}, React__default["default"].createElement("input", {
|
|
17329
17307
|
type: "radio",
|
|
17330
17308
|
"data-testid": testId,
|
|
@@ -17335,11 +17313,11 @@ var RadioGroupOption = function RadioGroupOption(_ref) {
|
|
|
17335
17313
|
checked: radioGroupContext.value !== undefined ? radioGroupContext.value === value : undefined,
|
|
17336
17314
|
disabled: radioGroupContext.disabled || disabled
|
|
17337
17315
|
}), React__default["default"].createElement("span", {
|
|
17338
|
-
className: styles$
|
|
17316
|
+
className: styles$u['radio-group-option__custom-input']
|
|
17339
17317
|
})), label && React__default["default"].createElement(Label, {
|
|
17340
17318
|
htmlFor: id
|
|
17341
17319
|
}, label)), caption && React__default["default"].createElement("div", {
|
|
17342
|
-
className: styles$
|
|
17320
|
+
className: styles$u['radio-group-option__caption']
|
|
17343
17321
|
}, React__default["default"].createElement(Caption, {
|
|
17344
17322
|
fieldId: id
|
|
17345
17323
|
}, caption)));
|
|
@@ -17476,7 +17454,7 @@ var RadioGroupField = function RadioGroupField(_ref) {
|
|
|
17476
17454
|
}, React__default["default"].createElement(Stack, {
|
|
17477
17455
|
space: space
|
|
17478
17456
|
}, label && React__default["default"].createElement("div", {
|
|
17479
|
-
className: styles$
|
|
17457
|
+
className: styles$w['radio-group-field__label']
|
|
17480
17458
|
}, label), React__default["default"].createElement(Stack, {
|
|
17481
17459
|
space: 8
|
|
17482
17460
|
}, optionsType === OPTION_TYPES.RADIO ? React__default["default"].createElement(RadioOptions, {
|
|
@@ -17488,20 +17466,20 @@ var RadioGroupField = function RadioGroupField(_ref) {
|
|
|
17488
17466
|
testId: testId,
|
|
17489
17467
|
space: space
|
|
17490
17468
|
}, children), caption && React__default["default"].createElement("div", {
|
|
17491
|
-
className: styles$
|
|
17469
|
+
className: styles$w['radio-group-caption']
|
|
17492
17470
|
}, caption), controllers.error && React__default["default"].createElement(ErrorMessage, null, controllers.error))));
|
|
17493
17471
|
};
|
|
17494
17472
|
|
|
17495
|
-
var styles$
|
|
17473
|
+
var styles$t = {"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"};
|
|
17496
17474
|
|
|
17497
|
-
var styles$
|
|
17475
|
+
var styles$s = {"password-criteria":"_1ruWK","password-criteria--invalid":"_xR7tb"};
|
|
17498
17476
|
|
|
17499
17477
|
var PasswordCriteria = function PasswordCriteria(_ref) {
|
|
17500
17478
|
var _classnames;
|
|
17501
17479
|
var met = _ref.met,
|
|
17502
17480
|
children = _ref.children;
|
|
17503
17481
|
return React__default["default"].createElement("span", {
|
|
17504
|
-
className: classnames__default["default"](styles$
|
|
17482
|
+
className: classnames__default["default"](styles$s['password-criteria'], (_classnames = {}, _classnames[styles$s['password-criteria--invalid']] = !met, _classnames))
|
|
17505
17483
|
}, React__default["default"].createElement(Inline, {
|
|
17506
17484
|
space: met ? 4 : 8
|
|
17507
17485
|
}, met ? React__default["default"].createElement(IconCheck, {
|
|
@@ -17581,11 +17559,11 @@ var PasswordField = function PasswordField(_ref) {
|
|
|
17581
17559
|
error: controllers.error
|
|
17582
17560
|
};
|
|
17583
17561
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement("div", {
|
|
17584
|
-
className: styles$
|
|
17562
|
+
className: styles$t['password-container']
|
|
17585
17563
|
}, React__default["default"].createElement("input", {
|
|
17586
17564
|
name: name,
|
|
17587
17565
|
id: controllers.id,
|
|
17588
|
-
className: classnames__default["default"](styles$
|
|
17566
|
+
className: classnames__default["default"](styles$t['text-field'], (_classnames = {}, _classnames[styles$t['text-field--invalid']] = hasError, _classnames)),
|
|
17589
17567
|
type: type,
|
|
17590
17568
|
"data-testid": testId,
|
|
17591
17569
|
autoComplete: autoComplete,
|
|
@@ -17598,7 +17576,7 @@ var PasswordField = function PasswordField(_ref) {
|
|
|
17598
17576
|
onChange: controllers.onChange,
|
|
17599
17577
|
onBlur: controllers.onBlur
|
|
17600
17578
|
}), React__default["default"].createElement("div", {
|
|
17601
|
-
className: classnames__default["default"](styles$
|
|
17579
|
+
className: classnames__default["default"](styles$t['password-toggle'], (_classNames = {}, _classNames[styles$t['password-toggle--disabled']] = disabled, _classNames)),
|
|
17602
17580
|
onClick: toggleType,
|
|
17603
17581
|
onKeyPress: toggleType,
|
|
17604
17582
|
"data-testid": testId && testId + "-toggle",
|
|
@@ -17710,7 +17688,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
|
|
|
17710
17688
|
})));
|
|
17711
17689
|
};
|
|
17712
17690
|
|
|
17713
|
-
var styles$
|
|
17691
|
+
var styles$r = {"custom-list":"_cSkvD"};
|
|
17714
17692
|
|
|
17715
17693
|
var _excluded$b4 = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad", "isLoadingMore"];
|
|
17716
17694
|
var CustomList = function CustomList(_ref) {
|
|
@@ -17731,7 +17709,7 @@ var CustomList = function CustomList(_ref) {
|
|
|
17731
17709
|
})) : showFooter && props.options.length > 0 && React__default["default"].createElement(Inline, {
|
|
17732
17710
|
justifyContent: "center"
|
|
17733
17711
|
}, React__default["default"].createElement("div", {
|
|
17734
|
-
className: styles$
|
|
17712
|
+
className: styles$r['custom-list']
|
|
17735
17713
|
}, __('moreOptionsPlaceholder')))));
|
|
17736
17714
|
};
|
|
17737
17715
|
|
|
@@ -18128,7 +18106,7 @@ var getFormikError = function getFormikError(error) {
|
|
|
18128
18106
|
return undefined;
|
|
18129
18107
|
};
|
|
18130
18108
|
|
|
18131
|
-
var styles$
|
|
18109
|
+
var styles$q = {"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"};
|
|
18132
18110
|
|
|
18133
18111
|
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"};
|
|
18134
18112
|
|
|
@@ -18196,9 +18174,9 @@ var DateRangeCalendar = function DateRangeCalendar(_ref) {
|
|
|
18196
18174
|
var MONTH_NAMES = getMonths(translate);
|
|
18197
18175
|
var highlight = buildHighlightDayPickerProps(highlightedDays);
|
|
18198
18176
|
return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
|
|
18199
|
-
className: styles$
|
|
18177
|
+
className: styles$1c['calendar']
|
|
18200
18178
|
}, React__default["default"].createElement("div", {
|
|
18201
|
-
className: styles$
|
|
18179
|
+
className: styles$1c['calendar__overlay'],
|
|
18202
18180
|
ref: function ref(_ref2) {
|
|
18203
18181
|
return setCalendarRef(_ref2);
|
|
18204
18182
|
},
|
|
@@ -18413,7 +18391,7 @@ var DateRangeField = function DateRangeField(_ref) {
|
|
|
18413
18391
|
start = _controllers$value.start,
|
|
18414
18392
|
end = _controllers$value.end;
|
|
18415
18393
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement("div", {
|
|
18416
|
-
className: classnames__default["default"](styles$
|
|
18394
|
+
className: classnames__default["default"](styles$q['date-range-field'], (_classnames = {}, _classnames[styles$q['date-range-field--invalid']] = hasError, _classnames[styles$q['date-range-field--disabled']] = disabled, _classnames)),
|
|
18417
18395
|
"data-testid": testId
|
|
18418
18396
|
}, React__default["default"].createElement(IconCalendarAlt, {
|
|
18419
18397
|
size: "medium",
|
|
@@ -18782,7 +18760,7 @@ var TimeRangeSelector = React.forwardRef(TimeFieldElement);
|
|
|
18782
18760
|
*/
|
|
18783
18761
|
var TimeField = React.forwardRef(TimeFieldElement);
|
|
18784
18762
|
|
|
18785
|
-
var styles$
|
|
18763
|
+
var styles$p = {"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"};
|
|
18786
18764
|
|
|
18787
18765
|
var TimeRangeEnd = function TimeRangeEnd(_ref) {
|
|
18788
18766
|
var startTime = _ref.startTime,
|
|
@@ -18901,7 +18879,7 @@ var TimeRangeField = function TimeRangeField(_ref) {
|
|
|
18901
18879
|
end: end
|
|
18902
18880
|
}) : getDuration(end, start, subtractDuration);
|
|
18903
18881
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement("div", {
|
|
18904
|
-
className: classnames__default["default"](styles$
|
|
18882
|
+
className: classnames__default["default"](styles$p['time-range-field'], (_classnames = {}, _classnames[styles$p['time-range-field--invalid']] = hasError, _classnames[styles$p['time-range-field--disabled']] = disabled, _classnames)),
|
|
18905
18883
|
"data-testid": testId
|
|
18906
18884
|
}, React__default["default"].createElement(TimeRangeStart, {
|
|
18907
18885
|
startTime: startTime,
|
|
@@ -18932,7 +18910,7 @@ var TimeRangeField = function TimeRangeField(_ref) {
|
|
|
18932
18910
|
})));
|
|
18933
18911
|
};
|
|
18934
18912
|
|
|
18935
|
-
var styles$
|
|
18913
|
+
var styles$o = {"currency-field":"_GyYnE","currency-field--with-mask":"_NfdKk","currency-field__mask-display":"_ddacu","currency-field__mask-display--disabled":"_o1-zA"};
|
|
18936
18914
|
|
|
18937
18915
|
var CURRENCY_DISPLAY_DEFAULT_MARGIN = 8;
|
|
18938
18916
|
var CURRENCY_DISPLAY_MARGIN_BUFFER = 1;
|
|
@@ -19002,9 +18980,9 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
|
|
|
19002
18980
|
setShowMask(false);
|
|
19003
18981
|
inputProps.onFocus(e);
|
|
19004
18982
|
},
|
|
19005
|
-
className: classnames__default["default"](inputProps.className, styles$
|
|
18983
|
+
className: classnames__default["default"](inputProps.className, styles$o['currency-field'], (_classnames = {}, _classnames[styles$o['currency-field--with-mask']] = showMask && !!inputProps.value, _classnames))
|
|
19006
18984
|
}))), showMask && !!inputProps.value && React__default["default"].createElement("div", {
|
|
19007
|
-
className: classnames__default["default"](styles$
|
|
18985
|
+
className: classnames__default["default"](styles$o['currency-field__mask-display'], (_classnames2 = {}, _classnames2[styles$o['currency-field__mask-display--disabled']] = inputProps.disabled, _classnames2)),
|
|
19008
18986
|
style: {
|
|
19009
18987
|
marginLeft: displayPadding
|
|
19010
18988
|
}
|
|
@@ -19130,7 +19108,7 @@ var FormFeedback = function FormFeedback(_ref) {
|
|
|
19130
19108
|
}, children);
|
|
19131
19109
|
};
|
|
19132
19110
|
|
|
19133
|
-
var styles$
|
|
19111
|
+
var styles$n = {"phone-field":"_Q0GfJ","phone-field__flag":"_-uOqW","phone-field__input":"_Hes9b","phone-field__input--with-square-borders":"_TEU6N"};
|
|
19134
19112
|
|
|
19135
19113
|
var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
|
|
19136
19114
|
var name = _ref.name,
|
|
@@ -19272,7 +19250,7 @@ var usePhoneField = function usePhoneField(_ref) {
|
|
|
19272
19250
|
'aria-describedby': hasError ? controllers.id + "-error-message" : controllers.id + "-describer",
|
|
19273
19251
|
'aria-invalid': hasError,
|
|
19274
19252
|
autoFocus: autoFocus,
|
|
19275
|
-
className: classnames__default["default"](styles$
|
|
19253
|
+
className: classnames__default["default"](styles$1w['text-field'], (_classnames = {}, _classnames[styles$1w['text-field--invalid']] = hasError, _classnames)),
|
|
19276
19254
|
'data-testid': testId,
|
|
19277
19255
|
disabled: disabled,
|
|
19278
19256
|
id: controllers.id,
|
|
@@ -20041,7 +20019,7 @@ var COUNTRIES = {
|
|
|
20041
20019
|
};
|
|
20042
20020
|
var COUNTRY_CODES = Object.keys(COUNTRIES);
|
|
20043
20021
|
|
|
20044
|
-
var styles$
|
|
20022
|
+
var styles$m = {"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"};
|
|
20045
20023
|
|
|
20046
20024
|
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"};
|
|
20047
20025
|
|
|
@@ -20058,15 +20036,15 @@ var CountrySelector = function CountrySelector(_ref) {
|
|
|
20058
20036
|
return arr.indexOf(code) === index && code in COUNTRIES;
|
|
20059
20037
|
});
|
|
20060
20038
|
return React__default["default"].createElement("div", {
|
|
20061
|
-
className: classnames__default["default"](styles$
|
|
20039
|
+
className: classnames__default["default"](styles$m['country-selector'], (_classNames = {}, _classNames[styles$m['country-selector--with-error']] = hasError, _classNames[styles$m['country-selector--disabled']] = disabled, _classNames))
|
|
20062
20040
|
}, React__default["default"].createElement(Dropdown, {
|
|
20063
20041
|
trigger: React__default["default"].createElement("div", {
|
|
20064
|
-
className: classnames__default["default"](styles$
|
|
20042
|
+
className: classnames__default["default"](styles$m['country-selector__trigger'], (_classNames2 = {}, _classNames2[styles$m['country-selector__trigger--with-error']] = hasError, _classNames2[styles$m['country-selector__trigger--disabled']] = disabled, _classNames2))
|
|
20065
20043
|
}, React__default["default"].createElement(Inline, {
|
|
20066
20044
|
space: 8,
|
|
20067
20045
|
alignItems: "center"
|
|
20068
20046
|
}, React__default["default"].createElement("span", {
|
|
20069
|
-
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + country.toLowerCase()], styles$
|
|
20047
|
+
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + country.toLowerCase()], styles$m['country-selector__trigger-flag'])
|
|
20070
20048
|
}), React__default["default"].createElement(IconChevronDown, {
|
|
20071
20049
|
color: "currentColor",
|
|
20072
20050
|
size: "medium"
|
|
@@ -20083,7 +20061,7 @@ var CountrySelector = function CountrySelector(_ref) {
|
|
|
20083
20061
|
alignItems: "center",
|
|
20084
20062
|
space: 12
|
|
20085
20063
|
}, React__default["default"].createElement("span", {
|
|
20086
|
-
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$
|
|
20064
|
+
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$m['country-selector__flag'])
|
|
20087
20065
|
}), React__default["default"].createElement(Text, null, COUNTRIES[countryCode].countryName)));
|
|
20088
20066
|
}), React__default["default"].createElement(DropdownListDivider, null), COUNTRY_CODES.map(function (countryCode) {
|
|
20089
20067
|
return React__default["default"].createElement(DropdownListItem, {
|
|
@@ -20095,7 +20073,7 @@ var CountrySelector = function CountrySelector(_ref) {
|
|
|
20095
20073
|
alignItems: "center",
|
|
20096
20074
|
space: 12
|
|
20097
20075
|
}, React__default["default"].createElement("span", {
|
|
20098
|
-
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$
|
|
20076
|
+
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$m['country-selector__flag'])
|
|
20099
20077
|
}), React__default["default"].createElement(Text, null, COUNTRIES[countryCode].countryName)));
|
|
20100
20078
|
}))));
|
|
20101
20079
|
};
|
|
@@ -20172,7 +20150,7 @@ var PhoneField = function PhoneField(_ref) {
|
|
|
20172
20150
|
}
|
|
20173
20151
|
};
|
|
20174
20152
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement("div", {
|
|
20175
|
-
className: styles$
|
|
20153
|
+
className: styles$n['phone-field']
|
|
20176
20154
|
}, !disabledCountry && React__default["default"].createElement(CountrySelector, {
|
|
20177
20155
|
country: selectedCountry,
|
|
20178
20156
|
onChange: handleCountryChange,
|
|
@@ -20184,17 +20162,17 @@ var PhoneField = function PhoneField(_ref) {
|
|
|
20184
20162
|
space: 4,
|
|
20185
20163
|
alignItems: "center"
|
|
20186
20164
|
}, React__default["default"].createElement("span", {
|
|
20187
|
-
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + selectedCountry.toLocaleLowerCase()], styles$
|
|
20165
|
+
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + selectedCountry.toLocaleLowerCase()], styles$n['country-selector__flag'])
|
|
20188
20166
|
}), React__default["default"].createElement("span", null, "+", libphonenumberJs.getCountryCallingCode(selectedCountry))) : "+" + libphonenumberJs.getCountryCallingCode(selectedCountry)
|
|
20189
20167
|
}, React__default["default"].createElement("input", _extends({}, inputProps, {
|
|
20190
20168
|
type: "tel",
|
|
20191
|
-
className: classnames__default["default"](inputProps.className, styles$
|
|
20169
|
+
className: classnames__default["default"](inputProps.className, styles$n['phone-field__input'], (_classNames = {}, _classNames[styles$n['phone-field__input--with-square-borders']] = !disabledCountry, _classNames)),
|
|
20192
20170
|
onChange: handlePhoneChange,
|
|
20193
20171
|
onBlur: handlePhoneBlur
|
|
20194
20172
|
})))));
|
|
20195
20173
|
};
|
|
20196
20174
|
|
|
20197
|
-
var styles$
|
|
20175
|
+
var styles$l = {"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"};
|
|
20198
20176
|
|
|
20199
20177
|
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'];
|
|
20200
20178
|
|
|
@@ -20421,7 +20399,7 @@ var OverlayContent = function OverlayContent(_ref) {
|
|
|
20421
20399
|
return React__default["default"].createElement("div", {
|
|
20422
20400
|
style: overlayStyle,
|
|
20423
20401
|
ref: overlayRef,
|
|
20424
|
-
className: styles$
|
|
20402
|
+
className: styles$l['color-overlay'],
|
|
20425
20403
|
role: "dialog"
|
|
20426
20404
|
}, SEQUENTIAL_COLORS.map(function (color, index) {
|
|
20427
20405
|
return React__default["default"].createElement(ColorDisplay, {
|
|
@@ -20437,7 +20415,7 @@ var OverlayContent = function OverlayContent(_ref) {
|
|
|
20437
20415
|
}
|
|
20438
20416
|
});
|
|
20439
20417
|
}), allowCustomColor && React__default["default"].createElement("div", {
|
|
20440
|
-
className: styles$
|
|
20418
|
+
className: styles$l['color-overlay__custom-color']
|
|
20441
20419
|
}, React__default["default"].createElement(Button, {
|
|
20442
20420
|
ref: customButtonRef,
|
|
20443
20421
|
size: "full-width",
|
|
@@ -20452,12 +20430,12 @@ var ColorDisplay = function ColorDisplay(_ref2) {
|
|
|
20452
20430
|
_onClick = _ref2.onClick,
|
|
20453
20431
|
onHover = _ref2.onHover;
|
|
20454
20432
|
return React__default["default"].createElement("button", {
|
|
20455
|
-
className: styles$
|
|
20433
|
+
className: styles$l['color-overlay__color-display-container'],
|
|
20456
20434
|
onClick: function onClick() {
|
|
20457
20435
|
return _onClick(color);
|
|
20458
20436
|
}
|
|
20459
20437
|
}, React__default["default"].createElement("div", {
|
|
20460
|
-
className: classnames__default["default"](styles$
|
|
20438
|
+
className: classnames__default["default"](styles$l['color-overlay__color-display-circle'], (_classNames = {}, _classNames[styles$l['color-overlay__color-display-circle--selected']] = isSelected, _classNames[styles$l['color-overlay__color-display-circle--focused']] = isFocused, _classNames)),
|
|
20461
20439
|
onMouseEnter: onHover,
|
|
20462
20440
|
style: {
|
|
20463
20441
|
backgroundColor: COLORS[color]
|
|
@@ -20465,12 +20443,12 @@ var ColorDisplay = function ColorDisplay(_ref2) {
|
|
|
20465
20443
|
}));
|
|
20466
20444
|
};
|
|
20467
20445
|
|
|
20468
|
-
var styles$
|
|
20446
|
+
var styles$k = {"color-swatch":"_UUuiJ"};
|
|
20469
20447
|
|
|
20470
20448
|
var ColorSwatch = function ColorSwatch(_ref) {
|
|
20471
20449
|
var color = _ref.color;
|
|
20472
20450
|
return React__default["default"].createElement("div", {
|
|
20473
|
-
className: styles$
|
|
20451
|
+
className: styles$k['color-swatch'],
|
|
20474
20452
|
style: {
|
|
20475
20453
|
backgroundColor: color
|
|
20476
20454
|
}
|
|
@@ -20558,7 +20536,7 @@ var findSeqTokenByHex = function findSeqTokenByHex(value) {
|
|
|
20558
20536
|
});
|
|
20559
20537
|
};
|
|
20560
20538
|
|
|
20561
|
-
var styles$
|
|
20539
|
+
var styles$j = {"custom-color-picker":"_OHgPk"};
|
|
20562
20540
|
|
|
20563
20541
|
/**
|
|
20564
20542
|
* A visually hidden native color input. It is kept mounted on the field (not
|
|
@@ -20612,12 +20590,12 @@ var CustomColorPicker = React.forwardRef(function (_ref, ref) {
|
|
|
20612
20590
|
type: "color",
|
|
20613
20591
|
"aria-hidden": "true",
|
|
20614
20592
|
tabIndex: -1,
|
|
20615
|
-
className: styles$
|
|
20593
|
+
className: styles$j['custom-color-picker'],
|
|
20616
20594
|
defaultValue: safeColor
|
|
20617
20595
|
});
|
|
20618
20596
|
});
|
|
20619
20597
|
|
|
20620
|
-
var styles$
|
|
20598
|
+
var styles$i = {"color-field":"_KJawn"};
|
|
20621
20599
|
|
|
20622
20600
|
var ColorFieldElement = function ColorFieldElement(props, ref) {
|
|
20623
20601
|
var _useTextField = useTextField(_extends({}, props, {
|
|
@@ -20656,7 +20634,7 @@ var ColorFieldElement = function ColorFieldElement(props, ref) {
|
|
|
20656
20634
|
(_customPickerRef$curr = customPickerRef.current) == null || _customPickerRef$curr.open();
|
|
20657
20635
|
};
|
|
20658
20636
|
return React__default["default"].createElement(React.Fragment, null, React__default["default"].createElement("div", {
|
|
20659
|
-
className: styles$
|
|
20637
|
+
className: styles$i['color-field']
|
|
20660
20638
|
}, React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement(AffixContainer, {
|
|
20661
20639
|
prefix: React__default["default"].createElement(ColorSwatch, {
|
|
20662
20640
|
color: getCurrentColor()
|
|
@@ -20768,22 +20746,76 @@ var isValidPhoneNumber = function isValidPhoneNumber(value) {
|
|
|
20768
20746
|
return !value || libphonenumberJs.isValidPhoneNumber(value);
|
|
20769
20747
|
};
|
|
20770
20748
|
|
|
20771
|
-
var styles$
|
|
20749
|
+
var styles$h = {"avatar":"_V1U8v","avatar__container":"_peAaI","avatar--small":"_9g-tn","avatar__badge":"_uViot","avatar--medium":"_vNXJW","avatar--large":"_9ZKAB","avatar--extra-large":"_uv14Y"};
|
|
20750
|
+
|
|
20751
|
+
var styles$g = {"avatar-image":"_iDN1j"};
|
|
20772
20752
|
|
|
20773
20753
|
var AvatarImage = function AvatarImage(_ref) {
|
|
20774
20754
|
var url = _ref.url,
|
|
20755
|
+
color = _ref.color,
|
|
20775
20756
|
_ref$alt = _ref.alt,
|
|
20776
20757
|
alt = _ref$alt === void 0 ? 'Profile' : _ref$alt,
|
|
20777
|
-
onImageFallbackError = _ref.onImageFallbackError
|
|
20778
|
-
|
|
20779
|
-
|
|
20780
|
-
|
|
20781
|
-
|
|
20782
|
-
|
|
20783
|
-
|
|
20784
|
-
|
|
20758
|
+
onImageFallbackError = _ref.onImageFallbackError;
|
|
20759
|
+
var _useState = React.useState(false),
|
|
20760
|
+
hasImageError = _useState[0],
|
|
20761
|
+
setHasImageError = _useState[1];
|
|
20762
|
+
if (url && !hasImageError) {
|
|
20763
|
+
return React__default["default"].createElement("img", {
|
|
20764
|
+
src: url,
|
|
20765
|
+
alt: alt,
|
|
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
|
+
}));
|
|
20785
20779
|
};
|
|
20786
20780
|
|
|
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
|
+
|
|
20787
20819
|
var elementCallbackMap = null;
|
|
20788
20820
|
function getElementCallbackMap() {
|
|
20789
20821
|
if (!elementCallbackMap) {
|
|
@@ -20864,31 +20896,20 @@ function useIsVisibleInViewPort() {
|
|
|
20864
20896
|
};
|
|
20865
20897
|
}
|
|
20866
20898
|
|
|
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
|
-
}
|
|
20875
20899
|
/**
|
|
20876
20900
|
* 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.
|
|
20877
20901
|
*/
|
|
20878
20902
|
var Avatar = function Avatar(_ref) {
|
|
20879
20903
|
var _classnames;
|
|
20880
20904
|
var children = _ref.children,
|
|
20881
|
-
color = _ref.color,
|
|
20905
|
+
_ref$color = _ref.color,
|
|
20906
|
+
color = _ref$color === void 0 ? COLORS['surface-on-color-subtle'] : _ref$color,
|
|
20882
20907
|
_ref$size = _ref.size,
|
|
20883
20908
|
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
20884
20909
|
urlProp = _ref.url,
|
|
20885
20910
|
badge = _ref.badge,
|
|
20886
20911
|
alt = _ref.alt,
|
|
20887
20912
|
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'];
|
|
20892
20913
|
var _useIsVisibleInViewPo = useIsVisibleInViewPort(),
|
|
20893
20914
|
isVisible = _useIsVisibleInViewPo.isVisible,
|
|
20894
20915
|
elementRef = _useIsVisibleInViewPo.elementRef;
|
|
@@ -20904,51 +20925,34 @@ var Avatar = function Avatar(_ref) {
|
|
|
20904
20925
|
}
|
|
20905
20926
|
}, [isVisible, hasBeenVisible]);
|
|
20906
20927
|
var url = hasBeenVisible ? urlProp : undefined;
|
|
20907
|
-
var _useState2 = React.useState(
|
|
20908
|
-
|
|
20909
|
-
|
|
20910
|
-
var _useState3 = React.useState(
|
|
20911
|
-
|
|
20912
|
-
|
|
20913
|
-
|
|
20914
|
-
|
|
20915
|
-
|
|
20916
|
-
|
|
20917
|
-
|
|
20918
|
-
|
|
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
|
-
}
|
|
20928
|
-
}, React__default["default"].createElement("div", {
|
|
20929
|
-
className: classnames__default["default"](styles$g['avatar__container']),
|
|
20930
|
-
ref: elementRef,
|
|
20931
|
-
style: url && color ? {
|
|
20932
|
-
'--avatar-ring-color': resolvedColor
|
|
20933
|
-
} : undefined
|
|
20928
|
+
var _useState2 = React.useState(false),
|
|
20929
|
+
showIconInsteadOfImage = _useState2[0],
|
|
20930
|
+
setShowIconInsteadOfImage = _useState2[1];
|
|
20931
|
+
var _useState3 = React.useState(function () {
|
|
20932
|
+
return PROFILE_IMAGES[Math.floor(Math.random() * PROFILE_IMAGES.length)];
|
|
20933
|
+
}),
|
|
20934
|
+
defaultProfilePictureColors = _useState3[0];
|
|
20935
|
+
// If passing an url we are defaulting to a lighter grey while the image loads
|
|
20936
|
+
var backgroundColor = url ? COLORS['surface-container-highest'] : getColor(color);
|
|
20937
|
+
return React__default["default"].createElement("div", {
|
|
20938
|
+
className: classnames__default["default"](styles$h['avatar__container']),
|
|
20939
|
+
ref: elementRef
|
|
20934
20940
|
}, React__default["default"].createElement("div", {
|
|
20935
|
-
className: classnames__default["default"](styles$
|
|
20941
|
+
className: classnames__default["default"](styles$h['avatar'], (_classnames = {}, _classnames[styles$h['avatar--small']] = size === 'small', _classnames[styles$h['avatar--medium']] = size === 'medium', _classnames[styles$h['avatar--large']] = size === 'large', _classnames[styles$h['avatar--extra-large']] = size === 'extra-large', _classnames)),
|
|
20936
20942
|
style: {
|
|
20937
|
-
backgroundColor: backgroundColor
|
|
20943
|
+
backgroundColor: children || url && !showIconInsteadOfImage ? backgroundColor : defaultProfilePictureColors.backgroundColor
|
|
20938
20944
|
},
|
|
20939
20945
|
"data-testid": testId
|
|
20940
|
-
},
|
|
20946
|
+
}, children || React__default["default"].createElement(AvatarImage, {
|
|
20941
20947
|
url: url,
|
|
20948
|
+
color: defaultProfilePictureColors.avatarColor,
|
|
20942
20949
|
alt: alt,
|
|
20943
20950
|
onImageFallbackError: function onImageFallbackError() {
|
|
20944
|
-
return
|
|
20945
|
-
},
|
|
20946
|
-
onImageLoad: function onImageLoad() {
|
|
20947
|
-
return setImageLoaded(true);
|
|
20951
|
+
return setShowIconInsteadOfImage(true);
|
|
20948
20952
|
}
|
|
20949
|
-
})
|
|
20950
|
-
className: styles$
|
|
20951
|
-
}, badge)))
|
|
20953
|
+
}), badge && size !== 'small' && React__default["default"].createElement("div", {
|
|
20954
|
+
className: styles$h['avatar__badge']
|
|
20955
|
+
}, badge)));
|
|
20952
20956
|
};
|
|
20953
20957
|
|
|
20954
20958
|
var CHIP_THEME = {
|