@hitachivantara/uikit-react-core 2.23.2

package/dist/TextArea/TextArea.js

@@ -0,0 +1,457 @@
+"use strict";
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.reflect.construct.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _Typography = _interopRequireDefault(require("../Typography"));
+
+var _Input = _interopRequireDefault(require("../Input"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _withLabels = _interopRequireDefault(require("../withLabels"));
+
+var _excluded = ["classes", "className", "id", "labels", "maxCharQuantity", "rows", "initialValue", "value", "disabled", "resizable", "autoScroll", "onChange", "blockMax", "countCharProps", "isRequired"];
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+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) {
+  (0, _inherits2.default)(HvTextArea, _React$Component);
+
+  var _super = _createSuper(HvTextArea);
+
+  function HvTextArea(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HvTextArea);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isOverflow", function (value) {
+      var maxCharQuantity = _this.props.maxCharQuantity;
+      return (0, _isNil.default)(maxCharQuantity) ? false : value.length > maxCharQuantity;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isScrolledDown", function () {
+      var el = _this.textInputRef.current;
+      return el == null || el.scrollHeight - el.scrollTop === el.clientHeight;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scrollDown", function () {
+      var el = _this.textInputRef.current;
+
+      if (el != null) {
+        el.scrollTop = el.scrollHeight - el.clientHeight;
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "addScrollListener", function () {
+      var scrollHandler = {
+        handleEvent: function handleEvent() {
+          _this.setState({
+            autoScrolling: _this.isScrolledDown()
+          });
+        }
+      };
+
+      _this.textInputRef.current.addEventListener("scroll", scrollHandler);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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.default.createRef();
+    return _this;
+  }
+
+  (0, _createClass2.default)(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 = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
+      var _this$state = this.state,
+          currentValueLength = _this$state.currentValueLength,
+          overflow = _this$state.overflow;
+      var val = initialValue;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.root
+      }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
+        classes: {
+          root: classes.container,
+          input: (0, _clsx.default)(classes.input, resizable ? !disabled && classes.resize : classes.defaultWith),
+          inputRoot: classes.inputRoot,
+          inputRootDisabled: classes.inputRootDisabled,
+          inputRootFocused: classes.inputRootFocused,
+          infoText: (0, _clsx.default)(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.default.createElement("div", (0, _extends2.default)({
+        className: classes.characterCounter,
+        "aria-live": "polite"
+      }, countCharProps), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+        variant: "sText",
+        component: "span",
+        "aria-disabled": disabled,
+        className: (0, _clsx.default)(disabled && classes.disabled, overflow && classes.invalid)
+      }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, labels.startCount, /*#__PURE__*/_react.default.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.default.Component);
+
+process.env.NODE_ENV !== "production" ? HvTextArea.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   *  Styles applied to the Drawer Paper element.
+   */
+  classes: _propTypes.default.PropTypes.shape({
+    /**
+     * Style applied on the text area input box.
+     */
+    input: _propTypes.default.string,
+
+    /**
+     * Style applied when resizable is `true`. Can be used to set max/min width.
+     */
+    resize: _propTypes.default.string,
+
+    /**
+     * Styles applied to input root which is comprising of everything but the labels and descriptions.
+     */
+    inputRoot: _propTypes.default.string,
+
+    /**
+     * Styles applied to input root when it is disabled.
+     */
+    inputRootDisabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to input root when it is focused.
+     */
+    inputRootFocused: _propTypes.default.string,
+
+    /**
+     * Style applied defining the width when resizable is `false`.
+     */
+    defaultWith: _propTypes.default.string,
+
+    /**
+     * Style applied on the character counter.
+     */
+    characterCounter: _propTypes.default.string,
+
+    /**
+     * Style applied to the character counter when it is disabled.
+     */
+    disabled: _propTypes.default.string,
+
+    /**
+     * Style applied to the character counter when it the `maxCharQuantity` is reach.
+     */
+    invalid: _propTypes.default.string,
+
+    /**
+     * Style applied to the input container.
+     */
+    container: _propTypes.default.string,
+
+    /**
+     * Style applied container of the text area component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the max char count label.
+     */
+    infoText: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * An Object containing the various text associated with the input.
+   */
+  labels: _propTypes.default.shape({
+    /**
+     * The label on top of the input.
+     */
+    inputLabel: _propTypes.default.string,
+
+    /**
+     * The placeholder value of the input.
+     */
+    placeholder: _propTypes.default.string,
+
+    /**
+     * The default value of the info text below the input.
+     */
+    infoText: _propTypes.default.string,
+
+    /**
+     * The value when a validation fails.
+     */
+    warningText: _propTypes.default.string,
+
+    /**
+     * The message that appears when there are too many characters.
+     */
+    maxCharQuantityWarningText: _propTypes.default.string,
+
+    /**
+     * The message that appears when there are too few characters.
+     */
+    minCharQuantityWarningText: _propTypes.default.string,
+
+    /**
+     * The message that appears when the input is empty and required.
+     */
+    requiredWarningText: _propTypes.default.string,
+
+    /**
+     * Text before the current char counter.
+     */
+    startCount: _propTypes.default.string,
+
+    /**
+     * Text between the current char counter and max value.
+     */
+    middleCount: _propTypes.default.string,
+
+    /**
+     * Text after the max value.
+     */
+    endCount: _propTypes.default.string
+  }),
+
+  /**
+   * The maximum allowed length of the characters, if this value is null or undefined no check
+   * will be performed.
+   */
+  maxCharQuantity: _propTypes.default.number,
+
+  /**
+   * The number of rows of the text area
+   */
+  rows: _propTypes.default.number,
+
+  /**
+   * The input value to be set. If used it is the responsibility of the caller to maintain the state.
+   */
+  value: _propTypes.default.string,
+
+  /**
+   * The initial value of the input.
+   */
+  initialValue: _propTypes.default.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.default.func,
+
+  /**
+   * If ´true´ the text area is disabled.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * If ´true´ the component is resizable.
+   */
+  resizable: _propTypes.default.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.default.bool,
+
+  /**
+   * If true it isn't possible to pass the `maxCharQuantity`
+   */
+  blockMax: _propTypes.default.bool,
+
+  /**
+   * Props passed to the char count.
+   */
+  countCharProps: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Indicates that user input is required on the form element.
+   */
+  isRequired: _propTypes.default.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
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvTextArea"
+})((0, _withLabels.default)(DEFAULT_LABELS)(HvTextArea));
+
+exports.default = _default;
+//# sourceMappingURL=TextArea.js.map

package/dist/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","names":["DEFAULT_LABELS","startCount","middleCount","endCount","HvTextArea","props","value","maxCharQuantity","isNil","length","blockMax","undefined","isOverflow","substring","el","textInputRef","current","scrollHeight","scrollTop","clientHeight","scrollHandler","handleEvent","setState","autoScrolling","isScrolledDown","addEventListener","event","onChange","newValue","limitValue","textAreaValue","currentValueLength","overflow","initialValue","autoScroll","state","React","createRef","addScrollListener","scrollDown","classes","className","id","labels","rows","disabled","resizable","countCharProps","isRequired","others","val","root","container","input","clsx","resize","defaultWith","inputRoot","inputRootDisabled","inputRootFocused","infoText","onChangeHandler","characterCounter","invalid","nextProps","prevState","nextValue","oldLength","nextLength","Component","propTypes","PropTypes","string","shape","inputLabel","placeholder","warningText","maxCharQuantityWarningText","minCharQuantityWarningText","requiredWarningText","number","func","bool","instanceOf","Object","defaultProps","withStyles","styles","name","withLabels"],"sources":["../../src/TextArea/TextArea.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../Typography\";\nimport Input from \"../Input\";\nimport styles from \"./styles\";\nimport withLabels from \"../withLabels\";\n\nconst DEFAULT_LABELS = {\n  startCount: \"\",\n  middleCount: \"/\",\n  endCount: \"\",\n};\n\n/**\n * A text area component wrapping the input box, it allows the input of paragraph of text.\n * alongside this it can provide a validation for the max character quantity\n */\nclass HvTextArea extends React.Component {\n  constructor(props) {\n    super(props);\n    const { initialValue, autoScroll } = this.props;\n\n    this.state = {\n      currentValueLength: initialValue !== undefined ? this.limitValue(initialValue).length : 0,\n      autoScrolling: autoScroll,\n      overflow: initialValue ? this.isOverflow(initialValue) : false,\n    };\n    this.textInputRef = React.createRef();\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { value: nextValue, maxCharQuantity, blockMax } = nextProps;\n    const { currentValueLength: oldLength } = prevState;\n\n    if (nextValue !== undefined) {\n      const isOverflow = nextValue.length > maxCharQuantity;\n\n      const nextLength = isOverflow && blockMax ? maxCharQuantity : nextValue.length;\n\n      if (nextLength !== oldLength) {\n        return {\n          currentValueLength: nextLength,\n          overflow: nextLength > maxCharQuantity && isOverflow,\n        };\n      }\n    }\n    return null;\n  }\n\n  componentDidMount() {\n    const { autoScroll } = this.props;\n    if (autoScroll) {\n      this.addScrollListener();\n      this.scrollDown();\n    }\n  }\n\n  componentDidUpdate() {\n    const { autoScrolling } = this.state;\n    if (autoScrolling) {\n      this.scrollDown();\n    }\n  }\n\n  isOverflow = (value) => {\n    const { maxCharQuantity } = this.props;\n    return isNil(maxCharQuantity) ? false : value.length > maxCharQuantity;\n  };\n\n  /**\n   * Limit the string to the maxCharQuantity length.\n   *\n   * @param value - string to evaluate\n   * @returns {string|*} - string according the limit\n   */\n  limitValue = (value) => {\n    const { maxCharQuantity, blockMax } = this.props;\n\n    if (value === undefined || !blockMax) return value;\n\n    return !this.isOverflow(value) ? value : value.substring(0, maxCharQuantity);\n  };\n\n  isScrolledDown = () => {\n    const el = this.textInputRef.current;\n    return el == null || el.scrollHeight - el.scrollTop === el.clientHeight;\n  };\n\n  scrollDown = () => {\n    const el = this.textInputRef.current;\n    if (el != null) {\n      el.scrollTop = el.scrollHeight - el.clientHeight;\n    }\n  };\n\n  addScrollListener = () => {\n    const scrollHandler = {\n      handleEvent: () => {\n        this.setState({ autoScrolling: this.isScrolledDown() });\n      },\n    };\n    this.textInputRef.current.addEventListener(\"scroll\", scrollHandler);\n  };\n\n  /**\n   * Updates the length of the string while is being inputted, also executes the user onChange\n   * allowing the customization of the input if required.\n   *\n   * @param {String} value - The value provided by the HvInput\n   */\n  onChangeHandler = (event, value) => {\n    const { onChange } = this.props;\n\n    const newValue = onChange(event, this.limitValue(value)) ?? value;\n\n    const textAreaValue = this.limitValue(newValue);\n\n    this.setState({\n      currentValueLength: textAreaValue.length,\n      overflow: this.isOverflow(textAreaValue),\n    });\n    return textAreaValue;\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      id,\n      labels,\n      maxCharQuantity,\n      rows,\n      initialValue,\n      value,\n      disabled,\n      resizable,\n      autoScroll,\n      onChange,\n      blockMax,\n      countCharProps,\n      isRequired,\n      ...others\n    } = this.props;\n\n    const { currentValueLength, overflow } = this.state;\n    const val = initialValue;\n\n    return (\n      <div className={classes.root}>\n        <Input\n          classes={{\n            root: classes.container,\n            input: clsx(classes.input, {\n              [classes.resize]: !disabled && resizable,\n              [classes.defaultWith]: !resizable,\n            }),\n            inputRoot: classes.inputRoot,\n            inputRootDisabled: classes.inputRootDisabled,\n            inputRootFocused: classes.inputRootFocused,\n            infoText: clsx({\n              [classes.infoText]: maxCharQuantity != null,\n            }),\n          }}\n          className={className}\n          id={id}\n          labels={labels}\n          initialValue={val && this.limitValue(val)}\n          value={this.limitValue(value)}\n          onChange={this.onChangeHandler}\n          multiline\n          maxCharQuantity={maxCharQuantity}\n          rows={rows}\n          disabled={disabled}\n          showInfo={false}\n          validationIconVisible={false}\n          disableClear\n          inputRef={this.textInputRef}\n          validationState={(overflow && \"invalid\") || undefined}\n          aria-invalid={overflow || undefined}\n          isRequired={isRequired}\n          {...others}\n        />\n        {maxCharQuantity && (\n          <div className={classes.characterCounter} aria-live=\"polite\" {...countCharProps}>\n            <HvTypography\n              variant=\"sText\"\n              component=\"span\"\n              aria-disabled={disabled}\n              className={clsx({\n                [classes.disabled]: disabled,\n                [classes.invalid]: overflow,\n              })}\n            >\n              <>\n                {labels.startCount}\n                <b>{` ${currentValueLength} `}</b>\n                {`${labels.middleCount} ${maxCharQuantity} ${labels.endCount}`}\n              </>\n            </HvTypography>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nHvTextArea.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Style applied on the text area input box.\n     */\n    input: PropTypes.string,\n    /**\n     * Style applied when resizable is `true`. Can be used to set max/min width.\n     */\n    resize: PropTypes.string,\n    /**\n     * Styles applied to input root which is comprising of everything but the labels and descriptions.\n     */\n    inputRoot: PropTypes.string,\n    /**\n     * Styles applied to input root when it is disabled.\n     */\n    inputRootDisabled: PropTypes.string,\n    /**\n     * Styles applied to input root when it is focused.\n     */\n    inputRootFocused: PropTypes.string,\n    /**\n     * Style applied defining the width when resizable is `false`.\n     */\n    defaultWith: PropTypes.string,\n    /**\n     * Style applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * Style applied to the character counter when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied to the character counter when it the `maxCharQuantity` is reach.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Style applied to the input container.\n     */\n    container: PropTypes.string,\n    /**\n     * Style applied container of the text area component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the max char count label.\n     */\n    infoText: PropTypes.string,\n  }).isRequired,\n  /**\n   * An Object containing the various text associated with the input.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The label on top of the input.\n     */\n    inputLabel: PropTypes.string,\n    /**\n     * The placeholder value of the input.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * The default value of the info text below the input.\n     */\n    infoText: PropTypes.string,\n    /**\n     * The value when a validation fails.\n     */\n    warningText: PropTypes.string,\n    /**\n     * The message that appears when there are too many characters.\n     */\n    maxCharQuantityWarningText: PropTypes.string,\n    /**\n     * The message that appears when there are too few characters.\n     */\n    minCharQuantityWarningText: PropTypes.string,\n    /**\n     * The message that appears when the input is empty and required.\n     */\n    requiredWarningText: PropTypes.string,\n    /**\n     * Text before the current char counter.\n     */\n    startCount: PropTypes.string,\n    /**\n     * Text between the current char counter and max value.\n     */\n    middleCount: PropTypes.string,\n    /**\n     * Text after the max value.\n     */\n    endCount: PropTypes.string,\n  }),\n  /**\n   * The maximum allowed length of the characters, if this value is null or undefined no check\n   * will be performed.\n   */\n  maxCharQuantity: PropTypes.number,\n  /**\n   * The number of rows of the text area\n   */\n  rows: PropTypes.number,\n  /**\n   * The input value to be set. If used it is the responsibility of the caller to maintain the state.\n   */\n  value: PropTypes.string,\n  /**\n   * The initial value of the input.\n   */\n  initialValue: PropTypes.string,\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange: PropTypes.func,\n  /**\n   * If ´true´ the text area is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If ´true´ the component is resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Auto-scroll: automatically scroll to the end on value changes.\n   * Will stop if the user scrolls up and resume if scrolled to the bottom.\n   */\n  autoScroll: PropTypes.bool,\n  /**\n   * If true it isn't possible to pass the `maxCharQuantity`\n   */\n  blockMax: PropTypes.bool,\n  /**\n   * Props passed to the char count.\n   */\n  countCharProps: PropTypes.instanceOf(Object),\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  isRequired: PropTypes.bool,\n};\n\nHvTextArea.defaultProps = {\n  className: \"\",\n  id: undefined,\n  rows: 1,\n  disabled: false,\n  value: undefined,\n  initialValue: undefined,\n  maxCharQuantity: undefined,\n  onChange: (event, value) => value,\n  autoScroll: false,\n  resizable: false,\n  blockMax: false,\n  countCharProps: {},\n  isRequired: false,\n};\n\nexport default withStyles(styles, { name: \"HvTextArea\" })(withLabels(DEFAULT_LABELS)(HvTextArea));\n"],"mappings":"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"}

package/dist/TextArea/index.d.ts

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

package/dist/TextArea/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _TextArea.default;
+  }
+});
+
+var _TextArea = _interopRequireDefault(require("./TextArea"));
+//# sourceMappingURL=index.js.map

