@chayns-components/typewriter 5.0.0-beta.441 → 5.0.0-beta.443

package/lib/components/typewriter/Typewriter.js

@@ -1,23 +1,18 @@
-"use strict";
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { renderToString } from 'react-dom/server';
+import { StyledTypewriter, StyledTypewriterPseudoText, StyledTypewriterText } from './Typewriter.styles';
+import { getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TypewriterSpeed = exports.TypewriterResetDelay = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _server = require("react-dom/server");
-var _Typewriter = require("./Typewriter.styles");
-var _utils = require("./utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // noinspection JSUnusedGlobalSymbols
-let TypewriterResetDelay = exports.TypewriterResetDelay = /*#__PURE__*/function (TypewriterResetDelay) {
+export let TypewriterResetDelay = /*#__PURE__*/function (TypewriterResetDelay) {
   TypewriterResetDelay[TypewriterResetDelay["Slow"] = 4000] = "Slow";
   TypewriterResetDelay[TypewriterResetDelay["Medium"] = 2000] = "Medium";
   TypewriterResetDelay[TypewriterResetDelay["Fast"] = 1000] = "Fast";
   return TypewriterResetDelay;
-}({}); // noinspection JSUnusedGlobalSymbols
-let TypewriterSpeed = exports.TypewriterSpeed = /*#__PURE__*/function (TypewriterSpeed) {
+}({});
+
+// noinspection JSUnusedGlobalSymbols
+export let TypewriterSpeed = /*#__PURE__*/function (TypewriterSpeed) {
   TypewriterSpeed[TypewriterSpeed["Slow"] = 35] = "Slow";
   TypewriterSpeed[TypewriterSpeed["Medium"] = 25] = "Medium";
   TypewriterSpeed[TypewriterSpeed["Fast"] = 15] = "Fast";
@@ -37,41 +32,41 @@ const Typewriter = _ref => {
     speed = TypewriterSpeed.Medium,
     textStyle
   } = _ref;
-  const [currentChildrenIndex, setCurrentChildrenIndex] = (0, _react.useState)(0);
-  const sortedChildren = (0, _react.useMemo)(() => Array.isArray(children) && shouldSortChildrenRandomly ? (0, _utils.shuffleArray)(children) : children, [children, shouldSortChildrenRandomly]);
+  const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);
+  const sortedChildren = useMemo(() => Array.isArray(children) && shouldSortChildrenRandomly ? shuffleArray(children) : children, [children, shouldSortChildrenRandomly]);
   const areMultipleChildrenGiven = Array.isArray(sortedChildren);
   const childrenCount = areMultipleChildrenGiven ? sortedChildren.length : 1;
-  const textContent = (0, _react.useMemo)(() => {
+  const textContent = useMemo(() => {
     if (areMultipleChildrenGiven) {
       const currentChildren = sortedChildren[currentChildrenIndex];
       if (currentChildren) {
-        return /*#__PURE__*/_react.default.isValidElement(currentChildren) ? (0, _server.renderToString)(currentChildren) : currentChildren;
+        return /*#__PURE__*/React.isValidElement(currentChildren) ? renderToString(currentChildren) : currentChildren;
       }
       return '';
     }
-    return /*#__PURE__*/_react.default.isValidElement(sortedChildren) ? (0, _server.renderToString)(sortedChildren) : sortedChildren;
+    return /*#__PURE__*/React.isValidElement(sortedChildren) ? renderToString(sortedChildren) : sortedChildren;
   }, [areMultipleChildrenGiven, currentChildrenIndex, sortedChildren]);
-  const charactersCount = (0, _react.useMemo)(() => (0, _utils.getCharactersCount)(textContent), [textContent]);
-  const [isResetAnimationActive, setIsResetAnimationActive] = (0, _react.useState)(false);
-  const [shownCharCount, setShownCharCount] = (0, _react.useState)(charactersCount > 0 ? 0 : textContent.length);
-  const [shouldStopAnimation, setShouldStopAnimation] = (0, _react.useState)(false);
+  const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);
+  const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);
+  const [shownCharCount, setShownCharCount] = useState(charactersCount > 0 ? 0 : textContent.length);
+  const [shouldStopAnimation, setShouldStopAnimation] = useState(false);
   console.debug({
     charactersCount,
     textContent,
     shownCharCount
   });
-  const isAnimatingText = shownCharCount !== textContent.length || shouldForceCursorAnimation || areMultipleChildrenGiven || textContent.length === 0;
-  const handleClick = (0, _react.useCallback)(() => {
+  const isAnimatingText = shownCharCount < textContent.length || shouldForceCursorAnimation || areMultipleChildrenGiven || textContent.length === 0;
+  const handleClick = useCallback(() => {
     setShouldStopAnimation(true);
   }, []);
-  const handleSetNextChildrenIndex = (0, _react.useCallback)(() => setCurrentChildrenIndex(() => {
+  const handleSetNextChildrenIndex = useCallback(() => setCurrentChildrenIndex(() => {
     let newIndex = currentChildrenIndex + 1;
     if (newIndex > childrenCount - 1) {
       newIndex = 0;
     }
     return newIndex;
   }), [childrenCount, currentChildrenIndex]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     let interval;
     if (shouldStopAnimation || charactersCount === 0) {
       setShownCharCount(textContent.length);
@@ -123,45 +118,45 @@ const Typewriter = _ref => {
       window.clearInterval(interval);
     };
   }, [shouldStopAnimation, speed, textContent.length, charactersCount, isResetAnimationActive, areMultipleChildrenGiven, resetDelay, childrenCount, handleSetNextChildrenIndex, shouldUseResetAnimation]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (!isAnimatingText && typeof onFinish === 'function') {
       onFinish();
     }
   }, [isAnimatingText, onFinish]);
-  const shownText = (0, _react.useMemo)(() => (0, _utils.getSubTextFromHTML)(textContent, shownCharCount), [shownCharCount, textContent]);
-  const pseudoTextHTML = (0, _react.useMemo)(() => {
+  const shownText = useMemo(() => getSubTextFromHTML(textContent, shownCharCount), [shownCharCount, textContent]);
+  const pseudoTextHTML = useMemo(() => {
     if (pseudoChildren) {
-      const pseudoText = /*#__PURE__*/_react.default.isValidElement(pseudoChildren) ? (0, _server.renderToString)(pseudoChildren) : pseudoChildren;
+      const pseudoText = /*#__PURE__*/React.isValidElement(pseudoChildren) ? renderToString(pseudoChildren) : pseudoChildren;
       if (shouldUseAnimationHeight) {
-        return (0, _utils.getSubTextFromHTML)(pseudoText, shownCharCount);
+        return getSubTextFromHTML(pseudoText, shownCharCount);
       }
       return pseudoText;
     }
     if (shouldUseAnimationHeight && textContent) {
-      return (0, _utils.getSubTextFromHTML)(textContent, shownCharCount);
+      return getSubTextFromHTML(textContent, shownCharCount);
     }
     return textContent || '&#8203;';
   }, [pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent]);
-  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_Typewriter.StyledTypewriter, {
+  return useMemo(() => /*#__PURE__*/React.createElement(StyledTypewriter, {
     onClick: handleClick
-  }, isAnimatingText && /*#__PURE__*/_react.default.createElement(_Typewriter.StyledTypewriterText, {
+  }, isAnimatingText && /*#__PURE__*/React.createElement(StyledTypewriterText, {
     dangerouslySetInnerHTML: {
       __html: shownText
     },
     isAnimatingText: true,
     shouldHideCursor: shouldHideCursor,
     style: textStyle
-  }), /*#__PURE__*/_react.default.createElement(_Typewriter.StyledTypewriterText, {
+  }), /*#__PURE__*/React.createElement(StyledTypewriterText, {
     style: isAnimatingText ? {
       visibility: 'hidden',
       position: 'absolute'
     } : textStyle
-  }, sortedChildren), isAnimatingText && /*#__PURE__*/_react.default.createElement(_Typewriter.StyledTypewriterPseudoText, {
+  }, sortedChildren), isAnimatingText && /*#__PURE__*/React.createElement(StyledTypewriterPseudoText, {
     dangerouslySetInnerHTML: {
       __html: pseudoTextHTML
     }
   })), [handleClick, isAnimatingText, pseudoTextHTML, shouldHideCursor, shownText, sortedChildren, textStyle]);
 };
 Typewriter.displayName = 'Typewriter';
-var _default = exports.default = Typewriter;
+export default Typewriter;
 //# sourceMappingURL=Typewriter.js.map

package/lib/components/typewriter/Typewriter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.js","names":["_react","_interopRequireWildcard","require","_server","_Typewriter","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","TypewriterResetDelay","exports","TypewriterSpeed","Typewriter","_ref","children","onFinish","pseudoChildren","resetDelay","Medium","shouldForceCursorAnimation","shouldHideCursor","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","speed","textStyle","currentChildrenIndex","setCurrentChildrenIndex","useState","sortedChildren","useMemo","Array","isArray","shuffleArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","React","isValidElement","renderToString","charactersCount","getCharactersCount","isResetAnimationActive","setIsResetAnimationActive","shownCharCount","setShownCharCount","shouldStopAnimation","setShouldStopAnimation","console","debug","isAnimatingText","handleClick","useCallback","handleSetNextChildrenIndex","newIndex","useEffect","interval","window","setInterval","prevState","nextState","clearInterval","setTimeout","shownText","getSubTextFromHTML","pseudoTextHTML","pseudoText","createElement","StyledTypewriter","onClick","StyledTypewriterText","dangerouslySetInnerHTML","__html","style","visibility","position","StyledTypewriterPseudoText","displayName","_default"],"sources":["../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import React, { FC, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport { getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\n// noinspection JSUnusedGlobalSymbols\nexport enum TypewriterResetDelay {\n    Slow = 4000,\n    Medium = 2000,\n    Fast = 1000,\n}\n\n// noinspection JSUnusedGlobalSymbols\nexport enum TypewriterSpeed {\n    Slow = 35,\n    Medium = 25,\n    Fast = 15,\n}\n\nexport type TypewriterProps = {\n    /**\n     * The text to type\n     */\n    children: ReactElement | ReactElement[] | string | string[];\n    /**\n     * Function that is executed when the typewriter animation has finished. This function will not\n     * be executed if multiple texts are used.\n     */\n    onFinish?: VoidFunction;\n    /**\n     * Pseudo-element to be rendered invisible during animation to define the size of the element\n     * for the typewriter effect. By default, the \"children\" is used for this purpose.\n     */\n    pseudoChildren?: ReactElement | string;\n    /**\n     * Waiting time before the typewriter resets the content if multiple texts are given\n     */\n    resetDelay?: TypewriterResetDelay;\n    /**\n     * Specifies whether the cursor should be forced to animate even if no text is currently animated.\n     */\n    shouldForceCursorAnimation?: boolean;\n    /**\n     * Specifies whether the cursor should be hidden\n     */\n    shouldHideCursor?: boolean;\n    /**\n     * Specifies whether the children should be sorted randomly if there are multiple texts.\n     * This makes the typewriter start with a different text each time and also changes them\n     * in a random order.\n     */\n    shouldSortChildrenRandomly?: boolean;\n    /**\n     * Specifies whether the animation should use its full height or the height of the current\n     * chunk.\n     */\n    shouldUseAnimationHeight?: boolean;\n    /**\n     * Specifies whether the reset of the text should be animated with a backspace animation for\n     * multiple texts.\n     */\n    shouldUseResetAnimation?: boolean;\n    /**\n     * The speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    speed?: TypewriterSpeed | number;\n    /**\n     * The style of the typewriter text element\n     */\n    textStyle?: React.CSSProperties;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n    children,\n    onFinish,\n    pseudoChildren,\n    resetDelay = TypewriterResetDelay.Medium,\n    shouldForceCursorAnimation = false,\n    shouldHideCursor = false,\n    shouldSortChildrenRandomly = false,\n    shouldUseAnimationHeight = false,\n    shouldUseResetAnimation = false,\n    speed = TypewriterSpeed.Medium,\n    textStyle,\n}) => {\n    const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);\n\n    const sortedChildren = useMemo(\n        () =>\n            Array.isArray(children) && shouldSortChildrenRandomly\n                ? shuffleArray<ReactElement | string>(children)\n                : children,\n        [children, shouldSortChildrenRandomly],\n    );\n\n    const areMultipleChildrenGiven = Array.isArray(sortedChildren);\n    const childrenCount = areMultipleChildrenGiven ? sortedChildren.length : 1;\n\n    const textContent = useMemo(() => {\n        if (areMultipleChildrenGiven) {\n            const currentChildren = sortedChildren[currentChildrenIndex];\n\n            if (currentChildren) {\n                return React.isValidElement(currentChildren)\n                    ? renderToString(currentChildren)\n                    : (currentChildren as string);\n            }\n\n            return '';\n        }\n\n        return React.isValidElement(sortedChildren)\n            ? renderToString(sortedChildren)\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, sortedChildren]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n\n    console.debug({ charactersCount, textContent, shownCharCount });\n\n    const isAnimatingText =\n        shownCharCount !== textContent.length ||\n        shouldForceCursorAnimation ||\n        areMultipleChildrenGiven ||\n        textContent.length === 0;\n\n    const handleClick = useCallback(() => {\n        setShouldStopAnimation(true);\n    }, []);\n\n    const handleSetNextChildrenIndex = useCallback(\n        () =>\n            setCurrentChildrenIndex(() => {\n                let newIndex = currentChildrenIndex + 1;\n\n                if (newIndex > childrenCount - 1) {\n                    newIndex = 0;\n                }\n\n                return newIndex;\n            }),\n        [childrenCount, currentChildrenIndex],\n    );\n\n    useEffect(() => {\n        let interval: number | undefined;\n\n        if (shouldStopAnimation || charactersCount === 0) {\n            setShownCharCount(textContent.length);\n        } else if (isResetAnimationActive) {\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    const nextState = prevState - 1;\n\n                    if (nextState === 0) {\n                        window.clearInterval(interval);\n\n                        if (areMultipleChildrenGiven) {\n                            setTimeout(() => {\n                                setIsResetAnimationActive(false);\n                                handleSetNextChildrenIndex();\n                            }, resetDelay);\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, speed);\n        } else {\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    let nextState = prevState + 1;\n\n                    if (nextState === charactersCount) {\n                        window.clearInterval(interval);\n\n                        /**\n                         * At this point, the next value for \"shownCharCount\" is deliberately set to\n                         * the length of the textContent in order to correctly display HTML elements\n                         * after the last letter.\n                         */\n                        nextState = textContent.length;\n\n                        if (areMultipleChildrenGiven) {\n                            setTimeout(() => {\n                                if (shouldUseResetAnimation) {\n                                    setIsResetAnimationActive(true);\n                                } else {\n                                    setShownCharCount(0);\n                                    setTimeout(handleSetNextChildrenIndex, resetDelay / 2);\n                                }\n                            }, resetDelay);\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, speed);\n        }\n\n        return () => {\n            window.clearInterval(interval);\n        };\n    }, [\n        shouldStopAnimation,\n        speed,\n        textContent.length,\n        charactersCount,\n        isResetAnimationActive,\n        areMultipleChildrenGiven,\n        resetDelay,\n        childrenCount,\n        handleSetNextChildrenIndex,\n        shouldUseResetAnimation,\n    ]);\n\n    useEffect(() => {\n        if (!isAnimatingText && typeof onFinish === 'function') {\n            onFinish();\n        }\n    }, [isAnimatingText, onFinish]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent],\n    );\n\n    const pseudoTextHTML = useMemo(() => {\n        if (pseudoChildren) {\n            const pseudoText = React.isValidElement(pseudoChildren)\n                ? renderToString(pseudoChildren)\n                : (pseudoChildren as string);\n\n            if (shouldUseAnimationHeight) {\n                return getSubTextFromHTML(pseudoText, shownCharCount);\n            }\n\n            return pseudoText;\n        }\n\n        if (shouldUseAnimationHeight && textContent) {\n            return getSubTextFromHTML(textContent, shownCharCount);\n        }\n\n        return textContent || '&#8203;';\n    }, [pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent]);\n\n    return useMemo(\n        () => (\n            <StyledTypewriter onClick={handleClick}>\n                {isAnimatingText && (\n                    <StyledTypewriterText\n                        dangerouslySetInnerHTML={{ __html: shownText }}\n                        isAnimatingText\n                        shouldHideCursor={shouldHideCursor}\n                        style={textStyle}\n                    />\n                )}\n                <StyledTypewriterText\n                    style={\n                        isAnimatingText ? { visibility: 'hidden', position: 'absolute' } : textStyle\n                    }\n                >\n                    {sortedChildren}\n                </StyledTypewriterText>\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                    />\n                )}\n            </StyledTypewriter>\n        ),\n        [\n            handleClick,\n            isAnimatingText,\n            pseudoTextHTML,\n            shouldHideCursor,\n            shownText,\n            sortedChildren,\n            textStyle,\n        ],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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"}
+{"version":3,"file":"Typewriter.js","names":["React","useCallback","useEffect","useMemo","useState","renderToString","StyledTypewriter","StyledTypewriterPseudoText","StyledTypewriterText","getCharactersCount","getSubTextFromHTML","shuffleArray","TypewriterResetDelay","TypewriterSpeed","Typewriter","_ref","children","onFinish","pseudoChildren","resetDelay","Medium","shouldForceCursorAnimation","shouldHideCursor","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","speed","textStyle","currentChildrenIndex","setCurrentChildrenIndex","sortedChildren","Array","isArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","isValidElement","charactersCount","isResetAnimationActive","setIsResetAnimationActive","shownCharCount","setShownCharCount","shouldStopAnimation","setShouldStopAnimation","console","debug","isAnimatingText","handleClick","handleSetNextChildrenIndex","newIndex","interval","window","setInterval","prevState","nextState","clearInterval","setTimeout","shownText","pseudoTextHTML","pseudoText","createElement","onClick","dangerouslySetInnerHTML","__html","style","visibility","position","displayName"],"sources":["../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import React, { FC, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport { getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\n// noinspection JSUnusedGlobalSymbols\nexport enum TypewriterResetDelay {\n    Slow = 4000,\n    Medium = 2000,\n    Fast = 1000,\n}\n\n// noinspection JSUnusedGlobalSymbols\nexport enum TypewriterSpeed {\n    Slow = 35,\n    Medium = 25,\n    Fast = 15,\n}\n\nexport type TypewriterProps = {\n    /**\n     * The text to type\n     */\n    children: ReactElement | ReactElement[] | string | string[];\n    /**\n     * Function that is executed when the typewriter animation has finished. This function will not\n     * be executed if multiple texts are used.\n     */\n    onFinish?: VoidFunction;\n    /**\n     * Pseudo-element to be rendered invisible during animation to define the size of the element\n     * for the typewriter effect. By default, the \"children\" is used for this purpose.\n     */\n    pseudoChildren?: ReactElement | string;\n    /**\n     * Waiting time before the typewriter resets the content if multiple texts are given\n     */\n    resetDelay?: TypewriterResetDelay;\n    /**\n     * Specifies whether the cursor should be forced to animate even if no text is currently animated.\n     */\n    shouldForceCursorAnimation?: boolean;\n    /**\n     * Specifies whether the cursor should be hidden\n     */\n    shouldHideCursor?: boolean;\n    /**\n     * Specifies whether the children should be sorted randomly if there are multiple texts.\n     * This makes the typewriter start with a different text each time and also changes them\n     * in a random order.\n     */\n    shouldSortChildrenRandomly?: boolean;\n    /**\n     * Specifies whether the animation should use its full height or the height of the current\n     * chunk.\n     */\n    shouldUseAnimationHeight?: boolean;\n    /**\n     * Specifies whether the reset of the text should be animated with a backspace animation for\n     * multiple texts.\n     */\n    shouldUseResetAnimation?: boolean;\n    /**\n     * The speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    speed?: TypewriterSpeed | number;\n    /**\n     * The style of the typewriter text element\n     */\n    textStyle?: React.CSSProperties;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n    children,\n    onFinish,\n    pseudoChildren,\n    resetDelay = TypewriterResetDelay.Medium,\n    shouldForceCursorAnimation = false,\n    shouldHideCursor = false,\n    shouldSortChildrenRandomly = false,\n    shouldUseAnimationHeight = false,\n    shouldUseResetAnimation = false,\n    speed = TypewriterSpeed.Medium,\n    textStyle,\n}) => {\n    const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);\n\n    const sortedChildren = useMemo(\n        () =>\n            Array.isArray(children) && shouldSortChildrenRandomly\n                ? shuffleArray<ReactElement | string>(children)\n                : children,\n        [children, shouldSortChildrenRandomly],\n    );\n\n    const areMultipleChildrenGiven = Array.isArray(sortedChildren);\n    const childrenCount = areMultipleChildrenGiven ? sortedChildren.length : 1;\n\n    const textContent = useMemo(() => {\n        if (areMultipleChildrenGiven) {\n            const currentChildren = sortedChildren[currentChildrenIndex];\n\n            if (currentChildren) {\n                return React.isValidElement(currentChildren)\n                    ? renderToString(currentChildren)\n                    : (currentChildren as string);\n            }\n\n            return '';\n        }\n\n        return React.isValidElement(sortedChildren)\n            ? renderToString(sortedChildren)\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, sortedChildren]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n\n    console.debug({ charactersCount, textContent, shownCharCount });\n\n    const isAnimatingText =\n        shownCharCount < textContent.length ||\n        shouldForceCursorAnimation ||\n        areMultipleChildrenGiven ||\n        textContent.length === 0;\n\n    const handleClick = useCallback(() => {\n        setShouldStopAnimation(true);\n    }, []);\n\n    const handleSetNextChildrenIndex = useCallback(\n        () =>\n            setCurrentChildrenIndex(() => {\n                let newIndex = currentChildrenIndex + 1;\n\n                if (newIndex > childrenCount - 1) {\n                    newIndex = 0;\n                }\n\n                return newIndex;\n            }),\n        [childrenCount, currentChildrenIndex],\n    );\n\n    useEffect(() => {\n        let interval: number | undefined;\n\n        if (shouldStopAnimation || charactersCount === 0) {\n            setShownCharCount(textContent.length);\n        } else if (isResetAnimationActive) {\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    const nextState = prevState - 1;\n\n                    if (nextState === 0) {\n                        window.clearInterval(interval);\n\n                        if (areMultipleChildrenGiven) {\n                            setTimeout(() => {\n                                setIsResetAnimationActive(false);\n                                handleSetNextChildrenIndex();\n                            }, resetDelay);\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, speed);\n        } else {\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    let nextState = prevState + 1;\n\n                    if (nextState === charactersCount) {\n                        window.clearInterval(interval);\n\n                        /**\n                         * At this point, the next value for \"shownCharCount\" is deliberately set to\n                         * the length of the textContent in order to correctly display HTML elements\n                         * after the last letter.\n                         */\n                        nextState = textContent.length;\n\n                        if (areMultipleChildrenGiven) {\n                            setTimeout(() => {\n                                if (shouldUseResetAnimation) {\n                                    setIsResetAnimationActive(true);\n                                } else {\n                                    setShownCharCount(0);\n                                    setTimeout(handleSetNextChildrenIndex, resetDelay / 2);\n                                }\n                            }, resetDelay);\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, speed);\n        }\n\n        return () => {\n            window.clearInterval(interval);\n        };\n    }, [\n        shouldStopAnimation,\n        speed,\n        textContent.length,\n        charactersCount,\n        isResetAnimationActive,\n        areMultipleChildrenGiven,\n        resetDelay,\n        childrenCount,\n        handleSetNextChildrenIndex,\n        shouldUseResetAnimation,\n    ]);\n\n    useEffect(() => {\n        if (!isAnimatingText && typeof onFinish === 'function') {\n            onFinish();\n        }\n    }, [isAnimatingText, onFinish]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent],\n    );\n\n    const pseudoTextHTML = useMemo(() => {\n        if (pseudoChildren) {\n            const pseudoText = React.isValidElement(pseudoChildren)\n                ? renderToString(pseudoChildren)\n                : (pseudoChildren as string);\n\n            if (shouldUseAnimationHeight) {\n                return getSubTextFromHTML(pseudoText, shownCharCount);\n            }\n\n            return pseudoText;\n        }\n\n        if (shouldUseAnimationHeight && textContent) {\n            return getSubTextFromHTML(textContent, shownCharCount);\n        }\n\n        return textContent || '&#8203;';\n    }, [pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent]);\n\n    return useMemo(\n        () => (\n            <StyledTypewriter onClick={handleClick}>\n                {isAnimatingText && (\n                    <StyledTypewriterText\n                        dangerouslySetInnerHTML={{ __html: shownText }}\n                        isAnimatingText\n                        shouldHideCursor={shouldHideCursor}\n                        style={textStyle}\n                    />\n                )}\n                <StyledTypewriterText\n                    style={\n                        isAnimatingText ? { visibility: 'hidden', position: 'absolute' } : textStyle\n                    }\n                >\n                    {sortedChildren}\n                </StyledTypewriterText>\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                    />\n                )}\n            </StyledTypewriter>\n        ),\n        [\n            handleClick,\n            isAnimatingText,\n            pseudoTextHTML,\n            shouldHideCursor,\n            shownText,\n            sortedChildren,\n            textStyle,\n        ],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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"}

package/lib/components/typewriter/Typewriter.styles.js

@@ -1,29 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledTypewriterText = exports.StyledTypewriterPseudoText = exports.StyledTypewriter = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledTypewriter = exports.StyledTypewriter = _styledComponents.default.div`
+import styled, { css, keyframes } from 'styled-components';
+export const StyledTypewriter = styled.div`
     align-items: inherit;
     display: flex;
     position: relative;
     width: 100%;
 `;
-const blinkAnimation = (0, _styledComponents.keyframes)`
+const blinkAnimation = keyframes`
   100% {
     visibility: hidden;
   }
 `;
-const StyledTypewriterPseudoText = exports.StyledTypewriterPseudoText = _styledComponents.default.span`
+export const StyledTypewriterPseudoText = styled.span`
     opacity: 0;
     pointer-events: none;
     user-select: none;
 `;
-const StyledTypewriterText = exports.StyledTypewriterText = _styledComponents.default.span`
+export const StyledTypewriterText = styled.span`
     color: inherit;
     position: ${_ref => {
   let {
@@ -38,7 +30,7 @@ const StyledTypewriterText = exports.StyledTypewriterText = _styledComponents.de
     isAnimatingText,
     shouldHideCursor
   } = _ref2;
-  return isAnimatingText && !shouldHideCursor && (0, _styledComponents.css)`
+  return isAnimatingText && !shouldHideCursor && css`
             &:after {
                 animation: ${blinkAnimation} 1s steps(5, start) infinite;
                 color: ${_ref3 => {

package/lib/components/typewriter/Typewriter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledTypewriter","exports","styled","div","blinkAnimation","keyframes","StyledTypewriterPseudoText","span","StyledTypewriterText","_ref","isAnimatingText","_ref2","shouldHideCursor","css","_ref3","theme","text"],"sources":["../../../src/components/typewriter/Typewriter.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled, { css, keyframes } from 'styled-components';\n\nexport const StyledTypewriter = styled.div`\n    align-items: inherit;\n    display: flex;\n    position: relative;\n    width: 100%;\n`;\n\nconst blinkAnimation = keyframes`\n  100% {\n    visibility: hidden;\n  }\n`;\n\nexport const StyledTypewriterPseudoText = styled.span`\n    opacity: 0;\n    pointer-events: none;\n    user-select: none;\n`;\n\ntype StyledTypewriterTextProps = WithTheme<{\n    isAnimatingText?: boolean;\n    shouldHideCursor?: boolean;\n}>;\n\nexport const StyledTypewriterText = styled.span<StyledTypewriterTextProps>`\n    color: inherit;\n    position: ${({ isAnimatingText }) => (isAnimatingText ? 'absolute' : 'relative')};\n    width: 100%;\n\n    ${({ isAnimatingText, shouldHideCursor }) =>\n        isAnimatingText &&\n        !shouldHideCursor &&\n        css`\n            &:after {\n                animation: ${blinkAnimation} 1s steps(5, start) infinite;\n                color: ${({ theme }: StyledTypewriterTextProps) => theme.text};\n                content: '▋';\n                margin-left: 0.25rem;\n                opacity: 0.85;\n                position: absolute;\n                vertical-align: baseline;\n            }\n        `}\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2D,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEpD,MAAMY,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAI;AAC3C;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,cAAc,GAAG,IAAAC,2BAAS,CAAC;AACjC;AACA;AACA;AACA,CAAC;AAEM,MAAMC,0BAA0B,GAAAL,OAAA,CAAAK,0BAAA,GAAGJ,yBAAM,CAACK,IAAK;AACtD;AACA;AACA;AACA,CAAC;AAOM,MAAMC,oBAAoB,GAAAP,OAAA,CAAAO,oBAAA,GAAGN,yBAAM,CAACK,IAAgC;AAC3E;AACA,gBAAgBE,IAAA;EAAA,IAAC;IAAEC;EAAgB,CAAC,GAAAD,IAAA;EAAA,OAAMC,eAAe,GAAG,UAAU,GAAG,UAAU;AAAA,CAAE;AACrF;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAED,eAAe;IAAEE;EAAiB,CAAC,GAAAD,KAAA;EAAA,OACpCD,eAAe,IACf,CAACE,gBAAgB,IACjB,IAAAC,qBAAG,CAAC;AACZ;AACA,6BAA6BT,cAAe;AAC5C,yBAAyBU,KAAA;IAAA,IAAC;MAAEC;IAAiC,CAAC,GAAAD,KAAA;IAAA,OAAKC,KAAK,CAACC,IAAI;EAAA,CAAC;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AAAA,CAAC;AACV,CAAC"}
+{"version":3,"file":"Typewriter.styles.js","names":["styled","css","keyframes","StyledTypewriter","div","blinkAnimation","StyledTypewriterPseudoText","span","StyledTypewriterText","_ref","isAnimatingText","_ref2","shouldHideCursor","_ref3","theme","text"],"sources":["../../../src/components/typewriter/Typewriter.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled, { css, keyframes } from 'styled-components';\n\nexport const StyledTypewriter = styled.div`\n    align-items: inherit;\n    display: flex;\n    position: relative;\n    width: 100%;\n`;\n\nconst blinkAnimation = keyframes`\n  100% {\n    visibility: hidden;\n  }\n`;\n\nexport const StyledTypewriterPseudoText = styled.span`\n    opacity: 0;\n    pointer-events: none;\n    user-select: none;\n`;\n\ntype StyledTypewriterTextProps = WithTheme<{\n    isAnimatingText?: boolean;\n    shouldHideCursor?: boolean;\n}>;\n\nexport const StyledTypewriterText = styled.span<StyledTypewriterTextProps>`\n    color: inherit;\n    position: ${({ isAnimatingText }) => (isAnimatingText ? 'absolute' : 'relative')};\n    width: 100%;\n\n    ${({ isAnimatingText, shouldHideCursor }) =>\n        isAnimatingText &&\n        !shouldHideCursor &&\n        css`\n            &:after {\n                animation: ${blinkAnimation} 1s steps(5, start) infinite;\n                color: ${({ theme }: StyledTypewriterTextProps) => theme.text};\n                content: '▋';\n                margin-left: 0.25rem;\n                opacity: 0.85;\n                position: absolute;\n                vertical-align: baseline;\n            }\n        `}\n`;\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAE1D,OAAO,MAAMC,gBAAgB,GAAGH,MAAM,CAACI,GAAI;AAC3C;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,cAAc,GAAGH,SAAU;AACjC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,0BAA0B,GAAGN,MAAM,CAACO,IAAK;AACtD;AACA;AACA;AACA,CAAC;AAOD,OAAO,MAAMC,oBAAoB,GAAGR,MAAM,CAACO,IAAgC;AAC3E;AACA,gBAAgBE,IAAA;EAAA,IAAC;IAAEC;EAAgB,CAAC,GAAAD,IAAA;EAAA,OAAMC,eAAe,GAAG,UAAU,GAAG,UAAU;AAAA,CAAE;AACrF;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAED,eAAe;IAAEE;EAAiB,CAAC,GAAAD,KAAA;EAAA,OACpCD,eAAe,IACf,CAACE,gBAAgB,IACjBX,GAAI;AACZ;AACA,6BAA6BI,cAAe;AAC5C,yBAAyBQ,KAAA;IAAA,IAAC;MAAEC;IAAiC,CAAC,GAAAD,KAAA;IAAA,OAAKC,KAAK,CAACC,IAAI;EAAA,CAAC;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AAAA,CAAC;AACV,CAAC"}

package/lib/components/typewriter/utils.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shuffleArray = exports.getSubTextFromHTML = exports.getCharactersCount = void 0;
 /**
  * This function extracts a part of the text from an HTML text. The HTML elements themselves are
  * returned in the result. In addition, the function ensures that the closing tag of the Bold HTML
@@ -14,7 +8,7 @@ exports.shuffleArray = exports.getSubTextFromHTML = exports.getCharactersCount =
  *
  * @return string - The text part with the specified length - additionally the HTML elements are added
  */
-const getSubTextFromHTML = (html, length) => {
+export const getSubTextFromHTML = (html, length) => {
   const div = document.createElement('div');
   div.innerHTML = html;
   let text = '';
@@ -58,8 +52,7 @@ const getSubTextFromHTML = (html, length) => {
   }
   return text;
 };
-exports.getSubTextFromHTML = getSubTextFromHTML;
-const getCharactersCount = html => {
+export const getCharactersCount = html => {
   const div = document.createElement('div');
   div.innerHTML = html;
   let count = 0;
@@ -77,8 +70,7 @@ const getCharactersCount = html => {
   Array.from(div.childNodes).forEach(traverse);
   return count;
 };
-exports.getCharactersCount = getCharactersCount;
-const shuffleArray = array => {
+export const shuffleArray = array => {
   const result = Array.from(array);
   for (let i = result.length - 1; i > 0; i--) {
     const j = Math.floor(Math.random() * (i + 1));
@@ -86,5 +78,4 @@ const shuffleArray = array => {
   }
   return result;
 };
-exports.shuffleArray = shuffleArray;
 //# sourceMappingURL=utils.js.map

package/lib/components/typewriter/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["getSubTextFromHTML","html","length","div","document","createElement","innerHTML","text","currLength","traverse","element","nodeType","textContent","nodeText","substring","nodeName","toLowerCase","attributes","attribute","name","value","i","childNodes","childNode","exports","getCharactersCount","count","node","trim","Array","from","forEach","shuffleArray","array","result","j","Math","floor","random"],"sources":["../../../src/components/typewriter/utils.ts"],"sourcesContent":["/**\n * This function extracts a part of the text from an HTML text. The HTML elements themselves are\n * returned in the result. In addition, the function ensures that the closing tag of the Bold HTML\n * element is also returned for text that is cut off in the middle of a Bold element, for example.\n *\n * @param html - The text from which a part should be taken\n * @param length - The length of the text to be extracted\n *\n * @return string - The text part with the specified length - additionally the HTML elements are added\n */\nexport const getSubTextFromHTML = (html: string, length: number): string => {\n    const div = document.createElement('div');\n\n    div.innerHTML = html;\n\n    let text = '';\n    let currLength = 0;\n\n    const traverse = (element: Element): boolean => {\n        if (element.nodeType === 3 && typeof element.textContent === 'string') {\n            const nodeText = element.textContent;\n\n            if (currLength + nodeText.length <= length) {\n                text += nodeText;\n                currLength += nodeText.length;\n            } else {\n                text += nodeText.substring(0, length - currLength);\n\n                return false;\n            }\n        } else if (element.nodeType === 1) {\n            const nodeName = element.nodeName.toLowerCase();\n\n            let attributes = '';\n\n            // @ts-expect-error: Type is correct here\n            // eslint-disable-next-line no-restricted-syntax\n            for (const attribute of element.attributes) {\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,@typescript-eslint/restrict-template-expressions\n                attributes += ` ${attribute.name}=\"${attribute.value}\"`;\n            }\n\n            text += `<${nodeName}${attributes}>`;\n\n            for (let i = 0; i < element.childNodes.length; i++) {\n                const childNode = element.childNodes[i];\n\n                if (childNode && !traverse(childNode as Element)) {\n                    return false;\n                }\n            }\n\n            text += `</${nodeName}>`;\n        }\n\n        return true;\n    };\n\n    for (let i = 0; i < div.childNodes.length; i++) {\n        const childNode = div.childNodes[i];\n\n        if (childNode && !traverse(childNode as Element)) {\n            return text;\n        }\n    }\n\n    return text;\n};\n\nexport const getCharactersCount = (html: string): number => {\n    const div = document.createElement('div');\n\n    div.innerHTML = html;\n\n    let count = 0;\n\n    const traverse = (node: Node): void => {\n        if (node.nodeType === 3 && typeof node.textContent === 'string') {\n            count += node.textContent.trim().length;\n        } else if (node.nodeType === 1) {\n            if (node.nodeName === 'CODE' && node.textContent !== null) {\n                count += node.textContent.length;\n\n                return;\n            }\n\n            Array.from(node.childNodes).forEach(traverse);\n        }\n    };\n\n    Array.from(div.childNodes).forEach(traverse);\n\n    return count;\n};\n\nexport const shuffleArray = <T>(array: T[]): T[] => {\n    const result = Array.from(array);\n\n    for (let i = result.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n\n        [result[i], result[j]] = [result[j]!, result[i]!];\n    }\n\n    return result;\n};\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["getSubTextFromHTML","html","length","div","document","createElement","innerHTML","text","currLength","traverse","element","nodeType","textContent","nodeText","substring","nodeName","toLowerCase","attributes","attribute","name","value","i","childNodes","childNode","getCharactersCount","count","node","trim","Array","from","forEach","shuffleArray","array","result","j","Math","floor","random"],"sources":["../../../src/components/typewriter/utils.ts"],"sourcesContent":["/**\n * This function extracts a part of the text from an HTML text. The HTML elements themselves are\n * returned in the result. In addition, the function ensures that the closing tag of the Bold HTML\n * element is also returned for text that is cut off in the middle of a Bold element, for example.\n *\n * @param html - The text from which a part should be taken\n * @param length - The length of the text to be extracted\n *\n * @return string - The text part with the specified length - additionally the HTML elements are added\n */\nexport const getSubTextFromHTML = (html: string, length: number): string => {\n    const div = document.createElement('div');\n\n    div.innerHTML = html;\n\n    let text = '';\n    let currLength = 0;\n\n    const traverse = (element: Element): boolean => {\n        if (element.nodeType === 3 && typeof element.textContent === 'string') {\n            const nodeText = element.textContent;\n\n            if (currLength + nodeText.length <= length) {\n                text += nodeText;\n                currLength += nodeText.length;\n            } else {\n                text += nodeText.substring(0, length - currLength);\n\n                return false;\n            }\n        } else if (element.nodeType === 1) {\n            const nodeName = element.nodeName.toLowerCase();\n\n            let attributes = '';\n\n            // @ts-expect-error: Type is correct here\n            // eslint-disable-next-line no-restricted-syntax\n            for (const attribute of element.attributes) {\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,@typescript-eslint/restrict-template-expressions\n                attributes += ` ${attribute.name}=\"${attribute.value}\"`;\n            }\n\n            text += `<${nodeName}${attributes}>`;\n\n            for (let i = 0; i < element.childNodes.length; i++) {\n                const childNode = element.childNodes[i];\n\n                if (childNode && !traverse(childNode as Element)) {\n                    return false;\n                }\n            }\n\n            text += `</${nodeName}>`;\n        }\n\n        return true;\n    };\n\n    for (let i = 0; i < div.childNodes.length; i++) {\n        const childNode = div.childNodes[i];\n\n        if (childNode && !traverse(childNode as Element)) {\n            return text;\n        }\n    }\n\n    return text;\n};\n\nexport const getCharactersCount = (html: string): number => {\n    const div = document.createElement('div');\n\n    div.innerHTML = html;\n\n    let count = 0;\n\n    const traverse = (node: Node): void => {\n        if (node.nodeType === 3 && typeof node.textContent === 'string') {\n            count += node.textContent.trim().length;\n        } else if (node.nodeType === 1) {\n            if (node.nodeName === 'CODE' && node.textContent !== null) {\n                count += node.textContent.length;\n\n                return;\n            }\n\n            Array.from(node.childNodes).forEach(traverse);\n        }\n    };\n\n    Array.from(div.childNodes).forEach(traverse);\n\n    return count;\n};\n\nexport const shuffleArray = <T>(array: T[]): T[] => {\n    const result = Array.from(array);\n\n    for (let i = result.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n\n        [result[i], result[j]] = [result[j]!, result[i]!];\n    }\n\n    return result;\n};\n"],"mappings":"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"}

package/lib/index.js

@@ -1,21 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Typewriter", {
-  enumerable: true,
-  get: function () {
-    return _Typewriter.default;
-  }
-});
-Object.defineProperty(exports, "TypewriterSpeed", {
-  enumerable: true,
-  get: function () {
-    return _Typewriter.TypewriterSpeed;
-  }
-});
-var _Typewriter = _interopRequireWildcard(require("./components/typewriter/Typewriter"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+export { default as Typewriter, TypewriterSpeed } from './components/typewriter/Typewriter';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Typewriter","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set"],"sources":["../src/index.ts"],"sourcesContent":["export { default as Typewriter, TypewriterSpeed } from './components/typewriter/Typewriter';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA4F,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA"}
+{"version":3,"file":"index.js","names":["default","Typewriter","TypewriterSpeed"],"sources":["../src/index.ts"],"sourcesContent":["export { default as Typewriter, TypewriterSpeed } from './components/typewriter/Typewriter';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,EAAEC,eAAe,QAAQ,oCAAoC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/typewriter",
-    "version": "5.0.0-beta.441",
+    "version": "5.0.0-beta.443",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -33,24 +33,24 @@
         "url": "https://github.com/TobitSoftware/chayns-components/issues"
     },
     "devDependencies": {
-        "@babel/cli": "^7.23.4",
-        "@babel/core": "^7.23.7",
-        "@babel/preset-env": "^7.23.8",
+        "@babel/cli": "^7.23.9",
+        "@babel/core": "^7.23.9",
+        "@babel/preset-env": "^7.23.9",
         "@babel/preset-react": "^7.23.3",
         "@babel/preset-typescript": "^7.23.3",
-        "@types/react": "^18.2.48",
-        "@types/react-dom": "^18.2.18",
+        "@types/react": "^18.2.55",
+        "@types/react-dom": "^18.2.19",
         "@types/styled-components": "^5.1.34",
-        "@types/uuid": "^9.0.7",
+        "@types/uuid": "^9.0.8",
         "babel-loader": "^9.1.3",
-        "lerna": "^8.0.2",
+        "lerna": "^8.1.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "styled-components": "^6.1.8",
         "typescript": "^5.3.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.441"
+        "@chayns-components/core": "^5.0.0-beta.443"
     },
     "peerDependencies": {
         "chayns-api": ">=1.0.50",
@@ -62,5 +62,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d9b7d5cebd42707113634c1d54151306f6236d8f"
+    "gitHead": "3f3e8b424de86b8597fd4670766a496a767ee1ba"
 }