@elliemae/ds-zipcode-search 1.57.0-rc.3 → 1.57.0-rc.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/DSZipCodeSearch.js +2 -3
- package/cjs/DSZipCodeSearch.js.map +1 -1
- package/cjs/index.js +1 -1
- package/cjs/props.js +2 -2
- package/cjs/props.js.map +1 -1
- package/esm/DSZipCodeSearch.js +1 -1
- package/esm/DSZipCodeSearch.js.map +1 -1
- package/esm/index.js +1 -1
- package/esm/props.js +1 -1
- package/esm/props.js.map +1 -1
- package/package.json +4 -4
package/cjs/DSZipCodeSearch.js
CHANGED
|
@@ -7,7 +7,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var reactDesc = require('react-desc');
|
|
9
9
|
var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
|
|
10
|
-
var
|
|
10
|
+
var dsForm = require('@elliemae/ds-form');
|
|
11
11
|
var components_blocks = require('./components/blocks.js');
|
|
12
12
|
var components_helper = require('./components/helper.js');
|
|
13
13
|
var props = require('./props.js');
|
|
@@ -20,7 +20,6 @@ var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumab
|
|
|
20
20
|
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
21
21
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
22
|
var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
|
|
23
|
-
var DSInputMask__default = /*#__PURE__*/_interopDefaultLegacy(DSInputMask);
|
|
24
23
|
|
|
25
24
|
var DSZipCodeSearch = function DSZipCodeSearch(_ref2) {
|
|
26
25
|
var disabled = _ref2.disabled,
|
|
@@ -108,7 +107,7 @@ var DSZipCodeSearch = function DSZipCodeSearch(_ref2) {
|
|
|
108
107
|
maxHeight: 200
|
|
109
108
|
},
|
|
110
109
|
options: options.length > 0 ? [components_helper.createDisabledOption(selectRightOptions)].concat(_toConsumableArray__default['default'](components_helper.noAddonOptions(options))) : [],
|
|
111
|
-
triggerComponent: /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(
|
|
110
|
+
triggerComponent: /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(dsForm.DSInputMask, {
|
|
112
111
|
disabled: disabled,
|
|
113
112
|
innerRef: function innerRef(_ref) {
|
|
114
113
|
return ref.current = _ref;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSZipCodeSearch.js","sources":["../../src/DSZipCodeSearch.tsx"],"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
|
|
1
|
+
{"version":3,"file":"DSZipCodeSearch.js","sources":["../../src/DSZipCodeSearch.tsx"],"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"],"names":["DSZipCodeSearch","disabled","value","placeholder","mask","onBlur","onChange","onSearch","containerProps","selectRightOptions","activeCount","options","tabIndex","ref","useRef","useState","searchValue","setSearchValue","isOpen","setIsOpen","isActive","setIsActive","isInputFocus","setIsInputFocus","isSelected","setIsSelected","useEffect","length","onTypeInInput","useCallback","e","finalVal","target","onFocusInput","onInnerBlur","onClose","onSelectItem","item","current","focus","React","InputSearchWrapper","DSDropdownMenu","className","maxHeight","createDisabledOption","noAddonOptions","DSInputMask","_ref","propTypes","zipcodeSearchProps","defaultProps","ZipCodeSearchWithSchema","describe"],"mappings":"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"}
|
package/cjs/index.js
CHANGED
|
@@ -8,7 +8,7 @@ require('@babel/runtime/helpers/slicedToArray');
|
|
|
8
8
|
require('react');
|
|
9
9
|
require('react-desc');
|
|
10
10
|
require('@elliemae/ds-dropdownmenu');
|
|
11
|
-
require('@elliemae/ds-form
|
|
11
|
+
require('@elliemae/ds-form');
|
|
12
12
|
require('./components/blocks.js');
|
|
13
13
|
require('@elliemae/ds-classnames');
|
|
14
14
|
require('./components/helper.js');
|
package/cjs/props.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var reactDesc = require('react-desc');
|
|
6
|
-
var
|
|
6
|
+
var dsForm = require('@elliemae/ds-form');
|
|
7
7
|
|
|
8
8
|
var zipcodeSearchProps = {
|
|
9
9
|
/** html class attribute */
|
|
@@ -52,7 +52,7 @@ var defaultProps = {
|
|
|
52
52
|
disabled: false,
|
|
53
53
|
value: '',
|
|
54
54
|
placeholder: '_____-____',
|
|
55
|
-
mask:
|
|
55
|
+
mask: dsForm.MASK_TYPES.ZIP_CODE_SEARCH,
|
|
56
56
|
onBlur: function onBlur() {
|
|
57
57
|
return null;
|
|
58
58
|
},
|
package/cjs/props.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { MASK_TYPES } from '@elliemae/ds-form
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"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"],"names":["zipcodeSearchProps","className","PropTypes","string","description","containerProps","object","tabIndex","number","disabled","bool","value","oneOfType","isRequired","onBlur","func","onChange","options","arrayOf","shape","label","placeholder","mask","any","onSearch","selectRightOptions","activeCount","defaultProps","MASK_TYPES","ZIP_CODE_SEARCH"],"mappings":";;;;;;;IAGaA,kBAAkB,GAAG;AAChC;AACAC,EAAAA,SAAS,EAAEC,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,sBAA7B,CAFqB;;AAGhC;AACAC,EAAAA,cAAc,EAAEH,mBAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,kDAA7B,CAJgB;;AAKhC;AACAG,EAAAA,QAAQ,EAAEL,mBAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,gDAA7B,CANsB;;AAOhC;AACAK,EAAAA,QAAQ,EAAEP,mBAAS,CAACQ,IAAV,CAAeN,WAAf,CAA2B,mBAA3B,CARsB;;AAShC;AACAO,EAAAA,KAAK,EAAET,mBAAS,CAACU,SAAV,CAAoB,CAACV,mBAAS,CAACC,MAAX,EAAmBD,mBAAS,CAACM,MAA7B,EAAqCN,mBAAS,CAACI,MAA/C,CAApB,EAA4EF,WAA5E,CAAwF,aAAxF,EACJS,UAX6B;;AAYhC;AACAC,EAAAA,MAAM,EAAEZ,mBAAS,CAACa,IAAV,CAAeX,WAAf,CAA2B,yBAA3B,CAbwB;;AAchC;AACAY,EAAAA,QAAQ,EAAEd,mBAAS,CAACa,IAAV,CAAeX,WAAf,CAA2B,2BAA3B,CAfsB;;AAgBhC;AACAa,EAAAA,OAAO,EAAEf,mBAAS,CAACgB,OAAV,CACPhB,mBAAS,CAACiB,KAAV,CAAgB;AACdC,IAAAA,KAAK,EAAElB,mBAAS,CAACU,SAAV,CAAoB,CAACV,mBAAS,CAACC,MAAX,EAAmBD,mBAAS,CAACM,MAA7B,CAApB,CADO;AAEdG,IAAAA,KAAK,EAAET,mBAAS,CAACU,SAAV,CAAoB,CAACV,mBAAS,CAACC,MAAX,EAAmBD,mBAAS,CAACM,MAA7B,CAApB;AAFO,GAAhB,CADO,EAKPJ,WALO,CAKK,oBALL,CAjBuB;;AAuBhC;AACAiB,EAAAA,WAAW,EAAEnB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,CAxBmB;;AAyBhC;AACAkB,EAAAA,IAAI,EAAEpB,mBAAS,CAACgB,OAAV,CAAkBhB,mBAAS,CAACqB,GAA5B,EAAiCnB,WAAjC,CAA6C,sBAA7C,CA1B0B;;AA2BhC;AACAoB,EAAAA,QAAQ,EAAEtB,mBAAS,CAACa,IAAV,CAAeX,WAAf,CAA2B,0BAA3B,CA5BsB;;AA6BhC;AACAqB,EAAAA,kBAAkB,EAAEvB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,qBAA7B,CA9BY;;AA+BhC;AACAsB,EAAAA,WAAW,EAAExB,mBAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,gBAA7B;AAhCmB;IAmCrBuB,YAAY,GAAG;AAC1BlB,EAAAA,QAAQ,EAAE,KADgB;AAE1BE,EAAAA,KAAK,EAAE,EAFmB;AAG1BU,EAAAA,WAAW,EAAE,YAHa;AAI1BC,EAAAA,IAAI,EAAEM,iBAAU,CAACC,eAJS;AAK1Bf,EAAAA,MAAM,EAAE;AAAA,WAAM,IAAN;AAAA,GALkB;AAM1BE,EAAAA,QAAQ,EAAE;AAAA,WAAM,IAAN;AAAA,GANgB;AAO1BQ,EAAAA,QAAQ,EAAE;AAAA,WAAM,IAAN;AAAA,GAPgB;AAQ1BnB,EAAAA,cAAc,EAAE,EARU;AAS1BoB,EAAAA,kBAAkB,EAAE,oCATM;AAU1BC,EAAAA,WAAW,EAAE,CAVa;AAW1BT,EAAAA,OAAO,EAAE;AAXiB;;;;;"}
|
package/esm/DSZipCodeSearch.js
CHANGED
|
@@ -3,7 +3,7 @@ import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
|
|
|
3
3
|
import React, { useRef, useState, useEffect, useCallback } from 'react';
|
|
4
4
|
import { describe } from 'react-desc';
|
|
5
5
|
import DSDropdownMenu from '@elliemae/ds-dropdownmenu';
|
|
6
|
-
import DSInputMask from '@elliemae/ds-form
|
|
6
|
+
import { DSInputMask } from '@elliemae/ds-form';
|
|
7
7
|
import { InputSearchWrapper } from './components/blocks.js';
|
|
8
8
|
import { createDisabledOption, noAddonOptions } from './components/helper.js';
|
|
9
9
|
import { zipcodeSearchProps, defaultProps } from './props.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSZipCodeSearch.js","sources":["../../src/DSZipCodeSearch.tsx"],"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
|
|
1
|
+
{"version":3,"file":"DSZipCodeSearch.js","sources":["../../src/DSZipCodeSearch.tsx"],"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"],"names":["DSZipCodeSearch","disabled","value","placeholder","mask","onBlur","onChange","onSearch","containerProps","selectRightOptions","activeCount","options","tabIndex","ref","useRef","useState","searchValue","setSearchValue","isOpen","setIsOpen","isActive","setIsActive","isInputFocus","setIsInputFocus","isSelected","setIsSelected","useEffect","length","onTypeInInput","useCallback","e","finalVal","target","onFocusInput","onInnerBlur","onClose","onSelectItem","item","current","focus","className","maxHeight","createDisabledOption","noAddonOptions","_ref","propTypes","zipcodeSearchProps","defaultProps","ZipCodeSearchWithSchema","describe"],"mappings":"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"}
|
package/esm/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import '@babel/runtime/helpers/esm/slicedToArray';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import 'react-desc';
|
|
6
6
|
import '@elliemae/ds-dropdownmenu';
|
|
7
|
-
import '@elliemae/ds-form
|
|
7
|
+
import '@elliemae/ds-form';
|
|
8
8
|
import './components/blocks.js';
|
|
9
9
|
import '@elliemae/ds-classnames';
|
|
10
10
|
import './components/helper.js';
|
package/esm/props.js
CHANGED
package/esm/props.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { MASK_TYPES } from '@elliemae/ds-form
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"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"],"names":["zipcodeSearchProps","className","PropTypes","string","description","containerProps","object","tabIndex","number","disabled","bool","value","oneOfType","isRequired","onBlur","func","onChange","options","arrayOf","shape","label","placeholder","mask","any","onSearch","selectRightOptions","activeCount","defaultProps","MASK_TYPES","ZIP_CODE_SEARCH"],"mappings":";;;IAGaA,kBAAkB,GAAG;AAChC;AACAC,EAAAA,SAAS,EAAEC,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,sBAA7B,CAFqB;;AAGhC;AACAC,EAAAA,cAAc,EAAEH,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,kDAA7B,CAJgB;;AAKhC;AACAG,EAAAA,QAAQ,EAAEL,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,gDAA7B,CANsB;;AAOhC;AACAK,EAAAA,QAAQ,EAAEP,SAAS,CAACQ,IAAV,CAAeN,WAAf,CAA2B,mBAA3B,CARsB;;AAShC;AACAO,EAAAA,KAAK,EAAET,SAAS,CAACU,SAAV,CAAoB,CAACV,SAAS,CAACC,MAAX,EAAmBD,SAAS,CAACM,MAA7B,EAAqCN,SAAS,CAACI,MAA/C,CAApB,EAA4EF,WAA5E,CAAwF,aAAxF,EACJS,UAX6B;;AAYhC;AACAC,EAAAA,MAAM,EAAEZ,SAAS,CAACa,IAAV,CAAeX,WAAf,CAA2B,yBAA3B,CAbwB;;AAchC;AACAY,EAAAA,QAAQ,EAAEd,SAAS,CAACa,IAAV,CAAeX,WAAf,CAA2B,2BAA3B,CAfsB;;AAgBhC;AACAa,EAAAA,OAAO,EAAEf,SAAS,CAACgB,OAAV,CACPhB,SAAS,CAACiB,KAAV,CAAgB;AACdC,IAAAA,KAAK,EAAElB,SAAS,CAACU,SAAV,CAAoB,CAACV,SAAS,CAACC,MAAX,EAAmBD,SAAS,CAACM,MAA7B,CAApB,CADO;AAEdG,IAAAA,KAAK,EAAET,SAAS,CAACU,SAAV,CAAoB,CAACV,SAAS,CAACC,MAAX,EAAmBD,SAAS,CAACM,MAA7B,CAApB;AAFO,GAAhB,CADO,EAKPJ,WALO,CAKK,oBALL,CAjBuB;;AAuBhC;AACAiB,EAAAA,WAAW,EAAEnB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,CAxBmB;;AAyBhC;AACAkB,EAAAA,IAAI,EAAEpB,SAAS,CAACgB,OAAV,CAAkBhB,SAAS,CAACqB,GAA5B,EAAiCnB,WAAjC,CAA6C,sBAA7C,CA1B0B;;AA2BhC;AACAoB,EAAAA,QAAQ,EAAEtB,SAAS,CAACa,IAAV,CAAeX,WAAf,CAA2B,0BAA3B,CA5BsB;;AA6BhC;AACAqB,EAAAA,kBAAkB,EAAEvB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,qBAA7B,CA9BY;;AA+BhC;AACAsB,EAAAA,WAAW,EAAExB,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,gBAA7B;AAhCmB;IAmCrBuB,YAAY,GAAG;AAC1BlB,EAAAA,QAAQ,EAAE,KADgB;AAE1BE,EAAAA,KAAK,EAAE,EAFmB;AAG1BU,EAAAA,WAAW,EAAE,YAHa;AAI1BC,EAAAA,IAAI,EAAEM,UAAU,CAACC,eAJS;AAK1Bf,EAAAA,MAAM,EAAE;AAAA,WAAM,IAAN;AAAA,GALkB;AAM1BE,EAAAA,QAAQ,EAAE;AAAA,WAAM,IAAN;AAAA,GANgB;AAO1BQ,EAAAA,QAAQ,EAAE;AAAA,WAAM,IAAN;AAAA,GAPgB;AAQ1BnB,EAAAA,cAAc,EAAE,EARU;AAS1BoB,EAAAA,kBAAkB,EAAE,oCATM;AAU1BC,EAAAA,WAAW,EAAE,CAVa;AAW1BT,EAAAA,OAAO,EAAE;AAXiB;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-zipcode-search",
|
|
3
|
-
"version": "1.57.0-rc.
|
|
3
|
+
"version": "1.57.0-rc.7",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Zipcode Search",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-classnames": "1.57.0-rc.
|
|
20
|
-
"@elliemae/ds-dropdownmenu": "1.57.0-rc.
|
|
21
|
-
"@elliemae/ds-form": "1.57.0-rc.
|
|
19
|
+
"@elliemae/ds-classnames": "1.57.0-rc.7",
|
|
20
|
+
"@elliemae/ds-dropdownmenu": "1.57.0-rc.7",
|
|
21
|
+
"@elliemae/ds-form": "1.57.0-rc.7",
|
|
22
22
|
"react-desc": "^4.1.2"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|