@acmekit/ui 4.1.1

package/dist/esm/utils/toast.js

@@ -0,0 +1,155 @@
+import { Toast } from "../components/toast";
+import * as React from "react";
+import { toast as toastFn } from "sonner";
+const DEFAULT_TOAST_POSITION = "top-right";
+function create(variant, title, props = {}) {
+    const external = {
+        position: props.position,
+        duration: props.duration,
+        dismissible: props.dismissable,
+    };
+    if (props.id) {
+        external.id = props.id;
+    }
+    return toastFn.custom((t) => {
+        return (React.createElement(Toast, { id: t, title: title, description: props.description, dismissable: props.dismissable, variant: variant, action: props.action, icon: props.icon }));
+    }, external);
+}
+function message(
+/**
+ * The title of the toast.
+ */
+title, 
+/**
+ * The props of the toast.
+ */
+props = {
+    position: DEFAULT_TOAST_POSITION,
+}) {
+    return create("message", title, props);
+}
+function custom() {
+    return create("message", "Custom");
+}
+function info(
+/**
+ * The title of the toast.
+ */ title, 
+/**
+ * The props of the toast.
+ */
+props = {
+    position: DEFAULT_TOAST_POSITION,
+}) {
+    return create("info", title, props);
+}
+function error(
+/**
+ * The title of the toast.
+ */ title, 
+/**
+ * The props of the toast.
+ */
+props = {
+    position: DEFAULT_TOAST_POSITION,
+}) {
+    return create("error", title, props);
+}
+function success(
+/**
+ * The title of the toast.
+ */ title, 
+/**
+ * The props of the toast.
+ */
+props = {
+    position: DEFAULT_TOAST_POSITION,
+}) {
+    return create("success", title, props);
+}
+function warning(
+/**
+ * The title of the toast.
+ */ title, 
+/**
+ * The props of the toast.
+ */
+props = {
+    position: DEFAULT_TOAST_POSITION,
+}) {
+    return create("warning", title, props);
+}
+function loading(
+/**
+ * The title of the toast.
+ */ title, 
+/**
+ * The props of the toast.
+ */
+props = {
+    position: DEFAULT_TOAST_POSITION,
+}) {
+    return create("loading", title, { ...props, dismissable: false });
+}
+function createUniqueID() {
+    return Math.random().toString(36).slice(2, 8);
+}
+async function promise(
+/**
+ * The promise to be resolved.
+ */
+promise, 
+/**
+ * The props of the toast.
+ */
+props) {
+    let id = props.id || createUniqueID();
+    let shouldDismiss = id !== undefined;
+    id = create("loading", typeof props.loading === "string" ? props.loading : props.loading.title, {
+        id: id,
+        position: props.position,
+        description: typeof props.loading === "string"
+            ? undefined
+            : props.loading.description,
+        duration: Infinity,
+        dismissable: false,
+    });
+    const p = promise instanceof Promise ? promise : promise();
+    p.then(() => {
+        shouldDismiss = false;
+        create("success", typeof props.success === "string" ? props.success : props.success.title, {
+            id: id,
+            position: props.position,
+            description: typeof props.success === "string"
+                ? undefined
+                : props.success.description,
+        });
+    })
+        .catch(() => {
+        shouldDismiss = false;
+        create("error", typeof props.error === "string" ? props.error : props.error.title, {
+            id: id,
+            position: props.position,
+            description: typeof props.error === "string"
+                ? undefined
+                : props.error.description,
+        });
+    })
+        .finally(() => {
+        if (shouldDismiss) {
+            toastFn.dismiss(id);
+            id = undefined;
+        }
+    });
+    return id;
+}
+export const toast = Object.assign(message, {
+    info,
+    error,
+    warning,
+    success,
+    promise,
+    loading,
+    dismiss: toastFn.dismiss,
+});
+//# sourceMappingURL=toast.js.map

