fastapi-rtk 0.1.21 → 0.1.22

package/dist/.external/cjs/{dompurify@3.2.5 → dompurify@3.2.6}/dompurify/dist/purify.es.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! @license DOMPurify 3.2.5 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.5/LICENSE */
+/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
 const {
   entries,
   setPrototypeOf,
@@ -150,7 +150,7 @@ const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm);
 const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/);
 const ARIA_ATTR = seal(/^aria-[\-\w]+$/);
 const IS_ALLOWED_URI = seal(
-  /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
+  /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
   // eslint-disable-line no-useless-escape
 );
 const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
@@ -224,7 +224,7 @@ const _createHooksMap = function _createHooksMap2() {
 function createDOMPurify() {
   let window2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal();
   const DOMPurify = (root) => createDOMPurify(root);
-  DOMPurify.version = "3.2.5";
+  DOMPurify.version = "3.2.6";
   DOMPurify.removed = [];
   if (!window2 || !window2.document || window2.document.nodeType !== NODE_TYPE.document || !window2.Element) {
     DOMPurify.isSupported = false;
@@ -371,8 +371,8 @@ function createDOMPurify() {
     URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, "ADD_URI_SAFE_ATTR") ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
     DATA_URI_TAGS = objectHasOwnProperty(cfg, "ADD_DATA_URI_TAGS") ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
     FORBID_CONTENTS = objectHasOwnProperty(cfg, "FORBID_CONTENTS") ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
-    FORBID_TAGS = objectHasOwnProperty(cfg, "FORBID_TAGS") ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};
-    FORBID_ATTR = objectHasOwnProperty(cfg, "FORBID_ATTR") ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};
+    FORBID_TAGS = objectHasOwnProperty(cfg, "FORBID_TAGS") ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : clone({});
+    FORBID_ATTR = objectHasOwnProperty(cfg, "FORBID_ATTR") ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : clone({});
     USE_PROFILES = objectHasOwnProperty(cfg, "USE_PROFILES") ? cfg.USE_PROFILES : false;
     ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false;
     ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false;
@@ -636,7 +636,7 @@ function createDOMPurify() {
       tagName,
       allowedTags: ALLOWED_TAGS
     });
-    if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\w!]/g, currentNode.textContent)) {
+    if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\w!]/g, currentNode.textContent)) {
       _forceRemove(currentNode);
       return true;
     }
@@ -749,7 +749,8 @@ function createDOMPurify() {
         value: attrValue
       } = attr;
       const lcName = transformCaseFunc(name);
-      let value = name === "value" ? attrValue : stringTrim(attrValue);
+      const initValue = attrValue;
+      let value = name === "value" ? initValue : stringTrim(initValue);
       hookEvent.attrName = lcName;
       hookEvent.attrValue = value;
       hookEvent.keepAttr = true;
@@ -767,8 +768,8 @@ function createDOMPurify() {
       if (hookEvent.forceKeepAttr) {
         continue;
       }
-      _removeAttribute(name, currentNode);
       if (!hookEvent.keepAttr) {
+        _removeAttribute(name, currentNode);
         continue;
       }
       if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
@@ -782,6 +783,7 @@ function createDOMPurify() {
       }
       const lcTag = transformCaseFunc(currentNode.nodeName);
       if (!_isValidAttribute(lcTag, lcName, value)) {
+        _removeAttribute(name, currentNode);
         continue;
       }
       if (trustedTypesPolicy && typeof trustedTypes === "object" && typeof trustedTypes.getAttributeType === "function") {
@@ -799,18 +801,21 @@ function createDOMPurify() {
           }
         }
       }
-      try {
-        if (namespaceURI) {
-          currentNode.setAttributeNS(namespaceURI, name, value);
-        } else {
-          currentNode.setAttribute(name, value);
-        }
-        if (_isClobbered(currentNode)) {
-          _forceRemove(currentNode);
-        } else {
-          arrayPop(DOMPurify.removed);
+      if (value !== initValue) {
+        try {
+          if (namespaceURI) {
+            currentNode.setAttributeNS(namespaceURI, name, value);
+          } else {
+            currentNode.setAttribute(name, value);
+          }
+          if (_isClobbered(currentNode)) {
+            _forceRemove(currentNode);
+          } else {
+            arrayPop(DOMPurify.removed);
+          }
+        } catch (_) {
+          _removeAttribute(name, currentNode);
         }
-      } catch (_) {
       }
     }
     _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);

