@elliemae/ds-zipcode-search 3.16.0 → 3.16.1

package/dist/cjs/DSZipCodeSearch.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -35,9 +39,9 @@ var import_react = require("react");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 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");
+var import_blocks = require("./components/blocks.js");
+var import_helper = require("./components/helper.js");
+var import_props = require("./props.js");
 const DSZipCodeSearch = ({
   disabled,
   value,

package/dist/cjs/DSZipCodeSearch.js.map

@@ -1,7 +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 '@elliemae/ds-props-helpers';\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(String(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(String(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;\nDSZipCodeSearch.displayName = 'DSZipCodeSearch';\nconst ZipCodeSearchWithSchema = describe(DSZipCodeSearch);\nZipCodeSearchWithSchema.propTypes = zipcodeSearchProps;\n\nexport { DSZipCodeSearch, ZipCodeSearchWithSchema };\nexport default DSZipCodeSearch;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "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 '@elliemae/ds-props-helpers';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { DSInputMask } from '@elliemae/ds-form';\nimport { InputSearchWrapper } from './components/blocks.js';\nimport { createDisabledOption, noAddonOptions } from './components/helper.js';\nimport { zipcodeSearchProps, defaultProps } from './props.js';\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(String(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(String(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;\nDSZipCodeSearch.displayName = 'DSZipCodeSearch';\nconst ZipCodeSearchWithSchema = describe(DSZipCodeSearch);\nZipCodeSearchWithSchema.propTypes = zipcodeSearchProps;\n\nexport { DSZipCodeSearch, ZipCodeSearchWithSchema };\nexport default DSZipCodeSearch;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["DSDropdownMenu"]
 }

package/dist/cjs/components/blocks.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/components/blocks.js.map

@@ -2,6 +2,6 @@
   "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;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,SAAS;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,SAAS;",
   "names": []
 }

package/dist/cjs/components/helper.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/components/helper.js.map

@@ -2,6 +2,6 @@
   "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;AAAA;ACAA,YAAuB;ADAhB,SAAS,qBAAqB,OAAO;AAC1C,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AACF;AAEO,SAAS,eAAe,SAAS;AACtC,SAAO,QAAQ,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,SAAS,KAAK,EAAE;AACvD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,SAAS,qBAAqB,OAAO;AAC1C,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AACF;AAEO,SAAS,eAAe,SAAS;AACtC,SAAO,QAAQ,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,SAAS,KAAK,EAAE;AACvD;",
   "names": []
 }

package/dist/cjs/index.js

@@ -19,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,6 +33,6 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSZipCodeSearch"), module.exports);
-var import_DSZipCodeSearch = __toESM(require("./DSZipCodeSearch"));
+__reExport(src_exports, require("./DSZipCodeSearch.js"), module.exports);
+var import_DSZipCodeSearch = __toESM(require("./DSZipCodeSearch.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +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;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8BAAd;AAEA,6BAAwB;",
+  "sourcesContent": ["export * from './DSZipCodeSearch.js';\n\nexport { default } from './DSZipCodeSearch.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,iCAAd;AAEA,6BAAwB;",
   "names": []
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/props.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,23 +36,36 @@ var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_form = require("@elliemae/ds-form");
 const zipcodeSearchProps = {
+  /** html class attribute */
   className: import_ds_props_helpers.PropTypes.string.description("html class attribute"),
+  /** Set of Properties attached to the main container */
   containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
+  /** native tabindex property to handle focus order */
   tabIndex: import_ds_props_helpers.PropTypes.number.description("native tabindex property to handle focus order"),
+  /** disable component */
   disabled: import_ds_props_helpers.PropTypes.bool.description("disable component"),
+  /** input value */
   value: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.object]).description("input value").isRequired,
+  /** function called on blur */
   onBlur: import_ds_props_helpers.PropTypes.func.description("function called on blur"),
+  /** function called on change */
   onChange: import_ds_props_helpers.PropTypes.func.description("function called on change"),
+  /** options to display */
   options: import_ds_props_helpers.PropTypes.arrayOf(
     import_ds_props_helpers.PropTypes.shape({
       label: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]),
       value: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number])
     })
   ).description("options to display"),
+  /** placeholder value */
   placeholder: import_ds_props_helpers.PropTypes.string.description("placeholder value"),
+  /** format mask to apply */
   mask: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.any).description("format mask to apply"),
