@chayns-components/core 5.5.14 → 5.5.21

package/lib/esm/components/copyable-content/copyableContentClipboard.js

@@ -1,17 +1,41 @@
 import { formatStringToHtml } from '@chayns-components/format';
-const RICH_MIME_TYPES = ['text/plain', 'text/markdown', 'text/html'];
-const createClipboardItem = data => new ClipboardItem(data);
-const supportsRichMimeTypes = () => {
-  if (typeof ClipboardItem === 'undefined' || typeof ClipboardItem.supports !== 'function') {
-    return true;
-  }
-  return RICH_MIME_TYPES.every(mimeType => ClipboardItem.supports(mimeType));
+const getPlainTextFromHtml = html => {
+  const document = new DOMParser().parseFromString(html, 'text/html');
+  return Array.from(document.body.children).map(element => {
+    if (element.tagName === 'UL' || element.tagName === 'OL') {
+      return Array.from(element.children).map(item => `• ${item.textContent?.trim() ?? ''}`).join('\n');
+    }
+    return element.textContent?.trim() ?? '';
+  }).filter(Boolean).join('\n\n');
+};
+const createClipboardContent = source => {
+  const {
+    html
+  } = formatStringToHtml(source);
+  return {
+    html,
+    plainText: getPlainTextFromHtml(html)
+  };
+};
+const copyWithClipboardItem = async ({
+  html,
+  plainText
+}) => {
+  const clipboardData = new ClipboardItem({
+    'text/plain': new Blob([plainText], {
+      type: 'text/plain'
+    }),
+    'text/html': new Blob([html], {
+      type: 'text/html'
+    })
+  });
+  await navigator.clipboard.write([clipboardData]);
 };
-const copyPlainText = async source => {
+const copyPlainText = async plainText => {
   if (typeof ClipboardItem !== 'undefined') {
     try {
-      await navigator.clipboard.write([createClipboardItem({
-        'text/plain': new Blob([source], {
+      await navigator.clipboard.write([new ClipboardItem({
+        'text/plain': new Blob([plainText], {
           type: 'text/plain'
         })
       })]);
@@ -20,33 +44,22 @@ const copyPlainText = async source => {
       // Use writeText as the final browser-compatible fallback.
     }
   }
-  await navigator.clipboard.writeText(source);
+  await navigator.clipboard.writeText(plainText);
 };
 export const copyableContentToClipboard = async source => {
+  const clipboardContent = createClipboardContent(source);
   if (!navigator.clipboard) {
     throw new Error('Clipboard API is not available.');
   }
-  if (typeof ClipboardItem === 'undefined' || !supportsRichMimeTypes()) {
-    await copyPlainText(source);
+  if (typeof ClipboardItem === 'undefined') {
+    await copyPlainText(clipboardContent.plainText);
     return;
   }
-  const {
-    html
-  } = formatStringToHtml(source);
   try {
-    await navigator.clipboard.write([createClipboardItem({
-      'text/plain': new Blob([source], {
-        type: 'text/plain'
-      }),
-      'text/markdown': new Blob([source], {
-        type: 'text/markdown'
-      }),
-      'text/html': new Blob([html], {
-        type: 'text/html'
-      })
-    })]);
+    await copyWithClipboardItem(clipboardContent);
   } catch {
-    await copyPlainText(source);
+    // Use the plain-text fallback when the browser rejects rich MIME types.
+    await copyPlainText(clipboardContent.plainText);
   }
 };
 //# sourceMappingURL=copyableContentClipboard.js.map

package/lib/esm/components/copyable-content/copyableContentClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"copyableContentClipboard.js","names":["formatStringToHtml","RICH_MIME_TYPES","createClipboardItem","data","ClipboardItem","supportsRichMimeTypes","supports","every","mimeType","copyPlainText","source","navigator","clipboard","write","Blob","type","writeText","copyableContentToClipboard","Error","html"],"sources":["../../../../src/components/copyable-content/copyableContentClipboard.ts"],"sourcesContent":["import { formatStringToHtml } from '@chayns-components/format';\n\nconst RICH_MIME_TYPES = ['text/plain', 'text/markdown', 'text/html'] as const;\n\nconst createClipboardItem = (data: Record<string, Blob>) => new ClipboardItem(data);\n\nconst supportsRichMimeTypes = () => {\n    if (typeof ClipboardItem === 'undefined' || typeof ClipboardItem.supports !== 'function') {\n        return true;\n    }\n\n    return RICH_MIME_TYPES.every((mimeType) => ClipboardItem.supports(mimeType));\n};\n\nconst copyPlainText = async (source: string) => {\n    if (typeof ClipboardItem !== 'undefined') {\n        try {\n            await navigator.clipboard.write([\n                createClipboardItem({ 'text/plain': new Blob([source], { type: 'text/plain' }) }),\n            ]);\n            return;\n        } catch {\n            // Use writeText as the final browser-compatible fallback.\n        }\n    }\n\n    await navigator.clipboard.writeText(source);\n};\n\nexport const copyableContentToClipboard = async (source: string) => {\n    if (!navigator.clipboard) {\n        throw new Error('Clipboard API is not available.');\n    }\n\n    if (typeof ClipboardItem === 'undefined' || !supportsRichMimeTypes()) {\n        await copyPlainText(source);\n        return;\n    }\n\n    const { html } = formatStringToHtml(source);\n\n    try {\n        await navigator.clipboard.write([\n            createClipboardItem({\n                'text/plain': new Blob([source], { type: 'text/plain' }),\n                'text/markdown': new Blob([source], { type: 'text/markdown' }),\n                'text/html': new Blob([html], { type: 'text/html' }),\n            }),\n        ]);\n    } catch {\n        await copyPlainText(source);\n    }\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,2BAA2B;AAE9D,MAAMC,eAAe,GAAG,CAAC,YAAY,EAAE,eAAe,EAAE,WAAW,CAAU;AAE7E,MAAMC,mBAAmB,GAAIC,IAA0B,IAAK,IAAIC,aAAa,CAACD,IAAI,CAAC;AAEnF,MAAME,qBAAqB,GAAGA,CAAA,KAAM;EAChC,IAAI,OAAOD,aAAa,KAAK,WAAW,IAAI,OAAOA,aAAa,CAACE,QAAQ,KAAK,UAAU,EAAE;IACtF,OAAO,IAAI;EACf;EAEA,OAAOL,eAAe,CAACM,KAAK,CAAEC,QAAQ,IAAKJ,aAAa,CAACE,QAAQ,CAACE,QAAQ,CAAC,CAAC;AAChF,CAAC;AAED,MAAMC,aAAa,GAAG,MAAOC,MAAc,IAAK;EAC5C,IAAI,OAAON,aAAa,KAAK,WAAW,EAAE;IACtC,IAAI;MACA,MAAMO,SAAS,CAACC,SAAS,CAACC,KAAK,CAAC,CAC5BX,mBAAmB,CAAC;QAAE,YAAY,EAAE,IAAIY,IAAI,CAAC,CAACJ,MAAM,CAAC,EAAE;UAAEK,IAAI,EAAE;QAAa,CAAC;MAAE,CAAC,CAAC,CACpF,CAAC;MACF;IACJ,CAAC,CAAC,MAAM;MACJ;IAAA;EAER;EAEA,MAAMJ,SAAS,CAACC,SAAS,CAACI,SAAS,CAACN,MAAM,CAAC;AAC/C,CAAC;AAED,OAAO,MAAMO,0BAA0B,GAAG,MAAOP,MAAc,IAAK;EAChE,IAAI,CAACC,SAAS,CAACC,SAAS,EAAE;IACtB,MAAM,IAAIM,KAAK,CAAC,iCAAiC,CAAC;EACtD;EAEA,IAAI,OAAOd,aAAa,KAAK,WAAW,IAAI,CAACC,qBAAqB,CAAC,CAAC,EAAE;IAClE,MAAMI,aAAa,CAACC,MAAM,CAAC;IAC3B;EACJ;EAEA,MAAM;IAAES;EAAK,CAAC,GAAGnB,kBAAkB,CAACU,MAAM,CAAC;EAE3C,IAAI;IACA,MAAMC,SAAS,CAACC,SAAS,CAACC,KAAK,CAAC,CAC5BX,mBAAmB,CAAC;MAChB,YAAY,EAAE,IAAIY,IAAI,CAAC,CAACJ,MAAM,CAAC,EAAE;QAAEK,IAAI,EAAE;MAAa,CAAC,CAAC;MACxD,eAAe,EAAE,IAAID,IAAI,CAAC,CAACJ,MAAM,CAAC,EAAE;QAAEK,IAAI,EAAE;MAAgB,CAAC,CAAC;MAC9D,WAAW,EAAE,IAAID,IAAI,CAAC,CAACK,IAAI,CAAC,EAAE;QAAEJ,IAAI,EAAE;MAAY,CAAC;IACvD,CAAC,CAAC,CACL,CAAC;EACN,CAAC,CAAC,MAAM;IACJ,MAAMN,aAAa,CAACC,MAAM,CAAC;EAC/B;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"copyableContentClipboard.js","names":["formatStringToHtml","getPlainTextFromHtml","html","document","DOMParser","parseFromString","Array","from","body","children","map","element","tagName","item","textContent","trim","join","filter","Boolean","createClipboardContent","source","plainText","copyWithClipboardItem","clipboardData","ClipboardItem","Blob","type","navigator","clipboard","write","copyPlainText","writeText","copyableContentToClipboard","clipboardContent","Error"],"sources":["../../../../src/components/copyable-content/copyableContentClipboard.ts"],"sourcesContent":["import { formatStringToHtml } from '@chayns-components/format';\n\ninterface ClipboardContent {\n    html: string;\n    plainText: string;\n}\n\nconst getPlainTextFromHtml = (html: string) => {\n    const document = new DOMParser().parseFromString(html, 'text/html');\n\n    return Array.from(document.body.children)\n        .map((element) => {\n            if (element.tagName === 'UL' || element.tagName === 'OL') {\n                return Array.from(element.children)\n                    .map((item) => `• ${item.textContent?.trim() ?? ''}`)\n                    .join('\\n');\n            }\n\n            return element.textContent?.trim() ?? '';\n        })\n        .filter(Boolean)\n        .join('\\n\\n');\n};\n\nconst createClipboardContent = (source: string): ClipboardContent => {\n    const { html } = formatStringToHtml(source);\n    return { html, plainText: getPlainTextFromHtml(html) };\n};\n\nconst copyWithClipboardItem = async ({ html, plainText }: ClipboardContent) => {\n    const clipboardData = new ClipboardItem({\n        'text/plain': new Blob([plainText], { type: 'text/plain' }),\n        'text/html': new Blob([html], { type: 'text/html' }),\n    });\n\n    await navigator.clipboard.write([clipboardData]);\n};\n\nconst copyPlainText = async (plainText: string) => {\n    if (typeof ClipboardItem !== 'undefined') {\n        try {\n            await navigator.clipboard.write([\n                new ClipboardItem({\n                    'text/plain': new Blob([plainText], { type: 'text/plain' }),\n                }),\n            ]);\n            return;\n        } catch {\n            // Use writeText as the final browser-compatible fallback.\n        }\n    }\n\n    await navigator.clipboard.writeText(plainText);\n};\n\nexport const copyableContentToClipboard = async (source: string) => {\n    const clipboardContent = createClipboardContent(source);\n\n    if (!navigator.clipboard) {\n        throw new Error('Clipboard API is not available.');\n    }\n\n    if (typeof ClipboardItem === 'undefined') {\n        await copyPlainText(clipboardContent.plainText);\n        return;\n    }\n\n    try {\n        await copyWithClipboardItem(clipboardContent);\n    } catch {\n        // Use the plain-text fallback when the browser rejects rich MIME types.\n        await copyPlainText(clipboardContent.plainText);\n    }\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,2BAA2B;AAO9D,MAAMC,oBAAoB,GAAIC,IAAY,IAAK;EAC3C,MAAMC,QAAQ,GAAG,IAAIC,SAAS,CAAC,CAAC,CAACC,eAAe,CAACH,IAAI,EAAE,WAAW,CAAC;EAEnE,OAAOI,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAACK,IAAI,CAACC,QAAQ,CAAC,CACpCC,GAAG,CAAEC,OAAO,IAAK;IACd,IAAIA,OAAO,CAACC,OAAO,KAAK,IAAI,IAAID,OAAO,CAACC,OAAO,KAAK,IAAI,EAAE;MACtD,OAAON,KAAK,CAACC,IAAI,CAACI,OAAO,CAACF,QAAQ,CAAC,CAC9BC,GAAG,CAAEG,IAAI,IAAK,KAAKA,IAAI,CAACC,WAAW,EAAEC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpDC,IAAI,CAAC,IAAI,CAAC;IACnB;IAEA,OAAOL,OAAO,CAACG,WAAW,EAAEC,IAAI,CAAC,CAAC,IAAI,EAAE;EAC5C,CAAC,CAAC,CACDE,MAAM,CAACC,OAAO,CAAC,CACfF,IAAI,CAAC,MAAM,CAAC;AACrB,CAAC;AAED,MAAMG,sBAAsB,GAAIC,MAAc,IAAuB;EACjE,MAAM;IAAElB;EAAK,CAAC,GAAGF,kBAAkB,CAACoB,MAAM,CAAC;EAC3C,OAAO;IAAElB,IAAI;IAAEmB,SAAS,EAAEpB,oBAAoB,CAACC,IAAI;EAAE,CAAC;AAC1D,CAAC;AAED,MAAMoB,qBAAqB,GAAG,MAAAA,CAAO;EAAEpB,IAAI;EAAEmB;AAA4B,CAAC,KAAK;EAC3E,MAAME,aAAa,GAAG,IAAIC,aAAa,CAAC;IACpC,YAAY,EAAE,IAAIC,IAAI,CAAC,CAACJ,SAAS,CAAC,EAAE;MAAEK,IAAI,EAAE;IAAa,CAAC,CAAC;IAC3D,WAAW,EAAE,IAAID,IAAI,CAAC,CAACvB,IAAI,CAAC,EAAE;MAAEwB,IAAI,EAAE;IAAY,CAAC;EACvD,CAAC,CAAC;EAEF,MAAMC,SAAS,CAACC,SAAS,CAACC,KAAK,CAAC,CAACN,aAAa,CAAC,CAAC;AACpD,CAAC;AAED,MAAMO,aAAa,GAAG,MAAOT,SAAiB,IAAK;EAC/C,IAAI,OAAOG,aAAa,KAAK,WAAW,EAAE;IACtC,IAAI;MACA,MAAMG,SAAS,CAACC,SAAS,CAACC,KAAK,CAAC,CAC5B,IAAIL,aAAa,CAAC;QACd,YAAY,EAAE,IAAIC,IAAI,CAAC,CAACJ,SAAS,CAAC,EAAE;UAAEK,IAAI,EAAE;QAAa,CAAC;MAC9D,CAAC,CAAC,CACL,CAAC;MACF;IACJ,CAAC,CAAC,MAAM;MACJ;IAAA;EAER;EAEA,MAAMC,SAAS,CAACC,SAAS,CAACG,SAAS,CAACV,SAAS,CAAC;AAClD,CAAC;AAED,OAAO,MAAMW,0BAA0B,GAAG,MAAOZ,MAAc,IAAK;EAChE,MAAMa,gBAAgB,GAAGd,sBAAsB,CAACC,MAAM,CAAC;EAEvD,IAAI,CAACO,SAAS,CAACC,SAAS,EAAE;IACtB,MAAM,IAAIM,KAAK,CAAC,iCAAiC,CAAC;EACtD;EAEA,IAAI,OAAOV,aAAa,KAAK,WAAW,EAAE;IACtC,MAAMM,aAAa,CAACG,gBAAgB,CAACZ,SAAS,CAAC;IAC/C;EACJ;EAEA,IAAI;IACA,MAAMC,qBAAqB,CAACW,gBAAgB,CAAC;EACjD,CAAC,CAAC,MAAM;IACJ;IACA,MAAMH,aAAa,CAACG,gBAAgB,CAACZ,SAAS,CAAC;EACnD;AACJ,CAAC","ignoreList":[]}

package/lib/esm/components/copyable-content/copyableContentClipboard.test.js

@@ -12,27 +12,29 @@ describe('copyableContentToClipboard', () => {
   afterEach(() => {
     vi.restoreAllMocks();
   });
-  it('writes exact source as plain text and markdown with safe HTML', async () => {
+  it('writes readable plain text first and safe HTML second', async () => {
     const write = vi.spyOn(navigator.clipboard, 'write').mockResolvedValue();
     await copyableContentToClipboard(source);
     const item = write.mock.calls[0][0][0];
-    await expect(readBlob(await item.getType('text/plain'))).resolves.toBe(source);
-    await expect(readBlob(await item.getType('text/markdown'))).resolves.toBe(source);
+    expect(Object.keys(item.items)).toEqual(['text/plain', 'text/html']);
+    await expect(readBlob(await item.getType('text/plain'))).resolves.toBe('Heading\n\nLink');
     await expect(readBlob(await item.getType('text/html'))).resolves.toBe(formatStringToHtml(source).html);
   });
-  it('uses a plain ClipboardItem when rich MIME types are unsupported', async () => {
-    vi.stubGlobal('ClipboardItem', Object.assign(class {}, {
-      supports: () => false
-    }));
-    const write = vi.spyOn(navigator.clipboard, 'write').mockResolvedValue();
+  it('uses a plain ClipboardItem after a rejected rich write', async () => {
+    const write = vi.spyOn(navigator.clipboard, 'write').mockRejectedValueOnce(new Error('denied')).mockResolvedValueOnce();
+    const writeText = vi.spyOn(navigator.clipboard, 'writeText').mockResolvedValue();
     await copyableContentToClipboard(source);
-    expect(write).toHaveBeenCalledTimes(1);
+    expect(write).toHaveBeenCalledTimes(2);
+    expect(writeText).not.toHaveBeenCalled();
+    const item = write.mock.calls[1][0][0];
+    expect(Object.keys(item.items)).toEqual(['text/plain']);
+    await expect(readBlob(await item.getType('text/plain'))).resolves.toBe('Heading\n\nLink');
   });
-  it('uses writeText after ClipboardItem writes fail', async () => {
+  it('uses writeText after all ClipboardItem writes fail', async () => {
     vi.spyOn(navigator.clipboard, 'write').mockRejectedValue(new Error('denied'));
     const writeText = vi.spyOn(navigator.clipboard, 'writeText').mockResolvedValue();
     await copyableContentToClipboard(source);
-    expect(writeText).toHaveBeenCalledWith(source);
+    expect(writeText).toHaveBeenCalledWith('Heading\n\nLink');
   });
 });
 //# sourceMappingURL=copyableContentClipboard.test.js.map

package/lib/esm/components/copyable-content/copyableContentClipboard.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"copyableContentClipboard.test.js","names":["formatStringToHtml","afterEach","describe","expect","it","vi","copyableContentToClipboard","source","readBlob","blob","Promise","resolve","reject","reader","FileReader","onerror","error","onload","result","readAsText","restoreAllMocks","write","spyOn","navigator","clipboard","mockResolvedValue","item","mock","calls","getType","resolves","toBe","html","stubGlobal","Object","assign","supports","toHaveBeenCalledTimes","mockRejectedValue","Error","writeText","toHaveBeenCalledWith"],"sources":["../../../../src/components/copyable-content/copyableContentClipboard.test.ts"],"sourcesContent":["import { formatStringToHtml } from '@chayns-components/format';\nimport { afterEach, describe, expect, it, vi } from 'vitest';\nimport { copyableContentToClipboard } from './copyableContentClipboard';\n\nconst source = '# Heading\\n\\n[Link](https://example.com)';\n\nconst readBlob = (blob: Blob) =>\n    new Promise<string>((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onerror = () => reject(reader.error);\n        reader.onload = () => resolve(reader.result as string);\n        reader.readAsText(blob);\n    });\n\ndescribe('copyableContentToClipboard', () => {\n    afterEach(() => {\n        vi.restoreAllMocks();\n    });\n\n    it('writes exact source as plain text and markdown with safe HTML', async () => {\n        const write = vi.spyOn(navigator.clipboard, 'write').mockResolvedValue();\n\n        await copyableContentToClipboard(source);\n\n        const item = write.mock.calls[0][0][0] as unknown as ClipboardItem;\n        await expect(readBlob(await item.getType('text/plain'))).resolves.toBe(source);\n        await expect(readBlob(await item.getType('text/markdown'))).resolves.toBe(source);\n        await expect(readBlob(await item.getType('text/html'))).resolves.toBe(\n            formatStringToHtml(source).html,\n        );\n    });\n\n    it('uses a plain ClipboardItem when rich MIME types are unsupported', async () => {\n        vi.stubGlobal('ClipboardItem', Object.assign(class {}, { supports: () => false }));\n        const write = vi.spyOn(navigator.clipboard, 'write').mockResolvedValue();\n\n        await copyableContentToClipboard(source);\n\n        expect(write).toHaveBeenCalledTimes(1);\n    });\n\n    it('uses writeText after ClipboardItem writes fail', async () => {\n        vi.spyOn(navigator.clipboard, 'write').mockRejectedValue(new Error('denied'));\n        const writeText = vi.spyOn(navigator.clipboard, 'writeText').mockResolvedValue();\n\n        await copyableContentToClipboard(source);\n\n        expect(writeText).toHaveBeenCalledWith(source);\n    });\n});\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,2BAA2B;AAC9D,SAASC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,EAAE,EAAEC,EAAE,QAAQ,QAAQ;AAC5D,SAASC,0BAA0B,QAAQ,4BAA4B;AAEvE,MAAMC,MAAM,GAAG,0CAA0C;AAEzD,MAAMC,QAAQ,GAAIC,IAAU,IACxB,IAAIC,OAAO,CAAS,CAACC,OAAO,EAAEC,MAAM,KAAK;EACrC,MAAMC,MAAM,GAAG,IAAIC,UAAU,CAAC,CAAC;EAC/BD,MAAM,CAACE,OAAO,GAAG,MAAMH,MAAM,CAACC,MAAM,CAACG,KAAK,CAAC;EAC3CH,MAAM,CAACI,MAAM,GAAG,MAAMN,OAAO,CAACE,MAAM,CAACK,MAAgB,CAAC;EACtDL,MAAM,CAACM,UAAU,CAACV,IAAI,CAAC;AAC3B,CAAC,CAAC;AAENP,QAAQ,CAAC,4BAA4B,EAAE,MAAM;EACzCD,SAAS,CAAC,MAAM;IACZI,EAAE,CAACe,eAAe,CAAC,CAAC;EACxB,CAAC,CAAC;EAEFhB,EAAE,CAAC,+DAA+D,EAAE,YAAY;IAC5E,MAAMiB,KAAK,GAAGhB,EAAE,CAACiB,KAAK,CAACC,SAAS,CAACC,SAAS,EAAE,OAAO,CAAC,CAACC,iBAAiB,CAAC,CAAC;IAExE,MAAMnB,0BAA0B,CAACC,MAAM,CAAC;IAExC,MAAMmB,IAAI,GAAGL,KAAK,CAACM,IAAI,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAA6B;IAClE,MAAMzB,MAAM,CAACK,QAAQ,CAAC,MAAMkB,IAAI,CAACG,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAACC,QAAQ,CAACC,IAAI,CAACxB,MAAM,CAAC;IAC9E,MAAMJ,MAAM,CAACK,QAAQ,CAAC,MAAMkB,IAAI,CAACG,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAACC,QAAQ,CAACC,IAAI,CAACxB,MAAM,CAAC;IACjF,MAAMJ,MAAM,CAACK,QAAQ,CAAC,MAAMkB,IAAI,CAACG,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAACC,QAAQ,CAACC,IAAI,CACjE/B,kBAAkB,CAACO,MAAM,CAAC,CAACyB,IAC/B,CAAC;EACL,CAAC,CAAC;EAEF5B,EAAE,CAAC,iEAAiE,EAAE,YAAY;IAC9EC,EAAE,CAAC4B,UAAU,CAAC,eAAe,EAAEC,MAAM,CAACC,MAAM,CAAC,MAAM,EAAE,EAAE;MAAEC,QAAQ,EAAEA,CAAA,KAAM;IAAM,CAAC,CAAC,CAAC;IAClF,MAAMf,KAAK,GAAGhB,EAAE,CAACiB,KAAK,CAACC,SAAS,CAACC,SAAS,EAAE,OAAO,CAAC,CAACC,iBAAiB,CAAC,CAAC;IAExE,MAAMnB,0BAA0B,CAACC,MAAM,CAAC;IAExCJ,MAAM,CAACkB,KAAK,CAAC,CAACgB,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFjC,EAAE,CAAC,gDAAgD,EAAE,YAAY;IAC7DC,EAAE,CAACiB,KAAK,CAACC,SAAS,CAACC,SAAS,EAAE,OAAO,CAAC,CAACc,iBAAiB,CAAC,IAAIC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7E,MAAMC,SAAS,GAAGnC,EAAE,CAACiB,KAAK,CAACC,SAAS,CAACC,SAAS,EAAE,WAAW,CAAC,CAACC,iBAAiB,CAAC,CAAC;IAEhF,MAAMnB,0BAA0B,CAACC,MAAM,CAAC;IAExCJ,MAAM,CAACqC,SAAS,CAAC,CAACC,oBAAoB,CAAClC,MAAM,CAAC;EAClD,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"copyableContentClipboard.test.js","names":["formatStringToHtml","afterEach","describe","expect","it","vi","copyableContentToClipboard","source","readBlob","blob","Promise","resolve","reject","reader","FileReader","onerror","error","onload","result","readAsText","restoreAllMocks","write","spyOn","navigator","clipboard","mockResolvedValue","item","mock","calls","Object","keys","items","toEqual","getType","resolves","toBe","html","mockRejectedValueOnce","Error","mockResolvedValueOnce","writeText","toHaveBeenCalledTimes","not","toHaveBeenCalled","mockRejectedValue","toHaveBeenCalledWith"],"sources":["../../../../src/components/copyable-content/copyableContentClipboard.test.ts"],"sourcesContent":["import { formatStringToHtml } from '@chayns-components/format';\nimport { afterEach, describe, expect, it, vi } from 'vitest';\nimport { copyableContentToClipboard } from './copyableContentClipboard';\n\nconst source = '# Heading\\n\\n[Link](https://example.com)';\n\nconst readBlob = (blob: Blob) =>\n    new Promise<string>((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onerror = () => reject(reader.error);\n        reader.onload = () => resolve(reader.result as string);\n        reader.readAsText(blob);\n    });\n\ndescribe('copyableContentToClipboard', () => {\n    afterEach(() => {\n        vi.restoreAllMocks();\n    });\n\n    it('writes readable plain text first and safe HTML second', async () => {\n        const write = vi.spyOn(navigator.clipboard, 'write').mockResolvedValue();\n\n        await copyableContentToClipboard(source);\n\n        const item = write.mock.calls[0][0][0] as unknown as ClipboardItem & {\n            items: Record<string, Blob>;\n        };\n        expect(Object.keys(item.items)).toEqual(['text/plain', 'text/html']);\n        await expect(readBlob(await item.getType('text/plain'))).resolves.toBe('Heading\\n\\nLink');\n        await expect(readBlob(await item.getType('text/html'))).resolves.toBe(\n            formatStringToHtml(source).html,\n        );\n    });\n\n    it('uses a plain ClipboardItem after a rejected rich write', async () => {\n        const write = vi\n            .spyOn(navigator.clipboard, 'write')\n            .mockRejectedValueOnce(new Error('denied'))\n            .mockResolvedValueOnce();\n        const writeText = vi.spyOn(navigator.clipboard, 'writeText').mockResolvedValue();\n\n        await copyableContentToClipboard(source);\n\n        expect(write).toHaveBeenCalledTimes(2);\n        expect(writeText).not.toHaveBeenCalled();\n        const item = write.mock.calls[1][0][0] as unknown as ClipboardItem & {\n            items: Record<string, Blob>;\n        };\n        expect(Object.keys(item.items)).toEqual(['text/plain']);\n        await expect(readBlob(await item.getType('text/plain'))).resolves.toBe('Heading\\n\\nLink');\n    });\n\n    it('uses writeText after all ClipboardItem writes fail', async () => {\n        vi.spyOn(navigator.clipboard, 'write').mockRejectedValue(new Error('denied'));\n        const writeText = vi.spyOn(navigator.clipboard, 'writeText').mockResolvedValue();\n\n        await copyableContentToClipboard(source);\n\n        expect(writeText).toHaveBeenCalledWith('Heading\\n\\nLink');\n    });\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/sharing-context-menu/SharingContextMenu.js

@@ -9,6 +9,8 @@ const SharingContextMenu = /*#__PURE__*/forwardRef(({
   link,
   children,
   shouldEnableKeyboardHighlighting,
+  shouldShowCallingCodeAction = true,
+  shouldShowCopyAction = true,
   ...contextMenuProps
 }, ref) => {
   const isTouch = useIsTouch();
@@ -55,12 +57,12 @@ const SharingContextMenu = /*#__PURE__*/forwardRef(({
         break;
     }
   }, [link, isTouch]);
-  const contextMenuItems = [{
+  const contextMenuItems = [...(shouldShowCopyAction ? [{
     icons: ['fa fa-copy'],
     key: 'copy',
     onClick: () => handleShare('copy'),
     text: 'Zwischenablage'
-  }, {
+  }] : []), {
     icons: ['fa-solid fa-brands fa-whatsapp'],
     key: 'whatsapp',
     onClick: () => handleShare('whatsapp'),
@@ -80,21 +82,18 @@ const SharingContextMenu = /*#__PURE__*/forwardRef(({
     key: 'mail',
     onClick: () => handleShare('mail'),
     text: 'Mail'
-  }, {
+  }, ...(shouldShowCallingCodeAction ? [{
     icons: ['fa fa-qrcode'],
     key: 'callingCode',
     onClick: handleImageDownload,
     text: 'Calling Code herunterladen'
-  }];
-  return (
-    /*#__PURE__*/
+  }] : [])];
+  return /*#__PURE__*/React.createElement(ContextMenu, _extends({
+    items: contextMenuItems,
+    ref: ref,
+    shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
     // eslint-disable-next-line react/jsx-props-no-spreading
-    React.createElement(ContextMenu, _extends({
-      items: contextMenuItems,
-      ref: ref,
-      shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
-    }, contextMenuProps), children)
-  );
+  }, contextMenuProps), children);
 });
 SharingContextMenu.displayName = 'SharingContextMenu';
 export default SharingContextMenu;

package/lib/esm/components/sharing-context-menu/SharingContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SharingContextMenu.js","names":["getSite","React","forwardRef","useCallback","SHAREPROVIDER","useIsTouch","copyToClipboard","shareWithApp","shareWithUrl","ContextMenu","SharingContextMenu","link","children","shouldEnableKeyboardHighlighting","contextMenuProps","ref","isTouch","handleImageDownload","url","replace","encodeURIComponent","color","handleShare","key","trim","contextMenuItems","icons","onClick","text","createElement","_extends","items","displayName"],"sources":["../../../../src/components/sharing-context-menu/SharingContextMenu.tsx"],"sourcesContent":["import { getSite } from 'chayns-api';\nimport React, { forwardRef, useCallback } from 'react';\nimport { SHAREPROVIDER } from '../../constants/sharingBar';\nimport { useIsTouch } from '../../utils/environment';\nimport { copyToClipboard, shareWithApp, shareWithUrl } from '../../utils/sharingBar';\nimport ContextMenu from '../context-menu/ContextMenu';\nimport { ContextMenuProps, ContextMenuRef } from '../context-menu/ContextMenu.types';\n\nexport type SharingContextMenuProps = {\n    /**\n     * The link that should be shared.\n     */\n    link: string;\n    /**\n     * Enables keyboard-only focus highlighting for the context menu trigger.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n} & Omit<ContextMenuProps, 'items' | 'shouldEnableKeyboardHighlighting'>;\n\nconst SharingContextMenu = forwardRef<ContextMenuRef, SharingContextMenuProps>(\n    ({ link, children, shouldEnableKeyboardHighlighting, ...contextMenuProps }, ref) => {\n        const isTouch = useIsTouch();\n\n        const handleImageDownload = useCallback(() => {\n            shareWithUrl(\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore\n                SHAREPROVIDER[5].url\n                    .replace('{url}', encodeURIComponent(link))\n                    .replace('{linkText}', 'Teilen')\n                    .replace('{color}', getSite().color.replace('#', '')),\n            );\n        }, [link]);\n\n        const handleShare = useCallback(\n            (key: string) => {\n                switch (key) {\n                    case 'whatsapp':\n                        shareWithUrl(\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            SHAREPROVIDER[0].url.replace(\n                                '{url}',\n                                encodeURIComponent(`${link}`.trim()),\n                            ),\n                        );\n                        break;\n                    case 'facebook':\n                        shareWithUrl(\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            SHAREPROVIDER[3].url.replace('{url}', encodeURIComponent(link)),\n                        );\n                        break;\n                    case 'twitter':\n                        shareWithUrl(\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            SHAREPROVIDER[4].url\n                                .replace('{url}', encodeURIComponent(link))\n                                .replace('{linkText}', ''),\n                        );\n                        break;\n                    case 'mail':\n                        if (isTouch) {\n                            shareWithApp(`${link}`.trim());\n                        } else {\n                            shareWithUrl(\n                                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                // @ts-ignore\n                                SHAREPROVIDER[2].url.replace(\n                                    '{url}',\n                                    encodeURIComponent(`${link}`.trim()),\n                                ),\n                            );\n                        }\n                        break;\n                    case 'copy':\n                        copyToClipboard(link);\n                        break;\n                    default:\n                        break;\n                }\n            },\n            [link, isTouch],\n        );\n\n        const contextMenuItems = [\n            {\n                icons: ['fa fa-copy'],\n                key: 'copy',\n                onClick: () => handleShare('copy'),\n                text: 'Zwischenablage',\n            },\n            {\n                icons: ['fa-solid fa-brands fa-whatsapp'],\n                key: 'whatsapp',\n                onClick: () => handleShare('whatsapp'),\n                text: 'Whatsapp',\n            },\n            {\n                icons: ['fa-solid fa-brands fa-facebook-f'],\n                key: 'facebook',\n                onClick: () => handleShare('facebook'),\n                text: 'Facebook',\n            },\n            {\n                icons: ['fa-solid fa-brands fa-x-twitter'],\n                key: 'twitter',\n                onClick: () => handleShare('twitter'),\n                text: 'X',\n            },\n            {\n                icons: ['fa fa-envelope'],\n                key: 'mail',\n                onClick: () => handleShare('mail'),\n                text: 'Mail',\n            },\n            {\n                icons: ['fa fa-qrcode'],\n                key: 'callingCode',\n                onClick: handleImageDownload,\n                text: 'Calling Code herunterladen',\n            },\n        ];\n\n        return (\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            <ContextMenu\n                items={contextMenuItems}\n                ref={ref}\n                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n                {...contextMenuProps}\n            >\n                {children}\n            </ContextMenu>\n        );\n    },\n);\n\nSharingContextMenu.displayName = 'SharingContextMenu';\n\nexport default SharingContextMenu;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SharingContextMenu.js","names":["getSite","React","forwardRef","useCallback","SHAREPROVIDER","useIsTouch","copyToClipboard","shareWithApp","shareWithUrl","ContextMenu","SharingContextMenu","link","children","shouldEnableKeyboardHighlighting","shouldShowCallingCodeAction","shouldShowCopyAction","contextMenuProps","ref","isTouch","handleImageDownload","url","replace","encodeURIComponent","color","handleShare","key","trim","contextMenuItems","icons","onClick","text","createElement","_extends","items","displayName"],"sources":["../../../../src/components/sharing-context-menu/SharingContextMenu.tsx"],"sourcesContent":["import { getSite } from 'chayns-api';\nimport React, { forwardRef, useCallback } from 'react';\nimport { SHAREPROVIDER } from '../../constants/sharingBar';\nimport { useIsTouch } from '../../utils/environment';\nimport { copyToClipboard, shareWithApp, shareWithUrl } from '../../utils/sharingBar';\nimport ContextMenu from '../context-menu/ContextMenu';\nimport { ContextMenuProps, ContextMenuRef } from '../context-menu/ContextMenu.types';\n\nexport type SharingContextMenuProps = {\n    /**\n     * The link that should be shared.\n     */\n    link: string;\n    /**\n     * Shows the action that copies the shared link to the clipboard.\n     */\n    shouldShowCopyAction?: boolean;\n    /**\n     * Shows the action that downloads a calling-code image.\n     */\n    shouldShowCallingCodeAction?: boolean;\n    /**\n     * Enables keyboard-only focus highlighting for the context menu trigger.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n} & Omit<ContextMenuProps, 'items' | 'shouldEnableKeyboardHighlighting'>;\n\nconst SharingContextMenu = forwardRef<ContextMenuRef, SharingContextMenuProps>(\n    (\n        {\n            link,\n            children,\n            shouldEnableKeyboardHighlighting,\n            shouldShowCallingCodeAction = true,\n            shouldShowCopyAction = true,\n            ...contextMenuProps\n        },\n        ref,\n    ) => {\n        const isTouch = useIsTouch();\n\n        const handleImageDownload = useCallback(() => {\n            shareWithUrl(\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore\n                SHAREPROVIDER[5].url\n                    .replace('{url}', encodeURIComponent(link))\n                    .replace('{linkText}', 'Teilen')\n                    .replace('{color}', getSite().color.replace('#', '')),\n            );\n        }, [link]);\n\n        const handleShare = useCallback(\n            (key: string) => {\n                switch (key) {\n                    case 'whatsapp':\n                        shareWithUrl(\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            SHAREPROVIDER[0].url.replace(\n                                '{url}',\n                                encodeURIComponent(`${link}`.trim()),\n                            ),\n                        );\n                        break;\n                    case 'facebook':\n                        shareWithUrl(\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            SHAREPROVIDER[3].url.replace('{url}', encodeURIComponent(link)),\n                        );\n                        break;\n                    case 'twitter':\n                        shareWithUrl(\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            SHAREPROVIDER[4].url\n                                .replace('{url}', encodeURIComponent(link))\n                                .replace('{linkText}', ''),\n                        );\n                        break;\n                    case 'mail':\n                        if (isTouch) {\n                            shareWithApp(`${link}`.trim());\n                        } else {\n                            shareWithUrl(\n                                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                // @ts-ignore\n                                SHAREPROVIDER[2].url.replace(\n                                    '{url}',\n                                    encodeURIComponent(`${link}`.trim()),\n                                ),\n                            );\n                        }\n                        break;\n                    case 'copy':\n                        copyToClipboard(link);\n                        break;\n                    default:\n                        break;\n                }\n            },\n            [link, isTouch],\n        );\n\n        const contextMenuItems = [\n            ...(shouldShowCopyAction\n                ? [\n                      {\n                          icons: ['fa fa-copy'],\n                          key: 'copy',\n                          onClick: () => handleShare('copy'),\n                          text: 'Zwischenablage',\n                      },\n                  ]\n                : []),\n            {\n                icons: ['fa-solid fa-brands fa-whatsapp'],\n                key: 'whatsapp',\n                onClick: () => handleShare('whatsapp'),\n                text: 'Whatsapp',\n            },\n            {\n                icons: ['fa-solid fa-brands fa-facebook-f'],\n                key: 'facebook',\n                onClick: () => handleShare('facebook'),\n                text: 'Facebook',\n            },\n            {\n                icons: ['fa-solid fa-brands fa-x-twitter'],\n                key: 'twitter',\n                onClick: () => handleShare('twitter'),\n                text: 'X',\n            },\n            {\n                icons: ['fa fa-envelope'],\n                key: 'mail',\n                onClick: () => handleShare('mail'),\n                text: 'Mail',\n            },\n            ...(shouldShowCallingCodeAction\n                ? [\n                      {\n                          icons: ['fa fa-qrcode'],\n                          key: 'callingCode',\n                          onClick: handleImageDownload,\n                          text: 'Calling Code herunterladen',\n                      },\n                  ]\n                : []),\n        ];\n\n        return (\n            <ContextMenu\n                items={contextMenuItems}\n                ref={ref}\n                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n                // eslint-disable-next-line react/jsx-props-no-spreading\n                {...contextMenuProps}\n            >\n                {children}\n            </ContextMenu>\n        );\n    },\n);\n\nSharingContextMenu.displayName = 'SharingContextMenu';\n\nexport default SharingContextMenu;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/sharing-context-menu/SharingContextMenu.test.js

@@ -0,0 +1,45 @@
+import { render } from '@testing-library/react';
+import React from 'react';
+import { describe, expect, it, vi } from 'vitest';
+import SharingContextMenu from './SharingContextMenu';
+vi.mock('chayns-api', () => ({
+  getSite: () => ({
+    color: '#000000'
+  })
+}));
+vi.mock('../../utils/environment', () => ({
+  useIsTouch: () => false
+}));
+vi.mock('../context-menu/ContextMenu', () => ({
+  default: ({
+    children,
+    items
+  }) => /*#__PURE__*/React.createElement("div", {
+    "data-item-keys": items.map(item => item.key).join(',')
+  }, children)
+}));
+describe('SharingContextMenu', () => {
+  it('keeps copy and calling-code actions enabled by default', () => {
+    const {
+      container
+    } = render(/*#__PURE__*/React.createElement(SharingContextMenu, {
+      link: "https://example.com"
+    }, /*#__PURE__*/React.createElement("button", {
+      type: "button"
+    }, "Share")));
+    expect(container.firstChild.getAttribute('data-item-keys')).toBe('copy,whatsapp,facebook,twitter,mail,callingCode');
+  });
+  it('can hide copy and calling-code actions for dedicated content actions', () => {
+    const {
+      container
+    } = render(/*#__PURE__*/React.createElement(SharingContextMenu, {
+      link: "https://example.com",
+      shouldShowCallingCodeAction: false,
+      shouldShowCopyAction: false
+    }, /*#__PURE__*/React.createElement("button", {
+      type: "button"
+    }, "Share")));
+    expect(container.firstChild.getAttribute('data-item-keys')).toBe('whatsapp,facebook,twitter,mail');
+  });
+});
+//# sourceMappingURL=SharingContextMenu.test.js.map

package/lib/esm/components/sharing-context-menu/SharingContextMenu.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharingContextMenu.test.js","names":["render","React","describe","expect","it","vi","SharingContextMenu","mock","getSite","color","useIsTouch","default","children","items","createElement","map","item","key","join","container","link","type","firstChild","getAttribute","toBe","shouldShowCallingCodeAction","shouldShowCopyAction"],"sources":["../../../../src/components/sharing-context-menu/SharingContextMenu.test.tsx"],"sourcesContent":["import { render } from '@testing-library/react';\nimport React, { ReactNode } from 'react';\nimport { describe, expect, it, vi } from 'vitest';\nimport SharingContextMenu from './SharingContextMenu';\n\nvi.mock('chayns-api', () => ({\n    getSite: () => ({ color: '#000000' }),\n}));\n\nvi.mock('../../utils/environment', () => ({\n    useIsTouch: () => false,\n}));\n\nvi.mock('../context-menu/ContextMenu', () => ({\n    default: ({ children, items }: { children: ReactNode; items: Array<{ key: string }> }) => (\n        <div data-item-keys={items.map((item) => item.key).join(',')}>{children}</div>\n    ),\n}));\n\ndescribe('SharingContextMenu', () => {\n    it('keeps copy and calling-code actions enabled by default', () => {\n        const { container } = render(\n            <SharingContextMenu link=\"https://example.com\">\n                <button type=\"button\">Share</button>\n            </SharingContextMenu>,\n        );\n\n        expect((container.firstChild as HTMLElement).getAttribute('data-item-keys')).toBe(\n            'copy,whatsapp,facebook,twitter,mail,callingCode',\n        );\n    });\n\n    it('can hide copy and calling-code actions for dedicated content actions', () => {\n        const { container } = render(\n            <SharingContextMenu\n                link=\"https://example.com\"\n                shouldShowCallingCodeAction={false}\n                shouldShowCopyAction={false}\n            >\n                <button type=\"button\">Share</button>\n            </SharingContextMenu>,\n        );\n\n        expect((container.firstChild as HTMLElement).getAttribute('data-item-keys')).toBe(\n            'whatsapp,facebook,twitter,mail',\n        );\n    });\n});\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,KAAK,MAAqB,OAAO;AACxC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,EAAE,EAAEC,EAAE,QAAQ,QAAQ;AACjD,OAAOC,kBAAkB,MAAM,sBAAsB;AAErDD,EAAE,CAACE,IAAI,CAAC,YAAY,EAAE,OAAO;EACzBC,OAAO,EAAEA,CAAA,MAAO;IAAEC,KAAK,EAAE;EAAU,CAAC;AACxC,CAAC,CAAC,CAAC;AAEHJ,EAAE,CAACE,IAAI,CAAC,yBAAyB,EAAE,OAAO;EACtCG,UAAU,EAAEA,CAAA,KAAM;AACtB,CAAC,CAAC,CAAC;AAEHL,EAAE,CAACE,IAAI,CAAC,6BAA6B,EAAE,OAAO;EAC1CI,OAAO,EAAEA,CAAC;IAAEC,QAAQ;IAAEC;EAA8D,CAAC,kBACjFZ,KAAA,CAAAa,aAAA;IAAK,kBAAgBD,KAAK,CAACE,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACC,GAAG,CAAC,CAACC,IAAI,CAAC,GAAG;EAAE,GAAEN,QAAc;AAErF,CAAC,CAAC,CAAC;AAEHV,QAAQ,CAAC,oBAAoB,EAAE,MAAM;EACjCE,EAAE,CAAC,wDAAwD,EAAE,MAAM;IAC/D,MAAM;MAAEe;IAAU,CAAC,GAAGnB,MAAM,cACxBC,KAAA,CAAAa,aAAA,CAACR,kBAAkB;MAACc,IAAI,EAAC;IAAqB,gBAC1CnB,KAAA,CAAAa,aAAA;MAAQO,IAAI,EAAC;IAAQ,GAAC,OAAa,CACnB,CACxB,CAAC;IAEDlB,MAAM,CAAEgB,SAAS,CAACG,UAAU,CAAiBC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAC7E,iDACJ,CAAC;EACL,CAAC,CAAC;EAEFpB,EAAE,CAAC,sEAAsE,EAAE,MAAM;IAC7E,MAAM;MAAEe;IAAU,CAAC,GAAGnB,MAAM,cACxBC,KAAA,CAAAa,aAAA,CAACR,kBAAkB;MACfc,IAAI,EAAC,qBAAqB;MAC1BK,2BAA2B,EAAE,KAAM;MACnCC,oBAAoB,EAAE;IAAM,gBAE5BzB,KAAA,CAAAa,aAAA;MAAQO,IAAI,EAAC;IAAQ,GAAC,OAAa,CACnB,CACxB,CAAC;IAEDlB,MAAM,CAAEgB,SAAS,CAACG,UAAU,CAAiBC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAC7E,gCACJ,CAAC;EACL,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/lib/esm/constants/textStrings.js

@@ -49,10 +49,6 @@ export default {
         stringName: 'txt_chayns_components_core_components_copyableContent_share',
         fallback: 'Teilen'
       },
-      copied: {
-        stringName: 'txt_chayns_components_core_components_copyableContent_copied',
-        fallback: 'Kopiert'
-      },
       copyFailed: {
         stringName: 'txt_chayns_components_core_components_copyableContent_copyFailed',
         fallback: 'Kopieren fehlgeschlagen'

package/lib/esm/constants/textStrings.js.map

@@ -1 +1 @@
-{"version":3,"file":"textStrings.js","names":["components","filter","filterContent","input","placeholder","stringName","fallback","sort","filterButtons","all","truncation","less","more","fileItem","download","remove","copyableContent","copy","share","copied","copyFailed"],"sources":["../../../src/constants/textStrings.ts"],"sourcesContent":["export default {\n    components: {\n        filter: {\n            filterContent: {\n                input: {\n                    placeholder: {\n                        stringName:\n                            'txt_chayns_components_core_components_filter_filterContent_input_placeholder',\n                        fallback: 'Suche',\n                    },\n                },\n                sort: {\n                    stringName: 'txt_chayns_components_core_components_filter_filterContent_sort',\n                    fallback: 'Sortierung',\n                },\n            },\n        },\n        filterButtons: {\n            all: {\n                stringName: 'txt_chayns_components_core_components_filterButtons_all',\n                fallback: 'Alle',\n            },\n        },\n        truncation: {\n            less: {\n                stringName: 'txt_chayns_components_core_components_truncation_less',\n                fallback: 'Weniger',\n            },\n            more: {\n                stringName: 'txt_chayns_components_core_components_truncation_more',\n                fallback: 'Mehr',\n            },\n        },\n        fileItem: {\n            download: {\n                stringName: 'txt_chayns_components_core_components_fileItem_download',\n                fallback: 'Download',\n            },\n            remove: {\n                stringName: 'txt_chayns_components_core_components_fileItem_remove',\n                fallback: 'Entfernen',\n            },\n        },\n        copyableContent: {\n            copy: {\n                stringName: 'txt_chayns_components_core_components_copyableContent_copy',\n                fallback: 'Kopieren',\n            },\n            share: {\n                stringName: 'txt_chayns_components_core_components_copyableContent_share',\n                fallback: 'Teilen',\n            },\n            copied: {\n                stringName: 'txt_chayns_components_core_components_copyableContent_copied',\n                fallback: 'Kopiert',\n            },\n            copyFailed: {\n                stringName: 'txt_chayns_components_core_components_copyableContent_copyFailed',\n                fallback: 'Kopieren fehlgeschlagen',\n            },\n        },\n    },\n} as const;\n"],"mappings":"AAAA,eAAe;EACXA,UAAU,EAAE;IACRC,MAAM,EAAE;MACJC,aAAa,EAAE;QACXC,KAAK,EAAE;UACHC,WAAW,EAAE;YACTC,UAAU,EACN,8EAA8E;YAClFC,QAAQ,EAAE;UACd;QACJ,CAAC;QACDC,IAAI,EAAE;UACFF,UAAU,EAAE,iEAAiE;UAC7EC,QAAQ,EAAE;QACd;MACJ;IACJ,CAAC;IACDE,aAAa,EAAE;MACXC,GAAG,EAAE;QACDJ,UAAU,EAAE,yDAAyD;QACrEC,QAAQ,EAAE;MACd;IACJ,CAAC;IACDI,UAAU,EAAE;MACRC,IAAI,EAAE;QACFN,UAAU,EAAE,uDAAuD;QACnEC,QAAQ,EAAE;MACd,CAAC;MACDM,IAAI,EAAE;QACFP,UAAU,EAAE,uDAAuD;QACnEC,QAAQ,EAAE;MACd;IACJ,CAAC;IACDO,QAAQ,EAAE;MACNC,QAAQ,EAAE;QACNT,UAAU,EAAE,yDAAyD;QACrEC,QAAQ,EAAE;MACd,CAAC;MACDS,MAAM,EAAE;QACJV,UAAU,EAAE,uDAAuD;QACnEC,QAAQ,EAAE;MACd;IACJ,CAAC;IACDU,eAAe,EAAE;MACbC,IAAI,EAAE;QACFZ,UAAU,EAAE,4DAA4D;QACxEC,QAAQ,EAAE;MACd,CAAC;MACDY,KAAK,EAAE;QACHb,UAAU,EAAE,6DAA6D;QACzEC,QAAQ,EAAE;MACd,CAAC;MACDa,MAAM,EAAE;QACJd,UAAU,EAAE,8DAA8D;QAC1EC,QAAQ,EAAE;MACd,CAAC;MACDc,UAAU,EAAE;QACRf,UAAU,EAAE,kEAAkE;QAC9EC,QAAQ,EAAE;MACd;IACJ;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"textStrings.js","names":["components","filter","filterContent","input","placeholder","stringName","fallback","sort","filterButtons","all","truncation","less","more","fileItem","download","remove","copyableContent","copy","share","copyFailed"],"sources":["../../../src/constants/textStrings.ts"],"sourcesContent":["export default {\n    components: {\n        filter: {\n            filterContent: {\n                input: {\n                    placeholder: {\n                        stringName:\n                            'txt_chayns_components_core_components_filter_filterContent_input_placeholder',\n                        fallback: 'Suche',\n                    },\n                },\n                sort: {\n                    stringName: 'txt_chayns_components_core_components_filter_filterContent_sort',\n                    fallback: 'Sortierung',\n                },\n            },\n        },\n        filterButtons: {\n            all: {\n                stringName: 'txt_chayns_components_core_components_filterButtons_all',\n                fallback: 'Alle',\n            },\n        },\n        truncation: {\n            less: {\n                stringName: 'txt_chayns_components_core_components_truncation_less',\n                fallback: 'Weniger',\n            },\n            more: {\n                stringName: 'txt_chayns_components_core_components_truncation_more',\n                fallback: 'Mehr',\n            },\n        },\n        fileItem: {\n            download: {\n                stringName: 'txt_chayns_components_core_components_fileItem_download',\n                fallback: 'Download',\n            },\n            remove: {\n                stringName: 'txt_chayns_components_core_components_fileItem_remove',\n                fallback: 'Entfernen',\n            },\n        },\n        copyableContent: {\n            copy: {\n                stringName: 'txt_chayns_components_core_components_copyableContent_copy',\n                fallback: 'Kopieren',\n            },\n            share: {\n                stringName: 'txt_chayns_components_core_components_copyableContent_share',\n                fallback: 'Teilen',\n            },\n            copyFailed: {\n                stringName: 'txt_chayns_components_core_components_copyableContent_copyFailed',\n                fallback: 'Kopieren fehlgeschlagen',\n            },\n        },\n    },\n} as const;\n"],"mappings":"AAAA,eAAe;EACXA,UAAU,EAAE;IACRC,MAAM,EAAE;MACJC,aAAa,EAAE;QACXC,KAAK,EAAE;UACHC,WAAW,EAAE;YACTC,UAAU,EACN,8EAA8E;YAClFC,QAAQ,EAAE;UACd;QACJ,CAAC;QACDC,IAAI,EAAE;UACFF,UAAU,EAAE,iEAAiE;UAC7EC,QAAQ,EAAE;QACd;MACJ;IACJ,CAAC;IACDE,aAAa,EAAE;MACXC,GAAG,EAAE;QACDJ,UAAU,EAAE,yDAAyD;QACrEC,QAAQ,EAAE;MACd;IACJ,CAAC;IACDI,UAAU,EAAE;MACRC,IAAI,EAAE;QACFN,UAAU,EAAE,uDAAuD;QACnEC,QAAQ,EAAE;MACd,CAAC;MACDM,IAAI,EAAE;QACFP,UAAU,EAAE,uDAAuD;QACnEC,QAAQ,EAAE;MACd;IACJ,CAAC;IACDO,QAAQ,EAAE;MACNC,QAAQ,EAAE;QACNT,UAAU,EAAE,yDAAyD;QACrEC,QAAQ,EAAE;MACd,CAAC;MACDS,MAAM,EAAE;QACJV,UAAU,EAAE,uDAAuD;QACnEC,QAAQ,EAAE;MACd;IACJ,CAAC;IACDU,eAAe,EAAE;MACbC,IAAI,EAAE;QACFZ,UAAU,EAAE,4DAA4D;QACxEC,QAAQ,EAAE;MACd,CAAC;MACDY,KAAK,EAAE;QACHb,UAAU,EAAE,6DAA6D;QACzEC,QAAQ,EAAE;MACd,CAAC;MACDa,UAAU,EAAE;QACRd,UAAU,EAAE,kEAAkE;QAC9EC,QAAQ,EAAE;MACd;IACJ;EACJ;AACJ,CAAC","ignoreList":[]}

package/lib/esm/utils/sharingBar.js

@@ -1,28 +1,25 @@
-import { createDialog, DialogType, openImage } from 'chayns-api';
+import { openImage } from 'chayns-api';
 export const copyToClipboard = link => {
   const aux = document.createElement('input');
-  const range = document.createRange();
   aux.setAttribute('value', link);
   aux.setAttribute('contenteditable', 'true');
   aux.setAttribute('readonly', 'true');
   document.body.appendChild(aux);
-  aux.select();
-  range.selectNodeContents(aux);
-  const s = window.getSelection();
-  if (!s) {
-    return;
+  try {
+    const selection = window.getSelection();
+    if (!selection) {
+      return;
+    }
+    const range = document.createRange();
+    aux.select();
+    range.selectNodeContents(aux);
+    selection.removeAllRanges();
+    selection.addRange(range);
+    aux.setSelectionRange(0, 999999);
+    document.execCommand('copy');
+  } finally {
+    aux.remove();
   }
-  s.removeAllRanges();
-  s.addRange(range);
-  aux.setSelectionRange(0, 999999);
-  document.execCommand('copy');
-  document.body.removeChild(aux);
-  void createDialog({
-    type: DialogType.TOAST,
-    showCloseIcon: true,
-    toastType: 1,
-    text: 'kopiert'
-  }).open();
 };
 export const shareWithApp = link => {
   window.location.href = `mailto:?subject=&body=${encodeURIComponent(link)}`;

package/lib/esm/utils/sharingBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sharingBar.js","names":["createDialog","DialogType","openImage","copyToClipboard","link","aux","document","createElement","range","createRange","setAttribute","body","appendChild","select","selectNodeContents","s","window","getSelection","removeAllRanges","addRange","setSelectionRange","execCommand","removeChild","type","TOAST","showCloseIcon","toastType","text","open","shareWithApp","location","href","encodeURIComponent","shareWithUrl","startsWith","indexOf","items","url"],"sources":["../../../src/utils/sharingBar.ts"],"sourcesContent":["import { createDialog, DialogType, openImage } from 'chayns-api';\n\nexport const copyToClipboard = (link: string) => {\n    const aux = document.createElement('input');\n\n    const range = document.createRange();\n\n    aux.setAttribute('value', link);\n    aux.setAttribute('contenteditable', 'true');\n    aux.setAttribute('readonly', 'true');\n\n    document.body.appendChild(aux);\n\n    aux.select();\n\n    range.selectNodeContents(aux);\n\n    const s = window.getSelection();\n\n    if (!s) {\n        return;\n    }\n\n    s.removeAllRanges();\n    s.addRange(range);\n\n    aux.setSelectionRange(0, 999999);\n\n    document.execCommand('copy');\n\n    document.body.removeChild(aux);\n\n    void createDialog({\n        type: DialogType.TOAST,\n        showCloseIcon: true,\n        toastType: 1,\n        text: 'kopiert',\n    }).open();\n};\n\nexport const shareWithApp = (link: string) => {\n    window.location.href = `mailto:?subject=&body=${encodeURIComponent(link)}`;\n};\n\nexport const shareWithUrl = (link: string) => {\n    if (link.startsWith('mailto')) {\n        window.open(link);\n    } else if (link.indexOf('chaynsqrcodegenerator') > 0) {\n        void openImage({ items: [{ url: link }] });\n    } else {\n        window.open(link, '_blank');\n    }\n};\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAQ,YAAY;AAEhE,OAAO,MAAMC,eAAe,GAAIC,IAAY,IAAK;EAC7C,MAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAE3C,MAAMC,KAAK,GAAGF,QAAQ,CAACG,WAAW,CAAC,CAAC;EAEpCJ,GAAG,CAACK,YAAY,CAAC,OAAO,EAAEN,IAAI,CAAC;EAC/BC,GAAG,CAACK,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC;EAC3CL,GAAG,CAACK,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC;EAEpCJ,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACP,GAAG,CAAC;EAE9BA,GAAG,CAACQ,MAAM,CAAC,CAAC;EAEZL,KAAK,CAACM,kBAAkB,CAACT,GAAG,CAAC;EAE7B,MAAMU,CAAC,GAAGC,MAAM,CAACC,YAAY,CAAC,CAAC;EAE/B,IAAI,CAACF,CAAC,EAAE;IACJ;EACJ;EAEAA,CAAC,CAACG,eAAe,CAAC,CAAC;EACnBH,CAAC,CAACI,QAAQ,CAACX,KAAK,CAAC;EAEjBH,GAAG,CAACe,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAC;EAEhCd,QAAQ,CAACe,WAAW,CAAC,MAAM,CAAC;EAE5Bf,QAAQ,CAACK,IAAI,CAACW,WAAW,CAACjB,GAAG,CAAC;EAE9B,KAAKL,YAAY,CAAC;IACduB,IAAI,EAAEtB,UAAU,CAACuB,KAAK;IACtBC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE,CAAC;IACZC,IAAI,EAAE;EACV,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;AACb,CAAC;AAED,OAAO,MAAMC,YAAY,GAAIzB,IAAY,IAAK;EAC1CY,MAAM,CAACc,QAAQ,CAACC,IAAI,GAAG,yBAAyBC,kBAAkB,CAAC5B,IAAI,CAAC,EAAE;AAC9E,CAAC;AAED,OAAO,MAAM6B,YAAY,GAAI7B,IAAY,IAAK;EAC1C,IAAIA,IAAI,CAAC8B,UAAU,CAAC,QAAQ,CAAC,EAAE;IAC3BlB,MAAM,CAACY,IAAI,CAACxB,IAAI,CAAC;EACrB,CAAC,MAAM,IAAIA,IAAI,CAAC+B,OAAO,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE;IAClD,KAAKjC,SAAS,CAAC;MAAEkC,KAAK,EAAE,CAAC;QAAEC,GAAG,EAAEjC;MAAK,CAAC;IAAE,CAAC,CAAC;EAC9C,CAAC,MAAM;IACHY,MAAM,CAACY,IAAI,CAACxB,IAAI,EAAE,QAAQ,CAAC;EAC/B;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"sharingBar.js","names":["openImage","copyToClipboard","link","aux","document","createElement","setAttribute","body","appendChild","selection","window","getSelection","range","createRange","select","selectNodeContents","removeAllRanges","addRange","setSelectionRange","execCommand","remove","shareWithApp","location","href","encodeURIComponent","shareWithUrl","startsWith","open","indexOf","items","url"],"sources":["../../../src/utils/sharingBar.ts"],"sourcesContent":["import { openImage } from 'chayns-api';\n\nexport const copyToClipboard = (link: string) => {\n    const aux = document.createElement('input');\n    aux.setAttribute('value', link);\n    aux.setAttribute('contenteditable', 'true');\n    aux.setAttribute('readonly', 'true');\n\n    document.body.appendChild(aux);\n\n    try {\n        const selection = window.getSelection();\n\n        if (!selection) {\n            return;\n        }\n\n        const range = document.createRange();\n        aux.select();\n        range.selectNodeContents(aux);\n        selection.removeAllRanges();\n        selection.addRange(range);\n        aux.setSelectionRange(0, 999999);\n        document.execCommand('copy');\n    } finally {\n        aux.remove();\n    }\n};\n\nexport const shareWithApp = (link: string) => {\n    window.location.href = `mailto:?subject=&body=${encodeURIComponent(link)}`;\n};\n\nexport const shareWithUrl = (link: string) => {\n    if (link.startsWith('mailto')) {\n        window.open(link);\n    } else if (link.indexOf('chaynsqrcodegenerator') > 0) {\n        void openImage({ items: [{ url: link }] });\n    } else {\n        window.open(link, '_blank');\n    }\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,YAAY;AAEtC,OAAO,MAAMC,eAAe,GAAIC,IAAY,IAAK;EAC7C,MAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAC3CF,GAAG,CAACG,YAAY,CAAC,OAAO,EAAEJ,IAAI,CAAC;EAC/BC,GAAG,CAACG,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC;EAC3CH,GAAG,CAACG,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC;EAEpCF,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACL,GAAG,CAAC;EAE9B,IAAI;IACA,MAAMM,SAAS,GAAGC,MAAM,CAACC,YAAY,CAAC,CAAC;IAEvC,IAAI,CAACF,SAAS,EAAE;MACZ;IACJ;IAEA,MAAMG,KAAK,GAAGR,QAAQ,CAACS,WAAW,CAAC,CAAC;IACpCV,GAAG,CAACW,MAAM,CAAC,CAAC;IACZF,KAAK,CAACG,kBAAkB,CAACZ,GAAG,CAAC;IAC7BM,SAAS,CAACO,eAAe,CAAC,CAAC;IAC3BP,SAAS,CAACQ,QAAQ,CAACL,KAAK,CAAC;IACzBT,GAAG,CAACe,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAC;IAChCd,QAAQ,CAACe,WAAW,CAAC,MAAM,CAAC;EAChC,CAAC,SAAS;IACNhB,GAAG,CAACiB,MAAM,CAAC,CAAC;EAChB;AACJ,CAAC;AAED,OAAO,MAAMC,YAAY,GAAInB,IAAY,IAAK;EAC1CQ,MAAM,CAACY,QAAQ,CAACC,IAAI,GAAG,yBAAyBC,kBAAkB,CAACtB,IAAI,CAAC,EAAE;AAC9E,CAAC;AAED,OAAO,MAAMuB,YAAY,GAAIvB,IAAY,IAAK;EAC1C,IAAIA,IAAI,CAACwB,UAAU,CAAC,QAAQ,CAAC,EAAE;IAC3BhB,MAAM,CAACiB,IAAI,CAACzB,IAAI,CAAC;EACrB,CAAC,MAAM,IAAIA,IAAI,CAAC0B,OAAO,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE;IAClD,KAAK5B,SAAS,CAAC;MAAE6B,KAAK,EAAE,CAAC;QAAEC,GAAG,EAAE5B;MAAK,CAAC;IAAE,CAAC,CAAC;EAC9C,CAAC,MAAM;IACHQ,MAAM,CAACiB,IAAI,CAACzB,IAAI,EAAE,QAAQ,CAAC;EAC/B;AACJ,CAAC","ignoreList":[]}

package/lib/types/components/copyable-content/CopyableContent.d.ts

@@ -7,7 +7,6 @@ export type CopyableContentProps = {
     appearance?: CopyableContentAppearance;
     content: string;
     children?: ReactNode;
-    copiedMessage?: string;
     copyFailedMessage?: string;
 };
 declare const CopyableContent: FC<CopyableContentProps>;

package/lib/types/components/sharing-context-menu/SharingContextMenu.d.ts

@@ -5,6 +5,14 @@ export type SharingContextMenuProps = {
      * The link that should be shared.
      */
     link: string;
+    /**
+     * Shows the action that copies the shared link to the clipboard.
+     */
+    shouldShowCopyAction?: boolean;
+    /**
+     * Shows the action that downloads a calling-code image.
+     */
+    shouldShowCallingCodeAction?: boolean;
     /**
      * Enables keyboard-only focus highlighting for the context menu trigger.
      */
@@ -15,6 +23,14 @@ declare const SharingContextMenu: React.ForwardRefExoticComponent<{
      * The link that should be shared.
      */
     link: string;
+    /**
+     * Shows the action that copies the shared link to the clipboard.
+     */
+    shouldShowCopyAction?: boolean;
+    /**
+     * Shows the action that downloads a calling-code image.
+     */
+    shouldShowCallingCodeAction?: boolean;
     /**
      * Enables keyboard-only focus highlighting for the context menu trigger.
      */

package/lib/types/constants/textStrings.d.ts

@@ -49,10 +49,6 @@ declare const _default: {
                 readonly stringName: "txt_chayns_components_core_components_copyableContent_share";
                 readonly fallback: "Teilen";
             };
-            readonly copied: {
-                readonly stringName: "txt_chayns_components_core_components_copyableContent_copied";
-                readonly fallback: "Kopiert";
-            };
             readonly copyFailed: {
                 readonly stringName: "txt_chayns_components_core_components_copyableContent_copyFailed";
                 readonly fallback: "Kopieren fehlgeschlagen";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.5.14",
+    "version": "5.5.21",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -65,10 +65,9 @@
         "@types/styled-components": "^5.1.36",
         "@types/uuid": "^10.0.0",
         "babel-loader": "^9.2.1",
-        "chayns-api": "^3.4.0",
+        "chayns-api": "^3.4.1",
         "cross-env": "^7.0.3",
         "jsdom": "^26.1.0",
-        "lerna": "^8.2.4",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "styled-components": "^6.4.4",
@@ -76,8 +75,8 @@
         "vitest": "^1.6.1"
     },
     "dependencies": {
-        "@chayns-components/format": "^5.5.12",
-        "@chayns-components/textstring": "^5.5.12",
+        "@chayns-components/format": "^5.5.21",
+        "@chayns-components/textstring": "^5.5.21",
         "@chayns/colors": "^2.0.2",
         "@chayns/uac-service": "~0.0.62",
         "clsx": "^2.1.1",
@@ -93,6 +92,5 @@
     },
     "publishConfig": {
         "access": "public"
-    },
-    "gitHead": "5933dcba58846a7507088aefcd35559b2635bd48"
+    }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2021 Tobit Laboratories AG
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.