saurabh-table-dnd-edit 1.1.0

package/lib/components/Excel/ExcelToolBar/ExcelToolBar.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import './ExcelToolBar.scss';
+import MenuOption from '../../MenuOption';
+import Tooltip from '../../Tooltip';
+import Icon from '../../Icon';
+import Select from '../../Select';
+import * as Matrix from '../ExcelFile/ExcelFileComponents/matrix';
+import ColorBarSelector from '../ColorBarSelector/ColorBarSelector';
+import useSelector from '../ExcelFile/ExcelFileComponents/use-selector';
+import { convertStyleToBackend } from '../dataConversion';
+import { EntireWorksheetSelection } from '../ExcelFile/ExcelFileComponents/selection';
+import { convertPxToPt, EmptyCell, fontFamilyList, fontSizeList, } from '../ExcelFile/ExcelFileComponents/util';
+const ExcelToolBar = ({ toolbar = 'show', editable, onBold, onItalic, setUnderlineType, setColor, setFontSize, setFontFamily, setTextAlign, setBackgroundColor, setBorderType, setFormatePainter, }) => {
+    const selected = useSelector((state) => state.selected instanceof EntireWorksheetSelection);
+    const [disable, setDisable] = useState(toolbar === 'disable' || !editable);
+    const cell = useSelector((state) => state.active ? Matrix.get(state.active, state.model.data) : null);
+    const data = useSelector((state) => state.model.data);
+    const formattedStyle = useSelector((state) => state.formattedStyle.open);
+    // Default style to Excel
+    const basicStyle = {
+        ...EmptyCell.style,
+        color: '#1e161f', // Needed hexacode for backend
+        backgroundColor: '#ffffff', // Needed hexacode for backend
+        borderColor: '#1e161f', // Needed hexacode for backend
+    };
+    const [cellStyle, setCellStyle] = useState(cell?.style || basicStyle);
+    const borderMenuRef = useRef(null);
+    useEffect(() => {
+        if (cell?.style &&
+            JSON.stringify(cell.style) !== JSON.stringify(cellStyle)) {
+            setCellStyle(cell?.style || basicStyle);
+        }
+        if (selected) {
+            setDisable(!editable);
+        }
+        else if (cell && typeof cell.readOnly === 'boolean') {
+            setDisable(cell.readOnly ||
+                toolbar === 'disable' ||
+                !editable ||
+                cell?.inputType?.type === 'dropDown');
+        }
+    }, [cell, editable]);
+    const styleBackend = convertStyleToBackend(cellStyle);
+    const [border, setBorder] = useState('border-none');
+    const [selectedFontFamily, setSelectedFontFamily] = useState({
+        label: '',
+        value: '',
+    });
+    const [selectedFontSize, setSelectedFontSize] = useState({
+        label: '',
+        value: '',
+    });
+    const [colorContainer, setColorContainer] = useState({
+        color: basicStyle.color,
+        backgroundColor: basicStyle.backgroundColor,
+        borderColor: basicStyle.borderColor,
+    });
+    const borderTypeIcon = [
+        { value: 'border-all-sides', label: 'All Border', icon: 'all_borders' },
+        { value: 'border-bottom', label: 'Border Bottom', icon: 'border_bottom' },
+        { value: 'border-left', label: 'Border Left', icon: 'border_left' },
+        { value: 'border-right', label: 'Border Right', icon: 'border_right' },
+        { value: 'border-top', label: 'Border Top', icon: 'border_top' },
+        { value: 'border-none', label: 'No Border', icon: 'no_border' },
+    ];
+    const fontSize = fontSizeList.map((fontSize) => ({
+        label: fontSize,
+        value: fontSize,
+    }));
+    const getTextColor = (color) => {
+        setColorContainer((prev) => ({ ...prev, color: color }));
+    };
+    const getBackgroundColor = (color) => {
+        setColorContainer((prev) => ({ ...prev, backgroundColor: color }));
+    };
+    useEffect(() => {
+        let timeGap = setTimeout(() => {
+            setColor(data, colorContainer.color);
+        }, 0);
+        return () => {
+            clearTimeout(timeGap);
+        };
+    }, [colorContainer.color]);
+    useEffect(() => {
+        let timeGap = setTimeout(() => {
+            setBackgroundColor(data, colorContainer.backgroundColor);
+        }, 0);
+        return () => {
+            clearTimeout(timeGap);
+        };
+    }, [colorContainer.backgroundColor]);
+    let getBorderIcon = () => {
+        const selectedIcon = borderTypeIcon.find((e) => e.value === border);
+        return selectedIcon ? selectedIcon.icon : '';
+    };
+    useEffect(() => {
+        const fontFamily = cellStyle.fontFamily;
+        const fontSize = `${convertPxToPt(cellStyle.fontSize)}`;
+        setSelectedFontFamily({
+            label: fontFamily ?? 'Times New Roman',
+            value: fontFamily ?? 'Times New Roman',
+        });
+        setSelectedFontSize({ label: fontSize ?? '11', value: fontSize ?? '11' });
+    }, [cellStyle]);
+    return (_jsxs("div", { className: "ff-excel-toolbar", children: [_jsxs("div", { className: "ff-excel-toolbar-font ", children: [_jsx("div", { className: "ff-excel-toolbar-font-family", children: _jsx(Select, { disabled: disable, height: 24, tooltip: true, showToolTip: true, showLabel: false, optionZIndex: 2000, onChange: (e) => {
+                                setSelectedFontFamily({ label: e.label, value: e.label });
+                                setFontFamily(data, e.value);
+                            }, required: false, optionsList: fontFamilyList, selectedOption: selectedFontFamily }) }), _jsx("div", { className: "ff-excel-toolbar-font-size", children: _jsx(Select, { disabled: disable, height: 24, showLabel: false, optionZIndex: 2000, required: false, onChange: (e) => {
+                                setSelectedFontSize({ label: e.label, value: e.value });
+                                setFontSize(data, e.value);
+                            }, optionsList: fontSize, selectedOption: selectedFontSize }) })] }), _jsx("div", { className: "ff-excel-toolbar-divider" }), _jsxs("div", { className: "ff-excel-toolbar-icon", children: [_jsx(Tooltip, { placement: "top", title: 'Text Left', children: _jsx(Icon, { disabled: disable, variant: cellStyle.textAlign === 'left' ? 'dark' : 'light', hoverEffect: cellStyle.textAlign === 'left' ? false : true, onClick: () => setTextAlign(data, 'left'), name: "text_align_left" }) }), _jsx(Tooltip, { placement: "top", title: 'Text Center', children: _jsx(Icon, { disabled: disable, variant: cellStyle.textAlign === 'center' ? 'dark' : 'light', hoverEffect: cellStyle.textAlign === 'center' ? false : true, onClick: () => setTextAlign(data, 'center'), name: "text_align_center" }) }), _jsx(Tooltip, { placement: "top", title: 'Text Right', children: _jsx(Icon, { disabled: disable, variant: cellStyle.textAlign === 'right' ? 'dark' : 'light', hoverEffect: cellStyle.textAlign === 'right' ? false : true, onClick: () => setTextAlign(data, 'right'), name: "text_align_right" }) })] }), _jsx("div", { className: "ff-excel-toolbar-divider" }), _jsxs("div", { className: "ff-excel-toolbar-text", children: [_jsx(Tooltip, { placement: "top", title: 'Bold', children: _jsx(Icon, { disabled: disable, variant: styleBackend.bold ? 'dark' : 'light', hoverEffect: styleBackend.bold ? false : true, onClick: () => onBold(data), name: "bold" }) }), _jsx(Tooltip, { placement: "top", title: 'Italic', children: _jsx(Icon, { disabled: disable, variant: styleBackend.italic ? 'dark' : 'light', hoverEffect: styleBackend.italic ? false : true, onClick: () => onItalic(data), name: "italic" }) }), _jsx(Tooltip, { placement: "top", title: 'Underline', children: _jsx("div", { className: "ff-excel-toolbar-icon-underline", children: _jsx(Icon, { disabled: disable, variant: cellStyle.textDecoration === 'underline' ? 'dark' : 'light', hoverEffect: cellStyle.textDecoration === 'underline' ? false : true, onClick: () => setUnderlineType(data), name: "underline" }) }) })] }), _jsx("div", { className: "ff-excel-toolbar-divider" }), _jsxs("div", { className: "ff-excel-toolbar-icon", children: [_jsx(Tooltip, { placement: "top", title: 'Format Painter', children: _jsx(Icon, { disabled: disable, variant: formattedStyle ? 'dark' : 'light', hoverEffect: formattedStyle ? false : true, onClick: () => {
+                                setFormatePainter(data);
+                            }, name: "formate_painter" }) }), _jsx(Tooltip, { placement: "top", title: 'Text Color', children: _jsxs("div", { className: "ff-excel-toolbar-icon-color", children: [_jsx(Icon, { disabled: disable, hoverEffect: true, width: 12, height: 12, onClick: () => {
+                                        setColor(data, colorContainer.color);
+                                    }, name: "text_color" }), _jsx(ColorBarSelector, { disabled: disable, getColorValue: getTextColor, initialColor: colorContainer.color })] }) }), _jsx(Tooltip, { placement: "top", title: 'Background Color', children: _jsxs("div", { className: "ff-excel-toolbar-icon-color", children: [_jsx(Icon, { disabled: disable, hoverEffect: true, width: 12, height: 12, onClick: () => setBackgroundColor(data, colorContainer.backgroundColor), name: "fill_color" }), _jsx(ColorBarSelector, { disabled: disable, getColorValue: getBackgroundColor, initialColor: colorContainer.backgroundColor })] }) })] }), _jsx("div", { className: "ff-excel-toolbar-divider" }), _jsx("div", { className: "ff-excel-toolbar-menu", children: _jsxs("div", { className: "ff-excel-toolbar-menu-option", children: [_jsx(Tooltip, { placement: "top", title: 'Border Type', children: _jsx(Icon, { hoverEffect: true, disabled: disable, onClick: () => setBorderType(data, border, 'var(--input-hover-border-color)'), name: getBorderIcon() }) }), _jsx("span", { ref: borderMenuRef, children: _jsx(MenuOption, { disabled: disable, iconName: "arrow_down", targetRef: borderMenuRef, iconSize: 12, zIndex: 2000, options: borderTypeIcon, tooltipTitle: "Border Type", tooltipPlacement: "top", onOptionClick: (e) => {
+                                    let selectedValue = e.value;
+                                    setBorderType(data, selectedValue, 'var(--input-hover-border-color)');
+                                    setBorder(selectedValue);
+                                } }) })] }) })] }));
+};
+export default ExcelToolBar;
+//# sourceMappingURL=ExcelToolBar.js.map

