@elliemae/ds-zipcode-search 2.1.0 → 2.2.0-alpha.3

package/cjs/DSZipCodeSearch.js

@@ -1,56 +1,65 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var react = require('react');
-var reactDesc = require('react-desc');
-var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
-var dsForm = require('@elliemae/ds-form');
-var blocks = require('./components/blocks.js');
-var helper = require('./components/helper.js');
-var props = require('./props.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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
-
-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 DSZipCodeSearch = _ref2 => {
-  let {
-    disabled,
-    value,
-    placeholder,
-    mask,
-    onBlur,
-    onChange,
-    onSearch,
-    containerProps,
-    selectRightOptions,
-    activeCount,
-    options,
-    tabIndex
-  } = _ref2;
-  const ref = react.useRef(null);
-  const [searchValue, setSearchValue] = react.useState(value);
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [isActive, setIsActive] = react.useState(false);
-  const [isInputFocus, setIsInputFocus] = react.useState(false);
-  const [isSelected, setIsSelected] = react.useState(false);
-  react.useEffect(() => {
+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 DSZipCodeSearch_exports = {};
+__export(DSZipCodeSearch_exports, {
+  DSZipCodeSearch: () => DSZipCodeSearch,
+  ZipCodeSearchWithSchema: () => ZipCodeSearchWithSchema,
+  default: () => DSZipCodeSearch_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = __toESM(require("react-desc"));
+var import_ds_dropdownmenu = __toESM(require("@elliemae/ds-dropdownmenu"));
+var import_ds_form = __toESM(require("@elliemae/ds-form"));
+var import_blocks = __toESM(require("./components/blocks"));
+var import_helper = __toESM(require("./components/helper"));
+var import_props = __toESM(require("./props"));
+const DSZipCodeSearch = ({
+  disabled,
+  value,
+  placeholder,
+  mask,
+  onBlur,
+  onChange,
+  onSearch,
+  containerProps,
+  selectRightOptions,
+  activeCount,
+  options,
+  tabIndex
+}) => {
+  const ref = (0, import_react.useRef)(null);
+  const [searchValue, setSearchValue] = (0, import_react.useState)(value);
+  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+  const [isActive, setIsActive] = (0, import_react.useState)(false);
+  const [isInputFocus, setIsInputFocus] = (0, import_react.useState)(false);
+  const [isSelected, setIsSelected] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
     if (isInputFocus && activeCount <= searchValue.length && !isSelected) {
       setIsOpen(true);
       setIsActive(true);
@@ -58,26 +67,26 @@ const DSZipCodeSearch = _ref2 => {
       setIsOpen(false);
     }
   }, [isInputFocus, isActive, activeCount, searchValue, isSelected]);
-  react.useEffect(() => {
-    setSearchValue(value || '');
+  (0, import_react.useEffect)(() => {
+    setSearchValue(value || "");
   }, [value]);
-  const onTypeInInput = react.useCallback(e => {
+  const onTypeInInput = (0, import_react.useCallback)((e) => {
     const finalVal = e.target.value;
     onSearch(finalVal);
     setSearchValue(finalVal);
     setIsSelected(false);
   }, [onSearch]);
-  const onFocusInput = react.useCallback(() => {
+  const onFocusInput = (0, import_react.useCallback)(() => {
     setIsInputFocus(true);
   }, []);
-  const onInnerBlur = react.useCallback(e => {
+  const onInnerBlur = (0, import_react.useCallback)((e) => {
     setIsInputFocus(false);
     onBlur(e);
   }, [onBlur]);
-  const onClose = react.useCallback(() => {
+  const onClose = (0, import_react.useCallback)(() => {
     setIsActive(false);
   }, []);
-  const onSelectItem = react.useCallback(item => {
+  const onSelectItem = (0, import_react.useCallback)((item) => {
     setSearchValue(item.value);
     onChange(item);
     setIsSelected(true);
@@ -85,37 +94,34 @@ const DSZipCodeSearch = _ref2 => {
     setIsOpen(false);
     onClose();
   }, [onChange, onClose]);
-  return /*#__PURE__*/jsxRuntime.jsx(blocks.InputSearchWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
-    children: /*#__PURE__*/_jsx__default["default"](DSDropdownMenu__default["default"], {
-      isOpen: isOpen && options.length > 0,
-      menuProps: {
-        className: 'input-search-menu'
-      },
-      onClose: onClose,
-      onSelectMenuItem: onSelectItem,
-      contentStyle: {
-        maxHeight: 200
-      },
-      options: options.length > 0 ? [helper.createDisabledOption(selectRightOptions), ...helper.noAddonOptions(options)] : [],
-      triggerComponent: /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInputMask, {
-        disabled: disabled,
-        innerRef: _ref => ref.current = _ref,
-        mask: mask,
-        onBlur: onInnerBlur,
-        onChange: onTypeInInput,
-        onFocus: onFocusInput,
-        placeholder: placeholder,
-        value: searchValue,
-        tabIndex: tabIndex
-      }))
-    })
+  return /* @__PURE__ */ import_react.default.createElement(import_blocks.InputSearchWrapper, {
+    ...containerProps
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_dropdownmenu.default, {
+    isOpen: isOpen && options.length > 0,
+    menuProps: { className: "input-search-menu" },
+    onClose,
+    onSelectMenuItem: onSelectItem,
+    contentStyle: {
+      maxHeight: 200
+    },
+    options: options.length > 0 ? [(0, import_helper.createDisabledOption)(selectRightOptions), ...(0, import_helper.noAddonOptions)(options)] : [],
+    triggerComponent: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputMask, {
+      disabled,
+      innerRef: (_ref) => ref.current = _ref,
+      mask,
+      onBlur: onInnerBlur,
+      onChange: onTypeInInput,
+      onFocus: onFocusInput,
+      placeholder,
+      value: searchValue,
+      tabIndex
+    }))
   }));
 };
-
-DSZipCodeSearch.defaultProps = props.defaultProps;
-const ZipCodeSearchWithSchema = reactDesc.describe(DSZipCodeSearch);
-ZipCodeSearchWithSchema.propTypes = props.zipcodeSearchProps;
-
-exports.DSZipCodeSearch = DSZipCodeSearch;
-exports.ZipCodeSearchWithSchema = ZipCodeSearchWithSchema;
-exports["default"] = DSZipCodeSearch;
+DSZipCodeSearch.propTypes = import_props.zipcodeSearchProps;
+DSZipCodeSearch.defaultProps = import_props.defaultProps;
+const ZipCodeSearchWithSchema = (0, import_react_desc.describe)(DSZipCodeSearch);
+ZipCodeSearchWithSchema.propTypes = import_props.zipcodeSearchProps;
+var DSZipCodeSearch_default = DSZipCodeSearch;
+module.exports = __toCommonJS(DSZipCodeSearch_exports);
+//# sourceMappingURL=DSZipCodeSearch.js.map

package/cjs/DSZipCodeSearch.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSZipCodeSearch.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-useless-escape */\n/* eslint-disable max-lines */\n/* eslint-disable indent */\nimport React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { DSInputMask } from '@elliemae/ds-form';\nimport { InputSearchWrapper } from './components/blocks';\nimport { createDisabledOption, noAddonOptions } from './components/helper';\nimport { zipcodeSearchProps, defaultProps } from './props';\n\nconst DSZipCodeSearch = ({\n  disabled,\n  value,\n  placeholder,\n  mask,\n  onBlur,\n  onChange,\n  onSearch,\n  containerProps,\n  selectRightOptions,\n  activeCount,\n  options,\n  tabIndex,\n}) => {\n  const ref = useRef(null);\n  const [searchValue, setSearchValue] = useState(value);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n  const [isInputFocus, setIsInputFocus] = useState(false);\n  const [isSelected, setIsSelected] = useState(false);\n\n  useEffect(() => {\n    if (isInputFocus && activeCount <= searchValue.length && !isSelected) {\n      setIsOpen(true);\n      setIsActive(true);\n    } else if (!isActive || activeCount > searchValue.length) {\n      setIsOpen(false);\n    }\n  }, [isInputFocus, isActive, activeCount, searchValue, isSelected]);\n  useEffect(() => {\n    setSearchValue(value || '');\n  }, [value]);\n\n  const onTypeInInput = useCallback(\n    (e) => {\n      const finalVal = e.target.value;\n      onSearch(finalVal);\n      setSearchValue(finalVal);\n      setIsSelected(false);\n    },\n    [onSearch],\n  );\n\n  const onFocusInput = useCallback(() => {\n    setIsInputFocus(true);\n  }, []);\n\n  const onInnerBlur = useCallback(\n    (e) => {\n      setIsInputFocus(false);\n      onBlur(e);\n    },\n    [onBlur],\n  );\n  const onClose = useCallback(() => {\n    setIsActive(false);\n  }, []);\n  const onSelectItem = useCallback(\n    (item) => {\n      setSearchValue(item.value);\n      onChange(item);\n      setIsSelected(true);\n      ref.current.focus();\n      setIsOpen(false);\n      onClose();\n    },\n    [onChange, onClose],\n  );\n\n  return (\n    <InputSearchWrapper {...containerProps}>\n      <DSDropdownMenu\n        isOpen={isOpen && options.length > 0}\n        menuProps={{ className: 'input-search-menu' }}\n        onClose={onClose}\n        onSelectMenuItem={onSelectItem}\n        contentStyle={{\n          maxHeight: 200,\n        }}\n        options={options.length > 0 ? [createDisabledOption(selectRightOptions), ...noAddonOptions(options)] : []}\n        triggerComponent={\n          <div>\n            <DSInputMask\n              disabled={disabled}\n              innerRef={(_ref) => (ref.current = _ref)}\n              mask={mask}\n              onBlur={onInnerBlur}\n              onChange={onTypeInInput}\n              onFocus={onFocusInput}\n              placeholder={placeholder}\n              value={searchValue}\n              tabIndex={tabIndex}\n            />\n          </div>\n        }\n      />\n    </InputSearchWrapper>\n  );\n};\n\nDSZipCodeSearch.propTypes = zipcodeSearchProps;\n\nDSZipCodeSearch.defaultProps = defaultProps;\n\nconst ZipCodeSearchWithSchema = describe(DSZipCodeSearch);\nZipCodeSearchWithSchema.propTypes = zipcodeSearchProps;\n\nexport { DSZipCodeSearch, ZipCodeSearchWithSchema };\nexport default DSZipCodeSearch;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAgE;AAChE,wBAAyB;AACzB,6BAA2B;AAC3B,qBAA4B;AAC5B,oBAAmC;AACnC,oBAAqD;AACrD,mBAAiD;AAEjD,MAAM,kBAAkB,CAAC;AAAA,EACvB;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,MAAM,yBAAO;AACnB,QAAM,CAAC,aAAa,kBAAkB,2BAAS;AAC/C,QAAM,CAAC,QAAQ,aAAa,2BAAS;AACrC,QAAM,CAAC,UAAU,eAAe,2BAAS;AACzC,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AACjD,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAE7C,8BAAU,MAAM;AACd,QAAI,gBAAgB,eAAe,YAAY,UAAU,CAAC,YAAY;AACpE,gBAAU;AACV,kBAAY;AAAA,eACH,CAAC,YAAY,cAAc,YAAY,QAAQ;AACxD,gBAAU;AAAA;AAAA,KAEX,CAAC,cAAc,UAAU,aAAa,aAAa;AACtD,8BAAU,MAAM;AACd,mBAAe,SAAS;AAAA,KACvB,CAAC;AAEJ,QAAM,gBAAgB,8BACpB,CAAC,MAAM;AACL,UAAM,WAAW,EAAE,OAAO;AAC1B,aAAS;AACT,mBAAe;AACf,kBAAc;AAAA,KAEhB,CAAC;AAGH,QAAM,eAAe,8BAAY,MAAM;AACrC,oBAAgB;AAAA,KACf;AAEH,QAAM,cAAc,8BAClB,CAAC,MAAM;AACL,oBAAgB;AAChB,WAAO;AAAA,KAET,CAAC;AAEH,QAAM,UAAU,8BAAY,MAAM;AAChC,gBAAY;AAAA,KACX;AACH,QAAM,eAAe,8BACnB,CAAC,SAAS;AACR,mBAAe,KAAK;AACpB,aAAS;AACT,kBAAc;AACd,QAAI,QAAQ;AACZ,cAAU;AACV;AAAA,KAEF,CAAC,UAAU;AAGb,SACE,mDAAC,kCAAD;AAAA,OAAwB;AAAA,KACtB,mDAAC,gCAAD;AAAA,IACE,QAAQ,UAAU,QAAQ,SAAS;AAAA,IACnC,WAAW,EAAE,WAAW;AAAA,IACxB;AAAA,IACA,kBAAkB;AAAA,IAClB,cAAc;AAAA,MACZ,WAAW;AAAA;AAAA,IAEb,SAAS,QAAQ,SAAS,IAAI,CAAC,wCAAqB,qBAAqB,GAAG,kCAAe,YAAY;AAAA,IACvG,kBACE,mDAAC,OAAD,MACE,mDAAC,4BAAD;AAAA,MACE;AAAA,MACA,UAAU,CAAC,SAAU,IAAI,UAAU;AAAA,MACnC;AAAA,MACA,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA,MACA,OAAO;AAAA,MACP;AAAA;AAAA;AAAA;AASd,gBAAgB,YAAY;AAE5B,gBAAgB,eAAe;AAE/B,MAAM,0BAA0B,gCAAS;AACzC,wBAAwB,YAAY;AAGpC,IAAO,0BAAQ;",
+  "names": []
+}

package/cjs/components/blocks.js

@@ -1,10 +1,37 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dsClassnames = require('@elliemae/ds-classnames');
-
-const blockName = 'input-search';
-const InputSearchWrapper = dsClassnames.aggregatedClasses('div')(blockName);
-
-exports.InputSearchWrapper = InputSearchWrapper;
+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 blocks_exports = {};
+__export(blocks_exports, {
+  InputSearchWrapper: () => InputSearchWrapper
+});
+var React = __toESM(require("react"));
+var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
+const blockName = "input-search";
+const InputSearchWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
+module.exports = __toCommonJS(blocks_exports);
+//# sourceMappingURL=blocks.js.map

package/cjs/components/blocks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/blocks.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'input-search';\n\nexport const InputSearchWrapper = aggregatedClasses('div')(blockName);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,qBAAqB,4CAAkB,OAAO;",
+  "names": []
+}

package/cjs/components/helper.js

@@ -1,39 +1,49 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-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');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-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; }
+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 helper_exports = {};
+__export(helper_exports, {
+  createDisabledOption: () => createDisabledOption,
+  noAddonOptions: () => noAddonOptions
+});
+var React = __toESM(require("react"));
 function createDisabledOption(label) {
   return {
-    id: 'no-option',
-    type: 'disabled',
+    id: "no-option",
+    type: "disabled",
     label,
     noAddon: true,
-    'aria-disabled': true,
-    className: 'no-options',
+    "aria-disabled": true,
+    className: "no-options",
     tabIndex: -1
   };
 }
 function noAddonOptions(options) {
-  return options.map(op => _objectSpread(_objectSpread({}, op), {}, {
-    noAddon: true
-  }));
+  return options.map((op) => ({ ...op, noAddon: true }));
 }
-
-exports.createDisabledOption = createDisabledOption;
-exports.noAddonOptions = noAddonOptions;
+module.exports = __toCommonJS(helper_exports);
+//# sourceMappingURL=helper.js.map

package/cjs/components/helper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/helper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export function createDisabledOption(label) {\n  return {\n    id: 'no-option',\n    type: 'disabled',\n    label,\n    noAddon: true,\n    'aria-disabled': true,\n    className: 'no-options',\n    tabIndex: -1,\n  };\n}\n\nexport function noAddonOptions(options) {\n  return options.map(op => ({ ...op, noAddon: true }));\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,8BAA8B,OAAO;AAC1C,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA;AAAA;AAIP,wBAAwB,SAAS;AACtC,SAAO,QAAQ,IAAI,QAAO,MAAK,IAAI,SAAS;AAAA;",
+  "names": []
+}

package/cjs/index.js

@@ -1,11 +1,36 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSZipCodeSearch = require('./DSZipCodeSearch.js');
-
-
-
-exports.DSZipCodeSearch = DSZipCodeSearch.DSZipCodeSearch;
-exports.ZipCodeSearchWithSchema = DSZipCodeSearch.ZipCodeSearchWithSchema;
-exports["default"] = DSZipCodeSearch.DSZipCodeSearch;
+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 src_exports = {};
+__export(src_exports, {
+  default: () => import_DSZipCodeSearch.default
+});
+var React = __toESM(require("react"));
+__reExport(src_exports, __toESM(require("./DSZipCodeSearch")));
+var import_DSZipCodeSearch = __toESM(require("./DSZipCodeSearch"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

package/cjs/props.js

@@ -1,66 +1,68 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-var dsForm = require('@elliemae/ds-form');
-
+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, {
+  defaultProps: () => defaultProps,
+  zipcodeSearchProps: () => zipcodeSearchProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = __toESM(require("react-desc"));
+var import_ds_form = __toESM(require("@elliemae/ds-form"));
 const zipcodeSearchProps = {
-  /** html class attribute */
-  className: reactDesc.PropTypes.string.description('html class attribute'),
-
-  /** Set of Properties attached to the main container */
-  containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
-
-  /** native tabindex property to handle focus order */
-  tabIndex: reactDesc.PropTypes.number.description('native tabindex property to handle focus order'),
-
-  /** disable component */
-  disabled: reactDesc.PropTypes.bool.description('disable component'),
-
-  /** input value */
-  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number, reactDesc.PropTypes.object]).description('input value').isRequired,
-
-  /** function called on blur */
-  onBlur: reactDesc.PropTypes.func.description('function called on blur'),
-
-  /** function called on change */
-  onChange: reactDesc.PropTypes.func.description('function called on change'),
-
-  /** options to display */
-  options: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
-    label: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]),
-    value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number])
-  })).description('options to display'),
-
-  /** placeholder value */
-  placeholder: reactDesc.PropTypes.string.description('placeholder value'),
-
-  /** format mask to apply */
-  mask: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.any).description('format mask to apply'),
-
-  /** function called onsearch */
-  onSearch: reactDesc.PropTypes.func.description('function called onsearch'),
-
-  /** Correction messange */
-  selectRightOptions: reactDesc.PropTypes.string.description('Correction messange'),
-
-  /** current amount */
-  activeCount: reactDesc.PropTypes.number.description('current amount')
+  className: import_react_desc.PropTypes.string.description("html class attribute"),
+  containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container"),
+  tabIndex: import_react_desc.PropTypes.number.description("native tabindex property to handle focus order"),
+  disabled: import_react_desc.PropTypes.bool.description("disable component"),
+  value: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number, import_react_desc.PropTypes.object]).description("input value").isRequired,
+  onBlur: import_react_desc.PropTypes.func.description("function called on blur"),
+  onChange: import_react_desc.PropTypes.func.description("function called on change"),
+  options: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
+    label: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]),
+    value: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number])
+  })).description("options to display"),
+  placeholder: import_react_desc.PropTypes.string.description("placeholder value"),
+  mask: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.any).description("format mask to apply"),
+  onSearch: import_react_desc.PropTypes.func.description("function called onsearch"),
+  selectRightOptions: import_react_desc.PropTypes.string.description("Correction messange"),
+  activeCount: import_react_desc.PropTypes.number.description("current amount")
 };
 const defaultProps = {
   disabled: false,
-  value: '',
-  placeholder: '_____-____',
-  mask: dsForm.MASK_TYPES.ZIP_CODE_SEARCH,
+  value: "",
+  placeholder: "_____-____",
+  mask: import_ds_form.MASK_TYPES.ZIP_CODE_SEARCH,
   onBlur: () => null,
   onChange: () => null,
   onSearch: () => null,
   containerProps: {},
-  selectRightOptions: 'Please select the appropriate city',
+  selectRightOptions: "Please select the appropriate city",
   activeCount: 5,
   options: []
 };
