@stackframe/stack-ui 2.8.61 → 2.8.63

package/dist/components/ui/use-toast.js

@@ -1,131 +1,166 @@
 "use client";
-// Inspired by react-hot-toast library
-import React from "react";
-const TOAST_LIMIT = 1;
-const TOAST_REMOVE_DELAY = 1000000;
-const actionTypes = {
-    ADD_TOAST: "ADD_TOAST",
-    UPDATE_TOAST: "UPDATE_TOAST",
-    DISMISS_TOAST: "DISMISS_TOAST",
-    REMOVE_TOAST: "REMOVE_TOAST",
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
 };
-let count = 0;
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/use-toast.tsx
+var use_toast_exports = {};
+__export(use_toast_exports, {
+  reducer: () => reducer,
+  toast: () => toast,
+  useToast: () => useToast
+});
+module.exports = __toCommonJS(use_toast_exports);
+var import_react = __toESM(require("react"));
+var TOAST_LIMIT = 1;
+var TOAST_REMOVE_DELAY = 1e6;
+var count = 0;
 function genId() {
-    count = (count + 1) % Number.MAX_SAFE_INTEGER;
-    return count.toString();
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
 }
-const toastTimeouts = new Map();
-const addToRemoveQueue = (toastId) => {
-    if (toastTimeouts.has(toastId)) {
-        return;
+var toastTimeouts = /* @__PURE__ */ new Map();
+var addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId
+    });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+var reducer = (state, action) => {
+  switch (action.type) {
+    case "ADD_TOAST": {
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
     }
-    const timeout = setTimeout(() => {
-        toastTimeouts.delete(toastId);
-        dispatch({
-            type: "REMOVE_TOAST",
-            toastId: toastId,
+    case "UPDATE_TOAST": {
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
+        )
+      };
+    }
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast2) => {
+          addToRemoveQueue(toast2.id);
         });
-    }, TOAST_REMOVE_DELAY);
-    toastTimeouts.set(toastId, timeout);
-};
-export const reducer = (state, action) => {
-    switch (action.type) {
-        case "ADD_TOAST": {
-            return {
-                ...state,
-                toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
-            };
-        }
-        case "UPDATE_TOAST": {
-            return {
-                ...state,
-                toasts: state.toasts.map((t) => t.id === action.toast.id ? { ...t, ...action.toast } : t),
-            };
-        }
-        case "DISMISS_TOAST": {
-            const { toastId } = action;
-            // ! Side effects ! - This could be extracted into a dismissToast() action,
-            // but I'll keep it here for simplicity
-            if (toastId) {
-                addToRemoveQueue(toastId);
-            }
-            else {
-                state.toasts.forEach((toast) => {
-                    addToRemoveQueue(toast.id);
-                });
-            }
-            return {
-                ...state,
-                toasts: state.toasts.map((t) => t.id === toastId || toastId === undefined
-                    ? {
-                        ...t,
-                        open: false,
-                    }
-                    : t),
-            };
-        }
-        case "REMOVE_TOAST": {
-            if (action.toastId === undefined) {
-                return {
-                    ...state,
-                    toasts: [],
-                };
-            }
-            return {
-                ...state,
-                toasts: state.toasts.filter((t) => t.id !== action.toastId),
-            };
-        }
+      }
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === toastId || toastId === void 0 ? {
+            ...t,
+            open: false
+          } : t
+        )
+      };
     }
+    case "REMOVE_TOAST": {
+      if (action.toastId === void 0) {
+        return {
+          ...state,
+          toasts: []
+        };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
+      };
+    }
+  }
 };
-const listeners = [];
-let memoryState = { toasts: [] };
+var listeners = [];
+var memoryState = { toasts: [] };
 function dispatch(action) {
-    memoryState = reducer(memoryState, action);
-    listeners.forEach((listener) => {
-        listener(memoryState);
-    });
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
+  });
 }
 function toast({ ...props }) {
-    const id = genId();
-    const update = (props) => dispatch({
-        type: "UPDATE_TOAST",
-        toast: { ...props, id },
-    });
-    const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
-    dispatch({
-        type: "ADD_TOAST",
-        toast: {
-            ...props,
-            id,
-            open: true,
-            onOpenChange: (open) => {
-                if (!open)
-                    dismiss();
-            },
-        },
-    });
-    return {
-        id: id,
-        dismiss,
-        update,
-    };
+  const id = genId();
+  const update = (props2) => dispatch({
+    type: "UPDATE_TOAST",
+    toast: { ...props2, id }
+  });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss();
+      }
+    }
+  });
+  return {
+    id,
+    dismiss,
+    update
+  };
 }
 function useToast() {
-    const [state, setState] = React.useState(memoryState);
-    React.useEffect(() => {
-        listeners.push(setState);
-        return () => {
-            const index = listeners.indexOf(setState);
-            if (index > -1) {
-                listeners.splice(index, 1);
-            }
-        };
-    }, [state]);
-    return {
-        ...state,
-        toast,
-        dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId }),
+  const [state, setState] = import_react.default.useState(memoryState);
+  import_react.default.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
     };
