pixel-virtual-tree 1.0.0

package/lib/components/TableTreeFn/tree.worker.js

@@ -0,0 +1,188 @@
+// Internal State
+let nodeMap = new Map();
+let rootIds = [];
+// 1. Initialize Data Structure (O(N))
+const initializeData = (rawNodes) => {
+    nodeMap.clear();
+    rootIds = [];
+    const childrenMap = new Map();
+    // Pass 1: Build Map & Adjacency List
+    rawNodes.forEach(node => {
+        const vNode = {
+            ...node,
+            lines: [],
+            depth: 0,
+            hasChildren: false,
+            isLastChild: false,
+            expanded: node.expanded ?? false,
+            childrenIds: []
+        };
+        nodeMap.set(node.key, vNode);
+        if (node.parentId) {
+            if (!childrenMap.has(node.parentId))
+                childrenMap.set(node.parentId, []);
+            childrenMap.get(node.parentId).push(node.key);
+        }
+        else {
+            rootIds.push(node.key);
+        }
+    });
+    // Pass 2: Link Children
+    nodeMap.forEach(node => {
+        const children = childrenMap.get(node.key) || [];
+        node.hasChildren = children.length > 0;
+        node.childrenIds = children;
+    });
+};
+// 2. Iterative Tree Flattening (Stack DFS)
+const rebuildFlatList = () => {
+    const flatList = [];
+    // Initialize stack with roots (reversed for correct pop order)
+    const stack = [...rootIds].reverse().map((id, index) => ({
+        id,
+        depth: 0,
+        lines: [],
+        isLastChild: index === 0 // In reverse, 0 is the visual last
+    }));
+    // Correction: The stack logic for roots depends on array order.
+    // If roots are [A, B, C], stack is [C, B, A]. C is last.
+    // So when we push C (idx 0), isLastChild = true.
+    while (stack.length > 0) {
+        const { id, depth, lines, isLastChild } = stack.pop();
+        const node = nodeMap.get(id);
+        if (!node)
+            continue;
+        node.depth = depth;
+        node.lines = lines;
+        node.isLastChild = isLastChild;
+        flatList.push(node);
+        if (node.expanded && node.childrenIds.length > 0) {
+            // Calculate lines for children. 
+            // If parent is NOT last child, children need a vertical line.
+            const nextLines = [...lines, !isLastChild];
+            // Push children in reverse order
+            for (let i = node.childrenIds.length - 1; i >= 0; i--) {
+                const childId = node.childrenIds[i];
+                if (childId) {
+                    stack.push({
+                        id: childId,
+                        depth: depth + 1,
+                        lines: nextLines,
+                        isLastChild: i === node.childrenIds.length - 1
+                    });
+                }
+            }
+        }
+    }
+    return flatList;
+};
+// 3. Selection Cascade Logic
+const performSelectionCascade = (nodeId, status) => {
+    const node = nodeMap.get(nodeId);
+    if (!node)
+        return;
+    node.selectedStatus = status;
+    // Cascade Down
+    if (status === 'completely' || status === 'none') {
+        const cascadeChildren = (currentId) => {
+            const child = nodeMap.get(currentId);
+            if (!child)
+                return;
+            child.selectedStatus = status;
+            child.childrenIds.forEach(cascadeChildren);
+        };
+        node.childrenIds.forEach(cascadeChildren);
+    }
+    // Cascade Up
+    const cascadeParent = (parentId) => {
+        if (!parentId)
+            return;
+        const parent = nodeMap.get(parentId);
+        if (!parent)
+            return;
+        let allComplete = true;
+        let allNone = true;
+        parent.childrenIds.forEach(cid => {
+            const child = nodeMap.get(cid);
+            if (child) {
+                if (child.selectedStatus !== 'completely')
+                    allComplete = false;
+                if (child.selectedStatus !== 'none')
+                    allNone = false;
+            }
+        });
+        if (allComplete)
+            parent.selectedStatus = 'completely';
+        else if (allNone)
+            parent.selectedStatus = 'none';
+        else
+            parent.selectedStatus = 'partially';
+        cascadeParent(parent.parentId);
+    };
+    cascadeParent(node.parentId);
+};
+// 4. Add Node Logic
+const addNode = (newNodeData) => {
+    // Determine parent ID based on action (simplified)
+    // In real usage, you might parse 'addInside' vs 'addBelow' logic here 
+    // similar to the original addNewRow.ts
+    const parentId = newNodeData.action === 'addInside' ? newNodeData.sourceId :
+        (nodeMap.get(newNodeData.sourceId)?.parentId);
+    const parent = parentId ? nodeMap.get(parentId) : undefined;
+    const newNode = {
+        key: `new-${Date.now()}`,
+        name: newNodeData.value || '',
+        hierarchy: parent ? (parent.hierarchy || 0) + 1 : 0,
+        parentId: parentId,
+        lines: [],
+        depth: parent ? parent.depth + 1 : 0,
+        hasChildren: false,
+        isLastChild: true,
+        childrenIds: [],
+        expanded: false,
+        selectedStatus: 'none',
+        isNewNode: true,
+        ...newNodeData
+    };
+    nodeMap.set(newNode.key, newNode);
+    if (parent) {
+        parent.childrenIds.push(newNode.key);
+        parent.hasChildren = true;
+        parent.expanded = true;
+    }
+    else {
+        rootIds.push(newNode.key);
+    }
+};
+// Message Handler
+self.onmessage = (e) => {
+    const { type, payload } = e.data;
+    try {
+        switch (type) {
+            case 'INIT_DATA':
+                initializeData(payload.treeData);
+                break;
+            case 'TOGGLE_EXPAND':
+                const n = nodeMap.get(payload.id);
+                if (n)
+                    n.expanded = !n.expanded;
+                break;
+            case 'UPDATE_SELECTION':
+                performSelectionCascade(payload.id, payload.status);
+                break;
+            case 'ADD_NODE':
+                addNode(payload.newNode);
+                break;
+        }
+        // Always return updated view
+        self.postMessage({
+            type: 'UPDATE_VIEW',
+            payload: { flatView: rebuildFlatList(), totalCount: nodeMap.size }
+        });
+    }
+    catch (error) {
+        self.postMessage({ type: 'ERROR', payload: String(error) });
+    }
+};
+export {};
+//# sourceMappingURL=tree.worker.js.map

