@codezee/sixtify-brahma 0.2.207 → 0.2.209

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/GetRenderInputs.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GetRenderInputs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const DateRangeInput_1 = require("./DateRangeInput/DateRangeInput");
-const DebouncedInput_1 = require("./DebouncedInput");
-const GetRenderInputs = ({ filterVariant, header, resetAllFilters, }) => {
-    const { columnDef, getFilterValue, setFilterValue } = header.column;
-    const { facetedFilter, filterParams, filterVariant: hasFilterVariant, } = columnDef;
-    const isCombinedFilter = facetedFilter && hasFilterVariant;
-    const rawFilterValue = getFilterValue();
-    const combinedFilterValue = isCombinedFilter
-        ? (rawFilterValue ?? { facets: [], search: "" })
-        : undefined;
-    const updateCombinedFilter = (updates) => {
-        if (isCombinedFilter) {
-            setFilterValue({
-                ...combinedFilterValue,
-                ...updates,
-            });
-        }
-    };
-    const getValue = () => isCombinedFilter
-        ? (combinedFilterValue?.search ?? "")
-        : // eslint-disable-next-line sonarjs/no-nested-conditional
-            typeof rawFilterValue === "string" ||
-                typeof rawFilterValue === "boolean" ||
-                typeof rawFilterValue === "number"
-                ? rawFilterValue
-                : "";
-    const setValue = (value) => {
-        if (isCombinedFilter) {
-            return updateCombinedFilter({ search: value.toString() });
-        }
-        return setFilterValue(value);
-    };
-    const renderDebouncedInput = (type) => ((0, jsx_runtime_1.jsx)(DebouncedInput_1.DebouncedInput, { onChange: (value) => setValue(resetAllFilters ? "" : value), type: type, value: resetAllFilters ? "" : getValue().toString(), style: { width: "100%" } }));
-    const renderSelectInput = () => {
-        const options = filterParams?.filterOptions ?? [];
-        const value = isCombinedFilter
-            ? (combinedFilterValue?.search ?? "")
-            : // eslint-disable-next-line sonarjs/no-nested-conditional
-                typeof rawFilterValue === "string" ||
-                    typeof rawFilterValue === "boolean" ||
-                    typeof rawFilterValue === "number"
-                    ? rawFilterValue
-                    : "";
-        const selected = options.find((opt) => opt.value === value) || null;
-        const handleChange = (_, newValue) => setValue(newValue ? newValue.value : "");
-        return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { options: options, getOptionLabel: (option) => option.label || "", value: selected, onChange: handleChange, renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, { ...params, variant: "outlined", placeholder: "All", sx: {
-                    "& .MuiInputBase-root": { height: 28 },
-                } })), size: "small", sx: { width: "100%" }, slotProps: {
-                paper: {
-                    sx: {
-                        "& .MuiAutocomplete-option": { fontSize: 12 },
-                    },
-                },
-            } }));
-    };
-    switch (filterVariant) {
-        case "smartTextFilter":
-            return renderDebouncedInput("text");
-        case "smartNumberFilter":
-            return renderDebouncedInput("number");
-        case "smartDateFilter":
-            return ((0, jsx_runtime_1.jsx)(DateRangeInput_1.DateRangeInput, { width: "100%", initialValue: Array.isArray(rawFilterValue)
-                    ? rawFilterValue
-                    : undefined, onApply: (dates) => setFilterValue(dates) }));
-        case "smartSelectFilter":
-            return renderSelectInput();
-        default:
-            return null;
-    }
-};
-exports.GetRenderInputs = GetRenderInputs;

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/SearchFilterRow.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchFilterRow = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const GetRenderInputs_1 = require("./GetRenderInputs");
-const SearchFilterRow = ({ header, resetAllFilters, }) => {
-    const theme = (0, material_1.useTheme)();
-    const { iron } = theme.palette.app.color;
-    const headerDyanmicWidth = header.column.getIsPinned()
-        ? header.getSize() - 8
-        : header.getSize();
-    const columnDef = header.column.columnDef;
-    const filterVariant = columnDef.filterVariant;
-    return ((0, jsx_runtime_1.jsx)("th", { style: {
-            backgroundColor: "#fafafb",
-            borderBottom: `1px solid ${iron[700]}`,
-            height: "40px",
-            left: header.column.getIsPinned() === "left"
-                ? `${header.column.getStart("left")}px`
-                : undefined,
-            maxWidth: headerDyanmicWidth,
-            minWidth: headerDyanmicWidth,
-            padding: "0px 8px 0px 8px",
-            position: header.column.getIsPinned() ? "sticky" : "relative",
-            right: header.column.getIsPinned() === "right"
-                ? `${header.column.getAfter("right")}px`
-                : undefined,
-            textAlign: "left",
-            width: headerDyanmicWidth,
-            zIndex: header.column.getIsPinned() ? 3 : 0,
-        }, children: filterVariant ? ((0, jsx_runtime_1.jsx)(GetRenderInputs_1.GetRenderInputs, { filterVariant: filterVariant, header: header, resetAllFilters: resetAllFilters })) : ("-") }));
-};
-exports.SearchFilterRow = SearchFilterRow;

