@codezee/sixtify-brahma 0.2.207 → 0.2.209

package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerDialog.js

@@ -1,117 +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.ColumnArrangerDialog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const iconoir_react_1 = require("iconoir-react");
-const fromPairs_1 = __importDefault(require("lodash/fromPairs"));
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const DebouncedInput_1 = require("../SearchFilterRow/DebouncedInput");
-const SmartButton_1 = require("../SmartButton");
-const SmartDialog_1 = require("../SmartDialog");
-const SmartSwitch_1 = require("../SmartSwitch");
-const ColumnArrangerForm_1 = require("./ColumnArrangerForm");
-const useRefinedColumns_1 = require("./hooks/useRefinedColumns");
-const ColumnArrangerDialog = ({ open, onClose, title = "Column Chooser", columns = [], grouping = [], onSave, }) => {
-    const theme = (0, material_1.useTheme)();
-    const reFinedColumn = (0, useRefinedColumns_1.useRefinedColumns)({ columns });
-    const { butterflyBlue, iron } = theme.palette.app.color;
-    const [searchTerm, setSearchTerm] = (0, react_1.useState)("");
-    const { control } = (0, react_hook_form_1.useForm)({
-        defaultValues: {
-            column_list: false, // OFF = show all
-        },
-    });
-    // Watch the column_list switch value
-    const columnListFilter = (0, react_hook_form_1.useWatch)({
-        control,
-        name: "column_list",
-        defaultValue: false,
-    });
-    // Clear search term when dialog closes
-    (0, react_1.useEffect)(() => {
-        if (!open) {
-            setSearchTerm("");
-        }
-    }, [open]);
-    return ((0, jsx_runtime_1.jsx)(ColumnArrangerForm_1.ColumnArrangerForm, { columns: reFinedColumn, filterVisibleOnly: columnListFilter, searchTerm: searchTerm, grouping: grouping, children: ({ columnList, reset, getValues }) => ((0, jsx_runtime_1.jsx)(SmartDialog_1.SmartDialog, { open: open, onClose: () => {
-                setSearchTerm("");
-                reset();
-                onClose();
-            }, width: 450, actions: (0, jsx_runtime_1.jsxs)("div", { style: {
-                    display: "flex",
-                    justifyContent: "space-between",
-                    padding: "10px 24px",
-                    borderTop: `1px solid ${iron[300]}`,
-                    gap: 2,
-                }, children: [(0, jsx_runtime_1.jsx)(SmartButton_1.SmartButton, { onClick: () => {
-                            reset();
-                            setSearchTerm("");
-                        }, onMouseEnter: (e) => {
-                            e.currentTarget.style.backgroundColor = "#f5f5f5";
-                        }, onMouseLeave: (e) => {
-                            e.currentTarget.style.backgroundColor = "white";
-                        }, children: "Reset" }), (0, jsx_runtime_1.jsx)(SmartButton_1.SmartButton, { onClick: () => {
-                            const values = getValues();
-                            setSearchTerm("");
-                            const result = (0, fromPairs_1.default)(values.columns.map((col) => {
-                                return [
-                                    col.accessorKey,
-                                    {
-                                        hide: col.hide,
-                                        align: col.align ?? "left",
-                                        header: col.header,
-                                    },
-                                ];
-                            }));
-                            onSave(result);
-                            onClose();
-                        }, onMouseEnter: (e) => {
-                            e.currentTarget.style.opacity = "0.9";
-                        }, onMouseLeave: (e) => {
-                            e.currentTarget.style.opacity = "1";
-                        }, style: {
-                            backgroundColor: butterflyBlue[900],
-                            color: "white",
-                        }, children: "Save" })] }), children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                            display: "flex",
-                            flexDirection: "row",
-                            alignItems: "center",
-                            justifyContent: "space-between",
-                            padding: "5px 24px",
-                            borderBottom: `1px solid ${iron[300]}`,
-                        }, children: [(0, jsx_runtime_1.jsx)("p", { style: {
-                                    fontWeight: 500,
-                                    fontSize: "18px",
-                                    color: iron[900],
-                                    lineHeight: "1px",
-                                }, children: title }), (0, jsx_runtime_1.jsx)(iconoir_react_1.Xmark, { width: 20, height: 20, strokeWidth: 2, onClick: () => {
-                                    setSearchTerm("");
-                                    onClose();
-                                    reset();
-                                }, style: {
-                                    border: `1px solid ${iron[700]}`,
-                                    borderRadius: "5px",
-                                    color: iron[900],
-                                } })] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                            padding: "8px 24px",
-                            display: "flex",
-                            flexDirection: "column",
-                            gap: "12px",
-                        }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                                display: "flex",
-                                flexDirection: "row",
-                                alignItems: "center",
-                                justifyContent: "space-between",
-                            }, children: [(0, jsx_runtime_1.jsx)(DebouncedInput_1.DebouncedInput, { value: searchTerm, onChange: (value) => setSearchTerm(value), placeholder: "Search by label...", debounce: 300, inputFontSize: "13px", inputHeight: "14px", style: { width: "80%" } }, open ? "dialog-open" : "dialog-closed"), (0, jsx_runtime_1.jsx)(SmartSwitch_1.SmartSwitch, { name: "column_list", control: control })] }) }), (0, jsx_runtime_1.jsx)("div", { style: {
-                            maxHeight: "600px",
-                            minHeight: "500px",
-                            overflowY: "auto",
-                            outline: "none",
-                        }, children: columnList })] }) })) }));
-};
-exports.ColumnArrangerDialog = ColumnArrangerDialog;