package/lib/components/TableTreeFn/tree.worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.worker.js","sourceRoot":"","sources":["../../../src/components/TableTreeFn/tree.worker.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,147 @@
+import { ReactNode } from 'react';
+import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
+interface NewNode {
+    sourceId?: string;
+    payloadSourceId?: string;
+    action?: 'addAbove' | 'addBelow' | 'addInside';
+    type?: 'input' | 'inputWithDropdown';
+    options?: [];
+    selectedOption?: string;
+    value?: string;
+    error?: string;
+    label?: string;
+    confirmIconTooltip?: string;
+    cancelIconTooltip?: string;
+    firstNodeKey?: string;
+}
+declare type JSX = ReactNode | JSX.Element[] | string | null;
+export interface TableCellProps {
+    treeRowRef?: React.RefObject<HTMLDivElement | null>;
+    col: any;
+    node: any;
+    selected: string[];
+    select: string | null;
+    onCheckBoxChange: (e: any, node: string[] | any) => void;
+    onToggleExpand: (node: any) => void;
+    index?: number;
+    onAddConfirm?: (_name: string, _type?: Option) => void;
+    onAddCancel?: () => void;
+    handleEditFieldError?: (inputText: string) => string;
+    isExpanding?: boolean;
+    columnTextColor?: string;
+    hideOnDisable?: boolean;
+    scriptLengthTruncate: number;
+    addModuleInputWidth?: number;
+    addModuleSelectWidth?: number;
+    disableEditLabelConfirmIcon?: boolean;
+}
+export type RootNode = {
+    node: any;
+    select: 'radio' | 'checkbox' | 'none';
+    cell?: (row: any) => JSX;
+    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSX;
+};
+export interface TableHeadProps {
+    columnsData: any[];
+    rootNode?: RootNode;
+    selected: string[];
+    selectedNode?: string;
+    tableHeaderBgColor?: string;
+    onCheckBoxChange: (e: any, node: string[] | any) => void;
+    hideOnDisable?: boolean;
+    transparentHeader?: boolean;
+    scriptLengthTruncate?: number;
+    showHeader?: boolean;
+}
+export interface TableBodyProps {
+    flattenedTreeData: any[];
+    columnsData: any[];
+    selected: string[];
+    select: string | null;
+    onRowClick: (e: any, node: any) => void;
+    onToggleExpand: (node: TreeNode) => void;
+    onCheckBoxChange: (e: any, node: string[] | any) => void;
+    newNode?: NewNode;
+    onAddConfirm?: (_name: string, _type?: Option) => void;
+    onAddCancel?: () => void;
+    handleEditFieldError?: (inputText: string) => string;
+    expanding?: string | null;
+    rootNode: TreeNode;
+    selectedNode?: string;
+    hideOnDisable?: boolean;
+    scriptLengthTruncate: number;
+    addModuleInputWidth?: number;
+    addModuleSelectWidth?: number;
+    disableEditLabelConfirmIcon?: boolean;
+}
+export interface TableRowProps {
+    node: any;
+    columnsData: any[];
+    selected: string[];
+    select: string | null;
+    onRowClick: (e: any, node: any) => void;
+    onToggleExpand: (node: TreeNode) => void;
+    onCheckBoxChange: (e: any, node: string[] | any) => void;
+    index?: number;
+    onAddConfirm?: (_name: string, _type?: Option) => void;
+    onAddCancel?: () => void;
+    handleEditFieldError?: (inputText: string) => string;
+    isExpanding?: boolean;
+    selectedNode?: string;
+    hideOnDisable?: boolean;
+    scriptLengthTruncate: number;
+    addModuleInputWidth?: number;
+    addModuleSelectWidth?: number;
+    disableEditLabelConfirmIcon?: boolean;
+}
+export interface Column {
+    name: string | JSX;
+    accessor: string;
+    width: string;
+    isClickable?: boolean;
+    cell?: (row: any) => JSX;
+    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSX;
+    isTree?: boolean;
+    defaultValue?: string;
+    defaultActions?: () => JSX;
+}
+export interface TreeTableProps {
+    treeData: any;
+    columnsData: Column[];
+    selected?: string[];
+    select?: 'radio' | 'checkbox' | 'none';
+    onChange?: (e: any, node: string[] | any) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
+    onExpand?: (node: TreeNode) => void;
+    loadMore?: (_direction?: string) => void;
+    tableBorder?: string;
+    height?: number | string;
+    newNode?: NewNode;
+    onAddConfirm?: (_name: string, _type?: Option) => void;
+    onAddCancel?: () => void;
+    loading?: boolean;
+    rootNode?: RootNode;
+    getContentLength?: number;
+    handleEditFieldError?: (inputText: string) => string;
+    pagination?: boolean;
+    selectedNode?: string;
+    tableHeaderBgColor?: string;
+    hideOnDisable?: boolean;
+    freezeColumns?: number;
+    scriptLengthTruncate?: number;
+    addModuleInputWidth?: number;
+    addModuleSelectWidth?: number;
+    onScroll?: () => void;
+    onScrollEnd?: () => void;
+    disableEditLabelConfirmIcon?: boolean;
+    transparentHeader?: boolean;
+    navigateTreeNode?: string | null;
+    handleRemoveNavigateTreeNode?: () => void;
+    scrollThreshold?: number;
+    showHeader?: boolean;
+}
+type OptionValue = any;
+export interface Option {
+    [key: string]: OptionValue;
+}
+export {};

