phx-react 1.3.672 → 1.3.674
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 +6 -6
- package/dist/cjs/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/cjs/components/ResourceList/component/list.d.ts +1 -1
- package/dist/cjs/components/ResourceList/component/list.js +24 -13
- package/dist/cjs/components/ResourceList/component/list.js.map +1 -1
- package/dist/esm/components/ResourceList/ResourceList.d.ts +3 -1
- package/dist/esm/components/ResourceList/ResourceList.js +7 -6
- package/dist/esm/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/esm/components/ResourceList/component/list.d.ts +1 -1
- package/dist/esm/components/ResourceList/component/list.js +24 -13
- package/dist/esm/components/ResourceList/component/list.js.map +1 -1
- package/package.json +1 -1
|
@@ -39,6 +39,8 @@ export interface ResourceListProps {
|
|
|
39
39
|
readonly?: boolean;
|
|
40
40
|
button?: ButtonProps;
|
|
41
41
|
bulkActions?: boolean;
|
|
42
|
+
isOptionList?: boolean;
|
|
43
|
+
defaultOptionActive?: any;
|
|
42
44
|
bulkActionsContent?: string;
|
|
43
45
|
actionSelectAll?: boolean;
|
|
44
46
|
searchResult?: boolean;
|
|
@@ -67,4 +69,4 @@ export interface ResourceListProps {
|
|
|
67
69
|
useListWithCard?: boolean;
|
|
68
70
|
onClickRemoveItem?(item: any): void;
|
|
69
71
|
}
|
|
70
|
-
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, actionSelectAll, readonly, searchResult, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, }: ResourceListProps): React.JSX.Element;
|
|
72
|
+
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, actionSelectAll, readonly, searchResult, isOptionList, defaultOptionActive, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, }: ResourceListProps): React.JSX.Element;
|
|
@@ -12,10 +12,10 @@ 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
14
|
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, 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;
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
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, 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;
|
|
16
|
+
var _f = (0, react_1.useState)([]), dataSelected = _f[0], setDataSelected = _f[1];
|
|
17
|
+
var _g = (0, react_1.useState)(''), query = _g[0], setQuery = _g[1];
|
|
18
|
+
var _h = (0, react_1.useState)([]), filteredItems = _h[0], setFilteredItems = _h[1];
|
|
19
19
|
(0, react_1.useEffect)(function () {
|
|
20
20
|
var queryItems = query === ''
|
|
21
21
|
? list
|
|
@@ -31,11 +31,11 @@ function PHXResourceList(_a) {
|
|
|
31
31
|
return (react_1["default"].createElement(listWithCard_1["default"], { filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, onClickRemoveItem: onClickRemoveItem, readonly: readonly }));
|
|
32
32
|
}
|
|
33
33
|
else {
|
|
34
|
-
return (react_1["default"].createElement(list_1["default"], { bulkActions: bulkActions, dataSelected: dataSelected, filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction, onBulkActions: onBulkActions, actionSelectAll: actionSelectAll, checkRounded: (!title && actionSelectAll) || sortOptions || searchResult }));
|
|
34
|
+
return (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 }));
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
37
|
var listMarkup = list && getListComponent();
|
|
38
|
-
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, {
|
|
38
|
+
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));
|
|
39
39
|
return (react_1["default"].createElement("div", { className: className },
|
|
40
40
|
react_1["default"].createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
41
41
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(' bg-white', !useListWithCard && 'rounded-lg border-[0.5px] border-gray-200') },
|
|
@@ -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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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare function List({ filteredItems, dataSelected, bulkActions, readonly, shortcutAction, onClickItem, setDataSelected, isBadge, onBulkActions, actionSelectAll, checkRounded, }: any): React.JSX.Element;
|
|
2
|
+
declare function List({ filteredItems, dataSelected, bulkActions, itemFocusId, readonly, shortcutAction, isOptionList, defaultOptionActive, onClickItem, setDataSelected, isBadge, onBulkActions, actionSelectAll, checkRounded, }: any): React.JSX.Element;
|
|
3
3
|
export default List;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
|
-
var react_1 = tslib_1.
|
|
4
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
var types_1 = require("../../types");
|
|
6
6
|
var Checkbox_1 = require("../../Checkbox");
|
|
7
7
|
var Dropdown_1 = require("../../Dropdown");
|
|
8
|
+
var Radio_1 = require("../../Radio");
|
|
8
9
|
function List(_a) {
|
|
9
|
-
var filteredItems = _a.filteredItems, dataSelected = _a.dataSelected, bulkActions = _a.bulkActions, readonly = _a.readonly, shortcutAction = _a.shortcutAction, onClickItem = _a.onClickItem, setDataSelected = _a.setDataSelected, isBadge = _a.isBadge, onBulkActions = _a.onBulkActions, actionSelectAll = _a.actionSelectAll, checkRounded = _a.checkRounded;
|
|
10
|
+
var filteredItems = _a.filteredItems, dataSelected = _a.dataSelected, bulkActions = _a.bulkActions, itemFocusId = _a.itemFocusId, readonly = _a.readonly, shortcutAction = _a.shortcutAction, isOptionList = _a.isOptionList, defaultOptionActive = _a.defaultOptionActive, onClickItem = _a.onClickItem, setDataSelected = _a.setDataSelected, isBadge = _a.isBadge, onBulkActions = _a.onBulkActions, actionSelectAll = _a.actionSelectAll, checkRounded = _a.checkRounded;
|
|
10
11
|
var handleClick = function (item) {
|
|
11
12
|
if (onClickItem && !readonly) {
|
|
12
13
|
onClickItem(item);
|
|
@@ -15,19 +16,29 @@ function List(_a) {
|
|
|
15
16
|
return;
|
|
16
17
|
}
|
|
17
18
|
};
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
var _b = (0, react_1.useState)(defaultOptionActive), currentItem = _b[0], setCurrentItem = _b[1];
|
|
20
|
+
var handleSelectOne = function (e, item, type) {
|
|
21
|
+
if (type === 'checkbox') {
|
|
22
|
+
var data = e.target.checked
|
|
23
|
+
? // @ts-ignore
|
|
24
|
+
tslib_1.__spreadArray(tslib_1.__spreadArray([], dataSelected, true), [item], false) : dataSelected.filter(function (p) { return p !== item; });
|
|
25
|
+
setDataSelected(data);
|
|
26
|
+
if (onBulkActions && !actionSelectAll) {
|
|
27
|
+
onBulkActions(data);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
setCurrentItem(item);
|
|
32
|
+
onBulkActions(item);
|
|
25
33
|
}
|
|
26
34
|
};
|
|
27
|
-
return (react_1["default"].createElement(react_1["default"].Fragment, null, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (item, index) { return (react_1["default"].createElement("div", { key: index, "aria-hidden": true, className: (0, types_1.classNames)('p-3', index < filteredItems.length - 1 && 'border-b', index === 0 && !checkRounded && 'rounded-t-lg', index === filteredItems.length - 1 && dataSelected.length === 0 && 'rounded-b-lg', dataSelected.includes(item) && 'bg-bgcl-50', readonly ? '' : 'hover:bg-bgcl-100 hover:cursor-pointer'), onClick: function () { return handleClick(item); } }, onClickItem ? (react_1["default"].createElement("div", { className: 'flex gap-x-1.5 items-center' },
|
|
28
|
-
bulkActions && (react_1["default"].createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
|
|
35
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (item, index) { return (react_1["default"].createElement("div", { key: index, "aria-hidden": true, className: (0, types_1.classNames)('p-3', index < filteredItems.length - 1 && 'border-b', index === 0 && !checkRounded && 'rounded-t-lg', index === filteredItems.length - 1 && dataSelected.length === 0 && 'rounded-b-lg', dataSelected.includes(item) && 'bg-bgcl-50', readonly ? '' : 'hover:bg-bgcl-100 hover:cursor-pointer', itemFocusId === (item === null || item === void 0 ? void 0 : item.id) ? 'bg-bgcl-100' : ''), onClick: function () { return handleClick("item"); } }, onClickItem ? (react_1["default"].createElement("div", { className: 'flex gap-x-1.5 items-center' },
|
|
36
|
+
bulkActions && !isOptionList ? (react_1["default"].createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
|
|
29
37
|
react_1["default"].createElement(Checkbox_1.PHXCheckbox, { id: "checkbox-".concat(index), checked: dataSelected.includes(item), onChange: function (e) {
|
|
30
|
-
handleSelectOne(e, item);
|
|
38
|
+
handleSelectOne(e, item, 'checkbox');
|
|
39
|
+
} }))) : (react_1["default"].createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
|
|
40
|
+
react_1["default"].createElement(Radio_1.PHXRadio, { id: "radio-".concat(index), checked: (currentItem === null || currentItem === void 0 ? void 0 : currentItem.id) === (item === null || item === void 0 ? void 0 : item.id), onChange: function (e) {
|
|
41
|
+
handleSelectOne(e, item, 'radio');
|
|
31
42
|
} }))),
|
|
32
43
|
react_1["default"].createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
|
|
33
44
|
(item === null || item === void 0 ? void 0 : item.avatar) && react_1["default"].createElement("img", { alt: 'avatar', className: 'h-8 w-8 rounded-lg mr-2', src: item.avatar }),
|
|
@@ -39,7 +50,7 @@ function List(_a) {
|
|
|
39
50
|
react_1["default"].createElement("div", { className: 'flex gap-x-1.5 items-center' },
|
|
40
51
|
bulkActions && (react_1["default"].createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
|
|
41
52
|
react_1["default"].createElement(Checkbox_1.PHXCheckbox, { id: "checkbox-".concat(index), checked: dataSelected.includes(item), onChange: function (e) {
|
|
42
|
-
handleSelectOne(e, item);
|
|
53
|
+
handleSelectOne(e, item, 'checkbox');
|
|
43
54
|
} }))),
|
|
44
55
|
react_1["default"].createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
|
|
45
56
|
(item === null || item === void 0 ? void 0 : item.avatar) && react_1["default"].createElement("img", { alt: 'avatar', className: 'h-8 w-8 rounded-lg mr-2', src: item.avatar }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/list.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,6 +39,8 @@ export interface ResourceListProps {
|
|
|
39
39
|
readonly?: boolean;
|
|
40
40
|
button?: ButtonProps;
|
|
41
41
|
bulkActions?: boolean;
|
|
42
|
+
isOptionList?: boolean;
|
|
43
|
+
defaultOptionActive?: any;
|
|
42
44
|
bulkActionsContent?: string;
|
|
43
45
|
actionSelectAll?: boolean;
|
|
44
46
|
searchResult?: boolean;
|
|
@@ -67,4 +69,4 @@ export interface ResourceListProps {
|
|
|
67
69
|
useListWithCard?: boolean;
|
|
68
70
|
onClickRemoveItem?(item: any): void;
|
|
69
71
|
}
|
|
70
|
-
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, actionSelectAll, readonly, searchResult, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, }: ResourceListProps): React.JSX.Element;
|
|
72
|
+
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, actionSelectAll, readonly, searchResult, isOptionList, defaultOptionActive, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, }: ResourceListProps): React.JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
1
2
|
import React, { useEffect, useState } from 'react';
|
|
2
3
|
import { classNames } from '../types';
|
|
3
4
|
import BulkAction from './component/bulkAction';
|
|
@@ -8,10 +9,10 @@ import List from './component/list';
|
|
|
8
9
|
import { PHXButton } from '../Button';
|
|
9
10
|
import ListWithCard from './component/listWithCard';
|
|
10
11
|
export function PHXResourceList(_a) {
|
|
11
|
-
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, 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;
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
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, 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;
|
|
13
|
+
var _f = useState([]), dataSelected = _f[0], setDataSelected = _f[1];
|
|
14
|
+
var _g = useState(''), query = _g[0], setQuery = _g[1];
|
|
15
|
+
var _h = useState([]), filteredItems = _h[0], setFilteredItems = _h[1];
|
|
15
16
|
useEffect(function () {
|
|
16
17
|
var queryItems = query === ''
|
|
17
18
|
? list
|
|
@@ -27,11 +28,11 @@ export function PHXResourceList(_a) {
|
|
|
27
28
|
return (React.createElement(ListWithCard, { filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, onClickRemoveItem: onClickRemoveItem, readonly: readonly }));
|
|
28
29
|
}
|
|
29
30
|
else {
|
|
30
|
-
return (React.createElement(List, { bulkActions: bulkActions, dataSelected: dataSelected, filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction, onBulkActions: onBulkActions, actionSelectAll: actionSelectAll, checkRounded: (!title && actionSelectAll) || sortOptions || searchResult }));
|
|
31
|
+
return (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 }));
|
|
31
32
|
}
|
|
32
33
|
};
|
|
33
34
|
var listMarkup = list && getListComponent();
|
|
34
|
-
var sortActionMarkup = sortOptions && sortContent && !button ? (React.createElement(PHXDropdown, { buttonContent: sortContent, options: sortOptions, origin: 'right' })) : button ? (React.createElement(PHXButton, {
|
|
35
|
+
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));
|
|
35
36
|
return (React.createElement("div", { className: className },
|
|
36
37
|
React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
37
38
|
React.createElement("div", { className: classNames(' bg-white', !useListWithCard && 'rounded-lg border-[0.5px] border-gray-200') },
|
|
@@ -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":";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;AAqEnD,MAAM,UAAU,eAAe,CAAC,EAqBZ;QApBlB,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA,EACtB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,mBAAmB,yBAAA,EACnB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,iBAAiB,uBAAA;IAEX,IAAA,KAAkC,QAAQ,CAAM,EAAE,CAAC,EAAlD,YAAY,QAAA,EAAE,eAAe,QAAqB,CAAA;IACnD,IAAA,KAAoB,QAAQ,CAAC,EAAE,CAAC,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAA;IAChC,IAAA,KAAoC,QAAQ,CAAC,EAAE,CAAC,EAA/C,aAAa,QAAA,EAAE,gBAAgB,QAAgB,CAAA;IAEtD,SAAS,CAAC;QACR,IAAM,UAAU,GACd,KAAK,KAAK,EAAE;YACV,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,UAAC,IAAS;gBACrB,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAA;YAC9D,CAAC,CAAC,CAAA;QACR,gBAAgB,CAAC,UAAU,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;IAEjB,IAAM,gBAAgB,GACpB,WAAW,IAAI,eAAe,CAAC,CAAC,CAAC,CAC/B,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EACtB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,kBAAkB,GAC3B,CACH,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CACjB,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAChC,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAEH,IAAM,gBAAgB,GAAG;QACvB,IAAI,eAAe,EAAE;YACnB,OAAO,CACL,oBAAC,YAAY,IACX,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;SACF;aAAM;YACL,OAAO,CACL,oBAAC,IAAI,IACH,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE,mBAAmB,EACxC,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,CAAC,CAAC,KAAK,IAAI,eAAe,CAAC,IAAI,WAAW,IAAI,YAAY,GACxE,CACH,CAAA;SACF;IACH,CAAC,CAAA;IAED,IAAM,UAAU,GAAG,IAAI,IAAI,gBAAgB,EAAE,CAAA;IAE7C,IAAM,gBAAgB,GACpB,WAAW,IAAI,WAAW,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACtC,oBAAC,WAAW,IAAC,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAC,OAAO,GAAG,CACjF,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CACX,oBAAC,SAAS,eAAK,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAa,CACtD,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,6BAAK,SAAS,EAAC,sCAAsC;YACnD,6BAAK,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,CAAC,eAAe,IAAI,2CAA2C,CAAC;gBACrG,WAAW,IAAI,CAAC,KAAK,IAAI,YAAY,IAAI,eAAe,IAAI,CAC3D,6BAAK,SAAS,EAAC,mBAAmB;oBAChC,oBAAC,YAAY,IAAC,IAAI,EAAC,mBAAmB,EAAC,QAAQ,EAAE,QAAQ,GAAI,CACzD,CACP;gBACA,WAAW,IAAI,YAAY,IAAI,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CACrD,0CACG,CAAC,CAAC,KAAK,IAAI,eAAe,CAAC,IAAI,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,CAC5D,6BACE,SAAS,EAAE,UAAU,CACnB,yCAAyC,EACzC,CAAC,CAAC,WAAW,IAAI,CAAC,eAAe,CAAC,IAAI,aAAa,EACnD,CAAC,eAAe,IAAI,KAAK,CAC1B;oBAEA,gBAAgB;oBAChB,gBAAgB,CACb,CACP,CAAC,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,CACxB;oBACE,6BAAK,SAAS,EAAE,UAAU,CAAC,mCAAmC,EAAE,CAAC,eAAe,IAAI,cAAc,CAAC;wBACjG,2BAAG,SAAS,EAAC,+CAA+C,IAAE,KAAK,CAAK;wBACxE,2BACE,SAAS,EAAC,gFAAgF,EAC1F,OAAO,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,IAE3B,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,CAClB,CACA,CACL,CACJ,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CACA,CACJ,CAAC,CAAC,CAAC,CACF,yCAAK,CACN;gBACA,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,CAC5C,oBAAC,cAAc,IAAC,IAAI,EAAC,OAAO,GAAG,CAChC,CAAC,CAAC,CAAC,CACF;oBACG,UAAU;oBACV,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,6BAAK,SAAS,EAAC,8CAA8C;wBAAE,YAAY,CAAC,MAAM;oCAAgB,CACnG,CACA,CACJ,CACG,CACF,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare function List({ filteredItems, dataSelected, bulkActions, readonly, shortcutAction, onClickItem, setDataSelected, isBadge, onBulkActions, actionSelectAll, checkRounded, }: any): React.JSX.Element;
|
|
2
|
+
declare function List({ filteredItems, dataSelected, bulkActions, itemFocusId, readonly, shortcutAction, isOptionList, defaultOptionActive, onClickItem, setDataSelected, isBadge, onBulkActions, actionSelectAll, checkRounded, }: any): React.JSX.Element;
|
|
3
3
|
export default List;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { __spreadArray } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
2
|
+
import React, { useState } from 'react';
|
|
3
3
|
import { classNames } from '../../types';
|
|
4
4
|
import { PHXCheckbox } from '../../Checkbox';
|
|
5
5
|
import { PHXDropdown } from '../../Dropdown';
|
|
6
|
+
import { PHXRadio } from '../../Radio';
|
|
6
7
|
function List(_a) {
|
|
7
|
-
var filteredItems = _a.filteredItems, dataSelected = _a.dataSelected, bulkActions = _a.bulkActions, readonly = _a.readonly, shortcutAction = _a.shortcutAction, onClickItem = _a.onClickItem, setDataSelected = _a.setDataSelected, isBadge = _a.isBadge, onBulkActions = _a.onBulkActions, actionSelectAll = _a.actionSelectAll, checkRounded = _a.checkRounded;
|
|
8
|
+
var filteredItems = _a.filteredItems, dataSelected = _a.dataSelected, bulkActions = _a.bulkActions, itemFocusId = _a.itemFocusId, readonly = _a.readonly, shortcutAction = _a.shortcutAction, isOptionList = _a.isOptionList, defaultOptionActive = _a.defaultOptionActive, onClickItem = _a.onClickItem, setDataSelected = _a.setDataSelected, isBadge = _a.isBadge, onBulkActions = _a.onBulkActions, actionSelectAll = _a.actionSelectAll, checkRounded = _a.checkRounded;
|
|
8
9
|
var handleClick = function (item) {
|
|
9
10
|
if (onClickItem && !readonly) {
|
|
10
11
|
onClickItem(item);
|
|
@@ -13,19 +14,29 @@ function List(_a) {
|
|
|
13
14
|
return;
|
|
14
15
|
}
|
|
15
16
|
};
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
17
|
+
var _b = useState(defaultOptionActive), currentItem = _b[0], setCurrentItem = _b[1];
|
|
18
|
+
var handleSelectOne = function (e, item, type) {
|
|
19
|
+
if (type === 'checkbox') {
|
|
20
|
+
var data = e.target.checked
|
|
21
|
+
? // @ts-ignore
|
|
22
|
+
__spreadArray(__spreadArray([], dataSelected, true), [item], false) : dataSelected.filter(function (p) { return p !== item; });
|
|
23
|
+
setDataSelected(data);
|
|
24
|
+
if (onBulkActions && !actionSelectAll) {
|
|
25
|
+
onBulkActions(data);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
setCurrentItem(item);
|
|
30
|
+
onBulkActions(item);
|
|
23
31
|
}
|
|
24
32
|
};
|
|
25
|
-
return (React.createElement(React.Fragment, null, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (item, index) { return (React.createElement("div", { key: index, "aria-hidden": true, className: classNames('p-3', index < filteredItems.length - 1 && 'border-b', index === 0 && !checkRounded && 'rounded-t-lg', index === filteredItems.length - 1 && dataSelected.length === 0 && 'rounded-b-lg', dataSelected.includes(item) && 'bg-bgcl-50', readonly ? '' : 'hover:bg-bgcl-100 hover:cursor-pointer'), onClick: function () { return handleClick(item); } }, onClickItem ? (React.createElement("div", { className: 'flex gap-x-1.5 items-center' },
|
|
26
|
-
bulkActions && (React.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
|
|
33
|
+
return (React.createElement(React.Fragment, null, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (item, index) { return (React.createElement("div", { key: index, "aria-hidden": true, className: classNames('p-3', index < filteredItems.length - 1 && 'border-b', index === 0 && !checkRounded && 'rounded-t-lg', index === filteredItems.length - 1 && dataSelected.length === 0 && 'rounded-b-lg', dataSelected.includes(item) && 'bg-bgcl-50', readonly ? '' : 'hover:bg-bgcl-100 hover:cursor-pointer', itemFocusId === (item === null || item === void 0 ? void 0 : item.id) ? 'bg-bgcl-100' : ''), onClick: function () { return handleClick("item"); } }, onClickItem ? (React.createElement("div", { className: 'flex gap-x-1.5 items-center' },
|
|
34
|
+
bulkActions && !isOptionList ? (React.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
|
|
27
35
|
React.createElement(PHXCheckbox, { id: "checkbox-".concat(index), checked: dataSelected.includes(item), onChange: function (e) {
|
|
28
|
-
handleSelectOne(e, item);
|
|
36
|
+
handleSelectOne(e, item, 'checkbox');
|
|
37
|
+
} }))) : (React.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
|
|
38
|
+
React.createElement(PHXRadio, { id: "radio-".concat(index), checked: (currentItem === null || currentItem === void 0 ? void 0 : currentItem.id) === (item === null || item === void 0 ? void 0 : item.id), onChange: function (e) {
|
|
39
|
+
handleSelectOne(e, item, 'radio');
|
|
29
40
|
} }))),
|
|
30
41
|
React.createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
|
|
31
42
|
(item === null || item === void 0 ? void 0 : item.avatar) && React.createElement("img", { alt: 'avatar', className: 'h-8 w-8 rounded-lg mr-2', src: item.avatar }),
|
|
@@ -37,7 +48,7 @@ function List(_a) {
|
|
|
37
48
|
React.createElement("div", { className: 'flex gap-x-1.5 items-center' },
|
|
38
49
|
bulkActions && (React.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
|
|
39
50
|
React.createElement(PHXCheckbox, { id: "checkbox-".concat(index), checked: dataSelected.includes(item), onChange: function (e) {
|
|
40
|
-
handleSelectOne(e, item);
|
|
51
|
+
handleSelectOne(e, item, 'checkbox');
|
|
41
52
|
} }))),
|
|
42
53
|
React.createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
|
|
43
54
|
(item === null || item === void 0 ? void 0 : item.avatar) && React.createElement("img", { alt: 'avatar', className: 'h-8 w-8 rounded-lg mr-2', src: item.avatar }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/list.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/list.tsx"],"names":[],"mappings":"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"}
|