@dust-tt/sparkle 0.2.93 → 0.2.94-pr

package/dist/cjs/_index.d.ts

@@ -56,6 +56,8 @@ import Spinner from "./components/Spinner";
 export { Spinner };
 import { Modal } from "./components/Modal";
 export { Modal };
+import { ElementModal } from "./components/ElementModal";
+export { ElementModal };
 import { Dialog } from "./components/Dialog";
 export { Dialog };
 import { Input } from "./components/Input";

package/dist/cjs/components/ElementModal.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ModalProps } from "./Modal";
+type ElementModalProps<T> = Omit<ModalProps, "isOpen" | "onSave"> & {
+    openOnElement: T | null;
+    onSave?: (closeModalFn: () => void) => void;
+};
+export declare function ElementModal<T>({ openOnElement, onClose, onSave, ...props }: ElementModalProps<T>): React.JSX.Element;
+export {};

package/dist/cjs/components/Modal.d.ts

@@ -5,7 +5,7 @@ export declare enum ModalType {
     FullScreen = "full-screen",
     Side = "side"
 }
-type ModalProps = {
+export type ModalProps = {
     isOpen: boolean;
     onClose: () => void;
     action?: ButtonProps;
@@ -19,4 +19,3 @@ type ModalProps = {
     variant?: "full-screen" | "side-sm" | "side-md" | "dialogue";
 };
 export declare function Modal({ isOpen, onClose, action, children, hasChanged, onSave, saveLabel, isSaving, savingLabel, title, variant, }: ModalProps): React.JSX.Element;
-export {};

package/dist/cjs/index.js

@@ -33613,6 +33613,19 @@ function Modal(_a) {
                         React.createElement("div", { className: classNames("s-pb-6 s-pt-16", innerContainerClasses) }, children)))))));
 }
 
+function ElementModal(_a) {
+    var openOnElement = _a.openOnElement, onClose = _a.onClose, onSave = _a.onSave, props = __rest(_a, ["openOnElement", "onClose", "onSave"]);
+    var _b = __read(React.useState(false), 2), isClosingTransition = _b[0], setIsClosingTransition = _b[1];
+    var transitionOnClose = React.useCallback(function () {
+        setIsClosingTransition(true);
+        setTimeout(function () {
+            onClose();
+            setIsClosingTransition(false);
+        }, 200);
+    }, [onClose]);
+    return (React.createElement(Modal, __assign({ isOpen: openOnElement !== null && !isClosingTransition, onClose: transitionOnClose, onSave: onSave ? function () { return onSave(transitionOnClose); } : undefined }, props)));
+}
+
 function Dialog(_a) {
     var isOpen = _a.isOpen, children = _a.children, onCancel = _a.onCancel, onValidate = _a.onValidate, _b = _a.cancelLabel, cancelLabel = _b === void 0 ? "Cancel" : _b, _c = _a.validateLabel, validateLabel = _c === void 0 ? "Ok" : _c, _d = _a.validateVariant, validateVariant = _d === void 0 ? "primary" : _d, title = _a.title;
     return (React.createElement(tt, { show: isOpen, as: React.Fragment, appear: true },
@@ -33868,6 +33881,7 @@ exports.DriveLogo = SvgDrive;
 exports.DropdownMenu = DropdownMenu;
 exports.DustIcon = SvgDust$1;
 exports.DustStrokeIcon = SvgDust;
+exports.ElementModal = ElementModal;
 exports.EmotionLaughIcon = SvgEmotionLaugh$1;
 exports.EmotionLaughStrokeIcon = SvgEmotionLaugh;
 exports.EqualizerIcon = SvgEqualizer$1;