phx-react 1.3.1522 → 1.3.1524
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/ResourceList/ResourceList.d.ts +2 -1
- package/dist/cjs/components/ResourceList/ResourceList.js +13 -12
- package/dist/cjs/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/cjs/components/ResourceList/component/searchResult.d.ts +1 -1
- package/dist/cjs/components/ResourceList/component/searchResult.js +6 -3
- package/dist/cjs/components/ResourceList/component/searchResult.js.map +1 -1
- package/dist/esm/components/ResourceList/ResourceList.d.ts +2 -1
- package/dist/esm/components/ResourceList/ResourceList.js +13 -12
- package/dist/esm/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/esm/components/ResourceList/component/searchResult.d.ts +1 -1
- package/dist/esm/components/ResourceList/component/searchResult.js +6 -3
- package/dist/esm/components/ResourceList/component/searchResult.js.map +1 -1
- package/package.json +1 -1
|
@@ -97,5 +97,6 @@ export interface ResourceListProps {
|
|
|
97
97
|
getKeyword?(keyword: string): void;
|
|
98
98
|
loading?: boolean;
|
|
99
99
|
isApplyClassnameList?: boolean;
|
|
100
|
+
searchLoading?: boolean;
|
|
100
101
|
}
|
|
101
|
-
export declare function PHXResourceList({ actionSelectAll, bulkActions, bulkActionsContent, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, isBadge, isEmptyData, isOptionList, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly, searchResult, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, isApplyClassnameList, }: ResourceListProps): React.JSX.Element;
|
|
102
|
+
export declare function PHXResourceList({ actionSelectAll, bulkActions, bulkActionsContent, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, isBadge, isEmptyData, isOptionList, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly, searchResult, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, isApplyClassnameList, searchLoading, }: ResourceListProps): React.JSX.Element;
|
|
@@ -14,11 +14,12 @@ var listWithCard_1 = tslib_1.__importDefault(require("./component/listWithCard")
|
|
|
14
14
|
var resourceStyle_1 = tslib_1.__importDefault(require("./styles/resourceStyle"));
|
|
15
15
|
var Loading_1 = require("../Loading");
|
|
16
16
|
var EmptySearch_1 = require("../EmptySearch");
|
|
17
|
+
var useDebounce_1 = tslib_1.__importDefault(require("../Func/useDebounce"));
|
|
17
18
|
function PHXResourceList(_a) {
|
|
18
|
-
var _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, button = _a.button, className = _a.className, defaultOptionActive = _a.defaultOptionActive, getKeyword = _a.getKeyword, heightList = _a.heightList, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup, isBadge = _a.isBadge, isEmptyData = _a.isEmptyData, _c = _a.isOptionList, isOptionList = _c === void 0 ? false : _c, list = _a.list, loading = _a.loading, onBulkActions = _a.onBulkActions, onClickItem = _a.onClickItem, onClickRemoveItem = _a.onClickRemoveItem, onScrollBottom = _a.onScrollBottom, onSelectedItemsChange = _a.onSelectedItemsChange, paging = _a.paging, _d = _a.readonly, readonly = _d === void 0 ? false : _d, _e = _a.searchResult, searchResult = _e === void 0 ? false : _e, selectedItems = _a.selectedItems, shortcutAction = _a.shortcutAction, sortContent = _a.sortContent, sortOptions = _a.sortOptions, textAction = _a.textAction, title = _a.title, useListWithCard = _a.useListWithCard, _f = _a.isApplyClassnameList, isApplyClassnameList = _f === void 0 ? false : _f;
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
19
|
+
var _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, button = _a.button, className = _a.className, defaultOptionActive = _a.defaultOptionActive, getKeyword = _a.getKeyword, heightList = _a.heightList, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup, isBadge = _a.isBadge, isEmptyData = _a.isEmptyData, _c = _a.isOptionList, isOptionList = _c === void 0 ? false : _c, list = _a.list, loading = _a.loading, onBulkActions = _a.onBulkActions, onClickItem = _a.onClickItem, onClickRemoveItem = _a.onClickRemoveItem, onScrollBottom = _a.onScrollBottom, onSelectedItemsChange = _a.onSelectedItemsChange, paging = _a.paging, _d = _a.readonly, readonly = _d === void 0 ? false : _d, _e = _a.searchResult, searchResult = _e === void 0 ? false : _e, selectedItems = _a.selectedItems, shortcutAction = _a.shortcutAction, sortContent = _a.sortContent, sortOptions = _a.sortOptions, textAction = _a.textAction, title = _a.title, useListWithCard = _a.useListWithCard, _f = _a.isApplyClassnameList, isApplyClassnameList = _f === void 0 ? false : _f, _g = _a.searchLoading, searchLoading = _g === void 0 ? false : _g;
|
|
20
|
+
var _h = (0, react_1.useState)(selectedItems !== null && selectedItems !== void 0 ? selectedItems : []), dataSelected = _h[0], setDataSelected = _h[1];
|
|
21
|
+
var _j = (0, react_1.useState)(''), query = _j[0], setQuery = _j[1];
|
|
22
|
+
var _k = (0, react_1.useState)([]), filteredItems = _k[0], setFilteredItems = _k[1];
|
|
22
23
|
(0, react_1.useEffect)(function () {
|
|
23
24
|
if (getKeyword) {
|
|
24
25
|
setFilteredItems(list);
|
|
@@ -30,10 +31,7 @@ function PHXResourceList(_a) {
|
|
|
30
31
|
var bulkActionMarkup = bulkActions && actionSelectAll ? (react_1.default.createElement(bulkAction_1.default, { content: bulkActionsContent, dataSelected: dataSelected, list: list ? list : [], onBulkActions: onBulkActions, setDataSelected: setDataSelected, setFilteredItems: setFilteredItems })) : searchResult ? (react_1.default.createElement("div", { className: 'relative flex-1' },
|
|
31
32
|
react_1.default.createElement(searchResult_1.default, { setQuery: function (keyword) {
|
|
32
33
|
setQuery(keyword);
|
|
33
|
-
|
|
34
|
-
getKeyword(keyword);
|
|
35
|
-
}
|
|
36
|
-
} }))) : (react_1.default.createElement(react_1.default.Fragment, null));
|
|
34
|
+
}, loading: searchLoading }))) : (react_1.default.createElement(react_1.default.Fragment, null));
|
|
37
35
|
var onScrollList = function (e) {
|
|
38
36
|
var target = e.target;
|
|
39
37
|
var isScrollingToBottom = target.scrollHeight - target.scrollTop === target.clientHeight;
|
|
@@ -59,6 +57,12 @@ function PHXResourceList(_a) {
|
|
|
59
57
|
onSelectedItemsChange === null || onSelectedItemsChange === void 0 ? void 0 : onSelectedItemsChange(dataSelected);
|
|
60
58
|
}
|
|
61
59
|
}, [dataSelected]);
|
|
60
|
+
var debouncedSearch = (0, useDebounce_1.default)(query, 300);
|
|
61
|
+
(0, react_1.useEffect)(function () {
|
|
62
|
+
if (getKeyword) {
|
|
63
|
+
getKeyword(debouncedSearch);
|
|
64
|
+
}
|
|
65
|
+
}, [debouncedSearch]);
|
|
62
66
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
63
67
|
react_1.default.createElement(resourceStyle_1.default, null),
|
|
64
68
|
react_1.default.createElement("div", { className: (0, types_1.classNames)(!isApplyClassnameList && className ? className : '') },
|
|
@@ -67,10 +71,7 @@ function PHXResourceList(_a) {
|
|
|
67
71
|
bulkActions && !title && searchResult && actionSelectAll && (react_1.default.createElement("div", { className: 'relative p-3 pb-0' },
|
|
68
72
|
react_1.default.createElement(searchResult_1.default, { setQuery: function (keyword) {
|
|
69
73
|
setQuery(keyword);
|
|
70
|
-
|
|
71
|
-
getKeyword(keyword);
|
|
72
|
-
}
|
|
73
|
-
}, type: 'have-bulk-actions' }))),
|
|
74
|
+
}, type: 'have-bulk-actions', loading: searchLoading }))),
|
|
74
75
|
loading ? (react_1.default.createElement("div", { className: 'flex h-56 items-center justify-center' },
|
|
75
76
|
react_1.default.createElement(Loading_1.PHXSpinner, null))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
76
77
|
bulkActions || searchResult || sortOptions || title ? (react_1.default.createElement(react_1.default.Fragment, null, (!title && actionSelectAll) || sortOptions || searchResult ? (react_1.default.createElement("div", { className: (0, types_1.classNames)('flex items-center gap-x-4 border-b pb-3', (!bulkActions || !actionSelectAll) && 'justify-end', !useListWithCard && 'p-3') },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,11 +4,14 @@ var tslib_1 = require("tslib");
|
|
|
4
4
|
var solid_1 = require("@heroicons/react/20/solid");
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var types_1 = require("../../types");
|
|
7
|
+
var Loading_1 = require("../../Loading");
|
|
7
8
|
function SearchResult(_a) {
|
|
8
|
-
var setQuery = _a.setQuery, type = _a.type;
|
|
9
|
+
var setQuery = _a.setQuery, type = _a.type, loading = _a.loading;
|
|
9
10
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
10
|
-
react_1.default.createElement("input", { className: 'block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 pl-8 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', onChange: function (e) { return setQuery(e.target.value); }, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text' }),
|
|
11
|
-
react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: (0, types_1.classNames)('h-4 w-4 text-gray-500 absolute ml-3', type === 'have-bulk-actions' ? 'top-5' : 'top-2') })
|
|
11
|
+
react_1.default.createElement("input", { className: (0, types_1.classNames)(loading && 'pr-10', 'relative block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 pl-8 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent'), onChange: function (e) { return setQuery(e.target.value); }, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text' }),
|
|
12
|
+
react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: (0, types_1.classNames)('h-4 w-4 text-gray-500 absolute ml-3', type === 'have-bulk-actions' ? 'top-5' : 'top-2') }),
|
|
13
|
+
loading && (react_1.default.createElement("div", { className: 'absolute top-4 mt-0.5 right-6' },
|
|
14
|
+
react_1.default.createElement(Loading_1.PHXSpinner, null)))));
|
|
12
15
|
}
|
|
13
16
|
exports.default = SearchResult;
|
|
14
17
|
//# sourceMappingURL=searchResult.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"searchResult.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/searchResult.tsx"],"names":[],"mappings":";;;AAAA,mDAA+D;AAC/D,wDAAyB;AACzB,qCAAwC;
|
|
1
|
+
{"version":3,"file":"searchResult.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/searchResult.tsx"],"names":[],"mappings":";;;AAAA,mDAA+D;AAC/D,wDAAyB;AACzB,qCAAwC;AACxC,yCAA0C;AAE1C,SAAS,YAAY,CAAC,EAAgC;QAA9B,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA;IAC7C,OAAO,CACL;QACE,yCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,OAAO,IAAI,OAAO,EAClB,kQAAkQ,CACnQ,EACD,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAxB,CAAwB,EAC9C,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,GACX;QACF,8BAAC,2BAAmB,IAClB,SAAS,EAAE,IAAA,kBAAU,EAAC,qCAAqC,EAAE,IAAI,KAAK,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,GAC9G;QACD,OAAO,IAAI,CACV,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,8BAAC,oBAAU,OAAG,CACV,CACP,CACA,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,YAAY,CAAA"}
|
|
@@ -97,5 +97,6 @@ export interface ResourceListProps {
|
|
|
97
97
|
getKeyword?(keyword: string): void;
|
|
98
98
|
loading?: boolean;
|
|
99
99
|
isApplyClassnameList?: boolean;
|
|
100
|
+
searchLoading?: boolean;
|
|
100
101
|
}
|
|
101
|
-
export declare function PHXResourceList({ actionSelectAll, bulkActions, bulkActionsContent, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, isBadge, isEmptyData, isOptionList, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly, searchResult, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, isApplyClassnameList, }: ResourceListProps): React.JSX.Element;
|
|
102
|
+
export declare function PHXResourceList({ actionSelectAll, bulkActions, bulkActionsContent, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, isBadge, isEmptyData, isOptionList, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly, searchResult, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, isApplyClassnameList, searchLoading, }: ResourceListProps): React.JSX.Element;
|
|
@@ -11,11 +11,12 @@ import ListWithCard from './component/listWithCard';
|
|
|
11
11
|
import ResourceStyle from './styles/resourceStyle';
|
|
12
12
|
import { PHXSpinner } from '../Loading';
|
|
13
13
|
import { PHXEmptySearch } from '../EmptySearch';
|
|
14
|
+
import PHXUseDebounce from '../Func/useDebounce';
|
|
14
15
|
export function PHXResourceList(_a) {
|
|
15
|
-
var _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, button = _a.button, className = _a.className, defaultOptionActive = _a.defaultOptionActive, getKeyword = _a.getKeyword, heightList = _a.heightList, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup, isBadge = _a.isBadge, isEmptyData = _a.isEmptyData, _c = _a.isOptionList, isOptionList = _c === void 0 ? false : _c, list = _a.list, loading = _a.loading, onBulkActions = _a.onBulkActions, onClickItem = _a.onClickItem, onClickRemoveItem = _a.onClickRemoveItem, onScrollBottom = _a.onScrollBottom, onSelectedItemsChange = _a.onSelectedItemsChange, paging = _a.paging, _d = _a.readonly, readonly = _d === void 0 ? false : _d, _e = _a.searchResult, searchResult = _e === void 0 ? false : _e, selectedItems = _a.selectedItems, shortcutAction = _a.shortcutAction, sortContent = _a.sortContent, sortOptions = _a.sortOptions, textAction = _a.textAction, title = _a.title, useListWithCard = _a.useListWithCard, _f = _a.isApplyClassnameList, isApplyClassnameList = _f === void 0 ? false : _f;
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
16
|
+
var _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, button = _a.button, className = _a.className, defaultOptionActive = _a.defaultOptionActive, getKeyword = _a.getKeyword, heightList = _a.heightList, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup, isBadge = _a.isBadge, isEmptyData = _a.isEmptyData, _c = _a.isOptionList, isOptionList = _c === void 0 ? false : _c, list = _a.list, loading = _a.loading, onBulkActions = _a.onBulkActions, onClickItem = _a.onClickItem, onClickRemoveItem = _a.onClickRemoveItem, onScrollBottom = _a.onScrollBottom, onSelectedItemsChange = _a.onSelectedItemsChange, paging = _a.paging, _d = _a.readonly, readonly = _d === void 0 ? false : _d, _e = _a.searchResult, searchResult = _e === void 0 ? false : _e, selectedItems = _a.selectedItems, shortcutAction = _a.shortcutAction, sortContent = _a.sortContent, sortOptions = _a.sortOptions, textAction = _a.textAction, title = _a.title, useListWithCard = _a.useListWithCard, _f = _a.isApplyClassnameList, isApplyClassnameList = _f === void 0 ? false : _f, _g = _a.searchLoading, searchLoading = _g === void 0 ? false : _g;
|
|
17
|
+
var _h = useState(selectedItems !== null && selectedItems !== void 0 ? selectedItems : []), dataSelected = _h[0], setDataSelected = _h[1];
|
|
18
|
+
var _j = useState(''), query = _j[0], setQuery = _j[1];
|
|
19
|
+
var _k = useState([]), filteredItems = _k[0], setFilteredItems = _k[1];
|
|
19
20
|
useEffect(function () {
|
|
20
21
|
if (getKeyword) {
|
|
21
22
|
setFilteredItems(list);
|
|
@@ -27,10 +28,7 @@ export function PHXResourceList(_a) {
|
|
|
27
28
|
var bulkActionMarkup = bulkActions && actionSelectAll ? (React.createElement(BulkAction, { content: bulkActionsContent, dataSelected: dataSelected, list: list ? list : [], onBulkActions: onBulkActions, setDataSelected: setDataSelected, setFilteredItems: setFilteredItems })) : searchResult ? (React.createElement("div", { className: 'relative flex-1' },
|
|
28
29
|
React.createElement(SearchResult, { setQuery: function (keyword) {
|
|
29
30
|
setQuery(keyword);
|
|
30
|
-
|
|
31
|
-
getKeyword(keyword);
|
|
32
|
-
}
|
|
33
|
-
} }))) : (React.createElement(React.Fragment, null));
|
|
31
|
+
}, loading: searchLoading }))) : (React.createElement(React.Fragment, null));
|
|
34
32
|
var onScrollList = function (e) {
|
|
35
33
|
var target = e.target;
|
|
36
34
|
var isScrollingToBottom = target.scrollHeight - target.scrollTop === target.clientHeight;
|
|
@@ -56,6 +54,12 @@ export function PHXResourceList(_a) {
|
|
|
56
54
|
onSelectedItemsChange === null || onSelectedItemsChange === void 0 ? void 0 : onSelectedItemsChange(dataSelected);
|
|
57
55
|
}
|
|
58
56
|
}, [dataSelected]);
|
|
57
|
+
var debouncedSearch = PHXUseDebounce(query, 300);
|
|
58
|
+
useEffect(function () {
|
|
59
|
+
if (getKeyword) {
|
|
60
|
+
getKeyword(debouncedSearch);
|
|
61
|
+
}
|
|
62
|
+
}, [debouncedSearch]);
|
|
59
63
|
return (React.createElement(React.Fragment, null,
|
|
60
64
|
React.createElement(ResourceStyle, null),
|
|
61
65
|
React.createElement("div", { className: classNames(!isApplyClassnameList && className ? className : '') },
|
|
@@ -64,10 +68,7 @@ export function PHXResourceList(_a) {
|
|
|
64
68
|
bulkActions && !title && searchResult && actionSelectAll && (React.createElement("div", { className: 'relative p-3 pb-0' },
|
|
65
69
|
React.createElement(SearchResult, { setQuery: function (keyword) {
|
|
66
70
|
setQuery(keyword);
|
|
67
|
-
|
|
68
|
-
getKeyword(keyword);
|
|
69
|
-
}
|
|
70
|
-
}, type: 'have-bulk-actions' }))),
|
|
71
|
+
}, type: 'have-bulk-actions', loading: searchLoading }))),
|
|
71
72
|
loading ? (React.createElement("div", { className: 'flex h-56 items-center justify-center' },
|
|
72
73
|
React.createElement(PHXSpinner, null))) : (React.createElement(React.Fragment, null,
|
|
73
74
|
bulkActions || searchResult || sortOptions || title ? (React.createElement(React.Fragment, null, (!title && actionSelectAll) || sortOptions || searchResult ? (React.createElement("div", { className: classNames('flex items-center gap-x-4 border-b pb-3', (!bulkActions || !actionSelectAll) && 'justify-end', !useListWithCard && 'p-3') },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAA6B,UAAU,EAAE,MAAM,UAAU,CAAA;AAChE,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,aAAa,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { MagnifyingGlassIcon } from '@heroicons/react/20/solid';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { classNames } from '../../types';
|
|
4
|
+
import { PHXSpinner } from '../../Loading';
|
|
4
5
|
function SearchResult(_a) {
|
|
5
|
-
var setQuery = _a.setQuery, type = _a.type;
|
|
6
|
+
var setQuery = _a.setQuery, type = _a.type, loading = _a.loading;
|
|
6
7
|
return (React.createElement(React.Fragment, null,
|
|
7
|
-
React.createElement("input", { className: 'block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 pl-8 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', onChange: function (e) { return setQuery(e.target.value); }, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text' }),
|
|
8
|
-
React.createElement(MagnifyingGlassIcon, { className: classNames('h-4 w-4 text-gray-500 absolute ml-3', type === 'have-bulk-actions' ? 'top-5' : 'top-2') })
|
|
8
|
+
React.createElement("input", { className: classNames(loading && 'pr-10', 'relative block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 pl-8 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent'), onChange: function (e) { return setQuery(e.target.value); }, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text' }),
|
|
9
|
+
React.createElement(MagnifyingGlassIcon, { className: classNames('h-4 w-4 text-gray-500 absolute ml-3', type === 'have-bulk-actions' ? 'top-5' : 'top-2') }),
|
|
10
|
+
loading && (React.createElement("div", { className: 'absolute top-4 mt-0.5 right-6' },
|
|
11
|
+
React.createElement(PHXSpinner, null)))));
|
|
9
12
|
}
|
|
10
13
|
export default SearchResult;
|
|
11
14
|
//# sourceMappingURL=searchResult.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"searchResult.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/searchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"searchResult.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/searchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,SAAS,YAAY,CAAC,EAAgC;QAA9B,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA;IAC7C,OAAO,CACL;QACE,+BACE,SAAS,EAAE,UAAU,CACnB,OAAO,IAAI,OAAO,EAClB,kQAAkQ,CACnQ,EACD,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAxB,CAAwB,EAC9C,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,GACX;QACF,oBAAC,mBAAmB,IAClB,SAAS,EAAE,UAAU,CAAC,qCAAqC,EAAE,IAAI,KAAK,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,GAC9G;QACD,OAAO,IAAI,CACV,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,oBAAC,UAAU,OAAG,CACV,CACP,CACA,CACJ,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}
|