@elliemae/ds-form 2.2.0-alpha.1 → 2.2.0-alpha.2

package/cjs/SearchBox/SearchBoxToggle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SearchBox/SearchBoxToggle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSSearchBox } from './DSSearchBox';\n\nconst SEARCH_BUTTON_WIDTH = 26;\n\nconst SearchWrap = styled.div`\n  transition: width 200ms ease;\n  width: ${SEARCH_BUTTON_WIDTH}px;\n  height: 0;\n\n  ${(props) =>\n    !props.show\n      ? `\n        opacity:0;\n\n        & * {\n          width: ${SEARCH_BUTTON_WIDTH}px;\n          height: 0;\n          border: 0;\n        }\n      `\n      : ''}\n  ${(props) => (props.isOpen ? `width: ${props.width};opacity: 1;height: auto;` : '')}\n`;\n\n// eslint-disable-next-line react/prop-types\nconst SearchBoxToggle = ({ onSearchButtonClick, width, ...rest }) => {\n  const [isOpen, setOpen] = useState(false);\n  const [show, setShow] = useState(true);\n  const computedWidth = typeof width === 'number' ? `${width}px` : width;\n  const button = (\n    <DSButton\n      onClick={() => {\n        setOpen(true);\n      }}\n      buttonType=\"text\"\n      icon={<Search />}\n    />\n  );\n  return (\n    <div>\n      {show && !isOpen && button}\n      <SearchWrap\n        show={!show || isOpen}\n        isOpen={isOpen}\n        width={computedWidth}\n        onTransitionEnd={() => {\n          setShow(!isOpen);\n        }}\n      >\n        <DSSearchBox\n          {...rest}\n          onSearchButtonClick={() => {\n            onSearchButtonClick();\n            setOpen(false);\n          }}\n        />\n      </SearchWrap>\n    </div>\n  );\n};\n\nSearchBoxToggle.defaultProps = {\n  onSearchButtonClick: () => null,\n  width: 300,\n};\n\nexport default SearchBoxToggle;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgC;AAChC,+BAAmB;AACnB,sBAAuB;AACvB,uBAAyB;AACzB,yBAA4B;AAE5B,MAAM,sBAAsB;AAE5B,MAAM,aAAa,iCAAO;AAAA;AAAA,WAEf;AAAA;AAAA;AAAA,IAGP,CAAC,UACD,CAAC,MAAM,OACH;AAAA;AAAA;AAAA;AAAA,mBAIW;AAAA;AAAA;AAAA;AAAA,UAKX;AAAA,IACJ,CAAC,UAAW,MAAM,SAAS,UAAU,MAAM,mCAAmC;AAAA;AAIlF,MAAM,kBAAkB,CAAC,EAAE,qBAAqB,UAAU,WAAW;AACnE,QAAM,CAAC,QAAQ,WAAW,2BAAS;AACnC,QAAM,CAAC,MAAM,WAAW,2BAAS;AACjC,QAAM,gBAAgB,OAAO,UAAU,WAAW,GAAG,YAAY;AACjE,QAAM,SACJ,mDAAC,2BAAD;AAAA,IACE,SAAS,MAAM;AACb,cAAQ;AAAA;AAAA,IAEV,YAAW;AAAA,IACX,MAAM,mDAAC,wBAAD;AAAA;AAGV,SACE,mDAAC,OAAD,MACG,QAAQ,CAAC,UAAU,QACpB,mDAAC,YAAD;AAAA,IACE,MAAM,CAAC,QAAQ;AAAA,IACf;AAAA,IACA,OAAO;AAAA,IACP,iBAAiB,MAAM;AACrB,cAAQ,CAAC;AAAA;AAAA,KAGX,mDAAC,gCAAD;AAAA,OACM;AAAA,IACJ,qBAAqB,MAAM;AACzB;AACA,cAAQ;AAAA;AAAA;AAAA;AAQpB,gBAAgB,eAAe;AAAA,EAC7B,qBAAqB,MAAM;AAAA,EAC3B,OAAO;AAAA;AAGT,IAAO,0BAAQ;",
+  "names": []
+}

package/cjs/SearchBox/defaultProps.js

