@devtools-ui/copy-to-clipboard 0.3.1-next.1 → 0.4.0-next.1

package/dist/cjs/index.cjs

@@ -90,16 +90,19 @@ CopyToClipboard2.Label = (0, import_dsl.createSlot)({
 });
 
 // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/transform/index.ts
+var getData = (asset, options) => {
+  if (asset.binding === void 0) {
+    return "";
+  }
+  const obj = options.data.model.get(asset.binding, {
+    includeInvalid: true,
+    formatted: false
+  });
+  return typeof obj === "string" ? obj : JSON.stringify(obj, null, 2);
+};
 var copyToClipboardTransform = (asset, options) => ({
   ...asset,
-  data: asset.binding === void 0 ? "" : JSON.stringify(
-    options.data.model.get(asset.binding, {
-      includeInvalid: true,
-      formatted: false
-    }),
-    null,
-    2
-  )
+  data: getData(asset, options)
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/index.cjs.map

@@ -1 +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"]}
+{"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, Resolve } from \"@player-ui/player\";\nimport { CopyToClipboardAsset, TransformedCopyToClipboard } from \"../types\";\n\nconst getData = (\n  asset: CopyToClipboardAsset,\n  options: Resolve.NodeResolveOptions\n): string => {\n  if (asset.binding === undefined) {\n    return \"\";\n  }\n  const obj = options.data.model.get(asset.binding, {\n    includeInvalid: true,\n    formatted: false,\n  });\n  return typeof obj === \"string\" ? obj : JSON.stringify(obj, null, 2);\n};\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: getData(asset, options),\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;;;AC3CD,IAAM,UAAU,CACd,OACA,YACW;AACX,MAAI,MAAM,YAAY,QAAW;AAC/B,WAAO;AAAA,EACT;AACA,QAAM,MAAM,QAAQ,KAAK,MAAM,IAAI,MAAM,SAAS;AAAA,IAChD,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb,CAAC;AACD,SAAO,OAAO,QAAQ,WAAW,MAAM,KAAK,UAAU,KAAK,MAAM,CAAC;AACpE;AAMO,IAAM,2BAGT,CAAC,OAAO,aAAa;AAAA,EACvB,GAAG;AAAA,EACH,MAAM,QAAQ,OAAO,OAAO;AAC9B;","names":["CopyToClipboard","import_react","React","import_react","CopyToClipboard","React"]}

package/dist/index.legacy-esm.js

@@ -55,16 +55,19 @@ CopyToClipboard2.Label = createSlot({
 });
 
 // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/transform/index.ts
+var getData = (asset, options) => {
+  if (asset.binding === void 0) {
+    return "";
+  }
+  const obj = options.data.model.get(asset.binding, {
+    includeInvalid: true,
+    formatted: false
+  });
+  return typeof obj === "string" ? obj : JSON.stringify(obj, null, 2);
+};
 var copyToClipboardTransform = (asset, options) => ({
   ...asset,
-  data: asset.binding === void 0 ? "" : JSON.stringify(
-    options.data.model.get(asset.binding, {
-      includeInvalid: true,
-      formatted: false
-    }),
-    null,
-    2
-  )
+  data: getData(asset, options)
 });
 export {
   CopyToClipboard2 as CopyToClipboard,

package/dist/index.mjs

@@ -55,16 +55,19 @@ CopyToClipboard2.Label = createSlot({
 });
 
 // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/copy-to-clipboard/src/transform/index.ts
+var getData = (asset, options) => {
+  if (asset.binding === void 0) {
+    return "";
+  }
+  const obj = options.data.model.get(asset.binding, {
+    includeInvalid: true,
+    formatted: false
+  });
+  return typeof obj === "string" ? obj : JSON.stringify(obj, null, 2);
+};
 var copyToClipboardTransform = (asset, options) => ({
   ...asset,
-  data: asset.binding === void 0 ? "" : JSON.stringify(
-    options.data.model.get(asset.binding, {
-      includeInvalid: true,
-      formatted: false
-    }),
-    null,
-    2
-  )
+  data: getData(asset, options)
 });
 export {
   CopyToClipboard2 as CopyToClipboard,

package/dist/index.mjs.map

@@ -1 +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"]}
+{"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, Resolve } from \"@player-ui/player\";\nimport { CopyToClipboardAsset, TransformedCopyToClipboard } from \"../types\";\n\nconst getData = (\n  asset: CopyToClipboardAsset,\n  options: Resolve.NodeResolveOptions\n): string => {\n  if (asset.binding === undefined) {\n    return \"\";\n  }\n  const obj = options.data.model.get(asset.binding, {\n    includeInvalid: true,\n    formatted: false,\n  });\n  return typeof obj === \"string\" ? obj : JSON.stringify(obj, null, 2);\n};\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: getData(asset, options),\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;;;AC3CD,IAAM,UAAU,CACd,OACA,YACW;AACX,MAAI,MAAM,YAAY,QAAW;AAC/B,WAAO;AAAA,EACT;AACA,QAAM,MAAM,QAAQ,KAAK,MAAM,IAAI,MAAM,SAAS;AAAA,IAChD,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb,CAAC;AACD,SAAO,OAAO,QAAQ,WAAW,MAAM,KAAK,UAAU,KAAK,MAAM,CAAC;AACpE;AAMO,IAAM,2BAGT,CAAC,OAAO,aAAa;AAAA,EACvB,GAAG;AAAA,EACH,MAAM,QAAQ,OAAO,OAAO;AAC9B;","names":["React","CopyToClipboard"]}

package/package.json

@@ -1,24 +1,19 @@
 {
   "name": "@devtools-ui/copy-to-clipboard",
-  "version": "0.3.1-next.1",
+  "version": "0.4.0-next.1",
   "main": "dist/cjs/index.cjs",
   "dependencies": {
-    "@devtools-ui/text": "0.3.1-next.1",
-    "@devtools-ui/collection": "0.3.1-next.1",
+    "@devtools-ui/text": "0.4.0-next.1",
+    "@devtools-ui/collection": "0.4.0-next.1",
     "@chakra-ui/react": "^2.8.2",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
-    "@player-tools/dsl": "0.7.0-next.3",
-    "@player-ui/asset-transform-plugin": "0.7.4-next.4",
-    "@player-ui/player": "0.7.4-next.4",
-    "@player-ui/react": "0.7.4-next.4",
-    "@player-ui/types": "0.7.4-next.4",
     "@types/react": "^18.2.51",
+    "@types/react-copy-to-clipboard": "^5.0.7",
     "dlv": "^1.1.3",
     "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",
@@ -38,5 +33,11 @@
     "src",
     "types"
   ],
-  "peerDependencies": {}
+  "peerDependencies": {
+    "@player-tools/dsl": "0.7.0-next.3",
+    "@player-ui/asset-transform-plugin": "0.9.1-next.0",
+    "@player-ui/player": "0.9.1-next.0",
+    "@player-ui/react": "0.9.1-next.0",
+    "@player-ui/types": "0.9.1-next.0"
+  }
 }

package/src/transform/index.ts

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