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

package/dist/esm/props.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+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"),
+  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")
+};
+const defaultProps = {
+  disabled: false,
+  value: "",
+  placeholder: "_____-____",
+  mask: MASK_TYPES.ZIP_CODE_SEARCH,
+  onBlur: () => null,
+  onChange: () => null,
+  onSearch: () => null,
+  containerProps: {},
+  selectRightOptions: "Please select the appropriate city",
+  activeCount: 5,
+  options: []
+};
+export {
+  defaultProps,
+  zipcodeSearchProps
+};
+//# sourceMappingURL=props.js.map

package/dist/esm/props.js.map

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

package/package.json

@@ -1,31 +1,34 @@
 {
   "name": "@elliemae/ds-zipcode-search",
-  "version": "3.0.0-next.2",
+  "version": "3.0.0-next.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Zipcode Search",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./props": {
-      "import": "./esm/props.js",
-      "require": "./cjs/props.js"
+      "import": "./dist/esm/props.js",
+      "require": "./dist/cjs/props.js"
     },
     "./DSZipCodeSearch": {
-      "import": "./esm/DSZipCodeSearch.js",
-      "require": "./cjs/DSZipCodeSearch.js"
+      "import": "./dist/esm/DSZipCodeSearch.js",
+      "require": "./dist/cjs/DSZipCodeSearch.js"
     },
     "./components/helper": {
-      "import": "./esm/components/helper.js",
-      "require": "./cjs/components/helper.js"
+      "import": "./dist/esm/components/helper.js",
+      "require": "./dist/cjs/components/helper.js"
     },
     "./components/blocks": {
-      "import": "./esm/components/blocks.js",
-      "require": "./cjs/components/blocks.js"
+      "import": "./dist/esm/components/blocks.js",
+      "require": "./dist/cjs/components/blocks.js"
     }
   },
   "sideEffects": [
@@ -37,24 +40,24 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.0.0-next.2",
-    "@elliemae/ds-dropdownmenu": "3.0.0-next.2",
-    "@elliemae/ds-form": "3.0.0-next.2",
+    "@elliemae/ds-classnames": "3.0.0-next.3",
+    "@elliemae/ds-dropdownmenu": "3.0.0-next.3",
+    "@elliemae/ds-form": "3.0.0-next.3",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/jest-dom": "~5.15.1",
     "@testing-library/react": "~12.1.2",
     "@testing-library/user-event": "~13.5.0"
   },
@@ -64,7 +67,13 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/DSZipCodeSearch.js

@@ -1,121 +0,0 @@
-'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);
-    } else if (!isActive || activeCount > searchValue.length) {
-      setIsOpen(false);
-    }
-  }, [isInputFocus, isActive, activeCount, searchValue, isSelected]);
-  react.useEffect(() => {
-    setSearchValue(value || '');
-  }, [value]);
-  const onTypeInInput = react.useCallback(e => {
-    const finalVal = e.target.value;
-    onSearch(finalVal);
-    setSearchValue(finalVal);
-    setIsSelected(false);
-  }, [onSearch]);
-  const onFocusInput = react.useCallback(() => {
-    setIsInputFocus(true);
-  }, []);
-  const onInnerBlur = react.useCallback(e => {
-    setIsInputFocus(false);
-    onBlur(e);
-  }, [onBlur]);
-  const onClose = react.useCallback(() => {
-    setIsActive(false);
-  }, []);
-  const onSelectItem = react.useCallback(item => {
-    setSearchValue(item.value);
-    onChange(item);
-    setIsSelected(true);
-    ref.current.focus();
-    setIsOpen(false);
-    onClose();
-  }, [onChange, onClose]);
-  return /*#__PURE__*/jsxRuntime.jsx(blocks.InputSearchWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
-    children: /*#__PURE__*/_jsx__default["default"](DSDropdownMenu__default["default"], {
-      isOpen: isOpen && options.length > 0,
-      menuProps: {
-        className: 'input-search-menu'
-      },
-      onClose: onClose,
-      onSelectMenuItem: onSelectItem,
-      contentStyle: {
-        maxHeight: 200
-      },
-      options: options.length > 0 ? [helper.createDisabledOption(selectRightOptions), ...helper.noAddonOptions(options)] : [],
-      triggerComponent: /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInputMask, {
-        disabled: disabled,
-        innerRef: _ref => ref.current = _ref,
-        mask: mask,
-        onBlur: onInnerBlur,
-        onChange: onTypeInInput,
-        onFocus: onFocusInput,
-        placeholder: placeholder,
-        value: searchValue,
-        tabIndex: tabIndex
-      }))
-    })
-  }));
-};
-
-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,10 +0,0 @@
-'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,39 +0,0 @@
-'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',
-    label,
-    noAddon: true,
-    'aria-disabled': true,
-    className: 'no-options',
-    tabIndex: -1
-  };
-}
-function noAddonOptions(options) {
-  return options.map(op => _objectSpread(_objectSpread({}, op), {}, {
-    noAddon: true
-  }));
-}
-
-exports.createDisabledOption = createDisabledOption;
-exports.noAddonOptions = noAddonOptions;

