@elliemae/ds-form 2.2.0-next.6 → 2.3.0-alpha.1

package/esm/SearchBox/withSearchable.js

@@ -1,21 +1,8 @@
-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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { Component } from 'react';
-import { debounce } from '@elliemae/ds-utilities';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["containerProps"];
-
-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 withSearchable = WrappedComponent => {
+import * as React from "react";
+import React2, { Component } from "react";
+import PropTypes from "prop-types";
+import { debounce } from "@elliemae/ds-utilities";
+const withSearchable = (WrappedComponent) => {
   class Searchable extends Component {
     constructor(props) {
       super(props);
@@ -26,118 +13,84 @@ const withSearchable = WrappedComponent => {
       this.handleSearch = this.handleSearch.bind(this);
       this.handleKeyUp = this.handleKeyUp.bind(this);
       this.handleChange = this.handleChange.bind(this);
-      this.buttonRef = /*#__PURE__*/React.createRef();
-      this.handleChange = this.handleChange.bind(this);
-      this.handleKeyUp = this.handleKeyUp.bind(this);
-      this.handleSearch = this.handleSearch.bind(this);
+      this.buttonRef = React2.createRef();
     }
-
-    static getDerivedStateFromProps(nextProps, _ref) {
-      let {
-        prevPropValue
-      } = _ref;
-
+    static getDerivedStateFromProps(nextProps, { prevPropValue }) {
       if (nextProps.value !== prevPropValue) {
         return {
           value: nextProps.value,
           prevPropValue: nextProps.value
         };
       }
-
       return null;
     }
-
     handleKeyUp(e) {
-      const {
-        onKeyUp,
-        searchOnEnter
-      } = this.props;
-      const {
-        key
-      } = e;
-
-      if (searchOnEnter && key === 'Enter') {
+      const { onKeyUp, searchOnEnter } = this.props;
+      const { key } = e;
+      if (searchOnEnter && key === "Enter") {
         this.handleSearch();
       }
-
       onKeyUp(e);
     }
-
     handleSearch() {
-      const {
-        onSearch,
-        property,
-        clearOnSearch,
-        searchOnEnter
-      } = this.props;
-      const {
-        value
-      } = this.state;
-      if (clearOnSearch) this.setState({
-        value: ''
-      });
-      if (searchOnEnter && !value) return;
+      const { onSearch, property, clearOnSearch, searchOnEnter } = this.props;
+      const { value } = this.state;
+      if (clearOnSearch)
+        this.setState({ value: "" });
+      if (searchOnEnter && !value)
+        return;
       onSearch({
-        query: {
-          [property]: value
-        },
+        query: { [property]: value },
         property,
         value
       });
     }
-
-    handleChange(_ref2) {
-      let {
-        target
-      } = _ref2;
-      const {
-        value
-      } = target;
-      const {
-        searchOnEnter,
-        onChange
-      } = this.props;
+    handleChange({ target }) {
+      const { value } = target;
+      const { searchOnEnter, onChange } = this.props;
       onChange(value);
-      this.setState({
-        value
-      }, () => {
-        if (!searchOnEnter) this.debouncedSearch();
+      this.setState({ value }, () => {
+        if (!searchOnEnter)
+          this.debouncedSearch();
       });
     }
-
     render() {
-      const {
-        value
-      } = this.state;
-
-      const _this$props = this.props,
-            {
-        containerProps
-      } = _this$props,
-            rest = _objectWithoutProperties(_this$props, _excluded);
-
-      return /*#__PURE__*/jsx(WrappedComponent, _objectSpread(_objectSpread({}, rest), {}, {
+      const { value } = this.state;
+      const { containerProps, ...rest } = this.props;
+      return /* @__PURE__ */ React2.createElement(WrappedComponent, {
+        ...rest,
         buttonRef: this.buttonRef,
-        containerProps: containerProps,
+        containerProps,
         onChange: this.handleChange,
         onKeyUp: this.handleKeyUp,
         onSearch: this.handleSearch,
-        value: value
-      }));
+        value
+      });
     }
-
   }
-
   Searchable.defaultProps = {
     onChange: () => null,
     onSearch: () => null,
     onKeyUp: () => null,
-    property: 'all',
+    property: "all",
     searchOnEnter: true,
     clearOnSearch: false,
     containerProps: {}
   };
+  Searchable.propTypes = {
+    containerProps: PropTypes.shape({}),
+    onChange: PropTypes.func,
+    onSearch: PropTypes.func,
+    onKeyUp: PropTypes.func,
+    property: PropTypes.string,
+    searchOnEnter: PropTypes.bool,
+    clearOnSearch: PropTypes.bool,
+    value: PropTypes.string
+  };
   return Searchable;
 };
-
-export { withSearchable as default };
+var withSearchable_default = withSearchable;
+export {
+  withSearchable_default as default
+};
+//# sourceMappingURL=withSearchable.js.map

package/esm/SearchBox/withSearchable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SearchBox/withSearchable.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce } from '@elliemae/ds-utilities';\n\nconst withSearchable = (WrappedComponent) => {\n  class Searchable extends Component {\n    debouncedSearch = debounce(this.handleSearch, 200);\n\n    constructor(props) {\n      super(props);\n      this.state = {\n        value: props.value,\n      };\n      this.handleSearch = this.handleSearch.bind(this);\n      this.handleKeyUp = this.handleKeyUp.bind(this);\n      this.handleChange = this.handleChange.bind(this);\n      this.buttonRef = React.createRef();\n    }\n\n    static getDerivedStateFromProps(nextProps, { prevPropValue }) {\n      if (nextProps.value !== prevPropValue) {\n        return {\n          value: nextProps.value,\n          prevPropValue: nextProps.value,\n        };\n      }\n      return null;\n    }\n\n    handleKeyUp(e) {\n      const { onKeyUp, searchOnEnter } = this.props;\n      const { key } = e;\n      if (searchOnEnter && key === 'Enter') {\n        this.handleSearch();\n      }\n      onKeyUp(e);\n    }\n\n    handleSearch() {\n      const { onSearch, property, clearOnSearch, searchOnEnter } = this.props;\n      const { value } = this.state;\n\n      if (clearOnSearch) this.setState({ value: '' });\n      if (searchOnEnter && !value) return;\n      onSearch({\n        query: { [property]: value },\n        property,\n        value,\n      });\n    }\n\n    handleChange({ target }) {\n      const { value } = target;\n      const { searchOnEnter, onChange } = this.props;\n      onChange(value);\n      this.setState({ value }, () => {\n        if (!searchOnEnter) this.debouncedSearch();\n      });\n    }\n\n    render() {\n      const { value } = this.state;\n      const { containerProps, ...rest } = this.props;\n\n      return (\n        <WrappedComponent\n          {...rest}\n          buttonRef={this.buttonRef}\n          containerProps={containerProps}\n          onChange={this.handleChange}\n          onKeyUp={this.handleKeyUp}\n          onSearch={this.handleSearch}\n          value={value}\n        />\n      );\n    }\n  }\n\n  Searchable.defaultProps = {\n    onChange: () => null,\n    onSearch: () => null,\n    onKeyUp: () => null,\n    property: 'all',\n    searchOnEnter: true,\n    clearOnSearch: false,\n    containerProps: {},\n  };\n\n  Searchable.propTypes = {\n    containerProps: PropTypes.shape({}),\n    onChange: PropTypes.func,\n    onSearch: PropTypes.func,\n    onKeyUp: PropTypes.func,\n    property: PropTypes.string,\n    searchOnEnter: PropTypes.bool,\n    clearOnSearch: PropTypes.bool,\n    value: PropTypes.string,\n  };\n\n  return Searchable;\n};\n\nexport default withSearchable;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC,qBAAqB;AAC3C,2BAAyB,UAAU;AAAA,IAGjC,YAAY,OAAO;AACjB,YAAM;AAHR,6BAAkB,SAAS,KAAK,cAAc;AAI5C,WAAK,QAAQ;AAAA,QACX,OAAO,MAAM;AAAA;AAEf,WAAK,eAAe,KAAK,aAAa,KAAK;AAC3C,WAAK,cAAc,KAAK,YAAY,KAAK;AACzC,WAAK,eAAe,KAAK,aAAa,KAAK;AAC3C,WAAK,YAAY,OAAM;AAAA;AAAA,WAGlB,yBAAyB,WAAW,EAAE,iBAAiB;AAC5D,UAAI,UAAU,UAAU,eAAe;AACrC,eAAO;AAAA,UACL,OAAO,UAAU;AAAA,UACjB,eAAe,UAAU;AAAA;AAAA;AAG7B,aAAO;AAAA;AAAA,IAGT,YAAY,GAAG;AACb,YAAM,EAAE,SAAS,kBAAkB,KAAK;AACxC,YAAM,EAAE,QAAQ;AAChB,UAAI,iBAAiB,QAAQ,SAAS;AACpC,aAAK;AAAA;AAEP,cAAQ;AAAA;AAAA,IAGV,eAAe;AACb,YAAM,EAAE,UAAU,UAAU,eAAe,kBAAkB,KAAK;AAClE,YAAM,EAAE,UAAU,KAAK;AAEvB,UAAI;AAAe,aAAK,SAAS,EAAE,OAAO;AAC1C,UAAI,iBAAiB,CAAC;AAAO;AAC7B,eAAS;AAAA,QACP,OAAO,GAAG,WAAW;AAAA,QACrB;AAAA,QACA;AAAA;AAAA;AAAA,IAIJ,aAAa,EAAE,UAAU;AACvB,YAAM,EAAE,UAAU;AAClB,YAAM,EAAE,eAAe,aAAa,KAAK;AACzC,eAAS;AACT,WAAK,SAAS,EAAE,SAAS,MAAM;AAC7B,YAAI,CAAC;AAAe,eAAK;AAAA;AAAA;AAAA,IAI7B,SAAS;AACP,YAAM,EAAE,UAAU,KAAK;AACvB,YAAM,EAAE,mBAAmB,SAAS,KAAK;AAEzC,aACE,qCAAC,kBAAD;AAAA,WACM;AAAA,QACJ,WAAW,KAAK;AAAA,QAChB;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,QACd,UAAU,KAAK;AAAA,QACf;AAAA;AAAA;AAAA;AAMR,aAAW,eAAe;AAAA,IACxB,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,SAAS,MAAM;AAAA,IACf,UAAU;AAAA,IACV,eAAe;AAAA,IACf,eAAe;AAAA,IACf,gBAAgB;AAAA;AAGlB,aAAW,YAAY;AAAA,IACrB,gBAAgB,UAAU,MAAM;AAAA,IAChC,UAAU,UAAU;AAAA,IACpB,UAAU,UAAU;AAAA,IACpB,SAAS,UAAU;AAAA,IACnB,UAAU,UAAU;AAAA,IACpB,eAAe,UAAU;AAAA,IACzB,eAAe,UAAU;AAAA,IACzB,OAAO,UAAU;AAAA;AAGnB,SAAO;AAAA;AAGT,IAAO,yBAAQ;",
+  "names": []
+}

package/esm/TextBox/DSTextBox.js

@@ -1,170 +1,86 @@
-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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import DSInput from '../Input/DSInput.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["containerProps", "autoFocus", "disabled", "maxLength", "minLength", "fluidWidth", "placeholder", "value", "hasError", "readOnly", "innerRef", "type", "min", "max", "clearable", "leftComponent", "rightComponent", "required", "variant", "disableTooltip", "id"];
-
-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 DSTextBox = _ref => {
-  let {
-    containerProps = {},
-    autoFocus = false,
-    disabled = false,
-    maxLength = 255,
-    minLength = 0,
-    fluidWidth = false,
-    placeholder,
-    value = '',
-    hasError = false,
-    readOnly = false,
-    innerRef = null,
-    type = 'text',
-    min = undefined,
-    max = undefined,
-    clearable = false,
-    leftComponent = null,
-    rightComponent = null,
-    required = false,
-    variant,
-    disableTooltip,
-    id
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(DSInput, _objectSpread(_objectSpread({}, otherProps), {}, {
-    "aria-label": !id ? otherProps['aria-label'] || 'Text Box' : undefined,
-    "aria-describedby": otherProps['aria-describedby'] || "".concat(id, "_feedback_message"),
-    autoFocus: autoFocus,
-    clearable: clearable,
-    containerProps: containerProps,
-    disabled: disabled,
-    fluidWidth: fluidWidth,
-    hasError: hasError,
-    innerRef: innerRef,
-    leftComponent: leftComponent,
-    max: max,
-    maxLength: maxLength,
-    min: min,
-    minLength: minLength,
-    placeholder: placeholder,
-    readOnly: readOnly,
-    required: required,
-    rightComponent: rightComponent,
-    role: "textbox",
-    type: type,
-    value: value,
-    variant: variant,
-    disableTooltip: disableTooltip,
-    id: id
-  }));
-};
-
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import { DSInput } from "../Input";
+const DSTextBox = ({
+  containerProps = {},
+  autoFocus = false,
+  disabled = false,
+  maxLength = 255,
+  minLength = 0,
+  fluidWidth = false,
+  placeholder,
+  value = "",
+  hasError = false,
+  readOnly = false,
+  innerRef = null,
+  type = "text",
+  min = void 0,
+  max = void 0,
+  clearable = false,
+  leftComponent = null,
+  rightComponent = null,
+  required = false,
+  variant,
+  disableTooltip,
+  id,
+  ...otherProps
+}) => /* @__PURE__ */ React2.createElement(DSInput, {
+  ...otherProps,
+  "aria-label": !id ? otherProps["aria-label"] || "Text Box" : void 0,
+  "aria-describedby": otherProps["aria-describedby"] || `${id}_feedback_message`,
+  autoFocus,
+  clearable,
+  containerProps,
+  disabled,
+  fluidWidth,
+  hasError,
+  innerRef,
+  leftComponent,
+  max,
+  maxLength,
+  min,
+  minLength,
+  placeholder,
+  readOnly,
+  required,
+  rightComponent,
+  role: "textbox",
+  type,
+  value,
+  variant,
+  disableTooltip,
+  id
+});
 const props = {
-  /** inject props at textbox wrapper */
-  containerProps: PropTypes.shape({}).description('inject props at textbox wrapper'),
-
-  /**
-   * Whether the text box uses auto focus or not
-   */
-  autoFocus: PropTypes.bool.description('Whether the text box uses auto focus or not'),
-
-  /**
-   * Whether the text box is disabled or not
-   */
-  disabled: PropTypes.bool.description('Whether the text box is disabled or not'),
-
-  /**
-   * Max length for the text box
-   */
-  maxLength: PropTypes.number.description('Max length for the text box'),
-
-  /**
-   * Min length for the text box
-   */
-  minLength: PropTypes.number.description('Min length for the text box'),
-
-  /**
-   * Make the content of the text box fit the container or not
-   */
-  fluidWidth: PropTypes.bool.description('Make the content of the text box fit the container or not'),
-
-  /**
-   * Placeholder for the text box
-   */
-  placeholder: PropTypes.string.description('Placeholder for the text box'),
-
-  /**
-   * Default value once the component is initialized
-   */
-  value: PropTypes.string.description('Default value once the component is initialized'),
-
-  /**
-   * Whether the text box has error or not
-   */
-  hasError: PropTypes.bool.description('Whether the text box has error or not'),
-
-  /**
-   * Whether the text box is read only or not
-   */
-  readOnly: PropTypes.bool.description('Whether the text box is read only or not'),
-
-  /** html min prop for input */
-  min: PropTypes.number.description('html min prop for input'),
-
-  /** html max prop for input */
-  max: PropTypes.number.description('html max prop for input'),
-
-  /**
-   * Whether the text box is clearable or not
-   */
-  clearable: PropTypes.bool.description('Whether the text box is clearable or not'),
-
-  /**
-   * Component to be added at the left side of the text box
-   */
-  leftComponent: PropTypes.element.description('Component to be added at the left side of the text box'),
-
-  /**
-   * Component to be added at the right side of the text box
-   */
-  rightComponent: PropTypes.element.description('Component to be added at the right side of the text box'),
-
-  /**
-   * Whether the text box is required or not
-   */
-  required: PropTypes.bool.description('Whether the text box is required or not'),
-
-  /**
-   * [
-   *  'variant-default',
-   *  'variant-focus',
-   *  'variant-active',
-   *  'variant-disabled',
-   * ]
-   */
+  containerProps: PropTypes.shape({}).description("inject props at textbox wrapper"),
+  autoFocus: PropTypes.bool.description("Whether the text box uses auto focus or not"),
+  disabled: PropTypes.bool.description("Whether the text box is disabled or not"),
+  maxLength: PropTypes.number.description("Max length for the text box"),
+  minLength: PropTypes.number.description("Min length for the text box"),
+  fluidWidth: PropTypes.bool.description("Make the content of the text box fit the container or not"),
+  placeholder: PropTypes.string.description("Placeholder for the text box"),
+  value: PropTypes.string.description("Default value once the component is initialized"),
+  hasError: PropTypes.bool.description("Whether the text box has error or not"),
+  readOnly: PropTypes.bool.description("Whether the text box is read only or not"),
+  min: PropTypes.number.description("html min prop for input"),
+  max: PropTypes.number.description("html max prop for input"),
+  clearable: PropTypes.bool.description("Whether the text box is clearable or not"),
+  leftComponent: PropTypes.element.description("Component to be added at the left side of the text box"),
+  rightComponent: PropTypes.element.description("Component to be added at the right side of the text box"),
+  required: PropTypes.bool.description("Whether the text box is required or not"),
   variant: PropTypes.string.description("variant-default','variant-focus','variant-active','variant-disabled'"),
-
-  /** html input type */
-  type: PropTypes.string.description('html input type'),
-
-  /** Internal ref */
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('internal ref'),
-
-  /** disableTooltip */
-  disableTooltip: PropTypes.bool.description('Whether to show a tooltip or not when text does not fit').defaultValue(true)
+  type: PropTypes.string.description("html input type"),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description("internal ref"),
+  disableTooltip: PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true)
 };
+DSTextBox.propTypes = props;
 const DSTextBoxWithSchema = describe(DSTextBox);
 DSTextBoxWithSchema.propTypes = props;
-
-export { DSTextBoxWithSchema, DSTextBox as default };
+var DSTextBox_default = DSTextBox;
+export {
+  DSTextBox,
+  DSTextBoxWithSchema,
+  DSTextBox_default as default
+};
+//# sourceMappingURL=DSTextBox.js.map

package/esm/TextBox/DSTextBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/TextBox/DSTextBox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSInput } from '../Input';\n\nconst DSTextBox = ({\n  containerProps = {},\n  autoFocus = false,\n  disabled = false,\n  maxLength = 255,\n  minLength = 0,\n  fluidWidth = false,\n  placeholder,\n  value = '',\n  hasError = false,\n  readOnly = false,\n  innerRef = null,\n  type = 'text',\n  min = undefined,\n  max = undefined,\n  clearable = false,\n  leftComponent = null,\n  rightComponent = null,\n  required = false,\n  variant,\n  disableTooltip,\n  id,\n  ...otherProps\n}) => (\n  <DSInput\n    {...otherProps}\n    aria-label={!id ? otherProps['aria-label'] || 'Text Box' : undefined}\n    aria-describedby={otherProps['aria-describedby'] || `${id}_feedback_message`}\n    autoFocus={autoFocus}\n    clearable={clearable}\n    containerProps={containerProps}\n    disabled={disabled}\n    fluidWidth={fluidWidth}\n    hasError={hasError}\n    innerRef={innerRef}\n    leftComponent={leftComponent}\n    max={max}\n    maxLength={maxLength}\n    min={min}\n    minLength={minLength}\n    placeholder={placeholder}\n    readOnly={readOnly}\n    required={required}\n    rightComponent={rightComponent}\n    role=\"textbox\"\n    type={type}\n    value={value}\n    variant={variant}\n    disableTooltip={disableTooltip}\n    id={id}\n  />\n);\n\nconst props = {\n  /** inject props at textbox wrapper */\n  containerProps: PropTypes.shape({}).description('inject props at textbox wrapper'),\n  /**\n   * Whether the text box uses auto focus or not\n   */\n  autoFocus: PropTypes.bool.description('Whether the text box uses auto focus or not'),\n  /**\n   * Whether the text box is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the text box is disabled or not'),\n  /**\n   * Max length for the text box\n   */\n  maxLength: PropTypes.number.description('Max length for the text box'),\n  /**\n   * Min length for the text box\n   */\n  minLength: PropTypes.number.description('Min length for the text box'),\n  /**\n   * Make the content of the text box fit the container or not\n   */\n  fluidWidth: PropTypes.bool.description('Make the content of the text box fit the container or not'),\n  /**\n   * Placeholder for the text box\n   */\n  placeholder: PropTypes.string.description('Placeholder for the text box'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description('Default value once the component is initialized'),\n  /**\n   * Whether the text box has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the text box has error or not'),\n  /**\n   * Whether the text box is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the text box is read only or not'),\n  /** html min prop for input */\n  min: PropTypes.number.description('html min prop for input'),\n  /** html max prop for input */\n  max: PropTypes.number.description('html max prop for input'),\n  /**\n   * Whether the text box is clearable or not\n   */\n  clearable: PropTypes.bool.description('Whether the text box is clearable or not'),\n  /**\n   * Component to be added at the left side of the text box\n   */\n  leftComponent: PropTypes.element.description('Component to be added at the left side of the text box'),\n  /**\n   * Component to be added at the right side of the text box\n   */\n  rightComponent: PropTypes.element.description('Component to be added at the right side of the text box'),\n  /**\n   * Whether the text box is required or not\n   */\n  required: PropTypes.bool.description('Whether the text box is required or not'),\n  /**\n   * [\n   *  'variant-default',\n   *  'variant-focus',\n   *  'variant-active',\n   *  'variant-disabled',\n   * ]\n   */\n  variant: PropTypes.string.description(\"variant-default','variant-focus','variant-active','variant-disabled'\"),\n  /** html input type */\n  type: PropTypes.string.description('html input type'),\n  /** Internal ref */\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('internal ref'),\n  /** disableTooltip */\n  disableTooltip: PropTypes.bool\n    .description('Whether to show a tooltip or not when text does not fit')\n    .defaultValue(true),\n};\n\nDSTextBox.propTypes = props;\n\nconst DSTextBoxWithSchema = describe(DSTextBox);\n\nDSTextBoxWithSchema.propTypes = props;\n\nexport default DSTextBox;\nexport { DSTextBoxWithSchema, DSTextBox };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAEH,qCAAC,SAAD;AAAA,KACM;AAAA,EACJ,cAAY,CAAC,KAAK,WAAW,iBAAiB,aAAa;AAAA,EAC3D,oBAAkB,WAAW,uBAAuB,GAAG;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAIJ,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,MAAM,IAAI,YAAY;AAAA,EAIhD,WAAW,UAAU,KAAK,YAAY;AAAA,EAItC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,WAAW,UAAU,OAAO,YAAY;AAAA,EAIxC,WAAW,UAAU,OAAO,YAAY;AAAA,EAIxC,YAAY,UAAU,KAAK,YAAY;AAAA,EAIvC,aAAa,UAAU,OAAO,YAAY;AAAA,EAI1C,OAAO,UAAU,OAAO,YAAY;AAAA,EAIpC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,KAAK,UAAU,OAAO,YAAY;AAAA,EAElC,KAAK,UAAU,OAAO,YAAY;AAAA,EAIlC,WAAW,UAAU,KAAK,YAAY;AAAA,EAItC,eAAe,UAAU,QAAQ,YAAY;AAAA,EAI7C,gBAAgB,UAAU,QAAQ,YAAY;AAAA,EAI9C,UAAU,UAAU,KAAK,YAAY;AAAA,EASrC,SAAS,UAAU,OAAO,YAAY;AAAA,EAEtC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,SAAS,YAAY;AAAA,EAE9E,gBAAgB,UAAU,KACvB,YAAY,2DACZ,aAAa;AAAA;AAGlB,UAAU,YAAY;AAEtB,MAAM,sBAAsB,SAAS;AAErC,oBAAoB,YAAY;AAEhC,IAAO,oBAAQ;",
+  "names": []
+}

package/esm/TextBox/index.js

@@ -1 +1,8 @@
-export { DSTextBoxWithSchema, default } from './DSTextBox.js';
+import * as React from "react";
+import { DSTextBoxWithSchema, DSTextBox, default as default2 } from "./DSTextBox";
+export {
+  DSTextBox,
+  DSTextBoxWithSchema,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/TextBox/index.js.map

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