package/lib/components/TableTreeFn/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/TableTreeFn/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/TableTreeFn/types.ts"],"names":[],"mappings":""}

package/lib/components/TableTreeFn/types.worker.d.ts

@@ -0,0 +1,44 @@
+import type { TreeNodeProps } from '../../ComponentProps/TreeNodeProps';
+export interface VirtualNode extends TreeNodeProps {
+    lines: boolean[];
+    depth: number;
+    hasChildren: boolean;
+    isLastChild: boolean;
+    childrenIds: string[];
+    isDisabled?: boolean;
+    machine?: boolean;
+    [key: string]: any;
+}
+export type WorkerAction = {
+    type: 'INIT_DATA';
+    payload: {
+        treeData: TreeNodeProps[];
+    };
+} | {
+    type: 'TOGGLE_EXPAND';
+    payload: {
+        id: string;
+    };
+} | {
+    type: 'UPDATE_SELECTION';
+    payload: {
+        id: string;
+        status: 'completely' | 'partially' | 'none';
+    };
+} | {
+    type: 'ADD_NODE';
+    payload: {
+        newNode: any;
+        rootNode?: TreeNodeProps;
+    };
+};
+export type WorkerResponse = {
+    type: 'UPDATE_VIEW';
+    payload: {
+        flatView: VirtualNode[];
+        totalCount: number;
+    };
+} | {
+    type: 'ERROR';
+    payload: string;
+};

