@wix/design-system 1.164.0 → 1.166.0

package/dist/cjs/InputArea/InputArea.js

@@ -217,7 +217,9 @@ class InputArea extends _react.default.PureComponent {
       tooltipPlacement,
       status,
       statusMessage,
-      children
+      children,
+      onCompositionStart,
+      onCompositionEnd
     } = this.props;
     var inlineStyle = {};
     var rowsAttr = rows ? rows : autoGrow ? this.state.computedRows : undefined;
@@ -234,7 +236,7 @@ class InputArea extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 157,
+        lineNumber: 159,
         columnNumber: 7
       }
     }, _ref2 => {
@@ -245,7 +247,7 @@ class InputArea extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 160,
+          lineNumber: 162,
           columnNumber: 13
         }
       }, statusContext => {
@@ -268,7 +270,7 @@ class InputArea extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 165,
+            lineNumber: 167,
             columnNumber: 19
           }
         }), /*#__PURE__*/_react.default.createElement("div", {
@@ -276,7 +278,7 @@ class InputArea extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 184,
+            lineNumber: 186,
             columnNumber: 21
           }
         }, typeof children === 'function' ? children({
@@ -308,10 +310,12 @@ class InputArea extends _react.default.PureComponent {
           onKeyUp: onKeyUp
         }, (0, _StatusContext.getAriaAttributesFromContext)(statusContext), ariaAttribute, {
           readOnly: readOnly,
+          onCompositionStart: onCompositionStart,
+          onCompositionEnd: onCompositionEnd,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 195,
+            lineNumber: 197,
             columnNumber: 25
           }
         })), hasCounter && maxLength && /*#__PURE__*/_react.default.createElement("span", {
@@ -320,7 +324,7 @@ class InputArea extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 223,
+            lineNumber: 227,
             columnNumber: 25
           }
         }, this.state.counter, "/", maxLength)), /*#__PURE__*/_react.default.createElement("div", {
@@ -328,7 +332,7 @@ class InputArea extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 230,
+            lineNumber: 234,
             columnNumber: 21
           }
         }, (!!status || finalStatus === _StatusIndicator2.STATUS.LOADING) && !disabled && /*#__PURE__*/_react.default.createElement(_StatusIndicator.default, {
@@ -341,7 +345,7 @@ class InputArea extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 233,
+            lineNumber: 237,
             columnNumber: 27
           }
         })));