package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerForm.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnArrangerForm = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const ColumnArranger_1 = require("./ColumnArranger");
-const ColumnArrangerForm = ({ columns, filterVisibleOnly = false, searchTerm = "", children, grouping, }) => {
-    const lockedColumns = (0, react_1.useMemo)(() => columns.filter((col) => !("hide" in col)), [columns]);
-    const unlockedColumns = (0, react_1.useMemo)(() => columns
-        .filter((col) => "hide" in col)
-        .map((col) => ({
-        ...col,
-        hide: !col.hide,
-        align: col.align ?? "left",
-    })), [columns]);
-    const { control, reset, getValues, setValue } = (0, react_hook_form_1.useForm)({
-        defaultValues: {
-            columns: unlockedColumns,
-        },
-    });
-    const wrappedReset = (values) => {
-        reset({
-            columns: values
-                ? // eslint-disable-next-line sonarjs/no-nested-conditional
-                    Array.isArray(values)
-                        ? values
-                        : [values]
-                : unlockedColumns,
-        });
-    };
-    const { fields } = (0, react_hook_form_1.useFieldArray)({
-        name: "columns",
-        control,
-    });
-    // Update form values when unlockedColumns changes (e.g., when grouping changes)
-    // Use reset to fully update the form and trigger field array re-render
-    (0, react_1.useEffect)(() => {
-        reset({ columns: unlockedColumns }, { keepDefaultValues: false });
-    }, [unlockedColumns, reset]);
-    return children({
-        reset: wrappedReset,
-        getValues,
-        columnList: ((0, jsx_runtime_1.jsx)(ColumnArranger_1.ColumnArranger, { fields: fields, lockedColumns: lockedColumns, control: control, setValue: setValue, filterVisibleOnly: filterVisibleOnly, searchTerm: searchTerm, grouping: grouping })),
-    });
-};
-exports.ColumnArrangerForm = ColumnArrangerForm;

