@dust-tt/sparkle 0.2.68-alpha → 0.2.68-alpha-2

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

@@ -1,15 +1,18 @@
 import React from "react";
 interface BannerProps {
+    allowDismiss: boolean;
     classNames: string;
     ctaLabel?: string;
     hidden: boolean;
     label: string;
     onClick?: () => void;
+    onDismiss?: () => void;
     title: string;
 }
 export declare function Banner(props: BannerProps): React.JSX.Element;
 export declare namespace Banner {
     var defaultProps: {
+        allowDismiss: boolean;
         classNames: string;
         hidden: boolean;
     };

package/dist/cjs/index.js

@@ -32301,12 +32301,15 @@ function AssistantPreview(props) {
 
 // Define defaultProps for the Banner component.
 Banner.defaultProps = {
+    allowDismiss: true,
     classNames: "",
     hidden: false,
 };
 function Banner(props) {
-    var _a;
-    var _b = __read(React.useState((_a = props.hidden) !== null && _a !== void 0 ? _a : false), 2), isDismissed = _b[0], setIsDismissed = _b[1];
+    var _a = __read(React.useState(true), 2), isDismissed = _a[0], setIsDismissed = _a[1];
+    React.useEffect(function () {
+        setIsDismissed(props.hidden);
+    }, [props.hidden]);
     return isDismissed ? (React.createElement(React.Fragment, null)) : (React.createElement("div", { className: classNames("sm:s-before:flex-1 s-flex s-items-center s-gap-x-6 s-px-6 s-py-2.5 sm:s-px-3.5", props.classNames) },
         React.createElement("div", { className: "s-flex s-flex-1" }),
         React.createElement("div", { className: "s-flex s-flex-row s-flex-wrap s-items-center s-gap-4" },
@@ -32316,7 +32319,12 @@ function Banner(props) {
                 props.label),
             props.ctaLabel && (React.createElement(Button, { label: props.ctaLabel, variant: "tertiary", onClick: props.onClick }))),
         React.createElement("div", { className: "s-flex s-flex-1 s-justify-end" },
-            React.createElement("a", { className: "focus-visible:outline-offset-[-4px] s--m-3 s-p-3", onClick: function () { return setIsDismissed(true); } },
+            React.createElement("a", { className: "focus-visible:outline-offset-[-4px] s--m-3 s-p-3", onClick: function () {
+                    setIsDismissed(true);
+                    if (props.onDismiss) {
+                        props.onDismiss();
+                    }
+                } },
                 React.createElement("span", { className: "s-sr-only" }, "Dismiss"),
                 React.createElement(SvgXMark$1, { className: "s-h-5 s-w-5 s-text-white", "aria-hidden": "true" })))));
 }