@woosmap/ui 2.54.0 → 2.55.0

package/package.json

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

package/src/components/CopyClipboardButton/CopyClipboardButton.js

@@ -17,25 +17,26 @@ export default class CopyClipboardButton extends Component {
     }
 
     copy = () => {
-        const { text, getText } = this.props;
+        const { text, getText, copyCallback } = this.props;
         const { copied } = this.state;
 
         const textToCopy = text || (getText ? getText() : null);
 
         if (textToCopy !== null && copy(textToCopy) && !copied) {
-            this.setState({ copied: true });
+            this.setState({ copied: true }, copyCallback);
             this.copyTimeout = setTimeout(() => this.setState({ copied: false }), 1000);
         }
     };
 
     render() {
-        const { type, noLabel, label, copiedLabel, copiedIcon, icon, getText, testId, ...rest } = this.props;
+        const { type, noLabel, label, copiedLabel, copiedIcon, icon, getText, testId, copyCallback, ...rest } =
+            this.props;
         const { copied } = this.state;
         return (
             <Button
                 type={type}
-                label={copied && label ? copiedLabel : label}
-                icon={copied ? copiedIcon : icon}
+                label={copied && copiedLabel ? copiedLabel : label}
+                icon={copied && copiedIcon ? copiedIcon : icon}
                 onClick={this.copy}
                 {...rest}
                 testId={testId}
@@ -54,6 +55,7 @@ CopyClipboardButton.defaultProps = {
     text: null,
     getText: null,
     testId: 'copy-clipboard-button',
+    copyCallback: () => {},
 };
 
 CopyClipboardButton.propTypes = {
@@ -66,4 +68,5 @@ CopyClipboardButton.propTypes = {
     copiedLabel: PropTypes.string,
     copiedIcon: PropTypes.string,
     icon: PropTypes.string,
+    copyCallback: PropTypes.func,
 };

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

@@ -7,6 +7,17 @@ const Story = {
 };
 
 export default Story;
-const Template = () => <CopyClipboardButton type="primary" text="Text to be copied" />;
+const Template = () => (
+    <div className="flex-column mbib">
+        <CopyClipboardButton type="primary" text="Text to be copied" />
+        <CopyClipboardButton
+            label="withCallback"
+            copiedLabel={null}
+            copiedIcon={null}
+            text="Text to be copied"
+            copyCallback={() => console.log('copy callback')}
+        />
+    </div>
+);
 export const Default = Template.bind({});
 Default.args = {};

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

@@ -23,3 +23,10 @@ it('copies the content from callback', () => {
     userEvent.click(container.firstChild);
     expect(document.execCommand).toHaveBeenCalledWith('copy');
 });
+
+it('copies the content and send a call back', () => {
+    const cb = jest.fn();
+    const { container } = render(<CopyClipboardButton text="text" copyCallback={cb} />);
+    userEvent.click(container.firstChild);
+    expect(cb).toHaveBeenCalledWith();
+});