pixel-react 1.10.15 → 1.10.16

package/src/utils/handleTreeNodeSelect/HandleTreeNodeSelect.stories.tsx

@@ -1,195 +0,0 @@
-import React, { useState } from 'react';
-import { handleTreeNodeSect, TreeNode } from './handleTreeNodeSelect'; // Ensure this imports the utility function
-
-export default {
-  title: 'Utils/handleTreeNodeSect',
-  component: handleTreeNodeSect,
-};
-
-const initialData: TreeNode[] = [
-  {
-    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',
-    parentId: 'PAG1010',
-    parentName: 'Root Page',
-    key: 'PAG1011',
-    name: 'page1',
-    projectId: 'PJT1006',
-    hierarchy: 1,
-    executionOrder: 1,
-    subContainerCount: 0,
-    resourceCount: 3,
-    totalSubContainerCount: 0,
-    totalResourceCount: 1,
-    totalProjectElementCount: 0,
-    totalSharedElementCount: 0,
-    container: false,
-    localDelete: false,
-    defaultEntity: false,
-    lastResource: true,
-  },
-  {
-    createdBy: 'USR4705',
-    modifiedBy: '--',
-    createdByUname: 'Saqeb',
-    modifiedByUname: '--',
-    createdOn: '2023-05-31T11:00:00.000Z',
-    modifiedOn: '2023-05-31T11:00:00.000Z',
-    state: 'APPROVED',
-    path: '/Root/page2',
-    searchKey: '/PAG1010/PAG1012',
-    parentId: 'PAG1010',
-    parentName: 'Root Page',
-    key: 'PAG1012',
-    name: 'page2',
-    projectId: 'PJT1006',
-    hierarchy: 1,
-    executionOrder: 2,
-    subContainerCount: 2,
-    resourceCount: 5,
-    totalSubContainerCount: 2,
-    totalResourceCount: 7,
-    totalProjectElementCount: 0,
-    totalSharedElementCount: 0,
-    container: true,
-    localDelete: false,
-    defaultEntity: false,
-    lastResource: false,
-  },
-  {
-    createdBy: 'USR4705',
-    modifiedBy: '--',
-    createdByUname: 'Saqeb',
-    modifiedByUname: '--',
-    createdOn: '2023-05-31T11:05:00.000Z',
-    modifiedOn: '2023-05-31T11:05:00.000Z',
-    state: 'APPROVED',
-    path: '/Root/page2/subpage1',
-    searchKey: '/PAG1010/PAG1012/PAG1013',
-    parentId: 'PAG1012',
-    parentName: 'page2',
-    key: 'PAG1013',
-    name: 'subpage1',
-    projectId: 'PJT1006',
-    hierarchy: 2,
-    executionOrder: 1,
-    subContainerCount: 0,
-    resourceCount: 2,
-    totalSubContainerCount: 0,
-    totalResourceCount: 2,
-    totalProjectElementCount: 0,
-    totalSharedElementCount: 0,
-    container: false,
-    localDelete: false,
-    defaultEntity: false,
-    lastResource: true,
-  },
-  {
-    createdBy: 'USR4705',
-    modifiedBy: '--',
-    createdByUname: 'Saqeb',
-    modifiedByUname: '--',
-    createdOn: '2023-05-31T11:10:00.000Z',
-    modifiedOn: '2023-05-31T11:10:00.000Z',
-    state: 'APPROVED',
-    path: '/Root/page2/subpage2',
-    searchKey: '/PAG1010/PAG1012/PAG1014',
-    parentId: 'PAG1012',
-    parentName: 'page2',
-    key: 'PAG1014',
-    name: 'subpage2',
-    projectId: 'PJT1006',
-    hierarchy: 2,
-    executionOrder: 2,
-    subContainerCount: 0,
-    resourceCount: 4,
-    totalSubContainerCount: 0,
-    totalResourceCount: 4,
-    totalProjectElementCount: 0,
-    totalSharedElementCount: 0,
-    container: false,
-    localDelete: false,
-    defaultEntity: false,
-    lastResource: true,
-  },
-  // Repeat similar patterns to generate 50 entries, modifying hierarchy, executionOrder, and other attributes as needed.
-];
-
-export const InteractiveTreeSelector = () => {
-  const [data, setData] = useState<TreeNode[]>(initialData);
-  const [selectedKey, setSelectedKey] = useState<string>('');
-  const [isChecked, setIsChecked] = useState<boolean>(false);
-
-  const handleUpdateTree = () => {
-    const updatedTree = handleTreeNodeSect(data, selectedKey, isChecked);
-    setData([...updatedTree]);
-  };
-
-  return (
-    <div style={{ fontFamily: 'Arial, sans-serif', padding: '20px' }}>
-      <h1>Interactive Tree Selector</h1>
-      <div>
-        <label htmlFor="nodeKey">Node Key:</label>
-        <input
-          id="nodeKey"
-          type="text"
-          value={selectedKey}
-          onChange={(e) => setSelectedKey(e.target.value)}
-          placeholder="Enter node key"
-        />
-      </div>
-      <div>
-        <label>
-          <input
-            type="checkbox"
-            checked={isChecked}
-            onChange={(e) => setIsChecked(e.target.checked)}
-          />
-          Set Checked
-        </label>
-      </div>
-      <button onClick={handleUpdateTree} style={{ marginTop: '10px' }}>
-        Update Tree
-      </button>
-
-      <h2>Tree Data:</h2>
-      <pre style={{ backgroundColor: '#f4f4f4', padding: '10px' }}>
-        {JSON.stringify(data, null, 2)}
-      </pre>
-    </div>
-  );
-};

