fastapi-rtk 0.1.13 → 0.1.14

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+function AdvancedFiltersMenu({ col, colFilter, onClick, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { shadow: "md", width: "target", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.Menu.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Button, { children: "Add filter" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.Menu.Dropdown, { children: colFilter.filters.filter((filter) => !filter.id).map((filter) => /* @__PURE__ */ jsxRuntime.jsx(
+      core.Menu.Item,
+      {
+        onClick: () => onClick({ col, opr: filter.operator, value: "" }),
+        children: filter.name
+      },
+      `${colFilter.label}-${filter.name}`
+    )) })
+  ] });
+}
+exports.AdvancedFiltersMenu = AdvancedFiltersMenu;

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+const utils = require("../../utils.cjs");
+function BasicFilters({ filters, col, opr, table }) {
+  const theme = core.useMantineTheme();
+  return filters.map((filter) => {
+    const checked = filter.operator === opr;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      core.Menu.Item,
+      {
+        color: checked ? theme.primaryColor : void 0,
+        leftSection: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "xl", ta: "center", w: "2ch", style: { transform: "translateY(-0.1em)" }, children: filter.name[0] }),
+        onClick: () => table.setColumnFilterFns((prev) => ({ ...prev, [col]: utils.fromFilterToFilterFn(col, filter.operator) })),
+        value: filter.opr,
+        children: filter.name
+      },
+      filter.operator
+    );
+  });
+}
+exports.BasicFilters = BasicFilters;

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

