@algolia/satellite 2.9.1 → 2.11.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/cjs/Actions/Accordion/Accordion.js +1 -2
- package/dist/cjs/Actions/Accordion/Accordion.styles.d.ts +2 -2
- package/dist/cjs/Actions/Accordion/Accordion.styles.js +23 -23
- package/dist/cjs/Actions/Button/PolymorphicButton.js +1 -2
- package/dist/cjs/Actions/Button/styles.js +4 -4
- package/dist/cjs/Actions/IconButtonWithFeedback/IconButtonWithFeedback.js +1 -1
- package/dist/cjs/Actions/ToggleButton/ToggleButtonBase.js +2 -2
- package/dist/cjs/Actions/ToggleGroup/ToggleGroup.js +1 -2
- package/dist/cjs/Chat/ChatCodeDisplay/ChatCodeDisplay.js +2 -3
- package/dist/cjs/Chat/ChatCodeDisplay/ChatCodeDisplay.styles.d.ts +4 -4
- package/dist/cjs/Chat/ChatContextAccordion/ChatContextAccordion.styles.d.ts +2 -2
- package/dist/cjs/Chat/ChatContextContainer/ChatContextContainer.styles.d.ts +2 -2
- package/dist/cjs/Chat/ChatMessage/ChatMessage.js +1 -1
- package/dist/cjs/Chat/ChatMessage/ChatMessage.styles.d.ts +2 -2
- package/dist/cjs/Chat/ChatMessage/ChatMessage.styles.js +10 -10
- package/dist/cjs/Chat/ChatMessageError/ChatMessageError.styles.d.ts +3 -3
- package/dist/cjs/Chat/ChatMessageLoader/ChatMessageLoader.styles.d.ts +3 -3
- package/dist/cjs/Chat/ChatMessages/ChatMessages.styles.d.ts +2 -2
- package/dist/cjs/Chat/ChatPrompt/ChatPrompt.styles.d.ts +2 -2
- package/dist/cjs/Fields/AutoComplete/AutoComplete.js +14 -14
- package/dist/cjs/Fields/DatePicker/components/Popover.js +2 -3
- package/dist/cjs/Fields/Dropzone/Dropzone.js +5 -5
- package/dist/cjs/Fields/FilePicker/FilePicker.js +4 -4
- package/dist/cjs/Fields/Form/stories/AsynchronousValidation.js +17 -18
- package/dist/cjs/Fields/Form/stories/Complex.js +67 -68
- package/dist/cjs/Fields/Form/stories/DependentFieldsValidation.js +9 -10
- package/dist/cjs/Fields/Form/stories/DirtyFields.js +18 -19
- package/dist/cjs/Fields/Form/stories/DynamicFieldsValidation.js +19 -20
- package/dist/cjs/Fields/Form/stories/ExtraErrors.js +13 -14
- package/dist/cjs/Fields/Form/stories/FieldArrays.js +23 -24
- package/dist/cjs/Fields/Form/stories/JSONForms.js +79 -79
- package/dist/cjs/Fields/Form/stories/MultiStep.js +72 -73
- package/dist/cjs/Fields/Form/stories/ValidationStrategies.js +15 -16
- package/dist/cjs/Fields/Input/Input.js +10 -10
- package/dist/cjs/Fields/SelectableCard/SelectableCard.js +9 -9
- package/dist/cjs/Fields/Switch/Switch.tailwind.js +4 -1
- package/dist/cjs/Fields/TextAreaAutoSize/TextAreaAutoSize.styles.d.ts +2 -2
- package/dist/cjs/Icons/AmexCardIcon.d.ts +2 -0
- package/dist/cjs/Icons/AmexCardIcon.js +34 -0
- package/dist/cjs/Icons/DiscoverCardIcon.d.ts +2 -0
- package/dist/cjs/Icons/DiscoverCardIcon.js +34 -0
- package/dist/cjs/Icons/MasterCardIcon.d.ts +2 -0
- package/dist/cjs/Icons/MasterCardIcon.js +34 -0
- package/dist/cjs/Icons/VisaCardIcon.d.ts +2 -0
- package/dist/cjs/Icons/VisaCardIcon.js +34 -0
- package/dist/cjs/Icons/index.d.ts +5 -1
- package/dist/cjs/Icons/index.js +34 -0
- package/dist/cjs/Indicators/Avatars/utils.js +4 -4
- package/dist/cjs/Indicators/Badge/Badge.js +4 -4
- package/dist/cjs/Indicators/Banners/Alert/Alert.js +13 -13
- package/dist/cjs/Indicators/Banners/Promote/Promote.js +4 -4
- package/dist/cjs/Indicators/EmptyState/EmptyState.js +16 -16
- package/dist/cjs/Indicators/Medallion/Medallion.js +3 -3
- package/dist/cjs/Indicators/ProgressBar/ProgressBar.js +1 -2
- package/dist/cjs/Indicators/Separator/Separator.js +1 -2
- package/dist/cjs/Indicators/Tag/Tag.js +10 -10
- package/dist/cjs/Indicators/Toast/Toast.js +12 -13
- package/dist/cjs/Indicators/Toast/Toasts.js +2 -3
- package/dist/cjs/Layout/CollapsibleCard/CollapsibleCard.js +1 -2
- package/dist/cjs/Layout/FlexGrid/FlexGrid.js +11 -11
- package/dist/cjs/Layout/Tables/DataTable/DataTable.js +3 -3
- package/dist/cjs/Navigation/Stepper/Step.js +12 -12
- package/dist/cjs/Navigation/Tabs/components/LinkTab.js +6 -6
- package/dist/cjs/Overlay/MenuButton/MenuButton.d.ts +1 -1
- package/dist/cjs/Overlay/MenuButton/MenuButton.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/Content.js +1 -1
- package/dist/cjs/Overlay/MenuButton/components/CustomTrigger.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/DefaultTrigger.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/Divider.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItem.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/items/Item.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/items/LinkItem.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/items/RadioItem.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/items/ToggleItem.js +1 -2
- package/dist/cjs/Overlay/Modal/Modal.js +9 -10
- package/dist/cjs/Overlay/Popover/Popover.js +2 -3
- package/dist/cjs/Overlay/TooltipWrapper/TooltipWrapper.js +2 -3
- package/dist/cjs/utils/getTextFromReactNode.js +1 -1
- package/dist/cjs/utils/onlyText.js +2 -2
- package/dist/esm/Actions/Accordion/Accordion.styles.d.ts +2 -2
- package/dist/esm/Actions/Accordion/Accordion.styles.js +23 -23
- package/dist/esm/Actions/Button/styles.js +4 -4
- package/dist/esm/Actions/IconButtonWithFeedback/IconButtonWithFeedback.js +1 -1
- package/dist/esm/Actions/ToggleButton/ToggleButtonBase.js +2 -2
- package/dist/esm/Chat/ChatCodeDisplay/ChatCodeDisplay.js +1 -1
- package/dist/esm/Chat/ChatCodeDisplay/ChatCodeDisplay.styles.d.ts +4 -4
- package/dist/esm/Chat/ChatContextAccordion/ChatContextAccordion.styles.d.ts +2 -2
- package/dist/esm/Chat/ChatContextContainer/ChatContextContainer.styles.d.ts +2 -2
- package/dist/esm/Chat/ChatMessage/ChatMessage.js +1 -1
- package/dist/esm/Chat/ChatMessage/ChatMessage.styles.d.ts +2 -2
- package/dist/esm/Chat/ChatMessage/ChatMessage.styles.js +10 -10
- package/dist/esm/Chat/ChatMessageError/ChatMessageError.styles.d.ts +3 -3
- package/dist/esm/Chat/ChatMessageLoader/ChatMessageLoader.styles.d.ts +3 -3
- package/dist/esm/Chat/ChatMessages/ChatMessages.styles.d.ts +2 -2
- package/dist/esm/Chat/ChatPrompt/ChatPrompt.styles.d.ts +2 -2
- package/dist/esm/Fields/AutoComplete/AutoComplete.js +14 -14
- package/dist/esm/Fields/DatePicker/components/Popover.js +1 -1
- package/dist/esm/Fields/Dropzone/Dropzone.js +5 -5
- package/dist/esm/Fields/FilePicker/FilePicker.js +4 -4
- package/dist/esm/Fields/Form/stories/AsynchronousValidation.js +16 -16
- package/dist/esm/Fields/Form/stories/Complex.js +66 -66
- package/dist/esm/Fields/Form/stories/DependentFieldsValidation.js +8 -8
- package/dist/esm/Fields/Form/stories/DirtyFields.js +17 -17
- package/dist/esm/Fields/Form/stories/DynamicFieldsValidation.js +18 -18
- package/dist/esm/Fields/Form/stories/ExtraErrors.js +12 -12
- package/dist/esm/Fields/Form/stories/FieldArrays.js +22 -22
- package/dist/esm/Fields/Form/stories/JSONForms.js +79 -79
- package/dist/esm/Fields/Form/stories/MultiStep.js +71 -71
- package/dist/esm/Fields/Form/stories/ValidationStrategies.js +14 -14
- package/dist/esm/Fields/Input/Input.js +10 -10
- package/dist/esm/Fields/SelectableCard/SelectableCard.js +9 -9
- package/dist/esm/Fields/Switch/Switch.tailwind.js +4 -1
- package/dist/esm/Fields/TextAreaAutoSize/TextAreaAutoSize.styles.d.ts +2 -2
- package/dist/esm/Icons/AmexCardIcon.d.ts +2 -0
- package/dist/esm/Icons/AmexCardIcon.js +27 -0
- package/dist/esm/Icons/DiscoverCardIcon.d.ts +2 -0
- package/dist/esm/Icons/DiscoverCardIcon.js +27 -0
- package/dist/esm/Icons/MasterCardIcon.d.ts +2 -0
- package/dist/esm/Icons/MasterCardIcon.js +27 -0
- package/dist/esm/Icons/VisaCardIcon.d.ts +2 -0
- package/dist/esm/Icons/VisaCardIcon.js +27 -0
- package/dist/esm/Icons/index.d.ts +5 -1
- package/dist/esm/Icons/index.js +5 -1
- package/dist/esm/Indicators/Avatars/utils.js +4 -4
- package/dist/esm/Indicators/Badge/Badge.js +4 -4
- package/dist/esm/Indicators/Banners/Alert/Alert.js +13 -13
- package/dist/esm/Indicators/Banners/Promote/Promote.js +4 -4
- package/dist/esm/Indicators/EmptyState/EmptyState.js +16 -16
- package/dist/esm/Indicators/Medallion/Medallion.js +3 -3
- package/dist/esm/Indicators/Tag/Tag.js +10 -10
- package/dist/esm/Indicators/Toast/Toast.js +11 -11
- package/dist/esm/Indicators/Toast/Toasts.js +1 -1
- package/dist/esm/Layout/FlexGrid/FlexGrid.js +11 -11
- package/dist/esm/Layout/Tables/DataTable/DataTable.js +3 -3
- package/dist/esm/Navigation/Stepper/Step.js +12 -12
- package/dist/esm/Navigation/Tabs/components/LinkTab.js +6 -6
- package/dist/esm/Overlay/MenuButton/MenuButton.d.ts +1 -1
- package/dist/esm/Overlay/MenuButton/components/Content.js +1 -1
- package/dist/esm/Overlay/Modal/Modal.js +8 -8
- package/dist/esm/Overlay/Popover/Popover.js +1 -1
- package/dist/esm/Overlay/TooltipWrapper/TooltipWrapper.js +1 -1
- package/dist/esm/utils/getTextFromReactNode.js +1 -1
- package/dist/esm/utils/onlyText.js +2 -2
- package/dist/satellite.min.css +1 -1
- package/package.json +19 -28
|
@@ -11,7 +11,7 @@ var _Actions = require("./../../../Actions");
|
|
|
11
11
|
var _Icons = require("./../../../Icons");
|
|
12
12
|
var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22
|
|
14
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
|
|
15
15
|
var BASE_CLASSNAME = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["relative flex text-grey-900 display-body border"])));
|
|
16
16
|
var BACKGROUND_CLASSNAMES = {
|
|
17
17
|
grey: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-100"]))),
|
|
@@ -24,8 +24,8 @@ var BORDER_CLASSNAMES = {
|
|
|
24
24
|
grey: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["border-grey-200"]))),
|
|
25
25
|
accent: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["border-accent-200"]))),
|
|
26
26
|
green: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["border-green-200"]))),
|
|
27
|
-
orange: (0, _satellitePrefixer["default"])(
|
|
28
|
-
red: (0, _satellitePrefixer["default"])(
|
|
27
|
+
orange: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["border-orange-200"]))),
|
|
28
|
+
red: (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["border-red-200"])))
|
|
29
29
|
};
|
|
30
30
|
var ICON_VARIANTS = {
|
|
31
31
|
grey: _Icons.AlertCircleIcon,
|
|
@@ -35,11 +35,11 @@ var ICON_VARIANTS = {
|
|
|
35
35
|
red: _Icons.AlertOctagonIcon
|
|
36
36
|
};
|
|
37
37
|
var ICON_CLASSNAME_VARIANTS = {
|
|
38
|
-
grey: (0, _satellitePrefixer["default"])(
|
|
39
|
-
accent: (0, _satellitePrefixer["default"])(
|
|
40
|
-
green: (0, _satellitePrefixer["default"])(
|
|
41
|
-
orange: (0, _satellitePrefixer["default"])(
|
|
42
|
-
red: (0, _satellitePrefixer["default"])(
|
|
38
|
+
grey: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600"]))),
|
|
39
|
+
accent: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["text-accent-600"]))),
|
|
40
|
+
green: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["text-green-600"]))),
|
|
41
|
+
orange: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["text-orange-600"]))),
|
|
42
|
+
red: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["text-red-600"])))
|
|
43
43
|
};
|
|
44
44
|
|
|
45
45
|
/**
|
|
@@ -58,26 +58,26 @@ var Alert = exports.Alert = function Alert(_ref) {
|
|
|
58
58
|
className = _ref.className,
|
|
59
59
|
style = _ref.style,
|
|
60
60
|
children = _ref.children;
|
|
61
|
-
var containerClassName = (0, _clsx["default"])(BASE_CLASSNAME, title ? (0, _satellitePrefixer["default"])(
|
|
61
|
+
var containerClassName = (0, _clsx["default"])(BASE_CLASSNAME, title ? (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["p-4"]))) : (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["py-2 px-3"]))), BACKGROUND_CLASSNAMES[variant], usageContext !== "page" ? BORDER_CLASSNAMES[variant] : (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["border-transparent"]))), usageContext !== "page" && (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["rounded"]))), className);
|
|
62
62
|
var internalIcon = icon === undefined ? true : icon;
|
|
63
63
|
var Icon = typeof internalIcon === "boolean" && internalIcon ? ICON_VARIANTS[variant] : internalIcon;
|
|
64
64
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
65
65
|
className: containerClassName,
|
|
66
66
|
style: style,
|
|
67
67
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
|
|
68
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
68
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["\n shrink-0 mr-2\n ", "\n "])), title ? "mt-0.5" : "mt-2px"), ICON_CLASSNAME_VARIANTS[variant]),
|
|
69
69
|
width: "1rem",
|
|
70
70
|
height: "1rem"
|
|
71
71
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
72
|
-
className: (0, _satellitePrefixer["default"])(
|
|
72
|
+
className: (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["flex flex-1 flex-col ", ""])), onDismiss && "mr-6"),
|
|
73
73
|
children: [!!title && /*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
|
|
74
|
-
className: (0, _satellitePrefixer["default"])(
|
|
74
|
+
className: (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["font-bold text-grey-900 mb-1"]))),
|
|
75
75
|
children: title
|
|
76
76
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
77
77
|
children: children
|
|
78
78
|
})]
|
|
79
79
|
}), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
80
|
-
className: (0, _satellitePrefixer["default"])(
|
|
80
|
+
className: (0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["absolute right-1.5 top-1.5"]))),
|
|
81
81
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.IconButton, {
|
|
82
82
|
icon: _Icons.XIcon,
|
|
83
83
|
title: "Close",
|
|
@@ -12,7 +12,7 @@ var _Icons = require("./../../../Icons");
|
|
|
12
12
|
var _Layout = require("./../../../Layout");
|
|
13
13
|
var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
15
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10;
|
|
16
16
|
var TITLE_VARIANT_CLASSNAMES = {
|
|
17
17
|
compact: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["display-heading mb-2"]))),
|
|
18
18
|
large: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["display-medium mb-4"])))
|
|
@@ -50,7 +50,7 @@ var Promote = exports.Promote = function Promote(_ref) {
|
|
|
50
50
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
51
51
|
className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["", ""])), variant === "large" ? "p-6" : "p-4"),
|
|
52
52
|
children: [!!context && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
53
|
-
className: (0, _satellitePrefixer["default"])(
|
|
53
|
+
className: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["block mb-1"]))),
|
|
54
54
|
children: context
|
|
55
55
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
|
|
56
56
|
className: TITLE_VARIANT_CLASSNAMES[variant],
|
|
@@ -59,11 +59,11 @@ var Promote = exports.Promote = function Promote(_ref) {
|
|
|
59
59
|
className: BODY_VARIANT_CLASSNAMES[variant],
|
|
60
60
|
children: children
|
|
61
61
|
}), !!actions && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
62
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
62
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["flex space-x-2"]))), ACTIONS_VARIANT_CLASSNAMES[variant]),
|
|
63
63
|
children: actions
|
|
64
64
|
})]
|
|
65
65
|
}), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
66
|
-
className: (0, _satellitePrefixer["default"])(
|
|
66
|
+
className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["absolute top-2 right-2"]))),
|
|
67
67
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.IconButton, {
|
|
68
68
|
icon: _Icons.XIcon,
|
|
69
69
|
title: "Close",
|
|
@@ -11,7 +11,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
11
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
12
|
var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28
|
|
14
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
15
15
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
16
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
17
|
var CONTAINER_CONTEXT_CLASSNAMES = {
|
|
@@ -37,19 +37,19 @@ var LEAD_ILLUS_CONTEXT_CLASSNAMES = {
|
|
|
37
37
|
page: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["mb-6"])))
|
|
38
38
|
};
|
|
39
39
|
var TITLE_CONTEXT_CLASSNAMES = {
|
|
40
|
-
result: (0, _satellitePrefixer["default"])(
|
|
41
|
-
feature: (0, _satellitePrefixer["default"])(
|
|
42
|
-
page: (0, _satellitePrefixer["default"])(
|
|
40
|
+
result: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["display-body"]))),
|
|
41
|
+
feature: (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["display-medium"]))),
|
|
42
|
+
page: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["display-xlarge"])))
|
|
43
43
|
};
|
|
44
44
|
var DESCRIPTION_CONTEXT_CLASSNAMES = {
|
|
45
|
-
result: (0, _satellitePrefixer["default"])(
|
|
46
|
-
feature: (0, _satellitePrefixer["default"])(
|
|
47
|
-
page: (0, _satellitePrefixer["default"])(
|
|
45
|
+
result: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["display-caption mt-2"]))),
|
|
46
|
+
feature: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["display-body mt-2"]))),
|
|
47
|
+
page: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["display-small mt-6"])))
|
|
48
48
|
};
|
|
49
49
|
var ACTIONS_CONTEXT_CLASSNAMES = {
|
|
50
|
-
result: (0, _satellitePrefixer["default"])(
|
|
51
|
-
feature: (0, _satellitePrefixer["default"])(
|
|
52
|
-
page: (0, _satellitePrefixer["default"])(
|
|
50
|
+
result: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["mt-1"]))),
|
|
51
|
+
feature: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["mt-3"]))),
|
|
52
|
+
page: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["mt-6 md:flex-row"])))
|
|
53
53
|
};
|
|
54
54
|
var ILLUSTRATION_SIZES = {
|
|
55
55
|
small: {
|
|
@@ -89,9 +89,9 @@ var renderEmptyState = function renderEmptyState(_ref) {
|
|
|
89
89
|
width = _ref$width === void 0 ? "medium" : _ref$width,
|
|
90
90
|
_ref$centered = _ref.centered,
|
|
91
91
|
centered = _ref$centered === void 0 ? false : _ref$centered;
|
|
92
|
-
var containerClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
93
|
-
var titleClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
94
|
-
var descriptionClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
92
|
+
var containerClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["flex items-center gap-16"]))), CONTAINER_CONTEXT_CLASSNAMES[usageContext][width], centered ? (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["justify-center text-center lg:flex-col"]))) : (0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["justify-between flex-col lg:flex-row"]))));
|
|
93
|
+
var titleClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["text-grey-900"]))), TITLE_CONTEXT_CLASSNAMES[usageContext]);
|
|
94
|
+
var descriptionClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600"]))), DESCRIPTION_CONTEXT_CLASSNAMES[usageContext]);
|
|
95
95
|
var actionsClassNames = (0, _clsx["default"])(ACTIONS_CONTEXT_CLASSNAMES[usageContext]);
|
|
96
96
|
var sizedLeadIllustration = injectIllustrationSize(leadIllustration, illustrationSize, {
|
|
97
97
|
display: "inline-block"
|
|
@@ -100,7 +100,7 @@ var renderEmptyState = function renderEmptyState(_ref) {
|
|
|
100
100
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
101
101
|
className: containerClassNames,
|
|
102
102
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
103
|
-
className: (0, _satellitePrefixer["default"])(
|
|
103
|
+
className: (0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["min-w-2/5"]))),
|
|
104
104
|
children: [centered && !!leadIllustration && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
105
105
|
className: LEAD_ILLUS_CONTEXT_CLASSNAMES[usageContext],
|
|
106
106
|
children: sizedLeadIllustration
|
|
@@ -111,11 +111,11 @@ var renderEmptyState = function renderEmptyState(_ref) {
|
|
|
111
111
|
className: descriptionClassNames,
|
|
112
112
|
children: description
|
|
113
113
|
}), !!actions && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
114
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
114
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2["default"])(["flex flex-wrap gap-2"]))), centered ? (0, _satellitePrefixer["default"])(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2["default"])(["items-center justify-center"]))) : (0, _satellitePrefixer["default"])(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2["default"])(["items-start justify-start"]))), actionsDirection === "column" || centered ? (0, _satellitePrefixer["default"])(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2["default"])(["flex-col"]))) : (0, _satellitePrefixer["default"])(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2["default"])(["flex-row"]))), actionsClassNames),
|
|
115
115
|
children: actions
|
|
116
116
|
})]
|
|
117
117
|
}), !centered && usageContext === "page" && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
118
|
-
className: (0, _satellitePrefixer["default"])(
|
|
118
|
+
className: (0, _satellitePrefixer["default"])(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2["default"])(["hidden lg:flex items-center justify-center"]))),
|
|
119
119
|
children: sizedPageIllustration
|
|
120
120
|
})]
|
|
121
121
|
});
|
|
@@ -9,7 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
9
9
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
10
10
|
var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
12
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
|
|
13
13
|
var VARIANT_CLASSNAMES = {
|
|
14
14
|
grey: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["medallion-grey text-grey-600"]))),
|
|
15
15
|
pink: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["medallion-pink text-pink-700"]))),
|
|
@@ -37,9 +37,9 @@ var Medallion = exports.Medallion = function Medallion(_ref) {
|
|
|
37
37
|
className = _ref.className;
|
|
38
38
|
var medallionClassName = VARIANT_CLASSNAMES[variant];
|
|
39
39
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
40
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
40
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className),
|
|
41
41
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
|
|
42
|
-
className: (0, _satellitePrefixer["default"])(
|
|
42
|
+
className: (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["p-1 ", ""])), size === "large" && "w-10 h-10")
|
|
43
43
|
})
|
|
44
44
|
});
|
|
45
45
|
};
|
|
@@ -18,8 +18,7 @@ var _prefersReducedMotion = require("./../../utils/prefersReducedMotion");
|
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
20
20
|
var _excluded = ["value", "max", "className", "barClassName"];
|
|
21
|
-
function
|
|
22
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
21
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
23
22
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24
23
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
25
24
|
/**
|
|
@@ -13,8 +13,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
|
13
13
|
var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
var _templateObject, _templateObject2;
|
|
16
|
-
function
|
|
17
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
16
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
18
17
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
18
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
19
|
/**
|
|
@@ -17,7 +17,7 @@ var _Satellite = require("./../../Satellite");
|
|
|
17
17
|
var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
var _excluded = ["children", "variant", "className", "onAdd", "addTooltip", "onRemove", "removeTooltip", "locale"];
|
|
20
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18
|
|
20
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
|
|
21
21
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
22
22
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
23
23
|
var DEFAULT_TAG_LOCALE = {
|
|
@@ -40,11 +40,11 @@ var VARIANT_CLASSNAMES = {
|
|
|
40
40
|
var BUTTON_VARIANT_CLASSNAMES = {
|
|
41
41
|
accent: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["border-accent-200 hover:bg-accent-200 focus:bg-accent-200"]))),
|
|
42
42
|
grey: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["border-grey-200 hover:bg-grey-200 focus:bg-grey-200"]))),
|
|
43
|
-
blue: (0, _satellitePrefixer["default"])(
|
|
44
|
-
green: (0, _satellitePrefixer["default"])(
|
|
45
|
-
orange: (0, _satellitePrefixer["default"])(
|
|
46
|
-
red: (0, _satellitePrefixer["default"])(
|
|
47
|
-
pink: (0, _satellitePrefixer["default"])(
|
|
43
|
+
blue: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["border-blue-200 hover:bg-blue-200 focus:bg-blue-200"]))),
|
|
44
|
+
green: (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["border-green-300 hover:bg-green-300 focus:bg-green-300"]))),
|
|
45
|
+
orange: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["border-orange-300 hover:bg-orange-300 focus:bg-orange-300"]))),
|
|
46
|
+
red: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["border-red-200 hover:bg-red-200 focus:bg-red-200"]))),
|
|
47
|
+
pink: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["border-pink-200 hover:bg-pink-200 focus:bg-pink-200"])))
|
|
48
48
|
};
|
|
49
49
|
|
|
50
50
|
/**
|
|
@@ -66,7 +66,7 @@ var Tag = exports.Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
|
|
|
66
66
|
var title = typeof children === "string" ? children : "tag";
|
|
67
67
|
var contextLocale = (0, _Satellite.useLocale)("tag");
|
|
68
68
|
var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_TAG_LOCALE), contextLocale), propsLocale);
|
|
69
|
-
var tagClassName = (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
69
|
+
var tagClassName = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["tag"]))), VARIANT_CLASSNAMES[variant], className);
|
|
70
70
|
var isInsideAutoComplete = (0, _AutoCompleteContext.useIsInsideAutoComplete)();
|
|
71
71
|
var tabIndexProps = isInsideAutoComplete ? {
|
|
72
72
|
tabIndex: -1
|
|
@@ -82,7 +82,7 @@ var Tag = exports.Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
|
|
|
82
82
|
onRemove === null || onRemove === void 0 || onRemove(evt);
|
|
83
83
|
};
|
|
84
84
|
var content = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
85
|
-
className: (0, _satellitePrefixer["default"])(
|
|
85
|
+
className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["truncate flex-1"]))),
|
|
86
86
|
children: children
|
|
87
87
|
});
|
|
88
88
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", _objectSpread(_objectSpread({}, props), {}, {
|
|
@@ -93,7 +93,7 @@ var Tag = exports.Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
|
|
|
93
93
|
hideDelay: 0,
|
|
94
94
|
side: "bottom",
|
|
95
95
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({}, tabIndexProps), {}, {
|
|
96
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
96
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["tag-add-button focusable-visible"]))), !removable && (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["-mr-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
|
|
97
97
|
type: "button",
|
|
98
98
|
onClick: handleAdd,
|
|
99
99
|
"aria-label": typeof locale.addButton === "function" ? locale.addButton(title) : locale.addButton,
|
|
@@ -107,7 +107,7 @@ var Tag = exports.Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
|
|
|
107
107
|
side: "bottom",
|
|
108
108
|
align: "start",
|
|
109
109
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({}, tabIndexProps), {}, {
|
|
110
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
110
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["tag-close-button focusable-visible p-1"]))), !addable && (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["ml-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
|
|
111
111
|
type: "button",
|
|
112
112
|
onClick: handleRemove,
|
|
113
113
|
"aria-label": typeof locale.removeButton === "function" ? locale.removeButton(title) : locale.removeButton,
|
|
@@ -20,9 +20,8 @@ var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/
|
|
|
20
20
|
var _isRenderedChild = require("./../../utils/isRenderedChild");
|
|
21
21
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
22
22
|
var _excluded = ["onDismiss", "title", "icon", "loading", "variant", "locale", "children"];
|
|
23
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17
|
|
24
|
-
function
|
|
25
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
23
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
24
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
26
25
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
27
26
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
28
27
|
var DEFAULT_TOAST_LOCALE = {
|
|
@@ -40,9 +39,9 @@ var VARIANT_SPINNER_CLASSNAMES = {
|
|
|
40
39
|
grey: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["border-grey-500"]))),
|
|
41
40
|
accent: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["border-accent-500"]))),
|
|
42
41
|
blue: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["border-blue-600"]))),
|
|
43
|
-
green: (0, _satellitePrefixer["default"])(
|
|
44
|
-
orange: (0, _satellitePrefixer["default"])(
|
|
45
|
-
red: (0, _satellitePrefixer["default"])(
|
|
42
|
+
green: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["border-green-600"]))),
|
|
43
|
+
orange: (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["border-orange-500"]))),
|
|
44
|
+
red: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["border-red-500"])))
|
|
46
45
|
};
|
|
47
46
|
var Toast = exports.Toast = function Toast(_ref) {
|
|
48
47
|
var onDismiss = _ref.onDismiss,
|
|
@@ -65,25 +64,25 @@ var Toast = exports.Toast = function Toast(_ref) {
|
|
|
65
64
|
}
|
|
66
65
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layout.Card, _objectSpread(_objectSpread({}, rest), {}, {
|
|
67
66
|
fullBleed: true,
|
|
68
|
-
className: (0, _satellitePrefixer["default"])(
|
|
67
|
+
className: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["toast shadow-z500"]))),
|
|
69
68
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
70
|
-
className: (0, _satellitePrefixer["default"])(
|
|
69
|
+
className: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["p-4 flex"]))),
|
|
71
70
|
children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressSpinner.ProgressSpinner, {
|
|
72
71
|
"aria-hidden": true,
|
|
73
72
|
size: 24,
|
|
74
73
|
className: VARIANT_SPINNER_CLASSNAMES[variant]
|
|
75
74
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
|
|
76
75
|
"aria-hidden": true,
|
|
77
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
76
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 text-white rounded-full p-1"]))), VARIANT_CLASSNAMES[variant]),
|
|
78
77
|
size: 24
|
|
79
78
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
80
|
-
className: (0, _satellitePrefixer["default"])(
|
|
79
|
+
className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["flex-1 ml-4 min-w-0 break-words"]))),
|
|
81
80
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
82
|
-
className: (0, _satellitePrefixer["default"])(
|
|
81
|
+
className: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["flex justify-between"]))),
|
|
83
82
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ToastPrimitive.Title, {
|
|
84
83
|
asChild: true,
|
|
85
84
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
|
|
86
|
-
className: (0, _satellitePrefixer["default"])(
|
|
85
|
+
className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["overflow-hidden mt-0.5"]))),
|
|
87
86
|
children: title
|
|
88
87
|
})
|
|
89
88
|
}), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastPrimitive.Close, {
|
|
@@ -101,7 +100,7 @@ var Toast = exports.Toast = function Toast(_ref) {
|
|
|
101
100
|
})
|
|
102
101
|
})]
|
|
103
102
|
}), (0, _isRenderedChild.isRenderedChild)(children) && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastPrimitive.Description, {
|
|
104
|
-
className: (0, _satellitePrefixer["default"])(
|
|
103
|
+
className: (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600 mt-2"]))),
|
|
105
104
|
children: children
|
|
106
105
|
})]
|
|
107
106
|
})]
|
|
@@ -18,8 +18,7 @@ var _prefersReducedMotion = require("./../../utils/prefersReducedMotion");
|
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
20
20
|
var _excluded = ["content", "id", "autoDismissAfter"];
|
|
21
|
-
function
|
|
22
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
21
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
23
22
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24
23
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
25
24
|
var DEFAULT_TOASTS_LOCALE = {
|
|
@@ -49,7 +48,7 @@ var Toasts = exports.Toasts = function Toasts(_ref) {
|
|
|
49
48
|
console.warn("Toasts: You should not set `autoDismissAfter` to less than 2000 ms, even for brief messages.");
|
|
50
49
|
}
|
|
51
50
|
}
|
|
52
|
-
return createPortal(
|
|
51
|
+
return createPortal(/*#__PURE__*/(0, _jsxRuntime.jsxs)(ToastPrimitive.Provider, {
|
|
53
52
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.TransitionGroup, {
|
|
54
53
|
component: null,
|
|
55
54
|
children: notifications.map(function (_ref2) {
|
|
@@ -17,8 +17,7 @@ var _Card = require("../Card");
|
|
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
18
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
19
19
|
var _excluded = ["defaultOpen", "open", "onOpenChange", "header", "hideIcon", "children"];
|
|
20
|
-
function
|
|
21
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
20
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
22
21
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
23
22
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
24
23
|
/**
|
|
@@ -11,7 +11,7 @@ var _react = require("react");
|
|
|
11
11
|
var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
|
|
12
12
|
var _isRenderedChild = require("./../../utils/isRenderedChild");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20
|
|
14
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20; // Heavily inspired by https://github.com/Shopify/polaris-react/blob/2b34f8609e9f08c1a767abea0a235bcc17706b63/src/components/Stack/Stack.tsx#L1
|
|
15
15
|
var SPACING_CLASSNAMES = {
|
|
16
16
|
none: "",
|
|
17
17
|
sm: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex-grid-sm"]))),
|
|
@@ -27,16 +27,16 @@ var ALIGNMENT_CLASSNAMES = {
|
|
|
27
27
|
leading: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["items-start"]))),
|
|
28
28
|
center: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["items-center"]))),
|
|
29
29
|
trailing: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["items-end"]))),
|
|
30
|
-
fill: (0, _satellitePrefixer["default"])(
|
|
31
|
-
baseline: (0, _satellitePrefixer["default"])(
|
|
30
|
+
fill: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["items-stretch"]))),
|
|
31
|
+
baseline: (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["items-baseline"])))
|
|
32
32
|
};
|
|
33
33
|
var DISTRIBUTION_CLASSNAMES = {
|
|
34
|
-
leading: (0, _satellitePrefixer["default"])(
|
|
35
|
-
trailing: (0, _satellitePrefixer["default"])(
|
|
36
|
-
center: (0, _satellitePrefixer["default"])(
|
|
37
|
-
equalSpacing: (0, _satellitePrefixer["default"])(
|
|
38
|
-
fill: (0, _satellitePrefixer["default"])(
|
|
39
|
-
fillEvenly: (0, _satellitePrefixer["default"])(
|
|
34
|
+
leading: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["justify-start"]))),
|
|
35
|
+
trailing: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["justify-end"]))),
|
|
36
|
+
center: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["justify-center"]))),
|
|
37
|
+
equalSpacing: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["justify-between"]))),
|
|
38
|
+
fill: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-d-fill"]))),
|
|
39
|
+
fillEvenly: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-d-fill-even"])))
|
|
40
40
|
};
|
|
41
41
|
|
|
42
42
|
/**
|
|
@@ -60,9 +60,9 @@ var FlexGrid = exports.FlexGrid = function FlexGrid(_ref) {
|
|
|
60
60
|
wrap = _ref$wrap === void 0 ? false : _ref$wrap,
|
|
61
61
|
children = _ref.children;
|
|
62
62
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
63
|
-
className: (0, _clsx["default"])(inline && (0, _satellitePrefixer["default"])(
|
|
63
|
+
className: (0, _clsx["default"])(inline && (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-inline"]))), className),
|
|
64
64
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
65
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
65
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-inner"]))), inline ? (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["inline-flex"]))) : (0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["flex"]))), wrap && (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["flex-wrap"]))), SPACING_CLASSNAMES[spacing], DIRECTION_CLASSNAMES[direction], ALIGNMENT_CLASSNAMES[alignment], DISTRIBUTION_CLASSNAMES[distribution]),
|
|
66
66
|
children: _react.Children.map(children, function (child) {
|
|
67
67
|
return /*#__PURE__*/(0, _react.isValidElement)(child) ? child : (0, _isRenderedChild.isRenderedChild)(child) ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
68
68
|
children: child
|
|
@@ -23,7 +23,7 @@ var _Satellite = require("./../../../Satellite");
|
|
|
23
23
|
var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
|
|
24
24
|
var _utils2 = require("./../../../utils");
|
|
25
25
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
26
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
26
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
|
|
27
27
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
28
28
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
29
29
|
var DEFAULT_DATATABLE_LOCALE = {
|
|
@@ -217,11 +217,11 @@ var DataTable = exports.DataTable = function DataTable(_ref) {
|
|
|
217
217
|
children: [status === "loading" && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
218
218
|
className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["absolute bg-white/50 z-10 w-full h-full flex items-center justify-center"]))),
|
|
219
219
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loader.DataTableLoader, {
|
|
220
|
-
className: (0, _satellitePrefixer["default"])(
|
|
220
|
+
className: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["-mt-12"]))),
|
|
221
221
|
locale: locale
|
|
222
222
|
})
|
|
223
223
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Table.Table, {
|
|
224
|
-
className: (0, _satellitePrefixer["default"])(
|
|
224
|
+
className: (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["datatable ", " ", ""])), status === "loading" && "pointer-events-none select-none", status === "loading" && data.length === 0 && "h-48"),
|
|
225
225
|
mode: mode,
|
|
226
226
|
highlight: false,
|
|
227
227
|
footer: shouldRenderPagination() && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Footer.DataTableFooter, {
|