package/lib/components/Excel/ExcelToolBar/ExcelToolBar.js.map

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

package/lib/components/Excel/Types.d.ts

@@ -0,0 +1,184 @@
+interface WorkSheet {
+    /** The name of the worksheet */
+    sheetName: string;
+    /** 2D array of worksheet data (cells) */
+    data: WorkData[][];
+    /** Additional properties for configuring rows, columns, and cells */
+    rows?: {
+        /** Specifies which rows should be read-only (indexed from 1) */
+        readOnly?: number[];
+        inputType?: {
+            [key: number]: InputType;
+        };
+    };
+    columns?: {
+        /** Specifies which columns should be read-only (indexed from 1) */
+        readOnly?: number[];
+        inputType?: {
+            [key: number]: InputType;
+        };
+    };
+    cells?: {
+        /** Specifies which cells should be read-only (indexed with row and column numbers, starting from 1) */
+        readOnly?: number[][];
+        inputType?: {
+            position: [number, number];
+            config: InputType;
+        }[];
+    };
+}
+interface InputType {
+    type: 'dropDown' | 'text' | 'file';
+    options?: {
+        disable: boolean;
+        label: string;
+        name: string;
+        value: string;
+        color: string;
+    }[];
+    inputProps?: {};
+}
+interface WorkData {
+    /** Value of the cell */
+    value: string;
+    /** Styling options for the cell */
+    style: BackendStyle;
+    type?: boolean;
+    readOnly?: boolean;
+    inputType?: InputType;
+    contextDisable?: Record<string, boolean>;
+}
+type BackendStyle = {
+    name: string;
+    size: number;
+    bold: boolean;
+    italic: boolean;
+    color: string;
+    backgroundColor: string;
+    borderColor: string;
+    underline: boolean;
+    border: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    alignment: {
+        horizontal: string;
+        vertical: string;
+        wrapText: boolean;
+    };
+};
+interface SaveData {
+    sheetName: string;
+    data: {
+        value: string;
+        style: BackendStyle;
+        readOnly: boolean;
+        inputType: InputType;
+    }[][];
+}
+/** A generic type to represent a 2D matrix of any type (or undefined values) */
+type Matrix<T> = (T | undefined)[][];
+interface ContextAction {
+    /** Name of the right-click option */
+    name: string;
+    /** Display title of the right-click menu option */
+    title: React.ReactNode;
+    /** The action that occurs when the right-click menu option is selected */
+    action: () => void;
+}
+interface ContextOption {
+    /** Type of the context option ('cell', 'row', 'column') */
+    name: string;
+    /** Array of context menu actions for right-click options */
+    value: ContextAction[];
+}
+interface SelectedCell {
+    /** The row index of the selected cell */
+    row: number;
+    /** The column index of the selected cell */
+    column: number;
+}
+interface ColorContainer {
+    /** The color used for the text (hex code) */
+    color: string;
+    /** The background color used for the cell (hex code) */
+    backgroundColor: string;
+    /** The border color used for the cell (hex code) */
+    borderColor: string;
+}
+interface ContextMenuState {
+    open: boolean;
+    contextType: 'sheet' | 'column' | 'row' | 'cell' | null;
+    options: optionsType[];
+}
+interface optionsType {
+    label: string;
+    value: string;
+    iconName: string;
+    action: () => void;
+    disableTooltip: string;
+    visible: boolean;
+    disable: boolean;
+}
+interface SelectedValue {
+    /** The value inside the selected cell */
+    value: string;
+    /** The row index of the selected cell */
+    row: number;
+    /** The column index of the selected cell */
+    column: number;
+    /** The column represented as an alphabetical string ('A', 'B') */
+    alphaCol: string;
+    /** The style applied to the selected cell */
+    style: React.CSSProperties;
+    /** The sheet name where the cell is located */
+    sheet: string;
+}
+interface ExcelSheetBarProps {
+    /** Object containing details about the file, including sheet names */
+    fileDetails: {
+        sheetNames: string[];
+    };
+    /** Function to handle sheet change events */
+    handleSheetChange: (name: string, index: number) => void;
+    /** Function to open the context menu on a sheet */
+    contextMenu: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, name: string, index: number) => void;
+    /** Function to add a new sheet */
+    addSheet: () => void;
+    /** Object representing the currently selected sheet */
+    selectedSheet: {
+        name: string;
+        index: number;
+    };
+    /** Function to update the context Type */
+    contextSelect: (event: React.MouseEvent) => void;
+}
+interface ContextMenuProps {
+    /** Custom context menu options */
+    customContext: {
+        name: string;
+        title: React.ReactNode;
+        action: () => void;
+    }[];
+    /** Object that holds different context actions based on the type (cell, row, column, sheet_options) */
+    contextAction: {
+        /** Function to add a row */
+        addRow: () => void;
+        /** Function to delete a row */
+        deleteRow: () => void;
+        /** Function to add a column */
+        addColumn: () => void;
+        /** Function to delete a column */
+        deleteColumn: () => void;
+        /** Function to add a new sheet */
+        addSheet: () => void;
+        /** Function to delete a sheet */
+        deleteSheet: () => void;
+    };
+    /** The state of the context menu, controlling its visibility and position */
+    contextData: ContextMenuState;
+    /** Function to update the context menu state */
+    setContextData: React.Dispatch<React.SetStateAction<ContextMenuState>>;
+}

package/lib/components/Excel/Types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Types.js.map

package/lib/components/Excel/Types.js.map

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

package/lib/components/Excel/dataConversion.d.ts

@@ -0,0 +1,2 @@
+export declare function convertStyleToFrontend(backendStyle: BackendStyle): React.CSSProperties;
+export declare const convertStyleToBackend: (frontendStyle: React.CSSProperties) => BackendStyle;

package/lib/components/Excel/dataConversion.js

@@ -0,0 +1,144 @@
+import { convertPtToPx, convertPxToPt, fontFamilyList, fontSizeList, } from './ExcelFile/ExcelFileComponents/util';
+const getTextAlignment = (alignment) => {
+    switch (alignment.toUpperCase()) {
+        case 'LEFT':
+            return 'left';
+        case 'RIGHT':
+            return 'right';
+        case 'CENTER':
+            return 'center';
+        case 'JUSTIFY':
+            return 'justify';
+        case 'BOTTOM':
+            return 'end';
+        case 'TOP':
+            return 'start';
+        default:
+            return 'left';
+    }
+};
+const getTextAlignmentBack = (alignment) => {
+    switch (alignment) {
+        case 'left':
+            return 'LEFT';
+        case 'right':
+            return 'RIGHT';
+        case 'center':
+            return 'CENTER';
+        case 'justify':
+            return 'JUSTIFY';
+        case 'end':
+            return 'BOTTOM';
+        case 'start':
+            return 'TOP';
+        default:
+            return 'BOTTOM';
+    }
+};
+const getFontFamily = (selectedFontType) => {
+    const fontFamilyExists = fontFamilyList.some((element) => {
+        return element.label === selectedFontType;
+    });
+    if (!fontFamilyExists) {
+        return 'Poppins';
+    }
+    return selectedFontType;
+};
+const closestFontSize = (fontSize) => fontSizeList.reduce((closest, current) => {
+    return Math.abs(current - parseFloat(fontSize)) <
+        Math.abs(closest - parseFloat(fontSize))
+        ? current
+        : closest;
+});
+export function convertStyleToFrontend(backendStyle) {
+    const { border } = backendStyle;
+    let borderTop = '';
+    let borderRight = '';
+    let borderBottom = '';
+    let borderLeft = '';
+    if (border.top !== 'THIN') {
+        borderTop =
+            border.top === 'MEDIUM'
+                ? '2px solid var(--input-hover-border-color)'
+                : '1px solid var(--excel-header-border)';
+    }
+    if (border.right !== 'THIN') {
+        borderRight =
+            border.right === 'MEDIUM'
+                ? '2px solid var(--input-hover-border-color)'
+                : '1px solid var(--excel-header-border)';
+    }
+    if (border.bottom !== 'THIN') {
+        borderBottom =
+            border.bottom === 'MEDIUM'
+                ? '2px solid var(--input-hover-border-color)'
+                : '1px solid var(--excel-header-border)';
+    }
+    if (border.left !== 'THIN') {
+        borderLeft =
+            border.left === 'MEDIUM'
+                ? '2px solid var(--input-hover-border-color)'
+                : '1px solid var(--excel-header-border)';
+    }
+    return {
+        fontSize: convertPtToPx(closestFontSize(String(backendStyle.size))),
+        fontFamily: getFontFamily(backendStyle.name),
+        color: `#${backendStyle.color}`,
+        backgroundColor: `#${backendStyle.backgroundColor}`,
+        fontWeight: backendStyle.bold ? 'bold' : 'normal',
+        fontStyle: backendStyle.italic ? 'italic' : 'normal',
+        textDecoration: backendStyle.underline ? 'underline' : 'normal',
+        borderTop: borderTop,
+        borderRight: borderRight,
+        borderBottom: borderBottom,
+        borderLeft: borderLeft,
+        textAlign: getTextAlignment(backendStyle.alignment.horizontal),
+        alignContent: getTextAlignment(backendStyle.alignment.vertical),
+    };
+}
+const getBorderStyle = (border) => {
+    if (!border || border === 'none') {
+        return 'THIN';
+    }
+    if (border.includes('solid') ||
+        border.includes('dashed') ||
+        border.includes('dotted')) {
+        if (border.includes('2px') || border.includes('medium')) {
+            return 'MEDIUM';
+        }
+        else if (border.includes('3px') || border.includes('medium')) {
+            return 'THICK';
+        }
+    }
+    return 'THIN';
+};
+export const convertStyleToBackend = (frontendStyle) => {
+    return {
+        name: frontendStyle.fontFamily || 'Arial',
+        size: convertPxToPt(frontendStyle.fontSize?.toString() || '12'),
+        bold: frontendStyle.fontWeight === 'bold',
+        italic: frontendStyle.fontStyle === 'italic',
+        underline: frontendStyle.textDecoration === 'underline',
+        color: frontendStyle.color?.replace('#', '') || '000000',
+        backgroundColor: frontendStyle.backgroundColor?.replace('#', '') || 'FFFFFF',
+        borderColor: 'F2F2F2',
+        border: {
+            top: getBorderStyle(frontendStyle.borderTop ? frontendStyle.borderTop.toString() : undefined),
+            right: getBorderStyle(frontendStyle.borderRight
+                ? frontendStyle.borderRight.toString()
+                : undefined),
+            bottom: getBorderStyle(frontendStyle.borderBottom
+                ? frontendStyle.borderBottom.toString()
+                : undefined),
+            left: getBorderStyle(frontendStyle.borderLeft
+                ? frontendStyle.borderLeft.toString()
+                : undefined),
+        },
+        alignment: {
+            horizontal: getTextAlignmentBack(frontendStyle.textAlign),
+            vertical: getTextAlignmentBack(frontendStyle.alignContent),
+            wrapText: false,
+        },
+    };
+};
+//# sourceMappingURL=dataConversion.js.map

