pixel-react 1.10.15 → 1.10.16

package/src/utils/getEncryptedData/getEncryptedData.stories.tsx

@@ -1,55 +0,0 @@
-// getEncryptData.stories.tsx
-import { useState } from 'react';
-import { getEncryptedData } from './getEncryptedData';
-
-export default {
-  title: 'Utils/getEncryptedData',
-  component: getEncryptedData,
-};
-
-export const InteractivePlayground = () => {
-  const [data, setData] = useState<string>('Sensitive information');
-  const [publicKey, setPublicKey] = useState<string>(`Add your public key`);
-  const [encryptedData, setEncryptedData] = useState<string | null>(null);
-
-  const handleEncrypt = () => {
-    const result = getEncryptedData(data, publicKey);
-    setEncryptedData(result.toString());
-  };
-
-  return (
-    <div>
-      <h1>Interactive Playground for getEncryptData</h1>
-
-      <div>
-        <label htmlFor="data">Data to Encrypt:</label>
-        <input
-          type="text"
-          id="data"
-          value={data}
-          onChange={(e) => setData(e.target.value)}
-        />
-      </div>
-
-      <div>
-        <label htmlFor="publicKey">Public Key:</label>
-        <textarea
-          id="publicKey"
-          value={publicKey}
-          onChange={(e) => setPublicKey(e.target.value)}
-          rows={5}
-          cols={50}
-        />
-      </div>
-
-      <button onClick={handleEncrypt}>Encrypt Data</button>
-
-      <h2>Encrypted Data:</h2>
-      {encryptedData ? (
-        <pre>{encryptedData}</pre>
-      ) : (
-        <p>No encrypted data yet. Click "Encrypt Data" to generate it.</p>
-      )}
-    </div>
-  );
-};

package/src/utils/getEncryptedData/getEncryptedData.ts

@@ -1,8 +0,0 @@
-import JSEncrypt from 'jsencrypt';
-
-export const getEncryptedData = (data: string, publicKey: string) => {
-  const encrypt = new JSEncrypt();
-  encrypt.setPublicKey(publicKey);
-  const enData = encrypt.encrypt(data);
-  return enData;
-};

package/src/utils/getExtension/getExtension.stories.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import { getExtension } from './getExtension';
-
-export default {
-  title: 'Utils/getExtension',
-  component: getExtension,
-};
-
-export const Default = () => {
-  const testCases = [
-    { value:  'test.txt', expected: 'txt' },
-  ];
-
-  return (
-    <div>
-      {testCases.map((test, index) => (
-        <div key={index}>
-          getExtension( {JSON.stringify(test.value)} ) -
-          {getExtension(test.value) ? 'True' : 'False'}
-        </div>
-      ))}
-    </div>
-  );
-};

package/src/utils/getExtension/getExtension.ts

@@ -1,28 +0,0 @@
-type valueType = File | string;
-
-export const getExtension = (value: valueType) => {
-  if (typeof value === 'string' && value.includes('.')) {
-    const extension = value.split('.').pop();
-    return extension !== value ? extension : '';
-  }
-
-  if (value instanceof File) {
-    return value.name.split('.').pop();
-  }
-
-  return '';
-};
-
-export const getExtensionWithPeriod = (value: valueType) => {
-  if (typeof value === 'string' && value.includes('.')) {
-    const extension = value.slice(value.lastIndexOf('.'));
-    return extension !== value ? extension : '';
-  }
-
-  if (value instanceof File) {
-    const extensionIndex = value.name.lastIndexOf('.');
-    return extensionIndex !== -1 ? value.name.slice(extensionIndex) : '';
-  }
-
-  return '';
-};

package/src/utils/getSelectOptionValue/getSelectOptionValue.ts

@@ -1,31 +0,0 @@
-type DynamicValues = any;
-
-interface dynamicObject {
-  [key: string]: DynamicValues;
-}
-
-type accessorType = string | undefined;
-
-export const getLabel = (
-  option: dynamicObject,
-  accessor: accessorType = ''
-) => {
-  if (!accessor) {
-    if (option.hasOwnProperty('label')) {
-      return option.label;
-    }
-  }
-  return option[accessor];
-};
-
-export const getValue = (
-  option: dynamicObject,
-  accessor: accessorType = ''
-) => {
-  if (!accessor) {
-    if (option.hasOwnProperty('value')) {
-      return option.value;
-    }
-  }
-  return option[accessor];
-};

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

@@ -1,73 +0,0 @@
-import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-import { getSequentialPayload } from './getSequentialPayload';
-import { MachineExecutionInstance, SequentialMachineInstance } from './types';
-import { ffid } from '../ffID/ffid';
-
-const SequentialPayloadComponent: React.FC<{
-  machineInstances: MachineExecutionInstance[];
-}> = ({ machineInstances }) => {
-  const payload: SequentialMachineInstance[] =
-    getSequentialPayload(machineInstances);
-
-  return (
-    <div>
-      <h3>Converted Payload</h3>
-      <pre>{JSON.stringify(payload, null, 2)}</pre>
-    </div>
-  );
-};
-
-const meta: Meta<typeof SequentialPayloadComponent> = {
-  title: 'Utils/getSequentialPayload',
-  component: SequentialPayloadComponent,
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['autodocs'],
-};
-
-type Story = StoryObj<typeof SequentialPayloadComponent>;
-
-export const Primary: Story = {
-  args: {
-    machineInstances: [
-      {
-        id: ffid(),
-        clientId: 'flinko-client-win-daa67320-d70c-438e-b417-62d76669e7a2',
-        numberOfRuns: '3',
-        executionEnv: 'Local',
-        browserName: 'Google Chrome',
-        browserVersion: '107.0.5304.88',
-        systemUrl: '',
-        machineInfo: {
-          osName: 'Windows 11 Home Single Language',
-          osVersion: '10.0.22000',
-          hostName: 'LAPTOP-T793RVQN',
-          iconName: 'chrome'
-        },
-        deviceInfo: [],
-        headless: false,
-        runLevelExecutionDataSets: [
-          {
-            peVariableSetId: 'UUID',
-            globalVariableSetId: 'UUID',
-            testDataSetId: 'UUID',
-          },
-          {
-            peVariableSetId: 'UUID',
-            globalVariableSetId: 'UUID',
-            testDataSetId: 'UUID',
-          },
-          {
-            peVariableSetId: 'UUID',
-            globalVariableSetId: 'UUID',
-            testDataSetId: 'UUID',
-          },
-        ],
-      },
-    ],
-  },
-};
-
-export default meta;

package/src/utils/getSequentialPayload/getSequentialPayload.ts

@@ -1,16 +0,0 @@
-import { MachineExecutionInstance, SequentialMachineInstance } from './types';
-
-export const getSequentialPayload = (
-  data: MachineExecutionInstance[]
-): SequentialMachineInstance[] => {
-  return data.flatMap((item) =>
-    item.runLevelExecutionDataSets.map((runLevel, index) => {
-      const { runLevelExecutionDataSets, ...rest } = item;
-      return {
-        ...rest,
-        ...runLevel,
-        runCount: index + 1,
-      };
-    })
-  );
-};

package/src/utils/getSequentialPayload/types.ts

@@ -1,39 +0,0 @@
-export interface OperatingSystemInfo {
-  osName: string;
-  osVersion: string;
-  hostName: string;
-  iconName: string;
-}
-
-export interface RunLevelExecutionDataSet {
-  peVariableSetId: string;
-  peVariableSetName: string;
-  globalVariableSetId: string;
-  globalVariableSetName: string;
-  testDataSetId: string;
-  testDataSetName: string;
-}
-
-export interface MachineExecutionInstance {
-  id: string;
-  clientId: string;
-  numberOfRuns: string | number;
-  executionEnv: string;
-  browserName: string;
-  browserVersion: string;
-  systemUrl: string;
-  machineInfo: OperatingSystemInfo;
-  deviceInfo: any[];
-  runLevelExecutionDataSets: RunLevelExecutionDataSet[];
-  headless: boolean;
-}
-
-export interface SequentialMachineInstance
-  extends Omit<MachineExecutionInstance, 'runLevelExecutionDataSets'> {
-  peVariableSetId: string;
-  globalVariableSetId: string;
-  testDataSetId: string;
-  peVariableSetName: string;
-  globalVariableSetName: string;
-  testDataSetName: string;
-}

package/src/utils/getTreeDetails/getTreeDetails.stories.tsx

@@ -1,217 +0,0 @@
-import { useState } from 'react';
-import { getTreeDetails, TreeDetailsResult } from './getTreeDetails';
-import React from 'react';
-import { TreeNodeProps } from '../../ComponentProps/TreeNodeProps';
-
-export default {
-  title: 'Utils/getTreeDetails',
-  component: getTreeDetails,
-};
-
-const initialData: TreeNodeProps[] = [
-  {
-    createdBy: 'USR4705',
-    modifiedBy: '--',
-    createdByUname: 'Saqeb',
-    modifiedByUname: '--',
-    createdOn: '2023-05-31T10:54:33.296Z',
-    modifiedOn: '2023-05-31T10:54:33.296Z',
-    state: 'APPROVED',
-    path: '/Root',
-    searchKey: '/PAG1010',
-    key: 'PAG1010',
-    name: 'Root',
-    projectId: 'PJT1006',
-    hierarchy: 0,
-    executionOrder: 0,
-    subContainerCount: 1,
-    resourceCount: 0,
-    totalSubContainerCount: 1,
-    totalResourceCount: 2,
-    totalProjectElementCount: 0,
-    totalSharedElementCount: 0,
-    container: false,
-    localDelete: false,
-    defaultEntity: false,
-    lastResource: false,
-    platform: '',
-  },
-  {
-    createdBy: 'USR4705',
-    modifiedBy: '--',
-    createdByUname: 'Saqeb',
-    modifiedByUname: '--',
-    createdOn: '2023-05-31T10:57:31.721Z',
-    modifiedOn: '2023-05-31T10:57:31.721Z',
-    state: 'APPROVED',
-    path: '/Root/page1',
-    searchKey: '/PAG1010/PAG1011',
-    key: 'PAG1011',
-    name: 'page1',
-    projectId: 'PJT1006',
-    hierarchy: 0,
-    executionOrder: 1,
-    subContainerCount: 0,
-    resourceCount: 3,
-    totalSubContainerCount: 0,
-    totalResourceCount: 1,
-    totalProjectElementCount: 0,
-    totalSharedElementCount: 0,
-    container: false,
-    localDelete: false,
-    defaultEntity: false,
-    lastResource: true,
-    platform: '',
-  },
-];
-
-export const InteractivePlayground = () => {
-  const [data, setData] = useState<TreeNodeProps[]>(initialData);
-  const [newData, setNewData] = useState<TreeNodeProps[]>([]);
-  const [action, setAction] = useState<
-    | 'above'
-    | 'below'
-    | 'expand'
-    | 'collapse'
-    | 'start'
-    | 'addAbove'
-    | 'addBelow'
-  >('below');
-  const [index, setIndex] = useState<number | undefined>(undefined);
-  const [sourceId, setSourceId] = useState<string | undefined>(undefined); // State for sourceId
-  const [result, setResult] = useState<TreeDetailsResult | null>(null);
-
-  const handleGetTreeDetails = () => {
-    try {
-      // If sourceId exists, we pass it, otherwise we pass the index
-      const treeDetails = getTreeDetails(
-        action,
-        data,
-        newData,
-        index,
-        sourceId
-      );
-      setData(treeDetails.treeDataList);
-      setResult(treeDetails);
-    } catch (error) {
-      alert(error instanceof Error ? error.message : 'An error occurred');
-    }
-  };
-
-  return (
-    <div>
-      <h1>Interactive Playground for getTreeDetails</h1>
-
-      <div>
-        <label htmlFor="action">Action:</label>
-        <select
-          id="action"
-          value={action}
-          onChange={(e) =>
-            setAction(
-              e.target.value as
-                | 'above'
-                | 'below'
-                | 'expand'
-                | 'collapse'
-                | 'start'
-                | 'addAbove'
-                | 'addBelow'
-            )
-          }
-        >
-          <option value="above">Above</option>
-          <option value="below">Below</option>
-          <option value="expand">Expand</option>
-          <option value="collapse">Collapse</option>
-          <option value="start">Start</option>
-          <option value="addAbove">Add Above</option>
-          <option value="addBelow">Add Below</option>
-        </select>
-      </div>
-
-      {/* Input for sourceId, if action requires it */}
-      {(action === 'expand' ||
-        action === 'collapse' ||
-        action === 'addAbove' ||
-        action === 'addBelow') && (
-        <div>
-          <label htmlFor="sourceId">
-            Source ID (for expand/collapse/addAbove/addBelow):
-          </label>
-          <input
-            type="text"
-            id="sourceId"
-            value={sourceId || ''}
-            onChange={(e) => setSourceId(e.target.value)}
-            placeholder="Enter Source ID"
-          />
-        </div>
-      )}
-
-      {/* Input for index, for actions requiring index */}
-      {(action === 'expand' || action === 'collapse') && !sourceId && (
-        <div>
-          <label htmlFor="index">Index (for expand/collapse):</label>
-          <input
-            type="number"
-            id="index"
-            value={index !== undefined ? index : ''}
-            onChange={(e) =>
-              setIndex(
-                e.target.value ? parseInt(e.target.value, 10) : undefined
-              )
-            }
-            disabled={action !== 'expand' && action !== 'collapse'}
-          />
-        </div>
-      )}
-
-      <div>
-        <label htmlFor="newData">New Data (JSON):</label>
-        <textarea
-          id="newData"
-          value={JSON.stringify(newData, null, 2)}
-          onChange={(e) => {
-            try {
-              setNewData(JSON.parse(e.target.value));
-            } catch {
-              alert('Invalid JSON');
-            }
-          }}
-        />
-      </div>
-
-      <button onClick={handleGetTreeDetails}>Get Tree Details</button>
-
-      <h2>Result:</h2>
-      {result ? (
-        <div>
-          {result.root && (
-            <>
-              <h3>Root:</h3>
-              <pre>{JSON.stringify(result.root, null, 2)}</pre>
-            </>
-          )}
-          <p>
-            <strong>Next:</strong> {result.next.toString()}
-          </p>
-          <p>
-            <strong>Previous:</strong> {result.previous.toString()}
-          </p>
-          <p>
-            <strong>Start ID:</strong> {result.startId}
-          </p>
-          <p>
-            <strong>End ID:</strong> {result.endId}
-          </p>
-        </div>
-      ) : (
-        <p>No result yet. Perform an action to see the details.</p>
-      )}
-
-      <h2>Current Tree Data:</h2>
-      <pre>{JSON.stringify(data, null, 2)}</pre>
-    </div>
-  );
-};

