@wix/design-system 1.0.0

package/dist/esm/Input/Ticker/Ticker.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FormFieldSpinnerUp, FormFieldSpinnerDown, } from '@wix/wix-ui-icons-common/system';
+import { st, classes } from './Ticker.st.css.js';
+import InputConsumer from '../InputConsumer';
+import { dataHooks } from './constants';
+const Ticker = ({ onUp, onDown, upDisabled, downDisabled, onMouseDown, dataHook, }) => (React.createElement(InputConsumer, { consumerCompName: Ticker.displayName }, ({ disabled, readOnly, size, border }) => {
+    const isUpDisabled = upDisabled || disabled || readOnly;
+    const isDownDisabled = downDisabled || disabled || readOnly;
+    return (React.createElement("div", { className: st(classes.root, {
+            size,
+            border,
+        }), onMouseDown: onMouseDown, "data-hook": dataHook },
+        React.createElement("div", { "data-hook": dataHooks.tickerUp, "data-disabled": isUpDisabled, className: st(classes.up, { disabled: isUpDisabled }), onClick: isUpDisabled ? null : onUp },
+            React.createElement(FormFieldSpinnerUp, null)),
+        React.createElement("div", { "data-hook": dataHooks.tickerDown, "data-disabled": isDownDisabled, className: st(classes.down, { disabled: isDownDisabled }), onClick: isDownDisabled ? null : onDown },
+            React.createElement(FormFieldSpinnerDown, null))));
+}));
+Ticker.displayName = 'Input.Ticker';
+Ticker.propTypes = {
+    onUp: PropTypes.func,
+    onDown: PropTypes.func,
+    upDisabled: PropTypes.bool,
+    downDisabled: PropTypes.bool,
+    onMouseDown: PropTypes.func,
+    dataHook: PropTypes.string,
+};
+export default Ticker;
+//# sourceMappingURL=Ticker.js.map

package/dist/esm/Input/Ticker/Ticker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ticker.js","sourceRoot":"","sources":["../../../../src/Input/Ticker/Ticker.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EACL,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,GAAG,CAAC,EACd,IAAI,EACJ,MAAM,EACN,UAAU,EACV,YAAY,EACZ,WAAW,EACX,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,oBAAC,aAAa,IAAC,gBAAgB,EAAE,MAAM,CAAC,WAAW,IAChD,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;IACxC,MAAM,YAAY,GAAG,UAAU,IAAI,QAAQ,IAAI,QAAQ,CAAC;IACxD,MAAM,cAAc,GAAG,YAAY,IAAI,QAAQ,IAAI,QAAQ,CAAC;IAC5D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YAC1B,IAAI;YACJ,MAAM;SACP,CAAC,EACF,WAAW,EAAE,WAAW,eACb,QAAQ;QAEnB,0CACa,SAAS,CAAC,QAAQ,mBACd,YAAY,EAC3B,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,EACrD,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;YAEnC,oBAAC,kBAAkB,OAAG,CAClB;QACN,0CACa,SAAS,CAAC,UAAU,mBAChB,cAAc,EAC7B,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,EACzD,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM;YAEvC,oBAAC,oBAAoB,OAAG,CACpB,CACF,CACP,CAAC;AACJ,CAAC,CACa,CACjB,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,cAAc,CAAC;AAEpC,MAAM,CAAC,SAAS,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC,IAAI;IACpB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,YAAY,EAAE,SAAS,CAAC,IAAI;IAC5B,WAAW,EAAE,SAAS,CAAC,IAAI;IAC3B,QAAQ,EAAE,SAAS,CAAC,MAAM;CAC3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/esm/Input/Ticker/Ticker.private.uni.driver.js

@@ -0,0 +1,5 @@
+import { tickerDriverFactory as publicDriverFactory } from './Ticker.uni.driver';
+export const tickerPrivateDriverFactory = base => {
+    return Object.assign({}, publicDriverFactory(base));
+};
+//# sourceMappingURL=Ticker.private.uni.driver.js.map

