fastapi-rtk 0.1.21 → 0.1.23

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

@@ -6,10 +6,9 @@ const hooks = require("@mantine/hooks");
 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 ColumnHeaderFilter = require("./ColumnHeaderFilter/ColumnHeaderFilter.cjs");
-const MultiLineHighlight = require("./MultiLineHighlight.cjs");
+const Body = require("./Body.cjs");
+const ColumnHeaderFilter = require("./ColumnHeaderFilter.cjs");
 function useColumns(columnProps, header, body, textFilterSeparator) {
   const { path, info, data, specialKey } = useApi.useApi();
   const api = useApi.useApi();
@@ -33,7 +32,9 @@ function useColumns(columnProps, header, body, textFilterSeparator) {
         filterProps,
         filterModeDescription,
         filterMenu,
+        filterState,
         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);
@@ -55,7 +56,9 @@ function useColumns(columnProps, header, body, textFilterSeparator) {
             filterProps,
             filterModeDescription,
             filterMenu,
+            filterState,
             onFilterClear,
+            onFilterMount,
             filters,
             filterFn,
             mrtProps: props,
@@ -65,57 +68,7 @@ function useColumns(columnProps, header, body, textFilterSeparator) {
         enableSorting: data == null ? void 0 : data.order_columns.includes(col),
         filterFn: filters.length ? filterFn : void 0,
         columnFilterModeOptions: filters.map((f) => utils.fromFilterToFilterFn(col, f.operator)),
-        Cell: ({ cell, table, column, ...restCellProps }) => {
-          const globalFilter = table.getState().globalFilter;
-          const columnTextFilter = column.getFilterValue() || "";
-          const { component: component2, separator, truncate } = utils.getProps(body, specialKey.all, col);
-          let highlight = [];
-          if (globalFilter) {
-            highlight.push(...globalFilter.split(textFilterSeparator).map((f) => f.trim()));
-          }
-          if (columnTextFilter && typeof columnTextFilter === "string") {
-            highlight.push(...columnTextFilter.split(textFilterSeparator).map((f) => f.trim()));
-          }
-          let value = cell.getValue();
-          if (typeof value === "number") {
-            value = value.toLocaleString();
-          } else if (value === null || value === void 0) {
-            value = "";
-          }
-          if (separator) {
-            value = value.split(separator);
-          }
-          let truncateObj = {};
-          if (truncate) {
-            if (Array.isArray(value)) {
-              truncateObj = value.map((v) => ({
-                original: v,
-                truncated: v.length > truncate ? `${v.slice(0, truncate)}...` : null
-              }));
-            } else {
-              truncateObj = {
-                original: value,
-                truncated: value.length > truncate ? `${value.slice(0, truncate)}...` : null
-              };
-            }
-          }
-          const functionProps = {
-            api,
-            auth,
-            data: cell.row.original,
-            highlight,
-            componentProps: { value },
-            mrtProps: { cell, table, column, ...restCellProps }
-          };
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            FallbackWrapper.FallbackWrapper,
-            {
-              fallback: /* @__PURE__ */ jsxRuntime.jsx(MultiLineHighlight.MultiLineHighlight, { highlight, truncate: truncateObj, children: value }),
-              functionProps,
-              children: component2
-            }
-          );
-        },
+        Cell: (props) => /* @__PURE__ */ jsxRuntime.jsx(Body.Body, { body, col, textFilterSeparator, mrtProps: props }),
         ...additionalProps,
         ...utils.getProps(columnProps, specialKey.all, col)
       };

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

@@ -3,15 +3,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const utils = require("fastapi-rtk/utils");
 const convertId = require("../../../../Wrappers/ApiProvider/utils/convertId.cjs");
-const HeaderBetweenInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderBetweenInput.cjs");
-const HeaderBooleanInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderBooleanInput.cjs");
-const HeaderDateInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderDateInput.cjs");
-const HeaderMultiSelectInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderMultiSelectInput.cjs");
-const HeaderNumberInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderNumberInput.cjs");
-const HeaderSelectInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderSelectInput.cjs");
-const HeaderTagsInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderTagsInput.cjs");
-const HeaderTagsNumberInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderTagsNumberInput.cjs");
-const HeaderTextInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderTextInput.cjs");
+const HeaderBetweenInput = require("./ColumnHeaderFilterInput/HeaderInputs/HeaderBetweenInput.cjs");
+const HeaderBooleanInput = require("./ColumnHeaderFilterInput/HeaderInputs/HeaderBooleanInput.cjs");
+const HeaderDateInput = require("./ColumnHeaderFilterInput/HeaderInputs/HeaderDateInput.cjs");
+const HeaderMultiSelectInput = require("./ColumnHeaderFilterInput/HeaderInputs/HeaderMultiSelectInput.cjs");
+const HeaderNumberInput = require("./ColumnHeaderFilterInput/HeaderInputs/HeaderNumberInput.cjs");
+const HeaderSelectInput = require("./ColumnHeaderFilterInput/HeaderInputs/HeaderSelectInput.cjs");
+const HeaderTagsInput = require("./ColumnHeaderFilterInput/HeaderInputs/HeaderTagsInput.cjs");
+const HeaderTagsNumberInput = require("./ColumnHeaderFilterInput/HeaderInputs/HeaderTagsNumberInput.cjs");
+const HeaderTextInput = require("./ColumnHeaderFilterInput/HeaderInputs/HeaderTextInput.cjs");
 const getBasicInput = (opr, schema) => {
   if (!opr || !schema) {
     return void 0;

package/dist/core/cjs/Wrappers/ApiProvider/hooks/useProvideApi.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const utils = require("fastapi-rtk/utils");
 const hooks = require("@mantine/hooks");
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const createItem = require("../utils/api/createItem.cjs");
 const deleteItem = require("../utils/api/deleteItem.cjs");
 const downloadItems = require("../utils/api/downloadItems.cjs");
@@ -15,7 +15,7 @@ const uploadItems = require("../utils/api/uploadItems.cjs");
 const convertId = require("../utils/convertId.cjs");
 const convertInfo = require("../utils/convertInfo.cjs");
 const createQueryParams = require("../utils/createQueryParams.cjs");
-const utils$1 = require("../../../../../.external/cjs/@tanstack_query-core@5.76.0/@tanstack/query-core/build/modern/utils.cjs");
+const utils$1 = require("../../../../../.external/cjs/@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/utils.cjs");
 function useProvideApi({
   path,
   initialQueryParams,

package/dist/core/cjs/Wrappers/ApiProvider/hooks/useProvideForm.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const constants = require("fastapi-rtk/constants");
 const React = require("react");
-const react = require("../../../../../.external/cjs/zustand@5.0.4_@types_react@18.3.21_react@18.3.1/zustand/esm/react.cjs");
+const react = require("../../../../../.external/cjs/zustand@5.0.5_@types_react@18.3.22_react@18.3.1/zustand/esm/react.cjs");
 const useProvideForm = () => {
   const [storeAdd] = React.useState(
     () => react.create((set, get) => ({

package/dist/core/cjs/Wrappers/Provider/Provider.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const zustand = require("fastapi-rtk/zustand");
-const queryClient = require("../../../../.external/cjs/@tanstack_query-core@5.76.0/@tanstack/query-core/build/modern/queryClient.cjs");
-const QueryClientProvider = require("../../../../.external/cjs/@tanstack_react-query@5.76.1_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const queryClient = require("../../../../.external/cjs/@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/queryClient.cjs");
+const QueryClientProvider = require("../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
 const React = require("react");
 const useProvideAuth = require("../../fab-react-toolkit-patch/auth/hooks/useProvideAuth.cjs");
 const useProvideInfo = require("../../fab-react-toolkit-patch/auth/hooks/useProvideInfo.cjs");

package/dist/core/cjs/Wrappers/Provider/hooks/useProvideAuth.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
-const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.76.1_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 const userCRUD = require("../utils/userCRUD.cjs");

package/dist/core/cjs/Wrappers/Provider/hooks/useProvideInfo.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 function useProvideInfo(baseUrl, auth) {

package/dist/core/cjs/fab-react-toolkit-patch/api/hooks/useProvideApi.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const utils = require("fastapi-rtk/utils");
 const hooks = require("@mantine/hooks");
-const utils$1 = require("../../../../../.external/cjs/@tanstack_query-core@5.76.0/@tanstack/query-core/build/modern/utils.cjs");
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const utils$1 = require("../../../../../.external/cjs/@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/utils.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const createItem = require("../utils/api/createItem.cjs");
 const deleteItem = require("../utils/api/deleteItem.cjs");
 const downloadItems = require("../utils/api/downloadItems.cjs");

package/dist/core/cjs/fab-react-toolkit-patch/auth/hooks/useProvideAuth.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
-const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.76.1_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 const userCRUD = require("../utils/userCRUD.cjs");

package/dist/core/cjs/fab-react-toolkit-patch/auth/hooks/useProvideInfo.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 function useFabProvideInfo(baseUrl, auth) {

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/ActionIcons/Download/Download.mjs

@@ -1,55 +1,17 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { DEBOUNCE_LOADING_DELAY, DEFAULT_DELIMITER, DEFAULT_QUOTECHAR, DELIMITER_DATA, QUOTECHAR_DATA } from "fastapi-rtk/constants";
 import { useActionIcon } from "fastapi-rtk/hooks";
-import { Table, Modal, Stack, Group, Select, Box, SegmentedControl, Card, Text, Tooltip, ThemeIcon, Button, Loader, ActionIcon } from "@mantine/core";
+import { Modal, Stack, Select, Group, Button, ThemeIcon, Loader, Tooltip, ActionIcon } from "@mantine/core";
 import { useDisclosure, useDebouncedState } from "@mantine/hooks";
 import { memo, useState } from "react";
 import { useApi } from "../../hooks/api/useApi.mjs";
 import IconSeparatorVertical from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconSeparatorVertical.mjs";
 import IconQuote from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconQuote.mjs";
-import IconInfoCircle from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconInfoCircle.mjs";
 import IconDownload from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconDownload.mjs";
-const elements = [
-  { name: "John Doe", age: 25, friend: "Jane Doe", "friend.name": "Jane Doe", "friend.age": 30 },
-  { name: "Jane Doe", age: 30, friend: "John Doe", "friend.name": "John Doe", "friend.age": 25 }
-];
-const simplifiedHeaders = [
-  { label: "Name", key: "name" },
-  { label: "Age", key: "age" },
-  { label: "Friend", key: "friend" }
-];
-const detailedHeaders = [
-  { label: "Name", key: "name" },
-  { label: "Age", key: "age" },
-  { label: "Friend Name", key: "friend.name" },
-  { label: "Friend Age", key: "friend.age" }
-];
-const simplifiedRows = elements.map((element) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
-  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element.name }),
-  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element.age }),
-  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element.friend })
-] }, element.name));
-const detailedRows = elements.map((element) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
-  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element.name }),
-  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element.age }),
-  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element["friend.name"] }),
-  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element["friend.age"] })
-] }, element.name));
-const messages = {
-  simplified: {
-    title: "Simplified version of the data",
-    description: "This is a simplified version of the data. It shows only the properties of the elements and their relationships"
-  },
-  detailed: {
-    title: "Detailed version of the data",
-    description: "This is a detailed version of the data. It shows all the properties of the elements including all the properties of their relationships"
-  }
-};
 const Download = memo(({ tooltipProps, ...props }) => {
   const { download } = useApi();
   const [opened, { toggle, close }] = useDisclosure();
   const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
-  const [exportMode, setExportMode] = useState("simplified");
   const [delimiter, setDelimiter] = useState(DEFAULT_DELIMITER);
   const [quotechar, setQuotechar] = useState(DEFAULT_QUOTECHAR);
   const actionIconProps = useActionIcon({
@@ -58,62 +20,39 @@ const Download = memo(({ tooltipProps, ...props }) => {
   });
   const onDownload = () => {
     setLoading(true);
-    download(void 0, { export_mode: exportMode, delimiter, quotechar }).catch(() => {
+    download(void 0, { delimiter, quotechar }).catch(() => {
     }).finally(() => {
       setLoading(false);
       close();
     });
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Modal, { title: "Download data", centered: true, size: "xl", opened, onClose: close, children: /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsxs(Group, { grow: true, children: [
-        /* @__PURE__ */ jsx(
-          Select,
-          {
-            label: "Delimiter",
-            description: "Select the delimiter used in the CSV file",
-            value: delimiter,
-            onChange: setDelimiter,
-            data: DELIMITER_DATA,
-            placeholder: "Select delimiter",
-            allowDeselect: false,
-            leftSection: /* @__PURE__ */ jsx(IconSeparatorVertical, {})
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Select,
-          {
-            label: "Quote character",
-            description: "Select the quote character used in the CSV file",
-            value: quotechar,
-            onChange: setQuotechar,
-            data: QUOTECHAR_DATA,
-            placeholder: "Select quote character",
-            leftSection: /* @__PURE__ */ jsx(IconQuote, {})
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
-        SegmentedControl,
+    /* @__PURE__ */ jsx(Modal, { title: "Download data", centered: true, opened, onClose: close, children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          label: "Delimiter",
+          description: "Select the delimiter used in the CSV file",
+          value: delimiter,
+          onChange: setDelimiter,
+          data: DELIMITER_DATA,
+          placeholder: "Select delimiter",
+          allowDeselect: false,
+          leftSection: /* @__PURE__ */ jsx(IconSeparatorVertical, {})
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Select,
         {
-          value: exportMode,
-          onChange: setExportMode,
-          data: [
-            { label: "Simplified", value: "simplified" },
-            { label: "Detailed", value: "detailed" }
-          ]
+          label: "Quote character",
+          description: "Select the quote character used in the CSV file",
+          value: quotechar,
+          onChange: setQuotechar,
+          data: QUOTECHAR_DATA,
+          placeholder: "Select quote character",
+          leftSection: /* @__PURE__ */ jsx(IconQuote, {})
         }
-      ) }),
-      /* @__PURE__ */ jsxs(Card, { shadow: "md", withBorder: true, children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx(Text, { children: messages[exportMode].title }),
-          /* @__PURE__ */ jsx(Tooltip, { label: messages[exportMode].description, children: /* @__PURE__ */ jsx(ThemeIcon, { variant: "transparent", size: "sm", style: { cursor: "pointer" }, children: /* @__PURE__ */ jsx(IconInfoCircle, {}) }) })
-        ] }),
-        /* @__PURE__ */ jsxs(Table, { withColumnBorders: true, children: [
-          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsx(Table.Tr, { children: exportMode === "simplified" ? simplifiedHeaders.map((header) => /* @__PURE__ */ jsx(Table.Th, { p: 4, children: header.label }, header.key)) : detailedHeaders.map((header) => /* @__PURE__ */ jsx(Table.Th, { p: 4, children: header.label }, header.key)) }) }),
-          /* @__PURE__ */ jsx(Table.Tbody, { children: exportMode === "simplified" ? simplifiedRows : detailedRows })
-        ] })
-      ] }),
+      ),
       /* @__PURE__ */ jsx(Group, { justify: "end", children: /* @__PURE__ */ jsx(Button, { mt: "md", onClick: onDownload, loading, children: "Download" }) })
     ] }) }),
     loading ? /* @__PURE__ */ jsx(ThemeIcon, { variant: "transparent", size: actionIconProps.size, c: actionIconProps.c, children: /* @__PURE__ */ jsx(Loader, { size: "100%", color: actionIconProps.c }) }) : /* @__PURE__ */ jsx(Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? "Download", children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconDownload, {}) }) })

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/Body.mjs