package/dist/.external/esm/{dompurify@3.2.5 → dompurify@3.2.6}/dompurify/dist/purify.es.mjs

@@ -1,4 +1,4 @@
-/*! @license DOMPurify 3.2.5 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.5/LICENSE */
+/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
 const {
   entries,
   setPrototypeOf,
@@ -149,7 +149,7 @@ const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm);
 const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/);
 const ARIA_ATTR = seal(/^aria-[\-\w]+$/);
 const IS_ALLOWED_URI = seal(
-  /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
+  /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
   // eslint-disable-line no-useless-escape
 );
 const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
@@ -223,7 +223,7 @@ const _createHooksMap = function _createHooksMap2() {
 function createDOMPurify() {
   let window2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal();
   const DOMPurify = (root) => createDOMPurify(root);
-  DOMPurify.version = "3.2.5";
+  DOMPurify.version = "3.2.6";
   DOMPurify.removed = [];
   if (!window2 || !window2.document || window2.document.nodeType !== NODE_TYPE.document || !window2.Element) {
     DOMPurify.isSupported = false;
@@ -370,8 +370,8 @@ function createDOMPurify() {
     URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, "ADD_URI_SAFE_ATTR") ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
     DATA_URI_TAGS = objectHasOwnProperty(cfg, "ADD_DATA_URI_TAGS") ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
     FORBID_CONTENTS = objectHasOwnProperty(cfg, "FORBID_CONTENTS") ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
-    FORBID_TAGS = objectHasOwnProperty(cfg, "FORBID_TAGS") ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};
-    FORBID_ATTR = objectHasOwnProperty(cfg, "FORBID_ATTR") ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};
+    FORBID_TAGS = objectHasOwnProperty(cfg, "FORBID_TAGS") ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : clone({});
+    FORBID_ATTR = objectHasOwnProperty(cfg, "FORBID_ATTR") ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : clone({});
     USE_PROFILES = objectHasOwnProperty(cfg, "USE_PROFILES") ? cfg.USE_PROFILES : false;
     ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false;
     ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false;
@@ -635,7 +635,7 @@ function createDOMPurify() {
       tagName,
       allowedTags: ALLOWED_TAGS
     });
-    if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\w!]/g, currentNode.textContent)) {
+    if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\w!]/g, currentNode.textContent)) {
       _forceRemove(currentNode);
       return true;
     }
@@ -748,7 +748,8 @@ function createDOMPurify() {
         value: attrValue
       } = attr;
       const lcName = transformCaseFunc(name);
-      let value = name === "value" ? attrValue : stringTrim(attrValue);
+      const initValue = attrValue;
+      let value = name === "value" ? initValue : stringTrim(initValue);
       hookEvent.attrName = lcName;
       hookEvent.attrValue = value;
       hookEvent.keepAttr = true;
@@ -766,8 +767,8 @@ function createDOMPurify() {
       if (hookEvent.forceKeepAttr) {
         continue;
       }
-      _removeAttribute(name, currentNode);
       if (!hookEvent.keepAttr) {
+        _removeAttribute(name, currentNode);
         continue;
       }
       if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
@@ -781,6 +782,7 @@ function createDOMPurify() {
       }
       const lcTag = transformCaseFunc(currentNode.nodeName);
       if (!_isValidAttribute(lcTag, lcName, value)) {
+        _removeAttribute(name, currentNode);
         continue;
       }
       if (trustedTypesPolicy && typeof trustedTypes === "object" && typeof trustedTypes.getAttributeType === "function") {
@@ -798,18 +800,21 @@ function createDOMPurify() {
           }
         }
       }
-      try {
-        if (namespaceURI) {
-          currentNode.setAttributeNS(namespaceURI, name, value);
-        } else {
-          currentNode.setAttribute(name, value);
-        }
-        if (_isClobbered(currentNode)) {
-          _forceRemove(currentNode);
-        } else {
-          arrayPop(DOMPurify.removed);
+      if (value !== initValue) {
+        try {
+          if (namespaceURI) {
+            currentNode.setAttributeNS(namespaceURI, name, value);
+          } else {
+            currentNode.setAttribute(name, value);
+          }
+          if (_isClobbered(currentNode)) {
+            _forceRemove(currentNode);
+          } else {
+            arrayPop(DOMPurify.removed);
+          }
+        } catch (_) {
+          _removeAttribute(name, currentNode);
         }
-      } catch (_) {
       }
     }
     _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);

