@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
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
4
4
|
var _excluded = ["children", "variant", "className", "onAdd", "addTooltip", "onRemove", "removeTooltip", "locale"];
|
|
5
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18
|
|
5
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
|
|
6
6
|
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; }
|
|
7
7
|
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) { _defineProperty(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; }
|
|
8
8
|
import cx from "clsx";
|
|
@@ -33,11 +33,11 @@ var VARIANT_CLASSNAMES = {
|
|
|
33
33
|
var BUTTON_VARIANT_CLASSNAMES = {
|
|
34
34
|
accent: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["border-accent-200 hover:bg-accent-200 focus:bg-accent-200"]))),
|
|
35
35
|
grey: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["border-grey-200 hover:bg-grey-200 focus:bg-grey-200"]))),
|
|
36
|
-
blue: stl(
|
|
37
|
-
green: stl(
|
|
38
|
-
orange: stl(
|
|
39
|
-
red: stl(
|
|
40
|
-
pink: stl(
|
|
36
|
+
blue: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["border-blue-200 hover:bg-blue-200 focus:bg-blue-200"]))),
|
|
37
|
+
green: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["border-green-300 hover:bg-green-300 focus:bg-green-300"]))),
|
|
38
|
+
orange: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["border-orange-300 hover:bg-orange-300 focus:bg-orange-300"]))),
|
|
39
|
+
red: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["border-red-200 hover:bg-red-200 focus:bg-red-200"]))),
|
|
40
|
+
pink: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["border-pink-200 hover:bg-pink-200 focus:bg-pink-200"])))
|
|
41
41
|
};
|
|
42
42
|
|
|
43
43
|
/**
|
|
@@ -59,7 +59,7 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
59
59
|
var title = typeof children === "string" ? children : "tag";
|
|
60
60
|
var contextLocale = useLocale("tag");
|
|
61
61
|
var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_TAG_LOCALE), contextLocale), propsLocale);
|
|
62
|
-
var tagClassName = cx(stl(
|
|
62
|
+
var tagClassName = cx(stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["tag"]))), VARIANT_CLASSNAMES[variant], className);
|
|
63
63
|
var isInsideAutoComplete = useIsInsideAutoComplete();
|
|
64
64
|
var tabIndexProps = isInsideAutoComplete ? {
|
|
65
65
|
tabIndex: -1
|
|
@@ -75,7 +75,7 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
75
75
|
onRemove === null || onRemove === void 0 || onRemove(evt);
|
|
76
76
|
};
|
|
77
77
|
var content = /*#__PURE__*/_jsx("span", {
|
|
78
|
-
className: stl(
|
|
78
|
+
className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["truncate flex-1"]))),
|
|
79
79
|
children: children
|
|
80
80
|
});
|
|
81
81
|
return /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread({}, props), {}, {
|
|
@@ -86,7 +86,7 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
86
86
|
hideDelay: 0,
|
|
87
87
|
side: "bottom",
|
|
88
88
|
children: /*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread({}, tabIndexProps), {}, {
|
|
89
|
-
className: cx(stl(
|
|
89
|
+
className: cx(stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["tag-add-button focusable-visible"]))), !removable && stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["-mr-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
|
|
90
90
|
type: "button",
|
|
91
91
|
onClick: handleAdd,
|
|
92
92
|
"aria-label": typeof locale.addButton === "function" ? locale.addButton(title) : locale.addButton,
|
|
@@ -100,7 +100,7 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
100
100
|
side: "bottom",
|
|
101
101
|
align: "start",
|
|
102
102
|
children: /*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({}, tabIndexProps), {}, {
|
|
103
|
-
className: cx(stl(
|
|
103
|
+
className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["tag-close-button focusable-visible p-1"]))), !addable && stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["ml-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
|
|
104
104
|
type: "button",
|
|
105
105
|
onClick: handleRemove,
|
|
106
106
|
"aria-label": typeof locale.removeButton === "function" ? locale.removeButton(title) : locale.removeButton,
|
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
4
4
|
var _excluded = ["onDismiss", "title", "icon", "loading", "variant", "locale", "children"];
|
|
5
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17
|
|
5
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
6
6
|
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; }
|
|
7
7
|
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) { _defineProperty(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; }
|
|
8
8
|
import * as ToastPrimitive from "@radix-ui/react-toast";
|
|
@@ -30,9 +30,9 @@ var VARIANT_SPINNER_CLASSNAMES = {
|
|
|
30
30
|
grey: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["border-grey-500"]))),
|
|
31
31
|
accent: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["border-accent-500"]))),
|
|
32
32
|
blue: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["border-blue-600"]))),
|
|
33
|
-
green: stl(
|
|
34
|
-
orange: stl(
|
|
35
|
-
red: stl(
|
|
33
|
+
green: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["border-green-600"]))),
|
|
34
|
+
orange: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["border-orange-500"]))),
|
|
35
|
+
red: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["border-red-500"])))
|
|
36
36
|
};
|
|
37
37
|
export var Toast = function Toast(_ref) {
|
|
38
38
|
var onDismiss = _ref.onDismiss,
|
|
@@ -55,25 +55,25 @@ export var Toast = function Toast(_ref) {
|
|
|
55
55
|
}
|
|
56
56
|
return /*#__PURE__*/_jsx(Card, _objectSpread(_objectSpread({}, rest), {}, {
|
|
57
57
|
fullBleed: true,
|
|
58
|
-
className: stl(
|
|
58
|
+
className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["toast shadow-z500"]))),
|
|
59
59
|
children: /*#__PURE__*/_jsxs("div", {
|
|
60
|
-
className: stl(
|
|
60
|
+
className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["p-4 flex"]))),
|
|
61
61
|
children: [loading ? /*#__PURE__*/_jsx(ProgressSpinner, {
|
|
62
62
|
"aria-hidden": true,
|
|
63
63
|
size: 24,
|
|
64
64
|
className: VARIANT_SPINNER_CLASSNAMES[variant]
|
|
65
65
|
}) : /*#__PURE__*/_jsx(Icon, {
|
|
66
66
|
"aria-hidden": true,
|
|
67
|
-
className: cx(stl(
|
|
67
|
+
className: cx(stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["shrink-0 text-white rounded-full p-1"]))), VARIANT_CLASSNAMES[variant]),
|
|
68
68
|
size: 24
|
|
69
69
|
}), /*#__PURE__*/_jsxs("div", {
|
|
70
|
-
className: stl(
|
|
70
|
+
className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["flex-1 ml-4 min-w-0 break-words"]))),
|
|
71
71
|
children: [/*#__PURE__*/_jsxs("div", {
|
|
72
|
-
className: stl(
|
|
72
|
+
className: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["flex justify-between"]))),
|
|
73
73
|
children: [/*#__PURE__*/_jsx(ToastPrimitive.Title, {
|
|
74
74
|
asChild: true,
|
|
75
75
|
children: /*#__PURE__*/_jsx("h3", {
|
|
76
|
-
className: stl(
|
|
76
|
+
className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["overflow-hidden mt-0.5"]))),
|
|
77
77
|
children: title
|
|
78
78
|
})
|
|
79
79
|
}), onDismiss && /*#__PURE__*/_jsx(ToastPrimitive.Close, {
|
|
@@ -91,7 +91,7 @@ export var Toast = function Toast(_ref) {
|
|
|
91
91
|
})
|
|
92
92
|
})]
|
|
93
93
|
}), isRenderedChild(children) && /*#__PURE__*/_jsx(ToastPrimitive.Description, {
|
|
94
|
-
className: stl(
|
|
94
|
+
className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["text-grey-600 mt-2"]))),
|
|
95
95
|
children: children
|
|
96
96
|
})]
|
|
97
97
|
})]
|
|
@@ -39,7 +39,7 @@ export var Toasts = function Toasts(_ref) {
|
|
|
39
39
|
console.warn("Toasts: You should not set `autoDismissAfter` to less than 2000 ms, even for brief messages.");
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
-
return createPortal(
|
|
42
|
+
return createPortal(/*#__PURE__*/_jsxs(ToastPrimitive.Provider, {
|
|
43
43
|
children: [/*#__PURE__*/_jsx(TransitionGroup, {
|
|
44
44
|
component: null,
|
|
45
45
|
children: notifications.map(function (_ref2) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20
|
|
2
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
|
|
3
3
|
// Heavily inspired by https://github.com/Shopify/polaris-react/blob/2b34f8609e9f08c1a767abea0a235bcc17706b63/src/components/Stack/Stack.tsx#L1
|
|
4
4
|
import cx from "clsx";
|
|
5
5
|
import { Children, isValidElement } from "react";
|
|
@@ -21,16 +21,16 @@ var ALIGNMENT_CLASSNAMES = {
|
|
|
21
21
|
leading: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["items-start"]))),
|
|
22
22
|
center: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["items-center"]))),
|
|
23
23
|
trailing: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["items-end"]))),
|
|
24
|
-
fill: stl(
|
|
25
|
-
baseline: stl(
|
|
24
|
+
fill: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["items-stretch"]))),
|
|
25
|
+
baseline: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["items-baseline"])))
|
|
26
26
|
};
|
|
27
27
|
var DISTRIBUTION_CLASSNAMES = {
|
|
28
|
-
leading: stl(
|
|
29
|
-
trailing: stl(
|
|
30
|
-
center: stl(
|
|
31
|
-
equalSpacing: stl(
|
|
32
|
-
fill: stl(
|
|
33
|
-
fillEvenly: stl(
|
|
28
|
+
leading: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["justify-start"]))),
|
|
29
|
+
trailing: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["justify-end"]))),
|
|
30
|
+
center: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["justify-center"]))),
|
|
31
|
+
equalSpacing: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["justify-between"]))),
|
|
32
|
+
fill: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["flex-grid-d-fill"]))),
|
|
33
|
+
fillEvenly: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["flex-grid-d-fill-even"])))
|
|
34
34
|
};
|
|
35
35
|
|
|
36
36
|
/**
|
|
@@ -54,9 +54,9 @@ export var FlexGrid = function FlexGrid(_ref) {
|
|
|
54
54
|
wrap = _ref$wrap === void 0 ? false : _ref$wrap,
|
|
55
55
|
children = _ref.children;
|
|
56
56
|
return /*#__PURE__*/_jsx("div", {
|
|
57
|
-
className: cx(inline && stl(
|
|
57
|
+
className: cx(inline && stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex-grid-inline"]))), className),
|
|
58
58
|
children: /*#__PURE__*/_jsx("div", {
|
|
59
|
-
className: cx(stl(
|
|
59
|
+
className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["flex-grid-inner"]))), inline ? stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["inline-flex"]))) : stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["flex"]))), wrap && stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["flex-wrap"]))), SPACING_CLASSNAMES[spacing], DIRECTION_CLASSNAMES[direction], ALIGNMENT_CLASSNAMES[alignment], DISTRIBUTION_CLASSNAMES[distribution]),
|
|
60
60
|
children: Children.map(children, function (child) {
|
|
61
61
|
return /*#__PURE__*/isValidElement(child) ? child : isRenderedChild(child) ? /*#__PURE__*/_jsx("span", {
|
|
62
62
|
children: child
|
|
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
|
2
2
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
5
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
5
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
|
|
6
6
|
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; }
|
|
7
7
|
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) { _defineProperty(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; }
|
|
8
8
|
import compact from "lodash/compact";
|
|
@@ -210,11 +210,11 @@ export var DataTable = function DataTable(_ref) {
|
|
|
210
210
|
children: [status === "loading" && /*#__PURE__*/_jsx("div", {
|
|
211
211
|
className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["absolute bg-white/50 z-10 w-full h-full flex items-center justify-center"]))),
|
|
212
212
|
children: /*#__PURE__*/_jsx(DataTableLoader, {
|
|
213
|
-
className: stl(
|
|
213
|
+
className: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["-mt-12"]))),
|
|
214
214
|
locale: locale
|
|
215
215
|
})
|
|
216
216
|
}), /*#__PURE__*/_jsxs(Table, {
|
|
217
|
-
className: stl(
|
|
217
|
+
className: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["datatable ", " ", ""])), status === "loading" && "pointer-events-none select-none", status === "loading" && data.length === 0 && "h-48"),
|
|
218
218
|
mode: mode,
|
|
219
219
|
highlight: false,
|
|
220
220
|
footer: shouldRenderPagination() && /*#__PURE__*/_jsx(DataTableFooter, {
|
|
@@ -2,7 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
4
4
|
var _excluded = ["className", "index", "icon", "label", "name", "completed", "disabled"];
|
|
5
|
-
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, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36
|
|
5
|
+
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, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36;
|
|
6
6
|
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; }
|
|
7
7
|
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) { _defineProperty(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; }
|
|
8
8
|
import cx from "clsx";
|
|
@@ -29,9 +29,9 @@ var CONNECTOR_HORIZONTAL_SIZE_CLASSNAMES = {
|
|
|
29
29
|
large: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["w-[112px]"])))
|
|
30
30
|
};
|
|
31
31
|
var ICON_SIZE_CLASSNAMES = {
|
|
32
|
-
small: stl(
|
|
33
|
-
"default": stl(
|
|
34
|
-
large: stl(
|
|
32
|
+
small: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["w-5 h-5"]))),
|
|
33
|
+
"default": stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["w-6 h-6"]))),
|
|
34
|
+
large: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["w-8 h-8"])))
|
|
35
35
|
};
|
|
36
36
|
var ICON_SIZE = {
|
|
37
37
|
small: 12,
|
|
@@ -65,13 +65,13 @@ export var Step = function Step(_ref) {
|
|
|
65
65
|
var isHorizontal = context.orientation === "horizontal";
|
|
66
66
|
var Icon = completed && !active ? CheckIconInternal : CustomIcon;
|
|
67
67
|
return /*#__PURE__*/_jsx("li", _objectSpread(_objectSpread({}, props), {}, {
|
|
68
|
-
className: cx(className, stl(
|
|
68
|
+
className: cx(className, stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["text-grey-600 group/step"])))),
|
|
69
69
|
children: /*#__PURE__*/_jsxs("button", {
|
|
70
70
|
type: "button",
|
|
71
71
|
id: buttonId,
|
|
72
|
-
className: cx(stl(
|
|
72
|
+
className: cx(stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["relative w-full flex items-center text-left gap-2 rounded group/button"]))), stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["focus-visible:outline-none"]))), stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["before:absolute before:inset-0 before:z-20 before:rounded before:outline before:outline-2 before:-outline-offset-2 before:outline-transparent focus-visible:before:outline-accent-600"]))),
|
|
73
73
|
// Ensure focus outline is above the connector lines
|
|
74
|
-
isHorizontal && stl(
|
|
74
|
+
isHorizontal && stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["flex-col min-w-36"]))), disabled ? stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["cursor-not-allowed"]))) : stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["hover:bg-grey-100"]))), BUTTON_SIZE_CLASSNAMES[context.size]),
|
|
75
75
|
"aria-label": disabled ? disabledLocale : active ? activeLocale : completed ? completedLocale : incompletedLocale,
|
|
76
76
|
"aria-current": active ? "step" : undefined,
|
|
77
77
|
disabled: disabled,
|
|
@@ -93,20 +93,20 @@ export var Step = function Step(_ref) {
|
|
|
93
93
|
}
|
|
94
94
|
},
|
|
95
95
|
children: [/*#__PURE__*/_jsxs("span", {
|
|
96
|
-
className: cx(stl(
|
|
96
|
+
className: cx(stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["rounded-full flex items-center justify-center shrink-0 text-sm relative z-10"]))), !active && !completed && stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["bg-grey-100"]))), !active && !completed && !disabled && stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["group-hover/button:bg-white"]))), active && stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["bg-grey-800 text-white"]))), completed && stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["bg-green-600 text-white"]))), ICON_SIZE_CLASSNAMES[context.size]),
|
|
97
97
|
children: [context.connectors && /*#__PURE__*/_jsx("div", {
|
|
98
|
-
className: cx(stl(
|
|
98
|
+
className: cx(stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["group-last/step:hidden absolute"]))), isVertical && stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["w-px bottom-0 translate-y-full"]))), isHorizontal && stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["h-px right-0 translate-x-full"]))), isVertical && CONNECTOR_VERTICAL_SIZE_CLASSNAMES[context.size], isHorizontal && CONNECTOR_HORIZONTAL_SIZE_CLASSNAMES[context.size], completed ? stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["bg-green-600"]))) : stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["bg-grey-200"]))))
|
|
99
99
|
}), Icon ? /*#__PURE__*/_jsx(Icon, {
|
|
100
100
|
width: ICON_SIZE[context.size],
|
|
101
101
|
height: ICON_SIZE[context.size]
|
|
102
102
|
}) : index + 1]
|
|
103
103
|
}), /*#__PURE__*/_jsxs("div", {
|
|
104
|
-
className: cx(disabled && stl(
|
|
104
|
+
className: cx(disabled && stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["text-grey-300"]))), isHorizontal && stl(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["text-center"])))),
|
|
105
105
|
children: [!!label && /*#__PURE__*/_jsx("div", {
|
|
106
|
-
className: cx(stl(
|
|
106
|
+
className: cx(stl(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["text-sm line-clamp-1"]))), isHorizontal && !disabled && stl(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["group-hover/button:text-grey-900"]))), disabled && stl(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["text-grey-300"])))),
|
|
107
107
|
children: label
|
|
108
108
|
}), /*#__PURE__*/_jsx("div", {
|
|
109
|
-
className: cx(stl(
|
|
109
|
+
className: cx(stl(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["text-base line-clamp-2"]))), (completed || active) && stl(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["text-grey-900"]))), isHorizontal && !disabled && stl(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["group-hover/button:text-grey-900"]))), context.size === "small" && stl(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["text-sm"])))),
|
|
110
110
|
children: name
|
|
111
111
|
})]
|
|
112
112
|
})]
|
|
@@ -14,9 +14,9 @@ var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
|
|
|
14
14
|
if (!el) return null;
|
|
15
15
|
var next = el;
|
|
16
16
|
do {
|
|
17
|
-
var _next, _next
|
|
18
|
-
next = (_next$nextElementSibl = (
|
|
19
|
-
} while ((
|
|
17
|
+
var _next$nextElementSibl, _next, _next2, _next3;
|
|
18
|
+
next = (_next$nextElementSibl = (_next = next) === null || _next === void 0 ? void 0 : _next.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next2 = next) === null || _next2 === void 0 || (_next2 = _next2.parentElement) === null || _next2 === void 0 ? void 0 : _next2.firstElementChild;
|
|
19
|
+
} while ((_next3 = next) !== null && _next3 !== void 0 && _next3.getAttribute("aria-disabled"));
|
|
20
20
|
return (_ref = next) !== null && _ref !== void 0 ? _ref : null;
|
|
21
21
|
};
|
|
22
22
|
var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
|
|
@@ -24,9 +24,9 @@ var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
|
|
|
24
24
|
if (!el) return null;
|
|
25
25
|
var next = el;
|
|
26
26
|
do {
|
|
27
|
-
var
|
|
28
|
-
next = (_next$previousElement = (
|
|
29
|
-
} while ((
|
|
27
|
+
var _next$previousElement, _next4, _next5, _next6;
|
|
28
|
+
next = (_next$previousElement = (_next4 = next) === null || _next4 === void 0 ? void 0 : _next4.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next5 = next) === null || _next5 === void 0 || (_next5 = _next5.parentElement) === null || _next5 === void 0 ? void 0 : _next5.lastElementChild;
|
|
29
|
+
} while ((_next6 = next) !== null && _next6 !== void 0 && _next6.getAttribute("aria-disabled"));
|
|
30
30
|
return (_ref2 = next) !== null && _ref2 !== void 0 ? _ref2 : null;
|
|
31
31
|
};
|
|
32
32
|
export var LinkTab = function LinkTab(_ref3) {
|
|
@@ -29,7 +29,7 @@ export declare const MenuButton: {
|
|
|
29
29
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
30
30
|
CollapsibleItemsMultipleGroup: import("react").FC<import("react").PropsWithChildren<CollapsibleItemsMultiGroupProps>>;
|
|
31
31
|
CollapsibleItemsSingleGroup: import("react").FC<import("react").PropsWithChildren<CollapsibleItemsExclusiveGroupProps>>;
|
|
32
|
-
Content: import("react").ForwardRefExoticComponent<import("./
|
|
32
|
+
Content: import("react").ForwardRefExoticComponent<import("./MenuButton").MenuButtonContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
33
33
|
CustomTrigger: import("react").ForwardRefExoticComponent<CustomTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
34
34
|
Divider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
|
|
35
35
|
Item: import("react").ForwardRefExoticComponent<import("./useMenuItemProps").BaseItemProps<HTMLDivElement> & DropdownMenu.DropdownMenuItemProps & {
|
|
@@ -18,7 +18,7 @@ export var Content = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
18
18
|
className = _ref.className,
|
|
19
19
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
20
20
|
var createPortal = useCreatePortal();
|
|
21
|
-
return createPortal(
|
|
21
|
+
return createPortal(/*#__PURE__*/_jsx(DropdownMenuContent, _objectSpread(_objectSpread({
|
|
22
22
|
align: "start",
|
|
23
23
|
side: "bottom",
|
|
24
24
|
sideOffset: 15,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
3
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17
|
|
3
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
4
4
|
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; }
|
|
5
5
|
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) { _defineProperty(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; }
|
|
6
6
|
import * as Dialog from "@radix-ui/react-dialog";
|
|
@@ -75,11 +75,11 @@ export var Modal = function Modal(_ref) {
|
|
|
75
75
|
children: [!isControlled && /*#__PURE__*/_jsx(Dialog.Trigger, {
|
|
76
76
|
asChild: true,
|
|
77
77
|
children: triggerButton
|
|
78
|
-
}), createPortal(
|
|
78
|
+
}), createPortal(/*#__PURE__*/_jsx(Dialog.Overlay, {
|
|
79
79
|
className: cx(animate && !prefersReducedMotion && stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["modal-animated"]))), stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["modal-overlay bg-grey-900/30 z-modalOverlay inset-0 fixed w-full h-full flex items-start justify-center px-8 py-10"]))), stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["overflow-x-hidden overflow-y-auto [scrollbar-gutter:stable_both-edges]"])))),
|
|
80
80
|
children: /*#__PURE__*/_jsx(Dialog.Content, {
|
|
81
81
|
ref: dialogContentRef,
|
|
82
|
-
className: cx(stl(
|
|
82
|
+
className: cx(stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["modal-content"]))), SIZE_CLASSNAMES[size], centerY && stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["flex m-auto justify-center"])))),
|
|
83
83
|
"aria-describedby": undefined,
|
|
84
84
|
onOpenAutoFocus: function onOpenAutoFocus(e) {
|
|
85
85
|
var _closeButtonRef$curre;
|
|
@@ -97,18 +97,18 @@ export var Modal = function Modal(_ref) {
|
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
children: /*#__PURE__*/_jsx("div", {
|
|
100
|
-
className: stl(
|
|
100
|
+
className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["modal-container"]))),
|
|
101
101
|
children: /*#__PURE__*/_jsxs(Card, {
|
|
102
102
|
as: "div",
|
|
103
103
|
elevation: "500",
|
|
104
|
-
className: cx(stl(
|
|
104
|
+
className: cx(stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["relative"]))), className),
|
|
105
105
|
fullBleed: true,
|
|
106
106
|
children: [/*#__PURE__*/_jsx("header", {
|
|
107
|
-
className: cx(stl(
|
|
107
|
+
className: cx(stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["min-h-14 flex items-center justify-between space-x-2"]))), title ? stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["border-b border-grey-100 pl-8 pr-16"]))) : stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["justify-end px-8"]))), !title && hideCloseIcon && stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["hidden"])))),
|
|
108
108
|
children: /*#__PURE__*/_jsx(Dialog.Title, {
|
|
109
109
|
asChild: true,
|
|
110
110
|
children: title ? /*#__PURE__*/_jsx("div", {
|
|
111
|
-
className: stl(
|
|
111
|
+
className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex-1 display-heading truncate"]))),
|
|
112
112
|
children: title
|
|
113
113
|
}) : /*#__PURE__*/_jsx(VisuallyHidden, {
|
|
114
114
|
children: locale.modalTitle
|
|
@@ -118,7 +118,7 @@ export var Modal = function Modal(_ref) {
|
|
|
118
118
|
className: cx(!fullBleed && SIZE_PADDING_CLASSNAMES[size]),
|
|
119
119
|
children: children
|
|
120
120
|
}), !hideCloseIcon && /*#__PURE__*/_jsx("div", {
|
|
121
|
-
className: stl(
|
|
121
|
+
className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["-mr-2 absolute top-3 right-8"]))),
|
|
122
122
|
children: /*#__PURE__*/_jsx(Dialog.Close, {
|
|
123
123
|
ref: closeButtonRef,
|
|
124
124
|
asChild: true,
|
|
@@ -73,7 +73,7 @@ export var Popover = function Popover(_ref) {
|
|
|
73
73
|
ref: triggerRef,
|
|
74
74
|
asChild: true,
|
|
75
75
|
children: children
|
|
76
|
-
}), createPortal(
|
|
76
|
+
}), createPortal(/*#__PURE__*/_jsxs(PopoverPrimitive.Content, _objectSpread(_objectSpread({}, props), {}, {
|
|
77
77
|
"aria-labelledby": title ? titleId : undefined,
|
|
78
78
|
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["text-grey-900 bg-white z-popover shadow-z200 min-w-48 max-w-128 rounded typo-display-body animate-slide"]))), props.className),
|
|
79
79
|
side: side,
|
|
@@ -53,7 +53,7 @@ export var TooltipWrapper = function TooltipWrapper(_ref) {
|
|
|
53
53
|
children: [/*#__PURE__*/_jsx(Tooltip.Trigger, {
|
|
54
54
|
asChild: !hasTextChildren,
|
|
55
55
|
children: children
|
|
56
|
-
}), createPortal(
|
|
56
|
+
}), createPortal(/*#__PURE__*/_jsxs(Tooltip.Content, {
|
|
57
57
|
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tooltip-content animate-slide"]))), tooltipClassName),
|
|
58
58
|
style: {
|
|
59
59
|
"--slide-hide-delay": "".concat(hideDelay, "ms")
|
|
@@ -13,7 +13,7 @@ export var getTextFromReactNode = function getTextFromReactNode(node) {
|
|
|
13
13
|
node.forEach(function (child) {
|
|
14
14
|
string += getTextFromReactNode(child);
|
|
15
15
|
});
|
|
16
|
-
} else if (
|
|
16
|
+
} else if (/*#__PURE__*/isValidElement(node)) {
|
|
17
17
|
string += getTextFromReactNode(node.props.children);
|
|
18
18
|
}
|
|
19
19
|
return string;
|
|
@@ -20,9 +20,9 @@ export var onlyText = function onlyText(children) {
|
|
|
20
20
|
}
|
|
21
21
|
return Children.toArray(children).reduce(function (text, child) {
|
|
22
22
|
var newText = "";
|
|
23
|
-
if (
|
|
23
|
+
if (/*#__PURE__*/isValidElement(child) && hasChildren(child)) {
|
|
24
24
|
newText = onlyText(child.props.children);
|
|
25
|
-
} else if (
|
|
25
|
+
} else if (/*#__PURE__*/isValidElement(child) && !hasChildren(child)) {
|
|
26
26
|
newText = "";
|
|
27
27
|
} else {
|
|
28
28
|
newText = childToString(child);
|