text: /*
   * Copyright 2016 Palantir Technologies, Inc. All rights reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *     http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
  import { __assign, __decorate, __extends } from "tslib";
  import classNames from "classnames";
  import * as React from "react";
  import { polyfill } from "react-lifecycles-compat";
  import { AbstractPureComponent2, Classes } from "../../common";
  import * as Errors from "../../common/errors";
  import { DISPLAYNAME_PREFIX, removeNonHTMLProps, } from "../../common/props";
  import { Icon } from "../icon/icon";
  import { AsyncControllableInput } from "./asyncControllableInput";
  var InputGroup = /** @class */ (function (_super) {
      __extends(InputGroup, _super);
      function InputGroup() {
          var _this = _super !== null && _super.apply(this, arguments) || this;
          _this.state = {};
          _this.refHandlers = {
              leftElement: function (ref) { return (_this.leftElement = ref); },
              rightElement: function (ref) { return (_this.rightElement = ref); },
          };
          return _this;
      }
      InputGroup.prototype.render = function () {
          var _a;
          var _b = this.props, className = _b.className, disabled = _b.disabled, fill = _b.fill, inputRef = _b.inputRef, intent = _b.intent, large = _b.large, small = _b.small, round = _b.round;
          var classes = classNames(Classes.INPUT_GROUP, Classes.intentClass(intent), (_a = {},
              _a[Classes.DISABLED] = disabled,
              _a[Classes.FILL] = fill,
              _a[Classes.LARGE] = large,
              _a[Classes.SMALL] = small,
              _a[Classes.ROUND] = round,
              _a), className);
          var style = __assign(__assign({}, this.props.style), { paddingLeft: this.state.leftElementWidth, paddingRight: this.state.rightElementWidth });
          return (React.createElement("div", { className: classes },
              this.maybeRenderLeftElement(),
              React.createElement(AsyncControllableInput, __assign({ type: "text" }, removeNonHTMLProps(this.props), { className: Classes.INPUT, inputRef: inputRef, style: style })),
              this.maybeRenderRightElement()));
      };
      InputGroup.prototype.componentDidMount = function () {
          this.updateInputWidth();
      };
      InputGroup.prototype.componentDidUpdate = function (prevProps) {
          var _a = this.props, leftElement = _a.leftElement, rightElement = _a.rightElement;
          if (prevProps.leftElement !== leftElement || prevProps.rightElement !== rightElement) {
              this.updateInputWidth();
          }
      };
      InputGroup.prototype.validateProps = function (props) {
          if (props.leftElement != null && props.leftIcon != null) {
              console.warn(Errors.INPUT_WARN_LEFT_ELEMENT_LEFT_ICON_MUTEX);
          }
      };
      InputGroup.prototype.maybeRenderLeftElement = function () {
          var _a = this.props, leftElement = _a.leftElement, leftIcon = _a.leftIcon;
          if (leftElement != null) {
              return (React.createElement("span", { className: Classes.INPUT_LEFT_CONTAINER, ref: this.refHandlers.leftElement }, leftElement));
          }
          else if (leftIcon != null) {
              return React.createElement(Icon, { icon: leftIcon });
          }
          return undefined;
      };
      InputGroup.prototype.maybeRenderRightElement = function () {
          var rightElement = this.props.rightElement;
          if (rightElement == null) {
              return undefined;
          }
          return (React.createElement("span", { className: Classes.INPUT_ACTION, ref: this.refHandlers.rightElement }, rightElement));
      };
      InputGroup.prototype.updateInputWidth = function () {
          var _a = this.state, leftElementWidth = _a.leftElementWidth, rightElementWidth = _a.rightElementWidth;
          if (this.leftElement != null) {
              var clientWidth = this.leftElement.clientWidth;
              // small threshold to prevent infinite loops
              if (leftElementWidth === undefined || Math.abs(clientWidth - leftElementWidth) > 2) {
                  this.setState({ leftElementWidth: clientWidth });
              }
          }
          else {
              this.setState({ leftElementWidth: undefined });
          }
          if (this.rightElement != null) {
              var clientWidth = this.rightElement.clientWidth;
              // small threshold to prevent infinite loops
              if (rightElementWidth === undefined || Math.abs(clientWidth - rightElementWidth) > 2) {
                  this.setState({ rightElementWidth: clientWidth });
              }
          }
          else {
              this.setState({ rightElementWidth: undefined });
          }
      };
      InputGroup.displayName = DISPLAYNAME_PREFIX + ".InputGroup";
      InputGroup = __decorate([
          polyfill
      ], InputGroup);
      return InputGroup;
  }(AbstractPureComponent2));
  export { InputGroup };
  //# sourceMappingURL=inputGroup.js.map