pixel-react 1.9.1 → 1.9.3

package/src/components/TableTree/data.ts

@@ -1,367 +1,58 @@
 const data = [
   {
-    node: {
-      subModuleCount: 15,
-      title: 'FIreFlink',
-      scriptCount: 0,
-      path: '/Root',
-      expanded: true,
-      modifiedOn: '19-12-2023 15:32',
-      children: false,
-      lastExecutionOrder: 3,
-      imported: false,
-      modifiedBy: '--',
-      moduleCountWithScript: 1,
-      state: 'NEW',
-      key: 'MOD1001',
-      ver: 1,
-      hierarchy: 0,
-      assigneeCount: 0,
-      searchKey: '/MOD100111111',
-      modifiedByUname: '--',
-      executionOrder: 0,
-      createdByUname: 'Shivaprasad',
-      folder: true,
-      moduleLevelScriptCount: 0,
-      name: 'Root Module',
-      parentId: null, // Root has no parent
-      id: 'MOD1001', // Unique ID
-    },
-    level: 0,
-    isLast: true,
-    parentSiblings: [true],
-  },
-  {
-    node: {
-      subModuleCount: 15,
-      title: 'mod1',
-      scriptCount: 0,
-      path: '/Root',
-      expanded: true,
-      modifiedOn: '19-12-2023 15:32',
-      children: false,
-      lastExecutionOrder: 3,
-      imported: false,
-      modifiedBy: '--',
-      moduleCountWithScript: 1,
-      state: 'NEW',
-      key: 'MOD1001',
-      ver: 1,
-      hierarchy: 0,
-      assigneeCount: 0,
-      searchKey: '/MOD1001111110000000000',
-      modifiedByUname: '--',
-      executionOrder: 0,
-      createdByUname: 'Shivaprasad',
-      folder: true,
-      moduleLevelScriptCount: 0,
-      name: 'Root Module',
-      parentId: 'MOD1001', // Root has no parent
-      id: 'MOD1002', // Unique ID
-    },
-    parentSiblings: [true, false],
-    lines: 1,
-  },
-  {
-    node: {
-      subModuleCount: 10,
-      title: 'Home',
-      scriptCount: 0,
-      path: '/Root/Home',
-      expanded: true,
-      modifiedOn: '19-12-2023 15:43',
-      folder: true,
-      children: false,
-      parentId: 'MOD1001', // Parent is '/Root'
-      id: 'MOD1003', // Unique ID
-    },
-    level: 1,
-    parentSiblings: [true, false],
-  },
-  {
-    node: {
-      ver: 1,
-      hierarchy: 2,
-      subModuleCount: 4,
-      assigneeCount: 0,
-      searchKey: '/MOD1001/MOD1002/MOD10031111',
-      modifiedByUname: '--',
-      title: 'Setup',
-      scriptCount: 0,
-      executionOrder: 1,
-      createdByUname: 'Shivaprasad',
-      parentId: 'MOD1003', // Parent is 'Home'
-      path: '/Root/Home/Setup',
-      expanded: false,
-      modifiedOn: '19-12-2023 16:40',
-      parentName: 'Home',
-      moduleLevelScriptCount: 0,
-      lastExecutionOrder: 0,
-      imported: false,
-      name: 'Setup',
-      modifiedBy: '--',
-      moduleCountWithScript: 0,
-      state: 'NEW',
-      key: 'MOD1003',
-      folder: true,
-      children: false,
-      id: 'MOD1004', // Unique ID
-    },
-    level: 2,
-    parentSiblings: [true, true, false],
-  },
-  {
-    node: {
-      ver: 1,
-      hierarchy: 3,
-      subModuleCount: 0,
-      assigneeCount: 0,
-      searchKey: '/MOD1001/MOD1002/MOD1003/MOD1101',
-      modifiedByUname: '--',
-      title: 'Initial Setup',
-      scriptCount: 0,
-      executionOrder: 1,
-      createdByUname: 'Shivaprasad',
-      parentId: 'MOD1004', // Parent is 'Setup'
-      path: '/Root/Home/Setup/Initial Setup',
-      expanded: false,
-      modifiedOn: '20-12-2023 09:00',
-      parentName: 'Setup',
-      moduleLevelScriptCount: 0,
-      lastExecutionOrder: 0,
-      imported: false,
-      name: 'Initial Setup',
-      modifiedBy: '--',
-      moduleCountWithScript: 0,
-      state: 'NEW',
-      key: 'MOD1101',
-      children: true,
-      id: 'MOD1101', // Unique ID
-    },
-    level: 3,
-    parentSiblings: [true, true, true, false],
-  },
-  {
-    node: {
-      ver: 1,
-      hierarchy: 3,
-      subModuleCount: 0,
-      assigneeCount: 0,
-      searchKey: '/MOD1001/MOD1002/MOD1003/MOD1102',
-      modifiedByUname: '--',
-      title: 'Advanced Setup',
-      scriptCount: 0,
-      executionOrder: 2,
-      createdByUname: 'Shivaprasad',
-      parentId: 'MOD1004', // Parent is 'Setup'
-      path: '/Root/Home/Setup/Advanced Setup',
-      expanded: false,
-      modifiedOn: '20-12-2023 09:30',
-      parentName: 'Setup',
-      moduleLevelScriptCount: 0,
-      lastExecutionOrder: 0,
-      imported: false,
-      name: 'Advanced Setup',
-      modifiedBy: '--',
-      moduleCountWithScript: 0,
-      state: 'NEW',
-      key: 'MOD1102',
-      children: true,
-      id: 'MOD1102', // Unique ID
-    },
-    level: 3,
-    parentSiblings: [true, true, true, false],
-  },
-  {
-    node: {
-      ver: 1,
-      hierarchy: 3,
-      subModuleCount: 0,
-      assigneeCount: 0,
-      searchKey: '/MOD1001/MOD1002/MOD1003/MOD1103',
-      modifiedByUname: '--',
-      title: 'Setup Review',
-      scriptCount: 0,
-      executionOrder: 3,
-      createdByUname: 'Shivaprasad',
-      parentId: 'MOD1004', // Parent is 'Setup'
-      path: '/Root/Home/Setup/Setup Review',
-      expanded: false,
-      modifiedOn: '20-12-2023 10:00',
-      parentName: 'Setup',
-      moduleLevelScriptCount: 0,
-      lastExecutionOrder: 0,
-      imported: false,
-      name: 'Setup Review',
-      modifiedBy: '--',
-      moduleCountWithScript: 0,
-      state: 'NEW',
-      key: 'MOD1103',
-      children: true,
-      id: 'MOD1103', // Unique ID
-    },
-    level: 3,
-    parentSiblings: [true, true, true, false],
-    isLast: true,
-  },
-  {
-    node: {
-      ver: 1,
-      hierarchy: 2,
-      subModuleCount: 4,
-      assigneeCount: 0,
-      searchKey: '/MOD1001/MOD1002/MOD1004',
-      modifiedByUname: '--',
-      title: 'Authoring Cycle',
-      scriptCount: 0,
-      executionOrder: 2,
-      createdByUname: 'Shivaprasad',
-      parentId: 'MOD1003', // Parent is 'Home'
-      path: '/Root/Home/Authoring Cycle',
-      expanded: false,
-      modifiedOn: '19-12-2023 16:40',
-      parentName: 'Home',
-      moduleLevelScriptCount: 0,
-      lastExecutionOrder: 0,
-      imported: false,
-      name: 'Authoring Cycle',
-      modifiedBy: '--',
-      moduleCountWithScript: 0,
-      state: 'NEW',
-      key: 'MOD1004',
-      folder: true,
-      children: false,
-      id: 'MOD1005', // Unique ID
-    },
-    level: 2,
-    parentSiblings: [true, true, false],
-    isLast: true,
-  },
-  {
-    node: {
-      ver: 1,
-      hierarchy: 3,
-      subModuleCount: 0,
-      assigneeCount: 0,
-      searchKey: '/MOD1001/MOD1002/MOD1004/MOD1201',
-      modifiedByUname: '--',
-      title: 'Draft Authoring',
-      scriptCount: 0,
-      executionOrder: 1,
-      createdByUname: 'Shivaprasad',
-      parentId: 'MOD1005', // Parent is 'Authoring Cycle'
-      path: '/Root/Home/Authoring Cycle/Draft Authoring',
-      expanded: false,
-      modifiedOn: '21-12-2023 11:00',
-      parentName: 'Authoring Cycle',
-      moduleLevelScriptCount: 0,
-      lastExecutionOrder: 0,
-      imported: false,
-      name: 'Draft Authoring',
-      modifiedBy: '--',
-      moduleCountWithScript: 0,
-      state: 'NEW',
-      key: 'MOD1201',
-      children: true,
-      id: 'MOD1201', // Unique ID
-    },
-    level: 3,
-    parentSiblings: [true, false, true, false],
-  },
-  {
-    node: {
-      ver: 1,
-      hierarchy: 3,
-      subModuleCount: 0,
-      assigneeCount: 0,
-      searchKey: '/MOD1001/MOD1002/MOD1004/MOD1202',
-      modifiedByUname: '--',
-      title: 'Peer Review',
-      scriptCount: 0,
-      executionOrder: 2,
-      createdByUname: 'Shivaprasad',
-      parentId: 'MOD1005', // Parent is 'Authoring Cycle'
-      path: '/Root/Home/Authoring Cycle/Peer Review',
-      expanded: false,
-      modifiedOn: '21-12-2023 12:00',
-      parentName: 'Authoring Cycle',
-      moduleLevelScriptCount: 0,
-      lastExecutionOrder: 0,
-      imported: false,
-      name: 'Peer Review',
-      modifiedBy: '--',
-      moduleCountWithScript: 0,
-      state: 'NEW',
-      key: 'MOD1202',
-      children: true,
-      id: 'MOD1202', // Unique ID
-    },
-    level: 3,
-    parentSiblings: [true, false, true, false],
-  },
-  {
-    node: {
-      ver: 1,
-      hierarchy: 3,
-      subModuleCount: 0,
-      assigneeCount: 0,
-      searchKey: '/MOD1001/MOD1002/MOD1004/MOD1203',
-      modifiedByUname: '--',
-      title: 'Final Review',
-      scriptCount: 0,
-      executionOrder: 3,
-      createdByUname: 'Shivaprasad',
-      parentId: 'MOD1005', // Parent is 'Authoring Cycle'
-      path: '/Root/Home/Authoring Cycle/Final Review',
-      expanded: false,
-      modifiedOn: '21-12-2023 13:00',
-      parentName: 'Authoring Cycle',
-      moduleLevelScriptCount: 0,
-      lastExecutionOrder: 0,
-      imported: false,
-      name: 'Final Review',
-      modifiedBy: '--',
-      moduleCountWithScript: 0,
-      state: 'NEW',
-      key: 'MOD1203',
-      children: true,
-      id: 'MOD1203', // Unique ID
-    },
-    level: 3,
-    parentSiblings: [true, false, true, false],
-    isLast: true,
-  },
-  {
-    node: {
-      subModuleCount: 15,
-      title: 'mod3',
-      scriptCount: 0,
-      path: '/Root',
-      expanded: true,
-      modifiedOn: '19-12-2023 15:32',
-      children: false,
-      lastExecutionOrder: 3,
-      imported: false,
-      modifiedBy: '--',
-      moduleCountWithScript: 1,
-      state: 'NEW',
-      key: 'MOD1001',
-      ver: 1,
-      hierarchy: 0,
-      assigneeCount: 0,
-      searchKey: '/MOD1001111110000000000',
-      modifiedByUname: '--',
-      executionOrder: 0,
-      createdByUname: 'Shivaprasad',
-      folder: true,
-      moduleLevelScriptCount: 0,
-      name: 'Root Module111',
-      parentId: 'MOD1001', // Root has no parent
-      id: 'MOD100222', // Unique ID
-    },
-    level: 1,
-    parentSiblings: [true, false],
-    isLast: true,
+    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: 0,
+    executionOrder: 1,
+    subContainerCount: 0,
+    resourceCount: 3,
+    totalSubContainerCount: 0,
+    totalResourceCount: 1,
+    totalProjectElementCount: 0,
+    totalSharedElementCount: 0,
+    container: false,
+    localDelete: false,
+    defaultEntity: false,
+    lastResource: true,
   },
 ];
 

