@trilogy-ds/react 0.0.1-beta-92 → 0.0.1-beta-93
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/lib/components/autocomplete/AutoComplete.d.ts +4 -0
- package/lib/components/{input/autocomplete → autocomplete}/AutoComplete.js +10 -9
- package/lib/components/autocomplete/AutoComplete.js.map +1 -0
- package/lib/components/{input/autocomplete → autocomplete}/AutoComplete.native.d.ts +2 -2
- package/lib/components/{input/autocomplete → autocomplete}/AutoComplete.native.js +1 -1
- package/lib/components/autocomplete/AutoComplete.native.js.map +1 -0
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +49 -0
- package/lib/components/autocomplete/AutoCompleteProps.js.map +1 -0
- package/lib/components/{input/autocomplete/AutoCompletePropsDefaults.js → autocomplete/AutoCompletePropsNativeDefaults.js} +17 -21
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +752 -0
- package/lib/components/autocomplete/Autocomplete.helpers.js.map +1 -0
- package/lib/components/autocomplete/index.js.map +1 -0
- package/lib/components/{input/autocomplete → autocomplete}/item/AutoCompleteIem.native.js +2 -2
- package/lib/components/autocomplete/item/AutoCompleteIem.native.js.map +1 -0
- package/lib/components/{input/autocomplete → autocomplete}/item/AutoCompleteItem.js +3 -3
- package/lib/components/autocomplete/item/AutoCompleteItem.js.map +1 -0
- package/lib/components/{input/autocomplete → autocomplete}/item/AutoCompleteItemProps.d.ts +1 -1
- package/lib/components/autocomplete/item/AutoCompleteItemProps.js.map +1 -0
- package/lib/components/autocomplete/item/index.js.map +1 -0
- package/lib/components/{input/autocomplete → autocomplete}/menu/AutoCompleteMenu.js +3 -3
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js.map +1 -0
- package/lib/components/{input/autocomplete → autocomplete}/menu/AutoCompleteMenu.native.js +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js.map +1 -0
- package/lib/components/autocomplete/menu/AutoCompleteMenuProps.js.map +1 -0
- package/lib/components/autocomplete/menu/index.js.map +1 -0
- package/lib/components/autocomplete/utils/debounce.js.map +1 -0
- package/lib/components/autocomplete/utils/index.js.map +1 -0
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +2 -2
- package/lib/components/button/ButtonPropsDefaults.js +2 -2
- package/lib/components/input/Input.d.ts +2 -73
- package/lib/components/input/Input.js +16 -41
- package/lib/components/input/Input.js.map +1 -1
- package/lib/components/input/Input.native.d.ts +2 -4
- package/lib/components/input/Input.native.js +24 -29
- package/lib/components/input/Input.native.js.map +1 -1
- package/lib/components/input/InputChangeEventNativeDefaults.js +17 -0
- package/lib/components/input/{InputChangeEventDefaults.js → InputChangeEventWebDefaults.js} +2 -7
- package/lib/components/input/InputClickEventDefaults.js +1 -1
- package/lib/components/input/InputKeyboardEventDefaults.js +1 -1
- package/lib/components/input/InputNativeEventsDefaults.js +15 -1
- package/lib/components/input/InputProps.d.ts +19 -12
- package/lib/components/input/InputPropsDefaults.js +2 -20
- package/lib/components/input/InputWebEventsDefaults.js +15 -1
- package/lib/components/link/LinkPropsDefaults.js +2 -2
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +1 -1
- package/lib/components/tabs/item/TabsItemPropsDefaults.js +2 -2
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/components/input/autocomplete/AutoComplete.d.ts +0 -24
- package/lib/components/input/autocomplete/AutoComplete.js.map +0 -1
- package/lib/components/input/autocomplete/AutoComplete.native.js.map +0 -1
- package/lib/components/input/autocomplete/AutoCompleteProps.d.ts +0 -29
- package/lib/components/input/autocomplete/AutoCompleteProps.js.map +0 -1
- package/lib/components/input/autocomplete/Autocomplete.helpers.js.map +0 -1
- package/lib/components/input/autocomplete/index.js.map +0 -1
- package/lib/components/input/autocomplete/item/AutoCompleteIem.native.js.map +0 -1
- package/lib/components/input/autocomplete/item/AutoCompleteItem.js.map +0 -1
- package/lib/components/input/autocomplete/item/AutoCompleteItemProps.js.map +0 -1
- package/lib/components/input/autocomplete/item/index.js.map +0 -1
- package/lib/components/input/autocomplete/menu/AutoCompleteMenu.js.map +0 -1
- package/lib/components/input/autocomplete/menu/AutoCompleteMenu.native.js.map +0 -1
- package/lib/components/input/autocomplete/menu/AutoCompleteMenuProps.js.map +0 -1
- package/lib/components/input/autocomplete/menu/index.js.map +0 -1
- package/lib/components/input/autocomplete/utils/debounce.js.map +0 -1
- package/lib/components/input/autocomplete/utils/index.js.map +0 -1
- /package/lib/components/{input/autocomplete → autocomplete}/AutoCompleteProps.js +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/Autocomplete.helpers.d.ts +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/Autocomplete.helpers.js +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/ItemDefaults.js +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/ItemSelectedEventDefaults.js +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/index.d.ts +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/index.js +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/item/AutoCompleteIem.native.d.ts +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/item/AutoCompleteItem.d.ts +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/item/AutoCompleteItemProps.js +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/item/AutoCompleteItemPropsDefaults.js +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/item/index.d.ts +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/item/index.js +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/menu/AutoCompleteMenu.d.ts +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/menu/AutoCompleteMenu.native.d.ts +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/menu/AutoCompleteMenuProps.d.ts +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/menu/AutoCompleteMenuProps.js +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/menu/AutoCompleteMenuPropsDefaults.js +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/menu/index.d.ts +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/menu/index.js +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/utils/debounce.d.ts +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/utils/debounce.js +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/utils/index.d.ts +0 -0
- /package/lib/components/{input/autocomplete → autocomplete}/utils/index.js +0 -0
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import { Input } from '../../components/input';
|
|
2
|
+
import { InputAutoCompleteType } from '../../components/input/InputEnum';
|
|
3
|
+
import { useTrilogyContext } from '../../context';
|
|
4
|
+
import { hashClass } from '../../helpers';
|
|
5
|
+
import { is } from '../../services';
|
|
1
6
|
import clsx from 'clsx';
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
3
|
-
import { useTrilogyContext } from '../../../context';
|
|
4
|
-
import { hashClass } from '../../../helpers';
|
|
5
|
-
import { is } from '../../../services';
|
|
6
|
-
import { InputAutoCompleteType } from '../../../components/input/InputEnum';
|
|
7
|
+
import React, { forwardRef, useEffect, useState } from 'react';
|
|
7
8
|
import { defaultMatching, getLabel } from './Autocomplete.helpers';
|
|
8
9
|
import AutoCompleteItem from './item';
|
|
9
10
|
import AutoCompleteMenu from './menu';
|
|
@@ -28,9 +29,8 @@ import { debounce } from './utils';
|
|
|
28
29
|
* @param customIcon {string} Additional icon classes
|
|
29
30
|
* @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
|
|
30
31
|
*/
|
|
31
|
-
const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwidthMenu, placeholder, data, status, onBlur, testId, onChange, name, matching = defaultMatching, displayMenu = true, onItemSelected, customIcon,
|
|
32
|
+
const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwidthMenu, placeholder, data, status, onBlur, testId, onChange, name, matching = defaultMatching, displayMenu = true, onItemSelected, customIcon, disabled, children, accessibilityLabel, onIconClick, getSuggestions, debounceSuggestionsTimeout, onFocus, loading, ...others }, ref) => {
|
|
32
33
|
const { styled } = useTrilogyContext();
|
|
33
|
-
const { Input } = others;
|
|
34
34
|
const [itemSelected, setItemSelected] = useState(null);
|
|
35
35
|
const [_inputValue, setInputValue] = useState(value !== null && value !== void 0 ? value : '');
|
|
36
36
|
const [activeItem, setActiveItem] = useState(0);
|
|
@@ -61,6 +61,7 @@ const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwi
|
|
|
61
61
|
inputName: name || '',
|
|
62
62
|
inputValue: e.inputValue,
|
|
63
63
|
inputSelectionStart: null,
|
|
64
|
+
target: e.target,
|
|
64
65
|
});
|
|
65
66
|
}
|
|
66
67
|
// Check if the input value is a regular expression or a string
|
|
@@ -125,7 +126,7 @@ const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwi
|
|
|
125
126
|
onFocus(event);
|
|
126
127
|
};
|
|
127
128
|
return (React.createElement("div", { className: hashClass(styled, clsx('control')) },
|
|
128
|
-
React.createElement(Input, { defaultValue: defaultValue, accessibilityLabel: accessibilityLabel, ...(customIcon ? { customIcon: customIcon } : {}),
|
|
129
|
+
React.createElement(Input, { ref: ref, defaultValue: defaultValue, accessibilityLabel: accessibilityLabel, ...(customIcon ? { customIcon: customIcon } : {}), placeholder: placeholder, ...(name ? { name: name } : {}), className: 'autocomplete-input', type: 'text', testId: testId, status: status, autoCompleteType: InputAutoCompleteType.OFF, disabled: disabled,
|
|
129
130
|
// Add delay for selection of suggestion
|
|
130
131
|
onBlur: (e) => {
|
|
131
132
|
setTimeout(() => setIsAutocompleteMenuVisible(false), 250);
|
|
@@ -137,5 +138,5 @@ const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwi
|
|
|
137
138
|
isAutocompleteMenuVisible && (React.createElement("div", { className: autocompleteClasses }, search.length > 0 && (React.createElement(AutoCompleteMenu, { testId: testId, absolute: absoluteMenu, fullwidth: fullwidthMenu, className: classNameMenu }, search.map((item, i) => (React.createElement(AutoCompleteItem, { active: activeItem === i, key: i, testId: testId, item: item, suggestionSelected: (v) => suggestionSelected(v, data, search) }, children ? children(item) : getLabel(item)))))))),
|
|
138
139
|
React.createElement("div", null)));
|
|
139
140
|
};
|
|
140
|
-
export default AutoComplete;
|
|
141
|
+
export default forwardRef(AutoComplete);
|
|
141
142
|
//# sourceMappingURL=AutoComplete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoComplete.js","sourceRoot":"","sources":["../../../components/autocomplete/AutoComplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
declare const AutoComplete: ({ value, data, onChange, displayMenu, onItemSelected, customIcon, placeholder, matching, getSuggestions, debounceSuggestionsTimeout, onFocus, testId, ...others }:
|
|
2
|
+
import { AutoCompletePropsNative } from './AutoCompleteProps';
|
|
3
|
+
declare const AutoComplete: ({ value, data, onChange, displayMenu, onItemSelected, customIcon, placeholder, matching, getSuggestions, debounceSuggestionsTimeout, onFocus, testId, ...others }: AutoCompletePropsNative) => JSX.Element;
|
|
4
4
|
export default AutoComplete;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import Input from '../../components/input/Input.native';
|
|
1
2
|
import React, { useEffect, useMemo, useState } from 'react';
|
|
2
3
|
import { Keyboard, StyleSheet, View } from 'react-native';
|
|
3
4
|
import { defaultMatching, getLabel } from './Autocomplete.helpers';
|
|
@@ -7,7 +8,6 @@ const AutoComplete = ({ value, data, onChange, displayMenu, onItemSelected, cust
|
|
|
7
8
|
const [valueInput, setValueInput] = useState(value !== null && value !== void 0 ? value : '');
|
|
8
9
|
const [suggestions, setSuggestions] = useState(data !== null && data !== void 0 ? data : []);
|
|
9
10
|
const [isOpenMenu, setIsOpenMenu] = useState(displayMenu !== null && displayMenu !== void 0 ? displayMenu : false);
|
|
10
|
-
const { Input } = others;
|
|
11
11
|
const updateSuggestions = async (valueInput) => {
|
|
12
12
|
if (getSuggestions) {
|
|
13
13
|
const suggestions = await getSuggestions(valueInput);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoComplete.native.js","sourceRoot":"","sources":["../../../components/autocomplete/AutoComplete.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { InputChangeEventWeb, InputChangeEventNative, InputClickEvent, InputProps } from '../../components/input/InputProps';
|
|
2
|
+
import { FocusEventHandler } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* AutoComplete Interface
|
|
5
|
+
*/
|
|
6
|
+
export interface AutoCompletePropsWeb<T = string> extends InputProps {
|
|
7
|
+
children?: (item: T) => React.ReactNode;
|
|
8
|
+
defaultValue?: string;
|
|
9
|
+
value?: string;
|
|
10
|
+
data: T[];
|
|
11
|
+
classNameMenu?: string;
|
|
12
|
+
absoluteMenu?: boolean;
|
|
13
|
+
fullwidthMenu?: boolean;
|
|
14
|
+
matching?: (data: T[], value: string) => T[];
|
|
15
|
+
onChange?: (event: InputChangeEventWeb) => void;
|
|
16
|
+
onItemSelected?: (event: ItemSelectedEvent<T | null>) => void;
|
|
17
|
+
displayMenu?: boolean;
|
|
18
|
+
onIconClick?: (event: InputClickEvent) => void;
|
|
19
|
+
getSuggestions?: (search: string) => Promise<T[]>;
|
|
20
|
+
debounceSuggestionsTimeout?: number;
|
|
21
|
+
onFocus?: FocusEventHandler<HTMLInputElement>;
|
|
22
|
+
onBlur?: FocusEventHandler<HTMLInputElement>;
|
|
23
|
+
}
|
|
24
|
+
export interface AutoCompletePropsNative<T = string> extends InputProps {
|
|
25
|
+
children?: (item: T) => React.ReactNode;
|
|
26
|
+
defaultValue?: string;
|
|
27
|
+
value?: string;
|
|
28
|
+
data: T[];
|
|
29
|
+
classNameMenu?: string;
|
|
30
|
+
absoluteMenu?: boolean;
|
|
31
|
+
fullwidthMenu?: boolean;
|
|
32
|
+
matching?: (data: T[], value: string) => T[];
|
|
33
|
+
onChange?: (event: InputChangeEventNative) => void;
|
|
34
|
+
onItemSelected?: (event: ItemSelectedEvent<T | null>) => void;
|
|
35
|
+
displayMenu?: boolean;
|
|
36
|
+
onIconClick?: (event: InputClickEvent) => void;
|
|
37
|
+
getSuggestions?: (search: string) => Promise<T[]>;
|
|
38
|
+
debounceSuggestionsTimeout?: number;
|
|
39
|
+
onFocus?: (event: React.BaseSyntheticEvent) => void;
|
|
40
|
+
onBlur?: (event: unknown) => void;
|
|
41
|
+
}
|
|
42
|
+
export interface Item<T = string> {
|
|
43
|
+
label: string;
|
|
44
|
+
data: T;
|
|
45
|
+
}
|
|
46
|
+
export interface ItemSelectedEvent<T> {
|
|
47
|
+
value: T;
|
|
48
|
+
index: number;
|
|
49
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoCompleteProps.js","sourceRoot":"","sources":["../../../components/autocomplete/AutoCompleteProps.ts"],"names":[],"mappings":""}
|
|
@@ -58,7 +58,7 @@ export default {
|
|
|
58
58
|
"type": "function",
|
|
59
59
|
"values": [
|
|
60
60
|
"undefined",
|
|
61
|
-
"
|
|
61
|
+
"InputChangeEventNative) => void"
|
|
62
62
|
]
|
|
63
63
|
},
|
|
64
64
|
"onItemSelected": {
|
|
@@ -97,13 +97,25 @@ export default {
|
|
|
97
97
|
"number"
|
|
98
98
|
]
|
|
99
99
|
},
|
|
100
|
+
"onFocus": {
|
|
101
|
+
"type": "function",
|
|
102
|
+
"values": [
|
|
103
|
+
"undefined",
|
|
104
|
+
"BaseSyntheticEvent<object, any, any>) => void"
|
|
105
|
+
]
|
|
106
|
+
},
|
|
107
|
+
"onBlur": {
|
|
108
|
+
"type": "function",
|
|
109
|
+
"values": [
|
|
110
|
+
"undefined",
|
|
111
|
+
"(event: unknown) => void"
|
|
112
|
+
]
|
|
113
|
+
},
|
|
100
114
|
"type": {
|
|
101
115
|
"type": "enum",
|
|
102
116
|
"values": [
|
|
103
117
|
"undefined",
|
|
104
118
|
"number",
|
|
105
|
-
"search",
|
|
106
|
-
"text",
|
|
107
119
|
"text",
|
|
108
120
|
"number",
|
|
109
121
|
"password",
|
|
@@ -111,7 +123,9 @@ export default {
|
|
|
111
123
|
"date",
|
|
112
124
|
"datetime-local",
|
|
113
125
|
"email",
|
|
126
|
+
"text",
|
|
114
127
|
"password",
|
|
128
|
+
"search",
|
|
115
129
|
"date",
|
|
116
130
|
"datetime-local",
|
|
117
131
|
"email"
|
|
@@ -398,10 +412,6 @@ export default {
|
|
|
398
412
|
"true"
|
|
399
413
|
]
|
|
400
414
|
},
|
|
401
|
-
"reference": {
|
|
402
|
-
"type": "string",
|
|
403
|
-
"values": []
|
|
404
|
-
},
|
|
405
415
|
"keyboardStyle": {
|
|
406
416
|
"type": "enum",
|
|
407
417
|
"values": [
|
|
@@ -646,20 +656,6 @@ export default {
|
|
|
646
656
|
"true"
|
|
647
657
|
]
|
|
648
658
|
},
|
|
649
|
-
"onFocus": {
|
|
650
|
-
"type": "function",
|
|
651
|
-
"values": [
|
|
652
|
-
"undefined",
|
|
653
|
-
"BaseSyntheticEvent<object, any, any>) => void"
|
|
654
|
-
]
|
|
655
|
-
},
|
|
656
|
-
"onBlur": {
|
|
657
|
-
"type": "function",
|
|
658
|
-
"values": [
|
|
659
|
-
"undefined",
|
|
660
|
-
"(event: unknown) => void"
|
|
661
|
-
]
|
|
662
|
-
},
|
|
663
659
|
"onMouseEnter": {
|
|
664
660
|
"type": "function",
|
|
665
661
|
"values": [
|