@elliemae/ds-zipcode-search 3.5.0-rc.4 → 3.5.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/dist/cjs/DSZipCodeSearch.js +31 -19
- package/dist/cjs/DSZipCodeSearch.js.map +2 -2
- package/dist/cjs/components/blocks.js +4 -1
- package/dist/cjs/components/blocks.js.map +1 -1
- package/dist/cjs/components/helper.js +4 -1
- package/dist/cjs/components/helper.js.map +1 -1
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/props.js +10 -5
- package/dist/cjs/props.js.map +1 -1
- package/dist/esm/DSZipCodeSearch.js +27 -18
- package/dist/esm/DSZipCodeSearch.js.map +2 -2
- package/dist/esm/components/blocks.js.map +1 -1
- package/dist/esm/components/helper.js.map +1 -1
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/props.js +6 -4
- package/dist/esm/props.js.map +1 -1
- package/package.json +6 -6
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var DSZipCodeSearch_exports = {};
|
|
23
26
|
__export(DSZipCodeSearch_exports, {
|
|
@@ -65,30 +68,39 @@ const DSZipCodeSearch = ({
|
|
|
65
68
|
(0, import_react.useEffect)(() => {
|
|
66
69
|
setSearchValue(value || "");
|
|
67
70
|
}, [value]);
|
|
68
|
-
const onTypeInInput = (0, import_react.useCallback)(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
71
|
+
const onTypeInInput = (0, import_react.useCallback)(
|
|
72
|
+
(e) => {
|
|
73
|
+
const finalVal = e.target.value;
|
|
74
|
+
onSearch(finalVal);
|
|
75
|
+
setSearchValue(finalVal);
|
|
76
|
+
setIsSelected(false);
|
|
77
|
+
},
|
|
78
|
+
[onSearch]
|
|
79
|
+
);
|
|
74
80
|
const onFocusInput = (0, import_react.useCallback)(() => {
|
|
75
81
|
setIsInputFocus(true);
|
|
76
82
|
}, []);
|
|
77
|
-
const onInnerBlur = (0, import_react.useCallback)(
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
83
|
+
const onInnerBlur = (0, import_react.useCallback)(
|
|
84
|
+
(e) => {
|
|
85
|
+
setIsInputFocus(false);
|
|
86
|
+
onBlur(e);
|
|
87
|
+
},
|
|
88
|
+
[onBlur]
|
|
89
|
+
);
|
|
81
90
|
const onClose = (0, import_react.useCallback)(() => {
|
|
82
91
|
setIsActive(false);
|
|
83
92
|
}, []);
|
|
84
|
-
const onSelectItem = (0, import_react.useCallback)(
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
93
|
+
const onSelectItem = (0, import_react.useCallback)(
|
|
94
|
+
(item) => {
|
|
95
|
+
setSearchValue(item.value);
|
|
96
|
+
onChange(item);
|
|
97
|
+
setIsSelected(true);
|
|
98
|
+
ref.current.focus();
|
|
99
|
+
setIsOpen(false);
|
|
100
|
+
onClose();
|
|
101
|
+
},
|
|
102
|
+
[onChange, onClose]
|
|
103
|
+
);
|
|
92
104
|
return /* @__PURE__ */ import_react.default.createElement(import_blocks.InputSearchWrapper, {
|
|
93
105
|
...containerProps
|
|
94
106
|
}, /* @__PURE__ */ import_react.default.createElement(import_ds_dropdownmenu.default, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSZipCodeSearch.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"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-utilities';\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;\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"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React", "DSDropdownMenu"]
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var blocks_exports = {};
|
|
23
26
|
__export(blocks_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/blocks.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"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"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,SAAS;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var helper_exports = {};
|
|
23
26
|
__export(helper_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/helper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"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"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"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,SAAO,EAAE,GAAG,IAAI,SAAS,KAAK,EAAE;AACrD;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
21
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
23
|
+
mod
|
|
24
|
+
));
|
|
22
25
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
23
26
|
var src_exports = {};
|
|
24
27
|
__export(src_exports, {
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export * from './DSZipCodeSearch';\n\nexport { default } from './DSZipCodeSearch';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8BAAd;AAEA,6BAAwB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/props.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var props_exports = {};
|
|
23
26
|
__export(props_exports, {
|
|
@@ -36,10 +39,12 @@ const zipcodeSearchProps = {
|
|
|
36
39
|
value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.object]).description("input value").isRequired,
|
|
37
40
|
onBlur: import_ds_utilities.PropTypes.func.description("function called on blur"),
|
|
38
41
|
onChange: import_ds_utilities.PropTypes.func.description("function called on change"),
|
|
39
|
-
options: import_ds_utilities.PropTypes.arrayOf(
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
42
|
+
options: import_ds_utilities.PropTypes.arrayOf(
|
|
43
|
+
import_ds_utilities.PropTypes.shape({
|
|
44
|
+
label: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]),
|
|
45
|
+
value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number])
|
|
46
|
+
})
|
|
47
|
+
).description("options to display"),
|
|
43
48
|
placeholder: import_ds_utilities.PropTypes.string.description("placeholder value"),
|
|
44
49
|
mask: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.any).description("format mask to apply"),
|
|
45
50
|
onSearch: import_ds_utilities.PropTypes.func.description("function called onsearch"),
|
package/dist/cjs/props.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\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"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAC1B,qBAA2B;AAEpB,MAAM,qBAAqB;AAAA,EAEhC,WAAW,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAE9D,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAE/F,UAAU,8BAAU,OAAO,YAAY,gDAAgD;AAAA,EAEvF,UAAU,8BAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,aAAa,EACzG;AAAA,EAEH,QAAQ,8BAAU,KAAK,YAAY,yBAAyB;AAAA,EAE5D,UAAU,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAEhE,SAAS,8BAAU;AAAA,IACjB,8BAAU,MAAM;AAAA,MACd,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC;AAAA,MAC/D,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC;AAAA,IACjE,CAAC;AAAA,EACH,EAAE,YAAY,oBAAoB;AAAA,EAElC,aAAa,8BAAU,OAAO,YAAY,mBAAmB;AAAA,EAE7D,MAAM,8BAAU,QAAQ,8BAAU,GAAG,EAAE,YAAY,sBAAsB;AAAA,EAEzE,UAAU,8BAAU,KAAK,YAAY,0BAA0B;AAAA,EAE/D,oBAAoB,8BAAU,OAAO,YAAY,qBAAqB;AAAA,EAEtE,aAAa,8BAAU,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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -37,30 +37,39 @@ const DSZipCodeSearch = ({
|
|
|
37
37
|
useEffect(() => {
|
|
38
38
|
setSearchValue(value || "");
|
|
39
39
|
}, [value]);
|
|
40
|
-
const onTypeInInput = useCallback(
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
40
|
+
const onTypeInInput = useCallback(
|
|
41
|
+
(e) => {
|
|
42
|
+
const finalVal = e.target.value;
|
|
43
|
+
onSearch(finalVal);
|
|
44
|
+
setSearchValue(finalVal);
|
|
45
|
+
setIsSelected(false);
|
|
46
|
+
},
|
|
47
|
+
[onSearch]
|
|
48
|
+
);
|
|
46
49
|
const onFocusInput = useCallback(() => {
|
|
47
50
|
setIsInputFocus(true);
|
|
48
51
|
}, []);
|
|
49
|
-
const onInnerBlur = useCallback(
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
52
|
+
const onInnerBlur = useCallback(
|
|
53
|
+
(e) => {
|
|
54
|
+
setIsInputFocus(false);
|
|
55
|
+
onBlur(e);
|
|
56
|
+
},
|
|
57
|
+
[onBlur]
|
|
58
|
+
);
|
|
53
59
|
const onClose = useCallback(() => {
|
|
54
60
|
setIsActive(false);
|
|
55
61
|
}, []);
|
|
56
|
-
const onSelectItem = useCallback(
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
const onSelectItem = useCallback(
|
|
63
|
+
(item) => {
|
|
64
|
+
setSearchValue(item.value);
|
|
65
|
+
onChange(item);
|
|
66
|
+
setIsSelected(true);
|
|
67
|
+
ref.current.focus();
|
|
68
|
+
setIsOpen(false);
|
|
69
|
+
onClose();
|
|
70
|
+
},
|
|
71
|
+
[onChange, onClose]
|
|
72
|
+
);
|
|
64
73
|
return /* @__PURE__ */ React2.createElement(InputSearchWrapper, {
|
|
65
74
|
...containerProps
|
|
66
75
|
}, /* @__PURE__ */ React2.createElement(DSDropdownMenu, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSZipCodeSearch.tsx"],
|
|
4
4
|
"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-utilities';\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;\nDSZipCodeSearch.displayName = 'DSZipCodeSearch';\nconst ZipCodeSearchWithSchema = describe(DSZipCodeSearch);\nZipCodeSearchWithSchema.propTypes = zipcodeSearchProps;\n\nexport { DSZipCodeSearch, ZipCodeSearchWithSchema };\nexport default DSZipCodeSearch;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/blocks.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'input-search';\n\nexport const InputSearchWrapper = aggregatedClasses('div')(blockName);\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAEX,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,SAAS;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/helper.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function createDisabledOption(label) {\n return {\n id: 'no-option',\n type: 'disabled',\n label,\n noAddon: true,\n 'aria-disabled': true,\n className: 'no-options',\n tabIndex: -1,\n };\n}\n\nexport function noAddonOptions(options) {\n return options.map(op => ({ ...op, noAddon: true }));\n}\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAhB,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,SAAO,EAAE,GAAG,IAAI,SAAS,KAAK,EAAE;AACrD;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSZipCodeSearch';\n\nexport { default } from './DSZipCodeSearch';\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AAEd,SAAS,WAAAA,gBAAe;",
|
|
6
|
+
"names": ["default"]
|
|
7
7
|
}
|
package/dist/esm/props.js
CHANGED
|
@@ -9,10 +9,12 @@ const zipcodeSearchProps = {
|
|
|
9
9
|
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description("input value").isRequired,
|
|
10
10
|
onBlur: PropTypes.func.description("function called on blur"),
|
|
11
11
|
onChange: PropTypes.func.description("function called on change"),
|
|
12
|
-
options: PropTypes.arrayOf(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
options: PropTypes.arrayOf(
|
|
13
|
+
PropTypes.shape({
|
|
14
|
+
label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
15
|
+
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
16
|
+
})
|
|
17
|
+
).description("options to display"),
|
|
16
18
|
placeholder: PropTypes.string.description("placeholder value"),
|
|
17
19
|
mask: PropTypes.arrayOf(PropTypes.any).description("format mask to apply"),
|
|
18
20
|
onSearch: PropTypes.func.description("function called onsearch"),
|
package/dist/esm/props.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\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"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-zipcode-search",
|
|
3
|
-
"version": "3.5.0-rc.
|
|
3
|
+
"version": "3.5.0-rc.7",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Zipcode Search",
|
|
6
6
|
"files": [
|
|
@@ -51,11 +51,11 @@
|
|
|
51
51
|
"indent": 4
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@elliemae/ds-classnames": "3.5.0-rc.
|
|
55
|
-
"@elliemae/ds-dropdownmenu": "3.5.0-rc.
|
|
56
|
-
"@elliemae/ds-form": "3.5.0-rc.
|
|
57
|
-
"@elliemae/ds-system": "3.5.0-rc.
|
|
58
|
-
"@elliemae/ds-utilities": "3.5.0-rc.
|
|
54
|
+
"@elliemae/ds-classnames": "3.5.0-rc.7",
|
|
55
|
+
"@elliemae/ds-dropdownmenu": "3.5.0-rc.7",
|
|
56
|
+
"@elliemae/ds-form": "3.5.0-rc.7",
|
|
57
|
+
"@elliemae/ds-system": "3.5.0-rc.7",
|
|
58
|
+
"@elliemae/ds-utilities": "3.5.0-rc.7"
|
|
59
59
|
},
|
|
60
60
|
"devDependencies": {
|
|
61
61
|
"@testing-library/jest-dom": "~5.16.4",
|