pixel-react 1.16.3 → 1.17.0
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/lib/components/AddResourceButton/AddResourceButton.js +20 -15
- package/lib/components/AddResourceButton/AddResourceButton.js.map +1 -1
- package/lib/components/TableTreeFn/Components/TableBody.d.ts +1 -1
- package/lib/components/TableTreeFn/Components/TableBody.js +12 -7
- package/lib/components/TableTreeFn/Components/TableBody.js.map +1 -1
- package/lib/components/TableTreeFn/Components/TableCell.d.ts +1 -1
- package/lib/components/TableTreeFn/Components/TableCell.js +25 -17
- package/lib/components/TableTreeFn/Components/TableCell.js.map +1 -1
- package/lib/components/TableTreeFn/Components/TableHead.d.ts +1 -1
- package/lib/components/TableTreeFn/Components/TableHead.js +19 -17
- package/lib/components/TableTreeFn/Components/TableHead.js.map +1 -1
- package/lib/components/TableTreeFn/Components/TableRow.d.ts +1 -1
- package/lib/components/TableTreeFn/Components/TableRow.js +7 -2
- package/lib/components/TableTreeFn/Components/TableRow.js.map +1 -1
- package/lib/components/TableTreeFn/TableTreeFn.d.ts +1 -1
- package/lib/components/TableTreeFn/TableTreeFn.js +656 -247
- package/lib/components/TableTreeFn/TableTreeFn.js.map +1 -1
- package/lib/components/TableTreeFn/Utils/TableCell.d.ts +1 -0
- package/lib/components/TableTreeFn/Utils/TableCell.js +24 -0
- package/lib/components/TableTreeFn/Utils/TableCell.js.map +1 -0
- package/lib/components/TableTreeFn/Utils/addLastChild.d.ts +1 -1
- package/lib/components/TableTreeFn/Utils/addLastChild.js +2 -2
- package/lib/components/TableTreeFn/Utils/addLastChild.js.map +1 -1
- package/lib/components/TableTreeFn/Utils/addNewRow.js +6 -5
- package/lib/components/TableTreeFn/Utils/addNewRow.js.map +1 -1
- package/lib/components/TableTreeFn/Utils/formatDataCell.js +1 -1
- package/lib/components/TableTreeFn/Utils/formatDataCell.js.map +1 -1
- package/lib/components/TableTreeFn/Utils/updateParentSibling.d.ts +1 -1
- package/lib/components/TableTreeFn/Utils/updateParentSibling.js +7 -7
- package/lib/components/TableTreeFn/Utils/updateParentSibling.js.map +1 -1
- package/lib/components/TableTreeFn/index.d.ts +2 -0
- package/lib/components/TableTreeFn/index.js +2 -0
- package/lib/components/TableTreeFn/index.js.map +1 -1
- package/lib/components/TableTreeFn/types.d.ts +30 -7
- package/lib/index.js +7 -7
- package/lib/index.js.map +1 -1
- package/lib/styles.css +1 -1
- package/lib/styles.css.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/getTopVisibleNodeKey/getTopVisibleNodeKey.js +8 -9
- package/lib/utils/getTopVisibleNodeKey/getTopVisibleNodeKey.js.map +1 -1
- package/package.json +1 -1
|
@@ -22,36 +22,41 @@ const AddResourceButton = ({ id = 'AddModule', variant = 'primary', directionalA
|
|
|
22
22
|
},
|
|
23
23
|
], zIndex = 1400, menuOptionZIndex = 1400, treeRowRef, onMenuOptionClick, isFromTree = false, }) => {
|
|
24
24
|
const [isHovered, setIsHovered] = useState(false);
|
|
25
|
-
const [positionArrowContainer, setPositionArrowContainer] = useState({
|
|
25
|
+
const [positionArrowContainer, setPositionArrowContainer] = useState({
|
|
26
|
+
left: 0,
|
|
27
|
+
top: 0,
|
|
28
|
+
});
|
|
26
29
|
const [activeArrow, setActiveArrow] = useState('');
|
|
27
30
|
const arrowContainerRef = useRef(null);
|
|
31
|
+
const portalRef = useRef(null);
|
|
28
32
|
const validArrows = validateArrows(directionalArrow);
|
|
29
33
|
const portalPosition = usePortalPosition(arrowContainerRef, isHovered);
|
|
30
34
|
const handleHover = () => {
|
|
31
|
-
|
|
32
|
-
setIsHovered(true);
|
|
33
|
-
}
|
|
35
|
+
setIsHovered(true);
|
|
34
36
|
const { positionX, positionY } = portalPosition(arrowContainerRef);
|
|
35
37
|
setPositionArrowContainer({ left: positionX, top: positionY });
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
const actionContainer = treeRowRef?.current?.querySelector('.table-tree-row-action');
|
|
38
|
+
if (treeRowRef?.current) {
|
|
39
|
+
const actionContainer = treeRowRef.current.querySelector('.table-tree-fn-row-action, .table-tree-row-action');
|
|
39
40
|
actionContainer?.classList.add('table-row-add-button');
|
|
40
41
|
}
|
|
41
42
|
};
|
|
42
|
-
const handleLeave = () => {
|
|
43
|
+
const handleLeave = (e) => {
|
|
44
|
+
const nextTarget = e.relatedTarget;
|
|
45
|
+
const isInsideButton = arrowContainerRef.current?.contains(nextTarget);
|
|
46
|
+
const isInsidePortal = portalRef.current?.contains(nextTarget);
|
|
47
|
+
if (isInsideButton || isInsidePortal)
|
|
48
|
+
return;
|
|
43
49
|
setIsHovered(false);
|
|
44
50
|
setActiveArrow('');
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
const actionContainer = treeRowRef?.current?.querySelector('.table-tree-row-action');
|
|
51
|
+
if (treeRowRef?.current) {
|
|
52
|
+
const actionContainer = treeRowRef.current.querySelector('.table-tree-fn-row-action, .table-tree-row-action');
|
|
48
53
|
actionContainer?.classList.remove('table-row-add-button');
|
|
49
54
|
}
|
|
50
55
|
};
|
|
51
56
|
const handleArrowClick = (direction) => {
|
|
52
57
|
if (activeArrow === direction) {
|
|
53
58
|
setActiveArrow('');
|
|
54
|
-
setIsHovered(
|
|
59
|
+
setIsHovered(true);
|
|
55
60
|
}
|
|
56
61
|
else {
|
|
57
62
|
setActiveArrow(direction);
|
|
@@ -66,13 +71,13 @@ const AddResourceButton = ({ id = 'AddModule', variant = 'primary', directionalA
|
|
|
66
71
|
const arrowCountClass = validArrows.length === 2 ? 'ff-two-arrows' : '';
|
|
67
72
|
return `ff-${directions} ${arrowCountClass}`;
|
|
68
73
|
};
|
|
69
|
-
return (_jsxs("div", { className: `${isFromTree ? 'ff-add-button-tree' : 'ff-add-button-container'} ${isHovered
|
|
74
|
+
return (_jsxs("div", { id: id, ref: arrowContainerRef, className: `${isFromTree ? 'ff-add-button-tree' : 'ff-add-button-container'} ${isHovered ? `ff-hovered-add-button--${variant}` : ''}`, onMouseEnter: handleHover, onMouseLeave: handleLeave, children: [_jsx("span", { className: "ff-add-button", children: _jsx(Icon, { name: "plus_icon", width: 16, height: 16, className: isHovered
|
|
70
75
|
? `ff-hovered-add-icon--${variant}`
|
|
71
76
|
: `ff-add-icon--${variant}` }) }), isHovered &&
|
|
72
|
-
createPortal(_jsx("div", { id:
|
|
77
|
+
createPortal(_jsx("div", { ref: portalRef, id: "portal-123", className: `ff-arrow-buttons-container ${getArrowButtonClass()}`, onMouseEnter: handleHover, onMouseLeave: handleLeave, style: {
|
|
73
78
|
left: positionArrowContainer.left + (isFromTree ? 4 : 0),
|
|
74
79
|
top: positionArrowContainer.top + (isFromTree ? 2 : 0),
|
|
75
|
-
zIndex
|
|
80
|
+
zIndex,
|
|
76
81
|
}, children: directionalArrow.map(({ direction, menuOptions }, index) => (_jsx(ArrowsButton, { direction: direction, onArrowClick: () => handleArrowClick(direction), menuOptions: menuOptions, isActive: activeArrow === direction, variant: variant, treeRowRef: treeRowRef, onMenuOptionClick: onMenuOptionClick, menuOptionZIndex: menuOptionZIndex }, index))) }), document.body)] }));
|
|
77
82
|
};
|
|
78
83
|
export default AddResourceButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddResourceButton.js","sourceRoot":"","sources":["../../../src/components/AddResourceButton/AddResourceButton.tsx"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAGL,cAAc,GACf,MAAM,QAAQ,CAAC;AAChB,OAAO,iBAAiB,MAAM,+BAA+B,CAAC;AAE9D,MAAM,iBAAiB,GAAG,CAAC,EACzB,EAAE,GAAG,WAAW,EAChB,OAAO,GAAG,SAAS,EACnB,gBAAgB,GAAG;IACjB;QACE,SAAS,EAAE,OAAO;QAClB,WAAW,EAAE;YACX;gBACE,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,YAAY;gBACnB,IAAI,EAAE,EAAE;gBACR,OAAO,EAAE,KAAK;gBACd,gBAAgB,EAAE,EAAE;gBACpB,yBAAyB,EAAE,SAAS;aACrC;SACF;KACF;CACF,EACD,MAAM,GAAG,IAAI,EACb,gBAAgB,GAAG,IAAI,EACvB,UAAU,EACV,iBAAiB,EACjB,UAAU,GAAG,KAAK,GACK,EAAE,EAAE;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,
|
|
1
|
+
{"version":3,"file":"AddResourceButton.js","sourceRoot":"","sources":["../../../src/components/AddResourceButton/AddResourceButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { TableBodyProps } from '../types';
|
|
2
|
-
declare const TableBody: ({ flattenedTreeData, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange,
|
|
2
|
+
declare const TableBody: ({ flattenedTreeData, columnsData, columnMeta, rowHeight, startIndex, totalHeight, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, expanding, selectedNode, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default TableBody;
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { addNewRow } from '../Utils/addNewRow';
|
|
3
2
|
import TableRow from './TableRow';
|
|
4
|
-
const TableBody = ({ flattenedTreeData, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange,
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
const TableBody = ({ flattenedTreeData, columnsData, columnMeta, rowHeight = 32, startIndex = 0, totalHeight = 0, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, expanding, selectedNode, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, }) => {
|
|
4
|
+
return (_jsx("div", { className: "ff-table-tree-fn-body", style: {
|
|
5
|
+
height: `${totalHeight}px`,
|
|
6
|
+
position: 'relative',
|
|
7
|
+
}, children: flattenedTreeData?.map((node, index) => (_jsx(TableRow, { node: node, columnsData: columnsData, columnMeta: columnMeta, selected: selected, select: select, onRowClick: onRowClick, onToggleExpand: onToggleExpand, onCheckBoxChange: onCheckBoxChange, onAddConfirm: onAddConfirm, onAddCancel: onAddCancel, handleEditFieldError: handleEditFieldError, isExpanding: node.key === expanding, index: startIndex + index, selectedNode: selectedNode, hideOnDisable: hideOnDisable, scriptLengthTruncate: scriptLengthTruncate, addModuleInputWidth: addModuleInputWidth, addModuleSelectWidth: addModuleSelectWidth, disableEditLabelConfirmIcon: disableEditLabelConfirmIcon, isEditable: isEditable, setIsEditable: setIsEditable, style: {
|
|
8
|
+
transform: `translateY(${(startIndex + index) * rowHeight}px)`,
|
|
9
|
+
height: `${rowHeight}px`,
|
|
10
|
+
position: 'absolute',
|
|
11
|
+
top: 0,
|
|
12
|
+
left: 0,
|
|
13
|
+
right: 0,
|
|
14
|
+
} }, node.key))) }));
|
|
10
15
|
};
|
|
11
16
|
export default TableBody;
|
|
12
17
|
//# sourceMappingURL=TableBody.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/Components/TableBody.tsx"],"names":[],"mappings":";AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/Components/TableBody.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,EACjB,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,CAAC,EACd,WAAW,GAAG,CAAC,EACf,QAAQ,EACR,MAAM,EACN,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,UAAU,EACV,aAAa,GACE,EAAE,EAAE;IACnB,OAAO,CACL,cACE,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE;YACL,MAAM,EAAE,GAAG,WAAW,IAAI;YAC1B,QAAQ,EAAE,UAAU;SACrB,YAEA,iBAAiB,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,KAAC,QAAQ,IAEP,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,IAAI,CAAC,GAAG,KAAK,SAAS,EACnC,KAAK,EAAE,UAAU,GAAG,KAAK,EACzB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,2BAA2B,EAAE,2BAA2B,EACxD,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE;gBACL,SAAS,EAAE,cAAc,CAAC,UAAU,GAAG,KAAK,CAAC,GAAG,SAAS,KAAK;gBAC9D,MAAM,EAAE,GAAG,SAAS,IAAI;gBACxB,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,CAAC;aACT,IA7BI,IAAI,CAAC,GAAG,CA8Bb,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TableCellProps } from '../types';
|
|
3
|
-
declare const TableCell: React.MemoExoticComponent<({ treeRowRef, col, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, columnTextColor, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
|
|
3
|
+
declare const TableCell: React.MemoExoticComponent<({ treeRowRef, col, colIndex, columnMeta, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, columnTextColor, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
|
|
4
4
|
export default TableCell;
|
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { formatCellData } from '../Utils/formatDataCell';
|
|
4
|
+
import { prepareData } from '../Utils/TableCell';
|
|
5
|
+
import { checkEmpty } from '../../../utils/checkEmpty/checkEmpty';
|
|
6
|
+
import Tooltip from '../../Tooltip';
|
|
4
7
|
import Checkbox from '../../Checkbox';
|
|
5
8
|
import RadioButton from '../../RadioButton';
|
|
6
|
-
import { checkEmpty } from '../../../utils/checkEmpty/checkEmpty';
|
|
7
9
|
import AddModule from '../../EditLabel';
|
|
8
10
|
import Arrow from '../../../assets/icons/arrows_down_icon.svg?react';
|
|
9
11
|
import Spinner from '../../../assets/icons/spinner.svg?react';
|
|
10
|
-
import Tooltip from '../../Tooltip';
|
|
11
|
-
import { formatCellData } from '../Utils/formatDataCell';
|
|
12
12
|
const renderSpaces = (level, parentSiblings = [], isLast, nextSibling, isContainer) => {
|
|
13
13
|
let siblingsArray = parentSiblings;
|
|
14
|
-
|
|
14
|
+
const isLastNode = nextSibling !== undefined ? !nextSibling : isLast;
|
|
15
15
|
if (checkEmpty(parentSiblings)) {
|
|
16
16
|
if (!isNaN(level)) {
|
|
17
17
|
siblingsArray = Array(level).fill(true);
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
return (_jsx("div", { className: "tree-table-space-container", children: siblingsArray?.map((line, i) => (_jsx("span", { className: `tree-table-space-block tree-table-space-block-${i} ${!line ? 'no-lines' : ''} ${isLastNode && i === level - 1 ? 'last-node' : ''} ${isContainer ? 'folder' : ''}` }, i))) }));
|
|
20
|
+
return (_jsx("div", { className: "tree-table-fn-space-container", children: siblingsArray?.map((line, i) => (_jsx("span", { className: `tree-table-fn-space-block tree-table-fn-space-block-${i} ${!line ? 'no-lines' : ''} ${isLastNode && i === level - 1 ? 'last-node' : ''} ${isContainer ? 'folder' : ''}` }, i))) }));
|
|
21
21
|
};
|
|
22
|
-
const TableCell = React.memo(({ treeRowRef, col, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, columnTextColor, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, }) => {
|
|
22
|
+
const TableCell = React.memo(({ treeRowRef, col, colIndex, columnMeta, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, columnTextColor, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, }) => {
|
|
23
23
|
//Todo uncomment the following code when we are highlighting the tree table nodes on hover
|
|
24
24
|
// useEffect(() => {
|
|
25
25
|
// const handleHover = (event: MouseEvent, isHovering: boolean) => {
|
|
26
26
|
// const target = event.target as HTMLElement;
|
|
27
27
|
// const levelClass = Array.from(target.classList).find((cls) =>
|
|
28
|
-
// cls.startsWith('tree-table-space-block-')
|
|
28
|
+
// cls.startsWith('tree-table-fn-space-block-')
|
|
29
29
|
// );
|
|
30
30
|
// if (levelClass) {
|
|
31
31
|
// const level = levelClass.split('-').pop();
|
|
32
32
|
// // Check if level is valid before selecting elements
|
|
33
33
|
// if (level) {
|
|
34
34
|
// const sameLevelBlocks = document.querySelectorAll(
|
|
35
|
-
// `.tree-table-space-block-${level}`
|
|
35
|
+
// `.tree-table-fn-space-block-${level}`
|
|
36
36
|
// ) as NodeListOf<HTMLElement>;
|
|
37
37
|
// sameLevelBlocks.forEach((block) => {
|
|
38
38
|
// if (isHovering) {
|
|
@@ -45,7 +45,7 @@ const TableCell = React.memo(({ treeRowRef, col, node, selected, select, onCheck
|
|
|
45
45
|
// }
|
|
46
46
|
// };
|
|
47
47
|
// const spaceBlocks = document.querySelectorAll(
|
|
48
|
-
// '.tree-table-space-block'
|
|
48
|
+
// '.tree-table-fn-space-block'
|
|
49
49
|
// ) as NodeListOf<HTMLElement>;
|
|
50
50
|
// spaceBlocks.forEach((block) => {
|
|
51
51
|
// block.addEventListener('mouseenter', (e) => handleHover(e, true));
|
|
@@ -58,12 +58,19 @@ const TableCell = React.memo(({ treeRowRef, col, node, selected, select, onCheck
|
|
|
58
58
|
// });
|
|
59
59
|
// };
|
|
60
60
|
// }, []);
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
const cellStyle = {
|
|
62
|
+
color: `${columnTextColor || 'var(--ff-primary-text-color)'}`,
|
|
63
|
+
width: columnMeta?.width ?? col?.width,
|
|
64
|
+
position: columnMeta?.sticky ? 'sticky' : undefined,
|
|
65
|
+
left: columnMeta?.sticky ? columnMeta.left : undefined,
|
|
66
|
+
zIndex: columnMeta?.sticky ? columnMeta.zIndex : undefined,
|
|
67
|
+
};
|
|
68
|
+
return (_jsxs("div", { className: `ff-table-tree-fn-td ${col.isTree && node.container ? 'folder' : ''} ${columnMeta?.sticky ? 'sticky-tree-column' : ''}`, "data-col-index": colIndex, style: cellStyle, children: [col.isTree &&
|
|
69
|
+
renderSpaces(node.hierarchy, node.parentSiblings, node.lastChild, node.nextSibling, node.container), _jsxs("div", { className: "tree-fn-title-container", children: [col.isTree && (_jsx("span", { className: `tree-table-fn-space-block last-tree-fn-block last-tree-fn-block tree-table-fn-space-block-${node.hierarchy} ${node?.expanded
|
|
70
|
+
? 'tree-fn-row-expanded'
|
|
71
|
+
: 'tree-fn-row-collapsed'} ${node.container && node.expandable ? '' : 'no-tree-folder'}`, children: node.container && node.expandable && (_jsxs("span", { onClick: () => onToggleExpand(node), children: [' ', isExpanding ? _jsx(Spinner, {}) : _jsx(Arrow, {})] })) })), _jsxs("span", { className: `tree-table-fn-td-content ${col.isTree && node.container ? 'folder' : ''}`, children: [!node?.isNewNode && (_jsxs(_Fragment, { children: [col.isTree &&
|
|
65
72
|
select === 'checkbox' &&
|
|
66
|
-
!(hideOnDisable && node.unselectable) && (_jsx("span", { className: "tree-table-td-content-select", children: node.selectedStatus === 'none' ? (_jsx(Tooltip, { title: node?.currentEnvId &&
|
|
73
|
+
!(hideOnDisable && node.unselectable) && (_jsx("span", { className: "tree-table-fn-td-content-select", children: node.selectedStatus === 'none' ? (_jsx(Tooltip, { title: node?.currentEnvId &&
|
|
67
74
|
node?.envId &&
|
|
68
75
|
node?.currentEnvId !== node?.envId
|
|
69
76
|
? 'This script is assigned to another environment. Selecting it will reassign it to the current environment.'
|
|
@@ -73,11 +80,12 @@ const TableCell = React.memo(({ treeRowRef, col, node, selected, select, onCheck
|
|
|
73
80
|
node.state === 'REVIEW' ||
|
|
74
81
|
node?.isDisable === true })) })), col.isTree &&
|
|
75
82
|
select === 'radio' &&
|
|
76
|
-
!(hideOnDisable && node.unselectable) && (_jsx("span", { className: "tree-table-td-content-select", children: _jsx(RadioButton, { name: node.key, checked: selected.includes(node.key), value: node.key, onChange: (e) => onCheckBoxChange(e, node), disabled: node.unselectable ||
|
|
83
|
+
!(hideOnDisable && node.unselectable) && (_jsx("span", { className: "tree-table-fn-td-content-select", children: _jsx(RadioButton, { name: node.key, checked: selected.includes(node.key), value: node.key, onChange: (e) => onCheckBoxChange(e, node), disabled: node.unselectable ||
|
|
77
84
|
node.state === 'REVIEW' ||
|
|
78
|
-
node?.isDisable === true }) }))] })), node.isNewNode && col.isTree ? (_jsx(AddModule, { onCancel: onAddCancel, onConfirm: onAddConfirm, value: node.value, label: node?.label, optionsList: node.options, selectedOption: node.selectedOption, withDropdown: node.type === 'inputWithDropdown', handleCustomError: handleEditFieldError, inputFieldWidth: addModuleInputWidth, selectFieldWidth: addModuleSelectWidth, confirmIconTooltip: node.confirmIconTooltip, cancelIconTooltip: node.cancelIconTooltip, isOnBlurTrue:
|
|
85
|
+
node?.isDisable === true }) }))] })), node.isNewNode && col.isTree ? (_jsx(AddModule, { onCancel: onAddCancel, onConfirm: onAddConfirm, value: node.value, label: node?.label, optionsList: node.options, selectedOption: node.selectedOption, withDropdown: node.type === 'inputWithDropdown', handleCustomError: handleEditFieldError, inputFieldWidth: addModuleInputWidth, selectFieldWidth: addModuleSelectWidth, confirmIconTooltip: node.confirmIconTooltip, cancelIconTooltip: node.cancelIconTooltip, isEditable: isEditable, setIsEditable: setIsEditable, isOnBlurTrue: false, isDisable: { confirm: disableEditLabelConfirmIcon } })) : (_jsx("span", { className: "tree-table-fn-td-content-text", children: formatCellData(prepareData(node, col), scriptLengthTruncate) }))] })] }), col.actions && !node?.isNewNode && (_jsx("div", { className: `table-tree-fn-row-action`, children: (() => {
|
|
79
86
|
return col.actions(node, treeRowRef);
|
|
80
87
|
})() }))] }));
|
|
81
88
|
});
|
|
89
|
+
TableCell.displayName = 'TableCell';
|
|
82
90
|
export default TableCell;
|
|
83
91
|
//# sourceMappingURL=TableCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/Components/TableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/Components/TableCell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TableHeadProps } from '../types';
|
|
3
|
-
declare const TableHead: React.MemoExoticComponent<({ columnsData, rootNode, selected, onCheckBoxChange, selectedNode, tableHeaderBgColor, hideOnDisable, transparentHeader, scriptLengthTruncate, showHeader, }: TableHeadProps) => import("react/jsx-runtime").JSX.Element>;
|
|
3
|
+
declare const TableHead: React.MemoExoticComponent<({ columnsData, columnMeta, totalWidth, rootNode, selected, onCheckBoxChange, selectedNode, tableHeaderBgColor, hideOnDisable, transparentHeader, scriptLengthTruncate, showHeader, }: TableHeadProps) => import("react/jsx-runtime").JSX.Element>;
|
|
4
4
|
export default TableHead;
|
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React, { useState, useEffect, useRef } from 'react';
|
|
3
|
+
import { formatCellData } from '../Utils/formatDataCell';
|
|
4
|
+
import { prepareData } from '../Utils/TableCell';
|
|
3
5
|
import Checkbox from '../../Checkbox';
|
|
4
6
|
import RadioButton from '../../RadioButton';
|
|
5
|
-
|
|
6
|
-
import { prepareData } from '../../../utils/TableCell/TableCell';
|
|
7
|
-
const TableHead = React.memo(({ columnsData, rootNode, selected, onCheckBoxChange, selectedNode, tableHeaderBgColor, hideOnDisable, transparentHeader, scriptLengthTruncate = 25, showHeader = true, }) => {
|
|
8
|
-
// const hasDefaultValues = useMemo(
|
|
9
|
-
// () => columnsData.some(({ defaultValue }) => !!defaultValue),
|
|
10
|
-
// [columnsData]
|
|
11
|
-
// );
|
|
7
|
+
const TableHead = React.memo(({ columnsData, columnMeta, totalWidth, rootNode, selected, onCheckBoxChange, selectedNode, tableHeaderBgColor, hideOnDisable, transparentHeader, scriptLengthTruncate = 25, showHeader = true, }) => {
|
|
12
8
|
const rootNodeRowRef = useRef(null);
|
|
13
9
|
const [isMounted, setIsMounted] = useState(false);
|
|
14
10
|
const [didMouseEntered, setDidMouseEntered] = useState(false);
|
|
@@ -23,29 +19,35 @@ const TableHead = React.memo(({ columnsData, rootNode, selected, onCheckBoxChang
|
|
|
23
19
|
useEffect(() => {
|
|
24
20
|
setIsMounted(true);
|
|
25
21
|
}, []);
|
|
26
|
-
|
|
27
|
-
|
|
22
|
+
const getCellStyle = (index, width) => {
|
|
23
|
+
const meta = columnMeta?.[index];
|
|
24
|
+
return {
|
|
25
|
+
width: meta?.width ?? width,
|
|
26
|
+
position: meta?.sticky ? 'sticky' : undefined,
|
|
27
|
+
left: meta?.sticky ? meta.left : undefined,
|
|
28
|
+
zIndex: meta?.sticky ? meta.zIndex : undefined,
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
return (_jsxs("div", { className: "ff-table-tree-fn-head", children: [showHeader && (_jsx("div", { className: "ff-table-tree-fn-row no-hover", style: { minWidth: totalWidth }, children: columnsData.map(({ name, width }, index) => (_jsx("div", { className: `ff-table-tree-fn-th ${columnMeta?.[index]?.sticky ? 'sticky-tree-column' : ''}`, "data-col-index": index, style: {
|
|
32
|
+
...getCellStyle(index, width),
|
|
28
33
|
backgroundColor: transparentHeader
|
|
29
34
|
? 'transparent'
|
|
30
35
|
: tableHeaderBgColor,
|
|
31
36
|
pointerEvents: transparentHeader ? 'none' : 'auto',
|
|
32
|
-
}, children: name }, name))) })), rootNode && (_jsx("
|
|
37
|
+
}, children: name }, name))) })), rootNode && (_jsx("div", { className: `ff-table-tree-fn-row show-tree ${selectedNode && selectedNode === rootNode?.node?.key
|
|
33
38
|
? 'hover'
|
|
34
|
-
: ''}`, ref: rootNodeRowRef, children: columnsData.map((col, index) => (_jsx("
|
|
39
|
+
: ''}`, ref: rootNodeRowRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: columnsData.map((col, index) => (_jsx("div", { className: `ff-table-tree-fn-td ${columnMeta?.[index]?.sticky ? 'sticky-tree-column' : ''}`, "data-col-index": index, style: getCellStyle(index, col.width), children: _jsxs("span", { className: "tree-table-fn-default-content", children: [index === 0 &&
|
|
35
40
|
rootNode.select === 'checkbox' &&
|
|
36
41
|
!(hideOnDisable && rootNode.node.isDisabled) && (_jsx(Checkbox, { checked: rootNode?.node?.selectedStatus !== 'partially' &&
|
|
37
42
|
(rootNode?.node?.selectedStatus === 'completely' ||
|
|
38
43
|
false), partial: rootNode.node.selectedStatus === 'partially', onChange: (e) => onCheckBoxChange(e, rootNode.node), disabled: rootNode.node.isDisabled })), index === 0 &&
|
|
39
44
|
rootNode.select === 'radio' &&
|
|
40
|
-
!(hideOnDisable && rootNode.node.isDisabled) && (_jsx(RadioButton, { name: rootNode.node.key, checked: selected.includes(rootNode.node.key), value: rootNode.node.key, onChange: (e) => onCheckBoxChange(e, rootNode.node), disabled: rootNode.node.isDisabled })), _jsxs("span", { className: "tree-table-td-content-text", children: [col.accessor === 'name' ? (_jsx("span", { children: rootNode.node[col.accessor] })) : (_jsx("span", { children: formatCellData(prepareData(rootNode.node, col), scriptLengthTruncate) })), rootNode.cell && index === 0 && (_jsx("span", { className: "table-tree-root-cell", children: (
|
|
41
|
-
return rootNode.cell(rootNode.node);
|
|
42
|
-
})() }))] }), didMouseEntered &&
|
|
45
|
+
!(hideOnDisable && rootNode.node.isDisabled) && (_jsx(RadioButton, { name: rootNode.node.key, checked: selected.includes(rootNode.node.key), value: rootNode.node.key, onChange: (e) => onCheckBoxChange(e, rootNode.node), disabled: rootNode.node.isDisabled })), _jsxs("span", { className: "tree-table-fn-td-content-text", children: [col.accessor === 'name' ? (_jsx("span", { children: rootNode.node[col.accessor] })) : (_jsx("span", { children: formatCellData(prepareData(rootNode.node, col), scriptLengthTruncate) })), rootNode.cell && index === 0 && (_jsx("span", { className: "table-tree--fn-root-cell", children: rootNode.cell(rootNode.node) }))] }), didMouseEntered &&
|
|
43
46
|
rootNode.actions &&
|
|
44
47
|
index === 0 &&
|
|
45
48
|
isMounted &&
|
|
46
|
-
rootNodeRowRef.current && (_jsx("div", { className: "table-tree-row-action", children: (
|
|
47
|
-
return rootNode.actions(rootNode.node, rootNodeRowRef);
|
|
48
|
-
})() }))] }) }, index))) }))] }));
|
|
49
|
+
rootNodeRowRef.current && (_jsx("div", { className: "table-tree-fn-row-action", children: rootNode.actions(rootNode.node, rootNodeRowRef) }))] }) }, index))) }))] }));
|
|
49
50
|
});
|
|
51
|
+
TableHead.displayName = 'TableHead';
|
|
50
52
|
export default TableHead;
|
|
51
53
|
//# sourceMappingURL=TableHead.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/Components/TableHead.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/Components/TableHead.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { TableRowProps } from '../types';
|
|
3
|
-
declare const TableRow: React.MemoExoticComponent<({ node, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, index, selectedNode, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
|
|
3
|
+
declare const TableRow: React.MemoExoticComponent<({ node, columnsData, columnMeta, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, index, selectedNode, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, style, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
|
|
4
4
|
export default TableRow;
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React, { useRef } from 'react';
|
|
3
3
|
import TableCell from './TableCell';
|
|
4
|
-
const TableRow = React.memo(({ node, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, index, selectedNode, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, }) => {
|
|
4
|
+
const TableRow = React.memo(({ node, columnsData, columnMeta, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, index, selectedNode, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, style, }) => {
|
|
5
5
|
const treeRowRef = useRef(null);
|
|
6
|
-
return (_jsx("
|
|
6
|
+
return (_jsx("div", { "data-level": node.hierarchy, ref: treeRowRef, className: `ff-table-tree-fn-row show-tree ${selectedNode && selectedNode === node.key ? 'fn-selected-node' : ''}`, onClick: (e) => onRowClick(e, node), onKeyDown: (e) => {
|
|
7
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
8
|
+
onRowClick(e, node);
|
|
9
|
+
}
|
|
10
|
+
}, role: "button", tabIndex: 0, id: index === 0 ? 'table-fn-first-row' : node.key, style: style, children: columnsData.map((col, colIndex) => (_jsx(TableCell, { treeRowRef: treeRowRef, col: col, colIndex: colIndex, node: node, selected: selected, select: select, onCheckBoxChange: onCheckBoxChange, onToggleExpand: onToggleExpand, onAddConfirm: onAddConfirm, onAddCancel: onAddCancel, handleEditFieldError: handleEditFieldError, isExpanding: isExpanding, hideOnDisable: hideOnDisable, scriptLengthTruncate: scriptLengthTruncate, addModuleInputWidth: addModuleInputWidth, addModuleSelectWidth: addModuleSelectWidth, disableEditLabelConfirmIcon: disableEditLabelConfirmIcon, isEditable: isEditable, setIsEditable: setIsEditable, columnMeta: columnMeta?.[colIndex] }, col.name))) }));
|
|
7
11
|
});
|
|
12
|
+
TableRow.displayName = 'TableRow';
|
|
8
13
|
export default TableRow;
|
|
9
14
|
//# sourceMappingURL=TableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/Components/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/Components/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,CAAC,EACC,IAAI,EACJ,WAAW,EACX,UAAU,EACV,QAAQ,EACR,MAAM,EACN,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,WAAW,EACX,KAAK,EACL,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,UAAU,EACV,aAAa,EACb,KAAK,GACS,EAAE,EAAE;IAClB,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,OAAO,CACL,4BACc,IAAI,CAAC,SAAS,EAC1B,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,kCACT,YAAY,IAAI,YAAY,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EACnE,EAAE,EACF,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,EACnC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EACjD,KAAK,EAAE,KAAK,YAEX,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAClC,KAAC,SAAS,IACR,UAAU,EAAE,UAAU,EAEtB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,2BAA2B,EAAE,2BAA2B,EACxD,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EAAE,CAAC,QAAQ,CAAC,IAnB7B,GAAG,CAAC,IAAI,CAoBb,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import './
|
|
2
|
+
import './TableTreeFn.scss';
|
|
3
3
|
import type { TreeTableProps } from './types';
|
|
4
4
|
declare const TableTreeFn: React.ForwardRefExoticComponent<TreeTableProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
5
|
export default TableTreeFn;
|