phx-react 1.3.1189 → 1.3.1191
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/HeaderBar/HeaderBar.js +1 -1
- package/dist/cjs/components/ResourceList/ResourceList.d.ts +4 -1
- package/dist/cjs/components/ResourceList/ResourceList.js +37 -19
- package/dist/cjs/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/cjs/components/ResourceList/styles/resourceStyle.d.ts +2 -0
- package/dist/cjs/components/ResourceList/styles/resourceStyle.js +9 -0
- package/dist/cjs/components/ResourceList/styles/resourceStyle.js.map +1 -0
- package/dist/esm/components/HeaderBar/HeaderBar.js +1 -1
- package/dist/esm/components/ResourceList/ResourceList.d.ts +4 -1
- package/dist/esm/components/ResourceList/ResourceList.js +37 -19
- package/dist/esm/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/esm/components/ResourceList/styles/resourceStyle.d.ts +2 -0
- package/dist/esm/components/ResourceList/styles/resourceStyle.js +5 -0
- package/dist/esm/components/ResourceList/styles/resourceStyle.js.map +1 -0
- package/package.json +1 -1
|
@@ -61,7 +61,7 @@ var PHXHeaderBar = function (_a) {
|
|
|
61
61
|
react_2["default"].createElement("span", { className: 'sr-only' }, "Open menu"),
|
|
62
62
|
react_2["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'w-5 h-5 text-gray-400 rounded' })),
|
|
63
63
|
react_2["default"].createElement(react_1.Transition, { as: react_2.Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
|
|
64
|
-
react_2["default"].createElement(react_1.Menu.Items, { className: 'absolute
|
|
64
|
+
react_2["default"].createElement(react_1.Menu.Items, { className: 'absolute left-0 z-10 mt-2.5 w-32 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none' },
|
|
65
65
|
exportData && (react_2["default"].createElement(react_1.Menu.Item, null, function (_a) {
|
|
66
66
|
var active = _a.active;
|
|
67
67
|
return (react_2["default"].createElement("p", { className: (0, types_1.classNames)(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleDownload }, downloadText));
|
|
@@ -82,5 +82,8 @@ export interface ResourceListProps {
|
|
|
82
82
|
useListWithCard?: boolean;
|
|
83
83
|
selectedItems?: any;
|
|
84
84
|
onClickRemoveItem?(item: any): void;
|
|
85
|
+
onScrollBottom?: () => void;
|
|
86
|
+
onSelectedItemsChange?: (items: any) => void;
|
|
87
|
+
paging?: boolean;
|
|
85
88
|
}
|
|
86
|
-
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, actionSelectAll, readonly, searchResult, isOptionList, defaultOptionActive, isEmptyData, heightList, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, selectedItems, hiddenBulkActionMarkup, }: ResourceListProps): React.JSX.Element;
|
|
89
|
+
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, actionSelectAll, readonly, searchResult, isOptionList, defaultOptionActive, isEmptyData, heightList, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, selectedItems, hiddenBulkActionMarkup, onScrollBottom, onSelectedItemsChange, paging, }: ResourceListProps): React.JSX.Element;
|
|
@@ -11,8 +11,10 @@ var searchResult_1 = tslib_1.__importDefault(require("./component/searchResult")
|
|
|
11
11
|
var list_1 = tslib_1.__importDefault(require("./component/list"));
|
|
12
12
|
var Button_1 = require("../Button");
|
|
13
13
|
var listWithCard_1 = tslib_1.__importDefault(require("./component/listWithCard"));
|
|
14
|
+
var resourceStyle_1 = tslib_1.__importDefault(require("./styles/resourceStyle"));
|
|
15
|
+
var Loading_1 = require("../Loading");
|
|
14
16
|
function PHXResourceList(_a) {
|
|
15
|
-
var className = _a.className, list = _a.list, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, _c = _a.readonly, readonly = _c === void 0 ? false : _c, _d = _a.searchResult, searchResult = _d === void 0 ? false : _d, _e = _a.isOptionList, isOptionList = _e === void 0 ? false : _e, defaultOptionActive = _a.defaultOptionActive, isEmptyData = _a.isEmptyData, heightList = _a.heightList, shortcutAction = _a.shortcutAction, sortOptions = _a.sortOptions, button = _a.button, sortContent = _a.sortContent, onClickItem = _a.onClickItem, onBulkActions = _a.onBulkActions, textAction = _a.textAction, title = _a.title, isBadge = _a.isBadge, useListWithCard = _a.useListWithCard, onClickRemoveItem = _a.onClickRemoveItem, selectedItems = _a.selectedItems, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup;
|
|
17
|
+
var className = _a.className, list = _a.list, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, _c = _a.readonly, readonly = _c === void 0 ? false : _c, _d = _a.searchResult, searchResult = _d === void 0 ? false : _d, _e = _a.isOptionList, isOptionList = _e === void 0 ? false : _e, defaultOptionActive = _a.defaultOptionActive, isEmptyData = _a.isEmptyData, heightList = _a.heightList, shortcutAction = _a.shortcutAction, sortOptions = _a.sortOptions, button = _a.button, sortContent = _a.sortContent, onClickItem = _a.onClickItem, onBulkActions = _a.onBulkActions, textAction = _a.textAction, title = _a.title, isBadge = _a.isBadge, useListWithCard = _a.useListWithCard, onClickRemoveItem = _a.onClickRemoveItem, selectedItems = _a.selectedItems, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup, onScrollBottom = _a.onScrollBottom, onSelectedItemsChange = _a.onSelectedItemsChange, paging = _a.paging;
|
|
16
18
|
var _f = (0, react_1.useState)(selectedItems !== null && selectedItems !== void 0 ? selectedItems : []), dataSelected = _f[0], setDataSelected = _f[1];
|
|
17
19
|
var _g = (0, react_1.useState)(''), query = _g[0], setQuery = _g[1];
|
|
18
20
|
var _h = (0, react_1.useState)([]), filteredItems = _h[0], setFilteredItems = _h[1];
|
|
@@ -26,33 +28,49 @@ function PHXResourceList(_a) {
|
|
|
26
28
|
}, [query, list]);
|
|
27
29
|
var bulkActionMarkup = bulkActions && actionSelectAll ? (react_1["default"].createElement(bulkAction_1["default"], { list: list ? list : [], dataSelected: dataSelected, setDataSelected: setDataSelected, onBulkActions: onBulkActions, setFilteredItems: setFilteredItems, content: bulkActionsContent })) : searchResult ? (react_1["default"].createElement("div", { className: 'relative flex-1' },
|
|
28
30
|
react_1["default"].createElement(searchResult_1["default"], { setQuery: setQuery }))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
31
|
+
var onScrollList = function (e) {
|
|
32
|
+
var target = e.target;
|
|
33
|
+
var isScrollingToBottom = target.scrollHeight - target.scrollTop === target.clientHeight;
|
|
34
|
+
if (isScrollingToBottom) {
|
|
35
|
+
onScrollBottom === null || onScrollBottom === void 0 ? void 0 : onScrollBottom();
|
|
36
|
+
}
|
|
37
|
+
};
|
|
29
38
|
var getListComponent = function () {
|
|
30
39
|
if (useListWithCard) {
|
|
31
40
|
return (react_1["default"].createElement(listWithCard_1["default"], { filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, onClickRemoveItem: onClickRemoveItem, readonly: readonly }));
|
|
32
41
|
}
|
|
33
42
|
else {
|
|
34
|
-
return (react_1["default"].createElement(react_1["default"].Fragment, null, isEmptyData ? (react_1["default"].createElement(EmptyRecord_1.PHXEmptyRecord, null)) : (react_1["default"].createElement("div", { className: 'haveHeight', style: heightList ? { height: "".concat(heightList, "px"), overflow: 'auto' } : {} },
|
|
35
|
-
react_1["default"].createElement(list_1["default"], { bulkActions: bulkActions, isOptionList: isOptionList, defaultOptionActive: defaultOptionActive, dataSelected: dataSelected, filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction, onBulkActions: onBulkActions, actionSelectAll: actionSelectAll, checkRounded: (!title && actionSelectAll) || sortOptions || searchResult })
|
|
43
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null, isEmptyData ? (react_1["default"].createElement(EmptyRecord_1.PHXEmptyRecord, null)) : (react_1["default"].createElement("div", { onScroll: onScrollList, className: 'haveHeight', style: heightList ? { height: "".concat(heightList, "px"), overflow: 'auto' } : {} },
|
|
44
|
+
react_1["default"].createElement(list_1["default"], { bulkActions: bulkActions, isOptionList: isOptionList, defaultOptionActive: defaultOptionActive, dataSelected: dataSelected, filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction, onBulkActions: onBulkActions, actionSelectAll: actionSelectAll, checkRounded: (!title && actionSelectAll) || sortOptions || searchResult }),
|
|
45
|
+
paging && (react_1["default"].createElement("div", { className: 'flex items-center justify-center border-t py-3' },
|
|
46
|
+
react_1["default"].createElement(Loading_1.PHXSpinner, null)))))));
|
|
36
47
|
}
|
|
37
48
|
};
|
|
38
49
|
var listMarkup = list && getListComponent();
|
|
39
50
|
var sortActionMarkup = sortOptions && sortContent && !button ? (react_1["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: sortContent, options: sortOptions, origin: 'right' })) : button ? (react_1["default"].createElement(Button_1.PHXButton, tslib_1.__assign({}, button), button === null || button === void 0 ? void 0 : button.children)) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
"
|
|
51
|
+
(0, react_1.useEffect)(function () {
|
|
52
|
+
if (onSelectedItemsChange) {
|
|
53
|
+
onSelectedItemsChange === null || onSelectedItemsChange === void 0 ? void 0 : onSelectedItemsChange(dataSelected);
|
|
54
|
+
}
|
|
55
|
+
}, [dataSelected]);
|
|
56
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
57
|
+
react_1["default"].createElement(resourceStyle_1["default"], null),
|
|
58
|
+
react_1["default"].createElement("div", { className: className },
|
|
59
|
+
react_1["default"].createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full resource-list' },
|
|
60
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)(' bg-white', !useListWithCard && 'rounded-lg border-[0.5px] border-gray-200') },
|
|
61
|
+
bulkActions && !title && searchResult && actionSelectAll && (react_1["default"].createElement("div", { className: 'relative p-3 pb-0' },
|
|
62
|
+
react_1["default"].createElement(searchResult_1["default"], { type: 'have-bulk-actions', setQuery: setQuery }))),
|
|
63
|
+
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') },
|
|
64
|
+
!hiddenBulkActionMarkup ? bulkActionMarkup : '',
|
|
65
|
+
sortActionMarkup)) : title || textAction ? (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
66
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex justify-between gap-x-4 pb-3', !useListWithCard && 'border-b p-3') },
|
|
67
|
+
react_1["default"].createElement("p", { className: 'text-xs font-semibold leading-5 text-gray-900' }, title),
|
|
68
|
+
react_1["default"].createElement("p", { className: 'text-xs text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: textAction === null || textAction === void 0 ? void 0 : textAction.onClick }, textAction === null || textAction === void 0 ? void 0 : textAction.content)))) : (react_1["default"].createElement(react_1["default"].Fragment, null)))) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
|
|
69
|
+
filteredItems.length === 0 && query !== '' ? (react_1["default"].createElement(EmptyRecord_1.PHXEmptyRecord, { type: 'micro' })) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
70
|
+
listMarkup,
|
|
71
|
+
dataSelected.length > 0 && (react_1["default"].createElement("div", { className: 'p-3 text-xs border-t bg-gray-50 rounded-b-lg' },
|
|
72
|
+
dataSelected.length,
|
|
73
|
+
" selected")))))))));
|
|
56
74
|
}
|
|
57
75
|
exports.PHXResourceList = PHXResourceList;
|
|
58
76
|
//# sourceMappingURL=ResourceList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":";;;;AAAA,qDAAkD;AAClD,kCAAgE;AAChE,8EAA+C;AAC/C,wCAAyC;AAGzC,8CAA+C;AAC/C,kFAAmD;AACnD,kEAAmC;AACnC,oCAAqC;AACrC,kFAAmD;
|
|
1
|
+
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
function ResourceStyle() {
|
|
6
|
+
return (react_1["default"].createElement("style", null, "\n .resource-list ::-webkit-scrollbar {\n width: 8px;\n }\n .resource-list ::-webkit-scrollbar-track {\n background: transparent;\n }\n .resource-list ::-webkit-scrollbar-thumb {\n background: #888;\n border-radius: 8px;\n }\n .resource-list ::-webkit-scrollbar-thumb:hover {\n background: #555;\n }\n }\n "));
|
|
7
|
+
}
|
|
8
|
+
exports["default"] = ResourceStyle;
|
|
9
|
+
//# sourceMappingURL=resourceStyle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resourceStyle.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/styles/resourceStyle.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,SAAwB,aAAa;IACnC,OAAO,CACL,gDACG,2aAeF,CACO,CACT,CAAA;AACH,CAAC;AArBD,mCAqBC"}
|
|
@@ -58,7 +58,7 @@ export var PHXHeaderBar = function (_a) {
|
|
|
58
58
|
React.createElement("span", { className: 'sr-only' }, "Open menu"),
|
|
59
59
|
React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'w-5 h-5 text-gray-400 rounded' })),
|
|
60
60
|
React.createElement(Transition, { as: Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
|
|
61
|
-
React.createElement(Menu.Items, { className: 'absolute
|
|
61
|
+
React.createElement(Menu.Items, { className: 'absolute left-0 z-10 mt-2.5 w-32 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none' },
|
|
62
62
|
exportData && (React.createElement(Menu.Item, null, function (_a) {
|
|
63
63
|
var active = _a.active;
|
|
64
64
|
return (React.createElement("p", { className: classNames(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleDownload }, downloadText));
|
|
@@ -82,5 +82,8 @@ export interface ResourceListProps {
|
|
|
82
82
|
useListWithCard?: boolean;
|
|
83
83
|
selectedItems?: any;
|
|
84
84
|
onClickRemoveItem?(item: any): void;
|
|
85
|
+
onScrollBottom?: () => void;
|
|
86
|
+
onSelectedItemsChange?: (items: any) => void;
|
|
87
|
+
paging?: boolean;
|
|
85
88
|
}
|
|
86
|
-
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, actionSelectAll, readonly, searchResult, isOptionList, defaultOptionActive, isEmptyData, heightList, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, selectedItems, hiddenBulkActionMarkup, }: ResourceListProps): React.JSX.Element;
|
|
89
|
+
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, actionSelectAll, readonly, searchResult, isOptionList, defaultOptionActive, isEmptyData, heightList, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, selectedItems, hiddenBulkActionMarkup, onScrollBottom, onSelectedItemsChange, paging, }: ResourceListProps): React.JSX.Element;
|
|
@@ -8,8 +8,10 @@ import SearchResult from './component/searchResult';
|
|
|
8
8
|
import List from './component/list';
|
|
9
9
|
import { PHXButton } from '../Button';
|
|
10
10
|
import ListWithCard from './component/listWithCard';
|
|
11
|
+
import ResourceStyle from './styles/resourceStyle';
|
|
12
|
+
import { PHXSpinner } from '../Loading';
|
|
11
13
|
export function PHXResourceList(_a) {
|
|
12
|
-
var className = _a.className, list = _a.list, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, _c = _a.readonly, readonly = _c === void 0 ? false : _c, _d = _a.searchResult, searchResult = _d === void 0 ? false : _d, _e = _a.isOptionList, isOptionList = _e === void 0 ? false : _e, defaultOptionActive = _a.defaultOptionActive, isEmptyData = _a.isEmptyData, heightList = _a.heightList, shortcutAction = _a.shortcutAction, sortOptions = _a.sortOptions, button = _a.button, sortContent = _a.sortContent, onClickItem = _a.onClickItem, onBulkActions = _a.onBulkActions, textAction = _a.textAction, title = _a.title, isBadge = _a.isBadge, useListWithCard = _a.useListWithCard, onClickRemoveItem = _a.onClickRemoveItem, selectedItems = _a.selectedItems, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup;
|
|
14
|
+
var className = _a.className, list = _a.list, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, _c = _a.readonly, readonly = _c === void 0 ? false : _c, _d = _a.searchResult, searchResult = _d === void 0 ? false : _d, _e = _a.isOptionList, isOptionList = _e === void 0 ? false : _e, defaultOptionActive = _a.defaultOptionActive, isEmptyData = _a.isEmptyData, heightList = _a.heightList, shortcutAction = _a.shortcutAction, sortOptions = _a.sortOptions, button = _a.button, sortContent = _a.sortContent, onClickItem = _a.onClickItem, onBulkActions = _a.onBulkActions, textAction = _a.textAction, title = _a.title, isBadge = _a.isBadge, useListWithCard = _a.useListWithCard, onClickRemoveItem = _a.onClickRemoveItem, selectedItems = _a.selectedItems, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup, onScrollBottom = _a.onScrollBottom, onSelectedItemsChange = _a.onSelectedItemsChange, paging = _a.paging;
|
|
13
15
|
var _f = useState(selectedItems !== null && selectedItems !== void 0 ? selectedItems : []), dataSelected = _f[0], setDataSelected = _f[1];
|
|
14
16
|
var _g = useState(''), query = _g[0], setQuery = _g[1];
|
|
15
17
|
var _h = useState([]), filteredItems = _h[0], setFilteredItems = _h[1];
|
|
@@ -23,32 +25,48 @@ export function PHXResourceList(_a) {
|
|
|
23
25
|
}, [query, list]);
|
|
24
26
|
var bulkActionMarkup = bulkActions && actionSelectAll ? (React.createElement(BulkAction, { list: list ? list : [], dataSelected: dataSelected, setDataSelected: setDataSelected, onBulkActions: onBulkActions, setFilteredItems: setFilteredItems, content: bulkActionsContent })) : searchResult ? (React.createElement("div", { className: 'relative flex-1' },
|
|
25
27
|
React.createElement(SearchResult, { setQuery: setQuery }))) : (React.createElement(React.Fragment, null));
|
|
28
|
+
var onScrollList = function (e) {
|
|
29
|
+
var target = e.target;
|
|
30
|
+
var isScrollingToBottom = target.scrollHeight - target.scrollTop === target.clientHeight;
|
|
31
|
+
if (isScrollingToBottom) {
|
|
32
|
+
onScrollBottom === null || onScrollBottom === void 0 ? void 0 : onScrollBottom();
|
|
33
|
+
}
|
|
34
|
+
};
|
|
26
35
|
var getListComponent = function () {
|
|
27
36
|
if (useListWithCard) {
|
|
28
37
|
return (React.createElement(ListWithCard, { filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, onClickRemoveItem: onClickRemoveItem, readonly: readonly }));
|
|
29
38
|
}
|
|
30
39
|
else {
|
|
31
|
-
return (React.createElement(React.Fragment, null, isEmptyData ? (React.createElement(PHXEmptyRecord, null)) : (React.createElement("div", { className: 'haveHeight', style: heightList ? { height: "".concat(heightList, "px"), overflow: 'auto' } : {} },
|
|
32
|
-
React.createElement(List, { bulkActions: bulkActions, isOptionList: isOptionList, defaultOptionActive: defaultOptionActive, dataSelected: dataSelected, filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction, onBulkActions: onBulkActions, actionSelectAll: actionSelectAll, checkRounded: (!title && actionSelectAll) || sortOptions || searchResult })
|
|
40
|
+
return (React.createElement(React.Fragment, null, isEmptyData ? (React.createElement(PHXEmptyRecord, null)) : (React.createElement("div", { onScroll: onScrollList, className: 'haveHeight', style: heightList ? { height: "".concat(heightList, "px"), overflow: 'auto' } : {} },
|
|
41
|
+
React.createElement(List, { bulkActions: bulkActions, isOptionList: isOptionList, defaultOptionActive: defaultOptionActive, dataSelected: dataSelected, filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction, onBulkActions: onBulkActions, actionSelectAll: actionSelectAll, checkRounded: (!title && actionSelectAll) || sortOptions || searchResult }),
|
|
42
|
+
paging && (React.createElement("div", { className: 'flex items-center justify-center border-t py-3' },
|
|
43
|
+
React.createElement(PHXSpinner, null)))))));
|
|
33
44
|
}
|
|
34
45
|
};
|
|
35
46
|
var listMarkup = list && getListComponent();
|
|
36
47
|
var sortActionMarkup = sortOptions && sortContent && !button ? (React.createElement(PHXDropdown, { buttonContent: sortContent, options: sortOptions, origin: 'right' })) : button ? (React.createElement(PHXButton, __assign({}, button), button === null || button === void 0 ? void 0 : button.children)) : (React.createElement(React.Fragment, null));
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
"
|
|
48
|
+
useEffect(function () {
|
|
49
|
+
if (onSelectedItemsChange) {
|
|
50
|
+
onSelectedItemsChange === null || onSelectedItemsChange === void 0 ? void 0 : onSelectedItemsChange(dataSelected);
|
|
51
|
+
}
|
|
52
|
+
}, [dataSelected]);
|
|
53
|
+
return (React.createElement(React.Fragment, null,
|
|
54
|
+
React.createElement(ResourceStyle, null),
|
|
55
|
+
React.createElement("div", { className: className },
|
|
56
|
+
React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full resource-list' },
|
|
57
|
+
React.createElement("div", { className: classNames(' bg-white', !useListWithCard && 'rounded-lg border-[0.5px] border-gray-200') },
|
|
58
|
+
bulkActions && !title && searchResult && actionSelectAll && (React.createElement("div", { className: 'relative p-3 pb-0' },
|
|
59
|
+
React.createElement(SearchResult, { type: 'have-bulk-actions', setQuery: setQuery }))),
|
|
60
|
+
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') },
|
|
61
|
+
!hiddenBulkActionMarkup ? bulkActionMarkup : '',
|
|
62
|
+
sortActionMarkup)) : title || textAction ? (React.createElement(React.Fragment, null,
|
|
63
|
+
React.createElement("div", { className: classNames('flex justify-between gap-x-4 pb-3', !useListWithCard && 'border-b p-3') },
|
|
64
|
+
React.createElement("p", { className: 'text-xs font-semibold leading-5 text-gray-900' }, title),
|
|
65
|
+
React.createElement("p", { className: 'text-xs text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: textAction === null || textAction === void 0 ? void 0 : textAction.onClick }, textAction === null || textAction === void 0 ? void 0 : textAction.content)))) : (React.createElement(React.Fragment, null)))) : (React.createElement(React.Fragment, null)),
|
|
66
|
+
filteredItems.length === 0 && query !== '' ? (React.createElement(PHXEmptyRecord, { type: 'micro' })) : (React.createElement(React.Fragment, null,
|
|
67
|
+
listMarkup,
|
|
68
|
+
dataSelected.length > 0 && (React.createElement("div", { className: 'p-3 text-xs border-t bg-gray-50 rounded-b-lg' },
|
|
69
|
+
dataSelected.length,
|
|
70
|
+
" selected")))))))));
|
|
53
71
|
}
|
|
54
72
|
//# sourceMappingURL=ResourceList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,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;
|
|
1
|
+
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export default function ResourceStyle() {
|
|
3
|
+
return (React.createElement("style", null, "\n .resource-list ::-webkit-scrollbar {\n width: 8px;\n }\n .resource-list ::-webkit-scrollbar-track {\n background: transparent;\n }\n .resource-list ::-webkit-scrollbar-thumb {\n background: #888;\n border-radius: 8px;\n }\n .resource-list ::-webkit-scrollbar-thumb:hover {\n background: #555;\n }\n }\n "));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=resourceStyle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resourceStyle.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/styles/resourceStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,OAAO,CACL,mCACG,2aAeF,CACO,CACT,CAAA;AACH,CAAC"}
|