@chayns-components/core 5.5.24 → 5.5.26

package/AGENTS.md

@@ -1497,6 +1497,25 @@ import { CopyableContent } from '@chayns-components/core';
 />
 ```
 
+#### Collapsed
+
+```tsx
+<CopyableContent
+    collapsedHeight={180}
+    content={Array.from(
+            { length: 12 },
+            (_, index) =>
+                `### Abschnitt ${index + 1}\n\nDas Planungsteam hat die Hinweise aus den Gesprächen aufgenommen und bereitet jetzt die nächsten Schritte vor.`,
+        ).join('\n\n')}
+/>
+```
+
+#### Typewriter Loop
+
+```tsx
+<CopyableContent />
+```
+
 #### Markdown
 
 ```tsx
@@ -5075,6 +5094,31 @@ import { Button, Truncation } from '@chayns-components/core';
 </Truncation>
 ```
 
+#### Typewriter Loop
+
+```tsx
+<Truncation
+    collapsedHeight={100}
+>
+    {
+        <div>
+                <p id="isPasted">
+                    Der legendärste Abend: Homecoming at next! Studenten und Ausreißer, Urlauber und
+                    Daheimgebliebene, Partymäuse und Partymuffel – sie alle zieht es am Tag vor Heiligabend
+                    in die Heimat an einen zuvor ausgemachten Ort, um all die guten Freunde und alte
+                    Bekannte wiederzutreffen.
+                </p>
+                <p>
+                    Was damals vor vielen Jahren auf der StattAlm auf dem Campus in Ahaus begann, führen wir
+                    bei uns im next fort!&nbsp;
+                </p>
+                <p>Alle Infos und Tickets zum Event in Kürze.&nbsp;</p>
+                <Button onClick={() => alert('hallo')}>test</Button>
+            </div>
+    }
+</Truncation>
+```
+
 #### Small Text
 
 ```tsx

package/lib/cjs/components/copyable-content/CopyableContent.js

@@ -16,6 +16,7 @@ var _chaynsApi = require("chayns-api");
 var _react = _interopRequireWildcard(require("react"));
 var _textStrings = _interopRequireDefault(require("../../constants/textStrings"));
 var _useStickyActionState = require("../../hooks/useStickyActionState");
+var _ColorSchemeProvider = require("../color-scheme-provider/ColorSchemeProvider");
 var _SharingContextMenu = _interopRequireDefault(require("../sharing-context-menu/SharingContextMenu"));
 var _Icon = _interopRequireDefault(require("../icon/Icon"));
 var _Truncation = _interopRequireDefault(require("../truncation/Truncation"));
