@salutejs/plasma-new-hope 0.187.0-canary.1539.11742294440.0 → 0.187.0-dev.0

package/es/components/NumberInput/NumberInput.js

@@ -0,0 +1,200 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useState, useEffect } from 'react';
+import { cx } from '../../utils/index.js';
+import { classes, privateTokens } from './NumberInput.tokens.js';
+import { base } from './NumberInput.styles.js';
+import { base as base$1 } from './variations/_view/base.js';
+import { base as base$2 } from './variations/_size/base.js';
+import { base as base$3 } from './variations/_shape/base.js';
+import { base as base$4 } from './variations/_background-type/base.js';
+import { base as base$5 } from './variations/_segmentation/base.js';
+import { base as base$6 } from './variations/_disabled/base.js';
+import { isNumber } from '../../utils/isNumber.js';
+import { ActionButton } from './ui/ActionButton/ActionButton.js';
+import { IconMinus } from '../_Icon/Icons/IconMinus.js';
+import { NumberInput } from './ui/Input/Input.js';
+import { IconPlus } from '../_Icon/Icons/IconPlus.js';
+import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
+
+var _excluded = ["className", "style", "width", "value", "min", "max", "step", "isLoading", "loader", "size", "view", "clear", "shape", "segmentation", "inputBackgroundType", "disabled", "textBefore", "textAfter", "customIncrementButton", "incrementIcon", "customDecrementButton", "decrementIcon", "isManualInput", "onChange", "onIncrement", "onDecrement"];
+var numberInputRoot = function numberInputRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (_ref, ref) {
+    var _ref2;
+    var className = _ref.className,
+      style = _ref.style,
+      width = _ref.width,
+      value = _ref.value,
+      min = _ref.min,
+      max = _ref.max,
+      _ref$step = _ref.step,
+      step = _ref$step === void 0 ? 1 : _ref$step,
+      isLoading = _ref.isLoading,
+      loader = _ref.loader,
+      size = _ref.size,
+      view = _ref.view,
+      clear = _ref.clear,
+      shape = _ref.shape,
+      segmentation = _ref.segmentation,
+      _ref$inputBackgroundT = _ref.inputBackgroundType,
+      inputBackgroundType = _ref$inputBackgroundT === void 0 ? 'fill' : _ref$inputBackgroundT,
+      disabled = _ref.disabled,
+      textBefore = _ref.textBefore,
+      textAfter = _ref.textAfter,
+      customIncrementButton = _ref.customIncrementButton,
+      incrementIcon = _ref.incrementIcon,
+      customDecrementButton = _ref.customDecrementButton,
+      decrementIcon = _ref.decrementIcon,
+      isManualInput = _ref.isManualInput,
+      onChange = _ref.onChange,
+      onIncrement = _ref.onIncrement,
+      onDecrement = _ref.onDecrement,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var _useState = useState((_ref2 = value !== null && value !== void 0 ? value : min) !== null && _ref2 !== void 0 ? _ref2 : 0),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerValue = _useState2[0],
+      setInnerValue = _useState2[1];
+    var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isInputFocused = _useState4[0],
+      setIsInputFocused = _useState4[1];
+    var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isAnimationRun = _useState6[0],
+      setIsAnimationRun = _useState6[1];
+    var innerWidth = width ? getSizeValueFromProp(width) : '100%';
+    var actionIconSize = size === 'xs' ? 'xs' : 's';
+    var solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;
+    var segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;
+    var clearViewClass = clear ? classes.clearView : undefined;
+    var disabledClass = disabled ? classes.disabled : undefined;
+    var loadingClass = isLoading ? classes.loading : undefined;
+    var focusedClass = isInputFocused ? classes.focused : undefined;
+    var isMinValue = function isMinValue(currentValue) {
+      return min !== undefined && currentValue <= min;
+    };
+    var isMaxValue = function isMaxValue(currentValue) {
+      return max !== undefined && currentValue >= max;
+    };
+    var decrementButtonDisabled = isMinValue(Number(innerValue)) && !isAnimationRun || isLoading ? classes.actionButtonDecrementDisabled : undefined;
+    var incrementButtonDisabled = isMaxValue(Number(innerValue)) && !isAnimationRun || isLoading ? classes.actionButtonIncrementDisabled : undefined;
+    var handleDecrement = function handleDecrement() {
+      if (isLoading || disabled || isAnimationRun) {
+        return;
+      }
+      var diffValue = Number(innerValue) - step;
+      var resValue = min !== undefined && diffValue <= min ? min : diffValue;
+      setInnerValue(resValue);
+      if (onDecrement) {
+        onDecrement(resValue);
+      }
+      if (onChange) {
+        onChange(null, resValue);
+      }
+    };
+    var handleIncrement = function handleIncrement() {
+      if (isLoading || disabled || isAnimationRun) {
+        return;
+      }
+      var diffValue = Number(innerValue) + step;
+      var resValue = max !== undefined && diffValue >= max ? max : diffValue;
+      setInnerValue(resValue);
+      if (onIncrement) {
+        onIncrement(resValue);
+      }
+      if (onChange) {
+        onChange(null, resValue);
+      }
+    };
+    useEffect(function () {
+      if (value === undefined || !isNumber(value)) {
+        return;
+      }
+      setInnerValue(function (prevValue) {
+        return prevValue !== value ? value : prevValue;
+      });
+    }, [value]);
+    return /*#__PURE__*/React.createElement(Root, _extends({
+      view: view,
+      size: size,
+      disabled: disabled,
+      clear: clear,
+      shape: shape,
+      segmentation: segmentation,
+      isLoading: isLoading
+    }, segmentation === 'solid' ? {
+      inputBackgroundType: 'clear'
+    } : {
+      inputBackgroundType: inputBackgroundType
+    }, {
+      className: cx(className, solidViewClass, segmentedViewClass, clearViewClass, disabledClass, loadingClass, focusedClass),
+      style: _objectSpread2(_objectSpread2({}, style), {}, _defineProperty({}, privateTokens.inputWidth, innerWidth))
+    }), customDecrementButton || /*#__PURE__*/React.createElement(ActionButton, {
+      className: cx(classes.actionButtonDecrement, decrementButtonDisabled, solidViewClass, segmentedViewClass),
+      icon: decrementIcon || /*#__PURE__*/React.createElement(IconMinus, {
+        color: "inherit",
+        size: actionIconSize
+      }),
+      onClick: handleDecrement
+    }), /*#__PURE__*/React.createElement(NumberInput, _extends({
+      ref: ref,
+      segmentation: segmentation,
+      value: innerValue,
+      min: min,
+      max: max,
+      isManualInput: isManualInput,
+      textBefore: textBefore,
+      textAfter: textAfter,
+      isLoading: isLoading,
+      loader: loader,
+      disabled: disabled,
+      isInputFocused: isInputFocused,
+      setIsInputFocused: setIsInputFocused,
+      setIsAnimationRun: setIsAnimationRun,
+      setInnerValue: setInnerValue,
+      onChange: onChange
+    }, rest)), customIncrementButton || /*#__PURE__*/React.createElement(ActionButton, {
+      className: cx(classes.actionButtonIncrement, incrementButtonDisabled, solidViewClass, segmentedViewClass),
+      icon: incrementIcon || /*#__PURE__*/React.createElement(IconPlus, {
+        color: "inherit",
+        size: actionIconSize
+      }),
+      onClick: handleIncrement
+    }));
+  });
+};
+var numberInputConfig = {
+  name: 'NumberInput',
+  tag: 'div',
+  layout: numberInputRoot,
+  base: base,
+  variations: {
+    view: {
+      css: base$1
+    },
+    size: {
+      css: base$2
+    },
+    shape: {
+      css: base$3
+    },
+    inputBackgroundType: {
+      css: base$4
+    },
+    segmentation: {
+      css: base$5
+    },
+    disabled: {
+      css: base$6,
+      attrs: true
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'l',
+    shape: 'cornered',
+    segmentation: 'default'
+  }
+};
+
+export { numberInputConfig, numberInputRoot };
+//# sourceMappingURL=NumberInput.js.map

package/es/components/NumberInput/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, useEffect, useState } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp, isNumber } from '../../utils';\nimport { IconMinus, IconPlus } from '../_Icon';\n\nimport type { NumberInputProps, NumberInputRootProps } from './NumberInput.types';\nimport { ActionButton, NumberInput } from './ui';\nimport { classes, privateTokens } from './NumberInput.tokens';\nimport { base } from './NumberInput.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as inputBackgroundTypeCSS } from './variations/_background-type/base';\nimport { base as segmentationCSS } from './variations/_segmentation/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const numberInputRoot = (Root: RootProps<HTMLDivElement, NumberInputRootProps>) =>\n    forwardRef<HTMLInputElement, NumberInputProps>(\n        (\n            {\n                className,\n                style,\n                width,\n                value,\n                min,\n                max,\n                step = 1,\n                isLoading,\n                loader,\n                size,\n                view,\n                clear,\n                shape,\n                segmentation,\n                inputBackgroundType = 'fill',\n                disabled,\n                textBefore,\n                textAfter,\n                customIncrementButton,\n                incrementIcon,\n                customDecrementButton,\n                decrementIcon,\n                isManualInput,\n                onChange,\n                onIncrement,\n                onDecrement,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [innerValue, setInnerValue] = useState<number | string>(value ?? min ?? 0);\n            const [isInputFocused, setIsInputFocused] = useState(false);\n            const [isAnimationRun, setIsAnimationRun] = useState(false);\n\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n\n            const actionIconSize = size === 'xs' ? 'xs' : 's';\n            const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n            const segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;\n            const clearViewClass = clear ? classes.clearView : undefined;\n            const disabledClass = disabled ? classes.disabled : undefined;\n            const loadingClass = isLoading ? classes.loading : undefined;\n            const focusedClass = isInputFocused ? classes.focused : undefined;\n\n            const isMinValue = (currentValue: number) => min !== undefined && currentValue <= min;\n            const isMaxValue = (currentValue: number) => max !== undefined && currentValue >= max;\n\n            const decrementButtonDisabled =\n                (isMinValue(Number(innerValue)) && !isAnimationRun) || isLoading\n                    ? classes.actionButtonDecrementDisabled\n                    : undefined;\n            const incrementButtonDisabled =\n                (isMaxValue(Number(innerValue)) && !isAnimationRun) || isLoading\n                    ? classes.actionButtonIncrementDisabled\n                    : undefined;\n\n            const handleDecrement = () => {\n                if (isLoading || disabled || isAnimationRun) {\n                    return;\n                }\n\n                const diffValue = Number(innerValue) - step;\n                const resValue = min !== undefined && diffValue <= min ? min : diffValue;\n\n                setInnerValue(resValue);\n\n                if (onDecrement) {\n                    onDecrement(resValue);\n                }\n\n                if (onChange) {\n                    onChange(null, resValue);\n                }\n            };\n\n            const handleIncrement = () => {\n                if (isLoading || disabled || isAnimationRun) {\n                    return;\n                }\n\n                const diffValue = Number(innerValue) + step;\n                const resValue = max !== undefined && diffValue >= max ? max : diffValue;\n\n                setInnerValue(resValue);\n\n                if (onIncrement) {\n                    onIncrement(resValue);\n                }\n\n                if (onChange) {\n                    onChange(null, resValue);\n                }\n            };\n\n            useEffect(() => {\n                if (value === undefined || !isNumber(value)) {\n                    return;\n                }\n\n                setInnerValue((prevValue) => (prevValue !== value ? value : prevValue));\n            }, [value]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    disabled={disabled}\n                    clear={clear}\n                    shape={shape}\n                    segmentation={segmentation}\n                    isLoading={isLoading}\n                    {...(segmentation === 'solid' ? { inputBackgroundType: 'clear' } : { inputBackgroundType })}\n                    className={cx(\n                        className,\n                        solidViewClass,\n                        segmentedViewClass,\n                        clearViewClass,\n                        disabledClass,\n                        loadingClass,\n                        focusedClass,\n                    )}\n                    style={\n                        {\n                            ...style,\n                            [privateTokens.inputWidth]: innerWidth,\n                        } as CSSProperties\n                    }\n                >\n                    {customDecrementButton || (\n                        <ActionButton\n                            className={cx(\n                                classes.actionButtonDecrement,\n                                decrementButtonDisabled,\n                                solidViewClass,\n                                segmentedViewClass,\n                            )}\n                            icon={decrementIcon || <IconMinus color=\"inherit\" size={actionIconSize} />}\n                            onClick={handleDecrement}\n                        />\n                    )}\n                    <NumberInput\n                        ref={ref}\n                        segmentation={segmentation}\n                        value={innerValue}\n                        min={min}\n                        max={max}\n                        isManualInput={isManualInput}\n                        textBefore={textBefore}\n                        textAfter={textAfter}\n                        isLoading={isLoading}\n                        loader={loader}\n                        disabled={disabled}\n                        isInputFocused={isInputFocused}\n                        setIsInputFocused={setIsInputFocused}\n                        setIsAnimationRun={setIsAnimationRun}\n                        setInnerValue={setInnerValue}\n                        onChange={onChange}\n                        {...rest}\n                    />\n                    {customIncrementButton || (\n                        <ActionButton\n                            className={cx(\n                                classes.actionButtonIncrement,\n                                incrementButtonDisabled,\n                                solidViewClass,\n                                segmentedViewClass,\n                            )}\n                            icon={incrementIcon || <IconPlus color=\"inherit\" size={actionIconSize} />}\n                            onClick={handleIncrement}\n                        />\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const numberInputConfig = {\n    name: 'NumberInput',\n    tag: 'div',\n    layout: numberInputRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        inputBackgroundType: {\n            css: inputBackgroundTypeCSS,\n        },\n        segmentation: {\n            css: segmentationCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'l',\n        shape: 'cornered',\n        segmentation: 'default',\n    },\n};\n"],"names":["numberInputRoot","Root","forwardRef","_ref","ref","_ref2","className","style","width","value","min","max","_ref$step","step","isLoading","loader","size","view","clear","shape","segmentation","_ref$inputBackgroundT","inputBackgroundType","disabled","textBefore","textAfter","customIncrementButton","incrementIcon","customDecrementButton","decrementIcon","isManualInput","onChange","onIncrement","onDecrement","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerValue","setInnerValue","_useState3","_useState4","isInputFocused","setIsInputFocused","_useState5","_useState6","isAnimationRun","setIsAnimationRun","innerWidth","getSizeValueFromProp","actionIconSize","solidViewClass","classes","solidView","undefined","segmentedViewClass","segmentedView","clearViewClass","clearView","disabledClass","loadingClass","loading","focusedClass","focused","isMinValue","currentValue","isMaxValue","decrementButtonDisabled","Number","actionButtonDecrementDisabled","incrementButtonDisabled","actionButtonIncrementDisabled","handleDecrement","diffValue","resValue","handleIncrement","useEffect","isNumber","prevValue","React","createElement","_extends","cx","_objectSpread","_defineProperty","privateTokens","inputWidth","ActionButton","actionButtonDecrement","icon","IconMinus","color","onClick","NumberInput","actionButtonIncrement","IconPlus","numberInputConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","inputBackgroundTypeCSS","segmentationCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/es/components/NumberInput/NumberInput.styles.js

@@ -0,0 +1,5 @@
+import './NumberInput.styles_jeawjl.css';
+var base = "bwds6g";
+
+export { base };
+//# sourceMappingURL=NumberInput.styles.js.map

package/es/components/NumberInput/NumberInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.styles.js","sources":["../../../src/components/NumberInput/NumberInput.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n    display: flex;\n    align-items: center;\n`;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAGhB;;;;"}

package/es/components/NumberInput/NumberInput.styles_jeawjl.css

@@ -0,0 +1 @@
+.bwds6g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

package/es/components/NumberInput/NumberInput.tokens.js

@@ -0,0 +1,96 @@
+var classes = {
+  actionButtonDecrement: 'action-button-decrement',
+  actionButtonDecrementDisabled: 'action-button-decrement-disabled',
+  actionButtonIncrement: 'action-button-increment',
+  actionButtonIncrementDisabled: 'action-button-increment-disabled',
+  textBefore: 'text-before',
+  textAfter: 'text-after',
+  solidView: 'solid-view',
+  segmentedView: 'segmented-view',
+  clearView: 'clear-view',
+  errorAnimation: 'error-animation',
+  disabled: 'number-input-disabled',
+  loading: 'number-input-loading',
+  focused: 'number-input-focused',
+  manualInput: 'manual-input-number-input'
+};
+var privateTokens = {
+  inputWidth: '--plasma_private-number-input_width',
+  segmentationBorderRadius: '--plasma_private-segmentation-border-radius',
+  segmentationInputBorderRadius: '--plasma_private-segmentation_input_border-radius',
+  topBoxShadow: '--plasma_private-number-input_top-box-shadow',
+  bottomBoxShadow: '--plasma_private-number-input_bottom-box-shadow',
+  leftBoxShadow: '--plasma_private-number-input_left-box-shadow',
+  rightBoxShadow: '--plasma_private-number-input_right-box-shadow'
+};
+var tokens = {
+  // Root size tokens
+  rootMinWidth: '--plasma-number-input_min-width',
+  disabledOpacity: '--plasma-number-input_disabled-opacity',
+  rootBorderWidth: '--plasma-number-input_input-border-width',
+  wrapperBorderColor: '--plasma-number-input_wrapper_border-color',
+  wrapperBorderColorFocus: '--plasma-number-input_wrapper_border-color_focus',
+  // Action button view tokens
+  iconButtonColor: '--plasma-number-input_icon-button_color',
+  iconButtonBackgroundColor: '--plasma-number-input_icon-button_background-color',
+  iconButtonColorHover: '--plasma-number-input_icon-button_color-hover',
+  iconButtonColorSolidHover: '--plasma-number-input_icon-button_color_solid-hover',
+  iconButtonBackgroundColorHover: '--plasma-number-input_icon-button_background-color-hover',
+  iconButtonColorActive: '--plasma-number-input_icon-button_color-active',
+  iconButtonColorSolidActive: '--plasma-number-input_icon-button_color_solid-active',
+  iconButtonBackgroundColorActive: '--plasma-number-input_icon-button_background-color-active',
+  actionButtonDisabledOpacity: '--plasma-number-input_action-button_disabled-opacity',
+  // Action button size tokens
+  iconButtonHeight: '--plasma-number-input_icon-button_height',
+  iconButtonWidth: '--plasma-number-input_icon-button_width',
+  iconButtonPadding: '--plasma-number-input_icon-button_padding',
+  iconButtonRadius: '--plasma-number-input_icon-button_radius',
+  iconButtonSegmentationRadius: '--plasma-number-input_icon-button_segmentation_radius',
+  iconButtonFontFamily: '--plasma-number-input_icon-button_font-family',
+  iconButtonFontSize: '--plasma-number-input_icon-button_font-size',
+  iconButtonFontStyle: '--plasma-number-input_icon-button_font-style',
+  iconButtonFontWeight: '--plasma-number-input_icon-button_font-weight',
+  iconButtonLetterSpacing: '--plasma-number-input_icon-button_letter-spacing',
+  iconButtonLineHeight: '--plasma-number-input_icon-button_line-height',
+  // Input size tokens
+  inputWrapperBorderWidth: '--plasma-number-input_input-wrapper_border-width',
+  inputWrapperMargin: '--plasma-number-input_input-wrapper_margin',
+  inputWrapperBorderRadius: '--plasma-number-input_input-wrapper_border-radius',
+  textWrapperHeight: '--plasma-number-input_text-wrapper_height',
+  textWrapperPadding: '--plasma-number-input_text-wrapper_padding',
+  fontFamily: '--plasma-number-input_font-family',
+  fontStyle: '--plasma-number-input_font-style',
+  fontSize: '--plasma-number-input_font-size',
+  fontWeight: '--plasma-number-input_font-weight',
+  letterSpacing: '--plasma-number-input_letter-spacing',
+  lineHeight: '--plasma-number-input_line-height',
+  textBeforeMarginRight: '--plasma-number-input_text-before_margin-right',
+  textAfterMarginLeft: '--plasma-number-input_text-after_margin-left',
+  // Input view tokens
+  caretColor: '--plasma-number-input_caret_color',
+  caretColorSolid: '--plasma-number-input_caret_color-solid',
+  color: '--plasma-number-input_color',
+  colorSolid: '--plasma-number-input_color-solid',
+  backgroundColor: '--plasma-number-input_background-color',
+  backgroundColorHover: '--plasma-number-input_background-color-hover',
+  backgroundColorFocus: '--plasma-number-input_background-color-focus',
+  backgroundColorSolidFocus: '--plasma-number-input_background-color-solid-focus',
+  backgroundColorSolid: '--plasma-number-input_background-color-solid',
+  borderColor: '--plasma-number-input_border-color',
+  borderColorHover: '--plasma-number-input_border-color-hover',
+  borderColorFocus: '--plasma-number-input_border-color-focus',
+  borderColorSolidFocus: '--plasma-number-input_border-color-solid-focus',
+  borderColorSolid: '--plasma-number-input_border-color-solid',
+  additionalTextColor: '--plasma-number-input_additional-text_color',
+  additionalTextColorSolid: '--plasma-number-input_additional-text_color-solid',
+  errorColor: '--plasma-number-input_error-color',
+  backgroundErrorColor: '--plasma-number-input_background_error-color',
+  borderErrorColor: '--plasma-number-input_border_error-color',
+  // Loader tokens
+  loaderSpinnerSize: '--plasma-number-input_loader-spinner_size',
+  loaderSpinnerColor: '--plasma-number-input_loader-spinner_color',
+  loaderSpinnerColorSolid: '--plasma-number-input_loader-spinner_color-solid'
+};
+
+export { classes, privateTokens, tokens };
+//# sourceMappingURL=NumberInput.tokens.js.map

package/es/components/NumberInput/NumberInput.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.tokens.js","sources":["../../../src/components/NumberInput/NumberInput.tokens.ts"],"sourcesContent":["export const classes = {\n    actionButtonDecrement: 'action-button-decrement',\n    actionButtonDecrementDisabled: 'action-button-decrement-disabled',\n    actionButtonIncrement: 'action-button-increment',\n    actionButtonIncrementDisabled: 'action-button-increment-disabled',\n    textBefore: 'text-before',\n    textAfter: 'text-after',\n    solidView: 'solid-view',\n    segmentedView: 'segmented-view',\n    clearView: 'clear-view',\n    errorAnimation: 'error-animation',\n    disabled: 'number-input-disabled',\n    loading: 'number-input-loading',\n    focused: 'number-input-focused',\n    manualInput: 'manual-input-number-input',\n};\n\nexport const privateTokens = {\n    inputWidth: '--plasma_private-number-input_width',\n    segmentationBorderRadius: '--plasma_private-segmentation-border-radius',\n    segmentationInputBorderRadius: '--plasma_private-segmentation_input_border-radius',\n    topBoxShadow: '--plasma_private-number-input_top-box-shadow',\n    bottomBoxShadow: '--plasma_private-number-input_bottom-box-shadow',\n    leftBoxShadow: '--plasma_private-number-input_left-box-shadow',\n    rightBoxShadow: '--plasma_private-number-input_right-box-shadow',\n};\n\nexport const tokens = {\n    // Root size tokens\n    rootMinWidth: '--plasma-number-input_min-width',\n    disabledOpacity: '--plasma-number-input_disabled-opacity',\n    rootBorderWidth: '--plasma-number-input_input-border-width',\n    wrapperBorderColor: '--plasma-number-input_wrapper_border-color',\n    wrapperBorderColorFocus: '--plasma-number-input_wrapper_border-color_focus',\n\n    // Action button view tokens\n    iconButtonColor: '--plasma-number-input_icon-button_color',\n    iconButtonBackgroundColor: '--plasma-number-input_icon-button_background-color',\n    iconButtonColorHover: '--plasma-number-input_icon-button_color-hover',\n    iconButtonColorSolidHover: '--plasma-number-input_icon-button_color_solid-hover',\n    iconButtonBackgroundColorHover: '--plasma-number-input_icon-button_background-color-hover',\n    iconButtonColorActive: '--plasma-number-input_icon-button_color-active',\n    iconButtonColorSolidActive: '--plasma-number-input_icon-button_color_solid-active',\n    iconButtonBackgroundColorActive: '--plasma-number-input_icon-button_background-color-active',\n\n    actionButtonDisabledOpacity: '--plasma-number-input_action-button_disabled-opacity',\n\n    // Action button size tokens\n    iconButtonHeight: '--plasma-number-input_icon-button_height',\n    iconButtonWidth: '--plasma-number-input_icon-button_width',\n    iconButtonPadding: '--plasma-number-input_icon-button_padding',\n    iconButtonRadius: '--plasma-number-input_icon-button_radius',\n    iconButtonSegmentationRadius: '--plasma-number-input_icon-button_segmentation_radius',\n    iconButtonFontFamily: '--plasma-number-input_icon-button_font-family',\n    iconButtonFontSize: '--plasma-number-input_icon-button_font-size',\n    iconButtonFontStyle: '--plasma-number-input_icon-button_font-style',\n    iconButtonFontWeight: '--plasma-number-input_icon-button_font-weight',\n    iconButtonLetterSpacing: '--plasma-number-input_icon-button_letter-spacing',\n    iconButtonLineHeight: '--plasma-number-input_icon-button_line-height',\n\n    // Input size tokens\n    inputWrapperBorderWidth: '--plasma-number-input_input-wrapper_border-width',\n    inputWrapperMargin: '--plasma-number-input_input-wrapper_margin',\n    inputWrapperBorderRadius: '--plasma-number-input_input-wrapper_border-radius',\n    textWrapperHeight: '--plasma-number-input_text-wrapper_height',\n    textWrapperPadding: '--plasma-number-input_text-wrapper_padding',\n\n    fontFamily: '--plasma-number-input_font-family',\n    fontStyle: '--plasma-number-input_font-style',\n    fontSize: '--plasma-number-input_font-size',\n    fontWeight: '--plasma-number-input_font-weight',\n    letterSpacing: '--plasma-number-input_letter-spacing',\n    lineHeight: '--plasma-number-input_line-height',\n\n    textBeforeMarginRight: '--plasma-number-input_text-before_margin-right',\n    textAfterMarginLeft: '--plasma-number-input_text-after_margin-left',\n\n    // Input view tokens\n    caretColor: '--plasma-number-input_caret_color',\n    caretColorSolid: '--plasma-number-input_caret_color-solid',\n    color: '--plasma-number-input_color',\n    colorSolid: '--plasma-number-input_color-solid',\n    backgroundColor: '--plasma-number-input_background-color',\n    backgroundColorHover: '--plasma-number-input_background-color-hover',\n    backgroundColorFocus: '--plasma-number-input_background-color-focus',\n    backgroundColorSolidFocus: '--plasma-number-input_background-color-solid-focus',\n    backgroundColorSolid: '--plasma-number-input_background-color-solid',\n    borderColor: '--plasma-number-input_border-color',\n    borderColorHover: '--plasma-number-input_border-color-hover',\n    borderColorFocus: '--plasma-number-input_border-color-focus',\n    borderColorSolidFocus: '--plasma-number-input_border-color-solid-focus',\n    borderColorSolid: '--plasma-number-input_border-color-solid',\n    additionalTextColor: '--plasma-number-input_additional-text_color',\n    additionalTextColorSolid: '--plasma-number-input_additional-text_color-solid',\n\n    errorColor: '--plasma-number-input_error-color',\n    backgroundErrorColor: '--plasma-number-input_background_error-color',\n    borderErrorColor: '--plasma-number-input_border_error-color',\n\n    // Loader tokens\n    loaderSpinnerSize: '--plasma-number-input_loader-spinner_size',\n    loaderSpinnerColor: '--plasma-number-input_loader-spinner_color',\n    loaderSpinnerColorSolid: '--plasma-number-input_loader-spinner_color-solid',\n};\n"],"names":["classes","actionButtonDecrement","actionButtonDecrementDisabled","actionButtonIncrement","actionButtonIncrementDisabled","textBefore","textAfter","solidView","segmentedView","clearView","errorAnimation","disabled","loading","focused","manualInput","privateTokens","inputWidth","segmentationBorderRadius","segmentationInputBorderRadius","topBoxShadow","bottomBoxShadow","leftBoxShadow","rightBoxShadow","tokens","rootMinWidth","disabledOpacity","rootBorderWidth","wrapperBorderColor","wrapperBorderColorFocus","iconButtonColor","iconButtonBackgroundColor","iconButtonColorHover","iconButtonColorSolidHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonColorSolidActive","iconButtonBackgroundColorActive","actionButtonDisabledOpacity","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonSegmentationRadius","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight","inputWrapperBorderWidth","inputWrapperMargin","inputWrapperBorderRadius","textWrapperHeight","textWrapperPadding","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","textBeforeMarginRight","textAfterMarginLeft","caretColor","caretColorSolid","color","colorSolid","backgroundColor","backgroundColorHover","backgroundColorFocus","backgroundColorSolidFocus","backgroundColorSolid","borderColor","borderColorHover","borderColorFocus","borderColorSolidFocus","borderColorSolid","additionalTextColor","additionalTextColorSolid","errorColor","backgroundErrorColor","borderErrorColor","loaderSpinnerSize","loaderSpinnerColor","loaderSpinnerColorSolid"],"mappings":"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"}

package/es/components/NumberInput/ui/ActionButton/ActionButton.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { StyledIconButton } from './ActionButton.styles.js';
+
+var ActionButton = function ActionButton(_ref) {
+  var icon = _ref.icon,
+    className = _ref.className,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/React.createElement(StyledIconButton, {
+    className: className,
+    onClick: onClick
+  }, icon);
+};
+
+export { ActionButton };
+//# sourceMappingURL=ActionButton.js.map

package/es/components/NumberInput/ui/ActionButton/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sources":["../../../../../src/components/NumberInput/ui/ActionButton/ActionButton.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { StyledIconButton } from './ActionButton.styles';\nimport type { ActionButtonProps } from './ActionButton.types';\n\nexport const ActionButton: FC<ActionButtonProps> = ({ icon, className, onClick }) => {\n    return (\n        <StyledIconButton className={className} onClick={onClick}>\n            {icon}\n        </StyledIconButton>\n    );\n};\n"],"names":["ActionButton","_ref","icon","className","onClick","React","createElement","StyledIconButton"],"mappings":";;;IAKaA,YAAmC,GAAG,SAAtCA,YAAmCA,CAAAC,IAAA,EAAqC;AAAA,EAAA,IAA/BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO,CAAA;AAC1E,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,gBAAgB,EAAA;AAACJ,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACpDF,IACa,CAAC,CAAA;AAE3B;;;;"}

package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js

@@ -0,0 +1,18 @@
+import './ActionButton.styles_x642ct.css';
+import { styled } from '@linaria/react';
+import { component, mergeConfig } from '../../../../engines/common.js';
+import { iconButtonConfig } from '../../../IconButton/IconButton.js';
+
+var mergedIconButtonConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
+var IconButton = /*#__PURE__*/component(mergedIconButtonConfig);
+var _exp = function _exp() {
+  return IconButton;
+};
+var StyledIconButton = /*#__PURE__*/styled(_exp())({
+  name: "StyledIconButton",
+  "class": "sj0ab1b",
+  propsAsIs: true
+});
+
+export { StyledIconButton };
+//# sourceMappingURL=ActionButton.styles.js.map

package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.styles.js","sources":["../../../../../src/components/NumberInput/ui/ActionButton/ActionButton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { iconButtonConfig } from '../../../IconButton';\nimport { component, mergeConfig } from '../../../../engines';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledIconButton = styled(IconButton)``;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","StyledIconButton","styled","name","class","propsAsIs"],"mappings":";;;;AAKA,IAAMA,sBAAsB,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAC5D,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,sBAAsB,CAAC,CAAA;AAAC,IAAAK,IAAA,GALnCA,SAKmCA,IAAAA,GAAA;AAAA,EAAA,OAEdF,UAAU,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAMG,gBAAgB,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc;;;;"}

package/es/components/NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css

@@ -0,0 +1 @@
+

package/es/components/NumberInput/ui/Input/Input.css

@@ -0,0 +1,15 @@
+.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
+
+.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
+
+.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+
+.Input_styles_fhgb95_i1s8bsh6__3bed5c8f{overflow-x:auto;overflow-y:hidden;-webkit-flex:1;-ms-flex:1;flex:1;cursor:var(--i1s8bsh6-0);-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.Input_styles_fhgb95_i1s8bsh6__3bed5c8f::-webkit-scrollbar{display:none;}
+.Input_styles_fhgb95_t6wb9c__3bed5c8f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;box-sizing:border-box;}
+
+
+
+.Input_styles_fhgb95_d1n4jo6t__3bed5c8f{position:relative;}
+.Input_styles_fhgb95_i1tgbhg7__3bed5c8f{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:var(--i1tgbhg7-0);box-sizing:border-box;cursor:var(--i1tgbhg7-1);pointer-events:var(--i1tgbhg7-2);-webkit-transition:width 0.1s;transition:width 0.1s;}
+.Input_styles_fhgb95_i1il5xze__3bed5c8f{position:absolute;z-index:-999;visibility:hidden;top:0;left:0;opacity:0;height:0;white-space:pre;}

package/es/components/NumberInput/ui/Input/Input.js

@@ -0,0 +1,201 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useState, useRef, useEffect } from 'react';
+import { useForkRef } from '@salutejs/plasma-core';
+import { classes } from '../../NumberInput.tokens.js';
+import { cx } from '../../../../utils/index.js';
+import { defaultCharacterWidth, excludingNumberSchema, numberSchema } from '../../utils/index.js';
+import { keyCodes } from '../../../../utils/constants.js';
+import { InputWrapper, TextWrapper, AdditionalText, Loader, StyledSpinner, DynamicInput, Input, InputWidthHelper } from './Input.styles.js';
+import { useDidMountEffect } from '../../../../hooks/useDidMountEffect.js';
+import { isNumber } from '../../../../utils/isNumber.js';
+
+var _StyledSpinner;
+var _excluded = ["value", "min", "max", "isLoading", "loader", "disabled", "segmentation", "textBefore", "textAfter", "isManualInput", "isInputFocused", "setIsInputFocused", "setIsAnimationRun", "setInnerValue", "onChange", "onBlur", "onKeyDown"];
+var NumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var value = _ref.value,
+    min = _ref.min,
+    max = _ref.max,
+    isLoading = _ref.isLoading,
+    loader = _ref.loader,
+    disabled = _ref.disabled,
+    segmentation = _ref.segmentation,
+    textBefore = _ref.textBefore,
+    textAfter = _ref.textAfter,
+    isManualInput = _ref.isManualInput,
+    isInputFocused = _ref.isInputFocused,
+    setIsInputFocused = _ref.setIsInputFocused,
+    setIsAnimationRun = _ref.setIsAnimationRun,
+    setInnerValue = _ref.setInnerValue,
+    onChange = _ref.onChange,
+    onBlur = _ref.onBlur,
+    onKeyDown = _ref.onKeyDown,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(value ? "".concat(String(value).length, "ch") : defaultCharacterWidth),
+    _useState2 = _slicedToArray(_useState, 2),
+    dynamicWidth = _useState2[0],
+    setDynamicWidth = _useState2[1];
+  var _useState3 = useState(Number(value)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    lastValidValue = _useState4[0],
+    setLastValidValue = _useState4[1];
+  var _useState5 = useState(undefined),
+    _useState6 = _slicedToArray(_useState5, 2),
+    errorClass = _useState6[0],
+    setErrorClass = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    errorValue = _useState8[0],
+    setErrorValue = _useState8[1];
+  var inputHelperRef = useRef(null);
+  var wrapperRef = useRef(null);
+  var textWrapperRef = useRef(null);
+  var inputRef = useRef(null);
+  var inputForkRef = useForkRef(inputRef, ref);
+  var solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;
+  var manualInputClass = isManualInput ? classes.manualInput : undefined;
+  var getInputWidth = function getInputWidth() {
+    var _inputHelperRef$curre;
+    var firstRender = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    if (!firstRender && (_inputHelperRef$curre = inputHelperRef.current) !== null && _inputHelperRef$curre !== void 0 && _inputHelperRef$curre.clientWidth) {
+      var _inputHelperRef$curre2;
+      return "".concat((_inputHelperRef$curre2 = inputHelperRef.current) === null || _inputHelperRef$curre2 === void 0 ? void 0 : _inputHelperRef$curre2.clientWidth, "px");
+    }
+    if (value) {
+      return "".concat(String(value).length, "ch");
+    }
+    return defaultCharacterWidth;
+  };
+  var setValues = function setValues(event, newValue) {
+    setLastValidValue(newValue);
+    setInnerValue(newValue);
+    if (onChange) {
+      onChange(event, newValue);
+    }
+  };
+  var validateValue = function validateValue(newValue) {
+    if (!newValue || !isNumber(newValue)) {
+      setValues(null, lastValidValue);
+      setIsAnimationRun(false);
+      return;
+    }
+    if (String(newValue).endsWith('.')) {
+      setValues(null, Number(newValue));
+      setIsAnimationRun(false);
+      return;
+    }
+    var resValue = Number(newValue);
+    if (max !== undefined && resValue > max) {
+      setErrorClass(classes.errorAnimation);
+      setErrorValue(max);
+      setIsAnimationRun(true);
+      return;
+    }
+    if (min !== undefined && resValue < min) {
+      setErrorClass(classes.errorAnimation);
+      setErrorValue(min);
+      setIsAnimationRun(true);
+    }
+    setIsAnimationRun(false);
+  };
+  var handleManualInputChange = function handleManualInputChange(event) {
+    var _textWrapperRef$curre, _wrapperRef$current;
+    if (!isManualInput || disabled) {
+      return;
+    }
+    setIsAnimationRun(true);
+    var newValue = event.target.value;
+    if (!newValue) {
+      setInnerValue('');
+      if (onChange) {
+        onChange(event, '');
+      }
+      return;
+    }
+    var cleanValue = newValue.replace(excludingNumberSchema, '');
+    if (cleanValue.endsWith('.') || cleanValue === '-') {
+      setInnerValue(cleanValue);
+      if (onChange) {
+        onChange(event, cleanValue);
+      }
+      return;
+    }
+    var isValid = numberSchema.test(cleanValue);
+    if (!isValid) {
+      setValues(event, lastValidValue);
+      return;
+    }
+    if (textWrapperRef !== null && textWrapperRef !== void 0 && textWrapperRef.current && wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && (textWrapperRef === null || textWrapperRef === void 0 || (_textWrapperRef$curre = textWrapperRef.current) === null || _textWrapperRef$curre === void 0 ? void 0 : _textWrapperRef$curre.clientWidth) > (wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.clientWidth)) {
+      wrapperRef.current.scrollLeft = textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;
+    }
+    setValues(event, Number(cleanValue));
+  };
+  var handleClickInputWrapper = function handleClickInputWrapper() {
+    if (!isManualInput || !inputRef.current) {
+      return;
+    }
+    if (!isInputFocused) {
+      inputRef.current.select();
+    }
+    setIsInputFocused(true);
+  };
+  var handleBlur = function handleBlur(event) {
+    validateValue(value);
+    setIsInputFocused(false);
+    if (onBlur) {
+      onBlur(event);
+    }
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    if (!isManualInput || disabled) {
+      return;
+    }
+    if (event.keyCode === keyCodes.Enter) {
+      event.preventDefault();
+      validateValue(value);
+      if (onKeyDown) {
+        onKeyDown(event);
+      }
+    }
+  };
+  var handleEndErrorAnimation = function handleEndErrorAnimation(correctValue) {
+    setIsAnimationRun(false);
+    setIsInputFocused(false);
+    setErrorClass(undefined);
+    setValues(null, correctValue);
+  };
+  useEffect(function () {
+    setDynamicWidth(getInputWidth());
+  }, []);
+  useDidMountEffect(function () {
+    setDynamicWidth(getInputWidth(false));
+  }, [value]);
+  return /*#__PURE__*/React.createElement(InputWrapper, {
+    ref: wrapperRef,
+    className: cx(solidViewClass, errorClass, manualInputClass),
+    isManualInput: Boolean(isManualInput),
+    onClick: handleClickInputWrapper
+  }, /*#__PURE__*/React.createElement(TextWrapper, {
+    ref: textWrapperRef
+  }, !isLoading && textBefore && /*#__PURE__*/React.createElement(AdditionalText, {
+    className: classes.textBefore
+  }, textBefore), isLoading ? /*#__PURE__*/React.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(StyledSpinner, null))) : /*#__PURE__*/React.createElement(DynamicInput, null, /*#__PURE__*/React.createElement(Input, _extends({
+    ref: inputForkRef,
+    dynamicWidth: dynamicWidth,
+    value: value,
+    isManualInput: Boolean(isManualInput),
+    tabIndex: disabled || !isManualInput ? -1 : 0,
+    onChange: handleManualInputChange,
+    onBlur: handleBlur,
+    onKeyDown: handleKeyDown,
+    onAnimationEnd: function onAnimationEnd() {
+      return handleEndErrorAnimation(Number(errorValue));
+    }
+  }, rest)), /*#__PURE__*/React.createElement(InputWidthHelper, {
+    ref: inputHelperRef
+  }, value)), !isLoading && textAfter && /*#__PURE__*/React.createElement(AdditionalText, {
+    className: classes.textAfter
+  }, textAfter)));
+});
+
+export { NumberInput };
+//# sourceMappingURL=Input.js.map