@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-9294639913

package/cjs/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_invariant","_interopRequireDefault","require","_react","_warning","_globalObject","_identifiers","_needsPolyfillPlaceholder","_InternalMaskedInput","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_FocusControlWrapper","_ClearCrossIcon","_typeGuards","_Input2","_InputLayout","_PolyfillPlaceholder","_excluded","_class","_Input","inputTypes","exports","selectionAllowedTypes","selectionErrorMessage","type","allowedTypes","map","i","join","maskForbiddenTypes","maskAllowedTypes","filter","includes","maskErrorMessage","calculateClearCrossShowedState","_ref","showClearIcon","notEmptyValue","focused","hovered","Boolean","catchUnreachableWarning","InputDataTids","root","clearCross","Input","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","selectAllId","input","getClearCrossShowed","_ref2","_this$input","hasInitialValue","props","disabled","value","state","needsPolyfillPlaceholder","blinking","clearCrossShowed","defaultValue","selectAll","_selectAll","delaySelectAll","_globalObject$request","globalObject","requestAnimationFrame","setSelectionRange","cancelDelayedSelectAll","cancelAnimationFrame","cancelBlink","callback","blinkTimeout","clearTimeout","setState","getInput","inputProps","element","React","cloneElement","mask","canBeUsedWithMask","renderMaskedInput","createElement","renderMain","_cx","_cx2","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onKeyPress","onValueChange","width","error","role","warning","leftIcon","rightIcon","borderless","align","maskChar","alwaysShowMask","size","placeholder","selectAllOnFocus","onUnexpectedInput","prefix","suffix","formatChars","corners","ariaDescribedby","ariaControls","ariaLabel","rest","_objectWithoutPropertiesLoose2","default","_this$state","labelProps","className","cx","styles","theme","getSizeClassName","focus","hovering","blink","style","_extends2","handleMouseEnter","handleMouseLeave","inputFocus","inputDisabled","onChange","handleChange","onFocus","handleFocus","handleKeyDown","handleKeyPress","onBlur","handleBlur","textAlign","ref","refInput","isMaskVisible","undefined","FocusControlWrapper","onBlurWhenDisabled","resetFocus","getRightIcon","ClearCrossIcon","onClick","handleClearInput","InputLayout","context","PolyfillPlaceholder","InternalMaskedInput","event","fieldIsEmpty","target","e","isDeleteKey","someKeys","isKeyBackspace","isKeyDelete","currentTarget","repeat","handleUnexpectedInput","maxLength","handleMaskedValueChange","_getRootNode","getRootNode","contains","relatedTarget","_inheritsLoose2","_proto","prototype","outputMaskError","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","invariant","blur","getNode","_this2","offsetWidth","setTimeout","start","end","_globalObject$documen","_this$props$value","_this3","document","activeElement","_this3$input","_this$input2","render","_this4","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","_cx3","_cx4","_cx5","sizeLarge","sizeMedium","sizeSmall","_createClass2","key","get","_this$props","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Input.tsx"],"sourcesContent":["// TODO: Enable this rule in functional components.\nimport invariant from 'invariant';\nimport type { AriaAttributes, ClassAttributes, HTMLAttributes, ReactElement } from 'react';\nimport React from 'react';\nimport warning from 'warning';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport type { Nullable, Override } from '../../typings/utility-types';\nimport { InternalMaskedInput } from '../../internal/InternalMaskedInput';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { ClearCrossIcon } from '../../internal/ClearCrossIcon/ClearCrossIcon';\nimport { catchUnreachableWarning } from '../../lib/typeGuards';\n\nimport type { InputElement, InputElementProps } from './Input.typings';\nimport { styles } from './Input.styles';\nimport { InputLayout } from './InputLayout/InputLayout';\nimport { PolyfillPlaceholder } from './InputLayout/PolyfillPlaceholder';\n\nexport const inputTypes = ['password', 'text', 'number', 'tel', 'search', 'time', 'date', 'url', 'email'] as const;\n\nexport type InputAlign = 'left' | 'center' | 'right';\nexport type ShowClearIcon = 'auto' | 'always' | 'never';\nexport type InputType = (typeof inputTypes)[number];\nexport type InputIconType = React.ReactNode | (() => React.ReactNode);\n\nexport const selectionAllowedTypes: InputType[] = ['text', 'password', 'tel', 'search', 'url'];\nexport const selectionErrorMessage = (type: InputType, allowedTypes: InputType[] = selectionAllowedTypes) => {\n  return `<Input />. Selection is not supported by the type \"${type}\". Types that support selection: ${allowedTypes\n    .map((i) => `\"${i}\"`)\n    .join(', ')}. Reason: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange.`;\n};\n\nexport const maskForbiddenTypes: InputType[] = ['number', 'date', 'time'];\nexport const maskAllowedTypes: InputType[] = inputTypes.filter((type) => {\n  return !maskForbiddenTypes.includes(type);\n});\nexport const maskErrorMessage = (type: InputType, allowedTypes: InputType[] = maskAllowedTypes) => {\n  return `<Input />. Prop \"mask\" does not support type \"${type}\". Supported types: ${allowedTypes\n    .map((i) => `\"${i}\"`)\n    .join(', ')}.`;\n};\nexport const calculateClearCrossShowedState = ({\n  showClearIcon,\n  notEmptyValue,\n  focused,\n  hovered,\n}: {\n  showClearIcon: ShowClearIcon;\n  notEmptyValue: boolean;\n  focused?: boolean;\n  hovered?: boolean;\n}): boolean => {\n  switch (showClearIcon) {\n    case 'always':\n      return notEmptyValue;\n    case 'auto':\n      return Boolean((focused || hovered) && notEmptyValue);\n    case 'never':\n      return false;\n    default:\n      return catchUnreachableWarning(showClearIcon, false);\n  }\n};\n\nexport interface InputProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label'>,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** Показывать иконку очистки значения в непустом поле:\n         * - `always` — всегда показывать иконку\n         * - `auto` — показывать иконку при hover/focus\n         * - `never` — не показывать иконку\n         * При одновременной настройке `showClearIcon` и `rightIcon` показывается иконка очистки.\n         * @default never */\n        showClearIcon?: ShowClearIcon;\n\n        /** Задает иконку слева.\n         * При использовании `ReactNode` применяются дефолтные стили для иконки.\n         * При использовании `() => ReactNode` применяются только стили для позиционирования. */\n        leftIcon?: InputIconType;\n\n        /** Добавляет иконку справа.\n         * При использовании `ReactNode` применяются дефолтные стили для иконки.\n         * При использовании `() => ReactNode` применяются только стили для позиционирования. */\n        rightIcon?: InputIconType;\n\n        /** Переводит контрол в состояние валидации \"ошибка\". */\n        error?: boolean;\n\n        /** Переводит контрол в состояние валидации \"предупреждение\". */\n        warning?: boolean;\n\n        /** Убирает обводку. */\n        borderless?: boolean;\n\n        /** Задает выравнивание контента. */\n        align?: InputAlign;\n\n        /** Задает паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url`\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput. */\n        mask?: Nullable<string>;\n\n        /** Устанавливает символ маски.\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput. */\n        maskChar?: Nullable<string>;\n\n        /** Задает словарь символов-регулярок для задания маски\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput.\n         * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }. */\n        formatChars?: Record<string, string>;\n\n        /** Включает показ символов маски.\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput. */\n        alwaysShowMask?: boolean;\n\n        /** Задает размер. */\n        size?: SizeProp;\n\n        /** Задает функцию, которая вызывается при изменении значения в инпуте. */\n        onValueChange?: (value: string) => void;\n\n        /** @ignore */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** @ignore */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** @ignore */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает тип инпута. */\n        type?: InputType;\n\n        /** Задает значение. */\n        value?: string;\n\n        ///** */\n        capture?: boolean;\n\n        /** Устанавливает префикс `ReactNode` перед значением, но после иконки. */\n        prefix?: React.ReactNode;\n\n        /** Устанавливает суффикс `ReactNode` после значения, но перед правой иконкой. */\n        suffix?: React.ReactNode;\n\n        /** Определяет, нужно ли выделять введенное значение при фокусе. Работает с типами `text`, `password`, `tel`, `search`, `url`. [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) */\n        selectAllOnFocus?: boolean;\n\n        /** Задает функцию для обработки ввода.\n         * При неправильном вводе инпут по-умолчанию вспыхивает акцентным цветом.\n         * Если `onUnexpectedInput` передан - вызывается переданный обработчик b вспыхивание можно вызвать публичным методом инстанса `blink()`.\n         * @param {string} value - значение инпута. */\n        onUnexpectedInput?: (value: string) => void;\n\n        /** Устанавливает радиус скруглений углов.\n         * @ignore */\n        corners?: Partial<\n          Pick<\n            React.CSSProperties,\n            'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'\n          >\n        >;\n\n        /** Устанавливает элемент, заменяющий нативный input. Должен иметь пропы `InputElementProps` и тип `InputElement`. */\n        element?: ReactElement<InputElementProps>;\n      }\n    > {}\n\nexport interface InputState {\n  blinking: boolean;\n  focused: boolean;\n  hovered: boolean;\n  needsPolyfillPlaceholder: boolean;\n  clearCrossShowed: boolean;\n}\n\nexport const InputDataTids = {\n  root: 'Input__root',\n  clearCross: 'Input__clearCross',\n} as const;\n\ntype DefaultProps = Required<Pick<InputProps, 'size' | 'type' | 'showClearIcon'>>;\n\n/**\n * Поле ввода `Input` дает возможность указать значение с помощью клавиатуры.\n *\n * Используйте поле ввода для коротких текстовых или цифровых значений без предсказуемого формата.\n *\n *  Если вводимое значение имеет определенный формат, используйте специальную версию поля:\n * * Поле с паролем PasswordInput.\n * * Поле с валютой CurrencyInput.\n * * Поле с маской MaskedInput.\n * * Автополе FxInput.\n *\n * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.\n */\n@rootNode\nexport class Input extends React.Component<InputProps, InputState> {\n  public static __KONTUR_REACT_UI__ = 'Input';\n  public static displayName = 'Input';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n    type: 'text',\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(Input.defaultProps);\n\n  private selectAllId: number | null = null;\n  private theme!: Theme;\n  private blinkTimeout: SafeTimer;\n  public input: HTMLInputElement | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  private getClearCrossShowed = ({\n    focused,\n    hovered,\n    hasInitialValue,\n  }: {\n    focused?: boolean;\n    hovered?: boolean;\n    hasInitialValue?: boolean;\n  }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon,\n      notEmptyValue: Boolean(this.input?.value || hasInitialValue),\n      focused,\n      hovered,\n    });\n  };\n\n  public state: InputState = {\n    needsPolyfillPlaceholder,\n    blinking: false,\n    focused: false,\n    hovered: false,\n    clearCrossShowed: this.getClearCrossShowed({\n      focused: false,\n      hasInitialValue: Boolean(this.props.value || this.props.defaultValue),\n    }),\n  };\n\n  private outputMaskError() {\n    warning(!(this.props.mask && this.canBeUsedWithMask), maskErrorMessage(this.getProps().type));\n  }\n\n  public componentDidMount() {\n    this.outputMaskError();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<InputProps>) {\n    if (this.props.type !== prevProps.type || this.props.mask !== prevProps.mask) {\n      this.outputMaskError();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      globalObject.clearTimeout(this.blinkTimeout);\n    }\n    this.cancelDelayedSelectAll();\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    invariant(this.input, 'Cannot call \"focus\" because Input is not mounted');\n    this.input.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    invariant(this.input, 'Cannot call \"blur\" because Input is not mounted');\n    this.input.blur();\n  }\n\n  /**\n   * @public\n   */\n  public getNode() {\n    return this.input;\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.blinkTimeout) {\n      this.cancelBlink(() => {\n        // trigger reflow to restart animation\n        // @see https://css-tricks.com/restart-css-animation/#article-header-id-0\n        void (this.input && this.input.offsetWidth);\n        this.blink();\n      });\n      return;\n    }\n    this.setState({ blinking: true }, () => {\n      this.blinkTimeout = globalObject.setTimeout(this.cancelBlink, 150);\n    });\n  }\n\n  /**\n   * @public\n   * @param {number} start\n   * @param {number} end\n   */\n  public setSelectionRange(start: number, end: number) {\n    // https://github.com/facebook/react/issues/7769\n    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n    if (!selectionAllowedTypes.includes(this.getProps().type)) {\n      warning(false, selectionErrorMessage(this.getProps().type));\n\n      return;\n    }\n\n    if (!this.input) {\n      warning(false, 'Cannot call \"setSelectionRange\" on unmounted Input');\n      return;\n    }\n\n    if (globalObject.document?.activeElement !== this.input) {\n      this.focus();\n    }\n    if (this.props.mask && this.props.value && this.props.value?.length < this.props.mask.length) {\n      globalObject.setTimeout(() => {\n        this.input?.setSelectionRange(start, end);\n      }, 150);\n    } else {\n      this.input?.setSelectionRange(start, end);\n    }\n  }\n\n  public get isMaskVisible(): boolean {\n    const { mask, alwaysShowMask } = this.props;\n    const { focused } = this.state;\n    return Boolean(mask && (focused || alwaysShowMask));\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private get canBeUsedWithMask() {\n    return maskForbiddenTypes.includes(this.getProps().type);\n  }\n\n  /**\n   * Работает с типами `text`, `password`, `tel`, `search`, `url`\n   * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)\n   * @public\n   */\n  public selectAll = (): void => this._selectAll();\n\n  public delaySelectAll = (): number | null => {\n    return (this.selectAllId = globalObject.requestAnimationFrame?.(this._selectAll) ?? null);\n  };\n\n  private _selectAll = (): void => {\n    if (this.input) {\n      this.setSelectionRange(0, this.input.value.length);\n    }\n  };\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      globalObject.cancelAnimationFrame?.(this.selectAllId);\n      this.selectAllId = null;\n    }\n  };\n\n  private cancelBlink = (callback?: () => void): void => {\n    if (this.blinkTimeout) {\n      globalObject.clearTimeout(this.blinkTimeout);\n      this.blinkTimeout = 0;\n      if (this.state.blinking) {\n        this.setState({ blinking: false }, callback);\n        return;\n      }\n    }\n    if (callback) {\n      callback();\n    }\n  };\n\n  private getInput = (inputProps: InputElementProps & ClassAttributes<HTMLInputElement>) => {\n    if (this.props.element) {\n      return React.cloneElement(this.props.element, inputProps);\n    }\n\n    return this.props.mask && !this.canBeUsedWithMask\n      ? this.renderMaskedInput(inputProps, this.props.mask)\n      : React.createElement('input', inputProps);\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<InputProps>) => {\n    const {\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onKeyDown,\n      onKeyPress,\n      onValueChange,\n      width,\n      error,\n      role,\n      warning,\n      leftIcon,\n      rightIcon,\n      borderless,\n      value,\n      align,\n      type,\n      mask,\n      maskChar,\n      alwaysShowMask,\n      size,\n      placeholder,\n      selectAllOnFocus,\n      disabled,\n      onUnexpectedInput,\n      prefix,\n      suffix,\n      formatChars,\n      corners,\n      'aria-describedby': ariaDescribedby,\n      'aria-controls': ariaControls,\n      'aria-label': ariaLabel,\n      element,\n      showClearIcon,\n      ...rest\n    } = props;\n\n    const { blinking, focused } = this.state;\n\n    const labelProps = {\n      className: cx(styles.root(this.theme), this.getSizeClassName(), {\n        [styles.focus(this.theme)]: focused && !warning && !error,\n        [styles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n        [styles.blink(this.theme)]: blinking,\n        [styles.borderless()]: borderless && !focused,\n        [styles.disabled(this.theme)]: disabled,\n        [styles.warning(this.theme)]: warning,\n        [styles.error(this.theme)]: error,\n      }),\n      'aria-controls': ariaControls,\n      style: { width, ...corners },\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseLeave,\n      onMouseOver,\n    };\n\n    const inputProps: InputElementProps & ClassAttributes<HTMLInputElement> = {\n      ...rest,\n      className: cx(styles.input(this.theme), {\n        [styles.inputFocus(this.theme)]: focused,\n        [styles.inputDisabled(this.theme)]: disabled,\n      }),\n      value,\n      role,\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onKeyDown: this.handleKeyDown,\n      onKeyPress: this.handleKeyPress,\n      onBlur: this.handleBlur,\n      style: { textAlign: align },\n      ref: this.refInput,\n      type,\n      placeholder: !this.isMaskVisible && !needsPolyfillPlaceholder ? placeholder : undefined,\n      disabled,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    };\n\n    const input = (\n      <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>{this.getInput(inputProps)}</FocusControlWrapper>\n    );\n\n    const getRightIcon = () => {\n      return this.state.clearCrossShowed ? (\n        <ClearCrossIcon data-tid={InputDataTids.clearCross} size={size} onClick={this.handleClearInput} />\n      ) : (\n        rightIcon\n      );\n    };\n\n    return (\n      <InputLayout\n        leftIcon={leftIcon}\n        rightIcon={getRightIcon()}\n        prefix={prefix}\n        suffix={suffix}\n        labelProps={labelProps}\n        context={{ disabled: Boolean(disabled), focused, size }}\n      >\n        {input}\n        {this.state.needsPolyfillPlaceholder && (\n          <PolyfillPlaceholder\n            isMaskVisible={this.isMaskVisible}\n            value={value}\n            defaultValue={this.props.defaultValue}\n            align={align}\n          >\n            {placeholder}\n          </PolyfillPlaceholder>\n        )}\n      </InputLayout>\n    );\n  };\n\n  private renderMaskedInput(inputProps: React.InputHTMLAttributes<HTMLInputElement>, mask: string) {\n    return (\n      <InternalMaskedInput\n        {...inputProps}\n        mask={mask}\n        maskChar={this.props.maskChar}\n        alwaysShowMask={this.props.alwaysShowMask}\n        formatChars={this.props.formatChars}\n        onChange={this.props.onChange}\n        onValueChange={this.handleMaskedValueChange}\n        onUnexpectedInput={this.handleUnexpectedInput}\n      />\n    );\n  }\n\n  private getSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return cx({\n          [styles.sizeLarge(this.theme)]: true,\n        });\n      case 'medium':\n        return cx({\n          [styles.sizeMedium(this.theme)]: true,\n        });\n      case 'small':\n      default:\n        return cx({\n          [styles.sizeSmall(this.theme)]: true,\n        });\n    }\n  }\n\n  private refInput = (element: HTMLInputElement | InternalMaskedInput | InputElement | null) => {\n    if (element instanceof InternalMaskedInput || (element && 'input' in element)) {\n      this.input = element.input;\n    } else {\n      this.input = element;\n    }\n  };\n\n  private handleClearInput = () => {\n    if (this.input) {\n      this.input.value = '';\n    }\n\n    this.setState({ clearCrossShowed: false });\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange('');\n    }\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (needsPolyfillPlaceholder) {\n      const fieldIsEmpty = event.target.value === '';\n      if (this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {\n        this.setState({ needsPolyfillPlaceholder: fieldIsEmpty });\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.value);\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n\n    this.setState({\n      clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: this.state.hovered }),\n    });\n  };\n\n  private handleMouseEnter = (e: React.MouseEvent<HTMLLabelElement, MouseEvent>) => {\n    this.setState({\n      hovered: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }),\n    });\n    if (this.props.onMouseEnter) {\n      this.props.onMouseEnter(e);\n    }\n  };\n  private handleMouseLeave = (e: React.MouseEvent<HTMLLabelElement, MouseEvent>) => {\n    this.setState({\n      hovered: false,\n      clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }),\n    });\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(e);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({\n      focused: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: true, hovered: this.state.hovered }),\n    });\n\n    if (this.props.selectAllOnFocus) {\n      this.input && this.selectAll();\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n\n    const isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);\n\n    if (!e.currentTarget.value && isDeleteKey && !e.repeat) {\n      this.handleUnexpectedInput();\n    }\n  };\n\n  private handleKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyPress) {\n      this.props.onKeyPress(event);\n    }\n\n    if (this.props.maxLength === event.currentTarget.value.length) {\n      this.handleUnexpectedInput(event.currentTarget.value);\n    }\n  };\n\n  private handleMaskedValueChange = (value: string) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private handleUnexpectedInput = (value: string = this.props.value || '') => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(value);\n    } else {\n      this.blink();\n    }\n  };\n\n  private resetFocus = () => this.setState({ focused: false });\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const showClearIcon = this.props.showClearIcon;\n    if (showClearIcon && getRootNode(this)?.contains(event.relatedTarget)) {\n      this.setState({ focused: false });\n    } else {\n      const clearCrossShowed = this.getClearCrossShowed({ focused: false, hovered: this.state.hovered });\n      this.setState({\n        focused: false,\n        clearCrossShowed,\n      });\n      this.props.onBlur?.(event);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Input/Input.styles.d.ts

