@synerise/ds-copy-icon 1.2.1 → 1.2.2

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-copy-icon@1.2.1...@synerise/ds-copy-icon@1.2.2) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-copy-icon
+
 ## [1.2.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-copy-icon@1.2.0...@synerise/ds-copy-icon@1.2.1) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-copy-icon

package/dist/CopyIcon.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type CopyIconProps } from './CopyIcon.types';
+import { default as React } from 'react';
+import { CopyIconProps } from './CopyIcon.types';
 declare const CopyIcon: ({ copyValue, texts, onMouseEnter, onMouseLeave, icon, placement, onCopy, onClick, ...rest }: CopyIconProps) => React.JSX.Element;
 export default CopyIcon;

package/dist/CopyIcon.js

@@ -1,76 +1,62 @@
-var _excluded = ["copyValue", "texts", "onMouseEnter", "onMouseLeave", "icon", "placement", "onCopy", "onClick"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import copy from 'copy-to-clipboard';
-import React, { useCallback, useMemo, useState } from 'react';
-import { useIntl } from 'react-intl';
-import Icon, { CopyClipboardM } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import * as S from './CopyIcon.styles';
-var CopyIcon = function CopyIcon(_ref) {
-  var copyValue = _ref.copyValue,
-    texts = _ref.texts,
-    onMouseEnter = _ref.onMouseEnter,
-    onMouseLeave = _ref.onMouseLeave,
-    icon = _ref.icon,
-    placement = _ref.placement,
-    onCopy = _ref.onCopy,
-    onClick = _ref.onClick,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var textsObj = useMemo(function () {
-    return _extends({
-      copiedTooltip: formatMessage({
-        id: 'DS.COPY-ICON.COPIED',
-        defaultMessage: 'Copied!'
-      }),
-      copyTooltip: formatMessage({
-        id: 'DS.COPY-ICON.COPY-VALUE',
-        defaultMessage: 'Copy'
-      })
-    }, texts);
-  }, [texts, formatMessage]);
-  var _useState = useState(textsObj.copyTooltip),
-    tooltipTitle = _useState[0],
-    setTooltipTitle = _useState[1];
-  var _useState2 = useState(false),
-    isCopiedBlock = _useState2[0],
-    setIsCopiedBlock = _useState2[1];
-  var handleCopy = useCallback(function (event) {
+import { jsx } from "react/jsx-runtime";
+import copy from "copy-to-clipboard";
+import { useMemo, useState, useCallback } from "react";
+import { useIntl } from "react-intl";
+import Icon, { CopyClipboardM } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { CopyIcon as CopyIcon$1 } from "./CopyIcon.styles.js";
+const CopyIcon = ({
+  copyValue,
+  texts,
+  onMouseEnter,
+  onMouseLeave,
+  icon,
+  placement,
+  onCopy,
+  onClick,
+  ...rest
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const textsObj = useMemo(() => ({
+    copiedTooltip: formatMessage({
+      id: "DS.COPY-ICON.COPIED",
+      defaultMessage: "Copied!"
+    }),
+    copyTooltip: formatMessage({
+      id: "DS.COPY-ICON.COPY-VALUE",
+      defaultMessage: "Copy"
+    }),
+    ...texts
+  }), [texts, formatMessage]);
+  const [tooltipTitle, setTooltipTitle] = useState(textsObj.copyTooltip);
+  const [isCopiedBlock, setIsCopiedBlock] = useState(false);
+  const handleCopy = useCallback((event) => {
     if (copyValue && copy(copyValue)) {
       setTooltipTitle(textsObj.copiedTooltip);
       setIsCopiedBlock(true);
-      setTimeout(function () {
+      setTimeout(() => {
         setIsCopiedBlock(false);
         setTooltipTitle(textsObj.copyTooltip);
-      }, 2000);
+      }, 2e3);
       onCopy && onCopy();
     }
-    onClick == null || onClick(event);
+    onClick?.(event);
   }, [copyValue, onClick, textsObj.copiedTooltip, textsObj.copyTooltip, onCopy]);
-  var handleMouseEnter = useCallback(function (event) {
+  const handleMouseEnter = useCallback((event) => {
     event.stopPropagation();
     if (!isCopiedBlock) {
       setTooltipTitle(textsObj.copyTooltip);
     }
     onMouseEnter && onMouseEnter(event);
   }, [isCopiedBlock, textsObj, onMouseEnter]);
-  var handleMouseLeave = useCallback(function (event) {
+  const handleMouseLeave = useCallback((event) => {
     event.stopPropagation();
     onMouseLeave && onMouseLeave(event);
   }, [onMouseLeave]);
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    placement: placement,
-    title: tooltipTitle
-  }, /*#__PURE__*/React.createElement(S.CopyIcon, _extends({
-    "data-testid": "ds-copy-icon",
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    onClick: handleCopy
-  }, rest), icon || /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(CopyClipboardM, null),
-    size: 24
-  })));
+  return /* @__PURE__ */ jsx(Tooltip, { placement, title: tooltipTitle, children: /* @__PURE__ */ jsx(CopyIcon$1, { "data-testid": "ds-copy-icon", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleCopy, ...rest, children: icon || /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CopyClipboardM, {}), size: 24 }) }) });
+};
+export {
+  CopyIcon as default
 };
-export default CopyIcon;

package/dist/CopyIcon.styles.d.ts

@@ -1 +1 @@
-export declare const CopyIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CopyIcon: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/CopyIcon.styles.js

@@ -1,9 +1,8 @@
-import styled from 'styled-components';
-export var CopyIcon = styled.div.withConfig({
+import styled from "styled-components";
+const CopyIcon = /* @__PURE__ */ styled.div.withConfig({
   displayName: "CopyIconstyles__CopyIcon",
   componentId: "sc-1xzoy5o-0"
-})(["cursor:pointer;color:", ";&:hover{color:", ";}"], function (props) {
-  return props.theme.palette['grey-600'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-});
+})(["cursor:pointer;color:", ";&:hover{color:", ";}"], (props) => props.theme.palette["grey-600"], (props) => props.theme.palette["blue-600"]);
+export {
+  CopyIcon
+};

package/dist/CopyIcon.types.d.ts

@@ -1,6 +1,6 @@
-import { type ReactNode } from 'react';
-import { type TooltipProps } from '@synerise/ds-tooltip';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { ReactNode } from 'react';
+import { TooltipProps } from '@synerise/ds-tooltip';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type CopyTooltipTexts = {
     copyTooltip: ReactNode;
     copiedTooltip: ReactNode;

package/dist/CopyIcon.types.js

@@ -1 +1 @@
-export {};
+

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './CopyIcon';
+import { default as default2 } from "./CopyIcon.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-copy-icon",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "CopyIcon UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "prepublish": "pnpm run build",
     "types": "tsc --noEmit",
@@ -35,11 +35,11 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-tooltip": "^1.4.9"
+    "@synerise/ds-icon": "^1.15.1",
+    "@synerise/ds-tooltip": "^1.4.10"
   },
   "devDependencies": {
-    "@synerise/ds-utils": "^1.7.0",
+    "@synerise/ds-utils": "^1.7.1",
     "vitest": "4"
   },
   "peerDependencies": {
@@ -49,5 +49,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }