@docsplain-kit/utilities 0.0.8 → 0.0.9
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.
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import { TextInputProps } from '@docsplain-kit/core/text-input/text-input.props';
|
|
2
|
+
declare const AutoComplete: ({ handleSelect, getSearchData, data, loading, keyValue, id, className, searchValue, error, textInputProps }: {
|
|
2
3
|
handleSelect: (_value: string) => void;
|
|
3
4
|
getSearchData: (_searchText: string) => void;
|
|
4
5
|
data: Array<any>;
|
|
@@ -8,5 +9,6 @@ declare const AutoComplete: ({ handleSelect, getSearchData, data, loading, keyVa
|
|
|
8
9
|
className?: string | undefined;
|
|
9
10
|
searchValue: any;
|
|
10
11
|
error: boolean;
|
|
12
|
+
textInputProps: TextInputProps;
|
|
11
13
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
12
14
|
export default AutoComplete;
|
|
@@ -7,7 +7,7 @@ var core_1 = require("@docsplain-kit/core");
|
|
|
7
7
|
var class_names_1 = tslib_1.__importDefault(require("../utiles/class-names"));
|
|
8
8
|
var arrow_down_icon_1 = tslib_1.__importDefault(require("./icons/arrow-down-icon"));
|
|
9
9
|
var AutoComplete = function (_a) {
|
|
10
|
-
var handleSelect = _a.handleSelect, getSearchData = _a.getSearchData, data = _a.data, loading = _a.loading, keyValue = _a.keyValue, id = _a.id, className = _a.className, searchValue = _a.searchValue, error = _a.error;
|
|
10
|
+
var handleSelect = _a.handleSelect, getSearchData = _a.getSearchData, data = _a.data, loading = _a.loading, keyValue = _a.keyValue, id = _a.id, className = _a.className, searchValue = _a.searchValue, error = _a.error, textInputProps = _a.textInputProps;
|
|
11
11
|
var _b = (0, react_1.useState)(false), showList = _b[0], setShowList = _b[1];
|
|
12
12
|
var _c = (0, react_1.useState)(searchValue && keyValue ? searchValue[keyValue] || '' : ''), debouncedInput = _c[0], setDebouncedInput = _c[1];
|
|
13
13
|
var isSelectingRef = (0, react_1.useRef)(false);
|
|
@@ -53,7 +53,7 @@ var AutoComplete = function (_a) {
|
|
|
53
53
|
setDebouncedInput(keyValue && item[keyValue] ? item[keyValue] : '');
|
|
54
54
|
setShowList(false);
|
|
55
55
|
};
|
|
56
|
-
return ((0, jsx_runtime_1.jsxs)(core_1.Popper, tslib_1.__assign({ closeOnScroll: false, position: 'bottom', showPopper: showList, handlePopper: handlePopper, className: (0, class_names_1["default"])('w-full h-fit', className) }, { children: [(0, jsx_runtime_1.jsx)(core_1.PopperHandler, { children: (0, jsx_runtime_1.jsx)(core_1.TextInput, { color: 'primary', onChange: handleInputChange, className: (0, class_names_1["default"])('w-full rounded-full border appearance-none outline-none focus:border-b-primary focus:border-b-2', error ? 'border-danger' : 'border-b-control-600 border-control-150'), value: debouncedInput, onClick: handlePopper, startAdornment: loading ? (0, jsx_runtime_1.jsx)(core_1.Spinner, { size: 'tiny' }) : null, endAdornment: (0, jsx_runtime_1.jsx)(arrow_down_icon_1["default"], { className: (0, class_names_1["default"])(showList ? 'rotate-0 duration-150' : 'rotate-180 duration-150') }) }) }), (0, jsx_runtime_1.jsx)(core_1.PopperContent, tslib_1.__assign({ className: 'w-full pt-2' }, { children: (0, jsx_runtime_1.jsx)(core_1.Div, tslib_1.__assign({ className: 'bg-white shadow-lg rounded-md py-2 px-2 border border-slate-500 w-full' }, { children: loading ? ((0, jsx_runtime_1.jsx)(core_1.Div, tslib_1.__assign({ className: "flex justify-center items-center py-2" }, { children: (0, jsx_runtime_1.jsx)(core_1.Text, tslib_1.__assign({ typography: 'sm' }, { children: "Loading..." })) }))) : data && data.length ? ((0, jsx_runtime_1.jsx)(core_1.Div, tslib_1.__assign({ className: 'flex-col w-full overflow-y-auto max-h-36' }, { children: data.map(function (item, index) { return ((0, jsx_runtime_1.jsxs)(core_1.ListItem, tslib_1.__assign({ typography: 'sm', className: (0, class_names_1["default"])('cursor-pointer hover:bg-primary-500 hover:text-white rounded justify-between', searchValue && id && searchValue[id] === item[id] ? 'bg-control-100' : 'bg-white'), onClick: function () { return handleSelectValue({ item: item }); } }, { children: [keyValue && item[keyValue] ? item[keyValue] : '', searchValue && id && searchValue[id] === item[id] ? ((0, jsx_runtime_1.jsx)("svg", tslib_1.__assign({ width: "15", height: "11", viewBox: "0 0 15 11", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M5.33336 8.64332L12.9934 0.982483L14.1725 2.16082L5.33336 11L0.0300293 5.69665L1.20836 4.51832L5.33336 8.64332Z" }) }))) : null] }), index)); }) }))) : ((0, jsx_runtime_1.jsx)(core_1.Text, tslib_1.__assign({ typography: 'sm' }, { children: "No match was found" }))) })) }))] })));
|
|
56
|
+
return ((0, jsx_runtime_1.jsxs)(core_1.Popper, tslib_1.__assign({ closeOnScroll: false, position: 'bottom', showPopper: showList, handlePopper: handlePopper, className: (0, class_names_1["default"])('w-full h-fit', className) }, { children: [(0, jsx_runtime_1.jsx)(core_1.PopperHandler, { children: (0, jsx_runtime_1.jsx)(core_1.TextInput, tslib_1.__assign({ color: 'primary', onChange: handleInputChange, className: (0, class_names_1["default"])('w-full rounded-full border appearance-none outline-none focus:border-b-primary focus:border-b-2', error ? 'border-danger' : 'border-b-control-600 border-control-150'), value: debouncedInput, onClick: handlePopper, startAdornment: loading ? (0, jsx_runtime_1.jsx)(core_1.Spinner, { size: 'tiny' }) : null, endAdornment: (0, jsx_runtime_1.jsx)(arrow_down_icon_1["default"], { className: (0, class_names_1["default"])(showList ? 'rotate-0 duration-150' : 'rotate-180 duration-150') }) }, textInputProps)) }), (0, jsx_runtime_1.jsx)(core_1.PopperContent, tslib_1.__assign({ className: 'w-full pt-2' }, { children: (0, jsx_runtime_1.jsx)(core_1.Div, tslib_1.__assign({ className: 'bg-white shadow-lg rounded-md py-2 px-2 border border-slate-500 w-full' }, { children: loading ? ((0, jsx_runtime_1.jsx)(core_1.Div, tslib_1.__assign({ className: "flex justify-center items-center py-2" }, { children: (0, jsx_runtime_1.jsx)(core_1.Text, tslib_1.__assign({ typography: 'sm' }, { children: "Loading..." })) }))) : data && data.length ? ((0, jsx_runtime_1.jsx)(core_1.Div, tslib_1.__assign({ className: 'flex-col w-full overflow-y-auto max-h-36' }, { children: data.map(function (item, index) { return ((0, jsx_runtime_1.jsxs)(core_1.ListItem, tslib_1.__assign({ typography: 'sm', className: (0, class_names_1["default"])('cursor-pointer hover:bg-primary-500 hover:text-white rounded justify-between', searchValue && id && searchValue[id] === item[id] ? 'bg-control-100' : 'bg-white'), onClick: function () { return handleSelectValue({ item: item }); } }, { children: [keyValue && item[keyValue] ? item[keyValue] : '', searchValue && id && searchValue[id] === item[id] ? ((0, jsx_runtime_1.jsx)("svg", tslib_1.__assign({ width: "15", height: "11", viewBox: "0 0 15 11", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M5.33336 8.64332L12.9934 0.982483L14.1725 2.16082L5.33336 11L0.0300293 5.69665L1.20836 4.51832L5.33336 8.64332Z" }) }))) : null] }), index)); }) }))) : ((0, jsx_runtime_1.jsx)(core_1.Text, tslib_1.__assign({ typography: 'sm' }, { children: "No match was found" }))) })) }))] })));
|
|
57
57
|
};
|
|
58
58
|
exports["default"] = AutoComplete;
|
|
59
59
|
//# sourceMappingURL=auto-complete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"auto-complete.js","sourceRoot":"","sources":["../../auto-complete/auto-complete.tsx"],"names":[],"mappings":";;;;AAAA,+BAAiE;AACjE,4CAAoH;
|
|
1
|
+
{"version":3,"file":"auto-complete.js","sourceRoot":"","sources":["../../auto-complete/auto-complete.tsx"],"names":[],"mappings":"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"}
|