@@ -0,0 +1,22 @@
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    wrapper(): string;
+    root(t: Theme): string;
+    hovering(t: Theme): string;
+    borderless(): string;
+    focus(t: Theme): string;
+    placeholder(t: Theme): string;
+    placeholderFocus(t: Theme): string;
+    placeholderDisabled(t: Theme): string;
+    input(t: Theme): string;
+    inputFocus(t: Theme): string;
+    inputDisabled(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    disabled(t: Theme): string;
+    blink(t: Theme): string;
+    sizeSmall(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    hideBlinkingCursor(): string;
+};

package/cjs/components/Input/Input.styles.js

@@ -0,0 +1,256 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+
+var _DimensionFunctions = require("../../lib/styles/DimensionFunctions");
+var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
+
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  wrapper: function wrapper() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+  },
+
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      align-items: center;\n      background-clip: ", ";\n      background-color: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      transition: border-color ", " ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ", ";\n\n      & * {\n        box-sizing: border-box;\n      }\n    "])),
+    (0, _Mixins.resetText)(),
+
+
+    t.inputBackgroundClip,
+    t.inputBg,
+    t.inputBorderWidth, t.inputBorderColor,
+    t.inputBorderTopColor,
+    t.transitionDuration, t.transitionTimingFunction,
+    t.inputShadow,
+
+    t.inputColor,
+
+
+
+
+    t.inputWidth);
+
+
+
+
+
+  },
+
+  hovering: function hovering(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])),
+
+    t.inputBorderColorHover);
+
+
+  },
+
+  borderless: function borderless() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    "])));
+
+
+
+
+  },
+
+  focus: function focus(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])),
+    t.inputFocusedBg,
+    t.inputBorderColorFocus,
+    t.inputFocusShadow);
+
+
+
+  },
+
+  placeholder: function placeholder(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      -ms-user-select: none;\n      color: ", ";\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    "])),
+
+    t.inputPlaceholderColor);
+
+
+
+
+
+
+
+
+
+
+
+
+  },
+
+  placeholderFocus: function placeholderFocus(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputPlaceholderColorLight);
+
+  },
+
+  placeholderDisabled: function placeholderDisabled(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputPlaceholderColorDisabled);
+
+  },
+
+  input: function input(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ", ";\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n      color-scheme: ", ";\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
+
+
+
+    t.inputTextColor,
+
+
+
+
+
+
+
+
+    t.inputColorScheme,
+
+
+
+
+
+
+
+
+
+
+
+    t.inputPlaceholderColor,
+
+
+    t.inputPlaceholderColor,
+
+
+    t.inputPlaceholderColor);
+
+
+  },
+
+  inputFocus: function inputFocus(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
+
+    t.inputPlaceholderColorLight,
+
+
+    t.inputPlaceholderColorLight,
+
+
+    t.inputPlaceholderColorLight);
+
+
+  },
+
+  inputDisabled: function inputDisabled(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ", ";\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "])),
+    t.inputTextColorDisabled,
+
+    t.inputTextColorDisabled,
+
+
+    t.inputPlaceholderColorDisabled,
+
+
+    t.inputPlaceholderColorDisabled,
+
+
+    t.inputPlaceholderColorDisabled);
+
+
+  },
+
+  warning: function warning(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
+    t.inputBorderColorWarning,
+    t.inputOutlineWidth, t.inputBorderColorWarning);
+
+
+  },
+
+  error: function error(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
+    t.inputBorderColorError,
+    t.inputOutlineWidth, t.inputBorderColorError);
+
+
+  },
+
+  disabled: function disabled(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])),
+    t.inputDisabledBg,
+    t.inputDisabledBorderColor);
+
+
+  },
+
+  blink: function blink(t) {
+    var blinkAnimation = (0, _Emotion.keyframes)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n    0% {\n      background-color: ", ";\n    }\n  "])),
+
+    t.inputBlinkColor);
+
+
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      animation: ", " 0.15s ease-in;\n    "])),
+    blinkAnimation);
+
+  },
+
+  sizeSmall: function sizeSmall(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
+    t.inputFontSizeSmall,
+    t.inputLineHeightSmall,
+    t.inputPaddingYSmall,
+    t.inputPaddingYSmall,
+    t.inputPaddingXSmall,
+    t.inputPaddingXSmall,
+    t.inputHeightSmall,
+    t.inputBorderRadiusSmall);
+
+  },
+
+  sizeMedium: function sizeMedium(t) {
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
+    t.inputFontSizeMedium,
+    t.inputLineHeightMedium,
+    t.inputPaddingYMedium,
+    t.inputPaddingYMedium,
+    t.inputPaddingXMedium,
+    t.inputPaddingXMedium,
+    t.inputHeightMedium,
+    t.inputBorderRadiusMedium);
+
+  },
+
+  sizeLarge: function sizeLarge(t) {
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n    "])),
+    t.inputFontSizeLarge,
+    t.inputLineHeightLarge,
+    t.inputHeightLarge,
+    (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '0'),
+    (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '0'),
+    t.inputPaddingXLarge,
+    t.inputPaddingXLarge,
+    t.inputBorderRadiusLarge);
+
+  },
+
+  hideBlinkingCursor: function hideBlinkingCursor() {
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      caret-color: transparent;\n    "])));
+
+
+  }
+});

