@elliemae/ds-form 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/Input/InputImpl.js

@@ -1,95 +1,126 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var lodash = require('lodash');
+var dsClassnames = require('@elliemae/ds-classnames');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
+var DSTooltip = require('@elliemae/ds-tooltip');
+var InputAddonWrapper = require('./InputAddonWrapper.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
+
+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__default["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; }
+const blockName = 'input';
+const Input = dsClassnames.aggregatedClasses('input')(blockName, null, _ref2 => {
+  let {
+    clearable,
+    value
+  } = _ref2;
+  return {
+    clearable,
+    value
   };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var InputImpl_exports = {};
-__export(InputImpl_exports, {
-  InputImpl: () => InputImpl,
-  default: () => InputImpl_default
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_lodash = __toESM(require("lodash"));
-var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
-var import_InputAddonWrapper = __toESM(require("./InputAddonWrapper"));
-const blockName = "input";
-const Input = (0, import_ds_classnames.aggregatedClasses)("input")(blockName, null, ({ clearable, value }) => ({
-  clearable,
-  value
-}));
-const WrapperForTooltipInput = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "tooltip-ref");
-const InputCustomWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ clearable, value }) => ({
-  clearable,
-  value
-}));
-const ClearableButton = (0, import_ds_classnames.aggregatedClasses)(import_ds_button.DSButton)(blockName, "clearable");
-const getValidComponents = (component) => component;
+const WrapperForTooltipInput = dsClassnames.aggregatedClasses('div')(blockName, 'tooltip-ref');
+const InputCustomWrapper = dsClassnames.aggregatedClasses('div')(blockName, null, _ref3 => {
+  let {
+    clearable,
+    value
+  } = _ref3;
+  return {
+    clearable,
+    value
+  };
+});
+const ClearableButton = dsClassnames.aggregatedClasses(DSButton__default["default"])(blockName, 'clearable');
+
+const getValidComponents = component => component;
+
 const noop = () => null;
-class InputImpl extends import_react.Component {
+
+class InputImpl extends React.Component {
   constructor(props) {
     super(props);
-    this.handleOnChange = (e) => {
-      const { onChange, max } = this.props;
-      const { value } = e.target;
-      if (max && value > max)
-        return;
-      if (onChange)
-        onChange(e);
+    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);
+
       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({
@@ -97,6 +128,7 @@ class InputImpl extends import_react.Component {
         });
       }
     };
+
     this.handleMouseLeave = () => {
       if (this.state.showTooltip) {
         this.setState({
@@ -104,56 +136,76 @@ class InputImpl extends import_react.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 = import_react.default.createRef();
-    this.refTooltip = import_react.default.createRef();
+    this.ref = /*#__PURE__*/React__default["default"].createRef();
+    this.refTooltip = /*#__PURE__*/React__default["default"].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__ */ import_react.default.createElement(ClearableButton, {
+    const {
+      clearable,
+      value,
+      disabled
+    } = this.props;
+    if (disabled) return null;
+    return clearable && value ? /*#__PURE__*/_jsx__default["default"](ClearableButton, {
       buttonType: "text",
       "data-testid": "ds-input_clearable-btn",
-      disabled,
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseCircle, null),
+      disabled: disabled,
+      icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseCircle, {})),
       onClick: this.handleClear
     }) : null;
   }
+
   render() {
-    const {
+    const _this$props = this.props,
+          {
       role,
       id,
       isShowElipsisActive,
@@ -188,30 +240,37 @@ class InputImpl extends import_react.Component {
       style,
       containerProps,
       tabIndex,
-      hasError,
-      ...rest
-    } = this.props;
-    const { width, active, showTooltip, isEllipsisOn } = this.state;
+      hasError
+    } = _this$props,
+          rest = _objectWithoutProperties__default["default"](_this$props, _excluded);
+
+    const {
+      width,
+      active,
+      showTooltip,
+      isEllipsisOn
+    } = this.state;
     const rightComponents = [this.renderClearableComponent(), rightComponent].filter(getValidComponents);
     const leftComponents = [leftComponent].filter(getValidComponents);
-    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"],
+
+    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'],
       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,
@@ -237,97 +296,123 @@ class InputImpl extends import_react.Component {
       min,
       max,
       style,
-      tabIndex,
-      ...containerProps
-    };
-    let InputComponent = /* @__PURE__ */ import_react.default.createElement(WrapperForTooltipInput, {
+      tabIndex
+    }, containerProps);
+
+    let InputComponent = /*#__PURE__*/jsxRuntime.jsx(WrapperForTooltipInput, {
       ref: this.refTooltip,
-      style: { width: "100%" }
-    }, !customInputType ? /* @__PURE__ */ import_react.default.createElement(Input, {
-      ...(0, import_lodash.omit)(inputProps, ["disableTooltip"]),
-      autoComplete: "off",
-      clearable: `${clearable}`,
-      onChange: this.handleOnChange,
-      onBlur: this.handleBlur,
-      onFocus: this.handleFocus,
-      onMouseOver: this.handleMouseEnter,
-      onMouseOut: this.handleMouseLeave,
-      value
-    }) : /* @__PURE__ */ import_react.default.createElement(InputCustomWrapper, {
-      className,
-      ...containerProps,
-      clearable,
-      value
-    }, customInputType({
-      ...inputProps
-    })));
+      style: {
+        width: '100%'
+      },
+      children: !customInputType ? /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread(_objectSpread({}, lodash.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__*/jsxRuntime.jsx(InputCustomWrapper, _objectSpread(_objectSpread({
+        className: className
+      }, containerProps), {}, {
+        clearable: clearable,
+        value: value,
+        children: customInputType(_objectSpread({}, inputProps))
+      }))
+    });
+
     if (isShowElipsisActive) {
-      InputComponent = /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltip, {
+      InputComponent = /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
         isOpen: !disableTooltip && isEllipsisOn && !active && showTooltip && width,
         title: String(value),
         zIndex: 11,
-        triggerComponent: /* @__PURE__ */ import_react.default.createElement(WrapperForTooltipInput, {
-          style: { width: "100%" }
-        }, InputComponent)
+        triggerComponent: /*#__PURE__*/_jsx__default["default"](WrapperForTooltipInput, {
+          style: {
+            width: '100%'
+          }
+        }, void 0, InputComponent)
       });
     }
-    const renderInput = rightComponents.length || leftComponents.length || clearable ? /* @__PURE__ */ import_react.default.createElement(import_InputAddonWrapper.InputAddonWrapper, {
-      className,
-      leftComponents,
-      rightComponents,
-      hasError,
-      ...containerProps
-    }, InputComponent) : InputComponent;
+
+    const renderInput = rightComponents.length || leftComponents.length || clearable ? /*#__PURE__*/jsxRuntime.jsx(InputAddonWrapper, _objectSpread(_objectSpread({
+      className: className,
+      leftComponents: leftComponents,
+      rightComponents: rightComponents,
+      hasError: hasError
+    }, containerProps), {}, {
+      children: InputComponent
+    })) : InputComponent;
     return renderInput;
   }
+
 }
+
 InputImpl.defaultProps = {
   onBlur: noop,
   onFocus: noop
 };
-const propTypes = {
-  className: import_prop_types.default.string,
-  customInputType: import_prop_types.default.func,
-  id: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
-  isShowElipsisActive: import_prop_types.default.bool,
-  max: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
-  min: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
-  name: import_prop_types.default.string,
-  onBlur: import_prop_types.default.func,
-  onChange: import_prop_types.default.func,
-  onClick: import_prop_types.default.func,
-  onFocus: import_prop_types.default.func,
-  onKeyDown: import_prop_types.default.func,
-  onKeyUp: import_prop_types.default.func,
-  onMouseLeave: import_prop_types.default.func,
-  onMouseOut: import_prop_types.default.func,
-  onPaste: import_prop_types.default.func,
-  onClear: import_prop_types.default.func,
-  placeholder: import_prop_types.default.string,
-  required: import_prop_types.default.bool,
-  role: import_prop_types.default.string,
-  innerRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.shape({ current: import_prop_types.default.any })]),
-  maxLength: import_prop_types.default.number,
-  minLength: import_prop_types.default.number,
-  leftComponent: import_prop_types.default.element,
-  rightComponent: import_prop_types.default.element,
-  hasError: import_prop_types.default.bool,
-  disableTooltip: import_prop_types.default.bool,
-  readOnly: import_prop_types.default.bool,
-  disabled: import_prop_types.default.bool,
-  autoFocus: import_prop_types.default.bool,
-  type: import_prop_types.default.string,
-  clearable: import_prop_types.default.bool,
-  containerProps: import_prop_types.default.object,
-  style: import_prop_types.default.object,
-  tabIndex: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
+({
+  className: PropTypes__default["default"].string,
+  customInputType: PropTypes__default["default"].func,
+  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  isShowElipsisActive: PropTypes__default["default"].bool,
+  max: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  min: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  name: PropTypes__default["default"].string,
+  onBlur: PropTypes__default["default"].func,
+  onChange: PropTypes__default["default"].func,
+  onClick: PropTypes__default["default"].func,
+  onFocus: PropTypes__default["default"].func,
+  onKeyDown: PropTypes__default["default"].func,
+  onKeyUp: PropTypes__default["default"].func,
+  onMouseLeave: PropTypes__default["default"].func,
+  onMouseOut: PropTypes__default["default"].func,
+  onPaste: PropTypes__default["default"].func,
+  onClear: PropTypes__default["default"].func,
+  placeholder: PropTypes__default["default"].string,
+  required: PropTypes__default["default"].bool,
+  role: PropTypes__default["default"].string,
+  innerRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
+    current: PropTypes__default["default"].any
+  })]),
+  maxLength: PropTypes__default["default"].number,
+  minLength: PropTypes__default["default"].number,
+  leftComponent: PropTypes__default["default"].element,
+  rightComponent: PropTypes__default["default"].element,
+  hasError: PropTypes__default["default"].bool,
+  disableTooltip: PropTypes__default["default"].bool,
+  readOnly: PropTypes__default["default"].bool,
+  disabled: PropTypes__default["default"].bool,
+  autoFocus: PropTypes__default["default"].bool,
+  type: PropTypes__default["default"].string,
+  clearable: PropTypes__default["default"].bool,
+  containerProps: PropTypes__default["default"].object,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: PropTypes__default["default"].object,
+  tabIndex: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].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) {
-    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\`.`);
+    // 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`.');
     }
   }
-};
-InputImpl.propTypes = propTypes;
-var InputImpl_default = InputImpl;
-module.exports = __toCommonJS(InputImpl_exports);
-//# sourceMappingURL=InputImpl.js.map
+
+});
+
+module.exports = InputImpl;

package/cjs/Input/index.js

@@ -1,28 +1,11 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Input_exports = {};
-var React = __toESM(require("react"));
-__reExport(Input_exports, __toESM(require("./DSInput")));
-module.exports = __toCommonJS(Input_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSInput = require('./DSInput.js');
+var InputAddonWrapper = require('./InputAddonWrapper.js');
+
+
+
+exports["default"] = DSInput["default"];
+exports.InputAddonWrapper = InputAddonWrapper;