package/packages/shared-components/dist/SmartGrid/Components/SmartAlignments.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SmartAlignments = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const iconoir_react_1 = require("iconoir-react");
-const react_hook_form_1 = require("react-hook-form");
-const SmartAlignments = ({ name, control, defaultValue, rules, disabled = false, }) => {
-    const { field: { value = defaultValue ?? "left", onChange }, } = (0, react_hook_form_1.useController)({
-        name,
-        control,
-        rules,
-    });
-    const alignments = [
-        {
-            value: "left",
-            icon: (0, jsx_runtime_1.jsx)(iconoir_react_1.AlignLeft, { width: 18, height: 18 }),
-            label: "Left",
-        },
-        {
-            value: "center",
-            icon: (0, jsx_runtime_1.jsx)(iconoir_react_1.AlignCenter, { width: 18, height: 18 }),
-            label: "Center",
-        },
-        {
-            value: "right",
-            icon: (0, jsx_runtime_1.jsx)(iconoir_react_1.AlignRight, { width: 18, height: 18 }),
-            label: "Right",
-        },
-    ];
-    return ((0, jsx_runtime_1.jsx)("div", { style: {
-            display: "inline-flex",
-            backgroundColor: " #FFFFFF",
-            borderRadius: "6px",
-            border: "1px solid #E1E3E5",
-        }, children: alignments.map(({ value: alignmentValue, icon }) => {
-            const Icon = icon;
-            const isSelected = value === alignmentValue;
-            return ((0, jsx_runtime_1.jsx)("button", { onClick: () => {
-                    if (!disabled) {
-                        onChange(alignmentValue);
-                    }
-                }, disabled: disabled, style: {
-                    padding: "4.5px 10px",
-                    backgroundColor: "transparent",
-                    border: "none",
-                    borderRadius: "4px",
-                    cursor: disabled ? "not-allowed" : "pointer",
-                    transition: "background-color 0.15s",
-                    color: disabled ? "rgb(0, 0, 0, 0.5)" : "rgb(0, 0, 0)",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    margin: "0px",
-                    opacity: disabled ? 0.5 : 1,
-                    ...(isSelected
-                        ? {
-                            backgroundColor: "rgb(229, 231, 231)",
-                        }
-                        : {}),
-                }, "aria-label": `Align ${alignmentValue}`, type: "button", children: Icon }, alignmentValue));
-        }) }));
-};
-exports.SmartAlignments = SmartAlignments;