@@ -37,6 +38,8 @@ const CopyableContent = ({
   const copyFeedbackTimeoutRef = (0, _react.useRef)();
   const isActionGroupSticky = (0, _useStickyActionState.useStickyActionState)(rootRef, actionGroupRef);
   const [hasCopied, setHasCopied] = (0, _react.useState)(false);
+  const colorScheme = (0, _ColorSchemeProvider.useColorScheme)();
+  const colorMode = (colorScheme === null || colorScheme === void 0 ? void 0 : colorScheme.theme.colorMode) === 'dark' ? _CopyableContent.CopyableContentColorMode.Dark : _CopyableContent.CopyableContentColorMode.Light;
   const defaultCopyButtonText = (0, _textstring.useTextstringValue)({
     textstring: (0, _textstring.ttsToITextString)(_textStrings.default.components.copyableContent.copy)
   });
@@ -72,11 +75,13 @@ const CopyableContent = ({
   }, [content, defaultCopyFailedMessage, copyFailedMessage, showCopyFeedback]);
   return /*#__PURE__*/_react.default.createElement(_CopyableContent.StyledCopyableContent, {
     $appearance: appearance,
+    $colorMode: colorMode,
     className: "copyable-content",
     ref: rootRef
   }, /*#__PURE__*/_react.default.createElement(_CopyableContent.StyledCopyableContentActions, {
     ref: actionGroupRef
   }, /*#__PURE__*/_react.default.createElement(_CopyableContent.StyledCopyableContentActionGroup, null, /*#__PURE__*/_react.default.createElement(_CopyableContent.StyledCopyableContentButton, {
+    $colorMode: colorMode,
     $isSticky: isActionGroupSticky,
     "aria-label": defaultCopyButtonText,
     onClick: () => {
@@ -91,6 +96,7 @@ const CopyableContent = ({
     shouldShowCopyAction: false,
     shouldUseDefaultTriggerStyles: false
   }, /*#__PURE__*/_react.default.createElement(_CopyableContent.StyledCopyableContentButton, {
+    $colorMode: colorMode,
     $isSticky: isActionGroupSticky,
     "aria-label": shareText,
     type: "button"
@@ -99,12 +105,15 @@ const CopyableContent = ({
   }))))), typeof collapsedHeight === 'number' ? /*#__PURE__*/_react.default.createElement(_CopyableContent.StyledCopyableContentTruncation, null, /*#__PURE__*/_react.default.createElement(_Truncation.default, {
     collapsedHeight: collapsedHeight
   }, /*#__PURE__*/_react.default.createElement(_CopyableContent.StyledCopyableContentBody, {
+    $colorMode: colorMode,
     $shouldShowPadding: false
   }, children ?? /*#__PURE__*/_react.default.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: html
     }
-  })))) : /*#__PURE__*/_react.default.createElement(_CopyableContent.StyledCopyableContentBody, null, children ?? /*#__PURE__*/_react.default.createElement("div", {
+  })))) : /*#__PURE__*/_react.default.createElement(_CopyableContent.StyledCopyableContentBody, {
+    $colorMode: colorMode
+  }, children ?? /*#__PURE__*/_react.default.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: html
     }

package/lib/cjs/components/copyable-content/CopyableContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyableContent.js","names":["_format","require","_textstring","_chaynsApi","_react","_interopRequireWildcard","_textStrings","_interopRequireDefault","_useStickyActionState","_SharingContextMenu","_Icon","_Truncation","_CopyableContent","_CopyableContent2","_copyableContentClipboard","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","COPY_FEEDBACK_DURATION","CopyableContent","appearance","CopyableContentAppearance","Default","content","children","copyFailedMessage","collapsedHeight","rootRef","useRef","actionGroupRef","copyFeedbackTimeoutRef","isActionGroupSticky","useStickyActionState","hasCopied","setHasCopied","useState","defaultCopyButtonText","useTextstringValue","textstring","ttsToITextString","textStrings","components","copyableContent","copy","defaultCopyFailedMessage","copyFailed","shareText","share","html","useMemo","formatStringToHtml","useEffect","window","clearTimeout","current","showCopyFeedback","useCallback","setTimeout","handleCopy","copyableContentToClipboard","createDialog","showCloseIcon","text","toastType","ToastType","ERROR","type","DialogType","TOAST","open","createElement","StyledCopyableContent","$appearance","className","ref","StyledCopyableContentActions","StyledCopyableContentActionGroup","StyledCopyableContentButton","$isSticky","onClick","icons","link","shouldShowCallingCodeAction","shouldShowCopyAction","shouldUseDefaultTriggerStyles","StyledCopyableContentTruncation","StyledCopyableContentBody","$shouldShowPadding","dangerouslySetInnerHTML","__html","displayName","_default","exports"],"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 Truncation from '../truncation/Truncation';\nimport {\n    StyledCopyableContent,\n    StyledCopyableContentActionGroup,\n    StyledCopyableContentActions,\n    StyledCopyableContentBody,\n    StyledCopyableContentButton,\n    StyledCopyableContentTruncation,\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    /**\n     * Markdown source used for rendering and clipboard data.\n     */\n    content: string;\n    /**\n     * Replaces only the visible rendered content and never the copied source.\n     */\n    children?: ReactNode;\n    /**\n     * Replaces the localized error message shown when copying fails.\n     */\n    copyFailedMessage?: string;\n    /**\n     * The height of the content in its collapsed state.\n     */\n    collapsedHeight?: number;\n};\n\nconst CopyableContent: FC<CopyableContentProps> = ({\n    appearance = CopyableContentAppearance.Default,\n    content,\n    children,\n    copyFailedMessage,\n    collapsedHeight,\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            {typeof collapsedHeight === 'number' ? (\n                <StyledCopyableContentTruncation>\n                    <Truncation collapsedHeight={collapsedHeight}>\n                        <StyledCopyableContentBody $shouldShowPadding={false}>\n                            {children ?? <div dangerouslySetInnerHTML={{ __html: html }} />}\n                        </StyledCopyableContentBody>\n                    </Truncation>\n                </StyledCopyableContentTruncation>\n            ) : (\n                <StyledCopyableContentBody>\n                    {children ?? <div dangerouslySetInnerHTML={{ __html: html }} />}\n                </StyledCopyableContentBody>\n            )}\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":[]}
+{"version":3,"file":"CopyableContent.js","names":["_format","require","_textstring","_chaynsApi","_react","_interopRequireWildcard","_textStrings","_interopRequireDefault","_useStickyActionState","_ColorSchemeProvider","_SharingContextMenu","_Icon","_Truncation","_CopyableContent","_CopyableContent2","_copyableContentClipboard","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","COPY_FEEDBACK_DURATION","CopyableContent","appearance","CopyableContentAppearance","Default","content","children","copyFailedMessage","collapsedHeight","rootRef","useRef","actionGroupRef","copyFeedbackTimeoutRef","isActionGroupSticky","useStickyActionState","hasCopied","setHasCopied","useState","colorScheme","useColorScheme","colorMode","theme","CopyableContentColorMode","Dark","Light","defaultCopyButtonText","useTextstringValue","textstring","ttsToITextString","textStrings","components","copyableContent","copy","defaultCopyFailedMessage","copyFailed","shareText","share","html","useMemo","formatStringToHtml","useEffect","window","clearTimeout","current","showCopyFeedback","useCallback","setTimeout","handleCopy","copyableContentToClipboard","createDialog","showCloseIcon","text","toastType","ToastType","ERROR","type","DialogType","TOAST","open","createElement","StyledCopyableContent","$appearance","$colorMode","className","ref","StyledCopyableContentActions","StyledCopyableContentActionGroup","StyledCopyableContentButton","$isSticky","onClick","icons","link","shouldShowCallingCodeAction","shouldShowCopyAction","shouldUseDefaultTriggerStyles","StyledCopyableContentTruncation","StyledCopyableContentBody","$shouldShowPadding","dangerouslySetInnerHTML","__html","displayName","_default","exports"],"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 { useColorScheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport SharingContextMenu from '../sharing-context-menu/SharingContextMenu';\nimport Icon from '../icon/Icon';\nimport Truncation from '../truncation/Truncation';\nimport {\n    CopyableContentColorMode,\n    StyledCopyableContent,\n    StyledCopyableContentActionGroup,\n    StyledCopyableContentActions,\n    StyledCopyableContentBody,\n    StyledCopyableContentButton,\n    StyledCopyableContentTruncation,\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    /**\n     * Markdown source used for rendering and clipboard data.\n     */\n    content: string;\n    /**\n     * Replaces only the visible rendered content and never the copied source.\n     */\n    children?: ReactNode;\n    /**\n     * Replaces the localized error message shown when copying fails.\n     */\n    copyFailedMessage?: string;\n    /**\n     * The height of the content in its collapsed state.\n     */\n    collapsedHeight?: number;\n};\n\nconst CopyableContent: FC<CopyableContentProps> = ({\n    appearance = CopyableContentAppearance.Default,\n    content,\n    children,\n    copyFailedMessage,\n    collapsedHeight,\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 colorScheme = useColorScheme();\n    const colorMode =\n        colorScheme?.theme.colorMode === 'dark'\n            ? CopyableContentColorMode.Dark\n            : CopyableContentColorMode.Light;\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\n            $appearance={appearance}\n            $colorMode={colorMode}\n            className=\"copyable-content\"\n            ref={rootRef}\n        >\n            <StyledCopyableContentActions ref={actionGroupRef}>\n                <StyledCopyableContentActionGroup>\n                    <StyledCopyableContentButton\n                        $colorMode={colorMode}\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                            $colorMode={colorMode}\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            {typeof collapsedHeight === 'number' ? (\n                <StyledCopyableContentTruncation>\n                    <Truncation collapsedHeight={collapsedHeight}>\n                        <StyledCopyableContentBody\n                            $colorMode={colorMode}\n                            $shouldShowPadding={false}\n                        >\n                            {children ?? <div dangerouslySetInnerHTML={{ __html: html }} />}\n                        </StyledCopyableContentBody>\n                    </Truncation>\n                </StyledCopyableContentTruncation>\n            ) : (\n                <StyledCopyableContentBody $colorMode={colorMode}>\n                    {children ?? <div dangerouslySetInnerHTML={{ __html: html }} />}\n                </StyledCopyableContentBody>\n            )}\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/cjs/components/copyable-content/CopyableContent.styles.js

@@ -3,21 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledCopyableContentTruncation = exports.StyledCopyableContentButton = exports.StyledCopyableContentBody = exports.StyledCopyableContentActions = exports.StyledCopyableContentActionGroup = exports.StyledCopyableContent = void 0;
+exports.StyledCopyableContentTruncation = exports.StyledCopyableContentButton = exports.StyledCopyableContentBody = exports.StyledCopyableContentActions = exports.StyledCopyableContentActionGroup = exports.StyledCopyableContent = exports.CopyableContentColorMode = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _CopyableContent = require("./CopyableContent.types");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+let CopyableContentColorMode = exports.CopyableContentColorMode = /*#__PURE__*/function (CopyableContentColorMode) {
+  CopyableContentColorMode["Dark"] = "dark";
+  CopyableContentColorMode["Light"] = "light";
+  return CopyableContentColorMode;
+}({});
 const getBackgroundColor = ({
   $appearance,
-  theme
+  $colorMode
 }) => {
   if ($appearance === _CopyableContent.CopyableContentAppearance.Chat) {
     return 'rgba(0, 0, 0, 0.12)';
   }
-  const secondaryColor = theme['secondary-100-rgb'] ?? '255, 255, 255';
-  const opacity = theme.cardBackgroundOpacity ?? 1;
-  return `rgba(${secondaryColor}, ${opacity})`;
+  return $colorMode === CopyableContentColorMode.Dark ? '#282c34' : '#fafafa';
 };
+const getTextColor = ({
+  $colorMode
+}) => $colorMode === CopyableContentColorMode.Dark ? '#f4f6f8' : '#333333';
 const StyledCopyableContent = exports.StyledCopyableContent = _styledComponents.default.section`
     --copyable-content-action-size: 32px;
     --copyable-content-action-inset: 8px;
@@ -32,11 +38,39 @@ const StyledCopyableContent = exports.StyledCopyableContent = _styledComponents.
     );
     border-radius: 8px;
     background-color: ${getBackgroundColor};
-    color: ${({
-  theme
-}) => theme.text};
+    color: ${getTextColor};
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
 `;
+const getActionGroupBorder = ({
+  $colorMode,
+  $isSticky
+}) => {
+  if (!$isSticky) {
+    return 'transparent';
+  }
+  return $colorMode === CopyableContentColorMode.Dark ? '#5a6474' : '#d4d4d4';
+};
+const getActionGroupBackground = ({
+  $colorMode,
+  $isSticky
+}) => {
+  if (!$isSticky) {
+    return 'transparent';
+  }
+  return $colorMode === CopyableContentColorMode.Dark ? '#343a46' : '#fafafa';
+};
+const getButtonHoverBackground = ({
+  $colorMode
+}) => $colorMode === CopyableContentColorMode.Dark ? '#454c59' : 'rgba(128, 128, 128, 0.2)';
+const getButtonActiveBackground = ({
+  $colorMode
+}) => $colorMode === CopyableContentColorMode.Dark ? '#545d6d' : 'rgba(128, 128, 128, 0.3)';
+const getButtonHoverBorder = ({
+  $colorMode
+}) => $colorMode === CopyableContentColorMode.Dark ? '#6a7485' : '#c2c2c2';
+const getButtonColor = ({
+  $colorMode
+}) => $colorMode === CopyableContentColorMode.Dark ? '#f4f6f8' : '#999999';
 const StyledCopyableContentActions = exports.StyledCopyableContentActions = _styledComponents.default.div`
     position: sticky;
     top: var(--copyable-content-action-inset);
@@ -56,22 +90,14 @@ const StyledCopyableContentActionGroup = exports.StyledCopyableContentActionGrou
 `;
 const StyledCopyableContentButton = exports.StyledCopyableContentButton = _styledComponents.default.button`
     box-sizing: border-box;
-    border: 1px solid ${({
-  $isSticky,
-  theme
-}) => $isSticky ? theme['202'] : 'transparent'};
+    border: 1px solid ${getActionGroupBorder};
     border-radius: 4px;
     width: var(--copyable-content-action-size);
     height: var(--copyable-content-action-size);
     padding: 0;
     cursor: pointer;
-    background-color: ${({
-  $isSticky,
-  theme
-}) => $isSticky ? theme['100'] : 'transparent'};
-    color: ${({
-  theme
-}) => theme.text};
+    background-color: ${getActionGroupBackground};
+    color: ${getButtonColor};
     box-shadow: ${({
   $isSticky
 }) => $isSticky ? '0 2px 8px rgba(0, 0, 0, 0.28)' : 'none'};
@@ -82,31 +108,33 @@ const StyledCopyableContentButton = exports.StyledCopyableContentButton = _style
         transform 0.15s ease;
 
     &:hover {
-        border-color: rgba(${({
-  theme
-}) => theme['text-rgb']}, 0.18);
-        background-color: rgba(${({
-  theme
-}) => theme['text-rgb']}, 0.1);
-        box-shadow: inset 0 0 0 1px rgba(${({
-  theme
-}) => theme['text-rgb']}, 0.06);
+        border-color: ${getButtonHoverBorder};
+        background-color: ${getButtonHoverBackground};
+        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
     }
 
     &:active {
+        background-color: ${getButtonActiveBackground};
         transform: scale(0.94);
     }
 
     &:focus-visible {
-        outline: 2px solid ${({
-  theme
-}) => theme.buttonBackgroundColor};
+        outline: 2px solid currentColor;
         outline-offset: 2px;
     }
 `;
 const StyledCopyableContentTruncation = exports.StyledCopyableContentTruncation = _styledComponents.default.div`
     padding: 0 12px 12px;
 `;
+const getHeadlineColor = ({
+  $colorMode
+}) => $colorMode === CopyableContentColorMode.Dark ? '#e5e5e5' : '#333333';
+const getBlockquoteBorderColor = ({
+  $colorMode
+}) => $colorMode === CopyableContentColorMode.Dark ? '#5a6474' : '#d4d4d4';
+const getLinkColor = ({
+  $colorMode
+}) => $colorMode === CopyableContentColorMode.Dark ? '#7cb3ff' : '#0066cc';
 const StyledCopyableContentBody = exports.StyledCopyableContentBody = _styledComponents.default.div`
     min-width: 0;
     max-width: 100%;
@@ -134,9 +162,7 @@ const StyledCopyableContentBody = exports.StyledCopyableContentBody = _styledCom
     h4,
     h5,
     h6 {
-        color: ${({
-  theme
-}) => theme.headline};
+        color: ${getHeadlineColor};
     }
 
     ul,
@@ -146,15 +172,11 @@ const StyledCopyableContentBody = exports.StyledCopyableContentBody = _styledCom
 
     blockquote {
         padding-left: 12px;
-        border-left: 3px solid ${({
-  theme
-}) => theme['202']};
+        border-left: 3px solid ${getBlockquoteBorderColor};
     }
 
     a {
-        color: ${({
-  theme
-}) => theme.primary};
+        color: ${getLinkColor};
         overflow-wrap: anywhere;
     }
 

package/lib/cjs/components/copyable-content/CopyableContent.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyableContent.styles.js","names":["_styledComponents","_interopRequireDefault","require","_CopyableContent","e","__esModule","default","getBackgroundColor","$appearance","theme","CopyableContentAppearance","Chat","secondaryColor","opacity","cardBackgroundOpacity","StyledCopyableContent","exports","styled","section","text","StyledCopyableContentActions","div","StyledCopyableContentActionGroup","StyledCopyableContentButton","button","$isSticky","buttonBackgroundColor","StyledCopyableContentTruncation","StyledCopyableContentBody","$shouldShowPadding","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.12)';\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: 8px;\n    background-color: ${getBackgroundColor};\n    color: ${({ theme }) => theme.text};\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);\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.28)' : '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        border-color: rgba(${({ theme }) => theme['text-rgb']}, 0.18);\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.94);\n    }\n\n    &:focus-visible {\n        outline: 2px solid ${({ theme }) => theme.buttonBackgroundColor};\n        outline-offset: 2px;\n    }\n`;\n\nexport const StyledCopyableContentTruncation = styled.div`\n    padding: 0 12px 12px;\n`;\n\ntype StyledCopyableContentBodyProps = WithTheme<{\n    $shouldShowPadding?: boolean;\n}>;\n\nexport const StyledCopyableContentBody = styled.div<StyledCopyableContentBodyProps>`\n    min-width: 0;\n    max-width: 100%;\n    overflow-wrap: anywhere;\n    padding: ${({ $shouldShowPadding = true }) => ($shouldShowPadding ? '0 12px 12px' : '0')};\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":"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","ignoreList":[]}
+{"version":3,"file":"CopyableContent.styles.js","names":["_styledComponents","_interopRequireDefault","require","_CopyableContent","e","__esModule","default","CopyableContentColorMode","exports","getBackgroundColor","$appearance","$colorMode","CopyableContentAppearance","Chat","Dark","getTextColor","StyledCopyableContent","styled","section","getActionGroupBorder","$isSticky","getActionGroupBackground","getButtonHoverBackground","getButtonActiveBackground","getButtonHoverBorder","getButtonColor","StyledCopyableContentActions","div","StyledCopyableContentActionGroup","StyledCopyableContentButton","button","StyledCopyableContentTruncation","getHeadlineColor","getBlockquoteBorderColor","getLinkColor","StyledCopyableContentBody","$shouldShowPadding"],"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\nexport enum CopyableContentColorMode {\n    Dark = 'dark',\n    Light = 'light',\n}\n\ntype StyledCopyableContentProps = WithTheme<{\n    $appearance: CopyableContentAppearance;\n    $colorMode: CopyableContentColorMode;\n}>;\n\nconst getBackgroundColor = ({ $appearance, $colorMode }: StyledCopyableContentProps) => {\n    if ($appearance === CopyableContentAppearance.Chat) {\n        return 'rgba(0, 0, 0, 0.12)';\n    }\n\n    return $colorMode === CopyableContentColorMode.Dark ? '#282c34' : '#fafafa';\n};\n\nconst getTextColor = ({ $colorMode }: StyledCopyableContentProps) =>\n    $colorMode === CopyableContentColorMode.Dark ? '#f4f6f8' : '#333333';\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: 8px;\n    background-color: ${getBackgroundColor};\n    color: ${getTextColor};\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);\n`;\n\ntype StyledCopyableContentButtonProps = WithTheme<{\n    $colorMode: CopyableContentColorMode;\n    $isSticky: boolean;\n}>;\n\nconst getActionGroupBorder = ({ $colorMode, $isSticky }: StyledCopyableContentButtonProps) => {\n    if (!$isSticky) {\n        return 'transparent';\n    }\n\n    return $colorMode === CopyableContentColorMode.Dark ? '#5a6474' : '#d4d4d4';\n};\n\nconst getActionGroupBackground = ({ $colorMode, $isSticky }: StyledCopyableContentButtonProps) => {\n    if (!$isSticky) {\n        return 'transparent';\n    }\n\n    return $colorMode === CopyableContentColorMode.Dark ? '#343a46' : '#fafafa';\n};\n\nconst getButtonHoverBackground = ({ $colorMode }: StyledCopyableContentButtonProps) =>\n    $colorMode === CopyableContentColorMode.Dark ? '#454c59' : 'rgba(128, 128, 128, 0.2)';\n\nconst getButtonActiveBackground = ({ $colorMode }: StyledCopyableContentButtonProps) =>\n    $colorMode === CopyableContentColorMode.Dark ? '#545d6d' : 'rgba(128, 128, 128, 0.3)';\n\nconst getButtonHoverBorder = ({ $colorMode }: StyledCopyableContentButtonProps) =>\n    $colorMode === CopyableContentColorMode.Dark ? '#6a7485' : '#c2c2c2';\n\nconst getButtonColor = ({ $colorMode }: StyledCopyableContentButtonProps) =>\n    $colorMode === CopyableContentColorMode.Dark ? '#f4f6f8' : '#999999';\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 ${getActionGroupBorder};\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: ${getActionGroupBackground};\n    color: ${getButtonColor};\n    box-shadow: ${({ $isSticky }) => ($isSticky ? '0 2px 8px rgba(0, 0, 0, 0.28)' : '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        border-color: ${getButtonHoverBorder};\n        background-color: ${getButtonHoverBackground};\n        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);\n    }\n\n    &:active {\n        background-color: ${getButtonActiveBackground};\n        transform: scale(0.94);\n    }\n\n    &:focus-visible {\n        outline: 2px solid currentColor;\n        outline-offset: 2px;\n    }\n`;\n\nexport const StyledCopyableContentTruncation = styled.div`\n    padding: 0 12px 12px;\n`;\n\ntype StyledCopyableContentBodyProps = WithTheme<{\n    $colorMode: CopyableContentColorMode;\n    $shouldShowPadding?: boolean;\n}>;\n\nconst getHeadlineColor = ({ $colorMode }: StyledCopyableContentBodyProps) =>\n    $colorMode === CopyableContentColorMode.Dark ? '#e5e5e5' : '#333333';\n\nconst getBlockquoteBorderColor = ({ $colorMode }: StyledCopyableContentBodyProps) =>\n    $colorMode === CopyableContentColorMode.Dark ? '#5a6474' : '#d4d4d4';\n\nconst getLinkColor = ({ $colorMode }: StyledCopyableContentBodyProps) =>\n    $colorMode === CopyableContentColorMode.Dark ? '#7cb3ff' : '#0066cc';\n\nexport const StyledCopyableContentBody = styled.div<StyledCopyableContentBodyProps>`\n    min-width: 0;\n    max-width: 100%;\n    overflow-wrap: anywhere;\n    padding: ${({ $shouldShowPadding = true }) => ($shouldShowPadding ? '0 12px 12px' : '0')};\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: ${getHeadlineColor};\n    }\n\n    ul,\n    ol {\n        padding-left: 24px;\n    }\n\n    blockquote {\n        padding-left: 12px;\n        border-left: 3px solid ${getBlockquoteBorderColor};\n    }\n\n    a {\n        color: ${getLinkColor};\n        overflow-wrap: anywhere;\n    }\n\n    > :last-child {\n        margin-bottom: 0;\n    }\n`;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/copyable-content/CopyableContent.test.js

@@ -7,6 +7,37 @@ var _CopyableContent = _interopRequireDefault(require("./CopyableContent"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 
+_vitest.vi.mock('@chayns-components/textstring', () => ({
+  Textstring: ({
+    textstring
+  }) => textstring.fallback,
+  TextstringProvider: ({
+    children
+  }) => children,
+  ttsToITextString: textstring => textstring,
+  useTextstringValue: ({
+    textstring
+  }) => textstring.fallback
+}));
+const resizeObserverCallbacks = [];
+class ResizeObserverMock {
+  constructor(callback) {
+    resizeObserverCallbacks.push(callback);
+  }
+  disconnect() {}
+  observe() {}
+  unobserve() {}
+}
+_vitest.vi.stubGlobal('ResizeObserver', ResizeObserverMock);
+const triggerResize = height => {
+  resizeObserverCallbacks.forEach(callback => {
+    callback([{
+      contentRect: {
+        height
+      }
+    }]);
+  });
+};
 _vitest.vi.mock('../icon/Icon', () => ({
   default: ({
     icons
@@ -88,14 +119,17 @@ const readBlob = blob => new Promise((resolve, reject) => {
     (0, _vitest.expect)(container.querySelector('[data-copy-action="false"]')).toBeInTheDocument();
     (0, _vitest.expect)(container.querySelector('[data-calling-code-action="false"]')).toBeInTheDocument();
   });
-  (0, _vitest.it)('supports collapsed content', () => {
+  (0, _vitest.it)('supports collapsed content', async () => {
     (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_CopyableContent.default, {
       collapsedHeight: 100,
       content: Array(20).fill('Long content').join('\n\n')
     }));
-    (0, _vitest.expect)(_react.screen.getByRole('button', {
-      name: 'Mehr anzeigen'
-    })).toBeInTheDocument();
+    triggerResize(240);
+    await (0, _react.waitFor)(() => {
+      (0, _vitest.expect)(_react.screen.getByRole('button', {
+        name: 'Mehr'
+      })).toBeInTheDocument();
+    });
   });
 });
 //# sourceMappingURL=CopyableContent.test.js.map

package/lib/cjs/components/copyable-content/CopyableContent.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyableContent.test.js","names":["_react","require","_react2","_interopRequireDefault","_vitest","_CopyableContent","e","__esModule","default","vi","mock","icons","createElement","join","children","shouldShowCallingCodeAction","shouldShowCopyAction","importOriginal","createDialog","fn","open","readBlob","blob","Promise","resolve","reject","reader","FileReader","onerror","error","onload","result","readAsText","describe","it","render","content","expect","screen","getByRole","name","toBeInTheDocument","toHaveAttribute","document","querySelector","not","write","spyOn","navigator","clipboard","mockResolvedValue","fireEvent","click","waitFor","toHaveBeenCalled","item","calls","getType","resolves","toBe","container","collapsedHeight","Array","fill"],"sources":["../../../../src/components/copyable-content/CopyableContent.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-call */\nimport { fireEvent, render, screen, waitFor } from '@testing-library/react';\nimport React from 'react';\nimport { describe, expect, it, vi } from 'vitest';\nimport CopyableContent from './CopyableContent';\n\nvi.mock('../icon/Icon', () => ({\n    default: ({ icons }: { icons: string[] }) => <span data-icons={icons.join(' ')} />,\n}));\n\nvi.mock('../sharing-context-menu/SharingContextMenu', () => ({\n    default: ({\n        children,\n        shouldShowCallingCodeAction,\n        shouldShowCopyAction,\n    }: {\n        children: React.ReactNode;\n        shouldShowCallingCodeAction?: boolean;\n        shouldShowCopyAction?: boolean;\n    }) => (\n        <div\n            data-calling-code-action={shouldShowCallingCodeAction}\n            data-copy-action={shouldShowCopyAction}\n        >\n            {children}\n        </div>\n    ),\n}));\n\nvi.mock('chayns-api', async (importOriginal) => ({\n    ...(await importOriginal<typeof import('chayns-api')>()),\n    createDialog: vi.fn(() => ({ open: vi.fn() })),\n}));\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('CopyableContent', () => {\n    it('renders formatted markdown without active input HTML', () => {\n        render(\n            <CopyableContent\n                content={\n                    '# Heading\\n\\n- Entry\\n\\n[Link](https://example.com)\\n<script onload=\"x\">bad</script>'\n                }\n            />,\n        );\n\n        expect(screen.getByRole('heading', { name: 'Heading' })).toBeInTheDocument();\n        expect(screen.getByRole('link', { name: 'Link' })).toHaveAttribute(\n            'href',\n            'https://example.com',\n        );\n        expect(document.querySelector('script')).not.toBeInTheDocument();\n        expect(document.querySelector('[onload]')).not.toBeInTheDocument();\n    });\n\n    it('copies content instead of custom children', async () => {\n        const write = vi.spyOn(navigator.clipboard, 'write').mockResolvedValue();\n        render(<CopyableContent content=\"source markdown\">Visible replacement</CopyableContent>);\n\n        fireEvent.click(screen.getByRole('button', { name: 'Kopieren' }));\n\n        await waitFor(() => expect(write).toHaveBeenCalled());\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 markdown');\n    });\n\n    it('shows a checkmark after a successful copy', async () => {\n        vi.spyOn(navigator.clipboard, 'write').mockResolvedValue();\n        const { container } = render(<CopyableContent content=\"source\" />);\n\n        fireEvent.click(screen.getByRole('button', { name: 'Kopieren' }));\n\n        await waitFor(() => {\n            expect(container.querySelector('[data-icons=\"fa fa-check\"]')).toBeInTheDocument();\n        });\n    });\n\n    it('offers sharing actions', () => {\n        const { container } = render(<CopyableContent content=\"source\" />);\n\n        expect(screen.getByRole('button', { name: 'Teilen' })).toBeInTheDocument();\n        expect(container.querySelector('[data-copy-action=\"false\"]')).toBeInTheDocument();\n        expect(container.querySelector('[data-calling-code-action=\"false\"]')).toBeInTheDocument();\n    });\n\n    it('supports collapsed content', () => {\n        render(\n            <CopyableContent\n                collapsedHeight={100}\n                content={Array(20).fill('Long content').join('\\n\\n')}\n            />,\n        );\n\n        expect(screen.getByRole('button', { name: 'Mehr anzeigen' })).toBeInTheDocument();\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CopyableContent.test.js","names":["_react","require","_react2","_interopRequireDefault","_vitest","_CopyableContent","e","__esModule","default","vi","mock","Textstring","textstring","fallback","TextstringProvider","children","ttsToITextString","useTextstringValue","resizeObserverCallbacks","ResizeObserverMock","constructor","callback","push","disconnect","observe","unobserve","stubGlobal","triggerResize","height","forEach","contentRect","icons","createElement","join","shouldShowCallingCodeAction","shouldShowCopyAction","importOriginal","createDialog","fn","open","readBlob","blob","Promise","resolve","reject","reader","FileReader","onerror","error","onload","result","readAsText","describe","it","render","content","expect","screen","getByRole","name","toBeInTheDocument","toHaveAttribute","document","querySelector","not","write","spyOn","navigator","clipboard","mockResolvedValue","fireEvent","click","waitFor","toHaveBeenCalled","item","calls","getType","resolves","toBe","container","collapsedHeight","Array","fill"],"sources":["../../../../src/components/copyable-content/CopyableContent.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-call */\nimport { fireEvent, render, screen, waitFor } from '@testing-library/react';\nimport React from 'react';\nimport { describe, expect, it, vi } from 'vitest';\nimport CopyableContent from './CopyableContent';\n\nvi.mock('@chayns-components/textstring', () => ({\n    Textstring: ({ textstring }: { textstring: { fallback: string } }) => textstring.fallback,\n    TextstringProvider: ({ children }: { children: React.ReactNode }) => children,\n    ttsToITextString: (textstring: { fallback: string }) => textstring,\n    useTextstringValue: ({ textstring }: { textstring: { fallback: string } }) =>\n        textstring.fallback,\n}));\n\ntype ResizeObserverCallback = (entries: ResizeObserverEntry[]) => void;\n\nconst resizeObserverCallbacks: ResizeObserverCallback[] = [];\n\nclass ResizeObserverMock {\n    constructor(callback: ResizeObserverCallback) {\n        resizeObserverCallbacks.push(callback);\n    }\n\n    disconnect() {}\n\n    observe() {}\n\n    unobserve() {}\n}\n\nvi.stubGlobal('ResizeObserver', ResizeObserverMock);\n\nconst triggerResize = (height: number) => {\n    resizeObserverCallbacks.forEach((callback) => {\n        callback([\n            {\n                contentRect: { height } as DOMRectReadOnly,\n            } as ResizeObserverEntry,\n        ]);\n    });\n};\n\nvi.mock('../icon/Icon', () => ({\n    default: ({ icons }: { icons: string[] }) => <span data-icons={icons.join(' ')} />,\n}));\n\nvi.mock('../sharing-context-menu/SharingContextMenu', () => ({\n    default: ({\n        children,\n        shouldShowCallingCodeAction,\n        shouldShowCopyAction,\n    }: {\n        children: React.ReactNode;\n        shouldShowCallingCodeAction?: boolean;\n        shouldShowCopyAction?: boolean;\n    }) => (\n        <div\n            data-calling-code-action={shouldShowCallingCodeAction}\n            data-copy-action={shouldShowCopyAction}\n        >\n            {children}\n        </div>\n    ),\n}));\n\nvi.mock('chayns-api', async (importOriginal) => ({\n    ...(await importOriginal<typeof import('chayns-api')>()),\n    createDialog: vi.fn(() => ({ open: vi.fn() })),\n}));\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('CopyableContent', () => {\n    it('renders formatted markdown without active input HTML', () => {\n        render(\n            <CopyableContent\n                content={\n                    '# Heading\\n\\n- Entry\\n\\n[Link](https://example.com)\\n<script onload=\"x\">bad</script>'\n                }\n            />,\n        );\n\n        expect(screen.getByRole('heading', { name: 'Heading' })).toBeInTheDocument();\n        expect(screen.getByRole('link', { name: 'Link' })).toHaveAttribute(\n            'href',\n            'https://example.com',\n        );\n        expect(document.querySelector('script')).not.toBeInTheDocument();\n        expect(document.querySelector('[onload]')).not.toBeInTheDocument();\n    });\n\n    it('copies content instead of custom children', async () => {\n        const write = vi.spyOn(navigator.clipboard, 'write').mockResolvedValue();\n        render(<CopyableContent content=\"source markdown\">Visible replacement</CopyableContent>);\n\n        fireEvent.click(screen.getByRole('button', { name: 'Kopieren' }));\n\n        await waitFor(() => expect(write).toHaveBeenCalled());\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 markdown');\n    });\n\n    it('shows a checkmark after a successful copy', async () => {\n        vi.spyOn(navigator.clipboard, 'write').mockResolvedValue();\n        const { container } = render(<CopyableContent content=\"source\" />);\n\n        fireEvent.click(screen.getByRole('button', { name: 'Kopieren' }));\n\n        await waitFor(() => {\n            expect(container.querySelector('[data-icons=\"fa fa-check\"]')).toBeInTheDocument();\n        });\n    });\n\n    it('offers sharing actions', () => {\n        const { container } = render(<CopyableContent content=\"source\" />);\n\n        expect(screen.getByRole('button', { name: 'Teilen' })).toBeInTheDocument();\n        expect(container.querySelector('[data-copy-action=\"false\"]')).toBeInTheDocument();\n        expect(container.querySelector('[data-calling-code-action=\"false\"]')).toBeInTheDocument();\n    });\n\n    it('supports collapsed content', async () => {\n        render(\n            <CopyableContent\n                collapsedHeight={100}\n                content={Array(20).fill('Long content').join('\\n\\n')}\n            />,\n        );\n\n        triggerResize(240);\n\n        await waitFor(() => {\n            expect(screen.getByRole('button', { name: 'Mehr' })).toBeInTheDocument();\n        });\n    });\n});\n"],"mappings":"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","ignoreList":[]}