package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnItem.js

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnItem = ColumnItem;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("@mui/material/styles");
-const iconoir_react_1 = require("iconoir-react");
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const DebouncedInput_1 = require("../SearchFilterRow/DebouncedInput");
-const SmartAlignments_1 = require("../SmartAlignments");
-const SmartSwitch_1 = require("../SmartSwitch");
-function ColumnItem({ field, control, index, setValue, }) {
-    const theme = (0, styles_1.useTheme)();
-    const { iron } = theme.palette.app.color;
-    // State for editing mode
-    const [isEditing, setIsEditing] = (0, react_1.useState)(false);
-    const [editedHeaderName, setEditedHeaderName] = (0, react_1.useState)("");
-    const [previousHeaderName, setPreviousHeaderName] = (0, react_1.useState)("");
-    const inputContainerRef = (0, react_1.useRef)(null);
-    // Watch the actual form value for the header to get real-time updates
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const watchedHeader = (0, react_hook_form_1.useWatch)({
-        control,
-        name: `columns.${index}.header`,
-    });
-    // Watch the hide value to determine if Edit and Align should be disabled
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const watchedHide = (0, react_hook_form_1.useWatch)({
-        control,
-        name: `columns.${index}.hide`,
-    });
-    // Column is hidden when hide is true, so Edit and Align should be disabled
-    const isColumnHidden = Boolean(!watchedHide);
-    // Get current header name as string - use watched value if available, otherwise fallback to field
-    const currentHeaderName = typeof watchedHeader === "string"
-        ? watchedHeader
-        : // eslint-disable-next-line sonarjs/no-nested-conditional
-            typeof field.header === "string"
-                ? field.header
-                : (field.header?.toString() ?? "");
-    // Initialize edited header name when entering edit mode
-    (0, react_1.useEffect)(() => {
-        if (isEditing) {
-            const headerName = currentHeaderName;
-            setEditedHeaderName(headerName);
-            setPreviousHeaderName(headerName);
-            // Focus input after a brief delay to ensure it's rendered
-            setTimeout(() => {
-                const input = inputContainerRef.current?.querySelector("input");
-                if (input) {
-                    input.focus();
-                    input.select();
-                }
-            }, 0);
-        }
-    }, [isEditing, currentHeaderName]);
-    // Exit edit mode if column becomes hidden
-    (0, react_1.useEffect)(() => {
-        if (isColumnHidden && isEditing) {
-            setIsEditing(false);
-            setEditedHeaderName(previousHeaderName);
-        }
-    }, [isColumnHidden, isEditing, previousHeaderName]);
-    const handleEditAction = (e) => {
-        e.stopPropagation();
-        // Prevent editing if column is hidden
-        if (isColumnHidden) {
-            return;
-        }
-        setIsEditing(true);
-    };
-    const handleSave = (value) => {
-        const trimmedValue = value.trim();
-        // If empty, revert to previous value
-        if (trimmedValue === "") {
-            setEditedHeaderName(previousHeaderName);
-            setIsEditing(false);
-            return;
-        }
-        // Update the header in the form using setValue
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        setValue(`columns.${index}.header`, trimmedValue, {
-            shouldValidate: true,
-            shouldDirty: true,
-        });
-        setPreviousHeaderName(trimmedValue);
-        setIsEditing(false);
-    };
-    const handleKeyDown = (e) => {
-        if (e.key === "Enter") {
-            e.preventDefault();
-            e.stopPropagation();
-            handleSave(editedHeaderName);
-        }
-        else if (e.key === "Escape") {
-            e.preventDefault();
-            e.stopPropagation();
-            setEditedHeaderName(previousHeaderName);
-            setIsEditing(false);
-        }
-    };
-    const handleBlur = () => {
-        handleSave(editedHeaderName);
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { style: { padding: "0px 20px", border: `1px solid ${iron[700]}` }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                display: "flex",
-                flexDirection: "row",
-                alignItems: "center",
-                justifyContent: "space-between",
-                height: "45px",
-            }, children: [isEditing ? ((0, jsx_runtime_1.jsx)("div", { ref: inputContainerRef, style: { flex: 1, minWidth: 0 }, children: (0, jsx_runtime_1.jsx)(DebouncedInput_1.DebouncedInput, { value: editedHeaderName, onChange: (value) => setEditedHeaderName(value), onKeyDown: handleKeyDown, onBlur: handleBlur, debounce: 0, inputFontSize: "12px", inputHeight: "14px", style: { width: "200px" }, onClick: (e) => e.stopPropagation(), onMouseDown: (e) => e.stopPropagation(), placeholder: "Enter header name" }) })) : ((0, jsx_runtime_1.jsx)("p", { style: {
-                        fontSize: "13px",
-                        fontWeight: 500,
-                        cursor: "pointer",
-                    }, onDoubleClick: handleEditAction, children: currentHeaderName })), (0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", gap: "10px", alignItems: "center" }, children: [!isEditing && ((0, jsx_runtime_1.jsx)(iconoir_react_1.EditPencil, { width: 18, height: 18, onClick: handleEditAction, style: {
-                                border: `1px solid ${iron[700]}`,
-                                borderRadius: "4px",
-                                padding: "4px",
-                                cursor: isColumnHidden ? "not-allowed" : "pointer",
-                                opacity: isColumnHidden ? 0.5 : 1,
-                            } })), (0, jsx_runtime_1.jsx)(SmartAlignments_1.SmartAlignments, { control: control, name: `columns.${index}.align`, defaultValue: field.align ?? "left", disabled: isColumnHidden }), (0, jsx_runtime_1.jsx)(SmartSwitch_1.SmartSwitch, { control: control, name: `columns.${index}.hide` })] })] }) }));
-}

