@zag-js/clipboard 1.34.0 → 1.35.0

package/dist/index.js

@@ -1,234 +1,39 @@
-'use strict';
-
-var anatomy$1 = require('@zag-js/anatomy');
-var domQuery = require('@zag-js/dom-query');
-var core = require('@zag-js/core');
-var utils = require('@zag-js/utils');
-var types = require('@zag-js/types');
-
-// src/clipboard.anatomy.ts
-var anatomy = anatomy$1.createAnatomy("clipboard").parts("root", "control", "trigger", "indicator", "input", "label");
-var parts = anatomy.build();
-var getRootId = (ctx) => ctx.ids?.root ?? `clip:${ctx.id}`;
-var getInputId = (ctx) => ctx.ids?.input ?? `clip:${ctx.id}:input`;
-var getLabelId = (ctx) => ctx.ids?.label ?? `clip:${ctx.id}:label`;
-var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
-var writeToClipboard = (ctx, value) => copyText(ctx.getDoc(), value);
-function createNode(doc, text) {
-  const node = doc.createElement("pre");
-  Object.assign(node.style, {
-    width: "1px",
-    height: "1px",
-    position: "fixed",
-    top: "5px"
-  });
-  node.textContent = text;
-  return node;
-}
-function copyNode(node) {
-  const win = domQuery.getWindow(node);
-  const selection = win.getSelection();
-  if (selection == null) {
-    return Promise.reject(new Error());
-  }
-  selection.removeAllRanges();
-  const doc = node.ownerDocument;
-  const range = doc.createRange();
-  range.selectNodeContents(node);
-  selection.addRange(range);
-  doc.execCommand("copy");
-  selection.removeAllRanges();
-  return Promise.resolve();
-}
-function copyText(doc, text) {
-  const win = doc.defaultView || window;
-  if (win.navigator.clipboard?.writeText !== void 0) {
-    return win.navigator.clipboard.writeText(text);
-  }
-  if (!doc.body) {
-    return Promise.reject(new Error());
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 });
   }
