@codezee/sixtify-brahma 0.2.193 → 0.2.194

package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTooltip.js

@@ -1,113 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SmartTooltip = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_dom_1 = require("react-dom");
-// Renders tooltip floating OUTSIDE AG GRID cell
-const TooltipBox = ({ wrapper, title, position }) => {
-    const theme = (0, material_1.useTheme)();
-    const { iron } = theme.palette.app.color;
-    const rect = wrapper.getBoundingClientRect();
-    const baseStyles = {
-        position: "absolute",
-        zIndex: 999999,
-        background: iron[200],
-        color: iron[600],
-        padding: "4px 8px",
-        borderRadius: 4,
-        fontSize: 12,
-        pointerEvents: "none",
-        whiteSpace: "nowrap",
-        transition: "opacity 0.2s ease, transform 0.2s ease",
-        opacity: 1,
-    };
-    const arrowSize = 6;
-    const arrowStyles = {
-        position: "absolute",
-        width: 0,
-        height: 0,
-        borderStyle: "solid",
-    };
-    switch (position) {
-        case "top":
-            baseStyles.top = rect.top - 28;
-            baseStyles.left = rect.left + rect.width / 2;
-            baseStyles.transform = "translateX(-50%)";
-            Object.assign(arrowStyles, {
-                borderWidth: `${arrowSize}px ${arrowSize}px 0 ${arrowSize}px`,
-                borderColor: `${iron[200]} transparent transparent transparent`,
-                bottom: -arrowSize,
-                left: "50%",
-                transform: "translateX(-50%)",
-            });
-            break;
-        case "bottom":
-            baseStyles.top = rect.bottom + 4;
-            baseStyles.left = rect.left + rect.width / 2;
-            baseStyles.transform = "translateX(-50%)";
-            Object.assign(arrowStyles, {
-                borderWidth: `0 ${arrowSize}px ${arrowSize}px ${arrowSize}px`,
-                borderColor: `transparent transparent ${iron[200]} transparent`,
-                top: -arrowSize,
-                left: "50%",
-                transform: "translateX(-50%)",
-            });
-            break;
-        case "left":
-            baseStyles.top = rect.top + rect.height / 2;
-            baseStyles.left = rect.left - 8;
-            baseStyles.transform = "translateY(-50%)";
-            Object.assign(arrowStyles, {
-                borderWidth: `${arrowSize}px 0 ${arrowSize}px ${arrowSize}px`,
-                borderColor: `transparent transparent transparent ${iron[200]}`,
-                right: -arrowSize,
-                top: "50%",
-                transform: "translateY(-50%)",
-            });
-            break;
-        case "right":
-            baseStyles.top = rect.top + rect.height / 2;
-            baseStyles.left = rect.right + 8;
-            baseStyles.transform = "translateY(-50%)";
-            Object.assign(arrowStyles, {
-                borderWidth: `${arrowSize}px ${arrowSize}px ${arrowSize}px 0`,
-                borderColor: `transparent ${iron[200]} transparent transparent`,
-                left: -arrowSize,
-                top: "50%",
-                transform: "translateY(-50%)",
-            });
-            break;
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { style: baseStyles, children: [title, (0, jsx_runtime_1.jsx)("div", { style: arrowStyles })] }));
-};
-const SmartTooltip = ({ children, title, position = "top", delay = 50, }) => {
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    const wrapperRef = (0, react_1.useRef)(null);
-    const timeoutRef = (0, react_1.useRef)(null);
-    const handleMouseEnter = () => {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-        }
-        timeoutRef.current = setTimeout(() => setVisible(true), delay);
-    };
-    const handleMouseLeave = () => {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-        }
-        setVisible(false);
-    };
-    (0, react_1.useEffect)(() => {
-        return () => {
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
-            }
-        };
-    }, []);
-    const tooltipContent = visible && title && wrapperRef.current
-        ? (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(TooltipBox, { wrapper: wrapperRef.current, title: title, position: position }), document.body)
-        : null;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: wrapperRef, style: { display: "inline-block", width: "100%" }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: children }), tooltipContent] }));
-};
-exports.SmartTooltip = SmartTooltip;

package/packages/shared-components/dist/SmartGrid/Components/EditableFields/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./SmartTextField";
-export * from "./SmartSelectField";
-export * from "./SmartTooltip";
-//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/EditableFields/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/EditableFields/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}

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

@@ -1,19 +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("./SmartTextField"), exports);
-__exportStar(require("./SmartSelectField"), exports);
-__exportStar(require("./SmartTooltip"), exports);

package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/GroupingIcons.d.ts