package/cjs/components/Input/Input.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Emotion","require","_DimensionFunctions","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","styles","exports","memoizeStyle","wrapper","css","_taggedTemplateLiteralLoose2","default","root","t","resetText","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","inputBorderColorHover","borderless","focus","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputColorScheme","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","inputOutlineWidth","error","inputBorderColorError","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","keyframes","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","shift","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","hideBlinkingCursor"],"sources":["Input.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  root(t: Theme) {\n    return css`\n      ${resetText()};\n\n      align-items: center;\n      background-clip: ${t.inputBackgroundClip};\n      background-color: ${t.inputBg};\n      border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n      border-top-color: ${t.inputBorderTopColor};\n      transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      box-shadow: ${t.inputShadow};\n      box-sizing: border-box;\n      color: ${t.inputColor};\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ${t.inputWidth};\n\n      & * {\n        box-sizing: border-box;\n      }\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:hover {\n        border-color: ${t.inputBorderColorHover};\n      }\n    `;\n  },\n\n  borderless() {\n    return css`\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      background-color: ${t.inputFocusedBg};\n      border-color: ${t.inputBorderColorFocus};\n      box-shadow: ${t.inputFocusShadow};\n      outline: none;\n      z-index: 2;\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      -ms-user-select: none;\n      color: ${t.inputPlaceholderColor};\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    `;\n  },\n\n  placeholderFocus(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorLight};\n    `;\n  },\n\n  placeholderDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ${t.inputTextColor};\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n      color-scheme: ${t.inputColorScheme};\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n    `;\n  },\n\n  inputFocus(t: Theme) {\n    return css`\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      color: ${t.inputTextColorDisabled};\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ${t.inputTextColorDisabled};\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning};\n      z-index: 2;\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorError};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError};\n      z-index: 2;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background-color: ${t.inputDisabledBg};\n      border-color: ${t.inputDisabledBorderColor};\n      box-shadow: none;\n    `;\n  },\n\n  blink(t: Theme) {\n    const blinkAnimation = keyframes`\n    0% {\n      background-color: ${t.inputBlinkColor};\n    }\n  `;\n    return css`\n      animation: ${blinkAnimation} 0.15s ease-in;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeSmall};\n      line-height: ${t.inputLineHeightSmall};\n      padding-top: ${t.inputPaddingYSmall};\n      padding-bottom: ${t.inputPaddingYSmall};\n      padding-left: ${t.inputPaddingXSmall};\n      padding-right: ${t.inputPaddingXSmall};\n      height: ${t.inputHeightSmall};\n      border-radius: ${t.inputBorderRadiusSmall};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeMedium};\n      line-height: ${t.inputLineHeightMedium};\n      padding-top: ${t.inputPaddingYMedium};\n      padding-bottom: ${t.inputPaddingYMedium};\n      padding-left: ${t.inputPaddingXMedium};\n      padding-right: ${t.inputPaddingXMedium};\n      height: ${t.inputHeightMedium};\n      border-radius: ${t.inputBorderRadiusMedium};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeLarge};\n      line-height: ${t.inputLineHeightLarge};\n      height: ${t.inputHeightLarge};\n      padding-top: ${shift(t.inputPaddingYLarge, '0')};\n      padding-bottom: ${shift(t.inputPaddingYLarge, '0')};\n      padding-left: ${t.inputPaddingXLarge};\n      padding-right: ${t.inputPaddingXLarge};\n      border-radius: ${t.inputBorderRadiusLarge};\n    `;\n  },\n\n  hideBlinkingCursor() {\n    return css`\n      caret-color: transparent;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Input/Input.typings.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+export type InputElement = (HTMLInputElement | {
+    input: HTMLInputElement | null;
+}) & {
+    getRootNode: () => HTMLElement | null;
+};
+export type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;

package/cjs/components/Input/Input.typings.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;

package/cjs/components/Input/Input.typings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["Input.typings.ts"],"sourcesContent":["import type React from 'react';\n\nexport type InputElement = (HTMLInputElement | { input: HTMLInputElement | null }) & {\n  getRootNode: () => HTMLElement | null;\n};\n\nexport type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;\n"],"mappings":"","ignoreList":[]}

package/cjs/components/Input/InputLayout/InputLayout.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { InputProps } from '../Input';
+import type { CommonProps } from '../../../internal/CommonWrapper';
+import type { InputLayoutContextProps } from './InputLayoutContext';
+type InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;
+export interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {
+    labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;
+    context: Partial<InputLayoutContextProps>;
+}
+export declare const InputLayout: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLLabelElement, InputLayoutRootProps> & Record<never, never>;
+export {};

package/cjs/components/Input/InputLayout/InputLayout.js

@@ -0,0 +1,36 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.InputLayout = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+
+var _Input = require("../Input");
+
+var _CommonWrapper = require("../../../internal/CommonWrapper");
+
+var _InputLayoutAside = require("./InputLayoutAside");
+
+var _InputLayoutContext = require("./InputLayoutContext");
+var _InputLayout = require("./InputLayout.styles");
+
+
+
+
+
+
+
+
+var InputLayout = exports.InputLayout = (0, _forwardRefAndName.forwardRefAndName)('InputLayout', function (props, ref) {
+  var leftIcon = props.leftIcon,rightIcon = props.rightIcon,prefix = props.prefix,suffix = props.suffix,labelProps = props.labelProps,context = props.context,children = props.children;
+  var _context = (0, _extends2.default)({}, _InputLayoutContext.InputLayoutContextDefault, context);
+
+  return /*#__PURE__*/(
+    _react.default.createElement(_InputLayoutContext.InputLayoutContext.Provider, { value: _context }, /*#__PURE__*/
+    _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
+    _react.default.createElement("label", (0, _extends2.default)({ ref: ref, "data-tid": _Input.InputDataTids.root }, labelProps), /*#__PURE__*/
+    _react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: leftIcon, text: prefix, side: "left" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: _InputLayout.stylesLayout.input() }, children), /*#__PURE__*/
+    _react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: rightIcon, text: suffix, side: "right" })
+    )
+    )
+    ));
+
+});

package/cjs/components/Input/InputLayout/InputLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_Input","_CommonWrapper","_InputLayoutAside","_InputLayoutContext","_InputLayout","InputLayout","exports","forwardRefAndName","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","_extends2","default","InputLayoutContextDefault","createElement","InputLayoutContext","Provider","value","CommonWrapper","InputDataTids","root","InputLayoutAside","icon","text","side","className","stylesLayout","input"],"sources":["InputLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { InputProps } from '../Input';\nimport { InputDataTids } from '../Input';\nimport type { CommonProps } from '../../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../../internal/CommonWrapper';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport type { InputLayoutContextProps } from './InputLayoutContext';\nimport { InputLayoutContext, InputLayoutContextDefault } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n  context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n  const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n  const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n\n  return (\n    <InputLayoutContext.Provider value={_context}>\n      <CommonWrapper {...props}>\n        <label ref={ref} data-tid={InputDataTids.root} {...labelProps}>\n          <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n          <span className={stylesLayout.input()}>{children}</span>\n          <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n        </label>\n      </CommonWrapper>\n    </InputLayoutContext.Provider>\n  );\n});\n"],"mappings":"mPAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;;AAEA,IAAAG,cAAA,GAAAH,OAAA;;AAEA,IAAAI,iBAAA,GAAAJ,OAAA;;AAEA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;;;;;;;;;AASO,IAAMO,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oCAAiB,EAAyC,aAAa,EAAE,UAACC,KAAK,EAAEC,GAAG,EAAK;EAClH,IAAQC,QAAQ,GAA+DF,KAAK,CAA5EE,QAAQ,CAAEC,SAAS,GAAoDH,KAAK,CAAlEG,SAAS,CAAEC,MAAM,GAA4CJ,KAAK,CAAvDI,MAAM,CAAEC,MAAM,GAAoCL,KAAK,CAA/CK,MAAM,CAAEC,UAAU,GAAwBN,KAAK,CAAvCM,UAAU,CAAEC,OAAO,GAAeP,KAAK,CAA3BO,OAAO,CAAEC,QAAQ,GAAKR,KAAK,CAAlBQ,QAAQ;EAC1E,IAAMC,QAAiC,OAAAC,SAAA,CAAAC,OAAA,MAAQC,6CAAyB,EAAKL,OAAO,CAAE;;EAEtF;IACEnB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAAClB,mBAAA,CAAAmB,kBAAkB,CAACC,QAAQ,IAACC,KAAK,EAAEP,QAAS;IAC3CrB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACpB,cAAA,CAAAwB,aAAa,EAAKjB,KAAK;IACtBZ,MAAA,CAAAuB,OAAA,CAAAE,aAAA,cAAAH,SAAA,CAAAC,OAAA,IAAOV,GAAG,EAAEA,GAAI,EAAC,YAAUiB,oBAAa,CAACC,IAAK,IAAKb,UAAU;IAC3DlB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACnB,iBAAA,CAAA0B,gBAAgB,IAACC,IAAI,EAAEnB,QAAS,EAACoB,IAAI,EAAElB,MAAO,EAACmB,IAAI,EAAC,MAAM,EAAE,CAAC;IAC9DnC,MAAA,CAAAuB,OAAA,CAAAE,aAAA,WAAMW,SAAS,EAAEC,yBAAY,CAACC,KAAK,CAAC,CAAE,IAAElB,QAAe,CAAC;IACxDpB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACnB,iBAAA,CAAA0B,gBAAgB,IAACC,IAAI,EAAElB,SAAU,EAACmB,IAAI,EAAEjB,MAAO,EAACkB,IAAI,EAAC,OAAO,EAAE;IAC1D;IACM;IACY,CAAC;;AAElC,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Input/InputLayout/InputLayout.styles.d.ts

@@ -0,0 +1,11 @@
+import type { Theme } from '../../../lib/theming/Theme';
+export declare const stylesLayout: {
+    root(t: Theme): string;
+    input(): string;
+    aside(): string;
+    icon(t: Theme): string;
+    iconFocus(t: Theme): string;
+    iconDisabled(t: Theme): string;
+    text(t: Theme): string;
+    textDisabled(t: Theme): string;
+};

package/cjs/components/Input/InputLayout/InputLayout.styles.js

@@ -0,0 +1,56 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.stylesLayout = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _chars = require("../../../lib/chars");
+var _Emotion = require("../../../lib/theming/Emotion");
+
+var _Input = require("../Input.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
+var stylesLayout = exports.stylesLayout = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return _Input.styles.root(t);
+  },
+  input: function input() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      width: 100%;\n      display: flex;\n    "])));
+
+
+
+
+
+
+  },
+  aside: function aside() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n\n      &::before {\n        content: '", "';\n      }\n    "])),
+
+
+
+
+
+    _chars.ZERO_WIDTH_SPACE_CSS);
+
+
+  },
+  icon: function icon(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputIconColor);
+
+  },
+  iconFocus: function iconFocus(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputFocusedIconColor);
+
+  },
+  iconDisabled: function iconDisabled(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      color: ", ";\n    "])),
+
+    t.inputIconColorDisabled);
+
+  },
+  text: function text(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputPlaceholderColor);
+
+  },
+  textDisabled: function textDisabled(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputPlaceholderColorDisabled);
+
+  }
+});

package/cjs/components/Input/InputLayout/InputLayout.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_chars","require","_Emotion","_Input","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","stylesLayout","exports","memoizeStyle","root","t","styles","input","css","_taggedTemplateLiteralLoose2","default","aside","ZERO_WIDTH_SPACE_CSS","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","inputIconColorDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"sources":["InputLayout.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { styles } from '../Input.styles';\n\nexport const stylesLayout = memoizeStyle({\n  root(t: Theme) {\n    return styles.root(t);\n  },\n  input() {\n    return css`\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      width: 100%;\n      display: flex;\n    `;\n  },\n  aside() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n\n      &::before {\n        content: '${ZERO_WIDTH_SPACE_CSS}';\n      }\n    `;\n  },\n  icon(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n  iconFocus(t: Theme) {\n    return css`\n      color: ${t.inputFocusedIconColor};\n    `;\n  },\n  iconDisabled(t: Theme) {\n    return css`\n      cursor: default;\n      color: ${t.inputIconColorDisabled};\n    `;\n  },\n  text(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n  textDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n});\n"],"mappings":"0RAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA,oBAAyC,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAElC,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,qBAAY,EAAC;EACvCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOC,aAAM,CAACF,IAAI,CAACC,CAAC,CAAC;EACvB,CAAC;EACDE,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOC,YAAG,EAAAd,eAAA,KAAAA,eAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;;;;EAOZ,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOH,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;;;IAMME,2BAAoB;;;EAGtC,CAAC;EACDC,IAAI,WAAAA,KAACR,CAAQ,EAAE;IACb,WAAOG,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACS,cAAc;;EAE7B,CAAC;EACDC,SAAS,WAAAA,UAACV,CAAQ,EAAE;IAClB,WAAOG,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACW,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAACZ,CAAQ,EAAE;IACrB,WAAOG,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;IAECL,CAAC,CAACa,sBAAsB;;EAErC,CAAC;EACDC,IAAI,WAAAA,KAACd,CAAQ,EAAE;IACb,WAAOG,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACe,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,WAAOG,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACiB,6BAA6B;;EAE5C;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Input/InputLayout/InputLayoutAside.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { InputProps } from '../Input';
+export interface InputLayoutAsideProps {
+    icon: InputProps['leftIcon'] | InputProps['rightIcon'];
+    text: InputProps['prefix'] | InputProps['suffix'];
+    side: 'left' | 'right';
+}
+export declare const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps>;