-
-exports.defaultProps = defaultProps;
-exports.zipcodeSearchProps = zipcodeSearchProps;
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/cjs/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { MASK_TYPES } from '@elliemae/ds-form';\n\nexport const zipcodeSearchProps = {\n  /** html class attribute */\n  className: PropTypes.string.description('html class attribute'),\n  /** Set of Properties attached to the main container */\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  /** native tabindex property to handle focus order */\n  tabIndex: PropTypes.number.description('native tabindex property to handle focus order'),\n  /** disable component */\n  disabled: PropTypes.bool.description('disable component'),\n  /** input value */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description('input value')\n    .isRequired,\n  /** function called on blur */\n  onBlur: PropTypes.func.description('function called on blur'),\n  /** function called on change */\n  onChange: PropTypes.func.description('function called on change'),\n  /** options to display */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    }),\n  ).description('options to display'),\n  /** placeholder value */\n  placeholder: PropTypes.string.description('placeholder value'),\n  /** format mask to apply */\n  mask: PropTypes.arrayOf(PropTypes.any).description('format mask to apply'),\n  /** function called onsearch */\n  onSearch: PropTypes.func.description('function called onsearch'),\n  /** Correction messange */\n  selectRightOptions: PropTypes.string.description('Correction messange'),\n  /** current amount */\n  activeCount: PropTypes.number.description('current amount'),\n};\n\nexport const defaultProps = {\n  disabled: false,\n  value: '',\n  placeholder: '_____-____',\n  mask: MASK_TYPES.ZIP_CODE_SEARCH,\n  onBlur: () => null,\n  onChange: () => null,\n  onSearch: () => null,\n  containerProps: {},\n  selectRightOptions: 'Please select the appropriate city',\n  activeCount: 5,\n  options: [],\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,qBAA2B;AAEpB,MAAM,qBAAqB;AAAA,EAEhC,WAAW,4BAAU,OAAO,YAAY;AAAA,EAExC,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAE7C,UAAU,4BAAU,OAAO,YAAY;AAAA,EAEvC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,OAAO,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,QAAQ,4BAAU,SAAS,YAAY,eAC5F;AAAA,EAEH,QAAQ,4BAAU,KAAK,YAAY;AAAA,EAEnC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,SAAS,4BAAU,QACjB,4BAAU,MAAM;AAAA,IACd,OAAO,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU;AAAA,IACxD,OAAO,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU;AAAA,MAE1D,YAAY;AAAA,EAEd,aAAa,4BAAU,OAAO,YAAY;AAAA,EAE1C,MAAM,4BAAU,QAAQ,4BAAU,KAAK,YAAY;AAAA,EAEnD,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,oBAAoB,4BAAU,OAAO,YAAY;AAAA,EAEjD,aAAa,4BAAU,OAAO,YAAY;AAAA;AAGrC,MAAM,eAAe;AAAA,EAC1B,UAAU;AAAA,EACV,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM,0BAAW;AAAA,EACjB,QAAQ,MAAM;AAAA,EACd,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,SAAS;AAAA;",
+  "names": []
+}