@@ -1,8 +0,0 @@
-type GroupingIconsProps = {
-    groupedIndex: number;
-    isGrouped: boolean;
-    loading: boolean;
-};
-export declare const GroupingIcons: ({ groupedIndex, isGrouped, loading, }: GroupingIconsProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=GroupingIcons.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/GroupingIcons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupingIcons.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/HeaderCells/GroupingIcons.tsx"],"names":[],"mappings":"AAKA,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,uCAI3B,kBAAkB,4CA6EpB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/GroupingIcons.js

@@ -1,41 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupingIcons = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const BlurOffRounded_1 = __importDefault(require("@mui/icons-material/BlurOffRounded"));
-const BlurOnRounded_1 = __importDefault(require("@mui/icons-material/BlurOnRounded"));
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const GroupingIcons = ({ groupedIndex, isGrouped, loading, }) => {
-    const theme = (0, material_1.useTheme)();
-    const { iron } = theme.palette.app.color;
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const clickBlockRef = (0, react_1.useRef)(false);
-    const handleClick = (el) => {
-        clickBlockRef.current = true;
-        setOpen(false);
-        el?.blur?.();
-        setTimeout(() => (clickBlockRef.current = false), 250);
-    };
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: isGrouped && !loading ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Ungroup", arrow: true, open: open, placement: "top-start", onOpen: () => {
-                if (!clickBlockRef.current) {
-                    setOpen(true);
-                }
-            }, onClose: () => setOpen(false), children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", onMouseEnter: () => {
-                    if (!clickBlockRef.current) {
-                        setOpen(true);
-                    }
-                }, onMouseLeave: () => setOpen(false), onClick: (e) => handleClick(e.currentTarget), children: [(0, jsx_runtime_1.jsx)(BlurOffRounded_1.default, {}), (0, jsx_runtime_1.jsxs)(material_1.Typography, { color: iron[400], variant: "caption", children: ["(", groupedIndex + 1, ")", " "] })] }) })) : ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Grouping", arrow: true, placement: "top-start", open: open, onOpen: () => {
-                if (!clickBlockRef.current) {
-                    setOpen(true);
-                }
-            }, onClose: () => setOpen(false), children: (0, jsx_runtime_1.jsx)(material_1.Box, { onMouseEnter: () => {
-                    if (!clickBlockRef.current) {
-                        setOpen(true);
-                    }
-                }, onMouseLeave: () => setOpen(false), onClick: (e) => handleClick(e.currentTarget), children: (0, jsx_runtime_1.jsx)(BlurOnRounded_1.default, {}) }) })) }));
-};
-exports.GroupingIcons = GroupingIcons;

package/packages/shared-components/dist/SmartGrid/Components/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./EditableFields";
-//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

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);

package/packages/shared-components/dist/SmartGrid/hooks/useProcessColumnsForGroupDisplay.d.ts

@@ -1,11 +0,0 @@
-import type { AppColumnDef } from "../types";
-type UseProcessColumnsForGroupDisplayProps<T> = {
-    columns: Array<AppColumnDef<T>>;
-    grouping?: string[];
-};
-export declare const useProcessColumnsForGroupDisplay: <T>({ columns, grouping, }: UseProcessColumnsForGroupDisplayProps<T>) => {
-    processedColumns: AppColumnDef<T>[];
-    groupingColumns: string[];
-};
-export {};
-//# sourceMappingURL=useProcessColumnsForGroupDisplay.d.ts.map

package/packages/shared-components/dist/SmartGrid/hooks/useProcessColumnsForGroupDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useProcessColumnsForGroupDisplay.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useProcessColumnsForGroupDisplay.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,qCAAqC,CAAC,CAAC,IAAI;IAC9C,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAAI,CAAC,EAAE,wBAGjD,qCAAqC,CAAC,CAAC,CAAC;;;CA2B1C,CAAC"}

package/packages/shared-components/dist/SmartGrid/hooks/useProcessColumnsForGroupDisplay.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useProcessColumnsForGroupDisplay = void 0;
-const react_1 = require("react");
-const useProcessColumnsForGroupDisplay = ({ columns, grouping = [], }) => {
-    const processedColumns = (0, react_1.useMemo)(() => {
-        // If no grouping, return columns as-is
-        if (grouping.length === 0) {
-            return columns;
-        }
-        // Create a single group column
-        const groupColumn = {
-            id: "grouped_by",
-            header: "Grouped By",
-            size: 250,
-            minSize: 200,
-            maxSize: 400,
-            enableGrouping: false,
-            enableSorting: false,
-            enableColumnFilter: false,
-            pinned: "left",
-            cell: () => null, // Will be handled by CellRenderer
-        };
-        // Keep all columns (including grouping columns) for table functionality
-        // But add the group column at the start for display
-        return [groupColumn, ...columns];
-    }, [columns, grouping]);
-    return { processedColumns, groupingColumns: grouping };
-};
-exports.useProcessColumnsForGroupDisplay = useProcessColumnsForGroupDisplay;