@chayns-components/core 5.0.0-beta.1248 → 5.0.0-beta.1250

package/lib/cjs/components/amount-control/AmountControl.js

@@ -20,6 +20,7 @@ const AmountControl = ({
   maxAmount,
   minAmount = 0,
   onChange,
+  shouldForceLabel = false,
   shouldShowAddIconOnMinAmount = false,
   shouldShowIcon = true,
   shouldShowWideInput = false,
@@ -219,16 +220,20 @@ const AmountControl = ({
     disabled: amountValue !== 0 && amountValue <= minAmount,
     $isDisabled: amountValue !== 0 && amountValue <= minAmount
   }, leftIcon), [amountValue, displayState, handleAmountRemove, leftIcon, minAmount]);
+  let inputLabel = inputValue;
+  if (typeof label === 'string' && (displayState === 'default' || shouldForceLabel)) {
+    inputLabel = label;
+  }
   return (0, _react2.useMemo)(() => /*#__PURE__*/_react2.default.createElement(_AmountControl.StyledAmountControl, {
     onClick: handleFirstAmount,
     $isDisabled: isDisabled
   }, /*#__PURE__*/_react2.default.createElement(_react.AnimatePresence, {
     initial: false
-  }, shouldShowLeftIcon && iconButton), /*#__PURE__*/_react2.default.createElement(_AmountControl.StyledInputWrapper, null, displayState === 'maxAmount' || inputValue === '0' ? /*#__PURE__*/_react2.default.createElement(_AmountControl.StyledAmountControlPseudoInput, {
+  }, shouldShowLeftIcon && iconButton), /*#__PURE__*/_react2.default.createElement(_AmountControl.StyledInputWrapper, null, displayState === 'maxAmount' || inputValue === '0' || shouldForceLabel && typeof label === 'string' ? /*#__PURE__*/_react2.default.createElement(_AmountControl.StyledAmountControlPseudoInput, {
     onClick: handleDeleteIconClick,
     $shouldShowWideInput: shouldShowWideInput,
     $shouldShowRightIcon: shouldShowRightIcon
-  }, displayState === 'default' && label ? label : inputValue) : /*#__PURE__*/_react2.default.createElement(_AmountControl.StyledAmountControlInput, {
+  }, inputLabel) : /*#__PURE__*/_react2.default.createElement(_AmountControl.StyledAmountControlInput, {
     ref: inputRef,
     $displayState: displayState,
     $shouldShowIcon: shouldShowIcon,
@@ -236,7 +241,7 @@ const AmountControl = ({
     $hasFocus: hasFocus,
     onBlur: handleInputBlur,
     onChange: handleInputChange,
-    value: displayState === 'default' && label ? label : inputValue
+    value: inputLabel
   })), /*#__PURE__*/_react2.default.createElement(_react.AnimatePresence, {
     initial: false
   }, (displayState === 'normal' || displayState === 'minAmount') && /*#__PURE__*/_react2.default.createElement(_AmountControl.StyledMotionAmountControlButton, {

package/lib/cjs/components/amount-control/AmountControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountControl.js","names":["_react","require","_react2","_interopRequireWildcard","_amountControl","_Icon","_interopRequireDefault","_AmountControl","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AmountControl","amount","icon","iconColor","isDisabled","label","maxAmount","minAmount","onChange","shouldShowAddIconOnMinAmount","shouldShowIcon","shouldShowWideInput","step","stepProp","amountValue","setAmountValue","useState","inputValue","setInputValue","toString","displayState","setDisplayState","useMemo","Number","isSafeInteger","inputRef","useRef","useEffect","hasFocus","checkForValidAmount","handleAmountAdd","useCallback","prevState","newAmount","handleAmountRemove","handleFirstAmount","handleDeleteIconClick","window","setTimeout","_inputRef$current","current","focus","handleInputBlur","checkedValue","Math","round","handleInputChange","event","value","target","valueBefore","replace","leftIcon","item","createElement","icons","size","color","shouldShowRightIcon","shouldShowLeftIcon","iconButton","StyledMotionAmountControlButton","key","initial","width","opacity","padding","animate","exit","transition","duration","type","onClick","$color","undefined","disabled","$isDisabled","StyledAmountControl","AnimatePresence","StyledInputWrapper","StyledAmountControlPseudoInput","$shouldShowWideInput","$shouldShowRightIcon","StyledAmountControlInput","ref","$displayState","$shouldShowIcon","$hasFocus","onBlur","displayName","_default","exports"],"sources":["../../../../src/components/amount-control/AmountControl.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    ChangeEvent,\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { checkForValidAmount } from '../../utils/amountControl';\nimport Icon from '../icon/Icon';\nimport {\n    StyledAmountControl,\n    StyledAmountControlInput,\n    StyledAmountControlPseudoInput,\n    StyledInputWrapper,\n    StyledMotionAmountControlButton,\n} from './AmountControl.styles';\n\nexport type DisplayState = 'default' | 'normal' | 'maxAmount' | 'minAmount';\n\nexport type AmountControlProps = {\n    /**\n     * The amount that should be displayed.\n     */\n    amount?: number;\n    /**\n     * The icon that should be displayed if no amount is selected.\n     */\n    icon?: string;\n    /**\n     * The color of the icon.\n     */\n    iconColor?: string;\n    /**\n     * Whether the control should be disabled\n     */\n    isDisabled?: boolean;\n    /**\n     * A Text that should be displayed if no amount is selected;\n     */\n    label?: string;\n    /**\n     * The maximum allowed amount. If the maxAmount is reached, a check icon is displayed on the left side.\n     */\n    maxAmount?: number;\n    /**\n     * The minimum allowed amount.\n     */\n    minAmount?: number;\n    /**\n     * A Function that is executed when the amount is changed\n     */\n    onChange?: (amount: number) => void;\n    /**\n     * Whether the \"add\"-icon should be displayed if the minAmount is reached.\n     */\n    shouldShowAddIconOnMinAmount?: boolean;\n    /**\n     * Whether the icon should be displayed if no amount is selected\n     */\n    shouldShowIcon?: boolean;\n    /**\n     * Whether the input should be wider\n     */\n    shouldShowWideInput?: boolean;\n    /**\n     * Defines the amount that will change when adjusted\n     */\n    step?: number;\n};\n\nconst AmountControl: FC<AmountControlProps> = ({\n    amount,\n    icon,\n    iconColor,\n    isDisabled = false,\n    label,\n    maxAmount,\n    minAmount = 0,\n    onChange,\n    shouldShowAddIconOnMinAmount = false,\n    shouldShowIcon = true,\n    shouldShowWideInput = false,\n    step: stepProp = 1,\n}) => {\n    const [amountValue, setAmountValue] = useState(minAmount);\n    const [inputValue, setInputValue] = useState(minAmount.toString());\n    const [displayState, setDisplayState] = useState<DisplayState>('default');\n\n    const step = useMemo(\n        () => (Number.isSafeInteger(stepProp) && stepProp >= 1 ? stepProp : 1),\n        [stepProp],\n    );\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    /**\n     * This function controls the displayState\n     */\n    useEffect(() => {\n        switch (true) {\n            case maxAmount && amountValue >= maxAmount:\n                setDisplayState('maxAmount');\n                return;\n            case amountValue > minAmount:\n                setDisplayState('normal');\n                return;\n            case amountValue === minAmount && amountValue >= 0 && shouldShowAddIconOnMinAmount:\n                setDisplayState('minAmount');\n                return;\n            default:\n                setDisplayState('default');\n        }\n    }, [amountValue, maxAmount, minAmount, shouldShowAddIconOnMinAmount]);\n\n    const hasFocus = useMemo(() => displayState !== 'default', [displayState]);\n\n    /**\n     * Function that sets the amountValue to the amount\n     */\n    useEffect(() => {\n        if (typeof amount !== 'number') {\n            return;\n        }\n\n        setAmountValue(checkForValidAmount({ amount, maxAmount, minAmount }));\n        setInputValue(checkForValidAmount({ amount, maxAmount, minAmount }).toString());\n    }, [amount, maxAmount, minAmount]);\n\n    const handleAmountAdd = useCallback(() => {\n        setAmountValue((prevState) => {\n            const newAmount = checkForValidAmount({\n                amount: prevState + step,\n                minAmount,\n                maxAmount,\n            });\n\n            if (typeof onChange === 'function') {\n                onChange(newAmount);\n            }\n\n            return typeof amount === 'number' ? prevState : newAmount;\n        });\n        setInputValue((prevState) =>\n            checkForValidAmount({\n                amount: Number(prevState) + step,\n                minAmount,\n                maxAmount,\n            }).toString(),\n        );\n    }, [amount, maxAmount, minAmount, onChange, step]);\n\n    const handleAmountRemove = useCallback(() => {\n        if (displayState === 'default') {\n            return;\n        }\n\n        setAmountValue((prevState) => {\n            const newAmount = checkForValidAmount({\n                amount: prevState - step,\n                minAmount,\n                maxAmount,\n            });\n\n            if (typeof onChange === 'function') {\n                onChange(newAmount);\n            }\n\n            return newAmount;\n        });\n        setInputValue((prevState) =>\n            checkForValidAmount({\n                amount: Number(prevState) - step,\n                minAmount,\n                maxAmount,\n            }).toString(),\n        );\n    }, [displayState, maxAmount, minAmount, onChange, step]);\n\n    const handleFirstAmount = useCallback(() => {\n        if (amountValue !== minAmount) {\n            return;\n        }\n\n        if (typeof onChange === 'function') {\n            onChange(minAmount + step);\n        }\n\n        setAmountValue(minAmount + step);\n        setInputValue((minAmount + step).toString());\n    }, [amountValue, minAmount, onChange, step]);\n\n    const handleDeleteIconClick = useCallback(() => {\n        if (inputValue === '0') {\n            window.setTimeout(() => {\n                inputRef.current?.focus();\n            }, 500);\n        } else {\n            handleAmountRemove();\n        }\n    }, [handleAmountRemove, inputValue]);\n\n    const handleInputBlur = useCallback(() => {\n        const checkedValue = checkForValidAmount({\n            minAmount,\n            maxAmount,\n            amount: Math.round(Number(inputValue) / step) * step,\n        });\n\n        setAmountValue(checkedValue);\n        setInputValue(checkedValue.toString());\n\n        if (typeof onChange === 'function') {\n            onChange(checkedValue);\n        }\n\n        if (inputValue === '') {\n            setInputValue(minAmount.toString());\n        }\n    }, [inputValue, maxAmount, minAmount, onChange, step]);\n\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            const { value } = event.target;\n\n            const valueBefore = Number(value.replace(/\\D/g, ''));\n\n            if (valueBefore < minAmount && minAmount === 0) {\n                setInputValue('0');\n\n                return;\n            }\n\n            setInputValue(valueBefore === 0 ? '' : valueBefore.toString());\n        },\n        [minAmount],\n    );\n\n    const leftIcon = useMemo(() => {\n        let item: ReactElement | null = null;\n\n        switch (displayState) {\n            case 'default':\n                item = (\n                    <Icon\n                        icons={[icon ?? 'fa fa-cart-shopping']}\n                        size={14}\n                        color={iconColor ?? 'white'}\n                    />\n                );\n                break;\n            case 'maxAmount':\n                item = <Icon icons={['fa ts-check']} size={20} color=\"white\" />;\n                break;\n            case 'normal':\n                item = <Icon icons={['fa fa-minus']} size={15} color=\"white\" />;\n                break;\n            default:\n                break;\n        }\n\n        return item;\n    }, [displayState, icon, iconColor]);\n\n    const shouldShowRightIcon = useMemo(\n        () =>\n            shouldShowIcon && (displayState === 'default' || displayState === 'maxAmount') && !icon,\n        [displayState, icon, shouldShowIcon],\n    );\n\n    const shouldShowLeftIcon = useMemo(() => {\n        if (shouldShowAddIconOnMinAmount && displayState === 'minAmount') {\n            return false;\n        }\n\n        if (shouldShowIcon) {\n            return !shouldShowRightIcon;\n        }\n\n        return !((displayState === 'default' || displayState === 'minAmount') && !shouldShowIcon);\n    }, [displayState, shouldShowAddIconOnMinAmount, shouldShowIcon, shouldShowRightIcon]);\n\n    const iconButton = useMemo(\n        () => (\n            <StyledMotionAmountControlButton\n                key=\"right_button\"\n                initial={{ width: 0, opacity: 0, padding: 0 }}\n                animate={{\n                    width: displayState === 'normal' ? 40 : 28,\n                    opacity: 1,\n                    padding: 0,\n                }}\n                exit={{ width: 0, opacity: 0, padding: 0 }}\n                transition={{ duration: 0.2, type: 'tween' }}\n                onClick={handleAmountRemove}\n                $color={displayState === 'maxAmount' ? 'rgb(32, 198, 90)' : undefined}\n                disabled={amountValue !== 0 && amountValue <= minAmount}\n                $isDisabled={amountValue !== 0 && amountValue <= minAmount}\n            >\n                {leftIcon}\n            </StyledMotionAmountControlButton>\n        ),\n        [amountValue, displayState, handleAmountRemove, leftIcon, minAmount],\n    );\n\n    return useMemo(\n        () => (\n            <StyledAmountControl onClick={handleFirstAmount} $isDisabled={isDisabled}>\n                <AnimatePresence initial={false}>\n                    {shouldShowLeftIcon && iconButton}\n                </AnimatePresence>\n                <StyledInputWrapper>\n                    {displayState === 'maxAmount' || inputValue === '0' ? (\n                        <StyledAmountControlPseudoInput\n                            onClick={handleDeleteIconClick}\n                            $shouldShowWideInput={shouldShowWideInput}\n                            $shouldShowRightIcon={shouldShowRightIcon}\n                        >\n                            {displayState === 'default' && label ? label : inputValue}\n                        </StyledAmountControlPseudoInput>\n                    ) : (\n                        <StyledAmountControlInput\n                            ref={inputRef}\n                            $displayState={displayState}\n                            $shouldShowIcon={shouldShowIcon}\n                            $shouldShowWideInput={shouldShowWideInput}\n                            $hasFocus={hasFocus}\n                            onBlur={handleInputBlur}\n                            onChange={handleInputChange}\n                            value={displayState === 'default' && label ? label : inputValue}\n                        />\n                    )}\n                </StyledInputWrapper>\n                <AnimatePresence initial={false}>\n                    {(displayState === 'normal' || displayState === 'minAmount') && (\n                        <StyledMotionAmountControlButton\n                            key=\"right_button\"\n                            initial={{ width: 0, opacity: 0, padding: 0 }}\n                            animate={{\n                                width: 40,\n                                opacity: 1,\n                                padding: 0,\n                            }}\n                            exit={{ width: 0, opacity: 0, padding: 0 }}\n                            transition={{ duration: 0.2, type: 'tween' }}\n                            onClick={handleAmountAdd}\n                            disabled={maxAmount ? amountValue >= maxAmount : false}\n                            $isDisabled={maxAmount ? amountValue >= maxAmount : false}\n                        >\n                            <Icon icons={['fa fa-plus']} size={15} color=\"white\" />\n                        </StyledMotionAmountControlButton>\n                    )}\n                </AnimatePresence>\n                <AnimatePresence initial={false}>\n                    {shouldShowRightIcon && iconButton}\n                </AnimatePresence>\n            </StyledAmountControl>\n        ),\n        [\n            amountValue,\n            displayState,\n            handleAmountAdd,\n            handleDeleteIconClick,\n            handleFirstAmount,\n            handleInputBlur,\n            handleInputChange,\n            hasFocus,\n            iconButton,\n            inputValue,\n            isDisabled,\n            label,\n            maxAmount,\n            shouldShowIcon,\n            shouldShowLeftIcon,\n            shouldShowRightIcon,\n            shouldShowWideInput,\n        ],\n    );\n};\n\nAmountControl.displayName = 'AmountControl';\n\nexport default AmountControl;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AmountControl.js","names":["_react","require","_react2","_interopRequireWildcard","_amountControl","_Icon","_interopRequireDefault","_AmountControl","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AmountControl","amount","icon","iconColor","isDisabled","label","maxAmount","minAmount","onChange","shouldForceLabel","shouldShowAddIconOnMinAmount","shouldShowIcon","shouldShowWideInput","step","stepProp","amountValue","setAmountValue","useState","inputValue","setInputValue","toString","displayState","setDisplayState","useMemo","Number","isSafeInteger","inputRef","useRef","useEffect","hasFocus","checkForValidAmount","handleAmountAdd","useCallback","prevState","newAmount","handleAmountRemove","handleFirstAmount","handleDeleteIconClick","window","setTimeout","_inputRef$current","current","focus","handleInputBlur","checkedValue","Math","round","handleInputChange","event","value","target","valueBefore","replace","leftIcon","item","createElement","icons","size","color","shouldShowRightIcon","shouldShowLeftIcon","iconButton","StyledMotionAmountControlButton","key","initial","width","opacity","padding","animate","exit","transition","duration","type","onClick","$color","undefined","disabled","$isDisabled","inputLabel","StyledAmountControl","AnimatePresence","StyledInputWrapper","StyledAmountControlPseudoInput","$shouldShowWideInput","$shouldShowRightIcon","StyledAmountControlInput","ref","$displayState","$shouldShowIcon","$hasFocus","onBlur","displayName","_default","exports"],"sources":["../../../../src/components/amount-control/AmountControl.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    ChangeEvent,\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { checkForValidAmount } from '../../utils/amountControl';\nimport Icon from '../icon/Icon';\nimport {\n    StyledAmountControl,\n    StyledAmountControlInput,\n    StyledAmountControlPseudoInput,\n    StyledInputWrapper,\n    StyledMotionAmountControlButton,\n} from './AmountControl.styles';\n\nexport type DisplayState = 'default' | 'normal' | 'maxAmount' | 'minAmount';\n\nexport type AmountControlProps = {\n    /**\n     * The amount that should be displayed.\n     */\n    amount?: number;\n    /**\n     * The icon that should be displayed if no amount is selected.\n     */\n    icon?: string;\n    /**\n     * The color of the icon.\n     */\n    iconColor?: string;\n    /**\n     * Whether the control should be disabled\n     */\n    isDisabled?: boolean;\n    /**\n     * A Text that should be displayed if no amount is selected;\n     */\n    label?: string;\n    /**\n     * The maximum allowed amount. If the maxAmount is reached, a check icon is displayed on the left side.\n     */\n    maxAmount?: number;\n    /**\n     * The minimum allowed amount.\n     */\n    minAmount?: number;\n    /**\n     * A Function that is executed when the amount is changed\n     */\n    onChange?: (amount: number) => void;\n    /**\n     * Whether the label should be displayed even if an amount is selected.\n     */\n    shouldForceLabel?: boolean;\n    /**\n     * Whether the \"add\"-icon should be displayed if the minAmount is reached.\n     */\n    shouldShowAddIconOnMinAmount?: boolean;\n    /**\n     * Whether the icon should be displayed if no amount is selected\n     */\n    shouldShowIcon?: boolean;\n    /**\n     * Whether the input should be wider\n     */\n    shouldShowWideInput?: boolean;\n    /**\n     * Defines the amount that will change when adjusted\n     */\n    step?: number;\n};\n\nconst AmountControl: FC<AmountControlProps> = ({\n    amount,\n    icon,\n    iconColor,\n    isDisabled = false,\n    label,\n    maxAmount,\n    minAmount = 0,\n    onChange,\n    shouldForceLabel = false,\n    shouldShowAddIconOnMinAmount = false,\n    shouldShowIcon = true,\n    shouldShowWideInput = false,\n    step: stepProp = 1,\n}) => {\n    const [amountValue, setAmountValue] = useState(minAmount);\n    const [inputValue, setInputValue] = useState(minAmount.toString());\n    const [displayState, setDisplayState] = useState<DisplayState>('default');\n\n    const step = useMemo(\n        () => (Number.isSafeInteger(stepProp) && stepProp >= 1 ? stepProp : 1),\n        [stepProp],\n    );\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    /**\n     * This function controls the displayState\n     */\n    useEffect(() => {\n        switch (true) {\n            case maxAmount && amountValue >= maxAmount:\n                setDisplayState('maxAmount');\n                return;\n            case amountValue > minAmount:\n                setDisplayState('normal');\n                return;\n            case amountValue === minAmount && amountValue >= 0 && shouldShowAddIconOnMinAmount:\n                setDisplayState('minAmount');\n                return;\n            default:\n                setDisplayState('default');\n        }\n    }, [amountValue, maxAmount, minAmount, shouldShowAddIconOnMinAmount]);\n\n    const hasFocus = useMemo(() => displayState !== 'default', [displayState]);\n\n    /**\n     * Function that sets the amountValue to the amount\n     */\n    useEffect(() => {\n        if (typeof amount !== 'number') {\n            return;\n        }\n\n        setAmountValue(checkForValidAmount({ amount, maxAmount, minAmount }));\n        setInputValue(checkForValidAmount({ amount, maxAmount, minAmount }).toString());\n    }, [amount, maxAmount, minAmount]);\n\n    const handleAmountAdd = useCallback(() => {\n        setAmountValue((prevState) => {\n            const newAmount = checkForValidAmount({\n                amount: prevState + step,\n                minAmount,\n                maxAmount,\n            });\n\n            if (typeof onChange === 'function') {\n                onChange(newAmount);\n            }\n\n            return typeof amount === 'number' ? prevState : newAmount;\n        });\n        setInputValue((prevState) =>\n            checkForValidAmount({\n                amount: Number(prevState) + step,\n                minAmount,\n                maxAmount,\n            }).toString(),\n        );\n    }, [amount, maxAmount, minAmount, onChange, step]);\n\n    const handleAmountRemove = useCallback(() => {\n        if (displayState === 'default') {\n            return;\n        }\n\n        setAmountValue((prevState) => {\n            const newAmount = checkForValidAmount({\n                amount: prevState - step,\n                minAmount,\n                maxAmount,\n            });\n\n            if (typeof onChange === 'function') {\n                onChange(newAmount);\n            }\n\n            return newAmount;\n        });\n        setInputValue((prevState) =>\n            checkForValidAmount({\n                amount: Number(prevState) - step,\n                minAmount,\n                maxAmount,\n            }).toString(),\n        );\n    }, [displayState, maxAmount, minAmount, onChange, step]);\n\n    const handleFirstAmount = useCallback(() => {\n        if (amountValue !== minAmount) {\n            return;\n        }\n\n        if (typeof onChange === 'function') {\n            onChange(minAmount + step);\n        }\n\n        setAmountValue(minAmount + step);\n        setInputValue((minAmount + step).toString());\n    }, [amountValue, minAmount, onChange, step]);\n\n    const handleDeleteIconClick = useCallback(() => {\n        if (inputValue === '0') {\n            window.setTimeout(() => {\n                inputRef.current?.focus();\n            }, 500);\n        } else {\n            handleAmountRemove();\n        }\n    }, [handleAmountRemove, inputValue]);\n\n    const handleInputBlur = useCallback(() => {\n        const checkedValue = checkForValidAmount({\n            minAmount,\n            maxAmount,\n            amount: Math.round(Number(inputValue) / step) * step,\n        });\n\n        setAmountValue(checkedValue);\n        setInputValue(checkedValue.toString());\n\n        if (typeof onChange === 'function') {\n            onChange(checkedValue);\n        }\n\n        if (inputValue === '') {\n            setInputValue(minAmount.toString());\n        }\n    }, [inputValue, maxAmount, minAmount, onChange, step]);\n\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            const { value } = event.target;\n\n            const valueBefore = Number(value.replace(/\\D/g, ''));\n\n            if (valueBefore < minAmount && minAmount === 0) {\n                setInputValue('0');\n\n                return;\n            }\n\n            setInputValue(valueBefore === 0 ? '' : valueBefore.toString());\n        },\n        [minAmount],\n    );\n\n    const leftIcon = useMemo(() => {\n        let item: ReactElement | null = null;\n\n        switch (displayState) {\n            case 'default':\n                item = (\n                    <Icon\n                        icons={[icon ?? 'fa fa-cart-shopping']}\n                        size={14}\n                        color={iconColor ?? 'white'}\n                    />\n                );\n                break;\n            case 'maxAmount':\n                item = <Icon icons={['fa ts-check']} size={20} color=\"white\" />;\n                break;\n            case 'normal':\n                item = <Icon icons={['fa fa-minus']} size={15} color=\"white\" />;\n                break;\n            default:\n                break;\n        }\n\n        return item;\n    }, [displayState, icon, iconColor]);\n\n    const shouldShowRightIcon = useMemo(\n        () =>\n            shouldShowIcon && (displayState === 'default' || displayState === 'maxAmount') && !icon,\n        [displayState, icon, shouldShowIcon],\n    );\n\n    const shouldShowLeftIcon = useMemo(() => {\n        if (shouldShowAddIconOnMinAmount && displayState === 'minAmount') {\n            return false;\n        }\n\n        if (shouldShowIcon) {\n            return !shouldShowRightIcon;\n        }\n\n        return !((displayState === 'default' || displayState === 'minAmount') && !shouldShowIcon);\n    }, [displayState, shouldShowAddIconOnMinAmount, shouldShowIcon, shouldShowRightIcon]);\n\n    const iconButton = useMemo(\n        () => (\n            <StyledMotionAmountControlButton\n                key=\"right_button\"\n                initial={{ width: 0, opacity: 0, padding: 0 }}\n                animate={{\n                    width: displayState === 'normal' ? 40 : 28,\n                    opacity: 1,\n                    padding: 0,\n                }}\n                exit={{ width: 0, opacity: 0, padding: 0 }}\n                transition={{ duration: 0.2, type: 'tween' }}\n                onClick={handleAmountRemove}\n                $color={displayState === 'maxAmount' ? 'rgb(32, 198, 90)' : undefined}\n                disabled={amountValue !== 0 && amountValue <= minAmount}\n                $isDisabled={amountValue !== 0 && amountValue <= minAmount}\n            >\n                {leftIcon}\n            </StyledMotionAmountControlButton>\n        ),\n        [amountValue, displayState, handleAmountRemove, leftIcon, minAmount],\n    );\n\n    let inputLabel = inputValue;\n\n    if (typeof label === 'string' && (displayState === 'default' || shouldForceLabel)) {\n        inputLabel = label;\n    }\n\n    return useMemo(\n        () => (\n            <StyledAmountControl onClick={handleFirstAmount} $isDisabled={isDisabled}>\n                <AnimatePresence initial={false}>\n                    {shouldShowLeftIcon && iconButton}\n                </AnimatePresence>\n                <StyledInputWrapper>\n                    {displayState === 'maxAmount' ||\n                    inputValue === '0' ||\n                    (shouldForceLabel && typeof label === 'string') ? (\n                        <StyledAmountControlPseudoInput\n                            onClick={handleDeleteIconClick}\n                            $shouldShowWideInput={shouldShowWideInput}\n                            $shouldShowRightIcon={shouldShowRightIcon}\n                        >\n                            {inputLabel}\n                        </StyledAmountControlPseudoInput>\n                    ) : (\n                        <StyledAmountControlInput\n                            ref={inputRef}\n                            $displayState={displayState}\n                            $shouldShowIcon={shouldShowIcon}\n                            $shouldShowWideInput={shouldShowWideInput}\n                            $hasFocus={hasFocus}\n                            onBlur={handleInputBlur}\n                            onChange={handleInputChange}\n                            value={inputLabel}\n                        />\n                    )}\n                </StyledInputWrapper>\n                <AnimatePresence initial={false}>\n                    {(displayState === 'normal' || displayState === 'minAmount') && (\n                        <StyledMotionAmountControlButton\n                            key=\"right_button\"\n                            initial={{ width: 0, opacity: 0, padding: 0 }}\n                            animate={{\n                                width: 40,\n                                opacity: 1,\n                                padding: 0,\n                            }}\n                            exit={{ width: 0, opacity: 0, padding: 0 }}\n                            transition={{ duration: 0.2, type: 'tween' }}\n                            onClick={handleAmountAdd}\n                            disabled={maxAmount ? amountValue >= maxAmount : false}\n                            $isDisabled={maxAmount ? amountValue >= maxAmount : false}\n                        >\n                            <Icon icons={['fa fa-plus']} size={15} color=\"white\" />\n                        </StyledMotionAmountControlButton>\n                    )}\n                </AnimatePresence>\n                <AnimatePresence initial={false}>\n                    {shouldShowRightIcon && iconButton}\n                </AnimatePresence>\n            </StyledAmountControl>\n        ),\n        [\n            amountValue,\n            displayState,\n            handleAmountAdd,\n            handleDeleteIconClick,\n            handleFirstAmount,\n            handleInputBlur,\n            handleInputChange,\n            hasFocus,\n            iconButton,\n            inputValue,\n            isDisabled,\n            label,\n            maxAmount,\n            shouldShowIcon,\n            shouldShowLeftIcon,\n            shouldShowRightIcon,\n            shouldShowWideInput,\n        ],\n    );\n};\n\nAmountControl.displayName = 'AmountControl';\n\nexport default AmountControl;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/accordion.js

@@ -38,7 +38,7 @@ const getElementClickEvent = element => {
   let hasClickHandler = false;
   const checkForClickHandler = el => {
     if (! /*#__PURE__*/(0, _react.isValidElement)(el)) return;
-    if (typeof el.type !== 'string' && 'displayName' in el.type && (el.type.displayName === 'Checkbox' || el.type.displayName === 'ComboBox' || el.type.displayName === 'SelectButton')) {
+    if (typeof el.type !== 'string' && 'displayName' in el.type && (el.type.displayName === 'Checkbox' || el.type.displayName === 'ComboBox' || el.type.displayName === 'SelectButton' || el.type.displayName === 'AmountControl')) {
       hasClickHandler = true;
       return;
     }

package/lib/cjs/utils/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["_react","require","getAccordionHeadHeight","isWrapped","title","width","hasSearch","element","document","createElement","style","opacity","pointerEvents","whiteSpace","innerHTML","body","appendChild","closedHeight","Math","max","clientHeight","fontWeight","fontSize","openHeight","removeChild","closed","open","exports","getElementClickEvent","hasClickHandler","checkForClickHandler","el","isValidElement","type","displayName","props","onClick","onPointerDown","onMouseDown","onTouchStart","children","Children","forEach"],"sources":["../../../src/utils/accordion.ts"],"sourcesContent":["import { Children, isValidElement, ReactNode } from 'react';\nimport type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';\n\ntype GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' | 'title'> & {\n    width: number;\n    hasSearch: boolean;\n};\n\ninterface GetAccordionHeadHeightResult {\n    closed: number;\n    open: number;\n}\n\nexport const getAccordionHeadHeight = ({\n    isWrapped,\n    title,\n    width,\n    hasSearch,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n    const element = document.createElement('div');\n\n    element.style.opacity = '1';\n    element.style.pointerEvents = 'none';\n    element.style.whiteSpace = 'nowrap';\n    element.style.width = `${width}px`;\n\n    element.innerHTML = title;\n\n    document.body.appendChild(element);\n\n    const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    if (isWrapped) {\n        element.style.fontWeight = 'bold';\n        element.style.whiteSpace = 'nowrap';\n    } else {\n        element.style.fontSize = '1.3rem';\n        element.style.whiteSpace = hasSearch ? 'nowrap' : 'normal';\n    }\n\n    const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    document.body.removeChild(element);\n\n    return { closed: closedHeight, open: openHeight };\n};\n\nexport const getElementClickEvent = (element: ReactNode) => {\n    let hasClickHandler = false;\n\n    const checkForClickHandler = (el: ReactNode) => {\n        if (!isValidElement(el)) return;\n\n        if (\n            typeof el.type !== 'string' &&\n            'displayName' in el.type &&\n            (el.type.displayName === 'Checkbox' ||\n                el.type.displayName === 'ComboBox' ||\n                el.type.displayName === 'SelectButton')\n        ) {\n            hasClickHandler = true;\n\n            return;\n        }\n\n        if (\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onClick ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onPointerDown ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onMouseDown ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onTouchStart\n        ) {\n            hasClickHandler = true;\n\n            return;\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        if (el.props.children) {\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-unsafe-member-access\n            Children.forEach(el.props.children, checkForClickHandler);\n        }\n    };\n\n    checkForClickHandler(element);\n\n    return hasClickHandler;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAaO,MAAMC,sBAAsB,GAAGA,CAAC;EACnCC,SAAS;EACTC,KAAK;EACLC,KAAK;EACLC;AAC2B,CAAC,KAAmC;EAC/D,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,OAAO,GAAG,GAAG;EAC3BJ,OAAO,CAACG,KAAK,CAACE,aAAa,GAAG,MAAM;EACpCL,OAAO,CAACG,KAAK,CAACG,UAAU,GAAG,QAAQ;EACnCN,OAAO,CAACG,KAAK,CAACL,KAAK,GAAG,GAAGA,KAAK,IAAI;EAElCE,OAAO,CAACO,SAAS,GAAGV,KAAK;EAEzBI,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACT,OAAO,CAAC;EAElC,MAAMU,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACZ,OAAO,CAACa,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE5E,IAAIA,SAAS,EAAE;IACXI,OAAO,CAACG,KAAK,CAACW,UAAU,GAAG,MAAM;IACjCd,OAAO,CAACG,KAAK,CAACG,UAAU,GAAG,QAAQ;EACvC,CAAC,MAAM;IACHN,OAAO,CAACG,KAAK,CAACY,QAAQ,GAAG,QAAQ;IACjCf,OAAO,CAACG,KAAK,CAACG,UAAU,GAAGP,SAAS,GAAG,QAAQ,GAAG,QAAQ;EAC9D;EAEA,MAAMiB,UAAU,GAAGL,IAAI,CAACC,GAAG,CAACZ,OAAO,CAACa,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE1EK,QAAQ,CAACO,IAAI,CAACS,WAAW,CAACjB,OAAO,CAAC;EAElC,OAAO;IAAEkB,MAAM,EAAER,YAAY;IAAES,IAAI,EAAEH;EAAW,CAAC;AACrD,CAAC;AAACI,OAAA,CAAAzB,sBAAA,GAAAA,sBAAA;AAEK,MAAM0B,oBAAoB,GAAIrB,OAAkB,IAAK;EACxD,IAAIsB,eAAe,GAAG,KAAK;EAE3B,MAAMC,oBAAoB,GAAIC,EAAa,IAAK;IAC5C,IAAI,eAAC,IAAAC,qBAAc,EAACD,EAAE,CAAC,EAAE;IAEzB,IACI,OAAOA,EAAE,CAACE,IAAI,KAAK,QAAQ,IAC3B,aAAa,IAAIF,EAAE,CAACE,IAAI,KACvBF,EAAE,CAACE,IAAI,CAACC,WAAW,KAAK,UAAU,IAC/BH,EAAE,CAACE,IAAI,CAACC,WAAW,KAAK,UAAU,IAClCH,EAAE,CAACE,IAAI,CAACC,WAAW,KAAK,cAAc,CAAC,EAC7C;MACEL,eAAe,GAAG,IAAI;MAEtB;IACJ;IAEA;IACI;IACAE,EAAE,CAACI,KAAK,CAACC,OAAO;IAChB;IACAL,EAAE,CAACI,KAAK,CAACE,aAAa;IACtB;IACAN,EAAE,CAACI,KAAK,CAACG,WAAW;IACpB;IACAP,EAAE,CAACI,KAAK,CAACI,YAAY,EACvB;MACEV,eAAe,GAAG,IAAI;MAEtB;IACJ;;IAEA;IACA,IAAIE,EAAE,CAACI,KAAK,CAACK,QAAQ,EAAE;MACnB;MACAC,eAAQ,CAACC,OAAO,CAACX,EAAE,CAACI,KAAK,CAACK,QAAQ,EAAEV,oBAAoB,CAAC;IAC7D;EACJ,CAAC;EAEDA,oBAAoB,CAACvB,OAAO,CAAC;EAE7B,OAAOsB,eAAe;AAC1B,CAAC;AAACF,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"file":"accordion.js","names":["_react","require","getAccordionHeadHeight","isWrapped","title","width","hasSearch","element","document","createElement","style","opacity","pointerEvents","whiteSpace","innerHTML","body","appendChild","closedHeight","Math","max","clientHeight","fontWeight","fontSize","openHeight","removeChild","closed","open","exports","getElementClickEvent","hasClickHandler","checkForClickHandler","el","isValidElement","type","displayName","props","onClick","onPointerDown","onMouseDown","onTouchStart","children","Children","forEach"],"sources":["../../../src/utils/accordion.ts"],"sourcesContent":["import { Children, isValidElement, ReactNode } from 'react';\nimport type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';\n\ntype GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' | 'title'> & {\n    width: number;\n    hasSearch: boolean;\n};\n\ninterface GetAccordionHeadHeightResult {\n    closed: number;\n    open: number;\n}\n\nexport const getAccordionHeadHeight = ({\n    isWrapped,\n    title,\n    width,\n    hasSearch,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n    const element = document.createElement('div');\n\n    element.style.opacity = '1';\n    element.style.pointerEvents = 'none';\n    element.style.whiteSpace = 'nowrap';\n    element.style.width = `${width}px`;\n\n    element.innerHTML = title;\n\n    document.body.appendChild(element);\n\n    const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    if (isWrapped) {\n        element.style.fontWeight = 'bold';\n        element.style.whiteSpace = 'nowrap';\n    } else {\n        element.style.fontSize = '1.3rem';\n        element.style.whiteSpace = hasSearch ? 'nowrap' : 'normal';\n    }\n\n    const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    document.body.removeChild(element);\n\n    return { closed: closedHeight, open: openHeight };\n};\n\nexport const getElementClickEvent = (element: ReactNode) => {\n    let hasClickHandler = false;\n\n    const checkForClickHandler = (el: ReactNode) => {\n        if (!isValidElement(el)) return;\n\n        if (\n            typeof el.type !== 'string' &&\n            'displayName' in el.type &&\n            (el.type.displayName === 'Checkbox' ||\n                el.type.displayName === 'ComboBox' ||\n                el.type.displayName === 'SelectButton' ||\n                el.type.displayName === 'AmountControl')\n        ) {\n            hasClickHandler = true;\n\n            return;\n        }\n\n        if (\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onClick ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onPointerDown ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onMouseDown ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onTouchStart\n        ) {\n            hasClickHandler = true;\n\n            return;\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        if (el.props.children) {\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-unsafe-member-access\n            Children.forEach(el.props.children, checkForClickHandler);\n        }\n    };\n\n    checkForClickHandler(element);\n\n    return hasClickHandler;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAaO,MAAMC,sBAAsB,GAAGA,CAAC;EACnCC,SAAS;EACTC,KAAK;EACLC,KAAK;EACLC;AAC2B,CAAC,KAAmC;EAC/D,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,OAAO,GAAG,GAAG;EAC3BJ,OAAO,CAACG,KAAK,CAACE,aAAa,GAAG,MAAM;EACpCL,OAAO,CAACG,KAAK,CAACG,UAAU,GAAG,QAAQ;EACnCN,OAAO,CAACG,KAAK,CAACL,KAAK,GAAG,GAAGA,KAAK,IAAI;EAElCE,OAAO,CAACO,SAAS,GAAGV,KAAK;EAEzBI,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACT,OAAO,CAAC;EAElC,MAAMU,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACZ,OAAO,CAACa,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE5E,IAAIA,SAAS,EAAE;IACXI,OAAO,CAACG,KAAK,CAACW,UAAU,GAAG,MAAM;IACjCd,OAAO,CAACG,KAAK,CAACG,UAAU,GAAG,QAAQ;EACvC,CAAC,MAAM;IACHN,OAAO,CAACG,KAAK,CAACY,QAAQ,GAAG,QAAQ;IACjCf,OAAO,CAACG,KAAK,CAACG,UAAU,GAAGP,SAAS,GAAG,QAAQ,GAAG,QAAQ;EAC9D;EAEA,MAAMiB,UAAU,GAAGL,IAAI,CAACC,GAAG,CAACZ,OAAO,CAACa,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE1EK,QAAQ,CAACO,IAAI,CAACS,WAAW,CAACjB,OAAO,CAAC;EAElC,OAAO;IAAEkB,MAAM,EAAER,YAAY;IAAES,IAAI,EAAEH;EAAW,CAAC;AACrD,CAAC;AAACI,OAAA,CAAAzB,sBAAA,GAAAA,sBAAA;AAEK,MAAM0B,oBAAoB,GAAIrB,OAAkB,IAAK;EACxD,IAAIsB,eAAe,GAAG,KAAK;EAE3B,MAAMC,oBAAoB,GAAIC,EAAa,IAAK;IAC5C,IAAI,eAAC,IAAAC,qBAAc,EAACD,EAAE,CAAC,EAAE;IAEzB,IACI,OAAOA,EAAE,CAACE,IAAI,KAAK,QAAQ,IAC3B,aAAa,IAAIF,EAAE,CAACE,IAAI,KACvBF,EAAE,CAACE,IAAI,CAACC,WAAW,KAAK,UAAU,IAC/BH,EAAE,CAACE,IAAI,CAACC,WAAW,KAAK,UAAU,IAClCH,EAAE,CAACE,IAAI,CAACC,WAAW,KAAK,cAAc,IACtCH,EAAE,CAACE,IAAI,CAACC,WAAW,KAAK,eAAe,CAAC,EAC9C;MACEL,eAAe,GAAG,IAAI;MAEtB;IACJ;IAEA;IACI;IACAE,EAAE,CAACI,KAAK,CAACC,OAAO;IAChB;IACAL,EAAE,CAACI,KAAK,CAACE,aAAa;IACtB;IACAN,EAAE,CAACI,KAAK,CAACG,WAAW;IACpB;IACAP,EAAE,CAACI,KAAK,CAACI,YAAY,EACvB;MACEV,eAAe,GAAG,IAAI;MAEtB;IACJ;;IAEA;IACA,IAAIE,EAAE,CAACI,KAAK,CAACK,QAAQ,EAAE;MACnB;MACAC,eAAQ,CAACC,OAAO,CAACX,EAAE,CAACI,KAAK,CAACK,QAAQ,EAAEV,oBAAoB,CAAC;IAC7D;EACJ,CAAC;EAEDA,oBAAoB,CAACvB,OAAO,CAAC;EAE7B,OAAOsB,eAAe;AAC1B,CAAC;AAACF,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/lib/esm/components/amount-control/AmountControl.js

@@ -12,6 +12,7 @@ const AmountControl = ({
   maxAmount,
   minAmount = 0,
   onChange,
+  shouldForceLabel = false,
   shouldShowAddIconOnMinAmount = false,
   shouldShowIcon = true,
   shouldShowWideInput = false,
@@ -210,16 +211,20 @@ const AmountControl = ({
     disabled: amountValue !== 0 && amountValue <= minAmount,
     $isDisabled: amountValue !== 0 && amountValue <= minAmount
   }, leftIcon), [amountValue, displayState, handleAmountRemove, leftIcon, minAmount]);
+  let inputLabel = inputValue;
+  if (typeof label === 'string' && (displayState === 'default' || shouldForceLabel)) {
+    inputLabel = label;
+  }
   return useMemo(() => /*#__PURE__*/React.createElement(StyledAmountControl, {
     onClick: handleFirstAmount,
     $isDisabled: isDisabled
   }, /*#__PURE__*/React.createElement(AnimatePresence, {
     initial: false
-  }, shouldShowLeftIcon && iconButton), /*#__PURE__*/React.createElement(StyledInputWrapper, null, displayState === 'maxAmount' || inputValue === '0' ? /*#__PURE__*/React.createElement(StyledAmountControlPseudoInput, {
+  }, shouldShowLeftIcon && iconButton), /*#__PURE__*/React.createElement(StyledInputWrapper, null, displayState === 'maxAmount' || inputValue === '0' || shouldForceLabel && typeof label === 'string' ? /*#__PURE__*/React.createElement(StyledAmountControlPseudoInput, {
     onClick: handleDeleteIconClick,
     $shouldShowWideInput: shouldShowWideInput,
     $shouldShowRightIcon: shouldShowRightIcon
-  }, displayState === 'default' && label ? label : inputValue) : /*#__PURE__*/React.createElement(StyledAmountControlInput, {
+  }, inputLabel) : /*#__PURE__*/React.createElement(StyledAmountControlInput, {
     ref: inputRef,
     $displayState: displayState,
     $shouldShowIcon: shouldShowIcon,
@@ -227,7 +232,7 @@ const AmountControl = ({
     $hasFocus: hasFocus,
     onBlur: handleInputBlur,
     onChange: handleInputChange,
-    value: displayState === 'default' && label ? label : inputValue
+    value: inputLabel
   })), /*#__PURE__*/React.createElement(AnimatePresence, {
     initial: false
   }, (displayState === 'normal' || displayState === 'minAmount') && /*#__PURE__*/React.createElement(StyledMotionAmountControlButton, {

package/lib/esm/components/amount-control/AmountControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountControl.js","names":["AnimatePresence","React","useCallback","useEffect","useMemo","useRef","useState","checkForValidAmount","Icon","StyledAmountControl","StyledAmountControlInput","StyledAmountControlPseudoInput","StyledInputWrapper","StyledMotionAmountControlButton","AmountControl","amount","icon","iconColor","isDisabled","label","maxAmount","minAmount","onChange","shouldShowAddIconOnMinAmount","shouldShowIcon","shouldShowWideInput","step","stepProp","amountValue","setAmountValue","inputValue","setInputValue","toString","displayState","setDisplayState","Number","isSafeInteger","inputRef","hasFocus","handleAmountAdd","prevState","newAmount","handleAmountRemove","handleFirstAmount","handleDeleteIconClick","window","setTimeout","current","focus","handleInputBlur","checkedValue","Math","round","handleInputChange","event","value","target","valueBefore","replace","leftIcon","item","createElement","icons","size","color","shouldShowRightIcon","shouldShowLeftIcon","iconButton","key","initial","width","opacity","padding","animate","exit","transition","duration","type","onClick","$color","undefined","disabled","$isDisabled","$shouldShowWideInput","$shouldShowRightIcon","ref","$displayState","$shouldShowIcon","$hasFocus","onBlur","displayName"],"sources":["../../../../src/components/amount-control/AmountControl.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    ChangeEvent,\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { checkForValidAmount } from '../../utils/amountControl';\nimport Icon from '../icon/Icon';\nimport {\n    StyledAmountControl,\n    StyledAmountControlInput,\n    StyledAmountControlPseudoInput,\n    StyledInputWrapper,\n    StyledMotionAmountControlButton,\n} from './AmountControl.styles';\n\nexport type DisplayState = 'default' | 'normal' | 'maxAmount' | 'minAmount';\n\nexport type AmountControlProps = {\n    /**\n     * The amount that should be displayed.\n     */\n    amount?: number;\n    /**\n     * The icon that should be displayed if no amount is selected.\n     */\n    icon?: string;\n    /**\n     * The color of the icon.\n     */\n    iconColor?: string;\n    /**\n     * Whether the control should be disabled\n     */\n    isDisabled?: boolean;\n    /**\n     * A Text that should be displayed if no amount is selected;\n     */\n    label?: string;\n    /**\n     * The maximum allowed amount. If the maxAmount is reached, a check icon is displayed on the left side.\n     */\n    maxAmount?: number;\n    /**\n     * The minimum allowed amount.\n     */\n    minAmount?: number;\n    /**\n     * A Function that is executed when the amount is changed\n     */\n    onChange?: (amount: number) => void;\n    /**\n     * Whether the \"add\"-icon should be displayed if the minAmount is reached.\n     */\n    shouldShowAddIconOnMinAmount?: boolean;\n    /**\n     * Whether the icon should be displayed if no amount is selected\n     */\n    shouldShowIcon?: boolean;\n    /**\n     * Whether the input should be wider\n     */\n    shouldShowWideInput?: boolean;\n    /**\n     * Defines the amount that will change when adjusted\n     */\n    step?: number;\n};\n\nconst AmountControl: FC<AmountControlProps> = ({\n    amount,\n    icon,\n    iconColor,\n    isDisabled = false,\n    label,\n    maxAmount,\n    minAmount = 0,\n    onChange,\n    shouldShowAddIconOnMinAmount = false,\n    shouldShowIcon = true,\n    shouldShowWideInput = false,\n    step: stepProp = 1,\n}) => {\n    const [amountValue, setAmountValue] = useState(minAmount);\n    const [inputValue, setInputValue] = useState(minAmount.toString());\n    const [displayState, setDisplayState] = useState<DisplayState>('default');\n\n    const step = useMemo(\n        () => (Number.isSafeInteger(stepProp) && stepProp >= 1 ? stepProp : 1),\n        [stepProp],\n    );\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    /**\n     * This function controls the displayState\n     */\n    useEffect(() => {\n        switch (true) {\n            case maxAmount && amountValue >= maxAmount:\n                setDisplayState('maxAmount');\n                return;\n            case amountValue > minAmount:\n                setDisplayState('normal');\n                return;\n            case amountValue === minAmount && amountValue >= 0 && shouldShowAddIconOnMinAmount:\n                setDisplayState('minAmount');\n                return;\n            default:\n                setDisplayState('default');\n        }\n    }, [amountValue, maxAmount, minAmount, shouldShowAddIconOnMinAmount]);\n\n    const hasFocus = useMemo(() => displayState !== 'default', [displayState]);\n\n    /**\n     * Function that sets the amountValue to the amount\n     */\n    useEffect(() => {\n        if (typeof amount !== 'number') {\n            return;\n        }\n\n        setAmountValue(checkForValidAmount({ amount, maxAmount, minAmount }));\n        setInputValue(checkForValidAmount({ amount, maxAmount, minAmount }).toString());\n    }, [amount, maxAmount, minAmount]);\n\n    const handleAmountAdd = useCallback(() => {\n        setAmountValue((prevState) => {\n            const newAmount = checkForValidAmount({\n                amount: prevState + step,\n                minAmount,\n                maxAmount,\n            });\n\n            if (typeof onChange === 'function') {\n                onChange(newAmount);\n            }\n\n            return typeof amount === 'number' ? prevState : newAmount;\n        });\n        setInputValue((prevState) =>\n            checkForValidAmount({\n                amount: Number(prevState) + step,\n                minAmount,\n                maxAmount,\n            }).toString(),\n        );\n    }, [amount, maxAmount, minAmount, onChange, step]);\n\n    const handleAmountRemove = useCallback(() => {\n        if (displayState === 'default') {\n            return;\n        }\n\n        setAmountValue((prevState) => {\n            const newAmount = checkForValidAmount({\n                amount: prevState - step,\n                minAmount,\n                maxAmount,\n            });\n\n            if (typeof onChange === 'function') {\n                onChange(newAmount);\n            }\n\n            return newAmount;\n        });\n        setInputValue((prevState) =>\n            checkForValidAmount({\n                amount: Number(prevState) - step,\n                minAmount,\n                maxAmount,\n            }).toString(),\n        );\n    }, [displayState, maxAmount, minAmount, onChange, step]);\n\n    const handleFirstAmount = useCallback(() => {\n        if (amountValue !== minAmount) {\n            return;\n        }\n\n        if (typeof onChange === 'function') {\n            onChange(minAmount + step);\n        }\n\n        setAmountValue(minAmount + step);\n        setInputValue((minAmount + step).toString());\n    }, [amountValue, minAmount, onChange, step]);\n\n    const handleDeleteIconClick = useCallback(() => {\n        if (inputValue === '0') {\n            window.setTimeout(() => {\n                inputRef.current?.focus();\n            }, 500);\n        } else {\n            handleAmountRemove();\n        }\n    }, [handleAmountRemove, inputValue]);\n\n    const handleInputBlur = useCallback(() => {\n        const checkedValue = checkForValidAmount({\n            minAmount,\n            maxAmount,\n            amount: Math.round(Number(inputValue) / step) * step,\n        });\n\n        setAmountValue(checkedValue);\n        setInputValue(checkedValue.toString());\n\n        if (typeof onChange === 'function') {\n            onChange(checkedValue);\n        }\n\n        if (inputValue === '') {\n            setInputValue(minAmount.toString());\n        }\n    }, [inputValue, maxAmount, minAmount, onChange, step]);\n\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            const { value } = event.target;\n\n            const valueBefore = Number(value.replace(/\\D/g, ''));\n\n            if (valueBefore < minAmount && minAmount === 0) {\n                setInputValue('0');\n\n                return;\n            }\n\n            setInputValue(valueBefore === 0 ? '' : valueBefore.toString());\n        },\n        [minAmount],\n    );\n\n    const leftIcon = useMemo(() => {\n        let item: ReactElement | null = null;\n\n        switch (displayState) {\n            case 'default':\n                item = (\n                    <Icon\n                        icons={[icon ?? 'fa fa-cart-shopping']}\n                        size={14}\n                        color={iconColor ?? 'white'}\n                    />\n                );\n                break;\n            case 'maxAmount':\n                item = <Icon icons={['fa ts-check']} size={20} color=\"white\" />;\n                break;\n            case 'normal':\n                item = <Icon icons={['fa fa-minus']} size={15} color=\"white\" />;\n                break;\n            default:\n                break;\n        }\n\n        return item;\n    }, [displayState, icon, iconColor]);\n\n    const shouldShowRightIcon = useMemo(\n        () =>\n            shouldShowIcon && (displayState === 'default' || displayState === 'maxAmount') && !icon,\n        [displayState, icon, shouldShowIcon],\n    );\n\n    const shouldShowLeftIcon = useMemo(() => {\n        if (shouldShowAddIconOnMinAmount && displayState === 'minAmount') {\n            return false;\n        }\n\n        if (shouldShowIcon) {\n            return !shouldShowRightIcon;\n        }\n\n        return !((displayState === 'default' || displayState === 'minAmount') && !shouldShowIcon);\n    }, [displayState, shouldShowAddIconOnMinAmount, shouldShowIcon, shouldShowRightIcon]);\n\n    const iconButton = useMemo(\n        () => (\n            <StyledMotionAmountControlButton\n                key=\"right_button\"\n                initial={{ width: 0, opacity: 0, padding: 0 }}\n                animate={{\n                    width: displayState === 'normal' ? 40 : 28,\n                    opacity: 1,\n                    padding: 0,\n                }}\n                exit={{ width: 0, opacity: 0, padding: 0 }}\n                transition={{ duration: 0.2, type: 'tween' }}\n                onClick={handleAmountRemove}\n                $color={displayState === 'maxAmount' ? 'rgb(32, 198, 90)' : undefined}\n                disabled={amountValue !== 0 && amountValue <= minAmount}\n                $isDisabled={amountValue !== 0 && amountValue <= minAmount}\n            >\n                {leftIcon}\n            </StyledMotionAmountControlButton>\n        ),\n        [amountValue, displayState, handleAmountRemove, leftIcon, minAmount],\n    );\n\n    return useMemo(\n        () => (\n            <StyledAmountControl onClick={handleFirstAmount} $isDisabled={isDisabled}>\n                <AnimatePresence initial={false}>\n                    {shouldShowLeftIcon && iconButton}\n                </AnimatePresence>\n                <StyledInputWrapper>\n                    {displayState === 'maxAmount' || inputValue === '0' ? (\n                        <StyledAmountControlPseudoInput\n                            onClick={handleDeleteIconClick}\n                            $shouldShowWideInput={shouldShowWideInput}\n                            $shouldShowRightIcon={shouldShowRightIcon}\n                        >\n                            {displayState === 'default' && label ? label : inputValue}\n                        </StyledAmountControlPseudoInput>\n                    ) : (\n                        <StyledAmountControlInput\n                            ref={inputRef}\n                            $displayState={displayState}\n                            $shouldShowIcon={shouldShowIcon}\n                            $shouldShowWideInput={shouldShowWideInput}\n                            $hasFocus={hasFocus}\n                            onBlur={handleInputBlur}\n                            onChange={handleInputChange}\n                            value={displayState === 'default' && label ? label : inputValue}\n                        />\n                    )}\n                </StyledInputWrapper>\n                <AnimatePresence initial={false}>\n                    {(displayState === 'normal' || displayState === 'minAmount') && (\n                        <StyledMotionAmountControlButton\n                            key=\"right_button\"\n                            initial={{ width: 0, opacity: 0, padding: 0 }}\n                            animate={{\n                                width: 40,\n                                opacity: 1,\n                                padding: 0,\n                            }}\n                            exit={{ width: 0, opacity: 0, padding: 0 }}\n                            transition={{ duration: 0.2, type: 'tween' }}\n                            onClick={handleAmountAdd}\n                            disabled={maxAmount ? amountValue >= maxAmount : false}\n                            $isDisabled={maxAmount ? amountValue >= maxAmount : false}\n                        >\n                            <Icon icons={['fa fa-plus']} size={15} color=\"white\" />\n                        </StyledMotionAmountControlButton>\n                    )}\n                </AnimatePresence>\n                <AnimatePresence initial={false}>\n                    {shouldShowRightIcon && iconButton}\n                </AnimatePresence>\n            </StyledAmountControl>\n        ),\n        [\n            amountValue,\n            displayState,\n            handleAmountAdd,\n            handleDeleteIconClick,\n            handleFirstAmount,\n            handleInputBlur,\n            handleInputChange,\n            hasFocus,\n            iconButton,\n            inputValue,\n            isDisabled,\n            label,\n            maxAmount,\n            shouldShowIcon,\n            shouldShowLeftIcon,\n            shouldShowRightIcon,\n            shouldShowWideInput,\n        ],\n    );\n};\n\nAmountControl.displayName = 'AmountControl';\n\nexport default AmountControl;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AmountControl.js","names":["AnimatePresence","React","useCallback","useEffect","useMemo","useRef","useState","checkForValidAmount","Icon","StyledAmountControl","StyledAmountControlInput","StyledAmountControlPseudoInput","StyledInputWrapper","StyledMotionAmountControlButton","AmountControl","amount","icon","iconColor","isDisabled","label","maxAmount","minAmount","onChange","shouldForceLabel","shouldShowAddIconOnMinAmount","shouldShowIcon","shouldShowWideInput","step","stepProp","amountValue","setAmountValue","inputValue","setInputValue","toString","displayState","setDisplayState","Number","isSafeInteger","inputRef","hasFocus","handleAmountAdd","prevState","newAmount","handleAmountRemove","handleFirstAmount","handleDeleteIconClick","window","setTimeout","current","focus","handleInputBlur","checkedValue","Math","round","handleInputChange","event","value","target","valueBefore","replace","leftIcon","item","createElement","icons","size","color","shouldShowRightIcon","shouldShowLeftIcon","iconButton","key","initial","width","opacity","padding","animate","exit","transition","duration","type","onClick","$color","undefined","disabled","$isDisabled","inputLabel","$shouldShowWideInput","$shouldShowRightIcon","ref","$displayState","$shouldShowIcon","$hasFocus","onBlur","displayName"],"sources":["../../../../src/components/amount-control/AmountControl.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    ChangeEvent,\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { checkForValidAmount } from '../../utils/amountControl';\nimport Icon from '../icon/Icon';\nimport {\n    StyledAmountControl,\n    StyledAmountControlInput,\n    StyledAmountControlPseudoInput,\n    StyledInputWrapper,\n    StyledMotionAmountControlButton,\n} from './AmountControl.styles';\n\nexport type DisplayState = 'default' | 'normal' | 'maxAmount' | 'minAmount';\n\nexport type AmountControlProps = {\n    /**\n     * The amount that should be displayed.\n     */\n    amount?: number;\n    /**\n     * The icon that should be displayed if no amount is selected.\n     */\n    icon?: string;\n    /**\n     * The color of the icon.\n     */\n    iconColor?: string;\n    /**\n     * Whether the control should be disabled\n     */\n    isDisabled?: boolean;\n    /**\n     * A Text that should be displayed if no amount is selected;\n     */\n    label?: string;\n    /**\n     * The maximum allowed amount. If the maxAmount is reached, a check icon is displayed on the left side.\n     */\n    maxAmount?: number;\n    /**\n     * The minimum allowed amount.\n     */\n    minAmount?: number;\n    /**\n     * A Function that is executed when the amount is changed\n     */\n    onChange?: (amount: number) => void;\n    /**\n     * Whether the label should be displayed even if an amount is selected.\n     */\n    shouldForceLabel?: boolean;\n    /**\n     * Whether the \"add\"-icon should be displayed if the minAmount is reached.\n     */\n    shouldShowAddIconOnMinAmount?: boolean;\n    /**\n     * Whether the icon should be displayed if no amount is selected\n     */\n    shouldShowIcon?: boolean;\n    /**\n     * Whether the input should be wider\n     */\n    shouldShowWideInput?: boolean;\n    /**\n     * Defines the amount that will change when adjusted\n     */\n    step?: number;\n};\n\nconst AmountControl: FC<AmountControlProps> = ({\n    amount,\n    icon,\n    iconColor,\n    isDisabled = false,\n    label,\n    maxAmount,\n    minAmount = 0,\n    onChange,\n    shouldForceLabel = false,\n    shouldShowAddIconOnMinAmount = false,\n    shouldShowIcon = true,\n    shouldShowWideInput = false,\n    step: stepProp = 1,\n}) => {\n    const [amountValue, setAmountValue] = useState(minAmount);\n    const [inputValue, setInputValue] = useState(minAmount.toString());\n    const [displayState, setDisplayState] = useState<DisplayState>('default');\n\n    const step = useMemo(\n        () => (Number.isSafeInteger(stepProp) && stepProp >= 1 ? stepProp : 1),\n        [stepProp],\n    );\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    /**\n     * This function controls the displayState\n     */\n    useEffect(() => {\n        switch (true) {\n            case maxAmount && amountValue >= maxAmount:\n                setDisplayState('maxAmount');\n                return;\n            case amountValue > minAmount:\n                setDisplayState('normal');\n                return;\n            case amountValue === minAmount && amountValue >= 0 && shouldShowAddIconOnMinAmount:\n                setDisplayState('minAmount');\n                return;\n            default:\n                setDisplayState('default');\n        }\n    }, [amountValue, maxAmount, minAmount, shouldShowAddIconOnMinAmount]);\n\n    const hasFocus = useMemo(() => displayState !== 'default', [displayState]);\n\n    /**\n     * Function that sets the amountValue to the amount\n     */\n    useEffect(() => {\n        if (typeof amount !== 'number') {\n            return;\n        }\n\n        setAmountValue(checkForValidAmount({ amount, maxAmount, minAmount }));\n        setInputValue(checkForValidAmount({ amount, maxAmount, minAmount }).toString());\n    }, [amount, maxAmount, minAmount]);\n\n    const handleAmountAdd = useCallback(() => {\n        setAmountValue((prevState) => {\n            const newAmount = checkForValidAmount({\n                amount: prevState + step,\n                minAmount,\n                maxAmount,\n            });\n\n            if (typeof onChange === 'function') {\n                onChange(newAmount);\n            }\n\n            return typeof amount === 'number' ? prevState : newAmount;\n        });\n        setInputValue((prevState) =>\n            checkForValidAmount({\n                amount: Number(prevState) + step,\n                minAmount,\n                maxAmount,\n            }).toString(),\n        );\n    }, [amount, maxAmount, minAmount, onChange, step]);\n\n    const handleAmountRemove = useCallback(() => {\n        if (displayState === 'default') {\n            return;\n        }\n\n        setAmountValue((prevState) => {\n            const newAmount = checkForValidAmount({\n                amount: prevState - step,\n                minAmount,\n                maxAmount,\n            });\n\n            if (typeof onChange === 'function') {\n                onChange(newAmount);\n            }\n\n            return newAmount;\n        });\n        setInputValue((prevState) =>\n            checkForValidAmount({\n                amount: Number(prevState) - step,\n                minAmount,\n                maxAmount,\n            }).toString(),\n        );\n    }, [displayState, maxAmount, minAmount, onChange, step]);\n\n    const handleFirstAmount = useCallback(() => {\n        if (amountValue !== minAmount) {\n            return;\n        }\n\n        if (typeof onChange === 'function') {\n            onChange(minAmount + step);\n        }\n\n        setAmountValue(minAmount + step);\n        setInputValue((minAmount + step).toString());\n    }, [amountValue, minAmount, onChange, step]);\n\n    const handleDeleteIconClick = useCallback(() => {\n        if (inputValue === '0') {\n            window.setTimeout(() => {\n                inputRef.current?.focus();\n            }, 500);\n        } else {\n            handleAmountRemove();\n        }\n    }, [handleAmountRemove, inputValue]);\n\n    const handleInputBlur = useCallback(() => {\n        const checkedValue = checkForValidAmount({\n            minAmount,\n            maxAmount,\n            amount: Math.round(Number(inputValue) / step) * step,\n        });\n\n        setAmountValue(checkedValue);\n        setInputValue(checkedValue.toString());\n\n        if (typeof onChange === 'function') {\n            onChange(checkedValue);\n        }\n\n        if (inputValue === '') {\n            setInputValue(minAmount.toString());\n        }\n    }, [inputValue, maxAmount, minAmount, onChange, step]);\n\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            const { value } = event.target;\n\n            const valueBefore = Number(value.replace(/\\D/g, ''));\n\n            if (valueBefore < minAmount && minAmount === 0) {\n                setInputValue('0');\n\n                return;\n            }\n\n            setInputValue(valueBefore === 0 ? '' : valueBefore.toString());\n        },\n        [minAmount],\n    );\n\n    const leftIcon = useMemo(() => {\n        let item: ReactElement | null = null;\n\n        switch (displayState) {\n            case 'default':\n                item = (\n                    <Icon\n                        icons={[icon ?? 'fa fa-cart-shopping']}\n                        size={14}\n                        color={iconColor ?? 'white'}\n                    />\n                );\n                break;\n            case 'maxAmount':\n                item = <Icon icons={['fa ts-check']} size={20} color=\"white\" />;\n                break;\n            case 'normal':\n                item = <Icon icons={['fa fa-minus']} size={15} color=\"white\" />;\n                break;\n            default:\n                break;\n        }\n\n        return item;\n    }, [displayState, icon, iconColor]);\n\n    const shouldShowRightIcon = useMemo(\n        () =>\n            shouldShowIcon && (displayState === 'default' || displayState === 'maxAmount') && !icon,\n        [displayState, icon, shouldShowIcon],\n    );\n\n    const shouldShowLeftIcon = useMemo(() => {\n        if (shouldShowAddIconOnMinAmount && displayState === 'minAmount') {\n            return false;\n        }\n\n        if (shouldShowIcon) {\n            return !shouldShowRightIcon;\n        }\n\n        return !((displayState === 'default' || displayState === 'minAmount') && !shouldShowIcon);\n    }, [displayState, shouldShowAddIconOnMinAmount, shouldShowIcon, shouldShowRightIcon]);\n\n    const iconButton = useMemo(\n        () => (\n            <StyledMotionAmountControlButton\n                key=\"right_button\"\n                initial={{ width: 0, opacity: 0, padding: 0 }}\n                animate={{\n                    width: displayState === 'normal' ? 40 : 28,\n                    opacity: 1,\n                    padding: 0,\n                }}\n                exit={{ width: 0, opacity: 0, padding: 0 }}\n                transition={{ duration: 0.2, type: 'tween' }}\n                onClick={handleAmountRemove}\n                $color={displayState === 'maxAmount' ? 'rgb(32, 198, 90)' : undefined}\n                disabled={amountValue !== 0 && amountValue <= minAmount}\n                $isDisabled={amountValue !== 0 && amountValue <= minAmount}\n            >\n                {leftIcon}\n            </StyledMotionAmountControlButton>\n        ),\n        [amountValue, displayState, handleAmountRemove, leftIcon, minAmount],\n    );\n\n    let inputLabel = inputValue;\n\n    if (typeof label === 'string' && (displayState === 'default' || shouldForceLabel)) {\n        inputLabel = label;\n    }\n\n    return useMemo(\n        () => (\n            <StyledAmountControl onClick={handleFirstAmount} $isDisabled={isDisabled}>\n                <AnimatePresence initial={false}>\n                    {shouldShowLeftIcon && iconButton}\n                </AnimatePresence>\n                <StyledInputWrapper>\n                    {displayState === 'maxAmount' ||\n                    inputValue === '0' ||\n                    (shouldForceLabel && typeof label === 'string') ? (\n                        <StyledAmountControlPseudoInput\n                            onClick={handleDeleteIconClick}\n                            $shouldShowWideInput={shouldShowWideInput}\n                            $shouldShowRightIcon={shouldShowRightIcon}\n                        >\n                            {inputLabel}\n                        </StyledAmountControlPseudoInput>\n                    ) : (\n                        <StyledAmountControlInput\n                            ref={inputRef}\n                            $displayState={displayState}\n                            $shouldShowIcon={shouldShowIcon}\n                            $shouldShowWideInput={shouldShowWideInput}\n                            $hasFocus={hasFocus}\n                            onBlur={handleInputBlur}\n                            onChange={handleInputChange}\n                            value={inputLabel}\n                        />\n                    )}\n                </StyledInputWrapper>\n                <AnimatePresence initial={false}>\n                    {(displayState === 'normal' || displayState === 'minAmount') && (\n                        <StyledMotionAmountControlButton\n                            key=\"right_button\"\n                            initial={{ width: 0, opacity: 0, padding: 0 }}\n                            animate={{\n                                width: 40,\n                                opacity: 1,\n                                padding: 0,\n                            }}\n                            exit={{ width: 0, opacity: 0, padding: 0 }}\n                            transition={{ duration: 0.2, type: 'tween' }}\n                            onClick={handleAmountAdd}\n                            disabled={maxAmount ? amountValue >= maxAmount : false}\n                            $isDisabled={maxAmount ? amountValue >= maxAmount : false}\n                        >\n                            <Icon icons={['fa fa-plus']} size={15} color=\"white\" />\n                        </StyledMotionAmountControlButton>\n                    )}\n                </AnimatePresence>\n                <AnimatePresence initial={false}>\n                    {shouldShowRightIcon && iconButton}\n                </AnimatePresence>\n            </StyledAmountControl>\n        ),\n        [\n            amountValue,\n            displayState,\n            handleAmountAdd,\n            handleDeleteIconClick,\n            handleFirstAmount,\n            handleInputBlur,\n            handleInputChange,\n            hasFocus,\n            iconButton,\n            inputValue,\n            isDisabled,\n            label,\n            maxAmount,\n            shouldShowIcon,\n            shouldShowLeftIcon,\n            shouldShowRightIcon,\n            shouldShowWideInput,\n        ],\n    );\n};\n\nAmountControl.displayName = 'AmountControl';\n\nexport default AmountControl;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/utils/accordion.js

@@ -31,7 +31,7 @@ export const getElementClickEvent = element => {
   let hasClickHandler = false;
   const checkForClickHandler = el => {
     if (! /*#__PURE__*/isValidElement(el)) return;
-    if (typeof el.type !== 'string' && 'displayName' in el.type && (el.type.displayName === 'Checkbox' || el.type.displayName === 'ComboBox' || el.type.displayName === 'SelectButton')) {
+    if (typeof el.type !== 'string' && 'displayName' in el.type && (el.type.displayName === 'Checkbox' || el.type.displayName === 'ComboBox' || el.type.displayName === 'SelectButton' || el.type.displayName === 'AmountControl')) {
       hasClickHandler = true;
       return;
     }

package/lib/esm/utils/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["Children","isValidElement","getAccordionHeadHeight","isWrapped","title","width","hasSearch","element","document","createElement","style","opacity","pointerEvents","whiteSpace","innerHTML","body","appendChild","closedHeight","Math","max","clientHeight","fontWeight","fontSize","openHeight","removeChild","closed","open","getElementClickEvent","hasClickHandler","checkForClickHandler","el","type","displayName","props","onClick","onPointerDown","onMouseDown","onTouchStart","children","forEach"],"sources":["../../../src/utils/accordion.ts"],"sourcesContent":["import { Children, isValidElement, ReactNode } from 'react';\nimport type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';\n\ntype GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' | 'title'> & {\n    width: number;\n    hasSearch: boolean;\n};\n\ninterface GetAccordionHeadHeightResult {\n    closed: number;\n    open: number;\n}\n\nexport const getAccordionHeadHeight = ({\n    isWrapped,\n    title,\n    width,\n    hasSearch,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n    const element = document.createElement('div');\n\n    element.style.opacity = '1';\n    element.style.pointerEvents = 'none';\n    element.style.whiteSpace = 'nowrap';\n    element.style.width = `${width}px`;\n\n    element.innerHTML = title;\n\n    document.body.appendChild(element);\n\n    const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    if (isWrapped) {\n        element.style.fontWeight = 'bold';\n        element.style.whiteSpace = 'nowrap';\n    } else {\n        element.style.fontSize = '1.3rem';\n        element.style.whiteSpace = hasSearch ? 'nowrap' : 'normal';\n    }\n\n    const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    document.body.removeChild(element);\n\n    return { closed: closedHeight, open: openHeight };\n};\n\nexport const getElementClickEvent = (element: ReactNode) => {\n    let hasClickHandler = false;\n\n    const checkForClickHandler = (el: ReactNode) => {\n        if (!isValidElement(el)) return;\n\n        if (\n            typeof el.type !== 'string' &&\n            'displayName' in el.type &&\n            (el.type.displayName === 'Checkbox' ||\n                el.type.displayName === 'ComboBox' ||\n                el.type.displayName === 'SelectButton')\n        ) {\n            hasClickHandler = true;\n\n            return;\n        }\n\n        if (\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onClick ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onPointerDown ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onMouseDown ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onTouchStart\n        ) {\n            hasClickHandler = true;\n\n            return;\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        if (el.props.children) {\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-unsafe-member-access\n            Children.forEach(el.props.children, checkForClickHandler);\n        }\n    };\n\n    checkForClickHandler(element);\n\n    return hasClickHandler;\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,cAAc,QAAmB,OAAO;AAa3D,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACnCC,SAAS;EACTC,KAAK;EACLC,KAAK;EACLC;AAC2B,CAAC,KAAmC;EAC/D,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,OAAO,GAAG,GAAG;EAC3BJ,OAAO,CAACG,KAAK,CAACE,aAAa,GAAG,MAAM;EACpCL,OAAO,CAACG,KAAK,CAACG,UAAU,GAAG,QAAQ;EACnCN,OAAO,CAACG,KAAK,CAACL,KAAK,GAAG,GAAGA,KAAK,IAAI;EAElCE,OAAO,CAACO,SAAS,GAAGV,KAAK;EAEzBI,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACT,OAAO,CAAC;EAElC,MAAMU,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACZ,OAAO,CAACa,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE5E,IAAIA,SAAS,EAAE;IACXI,OAAO,CAACG,KAAK,CAACW,UAAU,GAAG,MAAM;IACjCd,OAAO,CAACG,KAAK,CAACG,UAAU,GAAG,QAAQ;EACvC,CAAC,MAAM;IACHN,OAAO,CAACG,KAAK,CAACY,QAAQ,GAAG,QAAQ;IACjCf,OAAO,CAACG,KAAK,CAACG,UAAU,GAAGP,SAAS,GAAG,QAAQ,GAAG,QAAQ;EAC9D;EAEA,MAAMiB,UAAU,GAAGL,IAAI,CAACC,GAAG,CAACZ,OAAO,CAACa,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE1EK,QAAQ,CAACO,IAAI,CAACS,WAAW,CAACjB,OAAO,CAAC;EAElC,OAAO;IAAEkB,MAAM,EAAER,YAAY;IAAES,IAAI,EAAEH;EAAW,CAAC;AACrD,CAAC;AAED,OAAO,MAAMI,oBAAoB,GAAIpB,OAAkB,IAAK;EACxD,IAAIqB,eAAe,GAAG,KAAK;EAE3B,MAAMC,oBAAoB,GAAIC,EAAa,IAAK;IAC5C,IAAI,eAAC7B,cAAc,CAAC6B,EAAE,CAAC,EAAE;IAEzB,IACI,OAAOA,EAAE,CAACC,IAAI,KAAK,QAAQ,IAC3B,aAAa,IAAID,EAAE,CAACC,IAAI,KACvBD,EAAE,CAACC,IAAI,CAACC,WAAW,KAAK,UAAU,IAC/BF,EAAE,CAACC,IAAI,CAACC,WAAW,KAAK,UAAU,IAClCF,EAAE,CAACC,IAAI,CAACC,WAAW,KAAK,cAAc,CAAC,EAC7C;MACEJ,eAAe,GAAG,IAAI;MAEtB;IACJ;IAEA;IACI;IACAE,EAAE,CAACG,KAAK,CAACC,OAAO;IAChB;IACAJ,EAAE,CAACG,KAAK,CAACE,aAAa;IACtB;IACAL,EAAE,CAACG,KAAK,CAACG,WAAW;IACpB;IACAN,EAAE,CAACG,KAAK,CAACI,YAAY,EACvB;MACET,eAAe,GAAG,IAAI;MAEtB;IACJ;;IAEA;IACA,IAAIE,EAAE,CAACG,KAAK,CAACK,QAAQ,EAAE;MACnB;MACAtC,QAAQ,CAACuC,OAAO,CAACT,EAAE,CAACG,KAAK,CAACK,QAAQ,EAAET,oBAAoB,CAAC;IAC7D;EACJ,CAAC;EAEDA,oBAAoB,CAACtB,OAAO,CAAC;EAE7B,OAAOqB,eAAe;AAC1B,CAAC","ignoreList":[]}
+{"version":3,"file":"accordion.js","names":["Children","isValidElement","getAccordionHeadHeight","isWrapped","title","width","hasSearch","element","document","createElement","style","opacity","pointerEvents","whiteSpace","innerHTML","body","appendChild","closedHeight","Math","max","clientHeight","fontWeight","fontSize","openHeight","removeChild","closed","open","getElementClickEvent","hasClickHandler","checkForClickHandler","el","type","displayName","props","onClick","onPointerDown","onMouseDown","onTouchStart","children","forEach"],"sources":["../../../src/utils/accordion.ts"],"sourcesContent":["import { Children, isValidElement, ReactNode } from 'react';\nimport type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';\n\ntype GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' | 'title'> & {\n    width: number;\n    hasSearch: boolean;\n};\n\ninterface GetAccordionHeadHeightResult {\n    closed: number;\n    open: number;\n}\n\nexport const getAccordionHeadHeight = ({\n    isWrapped,\n    title,\n    width,\n    hasSearch,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n    const element = document.createElement('div');\n\n    element.style.opacity = '1';\n    element.style.pointerEvents = 'none';\n    element.style.whiteSpace = 'nowrap';\n    element.style.width = `${width}px`;\n\n    element.innerHTML = title;\n\n    document.body.appendChild(element);\n\n    const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    if (isWrapped) {\n        element.style.fontWeight = 'bold';\n        element.style.whiteSpace = 'nowrap';\n    } else {\n        element.style.fontSize = '1.3rem';\n        element.style.whiteSpace = hasSearch ? 'nowrap' : 'normal';\n    }\n\n    const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    document.body.removeChild(element);\n\n    return { closed: closedHeight, open: openHeight };\n};\n\nexport const getElementClickEvent = (element: ReactNode) => {\n    let hasClickHandler = false;\n\n    const checkForClickHandler = (el: ReactNode) => {\n        if (!isValidElement(el)) return;\n\n        if (\n            typeof el.type !== 'string' &&\n            'displayName' in el.type &&\n            (el.type.displayName === 'Checkbox' ||\n                el.type.displayName === 'ComboBox' ||\n                el.type.displayName === 'SelectButton' ||\n                el.type.displayName === 'AmountControl')\n        ) {\n            hasClickHandler = true;\n\n            return;\n        }\n\n        if (\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onClick ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onPointerDown ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onMouseDown ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onTouchStart\n        ) {\n            hasClickHandler = true;\n\n            return;\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        if (el.props.children) {\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-unsafe-member-access\n            Children.forEach(el.props.children, checkForClickHandler);\n        }\n    };\n\n    checkForClickHandler(element);\n\n    return hasClickHandler;\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,cAAc,QAAmB,OAAO;AAa3D,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACnCC,SAAS;EACTC,KAAK;EACLC,KAAK;EACLC;AAC2B,CAAC,KAAmC;EAC/D,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,OAAO,GAAG,GAAG;EAC3BJ,OAAO,CAACG,KAAK,CAACE,aAAa,GAAG,MAAM;EACpCL,OAAO,CAACG,KAAK,CAACG,UAAU,GAAG,QAAQ;EACnCN,OAAO,CAACG,KAAK,CAACL,KAAK,GAAG,GAAGA,KAAK,IAAI;EAElCE,OAAO,CAACO,SAAS,GAAGV,KAAK;EAEzBI,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACT,OAAO,CAAC;EAElC,MAAMU,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACZ,OAAO,CAACa,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE5E,IAAIA,SAAS,EAAE;IACXI,OAAO,CAACG,KAAK,CAACW,UAAU,GAAG,MAAM;IACjCd,OAAO,CAACG,KAAK,CAACG,UAAU,GAAG,QAAQ;EACvC,CAAC,MAAM;IACHN,OAAO,CAACG,KAAK,CAACY,QAAQ,GAAG,QAAQ;IACjCf,OAAO,CAACG,KAAK,CAACG,UAAU,GAAGP,SAAS,GAAG,QAAQ,GAAG,QAAQ;EAC9D;EAEA,MAAMiB,UAAU,GAAGL,IAAI,CAACC,GAAG,CAACZ,OAAO,CAACa,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE1EK,QAAQ,CAACO,IAAI,CAACS,WAAW,CAACjB,OAAO,CAAC;EAElC,OAAO;IAAEkB,MAAM,EAAER,YAAY;IAAES,IAAI,EAAEH;EAAW,CAAC;AACrD,CAAC;AAED,OAAO,MAAMI,oBAAoB,GAAIpB,OAAkB,IAAK;EACxD,IAAIqB,eAAe,GAAG,KAAK;EAE3B,MAAMC,oBAAoB,GAAIC,EAAa,IAAK;IAC5C,IAAI,eAAC7B,cAAc,CAAC6B,EAAE,CAAC,EAAE;IAEzB,IACI,OAAOA,EAAE,CAACC,IAAI,KAAK,QAAQ,IAC3B,aAAa,IAAID,EAAE,CAACC,IAAI,KACvBD,EAAE,CAACC,IAAI,CAACC,WAAW,KAAK,UAAU,IAC/BF,EAAE,CAACC,IAAI,CAACC,WAAW,KAAK,UAAU,IAClCF,EAAE,CAACC,IAAI,CAACC,WAAW,KAAK,cAAc,IACtCF,EAAE,CAACC,IAAI,CAACC,WAAW,KAAK,eAAe,CAAC,EAC9C;MACEJ,eAAe,GAAG,IAAI;MAEtB;IACJ;IAEA;IACI;IACAE,EAAE,CAACG,KAAK,CAACC,OAAO;IAChB;IACAJ,EAAE,CAACG,KAAK,CAACE,aAAa;IACtB;IACAL,EAAE,CAACG,KAAK,CAACG,WAAW;IACpB;IACAN,EAAE,CAACG,KAAK,CAACI,YAAY,EACvB;MACET,eAAe,GAAG,IAAI;MAEtB;IACJ;;IAEA;IACA,IAAIE,EAAE,CAACG,KAAK,CAACK,QAAQ,EAAE;MACnB;MACAtC,QAAQ,CAACuC,OAAO,CAACT,EAAE,CAACG,KAAK,CAACK,QAAQ,EAAET,oBAAoB,CAAC;IAC7D;EACJ,CAAC;EAEDA,oBAAoB,CAACtB,OAAO,CAAC;EAE7B,OAAOqB,eAAe;AAC1B,CAAC","ignoreList":[]}

package/lib/types/components/amount-control/AmountControl.d.ts

@@ -33,6 +33,10 @@ export type AmountControlProps = {
      * A Function that is executed when the amount is changed
      */
     onChange?: (amount: number) => void;
+    /**
+     * Whether the label should be displayed even if an amount is selected.
+     */
+    shouldForceLabel?: boolean;
     /**
      * Whether the "add"-icon should be displayed if the minAmount is reached.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.1248",
+    "version": "5.0.0-beta.1250",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -85,5 +85,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "9a88527cc5f48f48a7cc95e498c616a6722bd74d"
+    "gitHead": "440124003ceb5517b4379ba805fb7ada8a55d389"
 }