@7shifts/sous-chef 4.8.0 → 4.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/foundation/constants.d.ts +1 -1
- package/dist/index.css +455 -339
- package/dist/index.css.map +1 -1
- package/dist/index.js +457 -351
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +648 -539
- package/dist/index.modern.js.map +1 -1
- package/dist/media/ShortcutKey/ShortcutKey.d.ts +22 -0
- package/dist/media/ShortcutKey/index.d.ts +1 -0
- package/dist/media/index.d.ts +2 -1
- package/dist/tests/visual.d.ts +27 -0
- package/dist/typography/Text/constants.d.ts +2 -0
- package/dist/typography/Text/types.d.ts +1 -1
- package/package.json +12 -7
package/dist/index.js
CHANGED
|
@@ -308,7 +308,7 @@ function _objectWithoutPropertiesLoose(r, e) {
|
|
|
308
308
|
return t;
|
|
309
309
|
}
|
|
310
310
|
|
|
311
|
-
var styles$
|
|
311
|
+
var styles$1J = {"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"};
|
|
312
312
|
|
|
313
313
|
var usePositionStyles = function usePositionStyles(_ref) {
|
|
314
314
|
var m = _ref.m,
|
|
@@ -427,7 +427,7 @@ var Flex = function Flex(_ref) {
|
|
|
427
427
|
var _getDataProps = getDataProps(otherProps),
|
|
428
428
|
dataProps = _getDataProps.dataProps;
|
|
429
429
|
var positionStyles = usePositionStyles(positionProps);
|
|
430
|
-
var className = classnames__default["default"](styles$
|
|
430
|
+
var className = classnames__default["default"](styles$1J['flex'], extraClass, (_classNames = {}, _classNames[styles$1J['align-start']] = alignItems === 'flex-start', _classNames[styles$1J['align-end']] = alignItems === 'flex-end', _classNames[styles$1J['align-center']] = alignItems === 'center', _classNames[styles$1J['justify-start']] = justifyContent === 'start', _classNames[styles$1J['justify-end']] = justifyContent === 'end', _classNames[styles$1J['justify-center']] = justifyContent === 'center', _classNames[styles$1J['justify-space-between']] = justifyContent === 'space-between', _classNames[styles$1J['inline-flex']] = inlineFlex, _classNames));
|
|
431
431
|
var items = React__default["default"].Children.toArray(children).filter(Boolean);
|
|
432
432
|
var gap = typeof space === 'object' ? space.row + "px " + space.column + "px" : space;
|
|
433
433
|
return React__default["default"].createElement("div", _extends({
|
|
@@ -443,7 +443,7 @@ var Flex = function Flex(_ref) {
|
|
|
443
443
|
var _classNames2;
|
|
444
444
|
return React__default["default"].createElement("div", {
|
|
445
445
|
key: i,
|
|
446
|
-
className: classnames__default["default"](styles$
|
|
446
|
+
className: classnames__default["default"](styles$1J['flex__item'], (_classNames2 = {}, _classNames2[styles$1J['flex__item--flexible']] = flexItems, _classNames2)),
|
|
447
447
|
style: {
|
|
448
448
|
flex: flex ? flex[i] || '0 1 auto' : '0 1 auto'
|
|
449
449
|
}
|
|
@@ -465,7 +465,7 @@ var Stack = function Stack(_ref) {
|
|
|
465
465
|
}));
|
|
466
466
|
};
|
|
467
467
|
|
|
468
|
-
var styles$
|
|
468
|
+
var styles$1I = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
|
|
469
469
|
|
|
470
470
|
var _excluded$eo = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
|
|
471
471
|
/**
|
|
@@ -488,7 +488,7 @@ var Toggle = function Toggle(_ref) {
|
|
|
488
488
|
return React__default["default"].createElement(Stack, {
|
|
489
489
|
space: 8
|
|
490
490
|
}, React__default["default"].createElement("label", _extends({}, dataProps, {
|
|
491
|
-
className: styles$
|
|
491
|
+
className: styles$1I['toggle']
|
|
492
492
|
}), React__default["default"].createElement("input", {
|
|
493
493
|
type: "checkbox",
|
|
494
494
|
checked: checked,
|
|
@@ -497,11 +497,11 @@ var Toggle = function Toggle(_ref) {
|
|
|
497
497
|
id: id,
|
|
498
498
|
"data-testid": testId
|
|
499
499
|
}), React__default["default"].createElement("span", {
|
|
500
|
-
className: styles$
|
|
500
|
+
className: styles$1I['toggle__switch']
|
|
501
501
|
}), label && React__default["default"].createElement("span", {
|
|
502
|
-
className: styles$
|
|
502
|
+
className: styles$1I['toggle__label']
|
|
503
503
|
}, label)), caption && React__default["default"].createElement("span", {
|
|
504
|
-
className: styles$
|
|
504
|
+
className: styles$1I['toggle__caption']
|
|
505
505
|
}, caption));
|
|
506
506
|
};
|
|
507
507
|
|
|
@@ -521,7 +521,7 @@ var SPINNER_THEMES = {
|
|
|
521
521
|
PRIDE: 'pride'
|
|
522
522
|
};
|
|
523
523
|
|
|
524
|
-
var styles$
|
|
524
|
+
var styles$1H = {"spinner":"_memxT","rotator":"_QieGp","spinner--block":"_VoFzz","path":"_KSRP9","dash":"_RyBY2","path--mint":"_-sIZJ","path--disabled":"_3fox0","path--contrast":"_VteKz","path--pride":"_7rzsv"};
|
|
525
525
|
|
|
526
526
|
var Spinner = function Spinner(_ref) {
|
|
527
527
|
var _classnames;
|
|
@@ -534,9 +534,9 @@ var Spinner = function Spinner(_ref) {
|
|
|
534
534
|
_ref$testId = _ref.testId,
|
|
535
535
|
testId = _ref$testId === void 0 ? 'spinner' : _ref$testId;
|
|
536
536
|
return React__default["default"].createElement("div", {
|
|
537
|
-
className: classnames__default["default"]((_classnames = {}, _classnames[styles$
|
|
537
|
+
className: classnames__default["default"]((_classnames = {}, _classnames[styles$1H['spinner--block']] = block, _classnames))
|
|
538
538
|
}, React__default["default"].createElement("svg", {
|
|
539
|
-
className: styles$
|
|
539
|
+
className: styles$1H['spinner'],
|
|
540
540
|
xmlns: "http://www.w3.org/2000/svg",
|
|
541
541
|
width: size,
|
|
542
542
|
height: size,
|
|
@@ -611,7 +611,7 @@ var Spinner = function Spinner(_ref) {
|
|
|
611
611
|
offset: "1",
|
|
612
612
|
stopColor: "#760088"
|
|
613
613
|
}))), React__default["default"].createElement("circle", {
|
|
614
|
-
className: classnames__default["default"](styles$
|
|
614
|
+
className: classnames__default["default"](styles$1H['path'], styles$1H["path--" + theme]),
|
|
615
615
|
fill: "none",
|
|
616
616
|
strokeWidth: "6",
|
|
617
617
|
strokeLinecap: "round",
|
|
@@ -621,9 +621,9 @@ var Spinner = function Spinner(_ref) {
|
|
|
621
621
|
})));
|
|
622
622
|
};
|
|
623
623
|
|
|
624
|
-
var styles$
|
|
624
|
+
var styles$1G = {"tooltip":"_Ydu2O"};
|
|
625
625
|
|
|
626
|
-
var styles$
|
|
626
|
+
var styles$1F = {"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"};
|
|
627
627
|
|
|
628
628
|
var TOOLTIP_THEME = {
|
|
629
629
|
BLACK: 'black',
|
|
@@ -822,15 +822,15 @@ var TooltipOverlay = function TooltipOverlay(_ref) {
|
|
|
822
822
|
maxHeight: maxHeight,
|
|
823
823
|
zIndex: getZIndex('tooltip')
|
|
824
824
|
}),
|
|
825
|
-
className: classnames__default["default"](styles$
|
|
825
|
+
className: classnames__default["default"](styles$1F['tooltip-overlay'], extraClass, (_classnames = {}, _classnames[styles$1F['tooltip-overlay--visible']] = isVisible, _classnames[styles$1F['tooltip-overlay--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames[styles$1F['tooltip-overlay--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames)),
|
|
826
826
|
onMouseEnter: onFocusIn,
|
|
827
827
|
onMouseLeave: onFocusOut
|
|
828
828
|
}, React__default["default"].createElement(Stack, {
|
|
829
829
|
space: 8
|
|
830
830
|
}, header && React__default["default"].createElement("div", {
|
|
831
|
-
className: styles$
|
|
831
|
+
className: styles$1F['tooltip-overlay__header']
|
|
832
832
|
}, header), children)), React__default["default"].createElement("div", {
|
|
833
|
-
className: classnames__default["default"](styles$
|
|
833
|
+
className: classnames__default["default"](styles$1F['tooltip-overlay-arrow'], extraClass, (_classnames2 = {}, _classnames2[styles$1F['tooltip-overlay-arrow--visible']] = isVisible, _classnames2[styles$1F['tooltip-overlay-arrow--top']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP, _classnames2[styles$1F['tooltip-overlay-arrow--bottom']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM, _classnames2[styles$1F['tooltip-overlay-arrow--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames2[styles$1F['tooltip-overlay-arrow--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames2)),
|
|
834
834
|
style: _extends({}, position.arrow, {
|
|
835
835
|
zIndex: getZIndex('tooltip')
|
|
836
836
|
}),
|
|
@@ -948,7 +948,7 @@ var TooltipElement = function TooltipElement(_ref, forwardedRef) {
|
|
|
948
948
|
}), overlayElement);
|
|
949
949
|
}
|
|
950
950
|
return React__default["default"].createElement("div", _extends({
|
|
951
|
-
className: classnames__default["default"](styles$
|
|
951
|
+
className: classnames__default["default"](styles$1G['tooltip'])
|
|
952
952
|
}, commonProps, {
|
|
953
953
|
ref: containerRef
|
|
954
954
|
}), children, overlayElement);
|
|
@@ -961,7 +961,7 @@ var isTooltipCompatible = function isTooltipCompatible(element) {
|
|
|
961
961
|
return React__default["default"].isValidElement(element) && typeof element.type === 'string';
|
|
962
962
|
};
|
|
963
963
|
|
|
964
|
-
var styles$
|
|
964
|
+
var styles$1E = {"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"};
|
|
965
965
|
|
|
966
966
|
var BUTTON_SIZES = {
|
|
967
967
|
FULL_WIDTH: 'full-width',
|
|
@@ -1056,7 +1056,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
|
|
|
1056
1056
|
onBlur: onBlur,
|
|
1057
1057
|
onFocus: onFocus,
|
|
1058
1058
|
onKeyDown: onKeyDown,
|
|
1059
|
-
className: classnames__default["default"](styles$
|
|
1059
|
+
className: classnames__default["default"](styles$1E['button'], (_classnames = {}, _classnames[styles$1E['button--default']] = theme === BUTTON_THEMES.DEFAULT, _classnames[styles$1E['button--primary']] = theme === BUTTON_THEMES.PRIMARY, _classnames[styles$1E['button--danger']] = theme === BUTTON_THEMES.DANGER, _classnames[styles$1E['button--upsell']] = theme === BUTTON_THEMES.UPSELL, _classnames[styles$1E['button--marketing']] = theme === BUTTON_THEMES.MARKETING, _classnames[styles$1E['button--hollow']] = theme === BUTTON_THEMES.HOLLOW, _classnames[styles$1E['button--hollow-contrast']] = theme === BUTTON_THEMES.HOLLOW_CONTRAST, _classnames[styles$1E['button--link-primary']] = theme === BUTTON_THEMES.LINK_PRIMARY, _classnames[styles$1E['button--link-danger']] = theme === BUTTON_THEMES.LINK_DANGER, _classnames[styles$1E['button--link-upsell']] = theme === BUTTON_THEMES.LINK_UPSELL, _classnames[styles$1E['button--link-toolbar']] = theme === BUTTON_THEMES.LINK_TOOLBAR, _classnames[styles$1E['button--link-contrast']] = theme === BUTTON_THEMES.LINK_CONTRAST, _classnames[styles$1E['button--link-icon']] = theme === BUTTON_THEMES.LINK_ICON, _classnames[styles$1E['button--loading']] = loading, _classnames[styles$1E['button--icon-only']] = isIconOnly, _classnames[styles$1E['button--size-min-width-100']] = size === BUTTON_SIZES.MIN_WIDTH_100, _classnames[styles$1E['button--size-full-width']] = size === BUTTON_SIZES.FULL_WIDTH, _classnames)),
|
|
1060
1060
|
type: type,
|
|
1061
1061
|
disabled: disabled || loading,
|
|
1062
1062
|
href: href,
|
|
@@ -1069,7 +1069,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
|
|
|
1069
1069
|
space: 8,
|
|
1070
1070
|
alignItems: "center"
|
|
1071
1071
|
}, children), loading && React__default["default"].createElement("div", {
|
|
1072
|
-
className: styles$
|
|
1072
|
+
className: styles$1E['button__spinner']
|
|
1073
1073
|
}, React__default["default"].createElement(Spinner, {
|
|
1074
1074
|
theme: contrastSpinner.includes(theme) ? SPINNER_THEMES.CONTRAST : SPINNER_THEMES.DISABLED
|
|
1075
1075
|
})));
|
|
@@ -1079,7 +1079,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
|
|
|
1079
1079
|
overlay: title,
|
|
1080
1080
|
ref: ref
|
|
1081
1081
|
}, title && disabled ? React__default["default"].createElement("div", {
|
|
1082
|
-
className: styles$
|
|
1082
|
+
className: styles$1E['disabled-button-wrapper']
|
|
1083
1083
|
}, ButtonElementResult) : ButtonElementResult)
|
|
1084
1084
|
);
|
|
1085
1085
|
};
|
|
@@ -10316,9 +10316,9 @@ var IconGreatMonochromatic = React.forwardRef(function (_ref, ref) {
|
|
|
10316
10316
|
});
|
|
10317
10317
|
IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
|
|
10318
10318
|
|
|
10319
|
-
var styles$
|
|
10319
|
+
var styles$1D = {"pagination-controls":"_S1co-"};
|
|
10320
10320
|
|
|
10321
|
-
var styles$
|
|
10321
|
+
var styles$1C = {"keyboard-key":"_sgd9a","keyboard-key--light":"_8zg4j","keyboard-key__character":"_GAIig"};
|
|
10322
10322
|
|
|
10323
10323
|
var KeyboardKey = function KeyboardKey(_ref) {
|
|
10324
10324
|
var _classNames;
|
|
@@ -10326,9 +10326,9 @@ var KeyboardKey = function KeyboardKey(_ref) {
|
|
|
10326
10326
|
_ref$theme = _ref.theme,
|
|
10327
10327
|
theme = _ref$theme === void 0 ? 'dark' : _ref$theme;
|
|
10328
10328
|
return React__default["default"].createElement("span", {
|
|
10329
|
-
className: classnames__default["default"](styles$
|
|
10329
|
+
className: classnames__default["default"](styles$1C['keyboard-key'], (_classNames = {}, _classNames[styles$1C['keyboard-key--light']] = theme === 'light', _classNames))
|
|
10330
10330
|
}, React__default["default"].createElement("span", {
|
|
10331
|
-
className: styles$
|
|
10331
|
+
className: styles$1C['keyboard-key__character']
|
|
10332
10332
|
}, children));
|
|
10333
10333
|
};
|
|
10334
10334
|
|
|
@@ -10545,7 +10545,7 @@ var PaginationControls = function PaginationControls(_ref) {
|
|
|
10545
10545
|
}
|
|
10546
10546
|
});
|
|
10547
10547
|
return React__default["default"].createElement("div", _extends({}, dataProps, {
|
|
10548
|
-
className: styles$
|
|
10548
|
+
className: styles$1D['pagination-controls'],
|
|
10549
10549
|
"data-testid": testId
|
|
10550
10550
|
}), React__default["default"].createElement(Button, {
|
|
10551
10551
|
disabled: !hasPrevious,
|
|
@@ -10575,7 +10575,7 @@ var LINK_TARGET = {
|
|
|
10575
10575
|
BLANK: '_blank'
|
|
10576
10576
|
};
|
|
10577
10577
|
|
|
10578
|
-
var styles$
|
|
10578
|
+
var styles$1B = {"link":"_EiQ4c","link--contrast":"_weJDR"};
|
|
10579
10579
|
|
|
10580
10580
|
var _excluded$bq = ["href", "target", "theme", "onClick", "children"];
|
|
10581
10581
|
var Link = function Link(_ref) {
|
|
@@ -10592,7 +10592,7 @@ var Link = function Link(_ref) {
|
|
|
10592
10592
|
dataProps = _getDataProps.dataProps;
|
|
10593
10593
|
var ref = React__default["default"].useRef(null);
|
|
10594
10594
|
return React__default["default"].createElement("a", _extends({}, dataProps, {
|
|
10595
|
-
className: classnames__default["default"](styles$
|
|
10595
|
+
className: classnames__default["default"](styles$1B['link'], (_classNames = {}, _classNames[styles$1B['link--primary']] = theme === LINK_THEME.PRIMARY, _classNames[styles$1B['link--contrast']] = theme === LINK_THEME.CONTRAST, _classNames)),
|
|
10596
10596
|
href: href,
|
|
10597
10597
|
target: target,
|
|
10598
10598
|
onClick: onClick,
|
|
@@ -10615,7 +10615,7 @@ var useDropdownContext = function useDropdownContext() {
|
|
|
10615
10615
|
return React__default["default"].useContext(DropdownContext);
|
|
10616
10616
|
};
|
|
10617
10617
|
|
|
10618
|
-
var styles$
|
|
10618
|
+
var styles$1A = {"dropdown-pane":"_sp-pT"};
|
|
10619
10619
|
|
|
10620
10620
|
var DROPDOWN_PANE_PADDING = 14;
|
|
10621
10621
|
var calculateOverlayPosition$1 = function calculateOverlayPosition(triggerPosition, triggerOffsetHeight, panePosition, alignment) {
|
|
@@ -10753,7 +10753,7 @@ var PaneOverlay = function PaneOverlay(_ref) {
|
|
|
10753
10753
|
useKeyPress(['Escape'], onToggleDropdown);
|
|
10754
10754
|
var overflow = maxHeight ? 'auto' : undefined;
|
|
10755
10755
|
return React__default["default"].createElement("div", {
|
|
10756
|
-
className: classnames__default["default"](styles$
|
|
10756
|
+
className: classnames__default["default"](styles$1A['dropdown-pane'], (_classNames = {}, _classNames[styles$1A['dropdown-pane--with-padding']] = true, _classNames['dropdown-pane--custom-width'] = width !== undefined, _classNames)),
|
|
10757
10757
|
style: _extends({}, position, {
|
|
10758
10758
|
width: width,
|
|
10759
10759
|
maxHeight: maxHeight,
|
|
@@ -10782,7 +10782,7 @@ var getKeyboardFocusableElements = function getKeyboardFocusableElements(element
|
|
|
10782
10782
|
});
|
|
10783
10783
|
};
|
|
10784
10784
|
|
|
10785
|
-
var styles$
|
|
10785
|
+
var styles$1z = {"dropdown__trigger":"_AktVc"};
|
|
10786
10786
|
|
|
10787
10787
|
var DROPDOWN_ALIGNEMNT = {
|
|
10788
10788
|
LEFT: 'left',
|
|
@@ -10793,7 +10793,7 @@ var DROPDOWN_TRIGGER = {
|
|
|
10793
10793
|
CLICK: 'click'
|
|
10794
10794
|
};
|
|
10795
10795
|
|
|
10796
|
-
var styles$
|
|
10796
|
+
var styles$1y = {"label":"_zv4ua","label--truncate":"_FPyID"};
|
|
10797
10797
|
|
|
10798
10798
|
var isEllipsisActive = function isEllipsisActive(e) {
|
|
10799
10799
|
return e.offsetWidth < e.scrollWidth;
|
|
@@ -10846,7 +10846,7 @@ var Label = function Label(_ref) {
|
|
|
10846
10846
|
var LabelElement = React__default["default"].createElement("label", {
|
|
10847
10847
|
htmlFor: htmlFor,
|
|
10848
10848
|
id: labelId,
|
|
10849
|
-
className: classnames__default["default"](styles$
|
|
10849
|
+
className: classnames__default["default"](styles$1y['label'], (_classNames = {}, _classNames[styles$1y['label--truncate']] = shouldTruncate, _classNames))
|
|
10850
10850
|
}, children);
|
|
10851
10851
|
if (showTooltip) {
|
|
10852
10852
|
return React__default["default"].createElement(Tooltip, {
|
|
@@ -10857,18 +10857,18 @@ var Label = function Label(_ref) {
|
|
|
10857
10857
|
return LabelElement;
|
|
10858
10858
|
};
|
|
10859
10859
|
|
|
10860
|
-
var styles$
|
|
10860
|
+
var styles$1x = {"caption":"_Qrxg5"};
|
|
10861
10861
|
|
|
10862
10862
|
var Caption = function Caption(_ref) {
|
|
10863
10863
|
var fieldId = _ref.fieldId,
|
|
10864
10864
|
children = _ref.children;
|
|
10865
10865
|
return React__default["default"].createElement("div", {
|
|
10866
10866
|
id: fieldId && fieldId + "-describer",
|
|
10867
|
-
className: styles$
|
|
10867
|
+
className: styles$1x['caption']
|
|
10868
10868
|
}, children);
|
|
10869
10869
|
};
|
|
10870
10870
|
|
|
10871
|
-
var styles$
|
|
10871
|
+
var styles$1w = {"error-message":"_eS4YO"};
|
|
10872
10872
|
|
|
10873
10873
|
var ErrorMessage = function ErrorMessage(_ref) {
|
|
10874
10874
|
var fieldId = _ref.fieldId,
|
|
@@ -10876,7 +10876,7 @@ var ErrorMessage = function ErrorMessage(_ref) {
|
|
|
10876
10876
|
testId = _ref.testId;
|
|
10877
10877
|
return React__default["default"].createElement("div", {
|
|
10878
10878
|
id: fieldId && fieldId + "-error-message",
|
|
10879
|
-
className: styles$
|
|
10879
|
+
className: styles$1w['error-message'],
|
|
10880
10880
|
"data-testid": testId
|
|
10881
10881
|
}, React__default["default"].createElement(Inline, {
|
|
10882
10882
|
space: 8,
|
|
@@ -10896,7 +10896,9 @@ var TEXT_TYPES = {
|
|
|
10896
10896
|
H4: 'h4',
|
|
10897
10897
|
H5: 'h5',
|
|
10898
10898
|
INSIGHT: 'insight',
|
|
10899
|
-
SPAN: 'span'
|
|
10899
|
+
SPAN: 'span',
|
|
10900
|
+
PARAGRAPH: 'paragraph',
|
|
10901
|
+
TAGLINE: 'tagline'
|
|
10900
10902
|
};
|
|
10901
10903
|
var FONT_EMPHASIS = {
|
|
10902
10904
|
BOLD: 'bold',
|
|
@@ -10913,7 +10915,7 @@ var ALIGNMENTS = {
|
|
|
10913
10915
|
JUSTIFY: 'justify'
|
|
10914
10916
|
};
|
|
10915
10917
|
|
|
10916
|
-
var styles$
|
|
10918
|
+
var styles$1v = {"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"};
|
|
10917
10919
|
|
|
10918
10920
|
var _excluded$bp = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
|
|
10919
10921
|
var TextComponent = function TextComponent(_ref, ref) {
|
|
@@ -10939,13 +10941,13 @@ var TextComponent = function TextComponent(_ref, ref) {
|
|
|
10939
10941
|
color: getColor(color),
|
|
10940
10942
|
textWrap: textWrap
|
|
10941
10943
|
}, positionStyles),
|
|
10942
|
-
className: classnames__default["default"](styles$
|
|
10944
|
+
className: classnames__default["default"](styles$1v['text'], (_classnames = {}, _classnames[styles$1v['text--bold']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD), _classnames[styles$1v['text--italic']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC), _classnames[styles$1v['text--underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE), _classnames[styles$1v['text--dotted-underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE), _classnames[styles$1v['text--monospace']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE), _classnames[styles$1v['text--line-through']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH), _classnames[styles$1v['text--align-left']] = alignment === ALIGNMENTS.LEFT, _classnames[styles$1v['text--align-right']] = alignment === ALIGNMENTS.RIGHT, _classnames[styles$1v['text--align-center']] = alignment === ALIGNMENTS.CENTER, _classnames[styles$1v['text--align-justify']] = alignment === ALIGNMENTS.JUSTIFY, _classnames[styles$1v['text__body']] = as === TEXT_TYPES.BODY, _classnames[styles$1v['text__insight']] = as === TEXT_TYPES.INSIGHT, _classnames[styles$1v['text__caption']] = as === TEXT_TYPES.CAPTION, _classnames[styles$1v['text__span']] = as === TEXT_TYPES.SPAN, _classnames[styles$1v['text__paragraph']] = as === TEXT_TYPES.PARAGRAPH, _classnames[styles$1v['text__tagline']] = as === TEXT_TYPES.TAGLINE, _classnames)),
|
|
10943
10945
|
'data-testid': testId
|
|
10944
10946
|
}, dataProps, other, {
|
|
10945
10947
|
ref: ref
|
|
10946
10948
|
});
|
|
10947
10949
|
// check for TEXT_TYPES that should be a <p> element in the dom
|
|
10948
|
-
var pTypes = [TEXT_TYPES.BODY, TEXT_TYPES.CAPTION, TEXT_TYPES.INSIGHT];
|
|
10950
|
+
var pTypes = [TEXT_TYPES.BODY, TEXT_TYPES.CAPTION, TEXT_TYPES.INSIGHT, TEXT_TYPES.PARAGRAPH, TEXT_TYPES.TAGLINE];
|
|
10949
10951
|
var element = pTypes.includes(as) ? 'p' : as;
|
|
10950
10952
|
return React__default["default"].createElement(element, elementProps, children);
|
|
10951
10953
|
};
|
|
@@ -10954,21 +10956,21 @@ var Text = React.forwardRef(TextComponent);
|
|
|
10954
10956
|
var Bold = function Bold(_ref) {
|
|
10955
10957
|
var children = _ref.children;
|
|
10956
10958
|
return React__default["default"].createElement("span", {
|
|
10957
|
-
className: classnames__default["default"](styles$
|
|
10959
|
+
className: classnames__default["default"](styles$1v['text--bold'], styles$1v['text'])
|
|
10958
10960
|
}, children);
|
|
10959
10961
|
};
|
|
10960
10962
|
|
|
10961
10963
|
var Underline = function Underline(_ref) {
|
|
10962
10964
|
var children = _ref.children;
|
|
10963
10965
|
return React__default["default"].createElement("span", {
|
|
10964
|
-
className: classnames__default["default"](styles$
|
|
10966
|
+
className: classnames__default["default"](styles$1v['text--underline'], styles$1v['text'])
|
|
10965
10967
|
}, children);
|
|
10966
10968
|
};
|
|
10967
10969
|
|
|
10968
10970
|
var Italic = function Italic(_ref) {
|
|
10969
10971
|
var children = _ref.children;
|
|
10970
10972
|
return React__default["default"].createElement("span", {
|
|
10971
|
-
className: classnames__default["default"](styles$
|
|
10973
|
+
className: classnames__default["default"](styles$1v['text--italic'], styles$1v['text'])
|
|
10972
10974
|
}, children);
|
|
10973
10975
|
};
|
|
10974
10976
|
|
|
@@ -11117,7 +11119,7 @@ var useFieldControllers = function useFieldControllers(_ref) {
|
|
|
11117
11119
|
return controllers;
|
|
11118
11120
|
};
|
|
11119
11121
|
|
|
11120
|
-
var styles$
|
|
11122
|
+
var styles$1u = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
|
|
11121
11123
|
|
|
11122
11124
|
var _excluded$bn = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
|
|
11123
11125
|
var useTextField = function useTextField(_ref) {
|
|
@@ -11157,7 +11159,7 @@ var useTextField = function useTextField(_ref) {
|
|
|
11157
11159
|
'aria-invalid': hasError,
|
|
11158
11160
|
autoComplete: autoComplete,
|
|
11159
11161
|
autoFocus: autoFocus,
|
|
11160
|
-
className: classnames__default["default"](styles$
|
|
11162
|
+
className: classnames__default["default"](styles$1u['text-field'], (_classnames = {}, _classnames[styles$1u['text-field--invalid']] = hasError, _classnames)),
|
|
11161
11163
|
'data-testid': testId,
|
|
11162
11164
|
disabled: disabled,
|
|
11163
11165
|
defaultValue: defaultValue,
|
|
@@ -11187,7 +11189,7 @@ var useTextField = function useTextField(_ref) {
|
|
|
11187
11189
|
};
|
|
11188
11190
|
};
|
|
11189
11191
|
|
|
11190
|
-
var styles$
|
|
11192
|
+
var styles$1t = {"affix-container":"_F8QOB","prefix":"_yPPIy","suffix":"_Y3yFd","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi"};
|
|
11191
11193
|
|
|
11192
11194
|
var AffixContainer = function AffixContainer(_ref) {
|
|
11193
11195
|
var _classnames;
|
|
@@ -11222,16 +11224,16 @@ var AffixContainer = function AffixContainer(_ref) {
|
|
|
11222
11224
|
if (!hasPrefix && !hasSuffix) {
|
|
11223
11225
|
return children;
|
|
11224
11226
|
}
|
|
11225
|
-
var classes = classnames__default["default"](styles$
|
|
11227
|
+
var classes = classnames__default["default"](styles$1t['affix-container'], (_classnames = {}, _classnames[styles$1t['affix-container--prefixed']] = hasPrefix, _classnames[styles$1t['affix-container--suffixed']] = hasSuffix, _classnames));
|
|
11226
11228
|
return React__default["default"].createElement("div", {
|
|
11227
11229
|
className: classes,
|
|
11228
11230
|
ref: container,
|
|
11229
11231
|
"data-testid": testId
|
|
11230
11232
|
}, hasPrefix && React__default["default"].createElement("div", {
|
|
11231
|
-
className: styles$
|
|
11233
|
+
className: styles$1t['prefix'],
|
|
11232
11234
|
ref: prefixElement
|
|
11233
11235
|
}, prefix), children, hasSuffix && React__default["default"].createElement("div", {
|
|
11234
|
-
className: styles$
|
|
11236
|
+
className: styles$1t['suffix'],
|
|
11235
11237
|
ref: suffixElement
|
|
11236
11238
|
}, suffix));
|
|
11237
11239
|
};
|
|
@@ -11445,7 +11447,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
11445
11447
|
paneRef: paneRef
|
|
11446
11448
|
}
|
|
11447
11449
|
}, triggerIsKnownButton ? React__default["default"].cloneElement(trigger, _extends({}, trigger.props, triggerProps)) : React__default["default"].createElement("button", _extends({}, triggerProps, {
|
|
11448
|
-
className: styles$
|
|
11450
|
+
className: styles$1z['dropdown__trigger'],
|
|
11449
11451
|
ref: updatedRef,
|
|
11450
11452
|
onFocus: handleFocus
|
|
11451
11453
|
}), trigger), React__default["default"].createElement(DropdownPane, {
|
|
@@ -11459,7 +11461,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
11459
11461
|
}, children));
|
|
11460
11462
|
};
|
|
11461
11463
|
|
|
11462
|
-
var styles$
|
|
11464
|
+
var styles$1s = {"dropdown-list":"_91hvH","dropdown-list__item":"_NrB4V","dropdown-list__item--hover":"_aMs9c"};
|
|
11463
11465
|
|
|
11464
11466
|
var findNextActiveIndex = function findNextActiveIndex(items, startAt) {
|
|
11465
11467
|
var startIndex = 0;
|
|
@@ -11624,19 +11626,19 @@ var updateIconSize = function updateIconSize(child) {
|
|
|
11624
11626
|
}));
|
|
11625
11627
|
};
|
|
11626
11628
|
|
|
11627
|
-
var styles$
|
|
11629
|
+
var styles$1r = {"dropdown-list-divider":"_ISJ4M"};
|
|
11628
11630
|
|
|
11629
11631
|
var DropdownListDivider = function DropdownListDivider(_ref) {
|
|
11630
11632
|
var testId = _ref.testId;
|
|
11631
11633
|
return React__default["default"].createElement("div", {
|
|
11632
|
-
className: styles$
|
|
11634
|
+
className: styles$1r['dropdown-list-divider'],
|
|
11633
11635
|
"data-testid": testId
|
|
11634
11636
|
});
|
|
11635
11637
|
};
|
|
11636
11638
|
|
|
11637
|
-
var styles$
|
|
11639
|
+
var styles$1q = {"dropdown-list-item":"_W12mF","dropdown-list-item--selected":"_Zu9cD","dropdown-list-item__content":"_xS6fS","dropdown-list-item__caption":"_7EI7m","dropdown-list-item--disabled":"_0OB5b","dropdown-list-item__prefix":"_dpo67","dropdown-list-item__suffix":"_ObP6B","dropdown-list-item__container":"_IBrNj","dropdown-list-item__link":"_vC0uY","dropdown-list-item__suffix-spot":"_UA23u","dropdown-list-item__suffix-button":"_rvaeI"};
|
|
11638
11640
|
|
|
11639
|
-
var styles$
|
|
11641
|
+
var styles$1p = {"dropdown-submenu":"_X4fIx"};
|
|
11640
11642
|
|
|
11641
11643
|
var DropdownSubmenu = React.forwardRef(function (_ref, ref) {
|
|
11642
11644
|
var children = _ref.children,
|
|
@@ -11655,7 +11657,7 @@ var DropdownSubmenu = React.forwardRef(function (_ref, ref) {
|
|
|
11655
11657
|
// so no keyboard handler is needed.
|
|
11656
11658
|
// eslint-disable-next-line jsx-a11y/click-events-have-key-events
|
|
11657
11659
|
React__default["default"].createElement("div", {
|
|
11658
|
-
className: styles$
|
|
11660
|
+
className: styles$1p['dropdown-submenu'],
|
|
11659
11661
|
"data-submenu-direction": direction,
|
|
11660
11662
|
style: position || DEFAULT_POSITION,
|
|
11661
11663
|
onMouseEnter: openSubmenu,
|
|
@@ -11858,20 +11860,20 @@ var DropdownListItem = function DropdownListItem(_ref) {
|
|
|
11858
11860
|
onClick && onClick(e);
|
|
11859
11861
|
};
|
|
11860
11862
|
var childrenContainer = React__default["default"].createElement("div", {
|
|
11861
|
-
className: styles$
|
|
11863
|
+
className: styles$1q['dropdown-list-item__container']
|
|
11862
11864
|
}, prefix && React__default["default"].createElement("div", {
|
|
11863
|
-
className: styles$
|
|
11865
|
+
className: styles$1q['dropdown-list-item__prefix']
|
|
11864
11866
|
}, prefix), React__default["default"].createElement("div", {
|
|
11865
|
-
className: styles$
|
|
11867
|
+
className: styles$1q['dropdown-list-item__content']
|
|
11866
11868
|
}, React__default["default"].createElement(Stack, {
|
|
11867
11869
|
space: 0,
|
|
11868
11870
|
flex: [1]
|
|
11869
11871
|
}, children, caption && React__default["default"].createElement("div", {
|
|
11870
|
-
className: styles$
|
|
11872
|
+
className: styles$1q['dropdown-list-item__caption']
|
|
11871
11873
|
}, caption))), (suffix || submenu) && React__default["default"].createElement("div", {
|
|
11872
|
-
className: styles$
|
|
11874
|
+
className: styles$1q['dropdown-list-item__suffix']
|
|
11873
11875
|
}, suffix && openSubmenuOnSuffixClick && submenu ? React__default["default"].createElement("button", {
|
|
11874
|
-
className: styles$
|
|
11876
|
+
className: styles$1q['dropdown-list-item__suffix-button'],
|
|
11875
11877
|
onClick: function onClick(e) {
|
|
11876
11878
|
e.preventDefault();
|
|
11877
11879
|
e.stopPropagation();
|
|
@@ -11882,19 +11884,19 @@ var DropdownListItem = function DropdownListItem(_ref) {
|
|
|
11882
11884
|
"aria-label": "Open submenu",
|
|
11883
11885
|
disabled: disabled
|
|
11884
11886
|
}, suffix) : suffix, submenu && !suffix && React__default["default"].createElement("div", {
|
|
11885
|
-
className: styles$
|
|
11887
|
+
className: styles$1q['dropdown-list-item__suffix-spot']
|
|
11886
11888
|
}), submenu && !openSubmenuOnSuffixClick && React__default["default"].createElement(IconChevronRight, {
|
|
11887
11889
|
size: "small"
|
|
11888
11890
|
})));
|
|
11889
11891
|
var linkItem = href && (reloadDocument ? React__default["default"].createElement("a", {
|
|
11890
11892
|
href: href,
|
|
11891
|
-
className: styles$
|
|
11893
|
+
className: styles$1q['dropdown-list-item__link'],
|
|
11892
11894
|
target: target,
|
|
11893
11895
|
tabIndex: -1
|
|
11894
11896
|
}, childrenContainer) : React__default["default"].createElement(reactRouterDom.Link, {
|
|
11895
11897
|
to: href,
|
|
11896
11898
|
target: target,
|
|
11897
|
-
className: styles$
|
|
11899
|
+
className: styles$1q['dropdown-list-item__link'],
|
|
11898
11900
|
reloadDocument: false,
|
|
11899
11901
|
tabIndex: -1,
|
|
11900
11902
|
"data-testid": testId
|
|
@@ -11902,7 +11904,7 @@ var DropdownListItem = function DropdownListItem(_ref) {
|
|
|
11902
11904
|
return (
|
|
11903
11905
|
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
11904
11906
|
React__default["default"].createElement("div", {
|
|
11905
|
-
className: classnames__default["default"](styles$
|
|
11907
|
+
className: classnames__default["default"](styles$1q['dropdown-list-item'], (_classNames = {}, _classNames[styles$1q['dropdown-list-item--selected']] = selected, _classNames[styles$1q['dropdown-list-item--disabled']] = disabled, _classNames)),
|
|
11906
11908
|
onMouseDown: function onMouseDown(e) {
|
|
11907
11909
|
return e.preventDefault();
|
|
11908
11910
|
},
|
|
@@ -12044,7 +12046,7 @@ var DropdownList = function DropdownList(_ref) {
|
|
|
12044
12046
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
12045
12047
|
}, [highlightItemIndex]);
|
|
12046
12048
|
return React__default["default"].createElement("ul", {
|
|
12047
|
-
className: styles$
|
|
12049
|
+
className: styles$1s['dropdown-list'],
|
|
12048
12050
|
"data-testid": testId,
|
|
12049
12051
|
ref: listRef
|
|
12050
12052
|
}, React__default["default"].Children.toArray(children).filter(Boolean).map(function (child, index) {
|
|
@@ -12056,7 +12058,7 @@ var DropdownList = function DropdownList(_ref) {
|
|
|
12056
12058
|
var divider = (_items$index2 = items[index]) == null ? void 0 : _items$index2.divider;
|
|
12057
12059
|
return React__default["default"].createElement("li", {
|
|
12058
12060
|
key: index,
|
|
12059
|
-
className: classnames__default["default"](styles$
|
|
12061
|
+
className: classnames__default["default"](styles$1s['dropdown-list__item'], (_classNames = {}, _classNames[styles$1s['dropdown-list__item--hover']] = focusedItem === index && isInteractive, _classNames)),
|
|
12060
12062
|
onMouseEnter: divider ? undefined : function () {
|
|
12061
12063
|
return setFocusOnItem(index);
|
|
12062
12064
|
},
|
|
@@ -12082,7 +12084,7 @@ var KebabMenu = function KebabMenu(_ref) {
|
|
|
12082
12084
|
})));
|
|
12083
12085
|
};
|
|
12084
12086
|
|
|
12085
|
-
var styles$
|
|
12087
|
+
var styles$1o = {"card":"_TXXpM","card__body":"_C3waP","card__body--interactive":"_uc-GV","card--focus":"_ft0I1","card__body--focus":"_wx2MU","card__body--disabled":"_TQDZH","card__body--with-kebab":"_kkYit","card__kebab":"_xrEdS","card__kebab--disabled":"_0WiOn","card__close":"_yODES","card__close--disabled":"_Vqf6o"};
|
|
12086
12088
|
|
|
12087
12089
|
var CardContext = React.createContext({
|
|
12088
12090
|
isCardMounted: false
|
|
@@ -12120,19 +12122,19 @@ var Card = function Card(_ref) {
|
|
|
12120
12122
|
isCardMounted: true
|
|
12121
12123
|
}
|
|
12122
12124
|
}, React__default["default"].createElement("div", _extends({
|
|
12123
|
-
className: classnames__default["default"](styles$
|
|
12125
|
+
className: classnames__default["default"](styles$1o['card']),
|
|
12124
12126
|
style: positionStyles
|
|
12125
12127
|
}, dataProps), onClick ? React__default["default"].createElement("button", {
|
|
12126
|
-
className: classnames__default["default"](styles$
|
|
12128
|
+
className: classnames__default["default"](styles$1o['card__body'], styles$1o['card__body--interactive'], (_classnames = {}, _classnames[styles$1o['card__body--disabled']] = disabled, _classnames[styles$1o['card__body--focus']] = isSelected, _classnames[styles$1o['card__body--with-kebab']] = actions, _classnames)),
|
|
12127
12129
|
"data-testid": testId,
|
|
12128
12130
|
tabIndex: 0,
|
|
12129
12131
|
onClick: onClick,
|
|
12130
12132
|
disabled: disabled
|
|
12131
12133
|
}, children) : React__default["default"].createElement("div", {
|
|
12132
|
-
className: classnames__default["default"](styles$
|
|
12134
|
+
className: classnames__default["default"](styles$1o['card__body'], (_classnames2 = {}, _classnames2[styles$1o['card__body--disabled']] = disabled, _classnames2[styles$1o['card__body--focus']] = isSelected, _classnames2[styles$1o['card__body--with-kebab']] = actions, _classnames2)),
|
|
12133
12135
|
"data-testid": testId
|
|
12134
12136
|
}, children), actions && React__default["default"].createElement("div", {
|
|
12135
|
-
className: classnames__default["default"](styles$
|
|
12137
|
+
className: classnames__default["default"](styles$1o['card__kebab'], (_classnames3 = {}, _classnames3[styles$1o['card__kebab--disabled']] = disabled, _classnames3))
|
|
12136
12138
|
}, React__default["default"].createElement(KebabMenu, {
|
|
12137
12139
|
actions: onClose ? actions.concat({
|
|
12138
12140
|
action: 'dismiss',
|
|
@@ -12140,14 +12142,14 @@ var Card = function Card(_ref) {
|
|
|
12140
12142
|
onAction: onClose
|
|
12141
12143
|
}) : actions
|
|
12142
12144
|
})), !actions && onClose && React__default["default"].createElement("div", {
|
|
12143
|
-
className: classnames__default["default"](styles$
|
|
12145
|
+
className: classnames__default["default"](styles$1o['card__close'], (_classnames4 = {}, _classnames4[styles$1o['card__close--disabled']] = disabled, _classnames4))
|
|
12144
12146
|
}, React__default["default"].createElement(Button, {
|
|
12145
12147
|
theme: "link-icon",
|
|
12146
12148
|
onClick: onClose
|
|
12147
12149
|
}, React__default["default"].createElement(IconTimes, null)))));
|
|
12148
12150
|
};
|
|
12149
12151
|
|
|
12150
|
-
var styles$
|
|
12152
|
+
var styles$1n = {"callout-card__close":"_VxmQm","callout-card__header":"_3RrQI"};
|
|
12151
12153
|
|
|
12152
12154
|
/**
|
|
12153
12155
|
* @deprecated Use `<EmptyState as='card' />` instead
|
|
@@ -12167,7 +12169,7 @@ var CalloutCard = function CalloutCard(_ref) {
|
|
|
12167
12169
|
}, React__default["default"].createElement(Stack, {
|
|
12168
12170
|
space: 12
|
|
12169
12171
|
}, React__default["default"].createElement("div", {
|
|
12170
|
-
className: styles$
|
|
12172
|
+
className: styles$1n['callout-card__header']
|
|
12171
12173
|
}, React__default["default"].createElement(Text, {
|
|
12172
12174
|
as: "body",
|
|
12173
12175
|
color: "primary-color"
|
|
@@ -12182,7 +12184,7 @@ var CalloutCard = function CalloutCard(_ref) {
|
|
|
12182
12184
|
alt: String(title) + String(header),
|
|
12183
12185
|
width: "354px"
|
|
12184
12186
|
})), onClose && React__default["default"].createElement("div", {
|
|
12185
|
-
className: styles$
|
|
12187
|
+
className: styles$1n['callout-card__close']
|
|
12186
12188
|
}, React__default["default"].createElement(Button, {
|
|
12187
12189
|
theme: "link-icon",
|
|
12188
12190
|
onClick: onClose
|
|
@@ -12200,7 +12202,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
|
12200
12202
|
}, children);
|
|
12201
12203
|
};
|
|
12202
12204
|
|
|
12203
|
-
var styles$
|
|
12205
|
+
var styles$1m = {"breadcrumb-item":"_fo7-A"};
|
|
12204
12206
|
|
|
12205
12207
|
var BreadcrumbItem = function BreadcrumbItem(_ref) {
|
|
12206
12208
|
var href = _ref.href,
|
|
@@ -12214,24 +12216,24 @@ var BreadcrumbItem = function BreadcrumbItem(_ref) {
|
|
|
12214
12216
|
// This is neessary to support older versions of react-router-dom
|
|
12215
12217
|
return reloadDocument ? React__default["default"].createElement("a", {
|
|
12216
12218
|
href: href,
|
|
12217
|
-
className: styles$
|
|
12219
|
+
className: styles$1m['breadcrumb-item'],
|
|
12218
12220
|
"data-testid": testId
|
|
12219
12221
|
}, content) : React__default["default"].createElement(reactRouterDom.Link, {
|
|
12220
12222
|
to: href,
|
|
12221
|
-
className: styles$
|
|
12223
|
+
className: styles$1m['breadcrumb-item'],
|
|
12222
12224
|
relative: "path",
|
|
12223
12225
|
reloadDocument: reloadDocument,
|
|
12224
12226
|
"data-testid": testId
|
|
12225
12227
|
}, content);
|
|
12226
12228
|
};
|
|
12227
12229
|
|
|
12228
|
-
var styles$
|
|
12230
|
+
var styles$1l = {"page-breadcrumbs":"_QjIgc"};
|
|
12229
12231
|
|
|
12230
12232
|
var PageBreadcrumbs = function PageBreadcrumbs(_ref) {
|
|
12231
12233
|
var breadcrumbs = _ref.breadcrumbs;
|
|
12232
12234
|
var items = getBreadbrumbItems(breadcrumbs);
|
|
12233
12235
|
return React__default["default"].createElement("div", {
|
|
12234
|
-
className: styles$
|
|
12236
|
+
className: styles$1l['page-breadcrumbs']
|
|
12235
12237
|
}, React__default["default"].createElement(Breadcrumbs, null, items));
|
|
12236
12238
|
};
|
|
12237
12239
|
var getBreadbrumbItems = function getBreadbrumbItems(breadcrumbs) {
|
|
@@ -12253,7 +12255,7 @@ var getBreadbrumbItems = function getBreadbrumbItems(breadcrumbs) {
|
|
|
12253
12255
|
}, breadcrumbs.label);
|
|
12254
12256
|
};
|
|
12255
12257
|
|
|
12256
|
-
var styles$
|
|
12258
|
+
var styles$1k = {"page":"_QB6yF","page--fullwidth":"_g7MTf","page--restricted":"_LRq4j"};
|
|
12257
12259
|
|
|
12258
12260
|
var PAGE_SIZES = {
|
|
12259
12261
|
FULL_WIDTH: 'fullwidth',
|
|
@@ -12278,7 +12280,7 @@ var Page = function Page(_ref) {
|
|
|
12278
12280
|
var hasHeader = title || actions;
|
|
12279
12281
|
var hasPageBlocks = hasHeader || banner || filterBar;
|
|
12280
12282
|
return React__default["default"].createElement("div", {
|
|
12281
|
-
className: classnames__default["default"](styles$
|
|
12283
|
+
className: classnames__default["default"](styles$1k['page'], (_classNames = {}, _classNames[styles$1k['page--restricted']] = size === PAGE_SIZES.RESTRICTED, _classNames[styles$1k['page--fullwidth']] = size === PAGE_SIZES.FULL_WIDTH, _classNames)),
|
|
12282
12284
|
"data-testid": testId
|
|
12283
12285
|
}, React__default["default"].createElement(Stack, {
|
|
12284
12286
|
space: 20
|
|
@@ -12298,15 +12300,15 @@ var Page = function Page(_ref) {
|
|
|
12298
12300
|
}, title), actions), subtitle && React__default["default"].createElement(Text, null, subtitle)), banner, filterBar)), children));
|
|
12299
12301
|
};
|
|
12300
12302
|
|
|
12301
|
-
var styles$
|
|
12303
|
+
var styles$1j = {"page-layout":"_Scw7-","page-layout__nav-container":"_v--DF","page-layout__nav-list":"_dJeZe","page-layout__content":"_hHi70","page-layout__side-nav-content":"_vTMjp"};
|
|
12302
12304
|
|
|
12303
|
-
var styles$
|
|
12305
|
+
var styles$1i = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
|
|
12304
12306
|
|
|
12305
|
-
var styles$
|
|
12307
|
+
var styles$1h = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
|
|
12306
12308
|
|
|
12307
|
-
var styles$
|
|
12309
|
+
var styles$1g = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B"};
|
|
12308
12310
|
|
|
12309
|
-
var styles$
|
|
12311
|
+
var styles$1f = {"header":"_tgpG9","header__close-button":"_b1dgU","sub-header":"_c2nm4"};
|
|
12310
12312
|
|
|
12311
12313
|
var ModalHeader = function ModalHeader(_ref) {
|
|
12312
12314
|
var header = _ref.header,
|
|
@@ -12315,7 +12317,7 @@ var ModalHeader = function ModalHeader(_ref) {
|
|
|
12315
12317
|
loading = _ref.loading;
|
|
12316
12318
|
if (!header && !subHeader) {
|
|
12317
12319
|
return onClose ? React__default["default"].createElement("div", {
|
|
12318
|
-
className: styles$
|
|
12320
|
+
className: styles$1f['header__close-button']
|
|
12319
12321
|
}, React__default["default"].createElement(Button, {
|
|
12320
12322
|
theme: "link-icon",
|
|
12321
12323
|
onClick: onClose,
|
|
@@ -12331,13 +12333,13 @@ var ModalHeader = function ModalHeader(_ref) {
|
|
|
12331
12333
|
flex: [1],
|
|
12332
12334
|
alignItems: "center"
|
|
12333
12335
|
}, React__default["default"].createElement("span", {
|
|
12334
|
-
className: styles$
|
|
12336
|
+
className: styles$1f['header']
|
|
12335
12337
|
}, header), onClose && React__default["default"].createElement(Button, {
|
|
12336
12338
|
theme: "link-icon",
|
|
12337
12339
|
onClick: onClose,
|
|
12338
12340
|
disabled: loading
|
|
12339
12341
|
}, React__default["default"].createElement(IconTimes, null))), subHeader && React__default["default"].createElement("div", {
|
|
12340
|
-
className: styles$
|
|
12342
|
+
className: styles$1f['sub-header']
|
|
12341
12343
|
}, subHeader));
|
|
12342
12344
|
};
|
|
12343
12345
|
|
|
@@ -12397,14 +12399,14 @@ var Modal = function Modal(_ref) {
|
|
|
12397
12399
|
contentLabel: "Modal",
|
|
12398
12400
|
appElement: rootElementId && document.getElementById(rootElementId) || undefined,
|
|
12399
12401
|
overlayClassName: {
|
|
12400
|
-
base: styles$
|
|
12401
|
-
afterOpen: styles$
|
|
12402
|
-
beforeClose: styles$
|
|
12402
|
+
base: styles$1g['overlay'],
|
|
12403
|
+
afterOpen: styles$1g['overlay--after-open'],
|
|
12404
|
+
beforeClose: styles$1g['overlay--before-close']
|
|
12403
12405
|
},
|
|
12404
12406
|
className: {
|
|
12405
|
-
base: styles$
|
|
12406
|
-
afterOpen: styles$
|
|
12407
|
-
beforeClose: styles$
|
|
12407
|
+
base: styles$1g['content'],
|
|
12408
|
+
afterOpen: styles$1g['content--after-open'],
|
|
12409
|
+
beforeClose: styles$1g['content--before-close']
|
|
12408
12410
|
},
|
|
12409
12411
|
data: dataProps
|
|
12410
12412
|
}, React__default["default"].createElement(ModalHeader, {
|
|
@@ -12448,7 +12450,7 @@ var useScrollShadow = function useScrollShadow() {
|
|
|
12448
12450
|
};
|
|
12449
12451
|
};
|
|
12450
12452
|
|
|
12451
|
-
var styles$
|
|
12453
|
+
var styles$1e = {"modal-body":"_4YK4k","modal-body--with-scroll-shadow":"_wo1vv","modal-body__inner-div":"_9u6xC"};
|
|
12452
12454
|
|
|
12453
12455
|
var ModalBody = function ModalBody(_ref) {
|
|
12454
12456
|
var _classNames;
|
|
@@ -12458,15 +12460,15 @@ var ModalBody = function ModalBody(_ref) {
|
|
|
12458
12460
|
ref = _useScrollShadow.ref,
|
|
12459
12461
|
showScrollShadow = _useScrollShadow.showScrollShadow;
|
|
12460
12462
|
return React__default["default"].createElement("div", {
|
|
12461
|
-
className: classnames__default["default"](styles$
|
|
12463
|
+
className: classnames__default["default"](styles$1e['modal-body'], (_classNames = {}, _classNames[styles$1e['modal-body--with-scroll-shadow']] = showScrollShadow, _classNames)),
|
|
12462
12464
|
ref: ref,
|
|
12463
12465
|
"data-testid": testId
|
|
12464
12466
|
}, React__default["default"].createElement("div", {
|
|
12465
|
-
className: styles$
|
|
12467
|
+
className: styles$1e['modal-body__inner-div']
|
|
12466
12468
|
}, children));
|
|
12467
12469
|
};
|
|
12468
12470
|
|
|
12469
|
-
var styles$
|
|
12471
|
+
var styles$1d = {"modal-footer":"_bezlP","tertiary-container":"_EdqHx"};
|
|
12470
12472
|
|
|
12471
12473
|
var updateButtonProps$1 = function updateButtonProps(button, newProps) {
|
|
12472
12474
|
if (!button) {
|
|
@@ -12506,7 +12508,7 @@ var ModalFooter = function ModalFooter(_ref) {
|
|
|
12506
12508
|
}, React__default["default"].createElement(Inline, {
|
|
12507
12509
|
justifyContent: "space-between"
|
|
12508
12510
|
}, React__default["default"].createElement("div", {
|
|
12509
|
-
className: classnames__default["default"]((_classnames = {}, _classnames[styles$
|
|
12511
|
+
className: classnames__default["default"]((_classnames = {}, _classnames[styles$1d['tertiary-container']] = tertiaryButton && tertiaryButton.props.theme.startsWith('link'), _classnames))
|
|
12510
12512
|
}, tertiaryButton || React__default["default"].createElement("div", null)), React__default["default"].createElement(Inline, {
|
|
12511
12513
|
space: 12
|
|
12512
12514
|
}, secondaryButton, primaryButton)));
|
|
@@ -12522,7 +12524,7 @@ var FooterContainer = function FooterContainer(_ref2) {
|
|
|
12522
12524
|
displayName: 'Inline'
|
|
12523
12525
|
});
|
|
12524
12526
|
return React__default["default"].createElement("div", {
|
|
12525
|
-
className: styles$
|
|
12527
|
+
className: styles$1d['modal-footer'],
|
|
12526
12528
|
"data-testid": testId
|
|
12527
12529
|
}, React__default["default"].createElement(Inline, {
|
|
12528
12530
|
justifyContent: "end",
|
|
@@ -12535,7 +12537,7 @@ var dayOverridesStyles = {"root":"_et9Fs","table":"_l7Mis","caption":"_XGu8K","h
|
|
|
12535
12537
|
|
|
12536
12538
|
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"};
|
|
12537
12539
|
|
|
12538
|
-
var styles$
|
|
12540
|
+
var styles$1c = {"calendar":"_YPyZ6","calendar__overlay":"_-cw0A"};
|
|
12539
12541
|
|
|
12540
12542
|
function parseDate(str, format, locale) {
|
|
12541
12543
|
var parsed = dateFnsParse__default["default"](str, format, new Date(), {
|
|
@@ -12676,7 +12678,7 @@ var getHighlightModifiers = function getHighlightModifiers(groups) {
|
|
|
12676
12678
|
});
|
|
12677
12679
|
};
|
|
12678
12680
|
|
|
12679
|
-
var styles$
|
|
12681
|
+
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"};
|
|
12680
12682
|
|
|
12681
12683
|
var calculateCalendarPosition = function calculateCalendarPosition(placement, anchorPosition, calendarDimensions) {
|
|
12682
12684
|
if (!calendarDimensions) {
|
|
@@ -12749,7 +12751,7 @@ var buildHighlightDayPickerProps = function buildHighlightDayPickerProps(highlig
|
|
|
12749
12751
|
shape = _ref.shape,
|
|
12750
12752
|
theme = _ref.theme;
|
|
12751
12753
|
modifiers[key] = matcher;
|
|
12752
|
-
modifiersClassNames[key] = classnames__default["default"](styles$
|
|
12754
|
+
modifiersClassNames[key] = classnames__default["default"](styles$1b.day_highlight, styles$1b["shape-" + shape], styles$1b["theme-" + theme]);
|
|
12753
12755
|
});
|
|
12754
12756
|
return {
|
|
12755
12757
|
modifiers: modifiers,
|
|
@@ -12758,7 +12760,7 @@ var buildHighlightDayPickerProps = function buildHighlightDayPickerProps(highlig
|
|
|
12758
12760
|
};
|
|
12759
12761
|
};
|
|
12760
12762
|
|
|
12761
|
-
var styles$
|
|
12763
|
+
var styles$1a = {"calendar-highlights":"_TjAon","calendar-highlights__item":"_BbYmq","calendar-highlights__shape":"_utSi-","calendar-highlights__shape--square":"_mP9vd","calendar-highlights__shape--circle":"_6zlZT"};
|
|
12762
12764
|
|
|
12763
12765
|
/** Legend rendered beneath a calendar, one row item per highlight group. */
|
|
12764
12766
|
var CalendarHighlights = function CalendarHighlights(_ref) {
|
|
@@ -12767,7 +12769,7 @@ var CalendarHighlights = function CalendarHighlights(_ref) {
|
|
|
12767
12769
|
return null;
|
|
12768
12770
|
}
|
|
12769
12771
|
return React__default["default"].createElement("div", {
|
|
12770
|
-
className: styles$
|
|
12772
|
+
className: styles$1a['calendar-highlights']
|
|
12771
12773
|
}, React__default["default"].createElement(Inline, {
|
|
12772
12774
|
flexWrap: "wrap",
|
|
12773
12775
|
space: {
|
|
@@ -12782,7 +12784,7 @@ var CalendarHighlights = function CalendarHighlights(_ref) {
|
|
|
12782
12784
|
theme = _ref2.theme;
|
|
12783
12785
|
return React__default["default"].createElement("div", {
|
|
12784
12786
|
key: label,
|
|
12785
|
-
className: styles$
|
|
12787
|
+
className: styles$1a['calendar-highlights__item']
|
|
12786
12788
|
}, React__default["default"].createElement(Shape, {
|
|
12787
12789
|
shape: shape,
|
|
12788
12790
|
theme: theme
|
|
@@ -12795,45 +12797,45 @@ var Shape = function Shape(_ref3) {
|
|
|
12795
12797
|
switch (shape) {
|
|
12796
12798
|
case 'square':
|
|
12797
12799
|
return React__default["default"].createElement("div", {
|
|
12798
|
-
className: classnames__default["default"](styles$
|
|
12800
|
+
className: classnames__default["default"](styles$1a['calendar-highlights__shape'], styles$1a['calendar-highlights__shape--square']),
|
|
12799
12801
|
style: {
|
|
12800
12802
|
borderColor: COLORS[theme + "-color"]
|
|
12801
12803
|
}
|
|
12802
12804
|
});
|
|
12803
12805
|
case 'square-dashed':
|
|
12804
12806
|
return React__default["default"].createElement("div", {
|
|
12805
|
-
className: styles$
|
|
12807
|
+
className: styles$1a['calendar-highlights__shape']
|
|
12806
12808
|
}, React__default["default"].createElement(SquareDashedShape, {
|
|
12807
12809
|
theme: theme
|
|
12808
12810
|
}));
|
|
12809
12811
|
case 'circle':
|
|
12810
12812
|
return React__default["default"].createElement("div", {
|
|
12811
|
-
className: classnames__default["default"](styles$
|
|
12813
|
+
className: classnames__default["default"](styles$1a['calendar-highlights__shape'], styles$1a['calendar-highlights__shape--circle']),
|
|
12812
12814
|
style: {
|
|
12813
12815
|
borderColor: COLORS[theme + "-color"]
|
|
12814
12816
|
}
|
|
12815
12817
|
});
|
|
12816
12818
|
case 'circle-dashed':
|
|
12817
12819
|
return React__default["default"].createElement("div", {
|
|
12818
|
-
className: "" + styles$
|
|
12820
|
+
className: "" + styles$1a['calendar-highlights__shape']
|
|
12819
12821
|
}, React__default["default"].createElement(CircleDashedShape, {
|
|
12820
12822
|
theme: theme
|
|
12821
12823
|
}));
|
|
12822
12824
|
case 'octagon':
|
|
12823
12825
|
return React__default["default"].createElement("div", {
|
|
12824
|
-
className: "" + styles$
|
|
12826
|
+
className: "" + styles$1a['calendar-highlights__shape']
|
|
12825
12827
|
}, React__default["default"].createElement(OctagonShape, {
|
|
12826
12828
|
theme: theme
|
|
12827
12829
|
}));
|
|
12828
12830
|
case 'star':
|
|
12829
12831
|
return React__default["default"].createElement("div", {
|
|
12830
|
-
className: "" + styles$
|
|
12832
|
+
className: "" + styles$1a['calendar-highlights__shape']
|
|
12831
12833
|
}, React__default["default"].createElement(StarShape, {
|
|
12832
12834
|
theme: theme
|
|
12833
12835
|
}));
|
|
12834
12836
|
default:
|
|
12835
12837
|
return React__default["default"].createElement("div", {
|
|
12836
|
-
className: styles$
|
|
12838
|
+
className: styles$1a['calendar-highlight__shape']
|
|
12837
12839
|
}, shape);
|
|
12838
12840
|
}
|
|
12839
12841
|
};
|
|
@@ -13064,9 +13066,9 @@ var Calendar = function Calendar(_ref) {
|
|
|
13064
13066
|
}
|
|
13065
13067
|
};
|
|
13066
13068
|
return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
|
|
13067
|
-
className: styles$
|
|
13069
|
+
className: styles$1c['calendar']
|
|
13068
13070
|
}, React__default["default"].createElement("div", {
|
|
13069
|
-
className: styles$
|
|
13071
|
+
className: styles$1c['calendar__overlay'],
|
|
13070
13072
|
ref: function ref(_ref2) {
|
|
13071
13073
|
return setCalendarRef(_ref2);
|
|
13072
13074
|
},
|
|
@@ -13130,7 +13132,7 @@ var useCheckBoxFieldControllers = function useCheckBoxFieldControllers(_ref) {
|
|
|
13130
13132
|
return controllers;
|
|
13131
13133
|
};
|
|
13132
13134
|
|
|
13133
|
-
var styles$
|
|
13135
|
+
var styles$19 = {"check-box-field":"_Id4qm","check-box-field__caption":"_s9d-m","check-box-field__custom-input":"_kmvBP"};
|
|
13134
13136
|
|
|
13135
13137
|
var _excluded$bj = ["name", "id", "checked", "indeterminate", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
|
|
13136
13138
|
/** 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). */
|
|
@@ -13164,7 +13166,7 @@ var CheckboxField = function CheckboxField(_ref) {
|
|
|
13164
13166
|
flexItems: true,
|
|
13165
13167
|
flex: ['0 0 auto']
|
|
13166
13168
|
}, otherProps), React__default["default"].createElement("div", {
|
|
13167
|
-
className: styles$
|
|
13169
|
+
className: styles$19['check-box-field']
|
|
13168
13170
|
}, React__default["default"].createElement("input", {
|
|
13169
13171
|
name: name,
|
|
13170
13172
|
id: controllers.id,
|
|
@@ -13178,12 +13180,12 @@ var CheckboxField = function CheckboxField(_ref) {
|
|
|
13178
13180
|
onChange: controllers.onChange,
|
|
13179
13181
|
onBlur: controllers.onBlur
|
|
13180
13182
|
}), React__default["default"].createElement("span", {
|
|
13181
|
-
className: styles$
|
|
13183
|
+
className: styles$19['check-box-field__custom-input']
|
|
13182
13184
|
})), label && React__default["default"].createElement(Label, {
|
|
13183
13185
|
htmlFor: controllers.id,
|
|
13184
13186
|
truncate: false
|
|
13185
13187
|
}, label)), caption && React__default["default"].createElement("div", {
|
|
13186
|
-
className: styles$
|
|
13188
|
+
className: styles$19['check-box-field__caption']
|
|
13187
13189
|
}, React__default["default"].createElement(Caption, {
|
|
13188
13190
|
fieldId: controllers.id
|
|
13189
13191
|
}, caption)), controllers.error && React__default["default"].createElement(ErrorMessage, {
|
|
@@ -13223,7 +13225,7 @@ var useLocalStorage = function useLocalStorage(key, initialValue) {
|
|
|
13223
13225
|
return [storedValue, setValue];
|
|
13224
13226
|
};
|
|
13225
13227
|
|
|
13226
|
-
var styles$
|
|
13228
|
+
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"};
|
|
13227
13229
|
|
|
13228
13230
|
var _excluded$bi = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId", "onSetDoNotShowAgainStatus"];
|
|
13229
13231
|
/**
|
|
@@ -13291,22 +13293,22 @@ var HintModal = function HintModal(_ref) {
|
|
|
13291
13293
|
closeTimeoutMS: 200,
|
|
13292
13294
|
contentLabel: "Modal",
|
|
13293
13295
|
className: {
|
|
13294
|
-
base: styles$
|
|
13295
|
-
afterOpen: styles$
|
|
13296
|
-
beforeClose: styles$
|
|
13296
|
+
base: styles$18['hint-modal'],
|
|
13297
|
+
afterOpen: styles$18['hint-modal--after-open'],
|
|
13298
|
+
beforeClose: styles$18['hint-modal--before-close']
|
|
13297
13299
|
},
|
|
13298
|
-
overlayClassName: styles$
|
|
13300
|
+
overlayClassName: styles$18['hint-modal__overlay']
|
|
13299
13301
|
}, React__default["default"].createElement("div", {
|
|
13300
|
-
className: styles$
|
|
13302
|
+
className: styles$18['hint-modal__close-button']
|
|
13301
13303
|
}, React__default["default"].createElement(Button, {
|
|
13302
13304
|
theme: "link-icon",
|
|
13303
13305
|
onClick: handleOnClose
|
|
13304
13306
|
}, React__default["default"].createElement(IconTimes, null))), mediaUrl && React__default["default"].createElement("img", {
|
|
13305
|
-
className: styles$
|
|
13307
|
+
className: styles$18['hint-modal__image'],
|
|
13306
13308
|
src: mediaUrl,
|
|
13307
13309
|
alt: String(header)
|
|
13308
13310
|
}), React__default["default"].createElement("div", {
|
|
13309
|
-
className: styles$
|
|
13311
|
+
className: styles$18['hint-modal__body']
|
|
13310
13312
|
}, React__default["default"].createElement(Stack, {
|
|
13311
13313
|
justifyContent: "space-between"
|
|
13312
13314
|
}, React__default["default"].createElement(Stack, {
|
|
@@ -13359,7 +13361,7 @@ var BadgeElement = function BadgeElement(_ref, forwardedRef) {
|
|
|
13359
13361
|
overlay: title,
|
|
13360
13362
|
ref: ref
|
|
13361
13363
|
}, React__default["default"].createElement("div", _extends({
|
|
13362
|
-
className: classnames__default["default"](styles$
|
|
13364
|
+
className: classnames__default["default"](styles$1h['badge'], (_classnames = {}, _classnames[styles$1h['badge--success']] = theme === 'success', _classnames[styles$1h['badge--danger']] = theme === 'danger', _classnames[styles$1h['badge--info']] = theme === 'info', _classnames[styles$1h['badge--warning']] = theme === 'warning', _classnames[styles$1h['badge--numeric']] = Number.isFinite(children), _classnames)),
|
|
13363
13365
|
ref: ref,
|
|
13364
13366
|
"data-testid": testId
|
|
13365
13367
|
}, otherProps), children));
|
|
@@ -13373,23 +13375,23 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
13373
13375
|
var _classNames, _classNames2;
|
|
13374
13376
|
var menu = _ref.menu;
|
|
13375
13377
|
return React__default["default"].createElement("li", {
|
|
13376
|
-
className: classnames__default["default"](styles$
|
|
13378
|
+
className: classnames__default["default"](styles$1i['menu-item'], (_classNames = {}, _classNames[styles$1i['menu-item--with-badge']] = !!menu.suffix, _classNames))
|
|
13377
13379
|
}, menu.reloadDocument ? React__default["default"].createElement("a", {
|
|
13378
13380
|
href: menu.to,
|
|
13379
|
-
className: classnames__default["default"]((_classNames2 = {}, _classNames2[styles$
|
|
13381
|
+
className: classnames__default["default"]((_classNames2 = {}, _classNames2[styles$1i['menu-item--active']] = menu.isActive, _classNames2))
|
|
13380
13382
|
}, menu.label, !!menu.suffix && React__default["default"].createElement("div", {
|
|
13381
|
-
className: styles$
|
|
13383
|
+
className: styles$1i['menu-item__badge']
|
|
13382
13384
|
}, React__default["default"].createElement(Badge, null, menu.suffix))) : React__default["default"].createElement(reactRouterDom.NavLink, {
|
|
13383
13385
|
to: menu.to,
|
|
13384
13386
|
// @ts-expect-error This is only available on v5
|
|
13385
|
-
activeClassName: styles$
|
|
13387
|
+
activeClassName: styles$1i['menu-item--active'],
|
|
13386
13388
|
className: function className(_ref2) {
|
|
13387
13389
|
var isActive = _ref2.isActive;
|
|
13388
|
-
return isActive ? styles$
|
|
13390
|
+
return isActive ? styles$1i['menu-item--active'] : '';
|
|
13389
13391
|
},
|
|
13390
13392
|
exact: true
|
|
13391
13393
|
}, menu.label, !!menu.suffix && React__default["default"].createElement("div", {
|
|
13392
|
-
className: styles$
|
|
13394
|
+
className: styles$1i['menu-item__badge']
|
|
13393
13395
|
}, React__default["default"].createElement(Badge, null, menu.suffix))));
|
|
13394
13396
|
};
|
|
13395
13397
|
|
|
@@ -13399,9 +13401,9 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
13399
13401
|
menu = _ref.menu,
|
|
13400
13402
|
sideNavContent = _ref.sideNavContent;
|
|
13401
13403
|
return React__default["default"].createElement("div", {
|
|
13402
|
-
className: styles$
|
|
13404
|
+
className: styles$1j['page-layout']
|
|
13403
13405
|
}, React__default["default"].createElement("div", {
|
|
13404
|
-
className: styles$
|
|
13406
|
+
className: styles$1j['page-layout__nav-container']
|
|
13405
13407
|
}, React__default["default"].createElement(Stack, {
|
|
13406
13408
|
space: 12
|
|
13407
13409
|
}, React__default["default"].createElement(Text, {
|
|
@@ -13410,7 +13412,7 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
13410
13412
|
ml: 20,
|
|
13411
13413
|
mr: 35
|
|
13412
13414
|
}, title), React__default["default"].createElement("ul", {
|
|
13413
|
-
className: styles$
|
|
13415
|
+
className: styles$1j['page-layout__nav-list']
|
|
13414
13416
|
}, menu.filter(function (menu) {
|
|
13415
13417
|
return !('isVisible' in menu) || (menu == null ? void 0 : menu.isVisible) === true;
|
|
13416
13418
|
}).map(function (menuItem, index) {
|
|
@@ -13419,9 +13421,9 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
13419
13421
|
menu: menuItem
|
|
13420
13422
|
});
|
|
13421
13423
|
})), sideNavContent && React__default["default"].createElement("div", {
|
|
13422
|
-
className: styles$
|
|
13424
|
+
className: styles$1j['page-layout__side-nav-content']
|
|
13423
13425
|
}, sideNavContent))), React__default["default"].createElement("div", {
|
|
13424
|
-
className: styles$
|
|
13426
|
+
className: styles$1j['page-layout__content']
|
|
13425
13427
|
}, children));
|
|
13426
13428
|
};
|
|
13427
13429
|
|
|
@@ -13431,7 +13433,7 @@ var TOAST_THEME = {
|
|
|
13431
13433
|
};
|
|
13432
13434
|
var TOAST_CONTAINER_ID = 'sous-chef-toast';
|
|
13433
13435
|
|
|
13434
|
-
var styles$
|
|
13436
|
+
var styles$17 = {"toast":"_iSC5P","toast--danger":"_OWpOG","toast__text":"_4JJwF"};
|
|
13435
13437
|
|
|
13436
13438
|
var toast = function toast(text, theme, options) {
|
|
13437
13439
|
var _classNames;
|
|
@@ -13454,7 +13456,7 @@ var toast = function toast(text, theme, options) {
|
|
|
13454
13456
|
onActionClick: onActionClick
|
|
13455
13457
|
}) : text;
|
|
13456
13458
|
reactToastify.toast(content, _extends({
|
|
13457
|
-
className: classnames__default["default"](styles$
|
|
13459
|
+
className: classnames__default["default"](styles$17['toast'], (_classNames = {}, _classNames[styles$17['toast--danger']] = theme === TOAST_THEME.DANGER, _classNames)),
|
|
13458
13460
|
containerId: TOAST_CONTAINER_ID
|
|
13459
13461
|
}, options));
|
|
13460
13462
|
};
|
|
@@ -13482,7 +13484,7 @@ var ToastContainer = function ToastContainer(_ref3) {
|
|
|
13482
13484
|
var _ref3$containerId = _ref3.containerId,
|
|
13483
13485
|
containerId = _ref3$containerId === void 0 ? TOAST_CONTAINER_ID : _ref3$containerId;
|
|
13484
13486
|
return React__default["default"].createElement(reactToastify.ToastContainer, {
|
|
13485
|
-
bodyClassName: styles$
|
|
13487
|
+
bodyClassName: styles$17['toast__text'],
|
|
13486
13488
|
hideProgressBar: true,
|
|
13487
13489
|
draggable: false,
|
|
13488
13490
|
transition: reactToastify.Slide,
|
|
@@ -13562,7 +13564,7 @@ var SousChefProvider = function SousChefProvider(_ref) {
|
|
|
13562
13564
|
}, React__default["default"].createElement(ToastContainer, null), children));
|
|
13563
13565
|
};
|
|
13564
13566
|
|
|
13565
|
-
var styles$
|
|
13567
|
+
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"};
|
|
13566
13568
|
|
|
13567
13569
|
var SORT_ORDER = {
|
|
13568
13570
|
ASC: 'asc',
|
|
@@ -13755,7 +13757,7 @@ var DataTableHeader = function DataTableHeader(_ref) {
|
|
|
13755
13757
|
},
|
|
13756
13758
|
id: tableId + "-header"
|
|
13757
13759
|
}, React__default["default"].createElement("tr", {
|
|
13758
|
-
className: styles$
|
|
13760
|
+
className: styles$16['data-table-header']
|
|
13759
13761
|
}, columns.filter(function (column) {
|
|
13760
13762
|
return !column.hidden;
|
|
13761
13763
|
}).map(function (column) {
|
|
@@ -13765,7 +13767,7 @@ var DataTableHeader = function DataTableHeader(_ref) {
|
|
|
13765
13767
|
var isRightAligned = column.isRightAligned;
|
|
13766
13768
|
var hasDescription = !!column.description;
|
|
13767
13769
|
return React__default["default"].createElement("th", {
|
|
13768
|
-
className: classnames__default["default"]((_classnames = {}, _classnames[styles$
|
|
13770
|
+
className: classnames__default["default"]((_classnames = {}, _classnames[styles$16['data-table-header__item']] = true, _classnames[styles$16['data-table-header__item--sortable']] = isSortable, _classnames)),
|
|
13769
13771
|
style: {
|
|
13770
13772
|
flex: column.size || 1,
|
|
13771
13773
|
backgroundColor: backgroundColor
|
|
@@ -13780,14 +13782,14 @@ var DataTableHeader = function DataTableHeader(_ref) {
|
|
|
13780
13782
|
role: "columnheader",
|
|
13781
13783
|
tabIndex: 0
|
|
13782
13784
|
}, React__default["default"].createElement("div", {
|
|
13783
|
-
className: classnames__default["default"](styles$
|
|
13785
|
+
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))
|
|
13784
13786
|
}, wrapWithTooltip(column), isSortable && React__default["default"].createElement("span", {
|
|
13785
|
-
className: styles$
|
|
13787
|
+
className: styles$16['data-table-header__sort-icon']
|
|
13786
13788
|
}, React__default["default"].createElement(HeaderSortIcon, {
|
|
13787
13789
|
sortDirection: sortDir
|
|
13788
13790
|
}))));
|
|
13789
13791
|
}), showActionMenu && React__default["default"].createElement("th", {
|
|
13790
|
-
className: classnames__default["default"](styles$
|
|
13792
|
+
className: classnames__default["default"](styles$16['data-table-header__item'], styles$16['data-table-header__item--action'])
|
|
13791
13793
|
}))));
|
|
13792
13794
|
};
|
|
13793
13795
|
var wrapWithTooltip = function wrapWithTooltip(column) {
|
|
@@ -13801,9 +13803,9 @@ var wrapWithTooltip = function wrapWithTooltip(column) {
|
|
|
13801
13803
|
return column.label;
|
|
13802
13804
|
};
|
|
13803
13805
|
|
|
13804
|
-
var styles$
|
|
13806
|
+
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"};
|
|
13805
13807
|
|
|
13806
|
-
var styles$
|
|
13808
|
+
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"};
|
|
13807
13809
|
|
|
13808
13810
|
var useTableHeaderHeight = function useTableHeaderHeight(isShowingColumns) {
|
|
13809
13811
|
var _useDataTableContext = useDataTableContext(),
|
|
@@ -13858,16 +13860,16 @@ var DataTableScrollFakeBorder = function DataTableScrollFakeBorder(_ref) {
|
|
|
13858
13860
|
var hasFixedScroll = useDetectFixedScroll();
|
|
13859
13861
|
var backgroundColor = useBackgroundColor();
|
|
13860
13862
|
return React__default["default"].createElement("div", {
|
|
13861
|
-
className: classnames__default["default"](styles$
|
|
13863
|
+
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)),
|
|
13862
13864
|
style: {
|
|
13863
13865
|
// @ts-expect-error This difines a custom CSS variable
|
|
13864
13866
|
'--corner-background-color': backgroundColor,
|
|
13865
13867
|
top: placement === 'top' ? headerHeight : undefined
|
|
13866
13868
|
}
|
|
13867
13869
|
}, React__default["default"].createElement("div", {
|
|
13868
|
-
className: classnames__default["default"](styles$
|
|
13870
|
+
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))
|
|
13869
13871
|
}), React__default["default"].createElement("div", {
|
|
13870
|
-
className: classnames__default["default"](styles$
|
|
13872
|
+
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)),
|
|
13871
13873
|
"data-background-color": "red"
|
|
13872
13874
|
}));
|
|
13873
13875
|
};
|
|
@@ -13884,7 +13886,7 @@ var BUTTON_THEME = {
|
|
|
13884
13886
|
UPSELL: 'upsell'
|
|
13885
13887
|
};
|
|
13886
13888
|
|
|
13887
|
-
var styles$
|
|
13889
|
+
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"};
|
|
13888
13890
|
|
|
13889
13891
|
/** Infers theme prop for Sous Chef Button CTAs if not explicitly passed, default is hollow, primaryCTA is Upsell if banner theme is Upsell*/
|
|
13890
13892
|
var ButtonCTA$1 = function ButtonCTA(_ref) {
|
|
@@ -13905,7 +13907,7 @@ var ButtonCTA$1 = function ButtonCTA(_ref) {
|
|
|
13905
13907
|
}, button.props));
|
|
13906
13908
|
};
|
|
13907
13909
|
|
|
13908
|
-
var styles$
|
|
13910
|
+
var styles$12 = {"banner__caption":"_S--Ce"};
|
|
13909
13911
|
|
|
13910
13912
|
var InlineBannerCTA = function InlineBannerCTA(_ref) {
|
|
13911
13913
|
var primaryButton = _ref.primaryButton,
|
|
@@ -13936,7 +13938,7 @@ var InlineBannerCTA = function InlineBannerCTA(_ref) {
|
|
|
13936
13938
|
bannerTheme: bannerTheme,
|
|
13937
13939
|
primaryCTA: true
|
|
13938
13940
|
})), caption && multiLine && React__default["default"].createElement("div", {
|
|
13939
|
-
className: styles$
|
|
13941
|
+
className: styles$12['banner__caption']
|
|
13940
13942
|
}, caption));
|
|
13941
13943
|
};
|
|
13942
13944
|
|
|
@@ -13989,13 +13991,13 @@ var InlineBanner = function InlineBanner(_ref) {
|
|
|
13989
13991
|
var Layout = multiLine ? Stack : Inline;
|
|
13990
13992
|
return React__default["default"].createElement("div", {
|
|
13991
13993
|
"data-testid": testId,
|
|
13992
|
-
className: classnames__default["default"](styles$
|
|
13994
|
+
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)),
|
|
13993
13995
|
style: positionStyles
|
|
13994
13996
|
}, React__default["default"].createElement(Inline, {
|
|
13995
13997
|
flex: ['0 1 auto', 1],
|
|
13996
13998
|
space: 12
|
|
13997
13999
|
}, React__default["default"].createElement("div", {
|
|
13998
|
-
className: classnames__default["default"](styles$
|
|
14000
|
+
className: classnames__default["default"](styles$13['banner__icon'], (_classnames2 = {}, _classnames2[styles$13['banner__icon--multiline']] = multiLine, _classnames2))
|
|
13999
14001
|
}, icon != null ? icon : React__default["default"].createElement(InlineBannerIcon, {
|
|
14000
14002
|
theme: theme
|
|
14001
14003
|
})), React__default["default"].createElement(Layout, {
|
|
@@ -14005,9 +14007,9 @@ var InlineBanner = function InlineBanner(_ref) {
|
|
|
14005
14007
|
flex: ['min-content'],
|
|
14006
14008
|
flexWrap: multiLine ? undefined : 'wrap'
|
|
14007
14009
|
}, title && React__default["default"].createElement("div", {
|
|
14008
|
-
className: styles$
|
|
14010
|
+
className: styles$13['banner__title']
|
|
14009
14011
|
}, title), React__default["default"].createElement("div", {
|
|
14010
|
-
className: classnames__default["default"](styles$
|
|
14012
|
+
className: classnames__default["default"](styles$13['banner__body'], (_classnames3 = {}, _classnames3[styles$13['banner__body--multilineCTA']] = primaryButton && multiLine, _classnames3))
|
|
14011
14013
|
}, children), primaryButton && React__default["default"].createElement(InlineBannerCTA, {
|
|
14012
14014
|
primaryButton: primaryButton,
|
|
14013
14015
|
secondaryButton: secondaryButton,
|
|
@@ -14015,7 +14017,7 @@ var InlineBanner = function InlineBanner(_ref) {
|
|
|
14015
14017
|
multiLine: multiLine,
|
|
14016
14018
|
bannerTheme: theme
|
|
14017
14019
|
})), dismissable && React__default["default"].createElement("div", {
|
|
14018
|
-
className: styles$
|
|
14020
|
+
className: styles$13['banner__close']
|
|
14019
14021
|
}, React__default["default"].createElement(Button, {
|
|
14020
14022
|
theme: "link-icon",
|
|
14021
14023
|
type: "button",
|
|
@@ -14031,7 +14033,7 @@ var MICRO_BANNER_THEME = {
|
|
|
14031
14033
|
UPSELL: 'upsell'
|
|
14032
14034
|
};
|
|
14033
14035
|
|
|
14034
|
-
var styles$
|
|
14036
|
+
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"};
|
|
14035
14037
|
|
|
14036
14038
|
var MicroBannerIcon = function MicroBannerIcon(_ref) {
|
|
14037
14039
|
var theme = _ref.theme;
|
|
@@ -14095,14 +14097,14 @@ var MicroBanner = function MicroBanner(_ref) {
|
|
|
14095
14097
|
otherProps = _getPositionProps.otherProps;
|
|
14096
14098
|
var _getDataProps = getDataProps(otherProps),
|
|
14097
14099
|
dataProps = _getDataProps.dataProps;
|
|
14098
|
-
var themeClass = styles$
|
|
14099
|
-
var contentClass = classnames__default["default"](styles$
|
|
14100
|
+
var themeClass = styles$11["micro-banner--" + theme];
|
|
14101
|
+
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']);
|
|
14100
14102
|
return React__default["default"].createElement("div", _extends({
|
|
14101
14103
|
"data-testid": testId,
|
|
14102
|
-
className: classnames__default["default"](styles$
|
|
14104
|
+
className: classnames__default["default"](styles$11['micro-banner'], themeClass),
|
|
14103
14105
|
style: positionProps
|
|
14104
14106
|
}, dataProps), !hideIcon && React__default["default"].createElement("div", {
|
|
14105
|
-
className: styles$
|
|
14107
|
+
className: styles$11['micro-banner__icon'],
|
|
14106
14108
|
"data-testid": (testId || 'micro-banner') + "-icon"
|
|
14107
14109
|
}, icon != null ? icon : React__default["default"].createElement(MicroBannerIcon, {
|
|
14108
14110
|
theme: theme
|
|
@@ -14113,7 +14115,7 @@ var MicroBanner = function MicroBanner(_ref) {
|
|
|
14113
14115
|
}, title), React__default["default"].createElement(Text, {
|
|
14114
14116
|
as: 'caption'
|
|
14115
14117
|
}, children)), primaryButton && React__default["default"].createElement("div", {
|
|
14116
|
-
className: styles$
|
|
14118
|
+
className: styles$11['micro-banner__button']
|
|
14117
14119
|
}, React__default["default"].createElement(ButtonCTA, {
|
|
14118
14120
|
button: primaryButton,
|
|
14119
14121
|
bannerTheme: theme
|
|
@@ -14128,7 +14130,7 @@ var PERSISTENT_BANNER_THEME = {
|
|
|
14128
14130
|
SUCCESS: 'success'
|
|
14129
14131
|
};
|
|
14130
14132
|
|
|
14131
|
-
var styles
|
|
14133
|
+
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"};
|
|
14132
14134
|
|
|
14133
14135
|
/**
|
|
14134
14136
|
* PersistentBanner displays a full-width message above the main navigation.
|
|
@@ -14163,7 +14165,7 @@ var PersistentBanner = function PersistentBanner(_ref) {
|
|
|
14163
14165
|
}, secondaryButton.props))));
|
|
14164
14166
|
};
|
|
14165
14167
|
return React__default["default"].createElement("div", {
|
|
14166
|
-
className: classnames__default["default"](styles
|
|
14168
|
+
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)),
|
|
14167
14169
|
"data-testid": testId
|
|
14168
14170
|
}, onDismiss ? React__default["default"].createElement(Inline, {
|
|
14169
14171
|
flex: [1],
|
|
@@ -14230,7 +14232,7 @@ var useProgress = function useProgress(progress, maxValue, getMetric) {
|
|
|
14230
14232
|
};
|
|
14231
14233
|
};
|
|
14232
14234
|
|
|
14233
|
-
var styles
|
|
14235
|
+
var styles$$ = {"circular-progress":"_UI0Fo","circular-progress__label":"_6PNwZ","circular-progress__track":"_alBLB","circular-progress__indicator":"_VADa6"};
|
|
14234
14236
|
|
|
14235
14237
|
/**
|
|
14236
14238
|
* CircularProgress displays a circular track that fills as a count advances toward a total.
|
|
@@ -14246,7 +14248,7 @@ var CircularProgress = function CircularProgress(_ref) {
|
|
|
14246
14248
|
metric = _useProgress.metric;
|
|
14247
14249
|
var determinant = metric.percentage * 2.79;
|
|
14248
14250
|
return React__default["default"].createElement("div", _extends({}, elementProps, {
|
|
14249
|
-
className: styles
|
|
14251
|
+
className: styles$$['circular-progress'],
|
|
14250
14252
|
"data-testid": testId
|
|
14251
14253
|
}), React__default["default"].createElement("svg", {
|
|
14252
14254
|
viewBox: "0 0 100 100"
|
|
@@ -14255,21 +14257,21 @@ var CircularProgress = function CircularProgress(_ref) {
|
|
|
14255
14257
|
cy: 50,
|
|
14256
14258
|
r: 45,
|
|
14257
14259
|
strokeWidth: "10px",
|
|
14258
|
-
className: styles
|
|
14260
|
+
className: styles$$['circular-progress__track']
|
|
14259
14261
|
}), React__default["default"].createElement("circle", {
|
|
14260
14262
|
cx: 50,
|
|
14261
14263
|
cy: 50,
|
|
14262
14264
|
r: 45,
|
|
14263
14265
|
strokeWidth: "10px",
|
|
14264
|
-
className: styles
|
|
14266
|
+
className: styles$$['circular-progress__indicator'],
|
|
14265
14267
|
strokeDashoffset: "66",
|
|
14266
14268
|
strokeDasharray: determinant + " " + (279 - determinant)
|
|
14267
14269
|
})), React__default["default"].createElement("div", {
|
|
14268
|
-
className: styles
|
|
14270
|
+
className: styles$$['circular-progress__label']
|
|
14269
14271
|
}, children || metric.progress + "/" + metric.maxValue));
|
|
14270
14272
|
};
|
|
14271
14273
|
|
|
14272
|
-
var styles$
|
|
14274
|
+
var styles$_ = {"progress-bar":"_fWvQF","progress-bar__indicator":"_vd0xc","progress-bar__indicator--complete":"_D9yNp","progress-bar__steps":"_8kdeO"};
|
|
14273
14275
|
|
|
14274
14276
|
/**
|
|
14275
14277
|
* ProgressBar shows a horizontal bar that fills as a task advances.
|
|
@@ -14286,15 +14288,15 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
14286
14288
|
elementProps = _useProgress.elementProps,
|
|
14287
14289
|
metric = _useProgress.metric;
|
|
14288
14290
|
return React__default["default"].createElement(Stack, null, React__default["default"].createElement("div", _extends({}, elementProps, {
|
|
14289
|
-
className: styles$
|
|
14291
|
+
className: styles$_['progress-bar'],
|
|
14290
14292
|
"data-testid": testId
|
|
14291
14293
|
}), React__default["default"].createElement("div", {
|
|
14292
|
-
className: classnames__default["default"](styles$
|
|
14294
|
+
className: classnames__default["default"](styles$_['progress-bar__indicator'], (_classNames = {}, _classNames[styles$_['progress-bar__indicator--complete']] = metric.percentage === 100, _classNames)),
|
|
14293
14295
|
style: {
|
|
14294
14296
|
width: metric.percentage + "%"
|
|
14295
14297
|
}
|
|
14296
14298
|
})), steps && steps.length > 0 && React__default["default"].createElement("div", {
|
|
14297
|
-
className: styles$
|
|
14299
|
+
className: styles$_['progress-bar__steps']
|
|
14298
14300
|
}, steps.map(function (step) {
|
|
14299
14301
|
return React__default["default"].createElement(Text, {
|
|
14300
14302
|
key: step
|
|
@@ -14302,7 +14304,7 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
14302
14304
|
})));
|
|
14303
14305
|
};
|
|
14304
14306
|
|
|
14305
|
-
var styles$
|
|
14307
|
+
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"};
|
|
14306
14308
|
|
|
14307
14309
|
var SKELETON_COMPONENT = {
|
|
14308
14310
|
AVATAR: 'avatar',
|
|
@@ -14328,7 +14330,7 @@ var Skeleton = function Skeleton(_ref) {
|
|
|
14328
14330
|
var positioning = usePositionStyles(positionStyles);
|
|
14329
14331
|
return React__default["default"].createElement("div", {
|
|
14330
14332
|
"data-testid": testId,
|
|
14331
|
-
className: classnames__default["default"](styles$
|
|
14333
|
+
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)),
|
|
14332
14334
|
style: _extends({}, positioning, {
|
|
14333
14335
|
width: width,
|
|
14334
14336
|
height: height
|
|
@@ -14336,11 +14338,11 @@ var Skeleton = function Skeleton(_ref) {
|
|
|
14336
14338
|
});
|
|
14337
14339
|
};
|
|
14338
14340
|
|
|
14339
|
-
var styles$
|
|
14341
|
+
var styles$Y = {"data-table-row":"_hhDnr","data-table-row--clickable":"_ej5Ke","data-table-row--selected":"_qDTAh"};
|
|
14340
14342
|
|
|
14341
|
-
var styles$
|
|
14343
|
+
var styles$X = {"actions":"_ffXgN"};
|
|
14342
14344
|
|
|
14343
|
-
var styles$
|
|
14345
|
+
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-"};
|
|
14344
14346
|
|
|
14345
14347
|
var DataTableCellElement = function DataTableCellElement(_ref, ref) {
|
|
14346
14348
|
var _columns$columnIndex, _classnames, _classnames2, _classnames3;
|
|
@@ -14364,17 +14366,17 @@ var DataTableCellElement = function DataTableCellElement(_ref, ref) {
|
|
|
14364
14366
|
var hasError = !!error;
|
|
14365
14367
|
var errorMessage = error;
|
|
14366
14368
|
var icon = hasError && React__default["default"].createElement("div", {
|
|
14367
|
-
className: classnames__default["default"](styles$
|
|
14369
|
+
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))
|
|
14368
14370
|
}, React__default["default"].createElement(IconTimesOctagon, {
|
|
14369
14371
|
size: "medium",
|
|
14370
14372
|
color: "danger-on-container-variant"
|
|
14371
14373
|
}));
|
|
14372
14374
|
var TableCell = React__default["default"].createElement("td", {
|
|
14373
|
-
className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$
|
|
14375
|
+
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']),
|
|
14374
14376
|
colSpan: colSpan,
|
|
14375
14377
|
ref: ref
|
|
14376
14378
|
}, React__default["default"].createElement("div", {
|
|
14377
|
-
className: classnames__default["default"](styles$
|
|
14379
|
+
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))
|
|
14378
14380
|
}, isRightAligned && icon, children, !isRightAligned && icon));
|
|
14379
14381
|
return React__default["default"].createElement(Tooltip, {
|
|
14380
14382
|
overlay: errorMessage,
|
|
@@ -14399,7 +14401,7 @@ var DataTableRowActions = function DataTableRowActions(_ref) {
|
|
|
14399
14401
|
return React__default["default"].createElement(DataTableCell, {
|
|
14400
14402
|
columnIndex: columnIndex
|
|
14401
14403
|
}, React__default["default"].createElement("div", {
|
|
14402
|
-
className: styles$
|
|
14404
|
+
className: styles$X['actions'],
|
|
14403
14405
|
"data-testid": "data-table-dropdown-menu"
|
|
14404
14406
|
}, state === 'SKELETON_LOADING' && React__default["default"].createElement(Skeleton, {
|
|
14405
14407
|
width: 45
|
|
@@ -14414,7 +14416,7 @@ var DataTableRowActions = function DataTableRowActions(_ref) {
|
|
|
14414
14416
|
})));
|
|
14415
14417
|
};
|
|
14416
14418
|
|
|
14417
|
-
var styles$
|
|
14419
|
+
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"};
|
|
14418
14420
|
|
|
14419
14421
|
var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, ref) {
|
|
14420
14422
|
var _columns$columnIndex, _controllers$error, _classnames, _classnames2;
|
|
@@ -14463,7 +14465,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
|
|
|
14463
14465
|
id: controllers.id
|
|
14464
14466
|
};
|
|
14465
14467
|
var EditableCell = React__default["default"].createElement("div", {
|
|
14466
|
-
className: classnames__default["default"]((_classnames = {}, _classnames[styles$
|
|
14468
|
+
className: classnames__default["default"]((_classnames = {}, _classnames[styles$V['data-table-editable-cell--currency']] = type === 'currency', _classnames), styles$V['data-table-editable-cell']),
|
|
14467
14469
|
"data-testid": testId,
|
|
14468
14470
|
role: "cell"
|
|
14469
14471
|
}, React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement(AffixContainer, {
|
|
@@ -14472,7 +14474,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
|
|
|
14472
14474
|
}, React__default["default"].createElement("input", {
|
|
14473
14475
|
name: name,
|
|
14474
14476
|
id: controllers.id,
|
|
14475
|
-
className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$
|
|
14477
|
+
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)),
|
|
14476
14478
|
type: type === 'currency' ? 'number' : 'text',
|
|
14477
14479
|
step: type === 'currency' ? 'any' : '',
|
|
14478
14480
|
"data-testid": testId && testId + "-text-field",
|
|
@@ -14518,7 +14520,7 @@ var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
|
|
|
14518
14520
|
nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$bd);
|
|
14519
14521
|
var _useDataTableContext = useDataTableContext(),
|
|
14520
14522
|
showActionMenu = _useDataTableContext.showActionMenu;
|
|
14521
|
-
var styleNames = classnames__default["default"](styles$
|
|
14523
|
+
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));
|
|
14522
14524
|
var renderColumn = function renderColumn(columnElement, index) {
|
|
14523
14525
|
var isUsingDataTableCell = columnElement && typeof columnElement === 'object' && 'type' in columnElement && (columnElement == null ? void 0 : columnElement.type) === DataTableCell;
|
|
14524
14526
|
if (isUsingDataTableCell || !hasDefaultCell) {
|
|
@@ -14614,7 +14616,7 @@ var calculateScrollState = function calculateScrollState(scrollContainer) {
|
|
|
14614
14616
|
return DATA_TABLE_SCROLL_STATES.NO_SCROLL;
|
|
14615
14617
|
};
|
|
14616
14618
|
|
|
14617
|
-
var styles$
|
|
14619
|
+
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"};
|
|
14618
14620
|
|
|
14619
14621
|
var useDataTableScrollState = function useDataTableScrollState(stickyColumns) {
|
|
14620
14622
|
var scrollContainerRef = React.useRef(null);
|
|
@@ -14661,7 +14663,7 @@ var useDataTableScrollState = function useDataTableScrollState(stickyColumns) {
|
|
|
14661
14663
|
};
|
|
14662
14664
|
};
|
|
14663
14665
|
|
|
14664
|
-
var styles$
|
|
14666
|
+
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"};
|
|
14665
14667
|
|
|
14666
14668
|
var DataTableCoverShadow = function DataTableCoverShadow(_ref) {
|
|
14667
14669
|
var _classNames;
|
|
@@ -14680,7 +14682,7 @@ var DataTableCoverShadow = function DataTableCoverShadow(_ref) {
|
|
|
14680
14682
|
return "calc(100% - " + headerHeight + ")";
|
|
14681
14683
|
};
|
|
14682
14684
|
return React__default["default"].createElement("div", {
|
|
14683
|
-
className: classnames__default["default"](styles$
|
|
14685
|
+
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)),
|
|
14684
14686
|
style: {
|
|
14685
14687
|
// @ts-expect-error This difines a custom CSS variable
|
|
14686
14688
|
'--corner-background-color': backgroundColor,
|
|
@@ -14740,18 +14742,18 @@ var DataTableStickyColumnsContainer = function DataTableStickyColumnsContainer(_
|
|
|
14740
14742
|
isShowingColumns: !!isShowingColumns,
|
|
14741
14743
|
showShadow: state === 'EMPTY' ? false : stickyColumns === 'left'
|
|
14742
14744
|
})), React__default["default"].createElement("div", {
|
|
14743
|
-
className: classnames__default["default"](styles$
|
|
14745
|
+
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)),
|
|
14744
14746
|
onScroll: onScroll,
|
|
14745
14747
|
ref: scrollContainerRef,
|
|
14746
14748
|
"data-testid": "sticky-columns-container"
|
|
14747
14749
|
}, children));
|
|
14748
14750
|
};
|
|
14749
14751
|
|
|
14750
|
-
var styles$
|
|
14752
|
+
var styles$S = {"data-table-empty-state":"_fCHjG"};
|
|
14751
14753
|
|
|
14752
|
-
var styles$
|
|
14754
|
+
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"};
|
|
14753
14755
|
|
|
14754
|
-
var styles$
|
|
14756
|
+
var styles$Q = {"empty-state-container-cta":"_X-dEs","empty-state-container-cta--inside-modal":"_63-SX"};
|
|
14755
14757
|
|
|
14756
14758
|
var EmptyStateContainerCTA = function EmptyStateContainerCTA(_ref) {
|
|
14757
14759
|
var _actions$primary, _actions$secondary, _classNames;
|
|
@@ -14768,7 +14770,7 @@ var EmptyStateContainerCTA = function EmptyStateContainerCTA(_ref) {
|
|
|
14768
14770
|
size: BUTTON_SIZES.MIN_WIDTH_100
|
|
14769
14771
|
});
|
|
14770
14772
|
return React__default["default"].createElement("div", {
|
|
14771
|
-
className: classnames__default["default"](styles$
|
|
14773
|
+
className: classnames__default["default"](styles$Q['empty-state-container-cta'], (_classNames = {}, _classNames[styles$Q['empty-state-container-cta--inside-modal']] = isInsideModal, _classNames))
|
|
14772
14774
|
}, primaryButton, secondaryButton);
|
|
14773
14775
|
};
|
|
14774
14776
|
|
|
@@ -14791,7 +14793,7 @@ var EmptyStateContainerStack = function EmptyStateContainerStack(_ref) {
|
|
|
14791
14793
|
testId = _ref.testId,
|
|
14792
14794
|
mediaComponent = _ref.mediaComponent;
|
|
14793
14795
|
return React__default["default"].createElement("div", {
|
|
14794
|
-
className: styles$
|
|
14796
|
+
className: styles$R['empty-state-container-stack'],
|
|
14795
14797
|
"data-testid": testId
|
|
14796
14798
|
}, mediaComponent ? mediaComponent : mediaUrl && React__default["default"].createElement("img", {
|
|
14797
14799
|
src: mediaUrl,
|
|
@@ -14808,7 +14810,7 @@ var EmptyStateContainerStack = function EmptyStateContainerStack(_ref) {
|
|
|
14808
14810
|
as: "body",
|
|
14809
14811
|
alignment: "center"
|
|
14810
14812
|
}, title), React__default["default"].createElement("div", {
|
|
14811
|
-
className: styles$
|
|
14813
|
+
className: styles$R['empty-state-container-stack__body']
|
|
14812
14814
|
}, children)), React__default["default"].createElement(Stack, {
|
|
14813
14815
|
space: 8,
|
|
14814
14816
|
alignItems: "center"
|
|
@@ -14919,7 +14921,7 @@ var DataTableEmptyState = function DataTableEmptyState(_ref) {
|
|
|
14919
14921
|
columnIndex: shouldRenderStickyLeftCell ? 1 : 0,
|
|
14920
14922
|
colSpan: colSpan
|
|
14921
14923
|
}, React__default["default"].createElement("div", {
|
|
14922
|
-
className: styles$
|
|
14924
|
+
className: styles$S['data-table-empty-state']
|
|
14923
14925
|
}, React__default["default"].createElement(EmptyStateContainerStack, {
|
|
14924
14926
|
mediaUrl: customImage,
|
|
14925
14927
|
mediaComponent: customImage === '' ? React__default["default"].createElement(MagnifyingGlassIllustration, null) : undefined,
|
|
@@ -15010,7 +15012,7 @@ var DataTable = function DataTable(_ref) {
|
|
|
15010
15012
|
return null;
|
|
15011
15013
|
}
|
|
15012
15014
|
return React__default["default"].createElement("div", {
|
|
15013
|
-
className: styles$
|
|
15015
|
+
className: styles$15['data-table__pagination-controls'],
|
|
15014
15016
|
"data-testid": testId && testId + "-pagination-controls"
|
|
15015
15017
|
}, React__default["default"].createElement(PaginationControls, {
|
|
15016
15018
|
hasPrevious: isLoading ? false : hasPrevious,
|
|
@@ -15033,7 +15035,7 @@ var DataTable = function DataTable(_ref) {
|
|
|
15033
15035
|
tableId: tableId
|
|
15034
15036
|
}
|
|
15035
15037
|
}, React__default["default"].createElement("div", {
|
|
15036
|
-
className: classnames__default["default"](styles$
|
|
15038
|
+
className: classnames__default["default"](styles$15['data-table']),
|
|
15037
15039
|
ref: tableRef,
|
|
15038
15040
|
style: positionStyles
|
|
15039
15041
|
}, React__default["default"].createElement(DataTableStickyColumnsContainer, {
|
|
@@ -15044,19 +15046,19 @@ var DataTable = function DataTable(_ref) {
|
|
|
15044
15046
|
placement: "top",
|
|
15045
15047
|
isShowingColumns: !!isShowingColumns
|
|
15046
15048
|
}), React__default["default"].createElement("div", {
|
|
15047
|
-
className: classnames__default["default"](styles$
|
|
15049
|
+
className: classnames__default["default"](styles$15['data-table__content'], (_classNames = {}, _classNames[styles$15['data-table__content--with-scroll']] = isScrollableTable, _classNames)),
|
|
15048
15050
|
style: conditionalStyles,
|
|
15049
15051
|
id: tableId + "-content"
|
|
15050
15052
|
}, state === DATA_TABLE_STATES.BACKGROUND_LOADING && React__default["default"].createElement("div", {
|
|
15051
|
-
className: styles$
|
|
15053
|
+
className: styles$15['data-table__background-loading']
|
|
15052
15054
|
}, React__default["default"].createElement(Spinner, null)), React__default["default"].createElement("table", _extends({
|
|
15053
|
-
className: classnames__default["default"](styles$
|
|
15055
|
+
className: classnames__default["default"](styles$15['data-table__table'], (_classNames2 = {}, _classNames2[styles$15['data-table__table--no-columns']] = !isShowingColumns, _classNames2))
|
|
15054
15056
|
}, dataProps), columns && isShowingColumns && React__default["default"].createElement(DataTableHeader, {
|
|
15055
15057
|
columns: columns,
|
|
15056
15058
|
onSort: onSort,
|
|
15057
15059
|
showActionMenu: isShowingContent && showActionMenu
|
|
15058
15060
|
}), React__default["default"].createElement("tbody", {
|
|
15059
|
-
className: classnames__default["default"](styles$
|
|
15061
|
+
className: classnames__default["default"](styles$15['data-table__body'], (_classNames3 = {}, _classNames3[styles$15['data-table__body--no-bottom-radius']] = isShowingFooter && isShowingContent, _classNames3)),
|
|
15060
15062
|
"data-testid": testId
|
|
15061
15063
|
}, isShowingContent && content.map(function (item, index) {
|
|
15062
15064
|
var _item$key;
|
|
@@ -15076,7 +15078,7 @@ var DataTable = function DataTable(_ref) {
|
|
|
15076
15078
|
key: index
|
|
15077
15079
|
});
|
|
15078
15080
|
}))), isShowingFooter && isShowingContent && React__default["default"].createElement("tfoot", {
|
|
15079
|
-
className: styles$
|
|
15081
|
+
className: styles$15['data-table__footer'],
|
|
15080
15082
|
"data-testid": testId && testId + "-footer"
|
|
15081
15083
|
}, footerComponent)))), !isShowingFooter && isScrollableTable && React__default["default"].createElement(DataTableScrollFakeBorder, {
|
|
15082
15084
|
placement: "bottom",
|
|
@@ -15084,7 +15086,7 @@ var DataTable = function DataTable(_ref) {
|
|
|
15084
15086
|
})), React__default["default"].createElement(Pagination, null));
|
|
15085
15087
|
};
|
|
15086
15088
|
|
|
15087
|
-
var styles$
|
|
15089
|
+
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"};
|
|
15088
15090
|
|
|
15089
15091
|
var AccordionItem = function AccordionItem(props) {
|
|
15090
15092
|
var item = props.item,
|
|
@@ -15095,9 +15097,9 @@ var AccordionItem = function AccordionItem(props) {
|
|
|
15095
15097
|
content = item.content;
|
|
15096
15098
|
var isFocusedByClickRef = React__default["default"].useRef(false);
|
|
15097
15099
|
return React__default["default"].createElement("div", {
|
|
15098
|
-
className: styles$
|
|
15100
|
+
className: styles$P['accordion-item']
|
|
15099
15101
|
}, React__default["default"].createElement("button", {
|
|
15100
|
-
className: styles$
|
|
15102
|
+
className: styles$P['accordion-item__header'],
|
|
15101
15103
|
onClick: function onClick() {
|
|
15102
15104
|
if (isOpen) {
|
|
15103
15105
|
handleAccordionItemOpen(null);
|
|
@@ -15124,15 +15126,15 @@ var AccordionItem = function AccordionItem(props) {
|
|
|
15124
15126
|
}, typeof title === 'string' ? React__default["default"].createElement(Text, {
|
|
15125
15127
|
emphasis: "bold"
|
|
15126
15128
|
}, title) : title, React__default["default"].createElement(IconChevronDown, {
|
|
15127
|
-
className: styles$
|
|
15129
|
+
className: styles$P["accordion-item__icon" + (isOpen ? '--active' : '')],
|
|
15128
15130
|
color: 'surface-on-color-subtle'
|
|
15129
15131
|
}))), React__default["default"].createElement("div", {
|
|
15130
15132
|
"data-testid": "" + (isOpen ? 'accordion-item-' + id + '-open' : 'accordion-item-' + id + '-closed'),
|
|
15131
|
-
className: styles$
|
|
15133
|
+
className: styles$P["accordion-item__content" + (isOpen ? '--active' : '')]
|
|
15132
15134
|
}, isOpen && React__default["default"].createElement(Text, null, content)));
|
|
15133
15135
|
};
|
|
15134
15136
|
|
|
15135
|
-
var styles$
|
|
15137
|
+
var styles$O = {"accordion":"_058SP"};
|
|
15136
15138
|
|
|
15137
15139
|
var _excluded$bb = ["items", "onExpand", "defaultOpenId"];
|
|
15138
15140
|
/**
|
|
@@ -15162,7 +15164,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
15162
15164
|
isAccordionMounted: true
|
|
15163
15165
|
}
|
|
15164
15166
|
}, React__default["default"].createElement("div", _extends({
|
|
15165
|
-
className: styles$
|
|
15167
|
+
className: styles$O['accordion']
|
|
15166
15168
|
}, dataProps), items.map(function (item, index) {
|
|
15167
15169
|
var id = item.id || index.toString();
|
|
15168
15170
|
return React__default["default"].createElement(AccordionItem, {
|
|
@@ -15176,7 +15178,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
15176
15178
|
})));
|
|
15177
15179
|
};
|
|
15178
15180
|
|
|
15179
|
-
var styles$
|
|
15181
|
+
var styles$N = {"action-list":"_pWke5","action-list__title":"_p8I7K","action-list__empty-state":"_l-tFB"};
|
|
15180
15182
|
|
|
15181
15183
|
/**
|
|
15182
15184
|
* 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.
|
|
@@ -15190,15 +15192,15 @@ var ActionList = function ActionList(_ref) {
|
|
|
15190
15192
|
var translate = useTranslation('ActionList');
|
|
15191
15193
|
var hasChildren = React__default["default"].Children.count(children) > 0;
|
|
15192
15194
|
return React__default["default"].createElement("div", {
|
|
15193
|
-
className: styles$
|
|
15195
|
+
className: styles$N['action-list'],
|
|
15194
15196
|
"data-testid": testId,
|
|
15195
15197
|
style: {
|
|
15196
15198
|
maxHeight: maxHeight
|
|
15197
15199
|
}
|
|
15198
15200
|
}, title && React__default["default"].createElement("div", {
|
|
15199
|
-
className: styles$
|
|
15201
|
+
className: styles$N['action-list__title']
|
|
15200
15202
|
}, title), hasChildren ? children : React__default["default"].createElement("div", {
|
|
15201
|
-
className: styles$
|
|
15203
|
+
className: styles$N['action-list__empty-state']
|
|
15202
15204
|
}, React__default["default"].createElement(EmptyStateContainerStack, {
|
|
15203
15205
|
title: (emptyState == null ? void 0 : emptyState.title) || translate('emptyStateTitle'),
|
|
15204
15206
|
mediaUrl: emptyState == null ? void 0 : emptyState.image,
|
|
@@ -15377,7 +15379,7 @@ var useSelectFieldControllers = function useSelectFieldControllers(_ref) {
|
|
|
15377
15379
|
return controllers;
|
|
15378
15380
|
};
|
|
15379
15381
|
|
|
15380
|
-
var styles$
|
|
15382
|
+
var styles$M = {"custom-control":"_pXQqq"};
|
|
15381
15383
|
|
|
15382
15384
|
var _excluded$ba = ["children"];
|
|
15383
15385
|
function CustomControl(_ref) {
|
|
@@ -15387,7 +15389,7 @@ function CustomControl(_ref) {
|
|
|
15387
15389
|
var SelectedOptionPrefix = props.selectProps.componentsProps.SelectedOptionPrefix;
|
|
15388
15390
|
var selectedOption = (_props$getValue = props.getValue()) == null ? void 0 : _props$getValue[0];
|
|
15389
15391
|
return React__default["default"].createElement(Select.components.Control, _extends({}, props), SelectedOptionPrefix && selectedOption ? React__default["default"].createElement("div", {
|
|
15390
|
-
className: styles$
|
|
15392
|
+
className: styles$M['custom-control'],
|
|
15391
15393
|
style: {
|
|
15392
15394
|
paddingLeft: selectedOption ? 8 : 0
|
|
15393
15395
|
}
|
|
@@ -15411,7 +15413,7 @@ function CustomOption(_ref) {
|
|
|
15411
15413
|
return React__default["default"].createElement(Select.components.Option, _extends({}, props), React__default["default"].createElement(UserCustomOption, _extends({}, props), children));
|
|
15412
15414
|
}
|
|
15413
15415
|
|
|
15414
|
-
var FONT_FAMILY = "'
|
|
15416
|
+
var FONT_FAMILY = "'Inter', sans-serif";
|
|
15415
15417
|
|
|
15416
15418
|
var getSelectStyles = function getSelectStyles(_ref) {
|
|
15417
15419
|
var isInvalid = _ref.isInvalid,
|
|
@@ -15442,7 +15444,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
|
|
|
15442
15444
|
borderRadius: 'var(--border-radius-400)',
|
|
15443
15445
|
boxShadow: state.isFocused ? "0 0 8px " + COLORS['primary-color'] : 'none',
|
|
15444
15446
|
'&:hover': 'none',
|
|
15445
|
-
fontSize: '
|
|
15447
|
+
fontSize: 'var(--font-body-ui-size)',
|
|
15446
15448
|
cursor: 'pointer',
|
|
15447
15449
|
width: asToolbarFilter ? 'fit-content' : undefined,
|
|
15448
15450
|
margin: 0,
|
|
@@ -15478,7 +15480,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
|
|
|
15478
15480
|
textAlign: 'center',
|
|
15479
15481
|
padding: '8px',
|
|
15480
15482
|
fontFamily: FONT_FAMILY,
|
|
15481
|
-
fontSize: '
|
|
15483
|
+
fontSize: 'var(--font-body-ui-size)'
|
|
15482
15484
|
};
|
|
15483
15485
|
},
|
|
15484
15486
|
loadingMessage: function loadingMessage() {
|
|
@@ -15487,7 +15489,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
|
|
|
15487
15489
|
textAlign: 'center',
|
|
15488
15490
|
padding: '8px',
|
|
15489
15491
|
fontFamily: FONT_FAMILY,
|
|
15490
|
-
fontSize: '
|
|
15492
|
+
fontSize: 'var(--font-body-ui-size)'
|
|
15491
15493
|
};
|
|
15492
15494
|
},
|
|
15493
15495
|
singleValue: function singleValue(base, state) {
|
|
@@ -15515,7 +15517,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
|
|
|
15515
15517
|
color: state.isDisabled ? COLORS['surface-on-color-disabled'] : state.isSelected ? COLORS['primary-on-container-variant'] : COLORS['surface-on-color'],
|
|
15516
15518
|
cursor: 'pointer',
|
|
15517
15519
|
fontFamily: FONT_FAMILY,
|
|
15518
|
-
fontSize: '
|
|
15520
|
+
fontSize: 'var(--font-body-ui-size)',
|
|
15519
15521
|
wordBreak: 'break-word'
|
|
15520
15522
|
});
|
|
15521
15523
|
},
|
|
@@ -15575,9 +15577,9 @@ var CustomContainer = function CustomContainer(props) {
|
|
|
15575
15577
|
}));
|
|
15576
15578
|
};
|
|
15577
15579
|
|
|
15578
|
-
var styles$
|
|
15580
|
+
var styles$L = {"custom-menu-text-field":"_AAUjm","custom-menu-hr":"_mFLK9","custom-menu-div":"_1XpI4"};
|
|
15579
15581
|
|
|
15580
|
-
var styles$
|
|
15582
|
+
var styles$K = {"creatable-button--align-left":"_Qw267","creatable-button":"_f9V5D"};
|
|
15581
15583
|
|
|
15582
15584
|
/**
|
|
15583
15585
|
* Shared creatable button component used in CustomMenu and CustomGroupWithCreate.
|
|
@@ -15603,7 +15605,7 @@ var CreatableButton = function CreatableButton(_ref) {
|
|
|
15603
15605
|
if (!button || typeof button === 'string') {
|
|
15604
15606
|
var _classNames;
|
|
15605
15607
|
return React__default["default"].createElement("div", {
|
|
15606
|
-
className: classnames__default["default"](styles$
|
|
15608
|
+
className: classnames__default["default"](styles$K['creatable-button'], (_classNames = {}, _classNames[styles$K['creatable-button--align-left']] = alignLeft, _classNames))
|
|
15607
15609
|
}, React__default["default"].createElement(Button, {
|
|
15608
15610
|
theme: "link-primary",
|
|
15609
15611
|
onClick: handleClick,
|
|
@@ -15627,7 +15629,7 @@ var CreatableButton = function CreatableButton(_ref) {
|
|
|
15627
15629
|
overrideProps.theme = 'link-primary';
|
|
15628
15630
|
}
|
|
15629
15631
|
return React__default["default"].createElement("div", {
|
|
15630
|
-
className: classnames__default["default"](styles$
|
|
15632
|
+
className: classnames__default["default"](styles$K['creatable-button'], (_classNames2 = {}, _classNames2[styles$K['creatable-button--align-left']] = alignLeft, _classNames2))
|
|
15631
15633
|
}, React__default["default"].cloneElement(button, overrideProps));
|
|
15632
15634
|
};
|
|
15633
15635
|
|
|
@@ -15651,7 +15653,7 @@ var CreateInputForm = function CreateInputForm(_ref) {
|
|
|
15651
15653
|
flex: [1],
|
|
15652
15654
|
flexItems: true
|
|
15653
15655
|
}, React__default["default"].createElement("input", {
|
|
15654
|
-
className: classnames__default["default"](styles$
|
|
15656
|
+
className: classnames__default["default"](styles$1u['text-field'], inputClassName),
|
|
15655
15657
|
autoCorrect: "off",
|
|
15656
15658
|
autoComplete: "off",
|
|
15657
15659
|
spellCheck: "false",
|
|
@@ -15722,7 +15724,7 @@ function CustomMenu(_ref) {
|
|
|
15722
15724
|
return React__default["default"].createElement(Select.components.Menu, _extends({}, props), React__default["default"].createElement("div", {
|
|
15723
15725
|
ref: containerRef
|
|
15724
15726
|
}, children, React__default["default"].createElement("hr", {
|
|
15725
|
-
className: styles$
|
|
15727
|
+
className: styles$L['custom-menu-hr']
|
|
15726
15728
|
}), !showFooter ? React__default["default"].createElement(CreatableButton, {
|
|
15727
15729
|
creatableButton: creatableButton,
|
|
15728
15730
|
onClick: function onClick() {
|
|
@@ -15735,13 +15737,13 @@ function CustomMenu(_ref) {
|
|
|
15735
15737
|
onMenuInputFocus: onMenuInputFocus,
|
|
15736
15738
|
onSubmit: onCreateButton,
|
|
15737
15739
|
defaultValue: inputDefaultValue,
|
|
15738
|
-
wrapperClassName: styles$
|
|
15739
|
-
inputClassName: styles$
|
|
15740
|
+
wrapperClassName: styles$L['custom-menu-div'],
|
|
15741
|
+
inputClassName: styles$L['custom-menu-text-field'],
|
|
15740
15742
|
testId: "select-create-option-input"
|
|
15741
15743
|
})));
|
|
15742
15744
|
}
|
|
15743
15745
|
|
|
15744
|
-
var styles$
|
|
15746
|
+
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"};
|
|
15745
15747
|
|
|
15746
15748
|
function CustomGroupWithCreate(props) {
|
|
15747
15749
|
var _props$selectProps$co = props.selectProps.componentsProps,
|
|
@@ -15778,7 +15780,7 @@ function CustomGroupWithCreate(props) {
|
|
|
15778
15780
|
return React__default["default"].createElement("div", {
|
|
15779
15781
|
ref: containerRef
|
|
15780
15782
|
}, React__default["default"].createElement(Select.components.Group, _extends({}, props)), !isInputActive ? React__default["default"].createElement("div", {
|
|
15781
|
-
className: styles$
|
|
15783
|
+
className: styles$J['custom-group-with-create-button-wrapper']
|
|
15782
15784
|
}, React__default["default"].createElement(CreatableButton, {
|
|
15783
15785
|
creatableButton: creatableButton,
|
|
15784
15786
|
onClick: function onClick() {
|
|
@@ -15792,8 +15794,8 @@ function CustomGroupWithCreate(props) {
|
|
|
15792
15794
|
onMenuInputFocus: onMenuInputFocus,
|
|
15793
15795
|
onSubmit: onCreateButton,
|
|
15794
15796
|
defaultValue: inputDefaultValue,
|
|
15795
|
-
wrapperClassName: styles$
|
|
15796
|
-
inputClassName: styles$
|
|
15797
|
+
wrapperClassName: styles$J['custom-group-with-create-input-wrapper'],
|
|
15798
|
+
inputClassName: styles$J['custom-group-with-create-text-field'],
|
|
15797
15799
|
testId: "select-create-option-input-" + groupLabel
|
|
15798
15800
|
}));
|
|
15799
15801
|
}
|
|
@@ -15911,7 +15913,7 @@ var useSelectField = function useSelectField(_ref) {
|
|
|
15911
15913
|
};
|
|
15912
15914
|
};
|
|
15913
15915
|
|
|
15914
|
-
var styles$
|
|
15916
|
+
var styles$I = {"select-field__suffix":"_vqC1M"};
|
|
15915
15917
|
|
|
15916
15918
|
/** Simple dropdown field where the user chooses one option from a predefined list. */
|
|
15917
15919
|
var SelectField = function SelectField(props) {
|
|
@@ -15920,7 +15922,7 @@ var SelectField = function SelectField(props) {
|
|
|
15920
15922
|
selectProps = _useSelectField.selectProps;
|
|
15921
15923
|
//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
|
|
15922
15924
|
var suffixWithMargin = props.suffix ? React__default["default"].createElement("div", {
|
|
15923
|
-
className: styles$
|
|
15925
|
+
className: styles$I['select-field__suffix']
|
|
15924
15926
|
}, props.suffix) : undefined;
|
|
15925
15927
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement(AffixContainer, {
|
|
15926
15928
|
prefix: props.prefix,
|
|
@@ -15963,9 +15965,9 @@ var ToolbarSelect = function ToolbarSelect(_ref) {
|
|
|
15963
15965
|
}, rest));
|
|
15964
15966
|
};
|
|
15965
15967
|
|
|
15966
|
-
var styles$
|
|
15968
|
+
var styles$H = {"date-filter":"_PyXfe","date-filter--wide":"_P6ttU"};
|
|
15967
15969
|
|
|
15968
|
-
var styles$
|
|
15970
|
+
var styles$G = {"date-filter-display":"_N37zE","date-filter-display--non-interactive":"_42Bvz","date-filter-display--wide":"_h8n2w","date-filter-display__display-icon":"_i08yV"};
|
|
15969
15971
|
|
|
15970
15972
|
var DATE_FILTER_MODE = {
|
|
15971
15973
|
DAY: 'day',
|
|
@@ -16018,7 +16020,7 @@ var DateFilterDisplay = React.forwardRef(function (_ref, ref) {
|
|
|
16018
16020
|
weekStart = _ref.weekStart,
|
|
16019
16021
|
onClick = _ref.onClick;
|
|
16020
16022
|
return React__default["default"].createElement("button", {
|
|
16021
|
-
className: classnames__default["default"](styles$
|
|
16023
|
+
className: classnames__default["default"](styles$G['date-filter-display'], (_classnames = {}, _classnames[styles$G['date-filter-display--wide']] = mode === DATE_FILTER_MODE.WEEK, _classnames)),
|
|
16022
16024
|
onClick: onClick,
|
|
16023
16025
|
tabIndex: mode === DATE_FILTER_MODE.MONTH ? -1 : undefined,
|
|
16024
16026
|
ref: ref
|
|
@@ -16026,7 +16028,7 @@ var DateFilterDisplay = React.forwardRef(function (_ref, ref) {
|
|
|
16026
16028
|
space: 12,
|
|
16027
16029
|
alignItems: "center"
|
|
16028
16030
|
}, React__default["default"].createElement("div", {
|
|
16029
|
-
className: classnames__default["default"](styles$
|
|
16031
|
+
className: classnames__default["default"](styles$G['date-filter-display__display-icon'])
|
|
16030
16032
|
}, React__default["default"].createElement(IconCalendarAlt, {
|
|
16031
16033
|
size: "flexible",
|
|
16032
16034
|
color: "surface-on-color-subtle"
|
|
@@ -16037,7 +16039,7 @@ var DateFilterDisplay = React.forwardRef(function (_ref, ref) {
|
|
|
16037
16039
|
})));
|
|
16038
16040
|
});
|
|
16039
16041
|
|
|
16040
|
-
var styles$
|
|
16042
|
+
var styles$F = {"date-stepper":"_9wFtw","date-stepper--backward":"_OrtcR","date-stepper--forward":"_oYoUt"};
|
|
16041
16043
|
|
|
16042
16044
|
var handleDateStepper = function handleDateStepper(date, mode, stepDirection, onChange) {
|
|
16043
16045
|
var step = stepDirection === STEP_DIRECTION.FORWARD ? 1 : -1;
|
|
@@ -16066,7 +16068,7 @@ var DateFilterStepper = function DateFilterStepper(_ref) {
|
|
|
16066
16068
|
onChange = _ref.onChange,
|
|
16067
16069
|
date = _ref.date;
|
|
16068
16070
|
return React__default["default"].createElement("button", {
|
|
16069
|
-
className: classnames__default["default"](styles$
|
|
16071
|
+
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)),
|
|
16070
16072
|
onClick: function onClick() {
|
|
16071
16073
|
return handleDateStepper(date, mode, stepDirection, onChange);
|
|
16072
16074
|
}
|
|
@@ -16135,9 +16137,9 @@ var CalendarMonth = function CalendarMonth(_ref) {
|
|
|
16135
16137
|
}
|
|
16136
16138
|
var MONTHS = [].concat(Array(12).keys());
|
|
16137
16139
|
return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
|
|
16138
|
-
className: styles$
|
|
16140
|
+
className: styles$1c['calendar']
|
|
16139
16141
|
}, React__default["default"].createElement("div", {
|
|
16140
|
-
className: styles$
|
|
16142
|
+
className: styles$1c['calendar__overlay'],
|
|
16141
16143
|
ref: function ref(_ref2) {
|
|
16142
16144
|
return setCalendarRef(_ref2);
|
|
16143
16145
|
},
|
|
@@ -16232,7 +16234,7 @@ var DateFilter = function DateFilter(_ref) {
|
|
|
16232
16234
|
}, [setCalendarOpen]);
|
|
16233
16235
|
return React__default["default"].createElement("div", {
|
|
16234
16236
|
"data-testid": testId,
|
|
16235
|
-
className: classnames__default["default"](styles$
|
|
16237
|
+
className: classnames__default["default"](styles$H['date-filter'], (_classnames = {}, _classnames[styles$H['date-filter--wide']] = mode === DATE_FILTER_MODE.WEEK, _classnames))
|
|
16236
16238
|
}, React__default["default"].createElement(Inline, {
|
|
16237
16239
|
space: 0
|
|
16238
16240
|
}, React__default["default"].createElement(DateFilterStepper, {
|
|
@@ -16279,7 +16281,7 @@ var DateFilter = function DateFilter(_ref) {
|
|
|
16279
16281
|
}));
|
|
16280
16282
|
};
|
|
16281
16283
|
|
|
16282
|
-
var styles$
|
|
16284
|
+
var styles$E = {"segmented-control":"_RezMY","segmented-control__button":"_lehFG","segmented-control__button--selected":"_Fr5kb"};
|
|
16283
16285
|
|
|
16284
16286
|
var SegmentedControl = function SegmentedControl(_ref) {
|
|
16285
16287
|
var options = _ref.options,
|
|
@@ -16290,7 +16292,7 @@ var SegmentedControl = function SegmentedControl(_ref) {
|
|
|
16290
16292
|
return option === value;
|
|
16291
16293
|
};
|
|
16292
16294
|
return React__default["default"].createElement("div", {
|
|
16293
|
-
className: styles$
|
|
16295
|
+
className: styles$E['segmented-control'],
|
|
16294
16296
|
"data-testid": testId
|
|
16295
16297
|
}, options.map(function (option) {
|
|
16296
16298
|
var _classnames;
|
|
@@ -16300,14 +16302,14 @@ var SegmentedControl = function SegmentedControl(_ref) {
|
|
|
16300
16302
|
onClick: function onClick() {
|
|
16301
16303
|
return onChange(option);
|
|
16302
16304
|
},
|
|
16303
|
-
className: classnames__default["default"](styles$
|
|
16305
|
+
className: classnames__default["default"](styles$E['segmented-control__button'], (_classnames = {}, _classnames[styles$E['segmented-control__button--selected']] = isSelected(option), _classnames))
|
|
16304
16306
|
}, option));
|
|
16305
16307
|
}));
|
|
16306
16308
|
};
|
|
16307
16309
|
|
|
16308
|
-
var styles$
|
|
16310
|
+
var styles$D = {"form--standard-size":"_8-Ykj"};
|
|
16309
16311
|
|
|
16310
|
-
var styles$
|
|
16312
|
+
var styles$C = {"form-section":"_3uYIj","form-section__title":"_2WdOf","form-section__subtitle":"_zybxx","form-section--no-margin":"_xT-U1"};
|
|
16311
16313
|
|
|
16312
16314
|
/**
|
|
16313
16315
|
* 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.
|
|
@@ -16324,12 +16326,12 @@ var FormSection = function FormSection(_ref) {
|
|
|
16324
16326
|
var content = React__default["default"].createElement(Stack, null, (title || subtitle) && React__default["default"].createElement(Stack, {
|
|
16325
16327
|
space: 8
|
|
16326
16328
|
}, title && React__default["default"].createElement("h2", {
|
|
16327
|
-
className: classnames__default["default"](styles$
|
|
16329
|
+
className: classnames__default["default"](styles$C['form-section__title'])
|
|
16328
16330
|
}, title), subtitle && React__default["default"].createElement("h3", {
|
|
16329
|
-
className: classnames__default["default"](styles$
|
|
16331
|
+
className: classnames__default["default"](styles$C['form-section__subtitle'])
|
|
16330
16332
|
}, subtitle)), children);
|
|
16331
16333
|
return React__default["default"].createElement("div", {
|
|
16332
|
-
className: classnames__default["default"](styles$
|
|
16334
|
+
className: classnames__default["default"](styles$C['form-section'], (_classnames = {}, _classnames[styles$C['form-section--no-margin']] = noMargin || as === 'card', _classnames)),
|
|
16333
16335
|
"data-testid": testId
|
|
16334
16336
|
}, as === 'card' ? React__default["default"].createElement(Card, {
|
|
16335
16337
|
testId: testId && testId + "-card"
|
|
@@ -16348,7 +16350,7 @@ var updateButtonProps = function updateButtonProps(child, newProps) {
|
|
|
16348
16350
|
}, newProps, child.props));
|
|
16349
16351
|
};
|
|
16350
16352
|
|
|
16351
|
-
var styles$
|
|
16353
|
+
var styles$B = {"form-footer":"_4ksfB"};
|
|
16352
16354
|
|
|
16353
16355
|
var FormFooterActions = function FormFooterActions(_ref) {
|
|
16354
16356
|
var _actions$primary, _actions$primary2, _actions$secondary, _actions$tertiary;
|
|
@@ -16385,7 +16387,7 @@ var FormFooter = function FormFooter(_ref) {
|
|
|
16385
16387
|
});
|
|
16386
16388
|
var isInlineChildren = React__default["default"].Children.count(children) === 1 && React__default["default"].isValidElement(children) && children.type === Inline;
|
|
16387
16389
|
return React__default["default"].createElement("div", {
|
|
16388
|
-
className: classnames__default["default"](styles$
|
|
16390
|
+
className: classnames__default["default"](styles$B['form-footer']),
|
|
16389
16391
|
"data-testid": testId
|
|
16390
16392
|
}, actions && React__default["default"].createElement(FormFooterActions, {
|
|
16391
16393
|
actions: actions
|
|
@@ -16424,12 +16426,12 @@ var Form = function Form(_ref) {
|
|
|
16424
16426
|
}
|
|
16425
16427
|
}, React__default["default"].createElement("form", {
|
|
16426
16428
|
onSubmit: onSubmit ? handleSubmit : formik == null ? void 0 : formik.handleSubmit,
|
|
16427
|
-
className: classnames__default["default"]((_classnames = {}, _classnames[styles$
|
|
16429
|
+
className: classnames__default["default"]((_classnames = {}, _classnames[styles$D['form--standard-size']] = !wide, _classnames)),
|
|
16428
16430
|
"data-testid": testId
|
|
16429
16431
|
}, stackContent ? React__default["default"].createElement(Stack, null, formattedChildren) : formattedChildren));
|
|
16430
16432
|
};
|
|
16431
16433
|
|
|
16432
|
-
var styles$
|
|
16434
|
+
var styles$A = {"form-row":"_xX-RS"};
|
|
16433
16435
|
|
|
16434
16436
|
var SIZE_25_PERCENT = '25%';
|
|
16435
16437
|
var SIZE_33_PERCENT = '33.333%';
|
|
@@ -16460,7 +16462,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
16460
16462
|
space: space,
|
|
16461
16463
|
testId: testId,
|
|
16462
16464
|
alignItems: "stretch",
|
|
16463
|
-
extraClass: styles$
|
|
16465
|
+
extraClass: styles$A['form-row']
|
|
16464
16466
|
}, children, additionalColumns.map(function (_, index) {
|
|
16465
16467
|
return React__default["default"].createElement("span", {
|
|
16466
16468
|
key: index,
|
|
@@ -16469,7 +16471,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
16469
16471
|
}));
|
|
16470
16472
|
};
|
|
16471
16473
|
|
|
16472
|
-
var styles$
|
|
16474
|
+
var styles$z = {"text-field":"_JaB08","text-field--focus":"_62RIR","text-field--disabled":"_CDt23","text-field--invalid":"_wf4XP","text-field__toolbar":"_7xVsj"};
|
|
16473
16475
|
|
|
16474
16476
|
var useGrowTextAreaRef = function useGrowTextAreaRef(minHeight, maxHeight, autoGrow, forwardedRef) {
|
|
16475
16477
|
var textareaRef = React.useRef(null);
|
|
@@ -16543,7 +16545,7 @@ var TextAreaField = function TextAreaField(_ref) {
|
|
|
16543
16545
|
return React__default["default"].createElement(Field, _extends({}, fieldProps, {
|
|
16544
16546
|
characterCount: controllers.value !== undefined && maxLength ? maxLength - controllers.value.length : undefined
|
|
16545
16547
|
}), React__default["default"].createElement("div", {
|
|
16546
|
-
className: classnames__default["default"](styles$
|
|
16548
|
+
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)),
|
|
16547
16549
|
ref: containerRef,
|
|
16548
16550
|
onClick: function onClick(event) {
|
|
16549
16551
|
if (event.target === (containerRef == null ? void 0 : containerRef.current)) {
|
|
@@ -16576,7 +16578,7 @@ var TextAreaField = function TextAreaField(_ref) {
|
|
|
16576
16578
|
ref: textAreaRef,
|
|
16577
16579
|
maxLength: maxLength
|
|
16578
16580
|
}), toolbar && React__default["default"].createElement("div", {
|
|
16579
|
-
className: styles$
|
|
16581
|
+
className: styles$z['text-field__toolbar'],
|
|
16580
16582
|
id: controllers.id + "-toolbar",
|
|
16581
16583
|
ref: toolbarRef,
|
|
16582
16584
|
onClick: function onClick(event) {
|
|
@@ -16610,7 +16612,7 @@ var TextFieldElement = function TextFieldElement(_ref, ref) {
|
|
|
16610
16612
|
*/
|
|
16611
16613
|
var TextField = React.forwardRef(TextFieldElement);
|
|
16612
16614
|
|
|
16613
|
-
var styles$
|
|
16615
|
+
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"};
|
|
16614
16616
|
|
|
16615
16617
|
var useMultiSelectFieldControllers = function useMultiSelectFieldControllers(_ref) {
|
|
16616
16618
|
var name = _ref.name,
|
|
@@ -16680,10 +16682,10 @@ var CreatableOption = function CreatableOption(_ref) {
|
|
|
16680
16682
|
};
|
|
16681
16683
|
return React__default["default"].createElement(React__default["default"].Fragment, null, !isCreatingOption && React__default["default"].createElement("div", {
|
|
16682
16684
|
key: 'pill-select-field-create-option',
|
|
16683
|
-
className: styles$
|
|
16685
|
+
className: styles$y['pill-select-field']
|
|
16684
16686
|
}, React__default["default"].createElement("button", {
|
|
16685
16687
|
"data-testid": testId ? testId + "-create-option" : undefined,
|
|
16686
|
-
className: styles$
|
|
16688
|
+
className: styles$y['pill-select-field__add-new-input'],
|
|
16687
16689
|
onClick: function onClick() {
|
|
16688
16690
|
setIsCreatingOption(true);
|
|
16689
16691
|
setNewOptionLabel('');
|
|
@@ -16692,9 +16694,9 @@ var CreatableOption = function CreatableOption(_ref) {
|
|
|
16692
16694
|
size: "small"
|
|
16693
16695
|
}), createOptionLabel)), isCreatingOption && React__default["default"].createElement("div", {
|
|
16694
16696
|
key: 'pill-select-field-creating-option',
|
|
16695
|
-
className: styles$
|
|
16697
|
+
className: styles$y['pill-select-field']
|
|
16696
16698
|
}, React__default["default"].createElement("input", {
|
|
16697
|
-
className: styles$
|
|
16699
|
+
className: styles$y['pill-select-field__creating-input'],
|
|
16698
16700
|
name: name + "-pill-select-field-creating-option",
|
|
16699
16701
|
id: 'pill-select-field-creating-option',
|
|
16700
16702
|
type: "text",
|
|
@@ -16717,7 +16719,7 @@ var CreatableOption = function CreatableOption(_ref) {
|
|
|
16717
16719
|
}
|
|
16718
16720
|
}
|
|
16719
16721
|
}), React__default["default"].createElement("span", {
|
|
16720
|
-
className: styles$
|
|
16722
|
+
className: styles$y['pill-select-field__creating-custom-input']
|
|
16721
16723
|
}, !newOptionLabel && React__default["default"].createElement(Text, {
|
|
16722
16724
|
as: "body",
|
|
16723
16725
|
color: "surface-on-color-disabled"
|
|
@@ -16770,7 +16772,7 @@ var PillSelectField = function PillSelectField(_ref) {
|
|
|
16770
16772
|
}
|
|
16771
16773
|
};
|
|
16772
16774
|
return React__default["default"].createElement("button", {
|
|
16773
|
-
className: styles$
|
|
16775
|
+
className: styles$y['pill-select-field__removable-icon'],
|
|
16774
16776
|
onClick: handleClick,
|
|
16775
16777
|
disabled: disabled
|
|
16776
16778
|
}, React__default["default"].createElement(IconTimes, {
|
|
@@ -16789,7 +16791,7 @@ var PillSelectField = function PillSelectField(_ref) {
|
|
|
16789
16791
|
var itemId = controllers.id + "-" + itemIdentifier;
|
|
16790
16792
|
return React__default["default"].createElement("div", {
|
|
16791
16793
|
key: itemIdentifier,
|
|
16792
|
-
className: styles$
|
|
16794
|
+
className: styles$y['pill-select-field']
|
|
16793
16795
|
}, React__default["default"].createElement("input", {
|
|
16794
16796
|
name: name + "-" + itemIdentifier,
|
|
16795
16797
|
id: itemId,
|
|
@@ -16809,7 +16811,7 @@ var PillSelectField = function PillSelectField(_ref) {
|
|
|
16809
16811
|
controllers.onChange(newValue);
|
|
16810
16812
|
}
|
|
16811
16813
|
}), React__default["default"].createElement("span", {
|
|
16812
|
-
className: styles$
|
|
16814
|
+
className: styles$y['pill-select-field__custom-input']
|
|
16813
16815
|
}, option.label, option.isRemovable && React__default["default"].createElement(RemoveButton, {
|
|
16814
16816
|
option: option
|
|
16815
16817
|
})));
|
|
@@ -16821,7 +16823,7 @@ var PillSelectField = function PillSelectField(_ref) {
|
|
|
16821
16823
|
})));
|
|
16822
16824
|
};
|
|
16823
16825
|
|
|
16824
|
-
var styles$
|
|
16826
|
+
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"};
|
|
16825
16827
|
|
|
16826
16828
|
var toKey = function toKey(d) {
|
|
16827
16829
|
return d.getFullYear() + "-" + d.getMonth() + "-" + d.getDate();
|
|
@@ -16867,14 +16869,14 @@ var WeekSelectField = function WeekSelectField(_ref) {
|
|
|
16867
16869
|
caption: caption,
|
|
16868
16870
|
error: error
|
|
16869
16871
|
}, React__default["default"].createElement("div", {
|
|
16870
|
-
className: styles$
|
|
16872
|
+
className: styles$x['week-select-field']
|
|
16871
16873
|
}, days.map(function (day, index) {
|
|
16872
16874
|
var key = toKey(day);
|
|
16873
16875
|
var isChecked = selectedKeys.has(key);
|
|
16874
16876
|
var itemId = id + "-" + key;
|
|
16875
16877
|
return React__default["default"].createElement("div", {
|
|
16876
16878
|
key: key,
|
|
16877
|
-
className: styles$
|
|
16879
|
+
className: styles$x['week-select-field__day']
|
|
16878
16880
|
}, React__default["default"].createElement("input", {
|
|
16879
16881
|
type: "checkbox",
|
|
16880
16882
|
id: itemId,
|
|
@@ -16891,11 +16893,11 @@ var WeekSelectField = function WeekSelectField(_ref) {
|
|
|
16891
16893
|
handleChange(newValue);
|
|
16892
16894
|
}
|
|
16893
16895
|
}), React__default["default"].createElement("span", {
|
|
16894
|
-
className: styles$
|
|
16896
|
+
className: styles$x['week-select-field__day-pill']
|
|
16895
16897
|
}, React__default["default"].createElement("span", {
|
|
16896
|
-
className: styles$
|
|
16898
|
+
className: styles$x['week-select-field__day-abbr']
|
|
16897
16899
|
}, displayFormat === 'month' ? monthAbbr[day.getMonth()] : dayAbbr[day.getDay()]), React__default["default"].createElement("span", {
|
|
16898
|
-
className: styles$
|
|
16900
|
+
className: styles$x['week-select-field__day-num']
|
|
16899
16901
|
}, day.getDate())));
|
|
16900
16902
|
})));
|
|
16901
16903
|
};
|
|
@@ -16937,9 +16939,9 @@ var useRadioGroupFieldContext = function useRadioGroupFieldContext() {
|
|
|
16937
16939
|
return context;
|
|
16938
16940
|
};
|
|
16939
16941
|
|
|
16940
|
-
var styles$
|
|
16942
|
+
var styles$w = {"label":"_xzukU","label--truncate":"_iVWRB","caption":"_JNfQO","radio-group-field__label":"_2KvuU","radio-group-field__caption":"_ZeIOd"};
|
|
16941
16943
|
|
|
16942
|
-
var styles$
|
|
16944
|
+
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"};
|
|
16943
16945
|
|
|
16944
16946
|
var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
|
|
16945
16947
|
var _classNames, _classNames2, _classNames3;
|
|
@@ -16956,7 +16958,7 @@ var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
|
|
|
16956
16958
|
id: inputId
|
|
16957
16959
|
});
|
|
16958
16960
|
return React__default["default"].createElement("label", {
|
|
16959
|
-
className: styles$
|
|
16961
|
+
className: styles$v['radio-group-box-option'],
|
|
16960
16962
|
"data-testid": testId
|
|
16961
16963
|
}, React__default["default"].createElement("input", {
|
|
16962
16964
|
type: "radio",
|
|
@@ -16967,7 +16969,7 @@ var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
|
|
|
16967
16969
|
checked: radioGroupContext.value !== undefined ? radioGroupContext.value === value : undefined,
|
|
16968
16970
|
disabled: radioGroupContext.disabled || disabled
|
|
16969
16971
|
}), React__default["default"].createElement("div", {
|
|
16970
|
-
className: classnames__default["default"](styles$
|
|
16972
|
+
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))
|
|
16971
16973
|
}, React__default["default"].createElement(Stack, {
|
|
16972
16974
|
space: 16,
|
|
16973
16975
|
alignItems: "center",
|
|
@@ -16976,13 +16978,13 @@ var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
|
|
|
16976
16978
|
space: 8,
|
|
16977
16979
|
alignItems: "center"
|
|
16978
16980
|
}, label && React__default["default"].createElement("div", {
|
|
16979
|
-
className: classnames__default["default"](styles$
|
|
16981
|
+
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))
|
|
16980
16982
|
}, label), caption && React__default["default"].createElement("div", {
|
|
16981
|
-
className: classnames__default["default"](styles$
|
|
16983
|
+
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))
|
|
16982
16984
|
}, caption)))));
|
|
16983
16985
|
};
|
|
16984
16986
|
|
|
16985
|
-
var styles$
|
|
16987
|
+
var styles$u = {"radio-group-option":"_7fVpn","radio-group-option__caption":"_VD7SO","radio-group-option__custom-input":"_Yfxkl"};
|
|
16986
16988
|
|
|
16987
16989
|
/** RadioGroupField form element. */
|
|
16988
16990
|
var RadioGroupOption = function RadioGroupOption(_ref) {
|
|
@@ -17003,7 +17005,7 @@ var RadioGroupOption = function RadioGroupOption(_ref) {
|
|
|
17003
17005
|
space: 8,
|
|
17004
17006
|
alignItems: "center"
|
|
17005
17007
|
}, React__default["default"].createElement("div", {
|
|
17006
|
-
className: styles$
|
|
17008
|
+
className: styles$u['radio-group-option']
|
|
17007
17009
|
}, React__default["default"].createElement("input", {
|
|
17008
17010
|
type: "radio",
|
|
17009
17011
|
"data-testid": testId,
|
|
@@ -17014,11 +17016,11 @@ var RadioGroupOption = function RadioGroupOption(_ref) {
|
|
|
17014
17016
|
checked: radioGroupContext.value !== undefined ? radioGroupContext.value === value : undefined,
|
|
17015
17017
|
disabled: radioGroupContext.disabled || disabled
|
|
17016
17018
|
}), React__default["default"].createElement("span", {
|
|
17017
|
-
className: styles$
|
|
17019
|
+
className: styles$u['radio-group-option__custom-input']
|
|
17018
17020
|
})), label && React__default["default"].createElement(Label, {
|
|
17019
17021
|
htmlFor: id
|
|
17020
17022
|
}, label)), caption && React__default["default"].createElement("div", {
|
|
17021
|
-
className: styles$
|
|
17023
|
+
className: styles$u['radio-group-option__caption']
|
|
17022
17024
|
}, React__default["default"].createElement(Caption, {
|
|
17023
17025
|
fieldId: id
|
|
17024
17026
|
}, caption)));
|
|
@@ -17155,7 +17157,7 @@ var RadioGroupField = function RadioGroupField(_ref) {
|
|
|
17155
17157
|
}, React__default["default"].createElement(Stack, {
|
|
17156
17158
|
space: space
|
|
17157
17159
|
}, label && React__default["default"].createElement("div", {
|
|
17158
|
-
className: styles$
|
|
17160
|
+
className: styles$w['radio-group-field__label']
|
|
17159
17161
|
}, label), React__default["default"].createElement(Stack, {
|
|
17160
17162
|
space: 8
|
|
17161
17163
|
}, optionsType === OPTION_TYPES.RADIO ? React__default["default"].createElement(RadioOptions, {
|
|
@@ -17167,20 +17169,20 @@ var RadioGroupField = function RadioGroupField(_ref) {
|
|
|
17167
17169
|
testId: testId,
|
|
17168
17170
|
space: space
|
|
17169
17171
|
}, children), caption && React__default["default"].createElement("div", {
|
|
17170
|
-
className: styles$
|
|
17172
|
+
className: styles$w['radio-group-caption']
|
|
17171
17173
|
}, caption), controllers.error && React__default["default"].createElement(ErrorMessage, null, controllers.error))));
|
|
17172
17174
|
};
|
|
17173
17175
|
|
|
17174
|
-
var styles$
|
|
17176
|
+
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"};
|
|
17175
17177
|
|
|
17176
|
-
var styles$
|
|
17178
|
+
var styles$s = {"password-criteria":"_1ruWK","password-criteria--invalid":"_xR7tb"};
|
|
17177
17179
|
|
|
17178
17180
|
var PasswordCriteria = function PasswordCriteria(_ref) {
|
|
17179
17181
|
var _classnames;
|
|
17180
17182
|
var met = _ref.met,
|
|
17181
17183
|
children = _ref.children;
|
|
17182
17184
|
return React__default["default"].createElement("span", {
|
|
17183
|
-
className: classnames__default["default"](styles$
|
|
17185
|
+
className: classnames__default["default"](styles$s['password-criteria'], (_classnames = {}, _classnames[styles$s['password-criteria--invalid']] = !met, _classnames))
|
|
17184
17186
|
}, React__default["default"].createElement(Inline, {
|
|
17185
17187
|
space: met ? 4 : 8
|
|
17186
17188
|
}, met ? React__default["default"].createElement(IconCheck, {
|
|
@@ -17260,11 +17262,11 @@ var PasswordField = function PasswordField(_ref) {
|
|
|
17260
17262
|
error: controllers.error
|
|
17261
17263
|
};
|
|
17262
17264
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement("div", {
|
|
17263
|
-
className: styles$
|
|
17265
|
+
className: styles$t['password-container']
|
|
17264
17266
|
}, React__default["default"].createElement("input", {
|
|
17265
17267
|
name: name,
|
|
17266
17268
|
id: controllers.id,
|
|
17267
|
-
className: classnames__default["default"](styles$
|
|
17269
|
+
className: classnames__default["default"](styles$t['text-field'], (_classnames = {}, _classnames[styles$t['text-field--invalid']] = hasError, _classnames)),
|
|
17268
17270
|
type: type,
|
|
17269
17271
|
"data-testid": testId,
|
|
17270
17272
|
autoComplete: autoComplete,
|
|
@@ -17277,7 +17279,7 @@ var PasswordField = function PasswordField(_ref) {
|
|
|
17277
17279
|
onChange: controllers.onChange,
|
|
17278
17280
|
onBlur: controllers.onBlur
|
|
17279
17281
|
}), React__default["default"].createElement("div", {
|
|
17280
|
-
className: classnames__default["default"](styles$
|
|
17282
|
+
className: classnames__default["default"](styles$t['password-toggle'], (_classNames = {}, _classNames[styles$t['password-toggle--disabled']] = disabled, _classNames)),
|
|
17281
17283
|
onClick: toggleType,
|
|
17282
17284
|
onKeyPress: toggleType,
|
|
17283
17285
|
"data-testid": testId && testId + "-toggle",
|
|
@@ -17389,7 +17391,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
|
|
|
17389
17391
|
})));
|
|
17390
17392
|
};
|
|
17391
17393
|
|
|
17392
|
-
var styles$
|
|
17394
|
+
var styles$r = {"custom-list":"_cSkvD"};
|
|
17393
17395
|
|
|
17394
17396
|
var _excluded$b4 = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
|
|
17395
17397
|
var CustomList = function CustomList(_ref) {
|
|
@@ -17405,7 +17407,7 @@ var CustomList = function CustomList(_ref) {
|
|
|
17405
17407
|
return React__default["default"].createElement(Select.components.MenuList, _extends({}, props), React__default["default"].createElement(React.Fragment, null, children, showFooter && props.options.length > 0 && React__default["default"].createElement(Inline, {
|
|
17406
17408
|
justifyContent: "center"
|
|
17407
17409
|
}, React__default["default"].createElement("div", {
|
|
17408
|
-
className: styles$
|
|
17410
|
+
className: styles$r['custom-list']
|
|
17409
17411
|
}, __('moreOptionsPlaceholder')))));
|
|
17410
17412
|
};
|
|
17411
17413
|
|
|
@@ -17726,7 +17728,7 @@ var getFormikError = function getFormikError(error) {
|
|
|
17726
17728
|
return undefined;
|
|
17727
17729
|
};
|
|
17728
17730
|
|
|
17729
|
-
var styles$
|
|
17731
|
+
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"};
|
|
17730
17732
|
|
|
17731
17733
|
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"};
|
|
17732
17734
|
|
|
@@ -17794,9 +17796,9 @@ var DateRangeCalendar = function DateRangeCalendar(_ref) {
|
|
|
17794
17796
|
var MONTH_NAMES = getMonths(translate);
|
|
17795
17797
|
var highlight = buildHighlightDayPickerProps(highlightedDays);
|
|
17796
17798
|
return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
|
|
17797
|
-
className: styles$
|
|
17799
|
+
className: styles$1c['calendar']
|
|
17798
17800
|
}, React__default["default"].createElement("div", {
|
|
17799
|
-
className: styles$
|
|
17801
|
+
className: styles$1c['calendar__overlay'],
|
|
17800
17802
|
ref: function ref(_ref2) {
|
|
17801
17803
|
return setCalendarRef(_ref2);
|
|
17802
17804
|
},
|
|
@@ -18011,7 +18013,7 @@ var DateRangeField = function DateRangeField(_ref) {
|
|
|
18011
18013
|
start = _controllers$value.start,
|
|
18012
18014
|
end = _controllers$value.end;
|
|
18013
18015
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement("div", {
|
|
18014
|
-
className: classnames__default["default"](styles$
|
|
18016
|
+
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)),
|
|
18015
18017
|
"data-testid": testId
|
|
18016
18018
|
}, React__default["default"].createElement(IconCalendarAlt, {
|
|
18017
18019
|
size: "medium",
|
|
@@ -18380,7 +18382,7 @@ var TimeRangeSelector = React.forwardRef(TimeFieldElement);
|
|
|
18380
18382
|
*/
|
|
18381
18383
|
var TimeField = React.forwardRef(TimeFieldElement);
|
|
18382
18384
|
|
|
18383
|
-
var styles$
|
|
18385
|
+
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"};
|
|
18384
18386
|
|
|
18385
18387
|
var TimeRangeEnd = function TimeRangeEnd(_ref) {
|
|
18386
18388
|
var startTime = _ref.startTime,
|
|
@@ -18499,7 +18501,7 @@ var TimeRangeField = function TimeRangeField(_ref) {
|
|
|
18499
18501
|
end: end
|
|
18500
18502
|
}) : getDuration(end, start, subtractDuration);
|
|
18501
18503
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement("div", {
|
|
18502
|
-
className: classnames__default["default"](styles$
|
|
18504
|
+
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)),
|
|
18503
18505
|
"data-testid": testId
|
|
18504
18506
|
}, React__default["default"].createElement(TimeRangeStart, {
|
|
18505
18507
|
startTime: startTime,
|
|
@@ -18530,7 +18532,7 @@ var TimeRangeField = function TimeRangeField(_ref) {
|
|
|
18530
18532
|
})));
|
|
18531
18533
|
};
|
|
18532
18534
|
|
|
18533
|
-
var styles$
|
|
18535
|
+
var styles$o = {"currency-field":"_GyYnE","currency-field--with-mask":"_NfdKk","currency-field__mask-display":"_ddacu","currency-field__mask-display--disabled":"_o1-zA"};
|
|
18534
18536
|
|
|
18535
18537
|
var CURRENCY_DISPLAY_DEFAULT_MARGIN = 8;
|
|
18536
18538
|
var CURRENCY_DISPLAY_MARGIN_BUFFER = 1;
|
|
@@ -18600,9 +18602,9 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
|
|
|
18600
18602
|
setShowMask(false);
|
|
18601
18603
|
inputProps.onFocus(e);
|
|
18602
18604
|
},
|
|
18603
|
-
className: classnames__default["default"](inputProps.className, styles$
|
|
18605
|
+
className: classnames__default["default"](inputProps.className, styles$o['currency-field'], (_classnames = {}, _classnames[styles$o['currency-field--with-mask']] = showMask && !!inputProps.value, _classnames))
|
|
18604
18606
|
}))), showMask && !!inputProps.value && React__default["default"].createElement("div", {
|
|
18605
|
-
className: classnames__default["default"](styles$
|
|
18607
|
+
className: classnames__default["default"](styles$o['currency-field__mask-display'], (_classnames2 = {}, _classnames2[styles$o['currency-field__mask-display--disabled']] = inputProps.disabled, _classnames2)),
|
|
18606
18608
|
style: {
|
|
18607
18609
|
marginLeft: displayPadding
|
|
18608
18610
|
}
|
|
@@ -18728,7 +18730,7 @@ var FormFeedback = function FormFeedback(_ref) {
|
|
|
18728
18730
|
}, children);
|
|
18729
18731
|
};
|
|
18730
18732
|
|
|
18731
|
-
var styles$
|
|
18733
|
+
var styles$n = {"phone-field":"_Q0GfJ","phone-field__flag":"_-uOqW","phone-field__input":"_Hes9b","phone-field__input--with-square-borders":"_TEU6N"};
|
|
18732
18734
|
|
|
18733
18735
|
var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
|
|
18734
18736
|
var name = _ref.name,
|
|
@@ -18870,7 +18872,7 @@ var usePhoneField = function usePhoneField(_ref) {
|
|
|
18870
18872
|
'aria-describedby': hasError ? controllers.id + "-error-message" : controllers.id + "-describer",
|
|
18871
18873
|
'aria-invalid': hasError,
|
|
18872
18874
|
autoFocus: autoFocus,
|
|
18873
|
-
className: classnames__default["default"](styles$
|
|
18875
|
+
className: classnames__default["default"](styles$1u['text-field'], (_classnames = {}, _classnames[styles$1u['text-field--invalid']] = hasError, _classnames)),
|
|
18874
18876
|
'data-testid': testId,
|
|
18875
18877
|
disabled: disabled,
|
|
18876
18878
|
id: controllers.id,
|
|
@@ -19639,7 +19641,7 @@ var COUNTRIES = {
|
|
|
19639
19641
|
};
|
|
19640
19642
|
var COUNTRY_CODES = Object.keys(COUNTRIES);
|
|
19641
19643
|
|
|
19642
|
-
var styles$
|
|
19644
|
+
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"};
|
|
19643
19645
|
|
|
19644
19646
|
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"};
|
|
19645
19647
|
|
|
@@ -19656,15 +19658,15 @@ var CountrySelector = function CountrySelector(_ref) {
|
|
|
19656
19658
|
return arr.indexOf(code) === index && code in COUNTRIES;
|
|
19657
19659
|
});
|
|
19658
19660
|
return React__default["default"].createElement("div", {
|
|
19659
|
-
className: classnames__default["default"](styles$
|
|
19661
|
+
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))
|
|
19660
19662
|
}, React__default["default"].createElement(Dropdown, {
|
|
19661
19663
|
trigger: React__default["default"].createElement("div", {
|
|
19662
|
-
className: classnames__default["default"](styles$
|
|
19664
|
+
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))
|
|
19663
19665
|
}, React__default["default"].createElement(Inline, {
|
|
19664
19666
|
space: 8,
|
|
19665
19667
|
alignItems: "center"
|
|
19666
19668
|
}, React__default["default"].createElement("span", {
|
|
19667
|
-
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + country.toLowerCase()], styles$
|
|
19669
|
+
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + country.toLowerCase()], styles$m['country-selector__trigger-flag'])
|
|
19668
19670
|
}), React__default["default"].createElement(IconChevronDown, {
|
|
19669
19671
|
color: "currentColor",
|
|
19670
19672
|
size: "medium"
|
|
@@ -19681,7 +19683,7 @@ var CountrySelector = function CountrySelector(_ref) {
|
|
|
19681
19683
|
alignItems: "center",
|
|
19682
19684
|
space: 12
|
|
19683
19685
|
}, React__default["default"].createElement("span", {
|
|
19684
|
-
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$
|
|
19686
|
+
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$m['country-selector__flag'])
|
|
19685
19687
|
}), React__default["default"].createElement(Text, null, COUNTRIES[countryCode].countryName)));
|
|
19686
19688
|
}), React__default["default"].createElement(DropdownListDivider, null), COUNTRY_CODES.map(function (countryCode) {
|
|
19687
19689
|
return React__default["default"].createElement(DropdownListItem, {
|
|
@@ -19693,7 +19695,7 @@ var CountrySelector = function CountrySelector(_ref) {
|
|
|
19693
19695
|
alignItems: "center",
|
|
19694
19696
|
space: 12
|
|
19695
19697
|
}, React__default["default"].createElement("span", {
|
|
19696
|
-
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$
|
|
19698
|
+
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + countryCode.toLowerCase()], styles$m['country-selector__flag'])
|
|
19697
19699
|
}), React__default["default"].createElement(Text, null, COUNTRIES[countryCode].countryName)));
|
|
19698
19700
|
}))));
|
|
19699
19701
|
};
|
|
@@ -19770,7 +19772,7 @@ var PhoneField = function PhoneField(_ref) {
|
|
|
19770
19772
|
}
|
|
19771
19773
|
};
|
|
19772
19774
|
return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement("div", {
|
|
19773
|
-
className: styles$
|
|
19775
|
+
className: styles$n['phone-field']
|
|
19774
19776
|
}, !disabledCountry && React__default["default"].createElement(CountrySelector, {
|
|
19775
19777
|
country: selectedCountry,
|
|
19776
19778
|
onChange: handleCountryChange,
|
|
@@ -19782,17 +19784,17 @@ var PhoneField = function PhoneField(_ref) {
|
|
|
19782
19784
|
space: 4,
|
|
19783
19785
|
alignItems: "center"
|
|
19784
19786
|
}, React__default["default"].createElement("span", {
|
|
19785
|
-
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + selectedCountry.toLocaleLowerCase()], styles$
|
|
19787
|
+
className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + selectedCountry.toLocaleLowerCase()], styles$n['country-selector__flag'])
|
|
19786
19788
|
}), React__default["default"].createElement("span", null, "+", libphonenumberJs.getCountryCallingCode(selectedCountry))) : "+" + libphonenumberJs.getCountryCallingCode(selectedCountry)
|
|
19787
19789
|
}, React__default["default"].createElement("input", _extends({}, inputProps, {
|
|
19788
19790
|
type: "tel",
|
|
19789
|
-
className: classnames__default["default"](inputProps.className, styles$
|
|
19791
|
+
className: classnames__default["default"](inputProps.className, styles$n['phone-field__input'], (_classNames = {}, _classNames[styles$n['phone-field__input--with-square-borders']] = !disabledCountry, _classNames)),
|
|
19790
19792
|
onChange: handlePhoneChange,
|
|
19791
19793
|
onBlur: handlePhoneBlur
|
|
19792
19794
|
})))));
|
|
19793
19795
|
};
|
|
19794
19796
|
|
|
19795
|
-
var styles$
|
|
19797
|
+
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"};
|
|
19796
19798
|
|
|
19797
19799
|
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'];
|
|
19798
19800
|
|
|
@@ -20019,7 +20021,7 @@ var OverlayContent = function OverlayContent(_ref) {
|
|
|
20019
20021
|
return React__default["default"].createElement("div", {
|
|
20020
20022
|
style: overlayStyle,
|
|
20021
20023
|
ref: overlayRef,
|
|
20022
|
-
className: styles$
|
|
20024
|
+
className: styles$l['color-overlay'],
|
|
20023
20025
|
role: "dialog"
|
|
20024
20026
|
}, SEQUENTIAL_COLORS.map(function (color, index) {
|
|
20025
20027
|
return React__default["default"].createElement(ColorDisplay, {
|
|
@@ -20035,7 +20037,7 @@ var OverlayContent = function OverlayContent(_ref) {
|
|
|
20035
20037
|
}
|
|
20036
20038
|
});
|
|
20037
20039
|
}), allowCustomColor && React__default["default"].createElement("div", {
|
|
20038
|
-
className: styles$
|
|
20040
|
+
className: styles$l['color-overlay__custom-color']
|
|
20039
20041
|
}, React__default["default"].createElement(Button, {
|
|
20040
20042
|
ref: customButtonRef,
|
|
20041
20043
|
size: "full-width",
|
|
@@ -20050,12 +20052,12 @@ var ColorDisplay = function ColorDisplay(_ref2) {
|
|
|
20050
20052
|
_onClick = _ref2.onClick,
|
|
20051
20053
|
onHover = _ref2.onHover;
|
|
20052
20054
|
return React__default["default"].createElement("button", {
|
|
20053
|
-
className: styles$
|
|
20055
|
+
className: styles$l['color-overlay__color-display-container'],
|
|
20054
20056
|
onClick: function onClick() {
|
|
20055
20057
|
return _onClick(color);
|
|
20056
20058
|
}
|
|
20057
20059
|
}, React__default["default"].createElement("div", {
|
|
20058
|
-
className: classnames__default["default"](styles$
|
|
20060
|
+
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)),
|
|
20059
20061
|
onMouseEnter: onHover,
|
|
20060
20062
|
style: {
|
|
20061
20063
|
backgroundColor: COLORS[color]
|
|
@@ -20063,12 +20065,12 @@ var ColorDisplay = function ColorDisplay(_ref2) {
|
|
|
20063
20065
|
}));
|
|
20064
20066
|
};
|
|
20065
20067
|
|
|
20066
|
-
var styles$
|
|
20068
|
+
var styles$k = {"color-swatch":"_UUuiJ"};
|
|
20067
20069
|
|
|
20068
20070
|
var ColorSwatch = function ColorSwatch(_ref) {
|
|
20069
20071
|
var color = _ref.color;
|
|
20070
20072
|
return React__default["default"].createElement("div", {
|
|
20071
|
-
className: styles$
|
|
20073
|
+
className: styles$k['color-swatch'],
|
|
20072
20074
|
style: {
|
|
20073
20075
|
backgroundColor: color
|
|
20074
20076
|
}
|
|
@@ -20156,7 +20158,7 @@ var findSeqTokenByHex = function findSeqTokenByHex(value) {
|
|
|
20156
20158
|
});
|
|
20157
20159
|
};
|
|
20158
20160
|
|
|
20159
|
-
var styles$
|
|
20161
|
+
var styles$j = {"custom-color-picker":"_OHgPk"};
|
|
20160
20162
|
|
|
20161
20163
|
/**
|
|
20162
20164
|
* A visually hidden native color input. It is kept mounted on the field (not
|
|
@@ -20210,12 +20212,12 @@ var CustomColorPicker = React.forwardRef(function (_ref, ref) {
|
|
|
20210
20212
|
type: "color",
|
|
20211
20213
|
"aria-hidden": "true",
|
|
20212
20214
|
tabIndex: -1,
|
|
20213
|
-
className: styles$
|
|
20215
|
+
className: styles$j['custom-color-picker'],
|
|
20214
20216
|
defaultValue: safeColor
|
|
20215
20217
|
});
|
|
20216
20218
|
});
|
|
20217
20219
|
|
|
20218
|
-
var styles$
|
|
20220
|
+
var styles$i = {"color-field":"_KJawn"};
|
|
20219
20221
|
|
|
20220
20222
|
var ColorFieldElement = function ColorFieldElement(props, ref) {
|
|
20221
20223
|
var _useTextField = useTextField(_extends({}, props, {
|
|
@@ -20254,7 +20256,7 @@ var ColorFieldElement = function ColorFieldElement(props, ref) {
|
|
|
20254
20256
|
(_customPickerRef$curr = customPickerRef.current) == null || _customPickerRef$curr.open();
|
|
20255
20257
|
};
|
|
20256
20258
|
return React__default["default"].createElement(React.Fragment, null, React__default["default"].createElement("div", {
|
|
20257
|
-
className: styles$
|
|
20259
|
+
className: styles$i['color-field']
|
|
20258
20260
|
}, React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement(AffixContainer, {
|
|
20259
20261
|
prefix: React__default["default"].createElement(ColorSwatch, {
|
|
20260
20262
|
color: getCurrentColor()
|
|
@@ -20366,9 +20368,9 @@ var isValidPhoneNumber = function isValidPhoneNumber(value) {
|
|
|
20366
20368
|
return !value || libphonenumberJs.isValidPhoneNumber(value);
|
|
20367
20369
|
};
|
|
20368
20370
|
|
|
20369
|
-
var styles$
|
|
20371
|
+
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"};
|
|
20370
20372
|
|
|
20371
|
-
var styles$
|
|
20373
|
+
var styles$g = {"avatar-image":"_iDN1j"};
|
|
20372
20374
|
|
|
20373
20375
|
var AvatarImage = function AvatarImage(_ref) {
|
|
20374
20376
|
var url = _ref.url,
|
|
@@ -20390,7 +20392,7 @@ var AvatarImage = function AvatarImage(_ref) {
|
|
|
20390
20392
|
});
|
|
20391
20393
|
}
|
|
20392
20394
|
return React__default["default"].createElement("div", {
|
|
20393
|
-
className: styles$
|
|
20395
|
+
className: styles$g['avatar-image']
|
|
20394
20396
|
}, React__default["default"].createElement(IconUser, {
|
|
20395
20397
|
size: "flexible",
|
|
20396
20398
|
color: color,
|
|
@@ -20544,10 +20546,10 @@ var Avatar = function Avatar(_ref) {
|
|
|
20544
20546
|
// If passing an url we are defaulting to a lighter grey while the image loads
|
|
20545
20547
|
var backgroundColor = url ? COLORS['surface-container-highest'] : getColor(color);
|
|
20546
20548
|
return React__default["default"].createElement("div", {
|
|
20547
|
-
className: classnames__default["default"](styles$
|
|
20549
|
+
className: classnames__default["default"](styles$h['avatar__container']),
|
|
20548
20550
|
ref: elementRef
|
|
20549
20551
|
}, React__default["default"].createElement("div", {
|
|
20550
|
-
className: classnames__default["default"](styles$
|
|
20552
|
+
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)),
|
|
20551
20553
|
style: {
|
|
20552
20554
|
backgroundColor: children || url && !showIconInsteadOfImage ? backgroundColor : defaultProfilePictureColors.backgroundColor
|
|
20553
20555
|
},
|
|
@@ -20560,7 +20562,7 @@ var Avatar = function Avatar(_ref) {
|
|
|
20560
20562
|
return setShowIconInsteadOfImage(true);
|
|
20561
20563
|
}
|
|
20562
20564
|
}), badge && size !== 'small' && React__default["default"].createElement("div", {
|
|
20563
|
-
className: styles$
|
|
20565
|
+
className: styles$h['avatar__badge']
|
|
20564
20566
|
}, badge)));
|
|
20565
20567
|
};
|
|
20566
20568
|
|
|
@@ -20575,7 +20577,7 @@ var CHIP_THEME = {
|
|
|
20575
20577
|
AI: 'ai'
|
|
20576
20578
|
};
|
|
20577
20579
|
|
|
20578
|
-
var styles$
|
|
20580
|
+
var styles$f = {"chip":"_Cg5Nf","chip__children":"_e3zFF","chip--marketing":"_b60R5","chip--success":"_ItVyo","chip--upsell":"_iUCAH","chip--warning":"_RbXoR","chip--info":"_NiP9z","chip--danger":"_2ltep","chip--ai":"_1ZhCH"};
|
|
20579
20581
|
|
|
20580
20582
|
/**
|
|
20581
20583
|
* Chip is a compact label used to communicate status about a nearby element — things like feature availability, product tier, or release stage. It is visually similar to Pill but serves a distinct purpose: where Pill communicates the status of data or records, Chip communicates the status of the product or interface itself.
|
|
@@ -20598,16 +20600,16 @@ var Chip = function Chip(_ref) {
|
|
|
20598
20600
|
});
|
|
20599
20601
|
return React__default["default"].createElement("div", {
|
|
20600
20602
|
"data-testid": testId,
|
|
20601
|
-
className: classnames__default["default"](styles$
|
|
20603
|
+
className: classnames__default["default"](styles$f['chip'], (_classnames = {}, _classnames[styles$f['chip--marketing']] = theme === CHIP_THEME.MARKETING, _classnames[styles$f['chip--success']] = theme === CHIP_THEME.SUCCESS, _classnames[styles$f['chip--upsell']] = theme === CHIP_THEME.UPSELL, _classnames[styles$f['chip--warning']] = theme === CHIP_THEME.WARNING, _classnames[styles$f['chip--info']] = theme === CHIP_THEME.INFO, _classnames[styles$f['chip--danger']] = theme === CHIP_THEME.DANGER, _classnames[styles$f['chip--ai']] = theme === CHIP_THEME.AI, _classnames))
|
|
20602
20604
|
}, React__default["default"].createElement("div", {
|
|
20603
|
-
className: styles$
|
|
20605
|
+
className: styles$f['chip__children']
|
|
20604
20606
|
}, theme === CHIP_THEME.AI && !hasIcon && React__default["default"].createElement(IconSparkle, {
|
|
20605
20607
|
size: "small",
|
|
20606
20608
|
variant: "solid"
|
|
20607
20609
|
}), formattedChildren));
|
|
20608
20610
|
};
|
|
20609
20611
|
|
|
20610
|
-
var styles$
|
|
20612
|
+
var styles$e = {"pill":"_vOTWZ","pill__children":"_fCrWy","pill--default":"_j2h8A","pill--success":"_lFih-","pill--danger":"_sLhtK","pill--warning":"_DKrCl","pill--info":"_8TTGV","pill--upsell":"_0-TG8","pill--alphabetical":"_4M-yZ"};
|
|
20611
20613
|
|
|
20612
20614
|
var PILL_THEME = {
|
|
20613
20615
|
INFO: 'info',
|
|
@@ -20636,9 +20638,9 @@ var PillElement = function PillElement(_ref, forwardedRef) {
|
|
|
20636
20638
|
return React__default["default"].createElement("div", _extends({
|
|
20637
20639
|
"data-testid": testId,
|
|
20638
20640
|
ref: forwardedRef,
|
|
20639
|
-
className: classnames__default["default"](styles$
|
|
20641
|
+
className: classnames__default["default"](styles$e['pill'], (_classnames = {}, _classnames[styles$e['pill--default']] = theme === PILL_THEME.DEFAULT, _classnames[styles$e['pill--warning']] = theme === PILL_THEME.WARNING, _classnames[styles$e['pill--success']] = theme === PILL_THEME.SUCCESS, _classnames[styles$e['pill--danger']] = theme === PILL_THEME.DANGER, _classnames[styles$e['pill--info']] = theme === PILL_THEME.INFO, _classnames[styles$e['pill--upsell']] = theme === PILL_THEME.UPSELL, _classnames[styles$e['pill--alphabetical']] = isAlphabetical, _classnames))
|
|
20640
20642
|
}, rest), React__default["default"].createElement("div", {
|
|
20641
|
-
className: styles$
|
|
20643
|
+
className: styles$e['pill__children']
|
|
20642
20644
|
}, formattedChildren));
|
|
20643
20645
|
};
|
|
20644
20646
|
/**
|
|
@@ -20646,6 +20648,109 @@ var PillElement = function PillElement(_ref, forwardedRef) {
|
|
|
20646
20648
|
*/
|
|
20647
20649
|
var Pill = React.forwardRef(PillElement);
|
|
20648
20650
|
|
|
20651
|
+
var styles$d = {"shortcut-key":"_izwx7","key":"_6Egix","key--compact":"_MlLBj"};
|
|
20652
|
+
|
|
20653
|
+
var KEY_LABELS = {
|
|
20654
|
+
command: '⌘',
|
|
20655
|
+
option: '⌥',
|
|
20656
|
+
shift: '⇧',
|
|
20657
|
+
control: '⌃',
|
|
20658
|
+
capslock: '⇪',
|
|
20659
|
+
enter: '⏎',
|
|
20660
|
+
"delete": '⌫',
|
|
20661
|
+
tab: '↹',
|
|
20662
|
+
escape: 'Esc',
|
|
20663
|
+
'arrow-left': '←',
|
|
20664
|
+
'arrow-right': '→',
|
|
20665
|
+
'arrow-up': '↑',
|
|
20666
|
+
'arrow-down': '↓',
|
|
20667
|
+
alt: 'Alt',
|
|
20668
|
+
ctrl: 'Ctrl',
|
|
20669
|
+
fn: 'Fn',
|
|
20670
|
+
f1: 'F1',
|
|
20671
|
+
f2: 'F2',
|
|
20672
|
+
f3: 'F3',
|
|
20673
|
+
f4: 'F4',
|
|
20674
|
+
f5: 'F5',
|
|
20675
|
+
f6: 'F6',
|
|
20676
|
+
f7: 'F7',
|
|
20677
|
+
f8: 'F8',
|
|
20678
|
+
f9: 'F9',
|
|
20679
|
+
f10: 'F10',
|
|
20680
|
+
f11: 'F11',
|
|
20681
|
+
f12: 'F12'
|
|
20682
|
+
};
|
|
20683
|
+
var KEY_ARIA_LABELS = {
|
|
20684
|
+
command: 'Command',
|
|
20685
|
+
option: 'Option',
|
|
20686
|
+
shift: 'Shift',
|
|
20687
|
+
control: 'Control',
|
|
20688
|
+
capslock: 'Caps Lock',
|
|
20689
|
+
enter: 'Enter',
|
|
20690
|
+
"delete": 'Delete',
|
|
20691
|
+
tab: 'Tab',
|
|
20692
|
+
escape: 'Escape',
|
|
20693
|
+
'arrow-left': 'Left Arrow',
|
|
20694
|
+
'arrow-right': 'Right Arrow',
|
|
20695
|
+
'arrow-up': 'Up Arrow',
|
|
20696
|
+
'arrow-down': 'Down Arrow',
|
|
20697
|
+
alt: 'Alt',
|
|
20698
|
+
ctrl: 'Ctrl',
|
|
20699
|
+
fn: 'Function',
|
|
20700
|
+
f1: 'F1',
|
|
20701
|
+
f2: 'F2',
|
|
20702
|
+
f3: 'F3',
|
|
20703
|
+
f4: 'F4',
|
|
20704
|
+
f5: 'F5',
|
|
20705
|
+
f6: 'F6',
|
|
20706
|
+
f7: 'F7',
|
|
20707
|
+
f8: 'F8',
|
|
20708
|
+
f9: 'F9',
|
|
20709
|
+
f10: 'F10',
|
|
20710
|
+
f11: 'F11',
|
|
20711
|
+
f12: 'F12'
|
|
20712
|
+
};
|
|
20713
|
+
// Keys whose labels are multi-character text — rendered at a smaller font size
|
|
20714
|
+
var COMPACT_KEYS = new Set(['alt', 'ctrl', 'escape', 'fn', 'f1', 'f2', 'f3', 'f4', 'f5', 'f6', 'f7', 'f8', 'f9', 'f10', 'f11', 'f12']);
|
|
20715
|
+
var Key = function Key(_ref) {
|
|
20716
|
+
var _KEY_LABELS$normalize, _classnames;
|
|
20717
|
+
var value = _ref.value;
|
|
20718
|
+
var normalized = value.toLowerCase();
|
|
20719
|
+
var label = (_KEY_LABELS$normalize = KEY_LABELS[normalized]) != null ? _KEY_LABELS$normalize : value.toUpperCase();
|
|
20720
|
+
var isCompact = COMPACT_KEYS.has(normalized);
|
|
20721
|
+
return React__default["default"].createElement("span", {
|
|
20722
|
+
className: classnames__default["default"](styles$d['key'], (_classnames = {}, _classnames[styles$d['key--compact']] = isCompact, _classnames))
|
|
20723
|
+
}, label);
|
|
20724
|
+
};
|
|
20725
|
+
/**
|
|
20726
|
+
* ShortcutKey is a display-only component that communicates a keyboard shortcut
|
|
20727
|
+
* associated with an action, tool, or command. It supports 1–3 key combinations.
|
|
20728
|
+
*
|
|
20729
|
+
* Use named special keys (e.g. 'command', 'shift', 'escape', 'arrow-left') or
|
|
20730
|
+
* a single character for alphanumeric keys ('Z', '1', '/').
|
|
20731
|
+
*
|
|
20732
|
+
* Should always appear in context alongside the action it triggers — never standalone.
|
|
20733
|
+
*/
|
|
20734
|
+
var ShortcutKey = function ShortcutKey(_ref2) {
|
|
20735
|
+
var keys = _ref2.keys,
|
|
20736
|
+
testId = _ref2.testId;
|
|
20737
|
+
var ariaLabel = keys.map(function (k) {
|
|
20738
|
+
var _KEY_ARIA_LABELS$k$to;
|
|
20739
|
+
return (_KEY_ARIA_LABELS$k$to = KEY_ARIA_LABELS[k.toLowerCase()]) != null ? _KEY_ARIA_LABELS$k$to : k.toUpperCase();
|
|
20740
|
+
}).join(' + ');
|
|
20741
|
+
return React__default["default"].createElement("span", {
|
|
20742
|
+
className: styles$d['shortcut-key'],
|
|
20743
|
+
"data-testid": testId,
|
|
20744
|
+
"aria-label": ariaLabel,
|
|
20745
|
+
role: "img"
|
|
20746
|
+
}, keys.map(function (key, i) {
|
|
20747
|
+
return React__default["default"].createElement(Key, {
|
|
20748
|
+
key: i,
|
|
20749
|
+
value: key
|
|
20750
|
+
});
|
|
20751
|
+
}));
|
|
20752
|
+
};
|
|
20753
|
+
|
|
20649
20754
|
var getIllustrationStyles = function getIllustrationStyles(style, theme, size) {
|
|
20650
20755
|
if (style === void 0) {
|
|
20651
20756
|
style = {};
|
|
@@ -64280,7 +64385,7 @@ var EmptyStateContainerInline = function EmptyStateContainerInline(_ref) {
|
|
|
64280
64385
|
as: "h4",
|
|
64281
64386
|
color: isPaywall ? 'upsell-color' : 'primary-color-variant'
|
|
64282
64387
|
}, header)), isReactElement(title) ? title : React__default["default"].createElement(Text, {
|
|
64283
|
-
as: "
|
|
64388
|
+
as: "tagline"
|
|
64284
64389
|
}, title)), React__default["default"].createElement("div", {
|
|
64285
64390
|
className: styles$2['empty-state-container-inline__body']
|
|
64286
64391
|
}, children), React__default["default"].createElement(Stack, {
|
|
@@ -65386,6 +65491,7 @@ exports.SIZE_66_PERCENT = SIZE_66_PERCENT;
|
|
|
65386
65491
|
exports.SIZE_75_PERCENT = SIZE_75_PERCENT;
|
|
65387
65492
|
exports.SegmentedControl = SegmentedControl;
|
|
65388
65493
|
exports.SelectField = SelectField;
|
|
65494
|
+
exports.ShortcutKey = ShortcutKey;
|
|
65389
65495
|
exports.Skeleton = Skeleton;
|
|
65390
65496
|
exports.SousChefProvider = SousChefProvider;
|
|
65391
65497
|
exports.Spinner = Spinner;
|