phx-react 1.3.1803 → 1.3.1804
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 +3 -1
- package/dist/cjs/components/ResourceList/ResourceList.js +3 -3
- package/dist/cjs/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/cjs/components/ResourceList/component/bulkAction.d.ts +2 -1
- package/dist/cjs/components/ResourceList/component/bulkAction.js +2 -2
- package/dist/cjs/components/ResourceList/component/bulkAction.js.map +1 -1
- package/dist/esm/components/ResourceList/ResourceList.d.ts +3 -1
- package/dist/esm/components/ResourceList/ResourceList.js +3 -3
- package/dist/esm/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/esm/components/ResourceList/component/bulkAction.d.ts +2 -1
- package/dist/esm/components/ResourceList/component/bulkAction.js +2 -2
- package/dist/esm/components/ResourceList/component/bulkAction.js.map +1 -1
- package/package.json +1 -1
|
@@ -63,6 +63,7 @@ export interface ResourceListProps {
|
|
|
63
63
|
defaultOptionActive?: any;
|
|
64
64
|
isEmptyData?: any;
|
|
65
65
|
bulkActionsContent?: string;
|
|
66
|
+
bulkActionsSelectedContentDisplay?: 'button' | 'text';
|
|
66
67
|
heightList?: number;
|
|
67
68
|
actionSelectAll?: boolean;
|
|
68
69
|
searchResult?: boolean;
|
|
@@ -98,5 +99,6 @@ export interface ResourceListProps {
|
|
|
98
99
|
loading?: boolean;
|
|
99
100
|
isApplyClassnameList?: boolean;
|
|
100
101
|
searchLoading?: boolean;
|
|
102
|
+
hiddenSelectedCount?: boolean;
|
|
101
103
|
}
|
|
102
|
-
export declare function PHXResourceList({ actionSelectAll, bulkActions, bulkActionsContent, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, isApplyClassnameList, isBadge, isEmptyData, isOptionList, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly, searchLoading, searchResult, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }: ResourceListProps): React.JSX.Element;
|
|
104
|
+
export declare function PHXResourceList({ actionSelectAll, bulkActions, bulkActionsContent, bulkActionsSelectedContentDisplay, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, hiddenSelectedCount, isApplyClassnameList, isBadge, isEmptyData, isOptionList, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly, searchLoading, searchResult, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }: ResourceListProps): React.JSX.Element;
|
|
@@ -15,7 +15,7 @@ const resourceStyle_1 = tslib_1.__importDefault(require("./styles/resourceStyle"
|
|
|
15
15
|
const Loading_1 = require("../Loading");
|
|
16
16
|
const EmptySearch_1 = require("../EmptySearch");
|
|
17
17
|
const useDebounce_1 = tslib_1.__importDefault(require("../Func/useDebounce"));
|
|
18
|
-
function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActionsContent, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, isApplyClassnameList = false, isBadge, isEmptyData, isOptionList = false, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly = false, searchLoading = false, searchResult = false, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }) {
|
|
18
|
+
function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActionsContent, bulkActionsSelectedContentDisplay = 'button', button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, hiddenSelectedCount = false, isApplyClassnameList = false, isBadge, isEmptyData, isOptionList = false, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly = false, searchLoading = false, searchResult = false, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }) {
|
|
19
19
|
const [dataSelected, setDataSelected] = (0, react_1.useState)(selectedItems !== null && selectedItems !== void 0 ? selectedItems : []);
|
|
20
20
|
const [query, setQuery] = (0, react_1.useState)('');
|
|
21
21
|
const [hasSearched, setHasSearched] = (0, react_1.useState)(false);
|
|
@@ -28,7 +28,7 @@ function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActionsConte
|
|
|
28
28
|
const queryItems = query === '' ? list : list === null || list === void 0 ? void 0 : list.filter((item) => item.name.toLowerCase().includes(query.toLowerCase()));
|
|
29
29
|
setFilteredItems(queryItems);
|
|
30
30
|
}, [query, list]);
|
|
31
|
-
const 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
|
+
const bulkActionMarkup = bulkActions && actionSelectAll ? (react_1.default.createElement(bulkAction_1.default, { content: bulkActionsContent, dataSelected: dataSelected, list: list ? list : [], onBulkActions: onBulkActions, selectedContentDisplay: bulkActionsSelectedContentDisplay, setDataSelected: setDataSelected, setFilteredItems: setFilteredItems })) : searchResult ? (react_1.default.createElement("div", { className: 'relative flex-1' },
|
|
32
32
|
react_1.default.createElement(searchResult_1.default, { actionSelectAll: actionSelectAll, loading: searchLoading, setQuery: (keyword) => {
|
|
33
33
|
setQuery(keyword.trim());
|
|
34
34
|
setHasSearched(true);
|
|
@@ -84,7 +84,7 @@ function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActionsConte
|
|
|
84
84
|
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)),
|
|
85
85
|
filteredItems.length === 0 ? (query !== '' || hasSearched ? (react_1.default.createElement(EmptySearch_1.PHXEmptySearch, null)) : (react_1.default.createElement(EmptyRecord_1.PHXEmptyRecord, { type: 'micro' }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
86
86
|
listMarkup,
|
|
87
|
-
dataSelected.length > 0 && (react_1.default.createElement("div", { className: 'rounded-b-lg border-t bg-gray-50 p-3 text-xs' },
|
|
87
|
+
!hiddenSelectedCount && dataSelected.length > 0 && (react_1.default.createElement("div", { className: 'rounded-b-lg border-t bg-gray-50 p-3 text-xs' },
|
|
88
88
|
dataSelected.length,
|
|
89
89
|
" selected")))))))))));
|
|
90
90
|
}
|
|
@@ -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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"}
|
|
@@ -11,6 +11,7 @@ interface BulkActionProps {
|
|
|
11
11
|
setFilteredItems: (data: any[]) => void;
|
|
12
12
|
onBulkActions?(data: any[]): void;
|
|
13
13
|
content?: string;
|
|
14
|
+
selectedContentDisplay?: 'button' | 'text';
|
|
14
15
|
}
|
|
15
|
-
declare function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, }: BulkActionProps): React.JSX.Element;
|
|
16
|
+
declare function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, selectedContentDisplay, }: BulkActionProps): React.JSX.Element;
|
|
16
17
|
export default BulkAction;
|
|
@@ -4,7 +4,7 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
const Checkbox_1 = require("../../Checkbox");
|
|
6
6
|
const Button_1 = require("../../Button");
|
|
7
|
-
function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, }) {
|
|
7
|
+
function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, selectedContentDisplay = 'button', }) {
|
|
8
8
|
// khi click chọn tất cả
|
|
9
9
|
const handleSelectAll = (checked) => {
|
|
10
10
|
if (checked) {
|
|
@@ -31,7 +31,7 @@ function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFil
|
|
|
31
31
|
const isIndeterminate = dataSelected.length > 0 && !allSelected;
|
|
32
32
|
return (react_1.default.createElement("div", { className: 'flex flex-1 items-center gap-x-2 text-xs' },
|
|
33
33
|
react_1.default.createElement(Checkbox_1.PHXCheckbox, { checked: allSelected, type: allSelected ? 'default' : isIndeterminate ? 'not-all' : 'default', onChange: (e) => handleSelectAll(e.target.checked) }),
|
|
34
|
-
dataSelected.length === 0 ? (react_1.default.createElement("span", { className: 'cursor-pointer leading-7', onClick: () => handleSelectAll(true) }, "Ch\u1ECDn danh s\u00E1ch")) : (react_1.default.createElement(Button_1.PHXButton, { secondary: true, size: 'micro', onClick: handleBulkActions }, content))));
|
|
34
|
+
dataSelected.length === 0 ? (react_1.default.createElement("span", { className: 'cursor-pointer leading-7', onClick: () => handleSelectAll(true) }, "Ch\u1ECDn danh s\u00E1ch")) : selectedContentDisplay === 'text' ? (react_1.default.createElement("span", { className: 'leading-7' }, content)) : (react_1.default.createElement(Button_1.PHXButton, { secondary: true, size: 'micro', onClick: handleBulkActions }, content))));
|
|
35
35
|
}
|
|
36
36
|
exports.default = BulkAction;
|
|
37
37
|
//# sourceMappingURL=bulkAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bulkAction.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/bulkAction.tsx"],"names":[],"mappings":";;;AAAA,uDAAwC;AACxC,6CAA4C;AAC5C,yCAAwC;
|
|
1
|
+
{"version":3,"file":"bulkAction.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/bulkAction.tsx"],"names":[],"mappings":";;;AAAA,uDAAwC;AACxC,6CAA4C;AAC5C,yCAAwC;AAYxC,SAAS,UAAU,CAAC,EAClB,YAAY,EACZ,IAAI,EACJ,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,sBAAsB,GAAG,QAAQ,GACjB;IAChB,wBAAwB;IACxB,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;QAC3C,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;YAC7B,eAAe,CAAC,WAAW,CAAC,CAAA;YAC5B,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,WAAW,CAAC,CAAA;QAC9B,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,EAAE,CAAC,CAAA;YACnB,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,CAAA;IAED,0BAA0B;IAC1B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,+EAA+E;IAC/E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAA;IAC1E,MAAM,eAAe,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,WAAW,CAAA;IAE/D,OAAO,CACL,uCAAK,SAAS,EAAC,0CAA0C;QACvD,8BAAC,sBAAW,IACV,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvE,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GACvD;QACD,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,wCAAM,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,+BAExE,CACR,CAAC,CAAC,CAAC,sBAAsB,KAAK,MAAM,CAAC,CAAC,CAAC,CACtC,wCAAM,SAAS,EAAC,WAAW,IAAE,OAAO,CAAQ,CAC7C,CAAC,CAAC,CAAC,CACF,8BAAC,kBAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,iBAAiB,IACzD,OAAO,CACE,CACb,CACG,CACP,CAAA;AACH,CAAC;AAED,kBAAe,UAAU,CAAA"}
|
|
@@ -63,6 +63,7 @@ export interface ResourceListProps {
|
|
|
63
63
|
defaultOptionActive?: any;
|
|
64
64
|
isEmptyData?: any;
|
|
65
65
|
bulkActionsContent?: string;
|
|
66
|
+
bulkActionsSelectedContentDisplay?: 'button' | 'text';
|
|
66
67
|
heightList?: number;
|
|
67
68
|
actionSelectAll?: boolean;
|
|
68
69
|
searchResult?: boolean;
|
|
@@ -98,5 +99,6 @@ export interface ResourceListProps {
|
|
|
98
99
|
loading?: boolean;
|
|
99
100
|
isApplyClassnameList?: boolean;
|
|
100
101
|
searchLoading?: boolean;
|
|
102
|
+
hiddenSelectedCount?: boolean;
|
|
101
103
|
}
|
|
102
|
-
export declare function PHXResourceList({ actionSelectAll, bulkActions, bulkActionsContent, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, isApplyClassnameList, isBadge, isEmptyData, isOptionList, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly, searchLoading, searchResult, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }: ResourceListProps): React.JSX.Element;
|
|
104
|
+
export declare function PHXResourceList({ actionSelectAll, bulkActions, bulkActionsContent, bulkActionsSelectedContentDisplay, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, hiddenSelectedCount, isApplyClassnameList, isBadge, isEmptyData, isOptionList, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly, searchLoading, searchResult, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }: ResourceListProps): React.JSX.Element;
|
|
@@ -11,7 +11,7 @@ import ResourceStyle from './styles/resourceStyle';
|
|
|
11
11
|
import { PHXSpinner } from '../Loading';
|
|
12
12
|
import { PHXEmptySearch } from '../EmptySearch';
|
|
13
13
|
import PHXUseDebounce from '../Func/useDebounce';
|
|
14
|
-
export function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActionsContent, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, isApplyClassnameList = false, isBadge, isEmptyData, isOptionList = false, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly = false, searchLoading = false, searchResult = false, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }) {
|
|
14
|
+
export function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActionsContent, bulkActionsSelectedContentDisplay = 'button', button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, hiddenSelectedCount = false, isApplyClassnameList = false, isBadge, isEmptyData, isOptionList = false, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly = false, searchLoading = false, searchResult = false, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }) {
|
|
15
15
|
const [dataSelected, setDataSelected] = useState(selectedItems !== null && selectedItems !== void 0 ? selectedItems : []);
|
|
16
16
|
const [query, setQuery] = useState('');
|
|
17
17
|
const [hasSearched, setHasSearched] = useState(false);
|
|
@@ -24,7 +24,7 @@ export function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActio
|
|
|
24
24
|
const queryItems = query === '' ? list : list === null || list === void 0 ? void 0 : list.filter((item) => item.name.toLowerCase().includes(query.toLowerCase()));
|
|
25
25
|
setFilteredItems(queryItems);
|
|
26
26
|
}, [query, list]);
|
|
27
|
-
const 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' },
|
|
27
|
+
const bulkActionMarkup = bulkActions && actionSelectAll ? (React.createElement(BulkAction, { content: bulkActionsContent, dataSelected: dataSelected, list: list ? list : [], onBulkActions: onBulkActions, selectedContentDisplay: bulkActionsSelectedContentDisplay, setDataSelected: setDataSelected, setFilteredItems: setFilteredItems })) : searchResult ? (React.createElement("div", { className: 'relative flex-1' },
|
|
28
28
|
React.createElement(SearchResult, { actionSelectAll: actionSelectAll, loading: searchLoading, setQuery: (keyword) => {
|
|
29
29
|
setQuery(keyword.trim());
|
|
30
30
|
setHasSearched(true);
|
|
@@ -80,7 +80,7 @@ export function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActio
|
|
|
80
80
|
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)),
|
|
81
81
|
filteredItems.length === 0 ? (query !== '' || hasSearched ? (React.createElement(PHXEmptySearch, null)) : (React.createElement(PHXEmptyRecord, { type: 'micro' }))) : (React.createElement(React.Fragment, null,
|
|
82
82
|
listMarkup,
|
|
83
|
-
dataSelected.length > 0 && (React.createElement("div", { className: 'rounded-b-lg border-t bg-gray-50 p-3 text-xs' },
|
|
83
|
+
!hiddenSelectedCount && dataSelected.length > 0 && (React.createElement("div", { className: 'rounded-b-lg border-t bg-gray-50 p-3 text-xs' },
|
|
84
84
|
dataSelected.length,
|
|
85
85
|
" selected")))))))))));
|
|
86
86
|
}
|
|
@@ -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;AAC/C,OAAO,cAAc,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ interface BulkActionProps {
|
|
|
11
11
|
setFilteredItems: (data: any[]) => void;
|
|
12
12
|
onBulkActions?(data: any[]): void;
|
|
13
13
|
content?: string;
|
|
14
|
+
selectedContentDisplay?: 'button' | 'text';
|
|
14
15
|
}
|
|
15
|
-
declare function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, }: BulkActionProps): React.JSX.Element;
|
|
16
|
+
declare function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, selectedContentDisplay, }: BulkActionProps): React.JSX.Element;
|
|
16
17
|
export default BulkAction;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
2
|
import { PHXCheckbox } from '../../Checkbox';
|
|
3
3
|
import { PHXButton } from '../../Button';
|
|
4
|
-
function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, }) {
|
|
4
|
+
function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, selectedContentDisplay = 'button', }) {
|
|
5
5
|
// khi click chọn tất cả
|
|
6
6
|
const handleSelectAll = (checked) => {
|
|
7
7
|
if (checked) {
|
|
@@ -28,7 +28,7 @@ function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFil
|
|
|
28
28
|
const isIndeterminate = dataSelected.length > 0 && !allSelected;
|
|
29
29
|
return (React.createElement("div", { className: 'flex flex-1 items-center gap-x-2 text-xs' },
|
|
30
30
|
React.createElement(PHXCheckbox, { checked: allSelected, type: allSelected ? 'default' : isIndeterminate ? 'not-all' : 'default', onChange: (e) => handleSelectAll(e.target.checked) }),
|
|
31
|
-
dataSelected.length === 0 ? (React.createElement("span", { className: 'cursor-pointer leading-7', onClick: () => handleSelectAll(true) }, "Ch\u1ECDn danh s\u00E1ch")) : (React.createElement(PHXButton, { secondary: true, size: 'micro', onClick: handleBulkActions }, content))));
|
|
31
|
+
dataSelected.length === 0 ? (React.createElement("span", { className: 'cursor-pointer leading-7', onClick: () => handleSelectAll(true) }, "Ch\u1ECDn danh s\u00E1ch")) : selectedContentDisplay === 'text' ? (React.createElement("span", { className: 'leading-7' }, content)) : (React.createElement(PHXButton, { secondary: true, size: 'micro', onClick: handleBulkActions }, content))));
|
|
32
32
|
}
|
|
33
33
|
export default BulkAction;
|
|
34
34
|
//# sourceMappingURL=bulkAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bulkAction.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/bulkAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"bulkAction.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/bulkAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAYxC,SAAS,UAAU,CAAC,EAClB,YAAY,EACZ,IAAI,EACJ,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,sBAAsB,GAAG,QAAQ,GACjB;IAChB,wBAAwB;IACxB,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;QAC3C,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;YAC7B,eAAe,CAAC,WAAW,CAAC,CAAA;YAC5B,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,WAAW,CAAC,CAAA;QAC9B,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,EAAE,CAAC,CAAA;YACnB,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,CAAA;IAED,0BAA0B;IAC1B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,+EAA+E;IAC/E,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAA;IAC1E,MAAM,eAAe,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,WAAW,CAAA;IAE/D,OAAO,CACL,6BAAK,SAAS,EAAC,0CAA0C;QACvD,oBAAC,WAAW,IACV,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvE,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GACvD;QACD,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,8BAAM,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,+BAExE,CACR,CAAC,CAAC,CAAC,sBAAsB,KAAK,MAAM,CAAC,CAAC,CAAC,CACtC,8BAAM,SAAS,EAAC,WAAW,IAAE,OAAO,CAAQ,CAC7C,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,iBAAiB,IACzD,OAAO,CACE,CACb,CACG,CACP,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}
|