fastapi-rtk 2.1.4 → 2.2.0

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

@@ -7,11 +7,9 @@ import { useField } from "@mantine/form";
 import { useElementSize, useMergedRef, useDidUpdate } from "@mantine/hooks";
 import { clsx } from "../../../../../../../.external/esm/clsx@2.1.1/clsx/dist/clsx.mjs";
 import { forwardRef, cloneElement, useMemo, useRef } from "react";
-import { useApi } from "../../../../../hooks/api/useApi.mjs";
-import "../../../../../Wrappers/Provider/Contexts/LangContext.mjs";
+import { useTranslation, useApi } from "fastapi-rtk/contexts";
 import { getBasicInput } from "../utils.mjs";
 import { HeaderInput } from "./HeaderInput.mjs";
-import { useTranslation } from "../../../../../../../.external/esm/react-i18next@15.7.4_i18next@25.8.0_typescript@5.9.3__react-dom@19.2.3_react@19.2.3__react@19.2.3_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
 const getLocalStorageValue = (key, defaultValue) => {
   const value = localStorage.getItem(key);
   if (value === null) {
@@ -35,14 +33,16 @@ const setLocalStorageValue = (key, value) => {
     }
   }
 };
-const FilterIconWrapper = forwardRef(({ label, disabled, children, ...props }, ref) => {
+const FilterIconWrapper = forwardRef((props, ref) => {
+  const { label, disabled, children, ...rest } = props;
   if (disabled) {
     return cloneElement(children, { ref });
   }
-  return /* @__PURE__ */ jsx(Tooltip, { label, ...props, children: cloneElement(children, { ref }) });
+  return /* @__PURE__ */ jsx(Tooltip, { label, ...rest, children: cloneElement(children, { ref }) });
 });
 FilterIconWrapper.displayName = "FilterIconWrapper";
-const FilterIndicatorWrapper = forwardRef(({ indicator, children, ...props }, ref) => {
+const FilterIndicatorWrapper = forwardRef((props, ref) => {
+  const { indicator, children, ...rest } = props;
   const { height, ref: elementRef } = useElementSize();
   const combinedRefs = useMergedRef(ref, elementRef);
   if (!indicator) {
@@ -50,25 +50,26 @@ const FilterIndicatorWrapper = forwardRef(({ indicator, children, ...props }, re
   }
   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 }) });
+  return /* @__PURE__ */ jsx(Indicator, { zIndex: 20, size: 16, label: indicator, styles: { root: { height: height + heightOffset } }, ...rest, children: cloneElement(children, { ref: combinedRefs }) });
 });
 FilterIndicatorWrapper.displayName = "FilterIndicatorWrapper";
-function ColumnHeaderFilterInput({
-  children,
-  opr,
-  enableFilterModes,
-  filters,
-  filterProps,
-  filterState,
-  filterSync,
-  updateQueryParams,
-  withLocalStorage,
-  localStorageKey,
-  actionIconProps,
-  functionProps,
-  mrtProps
-}) {
+function ColumnHeaderFilterInput(props) {
   var _a, _b;
+  const {
+    children,
+    opr,
+    enableFilterModes,
+    filters,
+    filterProps,
+    filterState,
+    filterSync,
+    updateQueryParams,
+    withLocalStorage,
+    localStorageKey,
+    actionIconProps,
+    functionProps,
+    mrtProps
+  } = props;
   const { t } = useTranslation();
   const { column } = mrtProps;
   const { path, info, queryParams, setQueryParams } = useApi();
@@ -76,7 +77,10 @@ function ColumnHeaderFilterInput({
     var _a2, _b2;
     return (_b2 = (_a2 = info == null ? void 0 : info.filters) == null ? void 0 : _a2[column.id]) == null ? void 0 : _b2.schema;
   }, [column.id, info == null ? void 0 : info.filters]);
-  const field = useField({ mode: "controlled" });
+  const field = useField(
+    // #MUSTASSERT #MUSTUNKNOWN see above: the controlled field's `initialValue` is supplied externally, not at construction.
+    { mode: "controlled" }
+  );
   useSyncValues(
     [
       { value: field.getValue(), onChange: field.getInputProps().onChange },
@@ -84,6 +88,7 @@ function ColumnHeaderFilterInput({
       ...withLocalStorage ? [
         {
           value: getLocalStorageValue(localStorageKey ?? `nextgen-datagrid-${path}-${column}`),
+          // #MUSTANY the synchronized filter value is operator-dependent and of arbitrary shape.
           onChange: (value) => setLocalStorageValue(localStorageKey ?? `nextgen-datagrid-${path}-${column}`, value)
         }
       ] : [],
@@ -91,6 +96,7 @@ function ColumnHeaderFilterInput({
       ...updateQueryParams ? [
         {
           value: (_b = (_a = queryParams == null ? void 0 : queryParams.filters) == null ? void 0 : _a.find((qpFilter) => qpFilter.id === column.id)) == null ? void 0 : _b.value,
+          // #MUSTANY the synchronized filter value is operator-dependent and of arbitrary shape.
           onChange: (value) => {
             setQueryParams((prev) => {
               let newFilters = [...(prev == null ? void 0 : prev.filters) ?? []];
@@ -146,7 +152,16 @@ function ColumnHeaderFilterInput({
     }
   }, [opr]);
   const component = useMemo(
-    () => getValueOrDefault(enableFilterModes ? children == null ? void 0 : children[opr] : children, getBasicInput(opr, schema)),
+    () => getValueOrDefault(
+      enableFilterModes ? (
+        // #MUSTASSERT with `enableFilterModes`, `children` is the operator-keyed map branch of the `FilterComponentChildren` union; narrow to it.
+        children == null ? void 0 : children[opr]
+      ) : (
+        // #MUSTASSERT without `enableFilterModes`, `children` is the single-component branch of the `FilterComponentChildren` union; narrow to it.
+        children
+      ),
+      getBasicInput(opr, schema)
+    ),
     [children, enableFilterModes, opr, schema]
   );
   const clearIconProps = useMemo(
@@ -157,6 +172,7 @@ function ColumnHeaderFilterInput({
   const headerInputProps = useMemo(
     () => {
       var _a2, _b2;
+      const tableFilterProps = mrtProps.table;
       return {
         w: "100%",
         variant: "unstyled",
@@ -175,27 +191,27 @@ function ColumnHeaderFilterInput({
           ...mrtProps,
           textinputprops: {
             className: clsx("mrt-filter-text-input", classes.root),
-            ...parseFromValuesOrFunc(mrtProps.table.mantineFilterTextInputProps, mrtProps),
+            ...parseFromValuesOrFunc(tableFilterProps.mantineFilterTextInputProps, mrtProps),
             ...parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterTextInputProps, mrtProps)
           },
           selectprops: {
             className: clsx("mrt-filter-text-input", classes.root),
-            ...parseFromValuesOrFunc(mrtProps.table.mantineFilterSelectProps || { clearable: true }, mrtProps),
+            ...parseFromValuesOrFunc(tableFilterProps.mantineFilterSelectProps || { clearable: true }, mrtProps),
             ...parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterSelectProps, mrtProps)
           },
           multiselectprops: {
             className: clsx("mrt-filter-text-input", classes.root),
-            ...parseFromValuesOrFunc(mrtProps.table.mantineFilterMultiSelectProps || { clearable: true }, mrtProps),
+            ...parseFromValuesOrFunc(tableFilterProps.mantineFilterMultiSelectProps || { clearable: true }, mrtProps),
             ...parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterMultiSelectProps, mrtProps)
           },
           dateinputprops: {
             className: clsx("mrt-filter-text-input", classes.root, classes["date-filter"]),
-            ...parseFromValuesOrFunc(mrtProps.table.mantineFilterDateInputProps, mrtProps),
+            ...parseFromValuesOrFunc(tableFilterProps.mantineFilterDateInputProps, mrtProps),
             ...parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterDateInputProps, mrtProps)
           },
           autocompleteprops: {
             className: clsx("mrt-filter-text-input", classes.root),
-            ...parseFromValuesOrFunc(mrtProps.table.mantineFilterAutocompleteProps, mrtProps),
+            ...parseFromValuesOrFunc(tableFilterProps.mantineFilterAutocompleteProps, mrtProps),
             ...parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterAutocompleteProps, mrtProps)
           }
         },

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/HeaderInput.mjs

@@ -2,12 +2,21 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
 import { FallbackWrapper } from "../../../FallbackWrapper.mjs";
 import { HeaderTextInput } from "./HeaderInputs/HeaderTextInput.mjs";
-const HeaderInput = forwardRef(({ component, functionProps: _functionProps, ...props }, ref) => {
+const HeaderInput = forwardRef((props, ref) => {
+  const { component, functionProps: _functionProps, ...rest } = props;
   const functionProps = useMemo(
-    () => ({ ..._functionProps, componentProps: { ...props, ref } }),
-    [_functionProps, props, ref]
+    () => ({ ..._functionProps, componentProps: { ...rest, ref } }),
+    [_functionProps, rest, ref]
+  );
+  return /* @__PURE__ */ jsx(
+    FallbackWrapper,
+    {
+      ref,
+      fallback: /* @__PURE__ */ jsx(HeaderTextInput, { ...rest }),
+      functionProps,
+      children: component
+    }
   );
-  return /* @__PURE__ */ jsx(FallbackWrapper, { ref, fallback: /* @__PURE__ */ jsx(HeaderTextInput, { ...props }), functionProps, children: component });
 });
 HeaderInput.displayName = "HeaderInput";
 export {

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/HeaderInputs/HeaderBetweenInput.mjs

@@ -2,11 +2,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { ActionIcon, Group, NumberInput } from "@mantine/core";
 import { forwardRef, useState, useEffect, useCallback } from "react";
 import ForwardRef from "../../../../../../_virtual/x.mjs";
-import "../../../../../../Wrappers/Provider/Contexts/LangContext.mjs";
-import { useTranslation } from "../../../../../../../../.external/esm/react-i18next@15.7.4_i18next@25.8.0_typescript@5.9.3__react-dom@19.2.3_react@19.2.3__react@19.2.3_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
+import { useTranslation } from "fastapi-rtk/contexts";
 const criteria = (v) => v !== void 0 && v !== null && v !== "";
-const HeaderBetweenInput = forwardRef(({ clearIcon: _, mrtprops: { textinputprops }, ...props }, ref) => {
-  const { value, onChange, leftInputProps, rightInputProps, groupProps, cleariconprops, ...rest } = props;
+const HeaderBetweenInput = forwardRef((props, ref) => {
+  const {
+    clearIcon: _,
+    mrtprops: { textinputprops },
+    ..._props
+  } = props;
+  const { value, onChange, leftInputProps, rightInputProps, groupProps, cleariconprops, ...rest } = _props;
   const { t } = useTranslation();
   const [localValues, setLocalValues] = useState([null, null]);
   useEffect(() => {
@@ -29,11 +33,11 @@ const HeaderBetweenInput = forwardRef(({ clearIcon: _, mrtprops: { textinputprop
       return newValues;
     });
   }, []);
-  let [value_1, value_2] = localValues;
+  const [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__ */ jsx(ActionIcon, { ...cleariconprops, onClick: () => setLocalValues((prev) => [null, prev[1]]), children: /* @__PURE__ */ jsx(ForwardRef, {}) }) : null;
-  const rightInputRightSection = typeof value_2 === "number" ? /* @__PURE__ */ jsx(ActionIcon, { ...cleariconprops, onClick: () => setLocalValues((prev) => [prev[0], null]), children: /* @__PURE__ */ jsx(ForwardRef, {}) }) : null;
+  const leftInputRightSection = typeof value_1 === "number" ? /* @__PURE__ */ jsx(ActionIcon, { ...cleariconprops, onClick: () => setLocalValues((prev) => [null, prev[1] ?? null]), children: /* @__PURE__ */ jsx(ForwardRef, {}) }) : null;
+  const rightInputRightSection = typeof value_2 === "number" ? /* @__PURE__ */ jsx(ActionIcon, { ...cleariconprops, onClick: () => setLocalValues((prev) => [prev[0] ?? null, null]), children: /* @__PURE__ */ jsx(ForwardRef, {}) }) : null;
   return /* @__PURE__ */ jsxs(Group, { w: "100%", wrap: "nowrap", align: "center", gap: "xs", ...groupProps, children: [
     /* @__PURE__ */ jsx(
       NumberInput,

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/HeaderInputs/HeaderBooleanInput.mjs

@@ -2,26 +2,33 @@ import { jsx } from "react/jsx-runtime";
 import { isTruthy } from "fastapi-rtk/utils";
 import { Select } from "@mantine/core";
 import { forwardRef } from "react";
-const HeaderBooleanInput = forwardRef(({ clearIcon, mrtprops: { selectprops }, ...props }, ref) => /* @__PURE__ */ jsx(
-  Select,
-  {
-    ref,
-    data: [
-      {
-        value: String(true),
-        label: "True"
-      },
-      {
-        value: String(false),
-        label: "False"
-      }
-    ],
-    ...selectprops,
-    ...props,
-    value: isTruthy(props.value) ? String(props.value) : null,
-    onChange: (value) => props.onChange(isTruthy(value) ? value === String(true) : void 0)
-  }
-));
+const HeaderBooleanInput = forwardRef((props, ref) => {
+  const {
+    clearIcon,
+    mrtprops: { selectprops },
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      ref,
+      data: [
+        {
+          value: String(true),
+          label: "True"
+        },
+        {
+          value: String(false),
+          label: "False"
+        }
+      ],
+      ...selectprops,
+      ...rest,
+      value: isTruthy(rest.value) ? String(rest.value) : null,
+      onChange: (value) => rest.onChange(isTruthy(value) ? value === String(true) : void 0)
+    }
+  );
+});
 HeaderBooleanInput.displayName = "HeaderBooleanInput";
 export {
   HeaderBooleanInput

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/HeaderInputs/HeaderDateInput.mjs

@@ -2,9 +2,18 @@ import { jsx } from "react/jsx-runtime";
 import { DatePickerInput } from "@mantine/dates";
 import { forwardRef, useState, useEffect } from "react";
 const getInitialValues = (type) => type === "range" ? [null, null] : null;
-const checkLocalValues = (type, v) => type === "range" ? v.every((value) => value !== null) : v !== null;
-const HeaderDateInput = forwardRef(({ type, clearIcon, mrtprops: { dateinputprops }, ...props }, ref) => {
-  const { value, onChange, ...rest } = props;
+const checkLocalValues = (type, v) => (
+  // #MUSTASSERT when `type` is `'range'` the value is the tuple branch of `DateLocalValues`; the union cannot be narrowed by the runtime `type` string.
+  type === "range" ? v.every((value) => value !== null) : v !== null
+);
+const HeaderDateInput = forwardRef((props, ref) => {
+  const {
+    type,
+    clearIcon,
+    mrtprops: { dateinputprops },
+    ..._props
+  } = props;
+  const { value, onChange, ...rest } = _props;
   const [localValues, setLocalValues] = useState(getInitialValues(type));
   useEffect(() => {
     setLocalValues(getInitialValues(type));

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/HeaderInputs/HeaderMultiSelectInput.mjs

@@ -2,31 +2,35 @@ import { jsx } from "react/jsx-runtime";
 import { convertId, getItemId } from "fastapi-rtk/utils";
 import { MultiSelect } from "@mantine/core";
 import { forwardRef } from "react";
-const HeaderMultiSelectInput = 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(getItemId(value2))) : String(value2)) : [];
-    //! Hotfix for multi select resizing when placeholder or searchable is enabled.
-    let styles = { ...multiselectprops == null ? void 0 : multiselectprops.styles, ...props == null ? void 0 : props.styles };
-    styles["inputField"] = { width: "100%", ...styles == null ? void 0 : styles.inputField };
-    //! Hotfix for the pills list and the clear button overlapping when the value is too long.
-    styles["pillsList"] = { maxWidth: `calc(100% - 1rem)`, ...styles == null ? void 0 : styles.pillsList };
-    return /* @__PURE__ */ jsx(
-      MultiSelect,
-      {
-        ref,
-        data,
-        placeholder: value.length ? void 0 : placeholder,
-        searchable: true,
-        ...multiselectprops,
-        ...props,
-        value,
-        onChange: (newValue) => props.onChange(newValue.length ? newValue : void 0),
-        styles
-      }
-    );
-  }
-);
+const HeaderMultiSelectInput = forwardRef((props, ref) => {
+  const {
+    data,
+    clearIcon,
+    mrtprops: { multiselectprops },
+    placeholder,
+    ...rest
+  } = props;
+  const value = Array.isArray(rest.value) ? rest.value.map((value2) => typeof value2 === "object" ? String(convertId(getItemId(value2))) : String(value2)) : [];
+  //! Hotfix for multi select resizing when placeholder or searchable is enabled.
+  const styles = { ...multiselectprops == null ? void 0 : multiselectprops.styles, ...rest == null ? void 0 : rest.styles };
+  styles["inputField"] = { width: "100%", ...styles == null ? void 0 : styles.inputField };
+  //! Hotfix for the pills list and the clear button overlapping when the value is too long.
+  styles["pillsList"] = { maxWidth: `calc(100% - 1rem)`, ...styles == null ? void 0 : styles.pillsList };
+  return /* @__PURE__ */ jsx(
+    MultiSelect,
+    {
+      ref,
+      data,
+      placeholder: value.length ? void 0 : placeholder,
+      searchable: true,
+      ...multiselectprops,
+      ...rest,
+      value,
+      onChange: (newValue) => rest.onChange(newValue.length ? newValue : void 0),
+      styles
+    }
+  );
+});
 HeaderMultiSelectInput.displayName = "HeaderMultiSelectInput";
 export {
   HeaderMultiSelectInput

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/HeaderInputs/HeaderNumberInput.mjs

@@ -1,17 +1,24 @@
 import { jsx } from "react/jsx-runtime";
 import { NumberInput } from "@mantine/core";
 import { forwardRef } from "react";
-const HeaderNumberInput = forwardRef(({ clearIcon, mrtprops: { textinputprops }, ...props }, ref) => /* @__PURE__ */ jsx(
-  NumberInput,
-  {
-    ref,
-    rightSection: clearIcon,
-    ...textinputprops,
-    ...props,
-    value: props.value ?? "",
-    onChange: (value) => props.onChange(typeof value === "string" ? value || void 0 : value ?? void 0)
-  }
-));
+const HeaderNumberInput = forwardRef((props, ref) => {
+  const {
+    clearIcon,
+    mrtprops: { textinputprops },
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx(
+    NumberInput,
+    {
+      ref,
+      rightSection: clearIcon,
+      ...textinputprops,
+      ...rest,
+      value: rest.value ?? "",
+      onChange: (value) => rest.onChange(typeof value === "string" ? value || void 0 : value ?? void 0)
+    }
+  );
+});
 HeaderNumberInput.displayName = "HeaderNumberInput";
 export {
   HeaderNumberInput

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/HeaderInputs/HeaderSelectInput.mjs

@@ -1,18 +1,26 @@
 import { jsx } from "react/jsx-runtime";
 import { Select } from "@mantine/core";
 import { forwardRef } from "react";
-const HeaderSelectInput = forwardRef(({ data, clearIcon, mrtprops: { selectprops }, ...props }, ref) => /* @__PURE__ */ jsx(
-  Select,
-  {
-    ref,
+const HeaderSelectInput = forwardRef((props, ref) => {
+  const {
     data,
-    searchable: true,
-    ...selectprops,
-    ...props,
-    value: props.value ?? null,
-    onChange: (value) => props.onChange(value ?? void 0)
-  }
-));
+    clearIcon,
+    mrtprops: { selectprops },
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      ref,
+      data,
+      searchable: true,
+      ...selectprops,
+      ...rest,
+      value: rest.value ?? null,
+      onChange: (value) => rest.onChange(value ?? void 0)
+    }
+  );
+});
 HeaderSelectInput.displayName = "HeaderSelectInput";
 export {
   HeaderSelectInput

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/HeaderInputs/HeaderTagsInput.mjs

@@ -1,20 +1,25 @@
 import { jsx } from "react/jsx-runtime";
 import { TagsInput } from "@mantine/core";
 import { forwardRef } from "react";
-const HeaderTagsInput = forwardRef(
-  // eslint-disable-next-line no-unused-vars
-  ({ clearIcon, mrtprops: { multiselectprops }, ...props }, ref) => /* @__PURE__ */ jsx(
+const HeaderTagsInput = forwardRef((props, ref) => {
+  const {
+    clearIcon,
+    mrtprops: { multiselectprops },
+    ...rest
+  } = props;
+  const tagsInputProps = multiselectprops;
+  return /* @__PURE__ */ jsx(
     TagsInput,
     {
       ref,
       styles: { pill: { maxWidth: "5rem" } },
-      ...multiselectprops,
-      ...props,
-      value: props.value ?? [],
-      onChange: (value) => props.onChange(value.length ? value : void 0)
+      ...tagsInputProps,
+      ...rest,
+      value: rest.value ?? [],
+      onChange: (value) => rest.onChange(value.length ? value : void 0)
     }
-  )
-);
+  );
+});
 HeaderTagsInput.displayName = "HeaderTagsInput";
 export {
   HeaderTagsInput

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/HeaderInputs/HeaderTextInput.mjs

@@ -1,17 +1,24 @@
 import { jsx } from "react/jsx-runtime";
 import { TextInput } from "@mantine/core";
 import { forwardRef } from "react";
-const HeaderTextInput = forwardRef(({ clearIcon, mrtprops: { textinputprops }, ...props }, ref) => /* @__PURE__ */ jsx(
-  TextInput,
-  {
-    ref,
-    rightSection: clearIcon,
-    ...textinputprops,
-    ...props,
-    value: props.value || "",
-    onChange: (e) => props.onChange(e.target.value || void 0)
-  }
-));
+const HeaderTextInput = forwardRef((props, ref) => {
+  const {
+    clearIcon,
+    mrtprops: { textinputprops },
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      ref,
+      rightSection: clearIcon,
+      ...textinputprops,
+      ...rest,
+      value: rest.value || "",
+      onChange: (e) => rest.onChange(e.target.value || void 0)
+    }
+  );
+});
 HeaderTextInput.displayName = "HeaderTextInput";
 export {
   HeaderTextInput

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

@@ -4,46 +4,46 @@ import { useDisclosure } from "@mantine/hooks";
 import { forwardRef, cloneElement } from "react";
 import ForwardRef from "../../../../_virtual/filter-cog.mjs";
 import { FallbackWrapper } from "../../FallbackWrapper.mjs";
-const FilterMenuButton = forwardRef(
-  ({ table, filters, filterMenu, filterIconWrapperProps, actionIconProps, functionProps, children }, ref) => {
-    const [opened, { toggle }] = useDisclosure();
-    return /* @__PURE__ */ jsxs(Menu, { opened, closeOnClickOutside: true, onChange: toggle, children: [
-      /* @__PURE__ */ jsx(Menu.Target, { ref, children: /* @__PURE__ */ jsx(
-        FallbackWrapper,
-        {
-          fallback: filters.length ? /* @__PURE__ */ jsx(
-            FilterIconWrapper,
-            {
-              label: table.options.localization.changeFilterMode,
-              position: "bottom-start",
-              withArrow: true,
-              arrowPosition: "side",
-              ...filterIconWrapperProps,
-              children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, onClick: toggle, children: /* @__PURE__ */ jsx(ForwardRef, {}) })
-            }
-          ) : null,
-          functionProps: {
-            ...functionProps,
-            componentProps: {
-              label: table.options.localization.changeFilterMode,
-              disabled: !(filters == null ? void 0 : filters.length),
-              actionIconProps,
-              onClick: toggle
-            }
-          },
-          children: filterMenu
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Menu.Dropdown, { children })
-    ] });
-  }
-);
+const FilterMenuButton = forwardRef((props, ref) => {
+  const { table, filters, filterMenu, filterIconWrapperProps, actionIconProps, functionProps, children } = props;
+  const [opened, { toggle }] = useDisclosure();
+  return /* @__PURE__ */ jsxs(Menu, { opened, closeOnClickOutside: true, onChange: toggle, children: [
+    /* @__PURE__ */ jsx(Menu.Target, { ...{ ref }, children: /* @__PURE__ */ jsx(
+      FallbackWrapper,
+      {
+        fallback: filters.length ? /* @__PURE__ */ jsx(
+          FilterIconWrapper,
+          {
+            label: table.options.localization.changeFilterMode,
+            position: "bottom-start",
+            withArrow: true,
+            arrowPosition: "side",
+            ...filterIconWrapperProps,
+            children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, onClick: toggle, children: /* @__PURE__ */ jsx(ForwardRef, {}) })
+          }
+        ) : null,
+        functionProps: {
+          ...functionProps,
+          componentProps: {
+            label: table.options.localization.changeFilterMode,
+            disabled: !(filters == null ? void 0 : filters.length),
+            actionIconProps,
+            onClick: toggle
+          }
+        },
+        children: filterMenu
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Menu.Dropdown, { children })
+  ] });
+});
 FilterMenuButton.displayName = "FilterMenuButton";
-const FilterIconWrapper = forwardRef(({ label, disabled, children, ...props }, ref) => {
+const FilterIconWrapper = forwardRef((props, ref) => {
+  const { label, disabled, children, ...rest } = props;
   if (disabled) {
     return cloneElement(children, { ref });
   }
-  return /* @__PURE__ */ jsx(Tooltip, { label, ...props, children: cloneElement(children, { ref }) });
+  return /* @__PURE__ */ jsx(Tooltip, { label, ...rest, children: cloneElement(children, { ref }) });
 });
 FilterIconWrapper.displayName = "FilterIconWrapper";
 export {

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

@@ -1,10 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "fastapi-rtk/utils";
 import { Input } from "@mantine/core";
-import { localizedFilterOption } from "../../../../../../.external/esm/mantine-react-table@2.0.0-beta.9_patch_hash_046f1b0f764b8dc88804170e4ca8f096de0796df0be_2e8cfd91765713166f4d486da3b54b13/mantine-react-table/dist/index.esm.mjs";
+import { localizedFilterOption } from "../../../../../../.external/esm/mantine-react-table@2.0.0-beta.9_patch_hash_b9fcaf5fc0698f1949127d6bfb1f154a5bd28d0d1fe_7b4bd73d03bc0c4b3e9706b344be0f5a/mantine-react-table/dist/index.esm.mjs";
 import { useMemo } from "react";
 import { FallbackWrapper } from "../../FallbackWrapper.mjs";
-const FilterModeDescription = ({ table, column, opr, filters, filterModeDescription, functionProps }) => {
+const FilterModeDescription = (props) => {
+  const { table, column, opr, filters, filterModeDescription, functionProps } = props;
   const filterName = useMemo(() => {
     var _a;
     return (_a = filters == null ? void 0 : filters.find((f) => f.operator === opr)) == null ? void 0 : _a.name;
@@ -14,7 +15,13 @@ const FilterModeDescription = ({ table, column, opr, filters, filterModeDescript
     {
       fallback: filters.length ? /* @__PURE__ */ jsx(Input.Description, { size: "xs", children: table.options.localization.filterMode.replace(
         "{filterType}",
-        localizedFilterOption(mergeProps(table.options.localization, column.id), filterName) || localizedFilterOption(table.options.localization, filterName) || filterName
+        localizedFilterOption(
+          // #MUSTASSERT `mergeProps` yields a free-form bag, not the narrow `MRT_Localization` type.
+          mergeProps(table.options.localization, column.id),
+          // #MUSTASSERT `filterName` is an arbitrary filter name, not the narrow `MRT_FilterOption` union.
+          filterName
+        ) || // #MUSTASSERT `filterName` is an arbitrary filter name, not the narrow `MRT_FilterOption` union.
+        localizedFilterOption(table.options.localization, filterName) || filterName || ""
       ) }) : null,
       functionProps: { ...functionProps, componentProps: { value: filterName } },
       children: filterModeDescription