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.
Files changed (69) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/ComponentProps/TreeNodeProps.d.ts +31 -0
  3. package/lib/components/ConditionalDropdown/types.d.ts +4 -3
  4. package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.d.ts +1 -0
  5. package/lib/components/Input/types.d.ts +2 -0
  6. package/lib/components/MobileSkin/MobileSkinInterface.d.ts +2 -2
  7. package/lib/components/MobileSkin/types.d.ts +9 -8
  8. package/lib/components/Select/types.d.ts +4 -0
  9. package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.d.ts +4 -0
  10. package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/types.d.ts +8 -0
  11. package/lib/components/SequentialConnectingBranch/types.d.ts +17 -4
  12. package/lib/components/TableTree/Components/TableBody.d.ts +1 -1
  13. package/lib/components/TableTree/types.d.ts +5 -32
  14. package/lib/index.d.ts +46 -75
  15. package/lib/index.esm.js +292 -98
  16. package/lib/index.esm.js.map +1 -1
  17. package/lib/index.js +292 -98
  18. package/lib/index.js.map +1 -1
  19. package/lib/tsconfig.tsbuildinfo +1 -1
  20. package/lib/utils/getSequentialPayload/types.d.ts +6 -0
  21. package/lib/utils/getTreeDetails/getTreeDetails.d.ts +1 -29
  22. package/lib/utils/handleTreeNodeSelect/handleTreeNodeSelect.d.ts +1 -30
  23. package/package.json +1 -1
  24. package/src/ComponentProps/TreeNodeProps.ts +31 -0
  25. package/src/assets/Themes/BaseTheme.scss +3 -0
  26. package/src/assets/Themes/DarkTheme.scss +3 -0
  27. package/src/assets/styles/_colors.scss +5 -0
  28. package/src/components/ConditionalDropdown/ConditionalDropdown.tsx +149 -30
  29. package/src/components/ConditionalDropdown/types.ts +27 -25
  30. package/src/components/Drawer/Drawer.scss +1 -1
  31. package/src/components/Drawer/Drawer.tsx +1 -1
  32. package/src/components/Editor/VariableDropdown.tsx +1 -1
  33. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +39 -8
  34. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +0 -4
  35. package/src/components/Input/Input.tsx +4 -0
  36. package/src/components/Input/types.ts +5 -0
  37. package/src/components/InputWithDropdown/InputWithDropdown.tsx +1 -0
  38. package/src/components/MobileSkin/MobileSkin.scss +0 -8
  39. package/src/components/MobileSkin/MobileSkin.stories.tsx +10 -9
  40. package/src/components/MobileSkin/MobileSkin.tsx +16 -31
  41. package/src/components/MobileSkin/MobileSkinInterface.ts +2 -2
  42. package/src/components/MobileSkin/types.ts +9 -8
  43. package/src/components/RadioButton/RadioButton.tsx +5 -1
  44. package/src/components/Select/Select.stories.tsx +2 -0
  45. package/src/components/Select/Select.tsx +4 -1
  46. package/src/components/Select/components/Dropdown.tsx +1 -2
  47. package/src/components/Select/types.ts +6 -1
  48. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +35 -28
  49. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +58 -14
  50. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +45 -20
  51. package/src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.tsx +41 -0
  52. package/src/components/SequentialConnectingBranch/components/DatasetTooltip/types.ts +9 -0
  53. package/src/components/SequentialConnectingBranch/types.ts +19 -5
  54. package/src/components/TableTree/Components/TableBody.tsx +22 -20
  55. package/src/components/TableTree/Components/TableCell.tsx +18 -6
  56. package/src/components/TableTree/Components/TableHead.tsx +5 -3
  57. package/src/components/TableTree/Components/TableRow.tsx +0 -3
  58. package/src/components/TableTree/TableTree.scss +88 -51
  59. package/src/components/TableTree/TableTree.stories.tsx +8 -7
  60. package/src/components/TableTree/TableTree.tsx +7 -2
  61. package/src/components/TableTree/data.ts +1 -1
  62. package/src/components/TableTree/types.ts +5 -33
  63. package/src/components/Tabs/Tabs.scss +1 -1
  64. package/src/index.ts +7 -0
  65. package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +1 -0
  66. package/src/utils/getSequentialPayload/getSequentialPayload.ts +1 -1
  67. package/src/utils/getSequentialPayload/types.ts +6 -0
  68. package/src/utils/getTreeDetails/getTreeDetails.ts +1 -29
  69. 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: '0px',
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: any) => onExpand?.(true, node?.key),
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
  >
@@ -133,7 +133,7 @@ const data = [
133
133
  totalResourceCount: 4,
134
134
  totalProjectElementCount: 0,
135
135
  totalSharedElementCount: 0,
136
- container: false,
136
+ container: true,
137
137
  localDelete: false,
138
138
  defaultEntity: false,
139
139
  lastResource: true,
@@ -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: any) => void;
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: any) => void;
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?: (_isExpanded: boolean, node: string) => void;
58
+ onExpand?: (node: TreeNode, _index: number) => void;
88
59
  loadMore?: (_direction?: string) => void;
60
+ tableBorder?: string;
89
61
  height?: number | string;
90
62
  }
@@ -17,7 +17,7 @@
17
17
  position: relative;
18
18
  border: none;
19
19
  background: none;
20
- padding: 0 4px;
20
+ padding: 0 8px;
21
21
  display: flex;
22
22
  flex-direction: column;
23
23
  gap: 4px;
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,
@@ -44,6 +44,7 @@ export const Primary: Story = {
44
44
  osName: 'Windows 11 Home Single Language',
45
45
  osVersion: '10.0.22000',
46
46
  hostName: 'LAPTOP-T793RVQN',
47
+ iconName: 'chrome'
47
48
  },
48
49
  deviceInfo: [],
49
50
  headless: false,
@@ -9,7 +9,7 @@ export const getSequentialPayload = (
9
9
  return {
10
10
  ...rest,
11
11
  ...runLevel,
12
- numberOfRuns: index + 1,
12
+ runCount: index + 1,
13
13
  };
14
14
  })
15
15
  );
@@ -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
- export interface TreeNode {
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
- export type TreeNode = {
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[],