@stackframe/stack-ui 2.8.61 → 2.8.62

package/dist/components/action-dialog.js

@@ -1,37 +1,131 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-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 '..';
-export 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 = (open) => {
-        if (!open) {
-            props.onClose?.();
-            setConfirmed(false);
-        }
-        else {
-            setInvalidationCount(invalidationCount + 1);
-        }
-        setOpenState(open);
-        props.onOpenChange?.(open);
-    };
-    return (_jsxs(Dialog, { open: open, onOpenChange: onOpenChange, children: [props.trigger && _jsx(DialogTrigger, { asChild: true, children: props.trigger }), _jsxs(DialogContent, { onInteractOutside: props.preventClose ? (e) => e.preventDefault() : undefined, className: props.preventClose ? "[&>button]:hidden" : "", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { className: "flex items-center", children: [_jsx(TitleIcon, { className: "h-4 w-4 mr-2" }), title] }), _jsx(DialogDescription, { children: props.description })] }), _jsxs(DialogBody, { className: "pb-2", children: [_jsx("div", { children: _jsx(Suspense, { fallback: _jsxs(_Fragment, { children: [_jsx(Skeleton, { className: 'h-9 w-2/3 self-center' }), _jsx(Skeleton, { className: 'h-3 w-16 mt-8' }), _jsx(Skeleton, { className: 'h-9 w-full mt-1' }), _jsx(Skeleton, { className: 'h-3 w-24 mt-2' }), _jsx(Skeleton, { className: 'h-9 w-full mt-1' }), _jsx(Skeleton, { className: 'h-9 w-full mt-6' })] }), children: props.children }) }), props.confirmText && _jsx(Alert, { children: _jsxs(Label, { className: "flex gap-4 items-center", children: [_jsx(Checkbox, { id: confirmId, checked: confirmed, onCheckedChange: (v) => setConfirmed(!!v) }), props.confirmText] }) })] }), anyButton && _jsxs(DialogFooter, { className: "gap-2", children: [cancelButton && (_jsx(Button, { variant: "secondary", color: "neutral", onClick: async () => {
-                                    if (await cancelButton.onClick?.() !== "prevent-close") {
-                                        onOpenChange(false);
-                                    }
-                                }, ...cancelButton.props, children: cancelButton.label ?? "Cancel" })), okButton && (_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));
+"use client";
+"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;
+};
+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/action-dialog.tsx
+var action_dialog_exports = {};
+__export(action_dialog_exports, {
+  ActionDialog: () => ActionDialog
+});
+module.exports = __toCommonJS(action_dialog_exports);
+var import_lucide_react = require("lucide-react");
+var import_react = __toESM(require("react"));
+var import__ = require("../index.js");
+var import_jsx_runtime = require("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 ? import_lucide_react.CircleAlert : import_lucide_react.Info);
+  const [openState, setOpenState] = import_react.default.useState(!!props.open);
+  const open = props.open ?? openState;
+  const [confirmed, setConfirmed] = import_react.default.useState(false);
+  const confirmId = (0, import_react.useId)();
+  const [invalidationCount, setInvalidationCount] = import_react.default.useState(0);
+  const onOpenChange = (open2) => {
+    if (!open2) {
+      props.onClose?.();
+      setConfirmed(false);
+    } else {
+      setInvalidationCount(invalidationCount + 1);
+    }
+    setOpenState(open2);
+    props.onOpenChange?.(open2);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.Dialog, { open, onOpenChange, children: [
+    props.trigger && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DialogTrigger, { asChild: true, children: props.trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import__.DialogContent,
+      {
+        onInteractOutside: props.preventClose ? (e) => e.preventDefault() : void 0,
+        className: props.preventClose ? "[&>button]:hidden" : "",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.DialogHeader, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.DialogTitle, { className: "flex items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleIcon, { className: "h-4 w-4 mr-2" }),
+              title
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DialogDescription, { children: props.description })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.DialogBody, { className: "pb-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Skeleton, { className: "h-9 w-2/3 self-center" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Skeleton, { className: "h-3 w-16 mt-8" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Skeleton, { className: "h-9 w-full mt-1" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Skeleton, { className: "h-3 w-24 mt-2" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Skeleton, { className: "h-9 w-full mt-1" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Skeleton, { className: "h-9 w-full mt-6" })
+            ] }), children: props.children }) }),
+            props.confirmText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Alert, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.Label, { className: "flex gap-4 items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Checkbox, { id: confirmId, checked: confirmed, onCheckedChange: (v) => setConfirmed(!!v) }),
+              props.confirmText
+            ] }) })
+          ] }),
+          anyButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.DialogFooter, { className: "gap-2", children: [
+            cancelButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import__.Button,
+              {
+                variant: "secondary",
+                color: "neutral",
+                onClick: async () => {
+                  if (await cancelButton.onClick?.() !== "prevent-close") {
+                    onOpenChange(false);
+                  }
+                },
+                ...cancelButton.props,
+                children: cancelButton.label ?? "Cancel"
+              }
+            ),
+            okButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import__.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);
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionDialog
+});
+//# sourceMappingURL=action-dialog.js.map

package/dist/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":["React","open"]}