package/lib/components/Excel/dataConversion.js.map

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

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

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

package/lib/components/Excel/index.js

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

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

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

package/lib/components/ExpandableMenu/ExpandableMenu.d.ts

@@ -0,0 +1,5 @@
+import './ExpandableMenu.scss';
+import { ExpandableMenuProps } from './types';
+import './ExpandableMenu.scss';
+declare const ExpandableMenu: React.FC<ExpandableMenuProps>;
+export default ExpandableMenu;

package/lib/components/ExpandableMenu/ExpandableMenu.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import './ExpandableMenu.scss';
+import classNames from 'classnames';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+import Icon from '../Icon';
+import './ExpandableMenu.scss';
+import Typography from '../Typography';
+const ExpandableMenu = ({ label = '', icon = (_jsx(Icon, { name: "arrow_right", height: 5, width: 8, color: 'var(--icons-default-color)' })), variant = 'primary', size = 'medium', disable = false, subMenus = [], selectedMenu = '', onSubMenuClick = () => { }, menuExpandStatus }) => {
+    const [isExpanded, setIsExpanded] = useState(menuExpandStatus || false);
+    const [isHovered, setIsHovered] = useState(false);
+    const toggleExpand = () => {
+        setIsExpanded((prev) => !prev);
+        setIsHovered(false);
+    };
+    const handleMouseEnter = useCallback(() => {
+        if (!isExpanded)
+            setIsHovered(true);
+    }, [isExpanded]);
+    const handleMouseLeave = useCallback(() => {
+        if (!isExpanded)
+            setIsHovered(false);
+    }, [isExpanded]);
+    const handleSelectedMenu = (chip) => {
+        if (!disable) {
+            onSubMenuClick(chip);
+            setIsExpanded(true);
+        }
+    };
+    const hasExpanded = isExpanded || isHovered;
+    return (_jsxs("div", { className: classNames('ff-expandable-chip-menu', `ff-expandable-chip-menu--${variant}`, {
+            'ff-expandable-chip-menu--disabled': disable,
+            expanded: hasExpanded,
+        }), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsxs("div", { className: `ff-label-chip ff-label-chip--${variant} ff-expandable-chip-menu--${size}`, onClick: toggleExpand, children: [_jsx(Typography, { children: label }), _jsx("span", { className: "arrow-icon", children: icon })] }), hasExpanded && !checkEmpty(subMenus) && (_jsx("div", { className: classNames('ff-sub-chips', {
+                    expanded: hasExpanded,
+                }), children: subMenus.map((chip, index) => (_jsx("div", { className: classNames('ff-sub-chip', `ff-sub-chip--${variant}`, `ff-sub-chip--${size}`, {
+                        selected: selectedMenu === chip,
+                    }), onClick: () => handleSelectedMenu(chip), children: chip }, index))) }))] }));
+};
+export default ExpandableMenu;
+//# sourceMappingURL=ExpandableMenu.js.map

