hplx-react-elements-dev 1.0.13 → 1.0.15
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/esm/components/addSuggestion/AddSuggestion.d.ts +1 -1
- package/dist/esm/components/addSuggestion/AddSuggestion.js +10 -6
- package/dist/esm/components/addSuggestion/AddSuggestion.js.map +1 -1
- package/dist/esm/components/datePicker/DatePicker.d.ts +3 -2
- package/dist/esm/components/datePicker/DatePicker.js +9 -2
- package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/nestedDropdown/NestedDropdown.d.ts +1 -2
- package/dist/esm/components/nestedDropdown/NestedDropdown.js +11 -5
- package/dist/esm/components/nestedDropdown/NestedDropdown.js.map +1 -1
- package/dist/esm/components/types.d.ts +10 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { AddSuggestionProps } from "../types";
|
|
3
|
-
declare const AddSuggestion: ({ label, hint_text_icon, hint_text, errorMsg, inputProps, options }: AddSuggestionProps) => JSX.Element;
|
|
3
|
+
declare const AddSuggestion: ({ isInputField, label, start_icon, end_icon, prefix, suffixButton, suffix, char_count, onSuggestionClick, height, hint_text_icon, hint_text, errorMsg, inputProps, inputFieldInputProps, options }: AddSuggestionProps) => JSX.Element;
|
|
4
4
|
export default AddSuggestion;
|
|
@@ -2,13 +2,14 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useRef, useEffect } from "react";
|
|
4
4
|
import DropdownItem from "../dropdownField/DropdownItem";
|
|
5
|
+
import InputField from "../inputField/InputField";
|
|
5
6
|
import TextAreaField from "../textAreaField/TextAreaField";
|
|
6
7
|
var AddSuggestion = function (_a) {
|
|
7
|
-
var label = _a.label,
|
|
8
|
-
var
|
|
9
|
-
var
|
|
8
|
+
var _b = _a.isInputField, isInputField = _b === void 0 ? false : _b, label = _a.label, _c = _a.start_icon, start_icon = _c === void 0 ? "" : _c, _d = _a.end_icon, end_icon = _d === void 0 ? "" : _d, prefix = _a.prefix, suffixButton = _a.suffixButton, suffix = _a.suffix, char_count = _a.char_count, _e = _a.onSuggestionClick, onSuggestionClick = _e === void 0 ? function () { } : _e, _f = _a.height, height = _f === void 0 ? 'h-32' : _f, _g = _a.hint_text_icon, hint_text_icon = _g === void 0 ? "" : _g, hint_text = _a.hint_text, _h = _a.errorMsg, errorMsg = _h === void 0 ? "" : _h, inputProps = _a.inputProps, inputFieldInputProps = _a.inputFieldInputProps, options = _a.options;
|
|
9
|
+
var _j = useState(inputProps && typeof (inputProps.value) === "string" ? inputProps.value : ""), value = _j[0], setValue = _j[1];
|
|
10
|
+
var _k = useState(false), showDropdown = _k[0], setShowDropdown = _k[1];
|
|
10
11
|
var wrapperRef = useRef(null);
|
|
11
|
-
var
|
|
12
|
+
var _l = useState(), suggestionArr = _l[0], setSuggestionArr = _l[1];
|
|
12
13
|
var changeHandler = function (e) {
|
|
13
14
|
if (options && options.length > 0) {
|
|
14
15
|
var sug = options.filter(function (options) {
|
|
@@ -27,7 +28,6 @@ var AddSuggestion = function (_a) {
|
|
|
27
28
|
}
|
|
28
29
|
};
|
|
29
30
|
var handleSuggestionClick = function (selectedValue) {
|
|
30
|
-
debugger;
|
|
31
31
|
var debris = value.split(", "); //explode string into array of strings indexed by /, |. |\s /
|
|
32
32
|
debris.pop(); //pop last element off the array (which we didn't want)
|
|
33
33
|
var result = debris.join(", ");
|
|
@@ -39,6 +39,7 @@ var AddSuggestion = function (_a) {
|
|
|
39
39
|
res = selectedValue;
|
|
40
40
|
}
|
|
41
41
|
setValue(res);
|
|
42
|
+
onSuggestionClick();
|
|
42
43
|
};
|
|
43
44
|
// Attaching the previous event with UseEffect hook
|
|
44
45
|
useEffect(function () {
|
|
@@ -49,7 +50,10 @@ var AddSuggestion = function (_a) {
|
|
|
49
50
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
50
51
|
};
|
|
51
52
|
});
|
|
52
|
-
return (_jsxs("div", __assign({ className: "input__wrapper relative" }, { children: [
|
|
53
|
+
return (_jsxs("div", __assign({ className: "input__wrapper relative" }, { children: [isInputField ?
|
|
54
|
+
_jsx(InputField, { label: label, start_icon: start_icon, end_icon: end_icon, prefix: prefix, suffixButton: suffixButton, suffix: suffix, char_count: char_count, hint_text: hint_text, hint_text_icon: hint_text_icon, errorMsg: errorMsg, inputProps: __assign(__assign({}, inputFieldInputProps), { onChange: changeHandler, value: value, onFocus: function () { return setShowDropdown(true); } }) })
|
|
55
|
+
:
|
|
56
|
+
_jsx(TextAreaField, { label: label, hint_text: hint_text, hint_text_icon: hint_text_icon, errorMsg: errorMsg, height: height, inputProps: __assign(__assign({}, inputProps), { onChange: changeHandler, value: value, onFocus: function () { return setShowDropdown(true); } }) }), showDropdown && (_jsx("div", __assign({ ref: wrapperRef, className: "absolute mt-1 min-w-max rounded-lg bg-White overflow-y-auto shadow-md z-10 max-h-80 " }, { children: suggestionArr && suggestionArr.length > 0 && (_jsx("div", { children: (suggestionArr === null || suggestionArr === void 0 ? void 0 : suggestionArr.constructor) === Array && suggestionArr.length
|
|
53
57
|
? suggestionArr.map(function (option) {
|
|
54
58
|
var restOptions = __rest(option || {}, []);
|
|
55
59
|
return (_jsx(DropdownItem, __assign({ className: "text-Primary-700" }, restOptions, { onSelect: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddSuggestion.js","sourceRoot":"","sources":["../../../../src/components/addSuggestion/AddSuggestion.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,YAAY,MAAM,+BAA+B,CAAC;AACzD,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAG3D,IAAM,aAAa,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"AddSuggestion.js","sourceRoot":"","sources":["../../../../src/components/addSuggestion/AddSuggestion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,8 @@ import "react-date-range/dist/styles.css";
|
|
|
3
3
|
import "react-date-range/dist/theme/default.css";
|
|
4
4
|
export interface DatePickerProps {
|
|
5
5
|
disabledDates: Date[];
|
|
6
|
-
selectDate
|
|
6
|
+
selectDate?: Date;
|
|
7
|
+
dateVar: (val: Date) => void;
|
|
7
8
|
}
|
|
8
|
-
declare const DatePicker: ({ disabledDates, selectDate }: DatePickerProps) => JSX.Element;
|
|
9
|
+
declare const DatePicker: ({ disabledDates, selectDate, dateVar }: DatePickerProps) => JSX.Element;
|
|
9
10
|
export default DatePicker;
|
|
@@ -5,19 +5,26 @@ import { useState } from "react";
|
|
|
5
5
|
import { Calendar } from "react-date-range";
|
|
6
6
|
import "react-date-range/dist/styles.css"; // main style file
|
|
7
7
|
import "react-date-range/dist/theme/default.css"; // theme css file
|
|
8
|
+
// import "../datePicker/DatePickerCSS.css"; // overriden style file
|
|
9
|
+
import InputField from "../inputField/InputField";
|
|
8
10
|
var DatePicker = function (_a) {
|
|
9
|
-
var disabledDates = _a.disabledDates, selectDate = _a.selectDate;
|
|
11
|
+
var disabledDates = _a.disabledDates, selectDate = _a.selectDate, dateVar = _a.dateVar;
|
|
10
12
|
var _b = useState(new Date(selectDate ? selectDate : new Date())), date = _b[0], setDate = _b[1];
|
|
11
13
|
var _c = useState(false), selected = _c[0], setSelected = _c[1];
|
|
12
14
|
var handleSelect = function (date) {
|
|
13
15
|
setDate(date);
|
|
14
16
|
setSelected(!selected);
|
|
15
17
|
console.log(dayjs().format("MMM DD, YYYY"));
|
|
18
|
+
dateVar(date);
|
|
16
19
|
};
|
|
17
20
|
var inputClick = function () {
|
|
18
21
|
setSelected(!selected);
|
|
19
22
|
};
|
|
20
|
-
return (_jsxs("div", __assign({ className: "
|
|
23
|
+
return (_jsxs("div", __assign({ className: "px-[14px] py-[10px]" }, { children: [_jsx("div", __assign({ className: "relative w-[189px]" }, { children: _jsx(InputField, { start_icon: "hx_calendar", inputProps: {
|
|
24
|
+
placeholder: date ? (dayjs(date).format("MMM DD, YYYY")) : "select dates",
|
|
25
|
+
value: dayjs(date).format("MMM DD, YYYY"),
|
|
26
|
+
onClick: inputClick,
|
|
27
|
+
} }) })), _jsx("div", __assign({ className: "absolute ".concat(selected ? "block" : "hidden", " mt-1 z-10 ") }, { children: _jsx(Calendar, { date: dayjs(date).isValid() ? date : new Date(), onChange: handleSelect, dateDisplayFormat: "MMM d, yyyy", disabledDates: disabledDates }) }))] })));
|
|
21
28
|
};
|
|
22
29
|
export default DatePicker;
|
|
23
30
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,kCAAkC,CAAC,CAAC,kBAAkB;AAC7D,OAAO,yCAAyC,CAAC,CAAC,iBAAiB;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,kCAAkC,CAAC,CAAC,kBAAkB;AAC7D,OAAO,yCAAyC,CAAC,CAAC,iBAAiB;AACnE,oEAAoE;AACpE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAQlD,IAAM,UAAU,GAAG,UAAC,EAAsD;QAApD,aAAa,mBAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA;IAChD,IAAA,KAAkB,QAAQ,CAC9B,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAC/C,EAFM,IAAI,QAAA,EAAE,OAAO,QAEnB,CAAC;IACI,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,IAAM,YAAY,GAAG,UAAC,IAAS;QAC7B,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;QACvB,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QAC5C,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IACF,IAAM,UAAU,GAAG;QACjB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,wBAAK,SAAS,EAAC,qBAAqB,iBAClC,uBAAK,SAAS,EAAC,oBAAoB,gBACjC,KAAC,UAAU,IACT,UAAU,EAAC,aAAa,EACxB,UAAU,EAAE;wBACV,WAAW,EAAE,IAAI,CAAC,CAAC,CAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA,CAAC,CAAC,cAAc;wBACzE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;wBACzC,OAAO,EAAE,UAAU;qBACpB,GACW,IAOV,EACN,uBACE,SAAS,EAAE,mBACT,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,iBACjB,gBAEd,KAAC,QAAQ,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,EAC/C,QAAQ,EAAE,YAAY,EACtB,iBAAiB,EAAC,aAAa,EAC/B,aAAa,EAAE,aAAa,GAC5B,IACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,UAAU,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
declare const NestedDropdown: ({ label, hint_text_icon, empty_text, hint_text, value, onChange, placeholder, errorMsg, className, medicineAdData, nestDropdownOption, end_icon, selectedOption, handleNestedDropdownVal }: NestedDropdownFieldProps) => JSX.Element;
|
|
2
|
+
declare const NestedDropdown: ({ label, hint_text_icon, empty_text, hint_text, value, onChange, placeholder, errorMsg, className, medicineAdData, nestDropdownOption, end_icon, selectedOption, handleNestedDropdownVal, }: any) => JSX.Element;
|
|
4
3
|
export default NestedDropdown;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import { useState, useRef } from "react";
|
|
3
|
+
import { useState, useRef, useEffect } from "react";
|
|
4
4
|
import InputField from "../inputField/InputField";
|
|
5
5
|
import Typography from "../typography/Typography";
|
|
6
6
|
import NestedDropdownItem from "./NestedDropdownItem";
|
|
@@ -11,6 +11,10 @@ var NestedDropdown = function (_a) {
|
|
|
11
11
|
var _g = useState(false), isShowMedAd = _g[0], setShowmMedAd = _g[1];
|
|
12
12
|
var dropdownRef = useRef(null);
|
|
13
13
|
var _h = useState([]), filterList = _h[0], setFilterList = _h[1];
|
|
14
|
+
var _j = useState(), inputValue = _j[0], setInputValue = _j[1];
|
|
15
|
+
useEffect(function () {
|
|
16
|
+
setInputValue(selectedOption);
|
|
17
|
+
}, [selectedOption]);
|
|
14
18
|
var getNestedDropdownPos = function () {
|
|
15
19
|
var _a;
|
|
16
20
|
var topPosVal = 0;
|
|
@@ -50,7 +54,6 @@ var NestedDropdown = function (_a) {
|
|
|
50
54
|
var filteredCharacters = dropdownOption
|
|
51
55
|
.map(function (item) {
|
|
52
56
|
if (item.label.toLowerCase().includes(value.toLowerCase())) {
|
|
53
|
-
console.log(item, value);
|
|
54
57
|
return item;
|
|
55
58
|
}
|
|
56
59
|
return undefined;
|
|
@@ -61,6 +64,7 @@ var NestedDropdown = function (_a) {
|
|
|
61
64
|
else {
|
|
62
65
|
setFilterList(dropdownOption); //for empty value display all list
|
|
63
66
|
}
|
|
67
|
+
setInputValue(value);
|
|
64
68
|
setOpenDropdown(true);
|
|
65
69
|
};
|
|
66
70
|
var renderNestedDropdown = function () {
|
|
@@ -74,6 +78,7 @@ var NestedDropdown = function (_a) {
|
|
|
74
78
|
var res = getNestedDropdownPos();
|
|
75
79
|
return (_jsx("div", __assign({ style: { top: "".concat(res.topPosVal, "px"), left: "".concat(res.leftPosVal, "px") }, className: "absolute pr-16 pl-6 py-2 z-10 bg-White border-1 border-Gray-200 shadow-lg whitespace-nowrap\t left-[400px]" }, { children: nestedDropdown })));
|
|
76
80
|
}
|
|
81
|
+
return null;
|
|
77
82
|
};
|
|
78
83
|
var renderDropdownOption = function () {
|
|
79
84
|
if (filterList && filterList.length) {
|
|
@@ -91,12 +96,13 @@ var NestedDropdown = function (_a) {
|
|
|
91
96
|
}
|
|
92
97
|
return null;
|
|
93
98
|
};
|
|
94
|
-
return (_jsxs("div", { children: [_jsx("div", __assign({ className: "relative flex justify-between" }, { children: Boolean(label) && (_jsx("div", __assign({ className: "text-Gray-700 mb-1" }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: label })) }))) })), _jsxs("div", __assign({ className: "relative block" }, { children: [_jsxs("div", __assign({ className: "".concat(className) }, { children: [
|
|
95
|
-
value:
|
|
99
|
+
return (_jsxs("div", { children: [_jsx("div", __assign({ className: "relative flex justify-between" }, { children: Boolean(label) && (_jsx("div", __assign({ className: "text-Gray-700 mb-1" }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Medium" }, { children: label })) }))) })), _jsxs("div", __assign({ className: "relative block" }, { children: [_jsxs("div", __assign({ className: "".concat(className) }, { children: [value && ("label" in value || "value" in value) ? (_jsx("div", __assign({ className: "text-Gray-900" }, { children: _jsx(Typography, __assign({ "data-testid": "nested-dropdown-selected-value", variant: "Regular", type: "Text md" }, { children: value["label"] || value["value"] })) }))) : (_jsx("div", __assign({ className: "text-Gray-500" }, { children: _jsx(Typography, __assign({ variant: "Regular", type: "Text md" }, { children: placeholder })) }))), _jsx(InputField, { inputProps: {
|
|
100
|
+
value: inputValue,
|
|
96
101
|
onChange: function (e) {
|
|
97
102
|
handleInputValue(e);
|
|
98
103
|
},
|
|
99
|
-
} })] })), _jsxs("div", __assign({ className: "relative ".concat(className) }, { children: [_jsx("div", __assign({ ref: dropdownRef, className: "".concat(className, " absolute mt-1 left-0 right-0 min-w-max rounded-lg bg-White overflow-y-scroll shadow-md z-10 max-h-80 ").concat(openDropdown ? "block" : "hidden"), onScroll: handleDropdownScroll }, { children: _jsx("div", { children: (nestDropdownOption === null || nestDropdownOption === void 0 ? void 0 : nestDropdownOption.constructor) === Array &&
|
|
104
|
+
} })] })), _jsxs("div", __assign({ className: "relative ".concat(className) }, { children: [_jsx("div", __assign({ ref: dropdownRef, className: "".concat(className, " absolute mt-1 left-0 right-0 min-w-max rounded-lg bg-White overflow-y-scroll shadow-md z-10 max-h-80 ").concat(openDropdown ? "block" : "hidden"), onScroll: handleDropdownScroll }, { children: _jsx("div", { children: (nestDropdownOption === null || nestDropdownOption === void 0 ? void 0 : nestDropdownOption.constructor) === Array &&
|
|
105
|
+
nestDropdownOption.length ? (renderDropdownOption()) : (_jsx("div", __assign({ className: "h-10 flex items-center px-2" }, { children: _jsx("div", __assign({ className: "flex-1 text-Gray-700" }, { children: _jsx(Typography, __assign({ variant: "Regular", type: "Text md" }, { children: empty_text })) })) }))) }) })), isShowMedAd &&
|
|
100
106
|
openDropdown &&
|
|
101
107
|
((_b = medicineAdData === null || medicineAdData === void 0 ? void 0 : medicineAdData.nestedOptionData) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
|
|
102
108
|
renderNestedDropdown()] }))] })), (Boolean(hint_text) || Boolean(errorMsg)) && (_jsx("div", __assign({ className: "".concat(errorMsg ? "text-Error-500" : "text-Gray-500 mt-1") }, { children: _jsx(Typography, __assign({ type: "Text sm", variant: "Regular" }, { children: errorMsg ? (String(errorMsg)) : (_jsxs(_Fragment, { children: [Boolean(hint_text_icon) && (_jsx("span", { className: hint_text_icon })), hint_text] })) })) })))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NestedDropdown.js","sourceRoot":"","sources":["../../../../src/components/nestedDropdown/NestedDropdown.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NestedDropdown.js","sourceRoot":"","sources":["../../../../src/components/nestedDropdown/NestedDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -285,10 +285,20 @@ export interface NestedDropdownItemsProps {
|
|
|
285
285
|
}
|
|
286
286
|
export interface AddSuggestionProps {
|
|
287
287
|
label?: string;
|
|
288
|
+
isInputField?: boolean;
|
|
289
|
+
height?: string;
|
|
290
|
+
prefix?: ReactNode;
|
|
291
|
+
suffixButton?: ReactNode;
|
|
292
|
+
suffix?: ReactNode;
|
|
293
|
+
start_icon?: string;
|
|
294
|
+
end_icon?: string;
|
|
288
295
|
hint_text?: string;
|
|
289
296
|
hint_text_icon?: string;
|
|
297
|
+
char_count?: string;
|
|
290
298
|
errorMsg?: string;
|
|
291
299
|
inputProps?: React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
|
|
300
|
+
inputFieldInputProps?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
|
|
301
|
+
onSuggestionClick?: () => void;
|
|
292
302
|
options?: Array<DropdownItemsProps>;
|
|
293
303
|
}
|
|
294
304
|
export {};
|