+  }, [state]);
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
+  };
 }
-export { useToast, toast };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  reducer,
+  toast,
+  useToast
+});
+//# sourceMappingURL=use-toast.js.map

package/dist/components/ui/use-toast.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/use-toast.tsx"],"sourcesContent":["\"use client\";\n\n// Inspired by react-hot-toast library\nimport React from \"react\";\n\nimport type {\n  ToastActionElement,\n  ToastProps,\n} from \"./toast\";\n\nconst TOAST_LIMIT = 1;\nconst TOAST_REMOVE_DELAY = 1000000;\n\ntype ToasterToast = ToastProps & {\n  id: string,\n  title?: React.ReactNode,\n  description?: React.ReactNode,\n  action?: ToastActionElement,\n}\n\nconst actionTypes = {\n  ADD_TOAST: \"ADD_TOAST\",\n  UPDATE_TOAST: \"UPDATE_TOAST\",\n  DISMISS_TOAST: \"DISMISS_TOAST\",\n  REMOVE_TOAST: \"REMOVE_TOAST\",\n} as const;\n\nlet count = 0;\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER;\n  return count.toString();\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n  | {\n      type: ActionType[\"ADD_TOAST\"],\n      toast: ToasterToast,\n    }\n  | {\n      type: ActionType[\"UPDATE_TOAST\"],\n      toast: Partial<ToasterToast>,\n    }\n  | {\n      type: ActionType[\"DISMISS_TOAST\"],\n      toastId?: ToasterToast[\"id\"],\n    }\n  | {\n      type: ActionType[\"REMOVE_TOAST\"],\n      toastId?: ToasterToast[\"id\"],\n    }\n\ntype State = {\n  toasts: ToasterToast[],\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();\n\nconst addToRemoveQueue = (toastId: string) => {\n  if (toastTimeouts.has(toastId)) {\n    return;\n  }\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId);\n    dispatch({\n      type: \"REMOVE_TOAST\",\n      toastId: toastId,\n    });\n  }, TOAST_REMOVE_DELAY);\n\n  toastTimeouts.set(toastId, timeout);\n};\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"ADD_TOAST\": {\n      return {\n        ...state,\n        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),\n      };\n    }\n    case \"UPDATE_TOAST\": {\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === action.toast.id ? { ...t, ...action.toast } : t\n        ),\n      };\n    }\n    case \"DISMISS_TOAST\": {\n      const { toastId } = action;\n\n      // ! Side effects ! - This could be extracted into a dismissToast() action,\n      // but I'll keep it here for simplicity\n      if (toastId) {\n        addToRemoveQueue(toastId);\n      } else {\n        state.toasts.forEach((toast) => {\n          addToRemoveQueue(toast.id);\n        });\n      }\n\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === toastId || toastId === undefined\n            ? {\n              ...t,\n              open: false,\n            }\n            : t\n        ),\n      };\n    }\n    case \"REMOVE_TOAST\": {\n      if (action.toastId === undefined) {\n        return {\n          ...state,\n          toasts: [],\n        };\n      }\n      return {\n        ...state,\n        toasts: state.toasts.filter((t) => t.id !== action.toastId),\n      };\n    }\n  }\n};\n\nconst listeners: Array<(state: State) => void> = [];\n\nlet memoryState: State = { toasts: [] };\n\nfunction dispatch(action: Action) {\n  memoryState = reducer(memoryState, action);\n  listeners.forEach((listener) => {\n    listener(memoryState);\n  });\n}\n\ntype Toast = Omit<ToasterToast, \"id\">\n\nfunction toast({ ...props }: Toast) {\n  const id = genId();\n\n  const update = (props: ToasterToast) =>\n    dispatch({\n      type: \"UPDATE_TOAST\",\n      toast: { ...props, id },\n    });\n  const dismiss = () => dispatch({ type: \"DISMISS_TOAST\", toastId: id });\n\n  dispatch({\n    type: \"ADD_TOAST\",\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open) => {\n        if (!open) dismiss();\n      },\n    },\n  });\n\n  return {\n    id: id,\n    dismiss,\n    update,\n  };\n}\n\nfunction useToast() {\n  const [state, setState] = React.useState<State>(memoryState);\n\n  React.useEffect(() => {\n    listeners.push(setState);\n    return () => {\n      const index = listeners.indexOf(setState);\n      if (index > -1) {\n        listeners.splice(index, 1);\n      }\n    };\n  }, [state]);\n\n  return {\n    ...state,\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: \"DISMISS_TOAST\", toastId }),\n  };\n}\n\nexport { useToast, toast };\n"],"mappings":"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","names":["toast","props","React"]}