package/lib/components/ExpandableMenu/ExpandableMenu.js.map

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

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

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

package/lib/components/ExpandableMenu/index.js

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

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

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

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

@@ -0,0 +1,35 @@
+export interface ExpandableMenuProps {
+    /**
+     * mandatory | label for the expandable menu
+     */
+    label: string;
+    /**
+     * optional | Icon to describe direction of expansion
+     */
+    icon?: React.ReactNode;
+    /**
+     * optional | variant of the menu
+     */
+    variant?: 'primary';
+    /**
+     * optional | size of the expandable menu
+     */
+    size?: 'medium';
+    /**
+     * optional | disable to disable the menu and prevent click events but not hover event
+     */
+    disable?: boolean;
+    /**
+     * Mandatory |  sub menus to be shown inside  expandable menu
+     */
+    subMenus: string[];
+    /**
+     * optional | selected sub menu of the expandable menu
+     */
+    selectedMenu?: string;
+    /**
+     * optional | onSubMenuClick event to perform action on click of sub menu
+     */
+    onSubMenuClick?: (subChip: any) => void;
+    menuExpandStatus?: boolean;
+}

package/lib/components/ExpandableMenu/types.js

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

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

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

package/lib/components/ExpandableTable/ExpandableTable.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface TableRow {
+    id: number;
+    name: string;
+    age: number;
+    details: string;
+}
+interface ExpandableTableProps {
+    data: TableRow[];
+}
+declare const ExpandableTable: React.FC<ExpandableTableProps>;
+export default ExpandableTable;