package/dist/esm/utils/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/utils/toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Toast } from \"@/components/toast\"\nimport { ToastAction, ToastVariant, ToasterPosition } from \"@/types\"\nimport * as React from \"react\"\nimport { ExternalToast, toast as toastFn } from \"sonner\"\n\nconst DEFAULT_TOAST_POSITION = \"top-right\"\n\ninterface BaseToastProps {\n  id?: string | number\n  position?: ToasterPosition\n  duration?: number\n  dismissable?: boolean\n  icon?: React.ReactNode\n}\n\ninterface ToastProps extends BaseToastProps {\n  description?: React.ReactNode\n  action?: ToastAction\n}\n\nfunction create(\n  variant: ToastVariant,\n  title: React.ReactNode,\n  props: ToastProps = {}\n) {\n  const external: ExternalToast = {\n    position: props.position,\n    duration: props.duration,\n    dismissible: props.dismissable,\n  }\n\n  if (props.id) {\n    external.id = props.id\n  }\n\n  return toastFn.custom((t) => {\n    return (\n      <Toast\n        id={t}\n        title={title}\n        description={props.description}\n        dismissable={props.dismissable}\n        variant={variant}\n        action={props.action}\n        icon={props.icon}\n      />\n    )\n  }, external)\n}\n\nfunction message(\n  /**\n   * The title of the toast.\n   */\n  title: string,\n  /**\n   * The props of the toast.\n   */\n  props: ToastProps = {\n    position: DEFAULT_TOAST_POSITION,\n  }\n) {\n  return create(\"message\", title, props)\n}\n\nfunction custom() {\n  return create(\"message\", \"Custom\")\n}\n\ninterface VariantToastProps extends Omit<ToastProps, \"icon\"> {}\n\nfunction info(\n  /**\n   * The title of the toast.\n   */ title: string,\n  /**\n   * The props of the toast.\n   */\n  props: VariantToastProps = {\n    position: DEFAULT_TOAST_POSITION,\n  }\n) {\n  return create(\"info\", title, props)\n}\n\nfunction error(\n  /**\n   * The title of the toast.\n   */ title: string,\n  /**\n   * The props of the toast.\n   */\n  props: VariantToastProps = {\n    position: DEFAULT_TOAST_POSITION,\n  }\n) {\n  return create(\"error\", title, props)\n}\n\nfunction success(\n  /**\n   * The title of the toast.\n   */ title: string,\n  /**\n   * The props of the toast.\n   */\n  props: VariantToastProps = {\n    position: DEFAULT_TOAST_POSITION,\n  }\n) {\n  return create(\"success\", title, props)\n}\n\nfunction warning(\n  /**\n   * The title of the toast.\n   */ title: string,\n  /**\n   * The props of the toast.\n   */\n  props: VariantToastProps = {\n    position: DEFAULT_TOAST_POSITION,\n  }\n) {\n  return create(\"warning\", title, props)\n}\n\nfunction loading(\n  /**\n   * The title of the toast.\n   */ title: string,\n  /**\n   * The props of the toast.\n   */\n  props: VariantToastProps = {\n    position: DEFAULT_TOAST_POSITION,\n  }\n) {\n  return create(\"loading\", title, { ...props, dismissable: false })\n}\n\ntype PromiseStateProps =\n  | string\n  | {\n      title: string\n      description?: string\n    }\n\ninterface PromiseToastProps extends Omit<BaseToastProps, \"icon\"> {\n  loading: PromiseStateProps\n  success: PromiseStateProps\n  error: PromiseStateProps\n}\n\nfunction createUniqueID() {\n  return Math.random().toString(36).slice(2, 8)\n}\n\nasync function promise<TData>(\n  /**\n   * The promise to be resolved.\n   */\n  promise: Promise<TData> | (() => Promise<TData>),\n  /**\n   * The props of the toast.\n   */\n  props: PromiseToastProps\n) {\n  let id: string | number | undefined = props.id || createUniqueID()\n  let shouldDismiss = id !== undefined\n\n  id = create(\n    \"loading\",\n    typeof props.loading === \"string\" ? props.loading : props.loading.title,\n    {\n      id: id,\n      position: props.position,\n      description:\n        typeof props.loading === \"string\"\n          ? undefined\n          : props.loading.description,\n      duration: Infinity,\n      dismissable: false,\n    }\n  )\n\n  const p = promise instanceof Promise ? promise : promise()\n\n  p.then(() => {\n    shouldDismiss = false\n    create(\n      \"success\",\n      typeof props.success === \"string\" ? props.success : props.success.title,\n      {\n        id: id,\n        position: props.position,\n        description:\n          typeof props.success === \"string\"\n            ? undefined\n            : props.success.description,\n      }\n    )\n  })\n    .catch(() => {\n      shouldDismiss = false\n      create(\n        \"error\",\n        typeof props.error === \"string\" ? props.error : props.error.title,\n        {\n          id: id,\n          position: props.position,\n          description:\n            typeof props.error === \"string\"\n              ? undefined\n              : props.error.description,\n        }\n      )\n    })\n    .finally(() => {\n      if (shouldDismiss) {\n        toastFn.dismiss(id)\n        id = undefined\n      }\n    })\n\n  return id\n}\n\nexport const toast = Object.assign(message, {\n  info,\n  error,\n  warning,\n  success,\n  promise,\n  loading,\n  dismiss: toastFn.dismiss,\n})\n"]}

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@acmekit/ui",
+  "version": "4.1.1",
+  "author": "Kasper Kristensen <kasper@acmekit.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/acmekit/acmekit.git",
+    "directory": "packages/design-system/ui"
+  },
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/cjs/index.d.ts",
+  "module": "./dist/esm/index.js",
+  "exports": {
+    ".": {
+      "require": {
+        "types": "./dist/cjs/index.d.ts",
+        "default": "./dist/cjs/index.js"
+      },
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      }
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist/**",
+    "styles.css"
+  ],
+  "scripts": {
+    "build": "yarn clean && yarn build:js:cjs && yarn build:js:esm",
+    "build:js:cjs": "yarn run -T tsc --project tsconfig.cjs.json && yarn run -T tsc-alias -p tsconfig.cjs.json",
+    "build:js:esm": "yarn run -T tsc --project tsconfig.esm.json && yarn run -T tsc-alias -p tsconfig.esm.json",
+    "clean": "yarn run -T rimraf dist",
+    "test": "../../../node_modules/.bin/vitest --run",
+    "test:watch": "../../../node_modules/.bin/vitest",
+    "test:coverage": "../../../node_modules/.bin/vitest --run --coverage",
+    "lint": "eslint \"**/*.ts*\"",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "typecheck": "yarn run -T tsc --noEmit"
+  },
+  "devDependencies": {
+    "@acmekit/ui-preset": "2.13.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "dependencies": {
+    "@acmekit/icons": "2.13.1",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@radix-ui/react-dialog": "1.1.4",
+    "@radix-ui/react-dismissable-layer": "1.1.4",
+    "@tanstack/react-table": "8.20.5",
+    "clsx": "^1.2.1",
+    "copy-to-clipboard": "^3.3.3",
+    "cva": "1.0.0-beta.1",
+    "prism-react-renderer": "^2.0.6",
+    "prismjs": "^1.30.0",
+    "radix-ui": "1.1.2",
+    "react-aria": "^3.33.1",
+    "react-currency-input-field": "^3.6.11",
+    "react-stately": "^3.31.1",
+    "sonner": "^1.5.0",
+    "tailwind-merge": "^2.2.1"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "browserslist": [
+    "last 3 chrome versions",
+    "last 3 firefox versions",
+    "last 3 opera versions",
+    "last 3 edge versions",
+    "last 3 safari versions",
+    "last 3 chromeandroid versions",
+    "last 1 firefoxandroid versions",
+    "ios >= 13.4"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}