package/dist/core/cjs/Tables/DataGrid/Main/Body/Field/Field.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const core = require("@mantine/core");
-const purify_es = require("../../../../../../../.external/cjs/dompurify@3.2.5/dompurify/dist/purify.es.cjs");
+const purify_es = require("../../../../../../../.external/cjs/dompurify@3.2.6/dompurify/dist/purify.es.cjs");
 const React = require("react");
 const FallbackWrapper = require("../../../../NextGenDataGrid/FallbackWrapper.cjs");
 const Field_module = require("./Field.module.css.cjs");

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

@@ -44,11 +44,13 @@ function ColumnHeaderFilter({
   filterModeDescription,
   filterMenu,
   onFilterClear,
+  onFilterMount,
   filters,
   filterFn,
-  mrtProps: { column, table, ...restProps }
+  mrtProps
 }) {
   var _a;
+  const { column, table } = mrtProps;
   const { info, queryParams } = useApi.useApi();
   const api = useApi.useApi();
   const auth = useAuth.useAuth();
@@ -110,6 +112,9 @@ function ColumnHeaderFilter({
       handleClear();
     }
   }, [currentHeaderFilter]);
+  React.useEffect(() => {
+    onFilterMount == null ? void 0 : onFilterMount({ api: api.getState(), auth: auth.getState(), mrtProps });
+  }, [onFilterMount]);
   const AIProps = React.useMemo(() => {
     const props = { variant: "subtle" };
     const disabled = !(filters == null ? void 0 : filters.length);
@@ -127,10 +132,7 @@ function ColumnHeaderFilter({
     () => ({ ...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 functionProps = React.useMemo(() => ({ api, auth, mrtProps }), [api, auth, mrtProps]);
   const filterMenuFunctionProps = React.useMemo(
     () => ({
       ...functionProps,
@@ -167,54 +169,46 @@ function ColumnHeaderFilter({
         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)),
+        placeholder: (_a2 = mrtProps.table.options.localization.filterByColumn) == null ? void 0 : _a2.replace(
+          "{column}",
+          String(mrtProps.column.columnDef.header)
+        ),
+        "aria-label": (_b = mrtProps.table.options.localization.filterByColumn) == null ? void 0 : _b.replace(
+          "{column}",
+          String(mrtProps.column.columnDef.header)
+        ),
         style: { fontWeight: "normal" },
         mrtprops: {
-          column,
-          table,
-          ...restProps,
+          ...mrtProps,
           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 }])
+            ...utils$1.parseFromValuesOrFunc(mrtProps.table.mantineFilterTextInputProps, mrtProps),
+            ...utils$1.parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterTextInputProps, mrtProps)
           },
           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 })
+            ...utils$1.parseFromValuesOrFunc(mrtProps.table.mantineFilterSelectProps || { clearable: true }, mrtProps),
+            ...utils$1.parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterSelectProps, mrtProps)
           },
           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 })
+            ...utils$1.parseFromValuesOrFunc(mrtProps.table.mantineFilterMultiSelectProps || { clearable: true }, mrtProps),
+            ...utils$1.parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterMultiSelectProps, mrtProps)
           },
           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 })
+            ...utils$1.parseFromValuesOrFunc(mrtProps.table.mantineFilterDateInputProps, mrtProps),
+            ...utils$1.parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterDateInputProps, mrtProps)
           },
           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
-            })
+            ...utils$1.parseFromValuesOrFunc(mrtProps.table.mantineFilterAutocompleteProps, mrtProps),
+            ...utils$1.parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterAutocompleteProps, mrtProps)
           }
         },
         ref: (node) => {
           if (node) {
-            table.refs.filterInputRefs.current[`${column.id}-0`] = node;
+            mrtProps.table.refs.filterInputRefs.current[`${mrtProps.column.id}-0`] = node;
           }
         },
         clearIcon: field.isDirty() && /* @__PURE__ */ jsxRuntime.jsx(core.CloseButton, { ...clearIconProps }),