-  const node = createNode(doc, text);
-  doc.body.appendChild(node);
-  copyNode(node);
-  doc.body.removeChild(node);
-  return Promise.resolve();
-}
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/clipboard.connect.ts
-function connect(service, normalize) {
-  const { state, send, context, scope } = service;
-  const copied = state.matches("copied");
-  return {
-    copied,
-    value: context.get("value"),
-    setValue(value) {
-      send({ type: "VALUE.SET", value });
-    },
-    copy() {
-      send({ type: "COPY" });
-    },
-    getRootProps() {
-      return normalize.element({
-        ...parts.root.attrs,
-        "data-copied": domQuery.dataAttr(copied),
-        id: getRootId(scope)
-      });
-    },
-    getLabelProps() {
-      return normalize.label({
-        ...parts.label.attrs,
-        htmlFor: getInputId(scope),
-        "data-copied": domQuery.dataAttr(copied),
-        id: getLabelId(scope)
-      });
-    },
-    getControlProps() {
-      return normalize.element({
-        ...parts.control.attrs,
-        "data-copied": domQuery.dataAttr(copied)
-      });
-    },
-    getInputProps() {
-      return normalize.input({
-        ...parts.input.attrs,
-        defaultValue: context.get("value"),
-        "data-copied": domQuery.dataAttr(copied),
-        readOnly: true,
-        "data-readonly": "true",
-        id: getInputId(scope),
-        onFocus(event) {
-          event.currentTarget.select();
-        },
-        onCopy() {
-          send({ type: "INPUT.COPY" });
-        }
-      });
-    },
-    getTriggerProps() {
-      return normalize.button({
-        ...parts.trigger.attrs,
-        type: "button",
-        "aria-label": copied ? "Copied to clipboard" : "Copy to clipboard",
-        "data-copied": domQuery.dataAttr(copied),
-        onClick() {
-          send({ type: "COPY" });
-        }
-      });
-    },
-    getIndicatorProps(props2) {
-      return normalize.element({
-        ...parts.indicator.attrs,
-        hidden: props2.copied !== copied
-      });
-    }
-  };
-}
-var machine = core.createMachine({
-  props({ props: props2 }) {
-    return {
-      timeout: 3e3,
-      defaultValue: "",
-      ...props2
-    };
-  },
-  initialState() {
-    return "idle";
-  },
-  context({ prop, bindable }) {
-    return {
-      value: bindable(() => ({
-        defaultValue: prop("defaultValue"),
-        value: prop("value"),
-        onChange(value) {
-          prop("onValueChange")?.({ value });
-        }
-      }))
-    };
-  },
-  watch({ track, context, action }) {
-    track([() => context.get("value")], () => {
-      action(["syncInputElement"]);
-    });
-  },
-  on: {
-    "VALUE.SET": {
-      actions: ["setValue"]
-    },
-    COPY: {
-      target: "copied",
-      actions: ["copyToClipboard", "invokeOnCopy"]
-    }
-  },
-  states: {
-    idle: {
-      on: {
-        "INPUT.COPY": {
-          target: "copied",
-          actions: ["invokeOnCopy"]
-        }
-      }
-    },
-    copied: {
-      effects: ["waitForTimeout"],
-      on: {
-        "COPY.DONE": {
-          target: "idle"
-        },
-        COPY: {
-          target: "copied",
-          actions: ["copyToClipboard", "invokeOnCopy"]
-        },
-        "INPUT.COPY": {
-          actions: ["invokeOnCopy"]
-        }
-      }
-    }
-  },
-  implementations: {
-    effects: {
-      waitForTimeout({ prop, send }) {
-        return utils.setRafTimeout(() => {
-          send({ type: "COPY.DONE" });
-        }, prop("timeout"));
-      }
-    },
-    actions: {
-      setValue({ context, event }) {
-        context.set("value", event.value);
-      },
-      copyToClipboard({ context, scope }) {
-        writeToClipboard(scope, context.get("value"));
-      },
-      invokeOnCopy({ prop }) {
-        prop("onStatusChange")?.({ copied: true });
-      },
-      syncInputElement({ context, scope }) {
-        const inputEl = getInputEl(scope);
-        if (!inputEl) return;
-        domQuery.setElementValue(inputEl, context.get("value"));
-      }
-    }
-  }
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  anatomy: () => import_clipboard.anatomy,
+  connect: () => import_clipboard2.connect,
+  machine: () => import_clipboard3.machine
+});
+module.exports = __toCommonJS(index_exports);
+var import_clipboard = require("./clipboard.anatomy.cjs");
+var import_clipboard2 = require("./clipboard.connect.cjs");
+var import_clipboard3 = require("./clipboard.machine.cjs");
+__reExport(index_exports, require("./clipboard.props.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  anatomy,
+  connect,
+  machine,
+  ...require("./clipboard.props.cjs")
 });
-var props = types.createProps()([
-  "getRootNode",
-  "id",
-  "ids",
-  "value",
-  "defaultValue",
-  "timeout",
-  "onStatusChange",
-  "onValueChange"
-]);
-var contextProps = utils.createSplitProps(props);
-var indicatorProps = types.createProps()(["copied"]);
-var splitIndicatorProps = utils.createSplitProps(indicatorProps);
-
-exports.anatomy = anatomy;
-exports.connect = connect;
-exports.contextProps = contextProps;
-exports.indicatorProps = indicatorProps;
-exports.machine = machine;
-exports.props = props;
-exports.splitIndicatorProps = splitIndicatorProps;

package/dist/index.mjs

