pixel-react 1.9.5 → 1.9.7

package/src/components/TableTree/TableTree.tsx

@@ -5,6 +5,7 @@ import TableHead from './Components/TableHead';
 import TableBody from './Components/TableBody';
 import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';
 import functionCheck from '../../utils/functionCheck/functionCheck';
+import { TreeNodeProps } from '../../ComponentProps/TreeNodeProps';
 
 const TreeTable: React.FC<TreeTableProps> = ({
   treeData,
@@ -15,13 +16,15 @@ const TreeTable: React.FC<TreeTableProps> = ({
   onClick,
   onExpand,
   loadMore = () => {},
+  tableBorder,
   height = 'auto',
 }) => {
+  // const treeRef = useRef(null);
   useIntersectionObserver(
     ['ff-table-tree-last-node', 'ff-table-tree-first-node'],
     {
       root: document.getElementById('ff-table-tree-scroll-container'),
-      rootMargin: '0px',
+      rootMargin: '8px',
       threshold: 0.1,
       onIntersect: (entry) => {
         if (entry.isIntersecting) {
@@ -39,7 +42,7 @@ const TreeTable: React.FC<TreeTableProps> = ({
   );
 
   const handleToggleExpand = useCallback(
-    (node: any) => onExpand?.(true, node?.key),
+    (node: TreeNodeProps, index: number) => onExpand?.(node, index),
     [onExpand]
   );
 
@@ -60,9 +63,11 @@ const TreeTable: React.FC<TreeTableProps> = ({
       <div
         className="table-scrollable"
         id="ff-table-tree-scroll-container"
+        // ref={treeRef}
         style={
           {
             '--table-height': `${height !== 'auto' ? height + 'px' : height}`,
+            border: tableBorder,
           } as React.CSSProperties
         }
       >

package/src/components/TableTree/data.ts

@@ -133,7 +133,7 @@ const data = [
     totalResourceCount: 4,
     totalProjectElementCount: 0,
     totalSharedElementCount: 0,
-    container: false,
+    container: true,
     localDelete: false,
     defaultEntity: false,
     lastResource: true,

package/src/components/TableTree/types.ts

@@ -1,34 +1,5 @@
 import { ReactNode } from 'react';
-
-export interface TreeNode {
-  createdBy: string;
-  modifiedBy: string;
-  createdByUname: string;
-  modifiedByUname: string;
-  createdOn: string;
-  modifiedOn: string;
-  state: string;
-  path: string;
-  searchKey: string;
-  key: string;
-  name: string;
-  projectId: string;
-  hierarchy: number;
-  executionOrder: number;
-  subContainerCount: number;
-  resourceCount: number;
-  totalSubContainerCount: number;
-  totalResourceCount: number;
-  totalProjectElementCount: number;
-  totalSharedElementCount: number;
-  container: boolean;
-  localDelete: boolean;
-  defaultEntity: boolean;
-  lastResource: boolean;
-  platform: string;
-  parentId?: string;
-  parentName?: string;
-}
+import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
 
 declare type JSX = ReactNode | JSX.Element[] | string | null;
 
@@ -51,7 +22,7 @@ export interface TableBodyProps {
   selected: string[];
   select: string | null;
   onRowClick: (e: any, node: any) => void;
-  onToggleExpand: (node: any) => void;
+  onToggleExpand: (node: TreeNode, _index: number) => void;
   onCheckBoxChange: (e: any, node: string[] | any) => void;
 }
 
@@ -61,7 +32,7 @@ export interface TableRowProps {
   selected: string[];
   select: string | null;
   onRowClick: (e: any, node: any) => void;
-  onToggleExpand: (node: any) => void;
+  onToggleExpand: (node: TreeNode) => void;
   onCheckBoxChange: (e: any, node: string[] | any) => void;
 }
 
@@ -84,7 +55,8 @@ export interface TreeTableProps {
   select?: 'radio' | 'checkbox' | 'none';
   onChange?: (e: any, node: string[] | any) => void;
   onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
-  onExpand?: (_isExpanded: boolean, node: string) => void;
+  onExpand?: (node: TreeNode, _index: number) => void;
   loadMore?: (_direction?: string) => void;
+  tableBorder?: string;
   height?: number | string;
 }

package/src/components/Tabs/Tabs.scss

@@ -17,7 +17,7 @@
           position: relative;
           border: none;
           background: none;
-          padding: 0 4px;
+          padding: 0 8px;
           display: flex;
           flex-direction: column;
           gap: 4px;

package/src/index.ts

@@ -110,6 +110,8 @@ import { rearrangeDragItem } from './utils/swapArrayItem/dragAndDropUtils';
 import { getTreeDetails } from './utils/getTreeDetails/getTreeDetails';
 import { handleTreeNodeSect } from './utils/handleTreeNodeSelect/handleTreeNodeSelect';
 
+import { TreeNodeProps } from './ComponentProps/TreeNodeProps';
+
 import {
   EMAIL_REGEX,
   URL_REGEX,
@@ -284,6 +286,11 @@ export {
   rearrangeDragItem,
   getTreeDetails,
   handleTreeNodeSect,
+
+  //types
+  TreeNodeProps,
+
+  //Regex
   EMAIL_REGEX,
   URL_REGEX,
   PHONE_REGEX,

package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx

@@ -44,6 +44,7 @@ export const Primary: Story = {
           osName: 'Windows 11 Home Single Language',
           osVersion: '10.0.22000',
           hostName: 'LAPTOP-T793RVQN',
+          iconName: 'chrome'
         },
         deviceInfo: [],
         headless: false,

package/src/utils/getSequentialPayload/getSequentialPayload.ts

@@ -9,7 +9,7 @@ export const getSequentialPayload = (
       return {
         ...rest,
         ...runLevel,
-        numberOfRuns: index + 1,
+        runCount: index + 1,
       };
     })
   );

package/src/utils/getSequentialPayload/types.ts

@@ -7,8 +7,11 @@ export interface OperatingSystemInfo {
 
 export interface RunLevelExecutionDataSet {
   peVariableSetId: string;
+  peVariableSetName: string;
   globalVariableSetId: string;
+  globalVariableSetName: string;
   testDataSetId: string;
+  testDataSetName: string;
 }
 
 export interface MachineExecutionInstance {
@@ -30,4 +33,7 @@ export interface SequentialMachineInstance
   peVariableSetId: string;
   globalVariableSetId: string;
   testDataSetId: string;
+  peVariableSetName: string;
+  globalVariableSetName: string;
+  testDataSetName: string;
 }

package/src/utils/getTreeDetails/getTreeDetails.ts

@@ -1,32 +1,4 @@
-export interface TreeNode {
-  createdBy: string;
-  modifiedBy: string;
-  createdByUname: string;
-  modifiedByUname: string;
-  createdOn: string;
-  modifiedOn: string;
-  state: string;
-  path: string;
-  searchKey: string;
-  key: string;
-  name: string;
-  projectId: string;
-  hierarchy: number;
-  executionOrder: number;
-  subContainerCount: number;
-  resourceCount: number;
-  totalSubContainerCount: number;
-  totalResourceCount: number;
-  totalProjectElementCount: number;
-  totalSharedElementCount: number;
-  container: boolean;
-  localDelete: boolean;
-  defaultEntity: boolean;
-  lastResource: boolean;
-  platform: string;
-  parentId?: string;
-  parentName?: string;
-}
+import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
 
 export interface TreeDetailsResult {
   treeDataList: TreeNode[];

package/src/utils/handleTreeNodeSelect/handleTreeNodeSelect.ts

@@ -1,33 +1,4 @@
-export type TreeNode = {
-  createdBy: string;
-  modifiedBy: string;
-  createdByUname: string;
-  modifiedByUname: string;
-  createdOn: string;
-  modifiedOn: string;
-  state: string;
-  path: string;
-  searchKey: string;
-  key: string;
-  name: string;
-  projectId: string;
-  hierarchy: number;
-  executionOrder: number;
-  subContainerCount: number;
-  resourceCount: number;
-  totalSubContainerCount: number;
-  totalResourceCount: number;
-  totalProjectElementCount: number;
-  totalSharedElementCount: number;
-  container: boolean;
-  localDelete: boolean;
-  defaultEntity: boolean;
-  lastResource: boolean;
-  platform?: string;
-  parentId?: string;
-  parentName?: string;
-  checked?: boolean | 'partial';
-};
+import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
 
 export const handleTreeNodeSect = (
   data: TreeNode[],