package/dist/esm/components/action-dialog.js

@@ -0,0 +1,97 @@
+"use client";
+"use client";
+
+// src/components/action-dialog.tsx
+import { CircleAlert, Info } from "lucide-react";
+import React, { Suspense, useId } from "react";
+import { Alert, Button, Checkbox, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Label, Skeleton } from "../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ActionDialog(props) {
+  const okButton = props.okButton === true ? {} : props.okButton;
+  const cancelButton = props.cancelButton === true ? {} : props.cancelButton;
+  const anyButton = !!(okButton || cancelButton);
+  const title = props.title === true ? props.cancelButton ? "Confirmation" : "Alert" : props.title;
+  const TitleIcon = props.titleIcon || (props.danger ? CircleAlert : Info);
+  const [openState, setOpenState] = React.useState(!!props.open);
+  const open = props.open ?? openState;
+  const [confirmed, setConfirmed] = React.useState(false);
+  const confirmId = useId();
+  const [invalidationCount, setInvalidationCount] = React.useState(0);
+  const onOpenChange = (open2) => {
+    if (!open2) {
+      props.onClose?.();
+      setConfirmed(false);
+    } else {
+      setInvalidationCount(invalidationCount + 1);
+    }
+    setOpenState(open2);
+    props.onOpenChange?.(open2);
+  };
+  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange, children: [
+    props.trigger && /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: props.trigger }),
+    /* @__PURE__ */ jsxs(
+      DialogContent,
+      {
+        onInteractOutside: props.preventClose ? (e) => e.preventDefault() : void 0,
+        className: props.preventClose ? "[&>button]:hidden" : "",
+        children: [
+          /* @__PURE__ */ jsxs(DialogHeader, { children: [
+            /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center", children: [
+              /* @__PURE__ */ jsx(TitleIcon, { className: "h-4 w-4 mr-2" }),
+              title
+            ] }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: props.description })
+          ] }),
+          /* @__PURE__ */ jsxs(DialogBody, { className: "pb-2", children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-2/3 self-center" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16 mt-8" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24 mt-2" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-6" })
+            ] }), children: props.children }) }),
+            props.confirmText && /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsxs(Label, { className: "flex gap-4 items-center", children: [
+              /* @__PURE__ */ jsx(Checkbox, { id: confirmId, checked: confirmed, onCheckedChange: (v) => setConfirmed(!!v) }),
+              props.confirmText
+            ] }) })
+          ] }),
+          anyButton && /* @__PURE__ */ jsxs(DialogFooter, { className: "gap-2", children: [
+            cancelButton && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                color: "neutral",
+                onClick: async () => {
+                  if (await cancelButton.onClick?.() !== "prevent-close") {
+                    onOpenChange(false);
+                  }
+                },
+                ...cancelButton.props,
+                children: cancelButton.label ?? "Cancel"
+              }
+            ),
+            okButton && /* @__PURE__ */ jsx(
+              Button,
+              {
+                disabled: !!props.confirmText && !confirmed,
+                variant: props.danger ? "destructive" : "default",
+                onClick: async () => {
+                  if (await okButton.onClick?.() !== "prevent-close") {
+                    onOpenChange(false);
+                  }
+                },
+                ...okButton.props,
+                children: okButton.label ?? "OK"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] }, invalidationCount);
+}
+export {
+  ActionDialog
+};
+//# sourceMappingURL=action-dialog.js.map

