@redis-ui/components 41.3.7 → 41.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/README.md +330 -0
- package/dist/AppSelectionMenu/components/Item/Item.styles.d.ts +1 -1
- package/dist/Banner/components/Message/Message.style.d.ts +2 -1
- package/dist/Button/TextButton/TextButton.cjs +2 -0
- package/dist/Button/TextButton/TextButton.js +2 -0
- package/dist/Button/TextButton/TextButton.style.cjs +9 -3
- package/dist/Button/TextButton/TextButton.style.d.ts +1 -1
- package/dist/Button/TextButton/TextButton.style.js +9 -3
- package/dist/Button/TextButton/TextButton.types.d.ts +2 -0
- package/dist/Button/ToggleButton/ToggleButton.style.cjs +1 -1
- package/dist/Button/ToggleButton/ToggleButton.style.js +1 -1
- package/dist/Checkbox/components/Label/Label.style.d.ts +2 -1
- package/dist/ChipList/Components/ExtraItem.cjs +8 -7
- package/dist/ChipList/Components/ExtraItem.js +8 -7
- package/dist/ChipList/Components/ExtraItem.style.d.ts +2 -1
- package/dist/Drawer/components/Description/components/Text/Text.style.d.ts +2 -1
- package/dist/Drawer/components/Header/components/Title/Title.style.d.ts +2 -1
- package/dist/Filters/components/MultiSelectFilter/MultiSelectFilter.cjs +2 -2
- package/dist/Filters/components/MultiSelectFilter/MultiSelectFilter.js +2 -2
- package/dist/Filters/components/MultiTreeSelectFilter/MultiTreeSelectFilter.cjs +2 -2
- package/dist/Filters/components/MultiTreeSelectFilter/MultiTreeSelectFilter.js +2 -2
- package/dist/FormField/FormField.context.cjs +4 -0
- package/dist/FormField/FormField.context.d.ts +3 -0
- package/dist/FormField/FormField.context.js +4 -0
- package/dist/FormField/components/AdditionalText/AdditionalText.style.d.ts +2 -1
- package/dist/FormField/components/Nested/Nested.cjs +4 -2
- package/dist/FormField/components/Nested/Nested.js +5 -3
- package/dist/Helpers/css.utils.cjs +4 -0
- package/dist/Helpers/css.utils.js +4 -0
- package/dist/Inputs/Input/Input.d.ts +1 -1
- package/dist/Inputs/NumericInput/NumericInput.d.ts +1 -1
- package/dist/Inputs/QuantityCounter/QuantityCounter.d.ts +1 -1
- package/dist/Inputs/QuantityCounter/components/InputGroup/components/ValueLabel/ValueLabel.style.d.ts +2 -1
- package/dist/Inputs/TextArea/TextArea.d.ts +1 -1
- package/dist/Inputs/TextArea/components/Compose/Compose.style.d.ts +1 -1
- package/dist/Inputs/TextArea/components/TextAreaTag/TextAreaTag.cjs +6 -2
- package/dist/Inputs/TextArea/components/TextAreaTag/TextAreaTag.js +7 -3
- package/dist/Inputs/components/Compose/CommonCompose.cjs +16 -14
- package/dist/Inputs/components/Compose/CommonCompose.js +17 -15
- package/dist/Inputs/components/Compose/Compose.style.d.ts +2 -1
- package/dist/Inputs/components/Context/InputValue.context.cjs +13 -9
- package/dist/Inputs/components/Context/InputValue.context.d.ts +270 -4
- package/dist/Inputs/components/Context/InputValue.context.js +13 -9
- package/dist/Inputs/components/Context/InputValueProvider.cjs +7 -2
- package/dist/Inputs/components/Context/InputValueProvider.js +8 -3
- package/dist/Inputs/components/Context/NumericInputValueProvider.cjs +6 -1
- package/dist/Inputs/components/Context/NumericInputValueProvider.js +7 -2
- package/dist/Inputs/components/InputTag/InputTag.cjs +6 -3
- package/dist/Inputs/components/InputTag/InputTag.js +7 -4
- package/dist/Inputs/components/InputTag/InputTag.style.cjs +1 -1
- package/dist/Inputs/components/InputTag/InputTag.style.js +1 -1
- package/dist/Inputs/components/ResetButton/ResetButton.cjs +7 -4
- package/dist/Inputs/components/ResetButton/ResetButton.js +7 -4
- package/dist/Label/components/Optional/Optional.style.d.ts +2 -1
- package/dist/Label/components/Required/Required.cjs +8 -8
- package/dist/Label/components/Required/Required.js +8 -8
- package/dist/Label/components/Required/Required.style.d.ts +2 -1
- package/dist/Label/components/Text/Text.style.d.ts +2 -1
- package/dist/Layouts/FlexDivider/FlexDivider.cjs +22 -0
- package/dist/Layouts/FlexDivider/FlexDivider.d.ts +2 -0
- package/dist/Layouts/FlexDivider/FlexDivider.js +22 -0
- package/dist/Layouts/FlexDivider/FlexDivider.style.cjs +46 -0
- package/dist/Layouts/FlexDivider/FlexDivider.style.d.ts +6 -0
- package/dist/Layouts/FlexDivider/FlexDivider.style.js +44 -0
- package/dist/Layouts/FlexDivider/FlexDivider.types.d.ts +15 -0
- package/dist/Layouts/FlexGroup/FlexGroup.cjs +20 -0
- package/dist/Layouts/FlexGroup/FlexGroup.d.ts +2 -0
- package/dist/Layouts/FlexGroup/FlexGroup.js +20 -0
- package/dist/Layouts/FlexGroup/FlexGroup.style.cjs +20 -0
- package/dist/Layouts/FlexGroup/FlexGroup.style.d.ts +9 -0
- package/dist/Layouts/FlexGroup/FlexGroup.style.js +18 -0
- package/dist/Layouts/FlexGroup/FlexGroup.types.d.ts +19 -0
- package/dist/Layouts/FlexItem/FlexItem.cjs +16 -0
- package/dist/Layouts/FlexItem/FlexItem.d.ts +2 -0
- package/dist/Layouts/FlexItem/FlexItem.js +16 -0
- package/dist/Layouts/FlexItem/FlexItem.style.cjs +14 -0
- package/dist/Layouts/FlexItem/FlexItem.style.d.ts +5 -0
- package/dist/Layouts/FlexItem/FlexItem.style.js +12 -0
- package/dist/Layouts/FlexItem/FlexItem.types.d.ts +14 -0
- package/dist/Layouts/FlexSplit/FlexSplit.cjs +10 -0
- package/dist/Layouts/FlexSplit/FlexSplit.d.ts +2 -0
- package/dist/Layouts/FlexSplit/FlexSplit.js +10 -0
- package/dist/Layouts/FlexSplit/FlexSplit.style.cjs +27 -0
- package/dist/Layouts/FlexSplit/FlexSplit.style.d.ts +8 -0
- package/dist/Layouts/FlexSplit/FlexSplit.style.js +25 -0
- package/dist/Layouts/FlexSplit/FlexSplit.types.d.ts +8 -0
- package/dist/Layouts/index.d.ts +8 -0
- package/dist/Link/Link.style.d.ts +2 -1
- package/dist/Menu/components/Content/components/Item/Components/SubHead/SubHead.style.d.ts +2 -1
- package/dist/Menu/components/Content/components/Label/components/Text/Text.style.d.ts +2 -1
- package/dist/MidBar/MidBar.cjs +30 -0
- package/dist/MidBar/MidBar.d.ts +22 -0
- package/dist/MidBar/MidBar.js +30 -0
- package/dist/MidBar/MidBar.types.d.ts +6 -0
- package/dist/MidBar/components/Header/Header.cjs +32 -0
- package/dist/MidBar/components/Header/Header.d.ts +15 -0
- package/dist/MidBar/components/Header/Header.js +32 -0
- package/dist/MidBar/components/Header/Header.types.d.ts +13 -0
- package/dist/MidBar/components/Header/components/Compose/Compose.cjs +8 -0
- package/dist/MidBar/components/Header/components/Compose/Compose.d.ts +3 -0
- package/dist/MidBar/components/Header/components/Compose/Compose.js +8 -0
- package/dist/MidBar/components/Header/components/Compose/Compose.style.cjs +31 -0
- package/dist/MidBar/components/Header/components/Compose/Compose.style.d.ts +1 -0
- package/dist/MidBar/components/Header/components/Compose/Compose.style.js +29 -0
- package/dist/MidBar/components/Header/components/Compose/Compose.types.d.ts +2 -0
- package/dist/MidBar/components/Header/components/Group/Group.cjs +12 -0
- package/dist/MidBar/components/Header/components/Group/Group.d.ts +3 -0
- package/dist/MidBar/components/Header/components/Group/Group.js +12 -0
- package/dist/MidBar/components/Header/components/Group/Group.style.cjs +22 -0
- package/dist/MidBar/components/Header/components/Group/Group.style.d.ts +4 -0
- package/dist/MidBar/components/Header/components/Group/Group.style.js +20 -0
- package/dist/MidBar/components/Header/components/Group/Group.types.d.ts +5 -0
- package/dist/MidBar/index.d.ts +2 -0
- package/dist/Modal/components/Content/components/Body/components/Text/Text.style.d.ts +2 -1
- package/dist/Modal/components/Content/components/Description/components/Text/Text.style.d.ts +2 -1
- package/dist/Modal/components/Content/components/Header/components/Title/Title.style.d.ts +2 -1
- package/dist/MoreInfoIcon/MoreInfoIcon.style.cjs +1 -1
- package/dist/MoreInfoIcon/MoreInfoIcon.style.js +1 -1
- package/dist/Pagination/Pagination.d.ts +3 -2
- package/dist/Popover/Popover.d.ts +2 -2
- package/dist/Popover/components/Content/Content.d.ts +1 -1
- package/dist/Popover/components/Content/components/Body/components/BodyText/BodyText.styles.d.ts +2 -1
- package/dist/Popover/components/Content/components/Header/components/HeaderTitle/HeaderTitle.styles.d.ts +2 -1
- package/dist/Popover/components/Content/components/Text/Text.styles.d.ts +2 -1
- package/dist/Popover/components/Content/components/WindowBar/WindowBar.d.ts +1 -1
- package/dist/Popover/components/Content/components/WindowBar/WindowBar.style.d.ts +2 -1
- package/dist/Popover/components/PopoverCard/PopoverCard.d.ts +1 -1
- package/dist/ProgressBar/ProgressBar.styles.d.ts +1 -1
- package/dist/SearchBar/components/SearchSection/components/Actions/components/ColumnSelector/ColumnSelector.cjs +5 -7
- package/dist/SearchBar/components/SearchSection/components/Actions/components/ColumnSelector/ColumnSelector.js +5 -7
- package/dist/SearchBar/components/SearchSection/components/Actions/components/FiltersToggle/FiltersToggle.cjs +11 -9
- package/dist/SearchBar/components/SearchSection/components/Actions/components/FiltersToggle/FiltersToggle.js +11 -9
- package/dist/Section/components/Header/components/CategoryValueList/CategoryValueList.style.d.ts +2 -1
- package/dist/Section/components/Header/components/CategoryValueList/components/CategoryValueChip/CategoryValueChip.style.d.ts +3 -2
- package/dist/Section/components/Header/components/Label/Label.style.d.ts +2 -1
- package/dist/Select/components/Context/Context.cjs +6 -4
- package/dist/Select/components/Context/Context.js +7 -5
- package/dist/Select/components/Trigger/components/Compose/Compose.cjs +5 -0
- package/dist/Select/components/Trigger/components/Compose/Compose.js +6 -1
- package/dist/Select/components/Trigger/components/Compose/Compose.style.cjs +5 -0
- package/dist/Select/components/Trigger/components/Compose/Compose.style.js +5 -0
- package/dist/SideBar/components/Footer/components/Text/Text.style.d.ts +2 -1
- package/dist/SideBar/components/Item/components/Text/Text.style.d.ts +2 -1
- package/dist/Stepper/Stepper.context.cjs +5 -10
- package/dist/Stepper/Stepper.context.d.ts +1 -2
- package/dist/Stepper/Stepper.context.js +5 -10
- package/dist/Stepper/Stepper.d.ts +4 -4
- package/dist/Stepper/components/Compose/Compose.cjs +6 -1
- package/dist/Stepper/components/Compose/Compose.d.ts +2 -2
- package/dist/Stepper/components/Compose/Compose.js +7 -2
- package/dist/Stepper/components/Step/Step.context.cjs +5 -10
- package/dist/Stepper/components/Step/Step.context.d.ts +1 -2
- package/dist/Stepper/components/Step/Step.context.js +5 -10
- package/dist/Stepper/components/Step/Step.d.ts +2 -3
- package/dist/Stepper/components/Step/components/Compose/Compose.cjs +1 -3
- package/dist/Stepper/components/Step/components/Compose/Compose.d.ts +1 -1
- package/dist/Stepper/components/Step/components/Compose/Compose.js +2 -4
- package/dist/Stepper/components/Step/components/Compose/Compose.style.cjs +2 -5
- package/dist/Stepper/components/Step/components/Compose/Compose.style.js +4 -7
- package/dist/Stepper/components/Step/components/Label/Label.style.d.ts +2 -1
- package/dist/Stepper/components/Step/components/Label/Label.types.d.ts +2 -3
- package/dist/Stepper/hooks/useStepperFocusing.cjs +31 -0
- package/dist/Stepper/hooks/useStepperFocusing.d.ts +16 -0
- package/dist/Stepper/hooks/useStepperFocusing.js +31 -0
- package/dist/Stepper/hooks/useStepperInteractive.cjs +30 -37
- package/dist/Stepper/hooks/useStepperInteractive.d.ts +2 -3
- package/dist/Stepper/hooks/useStepperInteractive.js +30 -37
- package/dist/Switch/components/Title/Title.style.d.ts +2 -1
- package/dist/Switch/components/Title/Title.types.d.ts +4 -4
- package/dist/TableHeading/TableHeading.style.cjs +1 -1
- package/dist/TableHeading/TableHeading.style.js +1 -1
- package/dist/Tabs/components/TabBar/utils/theme.utils.d.ts +2 -2
- package/dist/ThemeModeSwitch/ThemeModeSwitch.cjs +64 -0
- package/dist/ThemeModeSwitch/ThemeModeSwitch.d.ts +2 -0
- package/dist/ThemeModeSwitch/ThemeModeSwitch.js +64 -0
- package/dist/ThemeModeSwitch/ThemeModeSwitch.style.cjs +38 -0
- package/dist/ThemeModeSwitch/ThemeModeSwitch.style.d.ts +4 -0
- package/dist/ThemeModeSwitch/ThemeModeSwitch.style.js +36 -0
- package/dist/ThemeModeSwitch/ThemeModeSwitch.types.d.ts +7 -0
- package/dist/ThemeModeSwitch/index.d.ts +3 -0
- package/dist/ThemeModeSwitch/useThemeModeSwitch.cjs +37 -0
- package/dist/ThemeModeSwitch/useThemeModeSwitch.d.ts +8 -0
- package/dist/ThemeModeSwitch/useThemeModeSwitch.js +37 -0
- package/dist/Toast/Toaster.cjs +4 -6
- package/dist/Toast/Toaster.d.ts +2 -1
- package/dist/Toast/Toaster.js +4 -6
- package/dist/Toast/Toaster.style.cjs +2 -2
- package/dist/Toast/Toaster.style.d.ts +2 -2
- package/dist/Toast/Toaster.style.js +3 -3
- package/dist/Toast/components/Content/components/Description/Description.style.d.ts +2 -1
- package/dist/Toast/components/Content/components/Message/Message.style.d.ts +2 -1
- package/dist/Toast/core/core.d.ts +3 -3
- package/dist/Toast/core/mapping.helpers.cjs +18 -2
- package/dist/Toast/core/mapping.helpers.d.ts +4 -3
- package/dist/Toast/core/mapping.helpers.js +22 -6
- package/dist/Toast/core/mapping.types.d.ts +3 -2
- package/dist/Tooltip/components/Content/components/Text/Text.styles.d.ts +2 -1
- package/dist/TreeView/components/TreeItem/components/Checkbox/Checkbox.style.d.ts +2 -1
- package/dist/Typography/Typography.cjs +3 -1
- package/dist/Typography/Typography.d.ts +5 -3
- package/dist/Typography/Typography.js +8 -6
- package/dist/Typography/components/Base/Base.cjs +18 -0
- package/dist/Typography/components/Base/Base.d.ts +4 -0
- package/dist/Typography/components/Base/Base.js +18 -0
- package/dist/Typography/components/Base/Base.style.cjs +16 -0
- package/dist/Typography/components/Base/Base.style.d.ts +3 -0
- package/dist/Typography/components/Base/Base.style.js +14 -0
- package/dist/Typography/components/Base/Base.types.d.ts +7 -0
- package/dist/Typography/components/Body/Body.cjs +11 -12
- package/dist/Typography/components/Body/Body.d.ts +3 -2
- package/dist/Typography/components/Body/Body.js +12 -13
- package/dist/Typography/components/Body/Body.style.cjs +5 -10
- package/dist/Typography/components/Body/Body.style.d.ts +2 -3
- package/dist/Typography/components/Body/Body.style.js +5 -10
- package/dist/Typography/components/Body/Body.types.d.ts +2 -5
- package/dist/Typography/components/Code/Code.cjs +11 -11
- package/dist/Typography/components/Code/Code.d.ts +3 -2
- package/dist/Typography/components/Code/Code.js +12 -12
- package/dist/Typography/components/Code/Code.style.cjs +5 -10
- package/dist/Typography/components/Code/Code.style.d.ts +1 -2
- package/dist/Typography/components/Code/Code.style.js +5 -10
- package/dist/Typography/components/Code/Code.types.d.ts +2 -5
- package/dist/Typography/components/Heading/Heading.cjs +11 -20
- package/dist/Typography/components/Heading/Heading.d.ts +3 -2
- package/dist/Typography/components/Heading/Heading.js +11 -20
- package/dist/Typography/components/Heading/Heading.style.cjs +4 -10
- package/dist/Typography/components/Heading/Heading.style.d.ts +2 -2
- package/dist/Typography/components/Heading/Heading.style.js +4 -10
- package/dist/Typography/components/Heading/Heading.types.d.ts +2 -5
- package/dist/Typography/components/Heading/Heading.utils.cjs +12 -0
- package/dist/Typography/components/Heading/Heading.utils.d.ts +2 -0
- package/dist/Typography/components/Heading/Heading.utils.js +12 -0
- package/dist/Typography/hooks/useEllipsisTooltip.cjs +7 -4
- package/dist/Typography/hooks/useEllipsisTooltip.d.ts +3 -8
- package/dist/Typography/hooks/useEllipsisTooltip.js +7 -4
- package/dist/Typography/index.d.ts +1 -0
- package/dist/index.cjs +1092 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +1139 -48
- package/dist/node_modules/clsx/dist/clsx.cjs +17 -0
- package/dist/node_modules/clsx/dist/clsx.js +17 -0
- package/dist/packages/components/node_modules/react-toastify/dist/react-toastify.esm.cjs +320 -0
- package/dist/packages/components/node_modules/react-toastify/dist/react-toastify.esm.js +318 -0
- package/dist/packages/icons/dist/multicolor/LoaderLarge.cjs +2 -2
- package/dist/packages/icons/dist/multicolor/LoaderLarge.js +2 -2
- package/dist/packages/icons/dist/multicolor/dark/LoaderLarge.cjs +3 -8
- package/dist/packages/icons/dist/multicolor/dark/LoaderLarge.js +3 -8
- package/dist/packages/icons/dist/multicolor/light/LoaderLarge.cjs +3 -8
- package/dist/packages/icons/dist/multicolor/light/LoaderLarge.js +3 -8
- package/package.json +4 -4
- package/dist/node_modules/clsx/dist/clsx.m.cjs +0 -15
- package/dist/node_modules/clsx/dist/clsx.m.js +0 -15
- package/dist/node_modules/react-toastify/dist/react-toastify.esm.cjs +0 -300
- package/dist/node_modules/react-toastify/dist/react-toastify.esm.js +0 -298
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
function r(e) {
|
|
4
|
+
var t, f, n = "";
|
|
5
|
+
if ("string" == typeof e || "number" == typeof e) n += e;
|
|
6
|
+
else if ("object" == typeof e) if (Array.isArray(e)) {
|
|
7
|
+
var o = e.length;
|
|
8
|
+
for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
|
|
9
|
+
} else for (f in e) e[f] && (n && (n += " "), n += f);
|
|
10
|
+
return n;
|
|
11
|
+
}
|
|
12
|
+
function clsx() {
|
|
13
|
+
for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
|
|
14
|
+
return n;
|
|
15
|
+
}
|
|
16
|
+
exports.clsx = clsx;
|
|
17
|
+
exports.default = clsx;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
function r(e) {
|
|
2
|
+
var t, f, n = "";
|
|
3
|
+
if ("string" == typeof e || "number" == typeof e) n += e;
|
|
4
|
+
else if ("object" == typeof e) if (Array.isArray(e)) {
|
|
5
|
+
var o = e.length;
|
|
6
|
+
for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
|
|
7
|
+
} else for (f in e) e[f] && (n && (n += " "), n += f);
|
|
8
|
+
return n;
|
|
9
|
+
}
|
|
10
|
+
function clsx() {
|
|
11
|
+
for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
|
|
12
|
+
return n;
|
|
13
|
+
}
|
|
14
|
+
export {
|
|
15
|
+
clsx,
|
|
16
|
+
clsx as default
|
|
17
|
+
};
|
|
@@ -0,0 +1,320 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const React = require("react");
|
|
4
|
+
const clsx = require("../../../../../node_modules/clsx/dist/clsx.cjs");
|
|
5
|
+
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
6
|
+
const React__default = /* @__PURE__ */ _interopDefault(React);
|
|
7
|
+
const c = (e) => "number" == typeof e && !isNaN(e), d = (e) => "string" == typeof e, u = (e) => "function" == typeof e, p = (e) => d(e) || u(e) ? e : null, m = (e) => React.isValidElement(e) || d(e) || u(e) || c(e);
|
|
8
|
+
function f(e, t, n) {
|
|
9
|
+
void 0 === n && (n = 300);
|
|
10
|
+
const { scrollHeight: o, style: s } = e;
|
|
11
|
+
requestAnimationFrame(() => {
|
|
12
|
+
s.minHeight = "initial", s.height = o + "px", s.transition = `all ${n}ms`, requestAnimationFrame(() => {
|
|
13
|
+
s.height = "0", s.padding = "0", s.margin = "0", setTimeout(t, n);
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
function g(t) {
|
|
18
|
+
let { enter: a, exit: r, appendPosition: i = false, collapse: l = true, collapseDuration: c2 = 300 } = t;
|
|
19
|
+
return function(t2) {
|
|
20
|
+
let { children: d2, position: u2, preventExitTransition: p2, done: m2, nodeRef: g2, isIn: y2, playToast: v2 } = t2;
|
|
21
|
+
const h2 = i ? `${a}--${u2}` : a, T2 = i ? `${r}--${u2}` : r, E2 = React.useRef(0);
|
|
22
|
+
return React.useLayoutEffect(() => {
|
|
23
|
+
const e = g2.current, t3 = h2.split(" "), n = (o) => {
|
|
24
|
+
o.target === g2.current && (v2(), e.removeEventListener("animationend", n), e.removeEventListener("animationcancel", n), 0 === E2.current && "animationcancel" !== o.type && e.classList.remove(...t3));
|
|
25
|
+
};
|
|
26
|
+
e.classList.add(...t3), e.addEventListener("animationend", n), e.addEventListener("animationcancel", n);
|
|
27
|
+
}, []), React.useEffect(() => {
|
|
28
|
+
const e = g2.current, t3 = () => {
|
|
29
|
+
e.removeEventListener("animationend", t3), l ? f(e, m2, c2) : m2();
|
|
30
|
+
};
|
|
31
|
+
y2 || (p2 ? t3() : (E2.current = 1, e.className += ` ${T2}`, e.addEventListener("animationend", t3)));
|
|
32
|
+
}, [y2]), React__default.default.createElement(React__default.default.Fragment, null, d2);
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
function y(e, t) {
|
|
36
|
+
return null != e ? { content: e.content, containerId: e.props.containerId, id: e.props.toastId, theme: e.props.theme, type: e.props.type, data: e.props.data || {}, isLoading: e.props.isLoading, icon: e.props.icon, status: t } : {};
|
|
37
|
+
}
|
|
38
|
+
const v = /* @__PURE__ */ new Map();
|
|
39
|
+
let h = [];
|
|
40
|
+
const T = /* @__PURE__ */ new Set(), E = (e) => T.forEach((t) => t(e)), b = () => v.size > 0;
|
|
41
|
+
function I(e, t) {
|
|
42
|
+
var n;
|
|
43
|
+
if (t) return !(null == (n = v.get(t)) || !n.isToastActive(e));
|
|
44
|
+
let o = false;
|
|
45
|
+
return v.forEach((t2) => {
|
|
46
|
+
t2.isToastActive(e) && (o = true);
|
|
47
|
+
}), o;
|
|
48
|
+
}
|
|
49
|
+
function _(e, t) {
|
|
50
|
+
m(e) && (b() || h.push({ content: e, options: t }), v.forEach((n) => {
|
|
51
|
+
n.buildToast(e, t);
|
|
52
|
+
}));
|
|
53
|
+
}
|
|
54
|
+
function C(e, t) {
|
|
55
|
+
v.forEach((n) => {
|
|
56
|
+
null != t && null != t && t.containerId ? (null == t ? void 0 : t.containerId) === n.id && n.toggle(e, null == t ? void 0 : t.id) : n.toggle(e, null == t ? void 0 : t.id);
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
function L(e) {
|
|
60
|
+
const { subscribe: o, getSnapshot: s, setProps: i } = React.useRef(function(e2) {
|
|
61
|
+
const n = e2.containerId || 1;
|
|
62
|
+
return { subscribe(o2) {
|
|
63
|
+
const s2 = /* @__PURE__ */ function(e3, n2, o3) {
|
|
64
|
+
let s3 = 1, r2 = 0, i2 = [], l2 = [], f2 = [], g2 = n2;
|
|
65
|
+
const v2 = /* @__PURE__ */ new Map(), h2 = /* @__PURE__ */ new Set(), T2 = () => {
|
|
66
|
+
f2 = Array.from(v2.values()), h2.forEach((e4) => e4());
|
|
67
|
+
}, E2 = (e4) => {
|
|
68
|
+
l2 = null == e4 ? [] : l2.filter((t) => t !== e4), T2();
|
|
69
|
+
}, b2 = (e4) => {
|
|
70
|
+
const { toastId: n3, onOpen: s4, updateId: a, children: r3 } = e4.props, i3 = null == a;
|
|
71
|
+
e4.staleId && v2.delete(e4.staleId), v2.set(n3, e4), l2 = [...l2, e4.props.toastId].filter((t) => t !== e4.staleId), T2(), o3(y(e4, i3 ? "added" : "updated")), i3 && u(s4) && s4(React.isValidElement(r3) && r3.props);
|
|
72
|
+
};
|
|
73
|
+
return { id: e3, props: g2, observe: (e4) => (h2.add(e4), () => h2.delete(e4)), toggle: (e4, t) => {
|
|
74
|
+
v2.forEach((n3) => {
|
|
75
|
+
null != t && t !== n3.props.toastId || u(n3.toggle) && n3.toggle(e4);
|
|
76
|
+
});
|
|
77
|
+
}, removeToast: E2, toasts: v2, clearQueue: () => {
|
|
78
|
+
r2 -= i2.length, i2 = [];
|
|
79
|
+
}, buildToast: (n3, l3) => {
|
|
80
|
+
if (((t) => {
|
|
81
|
+
let { containerId: n4, toastId: o4, updateId: s4 } = t;
|
|
82
|
+
const a = n4 ? n4 !== e3 : 1 !== e3, r3 = v2.has(o4) && null == s4;
|
|
83
|
+
return a || r3;
|
|
84
|
+
})(l3)) return;
|
|
85
|
+
const { toastId: f3, updateId: h3, data: I2, staleId: _2, delay: C2 } = l3, L2 = () => {
|
|
86
|
+
E2(f3);
|
|
87
|
+
}, N2 = null == h3;
|
|
88
|
+
N2 && r2++;
|
|
89
|
+
const $2 = { ...g2, style: g2.toastStyle, key: s3++, ...Object.fromEntries(Object.entries(l3).filter((e4) => {
|
|
90
|
+
let [t, n4] = e4;
|
|
91
|
+
return null != n4;
|
|
92
|
+
})), toastId: f3, updateId: h3, data: I2, closeToast: L2, isIn: false, className: p(l3.className || g2.toastClassName), bodyClassName: p(l3.bodyClassName || g2.bodyClassName), progressClassName: p(l3.progressClassName || g2.progressClassName), autoClose: !l3.isLoading && (w2 = l3.autoClose, k2 = g2.autoClose, false === w2 || c(w2) && w2 > 0 ? w2 : k2), deleteToast() {
|
|
93
|
+
const e4 = v2.get(f3), { onClose: n4, children: s4 } = e4.props;
|
|
94
|
+
u(n4) && n4(React.isValidElement(s4) && s4.props), o3(y(e4, "removed")), v2.delete(f3), r2--, r2 < 0 && (r2 = 0), i2.length > 0 ? b2(i2.shift()) : T2();
|
|
95
|
+
} };
|
|
96
|
+
var w2, k2;
|
|
97
|
+
$2.closeButton = g2.closeButton, false === l3.closeButton || m(l3.closeButton) ? $2.closeButton = l3.closeButton : true === l3.closeButton && ($2.closeButton = !m(g2.closeButton) || g2.closeButton);
|
|
98
|
+
let P2 = n3;
|
|
99
|
+
React.isValidElement(n3) && !d(n3.type) ? P2 = React.cloneElement(n3, { closeToast: L2, toastProps: $2, data: I2 }) : u(n3) && (P2 = n3({ closeToast: L2, toastProps: $2, data: I2 }));
|
|
100
|
+
const M2 = { content: P2, props: $2, staleId: _2 };
|
|
101
|
+
g2.limit && g2.limit > 0 && r2 > g2.limit && N2 ? i2.push(M2) : c(C2) ? setTimeout(() => {
|
|
102
|
+
b2(M2);
|
|
103
|
+
}, C2) : b2(M2);
|
|
104
|
+
}, setProps(e4) {
|
|
105
|
+
g2 = e4;
|
|
106
|
+
}, setToggle: (e4, t) => {
|
|
107
|
+
v2.get(e4).toggle = t;
|
|
108
|
+
}, isToastActive: (e4) => l2.some((t) => t === e4), getSnapshot: () => g2.newestOnTop ? f2.reverse() : f2 };
|
|
109
|
+
}(n, e2, E);
|
|
110
|
+
v.set(n, s2);
|
|
111
|
+
const r = s2.observe(o2);
|
|
112
|
+
return h.forEach((e3) => _(e3.content, e3.options)), h = [], () => {
|
|
113
|
+
r(), v.delete(n);
|
|
114
|
+
};
|
|
115
|
+
}, setProps(e3) {
|
|
116
|
+
var t;
|
|
117
|
+
null == (t = v.get(n)) || t.setProps(e3);
|
|
118
|
+
}, getSnapshot() {
|
|
119
|
+
var e3;
|
|
120
|
+
return null == (e3 = v.get(n)) ? void 0 : e3.getSnapshot();
|
|
121
|
+
} };
|
|
122
|
+
}(e)).current;
|
|
123
|
+
i(e);
|
|
124
|
+
const l = React.useSyncExternalStore(o, s, s);
|
|
125
|
+
return { getToastToRender: function(e2) {
|
|
126
|
+
if (!l) return [];
|
|
127
|
+
const t = /* @__PURE__ */ new Map();
|
|
128
|
+
return l.forEach((e3) => {
|
|
129
|
+
const { position: n } = e3.props;
|
|
130
|
+
t.has(n) || t.set(n, []), t.get(n).push(e3);
|
|
131
|
+
}), Array.from(t, (t2) => e2(t2[0], t2[1]));
|
|
132
|
+
}, isToastActive: I, count: null == l ? void 0 : l.length };
|
|
133
|
+
}
|
|
134
|
+
function N(e) {
|
|
135
|
+
const [t, o] = React.useState(false), [a, r] = React.useState(false), l = React.useRef(null), c2 = React.useRef({ start: 0, delta: 0, removalDistance: 0, canCloseOnClick: true, canDrag: false, didMove: false }).current, { autoClose: d2, pauseOnHover: u2, closeToast: p2, onClick: m2, closeOnClick: f2 } = e;
|
|
136
|
+
var g2, y2;
|
|
137
|
+
function h2() {
|
|
138
|
+
o(true);
|
|
139
|
+
}
|
|
140
|
+
function T2() {
|
|
141
|
+
o(false);
|
|
142
|
+
}
|
|
143
|
+
function E2(n) {
|
|
144
|
+
const o2 = l.current;
|
|
145
|
+
c2.canDrag && o2 && (c2.didMove = true, t && T2(), c2.delta = "x" === e.draggableDirection ? n.clientX - c2.start : n.clientY - c2.start, c2.start !== n.clientX && (c2.canCloseOnClick = false), o2.style.transform = `translate3d(${"x" === e.draggableDirection ? `${c2.delta}px, var(--y)` : `0, calc(${c2.delta}px + var(--y))`},0)`, o2.style.opacity = "" + (1 - Math.abs(c2.delta / c2.removalDistance)));
|
|
146
|
+
}
|
|
147
|
+
function b2() {
|
|
148
|
+
document.removeEventListener("pointermove", E2), document.removeEventListener("pointerup", b2);
|
|
149
|
+
const t2 = l.current;
|
|
150
|
+
if (c2.canDrag && c2.didMove && t2) {
|
|
151
|
+
if (c2.canDrag = false, Math.abs(c2.delta) > c2.removalDistance) return r(true), e.closeToast(), void e.collapseAll();
|
|
152
|
+
t2.style.transition = "transform 0.2s, opacity 0.2s", t2.style.removeProperty("transform"), t2.style.removeProperty("opacity");
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
null == (y2 = v.get((g2 = { id: e.toastId, containerId: e.containerId, fn: o }).containerId || 1)) || y2.setToggle(g2.id, g2.fn), React.useEffect(() => {
|
|
156
|
+
if (e.pauseOnFocusLoss) return document.hasFocus() || T2(), window.addEventListener("focus", h2), window.addEventListener("blur", T2), () => {
|
|
157
|
+
window.removeEventListener("focus", h2), window.removeEventListener("blur", T2);
|
|
158
|
+
};
|
|
159
|
+
}, [e.pauseOnFocusLoss]);
|
|
160
|
+
const I2 = { onPointerDown: function(t2) {
|
|
161
|
+
if (true === e.draggable || e.draggable === t2.pointerType) {
|
|
162
|
+
c2.didMove = false, document.addEventListener("pointermove", E2), document.addEventListener("pointerup", b2);
|
|
163
|
+
const n = l.current;
|
|
164
|
+
c2.canCloseOnClick = true, c2.canDrag = true, n.style.transition = "none", "x" === e.draggableDirection ? (c2.start = t2.clientX, c2.removalDistance = n.offsetWidth * (e.draggablePercent / 100)) : (c2.start = t2.clientY, c2.removalDistance = n.offsetHeight * (80 === e.draggablePercent ? 1.5 * e.draggablePercent : e.draggablePercent) / 100);
|
|
165
|
+
}
|
|
166
|
+
}, onPointerUp: function(t2) {
|
|
167
|
+
const { top: n, bottom: o2, left: s, right: a2 } = l.current.getBoundingClientRect();
|
|
168
|
+
"touchend" !== t2.nativeEvent.type && e.pauseOnHover && t2.clientX >= s && t2.clientX <= a2 && t2.clientY >= n && t2.clientY <= o2 ? T2() : h2();
|
|
169
|
+
} };
|
|
170
|
+
return d2 && u2 && (I2.onMouseEnter = T2, e.stacked || (I2.onMouseLeave = h2)), f2 && (I2.onClick = (e2) => {
|
|
171
|
+
m2 && m2(e2), c2.canCloseOnClick && p2();
|
|
172
|
+
}), { playToast: h2, pauseToast: T2, isRunning: t, preventExitTransition: a, toastRef: l, eventHandlers: I2 };
|
|
173
|
+
}
|
|
174
|
+
function $(t) {
|
|
175
|
+
let { delay: n, isRunning: o, closeToast: s, type: a = "default", hide: r, className: i, style: c2, controlledProgress: d2, progress: p2, rtl: m2, isIn: f2, theme: g2 } = t;
|
|
176
|
+
const y2 = r || d2 && 0 === p2, v2 = { ...c2, animationDuration: `${n}ms`, animationPlayState: o ? "running" : "paused" };
|
|
177
|
+
d2 && (v2.transform = `scaleX(${p2})`);
|
|
178
|
+
const h2 = clsx.clsx("Toastify__progress-bar", d2 ? "Toastify__progress-bar--controlled" : "Toastify__progress-bar--animated", `Toastify__progress-bar-theme--${g2}`, `Toastify__progress-bar--${a}`, { "Toastify__progress-bar--rtl": m2 }), T2 = u(i) ? i({ rtl: m2, type: a, defaultClassName: h2 }) : clsx.clsx(h2, i), E2 = { [d2 && p2 >= 1 ? "onTransitionEnd" : "onAnimationEnd"]: d2 && p2 < 1 ? null : () => {
|
|
179
|
+
f2 && s();
|
|
180
|
+
} };
|
|
181
|
+
return React__default.default.createElement("div", { className: "Toastify__progress-bar--wrp", "data-hidden": y2 }, React__default.default.createElement("div", { className: `Toastify__progress-bar--bg Toastify__progress-bar-theme--${g2} Toastify__progress-bar--${a}` }), React__default.default.createElement("div", { role: "progressbar", "aria-hidden": y2 ? "true" : "false", "aria-label": "notification timer", className: T2, style: v2, ...E2 }));
|
|
182
|
+
}
|
|
183
|
+
let w = 1;
|
|
184
|
+
const k = () => "" + w++;
|
|
185
|
+
function P(e) {
|
|
186
|
+
return e && (d(e.toastId) || c(e.toastId)) ? e.toastId : k();
|
|
187
|
+
}
|
|
188
|
+
function M(e, t) {
|
|
189
|
+
return _(e, t), t.toastId;
|
|
190
|
+
}
|
|
191
|
+
function x(e, t) {
|
|
192
|
+
return { ...t, type: t && t.type || e, toastId: P(t) };
|
|
193
|
+
}
|
|
194
|
+
function A(e) {
|
|
195
|
+
return (t, n) => M(t, x(e, n));
|
|
196
|
+
}
|
|
197
|
+
function B(e, t) {
|
|
198
|
+
return M(e, x("default", t));
|
|
199
|
+
}
|
|
200
|
+
B.loading = (e, t) => M(e, x("default", { isLoading: true, autoClose: false, closeOnClick: false, closeButton: false, draggable: false, ...t })), B.promise = function(e, t, n) {
|
|
201
|
+
let o, { pending: s, error: a, success: r } = t;
|
|
202
|
+
s && (o = d(s) ? B.loading(s, n) : B.loading(s.render, { ...n, ...s }));
|
|
203
|
+
const i = { isLoading: null, autoClose: null, closeOnClick: null, closeButton: null, draggable: null }, l = (e2, t2, s2) => {
|
|
204
|
+
if (null == t2) return void B.dismiss(o);
|
|
205
|
+
const a2 = { type: e2, ...i, ...n, data: s2 }, r2 = d(t2) ? { render: t2 } : t2;
|
|
206
|
+
return o ? B.update(o, { ...a2, ...r2 }) : B(r2.render, { ...a2, ...r2 }), s2;
|
|
207
|
+
}, c2 = u(e) ? e() : e;
|
|
208
|
+
return c2.then((e2) => l("success", r, e2)).catch((e2) => l("error", a, e2)), c2;
|
|
209
|
+
}, B.success = A("success"), B.info = A("info"), B.error = A("error"), B.warning = A("warning"), B.warn = B.warning, B.dark = (e, t) => M(e, x("default", { theme: "dark", ...t })), B.dismiss = function(e) {
|
|
210
|
+
!function(e2) {
|
|
211
|
+
var t;
|
|
212
|
+
if (b()) {
|
|
213
|
+
if (null == e2 || d(t = e2) || c(t)) v.forEach((t2) => {
|
|
214
|
+
t2.removeToast(e2);
|
|
215
|
+
});
|
|
216
|
+
else if (e2 && ("containerId" in e2 || "id" in e2)) {
|
|
217
|
+
var n;
|
|
218
|
+
(null == (n = v.get(e2.containerId)) ? void 0 : n.removeToast(e2.id)) || v.forEach((t2) => {
|
|
219
|
+
t2.removeToast(e2.id);
|
|
220
|
+
});
|
|
221
|
+
}
|
|
222
|
+
} else h = h.filter((t2) => null != e2 && t2.options.toastId !== e2);
|
|
223
|
+
}(e);
|
|
224
|
+
}, B.clearWaitingQueue = function(e) {
|
|
225
|
+
void 0 === e && (e = {}), v.forEach((t) => {
|
|
226
|
+
!t.props.limit || e.containerId && t.id !== e.containerId || t.clearQueue();
|
|
227
|
+
});
|
|
228
|
+
}, B.isActive = I, B.update = function(e, t) {
|
|
229
|
+
void 0 === t && (t = {});
|
|
230
|
+
const n = ((e2, t2) => {
|
|
231
|
+
var n2;
|
|
232
|
+
let { containerId: o } = t2;
|
|
233
|
+
return null == (n2 = v.get(o || 1)) ? void 0 : n2.toasts.get(e2);
|
|
234
|
+
})(e, t);
|
|
235
|
+
if (n) {
|
|
236
|
+
const { props: o, content: s } = n, a = { delay: 100, ...o, ...t, toastId: t.toastId || e, updateId: k() };
|
|
237
|
+
a.toastId !== e && (a.staleId = e);
|
|
238
|
+
const r = a.render || s;
|
|
239
|
+
delete a.render, M(r, a);
|
|
240
|
+
}
|
|
241
|
+
}, B.done = (e) => {
|
|
242
|
+
B.update(e, { progress: 1 });
|
|
243
|
+
}, B.onChange = function(e) {
|
|
244
|
+
return T.add(e), () => {
|
|
245
|
+
T.delete(e);
|
|
246
|
+
};
|
|
247
|
+
}, B.play = (e) => C(true, e), B.pause = (e) => C(false, e);
|
|
248
|
+
const O = "undefined" != typeof window ? React.useLayoutEffect : React.useEffect, D = (t) => {
|
|
249
|
+
let { theme: n, type: o, isLoading: s, ...a } = t;
|
|
250
|
+
return React__default.default.createElement("svg", { viewBox: "0 0 24 24", width: "100%", height: "100%", fill: "colored" === n ? "currentColor" : `var(--toastify-icon-color-${o})`, ...a });
|
|
251
|
+
}, z = { info: function(t) {
|
|
252
|
+
return React__default.default.createElement(D, { ...t }, React__default.default.createElement("path", { d: "M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z" }));
|
|
253
|
+
}, warning: function(t) {
|
|
254
|
+
return React__default.default.createElement(D, { ...t }, React__default.default.createElement("path", { d: "M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z" }));
|
|
255
|
+
}, success: function(t) {
|
|
256
|
+
return React__default.default.createElement(D, { ...t }, React__default.default.createElement("path", { d: "M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z" }));
|
|
257
|
+
}, error: function(t) {
|
|
258
|
+
return React__default.default.createElement(D, { ...t }, React__default.default.createElement("path", { d: "M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z" }));
|
|
259
|
+
}, spinner: function() {
|
|
260
|
+
return React__default.default.createElement("div", { className: "Toastify__spinner" });
|
|
261
|
+
} }, R = (n) => {
|
|
262
|
+
const { isRunning: o, preventExitTransition: s, toastRef: r, eventHandlers: i, playToast: c2 } = N(n), { closeButton: d2, children: p2, autoClose: m2, onClick: f2, type: g2, hideProgressBar: y2, closeToast: v2, transition: h2, position: T2, className: E2, style: b2, bodyClassName: I2, bodyStyle: _2, progressClassName: C2, progressStyle: L2, updateId: w2, role: k2, progress: P2, rtl: M2, toastId: x2, deleteToast: A2, isIn: B2, isLoading: O2, closeOnClick: D2, theme: R2 } = n, S2 = clsx.clsx("Toastify__toast", `Toastify__toast-theme--${R2}`, `Toastify__toast--${g2}`, { "Toastify__toast--rtl": M2 }, { "Toastify__toast--close-on-click": D2 }), H2 = u(E2) ? E2({ rtl: M2, position: T2, type: g2, defaultClassName: S2 }) : clsx.clsx(S2, E2), F = function(e) {
|
|
263
|
+
let { theme: n2, type: o2, isLoading: s2, icon: r2 } = e, i2 = null;
|
|
264
|
+
const l = { theme: n2, type: o2 };
|
|
265
|
+
return false === r2 || (u(r2) ? i2 = r2({ ...l, isLoading: s2 }) : React.isValidElement(r2) ? i2 = React.cloneElement(r2, l) : s2 ? i2 = z.spinner() : ((e2) => e2 in z)(o2) && (i2 = z[o2](l))), i2;
|
|
266
|
+
}(n), X = !!P2 || !m2, Y = { closeToast: v2, type: g2, theme: R2 };
|
|
267
|
+
let q2 = null;
|
|
268
|
+
return false === d2 || (q2 = u(d2) ? d2(Y) : React.isValidElement(d2) ? React.cloneElement(d2, Y) : function(t) {
|
|
269
|
+
let { closeToast: n2, theme: o2, ariaLabel: s2 = "close" } = t;
|
|
270
|
+
return React__default.default.createElement("button", { className: `Toastify__close-button Toastify__close-button--${o2}`, type: "button", onClick: (e) => {
|
|
271
|
+
e.stopPropagation(), n2(e);
|
|
272
|
+
}, "aria-label": s2 }, React__default.default.createElement("svg", { "aria-hidden": "true", viewBox: "0 0 14 16" }, React__default.default.createElement("path", { fillRule: "evenodd", d: "M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z" })));
|
|
273
|
+
}(Y)), React__default.default.createElement(h2, { isIn: B2, done: A2, position: T2, preventExitTransition: s, nodeRef: r, playToast: c2 }, React__default.default.createElement("div", { id: x2, onClick: f2, "data-in": B2, className: H2, ...i, style: b2, ref: r }, React__default.default.createElement("div", { ...B2 && { role: k2 }, className: u(I2) ? I2({ type: g2 }) : clsx.clsx("Toastify__toast-body", I2), style: _2 }, null != F && React__default.default.createElement("div", { className: clsx.clsx("Toastify__toast-icon", { "Toastify--animate-icon Toastify__zoom-enter": !O2 }) }, F), React__default.default.createElement("div", null, p2)), q2, React__default.default.createElement($, { ...w2 && !X ? { key: `pb-${w2}` } : {}, rtl: M2, theme: R2, delay: m2, isRunning: o, isIn: B2, closeToast: v2, hide: y2, type: g2, style: L2, className: C2, controlledProgress: X, progress: P2 || 0 })));
|
|
274
|
+
}, S = function(e, t) {
|
|
275
|
+
return void 0 === t && (t = false), { enter: `Toastify--animate Toastify__${e}-enter`, exit: `Toastify--animate Toastify__${e}-exit`, appendPosition: t };
|
|
276
|
+
}, H = g(S("bounce", true));
|
|
277
|
+
g(S("slide", true));
|
|
278
|
+
g(S("zoom"));
|
|
279
|
+
g(S("flip"));
|
|
280
|
+
const q = { position: "top-right", transition: H, autoClose: 5e3, closeButton: true, pauseOnHover: true, pauseOnFocusLoss: true, draggable: "touch", draggablePercent: 80, draggableDirection: "x", role: "alert", theme: "light" };
|
|
281
|
+
function Q(t) {
|
|
282
|
+
let o = { ...q, ...t };
|
|
283
|
+
const s = t.stacked, [a, r] = React.useState(true), c2 = React.useRef(null), { getToastToRender: d2, isToastActive: m2, count: f2 } = L(o), { className: g2, style: y2, rtl: v2, containerId: h2 } = o;
|
|
284
|
+
function T2(e) {
|
|
285
|
+
const t2 = clsx.clsx("Toastify__toast-container", `Toastify__toast-container--${e}`, { "Toastify__toast-container--rtl": v2 });
|
|
286
|
+
return u(g2) ? g2({ position: e, rtl: v2, defaultClassName: t2 }) : clsx.clsx(t2, p(g2));
|
|
287
|
+
}
|
|
288
|
+
function E2() {
|
|
289
|
+
s && (r(true), B.play());
|
|
290
|
+
}
|
|
291
|
+
return O(() => {
|
|
292
|
+
if (s) {
|
|
293
|
+
var e;
|
|
294
|
+
const t2 = c2.current.querySelectorAll('[data-in="true"]'), n = 12, s2 = null == (e = o.position) ? void 0 : e.includes("top");
|
|
295
|
+
let r2 = 0, i = 0;
|
|
296
|
+
Array.from(t2).reverse().forEach((e2, t3) => {
|
|
297
|
+
const o2 = e2;
|
|
298
|
+
o2.classList.add("Toastify__toast--stacked"), t3 > 0 && (o2.dataset.collapsed = `${a}`), o2.dataset.pos || (o2.dataset.pos = s2 ? "top" : "bot");
|
|
299
|
+
const l = r2 * (a ? 0.2 : 1) + (a ? 0 : n * t3);
|
|
300
|
+
o2.style.setProperty("--y", `${s2 ? l : -1 * l}px`), o2.style.setProperty("--g", `${n}`), o2.style.setProperty("--s", "" + (1 - (a ? i : 0))), r2 += o2.offsetHeight, i += 0.025;
|
|
301
|
+
});
|
|
302
|
+
}
|
|
303
|
+
}, [a, f2, s]), React__default.default.createElement("div", { ref: c2, className: "Toastify", id: h2, onMouseEnter: () => {
|
|
304
|
+
s && (r(false), B.pause());
|
|
305
|
+
}, onMouseLeave: E2 }, d2((t2, n) => {
|
|
306
|
+
const o2 = n.length ? { ...y2 } : { ...y2, pointerEvents: "none" };
|
|
307
|
+
return React__default.default.createElement("div", { className: T2(t2), style: o2, key: `container-${t2}` }, n.map((t3) => {
|
|
308
|
+
let { content: n2, props: o3 } = t3;
|
|
309
|
+
return React__default.default.createElement(R, { ...o3, stacked: s, collapseAll: E2, isIn: m2(o3.toastId, o3.containerId), style: o3.style, key: `toast-${o3.key}` }, n2);
|
|
310
|
+
}));
|
|
311
|
+
}));
|
|
312
|
+
}
|
|
313
|
+
exports.Bounce = H;
|
|
314
|
+
exports.Icons = z;
|
|
315
|
+
exports.ToastContainer = Q;
|
|
316
|
+
exports.collapseToast = f;
|
|
317
|
+
exports.cssTransition = g;
|
|
318
|
+
exports.toast = B;
|
|
319
|
+
exports.useToast = N;
|
|
320
|
+
exports.useToastContainer = L;
|