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

package/cjs/SearchBox/withSearchable.js

@@ -1,151 +1,125 @@
-'use strict';
-
-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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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__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 withSearchable = WrappedComponent => {
-  class Searchable extends React.Component {
+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);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var withSearchable_exports = {};
+__export(withSearchable_exports, {
+  default: () => withSearchable_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
+const withSearchable = (WrappedComponent) => {
+  class Searchable extends import_react.Component {
     constructor(props) {
       super(props);
-      this.debouncedSearch = dsUtilities.debounce(this.handleSearch, 200);
+      this.debouncedSearch = (0, import_ds_utilities.debounce)(this.handleSearch, 200);
       this.state = {
         value: props.value
       };
       this.handleSearch = this.handleSearch.bind(this);
       this.handleKeyUp = this.handleKeyUp.bind(this);
       this.handleChange = this.handleChange.bind(this);
-      this.buttonRef = /*#__PURE__*/React__default["default"].createRef();
-      this.handleChange = this.handleChange.bind(this);
-      this.handleKeyUp = this.handleKeyUp.bind(this);
-      this.handleSearch = this.handleSearch.bind(this);
+      this.buttonRef = import_react.default.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__default["default"](_this$props, _excluded);
-
-      return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread(_objectSpread({}, rest), {}, {
+      const { value } = this.state;
+      const { containerProps, ...rest } = this.props;
+      return /* @__PURE__ */ import_react.default.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: import_prop_types.default.shape({}),
+    onChange: import_prop_types.default.func,
+    onSearch: import_prop_types.default.func,
+    onKeyUp: import_prop_types.default.func,
+    property: import_prop_types.default.string,
+    searchOnEnter: import_prop_types.default.bool,
+    clearOnSearch: import_prop_types.default.bool,
+    value: import_prop_types.default.string
+  };
   return Searchable;
 };
-
-module.exports = withSearchable;
+var withSearchable_default = withSearchable;
+module.exports = __toCommonJS(withSearchable_exports);
+//# sourceMappingURL=withSearchable.js.map

package/cjs/SearchBox/withSearchable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SearchBox/withSearchable.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AACjC,wBAAsB;AACtB,0BAAyB;AAEzB,MAAM,iBAAiB,CAAC,qBAAqB;AAC3C,2BAAyB,uBAAU;AAAA,IAGjC,YAAY,OAAO;AACjB,YAAM;AAHR,6BAAkB,kCAAS,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,qBAAM;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,mDAAC,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,0BAAU,MAAM;AAAA,IAChC,UAAU,0BAAU;AAAA,IACpB,UAAU,0BAAU;AAAA,IACpB,SAAS,0BAAU;AAAA,IACnB,UAAU,0BAAU;AAAA,IACpB,eAAe,0BAAU;AAAA,IACzB,eAAe,0BAAU;AAAA,IACzB,OAAO,0BAAU;AAAA;AAGnB,SAAO;AAAA;AAGT,IAAO,yBAAQ;",
+  "names": []
+}

package/cjs/TextBox/DSTextBox.js

@@ -1,180 +1,115 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var reactDesc = require('react-desc');
-var DSInput = require('../Input/DSInput.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);
-
-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__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 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__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/jsxRuntime.jsx(DSInput["default"], _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
-  }));
+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);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSTextBox_exports = {};
+__export(DSTextBox_exports, {
+  DSTextBox: () => DSTextBox,
+  DSTextBoxWithSchema: () => DSTextBoxWithSchema,
+  default: () => DSTextBox_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = __toESM(require("react-desc"));
+var import_Input = __toESM(require("../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__ */ import_react.default.createElement(import_Input.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: reactDesc.PropTypes.shape({}).description('inject props at textbox wrapper'),
-
-  /**
-   * Whether the text box uses auto focus or not
-   */
-  autoFocus: reactDesc.PropTypes.bool.description('Whether the text box uses auto focus or not'),
-
-  /**
-   * Whether the text box is disabled or not
-   */
-  disabled: reactDesc.PropTypes.bool.description('Whether the text box is disabled or not'),
-
-  /**
-   * Max length for the text box
-   */
-  maxLength: reactDesc.PropTypes.number.description('Max length for the text box'),
-
-  /**
-   * Min length for the text box
-   */
-  minLength: reactDesc.PropTypes.number.description('Min length for the text box'),
-
-  /**
-   * Make the content of the text box fit the container or not
-   */
-  fluidWidth: reactDesc.PropTypes.bool.description('Make the content of the text box fit the container or not'),
-
-  /**
-   * Placeholder for the text box
-   */
-  placeholder: reactDesc.PropTypes.string.description('Placeholder for the text box'),
-
-  /**
-   * Default value once the component is initialized
-   */
-  value: reactDesc.PropTypes.string.description('Default value once the component is initialized'),
-
-  /**
-   * Whether the text box has error or not
-   */
-  hasError: reactDesc.PropTypes.bool.description('Whether the text box has error or not'),
-
-  /**
-   * Whether the text box is read only or not
-   */
-  readOnly: reactDesc.PropTypes.bool.description('Whether the text box is read only or not'),
-
-  /** html min prop for input */
-  min: reactDesc.PropTypes.number.description('html min prop for input'),
-
-  /** html max prop for input */
-  max: reactDesc.PropTypes.number.description('html max prop for input'),
-
-  /**
-   * Whether the text box is clearable or not
-   */
-  clearable: reactDesc.PropTypes.bool.description('Whether the text box is clearable or not'),
-
-  /**
-   * Component to be added at the left side of the text box
-   */
-  leftComponent: reactDesc.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: reactDesc.PropTypes.element.description('Component to be added at the right side of the text box'),
-
-  /**
-   * Whether the text box is required or not
-   */
-  required: reactDesc.PropTypes.bool.description('Whether the text box is required or not'),
-
-  /**
-   * [
-   *  'variant-default',
-   *  'variant-focus',
-   *  'variant-active',
-   *  'variant-disabled',
-   * ]
-   */
-  variant: reactDesc.PropTypes.string.description("variant-default','variant-focus','variant-active','variant-disabled'"),
-
-  /** html input type */
-  type: reactDesc.PropTypes.string.description('html input type'),
-
-  /** Internal ref */
-  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.object]).description('internal ref'),
-
-  /** disableTooltip */
-  disableTooltip: reactDesc.PropTypes.bool.description('Whether to show a tooltip or not when text does not fit').defaultValue(true)
+  containerProps: import_react_desc.PropTypes.shape({}).description("inject props at textbox wrapper"),
+  autoFocus: import_react_desc.PropTypes.bool.description("Whether the text box uses auto focus or not"),
+  disabled: import_react_desc.PropTypes.bool.description("Whether the text box is disabled or not"),
+  maxLength: import_react_desc.PropTypes.number.description("Max length for the text box"),
+  minLength: import_react_desc.PropTypes.number.description("Min length for the text box"),
+  fluidWidth: import_react_desc.PropTypes.bool.description("Make the content of the text box fit the container or not"),
+  placeholder: import_react_desc.PropTypes.string.description("Placeholder for the text box"),
+  value: import_react_desc.PropTypes.string.description("Default value once the component is initialized"),
+  hasError: import_react_desc.PropTypes.bool.description("Whether the text box has error or not"),
+  readOnly: import_react_desc.PropTypes.bool.description("Whether the text box is read only or not"),
+  min: import_react_desc.PropTypes.number.description("html min prop for input"),
+  max: import_react_desc.PropTypes.number.description("html max prop for input"),
+  clearable: import_react_desc.PropTypes.bool.description("Whether the text box is clearable or not"),
+  leftComponent: import_react_desc.PropTypes.element.description("Component to be added at the left side of the text box"),
+  rightComponent: import_react_desc.PropTypes.element.description("Component to be added at the right side of the text box"),
+  required: import_react_desc.PropTypes.bool.description("Whether the text box is required or not"),
+  variant: import_react_desc.PropTypes.string.description("variant-default','variant-focus','variant-active','variant-disabled'"),
+  type: import_react_desc.PropTypes.string.description("html input type"),
+  innerRef: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.object]).description("internal ref"),
+  disableTooltip: import_react_desc.PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true)
 };
-const DSTextBoxWithSchema = reactDesc.describe(DSTextBox);
+DSTextBox.propTypes = props;
+const DSTextBoxWithSchema = (0, import_react_desc.describe)(DSTextBox);
 DSTextBoxWithSchema.propTypes = props;
-
-exports.DSTextBoxWithSchema = DSTextBoxWithSchema;
-exports["default"] = DSTextBox;
+var DSTextBox_default = DSTextBox;
+module.exports = __toCommonJS(DSTextBox_exports);
+//# sourceMappingURL=DSTextBox.js.map

package/cjs/TextBox/DSTextBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/TextBox/DSTextBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,mBAAwB;AAExB,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,mDAAC,sBAAD;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,4BAAU,MAAM,IAAI,YAAY;AAAA,EAIhD,WAAW,4BAAU,KAAK,YAAY;AAAA,EAItC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,WAAW,4BAAU,OAAO,YAAY;AAAA,EAIxC,WAAW,4BAAU,OAAO,YAAY;AAAA,EAIxC,YAAY,4BAAU,KAAK,YAAY;AAAA,EAIvC,aAAa,4BAAU,OAAO,YAAY;AAAA,EAI1C,OAAO,4BAAU,OAAO,YAAY;AAAA,EAIpC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,KAAK,4BAAU,OAAO,YAAY;AAAA,EAElC,KAAK,4BAAU,OAAO,YAAY;AAAA,EAIlC,WAAW,4BAAU,KAAK,YAAY;AAAA,EAItC,eAAe,4BAAU,QAAQ,YAAY;AAAA,EAI7C,gBAAgB,4BAAU,QAAQ,YAAY;AAAA,EAI9C,UAAU,4BAAU,KAAK,YAAY;AAAA,EASrC,SAAS,4BAAU,OAAO,YAAY;AAAA,EAEtC,MAAM,4BAAU,OAAO,YAAY;AAAA,EAEnC,UAAU,4BAAU,UAAU,CAAC,4BAAU,MAAM,4BAAU,SAAS,YAAY;AAAA,EAE9E,gBAAgB,4BAAU,KACvB,YAAY,2DACZ,aAAa;AAAA;AAGlB,UAAU,YAAY;AAEtB,MAAM,sBAAsB,gCAAS;AAErC,oBAAoB,YAAY;AAEhC,IAAO,oBAAQ;",
+  "names": []
+}

package/cjs/TextBox/index.js

@@ -1,10 +1,37 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSTextBox = require('./DSTextBox.js');
-
-
-
-exports.DSTextBoxWithSchema = DSTextBox.DSTextBoxWithSchema;
-exports["default"] = DSTextBox["default"];
+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);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var TextBox_exports = {};
+__export(TextBox_exports, {
+  DSTextBox: () => import_DSTextBox.DSTextBox,
+  DSTextBoxWithSchema: () => import_DSTextBox.DSTextBoxWithSchema,
+  default: () => import_DSTextBox.default
+});
+var React = __toESM(require("react"));
+var import_DSTextBox = __toESM(require("./DSTextBox"));
+module.exports = __toCommonJS(TextBox_exports);
+//# sourceMappingURL=index.js.map

package/cjs/TextBox/index.js.map

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