npm - @chayns-components/core - Versions diffs - 5.5.12 → 5.5.20 - Mend

@chayns-components/core 5.5.12 → 5.5.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

package/lib/cjs/components/sharing-context-menu/SharingContextMenu.js CHANGED Viewed

@@ -17,6 +17,8 @@ const SharingContextMenu = /*#__PURE__*/(0, _react.forwardRef)(({
   link,
   children,
   shouldEnableKeyboardHighlighting,
+  shouldShowCallingCodeAction = true,
+  shouldShowCopyAction = true,
   ...contextMenuProps
 }, ref) => {
   const isTouch = (0, _environment.useIsTouch)();
@@ -63,12 +65,12 @@ const SharingContextMenu = /*#__PURE__*/(0, _react.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'),
@@ -88,21 +90,18 @@ const SharingContextMenu = /*#__PURE__*/(0, _react.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.default.createElement(_ContextMenu.default, _extends({
+    items: contextMenuItems,
+    ref: ref,
+    shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
     // eslint-disable-next-line react/jsx-props-no-spreading
-    _react.default.createElement(_ContextMenu.default, _extends({
-      items: contextMenuItems,
-      ref: ref,
-      shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
-    }, contextMenuProps), children)
-  );
+  }, contextMenuProps), children);
 });
 SharingContextMenu.displayName = 'SharingContextMenu';
 var _default = exports.default = SharingContextMenu;

package/lib/cjs/components/sharing-context-menu/SharingContextMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SharingContextMenu.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_sharingBar","_environment","_sharingBar2","_ContextMenu","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","SharingContextMenu","forwardRef","link","children","shouldEnableKeyboardHighlighting","contextMenuProps","ref","isTouch","useIsTouch","handleImageDownload","useCallback","shareWithUrl","SHAREPROVIDER","url","replace","encodeURIComponent","getSite","color","handleShare","key","trim","shareWithApp","copyToClipboard","contextMenuItems","icons","onClick","text","createElement","items","displayName","_default","exports"],"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":[]}
1	+ {"version":3,"file":"SharingContextMenu.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_sharingBar","_environment","_sharingBar2","_ContextMenu","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","SharingContextMenu","forwardRef","link","children","shouldEnableKeyboardHighlighting","shouldShowCallingCodeAction","shouldShowCopyAction","contextMenuProps","ref","isTouch","useIsTouch","handleImageDownload","useCallback","shareWithUrl","SHAREPROVIDER","url","replace","encodeURIComponent","getSite","color","handleShare","key","trim","shareWithApp","copyToClipboard","contextMenuItems","icons","onClick","text","createElement","items","displayName","_default","exports"],"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/cjs/components/sharing-context-menu/SharingContextMenu.test.js ADDED Viewed

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

package/lib/cjs/components/sharing-context-menu/SharingContextMenu.test.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SharingContextMenu.test.js","names":["_react","require","_react2","_interopRequireDefault","_vitest","_SharingContextMenu","e","__esModule","default","vi","mock","getSite","color","useIsTouch","children","items","createElement","map","item","key","join","describe","it","container","render","link","type","expect","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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAsD,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtDG,UAAE,CAACC,IAAI,CAAC,YAAY,EAAE,OAAO;EACzBC,OAAO,EAAEA,CAAA,MAAO;IAAEC,KAAK,EAAE;EAAU,CAAC;AACxC,CAAC,CAAC,CAAC;AAEHH,UAAE,CAACC,IAAI,CAAC,yBAAyB,EAAE,OAAO;EACtCG,UAAU,EAAEA,CAAA,KAAM;AACtB,CAAC,CAAC,CAAC;AAEHJ,UAAE,CAACC,IAAI,CAAC,6BAA6B,EAAE,OAAO;EAC1CF,OAAO,EAAEA,CAAC;IAAEM,QAAQ;IAAEC;EAA8D,CAAC,kBACjFb,OAAA,CAAAM,OAAA,CAAAQ,aAAA;IAAK,kBAAgBD,KAAK,CAACE,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACC,GAAG,CAAC,CAACC,IAAI,CAAC,GAAG;EAAE,GAAEN,QAAc;AAErF,CAAC,CAAC,CAAC;AAEH,IAAAO,gBAAQ,EAAC,oBAAoB,EAAE,MAAM;EACjC,IAAAC,UAAE,EAAC,wDAAwD,EAAE,MAAM;IAC/D,MAAM;MAAEC;IAAU,CAAC,GAAG,IAAAC,aAAM,eACxBtB,OAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACX,mBAAA,CAAAG,OAAkB;MAACiB,IAAI,EAAC;IAAqB,gBAC1CvB,OAAA,CAAAM,OAAA,CAAAQ,aAAA;MAAQU,IAAI,EAAC;IAAQ,GAAC,OAAa,CACnB,CACxB,CAAC;IAED,IAAAC,cAAM,EAAEJ,SAAS,CAACK,UAAU,CAAiBC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAC7E,iDACJ,CAAC;EACL,CAAC,CAAC;EAEF,IAAAR,UAAE,EAAC,sEAAsE,EAAE,MAAM;IAC7E,MAAM;MAAEC;IAAU,CAAC,GAAG,IAAAC,aAAM,eACxBtB,OAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACX,mBAAA,CAAAG,OAAkB;MACfiB,IAAI,EAAC,qBAAqB;MAC1BM,2BAA2B,EAAE,KAAM;MACnCC,oBAAoB,EAAE;IAAM,gBAE5B9B,OAAA,CAAAM,OAAA,CAAAQ,aAAA;MAAQU,IAAI,EAAC;IAAQ,GAAC,OAAa,CACnB,CACxB,CAAC;IAED,IAAAC,cAAM,EAAEJ,SAAS,CAACK,UAAU,CAAiBC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAC7E,gCACJ,CAAC;EACL,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/lib/cjs/constants/textStrings.js CHANGED Viewed

@@ -55,10 +55,6 @@ var _default = exports.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/cjs/constants/textStrings.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;iCAAe;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":[]}
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","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":";;;;;;iCAAe;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/cjs/index.js CHANGED Viewed

@@ -147,6 +147,12 @@ Object.defineProperty(exports, "CopyableContent", {
     return _CopyableContent.default;
   }
 });
