@devtools-ui/copy-to-clipboard 0.0.2--canary.13.662

package/dist/cjs/index.cjs

@@ -0,0 +1,110 @@
+"use strict";
+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);
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  CopyToClipboard: () => CopyToClipboard2,
+  CopyToClipboardComponent: () => CopyToClipboardComponent,
+  copyToClipboardTransform: () => copyToClipboardTransform
+});
+module.exports = __toCommonJS(src_exports);
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/component/index.tsx
+var import_react = require("@player-ui/react");
+var import_react2 = __toESM(require("react"));
+var import_react_copy_to_clipboard = require("react-copy-to-clipboard");
+var import_react3 = require("@chakra-ui/react");
+var CopyToClipboardComponent = (props) => {
+  const { label, data } = props;
+  const toast = (0, import_react3.useToast)();
+  const handleCopy = (0, import_react2.useCallback)(
+    (_, result) => {
+      if (result) {
+        toast({
+          title: "Data copied to clipboard",
+          description: "Data copied successfully",
+          status: "success",
+          duration: 3e3,
+          isClosable: true
+        });
+      } else {
+        toast({
+          title: "Failed to copy",
+          description: "Failed to copy data to clipboard",
+          status: "error",
+          duration: 3e3,
+          isClosable: true
+        });
+      }
+    },
+    [toast]
+  );
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_copy_to_clipboard.CopyToClipboard, { text: data, onCopy: handleCopy }, /* @__PURE__ */ import_react2.default.createElement(import_react3.Button, null, label && /* @__PURE__ */ import_react2.default.createElement(import_react.ReactAsset, { ...label.asset })));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/dsl/index.tsx
+var import_react4 = __toESM(require("react"));
+var import_dsl = require("@player-tools/dsl");
+var import_collection = require("@devtools-ui/collection");
+var import_text = require("@devtools-ui/text");
+var CopyToClipboard2 = (props) => {
+  const { binding, children, ...rest } = props;
+  return /* @__PURE__ */ import_react4.default.createElement(import_dsl.Asset, { type: "copy-to-clipboard", ...rest }, binding && /* @__PURE__ */ import_react4.default.createElement("property", { name: "binding" }, binding.toValue()), children);
+};
+var CollectionComp = (props) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_collection.Collection, null, /* @__PURE__ */ import_react4.default.createElement(import_collection.Collection.Values, null, props.children));
+};
+CopyToClipboard2.Label = (0, import_dsl.createSlot)({
+  name: "label",
+  TextComp: import_text.Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/transform/index.ts
+var copyToClipboardTransform = (asset, options) => ({
+  ...asset,
+  data: asset.binding === void 0 ? "" : JSON.stringify(
+    options.data.model.get(asset.binding, {
+      includeInvalid: true,
+      formatted: false
+    }),
+    null,
+    2
+  )
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopyToClipboard,
+  CopyToClipboardComponent,
+  copyToClipboardTransform
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/index.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/component/index.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/dsl/index.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/transform/index.ts"],"sourcesContent":["export * from \"./types\";\nexport * from \"./component\";\nexport * from \"./dsl\";\nexport * from \"./transform\";\n","import { ReactAsset } from \"@player-ui/react\";\nimport React, { useCallback } from \"react\";\nimport type { TransformedCopyToClipboard } from \"../types\";\nimport { CopyToClipboard } from \"react-copy-to-clipboard\";\nimport { useToast, Button } from \"@chakra-ui/react\";\n\nexport const CopyToClipboardComponent = (props: TransformedCopyToClipboard) => {\n  const { label, data } = props;\n  const toast = useToast();\n  const handleCopy = useCallback(\n    (_: string, result: boolean) => {\n      if (result) {\n        toast({\n          title: \"Data copied to clipboard\",\n          description: \"Data copied successfully\",\n          status: \"success\",\n          duration: 3000,\n          isClosable: true,\n        });\n      } else {\n        toast({\n          title: \"Failed to copy\",\n          description: \"Failed to copy data to clipboard\",\n          status: \"error\",\n          duration: 3000,\n          isClosable: true,\n        });\n      }\n    },\n    [toast]\n  );\n\n  return (\n    <CopyToClipboard text={data} onCopy={handleCopy}>\n      <Button>{label && <ReactAsset {...label.asset} />}</Button>\n    </CopyToClipboard>\n  );\n};\n","import React from \"react\";\nimport {\n  AssetPropsWithChildren,\n  Asset,\n  createSlot,\n  BindingTemplateInstance,\n} from \"@player-tools/dsl\";\nimport type { Asset as AssetType } from \"@player-ui/player\";\nimport { Collection } from \"@devtools-ui/collection\";\nimport { Text } from \"@devtools-ui/text\";\nimport type { CopyToClipboardAsset } from \"../types\";\n\n/**\n * Defines the component DSL representation, so users of this plugin can author Player-UI\n * content leveraging .jsx/.tsx syntax.\n */\nexport const CopyToClipboard = (\n  props: Omit<AssetPropsWithChildren<CopyToClipboardAsset>, \"binding\"> & {\n    /** The binding */\n    binding?: BindingTemplateInstance;\n  }\n) => {\n  const { binding, children, ...rest } = props;\n\n  return (\n    <Asset type=\"copy-to-clipboard\" {...rest}>\n      {binding && <property name=\"binding\">{binding.toValue()}</property>}\n      {children}\n    </Asset>\n  );\n};\n\nconst CollectionComp = (props: AssetPropsWithChildren<AssetType>) => {\n  return (\n    <Collection>\n      <Collection.Values>{props.children}</Collection.Values>\n    </Collection>\n  );\n};\n\nCopyToClipboard.Label = createSlot({\n  name: \"label\",\n  TextComp: Text,\n  CollectionComp,\n  isArray: false,\n  wrapInAsset: true,\n});\n","import type { TransformFunction } from \"@player-ui/player\";\nimport { CopyToClipboardAsset, TransformedCopyToClipboard } from \"../types\";\n\n/**\n * Platform-agnostic transform function that takes the properties we get from the Player Content (DSL > JSON)\n * and embeds Player state and methods:\n */\nexport const copyToClipboardTransform: TransformFunction<\n  CopyToClipboardAsset,\n  TransformedCopyToClipboard\n> = (asset, options) => ({\n  ...asset,\n  data:\n    asset.binding === undefined\n      ? \"\"\n      : JSON.stringify(\n          options.data.model.get(asset.binding, {\n            includeInvalid: true,\n            formatted: false,\n          }),\n          null,\n          2\n        ),\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,yBAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA2B;AAC3B,IAAAC,gBAAmC;AAEnC,qCAAgC;AAChC,IAAAA,gBAAiC;AAE1B,IAAM,2BAA2B,CAAC,UAAsC;AAC7E,QAAM,EAAE,OAAO,KAAK,IAAI;AACxB,QAAM,YAAQ,wBAAS;AACvB,QAAM,iBAAa;AAAA,IACjB,CAAC,GAAW,WAAoB;AAC9B,UAAI,QAAQ;AACV,cAAM;AAAA,UACJ,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,YAAY;AAAA,QACd,CAAC;AAAA,MACH,OAAO;AACL,cAAM;AAAA,UACJ,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,YAAY;AAAA,QACd,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,SACE,8BAAAC,QAAA,cAAC,kDAAgB,MAAM,MAAM,QAAQ,cACnC,8BAAAA,QAAA,cAAC,4BAAQ,SAAS,8BAAAA,QAAA,cAAC,2BAAY,GAAG,MAAM,OAAO,CAAG,CACpD;AAEJ;;;ACrCA,IAAAC,gBAAkB;AAClB,iBAKO;AAEP,wBAA2B;AAC3B,kBAAqB;AAOd,IAAMC,mBAAkB,CAC7B,UAIG;AACH,QAAM,EAAE,SAAS,UAAU,GAAG,KAAK,IAAI;AAEvC,SACE,8BAAAC,QAAA,cAAC,oBAAM,MAAK,qBAAqB,GAAG,QACjC,WAAW,8BAAAA,QAAA,cAAC,cAAS,MAAK,aAAW,QAAQ,QAAQ,CAAE,GACvD,QACH;AAEJ;AAEA,IAAM,iBAAiB,CAAC,UAA6C;AACnE,SACE,8BAAAA,QAAA,cAAC,oCACC,8BAAAA,QAAA,cAAC,6BAAW,QAAX,MAAmB,MAAM,QAAS,CACrC;AAEJ;AAEAD,iBAAgB,YAAQ,uBAAW;AAAA,EACjC,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;;;ACvCM,IAAM,2BAGT,CAAC,OAAO,aAAa;AAAA,EACvB,GAAG;AAAA,EACH,MACE,MAAM,YAAY,SACd,KACA,KAAK;AAAA,IACH,QAAQ,KAAK,MAAM,IAAI,MAAM,SAAS;AAAA,MACpC,gBAAgB;AAAA,MAChB,WAAW;AAAA,IACb,CAAC;AAAA,IACD;AAAA,IACA;AAAA,EACF;AACR;","names":["CopyToClipboard","import_react","React","import_react","CopyToClipboard","React"]}

package/dist/index.legacy-esm.js

@@ -0,0 +1,74 @@
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/component/index.tsx
+import { ReactAsset } from "@player-ui/react";
+import React, { useCallback } from "react";
+import { CopyToClipboard } from "react-copy-to-clipboard";
+import { useToast, Button } from "@chakra-ui/react";
+var CopyToClipboardComponent = (props) => {
+  const { label, data } = props;
+  const toast = useToast();
+  const handleCopy = useCallback(
+    (_, result) => {
+      if (result) {
+        toast({
+          title: "Data copied to clipboard",
+          description: "Data copied successfully",
+          status: "success",
+          duration: 3e3,
+          isClosable: true
+        });
+      } else {
+        toast({
+          title: "Failed to copy",
+          description: "Failed to copy data to clipboard",
+          status: "error",
+          duration: 3e3,
+          isClosable: true
+        });
+      }
+    },
+    [toast]
+  );
+  return /* @__PURE__ */ React.createElement(CopyToClipboard, { text: data, onCopy: handleCopy }, /* @__PURE__ */ React.createElement(Button, null, label && /* @__PURE__ */ React.createElement(ReactAsset, { ...label.asset })));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/dsl/index.tsx
+import React2 from "react";
+import {
+  Asset,
+  createSlot
+} from "@player-tools/dsl";
+import { Collection } from "@devtools-ui/collection";
+import { Text } from "@devtools-ui/text";
+var CopyToClipboard2 = (props) => {
+  const { binding, children, ...rest } = props;
+  return /* @__PURE__ */ React2.createElement(Asset, { type: "copy-to-clipboard", ...rest }, binding && /* @__PURE__ */ React2.createElement("property", { name: "binding" }, binding.toValue()), children);
+};
+var CollectionComp = (props) => {
+  return /* @__PURE__ */ React2.createElement(Collection, null, /* @__PURE__ */ React2.createElement(Collection.Values, null, props.children));
+};
+CopyToClipboard2.Label = createSlot({
+  name: "label",
+  TextComp: Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/transform/index.ts
+var copyToClipboardTransform = (asset, options) => ({
+  ...asset,
+  data: asset.binding === void 0 ? "" : JSON.stringify(
+    options.data.model.get(asset.binding, {
+      includeInvalid: true,
+      formatted: false
+    }),
+    null,
+    2
+  )
+});
+export {
+  CopyToClipboard2 as CopyToClipboard,
+  CopyToClipboardComponent,
+  copyToClipboardTransform
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs

@@ -0,0 +1,74 @@
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/component/index.tsx
+import { ReactAsset } from "@player-ui/react";
+import React, { useCallback } from "react";
+import { CopyToClipboard } from "react-copy-to-clipboard";
+import { useToast, Button } from "@chakra-ui/react";
+var CopyToClipboardComponent = (props) => {
+  const { label, data } = props;
+  const toast = useToast();
+  const handleCopy = useCallback(
+    (_, result) => {
+      if (result) {
+        toast({
+          title: "Data copied to clipboard",
+          description: "Data copied successfully",
+          status: "success",
+          duration: 3e3,
+          isClosable: true
+        });
+      } else {
+        toast({
+          title: "Failed to copy",
+          description: "Failed to copy data to clipboard",
+          status: "error",
+          duration: 3e3,
+          isClosable: true
+        });
+      }
+    },
+    [toast]
+  );
+  return /* @__PURE__ */ React.createElement(CopyToClipboard, { text: data, onCopy: handleCopy }, /* @__PURE__ */ React.createElement(Button, null, label && /* @__PURE__ */ React.createElement(ReactAsset, { ...label.asset })));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/dsl/index.tsx
+import React2 from "react";
+import {
+  Asset,
+  createSlot
+} from "@player-tools/dsl";
+import { Collection } from "@devtools-ui/collection";
+import { Text } from "@devtools-ui/text";
+var CopyToClipboard2 = (props) => {
+  const { binding, children, ...rest } = props;
+  return /* @__PURE__ */ React2.createElement(Asset, { type: "copy-to-clipboard", ...rest }, binding && /* @__PURE__ */ React2.createElement("property", { name: "binding" }, binding.toValue()), children);
+};
+var CollectionComp = (props) => {
+  return /* @__PURE__ */ React2.createElement(Collection, null, /* @__PURE__ */ React2.createElement(Collection.Values, null, props.children));
+};
+CopyToClipboard2.Label = createSlot({
+  name: "label",
+  TextComp: Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/transform/index.ts
+var copyToClipboardTransform = (asset, options) => ({
+  ...asset,
+  data: asset.binding === void 0 ? "" : JSON.stringify(
+    options.data.model.get(asset.binding, {
+      includeInvalid: true,
+      formatted: false
+    }),
+    null,
+    2
+  )
+});
+export {
+  CopyToClipboard2 as CopyToClipboard,
+  CopyToClipboardComponent,
+  copyToClipboardTransform
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/component/index.tsx","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/dsl/index.tsx","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/transform/index.ts"],"sourcesContent":["import { ReactAsset } from \"@player-ui/react\";\nimport React, { useCallback } from \"react\";\nimport type { TransformedCopyToClipboard } from \"../types\";\nimport { CopyToClipboard } from \"react-copy-to-clipboard\";\nimport { useToast, Button } from \"@chakra-ui/react\";\n\nexport const CopyToClipboardComponent = (props: TransformedCopyToClipboard) => {\n  const { label, data } = props;\n  const toast = useToast();\n  const handleCopy = useCallback(\n    (_: string, result: boolean) => {\n      if (result) {\n        toast({\n          title: \"Data copied to clipboard\",\n          description: \"Data copied successfully\",\n          status: \"success\",\n          duration: 3000,\n          isClosable: true,\n        });\n      } else {\n        toast({\n          title: \"Failed to copy\",\n          description: \"Failed to copy data to clipboard\",\n          status: \"error\",\n          duration: 3000,\n          isClosable: true,\n        });\n      }\n    },\n    [toast]\n  );\n\n  return (\n    <CopyToClipboard text={data} onCopy={handleCopy}>\n      <Button>{label && <ReactAsset {...label.asset} />}</Button>\n    </CopyToClipboard>\n  );\n};\n","import React from \"react\";\nimport {\n  AssetPropsWithChildren,\n  Asset,\n  createSlot,\n  BindingTemplateInstance,\n} from \"@player-tools/dsl\";\nimport type { Asset as AssetType } from \"@player-ui/player\";\nimport { Collection } from \"@devtools-ui/collection\";\nimport { Text } from \"@devtools-ui/text\";\nimport type { CopyToClipboardAsset } from \"../types\";\n\n/**\n * Defines the component DSL representation, so users of this plugin can author Player-UI\n * content leveraging .jsx/.tsx syntax.\n */\nexport const CopyToClipboard = (\n  props: Omit<AssetPropsWithChildren<CopyToClipboardAsset>, \"binding\"> & {\n    /** The binding */\n    binding?: BindingTemplateInstance;\n  }\n) => {\n  const { binding, children, ...rest } = props;\n\n  return (\n    <Asset type=\"copy-to-clipboard\" {...rest}>\n      {binding && <property name=\"binding\">{binding.toValue()}</property>}\n      {children}\n    </Asset>\n  );\n};\n\nconst CollectionComp = (props: AssetPropsWithChildren<AssetType>) => {\n  return (\n    <Collection>\n      <Collection.Values>{props.children}</Collection.Values>\n    </Collection>\n  );\n};\n\nCopyToClipboard.Label = createSlot({\n  name: \"label\",\n  TextComp: Text,\n  CollectionComp,\n  isArray: false,\n  wrapInAsset: true,\n});\n","import type { TransformFunction } from \"@player-ui/player\";\nimport { CopyToClipboardAsset, TransformedCopyToClipboard } from \"../types\";\n\n/**\n * Platform-agnostic transform function that takes the properties we get from the Player Content (DSL > JSON)\n * and embeds Player state and methods:\n */\nexport const copyToClipboardTransform: TransformFunction<\n  CopyToClipboardAsset,\n  TransformedCopyToClipboard\n> = (asset, options) => ({\n  ...asset,\n  data:\n    asset.binding === undefined\n      ? \"\"\n      : JSON.stringify(\n          options.data.model.get(asset.binding, {\n            includeInvalid: true,\n            formatted: false,\n          }),\n          null,\n          2\n        ),\n});\n"],"mappings":";AAAA,SAAS,kBAAkB;AAC3B,OAAO,SAAS,mBAAmB;AAEnC,SAAS,uBAAuB;AAChC,SAAS,UAAU,cAAc;AAE1B,IAAM,2BAA2B,CAAC,UAAsC;AAC7E,QAAM,EAAE,OAAO,KAAK,IAAI;AACxB,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa;AAAA,IACjB,CAAC,GAAW,WAAoB;AAC9B,UAAI,QAAQ;AACV,cAAM;AAAA,UACJ,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,YAAY;AAAA,QACd,CAAC;AAAA,MACH,OAAO;AACL,cAAM;AAAA,UACJ,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,YAAY;AAAA,QACd,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,SACE,oCAAC,mBAAgB,MAAM,MAAM,QAAQ,cACnC,oCAAC,cAAQ,SAAS,oCAAC,cAAY,GAAG,MAAM,OAAO,CAAG,CACpD;AAEJ;;;ACrCA,OAAOA,YAAW;AAClB;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAOd,IAAMC,mBAAkB,CAC7B,UAIG;AACH,QAAM,EAAE,SAAS,UAAU,GAAG,KAAK,IAAI;AAEvC,SACE,gBAAAD,OAAA,cAAC,SAAM,MAAK,qBAAqB,GAAG,QACjC,WAAW,gBAAAA,OAAA,cAAC,cAAS,MAAK,aAAW,QAAQ,QAAQ,CAAE,GACvD,QACH;AAEJ;AAEA,IAAM,iBAAiB,CAAC,UAA6C;AACnE,SACE,gBAAAA,OAAA,cAAC,kBACC,gBAAAA,OAAA,cAAC,WAAW,QAAX,MAAmB,MAAM,QAAS,CACrC;AAEJ;AAEAC,iBAAgB,QAAQ,WAAW;AAAA,EACjC,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;;;ACvCM,IAAM,2BAGT,CAAC,OAAO,aAAa;AAAA,EACvB,GAAG;AAAA,EACH,MACE,MAAM,YAAY,SACd,KACA,KAAK;AAAA,IACH,QAAQ,KAAK,MAAM,IAAI,MAAM,SAAS;AAAA,MACpC,gBAAgB;AAAA,MAChB,WAAW;AAAA,IACb,CAAC;AAAA,IACD;AAAA,IACA;AAAA,EACF;AACR;","names":["React","CopyToClipboard"]}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@devtools-ui/copy-to-clipboard",
+  "version": "0.0.2--canary.13.662",
+  "main": "dist/cjs/index.cjs",
+  "dependencies": {
+    "@devtools-ui/text": "0.0.2--canary.13.662",
+    "@devtools-ui/collection": "0.0.2--canary.13.662",
+    "@chakra-ui/react": "^2.8.2",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "@player-tools/dsl": "0.5.2--canary.87.2261",
+    "@player-ui/asset-transform-plugin": "^0.7.1",
+    "@player-ui/player": "0.7.1",
+    "@player-ui/react": "^0.7.1",
+    "@player-ui/types": "0.7.1",
+    "@types/react": "^18.2.51",
+    "dlv": "^1.1.3",
+    "eslint-plugin-storybook": "^0.8.0",
+    "framer-motion": "^11.0.8",
+    "react": "^18.2.0",
+    "react-copy-to-clipboard": "^5.1.0",
+    "@types/react-copy-to-clipboard": "^5.0.7",
+    "tslib": "^2.6.2"
+  },
+  "module": "dist/index.legacy-esm.js",
+  "types": "types/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    "./package.json": "./package.json",
+    "./dist/index.css": "./dist/index.css",
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/cjs/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "types"
+  ],
+  "peerDependencies": {}
+}

package/src/component/index.tsx

@@ -0,0 +1,38 @@
+import { ReactAsset } from "@player-ui/react";
+import React, { useCallback } from "react";
+import type { TransformedCopyToClipboard } from "../types";
+import { CopyToClipboard } from "react-copy-to-clipboard";
+import { useToast, Button } from "@chakra-ui/react";
+
+export const CopyToClipboardComponent = (props: TransformedCopyToClipboard) => {
+  const { label, data } = props;
+  const toast = useToast();
+  const handleCopy = useCallback(
+    (_: string, result: boolean) => {
+      if (result) {
+        toast({
+          title: "Data copied to clipboard",
+          description: "Data copied successfully",
+          status: "success",
+          duration: 3000,
+          isClosable: true,
+        });
+      } else {
+        toast({
+          title: "Failed to copy",
+          description: "Failed to copy data to clipboard",
+          status: "error",
+          duration: 3000,
+          isClosable: true,
+        });
+      }
+    },
+    [toast]
+  );
+
+  return (
+    <CopyToClipboard text={data} onCopy={handleCopy}>
+      <Button>{label && <ReactAsset {...label.asset} />}</Button>
+    </CopyToClipboard>
+  );
+};

package/src/dsl/__tests__/index.test.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import { describe, expect, test } from "vitest";
+import { render, binding as b } from "@player-tools/dsl";
+import { CopyToClipboard } from "../";
+
+describe("DSL: CopyToClipboard", () => {
+  test("Renders copy-to-clipboard", async () => {
+    const rendered = await render(
+      <CopyToClipboard binding={b`my_binding`}>
+        <CopyToClipboard.Label>Copy to clipboard</CopyToClipboard.Label>
+      </CopyToClipboard>
+    );
+
+    expect(rendered.jsonValue).toStrictEqual({
+      id: "root",
+      type: "copy-to-clipboard",
+      binding: "my_binding",
+      label: {
+        asset: {
+          id: "label",
+          type: "text",
+          value: "Copy to clipboard",
+        },
+      },
+    });
+  });
+});

package/src/dsl/index.tsx

@@ -0,0 +1,47 @@
+import React from "react";
+import {
+  AssetPropsWithChildren,
+  Asset,
+  createSlot,
+  BindingTemplateInstance,
+} from "@player-tools/dsl";
+import type { Asset as AssetType } from "@player-ui/player";
+import { Collection } from "@devtools-ui/collection";
+import { Text } from "@devtools-ui/text";
+import type { CopyToClipboardAsset } from "../types";
+
+/**
+ * Defines the component DSL representation, so users of this plugin can author Player-UI
+ * content leveraging .jsx/.tsx syntax.
+ */
+export const CopyToClipboard = (
+  props: Omit<AssetPropsWithChildren<CopyToClipboardAsset>, "binding"> & {
+    /** The binding */
+    binding?: BindingTemplateInstance;
+  }
+) => {
+  const { binding, children, ...rest } = props;
+
+  return (
+    <Asset type="copy-to-clipboard" {...rest}>
+      {binding && <property name="binding">{binding.toValue()}</property>}
+      {children}
+    </Asset>
+  );
+};
+
+const CollectionComp = (props: AssetPropsWithChildren<AssetType>) => {
+  return (
+    <Collection>
+      <Collection.Values>{props.children}</Collection.Values>
+    </Collection>
+  );
+};
+
+CopyToClipboard.Label = createSlot({
+  name: "label",
+  TextComp: Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true,
+});

package/src/index.ts

@@ -0,0 +1,4 @@
+export * from "./types";
+export * from "./component";
+export * from "./dsl";
+export * from "./transform";

package/src/transform/index.ts

@@ -0,0 +1,24 @@
+import type { TransformFunction } from "@player-ui/player";
+import { CopyToClipboardAsset, TransformedCopyToClipboard } from "../types";
+
+/**
+ * Platform-agnostic transform function that takes the properties we get from the Player Content (DSL > JSON)
+ * and embeds Player state and methods:
+ */
+export const copyToClipboardTransform: TransformFunction<
+  CopyToClipboardAsset,
+  TransformedCopyToClipboard
+> = (asset, options) => ({
+  ...asset,
+  data:
+    asset.binding === undefined
+      ? ""
+      : JSON.stringify(
+          options.data.model.get(asset.binding, {
+            includeInvalid: true,
+            formatted: false,
+          }),
+          null,
+          2
+        ),
+});

package/src/types/index.ts

@@ -0,0 +1,14 @@
+import type { Asset, AssetWrapper } from "@player-ui/types";
+
+export interface CopyToClipboardAsset extends Asset<"copy-to-clipboard"> {
+  /** Binding to the data to be copied */
+  binding?: string;
+  /** Button Label */
+  label?: AssetWrapper;
+}
+
+/** A stateful instance of the asset */
+export interface TransformedCopyToClipboard extends CopyToClipboardAsset {
+  /** The stringified data to be copied */
+  data: string;
+}

package/types/component/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { TransformedCopyToClipboard } from "../types";
+export declare const CopyToClipboardComponent: (props: TransformedCopyToClipboard) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/types/dsl/index.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { AssetPropsWithChildren, BindingTemplateInstance } from "@player-tools/dsl";
+import type { CopyToClipboardAsset } from "../types";
+/**
+ * Defines the component DSL representation, so users of this plugin can author Player-UI
+ * content leveraging .jsx/.tsx syntax.
+ */
+export declare const CopyToClipboard: {
+    (props: Omit<AssetPropsWithChildren<CopyToClipboardAsset>, "binding"> & {
+        /** The binding */
+        binding?: BindingTemplateInstance;
+    }): React.JSX.Element;
+    Label: (props: {
+        children?: React.ReactNode;
+    }) => React.JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./types";
+export * from "./component";
+export * from "./dsl";
+export * from "./transform";
+//# sourceMappingURL=index.d.ts.map

package/types/transform/index.d.ts

@@ -0,0 +1,8 @@
+import type { TransformFunction } from "@player-ui/player";
+import { CopyToClipboardAsset, TransformedCopyToClipboard } from "../types";
+/**
+ * Platform-agnostic transform function that takes the properties we get from the Player Content (DSL > JSON)
+ * and embeds Player state and methods:
+ */
+export declare const copyToClipboardTransform: TransformFunction<CopyToClipboardAsset, TransformedCopyToClipboard>;
+//# sourceMappingURL=index.d.ts.map

package/types/types/index.d.ts

@@ -0,0 +1,13 @@
+import type { Asset, AssetWrapper } from "@player-ui/types";
+export interface CopyToClipboardAsset extends Asset<"copy-to-clipboard"> {
+    /** Binding to the data to be copied */
+    binding?: string;
+    /** Button Label */
+    label?: AssetWrapper;
+}
+/** A stateful instance of the asset */
+export interface TransformedCopyToClipboard extends CopyToClipboardAsset {
+    /** The stringified data to be copied */
+    data: string;
+}
+//# sourceMappingURL=index.d.ts.map