pixel-react 1.21.15 → 1.21.18

package/lib/ComponentProps/TreeNodeProps.d.ts

@@ -81,4 +81,16 @@ export type TreeNodeProps = {
     includeIteration?: boolean;
     totalConditionCount?: number;
     reRunStep?: boolean;
+    liveURL?: string;
+    isRunning?: boolean;
+    deviceInfo?: {
+        name?: string;
+        brand?: string;
+        platform?: string;
+        version?: string;
+        appName?: string;
+        appId?: string;
+        type?: string;
+        subType?: string;
+    };
 };

package/lib/components/NoResultFound/NoResultFound.d.ts

@@ -9,6 +9,7 @@ type NoDataProps = {
     iconWidth?: number;
     iconHeight?: number;
     fontWeight?: 'semi-bold' | 'bold' | 'regular' | 'medium' | undefined;
+    marginTop?: string;
 };
 declare const NoResultFound: FC<NoDataProps>;
 export default NoResultFound;

package/lib/components/NoResultFound/NoResultFound.js

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './NoResultFound.scss';
 import Icon from '../Icon';
 import Typography from '../Typography';
-const NoResultFound = ({ text = ' No Results Found', iconName = 'no_license_found', fontSize = '24px', textAlign = 'left', direction = 'column', iconWidth = 120, iconHeight = 120, fontWeight = 'semi-bold', }) => (_jsx("article", { className: "no_results_container", children: _jsxs("div", { className: `no_results_container__${direction}`, children: [_jsx(Icon, { name: iconName, width: iconWidth, height: iconHeight }), _jsx("div", { children: _jsx(Typography, { as: "div", fontSize: fontSize, lineHeight: "36px", fontWeight: fontWeight, color: "var(--text-color)", textAlign: textAlign, children: text }) })] }) }));
+const NoResultFound = ({ text = ' No Results Found', iconName = 'no_license_found', fontSize = '24px', textAlign = 'left', direction = 'column', iconWidth = 120, iconHeight = 120, fontWeight = 'semi-bold', marginTop = '0px', }) => (_jsx("article", { className: "no_results_container", children: _jsxs("div", { className: `no_results_container__${direction}`, style: { marginTop: marginTop }, children: [_jsx(Icon, { name: iconName, width: iconWidth, height: iconHeight }), _jsx("div", { children: _jsx(Typography, { as: "div", fontSize: fontSize, lineHeight: "36px", fontWeight: fontWeight, color: "var(--text-color)", textAlign: textAlign, children: text }) })] }) }));
 export default NoResultFound;
 //# sourceMappingURL=NoResultFound.js.map

package/lib/components/NoResultFound/NoResultFound.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoResultFound.js","sourceRoot":"","sources":["../../../src/components/NoResultFound/NoResultFound.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAYvC,MAAM,aAAa,GAAoB,CAAC,EACtC,IAAI,GAAG,mBAAmB,EAC1B,QAAQ,GAAG,kBAAkB,EAC7B,QAAQ,GAAG,MAAM,EACjB,SAAS,GAAG,MAAM,EAClB,SAAS,GAAG,QAAQ,EACpB,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,WAAW,GACzB,EAAE,EAAE,CAAC,CACJ,kBAAS,SAAS,EAAC,sBAAsB,YACvC,eAAK,SAAS,EAAE,yBAAyB,SAAS,EAAE,aAClD,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAI,EAC9D,wBACE,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAC,mBAAmB,EACzB,SAAS,EAAE,SAAS,YAEnB,IAAI,GACM,GACT,IACF,GACE,CACX,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"NoResultFound.js","sourceRoot":"","sources":["../../../src/components/NoResultFound/NoResultFound.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAavC,MAAM,aAAa,GAAoB,CAAC,EACtC,IAAI,GAAG,mBAAmB,EAC1B,QAAQ,GAAG,kBAAkB,EAC7B,QAAQ,GAAG,MAAM,EACjB,SAAS,GAAG,MAAM,EAClB,SAAS,GAAG,QAAQ,EACpB,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,WAAW,EACxB,SAAS,GAAG,KAAK,GAClB,EAAE,EAAE,CAAC,CACJ,kBAAS,SAAS,EAAC,sBAAsB,YACvC,eACE,SAAS,EAAE,yBAAyB,SAAS,EAAE,EAC/C,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,aAE/B,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAI,EAC9D,wBACE,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAC,mBAAmB,EACzB,SAAS,EAAE,SAAS,YAEnB,IAAI,GACM,GACT,IACF,GACE,CACX,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/OverviewModal/overviewModal.js

@@ -6,7 +6,7 @@ import Icon from '../Icon';
 import Typography from '../Typography';
 import './overviewModal.scss';
 import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-const OverviewModal = ({ isOpen, onClose, isMaximized, width = '800px', height = '432px', header, children, zIndex = 999, icons, downloadFileIcon = false, showHeader = true, top = '0', overlay = true, downloadHandler, multiData = [], setSelectedVideo, customStyle, }) => {
+const OverviewModal = ({ isOpen, onClose, isMaximized, width = '800px', height = '432px', header, children, zIndex = 999, icons, downloadFileIcon = false, showHeader = true, top = '0', overlay = true, downloadHandler, multiData = [], setSelectedVideo, customStyle, isIframe = false, }) => {
     const [videos, setVideos] = useState(multiData);
     useEffect(() => {
         if (!checkEmpty(multiData)) {
@@ -40,7 +40,7 @@ const OverviewModal = ({ isOpen, onClose, isMaximized, width = '800px', height =
         });
     };
     const modalContent = (_jsx("div", { className: "ff-overview-modal-overlay", style: {
-            background: overlay ? 'var(--default-icon-color)' : undefined,
+            background: overlay ? 'var(--modal-background-color)' : undefined,
             zIndex,
         }, children: _jsxs("div", { className: classNames('ff-overview-modal-container', {
                 'ff-overview-maximized-container': isMaximized,
@@ -51,13 +51,13 @@ const OverviewModal = ({ isOpen, onClose, isMaximized, width = '800px', height =
                 '--modal-top': top,
             }, children: [showHeader && (_jsxs("div", { className: "ff-overview-modal-header", children: [header, _jsxs("div", { className: "ff-overview-modal-icons", children: [downloadFileIcon && (_jsx(Icon, { width: 16, height: 16, name: "download_file", onClick: downloadHandler })), icons] })] })), _jsx("div", { className: classNames('ff-overview-modal-body', {
                         'ff-overview-modal-body--centered': isEmptyData,
-                    }), children: !isEmptyData ? (_jsx("div", { className: `image-grid${singleClass}`, children: videos.map((video, idx) => (_jsxs("div", { className: "ff-overview-modal-image-item", children: [_jsx("video", { src: video.src, autoPlay: true, muted: true, playsInline: true, preload: "auto", controls: false, onEnded: () => handleVideoEnd(idx), className: "ff-overview-modal-video", children: "Your browser does not support the video tag." }), _jsxs("div", { className: "ff-overview-modal-image-name", children: [_jsx(Icon, { name: video.icon }), _jsxs(Typography, { children: [video.machineName, " - ", video.scriptName] })] }), _jsx(Icon, { width: 16, height: 16, className: "ff-overview-modal-image-action", name: "maximize_new", onClick: () => {
+                    }), children: !isEmptyData ? (_jsx("div", { className: `image-grid${singleClass}`, children: videos.map((video, idx) => (_jsxs("div", { className: "ff-overview-modal-image-item", children: [isIframe ? (_jsx("iframe", { src: video.src, className: "ff-overview-modal-video", height: '100%', width: '100%' })) : (_jsx("video", { src: video.src, autoPlay: true, muted: true, playsInline: true, preload: "auto", controls: false, onEnded: () => handleVideoEnd(idx), className: "ff-overview-modal-video", children: "Your browser does not support the video tag." })), _jsxs("div", { className: "ff-overview-modal-image-name", children: [_jsx(Icon, { name: video.icon || '' }), _jsxs(Typography, { children: [video.machineName, " - ", video.scriptName] })] }), _jsx(Icon, { width: 16, height: 16, className: "ff-overview-modal-image-action", name: "maximize_new", onClick: () => {
                                         const clickedVideo = {
                                             currentVideoData: { ...video, clickedAt: Date.now() },
                                             allVideoData: videos,
                                         };
                                         setSelectedVideo?.(clickedVideo);
-                                    } }), _jsxs(Typography, { color: "var(--ff-chip-bg)", className: "ff-overview-modal-scripts", children: [video.currentScripts, "/", video.totalScripts] })] }, idx))) })) : (children) })] }) }));
+                                    } }), _jsxs(Typography, { color: "var(--ff-chip-bg)", className: "ff-overview-modal-scripts", children: [video.currentScripts, "/", video.totalScripts] })] }, `${video.src}-${idx}`))) })) : (children) })] }) }));
     return ReactDOM.createPortal(modalContent, document.body);
 };
 export default OverviewModal;