@@ -1,226 +1,10 @@
-import { createAnatomy } from '@zag-js/anatomy';
-import { setElementValue, getWindow, dataAttr } from '@zag-js/dom-query';
-import { createMachine } from '@zag-js/core';
-import { setRafTimeout, createSplitProps } from '@zag-js/utils';
-import { createProps } from '@zag-js/types';
-
-// src/clipboard.anatomy.ts
-var anatomy = createAnatomy("clipboard").parts("root", "control", "trigger", "indicator", "input", "label");
-var parts = anatomy.build();
-var getRootId = (ctx) => ctx.ids?.root ?? `clip:${ctx.id}`;
-var getInputId = (ctx) => ctx.ids?.input ?? `clip:${ctx.id}:input`;
-var getLabelId = (ctx) => ctx.ids?.label ?? `clip:${ctx.id}:label`;
-var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
-var writeToClipboard = (ctx, value) => copyText(ctx.getDoc(), value);
-function createNode(doc, text) {
-  const node = doc.createElement("pre");
-  Object.assign(node.style, {
-    width: "1px",
-    height: "1px",
-    position: "fixed",
-    top: "5px"
-  });
-  node.textContent = text;
-  return node;
-}
-function copyNode(node) {
-  const win = getWindow(node);
-  const selection = win.getSelection();
-  if (selection == null) {
-    return Promise.reject(new Error());
-  }
-  selection.removeAllRanges();
-  const doc = node.ownerDocument;
-  const range = doc.createRange();
-  range.selectNodeContents(node);
-  selection.addRange(range);
-  doc.execCommand("copy");
-  selection.removeAllRanges();
-  return Promise.resolve();
-}
-function copyText(doc, text) {
-  const win = doc.defaultView || window;
-  if (win.navigator.clipboard?.writeText !== void 0) {
-    return win.navigator.clipboard.writeText(text);
-  }
-  if (!doc.body) {
-    return Promise.reject(new Error());
-  }
-  const node = createNode(doc, text);
-  doc.body.appendChild(node);
-  copyNode(node);
-  doc.body.removeChild(node);
-  return Promise.resolve();
-}
-
-// src/clipboard.connect.ts
-function connect(service, normalize) {
-  const { state, send, context, scope } = service;
-  const copied = state.matches("copied");
-  return {
-    copied,
-    value: context.get("value"),
-    setValue(value) {
-      send({ type: "VALUE.SET", value });
-    },
-    copy() {
-      send({ type: "COPY" });
-    },
-    getRootProps() {
-      return normalize.element({
-        ...parts.root.attrs,
-        "data-copied": dataAttr(copied),
-        id: getRootId(scope)
-      });
-    },
-    getLabelProps() {
-      return normalize.label({
-        ...parts.label.attrs,
-        htmlFor: getInputId(scope),
-        "data-copied": dataAttr(copied),
-        id: getLabelId(scope)
-      });
-    },
-    getControlProps() {
-      return normalize.element({
-        ...parts.control.attrs,
-        "data-copied": dataAttr(copied)
-      });
-    },
-    getInputProps() {
-      return normalize.input({
-        ...parts.input.attrs,
-        defaultValue: context.get("value"),
-        "data-copied": dataAttr(copied),
-        readOnly: true,
-        "data-readonly": "true",
-        id: getInputId(scope),
-        onFocus(event) {
-          event.currentTarget.select();
-        },
-        onCopy() {
-          send({ type: "INPUT.COPY" });
-        }
-      });
-    },
-    getTriggerProps() {
-      return normalize.button({
-        ...parts.trigger.attrs,
-        type: "button",
-        "aria-label": copied ? "Copied to clipboard" : "Copy to clipboard",
-        "data-copied": dataAttr(copied),
-        onClick() {
-          send({ type: "COPY" });
-        }
-      });
-    },
-    getIndicatorProps(props2) {
-      return normalize.element({
-        ...parts.indicator.attrs,
-        hidden: props2.copied !== copied
-      });
-    }
-  };
-}
-var machine = createMachine({
-  props({ props: props2 }) {
-    return {
-      timeout: 3e3,
-      defaultValue: "",
-      ...props2
-    };
-  },
-  initialState() {
-    return "idle";
-  },
-  context({ prop, bindable }) {
-    return {
-      value: bindable(() => ({
-        defaultValue: prop("defaultValue"),
-        value: prop("value"),
-        onChange(value) {
-          prop("onValueChange")?.({ value });
-        }
-      }))
-    };
-  },
-  watch({ track, context, action }) {
-    track([() => context.get("value")], () => {
-      action(["syncInputElement"]);
-    });
-  },
-  on: {
-    "VALUE.SET": {
-      actions: ["setValue"]
-    },
-    COPY: {
-      target: "copied",
-      actions: ["copyToClipboard", "invokeOnCopy"]
-    }
-  },
-  states: {
-    idle: {
-      on: {
-        "INPUT.COPY": {
-          target: "copied",
-          actions: ["invokeOnCopy"]
-        }
-      }
-    },
-    copied: {
-      effects: ["waitForTimeout"],
-      on: {
-        "COPY.DONE": {
-          target: "idle"
-        },
-        COPY: {
-          target: "copied",
-          actions: ["copyToClipboard", "invokeOnCopy"]
-        },
-        "INPUT.COPY": {
-          actions: ["invokeOnCopy"]
-        }
-      }
-    }
-  },
-  implementations: {
-    effects: {
-      waitForTimeout({ prop, send }) {
-        return setRafTimeout(() => {
-          send({ type: "COPY.DONE" });
-        }, prop("timeout"));
-      }
-    },
-    actions: {
-      setValue({ context, event }) {
-        context.set("value", event.value);
-      },
-      copyToClipboard({ context, scope }) {
-        writeToClipboard(scope, context.get("value"));
-      },
-      invokeOnCopy({ prop }) {
-        prop("onStatusChange")?.({ copied: true });
-      },
-      syncInputElement({ context, scope }) {
-        const inputEl = getInputEl(scope);
-        if (!inputEl) return;
-        setElementValue(inputEl, context.get("value"));
-      }
-    }
-  }
-});
-var props = createProps()([
-  "getRootNode",
-  "id",
-  "ids",
-  "value",
-  "defaultValue",
-  "timeout",
-  "onStatusChange",
-  "onValueChange"
-]);
-var contextProps = createSplitProps(props);
-var indicatorProps = createProps()(["copied"]);
-var splitIndicatorProps = createSplitProps(indicatorProps);
-
-export { anatomy, connect, contextProps, indicatorProps, machine, props, splitIndicatorProps };
+// src/index.ts
+import { anatomy } from "./clipboard.anatomy.mjs";
+import { connect } from "./clipboard.connect.mjs";
+import { machine } from "./clipboard.machine.mjs";
+export * from "./clipboard.props.mjs";
+export {
+  anatomy,
+  connect,
+  machine
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/clipboard",
-  "version": "1.34.0",
+  "version": "1.35.0",
   "description": "Core logic for the clipboard widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,16 +27,16 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.34.0",
-    "@zag-js/core": "1.34.0",
-    "@zag-js/dom-query": "1.34.0",
-    "@zag-js/utils": "1.34.0",
-    "@zag-js/types": "1.34.0"
+    "@zag-js/anatomy": "1.35.0",
+    "@zag-js/core": "1.35.0",
+    "@zag-js/dom-query": "1.35.0",
+    "@zag-js/utils": "1.35.0",
+    "@zag-js/types": "1.35.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"
   },
-  "clean-package": "../../../clean-package.config.json",
+  "clean-package": "./clean-package.config.json",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "exports": {
@@ -50,6 +50,16 @@
         "default": "./dist/index.js"
       }
     },
+    "./anatomy": {
+      "import": {
+        "types": "./dist/clipboard.anatomy.d.mts",
+        "default": "./dist/clipboard.anatomy.mjs"
+      },
+      "require": {
+        "types": "./dist/clipboard.anatomy.d.ts",
+        "default": "./dist/clipboard.anatomy.js"
+      }
+    },
     "./package.json": "./package.json"
   },
   "scripts": {