@dust-tt/sparkle 0.2.134 → 0.2.136-pr

package/dist/cjs/_index.d.ts

@@ -68,6 +68,8 @@ import { ElementModal } from "./components/ElementModal";
 export { ElementModal };
 import { Dialog } from "./components/Dialog";
 export { Dialog };
+import { ElementDialog } from "./components/ElementDialog";
+export { ElementDialog };
 import { Input } from "./components/Input";
 export { Input };
 import { Searchbar } from "./components/Searchbar";

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

@@ -1,5 +1,5 @@
 import React from "react";
-type ModalProps = {
+export type ModalProps = {
     title: string;
     children: React.ReactNode;
     isOpen: boolean;
@@ -12,4 +12,3 @@ type ModalProps = {
     backgroundType?: "confetti" | "snow" | "none";
 };
 export declare function Dialog({ isOpen, children, onCancel, onValidate, cancelLabel, validateLabel, validateVariant, title, isSaving, backgroundType, }: ModalProps): React.JSX.Element;
-export {};

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { ModalProps } from "./Dialog";
+type ElementDialogProps<T> = Omit<ModalProps, "isOpen" | "onValidate" | "onCancel"> & {
+    openOnElement: T | null;
+    onValidate: (closeDialogFn: () => void) => void;
+    closeDialogFn: () => void;
+};
+export declare function ElementDialog<T>({ openOnElement, closeDialogFn, onValidate, ...props }: ElementDialogProps<T>): React.JSX.Element;
+export {};

package/dist/cjs/index.js

@@ -777,8 +777,9 @@ function Tooltip(_a) {
     React.useEffect(function () {
         setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
         return function () {
-            if (timerId)
+            if (timerId) {
                 window.clearTimeout(timerId);
+            }
         };
     }, [timerId]);
     if (isTouchDevice) {
@@ -32328,8 +32329,9 @@ ContextItem.List = function (_a) {
     var children = _a.children, className = _a.className, hasBorder = _a.hasBorder;
     // Ensure all children are of type ContextItem or ContextItem.SectionHeader
     React.Children.forEach(children, function (child) {
-        if (child === null || child === undefined)
+        if (child === null || child === undefined) {
             return;
+        }
         if (!React.isValidElement(child) ||
             (child.type !== ContextItem &&
                 child.type !== ContextItem.SectionHeader &&
@@ -55167,6 +55169,19 @@ function Dialog(_a) {
                                 React.createElement(ConfettiBackground, { variant: backgroundType, referentSize: referentRef }))))))))));
 }
 
+function ElementDialog(_a) {
+    var openOnElement = _a.openOnElement, closeDialogFn = _a.closeDialogFn, onValidate = _a.onValidate, props = __rest(_a, ["openOnElement", "closeDialogFn", "onValidate"]);
+    var _b = __read(React.useState(false), 2), isClosingTransition = _b[0], setIsClosingTransition = _b[1];
+    var transitionOnClose = React.useCallback(function () {
+        setIsClosingTransition(true);
+        setTimeout(function () {
+            closeDialogFn();
+            setIsClosingTransition(false);
+        }, 200);
+    }, [closeDialogFn]);
+    return (React.createElement(Dialog, __assign({ isOpen: openOnElement !== null && !isClosingTransition, onCancel: transitionOnClose, onValidate: function () { return onValidate(transitionOnClose); } }, props)));
+}
+
 var sizeInputClasses = {
     sm: "s-text-base s-rounded-md s-py-1.5 s-pl-4 s-pr-8",
     md: "s-text-lg s-rounded-lg s-py-2 s-pl-4 s-pr-10",
@@ -76944,6 +76959,7 @@ exports.DriveLogo = SvgDrive;
 exports.DropdownMenu = DropdownMenu;
 exports.DustIcon = SvgDust$1;
 exports.DustStrokeIcon = SvgDust;
+exports.ElementDialog = ElementDialog;
 exports.ElementModal = ElementModal;
 exports.EmotionLaughIcon = SvgEmotionLaugh$1;
 exports.EmotionLaughStrokeIcon = SvgEmotionLaugh;