package/cjs/index.js

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

package/esm/DSZipCodeSearch.js

@@ -1,109 +0,0 @@
-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);
-  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__*/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.defaultProps = defaultProps;
-const ZipCodeSearchWithSchema = describe(DSZipCodeSearch);
-ZipCodeSearchWithSchema.propTypes = zipcodeSearchProps;
-
-export { DSZipCodeSearch, ZipCodeSearchWithSchema, DSZipCodeSearch as default };

package/esm/components/blocks.js

@@ -1,6 +0,0 @@
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-
-const blockName = 'input-search';
-const InputSearchWrapper = aggregatedClasses('div')(blockName);
-
-export { InputSearchWrapper };

package/esm/components/helper.js

@@ -1,30 +0,0 @@
-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',
-    label,
-    noAddon: true,
-    'aria-disabled': true,
-    className: 'no-options',
-    tabIndex: -1
-  };
-}
-function noAddonOptions(options) {
-  return options.map(op => _objectSpread(_objectSpread({}, op), {}, {
-    noAddon: true
-  }));
-}
-
-export { createDisabledOption, noAddonOptions };

package/esm/index.js

@@ -1 +0,0 @@
-export { DSZipCodeSearch, ZipCodeSearchWithSchema, DSZipCodeSearch as default } from './DSZipCodeSearch.js';

package/esm/props.js

@@ -1,61 +0,0 @@
-import { PropTypes } from 'react-desc';
-import { MASK_TYPES } from '@elliemae/ds-form';
-
-const zipcodeSearchProps = {
-  /** html class attribute */
-  className: PropTypes.string.description('html class attribute'),
-
-  /** Set of Properties attached to the main container */
-  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
-
-  /** native tabindex property to handle focus order */
-  tabIndex: PropTypes.number.description('native tabindex property to handle focus order'),
-
-  /** disable component */
-  disabled: PropTypes.bool.description('disable component'),
-
-  /** input value */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description('input value').isRequired,
-
-  /** function called on blur */
-  onBlur: PropTypes.func.description('function called on blur'),
-
-  /** function called on change */
-  onChange: PropTypes.func.description('function called on change'),
-
-  /** options to display */
-  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 = {
-  disabled: false,
-  value: '',
-  placeholder: '_____-____',
-  mask: MASK_TYPES.ZIP_CODE_SEARCH,
-  onBlur: () => null,
-  onChange: () => null,
-  onSearch: () => null,
-  containerProps: {},
-  selectRightOptions: 'Please select the appropriate city',
-  activeCount: 5,
-  options: []
-};
-
-export { defaultProps, zipcodeSearchProps };