@chayns-components/core 5.0.0-beta.243 → 5.0.0-beta.245

package/lib/components/input/Input.d.ts

@@ -47,6 +47,10 @@ export type InputProps = {
      * Value if the input field should be controlled
      */
     value?: string;
+    /**
+     * If true, the input field is focused when the component is mounted
+     */
+    shouldUseAutoFocus?: boolean;
 };
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
 export default Input;

package/lib/components/input/Input.js

@@ -22,7 +22,8 @@ const Input = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     placeholderElement,
     shouldShowClearIcon = false,
     type = 'text',
-    value
+    value,
+    shouldUseAutoFocus = false
   } = _ref;
   const [hasValue, setHasValue] = (0, _react.useState)(typeof value === 'string' && value !== '');
   const inputRef = (0, _react.useRef)(null);
@@ -76,7 +77,8 @@ const Input = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onKeyDown: onKeyDown,
     ref: inputRef,
     type: type,
-    value: value
+    value: value,
+    autoFocus: shouldUseAutoFocus
   }), /*#__PURE__*/_react.default.createElement(_Input.StyledMotionInputLabel, {
     animate: {
       scale: hasValue ? 0.6 : 1

package/lib/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["_react","_interopRequireWildcard","require","_Icon","_interopRequireDefault","_Input","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Input","forwardRef","_ref","ref","iconElement","isDisabled","onBlur","onChange","onFocus","onKeyDown","placeholder","placeholderElement","shouldShowClearIcon","type","value","hasValue","setHasValue","useState","inputRef","useRef","handleClearIconClick","useCallback","current","target","handleInputFieldChange","event","useImperativeHandle","focus","_inputRef$current","useEffect","labelPosition","useMemo","bottom","right","left","top","createElement","StyledInput","className","StyledInputIconWrapper","StyledInputContent","StyledInputField","disabled","StyledMotionInputLabel","animate","scale","initial","layout","style","originX","originY","transition","StyledMotionInputClearIcon","opacity","onClick","icons","displayName","_default","exports"],"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    FocusEventHandler,\n    forwardRef,\n    HTMLInputTypeAttribute,\n    KeyboardEventHandler,\n    ReactNode,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport Icon from '../icon/Icon';\nimport {\n    StyledInput,\n    StyledInputContent,\n    StyledInputField,\n    StyledInputIconWrapper,\n    StyledMotionInputClearIcon,\n    StyledMotionInputLabel,\n} from './Input.styles';\n\nexport type InputRef = {\n    focus: VoidFunction;\n};\n\nexport type InputProps = {\n    /**\n     * Icon element to be displayed on the left side of the input field\n     */\n    iconElement?: ReactNode;\n    /**\n     * Disables the input so that it cannot be changed anymore\n     */\n    isDisabled?: boolean;\n    /**\n     * Function that is executed when the input field loses focus\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the text of the input changes\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the input field is focused\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when a letter is pressed\n     */\n    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * Element to be displayed next to or instead of the \"placeholder\"\n     */\n    placeholderElement?: ReactNode;\n    /**\n     * If true, a clear icon is displayed at the end of the input field\n     */\n    shouldShowClearIcon?: boolean;\n    /**\n     * Input type set for input element (e.g. 'text', 'number' or 'password')\n     */\n    type?: HTMLInputTypeAttribute;\n    /**\n     * Value if the input field should be controlled\n     */\n    value?: string;\n};\n\nconst Input = forwardRef<InputRef, InputProps>(\n    (\n        {\n            iconElement,\n            isDisabled,\n            onBlur,\n            onChange,\n            onFocus,\n            onKeyDown,\n            placeholder,\n            placeholderElement,\n            shouldShowClearIcon = false,\n            type = 'text',\n            value,\n        },\n        ref\n    ) => {\n        const [hasValue, setHasValue] = useState(typeof value === 'string' && value !== '');\n\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const handleClearIconClick = useCallback(() => {\n            if (inputRef.current) {\n                inputRef.current.value = '';\n\n                if (typeof onChange === 'function') {\n                    onChange({ target: inputRef.current } as ChangeEvent<HTMLInputElement>);\n                }\n            }\n        }, [onChange]);\n\n        const handleInputFieldChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                setHasValue(event.target.value !== '');\n\n                if (typeof onChange === 'function') {\n                    onChange(event);\n                }\n            },\n            [onChange]\n        );\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                focus: () => inputRef.current?.focus(),\n            }),\n            []\n        );\n\n        useEffect(() => {\n            if (typeof value === 'string') {\n                setHasValue(value !== '');\n            }\n        }, [value]);\n\n        const labelPosition = useMemo(() => {\n            if (hasValue) {\n                return { bottom: -8, right: -6 };\n            }\n\n            return { left: 0, top: 0 };\n        }, [hasValue]);\n\n        return (\n            <StyledInput className=\"beta-chayns-input\" isDisabled={isDisabled}>\n                {iconElement && <StyledInputIconWrapper>{iconElement}</StyledInputIconWrapper>}\n                <StyledInputContent>\n                    <StyledInputField\n                        disabled={isDisabled}\n                        onBlur={onBlur}\n                        onChange={handleInputFieldChange}\n                        onFocus={onFocus}\n                        onKeyDown={onKeyDown}\n                        ref={inputRef}\n                        type={type}\n                        value={value}\n                    />\n                    <StyledMotionInputLabel\n                        animate={{ scale: hasValue ? 0.6 : 1 }}\n                        initial={false}\n                        layout\n                        style={{ ...labelPosition, originX: 1, originY: 1 }}\n                        transition={{ type: 'tween' }}\n                    >\n                        {placeholderElement}\n                        {placeholder}\n                    </StyledMotionInputLabel>\n                </StyledInputContent>\n                {shouldShowClearIcon && (\n                    <StyledMotionInputClearIcon\n                        animate={{ opacity: hasValue ? 1 : 0 }}\n                        initial={false}\n                        onClick={handleClearIconClick}\n                        transition={{ type: 'tween' }}\n                    >\n                        <Icon icons={['fa fa-times']} />\n                    </StyledMotionInputClearIcon>\n                )}\n            </StyledInput>\n        );\n    }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":"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"}
+{"version":3,"file":"Input.js","names":["_react","_interopRequireWildcard","require","_Icon","_interopRequireDefault","_Input","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Input","forwardRef","_ref","ref","iconElement","isDisabled","onBlur","onChange","onFocus","onKeyDown","placeholder","placeholderElement","shouldShowClearIcon","type","value","shouldUseAutoFocus","hasValue","setHasValue","useState","inputRef","useRef","handleClearIconClick","useCallback","current","target","handleInputFieldChange","event","useImperativeHandle","focus","_inputRef$current","useEffect","labelPosition","useMemo","bottom","right","left","top","createElement","StyledInput","className","StyledInputIconWrapper","StyledInputContent","StyledInputField","disabled","autoFocus","StyledMotionInputLabel","animate","scale","initial","layout","style","originX","originY","transition","StyledMotionInputClearIcon","opacity","onClick","icons","displayName","_default","exports"],"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    FocusEventHandler,\n    forwardRef,\n    HTMLInputTypeAttribute,\n    KeyboardEventHandler,\n    ReactNode,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport Icon from '../icon/Icon';\nimport {\n    StyledInput,\n    StyledInputContent,\n    StyledInputField,\n    StyledInputIconWrapper,\n    StyledMotionInputClearIcon,\n    StyledMotionInputLabel,\n} from './Input.styles';\n\nexport type InputRef = {\n    focus: VoidFunction;\n};\n\nexport type InputProps = {\n    /**\n     * Icon element to be displayed on the left side of the input field\n     */\n    iconElement?: ReactNode;\n    /**\n     * Disables the input so that it cannot be changed anymore\n     */\n    isDisabled?: boolean;\n    /**\n     * Function that is executed when the input field loses focus\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the text of the input changes\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the input field is focused\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when a letter is pressed\n     */\n    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * Element to be displayed next to or instead of the \"placeholder\"\n     */\n    placeholderElement?: ReactNode;\n    /**\n     * If true, a clear icon is displayed at the end of the input field\n     */\n    shouldShowClearIcon?: boolean;\n    /**\n     * Input type set for input element (e.g. 'text', 'number' or 'password')\n     */\n    type?: HTMLInputTypeAttribute;\n    /**\n     * Value if the input field should be controlled\n     */\n    value?: string;\n    /**\n     * If true, the input field is focused when the component is mounted\n     */\n    shouldUseAutoFocus?: boolean;\n};\n\nconst Input = forwardRef<InputRef, InputProps>(\n    (\n        {\n            iconElement,\n            isDisabled,\n            onBlur,\n            onChange,\n            onFocus,\n            onKeyDown,\n            placeholder,\n            placeholderElement,\n            shouldShowClearIcon = false,\n            type = 'text',\n            value,\n            shouldUseAutoFocus = false,\n        },\n        ref\n    ) => {\n        const [hasValue, setHasValue] = useState(typeof value === 'string' && value !== '');\n\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const handleClearIconClick = useCallback(() => {\n            if (inputRef.current) {\n                inputRef.current.value = '';\n\n                if (typeof onChange === 'function') {\n                    onChange({ target: inputRef.current } as ChangeEvent<HTMLInputElement>);\n                }\n            }\n        }, [onChange]);\n\n        const handleInputFieldChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                setHasValue(event.target.value !== '');\n\n                if (typeof onChange === 'function') {\n                    onChange(event);\n                }\n            },\n            [onChange]\n        );\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                focus: () => inputRef.current?.focus(),\n            }),\n            []\n        );\n\n        useEffect(() => {\n            if (typeof value === 'string') {\n                setHasValue(value !== '');\n            }\n        }, [value]);\n\n        const labelPosition = useMemo(() => {\n            if (hasValue) {\n                return { bottom: -8, right: -6 };\n            }\n\n            return { left: 0, top: 0 };\n        }, [hasValue]);\n\n        return (\n            <StyledInput className=\"beta-chayns-input\" isDisabled={isDisabled}>\n                {iconElement && <StyledInputIconWrapper>{iconElement}</StyledInputIconWrapper>}\n                <StyledInputContent>\n                    <StyledInputField\n                        disabled={isDisabled}\n                        onBlur={onBlur}\n                        onChange={handleInputFieldChange}\n                        onFocus={onFocus}\n                        onKeyDown={onKeyDown}\n                        ref={inputRef}\n                        type={type}\n                        value={value}\n                        autoFocus={shouldUseAutoFocus}\n                    />\n                    <StyledMotionInputLabel\n                        animate={{ scale: hasValue ? 0.6 : 1 }}\n                        initial={false}\n                        layout\n                        style={{ ...labelPosition, originX: 1, originY: 1 }}\n                        transition={{ type: 'tween' }}\n                    >\n                        {placeholderElement}\n                        {placeholder}\n                    </StyledMotionInputLabel>\n                </StyledInputContent>\n                {shouldShowClearIcon && (\n                    <StyledMotionInputClearIcon\n                        animate={{ opacity: hasValue ? 1 : 0 }}\n                        initial={false}\n                        onClick={handleClearIconClick}\n                        transition={{ type: 'tween' }}\n                    >\n                        <Icon icons={['fa fa-times']} />\n                    </StyledMotionInputClearIcon>\n                )}\n            </StyledInput>\n        );\n    }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":"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"}

package/lib/components/textstring/TextString.d.ts

@@ -1,10 +1,14 @@
-import { FC, ReactHTML, ReactNode } from 'react';
+import { CSSProperties, FC, ReactHTML, ReactNode } from 'react';
 import type { ITextstring, TextstringReplacement } from './types';
 export type TextStringProps = {
     /**
      * The element that the text should be displayed in.
      */
     children?: ReactNode;
+    /**
+     * The styles of the HTML element that the text should be displayed in.
+     */
+    childrenStyles?: CSSProperties;
     /**
      * The tag of the HTML element that the text should be displayed in.
      */

package/lib/components/textstring/TextString.js

@@ -16,7 +16,8 @@ const TextString = _ref => {
     textString,
     replacements,
     childrenTagName,
-    children
+    children,
+    childrenStyles
   } = _ref;
   const textStrings = (0, _react.useContext)(_TextStringProvider.TextStringContext);
   const text = (0, _react.useMemo)(() => {
@@ -36,12 +37,16 @@ const TextString = _ref => {
     return newValue;
   }, [replacements, textString, textStrings]);
   const childElement = (0, _react.useMemo)(() => {
-    let element = /*#__PURE__*/(0, _react.createElement)('', null, children);
+    let element = /*#__PURE__*/(0, _react.createElement)('', childrenStyles ? {
+      style: childrenStyles
+    } : null, children);
     if (!children) {
-      element = /*#__PURE__*/(0, _react.createElement)(childrenTagName || 'span', null, text);
+      element = /*#__PURE__*/(0, _react.createElement)(childrenTagName || 'span', childrenStyles ? {
+        style: childrenStyles
+      } : null, text);
     }
     return element;
-  }, [children, childrenTagName, text]);
+  }, [children, childrenStyles, childrenTagName, text]);
   const handleClick = (0, _react.useCallback)(event => {
     if (event.ctrlKey) {
       void (0, _isTobitEmployee.isTobitEmployee)().then(inGroup => {

package/lib/components/textstring/TextString.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextString.js","names":["_react","_interopRequireWildcard","require","_isTobitEmployee","_TextStringProvider","_utils","_TextString","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","TextString","_ref","textString","replacements","childrenTagName","children","textStrings","useContext","TextStringContext","text","useMemo","_textStrings$textStri","value","name","fallback","newValue","forEach","_ref2","replacement","replace","childElement","element","createElement","handleClick","useCallback","event","ctrlKey","isTobitEmployee","then","inGroup","selectLanguageToChange","textstringName","StyledTextString","onClick","displayName","_default","exports"],"sources":["../../../src/components/textstring/TextString.tsx"],"sourcesContent":["import React, {\n    createElement,\n    FC,\n    MouseEventHandler,\n    ReactHTML,\n    ReactNode,\n    useCallback,\n    useContext,\n    useMemo,\n} from 'react';\nimport { isTobitEmployee } from '../../utils/isTobitEmployee';\nimport { TextStringContext } from '../textstring-provider/TextStringProvider';\nimport { selectLanguageToChange } from '../textstring-provider/utils';\nimport { StyledTextString } from './TextString.styles';\nimport type { ITextstring, TextstringReplacement } from './types';\nimport { getTextstringValue } from '../../utils/textstring';\n\nexport type TextStringProps = {\n    /**\n     * The element that the text should be displayed in.\n     */\n    children?: ReactNode;\n    /**\n     * The tag of the HTML element that the text should be displayed in.\n     */\n    childrenTagName?: keyof ReactHTML;\n    /**\n     * A part of the text that should be replaced.\n     */\n    replacements?: TextstringReplacement[];\n    /**\n     * The text that should be displayed.\n     */\n    textString: ITextstring;\n};\n\nconst TextString: FC<TextStringProps> = ({\n    textString,\n    replacements,\n    childrenTagName,\n    children,\n}) => {\n    const textStrings = useContext(TextStringContext);\n\n    const text = useMemo(() => {\n        const value = textStrings[textString.name] ?? textString.fallback;\n\n        if (!replacements) {\n            return value;\n        }\n\n        let newValue = value;\n\n        replacements.forEach(({ replacement, key }) => {\n            newValue = newValue.replace(key, replacement);\n        });\n\n        return newValue;\n    }, [replacements, textString, textStrings]);\n\n    const childElement = useMemo(() => {\n        let element = createElement('', null, children);\n\n        if (!children) {\n            element = createElement(childrenTagName || 'span', null, text);\n        }\n\n        return element;\n    }, [children, childrenTagName, text]);\n\n    const handleClick: MouseEventHandler<HTMLDivElement> = useCallback(\n        (event) => {\n            if (event.ctrlKey) {\n                void isTobitEmployee().then((inGroup) => {\n                    if (inGroup) {\n                        selectLanguageToChange({\n                            textstringName: textString.name,\n                        });\n                    }\n                });\n            }\n        },\n        [textString.name]\n    );\n\n    return useMemo(\n        () => <StyledTextString onClick={handleClick}>{childElement}</StyledTextString>,\n        [childElement, handleClick]\n    );\n};\n\nTextString.displayName = 'TextString';\n\nexport default TextString;\n"],"mappings":"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"}
+{"version":3,"file":"TextString.js","names":["_react","_interopRequireWildcard","require","_isTobitEmployee","_TextStringProvider","_utils","_TextString","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","TextString","_ref","textString","replacements","childrenTagName","children","childrenStyles","textStrings","useContext","TextStringContext","text","useMemo","_textStrings$textStri","value","name","fallback","newValue","forEach","_ref2","replacement","replace","childElement","element","createElement","style","handleClick","useCallback","event","ctrlKey","isTobitEmployee","then","inGroup","selectLanguageToChange","textstringName","StyledTextString","onClick","displayName","_default","exports"],"sources":["../../../src/components/textstring/TextString.tsx"],"sourcesContent":["import React, {\n    createElement,\n    CSSProperties,\n    FC,\n    MouseEventHandler,\n    ReactHTML,\n    ReactNode,\n    useCallback,\n    useContext,\n    useMemo,\n} from 'react';\nimport { isTobitEmployee } from '../../utils/isTobitEmployee';\nimport { TextStringContext } from '../textstring-provider/TextStringProvider';\nimport { selectLanguageToChange } from '../textstring-provider/utils';\nimport { StyledTextString } from './TextString.styles';\nimport type { ITextstring, TextstringReplacement } from './types';\n\nexport type TextStringProps = {\n    /**\n     * The element that the text should be displayed in.\n     */\n    children?: ReactNode;\n    /**\n     * The styles of the HTML element that the text should be displayed in.\n     */\n    childrenStyles?: CSSProperties;\n    /**\n     * The tag of the HTML element that the text should be displayed in.\n     */\n    childrenTagName?: keyof ReactHTML;\n    /**\n     * A part of the text that should be replaced.\n     */\n    replacements?: TextstringReplacement[];\n    /**\n     * The text that should be displayed.\n     */\n    textString: ITextstring;\n};\n\nconst TextString: FC<TextStringProps> = ({\n    textString,\n    replacements,\n    childrenTagName,\n    children,\n    childrenStyles,\n}) => {\n    const textStrings = useContext(TextStringContext);\n\n    const text = useMemo(() => {\n        const value = textStrings[textString.name] ?? textString.fallback;\n\n        if (!replacements) {\n            return value;\n        }\n\n        let newValue = value;\n\n        replacements.forEach(({ replacement, key }) => {\n            newValue = newValue.replace(key, replacement);\n        });\n\n        return newValue;\n    }, [replacements, textString, textStrings]);\n\n    const childElement = useMemo(() => {\n        let element = createElement(\n            '',\n            childrenStyles ? { style: childrenStyles } : null,\n            children\n        );\n\n        if (!children) {\n            element = createElement(\n                childrenTagName || 'span',\n                childrenStyles ? { style: childrenStyles } : null,\n                text\n            );\n        }\n\n        return element;\n    }, [children, childrenStyles, childrenTagName, text]);\n\n    const handleClick: MouseEventHandler<HTMLDivElement> = useCallback(\n        (event) => {\n            if (event.ctrlKey) {\n                void isTobitEmployee().then((inGroup) => {\n                    if (inGroup) {\n                        selectLanguageToChange({\n                            textstringName: textString.name,\n                        });\n                    }\n                });\n            }\n        },\n        [textString.name]\n    );\n\n    return useMemo(\n        () => <StyledTextString onClick={handleClick}>{childElement}</StyledTextString>,\n        [childElement, handleClick]\n    );\n};\n\nTextString.displayName = 'TextString';\n\nexport default TextString;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.243",
+    "version": "5.0.0-beta.245",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -65,5 +65,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "25210004f6f9cd90b7acf6b149d0d7ca3a534e6b"
+    "gitHead": "3e5cf9ffa08c382bc6c8bcb7206b693f074094ab"
 }