package/src/components/TableTree/types.ts

@@ -12,13 +12,10 @@ declare type JSX = ReactNode | JSX.Element[] | string | null;
 export interface TableCellProps {
   col: any;
   node: any;
-  level: number;
   selected: string[];
   select: string | null;
   onCheckBoxChange: (e: any, node: string[] | any) => void;
   onToggleExpand: (node: any) => void;
-  parentSiblings: boolean[];
-  isLast: boolean | undefined;
 }
 
 export interface TableHeadProps {
@@ -37,15 +34,12 @@ export interface TableBodyProps {
 
 export interface TableRowProps {
   node: any;
-  level: number;
   columnsData: any[];
   selected: string[];
   select: string | null;
   onRowClick: (e: any, node: any) => void;
   onToggleExpand: (node: any) => void;
   onCheckBoxChange: (e: any, node: string[] | any) => void;
-  parentSiblings: boolean[];
-  isLast: boolean | undefined;
 }
 
 export interface Column {

package/src/components/TextArea/Textarea.scss

@@ -5,26 +5,36 @@
   flex-direction: column;
   position: relative;
   gap: 5px;
+
   @extend .fontSm;
+
   .msg-character-count {
     @extend .font-size-8;
     display: flex;
     color: var(--text-area-default-color);
     justify-content: flex-end;
   }
+
   .ff-textarea {
     padding: 8px;
-    width: 100%;
-    min-height: 80px;
     gap: 0px;
     border: 1px solid var(--default-icon-color);
     border-radius: 4px;
     outline: none;
     line-height: 18px;
     font-weight: 400;
+    overflow: auto; 
     &--resize {
       resize: none;
     }
+
+    ::-webkit-scrollbar {
+      display: none;
+    }
+
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+
     &:disabled {
       opacity: 0.5;
       cursor: not-allowed;
@@ -33,12 +43,15 @@
         color: inherit;
       }
     }
+
     &::placeholder {
       opacity: 0;
     }
+
     &--danger {
-      border-color: var(--error_light);
+      border-color: var(--ff-error-light);
     }
+
     &--transparentBackground {
       background: transparent;
     }
@@ -60,14 +73,15 @@
       background-color: var(--drawer-footer-bg);
       color: var(--text-area-default-color);
       &--danger {
-        color: var(--error_light);
+        color: var(--ff-error-light);
       }
     }
 
     .required-asterisk {
-      color: var(--error_light);
+      color: var(--ff-error-light);
     }
   }
+
   &:hover {
     .ff-textarea-label {
       color: var(--text-color);
@@ -76,6 +90,7 @@
       border-color: var(--text-color);
     }
   }
+
   &:focus-within {
     .ff-textarea-label-container {
       font-weight: 400;
@@ -88,11 +103,13 @@
       padding: 0px 2px;
       margin-left: 7px;
     }
+
     .ff-textarea-label {
       &--primary {
         color: var(--brand-color);
       }
     }
+
     .ff-textarea {
       &--primary {
         border-color: var(--brand-color);
@@ -112,7 +129,7 @@
     margin-left: 8px;
     line-height: 12px;
     &--danger {
-      color: var(--error_light);
+      color: var(--ff-error-light);
     }
   }
 
@@ -127,6 +144,7 @@
       margin-left: 7px;
     }
   }
+
   &--disabled {
     &:hover {
       .ff-textarea-label {

package/src/index.ts

@@ -105,6 +105,7 @@ import ConditionalDropdown from './components/ConditionalDropdown/ConditionalDro
 import { hasDuplicateFile } from './utils/checkDuplicates/checkDuplicates';
 import PhoneInputField from './components/PhoneInput';
 import { useKeyboardActions } from './utils/keyBoardActionUtil/UseKeyboardActions';
+import { rearrangeDragItem } from './utils/swapArrayItem/dragAndDropUtils'
 import {
   EMAIL_REGEX,
   URL_REGEX,
@@ -273,7 +274,8 @@ export {
   useKeyboardActions,
   saveToIndexedDB,
   getFromIndexedDB,
-  
+  rearrangeDragItem,
+
   EMAIL_REGEX,
   URL_REGEX,
   PHONE_REGEX,

package/src/utils/indexDBStore/indexDB.ts

@@ -1,37 +1,67 @@
-import { openDB, DBSchema } from 'idb';
-
-// Define the database schema
-interface MyDB extends DBSchema {
-  items: {
-    key: string; // Key for each item
-    value: string; // Stored value, encoded as a string
-  };
+//Encoding utility
+const encode = (data: string): string => btoa(unescape(encodeURIComponent(data))); // Example: Base64 encoding
+//Decoding utility
+const decode = (data: string): string => decodeURIComponent(escape(atob(data)));
+
+
+function openIndexedDB(): Promise<IDBDatabase> {
+  return new Promise((resolve, reject) => {
+    const request = indexedDB.open('myDatabase', 1);
+
+    request.onupgradeneeded = (event) => {
+      const db = (event.target as IDBOpenDBRequest).result;
+
+      // Create an object store if it doesn't already exist
+      if (!db.objectStoreNames.contains('keyValueStore')) {
+        db.createObjectStore('keyValueStore', { keyPath: 'key' });
+      }
+    };
+
+    request.onsuccess = (event) => {
+      const db = (event.target as IDBOpenDBRequest).result;
+      resolve(db);
+    };
+
+    request.onerror = (event) => {
+      reject(`Error opening IndexedDB: ${(event.target as IDBOpenDBRequest).error}`);
+    };
+  });
 }
 
-// Open the database
-const dbPromise = openDB<MyDB>('my-database', 1, {
-  upgrade(db) {
-    if (!db.objectStoreNames.contains('items')) {
-      db.createObjectStore('items');
-    }
-  },
-});
+export async function saveToIndexedDB(key: string, value: string): Promise<void> {
+  const db = await openIndexedDB();
 
-// Encoding utility
-const encode = (data: string): string => btoa(unescape(encodeURIComponent(data))); // Example: Base64 encoding
-// Decoding utility
-const decode = (data: string): string => decodeURIComponent(escape(atob(data)));
+  return new Promise((resolve, reject) => {
+    const transaction = db.transaction('keyValueStore', 'readwrite');
+    const store = transaction.objectStore('keyValueStore');
+
+    const encodedValue = encode(value); // Encode the data
+    const request = store.put({ key, value: encodedValue });
+
+    request.onsuccess = () => resolve();
+    request.onerror = () => reject('Failed to save data');
+  });
+}
+
+export async function getFromIndexedDB(key: string): Promise<string | null> {
+  const db = await openIndexedDB();
+
+  return new Promise((resolve, reject) => {
+    const transaction = db.transaction('keyValueStore', 'readonly');
+    const store = transaction.objectStore('keyValueStore');
+
+    const request = store.get(key);
+
+    request.onsuccess = (event) => {
+      const result = (event.target as IDBRequest).result;
+      if (result && result.value) {
+        resolve(decode(result.value)); // Decode the data
+      } else {
+        resolve(null);
+      }
+    };
+
+    request.onerror = () => reject('Failed to retrieve data');
+  });
+}
 
-// Save data to IndexedDB
-export const saveToIndexedDB = async (key: string, value: string): Promise<void> => {
-  const db = await dbPromise;
-  const encodedValue = encode(value);
-  await db.put('items', encodedValue, key);
-};
-
-// Get data from IndexedDB
-export const getFromIndexedDB = async (key: string): Promise<string | null> => {
-  const db = await dbPromise;
-  const encodedValue = await db.get('items', key);
-  return encodedValue ? decode(encodedValue) : null;
-};

package/src/utils/swapArrayItem/dragAndDropUtils.ts

@@ -0,0 +1,11 @@
+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;
+};