package/packages/shared-components/dist/SmartGrid/Components/SmartButton.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SmartButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SmartButton = ({ children, style, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)("button", { ...props, style: {
-            flex: 1,
-            cursor: "pointer",
-            padding: "8px",
-            backgroundColor: "white",
-            color: "#333",
-            border: "1px solid #ddd",
-            borderRadius: "4px",
-            fontSize: "14px",
-            fontWeight: 500,
-            transition: "all 0.2s",
-            maxWidth: "80px",
-            ...style,
-        }, children: children }));
-};
-exports.SmartButton = SmartButton;

package/packages/shared-components/dist/SmartGrid/Components/SmartDialog.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SmartDialog = SmartDialog;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-function SmartDialog({ open, onClose, children, width = 420, actions, }) {
-    const dialogRef = (0, react_1.useRef)(null);
-    // Sync React state with native dialog
-    (0, react_1.useEffect)(() => {
-        const dialog = dialogRef.current;
-        if (!dialog) {
-            return;
-        }
-        if (open && !dialog.open) {
-            dialog.showModal();
-        }
-        if (!open && dialog.open) {
-            dialog.close();
-        }
-    }, [open]);
-    return (
-    // eslint-disable-next-line sonarjs/mouse-events-a11y
-    (0, jsx_runtime_1.jsx)("dialog", { ref: dialogRef, onCancel: (e) => {
-            e.preventDefault(); // prevent native auto-close
-            onClose();
-        }, onClick: (e) => {
-            if (e.target == dialogRef.current) {
-                onClose();
-            }
-        }, style: {
-            border: "none",
-            background: "transparent",
-            outline: "none",
-            width,
-            padding: 0,
-            borderRadius: 2,
-            backgroundColor: "white",
-            boxShadow: "0 0 10px 0 rgba(0, 0, 0, 0.1)",
-        }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                padding: 0,
-            }, children: [children, actions] }) }));
-}

package/packages/shared-components/dist/SmartGrid/Components/SmartSwitch.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SmartSwitch = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_hook_form_1 = require("react-hook-form");
-const SmartSwitch = ({ name, control, defaultValue, rules, label, }) => {
-    const { field: { value = false, onChange }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
-    const handleToggle = () => {
-        onChange(!value);
-    };
-    const containerStyle = {
-        display: "flex",
-        alignItems: "center",
-        gap: "12px",
-    };
-    const labelStyle = {
-        color: "#374151",
-        fontWeight: "500",
-    };
-    const buttonStyle = {
-        position: "relative",
-        width: "42px",
-        height: "20px",
-        background: "transparent",
-        border: "none",
-        cursor: "pointer",
-        outline: "none",
-        padding: "0",
-    };
-    const trackStyle = {
-        position: "absolute",
-        top: "0",
-        left: "0",
-        width: "100%",
-        height: "100%",
-        borderRadius: "11px",
-        backgroundColor: value ? "#38bdf8" : "#e5e7eb",
-        transition: "background-color 0.25s ease",
-    };
-    const circleStyle = {
-        position: "absolute",
-        top: "2px",
-        left: value ? "23px" : "3px",
-        width: "18px",
-        height: "16px",
-        borderRadius: "50%",
-        backgroundColor: "#ffffff",
-        transition: "left 0.25s ease",
-        boxShadow: "0 1px 2px rgba(0, 0, 0, 0.2)",
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: containerStyle, children: [label && (0, jsx_runtime_1.jsx)("span", { style: labelStyle, children: label }), (0, jsx_runtime_1.jsxs)("button", { onClick: handleToggle, style: buttonStyle, role: "switch", "aria-checked": value, type: "button", children: [(0, jsx_runtime_1.jsx)("span", { style: trackStyle }), (0, jsx_runtime_1.jsx)("span", { style: circleStyle })] })] }));
-};
-exports.SmartSwitch = SmartSwitch;