@@ -1,33 +1,61 @@
-'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,
+  navSearchBoxDefaultProps: () => navSearchBoxDefaultProps
+});
+var React = __toESM(require("react"));
 const defaultProps = {
-  className: '',
+  className: "",
   clearable: false,
   clearOnSearch: false,
   containerProps: {},
   disableButton: false,
   disabled: false,
-  innerRef: undefined,
+  innerRef: void 0,
   onBlur: () => null,
   onChange: () => null,
   onKeyUp: () => null,
   onSearch: () => null,
   onSearchButtonClick: () => null,
   onClearButtonClick: () => null,
-  placeholder: 'Search all',
-  property: 'all',
+  placeholder: "Search all",
+  property: "all",
   readOnly: false,
   searchOnEnter: true,
   showIcon: true,
   style: {},
-  value: undefined
+  value: void 0
 };
 const navSearchBoxDefaultProps = {
-  placeholder: 'Search...',
+  placeholder: "Search...",
   currentResultIndex: -1
 };
-
-exports.defaultProps = defaultProps;
-exports.navSearchBoxDefaultProps = navSearchBoxDefaultProps;
+module.exports = __toCommonJS(defaultProps_exports);
+//# sourceMappingURL=defaultProps.js.map

package/cjs/SearchBox/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SearchBox/defaultProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const defaultProps = {\n  className: '',\n  clearable: false,\n  clearOnSearch: false,\n  containerProps: {},\n  disableButton: false,\n  disabled: false,\n  innerRef: undefined,\n  onBlur: () => null,\n  onChange: () => null,\n  onKeyUp: () => null,\n  onSearch: () => null,\n  onSearchButtonClick: () => null,\n  onClearButtonClick: () => null,\n  placeholder: 'Search all',\n  property: 'all',\n  readOnly: false,\n  searchOnEnter: true,\n  showIcon: true,\n  style: {},\n  value: undefined,\n};\n\nexport const navSearchBoxDefaultProps = {\n  placeholder: 'Search...',\n  currentResultIndex: -1,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ,MAAM;AAAA,EACd,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,qBAAqB,MAAM;AAAA,EAC3B,oBAAoB,MAAM;AAAA,EAC1B,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AAAA,EACf,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA;AAGF,MAAM,2BAA2B;AAAA,EACtC,aAAa;AAAA,EACb,oBAAoB;AAAA;",
+  "names": []
+}

package/cjs/SearchBox/index.js

@@ -1,15 +1,43 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var SearchBoxToggle = require('./SearchBoxToggle.js');
-var DSSearchBox = require('./DSSearchBox.js');
-var NavSearchBox = require('./NavSearchBox.js');
-
-
-
-exports.SearchBoxToggle = SearchBoxToggle;
-exports.SearchBoxWithSchema = DSSearchBox.SearchBoxWithSchema;
-exports["default"] = DSSearchBox["default"];
-exports.DSNavSearchBox = NavSearchBox.NavSearchBox;
-exports.DSNavSearchBoxWithSchema = NavSearchBox.DSNavSearchBoxWithSchema;
+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 SearchBox_exports = {};
+__export(SearchBox_exports, {
+  DSNavSearchBox: () => import_NavSearchBox.NavSearchBox,
+  DSNavSearchBoxWithSchema: () => import_NavSearchBox.DSNavSearchBoxWithSchema,
+  DSSearchBox: () => import_DSSearchBox.default,
+  SearchBox: () => import_DSSearchBox.SearchBox,
+  SearchBoxToggle: () => import_SearchBoxToggle.default,
+  SearchBoxWithSchema: () => import_DSSearchBox.SearchBoxWithSchema,
+  default: () => import_DSSearchBox.default
+});
+var React = __toESM(require("react"));
+var import_SearchBoxToggle = __toESM(require("./SearchBoxToggle"));
+var import_DSSearchBox = __toESM(require("./DSSearchBox"));
+var import_NavSearchBox = __toESM(require("./NavSearchBox"));
+module.exports = __toCommonJS(SearchBox_exports);
+//# sourceMappingURL=index.js.map

package/cjs/SearchBox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SearchBox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { default as SearchBoxToggle } from './SearchBoxToggle';\nexport { default, default as DSSearchBox, SearchBox, SearchBoxWithSchema } from './DSSearchBox';\nexport { NavSearchBox as DSNavSearchBox, DSNavSearchBoxWithSchema } from './NavSearchBox';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,6BAA2C;AAC3C,yBAAgF;AAChF,0BAAyE;",
+  "names": []
+}

