phx-react 1.3.1443 → 1.3.1446
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/Radio/Radio.js +1 -1
- package/dist/cjs/components/Radio/Radio.js.map +1 -1
- package/dist/cjs/components/ResourceList/ResourceList.d.ts +3 -2
- package/dist/cjs/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/cjs/components/ResourceList/component/list.js +5 -5
- package/dist/cjs/components/ResourceList/component/list.js.map +1 -1
- package/dist/cjs/components/TableReport/TableReport.d.ts +2 -1
- package/dist/cjs/components/TableReport/TableReport.js +15 -13
- package/dist/cjs/components/TableReport/TableReport.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Header.d.ts +2 -1
- package/dist/cjs/components/TableReport/component/Header.js +4 -4
- package/dist/cjs/components/TableReport/component/Header.js.map +1 -1
- package/dist/cjs/components/TableReport/component/PaginaitonSelected.d.ts +3 -1
- package/dist/cjs/components/TableReport/component/PaginaitonSelected.js +5 -1
- package/dist/cjs/components/TableReport/component/PaginaitonSelected.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Pagination.d.ts +5 -1
- package/dist/cjs/components/TableReport/component/Pagination.js +3 -5
- package/dist/cjs/components/TableReport/component/Pagination.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Row.d.ts +2 -1
- package/dist/cjs/components/TableReport/component/Row.js +2 -2
- package/dist/cjs/components/TableReport/component/Row.js.map +1 -1
- package/dist/cjs/components/TableReport/component/RowMerge.d.ts +2 -1
- package/dist/cjs/components/TableReport/component/RowMerge.js +2 -2
- package/dist/cjs/components/TableReport/component/RowMerge.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Search.d.ts +4 -1
- package/dist/cjs/components/TableReport/component/Search.js +16 -3
- package/dist/cjs/components/TableReport/component/Search.js.map +1 -1
- package/dist/esm/components/Radio/Radio.js +1 -1
- package/dist/esm/components/Radio/Radio.js.map +1 -1
- package/dist/esm/components/ResourceList/ResourceList.d.ts +3 -2
- package/dist/esm/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/esm/components/ResourceList/component/list.js +5 -5
- package/dist/esm/components/ResourceList/component/list.js.map +1 -1
- package/dist/esm/components/TableReport/TableReport.d.ts +2 -1
- package/dist/esm/components/TableReport/TableReport.js +15 -13
- package/dist/esm/components/TableReport/TableReport.js.map +1 -1
- package/dist/esm/components/TableReport/component/Header.d.ts +2 -1
- package/dist/esm/components/TableReport/component/Header.js +4 -4
- package/dist/esm/components/TableReport/component/Header.js.map +1 -1
- package/dist/esm/components/TableReport/component/PaginaitonSelected.d.ts +3 -1
- package/dist/esm/components/TableReport/component/PaginaitonSelected.js +5 -1
- package/dist/esm/components/TableReport/component/PaginaitonSelected.js.map +1 -1
- package/dist/esm/components/TableReport/component/Pagination.d.ts +5 -1
- package/dist/esm/components/TableReport/component/Pagination.js +3 -5
- package/dist/esm/components/TableReport/component/Pagination.js.map +1 -1
- package/dist/esm/components/TableReport/component/Row.d.ts +2 -1
- package/dist/esm/components/TableReport/component/Row.js +2 -2
- package/dist/esm/components/TableReport/component/Row.js.map +1 -1
- package/dist/esm/components/TableReport/component/RowMerge.d.ts +2 -1
- package/dist/esm/components/TableReport/component/RowMerge.js +2 -2
- package/dist/esm/components/TableReport/component/RowMerge.js.map +1 -1
- package/dist/esm/components/TableReport/component/Search.d.ts +4 -1
- package/dist/esm/components/TableReport/component/Search.js +17 -4
- package/dist/esm/components/TableReport/component/Search.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAcrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAWlC;IAVX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,cAAc,oBAAA,EACX,IAAI,cAVsC,8GAW9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,8CAA8C,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAG,KAAK,CAAS;QAChH,6BAAK,SAAS,EAAC,mBAAmB;YAChC,+BAAO,SAAS,EAAC,oFAAoF;gBACnG,0CACM,QAAQ,EACR,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,oEAAoE,CACrE,EACD,IAAI,EAAC,OAAO,IACZ;gBACF,8BAAM,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,QAAQ,IAAI,CAAC,cAAc,IAAI,YAAY,CAAC,IAAG,KAAK,CAAQ,CACxG,CACJ;QACN,2BAAG,SAAS,EAAE,UAAU,CAAC,wCAAwC,EAAE,QAAQ,IAAI,CAAC,cAAc,IAAI,YAAY,CAAC,IAC5G,WAAW,CACV;QACH,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAcrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAWlC;IAVX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,cAAc,oBAAA,EACX,IAAI,cAVsC,8GAW9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,8CAA8C,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAG,KAAK,CAAS;QAChH,6BAAK,SAAS,EAAC,mBAAmB;YAChC,+BAAO,SAAS,EAAC,oFAAoF;gBACnG,0CACM,QAAQ,EACR,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,EAC1D,oEAAoE,CACrE,EACD,IAAI,EAAC,OAAO,IACZ;gBACF,8BAAM,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,QAAQ,IAAI,CAAC,cAAc,IAAI,YAAY,CAAC,IAAG,KAAK,CAAQ,CACxG,CACJ;QACN,2BAAG,SAAS,EAAE,UAAU,CAAC,wCAAwC,EAAE,QAAQ,IAAI,CAAC,cAAc,IAAI,YAAY,CAAC,IAC5G,WAAW,CACV;QACH,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
2
|
import { BaseButton, ComplexAction } from '../types';
|
|
3
3
|
import * as SolidIcons from '@heroicons/react/24/solid';
|
|
4
4
|
import * as OutlineIcons from '@heroicons/react/24/outline';
|
|
@@ -36,7 +36,7 @@ export interface ResourceListProps {
|
|
|
36
36
|
location?: string;
|
|
37
37
|
avatar?: string;
|
|
38
38
|
actions?: Array<{
|
|
39
|
-
content: string;
|
|
39
|
+
content: string | ReactNode;
|
|
40
40
|
onClick(): unknown;
|
|
41
41
|
}>;
|
|
42
42
|
avatarClassname?: string;
|
|
@@ -45,6 +45,7 @@ export interface ResourceListProps {
|
|
|
45
45
|
active?: boolean;
|
|
46
46
|
onChange(active: boolean): void;
|
|
47
47
|
};
|
|
48
|
+
isPlainAction?: boolean;
|
|
48
49
|
}>;
|
|
49
50
|
hiddenBulkActionMarkup?: boolean;
|
|
50
51
|
readonly?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import { PHXCheckbox } from '../../Checkbox';
|
|
|
5
5
|
import { PHXDropdown } from '../../Dropdown';
|
|
6
6
|
import { PHXRadio } from '../../Radio';
|
|
7
7
|
import PHXToggle from '../../PHXToggle/Toggle';
|
|
8
|
+
import { PHXButton } from '../../Button';
|
|
8
9
|
function List(_a) {
|
|
9
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) {
|
|
@@ -38,10 +39,10 @@ function List(_a) {
|
|
|
38
39
|
React.createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
|
|
39
40
|
(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
41
|
React.createElement("div", { className: 'flex flex-col gap-y-0.5' },
|
|
41
|
-
(item === null || item === void 0 ? void 0 : item.name) &&
|
|
42
|
+
(item === null || item === void 0 ? void 0 : item.name) &&
|
|
43
|
+
(!readonly ? (React.createElement("p", { className: 'text-xs font-medium text-gray-900' }, item.name)) : (React.createElement("label", { htmlFor: bulkActions ? "checkbox-".concat(index) : "radio-".concat(index), className: classNames('text-xs font-medium text-gray-900', bulkActions || isOptionList ? 'hover:cursor-pointer' : '') }, item.name))),
|
|
42
44
|
(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)) }))))))) : (React.createElement("label", { className: "".concat(readonly ? '' : 'hover:cursor-pointer') },
|
|
45
|
+
((_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(); } }, (item === null || item === void 0 ? void 0 : item.isPlainAction) ? (React.createElement(React.Fragment, null, (item === null || item === void 0 ? void 0 : item.actions) && (item === null || item === void 0 ? void 0 : item.actions.length) > 0 && (React.createElement(React.Fragment, null, item.actions.map(function (item, index) { return (React.createElement(PHXButton, { className: 'text-xs', key: index, plain: true, size: 'small' }, item.content)); }))))) : (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)) })))))))) : (React.createElement("label", { className: "".concat(readonly ? '' : 'hover:cursor-pointer') },
|
|
45
46
|
React.createElement("div", { className: 'flex gap-x-1.5 items-center p-3' },
|
|
46
47
|
bulkActions && (React.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
|
|
47
48
|
React.createElement(PHXCheckbox, { id: "checkbox_".concat(index), checked: dataSelected.some(function (it) { return it.id === item.id; }), onChange: function (e) {
|
|
@@ -52,8 +53,7 @@ function List(_a) {
|
|
|
52
53
|
React.createElement("div", { className: 'flex flex-col gap-y-0.5' },
|
|
53
54
|
(item === null || item === void 0 ? void 0 : item.name) && React.createElement("p", { className: 'text-xs font-medium text-gray-900' }, item.name),
|
|
54
55
|
(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)))),
|
|
55
|
-
((_b = item === null || item === void 0 ? void 0 : item.toggle) === null || _b === void 0 ? void 0 : _b.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(); } },
|
|
56
|
-
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)) }))))))))));
|
|
56
|
+
((_b = item === null || item === void 0 ? void 0 : item.toggle) === null || _b === void 0 ? void 0 : _b.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(); } }, (item === null || item === void 0 ? void 0 : item.isPlainAction) ? (React.createElement(React.Fragment, null, (item === null || item === void 0 ? void 0 : item.actions) && (item === null || item === void 0 ? void 0 : item.actions.length) > 0 && (React.createElement(React.Fragment, null, item.actions.map(function (item, index) { return (React.createElement(PHXButton, { key: index, plain: true, size: 'small' }, item.content)); }))))) : (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)) })))))))))));
|
|
57
57
|
})));
|
|
58
58
|
}
|
|
59
59
|
export default List;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/list.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,5 +19,6 @@ export interface TableReportProps {
|
|
|
19
19
|
type?: 'default' | 'in-card';
|
|
20
20
|
selectedAllPeople?: TSelectedAllPeople;
|
|
21
21
|
tableKey?: string;
|
|
22
|
+
border?: boolean;
|
|
22
23
|
}
|
|
23
|
-
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, }: TableReportProps): React.JSX.Element;
|
|
24
|
+
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, }: TableReportProps): React.JSX.Element;
|
|
@@ -16,16 +16,18 @@ export function PHXTableReport(_a) {
|
|
|
16
16
|
var tableData = _a.tableData, thHeader = _a.thHeader, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, _b = _a.mergeConfig, mergeConfig = _b === void 0 ? { isMergeRowData: false, columnPosition: [] } : _b, rowHighlightConfig = _a.rowHighlightConfig, _c = _a.search, search = _c === void 0 ? {
|
|
17
17
|
enable: false,
|
|
18
18
|
loading: false,
|
|
19
|
-
} : _c, loading = _a.loading, pagination = _a.pagination, _d = _a.readonly, readonly = _d === void 0 ? false : _d, onClick = _a.onClick, _e = _a.type, type = _e === void 0 ? 'default' : _e, selectedAllPeople = _a.selectedAllPeople, _f = _a.tableKey, tableKey = _f === void 0 ? 'table-report' : _f;
|
|
19
|
+
} : _c, loading = _a.loading, pagination = _a.pagination, _d = _a.readonly, readonly = _d === void 0 ? false : _d, onClick = _a.onClick, _e = _a.type, type = _e === void 0 ? 'default' : _e, selectedAllPeople = _a.selectedAllPeople, _f = _a.tableKey, tableKey = _f === void 0 ? 'table-report' : _f, _g = _a.border, border = _g === void 0 ? true : _g;
|
|
20
20
|
var checkbox = useRef();
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var
|
|
21
|
+
var _h = useState(false), isSearch = _h[0], setIsSearch = _h[1];
|
|
22
|
+
var _j = useState([]), selectedPeople = _j[0], setSelectedPeople = _j[1];
|
|
23
|
+
var _k = useState(false), checked = _k[0], setChecked = _k[1];
|
|
24
|
+
var _l = useState(false), indeterminate = _l[0], setIndeterminate = _l[1];
|
|
25
|
+
var _m = useState(1), currentPage = _m[0], setCurrentPage = _m[1];
|
|
26
|
+
var _o = useState(0), offset = _o[0], setOffset = _o[1];
|
|
25
27
|
var maxDepth = getMaxDepth(thHeader);
|
|
26
28
|
var rows = buildHeaderRows(thHeader, 0, [], maxDepth, 0);
|
|
27
29
|
var rowClassName = function (keyIdx, dataIdx) {
|
|
28
|
-
return classNames('text-xs text-center px-3 py-3 whitespace-nowrap', keyIdx !== 0 && 'border-l', dataIdx !== 0 && 'border-t', dataIdx === tableData.length - 1 && keyIdx === 0 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-bl-lg', dataIdx === tableData.length - 1 && keyIdx === thBody.length - 1 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-br-lg');
|
|
30
|
+
return classNames('text-xs text-center px-3 py-3 whitespace-nowrap', keyIdx !== 0 && border && 'border-l', dataIdx !== 0 && 'border-t', dataIdx === tableData.length - 1 && keyIdx === 0 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-bl-lg', dataIdx === tableData.length - 1 && keyIdx === thBody.length - 1 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-br-lg');
|
|
29
31
|
};
|
|
30
32
|
var isHighLight = function (data) {
|
|
31
33
|
return !!(rowHighlightConfig && data[rowHighlightConfig.key] === rowHighlightConfig.value);
|
|
@@ -58,9 +60,9 @@ export function PHXTableReport(_a) {
|
|
|
58
60
|
setSelectedPeople(value.slice(-maxSelectedPeople));
|
|
59
61
|
};
|
|
60
62
|
return (React.createElement(React.Fragment, null,
|
|
61
|
-
loading ? (React.createElement(PHXSkeleton, { type: 'table' })) : (React.createElement("div", { className: 'rounded-lg bg-white shadow-[0rem_.3125rem_.3125rem_-.15625rem_rgba(0,0,0,.03),0rem_.1875rem_.1875rem_-.09375rem_rgba(0,0,0,.02),0rem_.125rem_.125rem_-.0625rem_rgba(0,0,0,.02),0rem_.0625rem_.0625rem_-.03125rem_rgba(0,0,0,.03),0rem_.03125rem_.03125rem_0rem_rgba(0,0,0,.04),0rem_0rem_0rem_.0625rem_rgba(0,0,0,.06)] ring-1 ring-gray-300' },
|
|
63
|
+
loading ? (React.createElement(PHXSkeleton, { type: 'table' })) : (React.createElement(React.Fragment, null, tableData.length > 0 || (tableData.length === 0 && isSearch) ? (React.createElement("div", { className: 'rounded-lg bg-white shadow-[0rem_.3125rem_.3125rem_-.15625rem_rgba(0,0,0,.03),0rem_.1875rem_.1875rem_-.09375rem_rgba(0,0,0,.02),0rem_.125rem_.125rem_-.0625rem_rgba(0,0,0,.02),0rem_.0625rem_.0625rem_-.03125rem_rgba(0,0,0,.03),0rem_.03125rem_.03125rem_0rem_rgba(0,0,0,.04),0rem_0rem_0rem_.0625rem_rgba(0,0,0,.06)] ring-1 ring-gray-300' },
|
|
62
64
|
search && search.enable && (React.createElement("div", { className: classNames('relative flex h-9 flex-row items-center rounded-tl-lg rounded-tr-lg px-3 ring-1 ring-gray-300', isSearch ? 'border-none' : 'justify-end', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
63
|
-
React.createElement(Search, { isSearch: isSearch, search: search, setIsSearch: setIsSearch, type: type }),
|
|
65
|
+
React.createElement(Search, { isSearch: isSearch, search: search, setIsSearch: setIsSearch, type: type, setCurrentPage: setCurrentPage, setOffset: setOffset, paginationChange: pagination === null || pagination === void 0 ? void 0 : pagination.onChange }),
|
|
64
66
|
React.createElement("button", { className: classNames('ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', isSearch ? 'pointer-events-none opacity-0' : 'opacity-100'), onClick: function () { return setIsSearch(true); }, type: 'button' },
|
|
65
67
|
React.createElement(MagnifyingGlassIcon, { className: 'h-4 w-4' })),
|
|
66
68
|
React.createElement("div", { className: 'absolute bottom-0 left-0 h-[1px] w-full bg-white' }))),
|
|
@@ -69,11 +71,11 @@ export function PHXTableReport(_a) {
|
|
|
69
71
|
React.createElement(React.Fragment, null,
|
|
70
72
|
React.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
|
|
71
73
|
React.createElement("thead", null,
|
|
72
|
-
React.createElement(Header, { checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll })),
|
|
73
|
-
React.createElement("tbody", null, buildRowSpan(tableData, mergeConfig).map(function (data, dataIdx) { return (React.createElement("tr", { key: dataIdx, className: classNames('group', isHighLight(data) && 'bg-gray-100 font-semibold'), onClick: function () { return handleClick(data, isHighLight(data)); } }, thBody.map(function (bodyKey, keyIdx) { return (React.createElement(React.Fragment, null, mergeConfig.isMergeRowData ? (React.createElement(RowMerge, { bodyKey: bodyKey, brSetSelectedPeople: brSetSelectedPeople, className: rowClassName(keyIdx, dataIdx), data: data, dataIdx: dataIdx, highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), isHighlight: isHighLight(data), keyIdx: keyIdx, mergeConfig: mergeConfig, readonly: readonly, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, tableKey: tableKey, thBodyComponent: thBodyComponent })) : (React.createElement(Row, { bodyKey: bodyKey, brSetSelectedPeople: brSetSelectedPeople, className: rowClassName(keyIdx, dataIdx), data: data, dataIdx: dataIdx, highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), isHighlight: isHighLight(data), keyIdx: keyIdx, readonly: readonly, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, tableKey: tableKey, thBodyComponent: thBodyComponent })))); }))); }))))))) :
|
|
74
|
-
React.createElement(PHXEmptySearch, null)))
|
|
75
|
-
|
|
76
|
-
|
|
74
|
+
React.createElement(Header, { border: border, checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll })),
|
|
75
|
+
React.createElement("tbody", null, buildRowSpan(tableData, mergeConfig).map(function (data, dataIdx) { return (React.createElement("tr", { key: dataIdx, className: classNames('group', isHighLight(data) && 'bg-gray-100 font-semibold'), onClick: function () { return handleClick(data, isHighLight(data)); } }, thBody.map(function (bodyKey, keyIdx) { return (React.createElement(React.Fragment, null, mergeConfig.isMergeRowData ? (React.createElement(RowMerge, { border: border, bodyKey: bodyKey, brSetSelectedPeople: brSetSelectedPeople, className: rowClassName(keyIdx, dataIdx), data: data, dataIdx: dataIdx, highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), isHighlight: isHighLight(data), keyIdx: keyIdx, mergeConfig: mergeConfig, readonly: readonly, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, tableKey: tableKey, thBodyComponent: thBodyComponent })) : (React.createElement(Row, { border: border, bodyKey: bodyKey, brSetSelectedPeople: brSetSelectedPeople, className: rowClassName(keyIdx, dataIdx), data: data, dataIdx: dataIdx, highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), isHighlight: isHighLight(data), keyIdx: keyIdx, readonly: readonly, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, tableKey: tableKey, thBodyComponent: thBodyComponent })))); }))); }))))))) : (React.createElement("div", { className: 'overflow-hidden rounded-lg' },
|
|
76
|
+
React.createElement(PHXEmptySearch, null)))),
|
|
77
|
+
tableData.length > 0 && pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.enable) && (React.createElement(Pagination, { pagination: pagination, currentPage: currentPage, setCurrentPage: setCurrentPage, offset: offset, setOffset: setOffset })))) : (React.createElement("div", { className: 'overflow-hidden rounded-lg border' },
|
|
78
|
+
React.createElement(PHXEmptyRecord, null))))),
|
|
77
79
|
selectedAllPeople && selectedAllPeople.enable && (React.createElement(SelectedAction, { selectedBtn: selectedAllPeople.selectedAction.actions, selectedPeople: selectedPeople, slectedTitle: selectedAllPeople.selectedAction.label, toggleAll: toggleAll }))));
|
|
78
80
|
}
|
|
79
81
|
//# sourceMappingURL=TableReport.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACpE,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,GAAG,MAAM,iBAAiB,CAAA;AACjC,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAC/C,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,cAAc,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ interface HeaderProps {
|
|
|
8
8
|
tableKey: string;
|
|
9
9
|
checked: boolean;
|
|
10
10
|
checkbox: any;
|
|
11
|
+
border: boolean;
|
|
11
12
|
}
|
|
12
|
-
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox }: HeaderProps): React.JSX.Element;
|
|
13
|
+
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border }: HeaderProps): React.JSX.Element;
|
|
13
14
|
export default Header;
|
|
@@ -2,11 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import { classNames } from '../../types';
|
|
3
3
|
import { PHXCheckbox } from '../../Checkbox';
|
|
4
4
|
function Header(_a) {
|
|
5
|
-
var rows = _a.rows, search = _a.search, selectedAllPeople = _a.selectedAllPeople, toggleAll = _a.toggleAll, tableKey = _a.tableKey, checked = _a.checked, checkbox = _a.checkbox;
|
|
6
|
-
return (React.createElement(React.Fragment, null, rows.map(function (row, rowIdx) { return (React.createElement("tr", { key: rowIdx, className: classNames(rowIdx !== 0 && 'border-t', search && search.enable && rowIdx === 0 && 'border-t') },
|
|
7
|
-
selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (React.createElement("th", { rowSpan: rows.length, className: 'bg-gray-50 text-center border-r' }, !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.maxSelectedPeople) && (React.createElement("div", { className: 'flex justify-center items-center pl-3' },
|
|
5
|
+
var rows = _a.rows, search = _a.search, selectedAllPeople = _a.selectedAllPeople, toggleAll = _a.toggleAll, tableKey = _a.tableKey, checked = _a.checked, checkbox = _a.checkbox, border = _a.border;
|
|
6
|
+
return (React.createElement(React.Fragment, null, rows.map(function (row, rowIdx) { return (React.createElement("tr", { key: rowIdx, className: classNames(rowIdx !== 0 && border && 'border-t', search && search.enable && rowIdx === 0 && border && 'border-t') },
|
|
7
|
+
selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (React.createElement("th", { rowSpan: rows.length, className: classNames('bg-gray-50 text-center', border && 'border-r') }, !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.maxSelectedPeople) && (React.createElement("div", { className: 'flex justify-center items-center pl-3' },
|
|
8
8
|
React.createElement(PHXCheckbox, { inputRef: checkbox, id: "".concat(tableKey, "-header"), onChange: toggleAll, checked: checked }))))),
|
|
9
|
-
row.map(function (cell, cellIdx) { return (React.createElement("th", { key: cellIdx, colSpan: cell.colSpan, rowSpan: cell.rowSpan, className: classNames('px-3 py-2.5 text-center text-xs font-medium text-gray-800 bg-gray-50 whitespace-nowrap', cell.colIndex !== 0 && 'border-l', rowIdx === 0 && cellIdx === 0 && !(search === null || search === void 0 ? void 0 : search.enable) && 'rounded-tl-lg', rowIdx === 0 && cellIdx === row.length - 1 && !(search === null || search === void 0 ? void 0 : search.enable) && 'rounded-tr-lg') }, cell.name)); }))); })));
|
|
9
|
+
row.map(function (cell, cellIdx) { return (React.createElement("th", { key: cellIdx, colSpan: cell.colSpan, rowSpan: cell.rowSpan, className: classNames('px-3 py-2.5 text-center text-xs font-medium text-gray-800 bg-gray-50 whitespace-nowrap', cell.colIndex !== 0 && border && 'border-l', rowIdx === 0 && cellIdx === 0 && !(search === null || search === void 0 ? void 0 : search.enable) && 'rounded-tl-lg', rowIdx === 0 && cellIdx === row.length - 1 && !(search === null || search === void 0 ? void 0 : search.enable) && 'rounded-tr-lg') }, cell.name)); }))); })));
|
|
10
10
|
}
|
|
11
11
|
export default Header;
|
|
12
12
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAa5C,SAAS,MAAM,CAAC,EAAgG;QAA9F,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,iBAAiB,uBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;IAC/F,OAAO,CACL,0CACG,IAAI,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,MAAc,IAAK,OAAA,CACtC,4BACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,UAAU,CACnB,MAAM,KAAK,CAAC,IAAI,MAAM,IAAI,UAAU,EACpC,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,MAAM,IAAI,UAAU,CAChE;QAEA,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,CAChE,4BAAI,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,MAAM,IAAI,UAAU,CAAC,IAC5F,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,iBAAiB,CAAA,IAAI,CACxC,6BAAK,SAAS,EAAC,uCAAuC;YACpD,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAG,QAAQ,YAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAI,CAChG,CACP,CACE,CACN;QACA,GAAG,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,OAAe,IAAK,OAAA,CACvC,4BACE,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,UAAU,CACnB,wFAAwF,EACxF,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,MAAM,IAAI,UAAU,EAC3C,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,eAAe,EACnE,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,eAAe,CACjF,IAEA,IAAI,CAAC,IAAI,CACP,CACN,EAdwC,CAcxC,CAAC,CACC,CACN,EAjCuC,CAiCvC,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -2,7 +2,9 @@ import React from 'react';
|
|
|
2
2
|
type IPaginationSelected = {
|
|
3
3
|
rowQuantity: number;
|
|
4
4
|
setCurrentPage(page: number): void;
|
|
5
|
+
setOffset(page: number): void;
|
|
5
6
|
setRowQuantity?(row: number): void;
|
|
7
|
+
onChange?(page: number): void;
|
|
6
8
|
};
|
|
7
|
-
declare function PaginationSelected({ rowQuantity, setCurrentPage, setRowQuantity }: IPaginationSelected): React.JSX.Element;
|
|
9
|
+
declare function PaginationSelected({ rowQuantity, setCurrentPage, setRowQuantity, onChange, setOffset }: IPaginationSelected): React.JSX.Element;
|
|
8
10
|
export default PaginationSelected;
|
|
@@ -2,13 +2,17 @@ import React from 'react';
|
|
|
2
2
|
import { PHXDropdown } from '../../Dropdown';
|
|
3
3
|
var optionNumber = [150, 125, 100, 75, 50, 25, 10];
|
|
4
4
|
function PaginationSelected(_a) {
|
|
5
|
-
var rowQuantity = _a.rowQuantity, setCurrentPage = _a.setCurrentPage, setRowQuantity = _a.setRowQuantity;
|
|
5
|
+
var rowQuantity = _a.rowQuantity, setCurrentPage = _a.setCurrentPage, setRowQuantity = _a.setRowQuantity, onChange = _a.onChange, setOffset = _a.setOffset;
|
|
6
6
|
var options = optionNumber.map(function (item) { return ({
|
|
7
7
|
content: item + '',
|
|
8
8
|
active: rowQuantity === item,
|
|
9
9
|
onClick: function () {
|
|
10
10
|
setRowQuantity === null || setRowQuantity === void 0 ? void 0 : setRowQuantity(item);
|
|
11
11
|
setCurrentPage(1);
|
|
12
|
+
setOffset(0);
|
|
13
|
+
if (onChange) {
|
|
14
|
+
onChange(1);
|
|
15
|
+
}
|
|
12
16
|
},
|
|
13
17
|
}); });
|
|
14
18
|
return (React.createElement("div", { className: 'relative' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginaitonSelected.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/PaginaitonSelected.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,IAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"PaginaitonSelected.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/PaginaitonSelected.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,IAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AAUpD,SAAS,kBAAkB,CAAC,EAAyF;QAAvF,WAAW,iBAAA,EAAE,cAAc,oBAAA,EAAE,cAAc,oBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IAC5F,IAAM,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAAC;QAC/C,OAAO,EAAE,IAAI,GAAG,EAAE;QAClB,MAAM,EAAE,WAAW,KAAK,IAAI;QAC5B,OAAO,EAAE;YACP,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,IAAI,CAAC,CAAA;YACtB,cAAc,CAAC,CAAC,CAAC,CAAA;YACjB,SAAS,CAAC,CAAC,CAAC,CAAA;YACZ,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,CAAC,CAAC,CAAA;YACb,CAAC;QACH,CAAC;KACF,CAAC,EAX8C,CAW9C,CAAC,CAAA;IAEH,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,6BAAK,SAAS,EAAC,mDAAmD;YAChE,oBAAC,WAAW,IAAC,aAAa,EAAE,UAAG,WAAW,CAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG;YACnG,6BAAK,SAAS,EAAC,cAAc,yBAAoB,CAC7C,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -2,6 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import { TPagination } from '../types';
|
|
3
3
|
interface PaginationProps {
|
|
4
4
|
pagination: TPagination;
|
|
5
|
+
currentPage: number;
|
|
6
|
+
setCurrentPage(page: number): void;
|
|
7
|
+
offset: number;
|
|
8
|
+
setOffset(page: number): void;
|
|
5
9
|
}
|
|
6
|
-
declare function Pagination({ pagination }: PaginationProps): React.JSX.Element;
|
|
10
|
+
declare function Pagination({ pagination, currentPage, setCurrentPage, offset, setOffset }: PaginationProps): React.JSX.Element;
|
|
7
11
|
export default Pagination;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { classNames } from '../../types';
|
|
3
3
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
4
4
|
import { faAngleLeft, faAngleRight } from '@fortawesome/free-solid-svg-icons';
|
|
5
5
|
import PaginationSelected from './PaginaitonSelected';
|
|
6
6
|
function Pagination(_a) {
|
|
7
|
-
var pagination = _a.pagination;
|
|
8
|
-
var _b = useState(1), currentPage = _b[0], setCurrentPage = _b[1];
|
|
9
|
-
var _c = useState(0), offset = _c[0], setOffset = _c[1];
|
|
7
|
+
var pagination = _a.pagination, currentPage = _a.currentPage, setCurrentPage = _a.setCurrentPage, offset = _a.offset, setOffset = _a.setOffset;
|
|
10
8
|
var handleClickPage = function (page) {
|
|
11
9
|
setCurrentPage(page);
|
|
12
10
|
setOffset(page - 1);
|
|
@@ -40,7 +38,7 @@ function Pagination(_a) {
|
|
|
40
38
|
var startIndex = pagination.dataAggregate > 0 ? offset * pagination.rowNumberInPage + 1 : pagination.dataAggregate;
|
|
41
39
|
var endIndex = offset * pagination.rowNumberInPage + pagination.rowNumberInPage;
|
|
42
40
|
return (React.createElement("div", { className: 'flex items-center justify-between rounded-lg rounded-tl-none rounded-tr-none border-t border-gray-200 bg-[#F9FAFB] py-2 pl-7 pr-2' },
|
|
43
|
-
React.createElement(PaginationSelected, { rowQuantity: pagination.rowNumberInPage, setCurrentPage: setCurrentPage, setRowQuantity: pagination === null || pagination === void 0 ? void 0 : pagination.setRowNumberInPage }),
|
|
41
|
+
React.createElement(PaginationSelected, { onChange: pagination === null || pagination === void 0 ? void 0 : pagination.onChange, rowQuantity: pagination.rowNumberInPage, setCurrentPage: setCurrentPage, setRowQuantity: pagination === null || pagination === void 0 ? void 0 : pagination.setRowNumberInPage, setOffset: setOffset }),
|
|
44
42
|
React.createElement("div", { className: 'flex items-center gap-x-3' },
|
|
45
43
|
React.createElement("p", { className: 'hidden text-xs sm:block' },
|
|
46
44
|
"Hi\u1EC3n th\u1ECB ",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,7 @@ interface RowProps {
|
|
|
14
14
|
tableKey: string;
|
|
15
15
|
brSetSelectedPeople(value: TTableData): void;
|
|
16
16
|
selectedPeople: Array<TTableData>;
|
|
17
|
+
border: boolean;
|
|
17
18
|
}
|
|
18
|
-
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, }: RowProps): React.JSX.Element;
|
|
19
|
+
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }: RowProps): React.JSX.Element;
|
|
19
20
|
export default Row;
|
|
@@ -4,7 +4,7 @@ import { renderCell } from '../utils';
|
|
|
4
4
|
import { classNames } from '../../types';
|
|
5
5
|
import { PHXCheckbox } from '../../Checkbox';
|
|
6
6
|
function Row(_a) {
|
|
7
|
-
var keyIdx = _a.keyIdx, dataIdx = _a.dataIdx, data = _a.data, bodyKey = _a.bodyKey, thBodyComponent = _a.thBodyComponent, className = _a.className, readonly = _a.readonly, isHighlight = _a.isHighlight, highlightReadonly = _a.highlightReadonly, selectedAllPeople = _a.selectedAllPeople, tableKey = _a.tableKey, brSetSelectedPeople = _a.brSetSelectedPeople, selectedPeople = _a.selectedPeople;
|
|
7
|
+
var keyIdx = _a.keyIdx, dataIdx = _a.dataIdx, data = _a.data, bodyKey = _a.bodyKey, thBodyComponent = _a.thBodyComponent, className = _a.className, readonly = _a.readonly, isHighlight = _a.isHighlight, highlightReadonly = _a.highlightReadonly, selectedAllPeople = _a.selectedAllPeople, tableKey = _a.tableKey, brSetSelectedPeople = _a.brSetSelectedPeople, selectedPeople = _a.selectedPeople, border = _a.border;
|
|
8
8
|
var renderInclude = function (person) {
|
|
9
9
|
return !!selectedPeople.find(function (select) { return JSON.stringify(select) === JSON.stringify(person); });
|
|
10
10
|
};
|
|
@@ -20,7 +20,7 @@ function Row(_a) {
|
|
|
20
20
|
brSetSelectedPeople(valueSelected);
|
|
21
21
|
};
|
|
22
22
|
return (React.createElement(React.Fragment, null,
|
|
23
|
-
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (React.createElement("td", { key: keyIdx, className: classNames('border-r', dataIdx !== 0 && 'border-t', !isHighlight ? (readonly ? '' : 'group-hover:bg-gray-50 group-hover:cursor-pointer') : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '') },
|
|
23
|
+
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (React.createElement("td", { key: keyIdx, className: classNames(border && 'border-r', dataIdx !== 0 && 'border-t', !isHighlight ? (readonly ? '' : 'group-hover:bg-gray-50 group-hover:cursor-pointer') : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '') },
|
|
24
24
|
React.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: function (event) { return event.stopPropagation(); } },
|
|
25
25
|
React.createElement(PHXCheckbox, { id: "".concat(tableKey, "-").concat(dataIdx), checked: checked, onChange: function (event) { return handleChange(event); } })))),
|
|
26
26
|
React.createElement("td", { key: keyIdx, className: classNames(className, !isHighlight ? (readonly ? '' : 'group-hover:bg-gray-50 group-hover:cursor-pointer') : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '') }, renderCell(data, bodyKey, thBodyComponent).value)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,7 @@ interface RowMergeProps {
|
|
|
15
15
|
tableKey: string;
|
|
16
16
|
brSetSelectedPeople(value: TTableData): void;
|
|
17
17
|
selectedPeople: Array<TTableData>;
|
|
18
|
+
border: boolean;
|
|
18
19
|
}
|
|
19
|
-
declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, }: RowMergeProps): React.JSX.Element;
|
|
20
|
+
declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }: RowMergeProps): React.JSX.Element;
|
|
20
21
|
export default RowMerge;
|
|
@@ -4,7 +4,7 @@ import { findColumnKeyMerge, renderCell } from '../utils';
|
|
|
4
4
|
import { classNames } from '../../types';
|
|
5
5
|
import { PHXCheckbox } from '../../Checkbox';
|
|
6
6
|
function RowMerge(_a) {
|
|
7
|
-
var mergeConfig = _a.mergeConfig, keyIdx = _a.keyIdx, dataIdx = _a.dataIdx, bodyKey = _a.bodyKey, data = _a.data, thBodyComponent = _a.thBodyComponent, className = _a.className, readonly = _a.readonly, isHighlight = _a.isHighlight, highlightReadonly = _a.highlightReadonly, selectedAllPeople = _a.selectedAllPeople, tableKey = _a.tableKey, brSetSelectedPeople = _a.brSetSelectedPeople, selectedPeople = _a.selectedPeople;
|
|
7
|
+
var mergeConfig = _a.mergeConfig, keyIdx = _a.keyIdx, dataIdx = _a.dataIdx, bodyKey = _a.bodyKey, data = _a.data, thBodyComponent = _a.thBodyComponent, className = _a.className, readonly = _a.readonly, isHighlight = _a.isHighlight, highlightReadonly = _a.highlightReadonly, selectedAllPeople = _a.selectedAllPeople, tableKey = _a.tableKey, brSetSelectedPeople = _a.brSetSelectedPeople, selectedPeople = _a.selectedPeople, border = _a.border;
|
|
8
8
|
var rowSpan = renderCell(data, bodyKey, thBodyComponent).row;
|
|
9
9
|
var currentColumnKey = findColumnKeyMerge(mergeConfig, keyIdx);
|
|
10
10
|
var renderInclude = function (person) {
|
|
@@ -22,7 +22,7 @@ function RowMerge(_a) {
|
|
|
22
22
|
brSetSelectedPeople(valueSelected);
|
|
23
23
|
};
|
|
24
24
|
return (React.createElement(React.Fragment, null,
|
|
25
|
-
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (React.createElement("td", { key: keyIdx, className: classNames('border-r', dataIdx !== 0 && 'border-t', !isHighlight
|
|
25
|
+
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (React.createElement("td", { key: keyIdx, className: classNames(border && 'border-r', dataIdx !== 0 && 'border-t', !isHighlight
|
|
26
26
|
? readonly
|
|
27
27
|
? ''
|
|
28
28
|
: rowSpan > 1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,9 @@ interface SearchProps {
|
|
|
5
5
|
isSearch: boolean;
|
|
6
6
|
setIsSearch(val: boolean): void;
|
|
7
7
|
type: 'default' | 'in-card';
|
|
8
|
+
setCurrentPage(page: number): void;
|
|
9
|
+
setOffset(page: number): void;
|
|
10
|
+
paginationChange?(page: number): void;
|
|
8
11
|
}
|
|
9
|
-
declare function Search({ isSearch, setIsSearch, search, type }: SearchProps): React.JSX.Element;
|
|
12
|
+
declare function Search({ isSearch, setIsSearch, search, type, setCurrentPage, setOffset, paginationChange }: SearchProps): React.JSX.Element;
|
|
10
13
|
export default Search;
|
|
@@ -1,15 +1,26 @@
|
|
|
1
|
-
import React, { Fragment } from 'react';
|
|
1
|
+
import React, { Fragment, useEffect, useState } from 'react';
|
|
2
2
|
import { classNames } from '../../types';
|
|
3
3
|
import { PHXSpinner } from '../../Loading';
|
|
4
4
|
import { Transition } from '@headlessui/react';
|
|
5
|
+
import PHXUseDebounce from '../../Func/useDebounce';
|
|
5
6
|
function Search(_a) {
|
|
6
|
-
var isSearch = _a.isSearch, setIsSearch = _a.setIsSearch, search = _a.search, type = _a.type;
|
|
7
|
+
var isSearch = _a.isSearch, setIsSearch = _a.setIsSearch, search = _a.search, type = _a.type, setCurrentPage = _a.setCurrentPage, setOffset = _a.setOffset, paginationChange = _a.paginationChange;
|
|
8
|
+
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
9
|
+
var debouncedSearch = PHXUseDebounce(searchValue, 300);
|
|
10
|
+
useEffect(function () {
|
|
11
|
+
if (search.onChange) {
|
|
12
|
+
search.onChange(searchValue);
|
|
13
|
+
}
|
|
14
|
+
}, [debouncedSearch]);
|
|
7
15
|
return (React.createElement(Transition, { as: Fragment, enter: 'transition-[max-height,opacity] duration-300 ease-out overflow-hidden', enterFrom: 'max-h-0 opacity-0', enterTo: 'max-h-20 opacity-100', show: isSearch },
|
|
8
16
|
React.createElement("div", { className: 'min-w-full' }, isSearch && (React.createElement("div", { className: classNames('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg ring-opacity-5', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
9
17
|
React.createElement("div", { className: 'relative mr-2 w-11/12' },
|
|
10
18
|
React.createElement("input", { autoFocus: true, className: 'block py-1 w-full rounded-lg border-transparent bg-transparent text-xs bg-white hover:border hover:border-gray-500 focus:border-indigo-800 focus:bg-white focus:ring-indigo-800', id: 'search-value', name: 'search-value', placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', onChange: function (event) {
|
|
11
|
-
|
|
12
|
-
|
|
19
|
+
setSearchValue(event.target.value);
|
|
20
|
+
setCurrentPage(1);
|
|
21
|
+
setOffset(0);
|
|
22
|
+
if (paginationChange) {
|
|
23
|
+
paginationChange(1);
|
|
13
24
|
}
|
|
14
25
|
} })),
|
|
15
26
|
React.createElement("div", { className: 'flex w-14 justify-center pt-1' }, search.loading ? React.createElement(PHXSpinner, null) : null),
|
|
@@ -19,6 +30,8 @@ function Search(_a) {
|
|
|
19
30
|
if (search.onChange) {
|
|
20
31
|
search.onChange('');
|
|
21
32
|
}
|
|
33
|
+
setCurrentPage(1);
|
|
34
|
+
setOffset(0);
|
|
22
35
|
}, type: 'button' }, "Cancel")))))));
|
|
23
36
|
}
|
|
24
37
|
export default Search;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,cAAc,MAAM,wBAAwB,CAAA;AAYnD,SAAS,MAAM,CAAC,EAAiG;QAA/F,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,cAAc,oBAAA,EAAE,SAAS,eAAA,EAAE,gBAAgB,sBAAA;IAC1F,IAAA,KAAgC,QAAQ,CAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAElD,IAAM,eAAe,GAAG,cAAc,CAAC,WAAW,EAAE,GAAG,CAAC,CAAA;IAExD,SAAS,CAAC;QACR,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACpB,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,uEAAuE,EAC7E,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,sBAAsB,EAC9B,IAAI,EAAE,QAAQ;QAEd,6BAAK,SAAS,EAAC,YAAY,IACxB,QAAQ,IAAI,CACX,6BACE,SAAS,EAAE,UAAU,CACnB,sFAAsF,EACtF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/C;YAED,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,+BACE,SAAS,QACT,SAAS,EAAC,iLAAiL,EAC3L,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,UAAC,KAA0C;wBACnD,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;wBAClC,cAAc,CAAC,CAAC,CAAC,CAAA;wBACjB,SAAS,CAAC,CAAC,CAAC,CAAA;wBACZ,IAAI,gBAAgB,EAAE,CAAC;4BACrB,gBAAgB,CAAC,CAAC,CAAC,CAAA;wBACrB,CAAC;oBACH,CAAC,GACD,CACE;YACN,6BAAK,SAAS,EAAC,+BAA+B,IAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAC,UAAU,OAAG,CAAC,CAAC,CAAC,IAAI,CAAO;YAC7F;gBACE,gCACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE;wBACP,WAAW,CAAC,KAAK,CAAC,CAAA;wBAClB,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;4BACpB,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;wBACrB,CAAC;wBACD,cAAc,CAAC,CAAC,CAAC,CAAA;wBACjB,SAAS,CAAC,CAAC,CAAC,CAAA;oBACd,CAAC,EACD,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACP,CACG,CACK,CACd,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}
|