@woosmap/ui 4.52.0 → 4.53.0

package/package.json

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

package/src/components/Button/Button.js

@@ -111,6 +111,7 @@ Button.propTypes = {
         'tab',
         'tab--action',
         'tab--pills',
+        'tab--disabled',
         'sidebar-link',
     ]),
     isLoading: PropTypes.bool,

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

@@ -4,6 +4,8 @@ import '@testing-library/jest-dom/extend-expect';
 
 import CopyClipboardButton from './CopyClipboardButton';
 
+const textToBeCopied = 'Text to be copied';
+
 it('renders a CopyClipboardButton component ', () => {
     const { getByTestId } = render(<CopyClipboardButton text="Text" />);
     expect(getByTestId('copy-clipboard-button')).toHaveClass('btn');
@@ -14,15 +16,44 @@ it('renders a CopyClipboardButton component without label', () => {
     expect(getByTestId('copy-clipboard-button')).toHaveClass('btn--no-label');
 });
 
+it('copies the content with navigator.clipboard supported', () => {
+    const writeText = jest.fn();
+
+    Object.assign(navigator, {
+        clipboard: {
+            writeText,
+        },
+    });
+    const { container } = render(<CopyClipboardButton text={textToBeCopied} />);
+    fireEvent.click(container.firstChild);
+    expect(navigator.clipboard.writeText).toHaveBeenCalledWith(textToBeCopied);
+    navigator.clipboard = null;
+});
+
+it('copies the content from callback with navigator.clipboard supported', () => {
+    const writeText = jest.fn();
+
+    Object.assign(navigator, {
+        clipboard: {
+            writeText,
+        },
+    });
+    const { container } = render(<CopyClipboardButton getText={() => textToBeCopied} />);
+    fireEvent.click(container.firstChild);
+    expect(navigator.clipboard.writeText).toHaveBeenCalledWith(textToBeCopied);
+    navigator.clipboard = null;
+});
+
 it('copies the content', () => {
-    const { container } = render(<CopyClipboardButton text="Text to be copied" />);
+    navigator.clipboard = null;
+    const { container } = render(<CopyClipboardButton text={textToBeCopied} />);
     document.execCommand = jest.fn();
     fireEvent.click(container.firstChild);
     expect(document.execCommand).toHaveBeenCalledWith('copy');
 });
 
 it('copies the content from callback', () => {
-    const { container } = render(<CopyClipboardButton getText={() => 'Text to be copied'} />);
+    const { container } = render(<CopyClipboardButton getText={() => textToBeCopied} />);
     document.execCommand = jest.fn();
     fireEvent.click(container.firstChild);
     expect(document.execCommand).toHaveBeenCalledWith('copy');

package/src/components/Demo/SkeletonDemo.js

@@ -110,7 +110,7 @@ export default class SkeletonDemo extends Component {
             serializedParams = `?\\\n${this.serializedParams()}`;
         }
 
-        let curl = `curl ${xMethod}"${request}${serializedParams}" `;
+        let curl = `curl ${xMethod}"${request}${serializedParams}"`;
 
         if (referer) {
             curl += `\\\n  -H 'referer: ${referer}'`;
@@ -121,7 +121,11 @@ export default class SkeletonDemo extends Component {
         }
 
         if (removeLineBreak) {
-            curl = curl.replaceAll('\\\n', '');
+            if (!String.prototype.replaceAll) {
+                curl = curl.split('\\\n').join('');
+            } else {
+                curl = curl.replaceAll('\\\n', '');
+            }
         }
 
         return curl;

package/src/components/Demo/SkeletonDemo.test.js

@@ -16,7 +16,29 @@ it('renders a SkeletonDemo component ', () => {
     expect(container.firstChild).toHaveAttribute('class', 'demo');
 });
 
-it('calls copy exec command when click on copy button', () => {
+it('calls navigator.clipboard.writeText function when click on copy button if if navigator.clipboard supported', () => {
+    const writeText = jest.fn();
+
+    Object.assign(navigator, {
+        clipboard: {
+            writeText,
+        },
+    });
+    render(
+        <SkeletonDemo
+            request="https://api.woosmap.com/localities/autocomplete/?input=paris"
+            noheader
+            id="skeleton-test"
+        />
+    );
+    fireEvent.click(screen.getByLabelText('Copy'));
+    expect(navigator.clipboard.writeText).toHaveBeenCalledWith(
+        'curl "https://api.woosmap.com/localities/autocomplete/?input=paris"'
+    );
+    navigator.clipboard = null;
+});
+
+it('calls copy exec command when click on copy button if navigator.clipboard not supported', () => {
     render(<SkeletonDemo noheader id="skeleton-test" />);
     document.execCommand = jest.fn();
     fireEvent.click(screen.getByLabelText('Copy'));

package/src/components/utils/CopyToClipoard.js

@@ -7,7 +7,11 @@ export default function CopyToClipboard(sourceStr = '') {
         document.body.appendChild(inputDom);
         inputDom.setSelectionRange(0, sourceStr.length);
         inputDom.select();
-        document.execCommand('copy');
+        if (!navigator.clipboard) {
+            document.execCommand('copy');
+        } else {
+            navigator.clipboard.writeText(inputDom.value);
+        }
         document.body.removeChild(inputDom);
         return true;
     } catch (error) {