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

package/cjs/RadioGroup/defaultProps.js

@@ -1,18 +1,46 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
+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 defaultProps_exports = {};
+__export(defaultProps_exports, {
+  defaultProps: () => defaultProps
+});
+var React = __toESM(require("react"));
 const defaultProps = {
   containerProps: {},
   onChange: () => null,
-  orientation: 'vertical',
+  orientation: "vertical",
   disabled: false,
   truncateText: false,
   labelProps: {
-    feedbackMessage: '',
-    labelText: '',
+    feedbackMessage: "",
+    labelText: "",
     required: false
   }
 };
-
-exports.defaultProps = defaultProps;
+module.exports = __toCommonJS(defaultProps_exports);
+//# sourceMappingURL=defaultProps.js.map

package/cjs/RadioGroup/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/RadioGroup/defaultProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const defaultProps = {\n  containerProps: {},\n  onChange: () => null,\n  orientation: 'vertical',\n  disabled: false,\n  truncateText: false,\n  labelProps: {\n    feedbackMessage: '',\n    labelText: '',\n    required: false,\n  },\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA;AAAA;",
+  "names": []
+}

package/cjs/RadioGroup/index.js

@@ -1,7 +1,28 @@
-'use strict';
-
-var DSRadioGroup = require('./DSRadioGroup.js');
-
-
-
-module.exports = DSRadioGroup["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 __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 RadioGroup_exports = {};
+var React = __toESM(require("react"));
+__reExport(RadioGroup_exports, require("./DSRadioGroup"));
+module.exports = __toCommonJS(RadioGroup_exports);
+//# sourceMappingURL=index.js.map

package/cjs/RadioGroup/index.js.map

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

package/cjs/RadioGroup/props.js

@@ -1,43 +1,52 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-var propTypes = require('@elliemae/ds-shared/prop-types');
-
+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 props_exports = {};
+__export(props_exports, {
+  props: () => props
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_prop_types = require("@elliemae/ds-shared/prop-types");
 const props = {
-  /** Inject props to component wrapper  */
-  containerProps: reactDesc.PropTypes.object.description('Inject props to component wrapper'),
-
-  /**
-   * Allows a function that is triggered once the radio group changes
-   */
-  onChange: reactDesc.PropTypes.func.description('Allows a function that is triggered once the radio group changes'),
-
-  /**
-   * Selected default active value
-   */
-  activeValue: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Selected default active value'),
-
-  /**
-   * Radio group items to show of type DSRadio
-   */
-  children: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element).isRequired.description('Radio group items to show of type DSRadio'),
-
-  /**
-   * ['horizontal', 'vertical']
-   */
-  orientation: reactDesc.PropTypes.oneOf(propTypes.orientation).description("['horizontal', 'vertical']"),
-
-  /**
-   * Whether the radio group is disabled or not
-   */
-  disabled: reactDesc.PropTypes.bool.description(''),
-  labelProps: reactDesc.PropTypes.shape({
-    feedbackMessage: reactDesc.PropTypes.string,
-    labelText: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]),
-    required: reactDesc.PropTypes.bool
-  }).description('Whether the radio group is disabled or not')
+  containerProps: import_react_desc.PropTypes.object.description("Inject props to component wrapper"),
+  onChange: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the radio group changes"),
+  activeValue: import_react_desc.PropTypes.oneOfType([
+    import_react_desc.PropTypes.string,
+    import_react_desc.PropTypes.number
+  ]).description("Selected default active value"),
+  children: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element).isRequired.description("Radio group items to show of type DSRadio"),
+  orientation: import_react_desc.PropTypes.oneOf(import_prop_types.orientation).description("['horizontal', 'vertical']"),
+  disabled: import_react_desc.PropTypes.bool.description(""),
+  labelProps: import_react_desc.PropTypes.shape({
+    feedbackMessage: import_react_desc.PropTypes.string,
+    labelText: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]),
+    required: import_react_desc.PropTypes.bool
+  }).description("Whether the radio group is disabled or not")
 };