@@ -0,0 +1,73 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useApi } from "../../../../hooks/api/useApi.mjs";
+import { useAuth } from "../../../../hooks/auth/useAuth.mjs";
+import { FallbackWrapper } from "../../FallbackWrapper.mjs";
+import { getProps } from "../../utils.mjs";
+import { MultiLineHighlight } from "./MultiLineHighlight.mjs";
+const Body = ({ body, col, textFilterSeparator, mrtProps }) => {
+  const { table, column, cell } = mrtProps;
+  const api = useApi();
+  const auth = useAuth();
+  const { specialKey } = useApi();
+  const { component, separator, truncate } = getProps(body, specialKey.all, col);
+  const highlights = useMemo(() => {
+    const globalFilter = table.getState().globalFilter;
+    const columnTextFilter = column.getFilterValue();
+    const highlights2 = [];
+    if (globalFilter) {
+      highlights2.push(...globalFilter.split(textFilterSeparator).map((f) => f.trim()));
+    }
+    if (columnTextFilter && typeof columnTextFilter === "string") {
+      highlights2.push(...columnTextFilter.split(textFilterSeparator).map((f) => f.trim()));
+    }
+    return highlights2;
+  }, [column.getFilterValue(), table.getState().globalFilter, textFilterSeparator]);
+  const cellObj = useMemo(() => {
+    let value = cell.getValue();
+    if (typeof value === "number") {
+      value = value.toLocaleString();
+    } else if (value === null || value === void 0) {
+      value = "";
+    }
+    if (separator) {
+      value = value.split(separator);
+    }
+    let truncate2 = {};
+    const highlight2 = [];
+    if (truncate2) {
+      highlight2.push(...highlight2.map((h) => `${h.slice(0, truncate2)}...`));
+      if (Array.isArray(value)) {
+        truncate2 = value.map((v) => ({
+          original: v,
+          truncated: v.length > truncate2 ? `${v.slice(0, truncate2)}...` : null
+        }));
+      } else {
+        truncate2 = {
+          original: value,
+          truncated: value.length > truncate2 ? `${value.slice(0, truncate2)}...` : null
+        };
+      }
+    }
+    return { value, truncate: truncate2, highlight: highlight2 };
+  }, [cell.getValue(), separator, truncate]);
+  const highlight = useMemo(() => [...highlights, ...cellObj.highlight], [highlights, cellObj.highlight]);
+  return /* @__PURE__ */ jsx(
+    FallbackWrapper,
+    {
+      fallback: /* @__PURE__ */ jsx(MultiLineHighlight, { highlight, truncate: cellObj.truncate, children: cellObj.value }),
+      functionProps: {
+        api,
+        auth,
+        data: cell.row.original,
+        highlight,
+        componentProps: { value: cellObj.value },
+        mrtProps
+      },
+      children: component
+    }
+  );
+};
+export {
+  Body
+};

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

