@elliemae/ds-form 2.2.0 → 2.3.0-alpha.3

package/esm/Input/InputImpl.js

@@ -1,114 +1,63 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { omit } from 'lodash';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { CloseCircle } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import DSTooltip from '@elliemae/ds-tooltip';
-import InputAddonWrapper from './InputAddonWrapper.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["role", "id", "isShowElipsisActive", "autoFocus", "className", "name", "innerRef", "maxLength", "minLength", "placeholder", "leftComponent", "rightComponent", "disableTooltip", "readOnly", "disabled", "value", "onClick", "onChange", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "onPaste", "required", "type", "customInputType", "min", "max", "clearable", "onMouseLeave", "onMouseOut", "style", "containerProps", "tabIndex", "hasError"];
-
-var _CloseCircle;
-
-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) { _defineProperty(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; }
-const blockName = 'input';
-const Input = aggregatedClasses('input')(blockName, null, _ref2 => {
-  let {
-    clearable,
-    value
-  } = _ref2;
-  return {
-    clearable,
-    value
-  };
-});
-const WrapperForTooltipInput = aggregatedClasses('div')(blockName, 'tooltip-ref');
-const InputCustomWrapper = aggregatedClasses('div')(blockName, null, _ref3 => {
-  let {
-    clearable,
-    value
-  } = _ref3;
-  return {
-    clearable,
-    value
-  };
-});
-const ClearableButton = aggregatedClasses(DSButton)(blockName, 'clearable');
-
-const getValidComponents = component => component;
-
+import * as React from "react";
+import React2, { Component } from "react";
+import PropTypes from "prop-types";
+import { omit } from "lodash";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { CloseCircle } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+import { DSTooltip } from "@elliemae/ds-tooltip";
+import { InputAddonWrapper } from "./InputAddonWrapper";
+const blockName = "input";
+const Input = aggregatedClasses("input")(blockName, null, ({ clearable, value }) => ({
+  clearable,
+  value
+}));
+const WrapperForTooltipInput = aggregatedClasses("div")(blockName, "tooltip-ref");
+const InputCustomWrapper = aggregatedClasses("div")(blockName, null, ({ clearable, value }) => ({
+  clearable,
+  value
+}));
+const ClearableButton = aggregatedClasses(DSButton)(blockName, "clearable");
+const getValidComponents = (component) => component;
 const noop = () => null;
-
 class InputImpl extends Component {
   constructor(props) {
     super(props);
-    this.ref = void 0;
-    this.refTooltip = void 0;
-
-    this.handleOnChange = e => {
-      const {
-        onChange,
-        max
-      } = this.props;
-      const {
-        value
-      } = e.target;
-      if (max && value > max) return;
-      if (onChange) onChange(e);
-
+    this.handleOnChange = (e) => {
+      const { onChange, max } = this.props;
+      const { value } = e.target;
+      if (max && value > max)
+        return;
+      if (onChange)
+        onChange(e);
       if (this.ref.current) {
         this.setState({
           isEllipsisOn: this.ref.current.offsetWidth < this.ref.current.scrollWidth
         });
       }
     };
-
-    this.handleBlur = e => {
-      const {
-        onBlur,
-        onChange,
-        min
-      } = this.props;
-      const {
-        value
-      } = e.target;
-
-      if (min && value < min && value !== '') {
+    this.handleBlur = (e) => {
+      const { onBlur, onChange, min } = this.props;
+      const { value } = e.target;
+      if (min && value < min && value !== "") {
         onChange({
           target: {
             value: min.toString()
           }
         });
       }
-
       onBlur(e);
       this.setState({
         active: false
       });
     };
-
-    this.handleFocus = e => {
-      const {
-        onFocus
-      } = this.props;
+    this.handleFocus = (e) => {
+      const { onFocus } = this.props;
       onFocus(e);
       this.setState({
         active: true
       });
     };
-
     this.handleMouseEnter = () => {
       if (!this.state.showTooltip) {
         this.setState({
@@ -116,7 +65,6 @@ class InputImpl extends Component {
         });
       }
     };
-
     this.handleMouseLeave = () => {
       if (this.state.showTooltip) {
         this.setState({
@@ -124,76 +72,56 @@ class InputImpl extends Component {
         });
       }
     };
-
     this.setWidth = () => {
       const client = this.refTooltip.current.getBoundingClientRect();
       this.setState({
         width: client.width
       });
     };
-
     this.state = {
       width: -1,
       isEllipsisOn: false,
       active: false,
       showTooltip: false
     };
-    this.ref = /*#__PURE__*/React.createRef();
-    this.refTooltip = /*#__PURE__*/React.createRef();
+    this.ref = React2.createRef();
+    this.refTooltip = React2.createRef();
     this.handleClear = this.handleClear.bind(this);
   }
-
   componentDidMount() {
     this.setWidth();
-    window.addEventListener('resize', this.setWidth);
+    window.addEventListener("resize", this.setWidth);
     this.setState({
       isEllipsisOn: this.ref.current ? this.ref.current.offsetWidth < this.ref.current.scrollWidth : false
     });
   }
-
   componentWillUnmount() {
-    window.removeEventListener('resize', this.setWidth);
+    window.removeEventListener("resize", this.setWidth);
   }
-
   handleClear() {
-    const {
-      onClear,
-      onChange,
-      clearable
-    } = this.props;
-
+    const { onClear, onChange, clearable } = this.props;
     if (clearable && onClear) {
       onClear();
     } else {
-      onChange({
-        target: {
-          value: ''
-        }
-      });
+      onChange({ target: { value: "" } });
     }
-
-    if ((this.ref || {}).current) this.ref.current.focus();
+    if ((this.ref || {}).current)
+      this.ref.current.focus();
   }
-
   renderClearableComponent() {
-    const {
-      clearable,
-      value,
-      disabled
-    } = this.props;
-    if (disabled) return null;
-    return clearable && value ? /*#__PURE__*/_jsx(ClearableButton, {
+    const { clearable, value, disabled } = this.props;
+    if (disabled)
+      return null;
+    return clearable && value ? /* @__PURE__ */ React2.createElement(ClearableButton, {
       buttonType: "text",
       "data-testid": "ds-input_clearable-btn",
-      disabled: disabled,
-      icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx(CloseCircle, {})),
+      disabled,
+      icon: /* @__PURE__ */ React2.createElement(CloseCircle, null),
       onClick: this.handleClear
     }) : null;
   }
-
   render() {
-    const _this$props = this.props,
-          {
+    const {
       role,
       id,
       isShowElipsisActive,
@@ -228,37 +156,30 @@ class InputImpl extends Component {
       style,
       containerProps,
       tabIndex,
-      hasError
-    } = _this$props,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
-    const {
-      width,
-      active,
-      showTooltip,
-      isEllipsisOn
-    } = this.state;
+      hasError,
+      ...rest
+    } = this.props;
+    const { width, active, showTooltip, isEllipsisOn } = this.state;
     const rightComponents = [this.renderClearableComponent(), rightComponent].filter(getValidComponents);
     const leftComponents = [leftComponent].filter(getValidComponents);
-
-    const inputProps = _objectSpread({
-      'aria-label': rest['aria-label'],
-      'aria-invalid': rest['aria-invalid'],
-      'aria-placeholder': placeholder,
-      'aria-required': required,
-      'aria-multiline': false,
-      'aria-autocomplete': 'none',
-      'data-testid': rest['data-testid'],
-      'aria-describedby': rest['aria-describedby'],
+    const inputProps = {
+      "aria-label": rest["aria-label"],
+      "aria-invalid": rest["aria-invalid"],
+      "aria-placeholder": placeholder,
+      "aria-required": required,
+      "aria-multiline": false,
+      "aria-autocomplete": "none",
+      "data-testid": rest["data-testid"],
+      "aria-describedby": rest["aria-describedby"],
       role,
       id,
-      innerRef: _ref => {
-        this.ref = {
-          current: _ref
-        };
-
+      innerRef: (_ref) => {
+        this.ref = { current: _ref };
         if (innerRef) {
-          if (typeof innerRef === 'function') innerRef(_ref);else innerRef.current = _ref;
+          if (typeof innerRef === "function")
+            innerRef(_ref);
+          else
+            innerRef.current = _ref;
         }
       },
       className,
@@ -284,67 +205,55 @@ class InputImpl extends Component {
       min,
       max,
       style,
-      tabIndex
-    }, containerProps);
-
-    let InputComponent = /*#__PURE__*/jsx(WrapperForTooltipInput, {
+      tabIndex,
+      ...containerProps
+    };
+    let InputComponent = /* @__PURE__ */ React2.createElement(WrapperForTooltipInput, {
       ref: this.refTooltip,
-      style: {
-        width: '100%'
-      },
-      children: !customInputType ? /*#__PURE__*/jsx(Input, _objectSpread(_objectSpread({}, omit(inputProps, ['disableTooltip'])), {}, {
-        autoComplete: "off",
-        clearable: "".concat(clearable),
-        onChange: this.handleOnChange,
-        onBlur: this.handleBlur,
-        onFocus: this.handleFocus // using mouseOver instead of mouseEnter (doesn't trigger on disabled inputs)
-        // https://github.com/facebook/react/issues/4251
-        ,
-        onMouseOver: this.handleMouseEnter // using mouseOut instead of mouseLeave (doesn't trigger on disabled inputs)
-        // https://github.com/facebook/react/issues/4251
-        ,
-        onMouseOut: this.handleMouseLeave,
-        value: value
-      })) : /*#__PURE__*/jsx(InputCustomWrapper, _objectSpread(_objectSpread({
-        className: className
-      }, containerProps), {}, {
-        clearable: clearable,
-        value: value,
-        children: customInputType(_objectSpread({}, inputProps))
-      }))
-    });
-
+      style: { width: "100%" }
+    }, !customInputType ? /* @__PURE__ */ React2.createElement(Input, {
+      ...omit(inputProps, ["disableTooltip"]),
+      autoComplete: "off",
+      clearable: `${clearable}`,
+      onChange: this.handleOnChange,
+      onBlur: this.handleBlur,
+      onFocus: this.handleFocus,
+      onMouseOver: this.handleMouseEnter,
+      onMouseOut: this.handleMouseLeave,
+      value
+    }) : /* @__PURE__ */ React2.createElement(InputCustomWrapper, {
+      className,
+      ...containerProps,
+      clearable,
+      value
+    }, customInputType({
+      ...inputProps
+    })));
     if (isShowElipsisActive) {
-      InputComponent = /*#__PURE__*/_jsx(DSTooltip, {
+      InputComponent = /* @__PURE__ */ React2.createElement(DSTooltip, {
         isOpen: !disableTooltip && isEllipsisOn && !active && showTooltip && width,
         title: String(value),
         zIndex: 11,
-        triggerComponent: /*#__PURE__*/_jsx(WrapperForTooltipInput, {
-          style: {
-            width: '100%'
-          }
-        }, void 0, InputComponent)
+        triggerComponent: /* @__PURE__ */ React2.createElement(WrapperForTooltipInput, {
+          style: { width: "100%" }
+        }, InputComponent)
       });
     }
-
-    const renderInput = rightComponents.length || leftComponents.length || clearable ? /*#__PURE__*/jsx(InputAddonWrapper, _objectSpread(_objectSpread({
-      className: className,
-      leftComponents: leftComponents,
-      rightComponents: rightComponents,
-      hasError: hasError
-    }, containerProps), {}, {
-      children: InputComponent
-    })) : InputComponent;
+    const renderInput = rightComponents.length || leftComponents.length || clearable ? /* @__PURE__ */ React2.createElement(InputAddonWrapper, {
+      className,
+      leftComponents,
+      rightComponents,
+      hasError,
+      ...containerProps
+    }, InputComponent) : InputComponent;
     return renderInput;
   }
-
 }
-
 InputImpl.defaultProps = {
   onBlur: noop,
   onFocus: noop
 };
-({
+const propTypes = {
   className: PropTypes.string,
   customInputType: PropTypes.func,
   id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
@@ -365,9 +274,7 @@ InputImpl.defaultProps = {
   placeholder: PropTypes.string,
   required: PropTypes.bool,
   role: PropTypes.string,
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any
-  })]),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
   maxLength: PropTypes.number,
   minLength: PropTypes.number,
   leftComponent: PropTypes.element,
@@ -380,27 +287,18 @@ InputImpl.defaultProps = {
   type: PropTypes.string,
   clearable: PropTypes.bool,
   containerProps: PropTypes.object,
-  // eslint-disable-next-line react/forbid-prop-types
   style: PropTypes.object,
   tabIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
-  // eslint-disable-next-line jsdoc/require-returns
-
-  /**
-   * Should be of type string if using ellipsis tooltip [isShowElipsisActive] prop
-   *
-   * @param props
-   * @param propName
-   * @param componentName
-   */
-  // eslint-disable-next-line consistent-return
   value(props, propName, componentName) {
-    // eslint-disable-line consistent-return
-    if (!!props.isShowElipsisActive && typeof props[propName] !== 'string') {
-      return new Error("Invalid prop `".concat(propName, "` of type `").concat(typeof props[propName], "` supplied to") + " `".concat(componentName, "`. Prop `value` should be of type `string` if prop `isShowElipsisActive` is set to `true`.") + ' Either set `isShowElipsisActive` to `false`, or properly format your `value` prop to `string`.');
+    if (!!props.isShowElipsisActive && typeof props[propName] !== "string") {
+      return new Error(`Invalid prop \`${propName}\` of type \`${typeof props[propName]}\` supplied to \`${componentName}\`. Prop \`value\` should be of type \`string\` if prop \`isShowElipsisActive\` is set to \`true\`. Either set \`isShowElipsisActive\` to \`false\`, or properly format your \`value\` prop to \`string\`.`);
     }
   }
-
-});
-
-export { InputImpl as default };
+};
+InputImpl.propTypes = propTypes;
+var InputImpl_default = InputImpl;
+export {
+  InputImpl,
+  InputImpl_default as default
+};
+//# sourceMappingURL=InputImpl.js.map

package/esm/Input/InputImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Input/InputImpl.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { CloseCircle } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSTooltip } from '@elliemae/ds-tooltip';\nimport { InputAddonWrapper } from './InputAddonWrapper';\n\nconst blockName = 'input';\nconst Input = aggregatedClasses('input')(blockName, null, ({ clearable, value }) => ({\n  clearable,\n  value,\n}));\nconst WrapperForTooltipInput = aggregatedClasses('div')(blockName, 'tooltip-ref');\nconst InputCustomWrapper = aggregatedClasses('div')(blockName, null, ({ clearable, value }) => ({\n  clearable,\n  value,\n}));\nconst ClearableButton = aggregatedClasses(DSButton)(blockName, 'clearable');\n\nconst getValidComponents = (component) => component;\n\nconst noop = () => null;\ninterface InputImplStateT {\n  width: number;\n  active: boolean;\n  showTooltip: boolean;\n  isEllipsisOn: boolean;\n}\nclass InputImpl extends Component<InputImplPropsT, InputImplStateT> {\n  ref: React.RefObject<HTMLElement>;\n\n  refTooltip: React.RefObject<HTMLElement>;\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      width: -1,\n      isEllipsisOn: false,\n      active: false,\n      showTooltip: false,\n    };\n    this.ref = React.createRef();\n    this.refTooltip = React.createRef();\n    this.handleClear = this.handleClear.bind(this);\n  }\n\n  componentDidMount() {\n    this.setWidth();\n    window.addEventListener('resize', this.setWidth);\n    this.setState({\n      isEllipsisOn: this.ref.current ? this.ref.current.offsetWidth < this.ref.current.scrollWidth : false,\n    });\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.setWidth);\n  }\n\n  handleOnChange = (e) => {\n    const { onChange, max } = this.props;\n    const { value } = e.target;\n    if (max && value > max) return;\n    if (onChange) onChange(e);\n    if (this.ref.current) {\n      this.setState({\n        isEllipsisOn: this.ref.current.offsetWidth < this.ref.current.scrollWidth,\n      });\n    }\n  };\n\n  handleBlur = (e) => {\n    const { onBlur, onChange, min } = this.props;\n    const { value } = e.target;\n    if (min && value < min && value !== '') {\n      onChange({\n        target: {\n          value: min.toString(),\n        },\n      });\n    }\n    onBlur(e);\n    this.setState({\n      active: false,\n    });\n  };\n\n  handleFocus = (e) => {\n    const { onFocus } = this.props;\n    onFocus(e);\n    this.setState({\n      active: true,\n    });\n  };\n\n  handleMouseEnter = () => {\n    if (!this.state.showTooltip) {\n      this.setState({\n        showTooltip: true,\n      });\n    }\n  };\n\n  handleMouseLeave = () => {\n    if (this.state.showTooltip) {\n      this.setState({\n        showTooltip: false,\n      });\n    }\n  };\n\n  setWidth = () => {\n    const client = this.refTooltip.current.getBoundingClientRect();\n    this.setState({\n      width: client.width,\n    });\n  };\n\n  handleClear() {\n    const { onClear, onChange, clearable } = this.props;\n    if (clearable && onClear) {\n      onClear();\n    } else {\n      onChange({ target: { value: '' } });\n    }\n\n    if ((this.ref || {}).current) this.ref.current.focus();\n  }\n\n  renderClearableComponent() {\n    const { clearable, value, disabled } = this.props;\n    if (disabled) return null;\n    return clearable && value ? (\n      <ClearableButton\n        buttonType=\"text\"\n        data-testid=\"ds-input_clearable-btn\"\n        disabled={disabled}\n        icon={<CloseCircle />}\n        onClick={this.handleClear}\n      />\n    ) : null;\n  }\n\n  render() {\n    const {\n      role,\n      id,\n      isShowElipsisActive,\n      autoFocus,\n      className,\n      name,\n      innerRef,\n      maxLength,\n      minLength,\n      placeholder,\n      leftComponent,\n      rightComponent,\n      disableTooltip,\n      readOnly,\n      disabled,\n      value,\n      onClick,\n      onChange,\n      onKeyDown,\n      onKeyUp,\n      onFocus,\n      onBlur,\n      onPaste,\n      required,\n      type,\n      customInputType,\n      min,\n      max,\n      clearable,\n      onMouseLeave,\n      onMouseOut,\n      style,\n      containerProps,\n      tabIndex,\n      hasError,\n      ...rest\n    } = this.props;\n    const { width, active, showTooltip, isEllipsisOn } = this.state;\n    const rightComponents = [this.renderClearableComponent(), rightComponent].filter(getValidComponents);\n    const leftComponents = [leftComponent].filter(getValidComponents);\n\n    const inputProps = {\n      'aria-label': rest['aria-label'],\n      'aria-invalid': rest['aria-invalid'],\n      'aria-placeholder': placeholder,\n      'aria-required': required,\n      'aria-multiline': false,\n      'aria-autocomplete': 'none',\n      'data-testid': rest['data-testid'],\n      'aria-describedby': rest['aria-describedby'],\n      role,\n      id,\n      innerRef: (_ref) => {\n        this.ref = { current: _ref };\n        if (innerRef) {\n          if (typeof innerRef === 'function') innerRef(_ref);\n          else innerRef.current = _ref;\n        }\n      },\n      className,\n      autoFocus,\n      disabled: disabled || readOnly,\n      maxLength,\n      minLength,\n      name,\n      onBlur,\n      onChange,\n      onClick,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n      onPaste,\n      onMouseLeave,\n      disableTooltip,\n      onMouseOut,\n      placeholder,\n      required,\n      type,\n      value,\n      min,\n      max,\n      style,\n      tabIndex,\n      ...containerProps,\n    };\n\n    let InputComponent = (\n      <WrapperForTooltipInput ref={this.refTooltip} style={{ width: '100%' }}>\n        {!customInputType ? (\n          <Input\n            {...omit(inputProps, ['disableTooltip'])}\n            autoComplete=\"off\"\n            clearable={`${clearable}`}\n            onChange={this.handleOnChange}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            // using mouseOver instead of mouseEnter (doesn't trigger on disabled inputs)\n            // https://github.com/facebook/react/issues/4251\n            onMouseOver={this.handleMouseEnter}\n            // using mouseOut instead of mouseLeave (doesn't trigger on disabled inputs)\n            // https://github.com/facebook/react/issues/4251\n            onMouseOut={this.handleMouseLeave}\n            value={value}\n          />\n        ) : (\n          <InputCustomWrapper className={className} {...containerProps} clearable={clearable} value={value}>\n            {customInputType({\n              ...inputProps,\n            })}\n          </InputCustomWrapper>\n        )}\n      </WrapperForTooltipInput>\n    );\n    if (isShowElipsisActive) {\n      InputComponent = (\n        <DSTooltip\n          isOpen={!disableTooltip && isEllipsisOn && !active && showTooltip && width}\n          title={String(value)}\n          zIndex={11}\n          triggerComponent={<WrapperForTooltipInput style={{ width: '100%' }}>{InputComponent}</WrapperForTooltipInput>}\n        />\n      );\n    }\n\n    const renderInput =\n      rightComponents.length || leftComponents.length || clearable ? (\n        <InputAddonWrapper\n          className={className}\n          leftComponents={leftComponents}\n          rightComponents={rightComponents}\n          hasError={hasError}\n          {...containerProps}\n        >\n          {InputComponent}\n        </InputAddonWrapper>\n      ) : (\n        InputComponent\n      );\n\n    return renderInput;\n  }\n}\n\nInputImpl.defaultProps = {\n  onBlur: noop,\n  onFocus: noop,\n};\nconst propTypes = {\n  className: PropTypes.string,\n  customInputType: PropTypes.func,\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  isShowElipsisActive: PropTypes.bool,\n  max: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  min: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  name: PropTypes.string,\n  onBlur: PropTypes.func,\n  onChange: PropTypes.func,\n  onClick: PropTypes.func,\n  onFocus: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  onMouseOut: PropTypes.func,\n  onPaste: PropTypes.func,\n  onClear: PropTypes.func,\n  placeholder: PropTypes.string,\n  required: PropTypes.bool,\n  role: PropTypes.string,\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  maxLength: PropTypes.number,\n  minLength: PropTypes.number,\n  leftComponent: PropTypes.element,\n  rightComponent: PropTypes.element,\n  hasError: PropTypes.bool,\n  disableTooltip: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  disabled: PropTypes.bool,\n  autoFocus: PropTypes.bool,\n  type: PropTypes.string,\n  clearable: PropTypes.bool,\n  containerProps: PropTypes.object,\n  // eslint-disable-next-line react/forbid-prop-types\n  style: PropTypes.object,\n  tabIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  // eslint-disable-next-line jsdoc/require-returns\n  /**\n   * Should be of type string if using ellipsis tooltip [isShowElipsisActive] prop\n   *\n   * @param props\n   * @param propName\n   * @param componentName\n   */\n  // eslint-disable-next-line consistent-return\n  value(props, propName, componentName) {\n    // eslint-disable-line consistent-return\n    if (!!props.isShowElipsisActive && typeof props[propName] !== 'string') {\n      return new Error(\n        `Invalid prop \\`${propName}\\` of type \\`${typeof props[propName]}\\` supplied to` +\n          ` \\`${componentName}\\`. Prop \\`value\\` should be of type \\`string\\` if prop \\`isShowElipsisActive\\` is set to \\`true\\`.` +\n          ' Either set `isShowElipsisActive` to `false`, or properly format your `value` prop to `string`.',\n      );\n    }\n  },\n};\n\ntype InputImplPropsT = PropTypes.InferProps<typeof propTypes>;\nInputImpl.propTypes = propTypes;\n\nexport { InputImpl };\nexport default InputImpl;\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/Input/index.js

@@ -1,2 +1,3 @@
-export { default } from './DSInput.js';
-export { default as InputAddonWrapper } from './InputAddonWrapper.js';
+import * as React from "react";
+export * from "./DSInput";
+//# sourceMappingURL=index.js.map

package/esm/Input/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Input/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSInput';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/esm/InputGroup/AddonWrapper.js

@@ -1,27 +1,14 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { Component } from 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { jsxs } from 'react/jsx-runtime';
-
-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) { _defineProperty(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; }
-const blockName = 'input-addon-group';
-const Container = aggregatedClasses('div')(blockName);
-const InputAddon = aggregatedClasses('span')(blockName, 'addon');
+import * as React from "react";
+import React2, { Component } from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const blockName = "input-addon-group";
+const Container = aggregatedClasses("div")(blockName);
+const InputAddon = aggregatedClasses("span")(blockName, "addon");
 class AddonWrapper extends Component {
   constructor() {
     super(...arguments);
     this.state = {};
   }
-
   render() {
     const {
       leftAddon,
@@ -30,15 +17,17 @@ class AddonWrapper extends Component {
       className,
       containerProps
     } = this.props;
-    const childType = inputComponent && inputComponent.type && inputComponent.type.name ? inputComponent.type.name.toLowerCase() : 'default';
-    return /*#__PURE__*/jsxs(Container, _objectSpread(_objectSpread({
-      className: "".concat(className, " ").concat(blockName, "--").concat(childType)
-    }, containerProps), {}, {
-      children: [leftAddon && /*#__PURE__*/_jsx(InputAddon, {}, void 0, leftAddon), inputComponent, rightAddon && /*#__PURE__*/_jsx(InputAddon, {}, void 0, rightAddon)]
-    }));
+    const childType = inputComponent && inputComponent.type && inputComponent.type.name ? inputComponent.type.name.toLowerCase() : "default";
+    return /* @__PURE__ */ React2.createElement(Container, {
+      className: `${className} ${blockName}--${childType}`,
+      ...containerProps
+    }, leftAddon && /* @__PURE__ */ React2.createElement(InputAddon, null, leftAddon), inputComponent, rightAddon && /* @__PURE__ */ React2.createElement(InputAddon, null, rightAddon));
   }
-
 }
 AddonWrapper.defaultProps = {};
-
-export { AddonWrapper as default };
+var AddonWrapper_default = AddonWrapper;
+export {
+  AddonWrapper,
+  AddonWrapper_default as default
+};
+//# sourceMappingURL=AddonWrapper.js.map

package/esm/InputGroup/AddonWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputGroup/AddonWrapper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'input-addon-group';\n\nconst Container = aggregatedClasses('div')(blockName);\nconst InputAddon = aggregatedClasses('span')(blockName, 'addon');\n\nclass AddonWrapper extends Component {\n  static defaultProps = {};\n\n  state = {};\n\n  render() {\n    const {\n      leftAddon,\n      rightAddon,\n      children: inputComponent,\n      className,\n      containerProps,\n    } = this.props;\n    const childType =\n      inputComponent && inputComponent.type && inputComponent.type.name\n        ? inputComponent.type.name.toLowerCase()\n        : 'default';\n    return (\n      <Container\n        className={`${className} ${blockName}--${childType}`}\n        {...containerProps}\n      >\n        {leftAddon && <InputAddon>{leftAddon}</InputAddon>}\n        {inputComponent}\n        {rightAddon && <InputAddon>{rightAddon}</InputAddon>}\n      </Container>\n    );\n  }\n}\n\nexport { AddonWrapper };\nexport default AddonWrapper;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,OAAO;AAC3C,MAAM,aAAa,kBAAkB,QAAQ,WAAW;AAExD,2BAA2B,UAAU;AAAA,EAArC,cARA;AAQA;AAGE,iBAAQ;AAAA;AAAA,EAER,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,YACJ,kBAAkB,eAAe,QAAQ,eAAe,KAAK,OACzD,eAAe,KAAK,KAAK,gBACzB;AACN,WACE,qCAAC,WAAD;AAAA,MACE,WAAW,GAAG,aAAa,cAAc;AAAA,SACrC;AAAA,OAEH,aAAa,qCAAC,YAAD,MAAa,YAC1B,gBACA,cAAc,qCAAC,YAAD,MAAa;AAAA;AAAA;AAvB3B,AADT,aACS,eAAe;AA8BxB,IAAO,uBAAQ;",
+  "names": []
+}

package/esm/InputGroup/DSInputGroup.js

@@ -1,34 +1,33 @@
-import 'react';
-import { describe } from 'react-desc';
-import AddonWrapper from './AddonWrapper.js';
-import { props } from './props.js';
-import { defaultProps } from './defaultProps.js';
-import { jsx } from 'react/jsx-runtime';
-
-const DSInputGroup = _ref => {
-  let {
-    containerProps,
-    innerRef,
-    className,
-    style,
-    leftAddon,
-    rightAddon,
-    children: InputComponents // as InputComponents,
-
-  } = _ref;
-  return /*#__PURE__*/jsx(AddonWrapper, {
-    ref: innerRef,
-    className: className,
-    containerProps: containerProps,
-    leftAddon: leftAddon,
-    rightAddon: rightAddon,
-    style: style,
-    children: InputComponents
-  });
-};
-
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { AddonWrapper } from "./AddonWrapper";
+import { props } from "./props";
+import { defaultProps } from "./defaultProps";
+const DSInputGroup = ({
+  containerProps,
+  innerRef,
+  className,
+  style,
+  leftAddon,
+  rightAddon,
+  children: InputComponents
+}) => /* @__PURE__ */ React2.createElement(AddonWrapper, {
+  ref: innerRef,
+  className,
+  containerProps,
+  leftAddon,
+  rightAddon,
+  style
+}, InputComponents);
+DSInputGroup.propTypes = props;
 DSInputGroup.defaultProps = defaultProps;
 const DSInputGroupWithSchema = describe(DSInputGroup);
 DSInputGroupWithSchema.propTypes = props;
-
-export { DSInputGroupWithSchema, DSInputGroup as default };
+var DSInputGroup_default = DSInputGroup;
+export {
+  DSInputGroup,
+  DSInputGroupWithSchema,
+  DSInputGroup_default as default
+};
+//# sourceMappingURL=DSInputGroup.js.map