phx-react 1.3.164 → 1.3.165
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/components/SearchResultList/EmptySearchResult.js +1 -1
- package/dist/cjs/components/SearchResultList/EmptySearchResult.js.map +1 -1
- package/dist/cjs/components/SearchResultList/SearchResultList.d.ts +5 -1
- package/dist/cjs/components/SearchResultList/SearchResultList.js +31 -17
- package/dist/cjs/components/SearchResultList/SearchResultList.js.map +1 -1
- package/dist/esm/components/SearchResultList/EmptySearchResult.js +1 -1
- package/dist/esm/components/SearchResultList/EmptySearchResult.js.map +1 -1
- package/dist/esm/components/SearchResultList/SearchResultList.d.ts +5 -1
- package/dist/esm/components/SearchResultList/SearchResultList.js +31 -17
- package/dist/esm/components/SearchResultList/SearchResultList.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ var react_1 = tslib_1.__importDefault(require("react"));
|
|
|
5
5
|
function EmptySearchResult(_a) {
|
|
6
6
|
var className = _a.className;
|
|
7
7
|
return (react_1["default"].createElement("div", { className: "-mx-4 my-2 sm:-mx-6 lg:-mx-8 ".concat(className) },
|
|
8
|
-
react_1["default"].createElement("div", { className: 'min-w-full py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
|
|
8
|
+
react_1["default"].createElement("div", { className: 'w-full min-w-full py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
|
|
9
9
|
react_1["default"].createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
|
|
10
10
|
react_1["default"].createElement("div", { className: 'text-center' },
|
|
11
11
|
react_1["default"].createElement("svg", { className: 'mx-auto h-12 w-12 text-gray-400', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/SearchResultList/EmptySearchResult.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAMzB,SAAwB,iBAAiB,CAAC,EAAoB;QAAlB,SAAS,eAAA;IACnD,OAAO,CACL,0CAAK,SAAS,EAAE,uCAAgC,SAAS,CAAE;QACzD,0CAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/SearchResultList/EmptySearchResult.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAMzB,SAAwB,iBAAiB,CAAC,EAAoB;QAAlB,SAAS,eAAA;IACnD,OAAO,CACL,0CAAK,SAAS,EAAE,uCAAgC,SAAS,CAAE;QACzD,0CAAK,SAAS,EAAC,6DAA6D;YAC1E,0CAAK,SAAS,EAAC,2BAA2B;gBACxC,0CAAK,SAAS,EAAC,aAAa;oBAC1B,0CACE,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,2CACE,CAAC,EAAC,6CAA6C,EAC/C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACf,CACE;oBACN,yCAAI,SAAS,EAAC,wCAAwC,2CAAsB;oBAC5E,wCAAG,SAAS,EAAC,4BAA4B,gFAAsC,CAC3E,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC;AA3BD,uCA2BC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
+
import { UseFormRegisterReturn, UseFormSetValue } from 'react-hook-form';
|
|
2
3
|
type Falsy = boolean | undefined | null | 0;
|
|
3
4
|
export declare function classNames(...classes: Array<string | Falsy>): string;
|
|
4
5
|
export interface SearchResultListProps {
|
|
@@ -7,8 +8,11 @@ export interface SearchResultListProps {
|
|
|
7
8
|
error?: boolean;
|
|
8
9
|
disabled?: boolean;
|
|
9
10
|
name: string;
|
|
11
|
+
placeholder: string;
|
|
10
12
|
errorType?: any;
|
|
11
|
-
|
|
13
|
+
setValue: UseFormSetValue<any>;
|
|
14
|
+
register?: UseFormRegisterReturn;
|
|
15
|
+
filterArray: Array<any>;
|
|
12
16
|
search: {
|
|
13
17
|
enable: boolean;
|
|
14
18
|
keyResult: string;
|
|
@@ -17,7 +17,7 @@ function classNames() {
|
|
|
17
17
|
}
|
|
18
18
|
exports.classNames = classNames;
|
|
19
19
|
var PHXSearchResultList = function (_a) {
|
|
20
|
-
var disabled = _a.disabled, error = _a.error, errorType = _a.errorType, getSearchResult = _a.getSearchResult, label = _a.label, name = _a.name, register = _a.register, search = _a.search;
|
|
20
|
+
var disabled = _a.disabled, error = _a.error, errorType = _a.errorType, filterArray = _a.filterArray, getSearchResult = _a.getSearchResult, label = _a.label, name = _a.name, register = _a.register, search = _a.search, setValue = _a.setValue, placeholder = _a.placeholder;
|
|
21
21
|
var _b = (0, react_1.useState)(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
22
22
|
var _c = (0, react_1.useState)(false), isSearchLoading = _c[0], setIsSearchLoading = _c[1];
|
|
23
23
|
var _d = (0, react_1.useState)(false), isSearching = _d[0], setIsSearching = _d[1];
|
|
@@ -57,7 +57,6 @@ var PHXSearchResultList = function (_a) {
|
|
|
57
57
|
var value = e.target.value;
|
|
58
58
|
setSearchValue(value);
|
|
59
59
|
setIsSearching(true);
|
|
60
|
-
console.log('value', value);
|
|
61
60
|
if (value === '') {
|
|
62
61
|
setIsSearching(false);
|
|
63
62
|
}
|
|
@@ -65,14 +64,30 @@ var PHXSearchResultList = function (_a) {
|
|
|
65
64
|
setPreviousValue(value);
|
|
66
65
|
}
|
|
67
66
|
};
|
|
67
|
+
var formatDynamicFields = function (dataParams) {
|
|
68
|
+
var formattedValues = [];
|
|
69
|
+
var searchData = {};
|
|
70
|
+
filterArray.forEach(function (key) {
|
|
71
|
+
if (dataParams[key] !== undefined) {
|
|
72
|
+
searchData[key] = dataParams[key];
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
// eslint-disable-next-line no-restricted-syntax
|
|
76
|
+
for (var field in searchData) {
|
|
77
|
+
if (searchData[field] !== null && searchData[field] !== undefined) {
|
|
78
|
+
formattedValues.push(searchData[field]
|
|
79
|
+
.toLowerCase()
|
|
80
|
+
.split(' ')
|
|
81
|
+
.map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(); })
|
|
82
|
+
.join(' '));
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
return formattedValues.join(' - ');
|
|
86
|
+
};
|
|
68
87
|
var handleClickSearchItem = function (item) {
|
|
69
88
|
getSearchResult(item);
|
|
70
89
|
setIsSearching(false);
|
|
71
|
-
setSearchValue(
|
|
72
|
-
.toLowerCase()
|
|
73
|
-
.split(' ')
|
|
74
|
-
.map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(); })
|
|
75
|
-
.join(' '), " - ").concat(item.user_code));
|
|
90
|
+
setSearchValue(formatDynamicFields(item));
|
|
76
91
|
};
|
|
77
92
|
(0, react_1.useEffect)(function () {
|
|
78
93
|
if (searchValue) {
|
|
@@ -96,22 +111,21 @@ var PHXSearchResultList = function (_a) {
|
|
|
96
111
|
}); }, 500);
|
|
97
112
|
// @ts-ignore
|
|
98
113
|
setTimer(newTimer);
|
|
114
|
+
setValue(name, searchValue);
|
|
99
115
|
}
|
|
100
116
|
else {
|
|
101
117
|
setSearchValue('');
|
|
102
118
|
}
|
|
103
119
|
}, [searchValue]);
|
|
104
120
|
return (react_1["default"].createElement(apollo_wrapper_1.ApolloWrapper, null,
|
|
105
|
-
react_1["default"].createElement("div", { className: 'relative' },
|
|
106
|
-
react_1["default"].createElement("div", { className: '
|
|
107
|
-
react_1["default"].createElement(
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
// @ts-ignore
|
|
114
|
-
react_1["default"].createElement("button", { key: item.id, className: 'relative w-full cursor-pointer border-b-2 border-gray-100 p-2 py-1 text-xs capitalize hover:bg-yellow-50 hover:text-gray-900', onClick: function () { return handleClickSearchItem(item); }, type: 'button' }, "".concat(item.full_name.toLowerCase(), " - ").concat(item.user_code))); }))))) : (react_1["default"].createElement(react_1["default"].Fragment, null, isSearching && react_1["default"].createElement(EmptySearchResult_1["default"], null)))))));
|
|
121
|
+
react_1["default"].createElement("div", { className: 'relative w-full' },
|
|
122
|
+
react_1["default"].createElement("div", { className: classNames('relative flex items-center justify-between') },
|
|
123
|
+
react_1["default"].createElement(Input_1.PHXInput, { className: 'w-full', disabled: disabled, error: error, errorType: errorType, label: label, name: name, onInput: searchChange, placeholder: placeholder, register: register, type: 'text' }),
|
|
124
|
+
react_1["default"].createElement("div", { className: 'absolute right-2 pt-6' }, isSearchLoading ? react_1["default"].createElement(Loading_1.PHXSpinner, null) : null)),
|
|
125
|
+
react_1["default"].createElement("div", { className: 'absolute w-full drop-shadow-lg' }, isSearching && searchDataResult.length > 0 ? (react_1["default"].createElement("div", { className: 'my-2 min-w-full pb-2' },
|
|
126
|
+
react_1["default"].createElement("div", { className: 'max-h-40 divide-gray-200 overflow-y-scroll border border-gray-100 bg-white' }, searchDataResult.map(function (item) { return (
|
|
127
|
+
// @ts-ignore
|
|
128
|
+
react_1["default"].createElement("button", { key: item.id, className: 'relative w-full cursor-pointer border-b-2 border-gray-100 p-2 py-1 text-xs capitalize hover:bg-yellow-50 hover:text-gray-900', onClick: function () { return handleClickSearchItem(item); }, type: 'button' }, formatDynamicFields(item))); })))) : (react_1["default"].createElement(react_1["default"].Fragment, null, isSearching && react_1["default"].createElement(EmptySearchResult_1["default"], null)))))));
|
|
115
129
|
};
|
|
116
130
|
exports["default"] = PHXSearchResultList;
|
|
117
131
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchResultList.js","sourceRoot":"","sources":["../../../../src/components/SearchResultList/SearchResultList.tsx"],"names":[],"mappings":";;;;AAAA,yCAAkD;AAElD,qDAAsD;
|
|
1
|
+
{"version":3,"file":"SearchResultList.js","sourceRoot":"","sources":["../../../../src/components/SearchResultList/SearchResultList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
export default function EmptySearchResult(_a) {
|
|
3
3
|
var className = _a.className;
|
|
4
4
|
return (React.createElement("div", { className: "-mx-4 my-2 sm:-mx-6 lg:-mx-8 ".concat(className) },
|
|
5
|
-
React.createElement("div", { className: 'min-w-full py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
|
|
5
|
+
React.createElement("div", { className: 'w-full min-w-full py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
|
|
6
6
|
React.createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
|
|
7
7
|
React.createElement("div", { className: 'text-center' },
|
|
8
8
|
React.createElement("svg", { className: 'mx-auto h-12 w-12 text-gray-400', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/SearchResultList/EmptySearchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAoB;QAAlB,SAAS,eAAA;IACnD,OAAO,CACL,6BAAK,SAAS,EAAE,uCAAgC,SAAS,CAAE;QACzD,6BAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/SearchResultList/EmptySearchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAoB;QAAlB,SAAS,eAAA;IACnD,OAAO,CACL,6BAAK,SAAS,EAAE,uCAAgC,SAAS,CAAE;QACzD,6BAAK,SAAS,EAAC,6DAA6D;YAC1E,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,6BAAK,SAAS,EAAC,aAAa;oBAC1B,6BACE,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,8BACE,CAAC,EAAC,6CAA6C,EAC/C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACf,CACE;oBACN,4BAAI,SAAS,EAAC,wCAAwC,2CAAsB;oBAC5E,2BAAG,SAAS,EAAC,4BAA4B,gFAAsC,CAC3E,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
+
import { UseFormRegisterReturn, UseFormSetValue } from 'react-hook-form';
|
|
2
3
|
type Falsy = boolean | undefined | null | 0;
|
|
3
4
|
export declare function classNames(...classes: Array<string | Falsy>): string;
|
|
4
5
|
export interface SearchResultListProps {
|
|
@@ -7,8 +8,11 @@ export interface SearchResultListProps {
|
|
|
7
8
|
error?: boolean;
|
|
8
9
|
disabled?: boolean;
|
|
9
10
|
name: string;
|
|
11
|
+
placeholder: string;
|
|
10
12
|
errorType?: any;
|
|
11
|
-
|
|
13
|
+
setValue: UseFormSetValue<any>;
|
|
14
|
+
register?: UseFormRegisterReturn;
|
|
15
|
+
filterArray: Array<any>;
|
|
12
16
|
search: {
|
|
13
17
|
enable: boolean;
|
|
14
18
|
keyResult: string;
|
|
@@ -13,7 +13,7 @@ export function classNames() {
|
|
|
13
13
|
return classes.filter(Boolean).join(' ');
|
|
14
14
|
}
|
|
15
15
|
var PHXSearchResultList = function (_a) {
|
|
16
|
-
var disabled = _a.disabled, error = _a.error, errorType = _a.errorType, getSearchResult = _a.getSearchResult, label = _a.label, name = _a.name, register = _a.register, search = _a.search;
|
|
16
|
+
var disabled = _a.disabled, error = _a.error, errorType = _a.errorType, filterArray = _a.filterArray, getSearchResult = _a.getSearchResult, label = _a.label, name = _a.name, register = _a.register, search = _a.search, setValue = _a.setValue, placeholder = _a.placeholder;
|
|
17
17
|
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
18
18
|
var _c = useState(false), isSearchLoading = _c[0], setIsSearchLoading = _c[1];
|
|
19
19
|
var _d = useState(false), isSearching = _d[0], setIsSearching = _d[1];
|
|
@@ -53,7 +53,6 @@ var PHXSearchResultList = function (_a) {
|
|
|
53
53
|
var value = e.target.value;
|
|
54
54
|
setSearchValue(value);
|
|
55
55
|
setIsSearching(true);
|
|
56
|
-
console.log('value', value);
|
|
57
56
|
if (value === '') {
|
|
58
57
|
setIsSearching(false);
|
|
59
58
|
}
|
|
@@ -61,14 +60,30 @@ var PHXSearchResultList = function (_a) {
|
|
|
61
60
|
setPreviousValue(value);
|
|
62
61
|
}
|
|
63
62
|
};
|
|
63
|
+
var formatDynamicFields = function (dataParams) {
|
|
64
|
+
var formattedValues = [];
|
|
65
|
+
var searchData = {};
|
|
66
|
+
filterArray.forEach(function (key) {
|
|
67
|
+
if (dataParams[key] !== undefined) {
|
|
68
|
+
searchData[key] = dataParams[key];
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
// eslint-disable-next-line no-restricted-syntax
|
|
72
|
+
for (var field in searchData) {
|
|
73
|
+
if (searchData[field] !== null && searchData[field] !== undefined) {
|
|
74
|
+
formattedValues.push(searchData[field]
|
|
75
|
+
.toLowerCase()
|
|
76
|
+
.split(' ')
|
|
77
|
+
.map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(); })
|
|
78
|
+
.join(' '));
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
return formattedValues.join(' - ');
|
|
82
|
+
};
|
|
64
83
|
var handleClickSearchItem = function (item) {
|
|
65
84
|
getSearchResult(item);
|
|
66
85
|
setIsSearching(false);
|
|
67
|
-
setSearchValue(
|
|
68
|
-
.toLowerCase()
|
|
69
|
-
.split(' ')
|
|
70
|
-
.map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(); })
|
|
71
|
-
.join(' '), " - ").concat(item.user_code));
|
|
86
|
+
setSearchValue(formatDynamicFields(item));
|
|
72
87
|
};
|
|
73
88
|
useEffect(function () {
|
|
74
89
|
if (searchValue) {
|
|
@@ -92,22 +107,21 @@ var PHXSearchResultList = function (_a) {
|
|
|
92
107
|
}); }, 500);
|
|
93
108
|
// @ts-ignore
|
|
94
109
|
setTimer(newTimer);
|
|
110
|
+
setValue(name, searchValue);
|
|
95
111
|
}
|
|
96
112
|
else {
|
|
97
113
|
setSearchValue('');
|
|
98
114
|
}
|
|
99
115
|
}, [searchValue]);
|
|
100
116
|
return (React.createElement(ApolloWrapper, null,
|
|
101
|
-
React.createElement("div", { className: 'relative' },
|
|
102
|
-
React.createElement("div", { className: '
|
|
103
|
-
React.createElement(
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
// @ts-ignore
|
|
110
|
-
React.createElement("button", { key: item.id, className: 'relative w-full cursor-pointer border-b-2 border-gray-100 p-2 py-1 text-xs capitalize hover:bg-yellow-50 hover:text-gray-900', onClick: function () { return handleClickSearchItem(item); }, type: 'button' }, "".concat(item.full_name.toLowerCase(), " - ").concat(item.user_code))); }))))) : (React.createElement(React.Fragment, null, isSearching && React.createElement(EmptySearchResult, null)))))));
|
|
117
|
+
React.createElement("div", { className: 'relative w-full' },
|
|
118
|
+
React.createElement("div", { className: classNames('relative flex items-center justify-between') },
|
|
119
|
+
React.createElement(PHXInput, { className: 'w-full', disabled: disabled, error: error, errorType: errorType, label: label, name: name, onInput: searchChange, placeholder: placeholder, register: register, type: 'text' }),
|
|
120
|
+
React.createElement("div", { className: 'absolute right-2 pt-6' }, isSearchLoading ? React.createElement(PHXSpinner, null) : null)),
|
|
121
|
+
React.createElement("div", { className: 'absolute w-full drop-shadow-lg' }, isSearching && searchDataResult.length > 0 ? (React.createElement("div", { className: 'my-2 min-w-full pb-2' },
|
|
122
|
+
React.createElement("div", { className: 'max-h-40 divide-gray-200 overflow-y-scroll border border-gray-100 bg-white' }, searchDataResult.map(function (item) { return (
|
|
123
|
+
// @ts-ignore
|
|
124
|
+
React.createElement("button", { key: item.id, className: 'relative w-full cursor-pointer border-b-2 border-gray-100 p-2 py-1 text-xs capitalize hover:bg-yellow-50 hover:text-gray-900', onClick: function () { return handleClickSearchItem(item); }, type: 'button' }, formatDynamicFields(item))); })))) : (React.createElement(React.Fragment, null, isSearching && React.createElement(EmptySearchResult, null)))))));
|
|
111
125
|
};
|
|
112
126
|
export default PHXSearchResultList;
|
|
113
127
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchResultList.js","sourceRoot":"","sources":["../../../../src/components/SearchResultList/SearchResultList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SearchResultList.js","sourceRoot":"","sources":["../../../../src/components/SearchResultList/SearchResultList.tsx"],"names":[],"mappings":"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"}
|