package/esm/DSZipCodeSearch.js

@@ -1,39 +1,25 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useRef, useState, useEffect, useCallback } from 'react';
-import { describe } from 'react-desc';
-import DSDropdownMenu from '@elliemae/ds-dropdownmenu';
-import { DSInputMask } from '@elliemae/ds-form';
-import { InputSearchWrapper } from './components/blocks.js';
-import { createDisabledOption, noAddonOptions } from './components/helper.js';
-import { zipcodeSearchProps, defaultProps } from './props.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSZipCodeSearch = _ref2 => {
-  let {
-    disabled,
-    value,
-    placeholder,
-    mask,
-    onBlur,
-    onChange,
-    onSearch,
-    containerProps,
-    selectRightOptions,
-    activeCount,
-    options,
-    tabIndex
-  } = _ref2;
+import * as React from "react";
+import React2, { useState, useEffect, useRef, useCallback } from "react";
+import { describe } from "react-desc";
+import DSDropdownMenu from "@elliemae/ds-dropdownmenu";
+import { DSInputMask } from "@elliemae/ds-form";
+import { InputSearchWrapper } from "./components/blocks";
+import { createDisabledOption, noAddonOptions } from "./components/helper";
+import { zipcodeSearchProps, defaultProps } from "./props";
+const DSZipCodeSearch = ({
+  disabled,
+  value,
+  placeholder,
+  mask,
+  onBlur,
+  onChange,
+  onSearch,
+  containerProps,
+  selectRightOptions,
+  activeCount,
+  options,
+  tabIndex
+}) => {
   const ref = useRef(null);
   const [searchValue, setSearchValue] = useState(value);
   const [isOpen, setIsOpen] = useState(false);
@@ -49,9 +35,9 @@ const DSZipCodeSearch = _ref2 => {
     }
   }, [isInputFocus, isActive, activeCount, searchValue, isSelected]);
   useEffect(() => {
-    setSearchValue(value || '');
+    setSearchValue(value || "");
   }, [value]);