+Object.defineProperty(exports, "CopyableContentAppearance", {
+  enumerable: true,
+  get: function () {
+    return _CopyableContent.CopyableContentAppearance;
+  }
+});
 Object.defineProperty(exports, "DropdownBodyWrapper", {
   enumerable: true,
   get: function () {
@@ -621,7 +627,7 @@ var _FileSelect = _interopRequireDefault(require("./components/file-select/FileS
 var _DropdownBodyWrapper = _interopRequireDefault(require("./components/dropdown-body-wrapper/DropdownBodyWrapper"));
 var _ComboBox = _interopRequireDefault(require("./components/combobox/ComboBox"));
 var _ContentCard = _interopRequireDefault(require("./components/content-card/ContentCard"));
-var _CopyableContent = _interopRequireDefault(require("./components/copyable-content/CopyableContent"));
+var _CopyableContent = _interopRequireWildcard(require("./components/copyable-content/CopyableContent"));
 var _HighlightSlider = _interopRequireDefault(require("./components/highlight-slider/HighlightSlider"));
 var _ContextMenu = _interopRequireDefault(require("./components/context-menu/ContextMenu"));
 var _ContextMenu2 = require("./components/context-menu/ContextMenu.types");

package/lib/cjs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AccordionItem","_AmountControl","_VerificationBadge","_AreaContextProvider","_interopRequireWildcard","_Badge","_Button","_Checkbox","_ColorSchemeProvider","_Badge2","_container","_dropdown","_element","_ref","_Filter","_AnimatedNumber","_FileList","_FileSelect","_DropdownBodyWrapper","_ComboBox","_ContentCard","_CopyableContent","_HighlightSlider","_ContextMenu","_ContextMenu2","_ExpandableContent","_FileInput","_FilterButton","_FilterButtons","_GridImage","_GroupedImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_ListItem2","_MentionFinder","_MultiActionButton","_NumberInput","_PageProvider","_Popup","_PopupContent","_ProgressBar","_popup","_RadioButtonGroup","_RadioButton","_ScrollView","_SearchBox","_SearchInput","_SelectButton","_SetupWizardItem","_SetupWizard","_SharingContextMenu","_SharingBar","_SharingButton","_Signature","_SliderButton","_Slider","_SmallWaitCursor","_TagInput","_TextArea","_Tooltip","_Truncation","_mentionFinder","_contentCard","_file","_filterButtons","_MultiActionButton2","_truncation","_environment","_fileDialog","_isTobitEmployee","_pageProvider","_uploadFile","_ComboBox2","_skeleton","_types","_Masonry","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as VerificationBadge } from './components/verification-badge/VerificationBadge';\nexport {\n AreaContext,\n default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n default as ColorSchemeProvider,\n useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { BadgeSize, BadgeDesign } from './components/badge/Badge.types';\nexport type {\n ColorSchemeContextProps,\n WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { useContainer, ContainerAnchor } from './hooks/container';\nexport { DropdownDirection, type DropdownCoordinates } from './types/dropdown';\nexport { useIsMeasuredClone } from './hooks/element';\nexport { useCombinedRefs } from './hooks/ref';\nexport { default as Filter, type FilterRightIcon } from './components/filter/Filter';\nexport {\n type SortItem,\n type SearchConfig,\n type SortConfig,\n type CheckboxConfig,\n type FilterButtonConfig,\n type FilterRef,\n} from './types/filter';\nexport { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';\nexport {\n default as FileList,\n type IFileItem as FileListItem,\n} from './components/file-list/FileList';\nexport { default as FileSelect } from './components/file-select/FileSelect';\nexport { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport {\n default as CopyableContent,\n type CopyableContentProps,\n} from './components/copyable-content/CopyableContent';\nexport { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';\nexport type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport {\n ContextMenuAlignment,\n type ContextMenuCoordinates,\n type ContextMenuItem,\n type ContextMenuProps,\n type ContextMenuRef,\n} from './components/context-menu/ContextMenu.types';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport {\n default as FileInput,\n type FileInputRef,\n STREAMINGSERVICE_FILE_TYPES,\n TSIMG_FILE_TYPES,\n} from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as GroupedImage } from './components/grouped-image/GroupedImage';\nexport { default as Icon, type IconProps } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n default as ListItem,\n type ListItemElements,\n type ListItemProps,\n type ListItemRef,\n type ListItemSize,\n} from './components/list/list-item/ListItem';\nexport {\n type ListItemMarkedForwardRefComponent,\n type ListItemMarkedComponent,\n type ListItemMetaProps,\n LIST_ITEM_MARKER,\n withListItemMarker,\n withListItemMarkerForwardRef,\n} from './components/list/list-item/ListItem.utils';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { PopupAlignment } from './types/popup';\nexport type { PopupProps } from './components/popup/Popup.types';\nexport {\n default as RadioButtonGroup,\n type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingContextMenu } from './components/sharing-context-menu/SharingContextMenu';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as SharingButton } from './components/sharing-button/SharingButton';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n default as SmallWaitCursor,\n SmallWaitCursorSize,\n SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport type { Tag } from './types/tagInput';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport type { TagInputRef } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/element';\nexport type { BrowserName } from './types/chayns';\nexport { ContentCardType } from './types/contentCard';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport { isValidFileType, getHumanSize } from './utils/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n ISearchBoxItem as SearchBoxItem,\n ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport {\n type MultiActionButtonAction,\n type MultiActionButtonActionEvent,\n type MultiActionButtonActionStatus,\n MultiActionButtonHeight,\n type MultiActionButtonProps,\n type MultiActionButtonSecondaryContextMenu,\n MultiActionButtonStatusType,\n} from './components/multi-action-button/MultiActionButton.types';\nexport { ClampPosition } from './types/truncation';\nexport { useIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\nexport type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { ComboBoxSize } from './components/combobox/ComboBox.types';\nexport type {\n IComboBoxItem as ComboBoxItem,\n ComboBoxTextStyles,\n IComboBoxItems as ComboBoxItems,\n ComboBoxRef,\n} from './components/combobox/ComboBox.types';\nexport { default as Skeleton } from './components/skeleton';\nexport { SkeletonAnimationType } from './components/skeleton/types';\nexport { default as Masonry } from './components/masonry/Masonry';\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AccordionItem","_AmountControl","_VerificationBadge","_AreaContextProvider","_interopRequireWildcard","_Badge","_Button","_Checkbox","_ColorSchemeProvider","_Badge2","_container","_dropdown","_element","_ref","_Filter","_AnimatedNumber","_FileList","_FileSelect","_DropdownBodyWrapper","_ComboBox","_ContentCard","_CopyableContent","_HighlightSlider","_ContextMenu","_ContextMenu2","_ExpandableContent","_FileInput","_FilterButton","_FilterButtons","_GridImage","_GroupedImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_ListItem2","_MentionFinder","_MultiActionButton","_NumberInput","_PageProvider","_Popup","_PopupContent","_ProgressBar","_popup","_RadioButtonGroup","_RadioButton","_ScrollView","_SearchBox","_SearchInput","_SelectButton","_SetupWizardItem","_SetupWizard","_SharingContextMenu","_SharingBar","_SharingButton","_Signature","_SliderButton","_Slider","_SmallWaitCursor","_TagInput","_TextArea","_Tooltip","_Truncation","_mentionFinder","_contentCard","_file","_filterButtons","_MultiActionButton2","_truncation","_environment","_fileDialog","_isTobitEmployee","_pageProvider","_uploadFile","_ComboBox2","_skeleton","_types","_Masonry","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as VerificationBadge } from './components/verification-badge/VerificationBadge';\nexport {\n AreaContext,\n default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n default as ColorSchemeProvider,\n useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { BadgeSize, BadgeDesign } from './components/badge/Badge.types';\nexport type {\n ColorSchemeContextProps,\n WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { useContainer, ContainerAnchor } from './hooks/container';\nexport { DropdownDirection, type DropdownCoordinates } from './types/dropdown';\nexport { useIsMeasuredClone } from './hooks/element';\nexport { useCombinedRefs } from './hooks/ref';\nexport { default as Filter, type FilterRightIcon } from './components/filter/Filter';\nexport {\n type SortItem,\n type SearchConfig,\n type SortConfig,\n type CheckboxConfig,\n type FilterButtonConfig,\n type FilterRef,\n} from './types/filter';\nexport { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';\nexport {\n default as FileList,\n type IFileItem as FileListItem,\n} from './components/file-list/FileList';\nexport { default as FileSelect } from './components/file-select/FileSelect';\nexport { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport {\n default as CopyableContent,\n CopyableContentAppearance,\n type CopyableContentProps,\n} from './components/copyable-content/CopyableContent';\nexport { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';\nexport type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport {\n ContextMenuAlignment,\n type ContextMenuCoordinates,\n type ContextMenuItem,\n type ContextMenuProps,\n type ContextMenuRef,\n} from './components/context-menu/ContextMenu.types';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport {\n default as FileInput,\n type FileInputRef,\n STREAMINGSERVICE_FILE_TYPES,\n TSIMG_FILE_TYPES,\n} from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as GroupedImage } from './components/grouped-image/GroupedImage';\nexport { default as Icon, type IconProps } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n default as ListItem,\n type ListItemElements,\n type ListItemProps,\n type ListItemRef,\n type ListItemSize,\n} from './components/list/list-item/ListItem';\nexport {\n type ListItemMarkedForwardRefComponent,\n type ListItemMarkedComponent,\n type ListItemMetaProps,\n LIST_ITEM_MARKER,\n withListItemMarker,\n withListItemMarkerForwardRef,\n} from './components/list/list-item/ListItem.utils';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { PopupAlignment } from './types/popup';\nexport type { PopupProps } from './components/popup/Popup.types';\nexport {\n default as RadioButtonGroup,\n type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingContextMenu } from './components/sharing-context-menu/SharingContextMenu';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as SharingButton } from './components/sharing-button/SharingButton';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n default as SmallWaitCursor,\n SmallWaitCursorSize,\n SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport type { Tag } from './types/tagInput';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport type { TagInputRef } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/element';\nexport type { BrowserName } from './types/chayns';\nexport { ContentCardType } from './types/contentCard';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport { isValidFileType, getHumanSize } from './utils/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n ISearchBoxItem as SearchBoxItem,\n ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport {\n type MultiActionButtonAction,\n type MultiActionButtonActionEvent,\n type MultiActionButtonActionStatus,\n MultiActionButtonHeight,\n type MultiActionButtonProps,\n type MultiActionButtonSecondaryContextMenu,\n MultiActionButtonStatusType,\n} from './components/multi-action-button/MultiActionButton.types';\nexport { ClampPosition } from './types/truncation';\nexport { useIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\nexport type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { ComboBoxSize } from './components/combobox/ComboBox.types';\nexport type {\n IComboBoxItem as ComboBoxItem,\n ComboBoxTextStyles,\n IComboBoxItems as ComboBoxItems,\n ComboBoxRef,\n} from './components/combobox/ComboBox.types';\nexport { default as Skeleton } from './components/skeleton';\nexport { SkeletonAnimationType } from './components/skeleton/types';\nexport { default as Masonry } from './components/masonry/Masonry';\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/sharingBar.js CHANGED Viewed

@@ -7,28 +7,25 @@ exports.shareWithUrl = exports.shareWithApp = exports.copyToClipboard = void 0;
 var _chaynsApi = require("chayns-api");
 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 (0, _chaynsApi.createDialog)({
-    type: _chaynsApi.DialogType.TOAST,
-    showCloseIcon: true,
-    toastType: 1,
-    text: 'kopiert'
-  }).open();
 };
 exports.copyToClipboard = copyToClipboard;
 const shareWithApp = link => {

package/lib/cjs/utils/sharingBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sharingBar.js","names":["_chaynsApi","require","copyToClipboard","link","aux","document","createElement","~~range","createRange","~~setAttribute","body","appendChild","~~select~~","~~selectNodeContents","s","~~window","getSelection","~~removeAllRanges~~","~~addRange~~","~~setSelectionRange~~","~~execCommand~~","~~removeChild~~","~~createDialog~~","~~type~~","~~DialogType~~","~~TOAST~~","~~showCloseIcon","toastType","text","open","~~exports","shareWithApp","location","href","encodeURIComponent","shareWithUrl","startsWith","indexOf","openImage","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,IAAAA,UAAA,GAAAC,OAAA;AAEO,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~~,~~KAAK,IAAAkB,uBAAY,EAAC;IACdC,IAAI,EAAEC,qBAAU,CAACC,KAAK;IACtBC,aAAa,EAAE,IAAI;IACnBC,~~SAAS~~,EAAE,CAAC~~;~~IACZC~~,~~IAAI~~,~~EAAE;EACV~~,~~CAAC~~,CAAC,~~CAACC,IAAI,~~CAAC~~,CAAC~~;~~AACb~~,CAAC;AAACC,OAAA,~~CAAA5B~~,eAAA,GAAAA,eAAA;AAEK,~~MAAM6B~~,YAAY,~~GAAI5B~~,IAAY,IAAK;~~EAC1CY~~,MAAM,~~CAACiB~~,QAAQ,CAACC,IAAI,GAAG,yBAAyBC,kBAAkB,~~CAAC/B~~,IAAI,CAAC,EAAE;AAC9E,CAAC;~~AAAC2B~~,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAEK,MAAMI,YAAY,~~GAAIhC~~,IAAY,IAAK;EAC1C,IAAIA,IAAI,~~CAACiC~~,UAAU,CAAC,QAAQ,CAAC,EAAE;~~IAC3BrB~~,MAAM,~~CAACc~~,IAAI,CAAC1B,IAAI,CAAC;EACrB,CAAC,MAAM,IAAIA,IAAI,~~CAACkC~~,OAAO,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE;IAClD,KAAK,IAAAC,oBAAS,EAAC;MAAEC,KAAK,EAAE,CAAC;QAAEC,GAAG,~~EAAErC~~;MAAK,CAAC;IAAE,CAAC,CAAC;EAC9C,CAAC,MAAM;~~IACHY~~,MAAM,~~CAACc~~,IAAI,CAAC1B,IAAI,EAAE,QAAQ,CAAC;EAC/B;AACJ,CAAC;~~AAAC2B~~,OAAA,CAAAK,YAAA,GAAAA,YAAA","ignoreList":[]}
1	+ {"version":3,"file":"sharingBar.js","names":["_chaynsApi","require","copyToClipboard","link","aux","document","createElement","setAttribute","body","appendChild","selection","window","getSelection","range","createRange","select","selectNodeContents","removeAllRanges","addRange","setSelectionRange","execCommand","remove","exports","shareWithApp","location","href","encodeURIComponent","shareWithUrl","startsWith","open","indexOf","openImage","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,IAAAA,UAAA,GAAAC,OAAA;AAEO,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;AAACC,OAAA,CAAApB,eAAA,GAAAA,eAAA;AAEK,MAAMqB,YAAY,GAAIpB,IAAY,IAAK;EAC1CQ,MAAM,CAACa,QAAQ,CAACC,IAAI,GAAG,yBAAyBC,kBAAkB,CAACvB,IAAI,CAAC,EAAE;AAC9E,CAAC;AAACmB,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAEK,MAAMI,YAAY,GAAIxB,IAAY,IAAK;EAC1C,IAAIA,IAAI,CAACyB,UAAU,CAAC,QAAQ,CAAC,EAAE;IAC3BjB,MAAM,CAACkB,IAAI,CAAC1B,IAAI,CAAC;EACrB,CAAC,MAAM,IAAIA,IAAI,CAAC2B,OAAO,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE;IAClD,KAAK,IAAAC,oBAAS,EAAC;MAAEC,KAAK,EAAE,CAAC;QAAEC,GAAG,EAAE9B;MAAK,CAAC;IAAE,CAAC,CAAC;EAC9C,CAAC,MAAM;IACHQ,MAAM,CAACkB,IAAI,CAAC1B,IAAI,EAAE,QAAQ,CAAC;EAC/B;AACJ,CAAC;AAACmB,OAAA,CAAAK,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/esm/components/copyable-content/CopyableContent.js CHANGED Viewed

@@ -1,28 +1,29 @@
 import { formatStringToHtml } from '@chayns-components/format';
 import { ttsToITextString, useTextstringValue } from '@chayns-components/textstring';
 import { createDialog, DialogType, ToastType } from 'chayns-api';
-import React, { useCallback, useMemo, useRef } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import textStrings from '../../constants/textStrings';
 import { useStickyActionState } from '../../hooks/useStickyActionState';
 import SharingContextMenu from '../sharing-context-menu/SharingContextMenu';
 import Icon from '../icon/Icon';
 import { StyledCopyableContent, StyledCopyableContentActionGroup, StyledCopyableContentActions, StyledCopyableContentBody, StyledCopyableContentButton } from './CopyableContent.styles';
+import { CopyableContentAppearance } from './CopyableContent.types';
 import { copyableContentToClipboard } from './copyableContentClipboard';
+const COPY_FEEDBACK_DURATION = 1500;
 const CopyableContent = ({
+  appearance = CopyableContentAppearance.Default,
   content,
   children,
-  copiedMessage,
   copyFailedMessage
 }) => {
   const rootRef = useRef(null);
   const actionGroupRef = useRef(null);
+  const copyFeedbackTimeoutRef = useRef();
   const isActionGroupSticky = useStickyActionState(rootRef, actionGroupRef);
+  const [hasCopied, setHasCopied] = useState(false);
   const defaultCopyButtonText = useTextstringValue({
     textstring: ttsToITextString(textStrings.components.copyableContent.copy)
   });
-  const defaultCopiedMessage = useTextstringValue({
-    textstring: ttsToITextString(textStrings.components.copyableContent.copied)
-  });
   const defaultCopyFailedMessage = useTextstringValue({
     textstring: ttsToITextString(textStrings.components.copyableContent.copyFailed)
   });
@@ -30,15 +31,20 @@ const CopyableContent = ({
     textstring: ttsToITextString(textStrings.components.copyableContent.share)
   });
   const html = useMemo(() => formatStringToHtml(content).html, [content]);
+  useEffect(() => () => {
+    window.clearTimeout(copyFeedbackTimeoutRef.current);
+  }, []);
+  const showCopyFeedback = useCallback(() => {
+    window.clearTimeout(copyFeedbackTimeoutRef.current);
+    setHasCopied(true);
+    copyFeedbackTimeoutRef.current = window.setTimeout(() => {
+      setHasCopied(false);
+    }, COPY_FEEDBACK_DURATION);
+  }, []);
   const handleCopy = useCallback(async () => {
     try {
       await copyableContentToClipboard(content);
-      void createDialog({
-        showCloseIcon: true,
-        text: copiedMessage ?? defaultCopiedMessage,
-        toastType: ToastType.SUCCESS,
-        type: DialogType.TOAST
-      }).open();
+      showCopyFeedback();
     } catch {
       void createDialog({
         showCloseIcon: true,
@@ -47,8 +53,9 @@ const CopyableContent = ({
         type: DialogType.TOAST
       }).open();
     }
-  }, [content, copiedMessage, defaultCopiedMessage, defaultCopyFailedMessage, copyFailedMessage]);
+  }, [content, defaultCopyFailedMessage, copyFailedMessage, showCopyFeedback]);
   return /*#__PURE__*/React.createElement(StyledCopyableContent, {
+    $appearance: appearance,
     className: "copyable-content",
     ref: rootRef
   }, /*#__PURE__*/React.createElement(StyledCopyableContentActions, {
@@ -61,9 +68,11 @@ const CopyableContent = ({
     },
     type: "button"
   }, /*#__PURE__*/React.createElement(Icon, {
-    icons: ['fa-light fa-copy']
+    icons: hasCopied ? ['fa fa-check'] : ['fa-light fa-copy']
   })), /*#__PURE__*/React.createElement(SharingContextMenu, {
     link: content,
+    shouldShowCallingCodeAction: false,
+    shouldShowCopyAction: false,
     shouldUseDefaultTriggerStyles: false
   }, /*#__PURE__*/React.createElement(StyledCopyableContentButton, {
     $isSticky: isActionGroupSticky,
@@ -79,4 +88,5 @@ const CopyableContent = ({
 };
 CopyableContent.displayName = 'CopyableContent';
 export default CopyableContent;
+export { CopyableContentAppearance } from './CopyableContent.types';
 //# sourceMappingURL=CopyableContent.js.map

package/lib/esm/components/copyable-content/CopyableContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CopyableContent.js","names":["formatStringToHtml","ttsToITextString","useTextstringValue","createDialog","DialogType","ToastType","React","useCallback","useMemo","useRef","textStrings","useStickyActionState","SharingContextMenu","Icon","StyledCopyableContent","StyledCopyableContentActionGroup","StyledCopyableContentActions","StyledCopyableContentBody","StyledCopyableContentButton","copyableContentToClipboard","CopyableContent","~~content~~","~~children~~","~~copiedMessage~~","copyFailedMessage","rootRef","actionGroupRef","isActionGroupSticky","~~defaultCopyButtonText~~","~~textstring~~","~~components~~","~~copyableContent~~","~~copy~~","~~defaultCopiedMessage~~","~~copied~~","defaultCopyFailedMessage","copyFailed","shareText","share","html","handleCopy","showCloseIcon","text","toastType","~~SUCCESS~~","type","TOAST","open","~~ERROR~~","~~createElement~~","className","ref","$isSticky","onClick","icons","link","shouldUseDefaultTriggerStyles","dangerouslySetInnerHTML","__html","displayName"],"sources":["../../../../src/components/copyable-content/CopyableContent.tsx"],"sourcesContent":["import { formatStringToHtml } from '@chayns-components/format';\nimport { ttsToITextString, useTextstringValue } from '@chayns-components/textstring';\nimport { createDialog, DialogType, ToastType } from 'chayns-api';\nimport React, { FC, ReactNode, useCallback, useMemo, useRef } from 'react';\nimport textStrings from '../../constants/textStrings';\nimport { useStickyActionState } from '../../hooks/useStickyActionState';\nimport SharingContextMenu from '../sharing-context-menu/SharingContextMenu';\nimport Icon from '../icon/Icon';\nimport {\n StyledCopyableContent,\n StyledCopyableContentActionGroup,\n StyledCopyableContentActions,\n StyledCopyableContentBody,\n StyledCopyableContentButton,\n} from './CopyableContent.styles';\nimport { copyableContentToClipboard } from './copyableContentClipboard';\n\nexport type CopyableContentProps = {\n content: string;\n children?: ReactNode;\n ~~copiedMessage?: string;\n~~ copyFailedMessage?: string;\n};\n\nconst CopyableContent: FC<CopyableContentProps> = ({\n ~~content~~,\n ~~children~~,\n ~~copiedMessage~~,\n copyFailedMessage,\n}) => {\n const rootRef = useRef<HTMLElement>(null);\n const actionGroupRef = useRef<HTMLDivElement>(null);\n const isActionGroupSticky = useStickyActionState(rootRef, actionGroupRef);\n\n const defaultCopyButtonText = useTextstringValue({\n textstring: ttsToITextString(textStrings.components.copyableContent.copy),\n });\n const ~~defaultCopiedMessage~~ = useTextstringValue({\n textstring: ttsToITextString(textStrings.components.copyableContent.~~copied~~),\n });\n const ~~defaultCopyFailedMessage~~ = useTextstringValue({\n textstring: ttsToITextString(textStrings.components.copyableContent.~~copyFailed~~),\n });\n const ~~shareText~~ = ~~useTextstringValue~~({\n ~~textstring:~~ ~~ttsToITextString~~(~~textStrings~~.~~components~~.~~copyableContent.share~~),\n });\n\n const ~~html~~ = ~~useMemo~~(() => ~~formatStringToHtml~~(~~content~~).~~html~~, [~~content~~]);\n\n const handleCopy = useCallback(async () => {\n try {\n await copyableContentToClipboard(content);\n ~~void createDialog~~({\n showCloseIcon: true,\n text: copiedMessage ?? defaultCopiedMessage,\n toastType: ToastType.SUCCESS,\n type: DialogType.TOAST,\n })~~.open()~~;\n } catch {\n void createDialog({\n showCloseIcon: true,\n text: copyFailedMessage ?? defaultCopyFailedMessage,\n toastType: ToastType.ERROR,\n type: DialogType.TOAST,\n }).open();\n }\n }, [content, ~~copiedMessage~~, ~~defaultCopiedMessage~~, ~~defaultCopyFailedMessage, copyFailedMessage~~]);\n\n return (\n <StyledCopyableContent className=\"copyable-content\" ref={rootRef}>\n <StyledCopyableContentActions ref={actionGroupRef}>\n <StyledCopyableContentActionGroup>\n <StyledCopyableContentButton\n $isSticky={isActionGroupSticky}\n aria-label={defaultCopyButtonText}\n onClick={() => {\n void handleCopy();\n }}\n type=\"button\"\n >\n <Icon icons={['fa-light fa-copy']} />\n </StyledCopyableContentButton>\n <SharingContextMenu link={content} shouldUseDefaultTriggerStyles={false}>\n <StyledCopyableContentButton\n $isSticky={isActionGroupSticky}\n aria-label={shareText}\n type=\"button\"\n >\n <Icon icons={['fa fa-share-nodes']} />\n </StyledCopyableContentButton>\n </SharingContextMenu>\n </StyledCopyableContentActionGroup>\n </StyledCopyableContentActions>\n <StyledCopyableContentBody>\n {children ?? <div dangerouslySetInnerHTML={{ __html: html }} />}\n </StyledCopyableContentBody>\n </StyledCopyableContent>\n );\n};\n\nCopyableContent.displayName = 'CopyableContent';\n\nexport default CopyableContent;\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,2BAA2B;AAC9D,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,+BAA+B;AACpF,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAQ,YAAY;AAChE,OAAOC,KAAK,IAAmBC,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;~~AAC1E~~,OAAOC,WAAW,MAAM,6BAA6B;AACrD,SAASC,oBAAoB,QAAQ,kCAAkC;AACvE,OAAOC,kBAAkB,MAAM,4CAA4C;AAC3E,OAAOC,IAAI,MAAM,cAAc;AAC/B,SACIC,qBAAqB,EACrBC,gCAAgC,EAChCC,4BAA4B,EAC5BC,yBAAyB,EACzBC,2BAA2B,QACxB,0BAA0B;AACjC,SAASC,0BAA0B,QAAQ,4BAA4B;~~AASvE~~,MAAMC,eAAyC,GAAGA,CAAC;EAC/CC,OAAO;EACPC,QAAQ;EACRC~~,aAAa~~;~~EACbC;~~AACJ,CAAC,KAAK;EACF,MAAMC,OAAO,~~GAAGhB~~,MAAM,CAAc,IAAI,CAAC;EACzC,~~MAAMiB~~,cAAc,~~GAAGjB~~,MAAM,CAAiB,IAAI,CAAC;EACnD,~~MAAMkB~~,mBAAmB,~~GAAGhB~~,oBAAoB,~~CAACc~~,OAAO,EAAEC,cAAc,CAAC;~~EAEzE~~,~~MAAME~~,~~qBAAqB~~,~~GAAG1B~~,~~kBAAkB~~,CAAC~~;IAC7C2B~~,~~UAAU~~,~~EAAE5B~~,~~gBAAgB~~,~~CAACS~~,~~WAAW,CAACoB,UAAU,CAACC,eAAe,CAACC,IAAI;EAC5E,~~CAAC~~,CAAC~~;~~EACF~~,~~MAAMC~~,~~oBAAoB~~,~~GAAG/B~~,kBAAkB,CAAC;~~IAC5C2B~~,UAAU,~~EAAE5B~~,gBAAgB,~~CAACS~~,WAAW,~~CAACoB~~,UAAU,CAACC,eAAe,~~CAACG~~,~~MAAM~~;~~EAC9E~~,CAAC,CAAC;EACF,MAAMC,wBAAwB,~~GAAGjC~~,kBAAkB,CAAC;~~IAChD2B~~,UAAU,~~EAAE5B~~,gBAAgB,~~CAACS~~,WAAW,~~CAACoB~~,UAAU,CAACC,eAAe,~~CAACK~~,UAAU;EAClF,CAAC,CAAC;EACF,MAAMC,SAAS,~~GAAGnC~~,kBAAkB,CAAC;~~IACjC2B~~,UAAU,~~EAAE5B~~,gBAAgB,~~CAACS~~,WAAW,~~CAACoB~~,UAAU,CAACC,eAAe,~~CAACO~~,KAAK;EAC7E,CAAC,CAAC;EAEF,MAAMC,IAAI,~~GAAG/B~~,OAAO,CAAC,~~MAAMR~~,kBAAkB,~~CAACqB~~,OAAO,CAAC,CAACkB,IAAI,EAAE,CAAClB,OAAO,CAAC,CAAC;~~EAEvE~~,~~MAAMmB~~,~~UAAU~~,~~GAAGjC~~,~~WAAW~~,~~CAAC~~,YAAY;~~IACvC~~,~~IAAI~~;~~MACA~~,~~MAAMY~~,~~0BAA0B~~,~~CAACE~~,~~OAAO~~,CAAC;~~MACzC~~,~~KAAKlB~~,YAAY,CAAC;~~QACdsC~~,~~aAAa~~,~~EAAE~~,IAAI;~~QACnBC~~,~~IAAI~~,~~EAAEnB~~,~~aAAa~~,~~IAAIU~~,~~oBAAoB~~;~~QAC3CU~~,~~SAAS~~,~~EAAEtC~~,~~SAAS~~,~~CAACuC,OAAO~~;~~QAC5BC~~,~~IAAI~~,~~EAAEzC~~,~~UAAU~~,~~CAAC0C~~;~~MACrB~~,CAAC,CAAC,~~CAACC~~,IAAI,CAAC,CAAC;~~IACb~~,CAAC,CAAC,MAAM;MACJ,~~KAAK5C~~,YAAY,CAAC;~~QACdsC~~,aAAa,EAAE,IAAI;QACnBC,IAAI,~~EAAElB~~,iBAAiB,~~IAAIW~~,wBAAwB;~~QACnDQ~~,SAAS,~~EAAEtC~~,SAAS,~~CAAC2C~~,KAAK;~~QAC1BH~~,IAAI,~~EAAEzC~~,UAAU,~~CAAC0C~~;MACrB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;IACb;EACJ,CAAC,EAAE,~~CAAC1B~~,OAAO,~~EAAEE~~,~~aAAa~~,~~EAAEU~~,~~oBAAoB~~,~~EAAEE~~,~~wBAAwB~~,~~EAAEX,iBAAiB,~~CAAC,CAAC;~~EAE/F~~,~~oBACIlB~~,KAAA,~~CAAA2C~~,aAAA,~~CAACnC~~,qBAAqB;IAACoC,SAAS,EAAC,kBAAkB;IAACC,GAAG,~~EAAE1B~~;EAAQ,~~gBAC7DnB~~,KAAA,~~CAAA2C~~,aAAA,~~CAACjC~~,4BAA4B;~~IAACmC~~,GAAG,~~EAAEzB~~;EAAe,~~gBAC9CpB~~,KAAA,~~CAAA2C~~,aAAA,~~CAAClC~~,gCAAgC,~~qBAC7BT~~,KAAA,~~CAAA2C~~,aAAA,~~CAAC/B~~,2BAA2B;~~IACxBkC~~,SAAS,~~EAAEzB~~,mBAAoB;IAC/B,~~cAAYC~~,qBAAsB;~~IAClCyB~~,OAAO,EAAEA,CAAA,KAAM;MACX,KAAKb,UAAU,CAAC,CAAC;IACrB,CAAE;IACFK,IAAI,EAAC;EAAQ,~~gBAEbvC~~,KAAA,~~CAAA2C~~,aAAA,~~CAACpC~~,IAAI;~~IAACyC~~,KAAK,EAAE,CAAC,kBAAkB;EAAE,CAAE,~~CACX~~,CAAC,~~eAC9BhD~~,KAAA,~~CAAA2C~~,aAAA,~~CAACrC~~,kBAAkB;~~IAAC2C~~,IAAI,~~EAAElC~~,OAAQ;~~IAACmC~~,6BAA6B,EAAE;EAAM,~~gBACpElD~~,KAAA,~~CAAA2C~~,aAAA,~~CAAC/B~~,2BAA2B;~~IACxBkC~~,SAAS,~~EAAEzB~~,mBAAoB;IAC/B,cAAYU,SAAU;~~IACtBQ~~,IAAI,EAAC;EAAQ,~~gBAEbvC~~,KAAA,~~CAAA2C~~,aAAA,~~CAACpC~~,IAAI;~~IAACyC~~,KAAK,EAAE,CAAC,mBAAmB;EAAE,CAAE,CACZ,CACb,CACU,CACR,CAAC,eAC/~~BhD~~,KAAA,~~CAAA2C~~,aAAA,~~CAAChC~~,yBAAyB,~~QACrBK~~,QAAQ,~~iBAAIhB~~,KAAA,~~CAAA2C~~,aAAA;~~IAAKQ~~,uBAAuB,EAAE;MAAEC,MAAM,~~EAAEnB~~;IAAK;EAAE,CAAE,CACvC,CACR,CAAC;AAEhC,CAAC;~~AAEDnB~~,eAAe,~~CAACuC~~,WAAW,GAAG,iBAAiB;AAE/C,~~eAAevC~~,eAAe","ignoreList":[]}
1	+ {"version":3,"file":"CopyableContent.js","names":["formatStringToHtml","ttsToITextString","useTextstringValue","createDialog","DialogType","ToastType","React","useCallback","useEffect","useMemo","useRef","useState","textStrings","useStickyActionState","SharingContextMenu","Icon","StyledCopyableContent","StyledCopyableContentActionGroup","StyledCopyableContentActions","StyledCopyableContentBody","StyledCopyableContentButton","CopyableContentAppearance","copyableContentToClipboard","COPY_FEEDBACK_DURATION","CopyableContent","appearance","Default","content","children","copyFailedMessage","rootRef","actionGroupRef","copyFeedbackTimeoutRef","isActionGroupSticky","hasCopied","setHasCopied","defaultCopyButtonText","textstring","components","copyableContent","copy","defaultCopyFailedMessage","copyFailed","shareText","share","html","window","clearTimeout","current","showCopyFeedback","setTimeout","handleCopy","showCloseIcon","text","toastType","ERROR","type","TOAST","open","createElement","$appearance","className","ref","$isSticky","onClick","icons","link","shouldShowCallingCodeAction","shouldShowCopyAction","shouldUseDefaultTriggerStyles","dangerouslySetInnerHTML","__html","displayName"],"sources":["../../../../src/components/copyable-content/CopyableContent.tsx"],"sourcesContent":["import { formatStringToHtml } from '@chayns-components/format';\nimport { ttsToITextString, useTextstringValue } from '@chayns-components/textstring';\nimport { createDialog, DialogType, ToastType } from 'chayns-api';\nimport React, { FC, ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport textStrings from '../../constants/textStrings';\nimport { useStickyActionState } from '../../hooks/useStickyActionState';\nimport SharingContextMenu from '../sharing-context-menu/SharingContextMenu';\nimport Icon from '../icon/Icon';\nimport {\n StyledCopyableContent,\n StyledCopyableContentActionGroup,\n StyledCopyableContentActions,\n StyledCopyableContentBody,\n StyledCopyableContentButton,\n} from './CopyableContent.styles';\nimport { CopyableContentAppearance } from './CopyableContent.types';\nimport { copyableContentToClipboard } from './copyableContentClipboard';\n\nconst COPY_FEEDBACK_DURATION = 1500;\n\nexport type CopyableContentProps = {\n /*\n Controls the visual surface of the content block.\n */\n appearance?: CopyableContentAppearance;\n content: string;\n children?: ReactNode;\n copyFailedMessage?: string;\n};\n\nconst CopyableContent: FC<CopyableContentProps> = ({\n appearance = CopyableContentAppearance.Default,\n content,\n children,\n copyFailedMessage,\n}) => {\n const rootRef = useRef<HTMLElement>(null);\n const actionGroupRef = useRef<HTMLDivElement>(null);\n const copyFeedbackTimeoutRef = useRef<number>();\n const isActionGroupSticky = useStickyActionState(rootRef, actionGroupRef);\n const [hasCopied, setHasCopied] = useState(false);\n\n const defaultCopyButtonText = useTextstringValue({\n textstring: ttsToITextString(textStrings.components.copyableContent.copy),\n });\n const defaultCopyFailedMessage = useTextstringValue({\n textstring: ttsToITextString(textStrings.components.copyableContent.copyFailed),\n });\n const shareText = useTextstringValue({\n textstring: ttsToITextString(textStrings.components.copyableContent.share),\n });\n\n const html = useMemo(() => formatStringToHtml(content).html, [content]);\n\n useEffect(\n () => () => {\n window.clearTimeout(copyFeedbackTimeoutRef.current);\n },\n [],\n );\n\n const showCopyFeedback = useCallback(() => {\n window.clearTimeout(copyFeedbackTimeoutRef.current);\n setHasCopied(true);\n\n copyFeedbackTimeoutRef.current = window.setTimeout(() => {\n setHasCopied(false);\n }, COPY_FEEDBACK_DURATION);\n }, []);\n\n const handleCopy = useCallback(async () => {\n try {\n await copyableContentToClipboard(content);\n showCopyFeedback();\n } catch {\n void createDialog({\n showCloseIcon: true,\n text: copyFailedMessage ?? defaultCopyFailedMessage,\n toastType: ToastType.ERROR,\n type: DialogType.TOAST,\n }).open();\n }\n }, [content, defaultCopyFailedMessage, copyFailedMessage, showCopyFeedback]);\n\n return (\n <StyledCopyableContent $appearance={appearance} className=\"copyable-content\" ref={rootRef}>\n <StyledCopyableContentActions ref={actionGroupRef}>\n <StyledCopyableContentActionGroup>\n <StyledCopyableContentButton\n $isSticky={isActionGroupSticky}\n aria-label={defaultCopyButtonText}\n onClick={() => {\n void handleCopy();\n }}\n type=\"button\"\n >\n <Icon icons={hasCopied ? ['fa fa-check'] : ['fa-light fa-copy']} />\n </StyledCopyableContentButton>\n <SharingContextMenu\n link={content}\n shouldShowCallingCodeAction={false}\n shouldShowCopyAction={false}\n shouldUseDefaultTriggerStyles={false}\n >\n <StyledCopyableContentButton\n $isSticky={isActionGroupSticky}\n aria-label={shareText}\n type=\"button\"\n >\n <Icon icons={['fa fa-share-nodes']} />\n </StyledCopyableContentButton>\n </SharingContextMenu>\n </StyledCopyableContentActionGroup>\n </StyledCopyableContentActions>\n <StyledCopyableContentBody>\n {children ?? <div dangerouslySetInnerHTML={{ __html: html }} />}\n </StyledCopyableContentBody>\n </StyledCopyableContent>\n );\n};\n\nCopyableContent.displayName = 'CopyableContent';\n\nexport default CopyableContent;\n\nexport { CopyableContentAppearance } from './CopyableContent.types';\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/copyable-content/CopyableContent.styles.js CHANGED Viewed

@@ -1,8 +1,21 @@
 import styled from 'styled-components';
+import { CopyableContentAppearance } from './CopyableContent.types';
+const getBackgroundColor = ({
+  $appearance,
+  theme
+}) => {
+  if ($appearance === CopyableContentAppearance.Chat) {
+    return 'rgba(0, 0, 0, 0.2)';
+  }
+  const secondaryColor = theme['secondary-100-rgb'] ?? '255, 255, 255';
+  const opacity = theme.cardBackgroundOpacity ?? 1;
+  return `rgba(${secondaryColor}, ${opacity})`;
+};
 export const StyledCopyableContent = styled.section`
     --copyable-content-action-size: 32px;
     --copyable-content-action-inset: 8px;
+    margin: 4px 0;
     min-width: 0;
     max-width: 100%;
     overflow-x: clip;
@@ -13,14 +26,7 @@ export const StyledCopyableContent = styled.section`
     border-radius: ${({
   theme
 }) => theme.cardBorderRadius}px;
-    background-color: rgba(
-        ${({
-  theme
-}) => theme['secondary-100-rgb']},
-        ${({
-  theme
-}) => theme.cardBackgroundOpacity}
-    );
+    background-color: ${getBackgroundColor};
     color: ${({
   theme
 }) => theme.text};

package/lib/esm/components/copyable-content/CopyableContent.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CopyableContent.styles.js","names":["styled","~~StyledCopyableContent~~","~~section~~","theme","~~cardBorderRadius~~","cardBackgroundOpacity","text","StyledCopyableContentActions","div","StyledCopyableContentActionGroup","StyledCopyableContentButton","button","$isSticky","buttonBackgroundColor","StyledCopyableContentBody","headline","primary"],"sources":["../../../../src/components/copyable-content/CopyableContent.styles.ts"],"sourcesContent":["import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport styled from 'styled-components';\n\ntype StyledCopyableContentProps = WithTheme<~~unknown~~>;\n\nexport const StyledCopyableContent = styled.section<StyledCopyableContentProps>`\n --copyable-content-action-size: 32px;\n --copyable-content-action-inset: 8px;\n\n min-width: 0;\n max-width: 100%;\n overflow-x: clip;\n overflow-wrap: anywhere;\n padding-top: calc(\n var(--copyable-content-action-size) + var(--copyable-content-action-inset) * 2\n );\n border-radius: ${({ theme }) => theme.cardBorderRadius}px;\n background-color: ~~rgba(\n~~ ${~~({ theme~~ }~~) => theme['secondary-100-rgb']},\n ${({ theme }) => theme.cardBackgroundOpacity}\n )~~;\n color: ${({ theme }) => theme.text};\n`;\n\ntype StyledCopyableContentButtonProps = WithTheme<{\n $isSticky: boolean;\n}>;\n\nexport const StyledCopyableContentActions = styled.div`\n position: sticky;\n top: var(--copyable-content-action-inset);\n z-index: 1;\n display: flex;\n justify-content: flex-end;\n height: calc(var(--copyable-content-action-size) + var(--copyable-content-action-inset));\n margin-top: calc(\n (var(--copyable-content-action-size) + var(--copyable-content-action-inset)) * -1\n );\n padding-right: var(--copyable-content-action-inset);\n`;\n\nexport const StyledCopyableContentActionGroup = styled.div`\n display: flex;\n gap: 4px;\n height: var(--copyable-content-action-size);\n`;\n\nexport const StyledCopyableContentButton = styled.button<StyledCopyableContentButtonProps>`\n box-sizing: border-box;\n border: 1px solid ${({ $isSticky, theme }) => ($isSticky ? theme['202'] : 'transparent')};\n border-radius: 4px;\n width: var(--copyable-content-action-size);\n height: var(--copyable-content-action-size);\n padding: 0;\n cursor: pointer;\n background-color: ${({ $isSticky, theme }) => ($isSticky ? theme['100'] : 'transparent')};\n color: ${({ theme }) => theme.text};\n box-shadow: ${({ $isSticky }) => ($isSticky ? '0 2px 8px rgba(0, 0, 0, 0.16)' : 'none')};\n transition:\n background-color 0.15s ease,\n border-color 0.15s ease,\n box-shadow 0.15s ease,\n transform 0.15s ease;\n\n &:hover {\n background-color: rgba(${({ theme }) => theme['text-rgb']}, 0.1);\n box-shadow: inset 0 0 0 1px rgba(${({ theme }) => theme['text-rgb']}, 0.06);\n }\n\n &:active {\n transform: scale(0.9);\n }\n\n &:focus-visible {\n outline: 2px solid ${({ theme }) => theme.buttonBackgroundColor};\n outline-offset: 2px;\n }\n`;\n\nexport const StyledCopyableContentBody = styled.div<~~StyledCopyableContentProps>`\~~n min-width: 0;\n max-width: 100%;\n overflow-wrap: anywhere;\n padding: 0 12px 12px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n ul,\n ol,\n blockquote {\n margin: 0 0 12px;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: ${({ theme }) => theme.headline};\n }\n\n ul,\n ol {\n padding-left: 24px;\n }\n\n blockquote {\n padding-left: 12px;\n border-left: 3px solid ${({ theme }) => theme['202']};\n }\n\n a {\n color: ${({ theme }) => theme.primary};\n overflow-wrap: anywhere;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n`;\n"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB;~~AAItC~~,OAAO,MAAMC,qBAAqB,~~GAAGD~~,MAAM,~~CAACE~~,OAAmC;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,CAAC;~~EAAEC~~;AAAM,CAAC,KAAKA,KAAK,~~CAACC~~,gBAAgB;AAC1D~~;AACA~~,~~UAAU~~,~~CAAC~~;~~EAAED;AAAM~~,~~CAAC,KAAKA,KAAK,CAAC,mBAAmB,CAAC;AACnD,UAAU,CAAC;EAAEA;AAAM,CAAC,KAAKA,KAAK,CAACE,qBAAqB;AACpD;AACA,~~aAAa,CAAC;~~EAAEF~~;AAAM,CAAC,KAAKA,KAAK,~~CAACG~~,IAAI;AACtC,CAAC;AAMD,OAAO,MAAMC,4BAA4B,~~GAAGP~~,MAAM,~~CAACQ~~,GAAG;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,gCAAgC,~~GAAGT~~,MAAM,~~CAACQ~~,GAAG;AAC1D;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,2BAA2B,~~GAAGV~~,MAAM,~~CAACW~~,MAAwC;AAC1F;AACA,wBAAwB,CAAC;EAAEC,SAAS;~~EAAET~~;AAAM,CAAC,~~KAAMS~~,SAAS,~~GAAGT~~,KAAK,CAAC,KAAK,CAAC,GAAG,aAAc;AAC5F;AACA;AACA;AACA;AACA;AACA,wBAAwB,CAAC;~~EAAES~~,SAAS;~~EAAET~~;AAAM,CAAC,~~KAAMS~~,SAAS,~~GAAGT~~,KAAK,CAAC,KAAK,CAAC,GAAG,aAAc;AAC5F,aAAa,CAAC;EAAEA;AAAM,CAAC,KAAKA,KAAK,~~CAACG~~,IAAI;AACtC,kBAAkB,CAAC;EAAEM;AAAU,CAAC,KAAMA,SAAS,GAAG,+BAA+B,GAAG,MAAO;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC,CAAC;~~EAAET~~;AAAM,CAAC,KAAKA,KAAK,CAAC,UAAU,CAAC;AACjE,2CAA2C,CAAC;EAAEA;AAAM,CAAC,KAAKA,KAAK,CAAC,UAAU,CAAC;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B,CAAC;EAAEA;AAAM,CAAC,KAAKA,KAAK,~~CAACU~~,qBAAqB;AACvE;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,~~GAAGd~~,MAAM,~~CAACQ~~,~~GAA+B~~;~~AAC/E~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,CAAC;~~EAAEL~~;AAAM,CAAC,KAAKA,KAAK,~~CAACY~~,QAAQ;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC,CAAC;~~EAAEZ~~;AAAM,CAAC,KAAKA,KAAK,CAAC,KAAK,CAAC;AAC5D;AACA;AACA;AACA,iBAAiB,CAAC;EAAEA;AAAM,CAAC,KAAKA,KAAK,~~CAACa~~,OAAO;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"CopyableContent.styles.js","names":["styled","CopyableContentAppearance","getBackgroundColor","$appearance","theme","Chat","secondaryColor","opacity","cardBackgroundOpacity","StyledCopyableContent","section","cardBorderRadius","text","StyledCopyableContentActions","div","StyledCopyableContentActionGroup","StyledCopyableContentButton","button","$isSticky","buttonBackgroundColor","StyledCopyableContentBody","headline","primary"],"sources":["../../../../src/components/copyable-content/CopyableContent.styles.ts"],"sourcesContent":["import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport styled from 'styled-components';\nimport { CopyableContentAppearance } from './CopyableContent.types';\n\ntype StyledCopyableContentProps = WithTheme<{\n $appearance: CopyableContentAppearance;\n}>;\n\nconst getBackgroundColor = ({ $appearance, theme }: StyledCopyableContentProps) => {\n if ($appearance === CopyableContentAppearance.Chat) {\n return 'rgba(0, 0, 0, 0.2)';\n }\n\n const secondaryColor = theme['secondary-100-rgb'] ?? '255, 255, 255';\n const opacity = theme.cardBackgroundOpacity ?? 1;\n\n return `rgba(${secondaryColor}, ${opacity})`;\n};\n\nexport const StyledCopyableContent = styled.section<StyledCopyableContentProps>`\n --copyable-content-action-size: 32px;\n --copyable-content-action-inset: 8px;\n\n margin: 4px 0;\n min-width: 0;\n max-width: 100%;\n overflow-x: clip;\n overflow-wrap: anywhere;\n padding-top: calc(\n var(--copyable-content-action-size) + var(--copyable-content-action-inset) * 2\n );\n border-radius: ${({ theme }) => theme.cardBorderRadius}px;\n background-color: ${getBackgroundColor};\n color: ${({ theme }) => theme.text};\n`;\n\ntype StyledCopyableContentButtonProps = WithTheme<{\n $isSticky: boolean;\n}>;\n\nexport const StyledCopyableContentActions = styled.div`\n position: sticky;\n top: var(--copyable-content-action-inset);\n z-index: 1;\n display: flex;\n justify-content: flex-end;\n height: calc(var(--copyable-content-action-size) + var(--copyable-content-action-inset));\n margin-top: calc(\n (var(--copyable-content-action-size) + var(--copyable-content-action-inset)) * -1\n );\n padding-right: var(--copyable-content-action-inset);\n`;\n\nexport const StyledCopyableContentActionGroup = styled.div`\n display: flex;\n gap: 4px;\n height: var(--copyable-content-action-size);\n`;\n\nexport const StyledCopyableContentButton = styled.button<StyledCopyableContentButtonProps>`\n box-sizing: border-box;\n border: 1px solid ${({ $isSticky, theme }) => ($isSticky ? theme['202'] : 'transparent')};\n border-radius: 4px;\n width: var(--copyable-content-action-size);\n height: var(--copyable-content-action-size);\n padding: 0;\n cursor: pointer;\n background-color: ${({ $isSticky, theme }) => ($isSticky ? theme['100'] : 'transparent')};\n color: ${({ theme }) => theme.text};\n box-shadow: ${({ $isSticky }) => ($isSticky ? '0 2px 8px rgba(0, 0, 0, 0.16)' : 'none')};\n transition:\n background-color 0.15s ease,\n border-color 0.15s ease,\n box-shadow 0.15s ease,\n transform 0.15s ease;\n\n &:hover {\n background-color: rgba(${({ theme }) => theme['text-rgb']}, 0.1);\n box-shadow: inset 0 0 0 1px rgba(${({ theme }) => theme['text-rgb']}, 0.06);\n }\n\n &:active {\n transform: scale(0.9);\n }\n\n &:focus-visible {\n outline: 2px solid ${({ theme }) => theme.buttonBackgroundColor};\n outline-offset: 2px;\n }\n`;\n\nexport const StyledCopyableContentBody = styled.div<WithTheme<unknown>>`\n min-width: 0;\n max-width: 100%;\n overflow-wrap: anywhere;\n padding: 0 12px 12px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n ul,\n ol,\n blockquote {\n margin: 0 0 12px;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: ${({ theme }) => theme.headline};\n }\n\n ul,\n ol {\n padding-left: 24px;\n }\n\n blockquote {\n padding-left: 12px;\n border-left: 3px solid ${({ theme }) => theme['202']};\n }\n\n a {\n color: ${({ theme }) => theme.primary};\n overflow-wrap: anywhere;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n`;\n"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,yBAAyB,QAAQ,yBAAyB;AAMnE,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,WAAW;EAAEC;AAAkC,CAAC,KAAK;EAC/E,IAAID,WAAW,KAAKF,yBAAyB,CAACI,IAAI,EAAE;IAChD,OAAO,oBAAoB;EAC/B;EAEA,MAAMC,cAAc,GAAGF,KAAK,CAAC,mBAAmB,CAAC,IAAI,eAAe;EACpE,MAAMG,OAAO,GAAGH,KAAK,CAACI,qBAAqB,IAAI,CAAC;EAEhD,OAAO,QAAQF,cAAc,KAAKC,OAAO,GAAG;AAChD,CAAC;AAED,OAAO,MAAME,qBAAqB,GAAGT,MAAM,CAACU,OAAmC;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,CAAC;EAAEN;AAAM,CAAC,KAAKA,KAAK,CAACO,gBAAgB;AAC1D,wBAAwBT,kBAAkB;AAC1C,aAAa,CAAC;EAAEE;AAAM,CAAC,KAAKA,KAAK,CAACQ,IAAI;AACtC,CAAC;AAMD,OAAO,MAAMC,4BAA4B,GAAGb,MAAM,CAACc,GAAG;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,gCAAgC,GAAGf,MAAM,CAACc,GAAG;AAC1D;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,2BAA2B,GAAGhB,MAAM,CAACiB,MAAwC;AAC1F;AACA,wBAAwB,CAAC;EAAEC,SAAS;EAAEd;AAAM,CAAC,KAAMc,SAAS,GAAGd,KAAK,CAAC,KAAK,CAAC,GAAG,aAAc;AAC5F;AACA;AACA;AACA;AACA;AACA,wBAAwB,CAAC;EAAEc,SAAS;EAAEd;AAAM,CAAC,KAAMc,SAAS,GAAGd,KAAK,CAAC,KAAK,CAAC,GAAG,aAAc;AAC5F,aAAa,CAAC;EAAEA;AAAM,CAAC,KAAKA,KAAK,CAACQ,IAAI;AACtC,kBAAkB,CAAC;EAAEM;AAAU,CAAC,KAAMA,SAAS,GAAG,+BAA+B,GAAG,MAAO;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC,CAAC;EAAEd;AAAM,CAAC,KAAKA,KAAK,CAAC,UAAU,CAAC;AACjE,2CAA2C,CAAC;EAAEA;AAAM,CAAC,KAAKA,KAAK,CAAC,UAAU,CAAC;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B,CAAC;EAAEA;AAAM,CAAC,KAAKA,KAAK,CAACe,qBAAqB;AACvE;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGpB,MAAM,CAACc,GAAuB;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,CAAC;EAAEV;AAAM,CAAC,KAAKA,KAAK,CAACiB,QAAQ;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC,CAAC;EAAEjB;AAAM,CAAC,KAAKA,KAAK,CAAC,KAAK,CAAC;AAC5D;AACA;AACA;AACA,iBAAiB,CAAC;EAAEA;AAAM,CAAC,KAAKA,KAAK,CAACkB,OAAO;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}