phx-react 1.3.1281 → 1.3.1283
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/ResourceListSetting/ResourceListSetting.d.ts +2 -3
- package/dist/cjs/components/ResourceListSetting/ResourceListSetting.js +2 -2
- package/dist/cjs/components/ResourceListSetting/ResourceListSetting.js.map +1 -1
- package/dist/cjs/components/ResourceListSetting/component/list.d.ts +1 -1
- package/dist/cjs/components/ResourceListSetting/component/list.js +7 -49
- package/dist/cjs/components/ResourceListSetting/component/list.js.map +1 -1
- package/dist/esm/components/ResourceListSetting/ResourceListSetting.d.ts +2 -3
- package/dist/esm/components/ResourceListSetting/ResourceListSetting.js +2 -2
- package/dist/esm/components/ResourceListSetting/ResourceListSetting.js.map +1 -1
- package/dist/esm/components/ResourceListSetting/component/list.d.ts +1 -1
- package/dist/esm/components/ResourceListSetting/component/list.js +7 -50
- package/dist/esm/components/ResourceListSetting/component/list.js.map +1 -1
- package/package.json +1 -1
|
@@ -14,8 +14,7 @@ export interface ResourceListProps {
|
|
|
14
14
|
active?: boolean;
|
|
15
15
|
onChange(active: boolean): void;
|
|
16
16
|
};
|
|
17
|
-
subContent?: ReactNode;
|
|
17
|
+
subContent?: ReactNode | string;
|
|
18
18
|
}>;
|
|
19
|
-
readonly?: boolean;
|
|
20
19
|
}
|
|
21
|
-
export declare function PHXResourceListSetting({ className, list
|
|
20
|
+
export declare function PHXResourceListSetting({ className, list }: ResourceListProps): React.JSX.Element;
|
|
@@ -7,10 +7,10 @@ var types_1 = require("../types");
|
|
|
7
7
|
var resourceStyle_1 = tslib_1.__importDefault(require("../ResourceList/styles/resourceStyle"));
|
|
8
8
|
var list_1 = tslib_1.__importDefault(require("./component/list"));
|
|
9
9
|
function PHXResourceListSetting(_a) {
|
|
10
|
-
var className = _a.className, list = _a.list
|
|
10
|
+
var className = _a.className, list = _a.list;
|
|
11
11
|
var getListComponent = function () {
|
|
12
12
|
return (react_1.default.createElement("div", null,
|
|
13
|
-
react_1.default.createElement(list_1.default, { filteredItems: list === null || list === void 0 ? void 0 : list.map(function (i) { return (tslib_1.__assign(tslib_1.__assign({}, i), { toggle: tslib_1.__assign(tslib_1.__assign({}, i.toggle), { enable: true }) })); })
|
|
13
|
+
react_1.default.createElement(list_1.default, { filteredItems: list === null || list === void 0 ? void 0 : list.map(function (i) { return (tslib_1.__assign(tslib_1.__assign({}, i), { toggle: tslib_1.__assign(tslib_1.__assign({}, i.toggle), { enable: true }) })); }) })));
|
|
14
14
|
};
|
|
15
15
|
var listMarkup = list && getListComponent();
|
|
16
16
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceListSetting.js","sourceRoot":"","sources":["../../../../src/components/ResourceListSetting/ResourceListSetting.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"ResourceListSetting.js","sourceRoot":"","sources":["../../../../src/components/ResourceListSetting/ResourceListSetting.tsx"],"names":[],"mappings":";;AAyBA,wDAuBC;;AAhDD,wDAAwC;AACxC,kCAAqC;AAGrC,+FAAgE;AAChE,kEAAmC;AAoBnC,SAAgB,sBAAsB,CAAC,EAAsC;QAApC,SAAS,eAAA,EAAE,IAAI,UAAA;IACtD,IAAM,gBAAgB,GAAG;QACvB,OAAO,CACL;YACE,8BAAC,cAAI,IAAC,aAAa,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,uCAAM,CAAC,KAAE,MAAM,wCAAO,CAAC,CAAC,MAAM,KAAE,MAAM,EAAE,IAAI,OAAK,EAAjD,CAAiD,CAAC,GAAI,CACxF,CACP,CAAA;IACH,CAAC,CAAA;IAED,IAAM,UAAU,GAAG,IAAI,IAAI,gBAAgB,EAAE,CAAA;IAE7C,OAAO,CACL;QACE,8BAAC,uBAAa,OAAG;QACjB,uCAAK,SAAS,EAAE,SAAS;YACvB,uCAAK,SAAS,EAAC,oDAAoD;gBACjE,uCAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,qDAAqD,CAAC;oBAC/E,8DAAG,UAAU,CAAI,CACb,CACF,CACF,CACL,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare function List({ filteredItems
|
|
2
|
+
declare function List({ filteredItems }: any): React.JSX.Element;
|
|
3
3
|
export default List;
|
|
@@ -1,63 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
|
-
var react_1 = tslib_1.
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
5
|
var types_1 = require("../../types");
|
|
6
|
-
var Checkbox_1 = require("../../Checkbox");
|
|
7
|
-
var Dropdown_1 = require("../../Dropdown");
|
|
8
|
-
var Radio_1 = require("../../Radio");
|
|
9
6
|
var Toggle_1 = tslib_1.__importDefault(require("../../PHXToggle/Toggle"));
|
|
10
7
|
function List(_a) {
|
|
11
|
-
var filteredItems = _a.filteredItems
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
onClickItem(item);
|
|
15
|
-
}
|
|
16
|
-
else {
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
var _b = (0, react_1.useState)(defaultOptionActive), currentItem = _b[0], setCurrentItem = _b[1];
|
|
21
|
-
var handleSelectOne = function (e, item, type) {
|
|
22
|
-
if (type === 'checkbox') {
|
|
23
|
-
var data = e.target.checked
|
|
24
|
-
? // @ts-ignore
|
|
25
|
-
tslib_1.__spreadArray(tslib_1.__spreadArray([], dataSelected, true), [item], false) : dataSelected.filter(function (p) { return p.id !== item.id; });
|
|
26
|
-
setDataSelected(data);
|
|
27
|
-
if (onBulkActions && !actionSelectAll) {
|
|
28
|
-
onBulkActions(data);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
else {
|
|
32
|
-
setCurrentItem(item);
|
|
33
|
-
onBulkActions(item);
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
return (react_1.default.createElement(react_1.default.Fragment, null, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (item, index) {
|
|
37
|
-
var _a, _b;
|
|
38
|
-
return (react_1.default.createElement("div", { key: index, "aria-hidden": true, className: (0, types_1.classNames)("".concat(onClickItem ? '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.some(function (p) { return p.id === item.id; }) && 'bg-bgcl-50', readonly ? '' : 'hover:bg-bgcl-100 hover:cursor-pointer', itemFocusId && (item === null || item === void 0 ? void 0 : item.id) && itemFocusId === item.id ? 'bg-bgcl-100' : ''), onClick: function () { return handleClick(item); } }, onClickItem ? (react_1.default.createElement("div", { className: 'flex gap-x-1.5 items-center' },
|
|
39
|
-
(bulkActions || isOptionList) && (react_1.default.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } }, bulkActions ? (react_1.default.createElement(Checkbox_1.PHXCheckbox, { id: "checkbox-".concat(index), checked: dataSelected.some(function (p) { return p.id === item.id; }), onChange: function (e) { return handleSelectOne(e, item, 'checkbox'); } })) : (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) { return handleSelectOne(e, item, 'radio'); } })))),
|
|
40
|
-
react_1.default.createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
|
|
41
|
-
(item === null || item === void 0 ? void 0 : item.avatar) && (react_1.default.createElement("img", { alt: 'avatar', className: "h-10 w-10 rounded-full mr-2 object-cover ".concat(item === null || item === void 0 ? void 0 : item.avatarClassname), src: item.avatar })),
|
|
42
|
-
react_1.default.createElement("div", { className: 'flex flex-col gap-y-0.5' },
|
|
43
|
-
(item === null || item === void 0 ? void 0 : item.name) && react_1.default.createElement("p", { className: 'text-xs font-medium text-gray-900' }, item.name),
|
|
44
|
-
(item === null || item === void 0 ? void 0 : item.location) && (react_1.default.createElement("p", { className: "text-xs ".concat(isBadge ? 'mt-1' : '', " font-normal text-gray-600") }, item.location)))),
|
|
45
|
-
((_a = item === null || item === void 0 ? void 0 : item.toggle) === null || _a === void 0 ? void 0 : _a.enable) ? (react_1.default.createElement(Toggle_1.default, { active: item.toggle.active, onChange: function (active) { return item.toggle.onChange(active); } })) : (react_1.default.createElement(react_1.default.Fragment, null, (shortcutAction || (item === null || item === void 0 ? void 0 : item.actions)) && (react_1.default.createElement("div", { className: 'flex items-center', "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
|
|
46
|
-
react_1.default.createElement(Dropdown_1.PHXDropdown, { type: 'ellipsis-icon', origin: 'right', options: (item === null || item === void 0 ? void 0 : item.actions) || (shortcutAction === null || shortcutAction === void 0 ? void 0 : shortcutAction(item)) }))))),
|
|
47
|
-
react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: item === null || item === void 0 ? void 0 : item.subContent } }))) : (react_1.default.createElement("label", { className: "".concat(readonly ? '' : 'hover:cursor-pointer') },
|
|
8
|
+
var filteredItems = _a.filteredItems;
|
|
9
|
+
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)(index < filteredItems.length - 1 && 'border-b') },
|
|
10
|
+
react_1.default.createElement("label", { className: 'hover:cursor-pointer' },
|
|
48
11
|
react_1.default.createElement("div", { className: 'flex gap-x-1.5 items-center p-3' },
|
|
49
|
-
bulkActions && (react_1.default.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
|
|
50
|
-
react_1.default.createElement(Checkbox_1.PHXCheckbox, { id: "checkbox_".concat(index), checked: dataSelected.some(function (it) { return it.id === item.id; }), onChange: function (e) {
|
|
51
|
-
handleSelectOne(e, item, 'checkbox');
|
|
52
|
-
} }))),
|
|
53
12
|
react_1.default.createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
|
|
54
13
|
(item === null || item === void 0 ? void 0 : item.avatar) && (react_1.default.createElement("img", { alt: 'avatar', className: "h-10 w-10 rounded-full mr-2 ".concat(item === null || item === void 0 ? void 0 : item.avatarClassname), src: item.avatar })),
|
|
55
14
|
react_1.default.createElement("div", { className: 'flex flex-col gap-y-0.5' },
|
|
56
15
|
(item === null || item === void 0 ? void 0 : item.name) && react_1.default.createElement("p", { className: 'text-xs font-medium text-gray-900' }, item.name),
|
|
57
|
-
(item === null || item === void 0 ? void 0 : item.location) &&
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
})));
|
|
16
|
+
(item === null || item === void 0 ? void 0 : item.location) && react_1.default.createElement("p", { className: "text-xs font-normal text-gray-600" }, item.location))),
|
|
17
|
+
react_1.default.createElement(Toggle_1.default, { active: item.toggle.active, onChange: function (active) { return item.toggle.onChange(active); } })),
|
|
18
|
+
react_1.default.createElement("div", { className: 'px-3 pb-3' }, item.subContent)))); })));
|
|
61
19
|
}
|
|
62
20
|
exports.default = List;
|
|
63
21
|
//# sourceMappingURL=list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/ResourceListSetting/component/list.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/ResourceListSetting/component/list.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,qCAAwC;AACxC,0EAA8C;AAE9C,SAAS,IAAI,CAAC,EAAsB;QAApB,aAAa,mBAAA;IAC3B,OAAO,CACL,8DACG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CAChD,uCAAK,GAAG,EAAE,KAAK,uBAAc,SAAS,EAAE,IAAA,kBAAU,EAAC,KAAK,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,CAAC;QAChG,yCAAO,SAAS,EAAC,sBAAsB;YACrC,uCAAK,SAAS,EAAC,iCAAiC;gBAC9C,uCAAK,SAAS,EAAC,oCAAoC;oBAChD,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,CACf,uCACE,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,sCAA+B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,eAAe,CAAE,EACjE,GAAG,EAAE,IAAI,CAAC,MAAM,GAChB,CACH;oBACD,uCAAK,SAAS,EAAC,yBAAyB;wBACrC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,qCAAG,SAAS,EAAC,mCAAmC,IAAE,IAAI,CAAC,IAAI,CAAK;wBAC9E,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,qCAAG,SAAS,EAAE,oCAAoC,IAAG,IAAI,CAAC,QAAQ,CAAK,CACtF,CACF;gBACN,8BAAC,gBAAS,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAC,MAAM,IAAK,OAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAA5B,CAA4B,GAAI,CACzF;YACN,uCAAK,SAAS,EAAC,WAAW,IAAE,IAAI,CAAC,UAAU,CAAO,CAC5C,CACJ,CACP,EAtBiD,CAsBjD,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,IAAI,CAAA"}
|
|
@@ -14,8 +14,7 @@ export interface ResourceListProps {
|
|
|
14
14
|
active?: boolean;
|
|
15
15
|
onChange(active: boolean): void;
|
|
16
16
|
};
|
|
17
|
-
subContent?: ReactNode;
|
|
17
|
+
subContent?: ReactNode | string;
|
|
18
18
|
}>;
|
|
19
|
-
readonly?: boolean;
|
|
20
19
|
}
|
|
21
|
-
export declare function PHXResourceListSetting({ className, list
|
|
20
|
+
export declare function PHXResourceListSetting({ className, list }: ResourceListProps): React.JSX.Element;
|
|
@@ -4,10 +4,10 @@ import { classNames } from '../types';
|
|
|
4
4
|
import ResourceStyle from '../ResourceList/styles/resourceStyle';
|
|
5
5
|
import List from './component/list';
|
|
6
6
|
export function PHXResourceListSetting(_a) {
|
|
7
|
-
var className = _a.className, list = _a.list
|
|
7
|
+
var className = _a.className, list = _a.list;
|
|
8
8
|
var getListComponent = function () {
|
|
9
9
|
return (React.createElement("div", null,
|
|
10
|
-
React.createElement(List, { filteredItems: list === null || list === void 0 ? void 0 : list.map(function (i) { return (__assign(__assign({}, i), { toggle: __assign(__assign({}, i.toggle), { enable: true }) })); })
|
|
10
|
+
React.createElement(List, { filteredItems: list === null || list === void 0 ? void 0 : list.map(function (i) { return (__assign(__assign({}, i), { toggle: __assign(__assign({}, i.toggle), { enable: true }) })); }) })));
|
|
11
11
|
};
|
|
12
12
|
var listMarkup = list && getListComponent();
|
|
13
13
|
return (React.createElement(React.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceListSetting.js","sourceRoot":"","sources":["../../../../src/components/ResourceListSetting/ResourceListSetting.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAGrC,OAAO,aAAa,MAAM,sCAAsC,CAAA;AAChE,OAAO,IAAI,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"ResourceListSetting.js","sourceRoot":"","sources":["../../../../src/components/ResourceListSetting/ResourceListSetting.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAGrC,OAAO,aAAa,MAAM,sCAAsC,CAAA;AAChE,OAAO,IAAI,MAAM,kBAAkB,CAAA;AAoBnC,MAAM,UAAU,sBAAsB,CAAC,EAAsC;QAApC,SAAS,eAAA,EAAE,IAAI,UAAA;IACtD,IAAM,gBAAgB,GAAG;QACvB,OAAO,CACL;YACE,oBAAC,IAAI,IAAC,aAAa,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,uBAAM,CAAC,KAAE,MAAM,wBAAO,CAAC,CAAC,MAAM,KAAE,MAAM,EAAE,IAAI,OAAK,EAAjD,CAAiD,CAAC,GAAI,CACxF,CACP,CAAA;IACH,CAAC,CAAA;IAED,IAAM,UAAU,GAAG,IAAI,IAAI,gBAAgB,EAAE,CAAA;IAE7C,OAAO,CACL;QACE,oBAAC,aAAa,OAAG;QACjB,6BAAK,SAAS,EAAE,SAAS;YACvB,6BAAK,SAAS,EAAC,oDAAoD;gBACjE,6BAAK,SAAS,EAAE,UAAU,CAAC,qDAAqD,CAAC;oBAC/E,0CAAG,UAAU,CAAI,CACb,CACF,CACF,CACL,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare function List({ filteredItems
|
|
2
|
+
declare function List({ filteredItems }: any): React.JSX.Element;
|
|
3
3
|
export default List;
|
|
@@ -1,61 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import React, { useState } from 'react';
|
|
1
|
+
import React from 'react';
|
|
3
2
|
import { classNames } from '../../types';
|
|
4
|
-
import { PHXCheckbox } from '../../Checkbox';
|
|
5
|
-
import { PHXDropdown } from '../../Dropdown';
|
|
6
|
-
import { PHXRadio } from '../../Radio';
|
|
7
3
|
import PHXToggle from '../../PHXToggle/Toggle';
|
|
8
4
|
function List(_a) {
|
|
9
|
-
var filteredItems = _a.filteredItems
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
onClickItem(item);
|
|
13
|
-
}
|
|
14
|
-
else {
|
|
15
|
-
return;
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
var _b = useState(defaultOptionActive), currentItem = _b[0], setCurrentItem = _b[1];
|
|
19
|
-
var handleSelectOne = function (e, item, type) {
|
|
20
|
-
if (type === 'checkbox') {
|
|
21
|
-
var data = e.target.checked
|
|
22
|
-
? // @ts-ignore
|
|
23
|
-
__spreadArray(__spreadArray([], dataSelected, true), [item], false) : dataSelected.filter(function (p) { return p.id !== item.id; });
|
|
24
|
-
setDataSelected(data);
|
|
25
|
-
if (onBulkActions && !actionSelectAll) {
|
|
26
|
-
onBulkActions(data);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
else {
|
|
30
|
-
setCurrentItem(item);
|
|
31
|
-
onBulkActions(item);
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
return (React.createElement(React.Fragment, null, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (item, index) {
|
|
35
|
-
var _a, _b;
|
|
36
|
-
return (React.createElement("div", { key: index, "aria-hidden": true, className: classNames("".concat(onClickItem ? '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.some(function (p) { return p.id === item.id; }) && 'bg-bgcl-50', readonly ? '' : 'hover:bg-bgcl-100 hover:cursor-pointer', itemFocusId && (item === null || item === void 0 ? void 0 : item.id) && itemFocusId === item.id ? 'bg-bgcl-100' : ''), onClick: function () { return handleClick(item); } }, onClickItem ? (React.createElement("div", { className: 'flex gap-x-1.5 items-center' },
|
|
37
|
-
(bulkActions || isOptionList) && (React.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } }, bulkActions ? (React.createElement(PHXCheckbox, { id: "checkbox-".concat(index), checked: dataSelected.some(function (p) { return p.id === item.id; }), onChange: function (e) { return handleSelectOne(e, item, 'checkbox'); } })) : (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) { return handleSelectOne(e, item, 'radio'); } })))),
|
|
38
|
-
React.createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
|
|
39
|
-
(item === null || item === void 0 ? void 0 : item.avatar) && (React.createElement("img", { alt: 'avatar', className: "h-10 w-10 rounded-full mr-2 object-cover ".concat(item === null || item === void 0 ? void 0 : item.avatarClassname), src: item.avatar })),
|
|
40
|
-
React.createElement("div", { className: 'flex flex-col gap-y-0.5' },
|
|
41
|
-
(item === null || item === void 0 ? void 0 : item.name) && React.createElement("p", { className: 'text-xs font-medium text-gray-900' }, item.name),
|
|
42
|
-
(item === null || item === void 0 ? void 0 : item.location) && (React.createElement("p", { className: "text-xs ".concat(isBadge ? 'mt-1' : '', " font-normal text-gray-600") }, item.location)))),
|
|
43
|
-
((_a = item === null || item === void 0 ? void 0 : item.toggle) === null || _a === void 0 ? void 0 : _a.enable) ? (React.createElement(PHXToggle, { active: item.toggle.active, onChange: function (active) { return item.toggle.onChange(active); } })) : (React.createElement(React.Fragment, null, (shortcutAction || (item === null || item === void 0 ? void 0 : item.actions)) && (React.createElement("div", { className: 'flex items-center', "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
|
|
44
|
-
React.createElement(PHXDropdown, { type: 'ellipsis-icon', origin: 'right', options: (item === null || item === void 0 ? void 0 : item.actions) || (shortcutAction === null || shortcutAction === void 0 ? void 0 : shortcutAction(item)) }))))),
|
|
45
|
-
React.createElement("div", { dangerouslySetInnerHTML: { __html: item === null || item === void 0 ? void 0 : item.subContent } }))) : (React.createElement("label", { className: "".concat(readonly ? '' : 'hover:cursor-pointer') },
|
|
5
|
+
var filteredItems = _a.filteredItems;
|
|
6
|
+
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(index < filteredItems.length - 1 && 'border-b') },
|
|
7
|
+
React.createElement("label", { className: 'hover:cursor-pointer' },
|
|
46
8
|
React.createElement("div", { className: 'flex gap-x-1.5 items-center p-3' },
|
|
47
|
-
bulkActions && (React.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
|
|
48
|
-
React.createElement(PHXCheckbox, { id: "checkbox_".concat(index), checked: dataSelected.some(function (it) { return it.id === item.id; }), onChange: function (e) {
|
|
49
|
-
handleSelectOne(e, item, 'checkbox');
|
|
50
|
-
} }))),
|
|
51
9
|
React.createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
|
|
52
10
|
(item === null || item === void 0 ? void 0 : item.avatar) && (React.createElement("img", { alt: 'avatar', className: "h-10 w-10 rounded-full mr-2 ".concat(item === null || item === void 0 ? void 0 : item.avatarClassname), src: item.avatar })),
|
|
53
11
|
React.createElement("div", { className: 'flex flex-col gap-y-0.5' },
|
|
54
12
|
(item === null || item === void 0 ? void 0 : item.name) && React.createElement("p", { className: 'text-xs font-medium text-gray-900' }, item.name),
|
|
55
|
-
(item === null || item === void 0 ? void 0 : item.location) &&
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
})));
|
|
13
|
+
(item === null || item === void 0 ? void 0 : item.location) && React.createElement("p", { className: "text-xs font-normal text-gray-600" }, item.location))),
|
|
14
|
+
React.createElement(PHXToggle, { active: item.toggle.active, onChange: function (active) { return item.toggle.onChange(active); } })),
|
|
15
|
+
React.createElement("div", { className: 'px-3 pb-3' }, item.subContent)))); })));
|
|
59
16
|
}
|
|
60
17
|
export default List;
|
|
61
18
|
//# sourceMappingURL=list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/ResourceListSetting/component/list.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/ResourceListSetting/component/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAE9C,SAAS,IAAI,CAAC,EAAsB;QAApB,aAAa,mBAAA;IAC3B,OAAO,CACL,0CACG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CAChD,6BAAK,GAAG,EAAE,KAAK,uBAAc,SAAS,EAAE,UAAU,CAAC,KAAK,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,CAAC;QAChG,+BAAO,SAAS,EAAC,sBAAsB;YACrC,6BAAK,SAAS,EAAC,iCAAiC;gBAC9C,6BAAK,SAAS,EAAC,oCAAoC;oBAChD,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,CACf,6BACE,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,sCAA+B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,eAAe,CAAE,EACjE,GAAG,EAAE,IAAI,CAAC,MAAM,GAChB,CACH;oBACD,6BAAK,SAAS,EAAC,yBAAyB;wBACrC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,2BAAG,SAAS,EAAC,mCAAmC,IAAE,IAAI,CAAC,IAAI,CAAK;wBAC9E,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,2BAAG,SAAS,EAAE,oCAAoC,IAAG,IAAI,CAAC,QAAQ,CAAK,CACtF,CACF;gBACN,oBAAC,SAAS,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAC,MAAM,IAAK,OAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAA5B,CAA4B,GAAI,CACzF;YACN,6BAAK,SAAS,EAAC,WAAW,IAAE,IAAI,CAAC,UAAU,CAAO,CAC5C,CACJ,CACP,EAtBiD,CAsBjD,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAED,eAAe,IAAI,CAAA"}
|