package/dist/TextArea/index.js.map

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

package/dist/TextArea/styles.js

@@ -0,0 +1,90 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _styles = require("../Focus/styles");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "inline-block"
+    },
+    input: {
+      height: "auto",
+      padding: "5px 10px",
+      overflow: "auto",
+      marginLeft: "0px",
+      marginRight: "0px",
+      minHeight: "21px",
+      minWidth: "150px",
+      maxWidth: "610px"
+    },
+    resize: {
+      resize: "auto",
+      width: "100%"
+    },
+    defaultWith: {
+      width: "610px"
+    },
+    inputRoot: {
+      borderWidth: "1px",
+      "&:hover": {
+        borderWidth: "1px"
+      }
+    },
+    inputRootDisabled: {
+      background: theme.hv.palette.atmosphere.atmo2,
+      "&:hover": {
+        background: theme.hv.palette.atmosphere.atmo2
+      }
+    },
+    inputRootFocused: _objectSpread(_objectSpread({
+      borderWidth: "1px"
+    }, _styles.outlineStyles), {}, {
+      "&:hover": {
+        borderWidth: "1px"
+      }
+    }),
+    container: {},
+    characterCounter: {
+      textAlign: "right",
+      paddingTop: 8
+    },
+    disabled: _objectSpread({}, theme.hv.typography.infoText),
+    invalid: {
+      color: theme.hv.palette.semantic.sema4
+    },
+    infoText: {
+      float: "left"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/TextArea/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","input","height","padding","overflow","marginLeft","marginRight","minHeight","minWidth","maxWidth","resize","width","defaultWith","inputRoot","borderWidth","inputRootDisabled","background","hv","palette","atmosphere","atmo2","inputRootFocused","outlineStyles","container","characterCounter","textAlign","paddingTop","disabled","typography","infoText","invalid","color","semantic","sema4","float"],"sources":["../../src/TextArea/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n  },\n  input: {\n    height: \"auto\",\n    padding: \"5px 10px\",\n    overflow: \"auto\",\n    marginLeft: \"0px\",\n    marginRight: \"0px\",\n    minHeight: \"21px\",\n    minWidth: \"150px\",\n    maxWidth: \"610px\",\n  },\n  resize: {\n    resize: \"auto\",\n    width: \"100%\",\n  },\n  defaultWith: {\n    width: \"610px\",\n  },\n  inputRoot: {\n    borderWidth: \"1px\",\n    \"&:hover\": {\n      borderWidth: \"1px\",\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo2,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo2,\n    },\n  },\n  inputRootFocused: {\n    borderWidth: \"1px\",\n    ...outlineStyles,\n    \"&:hover\": {\n      borderWidth: \"1px\",\n    },\n  },\n  container: {},\n  characterCounter: {\n    textAlign: \"right\",\n    paddingTop: 8,\n  },\n  disabled: {\n    ...theme.hv.typography.infoText,\n  },\n  invalid: {\n    color: theme.hv.palette.semantic.sema4,\n  },\n  infoText: {\n    float: \"left\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IADL,CADmB;IAIzBC,KAAK,EAAE;MACLC,MAAM,EAAE,MADH;MAELC,OAAO,EAAE,UAFJ;MAGLC,QAAQ,EAAE,MAHL;MAILC,UAAU,EAAE,KAJP;MAKLC,WAAW,EAAE,KALR;MAMLC,SAAS,EAAE,MANN;MAOLC,QAAQ,EAAE,OAPL;MAQLC,QAAQ,EAAE;IARL,CAJkB;IAczBC,MAAM,EAAE;MACNA,MAAM,EAAE,MADF;MAENC,KAAK,EAAE;IAFD,CAdiB;IAkBzBC,WAAW,EAAE;MACXD,KAAK,EAAE;IADI,CAlBY;IAqBzBE,SAAS,EAAE;MACTC,WAAW,EAAE,KADJ;MAET,WAAW;QACTA,WAAW,EAAE;MADJ;IAFF,CArBc;IA2BzBC,iBAAiB,EAAE;MACjBC,UAAU,EAAElB,KAAK,CAACmB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADvB;MAEjB,WAAW;QACTJ,UAAU,EAAElB,KAAK,CAACmB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;MAD/B;IAFM,CA3BM;IAiCzBC,gBAAgB;MACdP,WAAW,EAAE;IADC,GAEXQ,qBAFW;MAGd,WAAW;QACTR,WAAW,EAAE;MADJ;IAHG,EAjCS;IAwCzBS,SAAS,EAAE,EAxCc;IAyCzBC,gBAAgB,EAAE;MAChBC,SAAS,EAAE,OADK;MAEhBC,UAAU,EAAE;IAFI,CAzCO;IA6CzBC,QAAQ,oBACH7B,KAAK,CAACmB,EAAN,CAASW,UAAT,CAAoBC,QADjB,CA7CiB;IAgDzBC,OAAO,EAAE;MACPC,KAAK,EAAEjC,KAAK,CAACmB,EAAN,CAASC,OAAT,CAAiBc,QAAjB,CAA0BC;IAD1B,CAhDgB;IAmDzBJ,QAAQ,EAAE;MACRK,KAAK,EAAE;IADC;EAnDe,CAAZ;AAAA,CAAf;;eAwDerC,M"}

package/dist/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvToggleButtonLabelsProp = {
+  /**
+   * Description for selected.
+   */
+  selectedTitle?: string;
+  /**
+   * Description for not selected.
+   */
+  notSelectedTitle?: string;
+};
+
+export interface HvToggleButtonProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvToggleButtonClassKey> {
+  /**
+   * Defines if it is a animated SVG.
+   */
+  animated?: boolean;
+  /**
+   * Denotes if component is active or not.
+   */
+  disabled?: boolean;
+  /**
+   * Defines if the button is selected.
+   */
+  selected?: boolean;
+  /**
+   * Labels.
+   */
+  labels?: HvToggleButtonLabelsProp;
+  /**
+   * Icon for when selected.
+   */
+  selectedIcon?: React.ComponentType<any>;
+  /**
+   * Icon for when not selected.
+   */
+  notSelectedIcon: React.ComponentType<any>;
+}
+
+export type HvToggleButtonClassKey = "root" | "icon" | "disabled";
+
+export default function HvToggleButton(props: HvToggleButtonProps): JSX.Element | null;