phx-react 1.3.931 → 1.3.933
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/Checkbox/Checkbox.js +1 -1
- package/dist/cjs/components/Input/Input.js +1 -1
- package/dist/cjs/components/Select/Select.js +1 -1
- package/dist/cjs/components/TableVertical/RowTable.d.ts +1 -1
- package/dist/cjs/components/TableVertical/RowTable.js +12 -3
- package/dist/cjs/components/TableVertical/RowTable.js.map +1 -1
- package/dist/cjs/components/TableVertical/TableVertical.d.ts +6 -1
- package/dist/cjs/components/TableVertical/TableVertical.js +8 -5
- package/dist/cjs/components/TableVertical/TableVertical.js.map +1 -1
- package/dist/cjs/components/Textarea/Textarea.js +1 -1
- package/dist/cjs/components/UploadFile/ButtonUpload.js +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js +1 -1
- package/dist/esm/components/Input/Input.js +1 -1
- package/dist/esm/components/Select/Select.js +1 -1
- package/dist/esm/components/TableVertical/RowTable.d.ts +1 -1
- package/dist/esm/components/TableVertical/RowTable.js +12 -3
- package/dist/esm/components/TableVertical/RowTable.js.map +1 -1
- package/dist/esm/components/TableVertical/TableVertical.d.ts +6 -1
- package/dist/esm/components/TableVertical/TableVertical.js +8 -5
- package/dist/esm/components/TableVertical/TableVertical.js.map +1 -1
- package/dist/esm/components/Textarea/Textarea.js +1 -1
- package/dist/esm/components/UploadFile/ButtonUpload.js +1 -1
- package/package.json +1 -1
|
@@ -52,7 +52,7 @@ var PHXCheckbox = function (_a) {
|
|
|
52
52
|
? 'icon block h-6 w-6 rounded-md border hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent'
|
|
53
53
|
: 'icon block h-4 w-4 rounded border hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent') }),
|
|
54
54
|
react_1["default"].createElement("span", { className: (0, types_1.classNames)(isLarge ? 'ml-9 text-sm font-normal' : 'ml-7 font-normal', disabled ? 'text-gray-400 hover:bg-transparent' : getColorByActiveData(false), 'block') }, title)))),
|
|
55
|
-
helpText && show ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)(isLarge ? 'pl-9 text-sm font-light text-gray-
|
|
55
|
+
helpText && show ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)(isLarge ? 'pl-9 text-sm font-light text-gray-500' : 'pl-7 text-xs font-light text-gray-500') }, helpText)) : null,
|
|
56
56
|
show && children ? react_1["default"].createElement("div", { className: (0, types_1.classNames)(isLarge ? 'ml-9' : 'ml-7') }, children) : react_1["default"].createElement(react_1["default"].Fragment, null),
|
|
57
57
|
error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
58
58
|
react_1["default"].createElement("svg", { className: (0, types_1.classNames)(isLarge ? 'mr-2.5 h-5 w-5 text-red-500' : 'mr-2 h-4 w-4 text-red-500'), fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
@@ -57,7 +57,7 @@ var PHXInput = function (_a) {
|
|
|
57
57
|
react_1["default"].createElement("select", tslib_1.__assign({ id: 'unit' }, registerSelect, { className: 'h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-600 focus:ring-2 focus:ring-inset focus:ring-indigo-600 text-xs font-normal' }), listOption.map(function (item) { return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
58
58
|
react_1["default"].createElement("option", { key: item.id, value: item.id, selected: selected === item.id }, item.name))); }))))),
|
|
59
59
|
(buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) && (react_1["default"].createElement(Button_1.PHXButton, { onClick: buttonAction.onClick, secondary: true, size: 'micro' }, buttonAction.content))),
|
|
60
|
-
helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-
|
|
60
|
+
helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
|
|
61
61
|
error && errorType ? react_1["default"].createElement(ErrorMessage_1["default"], { message: message(errorType) }) : null));
|
|
62
62
|
};
|
|
63
63
|
exports.PHXInput = PHXInput;
|
|
@@ -28,7 +28,7 @@ var PHXSelect = function (_a) {
|
|
|
28
28
|
label && react_1["default"].createElement("label", null, label),
|
|
29
29
|
(labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) && (react_1["default"].createElement("p", { className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: labelAction.onClick }, labelAction.content))),
|
|
30
30
|
react_1["default"].createElement("select", tslib_1.__assign({}, register, rest, { className: (0, types_1.classNames)('mt-1 block w-full rounded-lg border-[0.5px] border-gray-500 py-1.5 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', rest.disabled ? '' : 'hover:cursor-pointer') }), children),
|
|
31
|
-
helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-
|
|
31
|
+
helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
|
|
32
32
|
error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
33
33
|
react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
34
34
|
react_1["default"].createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
|
|
@@ -9,4 +9,4 @@ import React from 'react';
|
|
|
9
9
|
* @param brSetSelectedPeople
|
|
10
10
|
* @constructor
|
|
11
11
|
*/
|
|
12
|
-
export declare const RowTable: ({ bodyIndex, border, itemBody, itemIndex, lefts, stickyColumnNumber, thBody, thBodyComponent, thBodyFilter, thHeaderVertical, }: any) => React.JSX.Element;
|
|
12
|
+
export declare const RowTable: ({ bodyIndex, border, isBulkAction, itemBody, itemIndex, lefts, setSelectedCheckbox, stickyColumnNumber, thBody, thBodyComponent, thBodyFilter, thHeaderVertical, }: any) => React.JSX.Element;
|
|
@@ -4,6 +4,7 @@ exports.RowTable = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
/* eslint-disable prettier/prettier */
|
|
6
6
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
+
var Checkbox_1 = require("../Checkbox");
|
|
7
8
|
function classNames() {
|
|
8
9
|
var classes = [];
|
|
9
10
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
@@ -27,8 +28,7 @@ var RowTable = function (_a) {
|
|
|
27
28
|
* @param value
|
|
28
29
|
*/
|
|
29
30
|
var _b, _c, _d;
|
|
30
|
-
var bodyIndex = _a.bodyIndex, border = _a.border, itemBody = _a.itemBody,
|
|
31
|
-
itemIndex = _a.itemIndex, lefts = _a.lefts, stickyColumnNumber = _a.stickyColumnNumber, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter, thHeaderVertical = _a.thHeaderVertical;
|
|
31
|
+
var bodyIndex = _a.bodyIndex, border = _a.border, isBulkAction = _a.isBulkAction, itemBody = _a.itemBody, itemIndex = _a.itemIndex, lefts = _a.lefts, setSelectedCheckbox = _a.setSelectedCheckbox, stickyColumnNumber = _a.stickyColumnNumber, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter, thHeaderVertical = _a.thHeaderVertical;
|
|
32
32
|
var nestedSplit = function (value) { return value === null || value === void 0 ? void 0 : value.split('.'); };
|
|
33
33
|
var dataNestedSplit = nestedSplit(thBody[bodyIndex]);
|
|
34
34
|
/**
|
|
@@ -71,6 +71,12 @@ var RowTable = function (_a) {
|
|
|
71
71
|
* @param value
|
|
72
72
|
* @param itemBody
|
|
73
73
|
*/
|
|
74
|
+
var handleChangeBulkCheckbox = function (index, checked) {
|
|
75
|
+
setSelectedCheckbox(function (prev) {
|
|
76
|
+
var _a;
|
|
77
|
+
return (tslib_1.__assign(tslib_1.__assign({}, prev), (_a = {}, _a[index] = checked, _a)));
|
|
78
|
+
});
|
|
79
|
+
};
|
|
74
80
|
var isRenderColumnInRow = function (funcCallback, _a, bodyIndex) {
|
|
75
81
|
var itemBody = _a.itemBody, value = _a.value;
|
|
76
82
|
if (!Array.isArray(value)) {
|
|
@@ -89,7 +95,10 @@ var RowTable = function (_a) {
|
|
|
89
95
|
border && 'border-l', stickyColumnNumber &&
|
|
90
96
|
!thHeaderVertical &&
|
|
91
97
|
'sticky left-0 top-0 z-20 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber ? { left: lefts[0] } : {} }, isFunctionRender ? isFunctionRender(value, itemBody) : value))) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
|
|
92
|
-
bodyIndex > 1 ? (
|
|
98
|
+
bodyIndex > 1 ? ((isBulkAction === null || isBulkAction === void 0 ? void 0 : isBulkAction.enable) && (itemBody === null || itemBody === void 0 ? void 0 : itemBody.isBulkCheckbox) ? (react_1["default"].createElement("td", { className: classNames('whitespace-nowrap border-t px-3 py-3 pr-3 text-xs text-gray-900', border && 'border-l', stickyColumnNumber &&
|
|
99
|
+
bodyIndex - 1 < stickyColumnNumber &&
|
|
100
|
+
'sticky top-0 z-20 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber && bodyIndex - 1 < stickyColumnNumber ? { left: lefts[bodyIndex - 1] } : {} }, (isBulkAction === null || isBulkAction === void 0 ? void 0 : isBulkAction.enable) && (itemBody === null || itemBody === void 0 ? void 0 : itemBody.isBulkCheckbox) && stickyColumnNumber < bodyIndex && (react_1["default"].createElement("div", { className: 'ml-4 py-1' },
|
|
101
|
+
react_1["default"].createElement(Checkbox_1.PHXCheckbox, { id: "bulk-checkbox-".concat(bodyIndex), isLarge: isBulkAction === null || isBulkAction === void 0 ? void 0 : isBulkAction.isLarge, onChange: function (e) { return handleChangeBulkCheckbox(bodyIndex, e.target.checked); } }))))) : isFunctionRender ? (isRenderColumnInRow(isFunctionRender, { value: value, itemBody: itemBody }, bodyIndex)) : (react_1["default"].createElement("td", { className: classNames('whitespace-nowrap border-t px-3 py-3 pr-3 text-xs text-gray-900', border && 'border-l', stickyColumnNumber &&
|
|
93
102
|
bodyIndex - 1 < stickyColumnNumber &&
|
|
94
103
|
'sticky top-0 z-20 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber && bodyIndex - 1 < stickyColumnNumber ? { left: lefts[bodyIndex - 1] } : {} }, value))) : (react_1["default"].createElement(react_1["default"].Fragment, null))));
|
|
95
104
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowTable.js","sourceRoot":"","sources":["../../../../src/components/TableVertical/RowTable.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,wDAAyB;
|
|
1
|
+
{"version":3,"file":"RowTable.js","sourceRoot":"","sources":["../../../../src/components/TableVertical/RowTable.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,wDAAyB;AACzB,wCAAyC;AAEzC,SAAS,UAAU;IAAC,iBAAyB;SAAzB,UAAyB,EAAzB,qBAAyB,EAAzB,IAAyB;QAAzB,4BAAyB;;IAC3C,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAED;;;;;;;;;GASG;AACI,IAAM,QAAQ,GAAG,UAAC,EAanB;IACJ;;;OAGG;;QAhBH,SAAS,eAAA,EACT,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,kBAAkB,wBAAA,EAClB,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,gBAAgB,sBAAA;IAOhB,IAAM,WAAW,GAAG,UAAC,KAAa,IAAK,OAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,GAAG,CAAC,EAAjB,CAAiB,CAAA;IACxD,IAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA;IAEtD;;;OAGG;IACH,IAAM,WAAW,GAAG;;QAClB,IAAM,SAAS,GAAG,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAA;QACzC,IAAI,KAAK,GAAG,EAAE,CAAA;QACd,QAAQ,SAAS,EAAE;YACjB,KAAK,CAAC;gBACJ,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA,CAAC,oFAAoF;gBACxH,MAAK;YACP,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAA,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC1D,MAAK;YACP,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAA,MAAA,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAA;gBAChF,MAAK;YACP,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAA,MAAA,MAAA,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAA;gBACtG,MAAK;YACP;gBACE,MAAK;SACR;QAED,OAAO;YACL,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK;YACjD,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC;SAC7B,CAAA;IACH,CAAC,CAAA;IAEK,IAAA,KAAuB,WAAW,EAAE,EAAlC,SAAS,eAAA,EAAE,KAAK,WAAkB,CAAA;IAE1C,qHAAqH;IACrH,0BAA0B;IAC1B,yDAAyD;IACzD,IAAM,gBAAgB,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjF;;;;;OAKG;IACH,IAAM,wBAAwB,GAAG,UAAC,KAAU,EAAE,OAAgB;QAC5D,mBAAmB,CAAC,UAAC,IAAS;;YAAK,OAAA,uCAC9B,IAAI,gBACN,KAAK,IAAG,OAAO,OAChB;QAHiC,CAGjC,CAAC,CAAA;IACL,CAAC,CAAA;IAED,IAAM,mBAAmB,GAAG,UAAC,YAAiB,EAAE,EAAwB,EAAE,SAAiB;YAAzC,QAAQ,cAAA,EAAE,KAAK,WAAA;QAC/D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACzB,OAAO,CACL,yCACE,SAAS,EAAE,UAAU,CACnB,qEAAqE,EACrE,MAAM,IAAI,UAAU,EACpB,kBAAkB;oBAChB,SAAS,GAAG,CAAC,GAAG,kBAAkB;oBAClC,+DAA+D,CAClE,EACD,KAAK,EAAE,kBAAkB,IAAI,SAAS,GAAG,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAEpG,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAC3B,CACN,CAAA;SACF;QACD,OAAO,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA,CAAC,+BAA+B;IACtE,CAAC,CAAA;IAED,OAAO,CACL;QACG,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CACjB;YACG,gBAAgB,KAAI,MAAA,gBAAgB,CAAC,SAAS,CAAC,0CAAE,WAAW,CAAA,IAAI,CAC/D,yCACE,SAAS,EAAE,UAAU,CACnB,kBAAkB;oBAChB,gBAAgB;oBAChB,kEAAkE,EACpE,wEAAwE,EACxE,WAAW,EACX,+GAA+G,EAC/G,yBAAyB,CAC1B,EACD,OAAO,EAAE,MAAA,gBAAgB,CAAC,SAAS,CAAC,0CAAE,UAAU,EAChD,KAAK,uBACA,CAAC,kBAAkB,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAGvE,MAAA,gBAAgB,CAAC,SAAS,CAAC,0CAAE,WAAW,CACtC,CACN;YACD,yCACE,SAAS,EAAE,UAAU,CACnB,mFAAmF,EAAE,4BAA4B;gBACjH,MAAM,IAAI,UAAU,EACpB,kBAAkB;oBAChB,CAAC,gBAAgB;oBACjB,2EAA2E,CAC9E,EACD,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAElD,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAC1D,CACJ,CACJ,CAAC,CAAC,CAAC,CACF,mEAAK,CACN;QAEA,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CACf,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,MAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,CAAA,CAAC,CAAC,CAAC,CACjD,yCACE,SAAS,EAAE,UAAU,CACnB,iEAAiE,EACjE,MAAM,IAAI,UAAU,EACpB,kBAAkB;gBAChB,SAAS,GAAG,CAAC,GAAG,kBAAkB;gBAClC,oEAAoE,CACvE,EACD,KAAK,EAAE,kBAAkB,IAAI,SAAS,GAAG,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAEpG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,MAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,CAAA,IAAI,kBAAkB,GAAG,SAAS,IAAI,CACrF,0CAAK,SAAS,EAAC,WAAW;YACxB,iCAAC,sBAAW,IACV,EAAE,EAAE,wBAAiB,SAAS,CAAE,EAChC,OAAO,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAC9B,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,wBAAwB,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAArD,CAAqD,GAC3E,CACE,CACP,CACE,CACN,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACrB,mBAAmB,CAAC,gBAAgB,EAAE,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,EAAE,SAAS,CAAC,CACtE,CAAC,CAAC,CAAC,CACF,yCACE,SAAS,EAAE,UAAU,CACnB,iEAAiE,EACjE,MAAM,IAAI,UAAU,EACpB,kBAAkB;gBAChB,SAAS,GAAG,CAAC,GAAG,kBAAkB;gBAClC,oEAAoE,CACvE,EACD,KAAK,EAAE,kBAAkB,IAAI,SAAS,GAAG,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAEpG,KAAK,CACH,CACN,CACF,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AA/KY,QAAA,QAAQ,YA+KpB"}
|
|
@@ -32,6 +32,11 @@ export interface MainTableProps {
|
|
|
32
32
|
key: string;
|
|
33
33
|
mapping: Array<number>;
|
|
34
34
|
};
|
|
35
|
+
isBulkAction?: {
|
|
36
|
+
enable: boolean;
|
|
37
|
+
isLarge?: boolean;
|
|
38
|
+
};
|
|
39
|
+
setSelectedCheckbox?: any;
|
|
35
40
|
}
|
|
36
|
-
export declare function PHXTableVertical({ border, cellNumberInRow, filterLoading, isCellRendering, list, setHeaderLoading, sortFields, stickyColumnNumber, thBody, thBodyComponent, thHeader, thHeaderComponent, thHeaderVertical, typeLoading, groupData, }: Readonly<MainTableProps>): React.JSX.Element;
|
|
41
|
+
export declare function PHXTableVertical({ border, cellNumberInRow, filterLoading, isBulkAction, isCellRendering, list, setHeaderLoading, setSelectedCheckbox, sortFields, stickyColumnNumber, thBody, thBodyComponent, thHeader, thHeaderComponent, thHeaderVertical, typeLoading, groupData, }: Readonly<MainTableProps>): React.JSX.Element;
|
|
37
42
|
export {};
|
|
@@ -13,14 +13,17 @@ var types_1 = require("../types");
|
|
|
13
13
|
var EmptyRecord_1 = require("../EmptyRecord");
|
|
14
14
|
function PHXTableVertical(_a) {
|
|
15
15
|
var _this = this;
|
|
16
|
-
var _b = _a.border, border = _b === void 0 ? false : _b, _c = _a.cellNumberInRow, cellNumberInRow = _c === void 0 ? 0 : _c, _d = _a.filterLoading, filterLoading = _d === void 0 ? false : _d, _e = _a.isCellRendering, isCellRendering = _e === void 0 ? false : _e, list = _a.list, setHeaderLoading = _a.setHeaderLoading, sortFields = _a.sortFields, _f = _a.stickyColumnNumber, stickyColumnNumber = _f === void 0 ? 0 : _f, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thHeader = _a.thHeader, thHeaderComponent = _a.thHeaderComponent, thHeaderVertical = _a.thHeaderVertical, _g = _a.typeLoading, typeLoading = _g === void 0 ? { type: 'table' } : _g, groupData = _a.groupData;
|
|
16
|
+
var _b = _a.border, border = _b === void 0 ? false : _b, _c = _a.cellNumberInRow, cellNumberInRow = _c === void 0 ? 0 : _c, _d = _a.filterLoading, filterLoading = _d === void 0 ? false : _d, isBulkAction = _a.isBulkAction, _e = _a.isCellRendering, isCellRendering = _e === void 0 ? false : _e, list = _a.list, setHeaderLoading = _a.setHeaderLoading, setSelectedCheckbox = _a.setSelectedCheckbox, sortFields = _a.sortFields, _f = _a.stickyColumnNumber, stickyColumnNumber = _f === void 0 ? 0 : _f, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thHeader = _a.thHeader, thHeaderComponent = _a.thHeaderComponent, thHeaderVertical = _a.thHeaderVertical, _g = _a.typeLoading, typeLoading = _g === void 0 ? { type: 'table' } : _g, groupData = _a.groupData;
|
|
17
17
|
var _h = (0, react_1.useState)(true), isMainLoading = _h[0], setIsMainLoading = _h[1];
|
|
18
18
|
var _j = (0, react_1.useState)([]), dataTableQuery = _j[0], setDataTableQuery = _j[1];
|
|
19
19
|
var _k = (0, useStickyLeft_1.useStickyLefts)(stickyColumnNumber, dataTableQuery), lefts = _k.lefts, refs = _k.refs;
|
|
20
20
|
var headerEmptyLength = thHeader.filter(function (item) { return !item; }).length;
|
|
21
21
|
var bindDataToTable = function (dataTable) {
|
|
22
|
-
// @ts-ignore
|
|
23
22
|
var data = tslib_1.__spreadArray([], dataTable, true);
|
|
23
|
+
if (isBulkAction === null || isBulkAction === void 0 ? void 0 : isBulkAction.enable) {
|
|
24
|
+
// Thêm item mới vào đầu mảng với id duy nhất và các giá trị rỗng
|
|
25
|
+
data = tslib_1.__spreadArray([{ id: 'bulk-action-checkbox', isBulkCheckbox: true }], data, true);
|
|
26
|
+
}
|
|
24
27
|
setDataTableQuery(data);
|
|
25
28
|
};
|
|
26
29
|
var chunkArray = function (arr, groupDataCell) {
|
|
@@ -142,15 +145,15 @@ function PHXTableVertical(_a) {
|
|
|
142
145
|
return index === 0 ? (react_1["default"].createElement("th", { key: index,
|
|
143
146
|
// @ts-ignore
|
|
144
147
|
ref: function (el) { return (refs.current[0] = el); }, className: (0, types_1.classNames)('rounded-tl-lg bg-white px-3 py-2 text-left align-top text-xs font-medium text-gray-800', item ? 'min-w-[160px] ' : 'min-w-12', stickyColumnNumber &&
|
|
145
|
-
'sticky left-0 top-0 sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', stickyColumnNumber === 1 && 'drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), scope: 'col', style: stickyColumnNumber ? { left: lefts[0] } : {} }, item)) : (react_1["default"].createElement("th", { key: index,
|
|
148
|
+
'sticky left-0 top-0 z-10 sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', stickyColumnNumber === 1 && 'drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), scope: 'col', style: stickyColumnNumber ? { left: lefts[0] } : {} }, item)) : (react_1["default"].createElement("th", { key: index,
|
|
146
149
|
// @ts-ignore
|
|
147
150
|
ref: function (el) { return (refs.current[index] = el); }, className: (0, types_1.classNames)('min-w-[135px] bg-white px-3 py-2 text-left align-top text-xs font-medium text-gray-800', index === thHeader.length - 1 && 'rounded-tr-lg', stickyColumnNumber &&
|
|
148
151
|
index < stickyColumnNumber &&
|
|
149
|
-
'sticky top-0 drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', border && item && 'border-l'), scope: 'col', style: stickyColumnNumber && index < stickyColumnNumber ? { left: lefts[index] } : {} }, item));
|
|
152
|
+
'sticky top-0 z-10 drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', border && item && 'border-l'), scope: 'col', style: stickyColumnNumber && index < stickyColumnNumber ? { left: lefts[index] } : {} }, item));
|
|
150
153
|
})))),
|
|
151
154
|
react_1["default"].createElement("tbody", { className: 'divide-y divide-gray-200' },
|
|
152
155
|
react_1["default"].createElement(react_1["default"].Fragment, null, !thHeaderVertical || !isCellRendering ? (react_1["default"].createElement(react_1["default"].Fragment, null, dataTableQuery.map(function (item, itemIndex) { return (react_1["default"].createElement("tr", { key: item.id }, thBody.map(function (_, bodyIndex) { return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
153
|
-
react_1["default"].createElement(RowTable_1.RowTable, { key: bodyIndex, bodyIndex: bodyIndex, border: border, itemBody: item, itemIndex: itemIndex, lefts: lefts, refs: refs, stickyColumnNumber: stickyColumnNumber, thBody: thBody, thBodyComponent: thBodyComponent, thHeaderVertical: thHeaderVertical }))); }))); }))) : (react_1["default"].createElement(react_1["default"].Fragment, null, thHeaderVertical.map(function (item, index) {
|
|
156
|
+
react_1["default"].createElement(RowTable_1.RowTable, { key: bodyIndex, bodyIndex: bodyIndex, border: border, isBulkAction: isBulkAction, itemBody: item, itemIndex: itemIndex, lefts: lefts, refs: refs, setSelectedCheckbox: setSelectedCheckbox, stickyColumnNumber: stickyColumnNumber, thBody: thBody, thBodyComponent: thBodyComponent, thHeaderVertical: thHeaderVertical }))); }))); }))) : (react_1["default"].createElement(react_1["default"].Fragment, null, thHeaderVertical.map(function (item, index) {
|
|
154
157
|
var _a, _b, _c, _d;
|
|
155
158
|
return (react_1["default"].createElement("tr", { key: index, className: 'hover:cursor-default' },
|
|
156
159
|
item.parent_name && (react_1["default"].createElement("td", { className: (0, types_1.classNames)('sticky top-0 z-10 whitespace-nowrap rounded-bl-lg border-r border-t bg-white px-2 text-xs font-semibold text-gray-900', (item === null || item === void 0 ? void 0 : item.className) ? item.className : ''), rowSpan: item.parent_row, style: { left: lefts[0] } }, item.parent_name)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableVertical.js","sourceRoot":"","sources":["../../../../src/components/TableVertical/TableVertical.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,qDAA6D;AAC7D,kFAAmD;AACnD,uCAAqC;AACrC,iDAAgD;AAChD,gFAAoD;AACpD,wCAAyC;AACzC,kCAAqC;AACrC,8CAA+C;
|
|
1
|
+
{"version":3,"file":"TableVertical.js","sourceRoot":"","sources":["../../../../src/components/TableVertical/TableVertical.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ var PHXTextarea = function (_a) {
|
|
|
9
9
|
return (react_1["default"].createElement("div", { className: className },
|
|
10
10
|
label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
11
11
|
react_1["default"].createElement("textarea", tslib_1.__assign({}, register, rest, { disabled: disabled, className: (0, types_1.classNames)('font-normal block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : '') })),
|
|
12
|
-
helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-
|
|
12
|
+
helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
|
|
13
13
|
error && errorMessage ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
14
14
|
react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
15
15
|
react_1["default"].createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
|
|
@@ -10,7 +10,7 @@ function ButtonUpload(_a) {
|
|
|
10
10
|
react_1["default"].createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
11
11
|
react_1["default"].createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
|
|
12
12
|
react_1["default"].createElement(Button_1.PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"))),
|
|
13
|
-
helpText ? (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-
|
|
13
|
+
helpText ? (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-500' }, helpText)) : (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, (fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
14
14
|
(fileType === 'image' && 'JPG, JPEG, PNG, GIF, WEBP') ||
|
|
15
15
|
(fileType === 'file' && 'PDF, JPG, JPEG, PNG')))));
|
|
16
16
|
}
|
|
@@ -49,7 +49,7 @@ export var PHXCheckbox = function (_a) {
|
|
|
49
49
|
? 'icon block h-6 w-6 rounded-md border hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent'
|
|
50
50
|
: 'icon block h-4 w-4 rounded border hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent') }),
|
|
51
51
|
React.createElement("span", { className: classNames(isLarge ? 'ml-9 text-sm font-normal' : 'ml-7 font-normal', disabled ? 'text-gray-400 hover:bg-transparent' : getColorByActiveData(false), 'block') }, title)))),
|
|
52
|
-
helpText && show ? (React.createElement("div", { className: classNames(isLarge ? 'pl-9 text-sm font-light text-gray-
|
|
52
|
+
helpText && show ? (React.createElement("div", { className: classNames(isLarge ? 'pl-9 text-sm font-light text-gray-500' : 'pl-7 text-xs font-light text-gray-500') }, helpText)) : null,
|
|
53
53
|
show && children ? React.createElement("div", { className: classNames(isLarge ? 'ml-9' : 'ml-7') }, children) : React.createElement(React.Fragment, null),
|
|
54
54
|
error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
55
55
|
React.createElement("svg", { className: classNames(isLarge ? 'mr-2.5 h-5 w-5 text-red-500' : 'mr-2 h-4 w-4 text-red-500'), fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
@@ -54,7 +54,7 @@ export var PHXInput = function (_a) {
|
|
|
54
54
|
React.createElement("select", __assign({ id: 'unit' }, registerSelect, { className: 'h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-600 focus:ring-2 focus:ring-inset focus:ring-indigo-600 text-xs font-normal' }), listOption.map(function (item) { return (React.createElement(React.Fragment, null,
|
|
55
55
|
React.createElement("option", { key: item.id, value: item.id, selected: selected === item.id }, item.name))); }))))),
|
|
56
56
|
(buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) && (React.createElement(PHXButton, { onClick: buttonAction.onClick, secondary: true, size: 'micro' }, buttonAction.content))),
|
|
57
|
-
helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-
|
|
57
|
+
helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
|
|
58
58
|
error && errorType ? React.createElement(ErrorMessage, { message: message(errorType) }) : null));
|
|
59
59
|
};
|
|
60
60
|
//# sourceMappingURL=Input.js.map
|
|
@@ -25,7 +25,7 @@ export var PHXSelect = function (_a) {
|
|
|
25
25
|
label && React.createElement("label", null, label),
|
|
26
26
|
(labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) && (React.createElement("p", { className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: labelAction.onClick }, labelAction.content))),
|
|
27
27
|
React.createElement("select", __assign({}, register, rest, { className: classNames('mt-1 block w-full rounded-lg border-[0.5px] border-gray-500 py-1.5 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', rest.disabled ? '' : 'hover:cursor-pointer') }), children),
|
|
28
|
-
helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-
|
|
28
|
+
helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
|
|
29
29
|
error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
30
30
|
React.createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
31
31
|
React.createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
|
|
@@ -9,4 +9,4 @@ import React from 'react';
|
|
|
9
9
|
* @param brSetSelectedPeople
|
|
10
10
|
* @constructor
|
|
11
11
|
*/
|
|
12
|
-
export declare const RowTable: ({ bodyIndex, border, itemBody, itemIndex, lefts, stickyColumnNumber, thBody, thBodyComponent, thBodyFilter, thHeaderVertical, }: any) => React.JSX.Element;
|
|
12
|
+
export declare const RowTable: ({ bodyIndex, border, isBulkAction, itemBody, itemIndex, lefts, setSelectedCheckbox, stickyColumnNumber, thBody, thBodyComponent, thBodyFilter, thHeaderVertical, }: any) => React.JSX.Element;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
2
|
/* eslint-disable prettier/prettier */
|
|
3
3
|
import React from 'react';
|
|
4
|
+
import { PHXCheckbox } from '../Checkbox';
|
|
4
5
|
function classNames() {
|
|
5
6
|
var classes = [];
|
|
6
7
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
@@ -24,8 +25,7 @@ export var RowTable = function (_a) {
|
|
|
24
25
|
* @param value
|
|
25
26
|
*/
|
|
26
27
|
var _b, _c, _d;
|
|
27
|
-
var bodyIndex = _a.bodyIndex, border = _a.border, itemBody = _a.itemBody,
|
|
28
|
-
itemIndex = _a.itemIndex, lefts = _a.lefts, stickyColumnNumber = _a.stickyColumnNumber, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter, thHeaderVertical = _a.thHeaderVertical;
|
|
28
|
+
var bodyIndex = _a.bodyIndex, border = _a.border, isBulkAction = _a.isBulkAction, itemBody = _a.itemBody, itemIndex = _a.itemIndex, lefts = _a.lefts, setSelectedCheckbox = _a.setSelectedCheckbox, stickyColumnNumber = _a.stickyColumnNumber, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter, thHeaderVertical = _a.thHeaderVertical;
|
|
29
29
|
var nestedSplit = function (value) { return value === null || value === void 0 ? void 0 : value.split('.'); };
|
|
30
30
|
var dataNestedSplit = nestedSplit(thBody[bodyIndex]);
|
|
31
31
|
/**
|
|
@@ -68,6 +68,12 @@ export var RowTable = function (_a) {
|
|
|
68
68
|
* @param value
|
|
69
69
|
* @param itemBody
|
|
70
70
|
*/
|
|
71
|
+
var handleChangeBulkCheckbox = function (index, checked) {
|
|
72
|
+
setSelectedCheckbox(function (prev) {
|
|
73
|
+
var _a;
|
|
74
|
+
return (__assign(__assign({}, prev), (_a = {}, _a[index] = checked, _a)));
|
|
75
|
+
});
|
|
76
|
+
};
|
|
71
77
|
var isRenderColumnInRow = function (funcCallback, _a, bodyIndex) {
|
|
72
78
|
var itemBody = _a.itemBody, value = _a.value;
|
|
73
79
|
if (!Array.isArray(value)) {
|
|
@@ -86,7 +92,10 @@ export var RowTable = function (_a) {
|
|
|
86
92
|
border && 'border-l', stickyColumnNumber &&
|
|
87
93
|
!thHeaderVertical &&
|
|
88
94
|
'sticky left-0 top-0 z-20 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber ? { left: lefts[0] } : {} }, isFunctionRender ? isFunctionRender(value, itemBody) : value))) : (React.createElement(React.Fragment, null)),
|
|
89
|
-
bodyIndex > 1 ? (
|
|
95
|
+
bodyIndex > 1 ? ((isBulkAction === null || isBulkAction === void 0 ? void 0 : isBulkAction.enable) && (itemBody === null || itemBody === void 0 ? void 0 : itemBody.isBulkCheckbox) ? (React.createElement("td", { className: classNames('whitespace-nowrap border-t px-3 py-3 pr-3 text-xs text-gray-900', border && 'border-l', stickyColumnNumber &&
|
|
96
|
+
bodyIndex - 1 < stickyColumnNumber &&
|
|
97
|
+
'sticky top-0 z-20 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber && bodyIndex - 1 < stickyColumnNumber ? { left: lefts[bodyIndex - 1] } : {} }, (isBulkAction === null || isBulkAction === void 0 ? void 0 : isBulkAction.enable) && (itemBody === null || itemBody === void 0 ? void 0 : itemBody.isBulkCheckbox) && stickyColumnNumber < bodyIndex && (React.createElement("div", { className: 'ml-4 py-1' },
|
|
98
|
+
React.createElement(PHXCheckbox, { id: "bulk-checkbox-".concat(bodyIndex), isLarge: isBulkAction === null || isBulkAction === void 0 ? void 0 : isBulkAction.isLarge, onChange: function (e) { return handleChangeBulkCheckbox(bodyIndex, e.target.checked); } }))))) : isFunctionRender ? (isRenderColumnInRow(isFunctionRender, { value: value, itemBody: itemBody }, bodyIndex)) : (React.createElement("td", { className: classNames('whitespace-nowrap border-t px-3 py-3 pr-3 text-xs text-gray-900', border && 'border-l', stickyColumnNumber &&
|
|
90
99
|
bodyIndex - 1 < stickyColumnNumber &&
|
|
91
100
|
'sticky top-0 z-20 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber && bodyIndex - 1 < stickyColumnNumber ? { left: lefts[bodyIndex - 1] } : {} }, value))) : (React.createElement(React.Fragment, null))));
|
|
92
101
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowTable.js","sourceRoot":"","sources":["../../../../src/components/TableVertical/RowTable.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"RowTable.js","sourceRoot":"","sources":["../../../../src/components/TableVertical/RowTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,6 +32,11 @@ export interface MainTableProps {
|
|
|
32
32
|
key: string;
|
|
33
33
|
mapping: Array<number>;
|
|
34
34
|
};
|
|
35
|
+
isBulkAction?: {
|
|
36
|
+
enable: boolean;
|
|
37
|
+
isLarge?: boolean;
|
|
38
|
+
};
|
|
39
|
+
setSelectedCheckbox?: any;
|
|
35
40
|
}
|
|
36
|
-
export declare function PHXTableVertical({ border, cellNumberInRow, filterLoading, isCellRendering, list, setHeaderLoading, sortFields, stickyColumnNumber, thBody, thBodyComponent, thHeader, thHeaderComponent, thHeaderVertical, typeLoading, groupData, }: Readonly<MainTableProps>): React.JSX.Element;
|
|
41
|
+
export declare function PHXTableVertical({ border, cellNumberInRow, filterLoading, isBulkAction, isCellRendering, list, setHeaderLoading, setSelectedCheckbox, sortFields, stickyColumnNumber, thBody, thBodyComponent, thHeader, thHeaderComponent, thHeaderVertical, typeLoading, groupData, }: Readonly<MainTableProps>): React.JSX.Element;
|
|
37
42
|
export {};
|
|
@@ -10,14 +10,17 @@ import { classNames } from '../types';
|
|
|
10
10
|
import { PHXEmptyRecord } from '../EmptyRecord';
|
|
11
11
|
export function PHXTableVertical(_a) {
|
|
12
12
|
var _this = this;
|
|
13
|
-
var _b = _a.border, border = _b === void 0 ? false : _b, _c = _a.cellNumberInRow, cellNumberInRow = _c === void 0 ? 0 : _c, _d = _a.filterLoading, filterLoading = _d === void 0 ? false : _d, _e = _a.isCellRendering, isCellRendering = _e === void 0 ? false : _e, list = _a.list, setHeaderLoading = _a.setHeaderLoading, sortFields = _a.sortFields, _f = _a.stickyColumnNumber, stickyColumnNumber = _f === void 0 ? 0 : _f, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thHeader = _a.thHeader, thHeaderComponent = _a.thHeaderComponent, thHeaderVertical = _a.thHeaderVertical, _g = _a.typeLoading, typeLoading = _g === void 0 ? { type: 'table' } : _g, groupData = _a.groupData;
|
|
13
|
+
var _b = _a.border, border = _b === void 0 ? false : _b, _c = _a.cellNumberInRow, cellNumberInRow = _c === void 0 ? 0 : _c, _d = _a.filterLoading, filterLoading = _d === void 0 ? false : _d, isBulkAction = _a.isBulkAction, _e = _a.isCellRendering, isCellRendering = _e === void 0 ? false : _e, list = _a.list, setHeaderLoading = _a.setHeaderLoading, setSelectedCheckbox = _a.setSelectedCheckbox, sortFields = _a.sortFields, _f = _a.stickyColumnNumber, stickyColumnNumber = _f === void 0 ? 0 : _f, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thHeader = _a.thHeader, thHeaderComponent = _a.thHeaderComponent, thHeaderVertical = _a.thHeaderVertical, _g = _a.typeLoading, typeLoading = _g === void 0 ? { type: 'table' } : _g, groupData = _a.groupData;
|
|
14
14
|
var _h = useState(true), isMainLoading = _h[0], setIsMainLoading = _h[1];
|
|
15
15
|
var _j = useState([]), dataTableQuery = _j[0], setDataTableQuery = _j[1];
|
|
16
16
|
var _k = useStickyLefts(stickyColumnNumber, dataTableQuery), lefts = _k.lefts, refs = _k.refs;
|
|
17
17
|
var headerEmptyLength = thHeader.filter(function (item) { return !item; }).length;
|
|
18
18
|
var bindDataToTable = function (dataTable) {
|
|
19
|
-
// @ts-ignore
|
|
20
19
|
var data = __spreadArray([], dataTable, true);
|
|
20
|
+
if (isBulkAction === null || isBulkAction === void 0 ? void 0 : isBulkAction.enable) {
|
|
21
|
+
// Thêm item mới vào đầu mảng với id duy nhất và các giá trị rỗng
|
|
22
|
+
data = __spreadArray([{ id: 'bulk-action-checkbox', isBulkCheckbox: true }], data, true);
|
|
23
|
+
}
|
|
21
24
|
setDataTableQuery(data);
|
|
22
25
|
};
|
|
23
26
|
var chunkArray = function (arr, groupDataCell) {
|
|
@@ -139,15 +142,15 @@ export function PHXTableVertical(_a) {
|
|
|
139
142
|
return index === 0 ? (React.createElement("th", { key: index,
|
|
140
143
|
// @ts-ignore
|
|
141
144
|
ref: function (el) { return (refs.current[0] = el); }, className: classNames('rounded-tl-lg bg-white px-3 py-2 text-left align-top text-xs font-medium text-gray-800', item ? 'min-w-[160px] ' : 'min-w-12', stickyColumnNumber &&
|
|
142
|
-
'sticky left-0 top-0 sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', stickyColumnNumber === 1 && 'drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), scope: 'col', style: stickyColumnNumber ? { left: lefts[0] } : {} }, item)) : (React.createElement("th", { key: index,
|
|
145
|
+
'sticky left-0 top-0 z-10 sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', stickyColumnNumber === 1 && 'drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), scope: 'col', style: stickyColumnNumber ? { left: lefts[0] } : {} }, item)) : (React.createElement("th", { key: index,
|
|
143
146
|
// @ts-ignore
|
|
144
147
|
ref: function (el) { return (refs.current[index] = el); }, className: classNames('min-w-[135px] bg-white px-3 py-2 text-left align-top text-xs font-medium text-gray-800', index === thHeader.length - 1 && 'rounded-tr-lg', stickyColumnNumber &&
|
|
145
148
|
index < stickyColumnNumber &&
|
|
146
|
-
'sticky top-0 drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', border && item && 'border-l'), scope: 'col', style: stickyColumnNumber && index < stickyColumnNumber ? { left: lefts[index] } : {} }, item));
|
|
149
|
+
'sticky top-0 z-10 drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', border && item && 'border-l'), scope: 'col', style: stickyColumnNumber && index < stickyColumnNumber ? { left: lefts[index] } : {} }, item));
|
|
147
150
|
})))),
|
|
148
151
|
React.createElement("tbody", { className: 'divide-y divide-gray-200' },
|
|
149
152
|
React.createElement(React.Fragment, null, !thHeaderVertical || !isCellRendering ? (React.createElement(React.Fragment, null, dataTableQuery.map(function (item, itemIndex) { return (React.createElement("tr", { key: item.id }, thBody.map(function (_, bodyIndex) { return (React.createElement(React.Fragment, null,
|
|
150
|
-
React.createElement(RowTable, { key: bodyIndex, bodyIndex: bodyIndex, border: border, itemBody: item, itemIndex: itemIndex, lefts: lefts, refs: refs, stickyColumnNumber: stickyColumnNumber, thBody: thBody, thBodyComponent: thBodyComponent, thHeaderVertical: thHeaderVertical }))); }))); }))) : (React.createElement(React.Fragment, null, thHeaderVertical.map(function (item, index) {
|
|
153
|
+
React.createElement(RowTable, { key: bodyIndex, bodyIndex: bodyIndex, border: border, isBulkAction: isBulkAction, itemBody: item, itemIndex: itemIndex, lefts: lefts, refs: refs, setSelectedCheckbox: setSelectedCheckbox, stickyColumnNumber: stickyColumnNumber, thBody: thBody, thBodyComponent: thBodyComponent, thHeaderVertical: thHeaderVertical }))); }))); }))) : (React.createElement(React.Fragment, null, thHeaderVertical.map(function (item, index) {
|
|
151
154
|
var _a, _b, _c, _d;
|
|
152
155
|
return (React.createElement("tr", { key: index, className: 'hover:cursor-default' },
|
|
153
156
|
item.parent_name && (React.createElement("td", { className: classNames('sticky top-0 z-10 whitespace-nowrap rounded-bl-lg border-r border-t bg-white px-2 text-xs font-semibold text-gray-900', (item === null || item === void 0 ? void 0 : item.className) ? item.className : ''), rowSpan: item.parent_row, style: { left: lefts[0] } }, item.parent_name)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableVertical.js","sourceRoot":"","sources":["../../../../src/components/TableVertical/TableVertical.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,gBAAgB,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"TableVertical.js","sourceRoot":"","sources":["../../../../src/components/TableVertical/TableVertical.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ export var PHXTextarea = function (_a) {
|
|
|
6
6
|
return (React.createElement("div", { className: className },
|
|
7
7
|
label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
8
8
|
React.createElement("textarea", __assign({}, register, rest, { disabled: disabled, className: classNames('font-normal block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : '') })),
|
|
9
|
-
helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-
|
|
9
|
+
helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
|
|
10
10
|
error && errorMessage ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
11
11
|
React.createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
12
12
|
React.createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
|
|
@@ -6,7 +6,7 @@ export function ButtonUpload(_a) {
|
|
|
6
6
|
React.createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
7
7
|
React.createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
|
|
8
8
|
React.createElement(PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"))),
|
|
9
|
-
helpText ? (React.createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-
|
|
9
|
+
helpText ? (React.createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-500' }, helpText)) : (React.createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, (fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
10
10
|
(fileType === 'image' && 'JPG, JPEG, PNG, GIF, WEBP') ||
|
|
11
11
|
(fileType === 'file' && 'PDF, JPG, JPEG, PNG')))));
|
|
12
12
|
}
|