+  /** function called onsearch */
   onSearch: import_ds_props_helpers.PropTypes.func.description("function called onsearch"),
+  /** Correction messange */
   selectRightOptions: import_ds_props_helpers.PropTypes.string.description("Correction messange"),
+  /** current amount */
   activeCount: import_ds_props_helpers.PropTypes.number.description("current amount")
 };
 const defaultProps = {

package/dist/cjs/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\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;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAC1B,qBAA2B;AAEpB,MAAM,qBAAqB;AAAA,EAEhC,WAAW,kCAAU,OAAO,YAAY,sBAAsB;AAAA,EAE9D,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAE/F,UAAU,kCAAU,OAAO,YAAY,gDAAgD;AAAA,EAEvF,UAAU,kCAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,aAAa,EACzG;AAAA,EAEH,QAAQ,kCAAU,KAAK,YAAY,yBAAyB;AAAA,EAE5D,UAAU,kCAAU,KAAK,YAAY,2BAA2B;AAAA,EAEhE,SAAS,kCAAU;AAAA,IACjB,kCAAU,MAAM;AAAA,MACd,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC;AAAA,MAC/D,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC;AAAA,IACjE,CAAC;AAAA,EACH,EAAE,YAAY,oBAAoB;AAAA,EAElC,aAAa,kCAAU,OAAO,YAAY,mBAAmB;AAAA,EAE7D,MAAM,kCAAU,QAAQ,kCAAU,GAAG,EAAE,YAAY,sBAAsB;AAAA,EAEzE,UAAU,kCAAU,KAAK,YAAY,0BAA0B;AAAA,EAE/D,oBAAoB,kCAAU,OAAO,YAAY,qBAAqB;AAAA,EAEtE,aAAa,kCAAU,OAAO,YAAY,gBAAgB;AAC5D;AAEO,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,CAAC;AAAA,EACjB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,SAAS,CAAC;AACZ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAC1B,qBAA2B;AAEpB,MAAM,qBAAqB;AAAA;AAAA,EAEhC,WAAW,kCAAU,OAAO,YAAY,sBAAsB;AAAA;AAAA,EAE9D,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA;AAAA,EAE/F,UAAU,kCAAU,OAAO,YAAY,gDAAgD;AAAA;AAAA,EAEvF,UAAU,kCAAU,KAAK,YAAY,mBAAmB;AAAA;AAAA,EAExD,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,aAAa,EACzG;AAAA;AAAA,EAEH,QAAQ,kCAAU,KAAK,YAAY,yBAAyB;AAAA;AAAA,EAE5D,UAAU,kCAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA,EAEhE,SAAS,kCAAU;AAAA,IACjB,kCAAU,MAAM;AAAA,MACd,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC;AAAA,MAC/D,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC;AAAA,IACjE,CAAC;AAAA,EACH,EAAE,YAAY,oBAAoB;AAAA;AAAA,EAElC,aAAa,kCAAU,OAAO,YAAY,mBAAmB;AAAA;AAAA,EAE7D,MAAM,kCAAU,QAAQ,kCAAU,GAAG,EAAE,YAAY,sBAAsB;AAAA;AAAA,EAEzE,UAAU,kCAAU,KAAK,YAAY,0BAA0B;AAAA;AAAA,EAE/D,oBAAoB,kCAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAEtE,aAAa,kCAAU,OAAO,YAAY,gBAAgB;AAC5D;AAEO,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,CAAC;AAAA,EACjB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,SAAS,CAAC;AACZ;",
   "names": []
 }

package/dist/esm/DSZipCodeSearch.js

@@ -4,9 +4,9 @@ import { useState, useEffect, useRef, useCallback } from "react";
 import { describe } from "@elliemae/ds-props-helpers";
 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";