package/cjs/SearchBox/props.js

@@ -1,98 +1,69 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
+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, {
+  navSearchBoxProps: () => navSearchBoxProps,
+  searchBoxProps: () => searchBoxProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = __toESM(require("react-desc"));
 const searchBoxProps = {
-  /** Set of Properties attached to the main container */
-  containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
-
-  /** html class attribute */
-  className: reactDesc.PropTypes.string.description('html class attribute'),
-
-  /** ref to the components container */
-  innerRef: reactDesc.PropTypes.object.description('ref to the components container'),
-
-  /** Set style to the search box */
-  style: reactDesc.PropTypes.object.description('Set style to the search box'),
-
-  /** search property */
-  property: reactDesc.PropTypes.string.description('search property'),
-
-  /** Placeholder for the search box */
-  placeholder: reactDesc.PropTypes.string.description('Placeholder for the search box'),
-
-  /** Whether to trigger the search once the enter is pressed */
-  searchOnEnter: reactDesc.PropTypes.bool.description('Whether to trigger the search once the enter is pressed'),
-
-  /** Whether to clear the input on search */
-  clearOnSearch: reactDesc.PropTypes.bool.description('Whether to clear the input on search'),
-
-  /** function triggered once in the clear button is clicked */
-  onClearButtonClick: reactDesc.PropTypes.func.description('function triggered once in the clear button is clicked'),
-
-  /** function triggered once in the search box a keyboard key is released */
-  onKeyUp: reactDesc.PropTypes.func.description('function triggered once in the search box a keyboard key is released'),
-
-  /** function triggered once the search action begins (search icon click/ enter keypress) */
-  onSearch: reactDesc.PropTypes.func.description('unction triggered once the search action begins (search icon click/ enter keypress)'),
-
-  /** function triggered once the search icon is clicked */
-  onSearchButtonClick: reactDesc.PropTypes.func.description('function triggered once the search icon is clicked'),
-
-  /** function that is triggered on change */
-  onChange: reactDesc.PropTypes.func.description('function that is triggered on change'),
-
-  /** Function that is triggered on blur */
-  onBlur: reactDesc.PropTypes.func.description('Function that is triggered on blur'),
-
-  /** searchbox input value */
-  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number, reactDesc.PropTypes.object]).description('searchbox input value'),
-
-  /** Whether to show an icon or not */
-  showIcon: reactDesc.PropTypes.bool.description('Whether to show an icon or not'),
-
-  /** Disables the search input and button */
-  disabled: reactDesc.PropTypes.bool.description('Disables the search input and button'),
-
-  /** Disables the search button */
-  disableButton: reactDesc.PropTypes.bool.description('Disables the search button'),
-
-  /** whether the input is read only or not */
-  readOnly: reactDesc.PropTypes.bool.description('whether the input is read only or not'),
-
-  /** Show clearable button */
-  clearable: reactDesc.PropTypes.bool.description('Show clearable button')
+  containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container"),
+  className: import_react_desc.PropTypes.string.description("html class attribute"),
+  innerRef: import_react_desc.PropTypes.object.description("ref to the components container"),
+  style: import_react_desc.PropTypes.object.description("Set style to the search box"),
+  property: import_react_desc.PropTypes.string.description("search property"),
+  placeholder: import_react_desc.PropTypes.string.description("Placeholder for the search box"),
+  searchOnEnter: import_react_desc.PropTypes.bool.description("Whether to trigger the search once the enter is pressed"),
+  clearOnSearch: import_react_desc.PropTypes.bool.description("Whether to clear the input on search"),
+  onClearButtonClick: import_react_desc.PropTypes.func.description("function triggered once in the clear button is clicked"),
+  onKeyUp: import_react_desc.PropTypes.func.description("function triggered once in the search box a keyboard key is released"),
+  onSearch: import_react_desc.PropTypes.func.description("unction triggered once the search action begins (search icon click/ enter keypress)"),
+  onSearchButtonClick: import_react_desc.PropTypes.func.description("function triggered once the search icon is clicked"),
+  onChange: import_react_desc.PropTypes.func.description("function that is triggered on change"),
+  onBlur: import_react_desc.PropTypes.func.description("Function that is triggered on blur"),
+  value: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number, import_react_desc.PropTypes.object]).description("searchbox input value"),
+  showIcon: import_react_desc.PropTypes.bool.description("Whether to show an icon or not"),
+  disabled: import_react_desc.PropTypes.bool.description("Disables the search input and button"),
+  disableButton: import_react_desc.PropTypes.bool.description("Disables the search button"),
+  readOnly: import_react_desc.PropTypes.bool.description("whether the input is read only or not"),
+  clearable: import_react_desc.PropTypes.bool.description("Show clearable button")
 };
 const navSearchBoxProps = {
-  /** searchbox input value */
-  value: reactDesc.PropTypes.string.isRequired.description('searchbox input value'),
-
-  /** function that is triggered on change */
-  onChange: reactDesc.PropTypes.func.isRequired.description('function that is triggered on change'),
-
-  /** Function that is triggered on blur */
-  onBlur: reactDesc.PropTypes.func.description('Function that is triggered on blur'),
-
-  /** triggered on next chevron click */
-  onNext: reactDesc.PropTypes.func.isRequired.description('triggered on next chevron click'),
-
-  /** triggered on prev chevron click */
-  onPrevious: reactDesc.PropTypes.func.isRequired.description('triggered on prev chevron click'),
-
-  /** function that is triggered on clear button press */
-  onClear: reactDesc.PropTypes.func.isRequired.description('function that is triggered on clear button press'),
-
-  /** zero based index to show on search box, -1 hides navigation */
-  currentResultIndex: reactDesc.PropTypes.number.isRequired.description('zero based index to show on search box, -1 hides navigation'),
-
-  /** total items to navigate */
-  totalResults: reactDesc.PropTypes.number.isRequired.description('total items to navigate'),
-
-  /** Placeholder for the search box */
-  placeholder: reactDesc.PropTypes.string.description('Placeholder for the search box')
+  value: import_react_desc.PropTypes.string.isRequired.description("searchbox input value"),
+  onChange: import_react_desc.PropTypes.func.isRequired.description("function that is triggered on change"),
+  onBlur: import_react_desc.PropTypes.func.description("Function that is triggered on blur"),
+  onNext: import_react_desc.PropTypes.func.isRequired.description("triggered on next chevron click"),
+  onPrevious: import_react_desc.PropTypes.func.isRequired.description("triggered on prev chevron click"),
+  onClear: import_react_desc.PropTypes.func.isRequired.description("function that is triggered on clear button press"),
+  currentResultIndex: import_react_desc.PropTypes.number.isRequired.description("zero based index to show on search box, -1 hides navigation"),
+  totalResults: import_react_desc.PropTypes.number.isRequired.description("total items to navigate"),
+  placeholder: import_react_desc.PropTypes.string.description("Placeholder for the search box")
 };