@@ -0,0 +1,87 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Stack, Flex } from "@mantine/core";
+import { useMemo } from "react";
+import { useApi } from "../../../../hooks/api/useApi.mjs";
+import { useAuth } from "../../../../hooks/auth/useAuth.mjs";
+import { fromFilterFnToFilter } from "../../utils.mjs";
+import { ColumnHeaderFilterInput } from "./ColumnHeaderFilterInput/ColumnHeaderFilterInput.mjs";
+import { FilterMenuButton } from "./FilterMenuButton.mjs";
+import { FilterModeDescription } from "./FilterModeDescription.mjs";
+const ColumnHeaderFilter = ({
+  children,
+  enableFilterModes,
+  enableAdvancedFilters,
+  filterProps,
+  filterModeDescription,
+  filterMenu,
+  filterState,
+  onFilterClear,
+  onFilterMount,
+  filters,
+  filterFn,
+  mrtProps
+}) => {
+  var _a;
+  const { table, column } = mrtProps;
+  const api = useApi();
+  const auth = useAuth();
+  const functionProps = useMemo(() => ({ api, auth, mrtProps }), [api, auth, mrtProps]);
+  const _filterFn = ((_a = table.getState().columnFilterFns) == null ? void 0 : _a[column.id]) || filterFn;
+  const opr = useMemo(() => fromFilterFnToFilter(_filterFn).operator, [_filterFn]);
+  const actionIconProps = 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]);
+  return /* @__PURE__ */ jsxs(Stack, { w: "100%", gap: "0.25rem", children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "flex-end", children: [
+      /* @__PURE__ */ jsx(
+        ColumnHeaderFilterInput,
+        {
+          opr,
+          enableFilterModes,
+          filterProps,
+          filterState,
+          onFilterClear,
+          onFilterMount,
+          filters,
+          actionIconProps,
+          functionProps,
+          mrtProps,
+          children
+        }
+      ),
+      enableFilterModes && /* @__PURE__ */ jsx(
+        FilterMenuButton,
+        {
+          table,
+          column,
+          opr,
+          filters,
+          enableAdvancedFilters,
+          filterMenu,
+          actionIconProps,
+          functionProps
+        }
+      )
+    ] }),
+    enableFilterModes && /* @__PURE__ */ jsx(
+      FilterModeDescription,
+      {
+        table,
+        column,
+        opr,
+        filters,
+        filterModeDescription,
+        functionProps
+      }
+    )
+  ] });
+};
+export {
+  ColumnHeaderFilter
+};