package/lib/components/OverviewModal/overviewModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"overviewModal.js","sourceRoot":"","sources":["../../../src/components/OverviewModal/overviewModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"overviewModal.js","sourceRoot":"","sources":["../../../src/components/OverviewModal/overviewModal.tsx"],"names":[],"mappings":"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"}

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

@@ -11,41 +11,42 @@ export interface OverviewModalProps {
     onMaximizeToggle?: () => void;
     showHeader: boolean;
     top?: string;
+    isIframe?: boolean;
     overlay?: boolean;
     downloadHandler: () => void;
     zIndex?: number;
     customStyle?: React.CSSProperties;
     multiData?: Array<{
-        machineName: string;
-        scriptName: string;
-        icon: string;
+        machineName?: string;
+        scriptName?: string;
+        icon?: string;
         src: string;
-        alt: string;
-        runId: string;
-        currentScripts: number;
-        totalScripts: number;
+        alt?: string;
+        runId?: string;
+        currentScripts?: number;
+        totalScripts?: number;
     }>;
     setSelectedVideo?: (video: {
-        currentVideoData: {
-            machineName: string;
-            scriptName: string;
-            icon: string;
-            src: string;
-            alt: string;
-            runId: string;
-            currentScripts: number;
-            totalScripts: number;
-            clickedAt: number;
+        currentVideoData?: {
+            machineName?: string;
+            scriptName?: string;
+            icon?: string;
+            src?: string;
+            alt?: string;
+            runId?: string;
+            currentScripts?: number;
+            totalScripts?: number;
+            clickedAt?: number;
         };
-        allVideoData: Array<{
-            machineName: string;
-            scriptName: string;
-            icon: string;
-            src: string;
-            alt: string;
-            runId: string;
-            currentScripts: number;
-            totalScripts: number;
+        allVideoData?: Array<{
+            machineName?: string;
+            scriptName?: string;
+            icon?: string;
+            src?: string;
+            alt?: string;
+            runId?: string;
+            currentScripts?: number;
+            totalScripts?: number;
         }>;
     }) => void;
 }

package/lib/components/Table/EditComponent.js

@@ -1,10 +1,10 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
-import Button from '../Button';
+import './Table.scss';
 import Typography from '../Typography';
 import Select from '../Select';
-import Form from '../Form/Forms';
-import './Table.scss';
+import Button from '../Button';
+import { Form } from '../..';
 const ifFailedOptionList = [
     {
         label: 'Mark this script as Failed and continue dependant script execution',
@@ -32,15 +32,15 @@ const EditComponent = ({ rowData, rowIndex, handleSave, handleCancel, }) => {
     const [initialFormState] = useState({
         ifFailed: '',
     });
-    return (_jsxs("section", { className: 'edit_depends_on_script', children: [_jsxs("header", { className: 'edit_depends_on_script__header', children: [_jsx("div", { children: _jsxs(Typography, { color: "var(--nlp-option-color)", lineHeight: "18px", children: [rowIndex, ".", rowData?.name] }) }), _jsx("div", { className: 'edit_depends_on_script__header__link', children: _jsx(Typography, { children: "Go to script", color: "var(--nlp-color)", fontWeight: "semi-bold" }) })] }), _jsx(Form, { onSubmit: handleSave, defaultValues: initialFormState, children: ({ register, setValue, formState: { errors }, watch, trigger }) => {
-                    return (_jsxs("div", { className: 'edit_depends_on_script__form', children: [_jsx(Select, { label: "if Failed", optionsList: ifFailedOptionList, ...register('ifFailed'), onChange: (option) => {
+    return (_jsxs("section", { className: "ff-table-edit-depends", children: [_jsxs("header", { className: "ff-table-edit-depends-header", children: [_jsx("div", { children: _jsxs(Typography, { color: "var(--nlp-option-color)", lineHeight: "18px", children: [rowIndex, ".", rowData?.name] }) }), _jsx("div", { className: "ff-table-edit-depends-header-link", children: _jsx(Typography, { children: "Go to script", color: "var(--nlp-color)", fontWeight: "semi-bold" }) })] }), _jsx(Form, { onSubmit: handleSave, defaultValues: initialFormState, children: ({ register, setValue, formState: { errors }, watch, trigger }) => {
+                    return (_jsxs("div", { className: "ff-table-edit-depends-form", children: [_jsx(Select, { label: "if Failed", optionsList: ifFailedOptionList, ...register('ifFailed'), onChange: (option) => {
                                     setValue('ifFailed', option.label);
                                 }, errorMsg: errors.ifFailed?.message, optionZIndex: 9999, selectedOption: {
                                     label: watch('ifFailed'),
                                     value: watch('ifFailed'),
                                 }, onBlur: () => {
                                     trigger('ifFailed');
-                                } }), _jsxs("div", { className: 'edit_depends_on_script__form__button', children: [_jsx(Button, { variant: "tertiary", children: "Cancel", onClick: handleCancel }), _jsx(Button, { variant: "primary", type: "submit", children: "Update" })] })] }));
+                                } }), _jsxs("div", { className: "ff-table-edit-depends-form-button", children: [_jsx(Button, { variant: "tertiary", children: "Cancel", onClick: handleCancel }), _jsx(Button, { variant: "primary", type: "submit", children: "Update" })] })] }));
                 } })] }));
 };
 export default EditComponent;

package/lib/components/Table/EditComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditComponent.js","sourceRoot":"","sources":["../../../src/components/Table/EditComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,IAAI,MAAM,eAAe,CAAC;AACjC,OAAO,cAAc,CAAC;AAGtB,MAAM,kBAAkB,GAAG;IACzB;QACE,KAAK,EAAE,oEAAoE;QAC3E,KAAK,EAAE,oEAAoE;KAC5E;IACD;QACE,KAAK,EACH,qEAAqE;QACvE,KAAK,EACH,qEAAqE;KACxE;IACD;QACE,KAAK,EAAE,gEAAgE;QACvE,KAAK,EAAE,gEAAgE;KACxE;IACD;QACE,KAAK,EAAE,8DAA8D;QACrE,KAAK,EAAE,8DAA8D;KACtE;IACD;QACE,KAAK,EAAE,wDAAwD;QAC/D,KAAK,EAAE,wDAAwD;KAChE;CACF,CAAC;AACF,gBAAgB;AAChB,MAAM,aAAa,GAAG,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,UAAU,EACV,YAAY,GACR,EAAE,EAAE;IACR,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAAa;QAC9C,QAAQ,EAAE,EAAE;KACb,CAAC,CAAC;IAEH,OAAO,CACL,mBAAS,SAAS,EAAE,wBAAwB,aAC1C,kBAAQ,SAAS,EAAE,gCAAgC,aACjD,wBACE,MAAC,UAAU,IAAC,KAAK,EAAC,yBAAyB,EAAC,UAAU,EAAC,MAAM,aAC1D,QAAQ,OAAG,OAAO,EAAE,IAAI,IACd,GACT,EACN,cAAK,SAAS,EAAE,sCAAsC,YACpD,KAAC,UAAU,IACT,QAAQ,EAAC,cAAc,EACvB,KAAK,EAAC,kBAAkB,EACxB,UAAU,EAAC,WAAW,GACtB,GACE,IACC,EACT,KAAC,IAAI,IAAa,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,gBAAgB,YACpE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;oBACjE,OAAO,CACL,eAAK,SAAS,EAAE,8BAA8B,aAC5C,KAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,WAAW,EAAE,kBAAkB,KAC3B,QAAQ,CAAC,UAAU,CAAC,EACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oCACnB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;gCACrC,CAAC,EACD,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAClC,YAAY,EAAE,IAAI,EAClB,cAAc,EAAE;oCACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;oCACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;iCACzB,EACD,MAAM,EAAE,GAAG,EAAE;oCACX,OAAO,CAAC,UAAU,CAAC,CAAC;gCACtB,CAAC,GACD,EACF,eAAK,SAAS,EAAE,sCAAsC,aACpD,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,YAAY,GACrB,EACF,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,GAAG,IACxD,IACF,CACP,CAAC;gBACJ,CAAC,GACI,IACC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"EditComponent.js","sourceRoot":"","sources":["../../../src/components/Table/EditComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,cAAc,CAAC;AAGtB,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,MAAM,kBAAkB,GAAG;IACzB;QACE,KAAK,EAAE,oEAAoE;QAC3E,KAAK,EAAE,oEAAoE;KAC5E;IACD;QACE,KAAK,EACH,qEAAqE;QACvE,KAAK,EACH,qEAAqE;KACxE;IACD;QACE,KAAK,EAAE,gEAAgE;QACvE,KAAK,EAAE,gEAAgE;KACxE;IACD;QACE,KAAK,EAAE,8DAA8D;QACrE,KAAK,EAAE,8DAA8D;KACtE;IACD;QACE,KAAK,EAAE,wDAAwD;QAC/D,KAAK,EAAE,wDAAwD;KAChE;CACF,CAAC;AACF,gBAAgB;AAChB,MAAM,aAAa,GAAG,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,UAAU,EACV,YAAY,GACR,EAAE,EAAE;IACR,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAAa;QAC9C,QAAQ,EAAE,EAAE;KACb,CAAC,CAAC;IAEH,OAAO,CACL,mBAAS,SAAS,EAAC,uBAAuB,aACxC,kBAAQ,SAAS,EAAC,8BAA8B,aAC9C,wBACE,MAAC,UAAU,IAAC,KAAK,EAAC,yBAAyB,EAAC,UAAU,EAAC,MAAM,aAC1D,QAAQ,OAAG,OAAO,EAAE,IAAI,IACd,GACT,EACN,cAAK,SAAS,EAAC,mCAAmC,YAChD,KAAC,UAAU,IACT,QAAQ,EAAC,cAAc,EACvB,KAAK,EAAC,kBAAkB,EACxB,UAAU,EAAC,WAAW,GACtB,GACE,IACC,EACT,KAAC,IAAI,IAAa,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,gBAAgB,YACpE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;oBACjE,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,WAAW,EAAE,kBAAkB,KAC3B,QAAQ,CAAC,UAAU,CAAC,EACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oCACnB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;gCACrC,CAAC,EACD,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAClC,YAAY,EAAE,IAAI,EAClB,cAAc,EAAE;oCACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;oCACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;iCACzB,EACD,MAAM,EAAE,GAAG,EAAE;oCACX,OAAO,CAAC,UAAU,CAAC,CAAC;gCACtB,CAAC,GACD,EACF,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,YAAY,GACrB,EACF,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,GAAG,IACxD,IACF,CACP,CAAC;gBACJ,CAAC,GACI,IACC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/Table/NoDataContent.js

@@ -3,7 +3,7 @@ import './Table.scss';
 import Icon from '../Icon';
 import Typography from '../Typography';
 const NoDataContent = () => {
-    return (_jsxs("div", { className: "no_data_message", children: [_jsx(Icon, { name: "no_license_found", width: 120, height: 115 }), _jsx(Typography, { fontSize: "24px", lineHeight: "36px", fontWeight: "bold", children: "No Results Found" })] }));
+    return (_jsxs("div", { className: "ff-no_data_message", children: [_jsx(Icon, { name: "no_license_found", width: 120, height: 115 }), _jsx(Typography, { fontSize: "24px", lineHeight: "36px", fontWeight: "bold", children: "No Results Found" })] }));
 };
 export default NoDataContent;
 //# sourceMappingURL=NoDataContent.js.map

package/lib/components/Table/NoDataContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoDataContent.js","sourceRoot":"","sources":["../../../src/components/Table/NoDataContent.tsx"],"names":[],"mappings":";AACA,OAAO,cAAc,CAAC;AACtB,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,aAAa,GAAO,GAAG,EAAE;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,EACzD,KAAC,UAAU,IAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,iCAElD,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"NoDataContent.js","sourceRoot":"","sources":["../../../src/components/Table/NoDataContent.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AACtB,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,aAAa,GAAO,GAAG,EAAE;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,aACjC,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,EACzD,KAAC,UAAU,IAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,iCAElD,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/Table/Table.js

@@ -1,18 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './Table.scss';
-import { isFunction } from '../../assets/utils/functionUtils';
-import classNames from 'classnames';
 import { useEffect, useRef, useState, useCallback, useMemo, useImperativeHandle, forwardRef, } from 'react';
-import { binarySearch, calculateFrozenWidth } from './utils/virtualization';
-import { BUFFER_SIZE, DEFAULT_ROW_HEIGHT } from './utils/constants';
+import { closestCorners, DndContext } from '@dnd-kit/core';
+import { SortableContext, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+import classNames from 'classnames';
 import TableHeader from './components/TableHeader';
 import VirtualizedRows from './components/VirtualizedRows';
+import { BUFFER_SIZE, DEFAULT_ROW_HEIGHT } from './utils/constants';
+import { isFunction } from './utils/TableCell';
+import { binarySearch, calculateFrozenWidth, getTableGridTemplate, } from './utils/virtualization';
 import { debounce } from '../../utils/debounce/debounce';
-import { closestCorners, DndContext } from '@dnd-kit/core';
-import { SortableContext, verticalListSortingStrategy, } from '@dnd-kit/sortable';
 import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-const Table = forwardRef(({ data = [], columns = [], headerType, withCheckbox = false, onSelect, allSelected, partialSelected = false, withFixedHeader = true, borderWithRadius = false, headerCheckboxDisabled = false, noDataContent, height = '100%', className = '', tableHeadClass = '', tableBodyRowClass = '', headerTextColor, tableDataTextColor, headerIconName = '', headerIconOnClick = () => { }, draggable = false, tableRef = null, isRowCheckBoxDisable, isRowDisabled = true, tableHeaderZindex = 99, freezeColumns, headerIconTooltipTitle, onDragEnd, editMode = '', editComponent, accordionContent, getAccordionStatus = () => { }, selectedNode = { key: '', selected: '' }, uniqueRowIdForAccordion, }, ref) => {
+const HEADER_HEIGHT = 34;
+const Table = forwardRef(({ data = [], columns = [], headerType, withCheckbox = false, onSelect, allSelected, partialSelected = false, withFixedHeader = true, borderWithRadius = false, headerCheckboxDisabled = false, noDataContent, height = '100%', className = '', tableHeadClass = '', tableBodyRowClass = '', headerTextColor, tableDataTextColor, headerIconName = '', headerIconOnClick = () => { }, draggable = false, tableRef = null, isRowCheckBoxDisable, isRowDisabled = true, tableHeaderZindex = 99, freezeColumns, headerIconTooltipTitle, onDragEnd, loadMore, editMode = '', editComponent, accordionContent, getAccordionStatus = () => false, selectedNode = { key: '', selected: '' }, uniqueRowIdForAccordion, openAccordionId, }, ref) => {
     const containerRef = useRef(null);
+    const headerRef = useRef(null);
+    const firstNodeRef = useRef(null);
+    const lastNodeRef = useRef(null);
     const totalRows = data.length;
     const setContainerRef = (node) => {
         containerRef.current = node;
@@ -27,69 +31,152 @@ const Table = forwardRef(({ data = [], columns = [], headerType, withCheckbox =
     };
     const [scrollTop, setScrollTop] = useState(0);
     const [containerHeight, setContainerHeight] = useState(0);
-    // --- PERFORMANCE FIX 1: Use useRef for heights (No Re-renders) ---
+    const [headerHeight, setHeaderHeight] = useState(HEADER_HEIGHT);
+    const stickyHeaderZIndex = tableHeaderZindex + 2;
     const rowHeightsMap = useRef({});
-    // This version number triggers the re-calculation of the virtual list
     const [heightVersion, setHeightVersion] = useState(0);
-    // Reset heights when data array reference changes
+    const tableGridTemplate = useMemo(() => getTableGridTemplate(columns, freezeColumns), [columns, freezeColumns]);
+    const getSortableRowId = useCallback((row, index) => row?._id ?? row?.id ?? index, []);
+    const getAccordionRowId = useCallback((row) => row?.id ??
+        row?._id ??
+        (uniqueRowIdForAccordion ? row?.[uniqueRowIdForAccordion] : undefined), [uniqueRowIdForAccordion]);
+    const rowIndexMap = useMemo(() => {
+        const map = new Map();
+        data.forEach((row, index) => {
+            map.set(getSortableRowId(row, index), index);
+            const accordionRowId = getAccordionRowId(row);
+            if (accordionRowId !== undefined && accordionRowId !== null) {
+                map.set(accordionRowId, index);
+            }
+        });
+        return map;
+    }, [data, getAccordionRowId, getSortableRowId]);
+    const sortableItems = useMemo(() => data.map((row, index) => getSortableRowId(row, index)), [data, getSortableRowId]);
     useEffect(() => {
+        rowHeightsMap.current = {};
         setHeightVersion((version) => version + 1);
     }, [data]);
-    // Container Resize Observer
+    // Accordion content is mounted once at table level to preserve its state.
+    const accordionContainerRef = useRef(null);
+    const [accordionHeight, setAccordionHeight] = useState(0);
+    useEffect(() => {
+        const el = accordionContainerRef.current;
+        if (!el || !accordionContent)
+            return;
+        const ro = new ResizeObserver(([entry]) => {
+            const h = entry?.contentRect.height ?? 0;
+            setAccordionHeight((prev) => (Math.abs(h - prev) > 1 ? h : prev));
+        });
+        ro.observe(el);
+        return () => ro.disconnect();
+    }, [accordionContent]);
+    const openAccordionIndex = useMemo(() => {
+        if (!accordionContent)
+            return -1;
+        if (openAccordionId !== undefined) {
+            return openAccordionId === null
+                ? -1
+                : (rowIndexMap.get(openAccordionId) ?? -1);
+        }
+        return data.findIndex((row) => {
+            const rowId = getAccordionRowId(row);
+            return rowId !== undefined && rowId !== null
+                ? Boolean(getAccordionStatus(rowId))
+                : false;
+        });
+    }, [
+        accordionContent,
+        data,
+        getAccordionRowId,
+        getAccordionStatus,
+        openAccordionId,
+        rowIndexMap,
+    ]);
     useEffect(() => {
         const container = containerRef.current;
         if (!container)
             return;
         setContainerHeight(container.clientHeight);
         const observer = new ResizeObserver((entries) => {
-            for (let entry of entries) {
-                // Use contentRect for the container
+            for (const entry of entries) {
                 const newHeight = entry.contentRect.height;
-                if (Math.abs(newHeight - containerHeight) > 1) {
-                    setContainerHeight(newHeight);
-                }
+                setContainerHeight((prev) => Math.abs(newHeight - prev) > 1 ? newHeight : prev);
             }
         });
         observer.observe(container);
-        return () => {
-            observer.unobserve(container);
-            observer.disconnect();
+        return () => observer.disconnect();
+    }, []);
+    useEffect(() => {
+        const header = headerRef.current;
+        if (!header)
+            return;
+        const updateHeaderHeight = () => {
+            const measuredHeight = header.getBoundingClientRect().height;
+            setHeaderHeight((prev) => Math.abs(measuredHeight - prev) > 1 ? measuredHeight : prev);
         };
-    }, [containerHeight]);
+        updateHeaderHeight();
+        const observer = new ResizeObserver(updateHeaderHeight);
+        observer.observe(header);
+        return () => observer.disconnect();
+    }, [columns]);
+    useEffect(() => {
+        const container = containerRef.current;
+        const firstNode = firstNodeRef.current;
+        const lastNode = lastNodeRef.current;
+        if (!container || !firstNode || !lastNode || !data.length || !loadMore) {
+            return;
+        }
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (!entry.isIntersecting)
+                    return;
+                const direction = entry.target === lastNode ? 'below' : 'above';
+                loadMore(direction);
+            });
+        }, {
+            root: container,
+            rootMargin: '8px',
+            threshold: 0.1,
+        });
+        observer.observe(firstNode);
+        observer.observe(lastNode);
+        return () => observer.disconnect();
+    }, [data.length, loadMore]);
     const handleScroll = useCallback((e) => {
-        // Use requestAnimationFrame for scroll updates if scrolling feels jittery,
-        // generally direct state update is fine for React 18+ automatic batching.
         setScrollTop(e.currentTarget.scrollTop);
     }, []);
-    // --- PERFORMANCE FIX 2: Batched Updates (Debounce) ---
-    // If 100 rows mount, this ensures we only re-calculate layout ONCE after 20ms.
-    const commitHeightUpdates = useMemo(() => debounce(() => {
+    const commitHeightUpdates = useRef(debounce(() => {
         setHeightVersion((prev) => prev + 1);
-    }, 20), []);
+    }, 20)).current;
     const updateRowHeight = useCallback((index, height) => {
         const currentHeight = rowHeightsMap.current[index];
-        // Only schedule update if height changed by > 1px
         if (currentHeight === undefined ||
             Math.abs(currentHeight - height) > 1) {
-            // 1. Update the Ref (Synchronous, cheap)
             rowHeightsMap.current[index] = height;
-            // 2. Trigger the Debounced Re-render (Asynchronous)
             commitHeightUpdates();
         }
     }, [commitHeightUpdates]);
-    // --- PERFORMANCE FIX 3: Calculate Cumulative Heights from Ref ---
     const { cumulativeHeights, totalContentHeight } = useMemo(() => {
         let cumulative = 0;
         const heights = [0];
         for (let i = 0; i < totalRows; i++) {
-            // FAST: Reading directly from the Ref object
-            const height = rowHeightsMap.current[i] ?? DEFAULT_ROW_HEIGHT;
-            cumulative += height;
+            const rowHeight = rowHeightsMap.current[i] ?? DEFAULT_ROW_HEIGHT;
+            cumulative += rowHeight;
+            // Inject accordion space right after the open row
+            if (i === openAccordionIndex && accordionHeight > 0) {
+                cumulative += accordionHeight;
+            }
             heights.push(cumulative);
         }
         return { cumulativeHeights: heights, totalContentHeight: cumulative };
-    }, [totalRows, heightVersion]); // Only runs when 'heightVersion' updates
-    // Virtualization Logic
+    }, [totalRows, heightVersion, openAccordionIndex, accordionHeight]);
+    const accordionScrollTop = useMemo(() => {
+        if (openAccordionIndex === -1)
+            return 0;
+        const rowTop = cumulativeHeights[openAccordionIndex] ?? 0;
+        const rowHeight = rowHeightsMap.current[openAccordionIndex] ?? DEFAULT_ROW_HEIGHT;
+        return headerHeight + rowTop + rowHeight;
+    }, [openAccordionIndex, cumulativeHeights, headerHeight]);
     const visibleState = useMemo(() => {
         if (containerHeight === 0 || totalRows === 0) {
             return {
@@ -101,22 +188,20 @@ const Table = forwardRef(({ data = [], columns = [], headerType, withCheckbox =
             };
         }
         const startIdxPlusOne = binarySearch(cumulativeHeights, scrollTop + 1);
-        let startIndex = startIdxPlusOne > 0 ? startIdxPlusOne - 1 : 0;
+        const startIndex = startIdxPlusOne > 0 ? startIdxPlusOne - 1 : 0;
         const endIdxPlusOne = binarySearch(cumulativeHeights, scrollTop + containerHeight);
-        let endIndex = endIdxPlusOne - 1;
-        let bufferedStart = Math.max(0, startIndex - BUFFER_SIZE);
-        let bufferedEnd = Math.min(totalRows - 1, endIndex + BUFFER_SIZE);
+        const endIndex = endIdxPlusOne - 1;
+        const bufferedStart = Math.max(0, startIndex - BUFFER_SIZE);
+        const bufferedEnd = Math.min(totalRows - 1, endIndex + BUFFER_SIZE);
         const paddingTop = cumulativeHeights[bufferedStart];
-        // Ensure we don't access out of bounds
         const nextHeight = cumulativeHeights[bufferedEnd + 1];
         const paddingBottom = totalContentHeight -
             (nextHeight !== undefined ? nextHeight : totalContentHeight);
-        // Slicing data is cheap
         return {
             startIndex: bufferedStart,
             endIndex: bufferedEnd,
-            paddingTop: paddingTop,
-            paddingBottom: paddingBottom,
+            paddingTop,
+            paddingBottom,
             visibleRows: data.slice(bufferedStart, bufferedEnd + 1),
         };
     }, [scrollTop, containerHeight, totalRows, cumulativeHeights, data]);
@@ -126,71 +211,50 @@ const Table = forwardRef(({ data = [], columns = [], headerType, withCheckbox =
         frozenWidth = calculateFrozenWidth(columns, freezeColumns);
     }
     const handleOnclick = useCallback((column, row) => {
-        let { onClick, accessor } = column;
+        const { onClick, accessor } = column;
         if (onClick && isFunction(onClick)) {
             onClick(accessor, row);
         }
     }, []);
     const onSelectClick = useCallback((e, item) => {
-        if (onSelect) {
+        if (onSelect)
             onSelect(e, item);
-        }
     }, [onSelect]);
-    // --- START OF NEW AUTOSCROLL LOGIC ---
-    /**
-     * Calculates the scroll position and imperatively scrolls the table to the row with the given ID.
-     * @param rowId The ID or _id of the row to scroll to.
-     */
     const scrollToRow = useCallback((rowId) => {
-        // Assuming a safe, estimated fixed header height.
-        // You MUST verify this value matches your actual TableHeader height.
-        const FIXED_HEADER_HEIGHT = 50;
-        const targetIndex = data.findIndex((row) => row.id === rowId || row._id === rowId);
+        const targetIndex = rowIndexMap.get(rowId) ?? -1;
         if (targetIndex === -1 ||
             !containerRef.current ||
-            cumulativeHeights.length === 0) {
+            cumulativeHeights.length === 0)
             return;
-        }
         const container = containerRef.current;
         const targetRowTop = cumulativeHeights[targetIndex];
         const targetRowBottom = cumulativeHeights[targetIndex + 1];
-        // --- 1. Calculate Initial Adjusted Position (Handling Fixed Header) ---
-        // Scrolls the row down by the header height to bring it into full view.
-        let adjustedScrollPosition = Math.max(0, targetRowTop - FIXED_HEADER_HEIGHT);
+        let adjustedScrollPosition = Math.max(0, targetRowTop - headerHeight);
         const currentScrollTop = container.scrollTop;
         const currentScrollBottom = container.scrollTop + container.clientHeight;
-        if (targetRowTop >= currentScrollTop + FIXED_HEADER_HEIGHT &&
-            targetRowBottom <= currentScrollBottom) {
+        if (targetRowTop >= currentScrollTop + headerHeight &&
+            targetRowBottom <= currentScrollBottom)
             return;
-        }
-        // --- 3. Edge Case: Preventing Overscrolling to the Bottom ---
-        // Find the maximum possible scrollTop value (total height minus viewport height).
         const maxScrollTop = Math.max(0, totalContentHeight - container.clientHeight);
-        // Clamp the adjusted position to ensure we don't scroll past the content end.
         adjustedScrollPosition = Math.min(adjustedScrollPosition, maxScrollTop);
-        // --- 4. Perform the Scroll ---
         container.scrollTop = adjustedScrollPosition;
         setScrollTop(adjustedScrollPosition);
-    }, [data, cumulativeHeights, totalContentHeight]);
-    // 5. Expose the scroll function to the parent component via the ref
+    }, [cumulativeHeights, headerHeight, rowIndexMap, totalContentHeight]);
     useImperativeHandle(ref, () => ({
-        // Expose the custom scroll function
-        scrollToRow: scrollToRow,
-        // You can expose other methods or the containerRef here if needed
+        scrollToRow,
     }));
-    // --- END OF NEW AUTOSCROLL LOGIC ---
     const handleDragEnd = (event) => {
         const { active, over } = event;
         if (!over || active.id === over.id)
             return;
-        const oldIndex = data.findIndex((item) => item._id === active.id || item.id === active.id);
-        const newIndex = data.findIndex((item) => item._id === over.id || item.id === over.id);
+        const oldIndex = rowIndexMap.get(active.id) ?? -1;
+        const newIndex = rowIndexMap.get(over.id) ?? -1;
         if (oldIndex === -1 || newIndex === -1)
             return;
         if (onDragEnd)
             onDragEnd(oldIndex, newIndex);
     };
-    return (_jsx(DndContext, { collisionDetection: closestCorners, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { disabled: !draggable, items: data?.map((row) => row._id || row.id), strategy: verticalListSortingStrategy, children: _jsxs("div", { ref: setContainerRef, style: {
+    return (_jsx(DndContext, { collisionDetection: closestCorners, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { disabled: !draggable, items: sortableItems, strategy: verticalListSortingStrategy, children: _jsxs("div", { ref: setContainerRef, style: {
                     height,
                     overflow: 'auto',
                     position: 'relative',
@@ -198,10 +262,23 @@ const Table = forwardRef(({ data = [], columns = [], headerType, withCheckbox =
                     '--frozen-column-width': freezeColumns
                         ? `${frozenWidth}px`
                         : '0px',
+                    '--table-grid-template': tableGridTemplate,
                 }, id: "ff-table-scroll-container", className: classNames('ff-table-scroll-container', {
-                    'ff-table-fixed-header': withFixedHeader,
                     'ff-table-container--border-radius': borderWithRadius,
-                }, className), onScroll: handleScroll, children: [_jsxs("table", { className: "ff-table-container", cellSpacing: 0, style: { height: totalContentHeight }, children: [_jsx(TableHeader, { columns: columns, freezeColumns: freezeColumns, headerType: headerType, tableHeadClass: tableHeadClass, headerTextColor: headerTextColor, headerCheckboxDisabled: headerCheckboxDisabled, withCheckbox: withCheckbox, allSelected: allSelected, partialSelected: partialSelected, headerIconName: headerIconName, headerIconOnClick: headerIconOnClick, headerIconTooltipTitle: headerIconTooltipTitle, tableHeaderZindex: tableHeaderZindex, onSelectClick: onSelectClick, withFixedHeader: withFixedHeader }), _jsx(VirtualizedRows, { paddingTop: paddingTop ?? 0, paddingBottom: paddingBottom, columnsLength: columns.length, visibleRows: visibleRows, startIndex: startIndex, columns: columns, tableBodyRowClass: tableBodyRowClass, handleOnclick: handleOnclick, tableDataTextColor: tableDataTextColor, withCheckbox: withCheckbox, onSelectClick: onSelectClick, isRowCheckBoxDisable: isRowCheckBoxDisable, isRowDisabled: isRowDisabled, freezeColumns: freezeColumns, frozenWidth: frozenWidth, updateRowHeight: updateRowHeight, draggable: draggable, editMode: editMode, editComponent: editComponent, getAccordionStatus: getAccordionStatus, accordionContent: accordionContent, selectedNode: selectedNode, uniqueRowIdForAccordion: uniqueRowIdForAccordion })] }), checkEmpty(data) && (_jsx("div", { className: "ff-no-data-content", style: { height: `calc(${height} - 50px)` }, children: noDataContent }))] }) }) }));
+                }, className), onScroll: handleScroll, children: [_jsxs("div", { className: "ff-table-container", children: [_jsx("div", { ref: headerRef, className: classNames({
+                                    'ff-table-fixed-header': withFixedHeader,
+                                }), style: {
+                                    '--table-header-z-index': stickyHeaderZIndex,
+                                }, children: _jsx(TableHeader, { columns: columns, freezeColumns: freezeColumns, headerType: headerType, tableHeadClass: tableHeadClass, headerTextColor: headerTextColor, headerCheckboxDisabled: headerCheckboxDisabled, withCheckbox: withCheckbox, allSelected: allSelected, partialSelected: partialSelected, headerIconName: headerIconName, headerIconOnClick: headerIconOnClick, headerIconTooltipTitle: headerIconTooltipTitle, tableHeaderZindex: stickyHeaderZIndex, onSelectClick: onSelectClick, withFixedHeader: withFixedHeader }) }), _jsxs("div", { className: "ff-table-body", children: [_jsx("div", { ref: firstNodeRef, id: "ff-table-first-node", className: "ff-table-first-node" }), _jsx(VirtualizedRows, { paddingTop: paddingTop ?? 0, paddingBottom: paddingBottom, columnsLength: columns.length, visibleRows: visibleRows, startIndex: startIndex, columns: columns, tableBodyRowClass: tableBodyRowClass, handleOnclick: handleOnclick, tableDataTextColor: tableDataTextColor, withCheckbox: withCheckbox, onSelectClick: onSelectClick, isRowCheckBoxDisable: isRowCheckBoxDisable, isRowDisabled: isRowDisabled, freezeColumns: freezeColumns, frozenWidth: frozenWidth, updateRowHeight: updateRowHeight, draggable: draggable, editMode: editMode, editComponent: editComponent, selectedNode: selectedNode, openAccordionIndex: openAccordionIndex, accordionHeight: accordionHeight }), _jsx("div", { ref: lastNodeRef, id: "ff-table-last-node", className: "ff-table-last-node" })] }), accordionContent && (_jsx("div", { ref: accordionContainerRef, style: {
+                                    display: openAccordionIndex !== -1 ? 'block' : 'none',
+                                    position: 'absolute',
+                                    top: accordionScrollTop,
+                                    left: 0,
+                                    width: '100%',
+                                    zIndex: 20,
+                                    backgroundColor: 'var(--background-color)',
+                                }, children: accordionContent }))] }), checkEmpty(data) && (_jsx("div", { className: "ff-no-data-content", style: { height: `calc(${height} - 50px)` }, children: noDataContent }))] }) }) }));
 });
+Table.displayName = 'Table';
 export default Table;
 //# sourceMappingURL=Table.js.map