@@ -0,0 +1,273 @@
+"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/node_modules/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/node_modules/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/node_modules/@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,
+  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);
+  }, []);
+  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/cjs/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilter/HeaderInput.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const useApi = require("../../../../../hooks/api/useApi.cjs");
+const useAuth = require("../../../../../hooks/auth/useAuth.cjs");
+const FallbackWrapper = require("../../../FallbackWrapper.cjs");
+const HeaderTextInput = require("./HeaderInputs/HeaderTextInput.cjs");
+const HeaderInput = React.forwardRef(({ component, ...props }, ref) => {
+  const api = useApi.useApi();
+  const auth = useAuth.useAuth();
+  const functionProps = React.useMemo(() => ({ api, auth, componentProps: { ...props, ref } }), [api, auth, props, ref]);
+  return /* @__PURE__ */ jsxRuntime.jsx(FallbackWrapper.FallbackWrapper, { ref, fallback: /* @__PURE__ */ jsxRuntime.jsx(HeaderTextInput.HeaderTextInput, { ...props }), functionProps, children: component });
+});
+HeaderInput.displayName = "HeaderInput";
+exports.HeaderInput = HeaderInput;

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

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+const React = require("react");
+const IconX = require("../../../../../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconX.cjs");
+const criteria = (v) => v !== void 0 && v !== null && v !== "";
+const HeaderBetweenInput = React.forwardRef(({ clearIcon: _, mrtprops: { textinputprops }, ...props }, ref) => {
+  const { value, onChange, leftInputProps, rightInputProps, groupProps, cleariconprops, ...rest } = props;
+  const [localValues, setLocalValues] = React.useState([null, null]);
+  React.useEffect(() => {
+    if (!value) {
+      setLocalValues([null, null]);
+    }
+  }, [value]);
+  React.useEffect(() => {
+    const stringifiedLocalValues = JSON.stringify(localValues);
+    if (localValues.every(criteria) && stringifiedLocalValues !== value) {
+      onChange(JSON.stringify(localValues));
+    } else if (localValues.every((v) => !criteria(v))) {
+      onChange(void 0);
+    }
+  }, [localValues]);
+  const onNumberChange = React.useCallback((newValue, index) => {
+    setLocalValues((prev) => {
+      const newValues = [...prev];
+      newValues[index] = newValue;
+      return newValues;
+    });
+  }, []);
+  let [value_1, value_2] = localValues;
+  const error_1 = criteria(value_2) && !criteria(value_1);
+  const error_2 = criteria(value_1) && !criteria(value_2);
+  const leftInputRightSection = typeof value_1 === "number" ? /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...cleariconprops, onClick: () => setLocalValues((prev) => [null, prev[1]]), children: /* @__PURE__ */ jsxRuntime.jsx(IconX, {}) }) : null;
+  const rightInputRightSection = typeof value_2 === "number" ? /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...cleariconprops, onClick: () => setLocalValues((prev) => [prev[0], null]), children: /* @__PURE__ */ jsxRuntime.jsx(IconX, {}) }) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { w: "100%", wrap: "nowrap", align: "center", gap: "xs", ...groupProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.NumberInput,
+      {
+        ref,
+        styles: { wrapper: { marginBottom: 0 } },
+        hideControls: true,
+        rightSection: leftInputRightSection,
+        ...rest,
+        ...textinputprops,
+        value: value_1 ?? "",
+        onChange: (value2) => onNumberChange(value2, 0),
+        placeholder: error_1 ? "Start value is required" : "Start value",
+        error: error_1 && " ",
+        ...leftInputProps
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.NumberInput,
+      {
+        styles: { wrapper: { marginBottom: 0 } },
+        hideControls: true,
+        rightSection: rightInputRightSection,
+        ...rest,
+        ...textinputprops,
+        value: value_2 ?? "",
+        onChange: (value2) => onNumberChange(value2, 1),
+        placeholder: error_2 ? "End value is required" : "End value",
+        error: error_2 && " ",
+        ...rightInputProps
+      }
+    )
+  ] });
+});
+HeaderBetweenInput.displayName = "HeaderBetweenInput";
+exports.HeaderBetweenInput = HeaderBetweenInput;

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("fastapi-rtk/utils");
+const core = require("@mantine/core");
+const React = require("react");
+const HeaderBooleanInput = React.forwardRef(({ clearIcon, mrtprops: { selectprops }, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  core.Select,
+  {
+    ref,
+    data: [
+      {
+        value: String(true),
+        label: "True"
+      },
+      {
+        value: String(false),
+        label: "False"
+      }
+    ],
+    ...selectprops,
+    ...props,
+    value: utils.isTruthy(props.value) ? String(props.value) : null,
+    onChange: (value) => props.onChange(utils.isTruthy(value) ? value === String(true) : void 0)
+  }
+));
+HeaderBooleanInput.displayName = "HeaderBooleanInput";
+exports.HeaderBooleanInput = HeaderBooleanInput;

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const dates = require("@mantine/dates");
+const React = require("react");
+const getInitialValues = (type) => type === "range" ? [null, null] : null;
+const checkLocalValues = (type, v) => type === "range" ? v.every((value) => value !== null) : v !== null;
+const HeaderDateInput = React.forwardRef(({ type, clearIcon, mrtprops: { dateinputprops }, ...props }, ref) => {
+  const { value, onChange, ...rest } = props;
+  const [localValues, setLocalValues] = React.useState(getInitialValues(type));
+  React.useEffect(() => {
+    setLocalValues(getInitialValues(type));
+  }, [type]);
+  React.useEffect(() => {
+    if (!value) {
+      setLocalValues(getInitialValues(type));
+    }
+  }, [type, value]);
+  React.useEffect(() => {
+    const stringifiedLocalValues = JSON.stringify(
+      type === "range" ? localValues.map((v) => v ? v.toISOString() : null) : (localValues == null ? void 0 : localValues.toISOString()) ?? null
+    );
+    if (checkLocalValues(type, localValues) && stringifiedLocalValues !== value) {
+      onChange(stringifiedLocalValues);
+    } else if (!checkLocalValues(type, localValues)) {
+      onChange(void 0);
+    }
+  }, [localValues]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dates.DatePickerInput,
+    {
+      ref,
+      type,
+      clearable: true,
+      valueFormat: "DD.MM.YYYY",
+      ...rest,
+      ...dateinputprops,
+      value: type === "range" ? Array.isArray(localValues) ? localValues : [null, null] : Array.isArray(localValues) ? null : localValues,
+      onChange: setLocalValues
+    }
+  );
+});
+HeaderDateInput.displayName = "HeaderDateInput";
+exports.HeaderDateInput = HeaderDateInput;

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+const React = require("react");
+const convertId = require("../../../../../../Wrappers/ApiProvider/utils/convertId.cjs");
+const HeaderMultiSelectInput = React.forwardRef(
+  // eslint-disable-next-line no-unused-vars
+  ({ data, clearIcon, mrtprops: { multiselectprops }, placeholder, ...props }, ref) => {
+    const value = Array.isArray(props.value) ? props.value.map((value2) => typeof value2 === "object" ? String(convertId.convertId(value2.id)) : String(value2)) : [];
+    return /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { ...props, children: [
+      !value.length && /* @__PURE__ */ jsxRuntime.jsx(core.TextInput, { pos: "absolute", placeholder, ...props, value: void 0, onChange: void 0 }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        core.MultiSelect,
+        {
+          ref,
+          styles: { pill: { maxWidth: "5rem" } },
+          data,
+          ...multiselectprops,
+          ...props,
+          value
+        }
+      )
+    ] });
+  }
+);
+HeaderMultiSelectInput.displayName = "HeaderMultiSelectInput";
+exports.HeaderMultiSelectInput = HeaderMultiSelectInput;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+const React = require("react");
+const HeaderSelectInput = React.forwardRef(({ data, clearIcon, mrtprops: { selectprops }, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(core.Select, { ref, data, searchable: true, ...selectprops, ...props, value: props.value ?? null }));
+HeaderSelectInput.displayName = "HeaderSelectInput";
+exports.HeaderSelectInput = HeaderSelectInput;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+const React = require("react");
+const HeaderTagsInput = React.forwardRef(
+  // eslint-disable-next-line no-unused-vars
+  ({ clearIcon, mrtprops: { multiselectprops }, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    core.TagsInput,
+    {
+      ref,
+      styles: { pill: { maxWidth: "5rem" } },
+      ...multiselectprops,
+      ...props,
+      value: props.value ?? [],
+      onChange: (value) => props.onChange(value.length ? value : void 0)
+    }
+  )
+);
+HeaderTagsInput.displayName = "HeaderTagsInput";
+exports.HeaderTagsInput = HeaderTagsInput;

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const HeaderTagsInput = require("./HeaderTagsInput.cjs");
+const HeaderTagsNumberInput = React.forwardRef((props, ref) => {
+  const [searchValue, setSearchValue] = React.useState();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    HeaderTagsInput.HeaderTagsInput,
+    {
+      ref,
+      ...props,
+      searchValue: searchValue ? searchValue.toString() : "",
+      onSearchChange: (value) => {
+        if (!value) {
+          setSearchValue(void 0);
+          return;
+        }
+        const number = Number(value);
+        if (isNaN(number)) {
+          return;
+        }
+        setSearchValue(number);
+      }
+    }
+  );
+});
+HeaderTagsNumberInput.displayName = "HeaderTagsNumberInput";
+exports.HeaderTagsNumberInput = HeaderTagsNumberInput;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+const React = require("react");
+const HeaderTextInput = React.forwardRef(({ clearIcon, mrtprops: { textinputprops }, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(core.TextInput, { ref, rightSection: clearIcon, ...textinputprops, ...props, value: props.value || "" }));
+HeaderTextInput.displayName = "HeaderTextInput";
+exports.HeaderTextInput = HeaderTextInput;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilter/headerinput.module.css.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "_root_yn5fy_1";
+const classes = {
+  root,
+  "date-filter": "_date-filter_yn5fy_5"
+};
+exports.default = classes;
+exports.root = root;

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+const AdvancedFilters = require("./AdvancedFilters.cjs");
+const BasicFilters = require("./BasicFilters.cjs");
+function FilterMenu({ enableAdvancedFilters, mode, setMode, col, opr, filters, table }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    enableAdvancedFilters && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(core.Menu.Item, { component: "div", p: 0, children: /* @__PURE__ */ jsxRuntime.jsx(core.SegmentedControl, { fullWidth: true, size: "sm", data: ["Basic", "Advanced"], value: mode, onChange: setMode }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(core.Menu.Divider, {})
+    ] }),
+    mode === "Basic" && /* @__PURE__ */ jsxRuntime.jsx(BasicFilters.BasicFilters, { filters, col, opr, table }),
+    mode === "Advanced" && /* @__PURE__ */ jsxRuntime.jsx(AdvancedFilters.AdvancedFilters, { col })
+  ] });
+}
+exports.FilterMenu = FilterMenu;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+function MultiLineHighlight({ highlight, truncate, children }) {
+  return Array.isArray(children) ? children.map(
+    (c, index) => {
+      var _a;
+      return ((_a = truncate == null ? void 0 : truncate[index]) == null ? void 0 : _a.truncated) ? /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: truncate[index].original, children: /* @__PURE__ */ jsxRuntime.jsx(core.Highlight, { highlight, children: truncate[index].truncated }, index) }, index) : /* @__PURE__ */ jsxRuntime.jsx(core.Highlight, { highlight, children: c }, index);
+    }
+  ) : (truncate == null ? void 0 : truncate.truncated) ? /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: truncate.original, children: /* @__PURE__ */ jsxRuntime.jsx(core.Highlight, { highlight, children: truncate.truncated }) }) : /* @__PURE__ */ jsxRuntime.jsx(core.Highlight, { highlight, children });
+}
+exports.MultiLineHighlight = MultiLineHighlight;