@wix/design-system 1.0.0

package/dist/cjs/Input/Input.js

@@ -0,0 +1,559 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _InputSt = require("./Input.st.css.js");
+var _InputContext = require("./InputContext");
+var _constants = require("./constants");
+var _constants2 = require("../StatusIndicator/constants.js");
+var _Ticker = _interopRequireDefault(require("./Ticker"));
+var _IconAffix = _interopRequireDefault(require("./IconAffix"));
+var _Affix = _interopRequireDefault(require("./Affix"));
+var _Group = _interopRequireDefault(require("./Group"));
+var _InputSuffix = _interopRequireWildcard(require("./InputSuffix"));
+var _context = require("../WixStyleReactMaskingProvider/context");
+var _WixStyleReactDefaultsOverrideProvider = require("../WixStyleReactDefaultsOverrideProvider");
+var _StatusContext = require("../FormField/StatusContext");
+var _excluded = ["customInput", "ref"],
+  _excluded2 = ["className"];
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/Input/Input.js";
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var clearButtonSizeMap = {
+  [_constants.SIZES.small]: 'small',
+  [_constants.SIZES.medium]: 'medium',
+  [_constants.SIZES.large]: 'medium'
+};
+class Input extends _react.Component {
+  constructor(_props) {
+    var _this;
+    super(_props);
+    _this = this;
+    this._onCompositionChange = isComposing => {
+      if (this.props.onCompositionChange) {
+        this.props.onCompositionChange(isComposing);
+      }
+      this.isComposing = isComposing;
+    };
+    this._extractRef = ref => {
+      var {
+        inputRef
+      } = this.props;
+      this.input = ref;
+      if (inputRef) {
+        inputRef(ref);
+      }
+    };
+    this._handleSuffixOnClear = event => {
+      var {
+        focusOnClearClick
+      } = this.props;
+      focusOnClearClick && this.focus();
+      this.clear(event);
+    };
+    this._onFocus = event => {
+      var {
+        onFocus
+      } = this.props;
+      this._isMounted && this.setState({
+        focus: true
+      });
+      onFocus && onFocus(event);
+      if (this.props.autoSelect) {
+        // Set timeout is needed here since onFocus is called before react
+        // gets the reference for the input (specifically when autoFocus
+        // is on. So setTimeout ensures we have the ref.input needed in select)
+        setTimeout(() => {
+          /**
+            here we trying to cover edge case with chrome forms autofill,
+            after user will trigger chrome form autofill, onFocus will be called for each input,
+            each input will cause this.select, select may(mostly all time) cause new onFocus,
+            which will cause new this.select, ..., we have recursion which will all time randomly cause
+            inputs to become focused.
+            To prevent this, we check, that current input node is equal to focused node.
+          */
+          if (document && document.activeElement === this.input) {
+            this.select();
+          }
+        }, 0);
+      }
+    };
+    this._onBlur = event => {
+      this.setState({
+        focus: false
+      });
+      if (this.props.onBlur) {
+        this.props.onBlur(event);
+      }
+    };
+    this._onClick = event => {
+      this.props.onInputClicked && this.props.onInputClicked(event);
+    };
+    this._onKeyDown = event => {
+      if (this.isComposing) {
+        return;
+      }
+      var {
+        onKeyDown,
+        onEnterPressed,
+        onEscapePressed
+      } = this.props;
+
+      // On key event
+      onKeyDown && onKeyDown(event);
+
+      // Enter
+      if (event.key === 'Enter' || event.keyCode === 13) {
+        onEnterPressed && onEnterPressed(event);
+      }
+
+      // Escape
+      if (event.key === 'Escape' || event.keyCode === 27) {
+        onEscapePressed && onEscapePressed(event);
+      }
+    };
+    this._isValidInput = value => {
+      var {
+        type
+      } = this.props;
+      if (type === 'number') {
+        /*
+         * Limit our number input to contain only:
+         * - \d - digits
+         * - .  - a dot
+         * - ,  - a comma
+         * - \- - a hyphen minus
+         * - +  - a plus sign
+         */
+        return /^[\d.,\-+]*$/.test(value);
+      }
+      return true;
+    };
+    this._onChange = event => {
+      var {
+        onChange
+      } = this.props;
+      if (this._isValidInput(event.target.value)) {
+        onChange && onChange(event);
+      }
+    };
+    this._onKeyPress = event => {
+      if (!this._isValidInput(event.target.value + event.key)) {
+        event.preventDefault();
+      }
+    };
+    this._renderInput = props => {
+      var {
+          customInput: CustomInputComponent,
+          ref
+        } = props,
+        rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+      var inputProps = _objectSpread({}, CustomInputComponent ? _objectSpread(_objectSpread({
+        ref
+      }, rest), {}, {
+        'data-hook': 'wsr-custom-input'
+      }) : _objectSpread({
+        ref
+      }, rest));
+      return /*#__PURE__*/_react.default.cloneElement(CustomInputComponent ? /*#__PURE__*/_react.default.createElement(CustomInputComponent, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 201,
+          columnNumber: 30
+        }
+      }) : /*#__PURE__*/_react.default.createElement("input", {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 201,
+          columnNumber: 57
+        }
+      }), inputProps);
+    };
+    this._shouldShowStatusSuffix = status => !this.props.hideStatusSuffix && Object.values(_constants2.STATUS).includes(status);
+    this.focus = function () {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      _this.input && _this.input.focus(options);
+    };
+    this.blur = () => {
+      this.input && this.input.blur();
+    };
+    this.select = () => {
+      this.input && this.input.select();
+    };
+    this.setSelectionRange = (start, end) => {
+      this.input && this.input.setSelectionRange(start, end);
+    };
+    this.clear = event => {
+      var {
+        onClear
+      } = this.props;
+      if (!this._isControlled) {
+        this.input.value = '';
+      }
+      onClear && onClear(event);
+    };
+    this._isMounted = false;
+    this.state = {
+      focus: false
+    };
+  }
+  componentDidMount() {
+    this._isMounted = true;
+    var {
+      autoFocus,
+      value
+    } = this.props;
+    autoFocus && this._onFocus();
+
+    /*
+     * autoFocus doesn't automatically selects text like focus do.
+     * Therefore we set the selection range, but in order to support prior implementation we set the start position as the end in order to place the cursor there.
+     */
+    if (autoFocus && !!value) {
+      this.input.setSelectionRange(value.length, value.length);
+    }
+  }
+  componentWillUnmount() {
+    this._isMounted = false;
+  }
+  get _isClearFeatureEnabled() {
+    var {
+      onClear,
+      clearButton
+    } = this.props;
+    return !!onClear || !!clearButton;
+  }
+  get _isControlled() {
+    var {
+      value
+    } = this.props;
+    return value !== undefined;
+  }
+  render() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var {
+      input: inputPropsDefaults
+    } = this.context;
+    var {
+      id,
+      name,
+      value,
+      placeholder,
+      menuArrow,
+      defaultValue,
+      tabIndex,
+      autoFocus,
+      onKeyUp,
+      onPaste,
+      disableEditing,
+      readOnly,
+      prefix,
+      suffix,
+      type,
+      maxLength,
+      textOverflow,
+      disabled,
+      status: statusProp,
+      statusMessage,
+      tooltipPlacement,
+      autocomplete,
+      min,
+      max,
+      step,
+      required,
+      customInput,
+      pattern,
+      size = inputPropsDefaults.size,
+      clearButtonTooltipContent,
+      clearButtonTooltipProps
+    } = this.props;
+    var onIconClicked = event => {
+      if (!disabled) {
+        this.input && this.input.focus();
+        this._onClick(event);
+      }
+    };
+
+    // this doesn't work for uncontrolled, "value" refers only to controlled input
+    var isClearButtonVisible = this._isClearFeatureEnabled && !!value && !disabled;
+    var visibleSuffixCount = (0, _InputSuffix.getVisibleSuffixCount)({
+      status: this._shouldShowStatusSuffix(statusProp),
+      statusMessage,
+      disabled,
+      isClearButtonVisible,
+      menuArrow,
+      suffix
+    });
+    var shouldRenderSuffix = formFieldStatus => {
+      return visibleSuffixCount > 0 || formFieldStatus && formFieldStatus === 'loading';
+    };
+
+    // Aria Attributes
+    var ariaAttribute = {};
+    Object.keys(this.props).filter(key => key.startsWith('aria')).map(key => ariaAttribute['aria-' + key.substr(4).toLowerCase()] = this.props[key]);
+
+    /* eslint-disable no-unused-vars */
+    var {
+        className
+      } = props,
+      inputElementProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+    var inputElement = /*#__PURE__*/_react.default.createElement(_context.WixStyleReactMaskingContext.Consumer, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 332,
+        columnNumber: 7
+      }
+    }, _ref => {
+      var {
+        maskingClassNames
+      } = _ref;
+      return /*#__PURE__*/_react.default.createElement(_StatusContext.StatusContext.Consumer, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 334,
+          columnNumber: 11
+        }
+      }, statusContext => this._renderInput(_objectSpread(_objectSpread(_objectSpread({
+        min,
+        max,
+        step,
+        'data-hook': 'wsr-input',
+        'data-mask': !!maskingClassNames,
+        style: {
+          textOverflow
+        },
+        ref: this._extractRef,
+        className: (0, _InputSt.st)(_InputSt.classes.input, {}, maskingClassNames),
+        id,
+        name,
+        disabled,
+        defaultValue,
+        value,
+        onChange: this._onChange,
+        onKeyPress: this._onKeyPress,
+        maxLength,
+        onFocus: this._onFocus,
+        onBlur: this._onBlur,
+        onWheel: () => {
+          // Although it's opposed to the native behavior, we decided to blur an input type="number" on wheel event in order to prevent change in value.
+          if (type === 'number') this.blur();
+        },
+        onKeyDown: this._onKeyDown,
+        onPaste,
+        placeholder,
+        tabIndex,
+        autoFocus,
+        onClick: this._onClick,
+        onKeyUp,
+        readOnly: readOnly || disableEditing,
+        type,
+        required,
+        autoComplete: autocomplete,
+        onCompositionStart: () => this._onCompositionChange(true),
+        onCompositionEnd: () => this._onCompositionChange(false),
+        customInput,
+        pattern
+      }, (0, _StatusContext.getAriaAttributesFromContext)(statusContext)), ariaAttribute), inputElementProps)));
+    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _InputSt.classes.wrapper,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 385,
+        columnNumber: 7
+      }
+    }, prefix && /*#__PURE__*/_react.default.createElement(_InputContext.InputContext.Provider, {
+      value: _objectSpread(_objectSpread({}, this.props), {}, {
+        size,
+        inPrefix: true
+      }),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 388,
+        columnNumber: 11
+      }
+    }, prefix), inputElement, /*#__PURE__*/_react.default.createElement(_InputContext.InputContext.Provider, {
+      value: _objectSpread(_objectSpread({}, this.props), {}, {
+        size,
+        inSuffix: true
+      }),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 399,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_StatusContext.StatusContext.Consumer, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 400,
+        columnNumber: 11
+      }
+    }, statusContext => {
+      var status = (0, _StatusContext.getStatusFromContext)(statusContext, statusProp);
+      return shouldRenderSuffix(statusContext.status) && /*#__PURE__*/_react.default.createElement(_InputSuffix.default, {
+        status: this._shouldShowStatusSuffix(status) ? status : undefined,
+        statusMessage: statusMessage,
+        disabled: disabled,
+        onIconClicked: onIconClicked,
+        isClearButtonVisible: isClearButtonVisible,
+        onClear: this._handleSuffixOnClear,
+        clearButtonSize: clearButtonSizeMap[size],
+        menuArrow: menuArrow,
+        suffix: suffix,
+        tooltipPlacement: tooltipPlacement,
+        clearButtonTooltipContent: clearButtonTooltipContent,
+        clearButtonTooltipProps: clearButtonTooltipProps,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 405,
+          columnNumber: 19
+        }
+      });
+    })));
+  }
+}
+Input.contextType = _WixStyleReactDefaultsOverrideProvider.WixStyleReactDefaultsOverrideContext;
+Input.Ticker = _Ticker.default;
+Input.IconAffix = _IconAffix.default;
+Input.Affix = _Affix.default;
+Input.Group = _Group.default;
+Input.StatusError = _constants2.STATUS.ERROR;
+Input.StatusWarning = _constants2.STATUS.WARNING;
+Input.StatusLoading = _constants2.STATUS.LOADING;
+Input.displayName = 'Input';
+Input.defaultProps = {
+  focusOnClearClick: true,
+  autoSelect: true,
+  border: 'standard',
+  textOverflow: 'clip',
+  maxLength: 524288,
+  clearButton: false,
+  hideStatusSuffix: false
+};
+Input.propTypes = {
+  /** Applies a data-hook HTML attribute that can be used in the tests */
+  dataHook: _propTypes.default.string,
+  /** Specifies a CSS class name to be appended to the component’s root element */
+  className: _propTypes.default.string,
+  /** Assigns a unique identifier for the root element */
+  id: _propTypes.default.string,
+  /** Associate a control with the regions that it controls */
+  ariaControls: _propTypes.default.string,
+  /** Associate a region with its descriptions. Similar to aria-controls but instead associating descriptions to the region and description identifiers are separated with a space. */
+  ariaDescribedby: _propTypes.default.string,
+  /** Define a string that labels the current element in case where a text label is not visible on the screen */
+  ariaLabel: _propTypes.default.string,
+  /** Focus the element on mount (standard React input autoFocus) */
+  autoFocus: _propTypes.default.bool,
+  /** Sets the value of native autocomplete attribute (check the [HTML spec](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete) for possible values  */
+  autocomplete: _propTypes.default.string,
+  /** Defines the initial value of an input */
+  defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  /** Specifies whether input should be disabled or not */
+  disabled: _propTypes.default.bool,
+  /** Specify the status of a field */
+  status: _propTypes.default.oneOf(['error', 'warning', 'loading']),
+  /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */
+  statusMessage: _propTypes.default.node,
+  /** Specifies whether status suffix should be hidden */
+  hideStatusSuffix: _propTypes.default.bool,
+  /** USED FOR TESTING - forces focus state on the input */
+  forceFocus: _propTypes.default.bool,
+  /** USED FOR TESTING - forces hover state on the input */
+  forceHover: _propTypes.default.bool,
+  /** Sets the maximum number of characters that can be inserted to a field */
+  maxLength: _propTypes.default.number,
+  /** Specifies whether input should have a dropdown menu arrow on the right side */
+  menuArrow: _propTypes.default.bool,
+  /** Displays clear button (X) on a non-empty input */
+  clearButton: _propTypes.default.bool,
+  /** Reference element data when a form is submitted */
+  name: _propTypes.default.string,
+  /** Control the border style of input */
+  border: _propTypes.default.oneOf(['standard', 'round', 'bottomLine', 'none']),
+  /** Specifies whether input shouldn’t have rounded corners on its left */
+  noLeftBorderRadius: _propTypes.default.bool,
+  /** Specifies whether input shouldn’t have rounded corners on its right */
+  noRightBorderRadius: _propTypes.default.bool,
+  /** Defines a standard input onBlur callback */
+  onBlur: _propTypes.default.func,
+  /** Defines a standard input onChange callback */
+  onChange: _propTypes.default.func,
+  /** Displays clear button (X) on a non-empty input and calls a callback function with no arguments */
+  onClear: _propTypes.default.func,
+  /** Defines a callback function called on compositionstart/compositionend events */
+  onCompositionChange: _propTypes.default.func,
+  /** Defines a callback handler that is called when the user presses -enter- */
+  onEnterPressed: _propTypes.default.func,
+  /** Defines a callback handler that is called when the user presses -escape- */
+  onEscapePressed: _propTypes.default.func,
+  /** Defines a standard input onFocus callback */
+  onFocus: _propTypes.default.func,
+  /** Defines a standard input onClick callback */
+  onInputClicked: _propTypes.default.func,
+  /** Defines a standard input onKeyDown callback */
+  onKeyDown: _propTypes.default.func,
+  /** Defines a standard input onKeyUp callback */
+  onKeyUp: _propTypes.default.func,
+  /** Defines a callback handler that is called when user pastes text from a clipboard (using a mouse or keyboard shortcut) */
+  onPaste: _propTypes.default.func,
+  /** Sets a placeholder message to display */
+  placeholder: _propTypes.default.string,
+  /** Pass a component you want to show as the prefix of the input, e.g., text, icon */
+  prefix: _propTypes.default.node,
+  /** Specifies whether input is read only */
+  readOnly: _propTypes.default.bool,
+  /** Restricts input editing */
+  disableEditing: _propTypes.default.bool,
+  /** Controls the size of the input. Default value: `medium` */
+  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
+  /** Pass a component you want to show as the suffix of the input, e.g., text, icon */
+  suffix: _propTypes.default.node,
+  /** Indicates that element can be focused and where it participates in sequential keyboard navigation */
+  tabIndex: _propTypes.default.number,
+  /** Handles text overflow behavior. It can either `clip` (default) or display `ellipsis`. */
+  textOverflow: _propTypes.default.string,
+  /** Controls placement of a status tooltip */
+  tooltipPlacement: _propTypes.default.string,
+  /** Specifies the type of `<input/>` element to display. Default is text. */
+  type: _propTypes.default.string,
+  /** Specifies the current value of the element */
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  /** Specifies whether input is mandatory */
+  required: _propTypes.default.bool,
+  /** Sets a minimum value of an input. Similar to HTML5 min attribute. */
+  min: _propTypes.default.number,
+  /** Sets a maximum value of an input. Similar to html5 max attribute. */
+  max: _propTypes.default.number,
+  /** Specifies the interval between number values */
+  step: _propTypes.default.number,
+  /** Render a custom input instead of the default html input tag */
+  customInput: _propTypes.default.elementType ? _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node, _propTypes.default.elementType]) : _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
+  /** Sets a pattern that typed value must match to be valid (regex) */
+  pattern: _propTypes.default.string,
+  /** Specifies whether to focus the field when clear button is clicked */
+  focusOnClearClick: _propTypes.default.bool,
+  /** When provided hover will display a tooltip with content */
+  clearButtonTooltipContent: _propTypes.default.node,
+  /** Clear button tooltip props */
+  clearButtonTooltipProps: _propTypes.default.node
+};
+var _default = Input;
+exports.default = _default;
+//# sourceMappingURL=Input.js.map

package/dist/cjs/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["clearButtonSizeMap","SIZES","small","medium","large","Input","Component","constructor","props","_onCompositionChange","isComposing","onCompositionChange","_extractRef","ref","inputRef","input","_handleSuffixOnClear","event","focusOnClearClick","focus","clear","_onFocus","onFocus","_isMounted","setState","autoSelect","setTimeout","document","activeElement","select","_onBlur","onBlur","_onClick","onInputClicked","_onKeyDown","onKeyDown","onEnterPressed","onEscapePressed","key","keyCode","_isValidInput","value","type","test","_onChange","onChange","target","_onKeyPress","preventDefault","_renderInput","customInput","CustomInputComponent","rest","inputProps","React","cloneElement","_shouldShowStatusSuffix","status","hideStatusSuffix","Object","values","STATUS","includes","options","blur","setSelectionRange","start","end","onClear","_isControlled","state","componentDidMount","autoFocus","length","componentWillUnmount","_isClearFeatureEnabled","clearButton","undefined","render","inputPropsDefaults","context","id","name","placeholder","menuArrow","defaultValue","tabIndex","onKeyUp","onPaste","disableEditing","readOnly","prefix","suffix","maxLength","textOverflow","disabled","statusProp","statusMessage","tooltipPlacement","autocomplete","min","max","step","required","pattern","size","clearButtonTooltipContent","clearButtonTooltipProps","onIconClicked","isClearButtonVisible","visibleSuffixCount","getVisibleSuffixCount","shouldRenderSuffix","formFieldStatus","ariaAttribute","keys","filter","startsWith","map","substr","toLowerCase","className","inputElementProps","inputElement","maskingClassNames","statusContext","style","st","classes","onKeyPress","onWheel","onClick","autoComplete","onCompositionStart","onCompositionEnd","getAriaAttributesFromContext","wrapper","inPrefix","inSuffix","getStatusFromContext","contextType","WixStyleReactDefaultsOverrideContext","Ticker","IconAffix","Affix","Group","StatusError","ERROR","StatusWarning","WARNING","StatusLoading","LOADING","displayName","defaultProps","border","propTypes","dataHook","PropTypes","string","ariaControls","ariaDescribedby","ariaLabel","bool","oneOfType","number","oneOf","node","forceFocus","forceHover","noLeftBorderRadius","noRightBorderRadius","func","elementType"],"sources":["../../../src/Input/Input.js"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './Input.st.css';\nimport { InputContext } from './InputContext';\nimport { SIZES } from './constants';\nimport { STATUS } from '../StatusIndicator/constants.js';\n\nimport Ticker from './Ticker';\nimport IconAffix from './IconAffix';\nimport Affix from './Affix';\nimport Group from './Group';\nimport InputSuffix, { getVisibleSuffixCount } from './InputSuffix';\nimport { WixStyleReactMaskingContext } from '../WixStyleReactMaskingProvider/context';\nimport { WixStyleReactDefaultsOverrideContext } from '../WixStyleReactDefaultsOverrideProvider';\nimport {\n  StatusContext,\n  getStatusFromContext,\n  getAriaAttributesFromContext,\n} from '../FormField/StatusContext';\n\nconst clearButtonSizeMap = {\n  [SIZES.small]: 'small',\n  [SIZES.medium]: 'medium',\n  [SIZES.large]: 'medium',\n};\n\nclass Input extends Component {\n  static contextType = WixStyleReactDefaultsOverrideContext;\n\n  static Ticker = Ticker;\n  static IconAffix = IconAffix;\n  static Affix = Affix;\n  static Group = Group;\n\n  static StatusError = STATUS.ERROR;\n  static StatusWarning = STATUS.WARNING;\n  static StatusLoading = STATUS.LOADING;\n\n  constructor(props) {\n    super(props);\n    this._isMounted = false;\n\n    this.state = {\n      focus: false,\n    };\n  }\n\n  componentDidMount() {\n    this._isMounted = true;\n    const { autoFocus, value } = this.props;\n\n    autoFocus && this._onFocus();\n\n    /*\n     * autoFocus doesn't automatically selects text like focus do.\n     * Therefore we set the selection range, but in order to support prior implementation we set the start position as the end in order to place the cursor there.\n     */\n    if (autoFocus && !!value) {\n      this.input.setSelectionRange(value.length, value.length);\n    }\n  }\n\n  componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  _onCompositionChange = isComposing => {\n    if (this.props.onCompositionChange) {\n      this.props.onCompositionChange(isComposing);\n    }\n\n    this.isComposing = isComposing;\n  };\n\n  get _isClearFeatureEnabled() {\n    const { onClear, clearButton } = this.props;\n\n    return !!onClear || !!clearButton;\n  }\n\n  get _isControlled() {\n    const { value } = this.props;\n\n    return value !== undefined;\n  }\n\n  _extractRef = ref => {\n    const { inputRef } = this.props;\n\n    this.input = ref;\n    if (inputRef) {\n      inputRef(ref);\n    }\n  };\n\n  _handleSuffixOnClear = event => {\n    const { focusOnClearClick } = this.props;\n    focusOnClearClick && this.focus();\n    this.clear(event);\n  };\n\n  _onFocus = event => {\n    const { onFocus } = this.props;\n    this._isMounted && this.setState({ focus: true });\n\n    onFocus && onFocus(event);\n\n    if (this.props.autoSelect) {\n      // Set timeout is needed here since onFocus is called before react\n      // gets the reference for the input (specifically when autoFocus\n      // is on. So setTimeout ensures we have the ref.input needed in select)\n      setTimeout(() => {\n        /**\n          here we trying to cover edge case with chrome forms autofill,\n          after user will trigger chrome form autofill, onFocus will be called for each input,\n          each input will cause this.select, select may(mostly all time) cause new onFocus,\n          which will cause new this.select, ..., we have recursion which will all time randomly cause\n          inputs to become focused.\n          To prevent this, we check, that current input node is equal to focused node.\n        */\n        if (document && document.activeElement === this.input) {\n          this.select();\n        }\n      }, 0);\n    }\n  };\n\n  _onBlur = event => {\n    this.setState({ focus: false });\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  _onClick = event => {\n    this.props.onInputClicked && this.props.onInputClicked(event);\n  };\n\n  _onKeyDown = event => {\n    if (this.isComposing) {\n      return;\n    }\n\n    const { onKeyDown, onEnterPressed, onEscapePressed } = this.props;\n\n    // On key event\n    onKeyDown && onKeyDown(event);\n\n    // Enter\n    if (event.key === 'Enter' || event.keyCode === 13) {\n      onEnterPressed && onEnterPressed(event);\n    }\n\n    // Escape\n    if (event.key === 'Escape' || event.keyCode === 27) {\n      onEscapePressed && onEscapePressed(event);\n    }\n  };\n\n  _isValidInput = value => {\n    const { type } = this.props;\n\n    if (type === 'number') {\n      /*\n       * Limit our number input to contain only:\n       * - \\d - digits\n       * - .  - a dot\n       * - ,  - a comma\n       * - \\- - a hyphen minus\n       * - +  - a plus sign\n       */\n      return /^[\\d.,\\-+]*$/.test(value);\n    }\n\n    return true;\n  };\n\n  _onChange = event => {\n    const { onChange } = this.props;\n\n    if (this._isValidInput(event.target.value)) {\n      onChange && onChange(event);\n    }\n  };\n\n  _onKeyPress = event => {\n    if (!this._isValidInput(event.target.value + event.key)) {\n      event.preventDefault();\n    }\n  };\n\n  _renderInput = props => {\n    const { customInput: CustomInputComponent, ref, ...rest } = props;\n    const inputProps = {\n      ...(CustomInputComponent\n        ? { ref, ...rest, 'data-hook': 'wsr-custom-input' }\n        : { ref, ...rest }),\n    };\n\n    return React.cloneElement(\n      CustomInputComponent ? <CustomInputComponent /> : <input />,\n      inputProps,\n    );\n  };\n\n  _shouldShowStatusSuffix = status =>\n    !this.props.hideStatusSuffix && Object.values(STATUS).includes(status);\n\n  /**\n   * Sets focus on the input element\n   * @param {FocusOptions} options\n   */\n  focus = (options = {}) => {\n    this.input && this.input.focus(options);\n  };\n\n  /**\n   * Removes focus on the input element\n   */\n  blur = () => {\n    this.input && this.input.blur();\n  };\n\n  /**\n   * Selects all text in the input element\n   */\n  select = () => {\n    this.input && this.input.select();\n  };\n\n  /**\n   * Sets the start and end positions of the current text selection in the input element\n   */\n  setSelectionRange = (start, end) => {\n    this.input && this.input.setSelectionRange(start, end);\n  };\n\n  /**\n   * Clears the input.\n   * Fires onClear with the given event triggered on the clear button\n   *\n   * @param event delegated to the onClear call\n   */\n  clear = event => {\n    const { onClear } = this.props;\n\n    if (!this._isControlled) {\n      this.input.value = '';\n    }\n\n    onClear && onClear(event);\n  };\n\n  render(props = {}) {\n    const { input: inputPropsDefaults } = this.context;\n\n    const {\n      id,\n      name,\n      value,\n      placeholder,\n      menuArrow,\n      defaultValue,\n      tabIndex,\n      autoFocus,\n      onKeyUp,\n      onPaste,\n      disableEditing,\n      readOnly,\n      prefix,\n      suffix,\n      type,\n      maxLength,\n      textOverflow,\n      disabled,\n      status: statusProp,\n      statusMessage,\n      tooltipPlacement,\n      autocomplete,\n      min,\n      max,\n      step,\n      required,\n      customInput,\n      pattern,\n      size = inputPropsDefaults.size,\n      clearButtonTooltipContent,\n      clearButtonTooltipProps,\n    } = this.props;\n\n    const onIconClicked = event => {\n      if (!disabled) {\n        this.input && this.input.focus();\n        this._onClick(event);\n      }\n    };\n\n    // this doesn't work for uncontrolled, \"value\" refers only to controlled input\n    const isClearButtonVisible =\n      this._isClearFeatureEnabled && !!value && !disabled;\n\n    const visibleSuffixCount = getVisibleSuffixCount({\n      status: this._shouldShowStatusSuffix(statusProp),\n      statusMessage,\n      disabled,\n      isClearButtonVisible,\n      menuArrow,\n      suffix,\n    });\n\n    const shouldRenderSuffix = formFieldStatus => {\n      return (\n        visibleSuffixCount > 0 ||\n        (formFieldStatus && formFieldStatus === 'loading')\n      );\n    };\n\n    // Aria Attributes\n    const ariaAttribute = {};\n    Object.keys(this.props)\n      .filter(key => key.startsWith('aria'))\n      .map(\n        key =>\n          (ariaAttribute['aria-' + key.substr(4).toLowerCase()] =\n            this.props[key]),\n      );\n\n    /* eslint-disable no-unused-vars */\n    const { className, ...inputElementProps } = props;\n\n    const inputElement = (\n      <WixStyleReactMaskingContext.Consumer>\n        {({ maskingClassNames }) => (\n          <StatusContext.Consumer>\n            {statusContext =>\n              this._renderInput({\n                min,\n                max,\n                step,\n                'data-hook': 'wsr-input',\n                'data-mask': !!maskingClassNames,\n                style: { textOverflow },\n                ref: this._extractRef,\n                className: st(classes.input, {}, maskingClassNames),\n                id,\n                name,\n                disabled,\n                defaultValue,\n                value,\n                onChange: this._onChange,\n                onKeyPress: this._onKeyPress,\n                maxLength,\n                onFocus: this._onFocus,\n                onBlur: this._onBlur,\n                onWheel: () => {\n                  // Although it's opposed to the native behavior, we decided to blur an input type=\"number\" on wheel event in order to prevent change in value.\n                  if (type === 'number') this.blur();\n                },\n                onKeyDown: this._onKeyDown,\n                onPaste,\n                placeholder,\n                tabIndex,\n                autoFocus,\n                onClick: this._onClick,\n                onKeyUp,\n                readOnly: readOnly || disableEditing,\n                type,\n                required,\n                autoComplete: autocomplete,\n                onCompositionStart: () => this._onCompositionChange(true),\n                onCompositionEnd: () => this._onCompositionChange(false),\n                customInput,\n                pattern,\n                ...getAriaAttributesFromContext(statusContext),\n                ...ariaAttribute,\n                ...inputElementProps,\n              })\n            }\n          </StatusContext.Consumer>\n        )}\n      </WixStyleReactMaskingContext.Consumer>\n    );\n\n    return (\n      <div className={classes.wrapper}>\n        {/* Prefix */}\n        {prefix && (\n          <InputContext.Provider\n            value={{ ...this.props, size, inPrefix: true }}\n          >\n            {prefix}\n          </InputContext.Provider>\n        )}\n\n        {/* Input Element */}\n        {inputElement}\n\n        {/* Suffix */}\n        <InputContext.Provider value={{ ...this.props, size, inSuffix: true }}>\n          <StatusContext.Consumer>\n            {statusContext => {\n              const status = getStatusFromContext(statusContext, statusProp);\n              return (\n                shouldRenderSuffix(statusContext.status) && (\n                  <InputSuffix\n                    status={\n                      this._shouldShowStatusSuffix(status) ? status : undefined\n                    }\n                    statusMessage={statusMessage}\n                    disabled={disabled}\n                    onIconClicked={onIconClicked}\n                    isClearButtonVisible={isClearButtonVisible}\n                    onClear={this._handleSuffixOnClear}\n                    clearButtonSize={clearButtonSizeMap[size]}\n                    menuArrow={menuArrow}\n                    suffix={suffix}\n                    tooltipPlacement={tooltipPlacement}\n                    clearButtonTooltipContent={clearButtonTooltipContent}\n                    clearButtonTooltipProps={clearButtonTooltipProps}\n                  />\n                )\n              );\n            }}\n          </StatusContext.Consumer>\n        </InputContext.Provider>\n      </div>\n    );\n  }\n}\n\nInput.displayName = 'Input';\n\nInput.defaultProps = {\n  focusOnClearClick: true,\n  autoSelect: true,\n  border: 'standard',\n  textOverflow: 'clip',\n  maxLength: 524288,\n  clearButton: false,\n  hideStatusSuffix: false,\n};\n\nInput.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element */\n  className: PropTypes.string,\n\n  /** Assigns a unique identifier for the root element */\n  id: PropTypes.string,\n\n  /** Associate a control with the regions that it controls */\n  ariaControls: PropTypes.string,\n\n  /** Associate a region with its descriptions. Similar to aria-controls but instead associating descriptions to the region and description identifiers are separated with a space. */\n  ariaDescribedby: PropTypes.string,\n\n  /** Define a string that labels the current element in case where a text label is not visible on the screen */\n  ariaLabel: PropTypes.string,\n\n  /** Focus the element on mount (standard React input autoFocus) */\n  autoFocus: PropTypes.bool,\n\n  /** Sets the value of native autocomplete attribute (check the [HTML spec](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete) for possible values  */\n  autocomplete: PropTypes.string,\n\n  /** Defines the initial value of an input */\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Specifies whether input should be disabled or not */\n  disabled: PropTypes.bool,\n\n  /** Specify the status of a field */\n  status: PropTypes.oneOf(['error', 'warning', 'loading']),\n\n  /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */\n  statusMessage: PropTypes.node,\n\n  /** Specifies whether status suffix should be hidden */\n  hideStatusSuffix: PropTypes.bool,\n\n  /** USED FOR TESTING - forces focus state on the input */\n  forceFocus: PropTypes.bool,\n\n  /** USED FOR TESTING - forces hover state on the input */\n  forceHover: PropTypes.bool,\n\n  /** Sets the maximum number of characters that can be inserted to a field */\n  maxLength: PropTypes.number,\n\n  /** Specifies whether input should have a dropdown menu arrow on the right side */\n  menuArrow: PropTypes.bool,\n\n  /** Displays clear button (X) on a non-empty input */\n  clearButton: PropTypes.bool,\n\n  /** Reference element data when a form is submitted */\n  name: PropTypes.string,\n\n  /** Control the border style of input */\n  border: PropTypes.oneOf(['standard', 'round', 'bottomLine', 'none']),\n\n  /** Specifies whether input shouldn’t have rounded corners on its left */\n  noLeftBorderRadius: PropTypes.bool,\n\n  /** Specifies whether input shouldn’t have rounded corners on its right */\n  noRightBorderRadius: PropTypes.bool,\n\n  /** Defines a standard input onBlur callback */\n  onBlur: PropTypes.func,\n\n  /** Defines a standard input onChange callback */\n  onChange: PropTypes.func,\n\n  /** Displays clear button (X) on a non-empty input and calls a callback function with no arguments */\n  onClear: PropTypes.func,\n\n  /** Defines a callback function called on compositionstart/compositionend events */\n  onCompositionChange: PropTypes.func,\n\n  /** Defines a callback handler that is called when the user presses -enter- */\n  onEnterPressed: PropTypes.func,\n\n  /** Defines a callback handler that is called when the user presses -escape- */\n  onEscapePressed: PropTypes.func,\n\n  /** Defines a standard input onFocus callback */\n  onFocus: PropTypes.func,\n\n  /** Defines a standard input onClick callback */\n  onInputClicked: PropTypes.func,\n\n  /** Defines a standard input onKeyDown callback */\n  onKeyDown: PropTypes.func,\n\n  /** Defines a standard input onKeyUp callback */\n  onKeyUp: PropTypes.func,\n\n  /** Defines a callback handler that is called when user pastes text from a clipboard (using a mouse or keyboard shortcut) */\n  onPaste: PropTypes.func,\n\n  /** Sets a placeholder message to display */\n  placeholder: PropTypes.string,\n\n  /** Pass a component you want to show as the prefix of the input, e.g., text, icon */\n  prefix: PropTypes.node,\n\n  /** Specifies whether input is read only */\n  readOnly: PropTypes.bool,\n\n  /** Restricts input editing */\n  disableEditing: PropTypes.bool,\n\n  /** Controls the size of the input. Default value: `medium` */\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n  /** Pass a component you want to show as the suffix of the input, e.g., text, icon */\n  suffix: PropTypes.node,\n\n  /** Indicates that element can be focused and where it participates in sequential keyboard navigation */\n  tabIndex: PropTypes.number,\n\n  /** Handles text overflow behavior. It can either `clip` (default) or display `ellipsis`. */\n  textOverflow: PropTypes.string,\n\n  /** Controls placement of a status tooltip */\n  tooltipPlacement: PropTypes.string,\n\n  /** Specifies the type of `<input/>` element to display. Default is text. */\n  type: PropTypes.string,\n\n  /** Specifies the current value of the element */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Specifies whether input is mandatory */\n  required: PropTypes.bool,\n\n  /** Sets a minimum value of an input. Similar to HTML5 min attribute. */\n  min: PropTypes.number,\n\n  /** Sets a maximum value of an input. Similar to html5 max attribute. */\n  max: PropTypes.number,\n\n  /** Specifies the interval between number values */\n  step: PropTypes.number,\n\n  /** Render a custom input instead of the default html input tag */\n  customInput: PropTypes.elementType\n    ? PropTypes.oneOfType([\n        PropTypes.func,\n        PropTypes.node,\n        PropTypes.elementType,\n      ])\n    : PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n\n  /** Sets a pattern that typed value must match to be valid (regex) */\n  pattern: PropTypes.string,\n\n  /** Specifies whether to focus the field when clear button is clicked */\n  focusOnClearClick: PropTypes.bool,\n\n  /** When provided hover will display a tooltip with content */\n  clearButtonTooltipContent: PropTypes.node,\n\n  /** Clear button tooltip props */\n  clearButtonTooltipProps: PropTypes.node,\n};\n\nexport default Input;\n"],"mappings":"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"}

package/dist/cjs/Input/Input.meta.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=Input.meta.js.map

package/dist/cjs/Input/Input.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/Input/Input.meta.tsx"],"sourcesContent":["import { InputProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: InputProps = {};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as InputProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAyB,GAAG,CAAC,CAAC;;AAE3C;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAH,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMI,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}