@@ -417,6 +421,10 @@ InputArea.propTypes = {
   onKeyDown: _propTypes.default.func,
   /** Defines a standard input onKeyUp callback. */
   onKeyUp: _propTypes.default.func,
+  /** Defines a standard input onCompositionStart callback. */
+  onCompositionStart: _propTypes.default.func,
+  /** Defines a standard input onCompositionEnd callback. */
+  onCompositionEnd: _propTypes.default.func,
   /** Sets a placeholder message to display. */
   placeholder: _propTypes.default.string,
   /** Specifies whether input is read only. */

package/dist/cjs/InputArea/InputArea.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StatusIndicator","_StatusIndicator2","_clamp","_debounce","_isNaN","_InputAreaSt","_constants","_filterObject","_StatusContext","_context","_jsxFileName","InputArea","React","PureComponent","constructor","arguments","_computedStyle","state","focus","counter","props","value","defaultValue","length","computedRows","minRowsAutoGrow","_getDataAttr","_ref","statusContext","size","status","disabled","resizable","forceHover","forceFocus","filterObject","dataAttr","SIZE","STATUS","getStatusFromContext","DISABLED","RESIZABLE","HOVER","FOCUS","key","textArea","blur","select","calculateComputedRows","maxRowsAutoGrow","setState","rowsCount","_getRowsCount","clamp","_onFocus","e","onFocus","autoSelect","setTimeout","_onBlur","onBlur","_onKeyDown","onKeyDown","onEnterPressed","onEscapePressed","_onChange","onChange","_onInput","_updateComputedStyle","debounce","window","getComputedStyle","leading","_getComputedStyle","computedStyle","fontSize","parseInt","getPropertyValue","lineHeight","lineHeightValue","isNaN","MIN_ROWS","_getDefaultLineHeight","Math","floor","scrollHeight","_defaultLineHeight","parentNode","computedStyles","fontFamily","tempElement","document","createElement","defaultStyles","setAttribute","concat","innerText","appendChild","clientHeight","removeChild","componentDidMount","autoFocus","autoGrow","setSelectionRange","componentDidUpdate","prevProps","hasCounter","componentWillUnmount","cancel","render","dataHook","className","id","name","onKeyUp","placeholder","readOnly","tabIndex","rows","required","minHeight","maxHeight","maxLength","tooltipPlacement","statusMessage","children","inlineStyle","rowsAttr","undefined","onInput","ariaAttribute","Object","keys","filter","startsWith","map","substr","toLowerCase","default","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref2","newColorsBranding","StatusContext","finalStatus","_extends2","st","classes","root","hasFocus","inputArea","ref","style","getAriaAttributesFromContext","LOADING","dataHooks","tooltip","message","tooltipProps","placement","MAX_ROWS","Number","POSITIVE_INFINITY","displayName","defaultProps","propTypes","PropTypes","string","func","ariaControls","ariaDescribedby","ariaLabel","bool","oneOf","node","number","_default","exports"],"sources":["../../../src/InputArea/InputArea.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport StatusIndicator from '../StatusIndicator';\nimport { STATUS } from '../StatusIndicator/StatusIndicator.constants';\nimport clamp from 'lodash/clamp';\nimport debounce from 'lodash/debounce';\nimport isNaN from 'lodash/isNaN';\nimport { st, classes } from './InputArea.st.css';\nimport { dataAttr, dataHooks } from './constants';\nimport { filterObject } from '../utils/filterObject';\nimport {\n  StatusContext,\n  getStatusFromContext,\n  getAriaAttributesFromContext,\n} from '../FormField/StatusContext';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\n\n/**\n * General inputArea container\n */\nclass InputArea extends React.PureComponent {\n  _computedStyle = null;\n  state = {\n    focus: false,\n    counter: (this.props.value || this.props.defaultValue || '').length,\n    computedRows: this.props.minRowsAutoGrow,\n  };\n\n  // For autoGrow prop min rows is 2 so the textarea does not look like an input\n  static MIN_ROWS = 2;\n\n  // For autoGrow prop max rows is Infinity to keep backwards compatibility\n  static MAX_ROWS = Number.POSITIVE_INFINITY;\n\n  // For testing purposes only\n  _getDataAttr = ({ statusContext }) => {\n    const { size, status, disabled, resizable, forceHover, forceFocus } =\n      this.props;\n\n    return filterObject(\n      {\n        [dataAttr.SIZE]: size,\n        [dataAttr.STATUS]: !disabled\n          ? getStatusFromContext(statusContext, status)\n          : null,\n        [dataAttr.DISABLED]: !!disabled,\n        [dataAttr.RESIZABLE]: !!resizable && !disabled,\n        [dataAttr.HOVER]: !!forceHover,\n        [dataAttr.FOCUS]: !!(forceFocus || this.state.focus),\n      },\n      (key, value) => !!value,\n    );\n  };\n\n  componentDidMount() {\n    const { autoFocus, autoGrow, value } = this.props;\n\n    autoFocus && this._onFocus();\n    if (autoGrow) {\n      this.calculateComputedRows();\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.textArea.setSelectionRange(value.length, value.length);\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    const {\n      minRowsAutoGrow,\n      maxRowsAutoGrow,\n      value,\n      defaultValue,\n      autoGrow,\n      hasCounter,\n    } = this.props;\n\n    if (\n      autoGrow &&\n      (prevProps.minRowsAutoGrow !== minRowsAutoGrow ||\n        prevProps.maxRowsAutoGrow !== maxRowsAutoGrow)\n    ) {\n      this.calculateComputedRows();\n    }\n\n    if (hasCounter && prevProps.value !== value) {\n      this.setState({\n        counter: (value || defaultValue || '').length,\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this._updateComputedStyle.cancel();\n  }\n\n  render() {\n    const {\n      dataHook,\n      className,\n      autoFocus,\n      defaultValue,\n      disabled,\n      forceFocus,\n      forceHover,\n      id,\n      name,\n      onKeyUp,\n      placeholder,\n      readOnly,\n      tabIndex,\n      rows,\n      autoGrow,\n      value,\n      required,\n      minHeight,\n      maxHeight,\n      maxLength,\n      resizable,\n      hasCounter,\n      size,\n      tooltipPlacement,\n      status,\n      statusMessage,\n      children,\n    } = this.props;\n\n    const inlineStyle = {};\n    const rowsAttr = rows\n      ? rows\n      : autoGrow\n      ? this.state.computedRows\n      : undefined;\n    const onInput = !rows && autoGrow ? this._onInput : undefined;\n\n    if (minHeight) {\n      inlineStyle.minHeight = minHeight;\n    }\n\n    if (maxHeight) {\n      inlineStyle.maxHeight = maxHeight;\n    }\n\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    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => {\n          return (\n            <StatusContext.Consumer>\n              {statusContext => {\n                const finalStatus = getStatusFromContext(statusContext, status);\n\n                return (\n                  <div\n                    data-hook={dataHook}\n                    className={st(\n                      classes.root,\n                      {\n                        disabled,\n                        size,\n                        status: finalStatus,\n                        hasFocus: forceFocus || this.state.focus,\n                        forceHover,\n                        resizable,\n                        readOnly,\n                        newColorsBranding,\n                      },\n                      className,\n                    )}\n                    {...this._getDataAttr({ statusContext })}\n                  >\n                    {/* Input Area */}\n                    <div className={classes.inputArea}>\n                      {typeof children === 'function' ? (\n                        children({\n                          rows: rowsAttr,\n                          ref: ref => (this.textArea = ref),\n                          onFocus: this._onFocus,\n                          onBlur: this._onBlur,\n                          onKeyDown: this._onKeyDown,\n                          onInput,\n                        })\n                      ) : (\n                        <textarea\n                          rows={rowsAttr}\n                          maxLength={maxLength}\n                          ref={ref => (this.textArea = ref)}\n                          id={id}\n                          name={name}\n                          style={inlineStyle}\n                          defaultValue={defaultValue}\n                          disabled={disabled}\n                          value={value}\n                          required={required}\n                          onFocus={this._onFocus}\n                          onBlur={this._onBlur}\n                          onKeyDown={this._onKeyDown}\n                          onChange={this._onChange}\n                          onInput={onInput}\n                          placeholder={placeholder}\n                          tabIndex={tabIndex}\n                          autoFocus={autoFocus}\n                          onKeyUp={onKeyUp}\n                          {...getAriaAttributesFromContext(statusContext)}\n                          {...ariaAttribute}\n                          readOnly={readOnly}\n                        />\n                      )}\n\n                      {/* Counter */}\n                      {hasCounter && maxLength && (\n                        <span className={classes.counter} data-hook=\"counter\">\n                          {this.state.counter}/{maxLength}\n                        </span>\n                      )}\n                    </div>\n\n                    {/* Status Indicator */}\n                    <div className={classes.status}>\n                      {(!!status || finalStatus === STATUS.LOADING) &&\n                        !disabled && (\n                          <StatusIndicator\n                            dataHook={dataHooks.tooltip}\n                            status={finalStatus}\n                            message={statusMessage}\n                            tooltipProps={{\n                              placement: tooltipPlacement,\n                            }}\n                          />\n                        )}\n                    </div>\n                  </div>\n                );\n              }}\n            </StatusContext.Consumer>\n          );\n        }}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n\n  focus = () => {\n    this.textArea && this.textArea.focus();\n  };\n\n  blur = () => {\n    this.textArea && this.textArea.blur();\n  };\n\n  select = () => {\n    this.textArea && this.textArea.select();\n  };\n\n  calculateComputedRows = () => {\n    const { minRowsAutoGrow, maxRowsAutoGrow } = this.props;\n\n    this.setState({ computedRows: 1 }, () => {\n      const rowsCount = this._getRowsCount();\n      const computedRows = clamp(rowsCount, minRowsAutoGrow, maxRowsAutoGrow);\n      this.setState({\n        computedRows,\n      });\n    });\n  };\n\n  _onFocus = e => {\n    this.setState({ focus: true });\n    this.props.onFocus && this.props.onFocus(e);\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(() => this.select(), 0);\n    }\n  };\n\n  _onBlur = e => {\n    this.setState({ focus: false });\n    this.props.onBlur && this.props.onBlur(e);\n  };\n\n  _onKeyDown = e => {\n    this.props.onKeyDown && this.props.onKeyDown(e);\n\n    if (e.key === 'Enter') {\n      this.props.onEnterPressed && this.props.onEnterPressed(e);\n    } else if (e.key === 'Escape') {\n      this.props.onEscapePressed && this.props.onEscapePressed();\n    }\n  };\n\n  _onChange = e => {\n    this.props.onChange && this.props.onChange(e);\n  };\n\n  _onInput = () => {\n    this.calculateComputedRows();\n  };\n\n  _updateComputedStyle = debounce(\n    () => {\n      this._computedStyle = window.getComputedStyle(this.textArea);\n    },\n    500,\n    { leading: true },\n  );\n\n  _getComputedStyle = () => {\n    this._updateComputedStyle();\n    return this._computedStyle;\n  };\n\n  _getRowsCount = () => {\n    const computedStyle = this._getComputedStyle();\n    const fontSize = parseInt(computedStyle.getPropertyValue('font-size'), 10);\n    const lineHeight = parseInt(\n      computedStyle.getPropertyValue('line-height'),\n      10,\n    );\n    let lineHeightValue;\n\n    if (isNaN(lineHeight)) {\n      if (isNaN(fontSize)) {\n        return InputArea.MIN_ROWS;\n      }\n\n      lineHeightValue = this._getDefaultLineHeight() * fontSize;\n    } else {\n      lineHeightValue = lineHeight;\n    }\n\n    return Math.floor(this.textArea.scrollHeight / lineHeightValue);\n  };\n\n  _getDefaultLineHeight = () => {\n    if (!this._defaultLineHeight) {\n      const { parentNode } = this.textArea;\n      const computedStyles = this._getComputedStyle();\n      const fontFamily = computedStyles.getPropertyValue('font-family');\n      const fontSize = computedStyles.getPropertyValue('font-size');\n      const tempElement = document.createElement('span');\n      const defaultStyles =\n        'position:absolute;display:inline;border:0;margin:0;padding:0;line-height:normal;';\n      tempElement.setAttribute(\n        'style',\n        `${defaultStyles}font-family:${fontFamily};font-size:${fontSize};`,\n      );\n      tempElement.innerText = 'M';\n      parentNode.appendChild(tempElement);\n      this._defaultLineHeight =\n        parseInt(tempElement.clientHeight, 10) / parseInt(fontSize, 10);\n      tempElement.parentNode.removeChild(tempElement);\n    }\n\n    return this._defaultLineHeight;\n  };\n}\n\nInputArea.displayName = 'InputArea';\n\nInputArea.defaultProps = {\n  minRowsAutoGrow: InputArea.MIN_ROWS,\n  maxRowsAutoGrow: InputArea.MAX_ROWS,\n  size: 'medium',\n};\n\nInputArea.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   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Specifies custom textarea render function */\n  children: PropTypes.func,\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  /** Controls the size of the input. */\n  size: PropTypes.oneOf(['small', 'medium']),\n\n  /** Sets a default value for those who want to use this component un-controlled. */\n  defaultValue: PropTypes.string,\n\n  /** Specifies whether input should be disabled. */\n  disabled: PropTypes.bool,\n\n  /** Specifies 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  /** 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  /** Specifies whether character count is enabled. */\n  hasCounter: PropTypes.bool,\n\n  /** Assigns an unique identifier for the root element. */\n  id: PropTypes.string,\n\n  /** Reference element data when a form is submitted. */\n  name: PropTypes.string,\n\n  /** Sets the maximum height of an area in pixels. */\n  maxHeight: PropTypes.string,\n\n  /** Defines the maximum text length in number of characters. */\n  maxLength: PropTypes.number,\n\n  /** Sets the minimum height of an area in pixels. */\n  minHeight: PropTypes.string,\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  /** Defines a callback handler that is called when user presses enter. */\n  onEnterPressed: PropTypes.func,\n\n  /** Defines a callback handler that is called when 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 onKeyDown callback. */\n  onKeyDown: PropTypes.func,\n\n  /** Defines a standard input onKeyUp callback. */\n  onKeyUp: PropTypes.func,\n\n  /** Sets a placeholder message to display. */\n  placeholder: PropTypes.string,\n\n  /** Specifies whether input is read only. */\n  readOnly: PropTypes.bool,\n\n  /** Specifies whether area can be manually resized by the user. */\n  resizable: PropTypes.bool,\n\n  /** Sets initial height of an area to fit a specified number of rows. */\n  rows: PropTypes.number,\n\n  /** Specifies whether area should grow and shrink according to user input. */\n  autoGrow: PropTypes.bool,\n\n  /** Sets the minimum amount of rows the component can have in `autoGrow` mode */\n  minRowsAutoGrow: PropTypes.number,\n\n  /** Sets the maximum amount of rows the component can have in `autoGrow` mode */\n  maxRowsAutoGrow: PropTypes.number,\n\n  /** Indicates that element can be focused and where it participates in sequential keyboard navigation. */\n  tabIndex: PropTypes.number,\n\n  /** Controls placement of a status tooltip. */\n  tooltipPlacement: PropTypes.string,\n\n  /** Defines input value. */\n  value: PropTypes.string,\n\n  /** Specifies whether the input area is a mandatory field. */\n  required: PropTypes.bool,\n};\n\nexport default InputArea;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StatusIndicator","_StatusIndicator2","_clamp","_debounce","_isNaN","_InputAreaSt","_constants","_filterObject","_StatusContext","_context","_jsxFileName","InputArea","React","PureComponent","constructor","arguments","_computedStyle","state","focus","counter","props","value","defaultValue","length","computedRows","minRowsAutoGrow","_getDataAttr","_ref","statusContext","size","status","disabled","resizable","forceHover","forceFocus","filterObject","dataAttr","SIZE","STATUS","getStatusFromContext","DISABLED","RESIZABLE","HOVER","FOCUS","key","textArea","blur","select","calculateComputedRows","maxRowsAutoGrow","setState","rowsCount","_getRowsCount","clamp","_onFocus","e","onFocus","autoSelect","setTimeout","_onBlur","onBlur","_onKeyDown","onKeyDown","onEnterPressed","onEscapePressed","_onChange","onChange","_onInput","_updateComputedStyle","debounce","window","getComputedStyle","leading","_getComputedStyle","computedStyle","fontSize","parseInt","getPropertyValue","lineHeight","lineHeightValue","isNaN","MIN_ROWS","_getDefaultLineHeight","Math","floor","scrollHeight","_defaultLineHeight","parentNode","computedStyles","fontFamily","tempElement","document","createElement","defaultStyles","setAttribute","concat","innerText","appendChild","clientHeight","removeChild","componentDidMount","autoFocus","autoGrow","setSelectionRange","componentDidUpdate","prevProps","hasCounter","componentWillUnmount","cancel","render","dataHook","className","id","name","onKeyUp","placeholder","readOnly","tabIndex","rows","required","minHeight","maxHeight","maxLength","tooltipPlacement","statusMessage","children","onCompositionStart","onCompositionEnd","inlineStyle","rowsAttr","undefined","onInput","ariaAttribute","Object","keys","filter","startsWith","map","substr","toLowerCase","default","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref2","newColorsBranding","StatusContext","finalStatus","_extends2","st","classes","root","hasFocus","inputArea","ref","style","getAriaAttributesFromContext","LOADING","dataHooks","tooltip","message","tooltipProps","placement","MAX_ROWS","Number","POSITIVE_INFINITY","displayName","defaultProps","propTypes","PropTypes","string","func","ariaControls","ariaDescribedby","ariaLabel","bool","oneOf","node","number","_default","exports"],"sources":["../../../src/InputArea/InputArea.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport StatusIndicator from '../StatusIndicator';\nimport { STATUS } from '../StatusIndicator/StatusIndicator.constants';\nimport clamp from 'lodash/clamp';\nimport debounce from 'lodash/debounce';\nimport isNaN from 'lodash/isNaN';\nimport { st, classes } from './InputArea.st.css';\nimport { dataAttr, dataHooks } from './constants';\nimport { filterObject } from '../utils/filterObject';\nimport {\n  StatusContext,\n  getStatusFromContext,\n  getAriaAttributesFromContext,\n} from '../FormField/StatusContext';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\n\n/**\n * General inputArea container\n */\nclass InputArea extends React.PureComponent {\n  _computedStyle = null;\n  state = {\n    focus: false,\n    counter: (this.props.value || this.props.defaultValue || '').length,\n    computedRows: this.props.minRowsAutoGrow,\n  };\n\n  // For autoGrow prop min rows is 2 so the textarea does not look like an input\n  static MIN_ROWS = 2;\n\n  // For autoGrow prop max rows is Infinity to keep backwards compatibility\n  static MAX_ROWS = Number.POSITIVE_INFINITY;\n\n  // For testing purposes only\n  _getDataAttr = ({ statusContext }) => {\n    const { size, status, disabled, resizable, forceHover, forceFocus } =\n      this.props;\n\n    return filterObject(\n      {\n        [dataAttr.SIZE]: size,\n        [dataAttr.STATUS]: !disabled\n          ? getStatusFromContext(statusContext, status)\n          : null,\n        [dataAttr.DISABLED]: !!disabled,\n        [dataAttr.RESIZABLE]: !!resizable && !disabled,\n        [dataAttr.HOVER]: !!forceHover,\n        [dataAttr.FOCUS]: !!(forceFocus || this.state.focus),\n      },\n      (key, value) => !!value,\n    );\n  };\n\n  componentDidMount() {\n    const { autoFocus, autoGrow, value } = this.props;\n\n    autoFocus && this._onFocus();\n    if (autoGrow) {\n      this.calculateComputedRows();\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.textArea.setSelectionRange(value.length, value.length);\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    const {\n      minRowsAutoGrow,\n      maxRowsAutoGrow,\n      value,\n      defaultValue,\n      autoGrow,\n      hasCounter,\n    } = this.props;\n\n    if (\n      autoGrow &&\n      (prevProps.minRowsAutoGrow !== minRowsAutoGrow ||\n        prevProps.maxRowsAutoGrow !== maxRowsAutoGrow)\n    ) {\n      this.calculateComputedRows();\n    }\n\n    if (hasCounter && prevProps.value !== value) {\n      this.setState({\n        counter: (value || defaultValue || '').length,\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this._updateComputedStyle.cancel();\n  }\n\n  render() {\n    const {\n      dataHook,\n      className,\n      autoFocus,\n      defaultValue,\n      disabled,\n      forceFocus,\n      forceHover,\n      id,\n      name,\n      onKeyUp,\n      placeholder,\n      readOnly,\n      tabIndex,\n      rows,\n      autoGrow,\n      value,\n      required,\n      minHeight,\n      maxHeight,\n      maxLength,\n      resizable,\n      hasCounter,\n      size,\n      tooltipPlacement,\n      status,\n      statusMessage,\n      children,\n      onCompositionStart,\n      onCompositionEnd,\n    } = this.props;\n\n    const inlineStyle = {};\n    const rowsAttr = rows\n      ? rows\n      : autoGrow\n      ? this.state.computedRows\n      : undefined;\n    const onInput = !rows && autoGrow ? this._onInput : undefined;\n\n    if (minHeight) {\n      inlineStyle.minHeight = minHeight;\n    }\n\n    if (maxHeight) {\n      inlineStyle.maxHeight = maxHeight;\n    }\n\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    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => {\n          return (\n            <StatusContext.Consumer>\n              {statusContext => {\n                const finalStatus = getStatusFromContext(statusContext, status);\n\n                return (\n                  <div\n                    data-hook={dataHook}\n                    className={st(\n                      classes.root,\n                      {\n                        disabled,\n                        size,\n                        status: finalStatus,\n                        hasFocus: forceFocus || this.state.focus,\n                        forceHover,\n                        resizable,\n                        readOnly,\n                        newColorsBranding,\n                      },\n                      className,\n                    )}\n                    {...this._getDataAttr({ statusContext })}\n                  >\n                    {/* Input Area */}\n                    <div className={classes.inputArea}>\n                      {typeof children === 'function' ? (\n                        children({\n                          rows: rowsAttr,\n                          ref: ref => (this.textArea = ref),\n                          onFocus: this._onFocus,\n                          onBlur: this._onBlur,\n                          onKeyDown: this._onKeyDown,\n                          onInput,\n                        })\n                      ) : (\n                        <textarea\n                          rows={rowsAttr}\n                          maxLength={maxLength}\n                          ref={ref => (this.textArea = ref)}\n                          id={id}\n                          name={name}\n                          style={inlineStyle}\n                          defaultValue={defaultValue}\n                          disabled={disabled}\n                          value={value}\n                          required={required}\n                          onFocus={this._onFocus}\n                          onBlur={this._onBlur}\n                          onKeyDown={this._onKeyDown}\n                          onChange={this._onChange}\n                          onInput={onInput}\n                          placeholder={placeholder}\n                          tabIndex={tabIndex}\n                          autoFocus={autoFocus}\n                          onKeyUp={onKeyUp}\n                          {...getAriaAttributesFromContext(statusContext)}\n                          {...ariaAttribute}\n                          readOnly={readOnly}\n                          onCompositionStart={onCompositionStart}\n                          onCompositionEnd={onCompositionEnd}\n                        />\n                      )}\n\n                      {/* Counter */}\n                      {hasCounter && maxLength && (\n                        <span className={classes.counter} data-hook=\"counter\">\n                          {this.state.counter}/{maxLength}\n                        </span>\n                      )}\n                    </div>\n\n                    {/* Status Indicator */}\n                    <div className={classes.status}>\n                      {(!!status || finalStatus === STATUS.LOADING) &&\n                        !disabled && (\n                          <StatusIndicator\n                            dataHook={dataHooks.tooltip}\n                            status={finalStatus}\n                            message={statusMessage}\n                            tooltipProps={{\n                              placement: tooltipPlacement,\n                            }}\n                          />\n                        )}\n                    </div>\n                  </div>\n                );\n              }}\n            </StatusContext.Consumer>\n          );\n        }}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n\n  focus = () => {\n    this.textArea && this.textArea.focus();\n  };\n\n  blur = () => {\n    this.textArea && this.textArea.blur();\n  };\n\n  select = () => {\n    this.textArea && this.textArea.select();\n  };\n\n  calculateComputedRows = () => {\n    const { minRowsAutoGrow, maxRowsAutoGrow } = this.props;\n\n    this.setState({ computedRows: 1 }, () => {\n      const rowsCount = this._getRowsCount();\n      const computedRows = clamp(rowsCount, minRowsAutoGrow, maxRowsAutoGrow);\n      this.setState({\n        computedRows,\n      });\n    });\n  };\n\n  _onFocus = e => {\n    this.setState({ focus: true });\n    this.props.onFocus && this.props.onFocus(e);\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(() => this.select(), 0);\n    }\n  };\n\n  _onBlur = e => {\n    this.setState({ focus: false });\n    this.props.onBlur && this.props.onBlur(e);\n  };\n\n  _onKeyDown = e => {\n    this.props.onKeyDown && this.props.onKeyDown(e);\n\n    if (e.key === 'Enter') {\n      this.props.onEnterPressed && this.props.onEnterPressed(e);\n    } else if (e.key === 'Escape') {\n      this.props.onEscapePressed && this.props.onEscapePressed();\n    }\n  };\n\n  _onChange = e => {\n    this.props.onChange && this.props.onChange(e);\n  };\n\n  _onInput = () => {\n    this.calculateComputedRows();\n  };\n\n  _updateComputedStyle = debounce(\n    () => {\n      this._computedStyle = window.getComputedStyle(this.textArea);\n    },\n    500,\n    { leading: true },\n  );\n\n  _getComputedStyle = () => {\n    this._updateComputedStyle();\n    return this._computedStyle;\n  };\n\n  _getRowsCount = () => {\n    const computedStyle = this._getComputedStyle();\n    const fontSize = parseInt(computedStyle.getPropertyValue('font-size'), 10);\n    const lineHeight = parseInt(\n      computedStyle.getPropertyValue('line-height'),\n      10,\n    );\n    let lineHeightValue;\n\n    if (isNaN(lineHeight)) {\n      if (isNaN(fontSize)) {\n        return InputArea.MIN_ROWS;\n      }\n\n      lineHeightValue = this._getDefaultLineHeight() * fontSize;\n    } else {\n      lineHeightValue = lineHeight;\n    }\n\n    return Math.floor(this.textArea.scrollHeight / lineHeightValue);\n  };\n\n  _getDefaultLineHeight = () => {\n    if (!this._defaultLineHeight) {\n      const { parentNode } = this.textArea;\n      const computedStyles = this._getComputedStyle();\n      const fontFamily = computedStyles.getPropertyValue('font-family');\n      const fontSize = computedStyles.getPropertyValue('font-size');\n      const tempElement = document.createElement('span');\n      const defaultStyles =\n        'position:absolute;display:inline;border:0;margin:0;padding:0;line-height:normal;';\n      tempElement.setAttribute(\n        'style',\n        `${defaultStyles}font-family:${fontFamily};font-size:${fontSize};`,\n      );\n      tempElement.innerText = 'M';\n      parentNode.appendChild(tempElement);\n      this._defaultLineHeight =\n        parseInt(tempElement.clientHeight, 10) / parseInt(fontSize, 10);\n      tempElement.parentNode.removeChild(tempElement);\n    }\n\n    return this._defaultLineHeight;\n  };\n}\n\nInputArea.displayName = 'InputArea';\n\nInputArea.defaultProps = {\n  minRowsAutoGrow: InputArea.MIN_ROWS,\n  maxRowsAutoGrow: InputArea.MAX_ROWS,\n  size: 'medium',\n};\n\nInputArea.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   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Specifies custom textarea render function */\n  children: PropTypes.func,\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  /** Controls the size of the input. */\n  size: PropTypes.oneOf(['small', 'medium']),\n\n  /** Sets a default value for those who want to use this component un-controlled. */\n  defaultValue: PropTypes.string,\n\n  /** Specifies whether input should be disabled. */\n  disabled: PropTypes.bool,\n\n  /** Specifies 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  /** 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  /** Specifies whether character count is enabled. */\n  hasCounter: PropTypes.bool,\n\n  /** Assigns an unique identifier for the root element. */\n  id: PropTypes.string,\n\n  /** Reference element data when a form is submitted. */\n  name: PropTypes.string,\n\n  /** Sets the maximum height of an area in pixels. */\n  maxHeight: PropTypes.string,\n\n  /** Defines the maximum text length in number of characters. */\n  maxLength: PropTypes.number,\n\n  /** Sets the minimum height of an area in pixels. */\n  minHeight: PropTypes.string,\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  /** Defines a callback handler that is called when user presses enter. */\n  onEnterPressed: PropTypes.func,\n\n  /** Defines a callback handler that is called when 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 onKeyDown callback. */\n  onKeyDown: PropTypes.func,\n\n  /** Defines a standard input onKeyUp callback. */\n  onKeyUp: PropTypes.func,\n\n  /** Defines a standard input onCompositionStart callback. */\n  onCompositionStart: PropTypes.func,\n\n  /** Defines a standard input onCompositionEnd callback. */\n  onCompositionEnd: PropTypes.func,\n\n  /** Sets a placeholder message to display. */\n  placeholder: PropTypes.string,\n\n  /** Specifies whether input is read only. */\n  readOnly: PropTypes.bool,\n\n  /** Specifies whether area can be manually resized by the user. */\n  resizable: PropTypes.bool,\n\n  /** Sets initial height of an area to fit a specified number of rows. */\n  rows: PropTypes.number,\n\n  /** Specifies whether area should grow and shrink according to user input. */\n  autoGrow: PropTypes.bool,\n\n  /** Sets the minimum amount of rows the component can have in `autoGrow` mode */\n  minRowsAutoGrow: PropTypes.number,\n\n  /** Sets the maximum amount of rows the component can have in `autoGrow` mode */\n  maxRowsAutoGrow: PropTypes.number,\n\n  /** Indicates that element can be focused and where it participates in sequential keyboard navigation. */\n  tabIndex: PropTypes.number,\n\n  /** Controls placement of a status tooltip. */\n  tooltipPlacement: PropTypes.string,\n\n  /** Defines input value. */\n  value: PropTypes.string,\n\n  /** Specifies whether the input area is a mandatory field. */\n  required: PropTypes.bool,\n};\n\nexport default InputArea;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/InputArea/InputArea.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_InputArea";
+var _namespace_ = "wds_1_166_0_InputArea";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_InputArea__root","text-small-thin":"wds_1_164_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_164_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_164_0_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_164_0_InputArea__inputArea","counter":"wds_1_164_0_InputArea__counter","status":"wds_1_164_0_InputArea__status","disabled":"wds_1_164_0_InputArea__disabled","readOnly":"wds_1_164_0_InputArea__readOnly"};
+module.exports.classes = {"root":"wds_1_166_0_InputArea__root","text-small-thin":"wds_1_166_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_166_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_166_0_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_166_0_InputArea__inputArea","counter":"wds_1_166_0_InputArea__counter","status":"wds_1_166_0_InputArea__status","disabled":"wds_1_166_0_InputArea__disabled","readOnly":"wds_1_166_0_InputArea__readOnly"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-font-size-body-small":"--wds-font-size-body-small","wds-color-blue-500":"--wds-color-blue-500","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-border-radius-full":"--wds-border-radius-full","wds-input-size-small":"--wds-input-size-small","wds-input-size-medium":"--wds-input-size-medium","border-color":"--wds_1_164_0_InputArea-border-color","border-color-destructive":"--wds_1_164_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_164_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_164_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_164_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_164_0_InputArea-wds-input-area-height-medium-adjusted"}; 
+module.exports.vars = {"wds-font-size-body-small":"--wds-font-size-body-small","wds-color-blue-500":"--wds-color-blue-500","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-border-radius-full":"--wds-border-radius-full","wds-input-size-small":"--wds-input-size-small","wds-input-size-medium":"--wds-input-size-medium","border-color":"--wds_1_166_0_InputArea-border-color","border-color-destructive":"--wds_1_166_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_166_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_166_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_166_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_166_0_InputArea-wds-input-area-height-medium-adjusted"}; 
 
 
 

package/dist/cjs/InputArea/index.d.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InputArea","PureComponent","constructor","arguments","focus","blur","select","calculateComputedRows","exports","MIN_ROWS","MAX_ROWS"],"sources":["../../../src/InputArea/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { InputStatus } from '../Input';\nimport { TooltipProps } from '../Tooltip';\n\nexport type InputAreaStatus = InputStatus;\n\nexport interface InputAreaProps {\n  dataHook?: string;\n  className?: string;\n  ariaControls?: string;\n  ariaDescribedby?: string;\n  ariaLabel?: string;\n  autoFocus?: boolean;\n  autoSelect?: boolean;\n  size?: InputAreaSize;\n  defaultValue?: string;\n  disabled?: boolean;\n  forceFocus?: boolean;\n  forceHover?: boolean;\n  hasCounter?: boolean;\n  id?: string;\n  name?: string;\n  maxHeight?: string;\n  maxLength?: number;\n  menuArrow?: boolean;\n  minHeight?: string;\n  onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;\n  onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;\n  onEnterPressed?: React.KeyboardEventHandler<HTMLTextAreaElement>;\n  onEscapePressed?: () => void;\n  onFocus?: (e?: React.FocusEvent<HTMLTextAreaElement>) => void;\n  onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;\n  onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement>;\n  placeholder?: string;\n  readOnly?: boolean;\n  resizable?: boolean;\n  rows?: number;\n  autoGrow?: boolean;\n  minRowsAutoGrow?: number;\n  maxRowsAutoGrow?: number;\n  tabIndex?: number;\n  tooltipPlacement?: TooltipProps['placement'];\n  value?: string;\n  required?: boolean;\n  status?: InputAreaStatus;\n  statusMessage?: React.ReactNode;\n  children?: InputAreaChildrenFnArgs;\n}\n\nexport default class InputArea extends React.PureComponent<InputAreaProps> {\n  static MIN_ROWS: 2;\n  static MAX_ROWS: number;\n\n  focus: () => void;\n  blur: () => void;\n  select: () => void;\n  calculateComputedRows: () => void;\n}\n\nexport type InputAreaSize = 'small' | 'medium';\n\nexport type InputAreaChildrenFnArgs = (data: {\n  className: string;\n  rows: number;\n  ref: React.RefCallback<any>;\n  onFocus: (e: React.SyntheticEvent) => void;\n  onBlur: (e: React.SyntheticEvent) => void;\n  onKeyDown: (e: React.SyntheticEvent) => void;\n  onInput: () => void | undefined;\n}) => React.ReactNode;\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAiDhB,MAAMW,SAAS,SAASvB,KAAK,CAACwB,aAAa,CAAiB;EAAAC,YAAA;IAAA,SAAAC,SAAA;IAAA,KAIzEC,KAAK;IAAA,KACLC,IAAI;IAAA,KACJC,MAAM;IAAA,KACNC,qBAAqB;EAAA;AACvB;AAACC,OAAA,CAAAtB,OAAA,GAAAc,SAAA;AARoBA,SAAS,CACrBS,QAAQ;AADIT,SAAS,CAErBU,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InputArea","PureComponent","constructor","arguments","focus","blur","select","calculateComputedRows","exports","MIN_ROWS","MAX_ROWS"],"sources":["../../../src/InputArea/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { InputStatus } from '../Input';\nimport { TooltipProps } from '../Tooltip';\n\nexport type InputAreaStatus = InputStatus;\n\nexport interface InputAreaProps {\n  dataHook?: string;\n  className?: string;\n  ariaControls?: string;\n  ariaDescribedby?: string;\n  ariaLabel?: string;\n  autoFocus?: boolean;\n  autoSelect?: boolean;\n  size?: InputAreaSize;\n  defaultValue?: string;\n  disabled?: boolean;\n  forceFocus?: boolean;\n  forceHover?: boolean;\n  hasCounter?: boolean;\n  id?: string;\n  name?: string;\n  maxHeight?: string;\n  maxLength?: number;\n  menuArrow?: boolean;\n  minHeight?: string;\n  onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;\n  onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;\n  onEnterPressed?: React.KeyboardEventHandler<HTMLTextAreaElement>;\n  onEscapePressed?: () => void;\n  onFocus?: (e?: React.FocusEvent<HTMLTextAreaElement>) => void;\n  onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;\n  onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement>;\n  onCompositionStart?: (\n    event: React.CompositionEvent<HTMLTextAreaElement>,\n  ) => void;\n  onCompositionEnd?: (\n    event: React.CompositionEvent<HTMLTextAreaElement>,\n  ) => void;\n  placeholder?: string;\n  readOnly?: boolean;\n  resizable?: boolean;\n  rows?: number;\n  autoGrow?: boolean;\n  minRowsAutoGrow?: number;\n  maxRowsAutoGrow?: number;\n  tabIndex?: number;\n  tooltipPlacement?: TooltipProps['placement'];\n  value?: string;\n  required?: boolean;\n  status?: InputAreaStatus;\n  statusMessage?: React.ReactNode;\n  children?: InputAreaChildrenFnArgs;\n}\n\nexport default class InputArea extends React.PureComponent<InputAreaProps> {\n  static MIN_ROWS: 2;\n  static MAX_ROWS: number;\n\n  focus: () => void;\n  blur: () => void;\n  select: () => void;\n  calculateComputedRows: () => void;\n}\n\nexport type InputAreaSize = 'small' | 'medium';\n\nexport type InputAreaChildrenFnArgs = (data: {\n  className: string;\n  rows: number;\n  ref: React.RefCallback<any>;\n  onFocus: (e: React.SyntheticEvent) => void;\n  onBlur: (e: React.SyntheticEvent) => void;\n  onKeyDown: (e: React.SyntheticEvent) => void;\n  onInput: () => void | undefined;\n}) => React.ReactNode;\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAuDhB,MAAMW,SAAS,SAASvB,KAAK,CAACwB,aAAa,CAAiB;EAAAC,YAAA;IAAA,SAAAC,SAAA;IAAA,KAIzEC,KAAK;IAAA,KACLC,IAAI;IAAA,KACJC,MAAM;IAAA,KACNC,qBAAqB;EAAA;AACvB;AAACC,OAAA,CAAAtB,OAAA,GAAAc,SAAA;AARoBA,SAAS,CACrBS,QAAQ;AADIT,SAAS,CAErBU,QAAQ","ignoreList":[]}

package/dist/cjs/InputShell/InputShell.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_InputShell";
+var _namespace_ = "wds_1_166_0_InputShell";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_InputShell__root","content":"wds_1_164_0_InputShell__content","suffix":"wds_1_164_0_InputShell__suffix"};
+module.exports.classes = {"root":"wds_1_166_0_InputShell__root","content":"wds_1_166_0_InputShell__content","suffix":"wds_1_166_0_InputShell__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-size-medium":"--wds-input-size-medium","wds-add-item-padding-horizontal-large":"--wds-add-item-padding-horizontal-large","wds-add-item-padding-horizontal-tiny":"--wds-add-item-padding-horizontal-tiny","wds-add-item-border-radius":"--wds-add-item-border-radius","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","border-color-hover":"--wds_1_164_0_InputShell-border-color-hover"}; 
+module.exports.vars = {"wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-size-medium":"--wds-input-size-medium","wds-add-item-padding-horizontal-large":"--wds-add-item-padding-horizontal-large","wds-add-item-padding-horizontal-tiny":"--wds-add-item-padding-horizontal-tiny","wds-add-item-border-radius":"--wds-add-item-border-radius","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","border-color-hover":"--wds_1_166_0_InputShell-border-color-hover"}; 
 
 
 

package/dist/cjs/InputWithLabel/InputWithLabel.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_InputWithLabel";
+var _namespace_ = "wds_1_166_0_InputWithLabel";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_InputWithLabel__root","groupIcon":"wds_1_164_0_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_164_0_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_164_0_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_164_0_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_164_0_InputWithLabel__errorMessageContent"};
+module.exports.classes = {"root":"wds_1_166_0_InputWithLabel__root","groupIcon":"wds_1_166_0_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_166_0_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_166_0_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_166_0_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_166_0_InputWithLabel__errorMessageContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/InputWithOptions/InputWithOptions.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_InputWithOptions";
+var _namespace_ = "wds_1_166_0_InputWithOptions";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_InputWithOptions__root","nativeSelectWrapper":"wds_1_164_0_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_164_0_InputWithOptions__nativeSelect"};
+module.exports.classes = {"root":"wds_1_166_0_InputWithOptions__root","nativeSelectWrapper":"wds_1_166_0_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_166_0_InputWithOptions__nativeSelect"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/LabelledElement/LabelledElement.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_LabelledElement";
+var _namespace_ = "wds_1_166_0_LabelledElement";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_LabelledElement__root","input":"wds_1_164_0_Input__input","menuArrow":"wds_1_164_0_Input__menuArrow","label":"wds_1_164_0_LabelledElement__label","labelText":"wds_1_164_0_LabelledElement__labelText","inputContainer":"wds_1_164_0_LabelledElement__inputContainer"};
+module.exports.classes = {"root":"wds_1_166_0_LabelledElement__root","input":"wds_1_166_0_Input__input","menuArrow":"wds_1_166_0_Input__menuArrow","label":"wds_1_166_0_LabelledElement__label","labelText":"wds_1_166_0_LabelledElement__labelText","inputContainer":"wds_1_166_0_LabelledElement__inputContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Layout/Cell/Cell.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_LayoutCell";
+var _namespace_ = "wds_1_166_0_LayoutCell";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_LayoutCell__root"};
+module.exports.classes = {"root":"wds_1_166_0_LayoutCell__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Layout/Layout.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_Layout";
+var _namespace_ = "wds_1_166_0_Layout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_Layout__root"};
+module.exports.classes = {"root":"wds_1_166_0_Layout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/LinearProgressBar/LinearProgressBar.st.css.js

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_LinearProgressBar";
+var _namespace_ = "wds_1_166_0_LinearProgressBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_LinearProgressBar__root","text-medium-bold":"wds_1_164_0_StylableTypography__text-medium-bold"};
+module.exports.classes = {"root":"wds_1_166_0_LinearProgressBar__root","text-medium-bold":"wds_1_166_0_StylableTypography__text-medium-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/LinearProgressBar/LinearProgressBarCore/LinearProgressBarCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_LinearProgressBarCore";
+var _namespace_ = "wds_1_166_0_LinearProgressBarCore";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_LinearProgressBarCore__root","progressIndicationSection":"wds_1_164_0_LinearProgressBarCore__progressIndicationSection","prefixIndicationContainer":"wds_1_164_0_LinearProgressBarCore__prefixIndicationContainer","suffixIndication":"wds_1_164_0_LinearProgressBarCore__suffixIndication","barContainer":"wds_1_164_0_LinearProgressBarCore__barContainer","barBackground":"wds_1_164_0_LinearProgressBarCore__barBackground","barForeground":"wds_1_164_0_LinearProgressBarCore__barForeground","indicationContainer":"wds_1_164_0_LinearProgressBarCore__indicationContainer","progressPercentage":"wds_1_164_0_LinearProgressBarCore__progressPercentage"};
+module.exports.classes = {"root":"wds_1_166_0_LinearProgressBarCore__root","progressIndicationSection":"wds_1_166_0_LinearProgressBarCore__progressIndicationSection","prefixIndicationContainer":"wds_1_166_0_LinearProgressBarCore__prefixIndicationContainer","suffixIndication":"wds_1_166_0_LinearProgressBarCore__suffixIndication","barContainer":"wds_1_166_0_LinearProgressBarCore__barContainer","barBackground":"wds_1_166_0_LinearProgressBarCore__barBackground","barForeground":"wds_1_166_0_LinearProgressBarCore__barForeground","indicationContainer":"wds_1_166_0_LinearProgressBarCore__indicationContainer","progressPercentage":"wds_1_166_0_LinearProgressBarCore__progressPercentage"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ListItemAction/ListItemAction.st.css.js

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_ListItemAction";
+var _namespace_ = "wds_1_166_0_ListItemAction";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_ListItemAction__root","mobile":"wds_1_164_0_WixDesignSystemProvider__mobile","prefixIcon":"wds_1_164_0_ListItemAction__prefixIcon","textBox":"wds_1_164_0_ListItemAction__textBox","text":"wds_1_164_0_ListItemAction__text","subtitle":"wds_1_164_0_ListItemAction__subtitle","suffixBox":"wds_1_164_0_ListItemAction__suffixBox","suffix":"wds_1_164_0_ListItemAction__suffix","suffixIcon":"wds_1_164_0_ListItemAction__suffixIcon"};
+module.exports.classes = {"root":"wds_1_166_0_ListItemAction__root","mobile":"wds_1_166_0_WixDesignSystemProvider__mobile","prefixIcon":"wds_1_166_0_ListItemAction__prefixIcon","textBox":"wds_1_166_0_ListItemAction__textBox","text":"wds_1_166_0_ListItemAction__text","subtitle":"wds_1_166_0_ListItemAction__subtitle","suffixBox":"wds_1_166_0_ListItemAction__suffixBox","suffix":"wds_1_166_0_ListItemAction__suffix","suffixIcon":"wds_1_166_0_ListItemAction__suffixIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ListItemEditable/ListItemEditable.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_ListItemEditable";
+var _namespace_ = "wds_1_166_0_ListItemEditable";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_ListItemEditable__root","input":"wds_1_164_0_ListItemEditable__input"};
+module.exports.classes = {"root":"wds_1_166_0_ListItemEditable__root","input":"wds_1_166_0_ListItemEditable__input"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ListItemEditable/ListItemEditable.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/ListItemEditable/ListItemEditable.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { InputStatus } from '../Input';\nimport { TooltipCommonProps } from '../common';\nimport {\n  ListItemEditableMargins,\n  ListItemEditableSize,\n} from './ListItemEditable.constants';\n\nexport interface ListItemEditableProps {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Initial value to display with component render */\n  value?: string;\n  /** Placeholder to display */\n  placeholder?: string;\n  /**\n   * A callback function triggered by clicking the approve button.\n   * ##### Signature:\n   * function(value: string) => void\n   * * `value`: the text contained in the input.\n   */\n  onApprove?: (value: string) => void;\n  /**\n   * A callback function triggered by clicking the cancel button.\n   * ##### Signature:\n   * function() => void\n   */\n  onCancel?: () => void;\n  /** Cancel button tooltip content */\n  cancelButtonTooltipContent?: React.ReactNode;\n  /** Cancel button tooltip common props\n   * @linkTypeTo components-overlays--tooltip\n   * @setTypeName TooltipCommonProps\n   */\n  cancelButtonTooltipProps?: TooltipCommonProps;\n  /** Approve button tooltip content */\n  approveButtonTooltipContent?: React.ReactNode;\n  /** Approve button tooltip common props\n   * @linkTypeTo components-overlays--tooltip\n   * @setTypeName TooltipCommonProps\n   */\n  approveButtonTooltipProps?: TooltipCommonProps;\n  /** Make the approve button disabled when input value is empty */\n  approveButtonDisabledOnEmpty?: boolean;\n  /** Specifies the size of the input */\n  size?: ListItemEditableSize;\n  /** Input status - use to display an status indication for the user */\n  status?: InputStatus;\n  /** The status (error/loading) message to display when hovering the status icon, if not given or empty there will be no tooltip */\n  statusMessage?: React.ReactNode;\n  /** The type of margin */\n  margins?: ListItemEditableMargins;\n  /** Pass a component you want to show as the suffix of the input, e.g., text, icon */\n  suffix?: React.ReactNode;\n  /** Focus the input on mount (standart React input autoFocus) */\n  autoFocus?: boolean;\n  /** Defines a callback handler that is called when the user presses enter on the input element */\n  onEnterPressed?: React.KeyboardEventHandler<HTMLInputElement>;\n  /** Defines a standard input onChange callback */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n}\n\nexport type ListItemEditableBuilderParams = {\n  id: string | number;\n} & Pick<\n  ListItemEditableProps,\n  | 'dataHook'\n  | 'className'\n  | 'placeholder'\n  | 'onApprove'\n  | 'onCancel'\n  | 'cancelButtonTooltipContent'\n  | 'cancelButtonTooltipProps'\n  | 'approveButtonTooltipContent'\n  | 'approveButtonTooltipProps'\n  | 'approveButtonDisabledOnEmpty'\n  | 'size'\n  | 'status'\n  | 'statusMessage'\n  | 'margins'\n  | 'suffix'\n  | 'autoFocus'\n  | 'onEnterPressed'\n  | 'onChange'\n>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/ListItemEditable/ListItemEditable.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { InputStatus } from '../Input';\nimport { TooltipCommonProps } from '../common';\nimport {\n  ListItemEditableMargins,\n  ListItemEditableSize,\n} from './ListItemEditable.constants';\n\nexport interface ListItemEditableProps {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Initial value to display with component render */\n  value?: string;\n  /** Placeholder to display */\n  placeholder?: string;\n  /**\n   * A callback function triggered by clicking the approve button.\n   * ##### Signature:\n   * function(value: string) => void\n   * * `value`: the text contained in the input.\n   */\n  onApprove?: (value: string) => void;\n  /**\n   * A callback function triggered by clicking the cancel button.\n   * ##### Signature:\n   * function() => void\n   */\n  onCancel?: () => void;\n  /** Cancel button tooltip content */\n  cancelButtonTooltipContent?: React.ReactNode;\n  /** Cancel button tooltip common props\n   * @linkTypeTo components-overlays--tooltip\n   * @setTypeName TooltipCommonProps\n   */\n  cancelButtonTooltipProps?: TooltipCommonProps;\n  /** Approve button tooltip content */\n  approveButtonTooltipContent?: React.ReactNode;\n  /** Approve button tooltip common props\n   * @linkTypeTo components-overlays--tooltip\n   * @setTypeName TooltipCommonProps\n   */\n  approveButtonTooltipProps?: TooltipCommonProps;\n  /** Make the approve button disabled when input value is empty */\n  approveButtonDisabledOnEmpty?: boolean;\n  /** Specifies the size of the input */\n  size?: ListItemEditableSize;\n  /** Input status - use to display an status indication for the user */\n  status?: InputStatus;\n  /** The status (error/loading) message to display when hovering the status icon, if not given or empty there will be no tooltip */\n  statusMessage?: React.ReactNode;\n  /** The type of margin */\n  margins?: ListItemEditableMargins;\n  /** Pass a component you want to show as the suffix of the input, e.g., text, icon */\n  suffix?: React.ReactNode;\n  /** Focus the input on mount (standard React input autoFocus) */\n  autoFocus?: boolean;\n  /** Defines a callback handler that is called when the user presses enter on the input element */\n  onEnterPressed?: React.KeyboardEventHandler<HTMLInputElement>;\n  /** Defines a standard input onChange callback */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n}\n\nexport type ListItemEditableBuilderParams = {\n  id: string | number;\n} & Pick<\n  ListItemEditableProps,\n  | 'dataHook'\n  | 'className'\n  | 'placeholder'\n  | 'onApprove'\n  | 'onCancel'\n  | 'cancelButtonTooltipContent'\n  | 'cancelButtonTooltipProps'\n  | 'approveButtonTooltipContent'\n  | 'approveButtonTooltipProps'\n  | 'approveButtonDisabledOnEmpty'\n  | 'size'\n  | 'status'\n  | 'statusMessage'\n  | 'margins'\n  | 'suffix'\n  | 'autoFocus'\n  | 'onEnterPressed'\n  | 'onChange'\n>;\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/ListItemSection/ListItemSection.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_ListItemSection";
+var _namespace_ = "wds_1_166_0_ListItemSection";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_ListItemSection__root","title":"wds_1_164_0_ListItemSection__title","titleWrapper":"wds_1_164_0_ListItemSection__titleWrapper","suffixWrapper":"wds_1_164_0_ListItemSection__suffixWrapper","suffix":"wds_1_164_0_ListItemSection__suffix"};
+module.exports.classes = {"root":"wds_1_166_0_ListItemSection__root","title":"wds_1_166_0_ListItemSection__title","titleWrapper":"wds_1_166_0_ListItemSection__titleWrapper","suffixWrapper":"wds_1_166_0_ListItemSection__suffixWrapper","suffix":"wds_1_166_0_ListItemSection__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-secondary":"--wds-color-text-standard-secondary","wds-list-item-section-padding-horizontal":"--wds-list-item-section-padding-horizontal","wds-space-100":"--wds-space-100","wds-space-150":"--wds-space-150","wds-space-200":"--wds-space-200"}; 
+module.exports.vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-secondary":"--wds-color-text-standard-secondary","wds-list-item-section-padding-horizontal":"--wds-list-item-section-padding-horizontal","wds-list-item-section-font-size":"--wds-list-item-section-font-size","wds-list-item-section-line-height":"--wds-list-item-section-line-height","wds-space-100":"--wds-space-100","wds-space-150":"--wds-space-150","wds-space-200":"--wds-space-200"}; 
 
 
 

package/dist/cjs/ListItemSelect/ListItemSelect.st.css.js

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_ListItemSelect";
+var _namespace_ = "wds_1_166_0_ListItemSelect";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_ListItemSelect__root","mobile":"wds_1_164_0_WixDesignSystemProvider__mobile","fullWidthContent":"wds_1_164_0_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_164_0_ListItemSelect__textsWrapper","titleWrapper":"wds_1_164_0_ListItemSelect__titleWrapper","title":"wds_1_164_0_ListItemSelect__title","prefix":"wds_1_164_0_ListItemSelect__prefix","suffix":"wds_1_164_0_ListItemSelect__suffix","subtitle":"wds_1_164_0_ListItemSelect__subtitle"};
+module.exports.classes = {"root":"wds_1_166_0_ListItemSelect__root","mobile":"wds_1_166_0_WixDesignSystemProvider__mobile","fullWidthContent":"wds_1_166_0_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_166_0_ListItemSelect__textsWrapper","titleWrapper":"wds_1_166_0_ListItemSelect__titleWrapper","title":"wds_1_166_0_ListItemSelect__title","prefix":"wds_1_166_0_ListItemSelect__prefix","suffix":"wds_1_166_0_ListItemSelect__suffix","subtitle":"wds_1_166_0_ListItemSelect__subtitle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ListItemSelectIcon/ListItemSelectIcon.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_ListItemSelectIcon";
+var _namespace_ = "wds_1_166_0_ListItemSelectIcon";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_ListItemSelectIcon__root","contentWrapper":"wds_1_164_0_ListItemSelectIcon__contentWrapper","content":"wds_1_164_0_ListItemSelectIcon__content"};
+module.exports.classes = {"root":"wds_1_166_0_ListItemSelectIcon__root","contentWrapper":"wds_1_166_0_ListItemSelectIcon__contentWrapper","content":"wds_1_166_0_ListItemSelectIcon__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};