package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/LockedColumnItem.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LockedColumnItem = LockedColumnItem;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const iconoir_react_1 = require("iconoir-react");
-function LockedColumnItem({ column, }) {
-    const theme = (0, material_1.useTheme)();
-    const { iron } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)("div", { style: { padding: "0px 20px", border: `1px solid ${iron[700]}` }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                display: "flex",
-                flexDirection: "row",
-                alignItems: "center",
-                justifyContent: "space-between",
-                height: "38px",
-            }, children: [(0, jsx_runtime_1.jsx)("p", { style: { fontSize: "14px" }, children: column.header?.toString() }), (0, jsx_runtime_1.jsx)(iconoir_react_1.Lock, { color: iron[800] })] }) }));
-}

package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/hooks/useRefinedColumns.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRefinedColumns = void 0;
-const react_1 = require("react");
-const useRefinedColumns = ({ columns }) => {
-    return (0, react_1.useMemo)(() => {
-        return columns
-            .filter((col) => !!col.accessorKey)
-            .map(({ accessorKey, hide, header, align }) => {
-            const result = {
-                accessorKey: accessorKey ?? "",
-                header: header,
-            };
-            if (hide !== undefined) {
-                result.hide = hide;
-            }
-            if (align !== undefined) {
-                result.align = align;
-            }
-            return result;
-        });
-    }, [columns]);
-};
-exports.useRefinedColumns = useRefinedColumns;

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