-  const onTypeInInput = useCallback(e => {
+  const onTypeInInput = useCallback((e) => {
     const finalVal = e.target.value;
     onSearch(finalVal);
     setSearchValue(finalVal);
@@ -60,14 +46,14 @@ const DSZipCodeSearch = _ref2 => {
   const onFocusInput = useCallback(() => {
     setIsInputFocus(true);
   }, []);
-  const onInnerBlur = useCallback(e => {
+  const onInnerBlur = useCallback((e) => {
     setIsInputFocus(false);
     onBlur(e);
   }, [onBlur]);
   const onClose = useCallback(() => {
     setIsActive(false);
   }, []);
-  const onSelectItem = useCallback(item => {
+  const onSelectItem = useCallback((item) => {
     setSearchValue(item.value);
     onChange(item);
     setIsSelected(true);
@@ -75,35 +61,38 @@ const DSZipCodeSearch = _ref2 => {
     setIsOpen(false);
     onClose();
   }, [onChange, onClose]);
-  return /*#__PURE__*/jsx(InputSearchWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
-    children: /*#__PURE__*/_jsx(DSDropdownMenu, {
-      isOpen: isOpen && options.length > 0,
-      menuProps: {
-        className: 'input-search-menu'
-      },
-      onClose: onClose,
-      onSelectMenuItem: onSelectItem,
-      contentStyle: {
-        maxHeight: 200
-      },
-      options: options.length > 0 ? [createDisabledOption(selectRightOptions), ...noAddonOptions(options)] : [],
-      triggerComponent: /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/_jsx(DSInputMask, {
-        disabled: disabled,
-        innerRef: _ref => ref.current = _ref,
-        mask: mask,
-        onBlur: onInnerBlur,
-        onChange: onTypeInInput,
-        onFocus: onFocusInput,
-        placeholder: placeholder,
-        value: searchValue,
-        tabIndex: tabIndex
-      }))
-    })
+  return /* @__PURE__ */ React2.createElement(InputSearchWrapper, {
+    ...containerProps
+  }, /* @__PURE__ */ React2.createElement(DSDropdownMenu, {
+    isOpen: isOpen && options.length > 0,
+    menuProps: { className: "input-search-menu" },
+    onClose,
+    onSelectMenuItem: onSelectItem,
+    contentStyle: {
+      maxHeight: 200
+    },
+    options: options.length > 0 ? [createDisabledOption(selectRightOptions), ...noAddonOptions(options)] : [],
+    triggerComponent: /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(DSInputMask, {
+      disabled,
+      innerRef: (_ref) => ref.current = _ref,
+      mask,
+      onBlur: onInnerBlur,
+      onChange: onTypeInInput,
+      onFocus: onFocusInput,
+      placeholder,
+      value: searchValue,
+      tabIndex
+    }))
   }));
 };
-
+DSZipCodeSearch.propTypes = zipcodeSearchProps;
 DSZipCodeSearch.defaultProps = defaultProps;
 const ZipCodeSearchWithSchema = describe(DSZipCodeSearch);
 ZipCodeSearchWithSchema.propTypes = zipcodeSearchProps;
-
-export { DSZipCodeSearch, ZipCodeSearchWithSchema, DSZipCodeSearch as default };
+var DSZipCodeSearch_default = DSZipCodeSearch;
+export {
+  DSZipCodeSearch,
+  ZipCodeSearchWithSchema,
+  DSZipCodeSearch_default as default
+};
+//# sourceMappingURL=DSZipCodeSearch.js.map

package/esm/DSZipCodeSearch.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSZipCodeSearch.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-useless-escape */\n/* eslint-disable max-lines */\n/* eslint-disable indent */\nimport React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { DSInputMask } from '@elliemae/ds-form';\nimport { InputSearchWrapper } from './components/blocks';\nimport { createDisabledOption, noAddonOptions } from './components/helper';\nimport { zipcodeSearchProps, defaultProps } from './props';\n\nconst DSZipCodeSearch = ({\n  disabled,\n  value,\n  placeholder,\n  mask,\n  onBlur,\n  onChange,\n  onSearch,\n  containerProps,\n  selectRightOptions,\n  activeCount,\n  options,\n  tabIndex,\n}) => {\n  const ref = useRef(null);\n  const [searchValue, setSearchValue] = useState(value);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n  const [isInputFocus, setIsInputFocus] = useState(false);\n  const [isSelected, setIsSelected] = useState(false);\n\n  useEffect(() => {\n    if (isInputFocus && activeCount <= searchValue.length && !isSelected) {\n      setIsOpen(true);\n      setIsActive(true);\n    } else if (!isActive || activeCount > searchValue.length) {\n      setIsOpen(false);\n    }\n  }, [isInputFocus, isActive, activeCount, searchValue, isSelected]);\n  useEffect(() => {\n    setSearchValue(value || '');\n  }, [value]);\n\n  const onTypeInInput = useCallback(\n    (e) => {\n      const finalVal = e.target.value;\n      onSearch(finalVal);\n      setSearchValue(finalVal);\n      setIsSelected(false);\n    },\n    [onSearch],\n  );\n\n  const onFocusInput = useCallback(() => {\n    setIsInputFocus(true);\n  }, []);\n\n  const onInnerBlur = useCallback(\n    (e) => {\n      setIsInputFocus(false);\n      onBlur(e);\n    },\n    [onBlur],\n  );\n  const onClose = useCallback(() => {\n    setIsActive(false);\n  }, []);\n  const onSelectItem = useCallback(\n    (item) => {\n      setSearchValue(item.value);\n      onChange(item);\n      setIsSelected(true);\n      ref.current.focus();\n      setIsOpen(false);\n      onClose();\n    },\n    [onChange, onClose],\n  );\n\n  return (\n    <InputSearchWrapper {...containerProps}>\n      <DSDropdownMenu\n        isOpen={isOpen && options.length > 0}\n        menuProps={{ className: 'input-search-menu' }}\n        onClose={onClose}\n        onSelectMenuItem={onSelectItem}\n        contentStyle={{\n          maxHeight: 200,\n        }}\n        options={options.length > 0 ? [createDisabledOption(selectRightOptions), ...noAddonOptions(options)] : []}\n        triggerComponent={\n          <div>\n            <DSInputMask\n              disabled={disabled}\n              innerRef={(_ref) => (ref.current = _ref)}\n              mask={mask}\n              onBlur={onInnerBlur}\n              onChange={onTypeInInput}\n              onFocus={onFocusInput}\n              placeholder={placeholder}\n              value={searchValue}\n              tabIndex={tabIndex}\n            />\n          </div>\n        }\n      />\n    </InputSearchWrapper>\n  );\n};\n\nDSZipCodeSearch.propTypes = zipcodeSearchProps;\n\nDSZipCodeSearch.defaultProps = defaultProps;\n\nconst ZipCodeSearchWithSchema = describe(DSZipCodeSearch);\nZipCodeSearchWithSchema.propTypes = zipcodeSearchProps;\n\nexport { DSZipCodeSearch, ZipCodeSearchWithSchema };\nexport default DSZipCodeSearch;\n"],
+  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB;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,MAAM,OAAO;AACnB,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAC/C,QAAM,CAAC,QAAQ,aAAa,SAAS;AACrC,QAAM,CAAC,UAAU,eAAe,SAAS;AACzC,QAAM,CAAC,cAAc,mBAAmB,SAAS;AACjD,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAE7C,YAAU,MAAM;AACd,QAAI,gBAAgB,eAAe,YAAY,UAAU,CAAC,YAAY;AACpE,gBAAU;AACV,kBAAY;AAAA,eACH,CAAC,YAAY,cAAc,YAAY,QAAQ;AACxD,gBAAU;AAAA;AAAA,KAEX,CAAC,cAAc,UAAU,aAAa,aAAa;AACtD,YAAU,MAAM;AACd,mBAAe,SAAS;AAAA,KACvB,CAAC;AAEJ,QAAM,gBAAgB,YACpB,CAAC,MAAM;AACL,UAAM,WAAW,EAAE,OAAO;AAC1B,aAAS;AACT,mBAAe;AACf,kBAAc;AAAA,KAEhB,CAAC;AAGH,QAAM,eAAe,YAAY,MAAM;AACrC,oBAAgB;AAAA,KACf;AAEH,QAAM,cAAc,YAClB,CAAC,MAAM;AACL,oBAAgB;AAChB,WAAO;AAAA,KAET,CAAC;AAEH,QAAM,UAAU,YAAY,MAAM;AAChC,gBAAY;AAAA,KACX;AACH,QAAM,eAAe,YACnB,CAAC,SAAS;AACR,mBAAe,KAAK;AACpB,aAAS;AACT,kBAAc;AACd,QAAI,QAAQ;AACZ,cAAU;AACV;AAAA,KAEF,CAAC,UAAU;AAGb,SACE,qCAAC,oBAAD;AAAA,OAAwB;AAAA,KACtB,qCAAC,gBAAD;AAAA,IACE,QAAQ,UAAU,QAAQ,SAAS;AAAA,IACnC,WAAW,EAAE,WAAW;AAAA,IACxB;AAAA,IACA,kBAAkB;AAAA,IAClB,cAAc;AAAA,MACZ,WAAW;AAAA;AAAA,IAEb,SAAS,QAAQ,SAAS,IAAI,CAAC,qBAAqB,qBAAqB,GAAG,eAAe,YAAY;AAAA,IACvG,kBACE,qCAAC,OAAD,MACE,qCAAC,aAAD;AAAA,MACE;AAAA,MACA,UAAU,CAAC,SAAU,IAAI,UAAU;AAAA,MACnC;AAAA,MACA,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA,MACA,OAAO;AAAA,MACP;AAAA;AAAA;AAAA;AASd,gBAAgB,YAAY;AAE5B,gBAAgB,eAAe;AAE/B,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;AAGpC,IAAO,0BAAQ;",
+  "names": []
+}

package/esm/components/blocks.js

@@ -1,6 +1,8 @@
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-
-const blockName = 'input-search';
-const InputSearchWrapper = aggregatedClasses('div')(blockName);
-
-export { InputSearchWrapper };
+import * as React from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const blockName = "input-search";
+const InputSearchWrapper = aggregatedClasses("div")(blockName);
+export {
+  InputSearchWrapper
+};
+//# sourceMappingURL=blocks.js.map

package/esm/components/blocks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/blocks.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'input-search';\n\nexport const InputSearchWrapper = aggregatedClasses('div')(blockName);\n"],
+  "mappings": "AAAA;ACAA;AAEA,MAAM,YAAY;AAEX,MAAM,qBAAqB,kBAAkB,OAAO;",
+  "names": []
+}

package/esm/components/helper.js

@@ -1,30 +1,20 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import * as React from "react";
 function createDisabledOption(label) {
   return {
-    id: 'no-option',
-    type: 'disabled',
+    id: "no-option",
+    type: "disabled",
     label,
     noAddon: true,
-    'aria-disabled': true,
-    className: 'no-options',
+    "aria-disabled": true,
+    className: "no-options",
     tabIndex: -1
   };
 }
 function noAddonOptions(options) {
-  return options.map(op => _objectSpread(_objectSpread({}, op), {}, {
-    noAddon: true
-  }));
+  return options.map((op) => ({ ...op, noAddon: true }));
 }
-
-export { createDisabledOption, noAddonOptions };
+export {
+  createDisabledOption,
+  noAddonOptions
+};
+//# sourceMappingURL=helper.js.map

package/esm/components/helper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/helper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function createDisabledOption(label) {\n  return {\n    id: 'no-option',\n    type: 'disabled',\n    label,\n    noAddon: true,\n    'aria-disabled': true,\n    className: 'no-options',\n    tabIndex: -1,\n  };\n}\n\nexport function noAddonOptions(options) {\n  return options.map(op => ({ ...op, noAddon: true }));\n}\n"],
+  "mappings": "AAAA;ACAO,8BAA8B,OAAO;AAC1C,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA;AAAA;AAIP,wBAAwB,SAAS;AACtC,SAAO,QAAQ,IAAI,QAAO,MAAK,IAAI,SAAS;AAAA;",
+  "names": []
+}

package/esm/index.js

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

package/esm/index.js.map

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

package/esm/props.js

@@ -1,61 +1,39 @@
-import { PropTypes } from 'react-desc';
-import { MASK_TYPES } from '@elliemae/ds-form';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { MASK_TYPES } from "@elliemae/ds-form";
 const zipcodeSearchProps = {
-  /** html class attribute */
-  className: PropTypes.string.description('html class attribute'),
-
-  /** Set of Properties attached to the main container */
-  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
-
-  /** native tabindex property to handle focus order */
-  tabIndex: PropTypes.number.description('native tabindex property to handle focus order'),
-
-  /** disable component */
-  disabled: PropTypes.bool.description('disable component'),
-
-  /** input value */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description('input value').isRequired,
-
-  /** function called on blur */
-  onBlur: PropTypes.func.description('function called on blur'),
-
-  /** function called on change */
-  onChange: PropTypes.func.description('function called on change'),
-
-  /** options to display */
+  className: PropTypes.string.description("html class attribute"),
+  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
+  tabIndex: PropTypes.number.description("native tabindex property to handle focus order"),
+  disabled: PropTypes.bool.description("disable component"),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description("input value").isRequired,
+  onBlur: PropTypes.func.description("function called on blur"),
+  onChange: PropTypes.func.description("function called on change"),
   options: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-  })).description('options to display'),
-
-  /** placeholder value */
-  placeholder: PropTypes.string.description('placeholder value'),
-
-  /** format mask to apply */
-  mask: PropTypes.arrayOf(PropTypes.any).description('format mask to apply'),
-
-  /** function called onsearch */
-  onSearch: PropTypes.func.description('function called onsearch'),
-
-  /** Correction messange */
-  selectRightOptions: PropTypes.string.description('Correction messange'),
-
-  /** current amount */
-  activeCount: PropTypes.number.description('current amount')
+  })).description("options to display"),
+  placeholder: PropTypes.string.description("placeholder value"),
+  mask: PropTypes.arrayOf(PropTypes.any).description("format mask to apply"),
+  onSearch: PropTypes.func.description("function called onsearch"),
+  selectRightOptions: PropTypes.string.description("Correction messange"),
+  activeCount: PropTypes.number.description("current amount")
 };
 const defaultProps = {
   disabled: false,
-  value: '',
-  placeholder: '_____-____',
+  value: "",
+  placeholder: "_____-____",
   mask: MASK_TYPES.ZIP_CODE_SEARCH,
   onBlur: () => null,
   onChange: () => null,
   onSearch: () => null,
   containerProps: {},
-  selectRightOptions: 'Please select the appropriate city',
+  selectRightOptions: "Please select the appropriate city",
   activeCount: 5,
   options: []
 };