package/src/utils/handleTreeNodeSelect/handleTreeNodeSelect.ts

@@ -1,63 +0,0 @@
-import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
-
-export const handleTreeNodeSect = (
-  data: TreeNode[],
-  key: string | undefined,
-  isChecked: boolean | 'partial'
-): TreeNode[] => {
-  if (!key) {
-    // Handle the case where key is undefined (e.g., return early or throw an error)
-    throw new Error('Key is required');
-  }
-
-  const nodesMap = new Map<string, TreeNode>();
-
-  // Build a map for quick access to nodes by key
-  data.forEach((node) => nodesMap.set(node.key, node));
-
-  // Helper to update child nodes
-  function updateChildren(nodeKey: string, checkedStatus: boolean | 'partial') {
-    for (const node of data) {
-      if (node.parentId === nodeKey) {
-        node.checked = checkedStatus;
-        updateChildren(node.key, checkedStatus);
-      }
-    }
-  }
-
-  // Helper to update parent nodes
-  function updateParents(nodeKey: string) {
-    const node = nodesMap.get(nodeKey);
-    if (node && node.parentId) {
-      const parentNode = nodesMap.get(node.parentId);
-      if (parentNode) {
-        const siblings = data.filter(
-          (sibling) => sibling.parentId === parentNode.key
-        );
-        const allChecked = siblings.every(
-          (sibling) => sibling.checked === true
-        );
-        const someChecked = siblings.some(
-          (sibling) => sibling.checked === true || sibling.checked === 'partial'
-        );
-
-        parentNode.checked = allChecked
-          ? true
-          : someChecked
-          ? 'partial'
-          : false;
-
-        updateParents(parentNode.key);
-      }
-    }
-  }
-
-  const targetNode = nodesMap.get(key);
-  if (targetNode) {
-    targetNode.checked = isChecked;
-    updateChildren(key, isChecked);
-    updateParents(key);
-  }
-
-  return data;
-};

package/src/utils/indexDBStore/indexDB.ts

@@ -1,180 +0,0 @@
-const encode = (data: string | object): string => {
-  try {
-    // If the data is an object, convert it to a JSON string
-    const stringValue = typeof data === 'object' ? JSON.stringify(data) : data;
-    // Encode the string value in UTF-8 before converting to Base64
-    return btoa(unescape(encodeURIComponent(stringValue)));
-  } catch (error) {
-    console.error('Error encoding data:', error);
-    throw new Error('Encoding failed');
-  }
-};
-
-const decode = (data: string): string | object => {
-  try {
-    // Decode from Base64 and decode the UTF-8 string
-    const decodedString = decodeURIComponent(escape(atob(data)));
-    // Try parsing the string as JSON; if it fails, return the string as-is
-    try {
-      return JSON.parse(decodedString);
-    } catch {
-      return decodedString;
-    }
-  } catch (error) {
-    console.error('Error decoding data:', error);
-    throw new Error('Decoding failed');
-  }
-};
-
-const openIndexedDB = (): Promise<IDBDatabase> => {
-  return new Promise((resolve, reject) => {
-    const request = indexedDB.open('fireflink', 1);
-
-    request.onupgradeneeded = (event: IDBVersionChangeEvent) => {
-      const db = (event.target as IDBOpenDBRequest).result;
-
-      // Create object store if it doesn't exist
-      if (!db.objectStoreNames.contains('keyValueStore')) {
-        db.createObjectStore('keyValueStore', { keyPath: 'key' });
-      }
-    };
-
-    request.onsuccess = (event: Event) =>
-      resolve((event.target as IDBOpenDBRequest).result);
-    request.onerror = (event: Event) => {
-      console.error(
-        'Error opening IndexedDB:',
-        (event.target as IDBOpenDBRequest).error
-      );
-      reject('Error opening IndexedDB');
-    };
-  });
-};
-
-const withTransaction = <T>(
-  storeName: string,
-  mode: IDBTransactionMode,
-  callback: (store: IDBObjectStore) => T
-): Promise<T> => {
-  return new Promise(async (resolve, reject) => {
-    try {
-      const db = await openIndexedDB();
-      const transaction = db.transaction(storeName, mode);
-      const store = transaction.objectStore(storeName);
-
-      if (!store) {
-        reject(`Object store "${storeName}" not found.`);
-        return;
-      }
-
-      const result = await callback(store);
-      transaction.oncomplete = () => resolve(result);
-      transaction.onerror = (e: Event) => {
-        console.error('Transaction error:', e);
-        reject('Transaction failed');
-      };
-    } catch (error) {
-      console.error('Error in transaction:', error);
-      reject(`Transaction error: ${error}`);
-    }
-  });
-};
-
-export const setStoreValue = async (
-  key: string,
-  value: string | object
-): Promise<void> => {
-  if (!key || value === undefined) {
-    throw new Error('Key and value must be provided');
-  }
-
-  await withTransaction(
-    'keyValueStore',
-    'readwrite',
-    (store: IDBObjectStore) => {
-      const encodedValue = encode(value);
-      const request = store.put({ key, value: encodedValue });
-      return new Promise<void>((resolve, reject) => {
-        request.onsuccess = () => resolve();
-        request.onerror = (e: Event) => {
-          console.error('Failed to save data:', e);
-          reject('Failed to save data');
-        };
-      });
-    }
-  );
-};
-
-export const getStoreValue = async (
-  key: string
-): Promise<string | object | null> => {
-  if (!key) {
-    throw new Error('Key must be provided');
-  }
-
-  return await withTransaction(
-    'keyValueStore',
-    'readonly',
-    (store: IDBObjectStore) => {
-      const request = store.get(key);
-
-      return new Promise<string | object | null>((resolve, reject) => {
-        request.onsuccess = (event: Event) => {
-          const result = (event.target as IDBRequest).result;
-          if (result && result.value) {
-            try {
-              resolve(decode(result.value));
-            } catch (decodeError) {
-              console.error('Error decoding data:', decodeError);
-              reject('Error decoding retrieved data');
-            }
-          } else {
-            resolve(null);
-          }
-        };
-        request.onerror = (e: Event) => {
-          console.error('Failed to retrieve data:', e);
-          reject('Failed to retrieve data');
-        };
-      });
-    }
-  );
-};
-
-export const deleteStoreValue = async (key: string): Promise<void> => {
-  if (!key) {
-    throw new Error('Key must be provided');
-  }
-
-  await withTransaction(
-    'keyValueStore',
-    'readwrite',
-    (store: IDBObjectStore) => {
-      const request = store.delete(key);
-      return new Promise<void>((resolve, reject) => {
-        request.onsuccess = () => resolve();
-        request.onerror = (e: Event) => {
-          console.error('Failed to delete data:', e);
-          reject('Failed to delete data');
-        };
-      });
-    }
-  );
-};
-
-export const clearStore = async (): Promise<void> => {
-  await withTransaction(
-    'keyValueStore',
-    'readwrite',
-    (store: IDBObjectStore) => {
-      const request = store.clear();
-      return new Promise<void>((resolve, reject) => {
-        request.onsuccess = () => resolve();
-        request.onerror = (e: Event) => {
-          console.error('Failed to clear data:', e);
-          reject('Failed to clear data');
-        };
-      });
-    }
-  );
-};

package/src/utils/keyBoardActionUtil/UseKeyboardAction.stories.tsx

@@ -1,53 +0,0 @@
-import React, { useState } from 'react';
-import { Meta, StoryObj } from '@storybook/react';
-import { useKeyboardActions } from './UseKeyboardActions';
-
-// A demonstration component to showcase the `useKeyboardAction` utility
-const UseKeyboardActionComponent: React.FC = () => {
-  const [message, setMessage] = useState<string>(
-    'Press Escape or Enter to see actions.'
-  );
-
-  // Registering keyboard actions using the `useKeyboardAction` utility
-  useKeyboardActions([
-    {
-      key: 'Escape',
-      action: () => setMessage('Escape key was pressed.'),
-    },
-    {
-      key: 'Enter',
-      action: () => setMessage('Enter key was pressed.'),
-    },
-    {
-      key: 'ArrowUp',
-      action: () => setMessage('ArrowUp key was pressed.'),
-    },
-  ]);
-
-  return (
-    <div
-      style={{ textAlign: 'center', padding: '20px', border: '1px solid #ddd' }}
-    >
-      <h3>Keyboard Action Utility</h3>
-      <p>{message}</p>
-      <p>Try pressing Escape, Enter, or ArrowUp keys.</p>
-    </div>
-  );
-};
-
-// Meta configuration for the story
-const meta: Meta<typeof UseKeyboardActionComponent> = {
-  title: 'Utils/UseKeyboardAction',
-  component: UseKeyboardActionComponent,
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['autodocs'],
-};
-
-export default meta;
-
-type Story = StoryObj<typeof UseKeyboardActionComponent>;
-
-// Default story for the component
-export const Primary: Story = {};

package/src/utils/keyBoardActionUtil/UseKeyboardActions.tsx

@@ -1,20 +0,0 @@
-import { useEffect } from "react";
-import { KeyboardAction } from "./types";
-
-export const useKeyboardActions = (actions: KeyboardAction[]) => {
-  useEffect(() => {
-    const handleKeyDown = (event: KeyboardEvent) => {
-      actions.forEach(({ key, action }) => {
-        if (event.key === key) {
-          action();
-        }
-      });
-    };
-
-    window.addEventListener('keydown', handleKeyDown);
-
-    return () => {
-      window.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [actions]);
-};

package/src/utils/keyBoardActionUtil/types.ts

@@ -1,4 +0,0 @@
-export type KeyboardAction = {
-  key: string;
-  action: () => void;
-};

package/src/utils/swapArrayItem/dragAndDropUtils.ts

@@ -1,11 +0,0 @@
-export const rearrangeDragItem = (
-    initialArray: any[],
-    oldIndex: number,
-    newIndex: number
-): any[] => {
-    const updatedData = [...initialArray];
-    const movedItem = updatedData[oldIndex];
-    updatedData.splice(oldIndex, 1);
-    updatedData.splice(newIndex, 0, movedItem);
-    return updatedData;
-};

package/src/utils/throttle/throttle.stories.tsx

@@ -1,100 +0,0 @@
-import { throttle } from './throttle'; // Adjust the import path as necessary
-
-export default {
-  title: 'Utils/throttle',
-  component: throttle,
-};
-
-export const Default = () => {
-  const testCases = [
-    {
-      description: 'Basic function call',
-      expectedOutput: 'Function called! (at most once every 300ms)',
-      limit: 300,
-      setup: () => {
-        const throttledFunc = throttle(
-          () => console.log('Function called!'),
-          300
-        );
-        for (let i = 0; i < 5; i++) {
-          throttledFunc(); // Call the throttled function multiple times
-        }
-      },
-      code: `const throttledFunc = throttle(() => console.log('Function called!'), 300);\nfor (let i = 0; i < 5; i++) {\n  throttledFunc();\n}`,
-    },
-    {
-      description: 'Throttling with rapid calls',
-      expectedOutput: 'Function called! (at most once every 500ms)',
-      limit: 500,
-      setup: () => {
-        const throttledFunc = throttle(
-          () => console.log('Throttled call!'),
-          500
-        );
-        for (let i = 0; i < 10; i++) {
-          throttledFunc(); // Call the throttled function rapidly
-        }
-      },
-      code: `const throttledFunc = throttle(() => console.log('Throttled call!'), 500);\nfor (let i = 0; i < 10; i++) {\n  throttledFunc();\n}`,
-    },
-    {
-      description: 'Cancel throttled function',
-      expectedOutput: 'Function should not be called if canceled',
-      limit: 200,
-      setup: () => {
-        const throttledFunc = throttle(
-          () => console.log('Should not be called!'),
-          200
-        );
-        throttledFunc(); // Call the throttled function
-        throttledFunc.cancel(); // Cancel the function
-      },
-      code: `const throttledFunc = throttle(() => console.log('Should not be called!'), 200);\nthrottledFunc();\nthrottledFunc.cancel();`,
-    },
-    {
-      description: 'Scroll event handling',
-      expectedOutput: 'Scroll event handled (at most once every 400ms)',
-      limit: 400,
-      setup: () => {
-        const throttledScroll = throttle(
-          () => console.log('Scroll event handled'),
-          400
-        );
-
-        // Simulating rapid scroll events
-        for (let i = 0; i < 10; i++) {
-          throttledScroll(); // Simulate scroll event
-        }
-      },
-      code: `const throttledScroll = throttle(() => console.log('Scroll event handled'), 400);\nfor (let i = 0; i < 10; i++) {\n  throttledScroll();\n}`,
-    },
-  ];
-
-  return (
-    <div>
-      <h1>
-        <u>throttle(function, limit)</u> - Demonstrating throttle functionality
-      </h1>
-      {testCases.map(
-        ({ description, expectedOutput, limit, setup, code }, index) => (
-          <div key={index}>
-            <h3>{description}</h3>
-            <button
-              onClick={() => {
-                setup(); // Run the setup for the test case
-                setTimeout(() => {
-                  console.log(expectedOutput);
-                }, limit + 100); // Wait a bit longer than the limit to check output
-              }}
-            >
-              Run Test
-            </button>
-            <pre>
-              <code>{code}</code>
-            </pre>
-          </div>
-        )
-      )}
-    </div>
-  );
-};

package/src/utils/throttle/throttle.ts

@@ -1,33 +0,0 @@
-type Callback = (...args: any[]) => void;
-
-export interface ThrottledFunction extends Function {
-  cancel: () => void;
-}
-
-export const throttle = (func: Callback, limit: number): ThrottledFunction => {
-  let lastFunc: ReturnType<typeof setTimeout> | null;
-  let lastRan: number | null = null;
-
-  const throttled: ThrottledFunction = function (this: any, ...args: any[]) {
-    const context = this;
-    if (lastRan === null || Date.now() - lastRan >= limit) {
-      func.apply(context, args);
-      lastRan = Date.now();
-    } else {
-      if (lastFunc) clearTimeout(lastFunc);
-      lastFunc = setTimeout(() => {
-        func.apply(context, args);
-        lastRan = Date.now();
-      }, limit - (Date.now() - lastRan));
-    }
-  };
-
-  // Method to cancel the throttled function
-  throttled.cancel = () => {
-    if (lastFunc) clearTimeout(lastFunc);
-    lastFunc = null;
-    lastRan = null;
-  };
-
-  return throttled;
-};

package/src/utils/truncateText/truncateText.stories.tsx

@@ -1,37 +0,0 @@
-import { truncateText } from './truncateText';
-
-export default {
-  title: 'Utils/truncateText',
-  component: truncateText,
-};
-
-export const Default = () => {
-  const testCases = [
-    {
-      text: 'This is a placeholder text that might be too long',
-      maxLength: 25,
-      expected: 'This is a placeholder text...',
-    },
-    { text: 'Short text', maxLength: 25, expected: 'Short text' },
-    { text: 'Another example', maxLength: 10, expected: 'Another ex...' },
-    { text: 'Testing with a long text', maxLength: 5, expected: 'Testi...' },
-    { text: '', maxLength: 10, expected: '' },
-    {
-      text: 'Exactly twenty-five chars!',
-      maxLength: 25,
-      expected: 'Exactly twenty-five chars!',
-    }, 
-  ];
-
-  return (
-    <div>
-      {testCases.map((test, index) => (
-        <div key={index}>
-          truncateText({JSON.stringify(test.text)}, {test.maxLength}) -
-          Expected: {test.expected}, Result:{' '}
-          {truncateText(test.text, test.maxLength)}
-        </div>
-      ))}
-    </div>
-  );
-};