@proprioo/salatim 29.4.0 → 29.5.0
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/CHANGELOG.md +8 -0
- package/lib/index.js +21 -21
- package/lib/index.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.d.ts +0 -1
- package/lib/ui/src/autocomplete/Autocomplete.js +10 -16
- package/lib/ui/src/autocomplete/Autocomplete.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.stories.js +22 -55
- package/lib/ui/src/autocomplete/Autocomplete.stories.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.test.js +7 -40
- package/lib/ui/src/autocomplete/Autocomplete.test.js.map +1 -1
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.js +1 -3
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,6 +7,5 @@ export interface AutocompleteProps extends GenericInputProps {
|
|
|
7
7
|
native?: boolean;
|
|
8
8
|
onSelect(option: OptionProps | null): void;
|
|
9
9
|
}
|
|
10
|
-
export declare const isDifferentLabel: (option: OptionProps | null, value: string) => boolean;
|
|
11
10
|
declare const Autocomplete: FC<AutocompleteProps>;
|
|
12
11
|
export default Autocomplete;
|
|
@@ -34,42 +34,36 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
-
exports.isDifferentLabel = void 0;
|
|
38
37
|
const react_1 = __importStar(require("react"));
|
|
39
38
|
const hokkaido_1 = require("@proprioo/hokkaido");
|
|
40
39
|
const SelectWrapper_1 = require("../selectWrapper/SelectWrapper");
|
|
41
|
-
const isDifferentLabel = (option, value) => Boolean(option && (0, hokkaido_1.normalizeString)(option.label) !== (0, hokkaido_1.normalizeString)(value));
|
|
42
|
-
exports.isDifferentLabel = isDifferentLabel;
|
|
43
40
|
const Autocomplete = (_a) => {
|
|
44
41
|
var { list, native = false, option, onSelect } = _a, rest = __rest(_a, ["list", "native", "option", "onSelect"]);
|
|
45
|
-
const [internalValue,
|
|
46
|
-
const [isFocused, setIsFocused] = (0, react_1.useState)(false);
|
|
47
|
-
const isFiltered = internalValue.length > 1;
|
|
42
|
+
const [{ hasFullList, internalValue, isFocused }, updateReducer] = (0, react_1.useReducer)((prev, next) => (Object.assign(Object.assign({}, prev), next)), { hasFullList: false, internalValue: (option === null || option === void 0 ? void 0 : option.label) || '', isFocused: false });
|
|
48
43
|
const filteredList = list.filter(({ label }) => (0, hokkaido_1.normalizeString)(label).includes((0, hokkaido_1.normalizeString)(internalValue)));
|
|
44
|
+
const autocompleteList = Boolean(internalValue.length > 1 && !hasFullList)
|
|
45
|
+
? filteredList
|
|
46
|
+
: list;
|
|
49
47
|
const updateValue = (value = '') => {
|
|
50
48
|
if (!value) {
|
|
51
49
|
onSelect(null);
|
|
52
50
|
}
|
|
53
|
-
|
|
54
|
-
};
|
|
55
|
-
const onBlur = () => {
|
|
56
|
-
setIsFocused(false);
|
|
51
|
+
updateReducer({ hasFullList: false, internalValue: value });
|
|
57
52
|
};
|
|
53
|
+
const onBlur = () => updateReducer({ hasFullList: false, isFocused: false });
|
|
58
54
|
const onFocus = () => {
|
|
59
|
-
|
|
60
|
-
};
|
|
61
|
-
const selectOption = (updatedOption) => {
|
|
62
|
-
onSelect(updatedOption);
|
|
55
|
+
updateReducer({ hasFullList: true, isFocused: true });
|
|
63
56
|
};
|
|
57
|
+
const selectOption = (updatedOption) => onSelect(updatedOption);
|
|
64
58
|
(0, react_1.useEffect)(() => {
|
|
65
59
|
if (option === null || option === void 0 ? void 0 : option.label) {
|
|
66
60
|
updateValue(option.label);
|
|
67
61
|
}
|
|
68
62
|
else {
|
|
69
|
-
|
|
63
|
+
updateReducer({ internalValue: '' });
|
|
70
64
|
}
|
|
71
65
|
}, [option]);
|
|
72
|
-
return (react_1.default.createElement(SelectWrapper_1.SelectWrapper, Object.assign({
|
|
66
|
+
return (react_1.default.createElement(SelectWrapper_1.SelectWrapper, Object.assign({ focused: isFocused, isAutocomplete: true, native: native, option: option, options: native ? list : autocompleteList, onBlur: onBlur, onChange: updateValue, onFocus: onFocus, onSelect: selectOption, value: internalValue }, rest)));
|
|
73
67
|
};
|
|
74
68
|
exports.default = Autocomplete;
|
|
75
69
|
//# sourceMappingURL=Autocomplete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../packages/ui/src/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../packages/ui/src/autocomplete/Autocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyD;AAEzD,iDAAkE;AAGlE,kEAA+D;AAe/D,MAAM,YAAY,GAA0B,CAAC,EAM5C,EAAE,EAAE;QANwC,EAC3C,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,EACN,QAAQ,OAET,EADI,IAAI,cALoC,wCAM5C,CADQ;IAEP,MAAM,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,aAAa,CAAC,GAAG,IAAA,kBAAU,EAC3E,CAAC,IAAkB,EAAE,IAA2B,EAAE,EAAE,CAAC,iCAAM,IAAI,GAAK,IAAI,EAAG,EAC3E,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAC7E,CAAC;IAEF,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAC7C,IAAA,0BAAe,EAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAA,0BAAe,EAAC,aAAa,CAAC,CAAC,CAChE,CAAC;IACF,MAAM,gBAAgB,GAAG,OAAO,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;QACxE,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,WAAW,GAAG,CAAC,QAAgB,EAAE,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChB;QAED,aAAa,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IAE7E,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,aAAiC,EAAE,EAAE,CACzD,QAAQ,CAAC,aAAa,CAAC,CAAC;IAE1B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE;YACjB,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACL,aAAa,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,8BAAC,6BAAa,kBACZ,OAAO,EAAE,SAAS,EAClB,cAAc,EAAE,IAAI,EACpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,EACzC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,aAAa,IAChB,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -1,33 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
6
|
exports.DEFAULT_LIST = void 0;
|
|
30
|
-
const react_1 =
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
31
8
|
const storybook_state_1 = require("@sambego/storybook-state");
|
|
32
9
|
const react_2 = require("@storybook/react");
|
|
33
10
|
const Autocomplete_1 = __importDefault(require("./Autocomplete"));
|
|
@@ -45,52 +22,42 @@ const inputState = new storybook_state_1.Store({
|
|
|
45
22
|
const stateWithValue = new storybook_state_1.Store({
|
|
46
23
|
option: exports.DEFAULT_LIST[0]
|
|
47
24
|
});
|
|
48
|
-
inputState.subscribe(() =>
|
|
49
|
-
|
|
50
|
-
});
|
|
51
|
-
stateWithValue.subscribe(() => {
|
|
52
|
-
(0, react_2.forceReRender)();
|
|
53
|
-
});
|
|
25
|
+
inputState.subscribe(() => (0, react_2.forceReRender)());
|
|
26
|
+
stateWithValue.subscribe(() => (0, react_2.forceReRender)());
|
|
54
27
|
const defaultProps = {
|
|
28
|
+
disabled: false,
|
|
29
|
+
error: false,
|
|
55
30
|
label: 'nos agents',
|
|
56
31
|
list: exports.DEFAULT_LIST,
|
|
57
32
|
option: null,
|
|
58
|
-
onSelect: () => ({})
|
|
59
|
-
disabled: false,
|
|
60
|
-
error: false
|
|
33
|
+
onSelect: () => ({})
|
|
61
34
|
};
|
|
62
35
|
(0, react_2.storiesOf)('Autocomplete', module)
|
|
63
36
|
.add('Autocomplete', () => {
|
|
64
37
|
var _a;
|
|
65
|
-
return (react_1.default.createElement(
|
|
66
|
-
react_1.default.createElement(
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
"current agent : ", (_a = inputState.get('option')) === null || _a === void 0 ? void 0 :
|
|
72
|
-
_a.label))));
|
|
38
|
+
return (react_1.default.createElement(storybook_state_1.State, { store: inputState },
|
|
39
|
+
react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps, { option: inputState.get('option'), onSelect: option => inputState.set({ option }) })),
|
|
40
|
+
react_1.default.createElement("br", null),
|
|
41
|
+
react_1.default.createElement("div", null,
|
|
42
|
+
"current agent : ", (_a = inputState.get('option')) === null || _a === void 0 ? void 0 :
|
|
43
|
+
_a.label)));
|
|
73
44
|
})
|
|
74
45
|
.add('Autocomplete disabled', () => {
|
|
75
46
|
var _a;
|
|
76
47
|
return (react_1.default.createElement(storybook_state_1.State, { store: stateWithValue },
|
|
77
|
-
react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps, { disabled: true, option: inputState.get('option'), onSelect: option => {
|
|
78
|
-
|
|
79
|
-
} })),
|
|
48
|
+
react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps, { disabled: true, option: inputState.get('option'), onSelect: option => inputState.set({ option }) })),
|
|
49
|
+
react_1.default.createElement("br", null),
|
|
80
50
|
react_1.default.createElement("div", null,
|
|
81
51
|
"current agent : ", (_a = inputState.get('option')) === null || _a === void 0 ? void 0 :
|
|
82
52
|
_a.label)));
|
|
83
53
|
})
|
|
84
|
-
.add('Autocomplete mobile', () => {
|
|
85
|
-
|
|
86
|
-
react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps, { option: inputState.get('option'), native: true, onSelect: option => {
|
|
87
|
-
inputState.set({ option });
|
|
88
|
-
} }))));
|
|
89
|
-
})
|
|
54
|
+
.add('Autocomplete mobile', () => (react_1.default.createElement(storybook_state_1.State, { store: inputState },
|
|
55
|
+
react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps, { native: true, option: inputState.get('option'), onSelect: option => inputState.set({ option }) })))))
|
|
90
56
|
.add('Autocomplete with a value', () => {
|
|
91
57
|
var _a;
|
|
92
58
|
return (react_1.default.createElement(storybook_state_1.State, { store: stateWithValue },
|
|
93
59
|
react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps, { option: stateWithValue.get('option'), onSelect: option => stateWithValue.set({ option }) })),
|
|
60
|
+
react_1.default.createElement("br", null),
|
|
94
61
|
react_1.default.createElement("div", null,
|
|
95
62
|
"current agent : ", (_a = stateWithValue.get('option')) === null || _a === void 0 ? void 0 :
|
|
96
63
|
_a.label)));
|
|
@@ -99,14 +66,14 @@ const defaultProps = {
|
|
|
99
66
|
var _a;
|
|
100
67
|
return (react_1.default.createElement(storybook_state_1.State, { store: stateWithValue },
|
|
101
68
|
react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps, { option: stateWithValue.get('option'), onSelect: option => stateWithValue.set({ option }) })),
|
|
69
|
+
react_1.default.createElement("br", null),
|
|
102
70
|
react_1.default.createElement("button", { onClick: () => stateWithValue.set({ option: null }) }, "reset"),
|
|
103
71
|
react_1.default.createElement("div", null,
|
|
104
72
|
"current agent : ", (_a = stateWithValue.get('option')) === null || _a === void 0 ? void 0 :
|
|
105
73
|
_a.label)));
|
|
106
74
|
})
|
|
107
|
-
.add('Autocomplete mobile reset to null from a value', () => {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
});
|
|
75
|
+
.add('Autocomplete mobile reset to null from a value', () => (react_1.default.createElement(storybook_state_1.State, { store: stateWithValue },
|
|
76
|
+
react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps, { native: true, option: stateWithValue.get('option'), onSelect: option => stateWithValue.set({ option }) })),
|
|
77
|
+
react_1.default.createElement("br", null),
|
|
78
|
+
react_1.default.createElement("button", { onClick: () => stateWithValue.set({ option: null }) }, "reset"))));
|
|
112
79
|
//# sourceMappingURL=Autocomplete.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Autocomplete.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,8DAAwD;AACxD,4CAA4D;AAE5D,kEAAiE;AAMpD,QAAA,YAAY,GAAkB;IACzC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;IACjC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE;IAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;IAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;IAC/B,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;IACjC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;CAChC,CAAC;AAEF,MAAM,UAAU,GAAG,IAAI,uBAAK,CAA2B;IACrD,MAAM,EAAE,IAAI;CACb,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAI,uBAAK,CAA2B;IACzD,MAAM,EAAE,oBAAY,CAAC,CAAC,CAAC;CACxB,CAAC,CAAC;AAEH,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAA,qBAAa,GAAE,CAAC,CAAC;AAC5C,cAAc,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAA,qBAAa,GAAE,CAAC,CAAC;AAEhD,MAAM,YAAY,GAAsB;IACtC,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,oBAAY;IAClB,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;CACrB,CAAC;AAEF,IAAA,iBAAS,EAAC,cAAc,EAAE,MAAM,CAAC;KAC9B,GAAG,CAAC,cAAc,EAAE,GAAG,EAAE;;IAAC,OAAA,CACzB,8BAAC,uBAAK,IAAC,KAAK,EAAE,UAAU;QACtB,8BAAC,sBAAY,oBACP,YAAY,IAChB,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAChC,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,IAC9C;QACF,yCAAM;QACN;gCAAsB,MAAA,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC;eAAE,KAAK,CAAO,CACtD,CACT,CAAA;CAAA,CAAC;KACD,GAAG,CAAC,uBAAuB,EAAE,GAAG,EAAE;;IAAC,OAAA,CAClC,8BAAC,uBAAK,IAAC,KAAK,EAAE,cAAc;QAC1B,8BAAC,sBAAY,oBACP,YAAY,IAChB,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAChC,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,IAC9C;QACF,yCAAM;QACN;gCAAsB,MAAA,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC;eAAE,KAAK,CAAO,CACtD,CACT,CAAA;CAAA,CAAC;KACD,GAAG,CAAC,qBAAqB,EAAE,GAAG,EAAE,CAAC,CAChC,8BAAC,uBAAK,IAAC,KAAK,EAAE,UAAU;IACtB,8BAAC,sBAAY,oBACP,YAAY,IAChB,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAChC,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,IAC9C,CACI,CACT,CAAC;KACD,GAAG,CAAC,2BAA2B,EAAE,GAAG,EAAE;;IAAC,OAAA,CACtC,8BAAC,uBAAK,IAAC,KAAK,EAAE,cAAc;QAC1B,8BAAC,sBAAY,oBACP,YAAY,IAChB,MAAM,EAAE,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,EACpC,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,IAClD;QACF,yCAAM;QACN;gCAAsB,MAAA,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC;eAAE,KAAK,CAAO,CAC1D,CACT,CAAA;CAAA,CAAC;KACD,GAAG,CAAC,yCAAyC,EAAE,GAAG,EAAE;;IAAC,OAAA,CACpD,8BAAC,uBAAK,IAAC,KAAK,EAAE,cAAc;QAC1B,8BAAC,sBAAY,oBACP,YAAY,IAChB,MAAM,EAAE,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,EACpC,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,IAClD;QACF,yCAAM;QACN,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,YAElD;QACT;gCAAsB,MAAA,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC;eAAE,KAAK,CAAO,CAC1D,CACT,CAAA;CAAA,CAAC;KACD,GAAG,CAAC,gDAAgD,EAAE,GAAG,EAAE,CAAC,CAC3D,8BAAC,uBAAK,IAAC,KAAK,EAAE,cAAc;IAC1B,8BAAC,sBAAY,oBACP,YAAY,IAChB,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,EACpC,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,IAClD;IACF,yCAAM;IACN,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,YAElD,CACH,CACT,CAAC,CAAC"}
|
|
@@ -1,27 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
26
3
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
27
4
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -38,29 +15,28 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
38
15
|
const react_1 = __importDefault(require("react"));
|
|
39
16
|
const react_2 = require("@testing-library/react");
|
|
40
17
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
41
|
-
const Autocomplete_1 =
|
|
18
|
+
const Autocomplete_1 = __importDefault(require("./Autocomplete"));
|
|
42
19
|
const Autocomplete_stories_1 = require("./Autocomplete.stories");
|
|
43
20
|
const mockOnSelect = jest.fn();
|
|
44
21
|
const defaultProps = {
|
|
22
|
+
disabled: false,
|
|
23
|
+
error: false,
|
|
24
|
+
label: 'test',
|
|
45
25
|
list: Autocomplete_stories_1.DEFAULT_LIST,
|
|
46
26
|
option: null,
|
|
47
|
-
onSelect: mockOnSelect
|
|
48
|
-
label: 'test',
|
|
49
|
-
error: false,
|
|
50
|
-
disabled: false
|
|
27
|
+
onSelect: mockOnSelect
|
|
51
28
|
};
|
|
52
29
|
describe('AutoComplete', () => {
|
|
53
30
|
it('should render list', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
54
31
|
(0, react_2.render)(react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps)));
|
|
55
|
-
expect(react_2.screen.getByRole('textbox')).toBeInTheDocument();
|
|
56
32
|
yield user_event_1.default.click(react_2.screen.getByRole('textbox'));
|
|
57
33
|
expect(react_2.screen.getAllByTestId('option-layout')).toHaveLength(6);
|
|
58
34
|
}));
|
|
59
|
-
it('should return
|
|
35
|
+
it('should return all elements with default value prefilled', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
60
36
|
(0, react_2.render)(react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps, { option: Autocomplete_stories_1.DEFAULT_LIST[0] })));
|
|
61
37
|
yield user_event_1.default.click(react_2.screen.getByRole('textbox'));
|
|
62
|
-
expect(react_2.screen.getByTestId('option-layout')).toBeInTheDocument();
|
|
63
38
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', 'Rodolphe');
|
|
39
|
+
expect(react_2.screen.getAllByTestId('option-layout')).toHaveLength(6);
|
|
64
40
|
}));
|
|
65
41
|
it('should have clean input', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
66
42
|
(0, react_2.render)(react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps, { option: null })));
|
|
@@ -82,13 +58,4 @@ describe('AutoComplete', () => {
|
|
|
82
58
|
});
|
|
83
59
|
}));
|
|
84
60
|
});
|
|
85
|
-
describe('isDifferentLabel', () => {
|
|
86
|
-
it('should return boolean', () => {
|
|
87
|
-
expect((0, Autocomplete_1.isDifferentLabel)(null, 'A')).toStrictEqual(false);
|
|
88
|
-
expect((0, Autocomplete_1.isDifferentLabel)({ value: 'a', label: 'B' }, 'A')).toStrictEqual(true);
|
|
89
|
-
expect((0, Autocomplete_1.isDifferentLabel)({ value: 'a', label: 'a' }, 'A')).toStrictEqual(false);
|
|
90
|
-
expect((0, Autocomplete_1.isDifferentLabel)({ value: 'a', label: 'A' }, 'A')).toStrictEqual(false);
|
|
91
|
-
expect((0, Autocomplete_1.isDifferentLabel)({ value: 'a', label: 'A' }, 'a')).toStrictEqual(false);
|
|
92
|
-
});
|
|
93
|
-
});
|
|
94
61
|
//# sourceMappingURL=Autocomplete.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/autocomplete/Autocomplete.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Autocomplete.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/autocomplete/Autocomplete.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,kDAAwD;AACxD,6EAAoD;AAEpD,kEAAiE;AACjE,iEAAsD;AAEtD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAsB;IACtC,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,mCAAY;IAClB,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,YAAY;CACvB,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,oBAAoB,EAAE,GAAS,EAAE;QAClC,IAAA,cAAM,EAAC,8BAAC,sBAAY,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE3C,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;QAEnD,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,GAAS,EAAE;QACvE,IAAA,cAAM,EAAC,8BAAC,sBAAY,oBAAK,YAAY,IAAE,MAAM,EAAE,mCAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAEpE,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;QAEnD,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QACzE,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAS,EAAE;QACvC,IAAA,cAAM,EAAC,8BAAC,sBAAY,oBAAK,YAAY,IAAE,MAAM,EAAE,IAAI,IAAI,CAAC,CAAC;QAEzD,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;QAEnD,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACnE,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAS,EAAE;QACrD,IAAA,cAAM,EAAC,8BAAC,sBAAY,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE3C,MAAM,oBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,CAAC;QAExD,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAS,EAAE;QAChE,IAAA,cAAM,EAAC,8BAAC,sBAAY,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE3C,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;QACnD,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAEjE,MAAM,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC;YACxC,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,GAAG;SACX,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -56,9 +56,7 @@ const GmapsAutocomplete = ({ country = 'FR', dataTest, disabled, error, focused,
|
|
|
56
56
|
const filteredSuggestions = withGeocodeType
|
|
57
57
|
? (0, gmaps_1.getGeoSearchSuggestions)(suggestions)
|
|
58
58
|
: suggestions;
|
|
59
|
-
return (react_1.default.createElement(InputBase_1.default, { zIndex: isOpen ? InputBase_1.ZINDEX_OPEN : zIndex, type: Input_1.InputType.TEXT, "data-test": "select-wrapper-input-base", label: label, disabled: disabled, error: error, value: address, dataTest: dataTest, required: required, id: id, gmap: Object.assign({}, getInputProps({
|
|
60
|
-
autoFocus: focused
|
|
61
|
-
})), field: loading && suggestions.length === 0 ? (react_1.default.createElement(InputLoader_1.default, null)) : isOpen && Boolean(filteredSuggestions.length) ? (react_1.default.createElement(GmapsSuggestions_1.default, { suggestions: filteredSuggestions, getSuggestionItemProps: getSuggestionItemProps })) : (react_1.default.createElement(react_1.Fragment, null)) }));
|
|
59
|
+
return (react_1.default.createElement(InputBase_1.default, { zIndex: isOpen ? InputBase_1.ZINDEX_OPEN : zIndex, type: Input_1.InputType.TEXT, "data-test": "select-wrapper-input-base", label: label, disabled: disabled, error: error, value: address, dataTest: dataTest, required: required, id: id, gmap: Object.assign({}, getInputProps({ autoFocus: focused, disabled })), field: loading && suggestions.length === 0 ? (react_1.default.createElement(InputLoader_1.default, null)) : isOpen && Boolean(filteredSuggestions.length) ? (react_1.default.createElement(GmapsSuggestions_1.default, { suggestions: filteredSuggestions, getSuggestionItemProps: getSuggestionItemProps })) : (react_1.default.createElement(react_1.Fragment, null)) }));
|
|
62
60
|
}));
|
|
63
61
|
};
|
|
64
62
|
exports.default = GmapsAutocomplete;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GmapsAutocomplete.js","sourceRoot":"","sources":["../../../../packages/ui/src/gmapsAutoComplete/GmapsAutocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AACjE,0FAA2E;AAG3E,oDAAmE;AACnE,4FAAoE;AACpE,0CAA2C;AAC3C,oEAAgE;AAChE,6EAAqD;AAkBrD,MAAM,iBAAiB,GAA+B,CAAC,EACrD,OAAO,GAAG,IAAI,EACd,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,OAAO,EACP,EAAE,EACF,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,CAAC,SAAS,CAAC,EACnB,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,MAAM,GAAG,CAAC,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,EACR,EAAE,EAAE;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAa;QAC3D,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK;KACf,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,aAAqB,EAAE,EAAE;QAC7C,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,CAAC;QACnD,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,aAAqB,EAAE,EAAE;QAC7C,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,CAAC;QACpD,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,8BAAC,mCAAkB,IACjB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,wBAAwB,EAAE,IAAI,EAC9B,aAAa,EAAE;YACb,KAAK;YACL,qBAAqB,EAAE,EAAE,OAAO,EAAE;SACnC,IAEA,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,sBAAsB,EAAE,OAAO,EAAE,EAAE,EAAE;QACnE,MAAM,mBAAmB,GAAG,eAAe;YACzC,CAAC,CAAC,IAAA,+BAAuB,EAAC,WAA2B,CAAC;YACtD,CAAC,CAAC,WAAW,CAAC;QAEhB,OAAO,CACL,8BAAC,mBAAS,IACR,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,uBAAW,CAAC,CAAC,CAAC,MAAM,EACrC,IAAI,EAAE,iBAAS,CAAC,IAAI,eACV,2BAA2B,EACrC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,oBACC,aAAa,CAAC
|
|
1
|
+
{"version":3,"file":"GmapsAutocomplete.js","sourceRoot":"","sources":["../../../../packages/ui/src/gmapsAutoComplete/GmapsAutocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AACjE,0FAA2E;AAG3E,oDAAmE;AACnE,4FAAoE;AACpE,0CAA2C;AAC3C,oEAAgE;AAChE,6EAAqD;AAkBrD,MAAM,iBAAiB,GAA+B,CAAC,EACrD,OAAO,GAAG,IAAI,EACd,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,OAAO,EACP,EAAE,EACF,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,CAAC,SAAS,CAAC,EACnB,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,MAAM,GAAG,CAAC,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,EACR,EAAE,EAAE;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAa;QAC3D,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK;KACf,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,aAAqB,EAAE,EAAE;QAC7C,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,CAAC;QACnD,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,aAAqB,EAAE,EAAE;QAC7C,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,CAAC;QACpD,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,8BAAC,mCAAkB,IACjB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,wBAAwB,EAAE,IAAI,EAC9B,aAAa,EAAE;YACb,KAAK;YACL,qBAAqB,EAAE,EAAE,OAAO,EAAE;SACnC,IAEA,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,sBAAsB,EAAE,OAAO,EAAE,EAAE,EAAE;QACnE,MAAM,mBAAmB,GAAG,eAAe;YACzC,CAAC,CAAC,IAAA,+BAAuB,EAAC,WAA2B,CAAC;YACtD,CAAC,CAAC,WAAW,CAAC;QAEhB,OAAO,CACL,8BAAC,mBAAS,IACR,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,uBAAW,CAAC,CAAC,CAAC,MAAM,EACrC,IAAI,EAAE,iBAAS,CAAC,IAAI,eACV,2BAA2B,EACrC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,oBACC,aAAa,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,GAEpD,KAAK,EACH,OAAO,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACpC,8BAAC,qBAAW,OAAG,CAChB,CAAC,CAAC,CAAC,MAAM,IAAI,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAClD,8BAAC,0BAAgB,IACf,WAAW,EAAE,mBAAmC,EAChD,sBAAsB,EAAE,sBAAsB,GAC9C,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,gBAAQ,OAAG,CACb,GAEH,CACH,CAAC;IACJ,CAAC,CACkB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
|