npm - @wix/design-system - Versions diffs - 1.165.0 → 1.166.0 - Mend

@wix/design-system 1.165.0 → 1.166.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (673) hide show

package/dist/cjs/HorizontalTimeline/HorizontalTimeline.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_165_0_HorizontalTimeline";
+var _namespace_ = "wds_1_166_0_HorizontalTimeline";
 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_165_0_HorizontalTimeline__root","line":"wds_1_165_0_HorizontalTimeline__line","column":"wds_1_165_0_HorizontalTimeline__column","item":"wds_1_165_0_HorizontalTimeline__item","lineIconLine":"wds_1_165_0_HorizontalTimeline__lineIconLine","icon":"wds_1_165_0_HorizontalTimeline__icon","label":"wds_1_165_0_HorizontalTimeline__label"};
+module.exports.classes = {"root":"wds_1_166_0_HorizontalTimeline__root","line":"wds_1_166_0_HorizontalTimeline__line","column":"wds_1_166_0_HorizontalTimeline__column","item":"wds_1_166_0_HorizontalTimeline__item","lineIconLine":"wds_1_166_0_HorizontalTimeline__lineIconLine","icon":"wds_1_166_0_HorizontalTimeline__icon","label":"wds_1_166_0_HorizontalTimeline__label"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/HorizontalTimeline/HorizontalTimelineIcons.st.css.js CHANGED Viewed

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_165_0_HorizontalTimelineIcons";
+var _namespace_ = "wds_1_166_0_HorizontalTimelineIcons";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_165_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_165_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_165_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_165_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_165_0_HorizontalTimelineIcons__upcomingIcon wds_1_165_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_165_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_165_0_HorizontalTimelineIcons__activeIcon wds_1_165_0_HorizontalTimelineIcons__baseIcon"};
-module.exports.keyframes = {"bounce":"wds_1_165_0_HorizontalTimelineIcons__bounce"};
+module.exports.classes = {"root":"wds_1_166_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_166_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_166_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_166_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_166_0_HorizontalTimelineIcons__upcomingIcon wds_1_166_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_166_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_166_0_HorizontalTimelineIcons__activeIcon wds_1_166_0_HorizontalTimelineIcons__baseIcon"};
+module.exports.keyframes = {"bounce":"wds_1_166_0_HorizontalTimelineIcons__bounce"};
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {};

package/dist/cjs/IconButton/IconButton.st.css.js CHANGED Viewed

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_165_0_IconButton";
+var _namespace_ = "wds_1_166_0_IconButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_165_0_IconButton__root","mobile":"wds_1_165_0_WixDesignSystemProvider__mobile"};
+module.exports.classes = {"root":"wds_1_166_0_IconButton__root","mobile":"wds_1_166_0_WixDesignSystemProvider__mobile"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Image/Image.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_165_0_Image";
+var _namespace_ = "wds_1_166_0_Image";
 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_165_0_Image__root"};
+module.exports.classes = {"root":"wds_1_166_0_Image__root"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ImageViewer/ImageViewer.st.css.js CHANGED Viewed

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_165_0_ImageViewer";
+var _namespace_ = "wds_1_166_0_ImageViewer";
 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_165_0_ImageViewer__root","buttons":"wds_1_165_0_ImageViewer__buttons","imageContainer":"wds_1_165_0_ImageViewer__imageContainer","overlay":"wds_1_165_0_ImageViewer__overlay","image":"wds_1_165_0_ImageViewer__image","statusContainer":"wds_1_165_0_ImageViewer__statusContainer"};
+module.exports.classes = {"root":"wds_1_166_0_ImageViewer__root","buttons":"wds_1_166_0_ImageViewer__buttons","imageContainer":"wds_1_166_0_ImageViewer__imageContainer","overlay":"wds_1_166_0_ImageViewer__overlay","image":"wds_1_166_0_ImageViewer__image","statusContainer":"wds_1_166_0_ImageViewer__statusContainer"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/InfoIcon/InfoIcon.st.css.js CHANGED Viewed

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_165_0_InfoIcon";
+var _namespace_ = "wds_1_166_0_InfoIcon";
 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_165_0_InfoIcon__root","icon":"wds_1_165_0_InfoIcon__icon"};
+module.exports.classes = {"root":"wds_1_166_0_InfoIcon__root","icon":"wds_1_166_0_InfoIcon__icon"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/Input.st.css.js CHANGED Viewed

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_165_0_Input";
+var _namespace_ = "wds_1_166_0_Input";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,12 +17,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_165_0_Input__root","text-tiny-thin":"wds_1_165_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_165_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_165_0_StylableTypography__text-medium-thin","wrapper":"wds_1_165_0_Input__wrapper","input":"wds_1_165_0_Input__input","disabled":"wds_1_165_0_Input__disabled","readOnly":"wds_1_165_0_Input__readOnly","suffixes":"wds_1_165_0_Input__suffixes","suffix":"wds_1_165_0_Input__suffix","statusWrapper":"wds_1_165_0_Input__statusWrapper","clearButtonWrapper":"wds_1_165_0_Input__clearButtonWrapper","menuArrow":"wds_1_165_0_Input__menuArrow","clearButton":"wds_1_165_0_Input__clearButton"};
+module.exports.classes = {"root":"wds_1_166_0_Input__root","text-tiny-thin":"wds_1_166_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_166_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_166_0_StylableTypography__text-medium-thin","wrapper":"wds_1_166_0_Input__wrapper","input":"wds_1_166_0_Input__input","disabled":"wds_1_166_0_Input__disabled","readOnly":"wds_1_166_0_Input__readOnly","suffixes":"wds_1_166_0_Input__suffixes","suffix":"wds_1_166_0_Input__suffix","statusWrapper":"wds_1_166_0_Input__statusWrapper","clearButtonWrapper":"wds_1_166_0_Input__clearButtonWrapper","menuArrow":"wds_1_166_0_Input__menuArrow","clearButton":"wds_1_166_0_Input__clearButton"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {};
-module.exports.vars = {"wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-destructive-secondary-hover":"--wds-color-border-destructive-secondary-hover","wds-color-border-destructive-tertiary-hover":"--wds-color-border-destructive-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","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-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-border-warning-tertiary-hover":"--wds-color-border-warning-tertiary-hover","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","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-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-padding-horizontal-large":"--wds-input-padding-horizontal-large","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-horizontal-small":"--wds-input-padding-horizontal-small","wds-input-padding-horizontal-tiny":"--wds-input-padding-horizontal-tiny","wds-input-padding-vertical-large":"--wds-input-padding-vertical-large","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-vertical-small":"--wds-input-padding-vertical-small","wds-input-padding-vertical-tiny":"--wds-input-padding-vertical-tiny","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","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-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","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-size-large":"--wds-input-value-font-size-large","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-0":"--wds-space-0","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","border-color-hover":"--wds_1_165_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_165_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_165_0_Input-border-color-hover-warning"};
+module.exports.vars = {"wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-destructive-secondary-hover":"--wds-color-border-destructive-secondary-hover","wds-color-border-destructive-tertiary-hover":"--wds-color-border-destructive-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","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-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-border-warning-tertiary-hover":"--wds-color-border-warning-tertiary-hover","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","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-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-padding-horizontal-large":"--wds-input-padding-horizontal-large","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-horizontal-small":"--wds-input-padding-horizontal-small","wds-input-padding-horizontal-tiny":"--wds-input-padding-horizontal-tiny","wds-input-padding-vertical-large":"--wds-input-padding-vertical-large","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-vertical-small":"--wds-input-padding-vertical-small","wds-input-padding-vertical-tiny":"--wds-input-padding-vertical-tiny","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","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-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","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-size-large":"--wds-input-value-font-size-large","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-0":"--wds-space-0","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","border-color-hover":"--wds_1_166_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_166_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_166_0_Input-border-color-hover-warning"};

package/dist/cjs/Input/components/Affix/Affix.st.css.js CHANGED Viewed

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
-var _namespace_ = "wds_1_165_0_Affix";
+var _namespace_ = "wds_1_166_0_Affix";
 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_165_0_Affix__root","text-tiny-thin":"wds_1_165_0_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_165_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_165_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_165_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_165_0_StylableTypography__text-medium-thin"};
+module.exports.classes = {"root":"wds_1_166_0_Affix__root","text-tiny-thin":"wds_1_166_0_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_166_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_166_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_166_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_166_0_StylableTypography__text-medium-thin"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/components/Group/Group.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
-var _namespace_ = "wds_1_165_0_Group";
+var _namespace_ = "wds_1_166_0_Group";
 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_165_0_Group__root"};
+module.exports.classes = {"root":"wds_1_166_0_Group__root"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/components/IconAffix/IconAffix.st.css.js CHANGED Viewed

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
-var _namespace_ = "wds_1_165_0_IconAffix";
+var _namespace_ = "wds_1_166_0_IconAffix";
 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_165_0_IconAffix__root"};
+module.exports.classes = {"root":"wds_1_166_0_IconAffix__root"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Input/components/Ticker/Ticker.st.css.js CHANGED Viewed

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
-var _namespace_ = "wds_1_165_0_Ticker";
+var _namespace_ = "wds_1_166_0_Ticker";
 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_165_0_Ticker__root","up":"wds_1_165_0_Ticker__up","down":"wds_1_165_0_Ticker__down"};
+module.exports.classes = {"root":"wds_1_166_0_Ticker__root","up":"wds_1_166_0_Ticker__up","down":"wds_1_166_0_Ticker__down"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/InputArea/InputArea.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,cAAA,GAAAV,OAAA;AAKA,IAAAW,QAAA,GAAAX,OAAA;AAA4E,IAAAY,YAAA;AAE5E;AACA;AACA;AACA,MAAMC,SAAS,SAASC,cAAK,CAACC,aAAa,CAAC;EAAAC,YAAA;IAAA,SAAAC,SAAA;IAAA,KAC1CC,cAAc,GAAG,IAAI;IAAA,KACrBC,KAAK,GAAG;MACNC,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE,CAAC,IAAI,CAACC,KAAK,CAACC,KAAK,IAAI,IAAI,CAACD,KAAK,CAACE,YAAY,IAAI,EAAE,EAAEC,MAAM;MACnEC,YAAY,EAAE,IAAI,CAACJ,KAAK,CAACK;IAC3B,CAAC;IAQD;IAAA,KACAC,YAAY,GAAGC,IAAA,IAAuB;MAAA,IAAtB;QAAEC;MAAc,CAAC,GAAAD,IAAA;MAC/B,IAAM;QAAEE,IAAI;QAAEC,MAAM;QAAEC,QAAQ;QAAEC,SAAS;QAAEC,UAAU;QAAEC;MAAW,CAAC,GACjE,IAAI,CAACd,KAAK;MAEZ,OAAO,IAAAe,0BAAY,EACjB;QACE,CAACC,mBAAQ,CAACC,IAAI,GAAGR,IAAI;QACrB,CAACO,mBAAQ,CAACE,MAAM,GAAG,CAACP,QAAQ,GACxB,IAAAQ,mCAAoB,EAACX,aAAa,EAAEE,MAAM,CAAC,GAC3C,IAAI;QACR,CAACM,mBAAQ,CAACI,QAAQ,GAAG,CAAC,CAACT,QAAQ;QAC/B,CAACK,mBAAQ,CAACK,SAAS,GAAG,CAAC,CAACT,SAAS,IAAI,CAACD,QAAQ;QAC9C,CAACK,mBAAQ,CAACM,KAAK,GAAG,CAAC,CAACT,UAAU;QAC9B,CAACG,mBAAQ,CAACO,KAAK,GAAG,CAAC,EAAET,UAAU,IAAI,IAAI,CAACjB,KAAK,CAACC,KAAK;MACrD,CAAC,EACD,CAAC0B,GAAG,EAAEvB,KAAK,KAAK,CAAC,CAACA,KACpB,CAAC;IACH,CAAC;IAAA,KAwMDH,KAAK,GAAG,MAAM;MACZ,IAAI,CAAC2B,QAAQ,IAAI,IAAI,CAACA,QAAQ,CAAC3B,KAAK,CAAC,CAAC;IACxC,CAAC;IAAA,KAED4B,IAAI,GAAG,MAAM;MACX,IAAI,CAACD,QAAQ,IAAI,IAAI,CAACA,QAAQ,CAACC,IAAI,CAAC,CAAC;IACvC,CAAC;IAAA,KAEDC,MAAM,GAAG,MAAM;MACb,IAAI,CAACF,QAAQ,IAAI,IAAI,CAACA,QAAQ,CAACE,MAAM,CAAC,CAAC;IACzC,CAAC;IAAA,KAEDC,qBAAqB,GAAG,MAAM;MAC5B,IAAM;QAAEvB,eAAe;QAAEwB;MAAgB,CAAC,GAAG,IAAI,CAAC7B,KAAK;MAEvD,IAAI,CAAC8B,QAAQ,CAAC;QAAE1B,YAAY,EAAE;MAAE,CAAC,EAAE,MAAM;QACvC,IAAM2B,SAAS,GAAG,IAAI,CAACC,aAAa,CAAC,CAAC;QACtC,IAAM5B,YAAY,GAAG,IAAA6B,cAAK,EAACF,SAAS,EAAE1B,eAAe,EAAEwB,eAAe,CAAC;QACvE,IAAI,CAACC,QAAQ,CAAC;UACZ1B;QACF,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ,CAAC;IAAA,KAED8B,QAAQ,GAAGC,CAAC,IAAI;MACd,IAAI,CAACL,QAAQ,CAAC;QAAEhC,KAAK,EAAE;MAAK,CAAC,CAAC;MAC9B,IAAI,CAACE,KAAK,CAACoC,OAAO,IAAI,IAAI,CAACpC,KAAK,CAACoC,OAAO,CAACD,CAAC,CAAC;MAE3C,IAAI,IAAI,CAACnC,KAAK,CAACqC,UAAU,EAAE;QACzB;QACA;QACA;QACAC,UAAU,CAAC,MAAM,IAAI,CAACX,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;MACpC;IACF,CAAC;IAAA,KAEDY,OAAO,GAAGJ,CAAC,IAAI;MACb,IAAI,CAACL,QAAQ,CAAC;QAAEhC,KAAK,EAAE;MAAM,CAAC,CAAC;MAC/B,IAAI,CAACE,KAAK,CAACwC,MAAM,IAAI,IAAI,CAACxC,KAAK,CAACwC,MAAM,CAACL,CAAC,CAAC;IAC3C,CAAC;IAAA,KAEDM,UAAU,GAAGN,CAAC,IAAI;MAChB,IAAI,CAACnC,KAAK,CAAC0C,SAAS,IAAI,IAAI,CAAC1C,KAAK,CAAC0C,SAAS,CAACP,CAAC,CAAC;MAE/C,IAAIA,CAAC,CAACX,GAAG,KAAK,OAAO,EAAE;QACrB,IAAI,CAACxB,KAAK,CAAC2C,cAAc,IAAI,IAAI,CAAC3C,KAAK,CAAC2C,cAAc,CAACR,CAAC,CAAC;MAC3D,CAAC,MAAM,IAAIA,CAAC,CAACX,GAAG,KAAK,QAAQ,EAAE;QAC7B,IAAI,CAACxB,KAAK,CAAC4C,eAAe,IAAI,IAAI,CAAC5C,KAAK,CAAC4C,eAAe,CAAC,CAAC;MAC5D;IACF,CAAC;IAAA,KAEDC,SAAS,GAAGV,CAAC,IAAI;MACf,IAAI,CAACnC,KAAK,CAAC8C,QAAQ,IAAI,IAAI,CAAC9C,KAAK,CAAC8C,QAAQ,CAACX,CAAC,CAAC;IAC/C,CAAC;IAAA,KAEDY,QAAQ,GAAG,MAAM;MACf,IAAI,CAACnB,qBAAqB,CAAC,CAAC;IAC9B,CAAC;IAAA,KAEDoB,oBAAoB,GAAG,IAAAC,iBAAQ,EAC7B,MAAM;MACJ,IAAI,CAACrD,cAAc,GAAGsD,MAAM,CAACC,gBAAgB,CAAC,IAAI,CAAC1B,QAAQ,CAAC;IAC9D,CAAC,EACD,GAAG,EACH;MAAE2B,OAAO,EAAE;IAAK,CAClB,CAAC;IAAA,KAEDC,iBAAiB,GAAG,MAAM;MACxB,IAAI,CAACL,oBAAoB,CAAC,CAAC;MAC3B,OAAO,IAAI,CAACpD,cAAc;IAC5B,CAAC;IAAA,KAEDoC,aAAa,GAAG,MAAM;MACpB,IAAMsB,aAAa,GAAG,IAAI,CAACD,iBAAiB,CAAC,CAAC;MAC9C,IAAME,QAAQ,GAAGC,QAAQ,CAACF,aAAa,CAACG,gBAAgB,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC;MAC1E,IAAMC,UAAU,GAAGF,QAAQ,CACzBF,aAAa,CAACG,gBAAgB,CAAC,aAAa,CAAC,EAC7C,EACF,CAAC;MACD,IAAIE,eAAe;MAEnB,IAAI,IAAAC,cAAK,EAACF,UAAU,CAAC,EAAE;QACrB,IAAI,IAAAE,cAAK,EAACL,QAAQ,CAAC,EAAE;UACnB,OAAOhE,SAAS,CAACsE,QAAQ;QAC3B;QAEAF,eAAe,GAAG,IAAI,CAACG,qBAAqB,CAAC,CAAC,GAAGP,QAAQ;MAC3D,CAAC,MAAM;QACLI,eAAe,GAAGD,UAAU;MAC9B;MAEA,OAAOK,IAAI,CAACC,KAAK,CAAC,IAAI,CAACvC,QAAQ,CAACwC,YAAY,GAAGN,eAAe,CAAC;IACjE,CAAC;IAAA,KAEDG,qBAAqB,GAAG,MAAM;MAC5B,IAAI,CAAC,IAAI,CAACI,kBAAkB,EAAE;QAC5B,IAAM;UAAEC;QAAW,CAAC,GAAG,IAAI,CAAC1C,QAAQ;QACpC,IAAM2C,cAAc,GAAG,IAAI,CAACf,iBAAiB,CAAC,CAAC;QAC/C,IAAMgB,UAAU,GAAGD,cAAc,CAACX,gBAAgB,CAAC,aAAa,CAAC;QACjE,IAAMF,QAAQ,GAAGa,cAAc,CAACX,gBAAgB,CAAC,WAAW,CAAC;QAC7D,IAAMa,WAAW,GAAGC,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;QAClD,IAAMC,aAAa,GACjB,kFAAkF;QACpFH,WAAW,CAACI,YAAY,CACtB,OAAO,KAAAC,MAAA,CACJF,aAAa,kBAAAE,MAAA,CAAeN,UAAU,iBAAAM,MAAA,CAAcpB,QAAQ,MACjE,CAAC;QACDe,WAAW,CAACM,SAAS,GAAG,GAAG;QAC3BT,UAAU,CAACU,WAAW,CAACP,WAAW,CAAC;QACnC,IAAI,CAACJ,kBAAkB,GACrBV,QAAQ,CAACc,WAAW,CAACQ,YAAY,EAAE,EAAE,CAAC,GAAGtB,QAAQ,CAACD,QAAQ,EAAE,EAAE,CAAC;QACjEe,WAAW,CAACH,UAAU,CAACY,WAAW,CAACT,WAAW,CAAC;MACjD;MAEA,OAAO,IAAI,CAACJ,kBAAkB;IAChC,CAAC;EAAA;EAzTDc,iBAAiBA,CAAA,EAAG;IAClB,IAAM;MAAEC,SAAS;MAAEC,QAAQ;MAAEjF;IAAM,CAAC,GAAG,IAAI,CAACD,KAAK;IAEjDiF,SAAS,IAAI,IAAI,CAAC/C,QAAQ,CAAC,CAAC;IAC5B,IAAIgD,QAAQ,EAAE;MACZ,IAAI,CAACtD,qBAAqB,CAAC,CAAC;IAC9B;IACA;AACJ;AACA;AACA;IACI,IAAIqD,SAAS,IAAI,CAAC,CAAChF,KAAK,EAAE;MACxB,IAAI,CAACwB,QAAQ,CAAC0D,iBAAiB,CAAClF,KAAK,CAACE,MAAM,EAAEF,KAAK,CAACE,MAAM,CAAC;IAC7D;EACF;EAEAiF,kBAAkBA,CAACC,SAAS,EAAE;IAC5B,IAAM;MACJhF,eAAe;MACfwB,eAAe;MACf5B,KAAK;MACLC,YAAY;MACZgF,QAAQ;MACRI;IACF,CAAC,GAAG,IAAI,CAACtF,KAAK;IAEd,IACEkF,QAAQ,KACPG,SAAS,CAAChF,eAAe,KAAKA,eAAe,IAC5CgF,SAAS,CAACxD,eAAe,KAAKA,eAAe,CAAC,EAChD;MACA,IAAI,CAACD,qBAAqB,CAAC,CAAC;IAC9B;IAEA,IAAI0D,UAAU,IAAID,SAAS,CAACpF,KAAK,KAAKA,KAAK,EAAE;MAC3C,IAAI,CAAC6B,QAAQ,CAAC;QACZ/B,OAAO,EAAE,CAACE,KAAK,IAAIC,YAAY,IAAI,EAAE,EAAEC;MACzC,CAAC,CAAC;IACJ;EACF;EAEAoF,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACvC,oBAAoB,CAACwC,MAAM,CAAC,CAAC;EACpC;EAEAC,MAAMA,CAAA,EAAG;IACP,IAAM;MACJC,QAAQ;MACRC,SAAS;MACTV,SAAS;MACT/E,YAAY;MACZS,QAAQ;MACRG,UAAU;MACVD,UAAU;MACV+E,EAAE;MACFC,IAAI;MACJC,OAAO;MACPC,WAAW;MACXC,QAAQ;MACRC,QAAQ;MACRC,IAAI;MACJhB,QAAQ;MACRjF,KAAK;MACLkG,QAAQ;MACRC,SAAS;MACTC,SAAS;MACTC,SAAS;MACT1F,SAAS;MACT0E,UAAU;MACV7E,IAAI;MACJ8F,gBAAgB;MAChB7F,MAAM;MACN8F,aAAa;MACbC;IACF,CAAC,GAAG,IAAI,CAACzG,KAAK;IAEd,IAAM0G,WAAW,GAAG,CAAC,CAAC;IACtB,IAAMC,QAAQ,GAAGT,IAAI,GACjBA,IAAI,GACJhB,QAAQ,GACR,IAAI,CAACrF,KAAK,CAACO,YAAY,GACvBwG,SAAS;IACb,IAAMC,OAAO,GAAG,CAACX,IAAI,IAAIhB,QAAQ,GAAG,IAAI,CAACnC,QAAQ,GAAG6D,SAAS;IAE7D,IAAIR,SAAS,EAAE;MACbM,WAAW,CAACN,SAAS,GAAGA,SAAS;IACnC;IAEA,IAAIC,SAAS,EAAE;MACbK,WAAW,CAACL,SAAS,GAAGA,SAAS;IACnC;IAEA,IAAMS,aAAa,GAAG,CAAC,CAAC;IACxBC,MAAM,CAACC,IAAI,CAAC,IAAI,CAAChH,KAAK,CAAC,CACpBiH,MAAM,CAACzF,GAAG,IAAIA,GAAG,CAAC0F,UAAU,CAAC,MAAM,CAAC,CAAC,CACrCC,GAAG,CACF3F,GAAG,IACAsF,aAAa,CAAC,OAAO,GAAGtF,GAAG,CAAC4F,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC,GACnD,IAAI,CAACrH,KAAK,CAACwB,GAAG,CACpB,CAAC;IAEH,oBACEhD,MAAA,CAAA8I,OAAA,CAAA9C,aAAA,CAACnF,QAAA,CAAAkI,sBAAsB,CAACC,QAAQ;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArI,YAAA;QAAAsI,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC7BC,KAAA,IAA2B;MAAA,IAA1B;QAAEC;MAAkB,CAAC,GAAAD,KAAA;MACrB,oBACEtJ,MAAA,CAAA8I,OAAA,CAAA9C,aAAA,CAACpF,cAAA,CAAA4I,aAAa,CAACR,QAAQ;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArI,YAAA;UAAAsI,UAAA;UAAAC,YAAA;QAAA;MAAA,GACpBrH,aAAa,IAAI;QAChB,IAAMyH,WAAW,GAAG,IAAA9G,mCAAoB,EAACX,aAAa,EAAEE,MAAM,CAAC;QAE/D,oBACElC,MAAA,CAAA8I,OAAA,CAAA9C,aAAA,YAAA0D,SAAA,CAAAZ,OAAA;UACE,aAAW5B,QAAS;UACpBC,SAAS,EAAE,IAAAwC,eAAE,EACXC,oBAAO,CAACC,IAAI,EACZ;YACE1H,QAAQ;YACRF,IAAI;YACJC,MAAM,EAAEuH,WAAW;YACnBK,QAAQ,EAAExH,UAAU,IAAI,IAAI,CAACjB,KAAK,CAACC,KAAK;YACxCe,UAAU;YACVD,SAAS;YACToF,QAAQ;YACR+B;UACF,CAAC,EACDpC,SACF;QAAE,GACE,IAAI,CAACrF,YAAY,CAAC;UAAEE;QAAc,CAAC,CAAC;UAAAiH,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAArI,YAAA;YAAAsI,UAAA;YAAAC,YAAA;UAAA;QAAA,iBAGxCrJ,MAAA,CAAA8I,OAAA,CAAA9C,aAAA;UAAKmB,SAAS,EAAEyC,oBAAO,CAACG,SAAU;UAAAd,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAArI,YAAA;YAAAsI,UAAA;YAAAC,YAAA;UAAA;QAAA,GAC/B,OAAOpB,QAAQ,KAAK,UAAU,GAC7BA,QAAQ,CAAC;UACPP,IAAI,EAAES,QAAQ;UACd6B,GAAG,EAAEA,KAAG,IAAK,IAAI,CAAC/G,QAAQ,GAAG+G,KAAI;UACjCpG,OAAO,EAAE,IAAI,CAACF,QAAQ;UACtBM,MAAM,EAAE,IAAI,CAACD,OAAO;UACpBG,SAAS,EAAE,IAAI,CAACD,UAAU;UAC1BoE;QACF,CAAC,CAAC,gBAEFrI,MAAA,CAAA8I,OAAA,CAAA9C,aAAA,iBAAA0D,SAAA,CAAAZ,OAAA;UACEpB,IAAI,EAAES,QAAS;UACfL,SAAS,EAAEA,SAAU;UACrBkC,GAAG,EAAEA,KAAG,IAAK,IAAI,CAAC/G,QAAQ,GAAG+G,KAAK;UAClC5C,EAAE,EAAEA,EAAG;UACPC,IAAI,EAAEA,IAAK;UACX4C,KAAK,EAAE/B,WAAY;UACnBxG,YAAY,EAAEA,YAAa;UAC3BS,QAAQ,EAAEA,QAAS;UACnBV,KAAK,EAAEA,KAAM;UACbkG,QAAQ,EAAEA,QAAS;UACnB/D,OAAO,EAAE,IAAI,CAACF,QAAS;UACvBM,MAAM,EAAE,IAAI,CAACD,OAAQ;UACrBG,SAAS,EAAE,IAAI,CAACD,UAAW;UAC3BK,QAAQ,EAAE,IAAI,CAACD,SAAU;UACzBgE,OAAO,EAAEA,OAAQ;UACjBd,WAAW,EAAEA,WAAY;UACzBE,QAAQ,EAAEA,QAAS;UACnBhB,SAAS,EAAEA,SAAU;UACrBa,OAAO,EAAEA;QAAQ,GACb,IAAA4C,2CAA4B,EAAClI,aAAa,CAAC,EAC3CsG,aAAa;UACjBd,QAAQ,EAAEA,QAAS;UAAAyB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAArI,YAAA;YAAAsI,UAAA;YAAAC,YAAA;UAAA;QAAA,EACpB,CACF,EAGAvC,UAAU,IAAIgB,SAAS,iBACtB9H,MAAA,CAAA8I,OAAA,CAAA9C,aAAA;UAAMmB,SAAS,EAAEyC,oBAAO,CAACrI,OAAQ;UAAC,aAAU,SAAS;UAAA0H,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAArI,YAAA;YAAAsI,UAAA;YAAAC,YAAA;UAAA;QAAA,GAClD,IAAI,CAAChI,KAAK,CAACE,OAAO,EAAC,GAAC,EAACuG,SAClB,CAEL,CAAC,eAGN9H,MAAA,CAAA8I,OAAA,CAAA9C,aAAA;UAAKmB,SAAS,EAAEyC,oBAAO,CAAC1H,MAAO;UAAA+G,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAArI,YAAA;YAAAsI,UAAA;YAAAC,YAAA;UAAA;QAAA,GAC5B,CAAC,CAAC,CAACnH,MAAM,IAAIuH,WAAW,KAAK/G,wBAAM,CAACyH,OAAO,KAC1C,CAAChI,QAAQ,iBACPnC,MAAA,CAAA8I,OAAA,CAAA9C,aAAA,CAAC5F,gBAAA,CAAA0I,OAAe;UACd5B,QAAQ,EAAEkD,oBAAS,CAACC,OAAQ;UAC5BnI,MAAM,EAAEuH,WAAY;UACpBa,OAAO,EAAEtC,aAAc;UACvBuC,YAAY,EAAE;YACZC,SAAS,EAAEzC;UACb,CAAE;UAAAkB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAArI,YAAA;YAAAsI,UAAA;YAAAC,YAAA;UAAA;QAAA,CACH,CAEF,CACF,CAAC;MAEV,CACsB,CAAC;IAE7B,CAC+B,CAAC;EAEtC;AAsHF;AApVE;AARItI,SAAS,CASNsE,QAAQ,GAAG,CAAC;AAEnB;AAXItE,SAAS,CAYN0J,QAAQ,GAAGC,MAAM,CAACC,iBAAiB;AAkV5C5J,SAAS,CAAC6J,WAAW,GAAG,WAAW;AAEnC7J,SAAS,CAAC8J,YAAY,GAAG;EACvBhJ,eAAe,EAAEd,SAAS,CAACsE,QAAQ;EACnChC,eAAe,EAAEtC,SAAS,CAAC0J,QAAQ;EACnCxI,IAAI,EAAE;AACR,CAAC;AAEDlB,SAAS,CAAC+J,SAAS,GAAG;EACpB;EACA5D,QAAQ,EAAE6D,kBAAS,CAACC,MAAM;EAE1B;AACF;AACA;;EAEE7D,SAAS,EAAE4D,kBAAS,CAACC,MAAM;EAE3B;EACA/C,QAAQ,EAAE8C,kBAAS,CAACE,IAAI;EAExB;EACAC,YAAY,EAAEH,kBAAS,CAACC,MAAM;EAE9B;EACAG,eAAe,EAAEJ,kBAAS,CAACC,MAAM;EAEjC;EACAI,SAAS,EAAEL,kBAAS,CAACC,MAAM;EAE3B;EACAvE,SAAS,EAAEsE,kBAAS,CAACM,IAAI;EAEzB;EACApJ,IAAI,EAAE8I,kBAAS,CAACO,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;EAE1C;EACA5J,YAAY,EAAEqJ,kBAAS,CAACC,MAAM;EAE9B;EACA7I,QAAQ,EAAE4I,kBAAS,CAACM,IAAI;EAExB;EACAnJ,MAAM,EAAE6I,kBAAS,CAACO,KAAK,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;EAExD;EACAtD,aAAa,EAAE+C,kBAAS,CAACQ,IAAI;EAE7B;EACAjJ,UAAU,EAAEyI,kBAAS,CAACM,IAAI;EAE1B;EACAhJ,UAAU,EAAE0I,kBAAS,CAACM,IAAI;EAE1B;EACAvE,UAAU,EAAEiE,kBAAS,CAACM,IAAI;EAE1B;EACAjE,EAAE,EAAE2D,kBAAS,CAACC,MAAM;EAEpB;EACA3D,IAAI,EAAE0D,kBAAS,CAACC,MAAM;EAEtB;EACAnD,SAAS,EAAEkD,kBAAS,CAACC,MAAM;EAE3B;EACAlD,SAAS,EAAEiD,kBAAS,CAACS,MAAM;EAE3B;EACA5D,SAAS,EAAEmD,kBAAS,CAACC,MAAM;EAE3B;EACAhH,MAAM,EAAE+G,kBAAS,CAACE,IAAI;EAEtB;EACA3G,QAAQ,EAAEyG,kBAAS,CAACE,IAAI;EAExB;EACA9G,cAAc,EAAE4G,kBAAS,CAACE,IAAI;EAE9B;EACA7G,eAAe,EAAE2G,kBAAS,CAACE,IAAI;EAE/B;EACArH,OAAO,EAAEmH,kBAAS,CAACE,IAAI;EAEvB;EACA/G,SAAS,EAAE6G,kBAAS,CAACE,IAAI;EAEzB;EACA3D,OAAO,EAAEyD,kBAAS,CAACE,IAAI;EAEvB;EACA1D,WAAW,EAAEwD,kBAAS,CAACC,MAAM;EAE7B;EACAxD,QAAQ,EAAEuD,kBAAS,CAACM,IAAI;EAExB;EACAjJ,SAAS,EAAE2I,kBAAS,CAACM,IAAI;EAEzB;EACA3D,IAAI,EAAEqD,kBAAS,CAACS,MAAM;EAEtB;EACA9E,QAAQ,EAAEqE,kBAAS,CAACM,IAAI;EAExB;EACAxJ,eAAe,EAAEkJ,kBAAS,CAACS,MAAM;EAEjC;EACAnI,eAAe,EAAE0H,kBAAS,CAACS,MAAM;EAEjC;EACA/D,QAAQ,EAAEsD,kBAAS,CAACS,MAAM;EAE1B;EACAzD,gBAAgB,EAAEgD,kBAAS,CAACC,MAAM;EAElC;EACAvJ,KAAK,EAAEsJ,kBAAS,CAACC,MAAM;EAEvB;EACArD,QAAQ,EAAEoD,kBAAS,CAACM;AACtB,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAA5C,OAAA,GAEa/H,SAAS","ignoreList":[]}
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","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 CHANGED Viewed

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_165_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_165_0_InputArea__root","text-small-thin":"wds_1_165_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_165_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_165_0_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_165_0_InputArea__inputArea","counter":"wds_1_165_0_InputArea__counter","status":"wds_1_165_0_InputArea__status","disabled":"wds_1_165_0_InputArea__disabled","readOnly":"wds_1_165_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_165_0_InputArea-border-color","border-color-destructive":"--wds_1_165_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_165_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_165_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_165_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_165_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 CHANGED Viewed

	@@ -1 +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":[]}
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 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 CHANGED Viewed

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_165_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_165_0_InputShell__root","content":"wds_1_165_0_InputShell__content","suffix":"wds_1_165_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_165_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 CHANGED Viewed

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_165_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_165_0_InputWithLabel__root","groupIcon":"wds_1_165_0_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_165_0_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_165_0_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_165_0_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_165_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 = {};