package/dist/esm/Input/Ticker/Ticker.private.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ticker.private.uni.driver.js","sourceRoot":"","sources":["../../../../src/Input/Ticker/Ticker.private.uni.driver.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAEjF,MAAM,CAAC,MAAM,0BAA0B,GAAG,IAAI,CAAC,EAAE;IAC/C,yBACK,mBAAmB,CAAC,IAAI,CAAC,EAG5B;AACJ,CAAC,CAAC"}

package/dist/esm/Input/Ticker/Ticker.st.css

@@ -0,0 +1,62 @@
+:import {
+  -st-from: '../../Foundation/stylable/colors.st.css';
+  -st-named: THEME-COLOR-10, D10-30;
+}
+
+.root {
+  -st-states: size(enum(small, medium, large)), border(enum(standard, round, bottomLine));
+  user-select: none;
+}
+
+.root:size(small),
+.root:size(medium) {
+  margin: auto 0;
+}
+
+.root:size(medium):border(round) {
+  margin: auto 3px auto 0;
+}
+
+:global([dir="rtl"]) .root:size(medium):border(round) {
+  margin: auto 0 auto 3px;
+}
+
+.root:size(large) {
+  margin: auto 0 auto 3px;
+}
+
+:global([dir="rtl"]) .root:size(large) {
+  margin: auto 3px auto 0;
+}
+
+.root:size(large):border(round) {
+  margin: auto 3px;
+}
+
+.up {
+  -st-states: disabled;
+}
+
+.down {
+  -st-states: disabled;
+}
+
+.up,
+.down {
+  padding: 4px 6px;
+  color: value(THEME-COLOR-10);
+  cursor: pointer;
+}
+
+.up svg,
+.down svg {
+  display: block;
+  width: 10px;
+  height: 5px;
+}
+
+.up:disabled,
+.down:disabled {
+  cursor: not-allowed;
+  color: value(D10-30);
+}

package/dist/esm/Input/Ticker/Ticker.st.css.js

@@ -0,0 +1,24 @@
+
+import "../../Foundation/stylable/colors.st.css.js";
+import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "wds_1_0_0_Ticker";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+export var style = /*#__PURE__*/ _style_;
+export var st = /*#__PURE__*/ _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"wds_1_0_0_Ticker__root","up":"wds_1_0_0_Ticker__up","down":"wds_1_0_0_Ticker__down"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

package/dist/esm/Input/Ticker/Ticker.uni.driver.js

@@ -0,0 +1,8 @@
+import { baseUniDriverFactory } from 'wix-ui-test-utils/base-driver';
+import { dataHooks } from './constants';
+export const tickerDriverFactory = base => {
+    const upTicker = base.$(`[data-hook="${dataHooks.tickerUp}"]`);
+    const downTicker = base.$(`[data-hook="${dataHooks.tickerDown}"]`);
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { clickUp: () => upTicker.click(), clickDown: () => downTicker.click(), isUpDisabled: async () => (await upTicker.attr('data-disabled')) === 'true', isDownDisabled: async () => (await downTicker.attr('data-disabled')) === 'true' });
+};
+//# sourceMappingURL=Ticker.uni.driver.js.map

package/dist/esm/Input/Ticker/Ticker.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ticker.uni.driver.js","sourceRoot":"","sources":["../../../../src/Input/Ticker/Ticker.uni.driver.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CAAC,EAAE;IACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,eAAe,SAAS,CAAC,QAAQ,IAAI,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,eAAe,SAAS,CAAC,UAAU,IAAI,CAAC,CAAC;IAEnE,uCACK,oBAAoB,CAAC,IAAI,CAAC,KAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,EAC/B,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,EACnC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,MAAM,EAC3E,cAAc,EAAE,KAAK,IAAI,EAAE,CACzB,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,MAAM,IACrD;AACJ,CAAC,CAAC"}

package/dist/esm/Input/Ticker/constants.js

