@hitachivantara/uikit-react-core 2.23.2

package/dist/legacy/Tabs/Tabs.js

@@ -0,0 +1,92 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+
+var _div;
+
+var _excluded = ["classes"];
+import React from "react";
+import PropTypes from "prop-types";
+import { Tabs, withStyles } from "@material-ui/core";
+import styles from "./styles";
+/**
+ * Tab is a graphical control element that allows multiple documents or panels to be contained within a single window,
+ * using tabs as a navigational widget for switching between sets of documents.
+ */
+
+var HvTabs = function HvTabs(props) {
+  var classes = props.classes,
+      others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(Tabs, _extends({
+    classes: {
+      root: classes.root,
+      flexContainer: classes.flexContainer,
+      indicator: classes.indicator,
+      scroller: classes.scroller
+    }
+  }, others, {
+    TabIndicatorProps: {
+      children: _div || (_div = /*#__PURE__*/React.createElement("div", null))
+    }
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? HvTabs.propTypes = {
+  /**
+   * Identifier.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the flex container element.
+     */
+    flexContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the `TabIndicator` component.
+     */
+    indicator: PropTypes.string,
+
+    /**
+     * Styles applied to the `TabIndicator` component.
+     */
+    scroller: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {object} event The event source of the callback
+   * @param {number} value We default to the index of the child
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * 	The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  value: PropTypes.any
+} : void 0;
+export default withStyles(styles, {
+  name: "HvTabs"
+})(HvTabs);
+//# sourceMappingURL=Tabs.js.map

package/dist/legacy/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":["React","PropTypes","Tabs","withStyles","styles","HvTabs","props","classes","others","root","flexContainer","indicator","scroller","children","propTypes","id","string","className","node","shape","isRequired","onChange","func","value","any","name"],"sources":["../../../src/Tabs/Tabs.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Tabs, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Tab is a graphical control element that allows multiple documents or panels to be contained within a single window,\n * using tabs as a navigational widget for switching between sets of documents.\n */\nconst HvTabs = (props) => {\n  const { classes, ...others } = props;\n\n  return (\n    <Tabs\n      classes={{\n        root: classes.root,\n        flexContainer: classes.flexContainer,\n        indicator: classes.indicator,\n        scroller: classes.scroller,\n      }}\n      {...others}\n      TabIndicatorProps={{ children: <div /> }}\n    />\n  );\n};\n\nHvTabs.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the flex container element.\n     */\n    flexContainer: PropTypes.string,\n    /**\n     * Styles applied to the `TabIndicator` component.\n     */\n    indicator: PropTypes.string,\n    /**\n     * Styles applied to the `TabIndicator` component.\n     */\n    scroller: PropTypes.string,\n  }).isRequired,\n  /**\n   * Callback fired when the value changes.\n   *\n   * @param {object} event The event source of the callback\n   * @param {number} value We default to the index of the child\n   */\n  onChange: PropTypes.func,\n  /**\n   * \tThe value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n};\n\nexport default withStyles(styles, { name: \"HvTabs\" })(HvTabs);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,IAAT,EAAeC,UAAf,QAAiC,mBAAjC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;;AACA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IAAQC,OAAR,GAA+BD,KAA/B,CAAQC,OAAR;EAAA,IAAoBC,MAApB,4BAA+BF,KAA/B;;EAEA,oBACE,oBAAC,IAAD;IACE,OAAO,EAAE;MACPG,IAAI,EAAEF,OAAO,CAACE,IADP;MAEPC,aAAa,EAAEH,OAAO,CAACG,aAFhB;MAGPC,SAAS,EAAEJ,OAAO,CAACI,SAHZ;MAIPC,QAAQ,EAAEL,OAAO,CAACK;IAJX;EADX,GAOMJ,MAPN;IAQE,iBAAiB,EAAE;MAAEK,QAAQ,+BAAE,gCAAF;IAAV;EARrB,GADF;AAYD,CAfD;;AAiBA,wCAAAR,MAAM,CAACS,SAAP,GAAmB;EACjB;AACF;AACA;EACEC,EAAE,EAAEd,SAAS,CAACe,MAJG;;EAKjB;AACF;AACA;EACEC,SAAS,EAAEhB,SAAS,CAACe,MARJ;;EASjB;AACF;AACA;EACEH,QAAQ,EAAEZ,SAAS,CAACiB,IAZH;;EAajB;AACF;AACA;EACEX,OAAO,EAAEN,SAAS,CAACkB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAER,SAAS,CAACe,MAJO;;IAKvB;AACJ;AACA;IACIN,aAAa,EAAET,SAAS,CAACe,MARF;;IASvB;AACJ;AACA;IACIL,SAAS,EAAEV,SAAS,CAACe,MAZE;;IAavB;AACJ;AACA;IACIJ,QAAQ,EAAEX,SAAS,CAACe;EAhBG,CAAhB,EAiBNI,UAjCc;;EAkCjB;AACF;AACA;AACA;AACA;AACA;EACEC,QAAQ,EAAEpB,SAAS,CAACqB,IAxCH;;EAyCjB;AACF;AACA;EACE;EACAC,KAAK,EAAEtB,SAAS,CAACuB;AA7CA,CAAnB;AAgDA,eAAerB,UAAU,CAACC,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuCpB,MAAvC,CAAf"}

package/dist/legacy/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Tabs";
+export * from "./Tabs";

package/dist/legacy/Tabs/index.js

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

package/dist/legacy/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Tabs/index.js"],"sourcesContent":["export { default } from \"./Tabs\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB"}

package/dist/legacy/Tabs/styles.js

@@ -0,0 +1,29 @@
+var styles = function styles(theme) {
+  return {
+    root: {
+      overflow: "visible"
+    },
+    indicator: {
+      display: "flex",
+      justifyContent: "center",
+      backgroundColor: "transparent",
+      "& > div": {
+        width: "100%",
+        backgroundColor: "".concat(theme.hv.palette.accent.acce1)
+      },
+      height: 2,
+      top: 0
+    },
+    scroller: {
+      // fixes inline style included in material ui tab in https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tabs/Tabs.js#L125
+      overflow: "visible !important",
+      "& $flexContainer": {
+        borderTop: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo6)
+      }
+    },
+    flexContainer: {}
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/Tabs/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","overflow","indicator","display","justifyContent","backgroundColor","width","hv","palette","accent","acce1","height","top","scroller","borderTop","atmosphere","atmo6","flexContainer"],"sources":["../../../src/Tabs/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    overflow: \"visible\",\n  },\n  indicator: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n    \"& > div\": {\n      width: \"100%\",\n      backgroundColor: `${theme.hv.palette.accent.acce1}`,\n    },\n    height: 2,\n    top: 0,\n  },\n  scroller: {\n    // fixes inline style included in material ui tab in https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tabs/Tabs.js#L125\n    overflow: \"visible !important\",\n    \"& $flexContainer\": {\n      borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo6}`,\n    },\n  },\n  flexContainer: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,QAAQ,EAAE;IADN,CADmB;IAIzBC,SAAS,EAAE;MACTC,OAAO,EAAE,MADA;MAETC,cAAc,EAAE,QAFP;MAGTC,eAAe,EAAE,aAHR;MAIT,WAAW;QACTC,KAAK,EAAE,MADE;QAETD,eAAe,YAAKN,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAA7B;MAFN,CAJF;MAQTC,MAAM,EAAE,CARC;MASTC,GAAG,EAAE;IATI,CAJc;IAezBC,QAAQ,EAAE;MACR;MACAZ,QAAQ,EAAE,oBAFF;MAGR,oBAAoB;QAClBa,SAAS,sBAAef,KAAK,CAACQ,EAAN,CAASC,OAAT,CAAiBO,UAAjB,CAA4BC,KAA3C;MADS;IAHZ,CAfe;IAsBzBC,aAAa,EAAE;EAtBU,CAAZ;AAAA,CAAf;;AAyBA,eAAenB,MAAf"}

package/dist/legacy/TextArea/TextArea.d.ts

@@ -0,0 +1,67 @@
+import { StandardProps } from "@material-ui/core";
+import { HvInputLabelsProp, HvInputProps } from "../Input";
+
+export interface HvTextAreaLabelsProp extends HvInputLabelsProp {
+  /**
+   * Text before the current char counter.
+   */
+  startCount: string;
+  /**
+   * Text between the current char counter and max value.
+   */
+  middleCount: string;
+  /**
+   * Text after the max value.
+   */
+  endCount: string;
+}
+
+export interface HvTextAreaProps extends StandardProps<HvInputProps, HvTextAreaClassKey, "labels"> {
+  /**
+   * An Object containing the various text associated with the input.
+   */
+  labels?: HvTextAreaLabelsProp;
+  /**
+   * The number of rows of the text area
+   */
+  rows?: number;
+  /**
+   * If ´true´ the component is resizable.
+   */
+  resizable?: boolean;
+  /**
+   * Auto-scroll: automatically scroll to the end on value changes.
+   * Will stop if the user scrolls up and resume if scrolled to the bottom.
+   */
+  autoScroll?: boolean;
+  /**
+   * If true it isn't possible to pass the `maxCharQuantity`
+   */
+  blockMax?: boolean;
+  /**
+   * Props passed to the char count.
+   */
+  countCharProps?: object;
+  /**
+   * Indicates that user input is required on the form element.
+   */
+  isRequired?: boolean;
+}
+
+export type HvTextAreaClassKey =
+  | "root"
+  | "input"
+  | "resize"
+  | "inputRoot"
+  | "inputRootDisabled"
+  | "inputRootFocused"
+  | "defaultWith"
+  | "characterCounter"
+  | "inline"
+  | "separator"
+  | "maxCharacter"
+  | "currentCounter"
+  | "disabled"
+  | "container";
+
+export default function HvTextArea(props: HvTextAreaProps): JSX.Element | null;

package/dist/legacy/TextArea/TextArea.js

@@ -0,0 +1,434 @@
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.reflect.construct.js";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _excluded = ["classes", "className", "id", "labels", "maxCharQuantity", "rows", "initialValue", "value", "disabled", "resizable", "autoScroll", "onChange", "blockMax", "countCharProps", "isRequired"];
+import "core-js/modules/es.array.concat.js";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from "react";
+import PropTypes from "prop-types";
+import isNil from "lodash/isNil";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import HvTypography from "../Typography";
+import Input from "../Input";
+import styles from "./styles";
+import withLabels from "../withLabels";
+var DEFAULT_LABELS = {
+  startCount: "",
+  middleCount: "/",
+  endCount: ""
+};
+/**
+ * A text area component wrapping the input box, it allows the input of paragraph of text.
+ * alongside this it can provide a validation for the max character quantity
+ */
+
+var HvTextArea = /*#__PURE__*/function (_React$Component) {
+  _inherits(HvTextArea, _React$Component);
+
+  var _super = _createSuper(HvTextArea);
+
+  function HvTextArea(props) {
+    var _this;
+
+    _classCallCheck(this, HvTextArea);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "isOverflow", function (value) {
+      var maxCharQuantity = _this.props.maxCharQuantity;
+      return isNil(maxCharQuantity) ? false : value.length > maxCharQuantity;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "limitValue", function (value) {
+      var _this$props = _this.props,
+          maxCharQuantity = _this$props.maxCharQuantity,
+          blockMax = _this$props.blockMax;
+      if (value === undefined || !blockMax) return value;
+      return !_this.isOverflow(value) ? value : value.substring(0, maxCharQuantity);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "isScrolledDown", function () {
+      var el = _this.textInputRef.current;
+      return el == null || el.scrollHeight - el.scrollTop === el.clientHeight;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "scrollDown", function () {
+      var el = _this.textInputRef.current;
+
+      if (el != null) {
+        el.scrollTop = el.scrollHeight - el.clientHeight;
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "addScrollListener", function () {
+      var scrollHandler = {
+        handleEvent: function handleEvent() {
+          _this.setState({
+            autoScrolling: _this.isScrolledDown()
+          });
+        }
+      };
+
+      _this.textInputRef.current.addEventListener("scroll", scrollHandler);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onChangeHandler", function (event, value) {
+      var _onChange;
+
+      var onChange = _this.props.onChange;
+      var newValue = (_onChange = onChange(event, _this.limitValue(value))) !== null && _onChange !== void 0 ? _onChange : value;
+
+      var textAreaValue = _this.limitValue(newValue);
+
+      _this.setState({
+        currentValueLength: textAreaValue.length,
+        overflow: _this.isOverflow(textAreaValue)
+      });
+
+      return textAreaValue;
+    });
+
+    var _this$props2 = _this.props,
+        initialValue = _this$props2.initialValue,
+        autoScroll = _this$props2.autoScroll;
+    _this.state = {
+      currentValueLength: initialValue !== undefined ? _this.limitValue(initialValue).length : 0,
+      autoScrolling: autoScroll,
+      overflow: initialValue ? _this.isOverflow(initialValue) : false
+    };
+    _this.textInputRef = /*#__PURE__*/React.createRef();
+    return _this;
+  }
+
+  _createClass(HvTextArea, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var autoScroll = this.props.autoScroll;
+
+      if (autoScroll) {
+        this.addScrollListener();
+        this.scrollDown();
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      var autoScrolling = this.state.autoScrolling;
+
+      if (autoScrolling) {
+        this.scrollDown();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          classes = _this$props3.classes,
+          className = _this$props3.className,
+          id = _this$props3.id,
+          labels = _this$props3.labels,
+          maxCharQuantity = _this$props3.maxCharQuantity,
+          rows = _this$props3.rows,
+          initialValue = _this$props3.initialValue,
+          value = _this$props3.value,
+          disabled = _this$props3.disabled,
+          resizable = _this$props3.resizable,
+          autoScroll = _this$props3.autoScroll,
+          onChange = _this$props3.onChange,
+          blockMax = _this$props3.blockMax,
+          countCharProps = _this$props3.countCharProps,
+          isRequired = _this$props3.isRequired,
+          others = _objectWithoutProperties(_this$props3, _excluded);
+
+      var _this$state = this.state,
+          currentValueLength = _this$state.currentValueLength,
+          overflow = _this$state.overflow;
+      var val = initialValue;
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes.root
+      }, /*#__PURE__*/React.createElement(Input, _extends({
+        classes: {
+          root: classes.container,
+          input: clsx(classes.input, resizable ? !disabled && classes.resize : classes.defaultWith),
+          inputRoot: classes.inputRoot,
+          inputRootDisabled: classes.inputRootDisabled,
+          inputRootFocused: classes.inputRootFocused,
+          infoText: clsx(maxCharQuantity != null && classes.infoText)
+        },
+        className: className,
+        id: id,
+        labels: labels,
+        initialValue: val && this.limitValue(val),
+        value: this.limitValue(value),
+        onChange: this.onChangeHandler,
+        multiline: true,
+        maxCharQuantity: maxCharQuantity,
+        rows: rows,
+        disabled: disabled,
+        showInfo: false,
+        validationIconVisible: false,
+        disableClear: true,
+        inputRef: this.textInputRef,
+        validationState: overflow && "invalid" || undefined,
+        "aria-invalid": overflow || undefined,
+        isRequired: isRequired
+      }, others)), maxCharQuantity && /*#__PURE__*/React.createElement("div", _extends({
+        className: classes.characterCounter,
+        "aria-live": "polite"
+      }, countCharProps), /*#__PURE__*/React.createElement(HvTypography, {
+        variant: "sText",
+        component: "span",
+        "aria-disabled": disabled,
+        className: clsx(disabled && classes.disabled, overflow && classes.invalid)
+      }, /*#__PURE__*/React.createElement(React.Fragment, null, labels.startCount, /*#__PURE__*/React.createElement("b", null, " ".concat(currentValueLength, " ")), "".concat(labels.middleCount, " ").concat(maxCharQuantity, " ").concat(labels.endCount)))));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps, prevState) {
+      var nextValue = nextProps.value,
+          maxCharQuantity = nextProps.maxCharQuantity,
+          blockMax = nextProps.blockMax;
+      var oldLength = prevState.currentValueLength;
+
+      if (nextValue !== undefined) {
+        var isOverflow = nextValue.length > maxCharQuantity;
+        var nextLength = isOverflow && blockMax ? maxCharQuantity : nextValue.length;
+
+        if (nextLength !== oldLength) {
+          return {
+            currentValueLength: nextLength,
+            overflow: nextLength > maxCharQuantity && isOverflow
+          };
+        }
+      }
+
+      return null;
+    }
+  }]);
+
+  return HvTextArea;
+}(React.Component);
+
+process.env.NODE_ENV !== "production" ? HvTextArea.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   *  Styles applied to the Drawer Paper element.
+   */
+  classes: PropTypes.PropTypes.shape({
+    /**
+     * Style applied on the text area input box.
+     */
+    input: PropTypes.string,
+
+    /**
+     * Style applied when resizable is `true`. Can be used to set max/min width.
+     */
+    resize: PropTypes.string,
+
+    /**
+     * Styles applied to input root which is comprising of everything but the labels and descriptions.
+     */
+    inputRoot: PropTypes.string,
+
+    /**
+     * Styles applied to input root when it is disabled.
+     */
+    inputRootDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to input root when it is focused.
+     */
+    inputRootFocused: PropTypes.string,
+
+    /**
+     * Style applied defining the width when resizable is `false`.
+     */
+    defaultWith: PropTypes.string,
+
+    /**
+     * Style applied on the character counter.
+     */
+    characterCounter: PropTypes.string,
+
+    /**
+     * Style applied to the character counter when it is disabled.
+     */
+    disabled: PropTypes.string,
+
+    /**
+     * Style applied to the character counter when it the `maxCharQuantity` is reach.
+     */
+    invalid: PropTypes.string,
+
+    /**
+     * Style applied to the input container.
+     */
+    container: PropTypes.string,
+
+    /**
+     * Style applied container of the text area component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the max char count label.
+     */
+    infoText: PropTypes.string
+  }).isRequired,
+
+  /**
+   * An Object containing the various text associated with the input.
+   */
+  labels: PropTypes.shape({
+    /**
+     * The label on top of the input.
+     */
+    inputLabel: PropTypes.string,
+
+    /**
+     * The placeholder value of the input.
+     */
+    placeholder: PropTypes.string,
+
+    /**
+     * The default value of the info text below the input.
+     */
+    infoText: PropTypes.string,
+
+    /**
+     * The value when a validation fails.
+     */
+    warningText: PropTypes.string,
+
+    /**
+     * The message that appears when there are too many characters.
+     */
+    maxCharQuantityWarningText: PropTypes.string,
+
+    /**
+     * The message that appears when there are too few characters.
+     */
+    minCharQuantityWarningText: PropTypes.string,
+
+    /**
+     * The message that appears when the input is empty and required.
+     */
+    requiredWarningText: PropTypes.string,
+
+    /**
+     * Text before the current char counter.
+     */
+    startCount: PropTypes.string,
+
+    /**
+     * Text between the current char counter and max value.
+     */
+    middleCount: PropTypes.string,
+
+    /**
+     * Text after the max value.
+     */
+    endCount: PropTypes.string
+  }),
+
+  /**
+   * The maximum allowed length of the characters, if this value is null or undefined no check
+   * will be performed.
+   */
+  maxCharQuantity: PropTypes.number,
+
+  /**
+   * The number of rows of the text area
+   */
+  rows: PropTypes.number,
+
+  /**
+   * The input value to be set. If used it is the responsibility of the caller to maintain the state.
+   */
+  value: PropTypes.string,
+
+  /**
+   * The initial value of the input.
+   */
+  initialValue: PropTypes.string,
+
+  /**
+   * The function that will be executed onChange, allows modification of the input,
+   * it receives the value. If a new value should be presented it must returned it.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * If ´true´ the text area is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * If ´true´ the component is resizable.
+   */
+  resizable: PropTypes.bool,
+
+  /**
+   * Auto-scroll: automatically scroll to the end on value changes.
+   * Will stop if the user scrolls up and resume if scrolled to the bottom.
+   */
+  autoScroll: PropTypes.bool,
+
+  /**
+   * If true it isn't possible to pass the `maxCharQuantity`
+   */
+  blockMax: PropTypes.bool,
+
+  /**
+   * Props passed to the char count.
+   */
+  countCharProps: PropTypes.instanceOf(Object),
+
+  /**
+   * Indicates that user input is required on the form element.
+   */
+  isRequired: PropTypes.bool
+} : void 0;
+HvTextArea.defaultProps = {
+  className: "",
+  id: undefined,
+  rows: 1,
+  disabled: false,
+  value: undefined,
+  initialValue: undefined,
+  maxCharQuantity: undefined,
+  onChange: function onChange(event, value) {
+    return value;
+  },
+  autoScroll: false,
+  resizable: false,
+  blockMax: false,
+  countCharProps: {},
+  isRequired: false
+};
+export default withStyles(styles, {
+  name: "HvTextArea"
+})(withLabels(DEFAULT_LABELS)(HvTextArea));
+//# sourceMappingURL=TextArea.js.map