package/dist/esm/components/action-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/action-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { CircleAlert, Info, LucideIcon } from \"lucide-react\";\nimport React, { Suspense, useId } from \"react\";\nimport { Alert, Button, Checkbox, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Label, Skeleton } from '..';\n\nexport type ActionDialogProps = {\n  trigger?: React.ReactNode,\n  open?: boolean,\n  onClose?: () => void,\n  onOpenChange?: (open: boolean) => void,\n  titleIcon?: LucideIcon,\n  title: boolean | React.ReactNode,\n  description?: React.ReactNode,\n  danger?: boolean,\n  okButton?: boolean | Readonly<{\n    label?: string,\n    onClick?: () => Promise<\"prevent-close\" | undefined | void>,\n    props?: Partial<React.ComponentProps<typeof Button>>,\n  }>,\n  cancelButton?: boolean | Readonly<{\n    label?: string,\n    onClick?: () => Promise<\"prevent-close\" | undefined | void>,\n    props?: Partial<React.ComponentProps<typeof Button>>,\n  }>,\n  confirmText?: string,\n  children?: React.ReactNode,\n  preventClose?: boolean,\n};\n\nexport function ActionDialog(props: ActionDialogProps) {\n  const okButton = props.okButton === true ? {} : props.okButton;\n  const cancelButton = props.cancelButton === true ? {} : props.cancelButton;\n  const anyButton = !!(okButton || cancelButton);\n  const title = props.title === true ? (props.cancelButton ? \"Confirmation\" : \"Alert\") : props.title;\n  const TitleIcon = props.titleIcon || (props.danger ? CircleAlert : Info);\n  const [openState, setOpenState] = React.useState(!!props.open);\n  const open = props.open ?? openState;\n  const [confirmed, setConfirmed] = React.useState(false);\n  const confirmId = useId();\n  const [invalidationCount, setInvalidationCount] = React.useState(0);\n\n  const onOpenChange = (open: boolean) => {\n    if (!open) {\n      props.onClose?.();\n      setConfirmed(false);\n    } else {\n      setInvalidationCount(invalidationCount + 1);\n    }\n    setOpenState(open);\n    props.onOpenChange?.(open);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange} key={invalidationCount}>\n      {props.trigger && <DialogTrigger asChild>\n        {props.trigger}\n      </DialogTrigger>}\n\n      <DialogContent\n        onInteractOutside={props.preventClose ? (e) => e.preventDefault() : undefined}\n        className={props.preventClose ? \"[&>button]:hidden\" : \"\"}\n      >\n        <DialogHeader>\n          <DialogTitle className=\"flex items-center\">\n            <TitleIcon className=\"h-4 w-4 mr-2\"/>\n            {title}\n          </DialogTitle>\n          <DialogDescription>\n            {props.description}\n          </DialogDescription>\n        </DialogHeader>\n\n        <DialogBody className=\"pb-2\">\n          <div>\n            <Suspense fallback={\n              <>\n                <Skeleton className='h-9 w-2/3 self-center' />\n\n                <Skeleton className='h-3 w-16 mt-8' />\n                <Skeleton className='h-9 w-full mt-1' />\n\n                <Skeleton className='h-3 w-24 mt-2' />\n                <Skeleton className='h-9 w-full mt-1' />\n\n                <Skeleton className='h-9 w-full mt-6' />\n              </>\n            }>\n              {props.children}\n            </Suspense>\n          </div>\n\n          {props.confirmText && <Alert>\n            <Label className=\"flex gap-4 items-center\">\n              <Checkbox id={confirmId} checked={confirmed} onCheckedChange={(v) => setConfirmed(!!v)}/>\n              {props.confirmText}\n            </Label>\n          </Alert>}\n        </DialogBody>\n\n\n        {anyButton && <DialogFooter className=\"gap-2\">\n          {cancelButton && (\n            <Button\n              variant=\"secondary\"\n              color=\"neutral\"\n              onClick={async () => {\n                if (await cancelButton.onClick?.() !== \"prevent-close\") {\n                  onOpenChange(false);\n                }\n              }}\n              {...cancelButton.props}\n            >\n              {cancelButton.label ?? \"Cancel\"}\n            </Button>\n          )}\n          {okButton && (\n            <Button\n              disabled={!!props.confirmText && !confirmed}\n              variant={props.danger ? \"destructive\" : \"default\"}\n              onClick={async () => {\n                if (await okButton.onClick?.() !== \"prevent-close\") {\n                  onOpenChange(false);\n                }\n              }}\n              {...okButton.props}\n            >\n              {okButton.label ?? \"OK\"}\n            </Button>\n          )}\n        </DialogFooter>}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":["open"]}