-
-exports.props = props;
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/cjs/RadioGroup/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/RadioGroup/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { orientation as radioGroupOrientation } from '@elliemae/ds-shared/prop-types';\n\nexport const props = {\n  /** Inject props to component wrapper  */\n  containerProps: PropTypes.object.description(\n    'Inject props to component wrapper',\n  ),\n  /**\n   * Allows a function that is triggered once the radio group changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the radio group changes',\n  ),\n  /**\n   * Selected default active value\n   */\n  activeValue: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected default active value'),\n  /**\n   * Radio group items to show of type DSRadio\n   */\n  children: PropTypes.arrayOf(PropTypes.element).isRequired.description(\n    'Radio group items to show of type DSRadio',\n  ),\n  /**\n   * ['horizontal', 'vertical']\n   */\n  orientation: PropTypes.oneOf(radioGroupOrientation).description(\n    \"['horizontal', 'vertical']\",\n  ),\n  /**\n   * Whether the radio group is disabled or not\n   */\n  disabled: PropTypes.bool.description(''),\n  labelProps: PropTypes.shape({\n    feedbackMessage: PropTypes.string,\n    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    required: PropTypes.bool,\n  }).description('Whether the radio group is disabled or not'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,wBAAqD;AAE9C,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAKF,UAAU,4BAAU,KAAK,YACvB;AAAA,EAKF,aAAa,4BAAU,UAAU;AAAA,IAC/B,4BAAU;AAAA,IACV,4BAAU;AAAA,KACT,YAAY;AAAA,EAIf,UAAU,4BAAU,QAAQ,4BAAU,SAAS,WAAW,YACxD;AAAA,EAKF,aAAa,4BAAU,MAAM,+BAAuB,YAClD;AAAA,EAKF,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,YAAY,4BAAU,MAAM;AAAA,IAC1B,iBAAiB,4BAAU;AAAA,IAC3B,WAAW,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU;AAAA,IAC5D,UAAU,4BAAU;AAAA,KACnB,YAAY;AAAA;",
+  "names": []
+}

package/cjs/RequiredMark/RequiredMark.js

