phx-react 1.3.1797 → 1.3.1799
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/MainWrapV4/components/fixed-action.js +1 -1
- package/dist/cjs/components/MainWrapV4/components/fixed-action.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/main-content.js +1 -1
- package/dist/cjs/components/MainWrapV4/components/main-content.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/search/index.js +1 -1
- package/dist/cjs/components/MainWrapV4/components/search/index.js.map +1 -1
- package/dist/cjs/components/TableReport/TableReport.d.ts +2 -2
- package/dist/cjs/components/TableReport/TableReport.js +51 -21
- package/dist/cjs/components/TableReport/TableReport.js.map +1 -1
- package/dist/cjs/components/TableReport/component/ExpandedRows.d.ts +23 -0
- package/dist/cjs/components/TableReport/component/ExpandedRows.js +163 -0
- package/dist/cjs/components/TableReport/component/ExpandedRows.js.map +1 -0
- package/dist/cjs/components/TableReport/component/PaginaitonSelected.js +4 -1
- package/dist/cjs/components/TableReport/component/PaginaitonSelected.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Pagination.js +4 -1
- package/dist/cjs/components/TableReport/component/Pagination.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Row.d.ts +6 -1
- package/dist/cjs/components/TableReport/component/Row.js +10 -2
- package/dist/cjs/components/TableReport/component/Row.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Search.js +7 -3
- package/dist/cjs/components/TableReport/component/Search.js.map +1 -1
- package/dist/cjs/components/TableReport/component/TableBodyRows.d.ts +33 -0
- package/dist/cjs/components/TableReport/component/TableBodyRows.js +68 -0
- package/dist/cjs/components/TableReport/component/TableBodyRows.js.map +1 -0
- package/dist/cjs/components/TableReport/component/TruncatedTooltip.d.ts +16 -0
- package/dist/cjs/components/TableReport/component/TruncatedTooltip.js +46 -0
- package/dist/cjs/components/TableReport/component/TruncatedTooltip.js.map +1 -0
- package/dist/cjs/components/TableReport/types.d.ts +6 -4
- package/dist/cjs/components/TableReport/utils.d.ts +4 -4
- package/dist/cjs/components/TableReport/utils.js +11 -9
- package/dist/cjs/components/TableReport/utils.js.map +1 -1
- package/dist/cjs/components/TextEditorV2/plugins/SanitizePastePlugin/index.d.ts +4 -0
- package/dist/cjs/components/TextEditorV2/plugins/SanitizePastePlugin/index.js +39 -0
- package/dist/cjs/components/TextEditorV2/plugins/SanitizePastePlugin/index.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/fixed-action.js +1 -1
- package/dist/esm/components/MainWrapV4/components/fixed-action.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/main-content.js +1 -1
- package/dist/esm/components/MainWrapV4/components/main-content.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/search/index.js +1 -1
- package/dist/esm/components/MainWrapV4/components/search/index.js.map +1 -1
- package/dist/esm/components/TableReport/TableReport.d.ts +2 -2
- package/dist/esm/components/TableReport/TableReport.js +52 -22
- package/dist/esm/components/TableReport/TableReport.js.map +1 -1
- package/dist/esm/components/TableReport/component/ExpandedRows.d.ts +23 -0
- package/dist/esm/components/TableReport/component/ExpandedRows.js +160 -0
- package/dist/esm/components/TableReport/component/ExpandedRows.js.map +1 -0
- package/dist/esm/components/TableReport/component/PaginaitonSelected.js +4 -1
- package/dist/esm/components/TableReport/component/PaginaitonSelected.js.map +1 -1
- package/dist/esm/components/TableReport/component/Pagination.js +4 -1
- package/dist/esm/components/TableReport/component/Pagination.js.map +1 -1
- package/dist/esm/components/TableReport/component/Row.d.ts +6 -1
- package/dist/esm/components/TableReport/component/Row.js +10 -2
- package/dist/esm/components/TableReport/component/Row.js.map +1 -1
- package/dist/esm/components/TableReport/component/Search.js +7 -3
- package/dist/esm/components/TableReport/component/Search.js.map +1 -1
- package/dist/esm/components/TableReport/component/TableBodyRows.d.ts +33 -0
- package/dist/esm/components/TableReport/component/TableBodyRows.js +65 -0
- package/dist/esm/components/TableReport/component/TableBodyRows.js.map +1 -0
- package/dist/esm/components/TableReport/component/TruncatedTooltip.d.ts +16 -0
- package/dist/esm/components/TableReport/component/TruncatedTooltip.js +43 -0
- package/dist/esm/components/TableReport/component/TruncatedTooltip.js.map +1 -0
- package/dist/esm/components/TableReport/types.d.ts +6 -4
- package/dist/esm/components/TableReport/utils.d.ts +4 -4
- package/dist/esm/components/TableReport/utils.js +11 -9
- package/dist/esm/components/TableReport/utils.js.map +1 -1
- package/dist/esm/components/TextEditorV2/plugins/SanitizePastePlugin/index.d.ts +4 -0
- package/dist/esm/components/TextEditorV2/plugins/SanitizePastePlugin/index.js +40 -1
- package/dist/esm/components/TextEditorV2/plugins/SanitizePastePlugin/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -36,7 +36,7 @@ function FixedAction({ className = '' }) {
|
|
|
36
36
|
react_2.default.createElement("p", { className: 'text-xxs text-[#F1F1F1]' }, "Thay \u0111\u1ED5i ch\u01B0a \u0111\u01B0\u1EE3c l\u01B0u")),
|
|
37
37
|
react_2.default.createElement("div", { className: 'z-10 flex items-center gap-x-1.5' }, (_a = initData.buttons) === null || _a === void 0 ? void 0 : _a.map((button, index) => {
|
|
38
38
|
const isDiscardBtn = button.type === 'discard';
|
|
39
|
-
return (react_2.default.createElement(Button_1.PHXButton, { loading: button.loading, [isDiscardBtn ? 'tertiary' : 'secondary']: true, key: index, className: (0, types_1.classNames)(isDiscardBtn ? 'hover:!bg-[#
|
|
39
|
+
return (react_2.default.createElement(Button_1.PHXButton, { loading: button.loading, [isDiscardBtn ? 'tertiary' : 'secondary']: true, key: index, className: (0, types_1.classNames)(isDiscardBtn ? 'hover:!bg-[#1F2937] active:!bg-[#1b2430]' : ''), onClick: button.onClick, size: 'small' },
|
|
40
40
|
react_2.default.createElement("span", { className: (0, types_1.classNames)('font-medium text-gray-900', isDiscardBtn ? '!text-gray-50' : '') }, button.text)));
|
|
41
41
|
}))));
|
|
42
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fixed-action.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/fixed-action.tsx"],"names":[],"mappings":";;AAUA,8BA6DC;;AAvED,gDAA6C;AAC7C,iCAA2C;AAC3C,0CAAgD;AAChD,gDAA4C;AAC5C,0DAAyB;AAEzB,uCAAwC;AACxC,yCAAwC;AACxC,gCAAgD;AAEhD,SAAwB,WAAW,CAAC,EAAE,SAAS,GAAG,EAAE,EAA0B;;IAC5E,MAAM,QAAQ,GAAG,IAAA,wBAAW,GAAE,CAAA;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAyB;QAC/D,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,EAAE;KACZ,CAAC,CAAA;IAEF,IAAA,yBAAqB,EAAC,6BAAkB,EAAE,CAAC,OAA+B,EAAE,EAAE;QAC5E,WAAW,CAAC,OAAO,CAAC,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,mBAAQ,CAAC,IAAI,CAAC,6BAAkB,EAAE;YAChC,GAAG,QAAQ;YACX,IAAI,EAAE,KAAK;SACZ,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,2EAA2E,EAAE,SAAS,CAAC;QAChH,uCAAK,SAAS,EAAC,gGAAgG,GAAG;QAClH,uCAAK,SAAS,EAAC,gCAAgC;YAC7C,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,wCACE,CAAC,EAAC,wNAAwN,EAC1N,IAAI,EAAC,SAAS,GACd;gBACF,wCACE,CAAC,EAAC,8MAA8M,EAChN,IAAI,EAAC,SAAS,GACd;gBACF,wCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gtBAAgtB,EACltB,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,GAClB,CACE;YACN,qCAAG,SAAS,EAAC,yBAAyB,gEAA2B,CAC7D;QACN,uCAAK,SAAS,EAAC,kCAAkC,IAC9C,MAAA,QAAQ,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACvC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,KAAK,SAAS,CAAA;YAC9C,OAAO,CACL,8BAAC,kBAAS,IACR,OAAO,EAAE,MAAM,CAAC,OAAO,EACjB,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,EACrD,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"fixed-action.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/fixed-action.tsx"],"names":[],"mappings":";;AAUA,8BA6DC;;AAvED,gDAA6C;AAC7C,iCAA2C;AAC3C,0CAAgD;AAChD,gDAA4C;AAC5C,0DAAyB;AAEzB,uCAAwC;AACxC,yCAAwC;AACxC,gCAAgD;AAEhD,SAAwB,WAAW,CAAC,EAAE,SAAS,GAAG,EAAE,EAA0B;;IAC5E,MAAM,QAAQ,GAAG,IAAA,wBAAW,GAAE,CAAA;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAyB;QAC/D,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,EAAE;KACZ,CAAC,CAAA;IAEF,IAAA,yBAAqB,EAAC,6BAAkB,EAAE,CAAC,OAA+B,EAAE,EAAE;QAC5E,WAAW,CAAC,OAAO,CAAC,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,mBAAQ,CAAC,IAAI,CAAC,6BAAkB,EAAE;YAChC,GAAG,QAAQ;YACX,IAAI,EAAE,KAAK;SACZ,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,2EAA2E,EAAE,SAAS,CAAC;QAChH,uCAAK,SAAS,EAAC,gGAAgG,GAAG;QAClH,uCAAK,SAAS,EAAC,gCAAgC;YAC7C,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,wCACE,CAAC,EAAC,wNAAwN,EAC1N,IAAI,EAAC,SAAS,GACd;gBACF,wCACE,CAAC,EAAC,8MAA8M,EAChN,IAAI,EAAC,SAAS,GACd;gBACF,wCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gtBAAgtB,EACltB,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,GAClB,CACE;YACN,qCAAG,SAAS,EAAC,yBAAyB,gEAA2B,CAC7D;QACN,uCAAK,SAAS,EAAC,kCAAkC,IAC9C,MAAA,QAAQ,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACvC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,KAAK,SAAS,CAAA;YAC9C,OAAO,CACL,8BAAC,kBAAS,IACR,OAAO,EAAE,MAAM,CAAC,OAAO,EACjB,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,EACrD,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,EAAE,CAAC,EACrF,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,IAAI,EAAC,OAAO;gBAEZ,wCAAM,SAAS,EAAE,IAAA,kBAAU,EAAC,2BAA2B,EAAE,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IAC1F,MAAM,CAAC,IAAI,CACP,CACG,CACb,CAAA;QACH,CAAC,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -31,7 +31,7 @@ function MainContent({ children, currentCode, isLoadingPermission, perCode, show
|
|
|
31
31
|
setIsShowFixAction(payload.show || false);
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
|
-
return (react_1.default.createElement("main", { className: (0, types_1.classNames)('transition-all lg:absolute lg:inset-0 lg:right-2', showSubMenu ? mainClass[sideBarType].open : mainClass[sideBarType].close, isShowFixedAction ? 'mt-
|
|
34
|
+
return (react_1.default.createElement("main", { className: (0, types_1.classNames)('transition-all lg:absolute lg:inset-0 lg:right-2', showSubMenu ? mainClass[sideBarType].open : mainClass[sideBarType].close, isShowFixedAction ? 'mt-8 lg:mt-0' : '') }, isLoadingPermission ? (react_1.default.createElement("div", { className: contentClassname })) : (0, helper_1.enablePer)(currentCode, perCode) ? (react_1.default.createElement("div", { ref: contentRef, className: contentClassname }, children)) : (react_1.default.createElement("div", { className: contentClassname },
|
|
35
35
|
react_1.default.createElement(Card_1.PHXCard, null,
|
|
36
36
|
react_1.default.createElement("div", { className: 'my-10 flex flex-col items-center justify-center' },
|
|
37
37
|
react_1.default.createElement(outline_1.LockClosedIcon, { className: 'text-gray-400', height: 70, width: 70 }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main-content.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/main-content.tsx"],"names":[],"mappings":";;AAUA,8BAwEC;;AAlFD,yDAA4D;AAC5D,uDAAuC;AACvC,0CAA8D;AAC9D,sCAAqC;AAErC,uCAAwC;AACxC,qCAAoC;AACpC,gCAAgD;AAGhD,SAAwB,WAAW,CAAC,EAClC,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,OAAO,EACP,WAAW,EACX,WAAW,EACX,UAAU,GASX;IACC,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,SAAS,GAA0D;QACvE,CAAC,uBAAY,CAAC,uBAAuB,CAAC,EAAE;YACtC,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,kBAAkB;SAC1B;QACD,CAAC,uBAAY,CAAC,SAAS,CAAC,EAAE;YACxB,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,mBAAmB;SAC3B;QACD,CAAC,uBAAY,CAAC,yBAAyB,CAAC,EAAE;YACxC,IAAI,EAAE,mBAAmB;YACzB,KAAK,EAAE,mBAAmB;SAC3B;KACF,CAAA;IACD,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,gHAAgH,EAChH,WAAW,KAAK,uBAAY,CAAC,yBAAyB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAC/F,CAAA;IAED,IAAA,yBAAqB,EAAC,6BAAkB,EAAE,CAAC,OAA+B,EAAE,EAAE;QAC5E,IAAI,iBAAiB,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC;YACvC,kBAAkB,CAAC,OAAO,CAAC,IAAI,IAAI,KAAK,CAAC,CAAA;QAC3C,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,wCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,kDAAkD,EAClD,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,KAAK,EACxE,iBAAiB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"main-content.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/main-content.tsx"],"names":[],"mappings":";;AAUA,8BAwEC;;AAlFD,yDAA4D;AAC5D,uDAAuC;AACvC,0CAA8D;AAC9D,sCAAqC;AAErC,uCAAwC;AACxC,qCAAoC;AACpC,gCAAgD;AAGhD,SAAwB,WAAW,CAAC,EAClC,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,OAAO,EACP,WAAW,EACX,WAAW,EACX,UAAU,GASX;IACC,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,SAAS,GAA0D;QACvE,CAAC,uBAAY,CAAC,uBAAuB,CAAC,EAAE;YACtC,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,kBAAkB;SAC1B;QACD,CAAC,uBAAY,CAAC,SAAS,CAAC,EAAE;YACxB,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,mBAAmB;SAC3B;QACD,CAAC,uBAAY,CAAC,yBAAyB,CAAC,EAAE;YACxC,IAAI,EAAE,mBAAmB;YACzB,KAAK,EAAE,mBAAmB;SAC3B;KACF,CAAA;IACD,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,gHAAgH,EAChH,WAAW,KAAK,uBAAY,CAAC,yBAAyB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAC/F,CAAA;IAED,IAAA,yBAAqB,EAAC,6BAAkB,EAAE,CAAC,OAA+B,EAAE,EAAE;QAC5E,IAAI,iBAAiB,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC;YACvC,kBAAkB,CAAC,OAAO,CAAC,IAAI,IAAI,KAAK,CAAC,CAAA;QAC3C,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,wCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,kDAAkD,EAClD,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,KAAK,EACxE,iBAAiB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CACxC,IAEA,mBAAmB,CAAC,CAAC,CAAC,CACrB,uCAAK,SAAS,EAAE,gBAAgB,GAAI,CACrC,CAAC,CAAC,CAAC,IAAA,kBAAS,EAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CACpC,uCAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,IAC9C,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAE,gBAAgB;QAC9B,8BAAC,cAAO;YACN,uCAAK,SAAS,EAAC,kDAAkD;gBAC/D,8BAAC,wBAAc,IAAC,SAAS,EAAC,eAAe,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI;gBAEnE,uCAAK,SAAS,EAAC,qFAAqF,2DAE9F,CACF,CACE,CACN,CACP,CACI,CACR,CAAA;AACH,CAAC"}
|
|
@@ -36,7 +36,7 @@ function SearchBarHeader({ menu, perCode, sideBarType, unreadCount, userId, cont
|
|
|
36
36
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
37
37
|
react_1.default.createElement(fixed_action_1.default, { className: (0, types_1.classNames)(!hasVerticalScroll && 'lg:!hidden', isDesktop
|
|
38
38
|
? 'left-1/2 z-50 h-9 -translate-x-1/4 lg:w-[25rem] xl:w-[35.625rem]'
|
|
39
|
-
: 'left-4 right-4 top-[3.5rem] h-
|
|
39
|
+
: 'left-4 right-4 top-[3.5rem] h-9', 'transition-transform duration-200 ease-in-out', isShowFixedAction ? '' : isDesktop ? 'pointer-events-none -translate-y-14' : 'hidden') }),
|
|
40
40
|
userId && menu.length > 0 && perCode.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null, isDesktop ? (react_1.default.createElement(SearchBarHeaderDesktop, { hasVerticalScroll: hasVerticalScroll, menu: menu, perCode: perCode, sideBarType: sideBarType, userId: userId })) : (react_1.default.createElement(SearchBarMobile, { menu: menu, perCode: perCode, unreadCount: unreadCount }))))));
|
|
41
41
|
}
|
|
42
42
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/search/index.tsx"],"names":[],"mappings":";;AAiBA,kCAmEC;;AApFD,mEAAkC;AAClC,uDAAkD;AAElD,2EAAyC;AACzC,0CAA2C;AAC3C,mCAAmD;AACnD,6CAAmD;AAEnD,+DAAyD;AAEzD,MAAM,sBAAsB,GAAG,IAAA,iBAAO,EAAC,GAAG,EAAE,2DAAQ,oBAAoB,GAAC,EAAE;IACzE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AACF,MAAM,eAAe,GAAG,IAAA,iBAAO,EAAC,GAAG,EAAE,2DAAQ,mBAAmB,GAAC,EAAE;IACjE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AAEF,SAAwB,eAAe,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,WAAW,EACX,MAAM,EACN,UAAU,GAQX;IACC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,6BAAY,EAAC,UAAU,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;IAExE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAA;QAEnD,MAAM,OAAO,GAAG,CAAC,CAAuC,EAAE,EAAE;YAC1D,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;QACzB,CAAC,CAAA;QAED,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC,cAAc;QAC1B,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAEtC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACxD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,yBAAqB,EAAC,6BAAkB,EAAE,CAAC,OAA+B,EAAE,EAAE;QAC5E,IAAI,iBAAiB,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC;YACvC,kBAAkB,CAAC,OAAO,CAAC,IAAI,IAAI,KAAK,CAAC,CAAA;QAC3C,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL;QACE,8BAAC,sBAAW,IACV,SAAS,EAAE,IAAA,kBAAU,EACnB,CAAC,iBAAiB,IAAI,YAAY,EAClC,SAAS;gBACP,CAAC,CAAC,kEAAkE;gBACpE,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/search/index.tsx"],"names":[],"mappings":";;AAiBA,kCAmEC;;AApFD,mEAAkC;AAClC,uDAAkD;AAElD,2EAAyC;AACzC,0CAA2C;AAC3C,mCAAmD;AACnD,6CAAmD;AAEnD,+DAAyD;AAEzD,MAAM,sBAAsB,GAAG,IAAA,iBAAO,EAAC,GAAG,EAAE,2DAAQ,oBAAoB,GAAC,EAAE;IACzE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AACF,MAAM,eAAe,GAAG,IAAA,iBAAO,EAAC,GAAG,EAAE,2DAAQ,mBAAmB,GAAC,EAAE;IACjE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AAEF,SAAwB,eAAe,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,WAAW,EACX,MAAM,EACN,UAAU,GAQX;IACC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,6BAAY,EAAC,UAAU,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;IAExE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAA;QAEnD,MAAM,OAAO,GAAG,CAAC,CAAuC,EAAE,EAAE;YAC1D,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;QACzB,CAAC,CAAA;QAED,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC,cAAc;QAC1B,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAEtC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACxD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,yBAAqB,EAAC,6BAAkB,EAAE,CAAC,OAA+B,EAAE,EAAE;QAC5E,IAAI,iBAAiB,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC;YACvC,kBAAkB,CAAC,OAAO,CAAC,IAAI,IAAI,KAAK,CAAC,CAAA;QAC3C,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL;QACE,8BAAC,sBAAW,IACV,SAAS,EAAE,IAAA,kBAAU,EACnB,CAAC,iBAAiB,IAAI,YAAY,EAClC,SAAS;gBACP,CAAC,CAAC,kEAAkE;gBACpE,CAAC,CAAC,iCAAiC,EACrC,+CAA+C,EAC/C,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,QAAQ,CACtF,GACD;QACD,MAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAClD,8DACG,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,sBAAsB,IACrB,iBAAiB,EAAE,iBAAiB,EACpC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,GAAI,CAC5E,CACA,CACJ,CACA,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { NavigationUrlApply, TBodyComponent, THeader, TMergeConfig, TPagination, TSearch, TSelectedAllPeople, TTableData } from './types';
|
|
3
3
|
export interface TableReportProps {
|
|
4
4
|
tableData: Array<TTableData>;
|
|
5
5
|
thHeader: Array<THeader>;
|
|
@@ -24,7 +24,7 @@ export interface TableReportProps {
|
|
|
24
24
|
textCenter?: boolean;
|
|
25
25
|
isHeaderBgWhite?: boolean;
|
|
26
26
|
isResetPagination?: boolean;
|
|
27
|
-
configUrlApply?:
|
|
27
|
+
configUrlApply?: NavigationUrlApply;
|
|
28
28
|
onSelectionChange?: (selectedRows: any[]) => void;
|
|
29
29
|
forceClearSelection?: boolean | string;
|
|
30
30
|
}
|
|
@@ -6,8 +6,7 @@ const tslib_1 = require("tslib");
|
|
|
6
6
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
7
7
|
const types_1 = require("../types");
|
|
8
8
|
const utils_1 = require("./utils");
|
|
9
|
-
const
|
|
10
|
-
const Row_1 = tslib_1.__importDefault(require("./component/Row"));
|
|
9
|
+
const TableBodyRows_1 = tslib_1.__importDefault(require("./component/TableBodyRows"));
|
|
11
10
|
const Search_1 = tslib_1.__importDefault(require("./component/Search"));
|
|
12
11
|
const EmptyRecord_1 = require("../EmptyRecord");
|
|
13
12
|
const Skeleton_1 = require("../Skeleton");
|
|
@@ -16,34 +15,63 @@ const Header_1 = tslib_1.__importDefault(require("./component/Header"));
|
|
|
16
15
|
const SelectedAction_1 = tslib_1.__importDefault(require("../TableV3/SelectedAction"));
|
|
17
16
|
const solid_1 = require("@heroicons/react/24/solid");
|
|
18
17
|
const EmptySearch_1 = require("../EmptySearch");
|
|
19
|
-
const
|
|
18
|
+
const direct_link_1 = require("../../hooks/direct-link");
|
|
20
19
|
function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig = { isMergeRowData: false, columnPosition: [] }, rowHighlightConfig, search = {
|
|
21
20
|
enable: false,
|
|
22
21
|
loading: false,
|
|
23
22
|
}, loading, pagination, readonly = false, onClick, type = 'default', selectedAllPeople, tableKey = 'table-report', border = true, spacing = true, textCenter = true, isHeaderBgWhite = false, isResetPagination = false, configUrlApply, onSelectionChange, forceClearSelection = false, }) {
|
|
24
23
|
const checkbox = (0, react_1.useRef)();
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
router: (configUrlApply === null || configUrlApply === void 0 ? void 0 : configUrlApply.router) || router,
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
return;
|
|
35
|
-
};
|
|
36
|
-
const updateConfigUrlApply = getConfigUrlApply();
|
|
24
|
+
/**
|
|
25
|
+
* Falls back to the shared direct-link hook when a router instance is not provided.
|
|
26
|
+
*
|
|
27
|
+
* @returns A direct-link navigation callback.
|
|
28
|
+
*/
|
|
29
|
+
const directLink = (0, direct_link_1.PHXUseDirectLink)();
|
|
37
30
|
const [isSearch, setIsSearch] = (0, react_1.useState)(false);
|
|
38
31
|
const [selectedPeople, setSelectedPeople] = (0, react_1.useState)([]);
|
|
39
32
|
const [checked, setChecked] = (0, react_1.useState)(false);
|
|
40
33
|
const [indeterminate, setIndeterminate] = (0, react_1.useState)(false);
|
|
34
|
+
const [expandedRowKeys, setExpandedRowKeys] = (0, react_1.useState)([]);
|
|
41
35
|
const [currentPage, setCurrentPage] = (0, react_1.useState)(1);
|
|
42
36
|
const [offset, setOffset] = (0, react_1.useState)(0);
|
|
43
37
|
const maxDepth = (0, utils_1.getMaxDepth)(thHeader);
|
|
44
38
|
const rows = (0, utils_1.buildHeaderRows)(thHeader, 0, [], maxDepth, 0);
|
|
45
39
|
const rowClassName = (keyIdx, dataIdx) => (0, types_1.classNames)('text-xs whitespace-nowrap text-gray-900', textCenter ? 'text-center' : 'pl-8 text-left', spacing ? 'px-2 py-2.5' : '', 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');
|
|
46
|
-
const isHighLight = (data) => !!(rowHighlightConfig && data[rowHighlightConfig.key] === rowHighlightConfig.value);
|
|
40
|
+
const isHighLight = (data) => !!((rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.key) && data[rowHighlightConfig.key] === rowHighlightConfig.value);
|
|
41
|
+
/**
|
|
42
|
+
* Resolves a stable key for expansion state tracking.
|
|
43
|
+
*
|
|
44
|
+
* @param data - Current table row data.
|
|
45
|
+
* @param dataIdx - Current row index.
|
|
46
|
+
* @returns Stable row key.
|
|
47
|
+
*/
|
|
48
|
+
const getRowKey = (data, dataIdx) => String(data.id || data._id || data.key || `${tableKey}-${dataIdx}`);
|
|
49
|
+
/**
|
|
50
|
+
* Finds the first body column that declares child rows.
|
|
51
|
+
*
|
|
52
|
+
* @param data - Current table row data.
|
|
53
|
+
* @returns Child row configuration, or null when the row has no children.
|
|
54
|
+
*/
|
|
55
|
+
const getRowChildren = (data) => {
|
|
56
|
+
var _a;
|
|
57
|
+
for (const [columnIndex, bodyKey] of thBody.entries()) {
|
|
58
|
+
const children = (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).children;
|
|
59
|
+
if (!((_a = children === null || children === void 0 ? void 0 : children.data) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
60
|
+
continue;
|
|
61
|
+
}
|
|
62
|
+
return { columnIndex, children };
|
|
63
|
+
}
|
|
64
|
+
return null;
|
|
65
|
+
};
|
|
66
|
+
/**
|
|
67
|
+
* Toggles the expanded state for one table row.
|
|
68
|
+
*
|
|
69
|
+
* @param rowKey - Stable row key to toggle.
|
|
70
|
+
* @returns void.
|
|
71
|
+
*/
|
|
72
|
+
const toggleRowExpanded = (rowKey) => {
|
|
73
|
+
setExpandedRowKeys((current) => current.includes(rowKey) ? current.filter((item) => item !== rowKey) : [...current, rowKey]);
|
|
74
|
+
};
|
|
47
75
|
const handleClick = (data, isHighlightRow) => {
|
|
48
76
|
if (isHighlightRow && !(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly)) {
|
|
49
77
|
if (onClick) {
|
|
@@ -73,14 +101,15 @@ function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeCon
|
|
|
73
101
|
}
|
|
74
102
|
}, [forceClearSelection]);
|
|
75
103
|
(0, react_1.useEffect)(() => {
|
|
104
|
+
var _a;
|
|
76
105
|
if (isResetPagination) {
|
|
77
106
|
setCurrentPage(1);
|
|
78
107
|
setOffset(0);
|
|
79
108
|
if (pagination === null || pagination === void 0 ? void 0 : pagination.onChange) {
|
|
80
109
|
pagination.onChange(1);
|
|
81
110
|
}
|
|
82
|
-
if (
|
|
83
|
-
utils_1.applyUrlQuery.set(
|
|
111
|
+
if (configUrlApply) {
|
|
112
|
+
utils_1.applyUrlQuery.set(((_a = configUrlApply === null || configUrlApply === void 0 ? void 0 : configUrlApply.router) === null || _a === void 0 ? void 0 : _a.push) || directLink, configUrlApply.searchParams, [
|
|
84
113
|
{ key: `pagi-${tableKey}`, value: '1' },
|
|
85
114
|
]);
|
|
86
115
|
}
|
|
@@ -98,7 +127,7 @@ function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeCon
|
|
|
98
127
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
99
128
|
loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { type: 'table' })) : (react_1.default.createElement(react_1.default.Fragment, null, tableData.length > 0 || (tableData.length === 0 && isSearch) ? (react_1.default.createElement("div", { className: 'overflow-hidden 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' },
|
|
100
129
|
search && search.enable && (react_1.default.createElement("div", { className: (0, types_1.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') },
|
|
101
|
-
react_1.default.createElement(Search_1.default, { isSearch: isSearch, search: search, setIsSearch: setIsSearch, type: type, setCurrentPage: setCurrentPage, setOffset: setOffset, paginationChange: pagination === null || pagination === void 0 ? void 0 : pagination.onChange, tableKey: tableKey, configUrlApply:
|
|
130
|
+
react_1.default.createElement(Search_1.default, { isSearch: isSearch, search: search, setIsSearch: setIsSearch, type: type, setCurrentPage: setCurrentPage, setOffset: setOffset, paginationChange: pagination === null || pagination === void 0 ? void 0 : pagination.onChange, tableKey: tableKey, configUrlApply: configUrlApply }),
|
|
102
131
|
react_1.default.createElement("button", { className: (0, types_1.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: () => setIsSearch(true), type: 'button' },
|
|
103
132
|
react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' })),
|
|
104
133
|
react_1.default.createElement("div", { className: 'absolute bottom-0 left-0 h-[1px] w-full bg-white' }))),
|
|
@@ -108,9 +137,10 @@ function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeCon
|
|
|
108
137
|
react_1.default.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
|
|
109
138
|
react_1.default.createElement("thead", null,
|
|
110
139
|
react_1.default.createElement(Header_1.default, { isHeaderBgWhite: isHeaderBgWhite, border: border, checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll, spacing: spacing, textCenter: textCenter })),
|
|
111
|
-
react_1.default.createElement("tbody", null,
|
|
140
|
+
react_1.default.createElement("tbody", null,
|
|
141
|
+
react_1.default.createElement(TableBodyRows_1.default, { border: border, brSetSelectedPeople: brSetSelectedPeople, expandedRowKeys: expandedRowKeys, getRowChildren: getRowChildren, getRowKey: getRowKey, handleClick: handleClick, isHighLight: isHighLight, mergeConfig: mergeConfig, readonly: readonly, rowClassName: rowClassName, rowHighlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), rows: (0, utils_1.buildRowSpan)(tableData, mergeConfig), selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, spacing: spacing, tableKey: tableKey, textCenter: textCenter, thBody: thBody, thBodyComponent: thBodyComponent, toggleRowExpanded: toggleRowExpanded }))))))) : (react_1.default.createElement("div", { className: 'overflow-hidden rounded-lg' },
|
|
112
142
|
react_1.default.createElement(EmptySearch_1.PHXEmptySearch, null)))),
|
|
113
|
-
tableData.length > 0 && pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.enable) && (react_1.default.createElement(Pagination_1.default, { pagination: pagination, currentPage: currentPage, setCurrentPage: setCurrentPage, offset: offset, setOffset: setOffset, tableKey: tableKey, configUrlApply:
|
|
143
|
+
tableData.length > 0 && pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.enable) && (react_1.default.createElement(Pagination_1.default, { pagination: pagination, currentPage: currentPage, setCurrentPage: setCurrentPage, offset: offset, setOffset: setOffset, tableKey: tableKey, configUrlApply: configUrlApply })))) : (react_1.default.createElement("div", { className: 'overflow-hidden rounded-lg border' },
|
|
114
144
|
react_1.default.createElement(EmptyRecord_1.PHXEmptyRecord, null))))),
|
|
115
145
|
selectedAllPeople && selectedAllPeople.enable && (react_1.default.createElement(SelectedAction_1.default, { selectedBtn: selectedAllPeople.selectedAction.actions, selectedPeople: selectedPeople, slectedTitle: selectedAllPeople.selectedAction.label, toggleAll: toggleAll }))));
|
|
116
146
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AAuDZ,
|
|
1
|
+
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { RowChildrenData, TSelectedAllPeople } from '../types';
|
|
3
|
+
export interface RowChildrenConfig {
|
|
4
|
+
columnIndex: number;
|
|
5
|
+
children: RowChildrenData;
|
|
6
|
+
}
|
|
7
|
+
interface ExpandedRowsProps {
|
|
8
|
+
rowChildren: RowChildrenConfig;
|
|
9
|
+
dataIdx: number;
|
|
10
|
+
thBody: Array<string>;
|
|
11
|
+
selectedAllPeople?: TSelectedAllPeople;
|
|
12
|
+
border: boolean;
|
|
13
|
+
spacing: boolean;
|
|
14
|
+
textCenter: boolean;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Renders expanded child rows below a parent table row.
|
|
18
|
+
*
|
|
19
|
+
* @param props - Child row data and parent table alignment options.
|
|
20
|
+
* @returns Expanded header and data rows.
|
|
21
|
+
*/
|
|
22
|
+
declare function ExpandedRows({ rowChildren, dataIdx, thBody, selectedAllPeople, border, spacing, textCenter, }: ExpandedRowsProps): React.JSX.Element;
|
|
23
|
+
export default ExpandedRows;
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
const types_1 = require("../../types");
|
|
6
|
+
const TruncatedTooltip_1 = tslib_1.__importDefault(require("./TruncatedTooltip"));
|
|
7
|
+
const animatedContentClassName = 'block min-w-0 overflow-hidden text-ellipsis motion-safe:animate-phx-table-report-expanded-cell';
|
|
8
|
+
/**
|
|
9
|
+
* Builds class names for an expanded child table cell.
|
|
10
|
+
*
|
|
11
|
+
* @param config - Visual table options shared by expanded cells.
|
|
12
|
+
* @param absoluteIdx - Cell index in the full parent table grid.
|
|
13
|
+
* @param isHeader - Whether the cell belongs to the expanded header row.
|
|
14
|
+
* @returns Tailwind class names for the expanded cell.
|
|
15
|
+
*/
|
|
16
|
+
function getExpandedCellClassName(config, absoluteIdx, isHeader = false) {
|
|
17
|
+
return (0, types_1.classNames)('max-w-0 min-w-0 overflow-hidden text-ellipsis text-xs whitespace-nowrap text-gray-900', isHeader ? 'bg-gray-100 font-medium text-gray-800' : 'bg-gray-50', config.textCenter ? 'text-center' : 'pl-8 text-left', config.spacing ? (isHeader ? 'px-3 py-2.5' : 'px-2 py-2.5') : '', absoluteIdx !== 0 && config.border && 'border-l');
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Builds class names for the expanded placeholder cell under the select column.
|
|
21
|
+
*
|
|
22
|
+
* @param config - Visual table options shared by expanded cells.
|
|
23
|
+
* @param isHeader - Whether the placeholder belongs to the expanded header row.
|
|
24
|
+
* @returns Tailwind class names for the selection placeholder cell.
|
|
25
|
+
*/
|
|
26
|
+
function getSelectionCellClassName(config, isHeader = false) {
|
|
27
|
+
return (0, types_1.classNames)('border-t p-0', isHeader ? 'bg-gray-100' : 'bg-gray-50', config.border && 'border-r');
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Renders empty expanded cells before or after the child columns.
|
|
31
|
+
*
|
|
32
|
+
* @param props - Empty-cell count, position, and visual configuration.
|
|
33
|
+
* @returns Placeholder cells that preserve alignment with the parent table.
|
|
34
|
+
*/
|
|
35
|
+
function EmptyCells({ config, count, isHeader = false, keyPrefix, selectedColumnAtStart = false, startIndex = 0, }) {
|
|
36
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, Array.from({ length: count }).map((_, emptyIdx) => (react_1.default.createElement("td", { key: `expanded-${keyPrefix}-${config.dataIdx}-${emptyIdx}`, className: selectedColumnAtStart && emptyIdx === 0
|
|
37
|
+
? getSelectionCellClassName(config, isHeader)
|
|
38
|
+
: (0, types_1.classNames)(getExpandedCellClassName(config, startIndex + emptyIdx, isHeader), 'border-t') })))));
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Builds props for placeholder cells that appear before child columns.
|
|
42
|
+
*
|
|
43
|
+
* @param sharedProps - Shared expanded row layout and visual configuration.
|
|
44
|
+
* @param keyPrefix - Key prefix for the generated placeholder cells.
|
|
45
|
+
* @param isHeader - Whether the placeholders belong to the expanded header row.
|
|
46
|
+
* @returns Props for the EmptyCells component.
|
|
47
|
+
*/
|
|
48
|
+
function getBeforeEmptyCellsProps(sharedProps, keyPrefix, isHeader = false) {
|
|
49
|
+
const { layoutConfig, visualConfig } = sharedProps;
|
|
50
|
+
return {
|
|
51
|
+
config: visualConfig,
|
|
52
|
+
count: layoutConfig.emptyCellsBefore,
|
|
53
|
+
isHeader,
|
|
54
|
+
keyPrefix,
|
|
55
|
+
selectedColumnAtStart: layoutConfig.hasSelectionColumn,
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* Builds props for placeholder cells that appear after child columns.
|
|
60
|
+
*
|
|
61
|
+
* @param sharedProps - Shared expanded row layout and visual configuration.
|
|
62
|
+
* @param keyPrefix - Key prefix for the generated placeholder cells.
|
|
63
|
+
* @param isHeader - Whether the placeholders belong to the expanded header row.
|
|
64
|
+
* @returns Props for the EmptyCells component.
|
|
65
|
+
*/
|
|
66
|
+
function getAfterEmptyCellsProps(sharedProps, keyPrefix, isHeader = false) {
|
|
67
|
+
const { layoutConfig, visualConfig } = sharedProps;
|
|
68
|
+
return {
|
|
69
|
+
startIndex: layoutConfig.childStartIndex + layoutConfig.childCellLength,
|
|
70
|
+
keyPrefix,
|
|
71
|
+
config: visualConfig,
|
|
72
|
+
isHeader,
|
|
73
|
+
count: layoutConfig.emptyCellsAfter,
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* Renders the child header cells for the expanded row.
|
|
78
|
+
*
|
|
79
|
+
* @param childHeaders - Header labels for the child data columns.
|
|
80
|
+
* @param layoutConfig - Column alignment information for the parent table grid.
|
|
81
|
+
* @param visualConfig - Visual table options shared by expanded cells.
|
|
82
|
+
* @returns Expanded child header cells.
|
|
83
|
+
*/
|
|
84
|
+
function ChildHeaderCells({ childHeaders, layoutConfig, visualConfig }) {
|
|
85
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, childHeaders.map((header, headerIdx) => (react_1.default.createElement("th", { key: `expanded-header-${visualConfig.dataIdx}-${headerIdx}`, className: (0, types_1.classNames)(getExpandedCellClassName(visualConfig, layoutConfig.childStartIndex + headerIdx, true), 'border-t') },
|
|
86
|
+
react_1.default.createElement("span", { className: animatedContentClassName }, header))))));
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* Renders the expanded header row aligned with the parent table columns.
|
|
90
|
+
*
|
|
91
|
+
* @param childHeaders - Header labels for the child data columns.
|
|
92
|
+
* @param layoutConfig - Column alignment information for the parent table grid.
|
|
93
|
+
* @param visualConfig - Visual table options shared by expanded cells.
|
|
94
|
+
* @returns Header row for the expanded child data.
|
|
95
|
+
*/
|
|
96
|
+
function ExpandedHeaderRow({ childHeaders, layoutConfig, visualConfig }) {
|
|
97
|
+
const sharedProps = { layoutConfig, visualConfig };
|
|
98
|
+
return (react_1.default.createElement("tr", null,
|
|
99
|
+
react_1.default.createElement(EmptyCells, { ...getBeforeEmptyCellsProps(sharedProps, 'empty-header-before', true) }),
|
|
100
|
+
react_1.default.createElement(ChildHeaderCells, { childHeaders: childHeaders, layoutConfig: layoutConfig, visualConfig: visualConfig }),
|
|
101
|
+
react_1.default.createElement(EmptyCells, { ...getAfterEmptyCellsProps(sharedProps, 'empty-header-after', true) })));
|
|
102
|
+
}
|
|
103
|
+
/**
|
|
104
|
+
* Renders the child data cells for one expanded data row.
|
|
105
|
+
*
|
|
106
|
+
* @param childBody - Data keys for child cells.
|
|
107
|
+
* @param childData - Child row source data.
|
|
108
|
+
* @param childDataIdx - Child row index.
|
|
109
|
+
* @param layoutConfig - Column alignment information for the parent table grid.
|
|
110
|
+
* @param visualConfig - Visual table options shared by expanded cells.
|
|
111
|
+
* @returns Expanded child data cells.
|
|
112
|
+
*/
|
|
113
|
+
function ChildDataCells({ childBody, childData, childDataIdx, layoutConfig, visualConfig }) {
|
|
114
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, childBody.map((bodyKey, bodyIdx) => {
|
|
115
|
+
var _a;
|
|
116
|
+
return (react_1.default.createElement("td", { key: `expanded-cell-${visualConfig.dataIdx}-${childDataIdx}-${bodyIdx}`, className: (0, types_1.classNames)(getExpandedCellClassName(visualConfig, layoutConfig.childStartIndex + bodyIdx), 'border-t') },
|
|
117
|
+
react_1.default.createElement(TruncatedTooltip_1.default, { className: animatedContentClassName }, (_a = childData[bodyKey]) !== null && _a !== void 0 ? _a : '')));
|
|
118
|
+
})));
|
|
119
|
+
}
|
|
120
|
+
/**
|
|
121
|
+
* Renders one expanded child data row aligned with the parent table columns.
|
|
122
|
+
*
|
|
123
|
+
* @param childBody - Data keys for child cells.
|
|
124
|
+
* @param childData - Child row source data.
|
|
125
|
+
* @param childDataIdx - Child row index.
|
|
126
|
+
* @param layoutConfig - Column alignment information for the parent table grid.
|
|
127
|
+
* @param visualConfig - Visual table options shared by expanded cells.
|
|
128
|
+
* @returns One expanded child data row.
|
|
129
|
+
*/
|
|
130
|
+
function ExpandedDataRow({ childBody, childData, childDataIdx, layoutConfig, visualConfig }) {
|
|
131
|
+
const sharedProps = { layoutConfig, visualConfig };
|
|
132
|
+
return (react_1.default.createElement("tr", { key: `expanded-row-${visualConfig.dataIdx}-${childDataIdx}` },
|
|
133
|
+
react_1.default.createElement(EmptyCells, { ...getBeforeEmptyCellsProps(sharedProps, `empty-before-${childDataIdx}`) }),
|
|
134
|
+
react_1.default.createElement(ChildDataCells, { childData: childData, layoutConfig: layoutConfig, childDataIdx: childDataIdx, visualConfig: visualConfig, childBody: childBody }),
|
|
135
|
+
react_1.default.createElement(EmptyCells, { ...getAfterEmptyCellsProps(sharedProps, `empty-after-${childDataIdx}`) })));
|
|
136
|
+
}
|
|
137
|
+
/**
|
|
138
|
+
* Renders expanded child rows below a parent table row.
|
|
139
|
+
*
|
|
140
|
+
* @param props - Child row data and parent table alignment options.
|
|
141
|
+
* @returns Expanded header and data rows.
|
|
142
|
+
*/
|
|
143
|
+
function ExpandedRows({ rowChildren, dataIdx, thBody, selectedAllPeople, border, spacing, textCenter, }) {
|
|
144
|
+
const { children, columnIndex } = rowChildren;
|
|
145
|
+
const childCellLength = Math.min(children.body.length, thBody.length - columnIndex);
|
|
146
|
+
const hasSelectionColumn = !!(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.enable);
|
|
147
|
+
const layoutConfig = {
|
|
148
|
+
childCellLength,
|
|
149
|
+
childStartIndex: columnIndex + (hasSelectionColumn ? 1 : 0),
|
|
150
|
+
emptyCellsAfter: Math.max(thBody.length - columnIndex - childCellLength, 0),
|
|
151
|
+
emptyCellsBefore: columnIndex + (hasSelectionColumn ? 1 : 0),
|
|
152
|
+
hasSelectionColumn,
|
|
153
|
+
};
|
|
154
|
+
const visualConfig = { border, dataIdx, spacing, textCenter };
|
|
155
|
+
const childHeaders = Array.from({ length: childCellLength }, (_, headerIdx) => { var _a; return (_a = children.headers[headerIdx]) !== null && _a !== void 0 ? _a : ''; });
|
|
156
|
+
const childBody = children.body.slice(0, childCellLength);
|
|
157
|
+
const sharedProps = { layoutConfig, visualConfig };
|
|
158
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
159
|
+
react_1.default.createElement(ExpandedHeaderRow, { childHeaders: childHeaders, ...sharedProps }),
|
|
160
|
+
children.data.map((childData, childDataIdx) => (react_1.default.createElement(ExpandedDataRow, { key: `expanded-row-${dataIdx}-${childDataIdx}`, childBody: childBody, childData: childData, childDataIdx: childDataIdx, ...sharedProps })))));
|
|
161
|
+
}
|
|
162
|
+
exports.default = ExpandedRows;
|
|
163
|
+
//# sourceMappingURL=ExpandedRows.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExpandedRows.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/ExpandedRows.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,8 +4,10 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
const Dropdown_1 = require("../../Dropdown");
|
|
6
6
|
const utils_1 = require("../utils");
|
|
7
|
+
const direct_link_1 = require("../../../hooks/direct-link");
|
|
7
8
|
const optionNumber = [150, 125, 100, 75, 50, 25, 10];
|
|
8
9
|
function PaginationSelected({ rowQuantity, setCurrentPage, setRowQuantity, paginationChange, setOffset, configUrlApply, tableKey, }) {
|
|
10
|
+
const directLink = (0, direct_link_1.PHXUseDirectLink)();
|
|
9
11
|
(0, react_1.useEffect)(() => {
|
|
10
12
|
if (configUrlApply) {
|
|
11
13
|
const { searchParams } = configUrlApply;
|
|
@@ -19,6 +21,7 @@ function PaginationSelected({ rowQuantity, setCurrentPage, setRowQuantity, pagin
|
|
|
19
21
|
content: item + '',
|
|
20
22
|
active: rowQuantity === item,
|
|
21
23
|
onClick: () => {
|
|
24
|
+
var _a;
|
|
22
25
|
setRowQuantity === null || setRowQuantity === void 0 ? void 0 : setRowQuantity(item);
|
|
23
26
|
setCurrentPage(1);
|
|
24
27
|
setOffset(0);
|
|
@@ -26,7 +29,7 @@ function PaginationSelected({ rowQuantity, setCurrentPage, setRowQuantity, pagin
|
|
|
26
29
|
paginationChange(1);
|
|
27
30
|
}
|
|
28
31
|
if (configUrlApply) {
|
|
29
|
-
utils_1.applyUrlQuery.set(configUrlApply.router, configUrlApply.searchParams, [
|
|
32
|
+
utils_1.applyUrlQuery.set(((_a = configUrlApply === null || configUrlApply === void 0 ? void 0 : configUrlApply.router) === null || _a === void 0 ? void 0 : _a.push) || directLink, configUrlApply.searchParams, [
|
|
30
33
|
{ key: `row-${tableKey}`, value: item + '' },
|
|
31
34
|
{ key: `pagi-${tableKey}`, value: '1' },
|
|
32
35
|
]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginaitonSelected.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/PaginaitonSelected.tsx"],"names":[],"mappings":";;;AAAA,uDAAwC;AACxC,6CAA4C;AAE5C,oCAAwC;
|
|
1
|
+
{"version":3,"file":"PaginaitonSelected.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/PaginaitonSelected.tsx"],"names":[],"mappings":";;;AAAA,uDAAwC;AACxC,6CAA4C;AAE5C,oCAAwC;AACxC,4DAA6D;AAE7D,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AAYpD,SAAS,kBAAkB,CAAC,EAC1B,WAAW,EACX,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,QAAQ,GACY;IACpB,MAAM,UAAU,GAAG,IAAA,8BAAgB,GAAE,CAAA;IACrC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE,CAAC;YACnB,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,CAAA;YACvC,MAAM,QAAQ,GAAG,qBAAa,CAAC,GAAG,CAAC,YAAY,EAAE,OAAO,QAAQ,EAAE,CAAC,CAAA;YAEnE,IAAI,QAAQ,EAAE,CAAC;gBACb,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;YACpC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC;QAClD,OAAO,EAAE,IAAI,GAAG,EAAE;QAClB,MAAM,EAAE,WAAW,KAAK,IAAI;QAC5B,OAAO,EAAE,GAAG,EAAE;;YACZ,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,IAAI,CAAC,CAAA;YACtB,cAAc,CAAC,CAAC,CAAC,CAAA;YACjB,SAAS,CAAC,CAAC,CAAC,CAAA;YACZ,IAAI,gBAAgB,EAAE,CAAC;gBACrB,gBAAgB,CAAC,CAAC,CAAC,CAAA;YACrB,CAAC;YACD,IAAI,cAAc,EAAE,CAAC;gBACnB,qBAAa,CAAC,GAAG,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,0CAAE,IAAI,KAAI,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE;oBACzF,EAAE,GAAG,EAAE,OAAO,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE;oBAC5C,EAAE,GAAG,EAAE,QAAQ,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;iBACxC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;KACF,CAAC,CAAC,CAAA;IAEH,OAAO,CACL,uCAAK,SAAS,EAAC,UAAU;QACvB,uCAAK,SAAS,EAAC,mDAAmD;YAChE,8BAAC,sBAAW,IAAC,aAAa,EAAE,GAAG,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG;YACnG,uCAAK,SAAS,EAAC,cAAc,yBAAoB,CAC7C,CACF,CACP,CAAA;AACH,CAAC;AAED,kBAAe,kBAAkB,CAAA"}
|
|
@@ -7,7 +7,9 @@ const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
|
|
|
7
7
|
const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
|
|
8
8
|
const PaginaitonSelected_1 = tslib_1.__importDefault(require("./PaginaitonSelected"));
|
|
9
9
|
const utils_1 = require("../utils");
|
|
10
|
+
const direct_link_1 = require("../../../hooks/direct-link");
|
|
10
11
|
function Pagination({ pagination, currentPage, setCurrentPage, offset, setOffset, tableKey, configUrlApply, }) {
|
|
12
|
+
const directLink = (0, direct_link_1.PHXUseDirectLink)();
|
|
11
13
|
(0, react_1.useEffect)(() => {
|
|
12
14
|
if (configUrlApply) {
|
|
13
15
|
const { searchParams } = configUrlApply;
|
|
@@ -20,13 +22,14 @@ function Pagination({ pagination, currentPage, setCurrentPage, offset, setOffset
|
|
|
20
22
|
}
|
|
21
23
|
}, []);
|
|
22
24
|
const handleClickPage = (page) => {
|
|
25
|
+
var _a;
|
|
23
26
|
setCurrentPage(page);
|
|
24
27
|
setOffset(page - 1);
|
|
25
28
|
if (pagination.onChange) {
|
|
26
29
|
pagination.onChange(page);
|
|
27
30
|
}
|
|
28
31
|
if (configUrlApply) {
|
|
29
|
-
utils_1.applyUrlQuery.set(configUrlApply.router, configUrlApply.searchParams, [
|
|
32
|
+
utils_1.applyUrlQuery.set(((_a = configUrlApply === null || configUrlApply === void 0 ? void 0 : configUrlApply.router) === null || _a === void 0 ? void 0 : _a.push) || directLink, configUrlApply.searchParams, [
|
|
30
33
|
{ key: `pagi-${tableKey}`, value: page + '' },
|
|
31
34
|
]);
|
|
32
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Pagination.tsx"],"names":[],"mappings":";;;AAAA,uDAAwC;AACxC,uCAAwC;AACxC,sEAAgE;AAEhE,4EAA6E;AAC7E,sFAAqD;AACrD,oCAAwC;
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,11 @@ interface RowProps {
|
|
|
15
15
|
brSetSelectedPeople(value: TTableData): void;
|
|
16
16
|
selectedPeople: Array<TTableData>;
|
|
17
17
|
border: boolean;
|
|
18
|
+
expandable?: {
|
|
19
|
+
enable: boolean;
|
|
20
|
+
isExpanded: boolean;
|
|
21
|
+
onToggle(): void;
|
|
22
|
+
};
|
|
18
23
|
}
|
|
19
|
-
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }: RowProps): React.JSX.Element;
|
|
24
|
+
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, expandable, }: RowProps): React.JSX.Element;
|
|
20
25
|
export default Row;
|
|
@@ -5,7 +5,10 @@ const react_1 = tslib_1.__importStar(require("react"));
|
|
|
5
5
|
const utils_1 = require("../utils");
|
|
6
6
|
const types_1 = require("../../types");
|
|
7
7
|
const Checkbox_1 = require("../../Checkbox");
|
|
8
|
-
|
|
8
|
+
const solid_1 = require("@heroicons/react/24/solid");
|
|
9
|
+
const TruncatedTooltip_1 = tslib_1.__importDefault(require("./TruncatedTooltip"));
|
|
10
|
+
function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, expandable, }) {
|
|
11
|
+
const cellValue = (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).value;
|
|
9
12
|
const renderInclude = (person) => {
|
|
10
13
|
return !!selectedPeople.find((select) => JSON.stringify(select) === JSON.stringify(person));
|
|
11
14
|
};
|
|
@@ -25,7 +28,12 @@ function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, reado
|
|
|
25
28
|
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (react_1.default.createElement("td", { key: keyIdx, className: (0, types_1.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' : '') },
|
|
26
29
|
react_1.default.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: (event) => event.stopPropagation() },
|
|
27
30
|
react_1.default.createElement(Checkbox_1.PHXCheckbox, { id: `${tableKey}-${dataIdx}`, checked: checked, onChange: (event) => handleChange(event) })))),
|
|
28
|
-
react_1.default.createElement("td", { key: keyIdx, className: (0, types_1.classNames)(className, !isHighlight ? (readonly ? '' : 'group-hover:bg-gray-50 group-hover:cursor-pointer') : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '') }, (0
|
|
31
|
+
react_1.default.createElement("td", { key: keyIdx, className: (0, types_1.classNames)(className, !isHighlight ? (readonly ? '' : 'group-hover:bg-gray-50 group-hover:cursor-pointer') : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '') }, (expandable === null || expandable === void 0 ? void 0 : expandable.enable) ? (react_1.default.createElement("div", { className: 'relative min-w-0' },
|
|
32
|
+
react_1.default.createElement("button", { "aria-label": expandable.isExpanded ? 'Collapse row' : 'Expand row', className: 'absolute -left-8 top-1/2 flex h-4 w-4 -translate-y-1/2 items-center justify-center rounded text-gray-700 hover:bg-gray-100', onClick: (event) => {
|
|
33
|
+
event.stopPropagation();
|
|
34
|
+
expandable.onToggle();
|
|
35
|
+
}, type: 'button' }, expandable.isExpanded ? react_1.default.createElement(solid_1.ChevronUpIcon, { className: 'h-3 w-3' }) : react_1.default.createElement(solid_1.ChevronDownIcon, { className: 'h-3 w-3' })),
|
|
36
|
+
react_1.default.createElement(TruncatedTooltip_1.default, null, cellValue))) : (cellValue))));
|
|
29
37
|
}
|
|
30
38
|
exports.default = Row;
|
|
31
39
|
//# sourceMappingURL=Row.js.map
|