@@ -0,0 +1,5 @@
+export const dataHooks = {
+    tickerUp: 'ticker-up-button',
+    tickerDown: 'ticker-down-button',
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/Input/Ticker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/Input/Ticker/constants.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,kBAAkB;IAC5B,UAAU,EAAE,oBAAoB;CACjC,CAAC"}

package/dist/esm/Input/Ticker/index.js

@@ -0,0 +1,2 @@
+export { default } from './Ticker.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/Input/Ticker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Input/Ticker/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/Input/Ticker/testkit/Ticker.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Simulate, renderIntoDocument } from 'react-dom/test-utils';
+import Ticker from '..';
+import { InputContext } from '../../InputContext';
+import { dataHooks } from '../constants';
+export const tickerDriverFactory = component => {
+    const handlers = {
+        getUp: () => component.querySelector(`[data-hook="${dataHooks.tickerUp}"]`),
+        getDown: () => component.querySelector(`[data-hook="${dataHooks.tickerDown}"]`),
+        clickUp: () => Simulate.click(handlers.getUp()),
+        clickDown: () => Simulate.click(handlers.getDown()),
+        isUpDisabled: () => handlers.getUp().hasAttribute('data-disabled'),
+        isDownDisabled: () => handlers.getDown().hasAttribute('data-disabled'),
+        exists: () => !!component,
+    };
+    return handlers;
+};
+export const componentFactory = (props = {}, context = {}) => renderIntoDocument(React.createElement("div", null,
+    React.createElement(InputContext.Provider, { value: context },
+        React.createElement(Ticker, Object.assign({ dataHook: "ticker" }, props))))).childNodes[0];
+export const tickerTestkitFactory = ({ wrapper }) => tickerDriverFactory(wrapper.querySelector('[data-hook=ticker]'));
+//# sourceMappingURL=Ticker.js.map

package/dist/esm/Input/Ticker/testkit/Ticker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ticker.js","sourceRoot":"","sources":["../../../../../src/Input/Ticker/testkit/Ticker.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,MAAM,MAAM,IAAI,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC,EAAE;IAC7C,MAAM,QAAQ,GAAG;QACf,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,eAAe,SAAS,CAAC,QAAQ,IAAI,CAAC;QAC3E,OAAO,EAAE,GAAG,EAAE,CACZ,SAAS,CAAC,aAAa,CAAC,eAAe,SAAS,CAAC,UAAU,IAAI,CAAC;QAClE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QAC/C,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACnD,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC;QAClE,cAAc,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC;QACtE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS;KAC1B,CAAC;IACF,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAK,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,CAC3D,kBAAkB,CAChB;IACE,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACnC,oBAAC,MAAM,kBAAC,QAAQ,EAAC,QAAQ,IAAK,KAAK,EAAI,CACjB,CACpB,CACP,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAElB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAClD,mBAAmB,CAAC,OAAO,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC"}

package/dist/esm/Input/constants.js

@@ -0,0 +1,13 @@
+export const dataHooks = {
+    menuArrow: 'input-menu-arrow',
+    status: 'input-status',
+    statusIndicatorTooltip: 'status-indicator-tooltip',
+    suffixes: 'input-suffixes',
+    tooltip: 'input-suffix-tooltip',
+};
+export const SIZES = {
+    small: 'small',
+    medium: 'medium',
+    large: 'large',
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/Input/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/Input/constants.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,SAAS,EAAE,kBAAkB;IAC7B,MAAM,EAAE,cAAc;IACtB,sBAAsB,EAAE,0BAA0B;IAClD,QAAQ,EAAE,gBAAgB;IAC1B,OAAO,EAAE,sBAAsB;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC"}

package/dist/esm/Input/index.js

@@ -0,0 +1,2 @@
+export { default } from './ThemedInput.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Input/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/esm/InputArea/InputArea.driver.js

@@ -0,0 +1,61 @@
+import ReactTestUtils from 'react-dom/test-utils';
+import { tooltipLegacyDriverFactory } from '../Tooltip/Tooltip.driver';
+import { dataAttr, dataHooks } from './constants';
+const inputAreaDriverFactory = ({ element, eventTrigger }) => {
+    const counterSelector = '[data-hook="counter"]';
+    const textArea = () => element.querySelector('textarea');
+    const name = () => textArea().getAttribute('name');
+    const statusExclamation = () => element.querySelector(`[data-hook='${dataHooks.tooltip}']`);
+    const getTooltipDriver = dataHook => tooltipLegacyDriverFactory({
+        element: element.querySelector(`[data-hook="${dataHook}"]`),
+        eventTrigger,
+    });
+    return {
+        trigger: (trigger, event) => ReactTestUtils.Simulate[trigger](textArea(), event),
+        focus: () => textArea().focus(),
+        enterText: text => {
+            textArea().value = text;
+            ReactTestUtils.Simulate.change(textArea(), {
+                target: { name: name(), value: text },
+            });
+        },
+        getValue: () => textArea().value,
+        getName: name,
+        getPlaceholder: () => textArea().placeholder,
+        getDefaultValue: () => textArea().defaultValue,
+        getRowsCount: () => textArea().rows,
+        getMaxLength: () => textArea().maxLength,
+        getTabIndex: () => textArea().tabIndex,
+        getReadOnly: () => textArea().readOnly,
+        getCursorLocation: () => textArea().selectionStart,
+        getResizable: () => element.hasAttribute(dataAttr.RESIZABLE),
+        getDisabled: () => element.hasAttribute(dataAttr.DISABLED) && textArea().disabled,
+        getRequired: () => textArea().required,
+        getHasCounter: () => !!element.querySelectorAll(counterSelector).length,
+        getCounterValue: () => element.querySelector(counterSelector).textContent,
+        hasExclamation: () => !!statusExclamation(),
+        isFocusedStyle: () => element.hasAttribute(dataAttr.FOCUS),
+        isSizeSmall: () => element.getAttribute(dataAttr.SIZE) === 'small',
+        isHoveredStyle: () => element.hasAttribute(dataAttr.HOVER),
+        isFocus: () => document.activeElement === textArea(),
+        exists: () => !!textArea(),
+        getStyle: () => textArea().style,
+        getAriaLabel: () => textArea().getAttribute('aria-label'),
+        getAriaControls: () => textArea().getAttribute('aria-controls'),
+        getAriaDescribedby: () => textArea().getAttribute('aria-describedby'),
+        // Status
+        /** Return true if the given status is displayed */
+        hasStatus: status => {
+            const statusElement = statusExclamation();
+            if (statusElement) {
+                return (element.getAttribute(dataAttr.STATUS) === status &&
+                    statusElement.getAttribute('data-status') === status);
+            }
+            return element.getAttribute(dataAttr.STATUS) === status;
+        },
+        /** If there's a status message, returns its text value */
+        getStatusMessage: () => getTooltipDriver('status-indicator-tooltip').getTooltipText(),
+    };
+};
+export default inputAreaDriverFactory;
+//# sourceMappingURL=InputArea.driver.js.map

package/dist/esm/InputArea/InputArea.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputArea.driver.js","sourceRoot":"","sources":["../../../src/InputArea/InputArea.driver.js"],"names":[],"mappings":"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"}

package/dist/esm/InputArea/InputArea.js

@@ -0,0 +1,284 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import StatusIndicator from '../StatusIndicator';
+import debounce from 'lodash/debounce';
+import isNaN from 'lodash/isNaN';
+import { st, classes } from './InputArea.st.css.js';
+import { dataAttr, dataHooks } from './constants';
+import { filterObject } from '../utils/filterObject';
+import { StatusContext, getStatusFromContext, getAriaAttributesFromContext, } from '../FormField/StatusContext';
+import { WixStyleReactContext } from '../WixStyleReactProvider/context';
+/**
+ * General inputArea container
+ */
+class InputArea extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._computedStyle = null;
+        this.state = {
+            focus: false,
+            counter: (this.props.value || this.props.defaultValue || '').length,
+            computedRows: this.props.minRowsAutoGrow,
+        };
+        // For testing purposes only
+        this._getDataAttr = ({ statusContext }) => {
+            const { size, status, disabled, resizable, forceHover, forceFocus } = this.props;
+            return filterObject({
+                [dataAttr.SIZE]: size,
+                [dataAttr.STATUS]: !disabled
+                    ? getStatusFromContext(statusContext, status)
+                    : null,
+                [dataAttr.DISABLED]: !!disabled,
+                [dataAttr.RESIZABLE]: !!resizable && !disabled,
+                [dataAttr.HOVER]: !!forceHover,
+                [dataAttr.FOCUS]: !!(forceFocus || this.state.focus),
+            }, (key, value) => !!value);
+        };
+        this.focus = () => {
+            this.textArea && this.textArea.focus();
+        };
+        this.blur = () => {
+            this.textArea && this.textArea.blur();
+        };
+        this.select = () => {
+            this.textArea && this.textArea.select();
+        };
+        this._onFocus = e => {
+            this.setState({ focus: true });
+            this.props.onFocus && this.props.onFocus(e);
+            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(() => this.select(), 0);
+            }
+        };
+        this._onBlur = e => {
+            this.setState({ focus: false });
+            this.props.onBlur && this.props.onBlur(e);
+        };
+        this._onKeyDown = e => {
+            this.props.onKeyDown && this.props.onKeyDown(e);
+            if (e.key === 'Enter') {
+                this.props.onEnterPressed && this.props.onEnterPressed(e);
+            }
+            else if (e.key === 'Escape') {
+                this.props.onEscapePressed && this.props.onEscapePressed();
+            }
+        };
+        this._onChange = e => {
+            this.props.onChange && this.props.onChange(e);
+        };
+        this._onInput = () => {
+            this._calculateComputedRows();
+        };
+        this._calculateComputedRows = () => {
+            const { minRowsAutoGrow } = this.props;
+            this.setState({ computedRows: 1 }, () => {
+                const rowsCount = this._getRowsCount();
+                const computedRows = Math.max(minRowsAutoGrow, rowsCount);
+                this.setState({
+                    computedRows,
+                });
+            });
+        };
+        this._updateComputedStyle = debounce(() => {
+            this._computedStyle = window.getComputedStyle(this.textArea);
+        }, 500, { leading: true });
+        this._getComputedStyle = () => {
+            this._updateComputedStyle();
+            return this._computedStyle;
+        };
+        this._getRowsCount = () => {
+            const computedStyle = this._getComputedStyle();
+            const fontSize = parseInt(computedStyle.getPropertyValue('font-size'), 10);
+            const lineHeight = parseInt(computedStyle.getPropertyValue('line-height'), 10);
+            let lineHeightValue;
+            if (isNaN(lineHeight)) {
+                if (isNaN(fontSize)) {
+                    return InputArea.MIN_ROWS;
+                }
+                lineHeightValue = this._getDefaultLineHeight() * fontSize;
+            }
+            else {
+                lineHeightValue = lineHeight;
+            }
+            return Math.floor(this.textArea.scrollHeight / lineHeightValue);
+        };
+        this._getDefaultLineHeight = () => {
+            if (!this._defaultLineHeight) {
+                const { parentNode } = this.textArea;
+                const computedStyles = this._getComputedStyle();
+                const fontFamily = computedStyles.getPropertyValue('font-family');
+                const fontSize = computedStyles.getPropertyValue('font-size');
+                const tempElement = document.createElement('span');
+                const defaultStyles = 'position:absolute;display:inline;border:0;margin:0;padding:0;line-height:normal;';
+                tempElement.setAttribute('style', `${defaultStyles}font-family:${fontFamily};font-size:${fontSize};`);
+                tempElement.innerText = 'M';
+                parentNode.appendChild(tempElement);
+                this._defaultLineHeight =
+                    parseInt(tempElement.clientHeight, 10) / parseInt(fontSize, 10);
+                tempElement.parentNode.removeChild(tempElement);
+            }
+            return this._defaultLineHeight;
+        };
+    }
+    componentDidMount() {
+        const { autoFocus, autoGrow, value } = this.props;
+        autoFocus && this._onFocus();
+        if (autoGrow) {
+            this._calculateComputedRows();
+        }
+        /*
+         * 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.textArea.setSelectionRange(value.length, value.length);
+        }
+    }
+    componentDidUpdate(prevProps) {
+        const { minRowsAutoGrow, value, defaultValue, autoGrow, hasCounter } = this.props;
+        if (autoGrow && prevProps.minRowsAutoGrow !== minRowsAutoGrow) {
+            this._calculateComputedRows();
+        }
+        if (hasCounter && prevProps.value !== value) {
+            this.setState({
+                counter: (value || defaultValue || '').length,
+            });
+        }
+    }
+    componentWillUnmount() {
+        this._updateComputedStyle.cancel();
+    }
+    render() {
+        const { dataHook, className, autoFocus, defaultValue, disabled, forceFocus, forceHover, id, name, onKeyUp, placeholder, readOnly, tabIndex, rows, autoGrow, value, required, minHeight, maxHeight, maxLength, resizable, hasCounter, size, tooltipPlacement, status, statusMessage, children, } = this.props;
+        const inlineStyle = {};
+        const rowsAttr = rows
+            ? rows
+            : autoGrow
+                ? this.state.computedRows
+                : undefined;
+        const onInput = !rows && autoGrow ? this._onInput : undefined;
+        if (minHeight) {
+            inlineStyle.minHeight = minHeight;
+        }
+        if (maxHeight) {
+            inlineStyle.maxHeight = maxHeight;
+        }
+        const ariaAttribute = {};
+        Object.keys(this.props)
+            .filter(key => key.startsWith('aria'))
+            .map(key => (ariaAttribute['aria-' + key.substr(4).toLowerCase()] =
+            this.props[key]));
+        return (React.createElement(WixStyleReactContext.Consumer, null, ({ newColorsBranding }) => (React.createElement(StatusContext.Consumer, null, statusContext => (React.createElement("div", Object.assign({ "data-hook": dataHook, className: st(classes.root, {
+                disabled,
+                size,
+                status: getStatusFromContext(statusContext, status),
+                hasFocus: forceFocus || this.state.focus,
+                forceHover,
+                resizable,
+                readOnly,
+                newColorsBranding,
+            }, className) }, this._getDataAttr({ statusContext })),
+            React.createElement("div", { className: classes.inputArea },
+                typeof children === 'function' ? (children({
+                    rows: rowsAttr,
+                    ref: ref => (this.textArea = ref),
+                    onFocus: this._onFocus,
+                    onBlur: this._onBlur,
+                    onKeyDown: this._onKeyDown,
+                    onInput,
+                })) : (React.createElement("textarea", Object.assign({ rows: rowsAttr, maxLength: maxLength, ref: ref => (this.textArea = ref), id: id, name: name, style: inlineStyle, defaultValue: defaultValue, disabled: disabled, value: value, required: required, onFocus: this._onFocus, onBlur: this._onBlur, onKeyDown: this._onKeyDown, onChange: this._onChange, onInput: onInput, placeholder: placeholder, tabIndex: tabIndex, autoFocus: autoFocus, onKeyUp: onKeyUp }, getAriaAttributesFromContext(statusContext), ariaAttribute, { readOnly: readOnly }))),
+                hasCounter && maxLength && (React.createElement("span", { className: classes.counter, "data-hook": "counter" },
+                    this.state.counter,
+                    "/",
+                    maxLength))),
+            React.createElement("div", { className: classes.status }, !!status && !disabled && (React.createElement(StatusIndicator, { dataHook: dataHooks.tooltip, status: status, message: statusMessage, tooltipPlacement: tooltipPlacement })))))))));
+    }
+}
+// For autoGrow prop min rows is 2 so the textarea does not look like an input
+InputArea.MIN_ROWS = 2;
+InputArea.displayName = 'InputArea';
+InputArea.defaultProps = {
+    minRowsAutoGrow: InputArea.MIN_ROWS,
+    size: 'medium',
+};
+InputArea.propTypes = {
+    /** Applies a data-hook HTML attribute that can be used in the tests. */
+    dataHook: PropTypes.string,
+    /** Specifies a CSS class name to be appended to the component’s root element. */
+    className: PropTypes.string,
+    /** Specifies custom textarea render function */
+    children: PropTypes.func,
+    /** Associate a control with the regions that it controls. */
+    ariaControls: PropTypes.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.string,
+    /** Define a string that labels the current element in case where a text label is not visible on the screen. */
+    ariaLabel: PropTypes.string,
+    /** Focus the element on mount (standard React input autoFocus). */
+    autoFocus: PropTypes.bool,
+    /** Controls the size of the input. */
+    size: PropTypes.oneOf(['small', 'medium']),
+    /** Sets a default value for those who want to use this component un-controlled. */
+    defaultValue: PropTypes.string,
+    /** Specifies whether input should be disabled. */
+    disabled: PropTypes.bool,
+    /** Specifies the status of a field. */
+    status: PropTypes.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.node,
+    /** USED FOR TESTING. Forces focus state on the input. */
+    forceFocus: PropTypes.bool,
+    /** USED FOR TESTING. Forces hover state on the input. */
+    forceHover: PropTypes.bool,
+    /** Specifies whether character count is enabled. */
+    hasCounter: PropTypes.bool,
+    /** Assigns an unique identifier for the root element. */
+    id: PropTypes.string,
+    /** Reference element data when a form is submitted. */
+    name: PropTypes.string,
+    /** Sets the maximum height of an area in pixels. */
+    maxHeight: PropTypes.string,
+    /** Defines the maximum text length in number of characters. */
+    maxLength: PropTypes.number,
+    /** Sets the minimum height of an area in pixels. */
+    minHeight: PropTypes.string,
+    /** Defines a standard input onBlur callback */
+    onBlur: PropTypes.func,
+    /** Defines a standard input onChange callback. */
+    onChange: PropTypes.func,
+    /** Defines a callback handler that is called when user presses enter. */
+    onEnterPressed: PropTypes.func,
+    /** Defines a callback handler that is called when user presses escape. */
+    onEscapePressed: PropTypes.func,
+    /** Defines a standard input onFocus callback. */
+    onFocus: PropTypes.func,
+    /** Defines a standard input onKeyDown callback. */
+    onKeyDown: PropTypes.func,
+    /** Defines a standard input onKeyUp callback. */
+    onKeyUp: PropTypes.func,
+    /** Sets a placeholder message to display. */
+    placeholder: PropTypes.string,
+    /** Specifies whether input is read only. */
+    readOnly: PropTypes.bool,
+    /** Specifies whether area can be manually resized by the user. */
+    resizable: PropTypes.bool,
+    /** Sets initial height of an area to fit a specified number of rows. */
+    rows: PropTypes.number,
+    /** Specifies whether area should grow and shrink according to user input. */
+    autoGrow: PropTypes.bool,
+    /** Sets the minimum amount of rows the component can have in `autoGrow` mode */
+    minRowsAutoGrow: PropTypes.number,
+    /** Indicates that element can be focused and where it participates in sequential keyboard navigation. */
+    tabIndex: PropTypes.number,
+    /** Controls placement of a status tooltip. */
+    tooltipPlacement: PropTypes.string,
+    /** Defines input value. */
+    value: PropTypes.string,
+    /** Specifies whether the input area is a mandatory field. */
+    required: PropTypes.bool,
+};
+export default InputArea;
+//# sourceMappingURL=InputArea.js.map

package/dist/esm/InputArea/InputArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputArea.js","sourceRoot":"","sources":["../../../src/InputArea/InputArea.js"],"names":[],"mappings":"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"}

package/dist/esm/InputArea/InputArea.meta.js

@@ -0,0 +1,13 @@
+// This object should contain a mock value for each required prop of this component
+export const requiredProps = {};
+// This array should contain an object only for tests you wish to run on all compliance tests
+const sharedTests = [
+    {
+        title: 'render',
+        props: Object.assign({}, requiredProps),
+    },
+];
+export const testkitTests = [...sharedTests];
+export const ssrTests = [...sharedTests];
+export const a11yTests = [...sharedTests];
+//# sourceMappingURL=InputArea.meta.js.map

package/dist/esm/InputArea/InputArea.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputArea.meta.js","sourceRoot":"","sources":["../../../src/InputArea/InputArea.meta.tsx"],"names":[],"mappings":"AAEA,mFAAmF;AACnF,MAAM,CAAC,MAAM,aAAa,GAAmB,EAAE,CAAC;AAEhD,6FAA6F;AAC7F,MAAM,WAAW,GAAG;IAClB;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,kBACF,aAAa,CACC;KACpB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC"}