@woosmap/ui 3.137.0 → 3.138.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "3.137.0",
+  "version": "3.138.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/CopyClipboardButton/CopyClipboardButton.js

@@ -16,10 +16,12 @@ export default class CopyClipboardButton extends Component {
         }
     }
 
-    copy = () => {
-        const { text, getText, copyCallback } = this.props;
+    copy = (e) => {
+        const { text, getText, copyCallback, stopPropagation } = this.props;
         const { copied } = this.state;
 
+        if (stopPropagation) e.stopPropagation();
+
         const textToCopy = text || (getText ? getText() : null);
 
         if (textToCopy !== null && copy(textToCopy) && !copied) {
@@ -29,13 +31,27 @@ export default class CopyClipboardButton extends Component {
     };
 
     render() {
-        const { type, noLabel, label, copiedLabel, copiedIcon, icon, getText, testId, copyCallback, ...rest } =
-            this.props;
+        const {
+            type,
+            noLabel,
+            label: propsLabel,
+            copiedLabel,
+            copiedIcon,
+            icon,
+            getText,
+            testId,
+            copyCallback,
+            stopPropagation,
+            ...rest
+        } = this.props;
         const { copied } = this.state;
+        let label;
+        if (noLabel) label = '';
+        else label = copied && copiedLabel ? copiedLabel : propsLabel;
         return (
             <Button
                 type={type}
-                label={copied && copiedLabel ? copiedLabel : label}
+                label={label}
                 icon={copied && copiedIcon ? copiedIcon : icon}
                 onClick={this.copy}
                 {...rest}
@@ -56,6 +72,7 @@ CopyClipboardButton.defaultProps = {
     getText: null,
     testId: 'copy-clipboard-button',
     copyCallback: () => {},
+    stopPropagation: false,
 };
 
 CopyClipboardButton.propTypes = {
@@ -69,4 +86,5 @@ CopyClipboardButton.propTypes = {
     copiedIcon: PropTypes.string,
     icon: PropTypes.string,
     copyCallback: PropTypes.func,
+    stopPropagation: PropTypes.bool,
 };

package/src/components/CopyClipboardButton/CopyToClipboard.stories.js

@@ -10,6 +10,7 @@ export default Story;
 const Template = () => (
     <div className="flex-column mbib">
         <CopyClipboardButton type="primary" text="Text to be copied" />
+        <CopyClipboardButton type="primary" text="Text to be copied" noLabel />
         <CopyClipboardButton
             label="withCallback"
             copiedLabel={null}

package/src/components/CopyClipboardButton/CopyToClipboard.test.js

@@ -10,6 +10,11 @@ it('renders a CopyClipboardButton component ', () => {
     expect(getByTestId('copy-clipboard-button')).toHaveClass('btn');
 });
 
+it('renders a CopyClipboardButton component without label', () => {
+    const { getByTestId } = render(<CopyClipboardButton text="Text" noLabel />);
+    expect(getByTestId('copy-clipboard-button')).toHaveClass('btn--no-label');
+});
+
 it('copies the content', () => {
     const { container } = render(<CopyClipboardButton text="Text to be copied" />);
     document.execCommand = jest.fn();