fastapi-rtk 0.1.21 → 0.1.23

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilter/ColumnHeaderFilter.cjs

@@ -1,275 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const headerinput_module = require("./headerinput.module.css.cjs");
-const constants = require("fastapi-rtk/constants");
-const utils$1 = require("fastapi-rtk/utils");
-const core = require("@mantine/core");
-const form = require("@mantine/form");
-const hooks = require("@mantine/hooks");
-const clsx = require("../../../../../../../.external/cjs/clsx@2.1.1/clsx/dist/clsx.cjs");
-const index_esm = require("../../../../../../../.external/cjs/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.7_@mantine_dates@7.17.7_@mantine_hooks@7._dm3meh6s7t7wwl37at3cedg6gm/mantine-react-table/dist/index.esm.cjs");
-const React = require("react");
-const useApi = require("../../../../../hooks/api/useApi.cjs");
-const useAuth = require("../../../../../hooks/auth/useAuth.cjs");
-const FallbackWrapper = require("../../../FallbackWrapper.cjs");
-const utils = require("../../../utils.cjs");
-const FilterMenu = require("../FilterMenu.cjs");
-const utils$2 = require("../utils.cjs");
-const HeaderInput = require("./HeaderInput.cjs");
-const IconFilterCog = require("../../../../../../../.external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconFilterCog.cjs");
-const FilterIconWrapper = React.forwardRef(({ label, disabled, children, ...props }, ref) => {
-  if (disabled) {
-    return React.cloneElement(children, { ref });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label, ...props, children: React.cloneElement(children, { ref }) });
-});
-FilterIconWrapper.displayName = "FilterIconWrapper";
-const FilterIndicatorWrapper = React.forwardRef(({ indicator, children, ...props }, ref) => {
-  const { height, ref: elementRef } = hooks.useElementSize();
-  const combinedRefs = hooks.useMergedRef(ref, elementRef);
-  if (!indicator) {
-    return React.cloneElement(children, { ref: combinedRefs });
-  }
-  const heightOffset = 2;
-  //! This is the height offset between the button from ActionIcon and the icon itself
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Indicator, { zIndex: 20, size: 16, label: indicator, styles: { root: { height: height + heightOffset } }, ...props, children: React.cloneElement(children, { ref: combinedRefs }) });
-});
-FilterIndicatorWrapper.displayName = "FilterIndicatorWrapper";
-function ColumnHeaderFilter({
-  children,
-  enableFilterModes,
-  enableAdvancedFilters,
-  filterProps,
-  filterModeDescription,
-  filterMenu,
-  onFilterClear,
-  filters,
-  filterFn,
-  mrtProps: { column, table, ...restProps }
-}) {
-  var _a;
-  const { info, queryParams } = useApi.useApi();
-  const api = useApi.useApi();
-  const auth = useAuth.useAuth();
-  const schema = React.useMemo(() => {
-    var _a2, _b;
-    return (_b = (_a2 = info == null ? void 0 : info.filters) == null ? void 0 : _a2[column.id]) == null ? void 0 : _b.schema;
-  }, [column.id, info == null ? void 0 : info.filters]);
-  const [mode, setMode] = React.useState("Basic");
-  const [opened, { toggle }] = hooks.useDisclosure();
-  const _filterFn = ((_a = table.getState().columnFilterFns) == null ? void 0 : _a[column.id]) || filterFn;
-  const opr = React.useMemo(() => utils.fromFilterFnToFilter(_filterFn).operator, [_filterFn]);
-  const filterName = React.useMemo(() => {
-    var _a2;
-    return (_a2 = filters == null ? void 0 : filters.find((f) => f.operator === opr)) == null ? void 0 : _a2.name;
-  }, [filters, opr]);
-  const field = form.useField({ mode: "controlled" });
-  const lastOpr = React.useRef(opr);
-  const existingFilters = React.useMemo(
-    () => (queryParams == null ? void 0 : queryParams.filters.filter((filter) => filter.id !== column.id && filter.col === column.id).map((filter) => ({ ...filter }))) || [],
-    [queryParams, column.id]
-  );
-  if (lastOpr.current !== opr) {
-    lastOpr.current = opr;
-    field.reset();
-  }
-  const handleClear = React.useCallback(() => {
-    field.reset();
-    column.setFilterValue(void 0);
-    onFilterClear == null ? void 0 : onFilterClear();
-  }, []);
-  const [debounced] = hooks.useDebouncedValue(field.getInputProps().value, constants.DEBOUNCE_DELAY);
-  const isMounted = hooks.useMounted();
-  const currentHeaderFilter = React.useMemo(
-    () => queryParams == null ? void 0 : queryParams.filters.find((filter) => filter.col === column.id && filter.opr === opr),
-    [column.id, opr, queryParams == null ? void 0 : queryParams.filters]
-  );
-  React.useEffect(() => {
-    if (!isMounted) {
-      return;
-    }
-    column.setFilterValue(debounced ?? void 0);
-  }, [debounced]);
-  React.useEffect(() => {
-    if (!isMounted) {
-      return;
-    }
-    const tableFilterValue = column.getFilterValue();
-    if (tableFilterValue === void 0) {
-      handleClear();
-    } else {
-      field.getInputProps().onChange(tableFilterValue);
-    }
-  }, [column.getFilterValue()]);
-  React.useEffect(() => {
-    if (!isMounted) {
-      return;
-    }
-    if (!currentHeaderFilter) {
-      handleClear();
-    }
-  }, [currentHeaderFilter]);
-  const AIProps = React.useMemo(() => {
-    const props = { variant: "subtle" };
-    const disabled = !(filters == null ? void 0 : filters.length);
-    if (disabled) {
-      props.disabled = true;
-      props.c = "gray";
-    }
-    return props;
-  }, [filters == null ? void 0 : filters.length]);
-  const component = React.useMemo(
-    () => utils$1.getValueOrDefault(enableFilterModes ? children == null ? void 0 : children[opr] : children, utils$2.getBasicInput(opr, schema)),
-    [children, enableFilterModes, opr, schema]
-  );
-  const clearIconProps = React.useMemo(
-    () => ({ ...AIProps, variant: "transparent", c: void 0, size: "sm", onClick: handleClear }),
-    [AIProps, handleClear]
-  );
-  const functionProps = React.useMemo(
-    () => ({ api, auth, mrtProps: { column, table, ...restProps } }),
-    [api, auth, column, restProps, table]
-  );
-  const filterMenuFunctionProps = React.useMemo(
-    () => ({
-      ...functionProps,
-      componentProps: {
-        label: table.options.localization.changeFilterMode,
-        disabled: !(filters == null ? void 0 : filters.length),
-        indicator: existingFilters.length,
-        aiProps: AIProps,
-        onClick: toggle
-      }
-    }),
-    [
-      AIProps,
-      existingFilters.length,
-      filters == null ? void 0 : filters.length,
-      functionProps,
-      table.options.localization.changeFilterMode,
-      toggle
-    ]
-  );
-  const filterModeDescriptionFunctionProps = React.useMemo(
-    () => ({ ...functionProps, componentProps: { filterMode: filterName } }),
-    [filterName, functionProps]
-  );
-  const configuration = utils$1.parseFromValuesOrFunc(
-    enableFilterModes ? utils.getProps(filterProps, opr) : filterProps,
-    functionProps
-  );
-  const headerInputProps = React.useMemo(
-    () => {
-      var _a2, _b;
-      return {
-        w: "100%",
-        variant: "unstyled",
-        disabled: !(filters == null ? void 0 : filters.length),
-        title: !filters.length ? "No filters" : void 0,
-        placeholder: (_a2 = table.options.localization.filterByColumn) == null ? void 0 : _a2.replace("{column}", String(column.columnDef.header)),
-        "aria-label": (_b = table.options.localization.filterByColumn) == null ? void 0 : _b.replace("{column}", String(column.columnDef.header)),
-        style: { fontWeight: "normal" },
-        mrtprops: {
-          column,
-          table,
-          ...restProps,
-          textinputprops: {
-            className: clsx.clsx("mrt-filter-text-input", headerinput_module.default.root),
-            ...utils$1.parseFromValuesOrFunc(table.mantineFilterTextInputProps, [{ column, table, ...restProps }]),
-            ...utils$1.parseFromValuesOrFunc(column.columnDef.mantineFilterTextInputProps, [{ column, table, ...restProps }])
-          },
-          selectprops: {
-            className: clsx.clsx("mrt-filter-text-input", headerinput_module.default.root),
-            ...utils$1.parseFromValuesOrFunc(table.mantineFilterSelectProps || { clearable: true }, {
-              column,
-              table,
-              ...restProps
-            }),
-            ...utils$1.parseFromValuesOrFunc(column.columnDef.mantineFilterSelectProps, { column, table, ...restProps })
-          },
-          multiselectprops: {
-            className: clsx.clsx("mrt-filter-text-input", headerinput_module.default.root),
-            ...utils$1.parseFromValuesOrFunc(table.mantineFilterMultiSelectProps || { clearable: true }, {
-              column,
-              table,
-              ...restProps
-            }),
-            ...utils$1.parseFromValuesOrFunc(column.columnDef.mantineFilterMultiSelectProps, { column, table, ...restProps })
-          },
-          dateinputprops: {
-            className: clsx.clsx("mrt-filter-text-input", headerinput_module.default.root, headerinput_module.default["date-filter"]),
-            ...utils$1.parseFromValuesOrFunc(table.mantineFilterDateInputProps, { column, table, ...restProps }),
-            ...utils$1.parseFromValuesOrFunc(column.columnDef.mantineFilterDateInputProps, { column, table, ...restProps })
-          },
-          autocompleteprops: {
-            className: clsx.clsx("mrt-filter-text-input", headerinput_module.default.root),
-            ...utils$1.parseFromValuesOrFunc(table.mantineFilterAutocompleteProps, { column, table, ...restProps }),
-            ...utils$1.parseFromValuesOrFunc(column.columnDef.mantineFilterAutocompleteProps, {
-              column,
-              table,
-              ...restProps
-            })
-          }
-        },
-        ref: (node) => {
-          if (node) {
-            table.refs.filterInputRefs.current[`${column.id}-0`] = node;
-          }
-        },
-        clearIcon: field.isDirty() && /* @__PURE__ */ jsxRuntime.jsx(core.CloseButton, { ...clearIconProps }),
-        ...configuration,
-        cleariconprops: clearIconProps
-      };
-    },
-    [clearIconProps, column, configuration, field, filters.length, restProps, table]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { opened, closeOnClickOutside: true, onChange: toggle, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { w: "100%", gap: "0.25rem", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { align: "flex-end", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(HeaderInput.HeaderInput, { component, field, ...field.getInputProps(), ...headerInputProps }),
-        enableFilterModes && /* @__PURE__ */ jsxRuntime.jsx(core.Menu.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          FallbackWrapper.FallbackWrapper,
-          {
-            fallback: filters.length ? /* @__PURE__ */ jsxRuntime.jsx(
-              FilterIconWrapper,
-              {
-                label: table.options.localization.changeFilterMode,
-                position: "bottom-start",
-                withArrow: true,
-                arrowPosition: "side",
-                children: /* @__PURE__ */ jsxRuntime.jsx(FilterIndicatorWrapper, { indicator: enableAdvancedFilters ? existingFilters.length : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...AIProps, onClick: toggle, children: /* @__PURE__ */ jsxRuntime.jsx(IconFilterCog, {}) }) })
-              }
-            ) : null,
-            functionProps: filterMenuFunctionProps,
-            children: filterMenu
-          }
-        ) })
-      ] }),
-      enableFilterModes && /* @__PURE__ */ jsxRuntime.jsx(
-        FallbackWrapper.FallbackWrapper,
-        {
-          fallback: filters.length ? /* @__PURE__ */ jsxRuntime.jsx(core.Input.Description, { size: "xs", children: table.options.localization.filterMode.replace(
-            "{filterType}",
-            index_esm.localizedFilterOption(utils.getProps(table.options.localization, column.id), filterName) || index_esm.localizedFilterOption(table.options.localization, filterName) || filterName
-          ) }) : null,
-          functionProps: filterModeDescriptionFunctionProps,
-          children: filterModeDescription
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(core.Menu.Dropdown, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      FilterMenu.FilterMenu,
-      {
-        enableAdvancedFilters,
-        mode,
-        setMode,
-        col: column.id,
-        opr,
-        filters,
-        table
-      }
-    ) })
-  ] });
-}
-exports.ColumnHeaderFilter = ColumnHeaderFilter;

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilter/ColumnHeaderFilter.mjs

