@blockle/blocks-react 2.2.1 → 2.3.0

package/dist/components/feedback/Alert/Alert.d.ts

@@ -1,11 +1,11 @@
-import { ComponentThemes } from '@blockle/blocks-core';
+import { ComponentThemes, HTMLElementProps } from '@blockle/blocks-core';
 type AlertTheme = ComponentThemes['alert'];
 export type AlertProps = {
-    intent?: AlertTheme['variants']['intent'];
     children?: React.ReactNode;
-    open?: boolean;
+    intent?: AlertTheme['variants']['intent'];
     onRequestClose?: () => void;
-};
+    ref?: React.RefObject<HTMLDivElement>;
+} & HTMLElementProps<HTMLDivElement>;
 export declare const Alert: React.FC<AlertProps>;
 export {};
 //# sourceMappingURL=Alert.d.ts.map

package/dist/components/feedback/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAc,MAAM,sBAAsB,CAAC;AAOxE,KAAK,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwDtC,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAO9B,KAAK,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CACvC,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsDtC,CAAC"}

package/dist/components/feedback/Alert/Alert.js

@@ -8,24 +8,23 @@ import { closeButton } from "./Alert.css.js";
 const Alert = ({
   intent = "info",
   children,
-  open,
-  onRequestClose
+  onRequestClose,
+  className,
+  ...restProps
 }) => {
   const containerClassName = useComponentStyles("alert", {
     base: true,
     variants: { intent }
   });
-  if (!open) {
-    return null;
-  }
   return /* @__PURE__ */ jsxs(
     Box,
     {
       role: "alert",
-      className: classnames(containerClassName),
+      className: classnames(containerClassName, className),
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
+      ...restProps,
       children: [
         /* @__PURE__ */ jsx("div", { children }),
         /* @__PURE__ */ jsx(
@@ -45,9 +44,9 @@ const Alert = ({
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
-                "stroke-width": "2",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 children: [
                   /* @__PURE__ */ jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
                   /* @__PURE__ */ jsx("path", { d: "M18 6l-12 12" }),

package/dist/components/feedback/Toast/ToastContext.d.ts

@@ -1,8 +1,9 @@
+import { AlertProps } from '../Alert/Alert.js';
 export type Toast = {
     id: string;
     duration?: number;
-    onRequestClose: () => void;
     children?: React.ReactNode;
+    intent?: AlertProps['intent'];
 };
 export type ToastContextType = {
     add: (toast: Toast) => void;

package/dist/components/feedback/Toast/ToastContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/ToastContext.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B,CAAC;AAIF,eAAO,MAAM,YAAY,kDAA+C,CAAC"}
+{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/ToastContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,YAAY,kDAA+C,CAAC"}

package/dist/components/feedback/Toast/ToastProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/ToastProvider.tsx"],"names":[],"mappings":"AA0BA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EACL,aAAa,GACb,eAAe,GACf,cAAc,GACd,UAAU,GACV,YAAY,GACZ,WAAW,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiFtD,CAAC"}
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/ToastProvider.tsx"],"names":[],"mappings":"AA2BA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EACL,aAAa,GACb,eAAe,GACf,cAAc,GACd,UAAU,GACV,YAAY,GACZ,WAAW,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwFtD,CAAC"}

package/dist/components/feedback/Toast/ToastProvider.js

@@ -4,6 +4,7 @@ import { useState, useRef, useCallback, useMemo } from "react";
 import { flushSync } from "react-dom";
 import { Box } from "../../layout/Box/Box.js";
 import { Stack } from "../../layout/Stack/Stack.js";
+import { Alert } from "../Alert/Alert.js";
 import { container } from "./Toast.css.js";
 import { ToastContext } from "./ToastContext.js";
 function makeTransition(transition) {
@@ -44,8 +45,11 @@ const ToastProvider = ({ children }) => {
       setToasts(updateState);
     });
     if (toast.duration) {
+      const toastId = toast.id;
       setTimeout(() => {
-        toast.onRequestClose();
+        makeTransition(() => {
+          setToasts((prev) => prev.filter((toast2) => toast2.id !== toastId));
+        });
       }, toast.duration);
     }
   }, []);
@@ -66,13 +70,17 @@ const ToastProvider = ({ children }) => {
         insetBlockEnd: 0,
         insetInline: 0,
         padding: 2,
-        children: /* @__PURE__ */ jsx(Stack, { gap: 2, children: toasts.map(({ id, children: children2 }) => /* @__PURE__ */ jsx(
-          "div",
+        children: /* @__PURE__ */ jsx(Stack, { gap: 2, children: toasts.map(({ id, children: children2, intent }) => /* @__PURE__ */ jsx(
+          Alert,
           {
+            intent,
             className: container,
             style: {
               viewTransitionName: `toast-${id}`
             },
+            onRequestClose: () => {
+              removeToast(id);
+            },
             children: children2
           },
           id

package/dist/components/feedback/Toast/useToast.d.ts

@@ -0,0 +1,9 @@
+import { Toast } from './ToastContext.js';
+export type ToastProps = Omit<Toast, 'id'> & {
+    id?: Toast['id'];
+};
+export declare const useToast: () => {
+    showToast: (props: ToastProps) => void;
+    removeToast: (id: string) => void;
+};
+//# sourceMappingURL=useToast.d.ts.map

package/dist/components/feedback/Toast/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/useToast.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,KAAK,EAAgB,MAAM,mBAAmB,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG;IAC3C,EAAE,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,QAAQ;uBAQT,UAAU;sBAYb,MAAM;CAad,CAAC"}

package/dist/components/feedback/Toast/useToast.js

@@ -0,0 +1,35 @@
+import { useContext, useCallback, useMemo } from "react";
+import { ToastContext } from "./ToastContext.js";
+const useToast = () => {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error("Toast must be used within a ToastProvider");
+  }
+  const showToast = useCallback(
+    (props) => {
+      context.add({
+        children: props.children,
+        duration: props.duration,
+        id: props.id ?? crypto.randomUUID(),
+        intent: props.intent
+      });
+    },
+    [context]
+  );
+  const removeToast = useCallback(
+    (id) => {
+      context.remove(id);
+    },
+    [context]
+  );
+  return useMemo(
+    () => ({
+      showToast,
+      removeToast
+    }),
+    [showToast, removeToast]
+  );
+};
+export {
+  useToast
+};

package/dist/index.d.ts

@@ -6,8 +6,8 @@ export { Alert, type AlertProps, } from './components/feedback/Alert/Alert.js';
 export { Progress, type ProgressProps, } from './components/feedback/Progress/Progress.js';
 export { Skeleton, type SkeletonProps, } from './components/feedback/Skeleton/Skeleton.js';
 export { Spinner, type SpinnerProps, } from './components/feedback/Spinner/Spinner.js';
-export { Toast, type ToastProps } from './components/feedback/Toast/Toast.js';
 export { ToastProvider, type ToastProviderProps, } from './components/feedback/Toast/ToastProvider.js';
+export { type ToastProps, useToast, } from './components/feedback/Toast/useToast.js';
 export { Button, type ButtonProps } from './components/form/Button/Button.js';
 export { Checkbox, type CheckboxProps, } from './components/form/Checkbox/Checkbox.js';
 export { Label, type LabelProps } from './components/form/Label/Label.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -6,8 +6,8 @@ import { Alert } from "./components/feedback/Alert/Alert.js";
 import { Progress } from "./components/feedback/Progress/Progress.js";
 import { Skeleton } from "./components/feedback/Skeleton/Skeleton.js";
 import { Spinner } from "./components/feedback/Spinner/Spinner.js";
-import { Toast } from "./components/feedback/Toast/Toast.js";
 import { ToastProvider } from "./components/feedback/Toast/ToastProvider.js";
+import { useToast } from "./components/feedback/Toast/useToast.js";
 import { Button } from "./components/form/Button/Button.js";
 import { Checkbox } from "./components/form/Checkbox/Checkbox.js";
 import { Label } from "./components/form/Label/Label.js";
@@ -62,7 +62,6 @@ export {
   Text,
   TextInput,
   Textarea,
-  Toast,
   ToastProvider,
   Tooltip,
   VisuallyHidden,
@@ -72,5 +71,6 @@ export {
   useControlledValue,
   useIsomorphicLayoutEffect,
   useKeyboard,
-  usePreventBodyScroll
+  usePreventBodyScroll,
+  useToast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-react",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "React hooks and components for Blockle",
   "type": "module",
   "exports": {

package/dist/components/feedback/Toast/Toast.d.ts

@@ -1,8 +0,0 @@
-export type ToastProps = {
-    children?: React.ReactNode;
-    duration?: number;
-    onRequestClose: () => void;
-    open: boolean;
-};
-export declare const Toast: React.FC<ToastProps>;
-//# sourceMappingURL=Toast.d.ts.map

package/dist/components/feedback/Toast/Toast.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/Toast.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAiCtC,CAAC"}

package/dist/components/feedback/Toast/Toast.js

@@ -1,36 +0,0 @@
-"use client";
-import { useId, useContext, useEffect } from "react";
-import { ToastContext } from "./ToastContext.js";
-const Toast = ({
-  children,
-  duration,
-  onRequestClose,
-  open
-}) => {
-  const toastId = useId();
-  const context = useContext(ToastContext);
-  if (!context) {
-    throw new Error("Toast must be used within a ToastProvider");
-  }
-  useEffect(() => {
-    if (open) {
-      context.add({
-        id: toastId,
-        duration,
-        children,
-        onRequestClose
-      });
-    } else {
-      context.remove(toastId);
-    }
-  }, [duration, open, children, onRequestClose, context, toastId]);
-  useEffect(() => {
-    return () => {
-      context.remove(toastId);
-    };
-  }, [context, toastId]);
-  return null;
-};
-export {
-  Toast
-};