-
-exports.navSearchBoxProps = navSearchBoxProps;
-exports.searchBoxProps = searchBoxProps;
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/cjs/SearchBox/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SearchBox/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const searchBoxProps = {\n  /** Set of Properties attached to the main container */\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  /** html class attribute */\n  className: PropTypes.string.description('html class attribute'),\n  /** ref to the components container */\n  innerRef: PropTypes.object.description('ref to the components container'),\n  /** Set style to the search box */\n  style: PropTypes.object.description('Set style to the search box'),\n  /** search property */\n  property: PropTypes.string.description('search property'),\n  /** Placeholder for the search box */\n  placeholder: PropTypes.string.description('Placeholder for the search box'),\n  /** Whether to trigger the search once the enter is pressed */\n  searchOnEnter: PropTypes.bool.description('Whether to trigger the search once the enter is pressed'),\n  /** Whether to clear the input on search */\n  clearOnSearch: PropTypes.bool.description('Whether to clear the input on search'),\n  /** function triggered once in the clear button is clicked */\n  onClearButtonClick: PropTypes.func.description('function triggered once in the clear button is clicked'),\n  /** function triggered once in the search box a keyboard key is released */\n  onKeyUp: PropTypes.func.description('function triggered once in the search box a keyboard key is released'),\n  /** function triggered once the search action begins (search icon click/ enter keypress) */\n  onSearch: PropTypes.func.description(\n    'unction triggered once the search action begins (search icon click/ enter keypress)',\n  ),\n  /** function triggered once the search icon is clicked */\n  onSearchButtonClick: PropTypes.func.description('function triggered once the search icon is clicked'),\n  /** function that is triggered on change */\n  onChange: PropTypes.func.description('function that is triggered on change'),\n  /** Function that is triggered on blur */\n  onBlur: PropTypes.func.description('Function that is triggered on blur'),\n  /** searchbox input value */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'searchbox input value',\n  ),\n  /** Whether to show an icon or not */\n  showIcon: PropTypes.bool.description('Whether to show an icon or not'),\n  /** Disables the search input and button */\n  disabled: PropTypes.bool.description('Disables the search input and button'),\n  /** Disables the search button */\n  disableButton: PropTypes.bool.description('Disables the search button'),\n  /** whether the input is read only or not */\n  readOnly: PropTypes.bool.description('whether the input is read only or not'),\n  /** Show clearable button */\n  clearable: PropTypes.bool.description('Show clearable button'),\n};\n\nexport const navSearchBoxProps = {\n  /** searchbox input value */\n  value: PropTypes.string.isRequired.description('searchbox input value'),\n  /** function that is triggered on change */\n  onChange: PropTypes.func.isRequired.description('function that is triggered on change'),\n  /** Function that is triggered on blur */\n  onBlur: PropTypes.func.description('Function that is triggered on blur'),\n  /** triggered on next chevron click */\n  onNext: PropTypes.func.isRequired.description('triggered on next chevron click'),\n  /** triggered on prev chevron click */\n  onPrevious: PropTypes.func.isRequired.description('triggered on prev chevron click'),\n  /** function that is triggered on clear button press */\n  onClear: PropTypes.func.isRequired.description('function that is triggered on clear button press'),\n  /** zero based index to show on search box, -1 hides navigation */\n  currentResultIndex: PropTypes.number.isRequired.description(\n    'zero based index to show on search box, -1 hides navigation',\n  ),\n  /** total items to navigate */\n  totalResults: PropTypes.number.isRequired.description('total items to navigate'),\n  /** Placeholder for the search box */\n  placeholder: PropTypes.string.description('Placeholder for the search box'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,iBAAiB;AAAA,EAE5B,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAE7C,WAAW,4BAAU,OAAO,YAAY;AAAA,EAExC,UAAU,4BAAU,OAAO,YAAY;AAAA,EAEvC,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,UAAU,4BAAU,OAAO,YAAY;AAAA,EAEvC,aAAa,4BAAU,OAAO,YAAY;AAAA,EAE1C,eAAe,4BAAU,KAAK,YAAY;AAAA,EAE1C,eAAe,4BAAU,KAAK,YAAY;AAAA,EAE1C,oBAAoB,4BAAU,KAAK,YAAY;AAAA,EAE/C,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,UAAU,4BAAU,KAAK,YACvB;AAAA,EAGF,qBAAqB,4BAAU,KAAK,YAAY;AAAA,EAEhD,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,QAAQ,4BAAU,KAAK,YAAY;AAAA,EAEnC,OAAO,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,QAAQ,4BAAU,SAAS,YACjF;AAAA,EAGF,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,eAAe,4BAAU,KAAK,YAAY;AAAA,EAE1C,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,WAAW,4BAAU,KAAK,YAAY;AAAA;AAGjC,MAAM,oBAAoB;AAAA,EAE/B,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,UAAU,4BAAU,KAAK,WAAW,YAAY;AAAA,EAEhD,QAAQ,4BAAU,KAAK,YAAY;AAAA,EAEnC,QAAQ,4BAAU,KAAK,WAAW,YAAY;AAAA,EAE9C,YAAY,4BAAU,KAAK,WAAW,YAAY;AAAA,EAElD,SAAS,4BAAU,KAAK,WAAW,YAAY;AAAA,EAE/C,oBAAoB,4BAAU,OAAO,WAAW,YAC9C;AAAA,EAGF,cAAc,4BAAU,OAAO,WAAW,YAAY;AAAA,EAEtD,aAAa,4BAAU,OAAO,YAAY;AAAA;",
+  "names": []
+}

package/cjs/SearchBox/styled.js

@@ -1,16 +1,39 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var DSTextBox = require('../TextBox/DSTextBox.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const SearchBoxTextBox = /*#__PURE__*/styled__default["default"](DSTextBox["default"]).withConfig({
-  componentId: "sc-44ofm-0"
-})(["padding-right:33px;"]);
-
-exports.SearchBoxTextBox = SearchBoxTextBox;
+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 styled_exports = {};
+__export(styled_exports, {
+  SearchBoxTextBox: () => SearchBoxTextBox
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_TextBox = __toESM(require("../TextBox"));
+const SearchBoxTextBox = (0, import_styled_components.default)(import_TextBox.DSTextBox)`
+  padding-right: 33px;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/cjs/SearchBox/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SearchBox/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { DSTextBox } from '../TextBox';\nexport const SearchBoxTextBox = styled(DSTextBox)`\n  padding-right: 33px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAA0B;AACnB,MAAM,mBAAmB,sCAAO;AAAA;AAAA;",
+  "names": []
+}

package/cjs/SearchBox/useSearch.js

@@ -1,29 +1,52 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-
+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 useSearch_exports = {};
+__export(useSearch_exports, {
+  useSearch: () => useSearch
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
 function handleSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property, clickTrigger, onSearchButtonClick) {
   if (clickTrigger) {
     onSearchButtonClick();
   }
-
-  if (clearOnSearch) setValue('');
-  if (searchOnEnter && !value) return;
+  if (clearOnSearch)
+    setValue("");
+  if (searchOnEnter && !value)
+    return;
   onSearch({
-    query: {
-      [property]: value
-    },
+    query: { [property]: value },
     property,
     value
   });
 }
-
-function useSearch() {
-  let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useSearch(params = {}) {
   const {
     onKeyUp,
     onSearch,
@@ -34,64 +57,43 @@ function useSearch() {
     onChange,
     onClearButtonClick
   } = params;
-  const [value, setValue] = React.useState(params.value);
-  const debouncedSearch = React.useCallback(dsUtilities.debounce(handleSearch, 200), []); // update state if prop changes
-
-  React.useEffect(() => {
+  const [value, setValue] = (0, import_react.useState)(params.value);
+  const debouncedSearch = (0, import_react.useCallback)((0, import_ds_utilities.debounce)(handleSearch, 200), []);
+  (0, import_react.useEffect)(() => {
     if (value !== params.value) {
       setValue(params.value);
     }
   }, [params.value]);
-
-  const searchWithParams = function () {
-    let clickedSearchButton = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    return handleSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property, clickedSearchButton, onSearchButtonClick);
-  };
-
-  const handleChange = _ref => {
-    let {
-      target
-    } = _ref;
+  const searchWithParams = (clickedSearchButton = false) => handleSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property, clickedSearchButton, onSearchButtonClick);
+  const handleChange = ({ target }) => {
     onChange(target.value);
     setValue(target.value);
-
     if (!searchOnEnter) {
-      // Functional update to get latest value state, similar to this.setState callback
-      setValue(prevValue => {
+      setValue((prevValue) => {
         debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);
         return prevValue;
       });
     }
   };
-
   const handleClear = () => {
     onClearButtonClick();
-    onChange('');
-    setValue('');
-
+    onChange("");
+    setValue("");
     if (!searchOnEnter) {
-      // Functional update to get latest value state, similar to this.setState callback
-      setValue(prevValue => {
+      setValue((prevValue) => {
         debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);
         return prevValue;
       });
     }
-
     debouncedSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property);
   };
-
-  const handleKeyUp = e => {
-    const {
-      key
-    } = e;
-
-    if (searchOnEnter && key === 'Enter') {
+  const handleKeyUp = (e) => {
+    const { key } = e;
+    if (searchOnEnter && key === "Enter") {
       searchWithParams();
     }
-
     onKeyUp(e);
   };
-
   return {
     searchValue: value,
     handleChange,
@@ -100,5 +102,5 @@ function useSearch() {
     handleClear
   };
 }
-
-exports.useSearch = useSearch;
+module.exports = __toCommonJS(useSearch_exports);
+//# sourceMappingURL=useSearch.js.map

package/cjs/SearchBox/useSearch.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SearchBox/useSearch.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useState, useEffect, useCallback } from 'react';\nimport { debounce } from '@elliemae/ds-utilities';\n\n// eslint-disable-next-line max-params\nfunction handleSearch(\n  clearOnSearch,\n  setValue,\n  searchOnEnter,\n  value,\n  onSearch,\n  property,\n  clickTrigger,\n  onSearchButtonClick,\n) {\n  if (clickTrigger) {\n    onSearchButtonClick();\n  }\n  if (clearOnSearch) setValue('');\n  if (searchOnEnter && !value) return;\n  onSearch({\n    query: { [property]: value },\n    property,\n    value,\n  });\n}\n\nexport function useSearch(params = {}) {\n  const {\n    onKeyUp,\n    onSearch,\n    onSearchButtonClick,\n    property,\n    clearOnSearch,\n    searchOnEnter,\n    onChange,\n    onClearButtonClick,\n  } = params;\n  const [value, setValue] = useState(params.value);\n  const debouncedSearch = useCallback(debounce(handleSearch, 200), []);\n  // update state if prop changes\n  useEffect(() => {\n    if (value !== params.value) {\n      setValue(params.value);\n    }\n  }, [params.value]);\n\n  const searchWithParams = (clickedSearchButton = false) =>\n    handleSearch(\n      clearOnSearch,\n      setValue,\n      searchOnEnter,\n      value,\n      onSearch,\n      property,\n      clickedSearchButton,\n      onSearchButtonClick,\n    );\n\n  const handleChange = ({ target }) => {\n    onChange(target.value);\n    setValue(target.value);\n    if (!searchOnEnter) {\n      // Functional update to get latest value state, similar to this.setState callback\n      setValue((prevValue) => {\n        debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);\n        return prevValue;\n      });\n    }\n  };\n\n  const handleClear = () => {\n    onClearButtonClick();\n    onChange('');\n    setValue('');\n    if (!searchOnEnter) {\n      // Functional update to get latest value state, similar to this.setState callback\n      setValue((prevValue) => {\n        debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);\n        return prevValue;\n      });\n    }\n    debouncedSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property);\n  };\n\n  const handleKeyUp = (e) => {\n    const { key } = e;\n    if (searchOnEnter && key === 'Enter') {\n      searchWithParams();\n    }\n    onKeyUp(e);\n  };\n\n  return {\n    searchValue: value,\n    handleChange,\n    handleSearch: searchWithParams,\n    handleKeyUp,\n    handleClear,\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiD;AACjD,0BAAyB;AAGzB,sBACE,eACA,UACA,eACA,OACA,UACA,UACA,cACA,qBACA;AACA,MAAI,cAAc;AAChB;AAAA;AAEF,MAAI;AAAe,aAAS;AAC5B,MAAI,iBAAiB,CAAC;AAAO;AAC7B,WAAS;AAAA,IACP,OAAO,GAAG,WAAW;AAAA,IACrB;AAAA,IACA;AAAA;AAAA;AAIG,mBAAmB,SAAS,IAAI;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,QAAM,CAAC,OAAO,YAAY,2BAAS,OAAO;AAC1C,QAAM,kBAAkB,8BAAY,kCAAS,cAAc,MAAM;AAEjE,8BAAU,MAAM;AACd,QAAI,UAAU,OAAO,OAAO;AAC1B,eAAS,OAAO;AAAA;AAAA,KAEjB,CAAC,OAAO;AAEX,QAAM,mBAAmB,CAAC,sBAAsB,UAC9C,aACE,eACA,UACA,eACA,OACA,UACA,UACA,qBACA;AAGJ,QAAM,eAAe,CAAC,EAAE,aAAa;AACnC,aAAS,OAAO;AAChB,aAAS,OAAO;AAChB,QAAI,CAAC,eAAe;AAElB,eAAS,CAAC,cAAc;AACtB,wBAAgB,eAAe,UAAU,eAAe,WAAW,UAAU;AAC7E,eAAO;AAAA;AAAA;AAAA;AAKb,QAAM,cAAc,MAAM;AACxB;AACA,aAAS;AACT,aAAS;AACT,QAAI,CAAC,eAAe;AAElB,eAAS,CAAC,cAAc;AACtB,wBAAgB,eAAe,UAAU,eAAe,WAAW,UAAU;AAC7E,eAAO;AAAA;AAAA;AAGX,oBAAgB,eAAe,UAAU,eAAe,OAAO,UAAU;AAAA;AAG3E,QAAM,cAAc,CAAC,MAAM;AACzB,UAAM,EAAE,QAAQ;AAChB,QAAI,iBAAiB,QAAQ,SAAS;AACpC;AAAA;AAEF,YAAQ;AAAA;AAGV,SAAO;AAAA,IACL,aAAa;AAAA,IACb;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}