package/lib/components/TableTreeFn/types.worker.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.worker.js.map

package/lib/components/TableTreeFn/types.worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.worker.js","sourceRoot":"","sources":["../../../src/components/TableTreeFn/types.worker.ts"],"names":[],"mappings":""}

package/lib/components/TableWithAccordion/TableWithAccordion.d.ts

@@ -0,0 +1,5 @@
+import './TableWithAccordion.scss';
+import '../../../index.scss';
+import { TableProps } from './types';
+declare const TableWithAccordion: ({ highlightText, tableMeta, tableData, accordionType, noDataContent, height, withFixedHeader, headerType, TableAccordionStateIconWidth, TableAccordionStateIconHeight, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export default TableWithAccordion;

package/lib/components/TableWithAccordion/TableWithAccordion.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import classNames from 'classnames';
+import Accordion from '../Accordion';
+import './TableWithAccordion.scss';
+import Icon from '../Icon';
+import Tooltip from '../Tooltip';
+import '../../../index.scss';
+import Typography from '../Typography';
+import HighlightText from '../HighlightText';
+import { isTextTruncated, truncateText, } from '../../utils/truncateText/truncateText';
+const TableWithAccordion = ({ highlightText = '', tableMeta = [], tableData = [], accordionType = 'row', noDataContent, height = '100%', withFixedHeader = false, headerType, TableAccordionStateIconWidth = 4, TableAccordionStateIconHeight = 8, }) => {
+    const [expandedRowIndex, setExpandedRowIndex] = useState(-1);
+    const onAccordionClick = (index) => {
+        setExpandedRowIndex(index === expandedRowIndex ? -1 : index);
+    };
+    const getAccordionTableCellContent = (dataObj, columnObj) => {
+        let cellData = dataObj[columnObj.accessor];
+        if (columnObj.cell) {
+            return columnObj.cell({
+                value: cellData,
+                row: dataObj,
+                column: columnObj.accessor,
+            });
+        }
+        else if (columnObj.accessor) {
+            return cellData;
+        }
+        else if (cellData && typeof cellData !== 'object') {
+            return cellData;
+        }
+        else {
+            return '--';
+        }
+    };
+    const getAccordionTableContent = (dataArray) => {
+        const accordionSubTable = dataArray.map((rowData, index) => {
+            return (_jsx("table", { className: "ff-accordion-table", cellSpacing: 0, children: _jsx("tbody", { className: "ff-table-body", children: _jsx("tr", { className: "ff-table-row", children: tableMeta.map((column, i) => {
+                            return (_jsx("td", { className: "ff-table-cell", style: { width: column.width }, children: accordionType === 'column' && i === 0 ? ('') : (_jsx(Typography, { children: getAccordionTableCellContent(rowData, column) })) }, column.accessor + i));
+                        }) }, rowData.id || index) }) }, `accordion-table-${index}`));
+        });
+        return accordionSubTable;
+    };
+    return (_jsxs("div", { style: { height: height }, className: classNames('ff-accordion-table-container', {
+            'ff-accordion-fixed-header-table': withFixedHeader,
+        }), children: [_jsx("table", { cellSpacing: 0, className: classNames('ff-accordion-table', {
+                    'ff-accordion-fixed-header': withFixedHeader,
+                }), children: _jsx("thead", { children: _jsx("tr", { className: "ff-table-row", children: tableMeta.map((column) => (_jsx("th", { style: { width: column.width }, className: classNames('ff-table-header', headerType && `ff-accordion-table--${headerType}-bg`), children: _jsx("div", { children: _jsx(Typography, { fontWeight: "semi-bold", fontSize: 12, children: column.header }) }) }, `header-${column.header}`))) }) }) }), accordionType === 'row' &&
+                tableData.map((row, rowIndex) => (_jsx(Accordion, { highlightText: highlightText, headerTitle: row.title, color: "var(--text-color)", accordionContent: getAccordionTableContent(row.data), disable: row.disable, disableInfoMessage: row.disableInfoMessage, accordionStateIconName: "arrows_down_icon", AccordionStateIconWidth: TableAccordionStateIconWidth, AccordionStateIconHeight: TableAccordionStateIconHeight }, `accordion-row-${rowIndex}`))), accordionType === 'column' &&
+                tableData.map((row, index) => (_jsxs("div", { className: "column-table-accordion", children: [_jsx("div", { className: "ff-display-flex", children: _jsx(Tooltip, { title: row.disable
+                                    ? row?.disableInfoMessage
+                                    : typeof row.title === 'string' &&
+                                        isTextTruncated(row.title, tableMeta[0]?.width, 'pixel')
+                                        ? row.title
+                                        : '', placement: "bottom-start", children: _jsxs("div", { className: `accordion-header ${row.disable && 'accordion-header--disabled'}`, children: [_jsx("div", { className: "header-title", children: _jsx("span", { children: _jsx(Typography, { children: _jsx(HighlightText, { text: truncateText(row.title, tableMeta[0]?.width, 'pixel'), highlight: highlightText }) }) }) }), _jsx("div", { className: "accordion-arrow", onClick: () => {
+                                                !row.disable && onAccordionClick(index);
+                                            }, children: _jsx(Icon, { name: expandedRowIndex === index
+                                                    ? 'arrows_down_icon'
+                                                    : 'arrows_right_icon', color: "var(--table-with-accordion-icon-color)", width: TableAccordionStateIconWidth, height: TableAccordionStateIconHeight, hoverEffect: false }) })] }) }) }), expandedRowIndex === index && (_jsx("div", { children: getAccordionTableContent(row.data) }))] }, `column-accordion-${index}`))), tableData.length <= 0 && (_jsx("div", { className: "no-data-content", style: { height: `calc(${height} - 50px)` }, children: noDataContent }))] }));
+};
+export default TableWithAccordion;
+//# sourceMappingURL=TableWithAccordion.js.map

package/lib/components/TableWithAccordion/TableWithAccordion.js.map

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

package/lib/components/TableWithAccordion/data.d.ts

@@ -0,0 +1,8 @@
+export declare const sampleData: {
+    title: string;
+    data: {
+        desc: string;
+        modifiedBy: string;
+        suiteName: string;
+    }[];
+}[];

package/lib/components/TableWithAccordion/data.js

@@ -0,0 +1,38 @@
+export const sampleData = [
+    {
+        title: 'Pre conditions',
+        data: [
+            {
+                desc: 'Open Browser',
+                modifiedBy: 'Ram',
+                suiteName: 'test',
+            },
+        ],
+    },
+    {
+        title: 'Steps',
+        data: [
+            {
+                desc: '1. SG1',
+                modifiedBy: 'Ram',
+                suiteName: 'suite1',
+            },
+            {
+                desc: '2. SG2',
+                modifiedBy: 'Laxman',
+                suiteName: 'suite 2',
+            },
+        ],
+    },
+    {
+        title: 'Post conditions',
+        data: [
+            {
+                desc: 'close browser',
+                modifiedBy: 'Krishna',
+                suiteName: 'test 2',
+            },
+        ],
+    },
+];
+//# sourceMappingURL=data.js.map

package/lib/components/TableWithAccordion/data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.js","sourceRoot":"","sources":["../../../src/components/TableWithAccordion/data.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB;QACE,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,cAAc;gBACpB,UAAU,EAAE,KAAK;gBACjB,SAAS,EAAE,MAAM;aAClB;SACF;KACF;IACD;QACE,KAAK,EAAE,OAAO;QACd,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,QAAQ;gBACd,UAAU,EAAE,KAAK;gBACjB,SAAS,EAAE,QAAQ;aACpB;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,SAAS;aACrB;SACF;KACF;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,eAAe;gBACrB,UAAU,EAAE,SAAS;gBACrB,SAAS,EAAE,QAAQ;aACpB;SACF;KACF;CACF,CAAC"}

package/lib/components/TableWithAccordion/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TableWithAccordion';

package/lib/components/TableWithAccordion/index.js

@@ -0,0 +1,2 @@
+export { default } from './TableWithAccordion';
+//# sourceMappingURL=index.js.map

package/lib/components/TableWithAccordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TableWithAccordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,68 @@
+import { ReactNode } from "react";
+export interface ColumnProps {
+    /**
+     * column name
+     */
+    header: string;
+    /**
+     * data key for particular column
+     */
+    accessor: string;
+    /**
+     * className for a column
+     */
+    className?: string;
+    /**
+     * width of a column
+     */
+    width?: number;
+    /**
+     * data for the column
+     */
+    cell?: (e: any) => JSX.Element | string | ReactNode;
+}
+export interface DataProps {
+    /**
+     * data for each row
+     */
+    [key: string]: any;
+}
+export interface TableProps {
+    /**
+     * Column details for table
+     */
+    tableMeta: Array<ColumnProps>;
+    /**
+     * Data for table
+     */
+    tableData: Array<DataProps>;
+    /**
+     * Table type
+     */
+    accordionType: 'row' | 'column';
+    /**
+     *  Specific sentence to be displayed data not found
+     */
+    noDataContent?: string | ReactNode;
+    /**
+     * withFixedHeader prop to have non-scrollable fixed accordion table header
+     */
+    withFixedHeader?: boolean;
+    /**
+     *  Height of the table in string
+     */
+    height?: string;
+    /**
+     * Header type to have different background color
+     */
+    headerType: 'default' | 'primary' | 'secondary';
+    /**
+     * Accordion collapse and expand Icon width
+     */
+    TableAccordionStateIconWidth: number;
+    /**
+     * Accordion collapse and expand Icon height
+     */
+    TableAccordionStateIconHeight: number;
+    highlightText?: string;
+}

package/lib/components/TableWithAccordion/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/TableWithAccordion/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/TableWithAccordion/types.ts"],"names":[],"mappings":""}

package/lib/components/Tabs/Tabs.d.ts

@@ -0,0 +1,5 @@
+import { TabsProps } from './types';
+import './Tabs.scss';
+import '../../assets/styles/_colors.scss';
+declare const Tabs: ({ variant, tabsData, activeTabId, onTabClick, noBorder, noPadding, titleSize, isBorderBottomLine, isHoverBackground, isBorderRadius, tabFlexSpacing, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;