@elliemae/ds-zipcode-search 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/DSZipCodeSearch.js

@@ -1,65 +1,56 @@
-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)(() => {
+'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(() => {
     if (isInputFocus && activeCount <= searchValue.length && !isSelected) {
       setIsOpen(true);
       setIsActive(true);
@@ -67,26 +58,26 @@ const DSZipCodeSearch = ({
       setIsOpen(false);
     }
   }, [isInputFocus, isActive, activeCount, searchValue, isSelected]);
-  (0, import_react.useEffect)(() => {
-    setSearchValue(value || "");
+  react.useEffect(() => {
+    setSearchValue(value || '');
   }, [value]);
-  const onTypeInInput = (0, import_react.useCallback)((e) => {
+  const onTypeInInput = react.useCallback(e => {
     const finalVal = e.target.value;
     onSearch(finalVal);
     setSearchValue(finalVal);
     setIsSelected(false);
   }, [onSearch]);
-  const onFocusInput = (0, import_react.useCallback)(() => {
+  const onFocusInput = react.useCallback(() => {
     setIsInputFocus(true);
   }, []);
-  const onInnerBlur = (0, import_react.useCallback)((e) => {
+  const onInnerBlur = react.useCallback(e => {
     setIsInputFocus(false);
     onBlur(e);
   }, [onBlur]);
-  const onClose = (0, import_react.useCallback)(() => {
+  const onClose = react.useCallback(() => {
     setIsActive(false);
   }, []);
-  const onSelectItem = (0, import_react.useCallback)((item) => {
+  const onSelectItem = react.useCallback(item => {
     setSearchValue(item.value);
     onChange(item);
     setIsSelected(true);
@@ -94,34 +85,37 @@ const DSZipCodeSearch = ({
     setIsOpen(false);
     onClose();
   }, [onChange, onClose]);
-  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
-    }))
+  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
+      }))
+    })
   }));
 };
-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
+
+DSZipCodeSearch.defaultProps = props.defaultProps;
+const ZipCodeSearchWithSchema = reactDesc.describe(DSZipCodeSearch);
+ZipCodeSearchWithSchema.propTypes = props.zipcodeSearchProps;
+
+exports.DSZipCodeSearch = DSZipCodeSearch;
+exports.ZipCodeSearchWithSchema = ZipCodeSearchWithSchema;
+exports["default"] = DSZipCodeSearch;

package/cjs/components/blocks.js

@@ -1,37 +1,10 @@
-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
+'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;

package/cjs/components/helper.js

@@ -1,49 +1,39 @@
-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"));
+'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; }
 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) => ({ ...op, noAddon: true }));
+  return options.map(op => _objectSpread(_objectSpread({}, op), {}, {
+    noAddon: true
+  }));
 }
-module.exports = __toCommonJS(helper_exports);
-//# sourceMappingURL=helper.js.map
+
+exports.createDisabledOption = createDisabledOption;
+exports.noAddonOptions = noAddonOptions;

package/cjs/index.js

@@ -1,36 +1,11 @@
-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
+'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;

package/cjs/props.js

@@ -1,68 +1,66 @@
-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"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+var dsForm = require('@elliemae/ds-form');
+
 const zipcodeSearchProps = {
-  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")
+  /** 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')
 };
 const defaultProps = {
   disabled: false,
-  value: "",
-  placeholder: "_____-____",
-  mask: import_ds_form.MASK_TYPES.ZIP_CODE_SEARCH,
+  value: '',
+  placeholder: '_____-____',
+  mask: dsForm.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: []
 };
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+
+exports.defaultProps = defaultProps;
+exports.zipcodeSearchProps = zipcodeSearchProps;

package/esm/DSZipCodeSearch.js

@@ -1,25 +1,39 @@
-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
-}) => {
+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;
   const ref = useRef(null);
   const [searchValue, setSearchValue] = useState(value);
   const [isOpen, setIsOpen] = useState(false);
@@ -35,9 +49,9 @@ const DSZipCodeSearch = ({
     }
   }, [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);
@@ -46,14 +60,14 @@ const DSZipCodeSearch = ({
   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);
@@ -61,38 +75,35 @@ const DSZipCodeSearch = ({
     setIsOpen(false);
     onClose();
   }, [onChange, onClose]);
-  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
-    }))
+  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
+      }))
+    })
   }));
 };
-DSZipCodeSearch.propTypes = zipcodeSearchProps;
+
 DSZipCodeSearch.defaultProps = defaultProps;
 const ZipCodeSearchWithSchema = describe(DSZipCodeSearch);
 ZipCodeSearchWithSchema.propTypes = zipcodeSearchProps;
-var DSZipCodeSearch_default = DSZipCodeSearch;
-export {
-  DSZipCodeSearch,
-  ZipCodeSearchWithSchema,
-  DSZipCodeSearch_default as default
-};
-//# sourceMappingURL=DSZipCodeSearch.js.map
+
+export { DSZipCodeSearch, ZipCodeSearchWithSchema, DSZipCodeSearch as default };

package/esm/components/blocks.js

@@ -1,8 +1,6 @@
-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
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+
+const blockName = 'input-search';
+const InputSearchWrapper = aggregatedClasses('div')(blockName);
+
+export { InputSearchWrapper };

package/esm/components/helper.js

@@ -1,20 +1,30 @@
-import * as React from "react";
+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; }
 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) => ({ ...op, noAddon: true }));
+  return options.map(op => _objectSpread(_objectSpread({}, op), {}, {
+    noAddon: true
+  }));
 }
-export {
-  createDisabledOption,
-  noAddonOptions
-};
-//# sourceMappingURL=helper.js.map
+
+export { createDisabledOption, noAddonOptions };

package/esm/index.js

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

package/esm/props.js

@@ -1,39 +1,61 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-import { MASK_TYPES } from "@elliemae/ds-form";
+import { PropTypes } from 'react-desc';
+import { MASK_TYPES } from '@elliemae/ds-form';
+
 const zipcodeSearchProps = {
-  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"),
+  /** 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 */
   options: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-  })).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")
+  })).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')
 };
 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
-};
-//# sourceMappingURL=props.js.map
+
+export { defaultProps, zipcodeSearchProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-zipcode-search",
-  "version": "2.2.0-alpha.3",
+  "version": "3.0.0-next.0",
   "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.2.0-alpha.3",
-    "@elliemae/ds-dropdownmenu": "2.2.0-alpha.3",
-    "@elliemae/ds-form": "2.2.0-alpha.3",
+    "@elliemae/ds-classnames": "3.0.0-next.0",
+    "@elliemae/ds-dropdownmenu": "3.0.0-next.0",
+    "@elliemae/ds-form": "3.0.0-next.0",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {

package/cjs/DSZipCodeSearch.js.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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": []
-}