@@ -222,7 +216,7 @@ function ColumnHeaderFilter({
         cleariconprops: clearIconProps
       };
     },
-    [clearIconProps, column, configuration, field, filters.length, restProps, table]
+    [clearIconProps, configuration, field, filters.length, mrtProps]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { opened, closeOnClickOutside: true, onChange: toggle, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { w: "100%", gap: "0.25rem", children: [

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

@@ -34,6 +34,7 @@ function useColumns(columnProps, header, body, textFilterSeparator) {
         filterModeDescription,
         filterMenu,
         onFilterClear,
+        onFilterMount,
         defaultOpr = ((_d = (_c = (_b = (_a = info == null ? void 0 : info.filters) == null ? void 0 : _a[col]) == null ? void 0 : _b.filters) == null ? void 0 : _c[0]) == null ? void 0 : _d.operator) || ""
       } = utils.getProps(header, specialKey.all, col);
       const filterFn = utils.fromFilterToFilterFn(col, defaultOpr);
@@ -56,6 +57,7 @@ function useColumns(columnProps, header, body, textFilterSeparator) {
             filterModeDescription,
             filterMenu,
             onFilterClear,
+            onFilterMount,
             filters,
             filterFn,
             mrtProps: props,
@@ -87,6 +89,7 @@ function useColumns(columnProps, header, body, textFilterSeparator) {
           }
           let truncateObj = {};
           if (truncate) {
+            highlight.push(...highlight.map((h) => `${h.slice(0, truncate)}...`));
             if (Array.isArray(value)) {
               truncateObj = value.map((v) => ({
                 original: v,

package/dist/core/cjs/index.cjs

@@ -41,7 +41,11 @@ exports.useAuth = useAuth.useAuth;
 exports.useInfo = useInfo.useInfo;
 exports.UserMenu = UserMenu.UserMenu;
 exports.DataGrid = DataGrid.DataGrid;
+exports.Datagrid = DataGrid.DataGrid;
 exports.NextGenDataGrid = NextGenDataGrid.NextGenDataGrid;
+exports.NextGenDatagrid = NextGenDataGrid.NextGenDataGrid;
+exports.NextGendatagrid = NextGenDataGrid.NextGenDataGrid;
+exports.Nextgendatagrid = NextGenDataGrid.NextGenDataGrid;
 exports.ApiProvider = ApiProvider.ApiProvider;
 exports.InfiniteScroll = InfiniteScroll.InfiniteScroll;
 exports.LazyLoadWrapper = LazyLoadWrapper.LazyLoadWrapper;

package/dist/core/esm/Tables/DataGrid/Main/Body/Field/Field.mjs

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useProps, useStyles, Table, Box, Skeleton, Text } from "@mantine/core";
-import purify from "../../../../../../../.external/esm/dompurify@3.2.5/dompurify/dist/purify.es.mjs";
+import purify from "../../../../../../../.external/esm/dompurify@3.2.6/dompurify/dist/purify.es.mjs";
 import React__default, { isValidElement } from "react";
 import { FallbackWrapper } from "../../../../NextGenDataGrid/FallbackWrapper.mjs";
 import classes from "./Field.module.css.mjs";

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

@@ -42,11 +42,13 @@ function ColumnHeaderFilter({
   filterModeDescription,
   filterMenu,
   onFilterClear,
+  onFilterMount,
   filters,
   filterFn,
-  mrtProps: { column, table, ...restProps }
+  mrtProps
 }) {
   var _a;
+  const { column, table } = mrtProps;
   const { info, queryParams } = useApi();
   const api = useApi();
   const auth = useAuth();
@@ -108,6 +110,9 @@ function ColumnHeaderFilter({
       handleClear();
     }
   }, [currentHeaderFilter]);
+  useEffect(() => {
+    onFilterMount == null ? void 0 : onFilterMount({ api: api.getState(), auth: auth.getState(), mrtProps });
+  }, [onFilterMount]);
   const AIProps = useMemo(() => {
     const props = { variant: "subtle" };
     const disabled = !(filters == null ? void 0 : filters.length);
@@ -125,10 +130,7 @@ function ColumnHeaderFilter({
     () => ({ ...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 functionProps = useMemo(() => ({ api, auth, mrtProps }), [api, auth, mrtProps]);
   const filterMenuFunctionProps = useMemo(
     () => ({
       ...functionProps,
@@ -165,54 +167,46 @@ function ColumnHeaderFilter({
         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)),
+        placeholder: (_a2 = mrtProps.table.options.localization.filterByColumn) == null ? void 0 : _a2.replace(
+          "{column}",
+          String(mrtProps.column.columnDef.header)
+        ),
+        "aria-label": (_b = mrtProps.table.options.localization.filterByColumn) == null ? void 0 : _b.replace(
+          "{column}",
+          String(mrtProps.column.columnDef.header)
+        ),
         style: { fontWeight: "normal" },
         mrtprops: {
-          column,
-          table,
-          ...restProps,
+          ...mrtProps,
           textinputprops: {
             className: clsx("mrt-filter-text-input", classes.root),
-            ...parseFromValuesOrFunc(table.mantineFilterTextInputProps, [{ column, table, ...restProps }]),
-            ...parseFromValuesOrFunc(column.columnDef.mantineFilterTextInputProps, [{ column, table, ...restProps }])
+            ...parseFromValuesOrFunc(mrtProps.table.mantineFilterTextInputProps, mrtProps),
+            ...parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterTextInputProps, mrtProps)
           },
           selectprops: {
             className: clsx("mrt-filter-text-input", classes.root),
-            ...parseFromValuesOrFunc(table.mantineFilterSelectProps || { clearable: true }, {
-              column,
-              table,
-              ...restProps
-            }),
-            ...parseFromValuesOrFunc(column.columnDef.mantineFilterSelectProps, { column, table, ...restProps })
+            ...parseFromValuesOrFunc(mrtProps.table.mantineFilterSelectProps || { clearable: true }, mrtProps),
+            ...parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterSelectProps, mrtProps)
           },
           multiselectprops: {
             className: clsx("mrt-filter-text-input", classes.root),
-            ...parseFromValuesOrFunc(table.mantineFilterMultiSelectProps || { clearable: true }, {
-              column,
-              table,
-              ...restProps
-            }),
-            ...parseFromValuesOrFunc(column.columnDef.mantineFilterMultiSelectProps, { column, table, ...restProps })
+            ...parseFromValuesOrFunc(mrtProps.table.mantineFilterMultiSelectProps || { clearable: true }, mrtProps),
+            ...parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterMultiSelectProps, mrtProps)
           },
           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 })
+            ...parseFromValuesOrFunc(mrtProps.table.mantineFilterDateInputProps, mrtProps),
+            ...parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterDateInputProps, mrtProps)
           },
           autocompleteprops: {
             className: clsx("mrt-filter-text-input", classes.root),
-            ...parseFromValuesOrFunc(table.mantineFilterAutocompleteProps, { column, table, ...restProps }),
-            ...parseFromValuesOrFunc(column.columnDef.mantineFilterAutocompleteProps, {
-              column,
-              table,
-              ...restProps
-            })
+            ...parseFromValuesOrFunc(mrtProps.table.mantineFilterAutocompleteProps, mrtProps),
+            ...parseFromValuesOrFunc(mrtProps.column.columnDef.mantineFilterAutocompleteProps, mrtProps)
           }
         },
         ref: (node) => {
           if (node) {
-            table.refs.filterInputRefs.current[`${column.id}-0`] = node;
+            mrtProps.table.refs.filterInputRefs.current[`${mrtProps.column.id}-0`] = node;
           }
         },
         clearIcon: field.isDirty() && /* @__PURE__ */ jsx(CloseButton, { ...clearIconProps }),
@@ -220,7 +214,7 @@ function ColumnHeaderFilter({
         cleariconprops: clearIconProps
       };
     },
-    [clearIconProps, column, configuration, field, filters.length, restProps, table]
+    [clearIconProps, configuration, field, filters.length, mrtProps]
   );
   return /* @__PURE__ */ jsxs(Menu, { opened, closeOnClickOutside: true, onChange: toggle, children: [
     /* @__PURE__ */ jsxs(Stack, { w: "100%", gap: "0.25rem", children: [

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

@@ -32,6 +32,7 @@ function useColumns(columnProps, header, body, textFilterSeparator) {
         filterModeDescription,
         filterMenu,
         onFilterClear,
+        onFilterMount,
         defaultOpr = ((_d = (_c = (_b = (_a = info == null ? void 0 : info.filters) == null ? void 0 : _a[col]) == null ? void 0 : _b.filters) == null ? void 0 : _c[0]) == null ? void 0 : _d.operator) || ""
       } = getProps(header, specialKey.all, col);
       const filterFn = fromFilterToFilterFn(col, defaultOpr);
@@ -54,6 +55,7 @@ function useColumns(columnProps, header, body, textFilterSeparator) {
             filterModeDescription,
             filterMenu,
             onFilterClear,
+            onFilterMount,
             filters,
             filterFn,
             mrtProps: props,
@@ -85,6 +87,7 @@ function useColumns(columnProps, header, body, textFilterSeparator) {
           }
           let truncateObj = {};
           if (truncate) {
+            highlight.push(...highlight.map((h) => `${h.slice(0, truncate)}...`));
             if (Array.isArray(value)) {
               truncateObj = value.map((v) => ({
                 original: v,

package/dist/core/esm/index.mjs

@@ -12,8 +12,8 @@ import { useForms } from "./hooks/api/useForms.mjs";
 import { useAuth } from "./hooks/auth/useAuth.mjs";
 import { useInfo } from "./hooks/auth/useInfo.mjs";
 import { UserMenu } from "./Menu/UserMenu/UserMenu.mjs";
-import { DataGrid } from "./Tables/DataGrid/DataGrid.mjs";
-import { NextGenDataGrid } from "./Tables/NextGenDataGrid/NextGenDataGrid.mjs";
+import { DataGrid, DataGrid as DataGrid2 } from "./Tables/DataGrid/DataGrid.mjs";
+import { NextGenDataGrid, NextGenDataGrid as NextGenDataGrid2, NextGenDataGrid as NextGenDataGrid3, NextGenDataGrid as NextGenDataGrid4 } from "./Tables/NextGenDataGrid/NextGenDataGrid.mjs";
 import { ApiProvider } from "./Wrappers/ApiProvider/ApiProvider.mjs";
 import { InfiniteScroll } from "./Wrappers/InfiniteScroll/InfiniteScroll.mjs";
 import { LazyLoadWrapper } from "./Wrappers/LazyLoadWrapper/LazyLoadWrapper.mjs";
@@ -29,6 +29,7 @@ export {
   Add,
   ApiProvider,
   DataGrid,
+  DataGrid2 as Datagrid,
   Delete,
   Download,
   Edit,
@@ -36,6 +37,9 @@ export {
   InfiniteScroll,
   LazyLoadWrapper,
   NextGenDataGrid,
+  NextGenDataGrid2 as NextGenDatagrid,
+  NextGenDataGrid3 as NextGendatagrid,
+  NextGenDataGrid4 as Nextgendatagrid,
   Provider,
   Refresh,
   Upload,

package/dist/core/lib/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilter/ColumnHeaderFilter.d.ts

@@ -1,4 +1,4 @@
-export function ColumnHeaderFilter({ children, enableFilterModes, enableAdvancedFilters, filterProps, filterModeDescription, filterMenu, onFilterClear, filters, filterFn, mrtProps: { column, table, ...restProps }, }: {
+export function ColumnHeaderFilter({ children, enableFilterModes, enableAdvancedFilters, filterProps, filterModeDescription, filterMenu, onFilterClear, onFilterMount, filters, filterFn, mrtProps, }: {
     children: any;
     enableFilterModes: any;
     enableAdvancedFilters: any;
@@ -6,11 +6,8 @@ export function ColumnHeaderFilter({ children, enableFilterModes, enableAdvanced
     filterModeDescription: any;
     filterMenu: any;
     onFilterClear: any;
+    onFilterMount: any;
     filters: any;
     filterFn: any;
-    mrtProps: {
-        [x: string]: any;
-        column: any;
-        table: any;
-    };
+    mrtProps: any;
 }): import("react").JSX.Element;

package/dist/core/lib/index.d.ts

@@ -12,11 +12,11 @@ export { useForms } from './hooks/api/useForms';
 export { useAuth } from './hooks/auth/useAuth';
 export { useInfo } from './hooks/auth/useInfo';
 export { UserMenu } from './Menu/UserMenu/UserMenu';
-export { DataGrid } from './Tables/DataGrid/DataGrid';
-export { NextGenDataGrid } from './Tables/NextGenDataGrid/NextGenDataGrid';
 export { ApiProvider } from './Wrappers/ApiProvider/ApiProvider';
 export { InfiniteScroll } from './Wrappers/InfiniteScroll/InfiniteScroll';
 export { LazyLoadWrapper } from './Wrappers/LazyLoadWrapper/LazyLoadWrapper';
 export { Provider } from './Wrappers/Provider/Provider';
 export * from './sub-packages-exporter';
 export { Filter } from './Tables/DataGrid/Toolbar/Filter/Filter';
+export { DataGrid, DataGrid as Datagrid } from './Tables/DataGrid/DataGrid';
+export { NextGenDataGrid, NextGenDataGrid as NextGenDatagrid, NextGenDataGrid as NextGendatagrid, NextGenDataGrid as Nextgendatagrid } from './Tables/NextGenDataGrid/NextGenDataGrid';

package/dist/zustand/cjs/useProxy/useProxy.cjs

@@ -6,7 +6,7 @@ const createProxy = require("../utils/createProxy.cjs");
 const react = require("../../../.external/cjs/zustand@5.0.4_@types_react@18.3.21_react@18.3.1/zustand/esm/react.cjs");
 function useProxy(obj) {
   const [store] = React.useState(() => react.create(() => ({ ...obj })));
-  const [proxy] = React.useState(() => createProxy.createProxy(store));
+  const [proxy] = React.useState(() => createProxy.createProxy(store, ["getState", "setState"]));
   React.useEffect(() => {
     store.setState((state) => compareStateWithStore.compareStateWithStore(state, obj));
   }, [obj, store]);

package/dist/zustand/cjs/utils/createProxy.cjs

@@ -1,8 +1,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const createProxy = (store) => new Proxy(store, {
+const createProxy = (store, directProperties = []) => new Proxy(store, {
   get(target, prop) {
+    if (directProperties.includes(prop)) {
+      return target[prop];
+    }
     return target((state) => state[prop]);
+  },
+  ownKeys(target) {
+    return Reflect.ownKeys(target.getState());
+  },
+  getOwnPropertyDescriptor(target, prop) {
+    return Reflect.getOwnPropertyDescriptor(target.getState(), prop);
   }
 });
 exports.createProxy = createProxy;

package/dist/zustand/esm/useProxy/useProxy.mjs

@@ -4,7 +4,7 @@ import { createProxy } from "../utils/createProxy.mjs";
 import { create } from "../../../.external/esm/zustand@5.0.4_@types_react@18.3.21_react@18.3.1/zustand/esm/react.mjs";
 function useProxy(obj) {
   const [store] = useState(() => create(() => ({ ...obj })));
-  const [proxy] = useState(() => createProxy(store));
+  const [proxy] = useState(() => createProxy(store, ["getState", "setState"]));
   useEffect(() => {
     store.setState((state) => compareStateWithStore(state, obj));
   }, [obj, store]);

package/dist/zustand/esm/utils/createProxy.mjs

@@ -1,6 +1,15 @@
-const createProxy = (store) => new Proxy(store, {
+const createProxy = (store, directProperties = []) => new Proxy(store, {
   get(target, prop) {
+    if (directProperties.includes(prop)) {
+      return target[prop];
+    }
     return target((state) => state[prop]);
+  },
+  ownKeys(target) {
+    return Reflect.ownKeys(target.getState());
+  },
+  getOwnPropertyDescriptor(target, prop) {
+    return Reflect.getOwnPropertyDescriptor(target.getState(), prop);
   }
 });
 export {

package/dist/zustand/lib/utils/createProxy.d.ts

@@ -1 +1 @@
-export function createProxy(store: any): ProxyConstructor;
+export function createProxy(store: any, directProperties?: string[]): ProxyConstructor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fastapi-rtk",
-  "version": "0.1.21",
+  "version": "0.1.22",
   "private": false,
   "description": "A React component library for FastAPI in combination with FastAPI React Toolkit backend, built with Mantine, JsonForms, and Zustand.",
   "license": "MIT",