@chayns-components/typewriter 5.0.0-beta.315 → 5.0.0-beta.317

package/lib/components/typewriter/Typewriter.d.ts

@@ -32,6 +32,10 @@ export type TypewriterProps = {
      * Specifies whether the cursor should be forced to animate even if no text is currently animated.
      */
     shouldForceCursorAnimation?: boolean;
+    /**
+     * Specifies whether the cursor should be hidden
+     */
+    shouldHideCursor?: boolean;
     /**
      * Specifies whether the children should be sorted randomly if there are multiple texts.
      * This makes the typewriter start with a different text each time and also changes them

package/lib/components/typewriter/Typewriter.js

@@ -30,6 +30,7 @@ const Typewriter = _ref => {
     pseudoChildren,
     resetDelay = TypewriterResetDelay.Medium,
     shouldForceCursorAnimation = false,
+    shouldHideCursor = false,
     shouldSortChildrenRandomly = false,
     shouldUseAnimationHeight = false,
     shouldUseResetAnimation = false,
@@ -143,12 +144,13 @@ const Typewriter = _ref => {
       __html: shownText
     },
     isAnimatingText: isAnimatingText,
+    shouldHideCursor: shouldHideCursor,
     style: textStyle
   }), isAnimatingText && /*#__PURE__*/_react.default.createElement(_Typewriter.StyledTypewriterPseudoText, {
     dangerouslySetInnerHTML: {
       __html: pseudoTextHTML
     }
-  })), [handleClick, isAnimatingText, pseudoTextHTML, shownText, textStyle]);
+  })), [handleClick, isAnimatingText, pseudoTextHTML, shouldHideCursor, shownText, textStyle]);
 };
 Typewriter.displayName = 'Typewriter';
 var _default = exports.default = Typewriter;

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","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","isAnimatingText","handleClick","useCallback","handleSetNextChildrenIndex","newIndex","useEffect","interval","window","setInterval","prevState","nextState","clearInterval","setTimeout","shownText","getSubTextFromHTML","pseudoTextHTML","pseudoText","createElement","StyledTypewriter","onClick","StyledTypewriterText","dangerouslySetInnerHTML","__html","style","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 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    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    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                <StyledTypewriterText\n                    dangerouslySetInnerHTML={{ __html: shownText }}\n                    isAnimatingText={isAnimatingText}\n                    style={textStyle}\n                />\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                    />\n                )}\n            </StyledTypewriter>\n        ),\n        [handleClick, isAnimatingText, pseudoTextHTML, shownText, textStyle],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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"}
+{"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","isAnimatingText","handleClick","useCallback","handleSetNextChildrenIndex","newIndex","useEffect","interval","window","setInterval","prevState","nextState","clearInterval","setTimeout","shownText","getSubTextFromHTML","pseudoTextHTML","pseudoText","createElement","StyledTypewriter","onClick","StyledTypewriterText","dangerouslySetInnerHTML","__html","style","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    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                <StyledTypewriterText\n                    dangerouslySetInnerHTML={{ __html: shownText }}\n                    isAnimatingText={isAnimatingText}\n                    shouldHideCursor={shouldHideCursor}\n                    style={textStyle}\n                />\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                    />\n                )}\n            </StyledTypewriter>\n        ),\n        [handleClick, isAnimatingText, pseudoTextHTML, shouldHideCursor, shownText, textStyle],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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"}

package/lib/components/typewriter/Typewriter.styles.d.ts

@@ -547,6 +547,7 @@ export declare const StyledTypewriterPseudoText: import("styled-components").ISt
 }>;
 type StyledTypewriterTextProps = WithTheme<{
     isAnimatingText?: boolean;
+    shouldHideCursor?: boolean;
 }>;
 export declare const StyledTypewriterText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledTypewriterTextProps>>;
 export {};

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

@@ -24,31 +24,27 @@ const StyledTypewriterPseudoText = exports.StyledTypewriterPseudoText = _styledC
     user-select: none;
 `;
 const StyledTypewriterText = exports.StyledTypewriterText = _styledComponents.default.span`
-    color: ${_ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.text;
-}};
-    position: ${_ref2 => {
+    color: inherit;
+    position: ${_ref => {
   let {
     isAnimatingText
-  } = _ref2;
+  } = _ref;
   return isAnimatingText ? 'absolute' : 'relative';
 }};
     width: 100%;
 
-    ${_ref3 => {
+    ${_ref2 => {
   let {
-    isAnimatingText
-  } = _ref3;
-  return isAnimatingText && (0, _styledComponents.css)`
+    isAnimatingText,
+    shouldHideCursor
+  } = _ref2;
+  return isAnimatingText && !shouldHideCursor && (0, _styledComponents.css)`
             &:after {
                 animation: ${blinkAnimation} 1s steps(5, start) infinite;
-                color: ${_ref4 => {
+                color: ${_ref3 => {
     let {
       theme
-    } = _ref4;
+    } = _ref3;
     return theme.text;
   }};
                 content: '▋';

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","theme","text","_ref2","isAnimatingText","_ref3","css","_ref4"],"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}>;\n\nexport const StyledTypewriterText = styled.span<StyledTypewriterTextProps>`\n    color: ${({ theme }: StyledTypewriterTextProps) => theme.text};\n    position: ${({ isAnimatingText }) => (isAnimatingText ? 'absolute' : 'relative')};\n    width: 100%;\n\n    ${({ isAnimatingText }) =>\n        isAnimatingText &&\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;AAMM,MAAMC,oBAAoB,GAAAP,OAAA,CAAAO,oBAAA,GAAGN,yBAAM,CAACK,IAAgC;AAC3E,aAAaE,IAAA;EAAA,IAAC;IAAEC;EAAiC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA,CAAC;AAClE,gBAAgBC,KAAA;EAAA,IAAC;IAAEC;EAAgB,CAAC,GAAAD,KAAA;EAAA,OAAMC,eAAe,GAAG,UAAU,GAAG,UAAU;AAAA,CAAE;AACrF;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAED;EAAgB,CAAC,GAAAC,KAAA;EAAA,OAClBD,eAAe,IACf,IAAAE,qBAAG,CAAC;AACZ;AACA,6BAA6BX,cAAe;AAC5C,yBAAyBY,KAAA;IAAA,IAAC;MAAEN;IAAiC,CAAC,GAAAM,KAAA;IAAA,OAAKN,KAAK,CAACC,IAAI;EAAA,CAAC;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AAAA,CAAC;AACV,CAAC"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/typewriter",
-    "version": "5.0.0-beta.315",
+    "version": "5.0.0-beta.317",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -65,5 +65,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "76e4c37395b156470c2cb61661aaebb5004b61a9"
+    "gitHead": "06934dd206527644312620e1626b831b8869dc8f"
 }