package/packages/shared-components/dist/SmartGrid/Components/Svgs/HideIcon.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HideIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const HideIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { fill: "#000000", width: "800px", height: "800px", viewBox: "0 0 36 36", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props, children: [(0, jsx_runtime_1.jsx)("title", { children: "eye-hide-line" }), (0, jsx_runtime_1.jsx)("path", { d: "M25.19,20.4A6.78,6.78,0,0,0,25.62,18a6.86,6.86,0,0,0-6.86-6.86,6.79,6.79,0,0,0-2.37.43L18,13.23a4.78,4.78,0,0,1,.74-.06A4.87,4.87,0,0,1,23.62,18a4.79,4.79,0,0,1-.06.74Z", className: "clr-i-outline clr-i-outline-path-1" }), (0, jsx_runtime_1.jsx)("path", { d: "M34.29,17.53c-3.37-6.23-9.28-10-15.82-10a16.82,16.82,0,0,0-5.24.85L14.84,10a14.78,14.78,0,0,1,3.63-.47c5.63,0,10.75,3.14,13.8,8.43a17.75,17.75,0,0,1-4.37,5.1l1.42,1.42a19.93,19.93,0,0,0,5-6l.26-.48Z", className: "clr-i-outline clr-i-outline-path-2" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.87,5.78l4.46,4.46a19.52,19.52,0,0,0-6.69,7.29L2.38,18l.26.48c3.37,6.23,9.28,10,15.82,10a16.93,16.93,0,0,0,7.37-1.69l5,5,1.75-1.5-26-26Zm9.75,9.75,6.65,6.65a4.81,4.81,0,0,1-2.5.72A4.87,4.87,0,0,1,13.9,18,4.81,4.81,0,0,1,14.62,15.53Zm-1.45-1.45a6.85,6.85,0,0,0,9.55,9.55l1.6,1.6a14.91,14.91,0,0,1-5.86,1.2c-5.63,0-10.75-3.14-13.8-8.43a17.29,17.29,0,0,1,6.12-6.3Z", className: "clr-i-outline clr-i-outline-path-3" }), (0, jsx_runtime_1.jsx)("rect", { x: 0, y: 0, width: 36, height: 36, fillOpacity: 0 })] }));
-exports.HideIcon = HideIcon;

package/packages/shared-components/dist/SmartGrid/Components/TableFooterComponent/TableFooterComponent.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableFooterComponent = TableFooterComponent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const FooterCell_1 = require("./components/FooterCell");
-function TableFooterComponent({ summary, table, }) {
-    const theme = (0, material_1.useTheme)();
-    const allColumns = table.getVisibleLeafColumns();
-    const leftPinnedColumns = allColumns.filter((col) => col.getIsPinned() === "left");
-    const centerColumns = allColumns.filter((col) => !col.getIsPinned());
-    const rightPinnedColumns = allColumns.filter((col) => col.getIsPinned() === "right");
-    const orderedColumns = [
-        ...leftPinnedColumns,
-        ...centerColumns,
-        ...rightPinnedColumns,
-    ];
-    return ((0, jsx_runtime_1.jsx)("tfoot", { style: {
-            background: theme.palette.background.paper,
-            bottom: 0,
-            position: "sticky",
-            zIndex: 2,
-        }, children: (0, jsx_runtime_1.jsx)("tr", { children: orderedColumns.map((col, index) => {
-                // Type assertion: columnDef may contain a generic accessorKey of type Path<T>
-                const accessorKey = col.columnDef
-                    ?.accessorKey;
-                const summaryValue = accessorKey !== undefined ? summary?.[accessorKey] : undefined;
-                return ((0, jsx_runtime_1.jsx)(FooterCell_1.FooterCell, { col: col, colIndex: index, orderedColumns: orderedColumns, summaryValue: summaryValue }, `footer-${col.id}`));
-            }) }) }));
-}

package/packages/shared-components/dist/SmartGrid/Components/TableFooterComponent/components/FooterCell.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FooterCell = FooterCell;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function FooterCell({ col, colIndex, orderedColumns, summaryValue, }) {
-    const theme = (0, material_1.useTheme)();
-    const { iron, slate } = theme.palette.app.color;
-    const isPinned = col.getIsPinned();
-    // Apply pinning styles (same logic as TableRowComponent)
-    const pinStyle = {};
-    if (isPinned === "left") {
-        const nextCol = orderedColumns[colIndex + 1];
-        const isLastLeft = !nextCol || nextCol.getIsPinned() !== "left";
-        pinStyle.position = "sticky";
-        pinStyle.left = col.getStart("left");
-        pinStyle.zIndex = 2;
-        pinStyle.background = slate[600];
-        if (isLastLeft) {
-            pinStyle.borderRight = `1px solid ${iron[700]}`;
-        }
-    }
-    if (isPinned === "right") {
-        const prevCol = orderedColumns[colIndex - 1];
-        const isFirstRight = !prevCol || prevCol.getIsPinned() !== "right";
-        pinStyle.position = "sticky";
-        pinStyle.right = col.getAfter("right");
-        pinStyle.zIndex = 2;
-        pinStyle.background = slate[600];
-        if (isFirstRight) {
-            pinStyle.borderLeft = `1px solid ${iron[700]}`;
-        }
-    }
-    return ((0, jsx_runtime_1.jsx)("td", { style: {
-            background: "#F8F9FA",
-            borderTop: `1px solid ${iron[700]}`,
-            fontWeight: 500,
-            padding: "8px",
-            ...pinStyle,
-            ...summaryValue?.style,
-        }, children: summaryValue?.value ?? null }, `footer-${col.id}`));
-}

package/packages/shared-components/dist/SmartGrid/Components/TableRowComponent.js

@@ -1,224 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableRowComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable sonarjs/function-return-type */
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const Button_1 = require("../../Button");
-const CellSelectionContext_1 = require("../context/CellSelectionContext");
-const useGetPinStyle_1 = require("../hooks/useGetPinStyle");
-const CellRenderer_1 = require("./CellRenderer");
-const TableRowComponent = ({ columnWidths, exportActions, exportData, grouping = [], index, isSummaryRow = false, row, rowHeight, summaryData, virtualRow, }) => {
-    const theme = (0, material_1.useTheme)();
-    const { butterflyBlue, iron, mirage, slate } = theme.palette.app.color;
-    const cellSelectionContext = (0, CellSelectionContext_1.useCellSelectionContext)();
-    const [isRowHovered, setIsRowHovered] = (0, react_1.useState)(false);
-    const [activePopupRowId, setActivePopupRowId] = (0, react_1.useState)(null);
-    const [popupPosition, setPopupPosition] = (0, react_1.useState)({ left: 0, top: 0 });
-    const trRef = (0, react_1.useRef)(null);
-    const popupRef = (0, react_1.useRef)(null);
-    const { enabled: cellSelectionEnabled, isCellSelected, isCopyFlashing, startCellSelection, updateCellSelection, } = cellSelectionContext;
-    const getPinStyle = (0, useGetPinStyle_1.useGetPinStyle)();
-    const isRowSelected = row.getIsSelected();
-    const getRowBackgroundColor = () => {
-        if (isSummaryRow) {
-            return slate[600];
-        }
-        if (isRowHovered && !isSummaryRow) {
-            return butterflyBlue[600];
-        }
-        if (isRowSelected) {
-            return butterflyBlue[600];
-        }
-        return iron[600];
-    };
-    // Handle right-click (context menu) to open popup
-    const handleContextMenu = (e) => {
-        if (isSummaryRow) {
-            return;
-        }
-        e.preventDefault();
-        const rect = trRef.current?.getBoundingClientRect();
-        if (rect) {
-            setPopupPosition({
-                left: e.clientX,
-                top: e.clientY,
-            });
-            setActivePopupRowId(row.id);
-        }
-    };
-    // Close popup when clicking outside is managed with useEffect and avoid dupilcate open
-    (0, react_1.useMemo)(() => {
-        const handleClickOutside = (e) => {
-            if (popupRef.current &&
-                !popupRef.current.contains(e.target) &&
-                trRef.current &&
-                !trRef.current.contains(e.target)) {
-                setActivePopupRowId(null);
-            }
-        };
-        if (activePopupRowId) {
-            document.addEventListener("mousedown", handleClickOutside);
-            return () => {
-                document.removeEventListener("mousedown", handleClickOutside);
-            };
-        }
-    }, [activePopupRowId]);
-    const isPopupOpen = activePopupRowId === row.id;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { ref: trRef, style: {
-                    backgroundColor: getRowBackgroundColor(),
-                    borderTop: `1px solid ${iron[700]}`,
-                    display: "flex",
-                    position: virtualRow ? "absolute" : "relative",
-                    transform: virtualRow
-                        ? `translateY(${virtualRow.start}px)`
-                        : undefined,
-                    width: "100%",
-                }, onMouseEnter: () => {
-                    if (!isSummaryRow) {
-                        setIsRowHovered(true);
-                    }
-                }, onMouseLeave: () => {
-                    if (!isSummaryRow) {
-                        setIsRowHovered(false);
-                    }
-                }, onContextMenu: handleContextMenu, children: (() => {
-                    const visibleCells = row.getVisibleCells();
-                    // Filter out grouping columns (except the group column) when grouping is enabled
-                    const cellsToRender = grouping.length > 0
-                        ? visibleCells.filter((cell) => {
-                            // Keep the group column
-                            if (cell.column.id === "grouped_by") {
-                                return true;
-                            }
-                            // Keep the grouped cell for grouped rows (this shows the expand/collapse and group label)
-                            if (cell.getIsGrouped()) {
-                                return true;
-                            }
-                            // Filter out grouping columns - check both if cell is grouped AND if column ID is in grouping array
-                            const columnId = cell.column.id;
-                            const accessorKey = cell.column.columnDef?.accessorKey;
-                            const isGroupingColumn = grouping.includes(columnId) ||
-                                (accessorKey && grouping.includes(accessorKey));
-                            return !isGroupingColumn;
-                        })
-                        : visibleCells;
-                    // Check if this is a grouped row (has grouping header)
-                    const isGroupedRow = row.getIsGrouped();
-                    // For grouped rows, render a single cell that spans all columns
-                    if (isGroupedRow && cellsToRender.length > 0) {
-                        const groupedCell = cellsToRender.find((c) => c.getIsGrouped());
-                        if (groupedCell) {
-                            return ((0, jsx_runtime_1.jsx)("td", { colSpan: cellsToRender.length, style: {
-                                    boxSizing: "border-box",
-                                    lineHeight: "21px",
-                                    overflow: "hidden",
-                                    padding: "0px 8px",
-                                    position: "relative",
-                                    textAlign: "left",
-                                    width: "100%",
-                                }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                                        alignItems: "center",
-                                        color: iron[400],
-                                        display: "flex",
-                                        fontFamily: "Poppins",
-                                        fontSize: "13px",
-                                        height: rowHeight,
-                                        justifyContent: "flex-start",
-                                    }, children: (0, jsx_runtime_1.jsx)(CellRenderer_1.CellRenderer, { cell: groupedCell, row: row, isSummaryRow: isSummaryRow, summaryData: summaryData, isGroupColumn: false }) }) }, groupedCell.id));
-                        }
-                    }
-                    return cellsToRender.map((cell, cellIndex, allCells) => {
-                        const width = columnWidths[cellIndex] ?? cell.column.getSize();
-                        const pinStyle = getPinStyle(cell, cellIndex, allCells);
-                        const isSelected = isCellSelected(row.id, cell.column.id);
-                        const handleMouseDown = (event) => {
-                            if (cellSelectionEnabled && !isSummaryRow) {
-                                const isShiftClick = event.shiftKey;
-                                startCellSelection(row.id, cell.column.id, isShiftClick);
-                            }
-                        };
-                        const handleMouseEnter = () => {
-                            if (cellSelectionEnabled && !isSummaryRow) {
-                                updateCellSelection(row.id, cell.column.id);
-                            }
-                        };
-                        // Apply copy flash animation when cell is selected and flash is active
-                        const cellBackgroundColor = isSelected && !isCopyFlashing ? butterflyBlue[600] : undefined;
-                        const cellAnimation = isSelected && isCopyFlashing
-                            ? "copyFlash 0.5s ease-in-out"
-                            : undefined;
-                        // Check if this cell is pinned
-                        const isPinned = cell.column.getIsPinned();
-                        const finalBackgroundColor = isPinned
-                            ? // eslint-disable-next-line sonarjs/no-nested-conditional
-                                isSelected && !isCopyFlashing
-                                    ? butterflyBlue[600]
-                                    : getRowBackgroundColor()
-                            : cellBackgroundColor;
-                        // Get alignment from column definition
-                        const columnDef = cell.column.columnDef;
-                        const textAlign = columnDef.align ?? "left";
-                        let justifyContent;
-                        if (textAlign === "right") {
-                            justifyContent = "flex-end";
-                        }
-                        else if (textAlign === "center") {
-                            justifyContent = "center";
-                        }
-                        else {
-                            justifyContent = "flex-start";
-                        }
-                        return ((0, jsx_runtime_1.jsx)("td", { onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, style: {
-                                animation: cellAnimation,
-                                backgroundColor: finalBackgroundColor,
-                                boxSizing: "border-box",
-                                cursor: cellSelectionEnabled ? "cell" : "default",
-                                lineHeight: "21px",
-                                maxWidth: width,
-                                minWidth: width,
-                                overflow: "hidden",
-                                padding: "0px 8px",
-                                position: "relative",
-                                textAlign,
-                                textOverflow: "ellipsis",
-                                textWrap: "nowrap",
-                                userSelect: cellSelectionEnabled ? "none" : "auto",
-                                width,
-                                ...pinStyle,
-                            }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                                    alignItems: "center",
-                                    color: iron[400],
-                                    display: "flex",
-                                    fontFamily: "Poppins",
-                                    fontSize: "13px",
-                                    fontWeight: isSummaryRow ? "500" : 400,
-                                    height: rowHeight,
-                                    justifyContent,
-                                    overflow: "hidden",
-                                    textOverflow: "ellipsis",
-                                }, children: (0, jsx_runtime_1.jsx)(CellRenderer_1.CellRenderer, { cell: cell, row: row, isSummaryRow: isSummaryRow, summaryData: summaryData, isGroupColumn: cell.column.id === "grouped_by" }) }) }, cell.id));
-                    });
-                })() }, `table-row-${index}${isSummaryRow ? "-summary" : ""}`), isPopupOpen && exportData && ((0, jsx_runtime_1.jsx)("div", { ref: popupRef, style: {
-                    backgroundColor: iron[600],
-                    borderRadius: "6px",
-                    boxShadow: `0 0 20px ${mirage[50]}`,
-                    display: "flex",
-                    flexDirection: "column",
-                    left: `${popupPosition.left}px`,
-                    minWidth: "120px",
-                    padding: "8px",
-                    position: "fixed",
-                    top: `${popupPosition.top}px`,
-                    width: "120px",
-                    zIndex: 99,
-                }, children: exportActions?.map((item) => {
-                    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: item.onClick, variant: "text", style: {
-                            borderBottom: `1px solid ${iron[700]}`,
-                            fontSize: "13px",
-                            padding: 0,
-                        }, disableRipple: true, children: item.label }, item.label));
-                }) }))] }));
-};
-exports.TableRowComponent = TableRowComponent;

package/packages/shared-components/dist/SmartGrid/Components/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./EditableFields"), exports);