pixel-react 1.9.5 → 1.9.6

package/lib/ComponentProps/TreeNodeProps.d.ts

@@ -0,0 +1,31 @@
+export type TreeNodeProps = {
+    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';
+    expand?: boolean;
+};

package/lib/components/TableTree/Components/TableBody.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableBodyProps } from '../types';
-declare const TableBody: React.MemoExoticComponent<({ flattenedTreeData, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableBody: React.MemoExoticComponent<({ flattenedTreeData, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element | null>;
 export default TableBody;

package/lib/components/TableTree/types.d.ts

@@ -1,33 +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;
 export interface TableCellProps {
     col: any;
@@ -76,7 +48,7 @@ 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) => void;
     loadMore?: (_direction?: string) => void;
     height?: number | string;
 }

package/lib/index.d.ts

@@ -1711,7 +1711,7 @@ interface MiniEditModalProps {
 
 declare const MiniModal: React$1.ForwardRefExoticComponent<MiniEditModalProps & React$1.RefAttributes<HTMLDivElement>>;
 
-interface TreeNode$2 {
+type TreeNodeProps = {
     createdBy: string;
     modifiedBy: string;
     createdByUname: string;
@@ -1736,10 +1736,13 @@ interface TreeNode$2 {
     localDelete: boolean;
     defaultEntity: boolean;
     lastResource: boolean;
-    platform: string;
+    platform?: string;
     parentId?: string;
     parentName?: string;
-}
+    checked?: boolean | 'partial';
+    expand?: boolean;
+};
+
 declare type JSX$1 = ReactNode | JSX$1.Element[] | string | null;
 interface Column {
     name: string;
@@ -1758,8 +1761,8 @@ interface TreeTableProps {
     selected?: string[];
     select?: 'radio' | 'checkbox' | 'none';
     onChange?: (e: any, node: string[] | any) => void;
-    onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode$2) => void;
-    onExpand?: (_isExpanded: boolean, node: string) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNodeProps) => void;
+    onExpand?: (node: TreeNodeProps) => void;
     loadMore?: (_direction?: string) => void;
     height?: number | string;
 }
@@ -3306,76 +3309,17 @@ declare const useKeyboardActions: (actions: KeyboardAction[]) => void;
 
 declare const rearrangeDragItem: (initialArray: any[], oldIndex: number, newIndex: number) => any[];
 
-interface TreeNode$1 {
-    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;
-}
 interface TreeDetailsResult {
-    treeDataList: TreeNode$1[];
+    treeDataList: TreeNodeProps[];
     next: boolean;
     previous: boolean;
     startId: string;
     endId: string;
-    root?: TreeNode$1;
+    root?: TreeNodeProps;
 }
-declare const getTreeDetails: (action: "above" | "below" | "expand" | "collapse" | "start", oldData: TreeNode$1[], newData: TreeNode$1[], index?: number) => TreeDetailsResult;
+declare const getTreeDetails: (action: "above" | "below" | "expand" | "collapse" | "start", oldData: TreeNodeProps[], newData: TreeNodeProps[], index?: number) => TreeDetailsResult;
 
-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';
-};
-declare const handleTreeNodeSect: (data: TreeNode[], key: string, isChecked: boolean | "partial") => TreeNode[];
+declare const handleTreeNodeSect: (data: TreeNodeProps[], key: string, isChecked: boolean | "partial") => TreeNodeProps[];
 
 declare const EMAIL_REGEX: RegExp;
 declare const URL_REGEX: RegExp;
@@ -3436,4 +3380,4 @@ declare const PARAMETER_ALPHANUMERIC_REGEX: RegExp;
 declare function saveToIndexedDB(key: string, value: string): Promise<void>;
 declare function getFromIndexedDB(key: string): Promise<string | null>;
 
-export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, MobileSkin, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, _default as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getFromIndexedDB, getSequentialPayload, getTreeDetails, handleTreeNodeSect, hasDuplicateFile, rearrangeDragItem, saveFileFromBlob, saveToIndexedDB, throttle, toast, truncateText, useClickOutside, useFileDropzone, useKeyboardActions, useTheme };
+export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, MobileSkin, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, _default as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, type TreeNodeProps, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getFromIndexedDB, getSequentialPayload, getTreeDetails, handleTreeNodeSect, hasDuplicateFile, rearrangeDragItem, saveFileFromBlob, saveToIndexedDB, throttle, toast, truncateText, useClickOutside, useFileDropzone, useKeyboardActions, useTheme };

package/lib/index.esm.js

@@ -14427,9 +14427,9 @@ const TableCell = /*#__PURE__*/React__default.memo(({
   children: [col.isTree && renderSpaces(node.hierarchy + 1, node.parentSiblings, node.last), jsxs("div", {
     className: "tree-title-container",
     children: [col.isTree && jsx("span", {
-      className: `tree-table-space-block last-block  ${node.isExpanded ? 'tree-row-expanded' : 'tree-row-collapsed'} ${node.folder ? '' : 'no-folder'}`,
+      className: `tree-table-space-block last-block  ${node.expand ? 'tree-row-expanded' : 'tree-row-collapsed'} ${node.container ? '' : 'no-folder'}`,
       onClick: () => onToggleExpand(node),
-      children: node.folder && jsx(SvgArrowsDownIcon, {})
+      children: node.container && node?.totalResourceCount > 0 && jsx(SvgArrowsDownIcon, {})
     }), jsxs("span", {
       className: "tree-table-td-content",
       children: [col.isTree && select === 'checkbox' && jsx(Checkbox, {
@@ -14450,15 +14450,12 @@ const TableCell = /*#__PURE__*/React__default.memo(({
 
 const TableRow = /*#__PURE__*/React__default.memo(({
   node,
-  // level,
   columnsData,
   selected,
   select,
   onRowClick,
   onToggleExpand,
   onCheckBoxChange
-  // parentSiblings,
-  // isLast,
 }) => jsx("tr", {
   "data-level": node.hierarchy,
   className: "show",
@@ -14481,7 +14478,7 @@ const TableBody = /*#__PURE__*/React__default.memo(({
   onRowClick,
   onToggleExpand,
   onCheckBoxChange
-}) => jsxs("tbody", {
+}) => checkEmpty(flattenedTreeData) ? null : jsxs("tbody", {
   className: "ff-table-tree-body",
   children: [jsx("tr", {
     id: "ff-table-tree-first-node"
@@ -14513,8 +14510,9 @@ const TreeTable = ({
   loadMore = () => {},
   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'),
+    root: treeRef?.current || null,
     rootMargin: '0px',
     threshold: 0.1,
     onIntersect: entry => {
@@ -14530,7 +14528,7 @@ const TreeTable = ({
       }
     }
   });
-  const handleToggleExpand = useCallback(node => onExpand?.(true, node?.key), [onExpand]);
+  const handleToggleExpand = useCallback(node => onExpand?.(node), [onExpand]);
   const handleCheckBoxChange = useCallback((e, node) => {
     onChange?.(e, node);
   }, [onChange]);
@@ -14540,6 +14538,7 @@ const TreeTable = ({
     children: jsx("div", {
       className: "table-scrollable",
       id: "ff-table-tree-scroll-container",
+      ref: treeRef,
       style: {
         '--table-height': `${height !== 'auto' ? height + 'px' : height}`
       },