@@ -1,275 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import classes from "./headerinput.module.css.mjs";
-import { DEBOUNCE_DELAY } from "fastapi-rtk/constants";
-import { getValueOrDefault, parseFromValuesOrFunc } from "fastapi-rtk/utils";
-import { Tooltip, Indicator, CloseButton, Menu, Stack, Flex, ActionIcon, Input } from "@mantine/core";
-import { useField } from "@mantine/form";
-import { useElementSize, useMergedRef, useDisclosure, useDebouncedValue, useMounted } from "@mantine/hooks";
-import { clsx } from "../../../../../../../.external/esm/clsx@2.1.1/clsx/dist/clsx.mjs";
-import { localizedFilterOption } from "../../../../../../../.external/esm/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.7_@mantine_dates@7.17.7_@mantine_hooks@7._dm3meh6s7t7wwl37at3cedg6gm/mantine-react-table/dist/index.esm.mjs";
-import { forwardRef, cloneElement, useMemo, useState, useRef, useCallback, useEffect } from "react";
-import { useApi } from "../../../../../hooks/api/useApi.mjs";
-import { useAuth } from "../../../../../hooks/auth/useAuth.mjs";
-import { FallbackWrapper } from "../../../FallbackWrapper.mjs";
-import { fromFilterFnToFilter, getProps } from "../../../utils.mjs";
-import { FilterMenu } from "../FilterMenu.mjs";
-import { getBasicInput } from "../utils.mjs";
-import { HeaderInput } from "./HeaderInput.mjs";
-import IconFilterCog from "../../../../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconFilterCog.mjs";
-const FilterIconWrapper = forwardRef(({ label, disabled, children, ...props }, ref) => {
-  if (disabled) {
-    return cloneElement(children, { ref });
-  }
-  return /* @__PURE__ */ jsx(Tooltip, { label, ...props, children: cloneElement(children, { ref }) });
-});
-FilterIconWrapper.displayName = "FilterIconWrapper";
-const FilterIndicatorWrapper = forwardRef(({ indicator, children, ...props }, ref) => {
-  const { height, ref: elementRef } = useElementSize();
-  const combinedRefs = useMergedRef(ref, elementRef);
-  if (!indicator) {
-    return cloneElement(children, { ref: combinedRefs });
-  }
-  const heightOffset = 2;
-  //! This is the height offset between the button from ActionIcon and the icon itself
-  return /* @__PURE__ */ jsx(Indicator, { zIndex: 20, size: 16, label: indicator, styles: { root: { height: height + heightOffset } }, ...props, children: cloneElement(children, { ref: combinedRefs }) });
-});
-FilterIndicatorWrapper.displayName = "FilterIndicatorWrapper";
-function ColumnHeaderFilter({
-  children,
-  enableFilterModes,
-  enableAdvancedFilters,
-  filterProps,
-  filterModeDescription,
-  filterMenu,
-  onFilterClear,
-  filters,
-  filterFn,
-  mrtProps: { column, table, ...restProps }
-}) {
-  var _a;
-  const { info, queryParams } = useApi();
-  const api = useApi();
-  const auth = useAuth();
-  const schema = useMemo(() => {
-    var _a2, _b;
-    return (_b = (_a2 = info == null ? void 0 : info.filters) == null ? void 0 : _a2[column.id]) == null ? void 0 : _b.schema;
-  }, [column.id, info == null ? void 0 : info.filters]);
-  const [mode, setMode] = useState("Basic");
-  const [opened, { toggle }] = useDisclosure();
-  const _filterFn = ((_a = table.getState().columnFilterFns) == null ? void 0 : _a[column.id]) || filterFn;
-  const opr = useMemo(() => fromFilterFnToFilter(_filterFn).operator, [_filterFn]);
-  const filterName = useMemo(() => {
-    var _a2;
-    return (_a2 = filters == null ? void 0 : filters.find((f) => f.operator === opr)) == null ? void 0 : _a2.name;
-  }, [filters, opr]);
-  const field = useField({ mode: "controlled" });
-  const lastOpr = useRef(opr);
-  const existingFilters = useMemo(
-    () => (queryParams == null ? void 0 : queryParams.filters.filter((filter) => filter.id !== column.id && filter.col === column.id).map((filter) => ({ ...filter }))) || [],
-    [queryParams, column.id]
-  );
-  if (lastOpr.current !== opr) {
-    lastOpr.current = opr;
-    field.reset();
-  }
-  const handleClear = useCallback(() => {
-    field.reset();
-    column.setFilterValue(void 0);
-    onFilterClear == null ? void 0 : onFilterClear();
-  }, []);
-  const [debounced] = useDebouncedValue(field.getInputProps().value, DEBOUNCE_DELAY);
-  const isMounted = useMounted();
-  const currentHeaderFilter = useMemo(
-    () => queryParams == null ? void 0 : queryParams.filters.find((filter) => filter.col === column.id && filter.opr === opr),
-    [column.id, opr, queryParams == null ? void 0 : queryParams.filters]
-  );
-  useEffect(() => {
-    if (!isMounted) {
-      return;
-    }
-    column.setFilterValue(debounced ?? void 0);
-  }, [debounced]);
-  useEffect(() => {
-    if (!isMounted) {
-      return;
-    }
-    const tableFilterValue = column.getFilterValue();
-    if (tableFilterValue === void 0) {
-      handleClear();
-    } else {
-      field.getInputProps().onChange(tableFilterValue);
-    }
-  }, [column.getFilterValue()]);
-  useEffect(() => {
-    if (!isMounted) {
-      return;
-    }
-    if (!currentHeaderFilter) {
-      handleClear();
-    }
-  }, [currentHeaderFilter]);
-  const AIProps = useMemo(() => {
-    const props = { variant: "subtle" };
-    const disabled = !(filters == null ? void 0 : filters.length);
-    if (disabled) {
-      props.disabled = true;
-      props.c = "gray";
-    }
-    return props;
-  }, [filters == null ? void 0 : filters.length]);
-  const component = useMemo(
-    () => getValueOrDefault(enableFilterModes ? children == null ? void 0 : children[opr] : children, getBasicInput(opr, schema)),
-    [children, enableFilterModes, opr, schema]
-  );
-  const clearIconProps = useMemo(
-    () => ({ ...AIProps, variant: "transparent", c: void 0, size: "sm", onClick: handleClear }),
-    [AIProps, handleClear]
-  );
-  const functionProps = useMemo(
-    () => ({ api, auth, mrtProps: { column, table, ...restProps } }),
-    [api, auth, column, restProps, table]
-  );
-  const filterMenuFunctionProps = useMemo(
-    () => ({
-      ...functionProps,
-      componentProps: {
-        label: table.options.localization.changeFilterMode,
-        disabled: !(filters == null ? void 0 : filters.length),
-        indicator: existingFilters.length,
-        aiProps: AIProps,
-        onClick: toggle
-      }
-    }),
-    [
-      AIProps,
-      existingFilters.length,
-      filters == null ? void 0 : filters.length,
-      functionProps,
-      table.options.localization.changeFilterMode,
-      toggle
-    ]
-  );
-  const filterModeDescriptionFunctionProps = useMemo(
-    () => ({ ...functionProps, componentProps: { filterMode: filterName } }),
-    [filterName, functionProps]
-  );
-  const configuration = parseFromValuesOrFunc(
-    enableFilterModes ? getProps(filterProps, opr) : filterProps,
-    functionProps
-  );
-  const headerInputProps = useMemo(
-    () => {
-      var _a2, _b;
-      return {
-        w: "100%",
-        variant: "unstyled",
-        disabled: !(filters == null ? void 0 : filters.length),
-        title: !filters.length ? "No filters" : void 0,
-        placeholder: (_a2 = table.options.localization.filterByColumn) == null ? void 0 : _a2.replace("{column}", String(column.columnDef.header)),
-        "aria-label": (_b = table.options.localization.filterByColumn) == null ? void 0 : _b.replace("{column}", String(column.columnDef.header)),
-        style: { fontWeight: "normal" },
-        mrtprops: {
-          column,
-          table,
-          ...restProps,
-          textinputprops: {
-            className: clsx("mrt-filter-text-input", classes.root),
-            ...parseFromValuesOrFunc(table.mantineFilterTextInputProps, [{ column, table, ...restProps }]),
-            ...parseFromValuesOrFunc(column.columnDef.mantineFilterTextInputProps, [{ column, table, ...restProps }])
-          },
-          selectprops: {
-            className: clsx("mrt-filter-text-input", classes.root),
-            ...parseFromValuesOrFunc(table.mantineFilterSelectProps || { clearable: true }, {
-              column,
-              table,
-              ...restProps
-            }),
-            ...parseFromValuesOrFunc(column.columnDef.mantineFilterSelectProps, { column, table, ...restProps })
-          },
-          multiselectprops: {
-            className: clsx("mrt-filter-text-input", classes.root),
-            ...parseFromValuesOrFunc(table.mantineFilterMultiSelectProps || { clearable: true }, {
-              column,
-              table,
-              ...restProps
-            }),
-            ...parseFromValuesOrFunc(column.columnDef.mantineFilterMultiSelectProps, { column, table, ...restProps })
-          },
-          dateinputprops: {
-            className: clsx("mrt-filter-text-input", classes.root, classes["date-filter"]),
-            ...parseFromValuesOrFunc(table.mantineFilterDateInputProps, { column, table, ...restProps }),
-            ...parseFromValuesOrFunc(column.columnDef.mantineFilterDateInputProps, { column, table, ...restProps })
-          },
-          autocompleteprops: {
-            className: clsx("mrt-filter-text-input", classes.root),
-            ...parseFromValuesOrFunc(table.mantineFilterAutocompleteProps, { column, table, ...restProps }),
-            ...parseFromValuesOrFunc(column.columnDef.mantineFilterAutocompleteProps, {
-              column,
-              table,
-              ...restProps
-            })
-          }
-        },
-        ref: (node) => {
-          if (node) {
-            table.refs.filterInputRefs.current[`${column.id}-0`] = node;
-          }
-        },
-        clearIcon: field.isDirty() && /* @__PURE__ */ jsx(CloseButton, { ...clearIconProps }),
-        ...configuration,
-        cleariconprops: clearIconProps
-      };
-    },
-    [clearIconProps, column, configuration, field, filters.length, restProps, table]
-  );
-  return /* @__PURE__ */ jsxs(Menu, { opened, closeOnClickOutside: true, onChange: toggle, children: [
-    /* @__PURE__ */ jsxs(Stack, { w: "100%", gap: "0.25rem", children: [
-      /* @__PURE__ */ jsxs(Flex, { align: "flex-end", children: [
-        /* @__PURE__ */ jsx(HeaderInput, { component, field, ...field.getInputProps(), ...headerInputProps }),
-        enableFilterModes && /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(
-          FallbackWrapper,
-          {
-            fallback: filters.length ? /* @__PURE__ */ jsx(
-              FilterIconWrapper,
-              {
-                label: table.options.localization.changeFilterMode,
-                position: "bottom-start",
-                withArrow: true,
-                arrowPosition: "side",
-                children: /* @__PURE__ */ jsx(FilterIndicatorWrapper, { indicator: enableAdvancedFilters ? existingFilters.length : void 0, children: /* @__PURE__ */ jsx(ActionIcon, { ...AIProps, onClick: toggle, children: /* @__PURE__ */ jsx(IconFilterCog, {}) }) })
-              }
-            ) : null,
-            functionProps: filterMenuFunctionProps,
-            children: filterMenu
-          }
-        ) })
-      ] }),
-      enableFilterModes && /* @__PURE__ */ jsx(
-        FallbackWrapper,
-        {
-          fallback: filters.length ? /* @__PURE__ */ jsx(Input.Description, { size: "xs", children: table.options.localization.filterMode.replace(
-            "{filterType}",
-            localizedFilterOption(getProps(table.options.localization, column.id), filterName) || localizedFilterOption(table.options.localization, filterName) || filterName
-          ) }) : null,
-          functionProps: filterModeDescriptionFunctionProps,
-          children: filterModeDescription
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(Menu.Dropdown, { children: /* @__PURE__ */ jsx(
-      FilterMenu,
-      {
-        enableAdvancedFilters,
-        mode,
-        setMode,
-        col: column.id,
-        opr,
-        filters,
-        table
-      }
-    ) })
-  ] });
-}
-export {
-  ColumnHeaderFilter
-};