package/cjs/components/Input/InputLayout/InputLayoutAside.js

@@ -0,0 +1,24 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.InputLayoutAside = void 0;var _react = _interopRequireDefault(require("react"));
+
+
+
+var _InputLayout = require("./InputLayout.styles");
+var _InputLayoutAsideIcon = require("./InputLayoutAsideIcon");
+var _InputLayoutAsideText = require("./InputLayoutAsideText");
+
+
+
+
+
+
+
+var InputLayoutAside = exports.InputLayoutAside = function InputLayoutAside(_ref) {var icon = _ref.icon,text = _ref.text,side = _ref.side;
+  var asideClassName = _InputLayout.stylesLayout.aside();
+
+  var _icon = /*#__PURE__*/_react.default.createElement(_InputLayoutAsideIcon.InputLayoutAsideIcon, { key: "icon", icon: icon, side: side });
+  var _text = /*#__PURE__*/_react.default.createElement(_InputLayoutAsideText.InputLayoutAsideText, { key: "text", text: text });
+
+  var child = side === 'left' ? [_icon, _text] : [_text, _icon];
+
+  return /*#__PURE__*/_react.default.createElement("span", { className: asideClassName }, child);
+};

package/cjs/components/Input/InputLayout/InputLayoutAside.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_InputLayout","_InputLayoutAsideIcon","_InputLayoutAsideText","InputLayoutAside","exports","_ref","icon","text","side","asideClassName","stylesLayout","aside","_icon","default","createElement","InputLayoutAsideIcon","key","_text","InputLayoutAsideText","child","className"],"sources":["InputLayoutAside.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../Input';\n\nimport { stylesLayout } from './InputLayout.styles';\nimport { InputLayoutAsideIcon } from './InputLayoutAsideIcon';\nimport { InputLayoutAsideText } from './InputLayoutAsideText';\n\nexport interface InputLayoutAsideProps {\n  icon: InputProps['leftIcon'] | InputProps['rightIcon'];\n  text: InputProps['prefix'] | InputProps['suffix'];\n  side: 'left' | 'right';\n}\n\nexport const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps> = ({ icon, text, side }) => {\n  const asideClassName = stylesLayout.aside();\n\n  const _icon = <InputLayoutAsideIcon key=\"icon\" icon={icon} side={side} />;\n  const _text = <InputLayoutAsideText key=\"text\" text={text} />;\n\n  const child = side === 'left' ? [_icon, _text] : [_text, _icon];\n\n  return <span className={asideClassName}>{child}</span>;\n};\n"],"mappings":"sKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;;;;;;;;AAQO,IAAMI,gBAAgE,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnEA,gBAAgEA,CAAAE,IAAA,EAA6B,KAAvBC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EACjG,IAAMC,cAAc,GAAGC,yBAAY,CAACC,KAAK,CAAC,CAAC;;EAE3C,IAAMC,KAAK,gBAAGf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,qBAAA,CAAAc,oBAAoB,IAACC,GAAG,EAAC,MAAM,EAACV,IAAI,EAAEA,IAAK,EAACE,IAAI,EAAEA,IAAK,EAAE,CAAC;EACzE,IAAMS,KAAK,gBAAGpB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,qBAAA,CAAAgB,oBAAoB,IAACF,GAAG,EAAC,MAAM,EAACT,IAAI,EAAEA,IAAK,EAAE,CAAC;;EAE7D,IAAMY,KAAK,GAAGX,IAAI,KAAK,MAAM,GAAG,CAACI,KAAK,EAAEK,KAAK,CAAC,GAAG,CAACA,KAAK,EAAEL,KAAK,CAAC;;EAE/D,oBAAOf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,WAAMM,SAAS,EAAEX,cAAe,IAAEU,KAAY,CAAC;AACxD,CAAC","ignoreList":[]}