-
-export { defaultProps, zipcodeSearchProps };
+export {
+  defaultProps,
+  zipcodeSearchProps
+};
+//# sourceMappingURL=props.js.map

package/esm/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { MASK_TYPES } from '@elliemae/ds-form';\n\nexport const zipcodeSearchProps = {\n  /** html class attribute */\n  className: PropTypes.string.description('html class attribute'),\n  /** Set of Properties attached to the main container */\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  /** native tabindex property to handle focus order */\n  tabIndex: PropTypes.number.description('native tabindex property to handle focus order'),\n  /** disable component */\n  disabled: PropTypes.bool.description('disable component'),\n  /** input value */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description('input value')\n    .isRequired,\n  /** function called on blur */\n  onBlur: PropTypes.func.description('function called on blur'),\n  /** function called on change */\n  onChange: PropTypes.func.description('function called on change'),\n  /** options to display */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    }),\n  ).description('options to display'),\n  /** placeholder value */\n  placeholder: PropTypes.string.description('placeholder value'),\n  /** format mask to apply */\n  mask: PropTypes.arrayOf(PropTypes.any).description('format mask to apply'),\n  /** function called onsearch */\n  onSearch: PropTypes.func.description('function called onsearch'),\n  /** Correction messange */\n  selectRightOptions: PropTypes.string.description('Correction messange'),\n  /** current amount */\n  activeCount: PropTypes.number.description('current amount'),\n};\n\nexport const defaultProps = {\n  disabled: false,\n  value: '',\n  placeholder: '_____-____',\n  mask: MASK_TYPES.ZIP_CODE_SEARCH,\n  onBlur: () => null,\n  onChange: () => null,\n  onSearch: () => null,\n  containerProps: {},\n  selectRightOptions: 'Please select the appropriate city',\n  activeCount: 5,\n  options: [],\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,qBAAqB;AAAA,EAEhC,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAE7C,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,SAAS,YAAY,eAC5F;AAAA,EAEH,QAAQ,UAAU,KAAK,YAAY;AAAA,EAEnC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,SAAS,UAAU,QACjB,UAAU,MAAM;AAAA,IACd,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IACxD,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,MAE1D,YAAY;AAAA,EAEd,aAAa,UAAU,OAAO,YAAY;AAAA,EAE1C,MAAM,UAAU,QAAQ,UAAU,KAAK,YAAY;AAAA,EAEnD,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,oBAAoB,UAAU,OAAO,YAAY;AAAA,EAEjD,aAAa,UAAU,OAAO,YAAY;AAAA;AAGrC,MAAM,eAAe;AAAA,EAC1B,UAAU;AAAA,EACV,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM,WAAW;AAAA,EACjB,QAAQ,MAAM;AAAA,EACd,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,SAAS;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-zipcode-search",
-  "version": "2.1.0",
+  "version": "2.2.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Zipcode Search",
   "module": "./esm/index.js",
@@ -48,9 +48,9 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.1.0",
-    "@elliemae/ds-dropdownmenu": "2.1.0",
-    "@elliemae/ds-form": "2.1.0",
+    "@elliemae/ds-classnames": "2.2.0-alpha.3",
+    "@elliemae/ds-dropdownmenu": "2.2.0-alpha.3",
+    "@elliemae/ds-form": "2.2.0-alpha.3",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {