@elliemae/ds-zipcode-search 3.0.0-next.2 → 3.0.0-next.6

package/dist/cjs/DSZipCodeSearch.js

@@ -0,0 +1,139 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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 = require("react-desc");
+var import_ds_dropdownmenu = __toESM(require("@elliemae/ds-dropdownmenu"));
+var import_ds_form = require("@elliemae/ds-form");
+var import_blocks = require("./components/blocks");
+var import_helper = require("./components/helper");
+var import_props = 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);
+    } else if (!isActive || activeCount > searchValue.length) {
+      setIsOpen(false);
+    }
+  }, [isInputFocus, isActive, activeCount, searchValue, isSelected]);
+  (0, import_react.useEffect)(() => {
+    setSearchValue(value || "");
+  }, [value]);
+  const onTypeInInput = (0, import_react.useCallback)((e) => {
+    const finalVal = e.target.value;
+    onSearch(finalVal);
+    setSearchValue(finalVal);
+    setIsSelected(false);
+  }, [onSearch]);
+  const onFocusInput = (0, import_react.useCallback)(() => {
+    setIsInputFocus(true);
+  }, []);
+  const onInnerBlur = (0, import_react.useCallback)((e) => {
+    setIsInputFocus(false);
+    onBlur(e);
+  }, [onBlur]);
+  const onClose = (0, import_react.useCallback)(() => {
+    setIsActive(false);
+  }, []);
+  const onSelectItem = (0, import_react.useCallback)((item) => {
+    setSearchValue(item.value);
+    onChange(item);
+    setIsSelected(true);
+    ref.current.focus();
+    setIsOpen(false);
+    onClose();
+  }, [onChange, onClose]);
+  return /* @__PURE__ */ import_react.default.createElement(import_blocks.InputSearchWrapper, __spreadValues({}, 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.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/dist/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,mBAAwB,iBACtB,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/dist/cjs/components/blocks.js

@@ -0,0 +1,37 @@
+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 = 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/dist/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/dist/cjs/components/helper.js

@@ -0,0 +1,66 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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",
+    label,
+    noAddon: true,
+    "aria-disabled": true,
+    className: "no-options",
+    tabIndex: -1
+  };
+}
+function noAddonOptions(options) {
+  return options.map((op) => __spreadProps(__spreadValues({}, op), { noAddon: true }));
+}
+module.exports = __toCommonJS(helper_exports);
+//# sourceMappingURL=helper.js.map

package/dist/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,iCAAK,KAAL,EAAS,SAAS;AAAA;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,36 @@
+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, require("./DSZipCodeSearch"));
+var import_DSZipCodeSearch = __toESM(require("./DSZipCodeSearch"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/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/dist/cjs/props.js

@@ -0,0 +1,68 @@
+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 = require("react-desc");
+var import_ds_form = 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")
+};
+const defaultProps = {
+  disabled: false,
+  value: "",
+  placeholder: "_____-____",
+  mask: import_ds_form.MASK_TYPES.ZIP_CODE_SEARCH,
+  onBlur: () => null,
+  onChange: () => null,
+  onSearch: () => null,
+  containerProps: {},
+  selectRightOptions: "Please select the appropriate city",
+  activeCount: 5,
+  options: []
+};
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/dist/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/dist/esm/DSZipCodeSearch.js

@@ -0,0 +1,112 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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);
+  const [isActive, setIsActive] = useState(false);
+  const [isInputFocus, setIsInputFocus] = useState(false);
+  const [isSelected, setIsSelected] = useState(false);
+  useEffect(() => {
+    if (isInputFocus && activeCount <= searchValue.length && !isSelected) {
+      setIsOpen(true);
+      setIsActive(true);
+    } else if (!isActive || activeCount > searchValue.length) {
+      setIsOpen(false);
+    }
+  }, [isInputFocus, isActive, activeCount, searchValue, isSelected]);
+  useEffect(() => {
+    setSearchValue(value || "");
+  }, [value]);
+  const onTypeInInput = useCallback((e) => {
+    const finalVal = e.target.value;
+    onSearch(finalVal);
+    setSearchValue(finalVal);
+    setIsSelected(false);
+  }, [onSearch]);
+  const onFocusInput = useCallback(() => {
+    setIsInputFocus(true);
+  }, []);
+  const onInnerBlur = useCallback((e) => {
+    setIsInputFocus(false);
+    onBlur(e);
+  }, [onBlur]);
+  const onClose = useCallback(() => {
+    setIsActive(false);
+  }, []);
+  const onSelectItem = useCallback((item) => {
+    setSearchValue(item.value);
+    onChange(item);
+    setIsSelected(true);
+    ref.current.focus();
+    setIsOpen(false);
+    onClose();
+  }, [onChange, onClose]);
+  return /* @__PURE__ */ React2.createElement(InputSearchWrapper, __spreadValues({}, 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;
+var DSZipCodeSearch_default = DSZipCodeSearch;
+export {
+  DSZipCodeSearch,
+  ZipCodeSearchWithSchema,
+  DSZipCodeSearch_default as default
+};
+//# sourceMappingURL=DSZipCodeSearch.js.map

package/dist/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,mBAAwB,iBACtB,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/dist/esm/components/blocks.js

@@ -0,0 +1,8 @@
+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/dist/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/dist/esm/components/helper.js

@@ -0,0 +1,39 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+function createDisabledOption(label) {
+  return {
+    id: "no-option",
+    type: "disabled",
+    label,
+    noAddon: true,
+    "aria-disabled": true,
+    className: "no-options",
+    tabIndex: -1
+  };
+}
+function noAddonOptions(options) {
+  return options.map((op) => __spreadProps(__spreadValues({}, op), { noAddon: true }));
+}
+export {
+  createDisabledOption,
+  noAddonOptions
+};
+//# sourceMappingURL=helper.js.map

package/dist/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,iCAAK,KAAL,EAAS,SAAS;AAAA;",
+  "names": []
+}

package/dist/esm/index.js

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

package/dist/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": []
+}