@@ -1,16 +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.MemoizedDataNotFound = exports.DataNotFound = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const DataNotFound = ({ message = "No data found", }) => {
-    const theme = (0, material_1.useTheme)();
-    const { slate } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { alignItems: "center", justifyContent: "center", position: "absolute", top: 0, left: 0, width: "100%", height: "100%", sx: { background: "transparent", pointerEvents: "none" }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle1", color: slate[500], textAlign: "center", children: message }) }));
-};
-exports.DataNotFound = DataNotFound;
-exports.MemoizedDataNotFound = react_1.default.memo(exports.DataNotFound);

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

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SmartSelectField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const SmartTooltip_1 = require("./SmartTooltip");
-const SmartSelectFieldComponent = (0, react_1.forwardRef)(({ errorMessage, options, ...rest }, ref) => {
-    const theme = (0, material_1.useTheme)();
-    const { butterflyBlue, lipstickRed, iron } = theme.palette.app.color;
-    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
-    const getBorderColor = () => {
-        if (errorMessage && !isFocused) {
-            return lipstickRed[900];
-        }
-        if (isFocused) {
-            return butterflyBlue[900];
-        }
-        return iron[800];
-    };
-    return ((0, jsx_runtime_1.jsx)(SmartTooltip_1.SmartTooltip, { title: errorMessage ?? "", position: "top", delay: 50, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                display: "flex",
-                flexDirection: "column",
-                gap: "4px",
-                width: "100%",
-            }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                    display: "flex",
-                    alignItems: "center",
-                    border: `2px solid ${getBorderColor()}`,
-                    borderRadius: "4px",
-                    padding: "4px 8px",
-                    background: "white",
-                    minHeight: "20px",
-                }, children: (0, jsx_runtime_1.jsx)("select", { ref: ref, ...rest, style: {
-                        width: "100%",
-                        border: "none",
-                        background: "transparent",
-                        padding: "0",
-                        fontSize: "13px",
-                        outline: "none",
-                        cursor: "pointer",
-                    }, onClick: (e) => e.stopPropagation(), onFocus: (e) => {
-                        e.stopPropagation();
-                        setIsFocused(true);
-                    }, onBlur: (e) => {
-                        e.stopPropagation();
-                        setIsFocused(false);
-                    }, children: options.length === 0 ? ((0, jsx_runtime_1.jsx)("option", { value: "", disabled: true, children: "No Options" })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: "Select Option" }), options.map((option) => ((0, jsx_runtime_1.jsx)("option", { value: String(option.value), children: option.label }, option.value)))] })) }) }) }) }));
-});
-SmartSelectFieldComponent.displayName = "SmartSelectFieldComponent";
-exports.SmartSelectField = (0, react_1.memo)(SmartSelectFieldComponent, (prevProps, nextProps) => {
-    return (prevProps.name === nextProps.name &&
-        prevProps.value === nextProps.value &&
-        prevProps.disabled === nextProps.disabled &&
-        prevProps.options === nextProps.options &&
-        prevProps.errorMessage === nextProps.errorMessage);
-});
-exports.SmartSelectField.displayName = "SmartSelectField";

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

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SmartTextField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const SmartTooltip_1 = require("./SmartTooltip");
-const SmartTextFieldComponent = (0, react_1.forwardRef)(({ errorMessage, ...rest }, ref) => {
-    const theme = (0, material_1.useTheme)();
-    const { butterflyBlue, lipstickRed, iron } = theme.palette.app.color;
-    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
-    const getBorderColor = () => {
-        if (errorMessage && !isFocused) {
-            return lipstickRed[900];
-        }
-        if (isFocused) {
-            return butterflyBlue[900];
-        }
-        return iron[800];
-    };
-    return ((0, jsx_runtime_1.jsx)(SmartTooltip_1.SmartTooltip, { title: errorMessage ?? "", position: "top", delay: 50, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                display: "flex",
-                flexDirection: "column",
-                gap: "4px",
-                width: "100%",
-            }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                    display: "flex",
-                    alignItems: "center",
-                    border: `2px solid ${getBorderColor()}`,
-                    borderRadius: "4px",
-                    padding: "4px 8px",
-                    background: "white",
-                    minHeight: "20px",
-                }, children: (0, jsx_runtime_1.jsx)("input", { ref: ref, ...rest, style: {
-                        width: "100%",
-                        border: "none",
-                        background: "transparent",
-                        padding: "0",
-                        fontSize: "13px",
-                        outline: "none",
-                    }, onClick: (e) => e.stopPropagation(), onFocus: (e) => {
-                        e.stopPropagation();
-                        setIsFocused(true);
-                    }, onBlur: (e) => {
-                        e.stopPropagation();
-                        setIsFocused(false);
-                    } }) }) }) }));
-});
-SmartTextFieldComponent.displayName = "SmartTextFieldComponent";
-// Memoize with custom comparison to prevent unnecessary re-renders
-exports.SmartTextField = (0, react_1.memo)(SmartTextFieldComponent, (prevProps, nextProps) => {
-    // Only re-render if these specific props change
-    return (prevProps.name === nextProps.name &&
-        prevProps.value === nextProps.value &&
-        prevProps.disabled === nextProps.disabled &&
-        prevProps.type === nextProps.type &&
-        prevProps.errorMessage === nextProps.errorMessage);
-});
-exports.SmartTextField.displayName = "SmartTextField";

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