@wordpress/components/build-module/input-control/index.js

UI components for WordPress.

import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@wordpress/element";

/**
 * External dependencies
 */
import { noop } from 'lodash';
import classNames from 'classnames';
/**
 * WordPress dependencies
 */

import { useInstanceId } from '@wordpress/compose';
import { useState, forwardRef } from '@wordpress/element';
/**
 * Internal dependencies
 */

import InputBase from './input-base';
import InputField from './input-field';

function useUniqueId(idProp) {
  const instanceId = useInstanceId(InputControl);
  const id = `inspector-input-control-${instanceId}`;
  return idProp || id;
}

export function InputControl({
  __unstableStateReducer: stateReducer = state => state,
  __unstableInputWidth,
  className,
  disabled = false,
  hideLabelFromVision = false,
  id: idProp,
  isPressEnterToChange = false,
  label,
  labelPosition = 'top',
  onChange = noop,
  onValidate = noop,
  onKeyDown = noop,
  prefix,
  size = 'default',
  suffix,
  value,
  ...props
}, ref) {
  const [isFocused, setIsFocused] = useState(false);
  const id = useUniqueId(idProp);
  const classes = classNames('components-input-control', className);
  return createElement(InputBase, {
    __unstableInputWidth: __unstableInputWidth,
    className: classes,
    disabled: disabled,
    gap: 3,
    hideLabelFromVision: hideLabelFromVision,
    id: id,
    isFocused: isFocused,
    justify: "left",
    label: label,
    labelPosition: labelPosition,
    prefix: prefix,
    size: size,
    suffix: suffix
  }, createElement(InputField, _extends({}, props, {
    className: "components-input-control__input",
    disabled: disabled,
    id: id,
    isFocused: isFocused,
    isPressEnterToChange: isPressEnterToChange,
    onChange: onChange,
    onKeyDown: onKeyDown,
    onValidate: onValidate,
    ref: ref,
    setIsFocused: setIsFocused,
    size: size,
    stateReducer: stateReducer,
    value: value
  })));
}
const ForwardedComponent = forwardRef(InputControl);
export default ForwardedComponent;
//# sourceMappingURL=index.js.map