package/src/utils/getTreeDetails/getTreeDetails.ts

@@ -1,118 +0,0 @@
-import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
-import { checkEmpty } from '../checkEmpty/checkEmpty';
-
-export interface TreeDetailsResult {
-  treeDataList: TreeNode[];
-  next: boolean;
-  previous: boolean;
-  startId: string;
-  endId: string;
-  root?: TreeNode;
-}
-
-export const getTreeDetails = (
-  action:
-    | 'above'
-    | 'below'
-    | 'expand'
-    | 'collapse'
-    | 'start'
-    | 'addAbove'
-    | 'addBelow',
-  oldData: TreeNode[],
-  newData: TreeNode[],
-  index?: number,
-  sourceId?: string
-): TreeDetailsResult => {
-  let treeDataList: TreeNode[];
-  let root: TreeNode | undefined = undefined;
-
-  const findIndexByKey = (data: TreeNode[], key: string): number => {
-    return data.findIndex((node) => node.key === key);
-  };
-
-  const getIndex = (): number | undefined => {
-    if (sourceId) {
-      const indexByKey = findIndexByKey(oldData, sourceId);
-      if (indexByKey === -1) {
-        throw new Error(`Key "${sourceId}" not found in oldData.`);
-      }
-      return indexByKey;
-    }
-    return index; // Use index if sourceId is not provided
-  };
-
-  switch (action) {
-    case 'above':
-      treeDataList = [...newData, ...oldData].slice(0, 40);
-      break;
-    case 'below':
-      treeDataList = [...oldData, ...newData].slice(0, 40);
-      break;
-    case 'expand':
-    case 'collapse':
-      const actionIndex = getIndex();
-      if (actionIndex === undefined) {
-        throw new Error(
-          "Both sourceId and index are required for 'expand' or 'collapse' actions."
-        );
-      }
-      treeDataList = [...oldData.slice(0, actionIndex), ...newData];
-      break;
-    case 'addAbove':
-      const addAboveIndex = getIndex();
-      if (addAboveIndex === undefined) {
-        throw new Error(
-          "Both sourceId and index are required for 'addAbove' action."
-        );
-      }
-      treeDataList = [
-        ...oldData.slice(0, addAboveIndex),
-        ...newData,
-        ...oldData.slice(addAboveIndex),
-      ];
-      break;
-    case 'addBelow':
-      const addBelowIndex = getIndex();
-      if (addBelowIndex === undefined) {
-        throw new Error(
-          "Both sourceId and index are required for 'addBelow' action."
-        );
-      }
-      treeDataList = [
-        ...oldData.slice(0, addBelowIndex + 1),
-        ...newData,
-        ...oldData.slice(addBelowIndex + 1),
-      ];
-      break;
-    case 'start':
-      if (!checkEmpty(newData)) {
-        root = newData[0];
-        treeDataList = newData.slice(1);
-      } else {
-        throw new Error('Tree data list is empty, cannot determine root.');
-      }
-      break;
-    default:
-      throw new Error(`Invalid action: ${action}`);
-  }
-
-  if (checkEmpty(treeDataList) && action !== 'start') {
-    throw new Error('Tree data list is empty.');
-  }
-
-  const firstNode = treeDataList[0] || root!;
-  const lastNode = treeDataList[treeDataList.length - 1] || {
-    lastResource: true,
-    key: '',
-  };
-
-  return {
-    treeDataList,
-    next: !lastNode?.lastResource,
-    previous: !firstNode?.lastResource,
-    startId: firstNode?.key,
-    endId: lastNode?.key,
-    root,
-  };
-};