@@ -1,33 +1,52 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const {
-  cssClassName
-} = dsClassnames.convertPropToCssClassName('form-required-mark');
-
-const RequiredMark = _ref => {
-  let {
-    required = false,
-    optional = false
-  } = _ref;
-  if (!required && !optional) return null;
-
+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 RequiredMark_exports = {};
+__export(RequiredMark_exports, {
+  DSRequiredMark: () => RequiredMark,
+  RequiredMark: () => RequiredMark,
+  default: () => RequiredMark_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("form-required-mark");
+const RequiredMark = ({ required = false, optional = false }) => {
+  if (!required && !optional)
+    return null;
   if (required) {
-    return /*#__PURE__*/_jsx__default["default"]("span", {
-      className: "".concat(cssClassName)
-    }, void 0, "\u25CF");
+    return /* @__PURE__ */ import_react.default.createElement("span", {
+      className: `${cssClassName}`
+    }, "\u25CF");
   }
-
-  return /*#__PURE__*/_jsx__default["default"]("span", {
-    className: "".concat(cssClassName, " optional-mark")
-  }, void 0, "\u26AC");
+  return /* @__PURE__ */ import_react.default.createElement("span", {
+    className: `${cssClassName} optional-mark`
+  }, "\u26AC");
 };
-
-module.exports = RequiredMark;
+var RequiredMark_default = RequiredMark;
+module.exports = __toCommonJS(RequiredMark_exports);
+//# sourceMappingURL=RequiredMark.js.map

package/cjs/RequiredMark/RequiredMark.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/RequiredMark/RequiredMark.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst { cssClassName } = convertPropToCssClassName('form-required-mark');\nconst RequiredMark = ({ required = false, optional = false }) => {\n  if (!required && !optional) return null;\n  if (required) {\n    return <span className={`${cssClassName}`}>&#9679;</span>;\n  }\n  return <span className={`${cssClassName} optional-mark`}>&#9900;</span>;\n};\n\nexport { RequiredMark, RequiredMark as DSRequiredMark };\nexport default RequiredMark;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAA0C;AAE1C,MAAM,EAAE,iBAAiB,oDAA0B;AACnD,MAAM,eAAe,CAAC,EAAE,WAAW,OAAO,WAAW,YAAY;AAC/D,MAAI,CAAC,YAAY,CAAC;AAAU,WAAO;AACnC,MAAI,UAAU;AACZ,WAAO,mDAAC,QAAD;AAAA,MAAM,WAAW,GAAG;AAAA,OAAgB;AAAA;AAE7C,SAAO,mDAAC,QAAD;AAAA,IAAM,WAAW,GAAG;AAAA,KAA8B;AAAA;AAI3D,IAAO,uBAAQ;",
+  "names": []
+}

package/cjs/RequiredMark/index.js

@@ -1,7 +1,28 @@
-'use strict';
-
-var RequiredMark = require('./RequiredMark.js');
-
-
-
-module.exports = RequiredMark;
+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 RequiredMark_exports = {};
+var React = __toESM(require("react"));
+__reExport(RequiredMark_exports, require("./RequiredMark"));
+module.exports = __toCommonJS(RequiredMark_exports);
+//# sourceMappingURL=index.js.map

package/cjs/RequiredMark/index.js.map

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

package/cjs/SearchBox/DSSearchBox.js

@@ -1,54 +1,69 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var reactDesc = require('react-desc');
-var dsIcons = require('@elliemae/ds-icons');
-var dsIcon = require('@elliemae/ds-icon');
-var styled = require('./styled.js');
-var SButton = require('./SButton.js');
-var useSearch = require('./useSearch.js');
-var props = require('./props.js');
-var defaultProps = require('./defaultProps.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _Search;
-
-const DSSearchBox = _ref => {
-  let {
-    className,
-    clearable,
-    containerProps,
-    disableButton,
-    disabled,
-    innerRef,
-    onBlur,
-    onChange,
-    onKeyUp,
-    onSearch,
-    onClearButtonClick,
-    placeholder,
-    property,
-    readOnly,
-    searchOnEnter,
-    onSearchButtonClick,
-    showIcon,
-    style,
-    value
-  } = _ref;
-  const {
-    searchValue,
-    handleChange,
-    handleSearch,
-    handleKeyUp,
-    handleClear
-  } = useSearch.useSearch({
+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 DSSearchBox_exports = {};
+__export(DSSearchBox_exports, {
+  DSSearchBox: () => DSSearchBox,
+  SearchBox: () => DSSearchBox,
+  SearchBoxWithSchema: () => SearchBoxWithSchema,
+  default: () => DSSearchBox_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_icon = require("@elliemae/ds-icon");
+var import_styled = require("./styled");
+var import_SButton = require("./SButton");
+var import_useSearch = require("./useSearch");
+var import_props = require("./props");
+var import_defaultProps = require("./defaultProps");
+const DSSearchBox = ({
+  className,
+  clearable,
+  containerProps,
+  disableButton,
+  disabled,
+  innerRef,
+  onBlur,
+  onChange,
+  onKeyUp,
+  onSearch,
+  onClearButtonClick,
+  placeholder,
+  property,
+  readOnly,
+  searchOnEnter,
+  onSearchButtonClick,
+  showIcon,
+  style,
+  value
+}) => {
+  const { searchValue, handleChange, handleSearch, handleKeyUp, handleClear } = (0, import_useSearch.useSearch)({
     onChange,
     onKeyUp,
     onSearch,
@@ -58,56 +73,58 @@ const DSSearchBox = _ref => {
     value,
     onClearButtonClick
   });
-  const shouldShowClearIcon = clearable && (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length) > 0;
+  const shouldShowClearIcon = clearable && searchValue?.length > 0;
   const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;
   const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;
-  const PureSearchboxIcon = React__default["default"].useMemo(() => {
-    let Icon = _Search || (_Search = /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
+  const PureSearchboxIcon = import_react.default.useMemo(() => {
+    let Icon = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
       "aria-label": "Search"
-    }));
-
+    });
     let handleOnClick = () => handleSearch(true);
-
-    if (!shouldShowAnyIcon) return null;
-
+    if (!shouldShowAnyIcon)
+      return null;
     if (shouldShowClearIcon) {
-      Icon = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
-        color: dsIcon.DSIconColors.PRIMARY,
+      Icon = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, {
+        color: import_ds_icon.DSIconColors.PRIMARY,
         "aria-label": "Clear input"
       });
       handleOnClick = handleClear;
     }
-
-    return /*#__PURE__*/_jsx__default["default"](SButton.SButton, {
+    return /* @__PURE__ */ import_react.default.createElement(import_SButton.SButton, {
       disabled: disabled || disableButton,
       icon: Icon,
       onClick: handleOnClick,
-      dataTestid: shouldShowClearIcon ? 'ds-searchbox-button-clear' : 'ds-searchbox-button'
+      dataTestid: shouldShowClearIcon ? "ds-searchbox-button-clear" : "ds-searchbox-button"
     });
-  }, [shouldShowClearIcon, shouldShowSearchIcon, shouldShowAnyIcon, disabled, disableButton, handleSearch, handleClear]);
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    style: {
-      position: 'relative',
-      zIndex: 0
-    }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.SearchBoxTextBox, {
-    className: className,
-    containerProps: containerProps,
-    disabled: disabled,
-    innerRef: innerRef,
+  }, [
+    shouldShowClearIcon,
+    shouldShowSearchIcon,
+    shouldShowAnyIcon,
+    disabled,
+    disableButton,
+    handleSearch,
+    handleClear
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    style: { position: "relative", zIndex: 0 }
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.SearchBoxTextBox, {
+    className,
+    containerProps,
+    disabled,
+    innerRef,
     onChange: handleChange,
     onKeyUp: handleKeyUp,
-    onBlur: onBlur,
-    placeholder: placeholder,
-    readOnly: readOnly,
-    style: style,
+    onBlur,
+    placeholder,
+    readOnly,
+    style,
     value: searchValue
   }), PureSearchboxIcon);
 };
-
-DSSearchBox.defaultProps = defaultProps.defaultProps;
-const SearchBoxWithSchema = reactDesc.describe(DSSearchBox);
-SearchBoxWithSchema.propTypes = props.searchBoxProps;
-
-exports.SearchBoxWithSchema = SearchBoxWithSchema;
-exports["default"] = DSSearchBox;
+DSSearchBox.propTypes = import_props.searchBoxProps;
+DSSearchBox.defaultProps = import_defaultProps.defaultProps;
+const SearchBoxWithSchema = (0, import_react_desc.describe)(DSSearchBox);
+SearchBoxWithSchema.propTypes = import_props.searchBoxProps;
+var DSSearchBox_default = DSSearchBox;
+module.exports = __toCommonJS(DSSearchBox_exports);
+//# sourceMappingURL=DSSearchBox.js.map

package/cjs/SearchBox/DSSearchBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SearchBox/DSSearchBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { Search, CloseXsmall } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { SearchBoxTextBox } from './styled';\nimport { SButton } from './SButton';\nimport { useSearch } from './useSearch';\nimport { searchBoxProps } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSSearchBox = ({\n  className,\n  clearable,\n  containerProps,\n  disableButton,\n  disabled,\n  innerRef,\n  onBlur,\n  onChange,\n  onKeyUp,\n  onSearch,\n  onClearButtonClick,\n  placeholder,\n  property,\n  readOnly,\n  searchOnEnter,\n  onSearchButtonClick,\n  showIcon,\n  style,\n  value,\n}) => {\n  const { searchValue, handleChange, handleSearch, handleKeyUp, handleClear } = useSearch({\n    onChange,\n    onKeyUp,\n    onSearch,\n    onSearchButtonClick,\n    property,\n    searchOnEnter,\n    value,\n    onClearButtonClick,\n  });\n  const shouldShowClearIcon = clearable && searchValue?.length > 0;\n  const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;\n  const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;\n\n  const PureSearchboxIcon = React.useMemo(() => {\n    let Icon = <Search aria-label=\"Search\" />;\n    let handleOnClick = () => handleSearch(true);\n    if (!shouldShowAnyIcon) return null;\n    if (shouldShowClearIcon) {\n      Icon = <CloseXsmall color={DSIconColors.PRIMARY} aria-label=\"Clear input\" />;\n      handleOnClick = handleClear;\n    }\n\n    return (\n      <SButton\n        disabled={disabled || disableButton}\n        icon={Icon}\n        onClick={handleOnClick}\n        dataTestid={shouldShowClearIcon ? 'ds-searchbox-button-clear' : 'ds-searchbox-button'}\n      />\n    );\n  }, [\n    shouldShowClearIcon,\n    shouldShowSearchIcon,\n    shouldShowAnyIcon,\n    disabled,\n    disableButton,\n    handleSearch,\n    handleClear,\n  ]);\n\n  return (\n    <div style={{ position: 'relative', zIndex: 0 }}>\n      <SearchBoxTextBox\n        className={className}\n        containerProps={containerProps}\n        disabled={disabled}\n        innerRef={innerRef}\n        onChange={handleChange}\n        onKeyUp={handleKeyUp}\n        onBlur={onBlur}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        style={style}\n        value={searchValue}\n      />\n      {PureSearchboxIcon}\n    </div>\n  );\n};\n\nDSSearchBox.propTypes = searchBoxProps;\nDSSearchBox.defaultProps = defaultProps;\n\nconst SearchBoxWithSchema = describe(DSSearchBox);\nSearchBoxWithSchema.propTypes = searchBoxProps;\n\nexport { SearchBoxWithSchema, DSSearchBox, DSSearchBox as SearchBox };\nexport default DSSearchBox;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAyB;AACzB,sBAAoC;AACpC,qBAA6B;AAC7B,oBAAiC;AACjC,qBAAwB;AACxB,uBAA0B;AAC1B,mBAA+B;AAC/B,0BAA6B;AAE7B,MAAM,cAAc,CAAC;AAAA,EACnB;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;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,aAAa,cAAc,cAAc,aAAa,gBAAgB,gCAAU;AAAA,IACtF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEF,QAAM,sBAAsB,aAAa,aAAa,SAAS;AAC/D,QAAM,uBAAuB,CAAC,uBAAuB;AACrD,QAAM,oBAAoB,uBAAuB;AAEjD,QAAM,oBAAoB,qBAAM,QAAQ,MAAM;AAC5C,QAAI,OAAO,mDAAC,wBAAD;AAAA,MAAQ,cAAW;AAAA;AAC9B,QAAI,gBAAgB,MAAM,aAAa;AACvC,QAAI,CAAC;AAAmB,aAAO;AAC/B,QAAI,qBAAqB;AACvB,aAAO,mDAAC,6BAAD;AAAA,QAAa,OAAO,4BAAa;AAAA,QAAS,cAAW;AAAA;AAC5D,sBAAgB;AAAA;AAGlB,WACE,mDAAC,wBAAD;AAAA,MACE,UAAU,YAAY;AAAA,MACtB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY,sBAAsB,8BAA8B;AAAA;AAAA,KAGnE;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SACE,mDAAC,OAAD;AAAA,IAAK,OAAO,EAAE,UAAU,YAAY,QAAQ;AAAA,KAC1C,mDAAC,gCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MAER;AAAA;AAKP,YAAY,YAAY;AACxB,YAAY,eAAe;AAE3B,MAAM,sBAAsB,gCAAS;AACrC,oBAAoB,YAAY;AAGhC,IAAO,sBAAQ;",
+  "names": []
+}