pixel-react 1.9.5 → 1.9.7
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/.yarn/install-state.gz +0 -0
- package/lib/ComponentProps/TreeNodeProps.d.ts +31 -0
- package/lib/components/ConditionalDropdown/types.d.ts +4 -3
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.d.ts +1 -0
- package/lib/components/Input/types.d.ts +2 -0
- package/lib/components/MobileSkin/MobileSkinInterface.d.ts +2 -2
- package/lib/components/MobileSkin/types.d.ts +9 -8
- package/lib/components/Select/types.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/types.d.ts +8 -0
- package/lib/components/SequentialConnectingBranch/types.d.ts +17 -4
- package/lib/components/TableTree/Components/TableBody.d.ts +1 -1
- package/lib/components/TableTree/types.d.ts +5 -32
- package/lib/index.d.ts +46 -75
- package/lib/index.esm.js +292 -98
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +292 -98
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/getSequentialPayload/types.d.ts +6 -0
- package/lib/utils/getTreeDetails/getTreeDetails.d.ts +1 -29
- package/lib/utils/handleTreeNodeSelect/handleTreeNodeSelect.d.ts +1 -30
- package/package.json +1 -1
- package/src/ComponentProps/TreeNodeProps.ts +31 -0
- package/src/assets/Themes/BaseTheme.scss +3 -0
- package/src/assets/Themes/DarkTheme.scss +3 -0
- package/src/assets/styles/_colors.scss +5 -0
- package/src/components/ConditionalDropdown/ConditionalDropdown.tsx +149 -30
- package/src/components/ConditionalDropdown/types.ts +27 -25
- package/src/components/Drawer/Drawer.scss +1 -1
- package/src/components/Drawer/Drawer.tsx +1 -1
- package/src/components/Editor/VariableDropdown.tsx +1 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +39 -8
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +0 -4
- package/src/components/Input/Input.tsx +4 -0
- package/src/components/Input/types.ts +5 -0
- package/src/components/InputWithDropdown/InputWithDropdown.tsx +1 -0
- package/src/components/MobileSkin/MobileSkin.scss +0 -8
- package/src/components/MobileSkin/MobileSkin.stories.tsx +10 -9
- package/src/components/MobileSkin/MobileSkin.tsx +16 -31
- package/src/components/MobileSkin/MobileSkinInterface.ts +2 -2
- package/src/components/MobileSkin/types.ts +9 -8
- package/src/components/RadioButton/RadioButton.tsx +5 -1
- package/src/components/Select/Select.stories.tsx +2 -0
- package/src/components/Select/Select.tsx +4 -1
- package/src/components/Select/components/Dropdown.tsx +1 -2
- package/src/components/Select/types.ts +6 -1
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +35 -28
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +58 -14
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +45 -20
- package/src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.tsx +41 -0
- package/src/components/SequentialConnectingBranch/components/DatasetTooltip/types.ts +9 -0
- package/src/components/SequentialConnectingBranch/types.ts +19 -5
- package/src/components/TableTree/Components/TableBody.tsx +22 -20
- package/src/components/TableTree/Components/TableCell.tsx +18 -6
- package/src/components/TableTree/Components/TableHead.tsx +5 -3
- package/src/components/TableTree/Components/TableRow.tsx +0 -3
- package/src/components/TableTree/TableTree.scss +88 -51
- package/src/components/TableTree/TableTree.stories.tsx +8 -7
- package/src/components/TableTree/TableTree.tsx +7 -2
- package/src/components/TableTree/data.ts +1 -1
- package/src/components/TableTree/types.ts +5 -33
- package/src/components/Tabs/Tabs.scss +1 -1
- package/src/index.ts +7 -0
- package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +1 -0
- package/src/utils/getSequentialPayload/getSequentialPayload.ts +1 -1
- package/src/utils/getSequentialPayload/types.ts +6 -0
- package/src/utils/getTreeDetails/getTreeDetails.ts +1 -29
- package/src/utils/handleTreeNodeSelect/handleTreeNodeSelect.ts +1 -30
@@ -5,6 +5,7 @@ import TableHead from './Components/TableHead';
|
|
5
5
|
import TableBody from './Components/TableBody';
|
6
6
|
import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';
|
7
7
|
import functionCheck from '../../utils/functionCheck/functionCheck';
|
8
|
+
import { TreeNodeProps } from '../../ComponentProps/TreeNodeProps';
|
8
9
|
|
9
10
|
const TreeTable: React.FC<TreeTableProps> = ({
|
10
11
|
treeData,
|
@@ -15,13 +16,15 @@ const TreeTable: React.FC<TreeTableProps> = ({
|
|
15
16
|
onClick,
|
16
17
|
onExpand,
|
17
18
|
loadMore = () => {},
|
19
|
+
tableBorder,
|
18
20
|
height = 'auto',
|
19
21
|
}) => {
|
22
|
+
// const treeRef = useRef(null);
|
20
23
|
useIntersectionObserver(
|
21
24
|
['ff-table-tree-last-node', 'ff-table-tree-first-node'],
|
22
25
|
{
|
23
26
|
root: document.getElementById('ff-table-tree-scroll-container'),
|
24
|
-
rootMargin: '
|
27
|
+
rootMargin: '8px',
|
25
28
|
threshold: 0.1,
|
26
29
|
onIntersect: (entry) => {
|
27
30
|
if (entry.isIntersecting) {
|
@@ -39,7 +42,7 @@ const TreeTable: React.FC<TreeTableProps> = ({
|
|
39
42
|
);
|
40
43
|
|
41
44
|
const handleToggleExpand = useCallback(
|
42
|
-
(node:
|
45
|
+
(node: TreeNodeProps, index: number) => onExpand?.(node, index),
|
43
46
|
[onExpand]
|
44
47
|
);
|
45
48
|
|
@@ -60,9 +63,11 @@ const TreeTable: React.FC<TreeTableProps> = ({
|
|
60
63
|
<div
|
61
64
|
className="table-scrollable"
|
62
65
|
id="ff-table-tree-scroll-container"
|
66
|
+
// ref={treeRef}
|
63
67
|
style={
|
64
68
|
{
|
65
69
|
'--table-height': `${height !== 'auto' ? height + 'px' : height}`,
|
70
|
+
border: tableBorder,
|
66
71
|
} as React.CSSProperties
|
67
72
|
}
|
68
73
|
>
|
@@ -1,34 +1,5 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
|
-
|
3
|
-
export interface TreeNode {
|
4
|
-
createdBy: string;
|
5
|
-
modifiedBy: string;
|
6
|
-
createdByUname: string;
|
7
|
-
modifiedByUname: string;
|
8
|
-
createdOn: string;
|
9
|
-
modifiedOn: string;
|
10
|
-
state: string;
|
11
|
-
path: string;
|
12
|
-
searchKey: string;
|
13
|
-
key: string;
|
14
|
-
name: string;
|
15
|
-
projectId: string;
|
16
|
-
hierarchy: number;
|
17
|
-
executionOrder: number;
|
18
|
-
subContainerCount: number;
|
19
|
-
resourceCount: number;
|
20
|
-
totalSubContainerCount: number;
|
21
|
-
totalResourceCount: number;
|
22
|
-
totalProjectElementCount: number;
|
23
|
-
totalSharedElementCount: number;
|
24
|
-
container: boolean;
|
25
|
-
localDelete: boolean;
|
26
|
-
defaultEntity: boolean;
|
27
|
-
lastResource: boolean;
|
28
|
-
platform: string;
|
29
|
-
parentId?: string;
|
30
|
-
parentName?: string;
|
31
|
-
}
|
2
|
+
import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
|
32
3
|
|
33
4
|
declare type JSX = ReactNode | JSX.Element[] | string | null;
|
34
5
|
|
@@ -51,7 +22,7 @@ export interface TableBodyProps {
|
|
51
22
|
selected: string[];
|
52
23
|
select: string | null;
|
53
24
|
onRowClick: (e: any, node: any) => void;
|
54
|
-
onToggleExpand: (node:
|
25
|
+
onToggleExpand: (node: TreeNode, _index: number) => void;
|
55
26
|
onCheckBoxChange: (e: any, node: string[] | any) => void;
|
56
27
|
}
|
57
28
|
|
@@ -61,7 +32,7 @@ export interface TableRowProps {
|
|
61
32
|
selected: string[];
|
62
33
|
select: string | null;
|
63
34
|
onRowClick: (e: any, node: any) => void;
|
64
|
-
onToggleExpand: (node:
|
35
|
+
onToggleExpand: (node: TreeNode) => void;
|
65
36
|
onCheckBoxChange: (e: any, node: string[] | any) => void;
|
66
37
|
}
|
67
38
|
|
@@ -84,7 +55,8 @@ export interface TreeTableProps {
|
|
84
55
|
select?: 'radio' | 'checkbox' | 'none';
|
85
56
|
onChange?: (e: any, node: string[] | any) => void;
|
86
57
|
onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
|
87
|
-
onExpand?: (
|
58
|
+
onExpand?: (node: TreeNode, _index: number) => void;
|
88
59
|
loadMore?: (_direction?: string) => void;
|
60
|
+
tableBorder?: string;
|
89
61
|
height?: number | string;
|
90
62
|
}
|
package/src/index.ts
CHANGED
@@ -110,6 +110,8 @@ import { rearrangeDragItem } from './utils/swapArrayItem/dragAndDropUtils';
|
|
110
110
|
import { getTreeDetails } from './utils/getTreeDetails/getTreeDetails';
|
111
111
|
import { handleTreeNodeSect } from './utils/handleTreeNodeSelect/handleTreeNodeSelect';
|
112
112
|
|
113
|
+
import { TreeNodeProps } from './ComponentProps/TreeNodeProps';
|
114
|
+
|
113
115
|
import {
|
114
116
|
EMAIL_REGEX,
|
115
117
|
URL_REGEX,
|
@@ -284,6 +286,11 @@ export {
|
|
284
286
|
rearrangeDragItem,
|
285
287
|
getTreeDetails,
|
286
288
|
handleTreeNodeSect,
|
289
|
+
|
290
|
+
//types
|
291
|
+
TreeNodeProps,
|
292
|
+
|
293
|
+
//Regex
|
287
294
|
EMAIL_REGEX,
|
288
295
|
URL_REGEX,
|
289
296
|
PHONE_REGEX,
|
@@ -7,8 +7,11 @@ export interface OperatingSystemInfo {
|
|
7
7
|
|
8
8
|
export interface RunLevelExecutionDataSet {
|
9
9
|
peVariableSetId: string;
|
10
|
+
peVariableSetName: string;
|
10
11
|
globalVariableSetId: string;
|
12
|
+
globalVariableSetName: string;
|
11
13
|
testDataSetId: string;
|
14
|
+
testDataSetName: string;
|
12
15
|
}
|
13
16
|
|
14
17
|
export interface MachineExecutionInstance {
|
@@ -30,4 +33,7 @@ export interface SequentialMachineInstance
|
|
30
33
|
peVariableSetId: string;
|
31
34
|
globalVariableSetId: string;
|
32
35
|
testDataSetId: string;
|
36
|
+
peVariableSetName: string;
|
37
|
+
globalVariableSetName: string;
|
38
|
+
testDataSetName: string;
|
33
39
|
}
|
@@ -1,32 +1,4 @@
|
|
1
|
-
|
2
|
-
createdBy: string;
|
3
|
-
modifiedBy: string;
|
4
|
-
createdByUname: string;
|
5
|
-
modifiedByUname: string;
|
6
|
-
createdOn: string;
|
7
|
-
modifiedOn: string;
|
8
|
-
state: string;
|
9
|
-
path: string;
|
10
|
-
searchKey: string;
|
11
|
-
key: string;
|
12
|
-
name: string;
|
13
|
-
projectId: string;
|
14
|
-
hierarchy: number;
|
15
|
-
executionOrder: number;
|
16
|
-
subContainerCount: number;
|
17
|
-
resourceCount: number;
|
18
|
-
totalSubContainerCount: number;
|
19
|
-
totalResourceCount: number;
|
20
|
-
totalProjectElementCount: number;
|
21
|
-
totalSharedElementCount: number;
|
22
|
-
container: boolean;
|
23
|
-
localDelete: boolean;
|
24
|
-
defaultEntity: boolean;
|
25
|
-
lastResource: boolean;
|
26
|
-
platform: string;
|
27
|
-
parentId?: string;
|
28
|
-
parentName?: string;
|
29
|
-
}
|
1
|
+
import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
|
30
2
|
|
31
3
|
export interface TreeDetailsResult {
|
32
4
|
treeDataList: TreeNode[];
|
@@ -1,33 +1,4 @@
|
|
1
|
-
|
2
|
-
createdBy: string;
|
3
|
-
modifiedBy: string;
|
4
|
-
createdByUname: string;
|
5
|
-
modifiedByUname: string;
|
6
|
-
createdOn: string;
|
7
|
-
modifiedOn: string;
|
8
|
-
state: string;
|
9
|
-
path: string;
|
10
|
-
searchKey: string;
|
11
|
-
key: string;
|
12
|
-
name: string;
|
13
|
-
projectId: string;
|
14
|
-
hierarchy: number;
|
15
|
-
executionOrder: number;
|
16
|
-
subContainerCount: number;
|
17
|
-
resourceCount: number;
|
18
|
-
totalSubContainerCount: number;
|
19
|
-
totalResourceCount: number;
|
20
|
-
totalProjectElementCount: number;
|
21
|
-
totalSharedElementCount: number;
|
22
|
-
container: boolean;
|
23
|
-
localDelete: boolean;
|
24
|
-
defaultEntity: boolean;
|
25
|
-
lastResource: boolean;
|
26
|
-
platform?: string;
|
27
|
-
parentId?: string;
|
28
|
-
parentName?: string;
|
29
|
-
checked?: boolean | 'partial';
|
30
|
-
};
|
1
|
+
import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
|
31
2
|
|
32
3
|
export const handleTreeNodeSect = (
|
33
4
|
data: TreeNode[],
|