impact-ui 4.0.17-alpha.2 → 5.0.0

package/dist/components/TableOld/tableFunctions.js

@@ -1,1321 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { forwardRef, useState, useRef, useEffect, useCallback, useMemo } from "react";
-import { useSensors, useSensor, MouseSensor, TouchSensor, DndContext, closestCenter } from "@dnd-kit/core";
-import { SortableContext, arrayMove, useSortable } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { PersonUser as PersonUser_default, Globe as Globe_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
-import default_1$1 from "../../node_modules/@mui/icons-material/KeyboardArrowDown.js";
-import default_1$3 from "../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
-import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowUp.js";
-import default_1$2 from "../../node_modules/@mui/icons-material/Search.js";
-import { getAssetUrl } from "../../utils/assetBase.js";
-import { debounce } from "../../utils/debounce.js";
-import { isViewNameUnique } from "../../utils/helper.js";
-import { Badge } from "../Badge/index.js";
-import { Button } from "../Button/index.js";
-import { Checkbox } from "../Checkbox/index.js";
-import { Input } from "../Input/index.js";
-import { Modal } from "../Modal/index.js";
-import { Prompt } from "../Prompt/index.js";
-import { RadioButtonGroup } from "../RadioButtonGroup/index.js";
-import { Select } from "../Select/index.js";
-import { useTranslation } from "../../i18n/useTranslation.js";
-import IconButton from "../../node_modules/@mui/material/IconButton/IconButton.js";
-import DragIndicator from "../../node_modules/@mui/icons-material/esm/DragIndicator.js";
-const saveViewIcon = getAssetUrl("icons/saveViewIcon.svg");
-const saveViewEditIcon = getAssetUrl("icons/saveViewEditIcon.svg");
-const saveViewDeleteIcon = getAssetUrl("icons/saveViewDeleteIcon.svg");
-const defaultViewIcon = getAssetUrl("icons/defaultViewIcon.svg");
-const defaultViewActiveIcon = getAssetUrl("icons/defaultViewIconActive.svg");
-const DEFAULT_VIEW_TYPE_ICONS = {
-  global: /* @__PURE__ */ jsx(Globe_default, { height: 16, width: 16 }),
-  personal: /* @__PURE__ */ jsx(PersonUser_default, { height: 16, width: 16 })
-};
-const getViewTypeIcon = (viewType, viewTypeOptions) => {
-  var _a;
-  const customIcon = (_a = viewTypeOptions == null ? void 0 : viewTypeOptions.find((option) => option.value === viewType)) == null ? void 0 : _a.icon;
-  return customIcon || DEFAULT_VIEW_TYPE_ICONS[viewType] || null;
-};
-const onColMenuFreezeClick = (params) => {
-  const { pinned } = params.column;
-  if (pinned) {
-    freezeColumn(params, false);
-  } else {
-    freezeColumn(params, true);
-  }
-};
-const freezeColumn = (params, isPinned) => {
-  const { colId } = params.column;
-  params.columnApi.applyColumnState({
-    state: [{ colId, pinned: isPinned ? "left" : null }]
-  });
-};
-const onColMenuAutoAdjustClick = (params) => {
-  const colDefExtra = { ...params.column.colDef.extra };
-  params.column.colDef.extra = colDefExtra;
-  params.columnApi.autoSizeColumn(params.column);
-};
-const sortFunc = (columnData, sortBy, api) => {
-  api.columnApi.applyColumnState({
-    state: [{ colId: columnData.colId, sort: sortBy }],
-    defaultState: { sort: null }
-  });
-};
-const getMainMenuItems = (params) => {
-  var _a, _b, _c, _d;
-  const t = ((_a = params == null ? void 0 : params.context) == null ? void 0 : _a.t) || ((k) => k);
-  const { onFontSizeChange, onNumberFormatChange } = params;
-  const { colDef, pinned, sort, actualWidth } = params.column;
-  const columnMenuItems = [];
-  columnMenuItems.push(
-    {
-      name: t("table.menu.columnSettings"),
-      cssClasses: ["settings-main-container"]
-    },
-    "separator"
-  );
-  columnMenuItems.push({
-    name: t("table.menu.sort"),
-    subMenu: [
-      {
-        name: t("table.menu.sortAsc"),
-        action: () => {
-          sortFunc(params.column, "asc", params);
-        },
-        checked: sort === "asc"
-      },
-      {
-        name: t("table.menu.sortDesc"),
-        checked: sort === "desc",
-        action: () => {
-          sortFunc(params.column, "desc", params);
-        }
-      },
-      {
-        name: t("table.menu.reset"),
-        action: () => {
-          sortFunc(params.column, null, params);
-        }
-      }
-    ],
-    disabled: false
-  });
-  columnMenuItems.push({
-    name: pinned ? t("table.menu.unfreezeColumn") : t("table.menu.freezeColumn"),
-    action: () => {
-      onColMenuFreezeClick(params);
-    }
-  });
-  columnMenuItems.push({
-    name: t("table.menu.columnWidth"),
-    subMenu: [
-      {
-        name: t("table.menu.autoAdjust"),
-        action: () => {
-          onColMenuAutoAdjustClick(params);
-        },
-        // if extra.width property is not present- column is auto adjusted
-        checked: actualWidth !== ((_b = colDef == null ? void 0 : colDef.extra) == null ? void 0 : _b.width)
-      },
-      {
-        name: t("table.menu.customWidth"),
-        action: () => {
-          var _a2;
-          params.columnApi.setColumnWidth(params.column.colDef, (_a2 = colDef == null ? void 0 : colDef.extra) == null ? void 0 : _a2.width);
-        },
-        // if extra.width property is present- column has custom width
-        checked: ((_c = colDef == null ? void 0 : colDef.extra) == null ? void 0 : _c.width) === actualWidth,
-        disabled: !((_d = colDef == null ? void 0 : colDef.extra) == null ? void 0 : _d.width)
-      }
-    ]
-  });
-  columnMenuItems.push({
-    name: t("table.menu.wrapText"),
-    disabled: true
-  });
-  columnMenuItems.push(
-    {
-      name: t("table.menu.format"),
-      cssClasses: ["format-main-container"]
-    },
-    "separator"
-  );
-  columnMenuItems.push({
-    name: t("table.menu.numericValues"),
-    subMenu: [
-      {
-        name: t("table.menu.fullNumber"),
-        action: () => onNumberFormatChange("full")
-      },
-      {
-        name: t("table.menu.inK"),
-        action: () => onNumberFormatChange("thousand")
-      },
-      {
-        name: t("table.menu.inMn"),
-        action: () => onNumberFormatChange("million")
-      },
-      {
-        name: t("table.menu.inBn"),
-        action: () => onNumberFormatChange("billion")
-      }
-    ],
-    disabled: !onNumberFormatChange
-  });
-  columnMenuItems.push({
-    name: t("table.menu.fontSize"),
-    subMenu: [
-      {
-        name: t("table.menu.smallFont"),
-        action: () => onFontSizeChange("small")
-      },
-      {
-        name: t("table.menu.mediumFont"),
-        action: () => onFontSizeChange("medium")
-      },
-      {
-        name: t("table.menu.largeFont"),
-        action: () => onFontSizeChange("large")
-      }
-    ],
-    disabled: !onFontSizeChange
-  });
-  return columnMenuItems;
-};
-const filterColumnsByText = (columns, searchText) => {
-  if (!searchText) return columns;
-  return columns.map((column) => {
-    var _a;
-    const matches = (_a = column.headerName) == null ? void 0 : _a.toLowerCase().includes(searchText);
-    if (matches) {
-      return {
-        ...column,
-        isVisible: column.isVisible
-      };
-    }
-    const filteredChildren = column.children ? filterColumnsByText(column.children, searchText) : null;
-    if ((filteredChildren == null ? void 0 : filteredChildren.length) > 0) {
-      return {
-        ...column,
-        children: filteredChildren,
-        isVisible: column.isVisible
-      };
-    }
-    return null;
-  }).filter(Boolean);
-};
-const isColumnTreeVisible = (columns) => columns.some(
-  (column) => {
-    var _a;
-    return ((_a = column.children) == null ? void 0 : _a.length) > 0 ? isColumnTreeVisible(column.children) : column.isVisible;
-  }
-);
-const SortableColumnItem = ({ column, level, renderFn, dragIconClass, onToggle, ...props }) => {
-  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
-    id: column.colId
-  });
-  const style = {
-    transform: CSS.Transform.toString(transform),
-    transition,
-    opacity: isDragging ? 0.5 : 1,
-    // background: isDragging ? '#f0f0f0' : undefined,
-    zIndex: isDragging ? 100 : void 0
-  };
-  return /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, children: renderFn({
-    column,
-    level,
-    dragProps: { ...attributes, ...listeners },
-    dragIconClass,
-    onToggle
-  }) });
-};
-const Columns = forwardRef((props, ref) => {
-  var _a, _b, _c, _d, _e, _f;
-  const { t } = useTranslation();
-  const [searchText, setSearchText] = useState("");
-  const [collapsedScrollable, setCollapsedScrollable] = useState(false);
-  const [collapsedColumn, setCollapsedcolumn] = useState(false);
-  const [frozenColumn, setFrozenColumn] = useState([]);
-  const [scrollableColumn, setScrollableColumn] = useState([]);
-  const [filteredFrozenColumns, setFilteredFrozenColumns] = useState([]);
-  const [filteredScrollableColumns, setFilteredScrollableColumns] = useState([]);
-  const [allColumnVisibility, setAllColumnvisisbility] = useState(true);
-  const [mainChecked, setMainChecked] = useState(true);
-  const [collapsedScrollColumns, setCollapsedScrollColumns] = useState({});
-  const [collapsedFrozenColumns, setCollapsedFrozenColumns] = useState({});
-  const [openSaveViewModal, setOpenSaveViewModal] = useState(false);
-  const [isDefaultView, setIsDefaultView] = useState(false);
-  const [selectedViewType, setSelectedViewType] = useState(
-    (_a = props.saveViewCustomFilter) == null ? void 0 : _a.selectedOption
-  );
-  const [savedViewsOptions, setSavedViewsOptions] = useState(props.savedViewsOptions || []);
-  const [filteredSavedViewsOptions, setFilteredSavedViewsOptions] = useState(
-    props.savedViewsOptions || []
-  );
-  const [currentSaveViewOptions, setCurrentSaveViewOptions] = useState([]);
-  const [selectedSavedView, setSelectedSavedView] = useState(null);
-  const [inputValue, setInputValue] = useState("");
-  const [isOpen, setIsOpen] = useState(false);
-  const [openSaveViewMenu, setOpenSaveViewMenu] = useState(false);
-  const [selectedBadge, setSelectedBadge] = useState("All");
-  const [isEditView, setIsEditView] = useState(false);
-  const [editedView, setEditedView] = useState(null);
-  const [saveViewSearchText, setSaveViewSearchText] = useState("");
-  const [openDeletePrompt, setOpenDeletePrompt] = useState(false);
-  const [deleteView, setDeleteView] = useState(null);
-  const [selectedView, setSelectedView] = useState(null);
-  const isColumnPinnedRef = useRef(false);
-  const searchTextRef = useRef("");
-  useEffect(() => {
-    const views = props.savedViewsOptions ?? [];
-    setSavedViewsOptions(views);
-    setFilteredSavedViewsOptions(views);
-    setSelectedView(views.filter((view) => view.isActive));
-    if (views.length === 0) {
-      setOpenSaveViewMenu(false);
-      setSaveViewSearchText("");
-    }
-    const matchingViews = views.filter(
-      (view) => !selectedViewType || view.viewType === selectedViewType
-    );
-    setCurrentSaveViewOptions(
-      views.map((view) => {
-        var _a2;
-        return {
-          label: /* @__PURE__ */ jsxs("div", { className: "save-view-select-option-label", children: [
-            getViewTypeIcon(view.viewType, (_a2 = props.saveViewCustomFilter) == null ? void 0 : _a2.options),
-            /* @__PURE__ */ jsx("span", { children: view.viewName })
-          ] }),
-          value: view.viewName,
-          disabled: view == null ? void 0 : view.isDisabled,
-          viewType: view.viewType,
-          isDefaultView: view.isDefaultView
-        };
-      })
-    );
-    setSelectedSavedView(
-      (prev) => (prev == null ? void 0 : prev.value) && matchingViews.some((view) => view.viewName === prev.value) ? prev : null
-    );
-  }, [props.savedViewsOptions, selectedViewType]);
-  useEffect(() => {
-    if (selectedSavedView == null ? void 0 : selectedSavedView.value) {
-      setInputValue(selectedSavedView.value);
-      setSelectedViewType(selectedSavedView.viewType);
-      setIsDefaultView(!!selectedSavedView.isDefaultView);
-    } else {
-      setInputValue("");
-      setIsDefaultView(false);
-    }
-  }, [selectedSavedView]);
-  const isReplaceViewSelected = !!(selectedSavedView == null ? void 0 : selectedSavedView.value);
-  const isInputValueEmpty = !inputValue.trim();
-  const getColumnDefs = useCallback((columns) => {
-    return columns.map((column) => {
-      if (column.children) {
-        const updatedChildren = getColumnDefs(column.children);
-        const allChildrenHidden = updatedChildren.every((child) => child.hide === true);
-        return {
-          ...column,
-          children: updatedChildren,
-          hide: allChildrenHidden
-        };
-      }
-      return column;
-    });
-  }, []);
-  const updateColumnState = useCallback(() => {
-    var _a2, _b2;
-    const getColumnState = (columns) => {
-      return columns.map((column) => {
-        var _a3;
-        const columnState2 = {
-          colId: column.colId || column.field || column.headerName,
-          headerName: column.headerName || column.field || t("table.columns.na"),
-          isVisible: !(column == null ? void 0 : column.hide),
-          isPinned: column.pinned ? true : false,
-          children: ((_a3 = column == null ? void 0 : column.children) == null ? void 0 : _a3.length) > 0 ? getColumnState(column.children) : null,
-          // Recursively handle child columns
-          disabled: column == null ? void 0 : column.disableColumnCheckboxInSettings
-        };
-        return columnState2;
-      });
-    };
-    const columnDefs = getColumnDefs(((_b2 = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.api) == null ? void 0 : _b2.getColumnDefs()) || props.column);
-    const columnState = getColumnState(columnDefs);
-    const { frozColumn, scrollColumn } = (columnState || []).reduce(
-      (acc, column) => {
-        if (column.isPinned) {
-          acc.frozColumn.push(column);
-        } else {
-          acc.scrollColumn.push(column);
-        }
-        return acc;
-      },
-      { frozColumn: [], scrollColumn: [] }
-    );
-    const activeSearchText = searchTextRef.current;
-    setFrozenColumn(frozColumn);
-    setFilteredFrozenColumns(filterColumnsByText(frozColumn, activeSearchText));
-    setScrollableColumn(scrollColumn);
-    setFilteredScrollableColumns(filterColumnsByText(scrollColumn, activeSearchText));
-  }, [getColumnDefs, ref, props.column, t]);
-  const debouncedUpdateColumnState = useMemo(
-    () => debounce(updateColumnState, 100),
-    [updateColumnState]
-  );
-  useEffect(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
-    if (props.showMenu || // Always update when menu is shown
-    isColumnPinnedRef.current) {
-      isColumnPinnedRef.current = false;
-      updateColumnState();
-      const onColumnPinned = () => {
-        isColumnPinnedRef.current = true;
-        debouncedUpdateColumnState();
-      };
-      if (ref == null ? void 0 : ref.current) {
-        (_b2 = (_a2 = ref.current) == null ? void 0 : _a2.api) == null ? void 0 : _b2.addEventListener("columnPinned", onColumnPinned);
-        (_d2 = (_c2 = ref.current) == null ? void 0 : _c2.api) == null ? void 0 : _d2.addEventListener("columnMoved", onColumnPinned);
-        (_f2 = (_e2 = ref.current) == null ? void 0 : _e2.api) == null ? void 0 : _f2.addEventListener("columnVisible", onColumnPinned);
-      }
-      return () => {
-        var _a3, _b3, _c3, _d3, _e3, _f3;
-        if (ref == null ? void 0 : ref.current) {
-          (_b3 = (_a3 = ref.current) == null ? void 0 : _a3.api) == null ? void 0 : _b3.removeEventListener("columnPinned", onColumnPinned);
-          (_d3 = (_c3 = ref.current) == null ? void 0 : _c3.api) == null ? void 0 : _d3.removeEventListener("columnMoved", onColumnPinned);
-          (_f3 = (_e3 = ref.current) == null ? void 0 : _e3.api) == null ? void 0 : _f3.removeEventListener("columnVisible", onColumnPinned);
-        }
-      };
-    }
-  }, [props.showMenu]);
-  const [frozenColumnOrder, setFrozenColumnOrder] = useState([]);
-  const [scrollableColumnOrder, setScrollableColumnOrder] = useState([]);
-  const sensors = useSensors(useSensor(MouseSensor), useSensor(TouchSensor));
-  const getAllColumnIds = (columns) => {
-    let ids = [];
-    columns.forEach((col) => {
-      ids.push(col.colId);
-      if (col.children && col.children.length > 0) {
-        ids = ids.concat(getAllColumnIds(col.children));
-      }
-    });
-    return ids;
-  };
-  useEffect(() => {
-    setFrozenColumnOrder(getAllColumnIds(filteredFrozenColumns));
-    setScrollableColumnOrder(getAllColumnIds(filteredScrollableColumns));
-  }, [filteredFrozenColumns, filteredScrollableColumns]);
-  const handleSearchChange = (e) => {
-    const searchText2 = e.target.value.toLowerCase();
-    searchTextRef.current = searchText2;
-    setSearchText(searchText2);
-    setFilteredFrozenColumns(filterColumnsByText(frozenColumn, searchText2));
-    setFilteredScrollableColumns(filterColumnsByText(scrollableColumn, searchText2));
-  };
-  useEffect(() => {
-    const isAnyScrollableColumnVisible = isColumnTreeVisible(filteredScrollableColumns);
-    const isAnyFrozenColumnVisible = isColumnTreeVisible(filteredFrozenColumns);
-    setMainChecked(isAnyScrollableColumnVisible);
-    setAllColumnvisisbility(isAnyFrozenColumnVisible || isAnyScrollableColumnVisible);
-  }, [filteredFrozenColumns, filteredScrollableColumns]);
-  const setSubtreeVisibility = (columns, visibility) => columns.map((column) => {
-    var _a2, _b2, _c2;
-    (_b2 = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.columnApi) == null ? void 0 : _b2.setColumnVisible(column.colId, visibility);
-    return {
-      ...column,
-      isVisible: visibility,
-      children: ((_c2 = column.children) == null ? void 0 : _c2.length) > 0 ? setSubtreeVisibility(column.children, visibility) : column.children
-    };
-  });
-  const applyVisibilityToggle = (columns, colId) => {
-    let changed = false;
-    const updated = columns.map((column) => {
-      var _a2, _b2, _c2, _d2, _e2, _f2;
-      if (changed) return column;
-      if (column.colId === colId) {
-        changed = true;
-        const newVisibility = !column.isVisible;
-        (_b2 = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.columnApi) == null ? void 0 : _b2.setColumnVisible(column.colId, newVisibility);
-        return {
-          ...column,
-          isVisible: newVisibility,
-          children: ((_c2 = column.children) == null ? void 0 : _c2.length) > 0 ? setSubtreeVisibility(column.children, newVisibility) : column.children
-        };
-      }
-      if (((_d2 = column.children) == null ? void 0 : _d2.length) > 0) {
-        const result = applyVisibilityToggle(column.children, colId);
-        if (!result.changed) return column;
-        changed = true;
-        const isAnyChildVisible = isColumnTreeVisible(result.columns);
-        (_f2 = (_e2 = ref == null ? void 0 : ref.current) == null ? void 0 : _e2.columnApi) == null ? void 0 : _f2.setColumnVisible(column.colId, isAnyChildVisible);
-        return { ...column, isVisible: isAnyChildVisible, children: result.columns };
-      }
-      return column;
-    });
-    return { columns: updated, changed };
-  };
-  const toggleColumnVisibilityFrozen = (colId) => {
-    const { columns } = applyVisibilityToggle(frozenColumn, colId);
-    setFrozenColumn(columns);
-    setFilteredFrozenColumns(filterColumnsByText(columns, searchTextRef.current));
-  };
-  const toggleColumnVisibilityScroll = (colId) => {
-    const { columns } = applyVisibilityToggle(scrollableColumn, colId);
-    setScrollableColumn(columns);
-    setFilteredScrollableColumns(filterColumnsByText(columns, searchTextRef.current));
-  };
-  const toggleScrollableCollapse = (e) => {
-    e.stopPropagation();
-    setCollapsedScrollable(!collapsedScrollable);
-  };
-  const toggleColumnCollapse = (e) => {
-    e.stopPropagation();
-    setCollapsedcolumn(!collapsedColumn);
-  };
-  const applyBulkVisibility = (columns, visibility, allowedIds) => columns.map((column) => {
-    var _a2, _b2, _c2, _d2, _e2;
-    const isAllowed = !allowedIds || allowedIds.has(column.colId);
-    if (((_a2 = column.children) == null ? void 0 : _a2.length) > 0) {
-      const children = applyBulkVisibility(
-        column.children,
-        visibility,
-        isAllowed ? null : allowedIds
-      );
-      const isAnyChildVisible = isColumnTreeVisible(children);
-      (_c2 = (_b2 = ref == null ? void 0 : ref.current) == null ? void 0 : _b2.columnApi) == null ? void 0 : _c2.setColumnVisible(column.colId, isAnyChildVisible);
-      return { ...column, isVisible: isAnyChildVisible, children };
-    }
-    if (!isAllowed) return column;
-    (_e2 = (_d2 = ref == null ? void 0 : ref.current) == null ? void 0 : _d2.columnApi) == null ? void 0 : _e2.setColumnVisible(column.colId, visibility);
-    return { ...column, isVisible: visibility };
-  });
-  const onMainCheckboxChange = () => {
-    const listedIds = new Set(getAllColumnIds(filteredScrollableColumns));
-    const updatedColumns = applyBulkVisibility(scrollableColumn, !mainChecked, listedIds);
-    setScrollableColumn(updatedColumns);
-    setFilteredScrollableColumns(filterColumnsByText(updatedColumns, searchTextRef.current));
-  };
-  const onAllColumnCheckBoxChange = () => {
-    const visibility = !allColumnVisibility;
-    const listedFrozenIds = new Set(getAllColumnIds(filteredFrozenColumns));
-    const listedScrollableIds = new Set(getAllColumnIds(filteredScrollableColumns));
-    const updatedFrozenColumns = applyBulkVisibility(frozenColumn, visibility, listedFrozenIds);
-    const updatedScrollableColumns = applyBulkVisibility(
-      scrollableColumn,
-      visibility,
-      listedScrollableIds
-    );
-    setFrozenColumn(updatedFrozenColumns);
-    setScrollableColumn(updatedScrollableColumns);
-    setFilteredFrozenColumns(filterColumnsByText(updatedFrozenColumns, searchTextRef.current));
-    setFilteredScrollableColumns(
-      filterColumnsByText(updatedScrollableColumns, searchTextRef.current)
-    );
-  };
-  const toggleScrollColumnCollapse = (colId) => {
-    setCollapsedScrollColumns((prev) => ({
-      ...prev,
-      [colId]: !prev[colId]
-      // Toggle collapse state for the specific column
-    }));
-  };
-  const toggleFrozenColumnCollapse = (colId) => {
-    setCollapsedFrozenColumns((prev) => ({
-      ...prev,
-      [colId]: !prev[colId]
-      // Toggle collapse state for the specific frozen column
-    }));
-  };
-  const reorderColDefsByColId = (colDefs, newOrder, type = "scrollable") => {
-    const reorder = (columns) => {
-      let filteredCols = [];
-      if (type === "frozen") {
-        filteredCols = columns.filter((col) => col.pinned === "left");
-      } else {
-        filteredCols = columns.filter((col) => col.pinned !== "left");
-      }
-      const sorted = [...filteredCols].filter((col) => newOrder.includes(col.colId || col.field || col.headerName)).sort(
-        (a, b) => newOrder.indexOf(a.colId || a.field || a.headerName) - newOrder.indexOf(b.colId || b.field || b.headerName)
-      ).map((col) => {
-        if (col.children && col.children.length > 0) {
-          return {
-            ...col,
-            children: reorder(col.children)
-          };
-        }
-        return col;
-      });
-      return sorted;
-    };
-    let otherCols = [];
-    if (type === "frozen") {
-      otherCols = colDefs.filter((col) => col.pinned !== "left");
-    } else {
-      otherCols = colDefs.filter((col) => col.pinned === "left");
-    }
-    return [...otherCols, ...reorder(colDefs)];
-  };
-  const updateColumnDefs = (order, type, movedId, pinDirection) => {
-    var _a2, _b2, _c2, _d2;
-    const colDefs = (_b2 = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.api) == null ? void 0 : _b2.getColumnDefs();
-    if (!colDefs) return;
-    const newColDefs = reorderColDefsByColId(colDefs, order, type);
-    if (movedId) {
-      const colDefToUpdate = newColDefs.find((c) => c.colId === movedId);
-      if (colDefToUpdate) {
-        colDefToUpdate.pinned = pinDirection;
-      }
-    }
-    (_d2 = (_c2 = ref == null ? void 0 : ref.current) == null ? void 0 : _c2.api) == null ? void 0 : _d2.setColumnDefs(newColDefs);
-  };
-  const handleDragEnd = (event) => {
-    const { active, over } = event;
-    if (!over) return;
-    const activeId = active.id;
-    const overId = over.id;
-    const isFrozenSource = frozenColumnOrder.includes(activeId);
-    const isFrozenTarget = frozenColumnOrder.includes(overId);
-    if (isFrozenSource && isFrozenTarget) {
-      const oldIndex = frozenColumnOrder.indexOf(activeId);
-      const newIndex = frozenColumnOrder.indexOf(overId);
-      const newOrder = arrayMove(frozenColumnOrder, oldIndex, newIndex);
-      setFrozenColumnOrder(newOrder);
-      const reordered = newOrder.map((id) => {
-        frozenColumn.find((c) => c.colId === id);
-      }).filter(Boolean);
-      setFrozenColumn(reordered);
-      setFilteredFrozenColumns(reordered);
-      updateColumnDefs(newOrder, "frozen");
-    } else if (!isFrozenSource && !isFrozenTarget) {
-      const oldIndex = scrollableColumnOrder.indexOf(activeId);
-      const newIndex = scrollableColumnOrder.indexOf(overId);
-      const newOrder = arrayMove(scrollableColumnOrder, oldIndex, newIndex);
-      setScrollableColumnOrder(newOrder);
-      const reordered = newOrder.map((id) => {
-        filteredScrollableColumns.find((c) => c.colId === id);
-      }).filter(Boolean);
-      setScrollableColumn(reordered);
-      setFilteredScrollableColumns(reordered);
-      updateColumnDefs(newOrder, "scrollable");
-    } else {
-      if (isFrozenSource) {
-        const updatedFrozenOrder = frozenColumnOrder.filter((id) => id !== activeId);
-        const updatedFrozenCols = updatedFrozenOrder.map((id) => {
-          frozenColumn.find((c) => c.colId === id);
-        }).filter(Boolean);
-        setFrozenColumnOrder(updatedFrozenOrder);
-        setFrozenColumn(updatedFrozenCols);
-        setFilteredFrozenColumns(updatedFrozenCols);
-        const overIndex = scrollableColumnOrder.findIndex((id) => id === overId);
-        const insertAt = overIndex === -1 ? scrollableColumnOrder.length : overIndex;
-        const newScrollableOrder = [...scrollableColumnOrder];
-        newScrollableOrder.splice(insertAt, 0, activeId);
-        const allColumns = [...filteredFrozenColumns, ...filteredScrollableColumns];
-        const updatedScrollableCols = newScrollableOrder.map((id) => {
-          allColumns.find((c) => c.colId === id);
-        }).filter(Boolean);
-        setScrollableColumnOrder(newScrollableOrder);
-        setScrollableColumn(updatedScrollableCols);
-        setFilteredScrollableColumns(updatedScrollableCols);
-        updateColumnDefs(newScrollableOrder, "scrollable", activeId, null);
-      } else {
-        const newScrollable = scrollableColumnOrder.filter((id) => id !== activeId);
-        const updatedScrollable = newScrollable.map((id) => {
-          scrollableColumn.find((c) => c.colId === id);
-        }).filter(Boolean);
-        setScrollableColumnOrder(newScrollable);
-        setScrollableColumn(updatedScrollable);
-        setFilteredScrollableColumns(updatedScrollable);
-        const overIndex = frozenColumnOrder.findIndex((id) => id === overId);
-        const insertAt = overIndex === -1 ? frozenColumnOrder.length : overIndex;
-        const newFrozen = [...frozenColumnOrder];
-        newFrozen.splice(insertAt, 0, activeId);
-        const newFrozenCols = newFrozen.map((id) => {
-          [...filteredFrozenColumns, ...filteredScrollableColumns].find((c) => c.colId === id);
-        }).filter(Boolean);
-        setFrozenColumnOrder(newFrozen);
-        setFrozenColumn(newFrozenCols);
-        setFilteredFrozenColumns(newFrozenCols);
-        updateColumnDefs(newFrozen, "frozen", activeId, "left");
-      }
-    }
-  };
-  const renderScrollColumn = (column, level = 0) => {
-    const isCollapsed = collapsedScrollColumns[column.colId] || false;
-    return /* @__PURE__ */ jsx(
-      SortableColumnItem,
-      {
-        column,
-        dragIconClass: "table-setting-scroll-columns-list-drag-icon",
-        level,
-        renderFn: ({ column: column2, level: level2, dragProps, dragIconClass, onToggle }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "table-setting-scroll-inner-column",
-              style: { marginLeft: `${level2 * 20}px` },
-              children: [
-                Array.isArray(column2.children) && column2.children.length > 0 && /* @__PURE__ */ jsx(
-                  IconButton,
-                  {
-                    style: { padding: "0px" },
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      toggleScrollColumnCollapse(column2.colId);
-                    },
-                    children: isCollapsed ? /* @__PURE__ */ jsx(default_1$3, {}) : /* @__PURE__ */ jsx(default_1, {})
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    checked: column2.isVisible,
-                    disabled: column2.disabled,
-                    onChange: () => {
-                      toggleColumnVisibilityScroll(column2.colId);
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { ...dragProps, style: { cursor: "grab", display: "inline-flex" }, children: /* @__PURE__ */ jsx(DragIndicator, { className: "table-setting-scroll-columns-list-drag-icon" }) }),
-                column2.headerName.charAt(0).toUpperCase() + column2.headerName.slice(1)
-              ]
-            }
-          ),
-          Array.isArray(column2.children) && column2.children.length > 0 && !isCollapsed && /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: {
-                marginLeft: "20px",
-                display: "flex",
-                flexDirection: "column",
-                gap: "4px",
-                marginTop: "4px"
-              },
-              children: column2.children.map((child) => /* @__PURE__ */ jsx("div", { children: renderScrollColumn(child, level2 + 1) }, child.colId))
-            }
-          )
-        ] }),
-        onToggle: toggleScrollColumnCollapse
-      },
-      column.colId
-    );
-  };
-  const renderFrozencolumn = (column, level = 0) => {
-    const isCollapsed = collapsedFrozenColumns[column.colId] || false;
-    return /* @__PURE__ */ jsx(
-      SortableColumnItem,
-      {
-        column,
-        dragIconClass: "table-setting-frozen-columns-list-drag-icon",
-        level,
-        renderFn: ({ column: column2, level: level2, dragProps, dragIconClass, onToggle }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "table-setting-frozen-columns-list-item",
-              style: { marginLeft: `${level2 * 20}px` },
-              children: [
-                Array.isArray(column2.children) && column2.children.length > 0 && /* @__PURE__ */ jsx(
-                  IconButton,
-                  {
-                    style: { padding: "0px" },
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      toggleFrozenColumnCollapse(column2.colId);
-                    },
-                    children: isCollapsed ? /* @__PURE__ */ jsx(default_1$3, {}) : /* @__PURE__ */ jsx(default_1, {})
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    checked: column2.isVisible,
-                    disabled: column2 == null ? void 0 : column2.disabled,
-                    onChange: () => {
-                      toggleColumnVisibilityFrozen(column2.colId);
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { ...dragProps, style: { cursor: "grab", display: "inline-flex" }, children: /* @__PURE__ */ jsx(DragIndicator, { className: "table-setting-frozen-columns-list-drag-icon" }) }),
-                column2.headerName.charAt(0).toUpperCase() + column2.headerName.slice(1)
-              ]
-            }
-          ),
-          Array.isArray(column2.children) && column2.children.length > 0 && !isCollapsed && /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: {
-                marginLeft: "20px",
-                display: "flex",
-                flexDirection: "column",
-                gap: "4px",
-                marginTop: "4px"
-              },
-              children: column2.children.map((child) => /* @__PURE__ */ jsx("div", { children: renderFrozencolumn(child, level2 + 1) }, child.colId))
-            }
-          )
-        ] }),
-        onToggle: toggleFrozenColumnCollapse
-      },
-      column.colId
-    );
-  };
-  const handleSaveAndApply = () => {
-    var _a2, _b2;
-    if (isEditView) {
-      const newView2 = {
-        ...editedView,
-        viewName: inputValue,
-        viewType: selectedViewType,
-        isDefaultView,
-        isActive: false
-      };
-      props.handleEditSaveView(newView2, editedView);
-      if (!props.isSavingViewLoading) {
-        setIsEditView(false);
-        setEditedView(null);
-        setOpenSaveViewModal(false);
-        setInputValue("");
-        setSelectedViewType((_a2 = props.saveViewCustomFilter) == null ? void 0 : _a2.selectedOption);
-        setIsDefaultView(false);
-      }
-      return;
-    }
-    const replaceViewName = selectedSavedView == null ? void 0 : selectedSavedView.value;
-    const isReplacing = isInputValueEmpty && !!replaceViewName;
-    const newView = {
-      viewName: isReplacing ? replaceViewName : inputValue,
-      viewType: selectedViewType,
-      isDefaultView,
-      isActive: true
-    };
-    const applyToViews = (prev) => isReplacing ? prev.map(
-      (view) => view.viewName === replaceViewName && view.viewType === selectedViewType ? { ...view, ...newView } : { ...view, isActive: false }
-    ) : [...prev.map((view) => ({ ...view, isActive: false })), newView];
-    setSavedViewsOptions(applyToViews);
-    setFilteredSavedViewsOptions(applyToViews);
-    (_b2 = props.handleSaveAndApply) == null ? void 0 : _b2.call(props, newView, replaceViewName);
-  };
-  useEffect(() => {
-    var _a2;
-    if (!props.isSavingViewLoading) {
-      setOpenSaveViewModal(false);
-      setSelectedSavedView(null);
-      setInputValue("");
-      setSelectedViewType((_a2 = props.saveViewCustomFilter) == null ? void 0 : _a2.selectedOption);
-      setIsDefaultView(false);
-      setOpenDeletePrompt(false);
-      setDeleteView(null);
-      setEditedView(null);
-    }
-  }, [props.isSavingViewLoading]);
-  const handleEditView = (view, e) => {
-    e.stopPropagation();
-    e.preventDefault();
-    setIsEditView(true);
-    setOpenSaveViewModal(true);
-    setInputValue(view.viewName);
-    setSelectedViewType(view.viewType);
-    setIsDefaultView(view.isDefaultView);
-    setEditedView(view);
-  };
-  const handleCloseSaveViewModal = () => {
-    var _a2;
-    setOpenSaveViewModal(false);
-    setSelectedSavedView(null);
-    setInputValue("");
-    setSelectedViewType((_a2 = props.saveViewCustomFilter) == null ? void 0 : _a2.selectedOption);
-    setIsDefaultView(false);
-    setIsEditView(false);
-  };
-  const handleSaveViewSearchChange = (e) => {
-    setSaveViewSearchText(e.target.value);
-    const filteredViews = savedViewsOptions.filter(
-      (view) => view.viewName.toLowerCase().includes(e.target.value.toLowerCase())
-    );
-    setFilteredSavedViewsOptions(filteredViews);
-  };
-  const handleDeleteView = (view, e) => {
-    e.stopPropagation();
-    e.preventDefault();
-    setOpenDeletePrompt(true);
-    setDeleteView(view);
-  };
-  useEffect(() => {
-    if (!props.isDeleteViewLoading) {
-      setOpenDeletePrompt(false);
-    }
-  }, [props.isDeleteViewLoading]);
-  useEffect(() => {
-    if (selectedBadge === "All") {
-      setFilteredSavedViewsOptions([...savedViewsOptions]);
-    } else {
-      setFilteredSavedViewsOptions(
-        savedViewsOptions.filter((view) => view.viewType === selectedBadge)
-      );
-    }
-  }, [selectedBadge, savedViewsOptions]);
-  const handleSaveViewClick = (view) => {
-    setFilteredSavedViewsOptions(
-      (prev) => prev.map((item) => {
-        if (item.viewName === view.viewName) {
-          return {
-            ...item,
-            isActive: true
-          };
-        }
-        return {
-          ...item,
-          isActive: false
-        };
-      })
-    );
-    setSelectedView(view);
-  };
-  const nameConflictExcludeView = isEditView ? editedView : (selectedSavedView == null ? void 0 : selectedSavedView.value) ? {
-    viewName: selectedSavedView.value,
-    viewType: selectedSavedView.viewType
-  } : null;
-  const nameConflict = !props.isSavingViewLoading && !isInputValueEmpty && !isViewNameUnique(
-    inputValue,
-    selectedViewType,
-    isDefaultView,
-    savedViewsOptions,
-    nameConflictExcludeView,
-    props.isViewNameUniqueAcrossTypes
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "table-setting-columns-settings", children: [
-    props.isSaveViewEnabled && /* @__PURE__ */ jsxs("div", { className: "table-setting-save-view-container", children: [
-      savedViewsOptions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "save-view-icon-title", children: [
-        /* @__PURE__ */ jsx("img", { alt: "save-view-icon", src: saveViewIcon }),
-        /* @__PURE__ */ jsx("span", { className: "save-view-title", children: t("table.views.none") })
-      ] }) : /* @__PURE__ */ jsxs("div", { className: "save-view-container-active-view", children: [
-        /* @__PURE__ */ jsx(
-          Badge,
-          {
-            color: "success",
-            label: `${((_b = savedViewsOptions.find((view) => view.isActive)) == null ? void 0 : _b.viewName) || t("table.views.notApplicable")}`,
-            variant: "stroke"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            icon: openSaveViewMenu ? /* @__PURE__ */ jsx(default_1, {}) : /* @__PURE__ */ jsx(default_1$1, {}),
-            size: "small",
-            variant: "tertiary",
-            onClick: () => {
-              setOpenSaveViewMenu(!openSaveViewMenu);
-              setFilteredSavedViewsOptions([...savedViewsOptions]);
-            }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "small",
-          variant: "tertiary",
-          onClick: () => {
-            setOpenSaveViewModal(true);
-          },
-          children: t("table.views.saveView")
-        }
-      )
-    ] }),
-    openSaveViewMenu && /* @__PURE__ */ jsxs("div", { className: "save-view-menu", children: [
-      /* @__PURE__ */ jsxs("div", { className: "save-view-menu-title", children: [
-        /* @__PURE__ */ jsx("span", { children: t("table.views.savedViews") }),
-        /* @__PURE__ */ jsxs("div", { className: "save-view-menu-default-view", children: [
-          /* @__PURE__ */ jsx("img", { alt: "default-view-icon", src: defaultViewActiveIcon }),
-          /* @__PURE__ */ jsx("span", { className: "save-view-menu-default-view-text", children: t("table.views.default") })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "save-view-menu-view-type", children: [
-        /* @__PURE__ */ jsx(
-          Badge,
-          {
-            color: selectedBadge === "All" ? "info" : "default",
-            label: t("table.views.all"),
-            size: "small",
-            variant: "stroke",
-            onClick: () => {
-              setSelectedBadge("All");
-              setFilteredSavedViewsOptions([...savedViewsOptions]);
-            }
-          }
-        ),
-        (_d = (_c = props.saveViewCustomFilter) == null ? void 0 : _c.options) == null ? void 0 : _d.map((option) => /* @__PURE__ */ jsx(
-          Badge,
-          {
-            isIcon: true,
-            color: selectedBadge === option.value ? "info" : "default",
-            icon: getViewTypeIcon(option.value),
-            label: option.label,
-            size: "small",
-            variant: "stroke",
-            onClick: () => {
-              setSelectedBadge(option.value);
-              setFilteredSavedViewsOptions(
-                savedViewsOptions.filter((view) => view.viewType === option.value)
-              );
-            }
-          },
-          option.value
-        ))
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "save-view-menu-search-container", children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          leftIcon: /* @__PURE__ */ jsx(default_1$2, {}),
-          placeholder: t("table.views.searchPlaceholder"),
-          value: saveViewSearchText,
-          onChange: handleSaveViewSearchChange
-        }
-      ) }),
-      /* @__PURE__ */ jsx("div", { className: "save-view-menu-view-list-container", children: props.customRenderSaveViewContent ? props.customRenderSaveViewContent : filteredSavedViewsOptions.length > 0 && filteredSavedViewsOptions.map((view, idx) => {
-        var _a2;
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            "aria-label": t("table.views.savedViewAria", {
-              name: view.viewName
-            }),
-            className: `save-view-menu-view-list-item ${view.isActive ? "active" : ""}`,
-            role: "button",
-            tabIndex: idx === 0 ? 0 : -1,
-            onClick: () => {
-              handleSaveViewClick(view);
-            },
-            onKeyDown: (e) => {
-              const current = e.currentTarget;
-              switch (e.key) {
-                case "Enter":
-                case " ":
-                  e.preventDefault();
-                  handleSaveViewClick(view);
-                  break;
-                case "ArrowDown": {
-                  e.preventDefault();
-                  const next = current.nextElementSibling;
-                  if (next) {
-                    next.focus();
-                  }
-                  break;
-                }
-                case "ArrowUp": {
-                  e.preventDefault();
-                  const prev = current.previousElementSibling;
-                  if (prev) {
-                    prev.focus();
-                  }
-                  break;
-                }
-              }
-            },
-            children: [
-              /* @__PURE__ */ jsxs("span", { className: "save-view-menu-view-list-item-name", children: [
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    className: "save-view-menu-view-list-item-type-icon",
-                    title: view.viewType,
-                    children: getViewTypeIcon(view.viewType, (_a2 = props.saveViewCustomFilter) == null ? void 0 : _a2.options)
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "save-view-menu-view-list-item-name-text", children: view.viewName })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "save-view-menu-view-list-item-actions", children: [
-                (view == null ? void 0 : view.isEditable) && /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    alt: "save-view-edit-icon",
-                    src: saveViewEditIcon,
-                    onClick: (e) => {
-                      handleEditView(view, e);
-                    }
-                  }
-                ),
-                (view == null ? void 0 : view.isDeletable) && /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    alt: "save-view-delete-icon",
-                    src: saveViewDeleteIcon,
-                    onClick: (e) => {
-                      handleDeleteView(view, e);
-                    }
-                  }
-                ),
-                !(view == null ? void 0 : view.notReqDefaultView) && ((view == null ? void 0 : view.isDefaultView) ? /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    alt: "default-view-icon",
-                    className: "default-view-active-icon",
-                    src: defaultViewActiveIcon,
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      e.preventDefault();
-                      props.handleSetDefaultView(view);
-                    }
-                  }
-                ) : /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    alt: "default-view-icon",
-                    src: defaultViewIcon,
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      e.preventDefault();
-                      props.handleSetDefaultView(view);
-                    }
-                  }
-                ))
-              ] })
-            ]
-          },
-          view.viewName + idx
-        );
-      }) }),
-      /* @__PURE__ */ jsx("hr", { className: "save-view-menu-view-list-item-divider" }),
-      /* @__PURE__ */ jsxs("div", { className: "save-view-menu-footer", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "medium",
-            variant: "tertiary",
-            onClick: () => {
-              setOpenSaveViewMenu(false);
-              setFilteredSavedViewsOptions([...savedViewsOptions]);
-            },
-            children: t("common.cancel")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            disabled: props.customRenderSaveViewContent,
-            size: "medium",
-            variant: "primary",
-            onClick: () => {
-              var _a2;
-              (_a2 = props.handleSavedViewClick) == null ? void 0 : _a2.call(props, selectedView);
-              updateColumnState();
-              setOpenSaveViewMenu(false);
-            },
-            children: t("common.apply")
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Modal,
-      {
-        className: "save-view-modal",
-        height: "542px",
-        open: openSaveViewModal,
-        primaryButtonLabel: props.isSavingViewLoading ? t("table.views.saving") : t("common.save"),
-        primaryButtonProps: {
-          disabled: (isInputValueEmpty || props.maxSavedViews != null && savedViewsOptions.length >= props.maxSavedViews) && !isReplaceViewSelected || nameConflict || props.isSavingViewLoading,
-          loading: props.isSavingViewLoading,
-          iconPlacement: "right"
-        },
-        secondaryButtonLabel: t("common.cancel"),
-        title: isEditView ? t("table.views.editView") : t("table.views.saveViewTitle"),
-        width: "422px",
-        onClose: handleCloseSaveViewModal,
-        onPrimaryButtonClick: handleSaveAndApply,
-        onSecondaryButtonClick: handleCloseSaveViewModal,
-        children: /* @__PURE__ */ jsxs("div", { className: "save-view-modal-children", children: [
-          props.maxSavedViews != null && /* @__PURE__ */ jsx("div", { className: "save-view-modal-children-header", children: /* @__PURE__ */ jsx("span", { className: "save-view-modal-children-header-text", children: t("table.views.remaining", {
-            remaining: props.maxSavedViews - savedViewsOptions.length,
-            max: props.maxSavedViews
-          }) }) }),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `save-view-modal-children-body${props.maxSavedViews == null ? " save-view-modal-children-body-no-header" : ""}`,
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "save-view-modal-children-body-input", children: /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    helperText: nameConflict ? t("table.views.nameConflict") : "",
-                    isDisabled: isReplaceViewSelected,
-                    isError: nameConflict,
-                    isHelperText: nameConflict,
-                    label: t("table.views.newViewName"),
-                    placeholder: t("table.views.enterHere"),
-                    readOnly: isReplaceViewSelected,
-                    value: inputValue,
-                    onChange: (e) => {
-                      setInputValue(e.target.value);
-                      setSelectedSavedView(null);
-                    }
-                  }
-                ) }),
-                !isEditView && /* @__PURE__ */ jsxs("div", { className: "save-view-modal-children-body-radio-group", children: [
-                  /* @__PURE__ */ jsx("span", { className: "save-view-modal-children-body-radio-group-text", children: t("table.views.viewType") }),
-                  /* @__PURE__ */ jsx(
-                    RadioButtonGroup,
-                    {
-                      isDisabled: isReplaceViewSelected,
-                      options: (_f = (_e = props.saveViewCustomFilter) == null ? void 0 : _e.options) == null ? void 0 : _f.filter(
-                        (option) => !(option == null ? void 0 : option.notReqInSaveView)
-                      ),
-                      orientation: "row",
-                      selectedOption: selectedViewType,
-                      onChange: (event) => {
-                        setSelectedViewType(event.target.value);
-                      }
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "save-view-modal-children-body-checkbox", children: /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    checked: isDefaultView,
-                    disabled: isReplaceViewSelected,
-                    label: t("table.views.makeDefault"),
-                    onChange: () => {
-                      setIsDefaultView(!isDefaultView);
-                    }
-                  }
-                ) }),
-                /* @__PURE__ */ jsx("div", { className: "save-view-modal-children-body-replace-view", children: /* @__PURE__ */ jsx("span", { children: t("table.views.orReplace") }) }),
-                /* @__PURE__ */ jsx("div", { className: "save-view-modal-children-body-replace-view-select", children: /* @__PURE__ */ jsx(
-                  Select,
-                  {
-                    isClearable: true,
-                    withPortal: true,
-                    currentOptions: currentSaveViewOptions,
-                    initialOptions: currentSaveViewOptions,
-                    isDisabled: savedViewsOptions.length === 0 || !isInputValueEmpty && !isReplaceViewSelected || isEditView,
-                    isOpen,
-                    label: t("table.views.replaceWith"),
-                    minWidth: "100%",
-                    selectedOptions: selectedSavedView,
-                    setCurrentOptions: setCurrentSaveViewOptions,
-                    setIsOpen,
-                    setSelectedOptions: setSelectedSavedView
-                  }
-                ) })
-              ]
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Prompt,
-      {
-        handleClose: (e) => {
-          e.stopPropagation();
-          setOpenDeletePrompt(false);
-        },
-        isOpen: openDeletePrompt,
-        primaryButtonLabel: t("table.views.deleteConfirm"),
-        primaryButtonProps: {
-          loading: props.isDeleteViewLoading,
-          iconPlacement: "right"
-        },
-        secondaryButtonLabel: t("common.cancel"),
-        title: t("table.views.deleteTitle"),
-        variant: "error",
-        onPrimaryButtonClick: (e) => {
-          var _a2;
-          e.stopPropagation();
-          (_a2 = props.handleDeleteViewClick) == null ? void 0 : _a2.call(props, deleteView);
-        },
-        onSecondaryButtonClick: (e) => {
-          e.stopPropagation();
-          setOpenDeletePrompt(false);
-        },
-        children: props.deleteViewPromptText
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "table-setting-column-search-container", children: [
-      /* @__PURE__ */ jsx("span", { className: "table-setting-column-collapse-slot", children: /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          "aria-label": collapsedColumn ? "Expand columns" : "Collapse columns",
-          className: "table-setting-column-collapse-btn",
-          onClick: toggleColumnCollapse,
-          children: collapsedColumn ? /* @__PURE__ */ jsx(default_1$3, {}) : /* @__PURE__ */ jsx(default_1, {})
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: "table-setting-column-search-controls", children: [
-        /* @__PURE__ */ jsx(Checkbox, { checked: allColumnVisibility, onChange: onAllColumnCheckBoxChange }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            placeholder: t("common.search"),
-            rightIcon: /* @__PURE__ */ jsx(default_1$2, {}),
-            value: searchText,
-            onChange: handleSearchChange
-          }
-        )
-      ] })
-    ] }),
-    !collapsedColumn && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `table-setting-column-collapse-container ${props.isSaveViewEnabled ? "save-view-enabled" : ""}`,
-        children: /* @__PURE__ */ jsx(
-          DndContext,
-          {
-            collisionDetection: closestCenter,
-            sensors,
-            onDragEnd: handleDragEnd,
-            children: /* @__PURE__ */ jsxs(SortableContext, { items: [...scrollableColumnOrder, ...frozenColumnOrder], children: [
-              frozenColumn.length > 0 && !(frozenColumn.length === 1 && frozenColumn[0].headerName === t("table.columns.na")) && /* @__PURE__ */ jsxs("div", { className: "table-setting-collapse-columns-container", children: [
-                /* @__PURE__ */ jsx("h3", { children: t("table.columns.frozen") }),
-                /* @__PURE__ */ jsx("div", { className: "table-setting-frozen-columns-list", children: filteredFrozenColumns.map(
-                  (column) => column.headerName !== t("table.columns.na") && renderFrozencolumn(column)
-                ) })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "table-setting-scroll-columns-container", children: [
-                /* @__PURE__ */ jsx("h3", { children: t("table.columns.scrollable") }),
-                /* @__PURE__ */ jsxs("div", { className: "table-setting-scroll-main-column-list", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "table-setting-scroll-main-column", children: [
-                    /* @__PURE__ */ jsx(IconButton, { style: { padding: "0px" }, onClick: toggleScrollableCollapse, children: collapsedScrollable ? /* @__PURE__ */ jsx(default_1$3, {}) : /* @__PURE__ */ jsx(default_1, {}) }),
-                    /* @__PURE__ */ jsx(Checkbox, { checked: mainChecked, onChange: onMainCheckboxChange }),
-                    t("table.columns.main")
-                  ] }),
-                  /* @__PURE__ */ jsx("div", { className: "table-setting-scroll-inner-column-list", children: !collapsedScrollable && filteredScrollableColumns.map(
-                    (column) => column.headerName !== t("table.columns.na") && renderScrollColumn(column)
-                  ) })
-                ] })
-              ] })
-            ] })
-          }
-        )
-      }
-    )
-  ] });
-});
-const updateFontSizeOnToolPanel = (fontSizeType) => {
-  let fontSize;
-  switch (fontSizeType) {
-    case "small":
-      fontSize = "12px";
-      break;
-    case "medium":
-      fontSize = "14px";
-      break;
-    case "large":
-      fontSize = "16px";
-      break;
-    default:
-      fontSize = "14px";
-  }
-  return fontSize;
-};
-export {
-  Columns,
-  freezeColumn,
-  getMainMenuItems,
-  onColMenuAutoAdjustClick,
-  onColMenuFreezeClick,
-  sortFunc,
-  updateFontSizeOnToolPanel
-};