+import { InputSearchWrapper } from "./components/blocks.js";
+import { createDisabledOption, noAddonOptions } from "./components/helper.js";
+import { zipcodeSearchProps, defaultProps } from "./props.js";
 const DSZipCodeSearch = ({
   disabled,
   value,

package/dist/esm/DSZipCodeSearch.js.map

@@ -1,7 +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 '@elliemae/ds-props-helpers';\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(String(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(String(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;\nDSZipCodeSearch.displayName = 'DSZipCodeSearch';\nconst ZipCodeSearchWithSchema = describe(DSZipCodeSearch);\nZipCodeSearchWithSchema.propTypes = zipcodeSearchProps;\n\nexport { DSZipCodeSearch, ZipCodeSearchWithSchema };\nexport default DSZipCodeSearch;\n"],
+  "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 '@elliemae/ds-props-helpers';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { DSInputMask } from '@elliemae/ds-form';\nimport { InputSearchWrapper } from './components/blocks.js';\nimport { createDisabledOption, noAddonOptions } from './components/helper.js';\nimport { zipcodeSearchProps, defaultProps } from './props.js';\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(String(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(String(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;\nDSZipCodeSearch.displayName = 'DSZipCodeSearch';\nconst ZipCodeSearchWithSchema = describe(DSZipCodeSearch);\nZipCodeSearchWithSchema.propTypes = zipcodeSearchProps;\n\nexport { DSZipCodeSearch, ZipCodeSearchWithSchema };\nexport default DSZipCodeSearch;\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-export * from "./DSZipCodeSearch";
-import { default as default2 } from "./DSZipCodeSearch";
+export * from "./DSZipCodeSearch.js";
+import { default as default2 } from "./DSZipCodeSearch.js";
 export {
   default2 as default
 };

package/dist/esm/index.js.map

@@ -1,7 +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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSZipCodeSearch.js';\n\nexport { default } from './DSZipCodeSearch.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AAEd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/props.js

@@ -2,23 +2,36 @@ import * as React from "react";
 import { PropTypes } from "@elliemae/ds-props-helpers";
 import { MASK_TYPES } from "@elliemae/ds-form";
 const zipcodeSearchProps = {
+  /** html class attribute */
   className: PropTypes.string.description("html class attribute"),
+  /** Set of Properties attached to the main container */
   containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
+  /** native tabindex property to handle focus order */
   tabIndex: PropTypes.number.description("native tabindex property to handle focus order"),
+  /** disable component */
   disabled: PropTypes.bool.description("disable component"),
+  /** input value */
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description("input value").isRequired,
+  /** function called on blur */
   onBlur: PropTypes.func.description("function called on blur"),
+  /** function called on change */
   onChange: PropTypes.func.description("function called on change"),
+  /** options to display */
   options: PropTypes.arrayOf(
     PropTypes.shape({
       label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
       value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
     })
   ).description("options to display"),
+  /** placeholder value */
   placeholder: PropTypes.string.description("placeholder value"),
+  /** format mask to apply */
   mask: PropTypes.arrayOf(PropTypes.any).description("format mask to apply"),
+  /** function called onsearch */
   onSearch: PropTypes.func.description("function called onsearch"),
+  /** Correction messange */
   selectRightOptions: PropTypes.string.description("Correction messange"),
+  /** current amount */
   activeCount: PropTypes.number.description("current amount")
 };
 const defaultProps = {

package/dist/esm/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\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,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAEpB,MAAM,qBAAqB;AAAA,EAEhC,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAE9D,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAE/F,UAAU,UAAU,OAAO,YAAY,gDAAgD;AAAA,EAEvF,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,aAAa,EACzG;AAAA,EAEH,QAAQ,UAAU,KAAK,YAAY,yBAAyB;AAAA,EAE5D,UAAU,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAEhE,SAAS,UAAU;AAAA,IACjB,UAAU,MAAM;AAAA,MACd,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,MAC/D,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IACjE,CAAC;AAAA,EACH,EAAE,YAAY,oBAAoB;AAAA,EAElC,aAAa,UAAU,OAAO,YAAY,mBAAmB;AAAA,EAE7D,MAAM,UAAU,QAAQ,UAAU,GAAG,EAAE,YAAY,sBAAsB;AAAA,EAEzE,UAAU,UAAU,KAAK,YAAY,0BAA0B;AAAA,EAE/D,oBAAoB,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAEtE,aAAa,UAAU,OAAO,YAAY,gBAAgB;AAC5D;AAEO,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,CAAC;AAAA,EACjB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,SAAS,CAAC;AACZ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAEpB,MAAM,qBAAqB;AAAA;AAAA,EAEhC,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA;AAAA,EAE9D,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA;AAAA,EAE/F,UAAU,UAAU,OAAO,YAAY,gDAAgD;AAAA;AAAA,EAEvF,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA;AAAA,EAExD,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,aAAa,EACzG;AAAA;AAAA,EAEH,QAAQ,UAAU,KAAK,YAAY,yBAAyB;AAAA;AAAA,EAE5D,UAAU,UAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA,EAEhE,SAAS,UAAU;AAAA,IACjB,UAAU,MAAM;AAAA,MACd,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,MAC/D,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IACjE,CAAC;AAAA,EACH,EAAE,YAAY,oBAAoB;AAAA;AAAA,EAElC,aAAa,UAAU,OAAO,YAAY,mBAAmB;AAAA;AAAA,EAE7D,MAAM,UAAU,QAAQ,UAAU,GAAG,EAAE,YAAY,sBAAsB;AAAA;AAAA,EAEzE,UAAU,UAAU,KAAK,YAAY,0BAA0B;AAAA;AAAA,EAE/D,oBAAoB,UAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAEtE,aAAa,UAAU,OAAO,YAAY,gBAAgB;AAC5D;AAEO,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,CAAC;AAAA,EACjB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,SAAS,CAAC;AACZ;",
   "names": []
 }

package/dist/types/DSZipCodeSearch.d.ts

@@ -14,25 +14,25 @@ declare const DSZipCodeSearch: {
         tabIndex: any;
     }): JSX.Element;
     propTypes: {
-        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        tabIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        value: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        onBlur: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        options: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        placeholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        mask: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        onSearch: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        selectRightOptions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        activeCount: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        tabIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        value: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onBlur: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        options: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        placeholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        mask: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onSearch: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        selectRightOptions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        activeCount: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     defaultProps: {
         disabled: boolean;
         value: string;
         placeholder: string;
-        mask: string;
+        mask: any;
         onBlur: () => null;
         onChange: () => null;
         onSearch: () => null;
@@ -43,7 +43,7 @@ declare const DSZipCodeSearch: {
     };
     displayName: string;
 };
-declare const ZipCodeSearchWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
+declare const ZipCodeSearchWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
     disabled: any;
     value: any;
     placeholder: any;

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DSZipCodeSearch';
-export { default } from './DSZipCodeSearch';
+export * from './DSZipCodeSearch.js';
+export { default } from './DSZipCodeSearch.js';

package/dist/types/props.d.ts

@@ -30,7 +30,7 @@ export declare const defaultProps: {
     disabled: boolean;
     value: string;
     placeholder: string;
-    mask: string;
+    mask: any;
     onBlur: () => null;
     onChange: () => null;
     onSearch: () => null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-zipcode-search",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Zipcode Search",
   "files": [
@@ -51,15 +51,15 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.16.0",
-    "@elliemae/ds-dropdownmenu": "3.16.0",
-    "@elliemae/ds-form": "3.16.0",
-    "@elliemae/ds-props-helpers": "3.16.0",
-    "@elliemae/ds-system": "3.16.0",
-    "@elliemae/ds-utilities": "3.16.0"
+    "@elliemae/ds-classnames": "3.16.1",
+    "@elliemae/ds-dropdownmenu": "3.16.1",
+    "@elliemae/ds-form": "3.16.1",
+    "@elliemae/ds-props-helpers": "3.16.1",
+    "@elliemae/ds-system": "3.16.1",
+    "@elliemae/ds-utilities": "3.16.1"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0"
   },