@danikokonn/yarik-frontend-lib 2.0.49-test8 → 2.0.49

package/dist/components/Footer/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,IAAI,GACL,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAG,MAAM,CAAC;CAChB,qBAsBA"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,IAAI,GACL,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,qBAsBA"}

package/dist/components/Footer/Footer.js

@@ -1,6 +1,6 @@
 import React from "react";
-import Typography from "@mui/material/Typography";
 import { useTheme } from "@mui/material";
+import Typography from "@mui/material/Typography";
 export default function Footer({ version, appName, desc, }) {
     const theme = useTheme();
     return (React.createElement("footer", { style: {
@@ -9,7 +9,7 @@ export default function Footer({ version, appName, desc, }) {
             justifyContent: "space-between",
             alignItems: "center",
             flexWrap: "wrap",
-            boxShadow: theme.shadows[5],
+            boxShadow: theme.vars?.shadows[5] || theme.shadows[5],
         } },
         React.createElement(Typography, { sx: { marginLeft: "auto", fontSize: "1rem" } },
             "\u00A9",

package/dist/components/IpAddressSwitchableInput/IpAddressSwitchableInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IpAddressSwitchableInput.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressSwitchableInput/IpAddressSwitchableInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,6BAA6B,MAAM,iCAAiC,CAAC;AAG5E,QAAA,MAAM,wBAAwB,GAAI,aAE/B,6BAA6B,sBAyB/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"IpAddressSwitchableInput.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressSwitchableInput/IpAddressSwitchableInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,6BAA6B,MAAM,iCAAiC,CAAC;AAE5E,QAAA,MAAM,wBAAwB,GAAI,aAE/B,6BAA6B,sBAyB/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/components/IpAddressSwitchableInput/IpAddressSwitchableInput.js

@@ -1,6 +1,6 @@
+import { Button } from "@mui/material";
 import React from "react";
 import IpAddressInput from "../IpAddressInput/IpAddressInput";
-import { Button } from "@mui/material";
 const IpAddressSwitchableInput = ({ ...rest }) => {
     const bestMode = /(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))/.test(rest.value)
         ? "6"

package/dist/components/Navigation/NavMenu.d.ts

@@ -13,7 +13,8 @@ interface NavMenuProps {
     anchorOrigin: PopoverOrigin;
     transformOrigin: PopoverOrigin;
     endIcon: ReactNode;
+    withReactRouter?: boolean;
 }
-export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, }: NavMenuProps): React.JSX.Element;
+export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, withReactRouter, }: NavMenuProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=NavMenu.d.ts.map

package/dist/components/Navigation/NavMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAK/C,OAAO,EAAkB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtE,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB,EAAE,CAAC;IACJ,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,aAAa,CAAC;IAC/B,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,MAAM,EACN,EAAE,EACF,YAAY,EACZ,eAAe,EACf,OAAO,GACR,EAAE,YAAY,qBA4Ed"}
+{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAK/C,OAAO,EAAkB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtE,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB,EAAE,CAAC;IACJ,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,aAAa,CAAC;IAC/B,OAAO,EAAE,SAAS,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,MAAM,EACN,EAAE,EACF,YAAY,EACZ,eAAe,EACf,OAAO,EACP,eAAe,GAChB,EAAE,YAAY,qBA6Ed"}

package/dist/components/Navigation/NavMenu.js

@@ -6,7 +6,7 @@ import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
 import { popoverClasses } from "@mui/material/Popover";
 import { Link as RouterLink } from "react-router";
-export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, }) {
+export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, withReactRouter, }) {
     const [anchorEl, setAnchorEl] = React.useState(null);
     let currentlyHovering = false;
     const open = anchorEl != null;
@@ -38,7 +38,7 @@ export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, tra
                     style: { pointerEvents: "auto" },
                 },
             }, sx: { [`&.${popoverClasses.root}`]: { pointerEvents: "none" } }, elevation: 0, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }, routes.map((route, idx) => (React.createElement(MenuItem, { key: idx, disabled: route.url === activeTab, sx: { p: 0 } },
-            React.createElement(Link, { component: RouterLink, to: route.url, underline: "none", color: "inherit", sx: { px: "1rem", py: "0.5rem", width: "-webkit-fill-available" }, target: route.targetBlank ? "_blank" : undefined, rel: route.targetBlank ? "noopener noreferrer" : undefined },
+            React.createElement(Link, { component: withReactRouter ? RouterLink : "a", to: withReactRouter ? route.url : undefined, href: withReactRouter ? undefined : route.url, underline: "none", color: "inherit", sx: { px: "1rem", py: "0.5rem", width: "-webkit-fill-available" }, target: route.targetBlank ? "_blank" : undefined, rel: route.targetBlank ? "noopener noreferrer" : undefined },
                 route.name,
                 " ",
                 route.targetBlank && (React.createElement(OpenInNewIcon, { fontSize: "small", color: "primary" })))))))));

package/dist/components/Navigation/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AA4BzC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,kBAAkB,EAClB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,UAAU,EACV,OAAO,EACP,UAAU,EACV,SAAS,EACT,eAAe,GAChB,EAAE,eAAe,qBAyVjB"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AA4BzC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,kBAAkB,EAClB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,UAAU,EACV,OAAO,EACP,UAAU,EACV,SAAS,EACT,eAAe,GAChB,EAAE,eAAe,qBA8VjB"}

package/dist/components/Navigation/Navigation.js

@@ -23,7 +23,7 @@ import { Button, useColorScheme, useMediaQuery } from "@mui/material";
 import { popoverClasses } from "@mui/material/Popover";
 import NavMenu from "./NavMenu";
 export default function Navigation({ additionalControls, username, title, navLinks, logoutPageUrl, defautlUrl, appsUrl, profileUrl, activeTab, withReactRouter, }) {
-    const locationRouter = useLocation();
+    const locationRouter = withReactRouter ? useLocation() : undefined;
     const { mode, setMode } = useColorScheme();
     const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
     const [anchorElNav, setAnchorElNav] = React.useState(null);
@@ -41,11 +41,11 @@ export default function Navigation({ additionalControls, username, title, navLin
     const getPages = (sx, anchorOrigin, transformOrigin, endIcon) => {
         return navLinks.map((lnk, idx) => {
             if ("groupName" in lnk) {
-                return (React.createElement(NavMenu, { key: idx, name: lnk.groupName, routes: lnk.links, activeTab: withReactRouter ? locationRouter.pathname : activeTab || "", sx: sx, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, endIcon: endIcon }));
+                return (React.createElement(NavMenu, { key: idx, name: lnk.groupName, routes: lnk.links, activeTab: (withReactRouter ? locationRouter?.pathname : activeTab) || "", sx: sx, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, endIcon: endIcon, withReactRouter: withReactRouter }));
             }
             else {
                 return (React.createElement(Button, { component: withReactRouter ? RouterLink : "button", disabled: lnk.url ===
-                        (withReactRouter ? locationRouter.pathname : activeTab), to: withReactRouter ? lnk.url : undefined, href: withReactRouter ? undefined : lnk.url, key: idx, sx: sx, color: "inherit", variant: "text" }, lnk.name));
+                        (withReactRouter ? locationRouter?.pathname : activeTab), to: withReactRouter ? lnk.url : undefined, href: withReactRouter ? undefined : lnk.url, key: idx, sx: sx, color: "inherit", variant: "text" }, lnk.name));
             }
         });
     };
@@ -184,7 +184,7 @@ export default function Navigation({ additionalControls, username, title, navLin
                             React.createElement(ListItemIcon, null,
                                 React.createElement(HubIcon, { fontSize: "small" })),
                             React.createElement(ListItemText, null, "\u041F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F"))),
-                        React.createElement(MenuItem, { href: logoutPageUrl, component: "a" },
+                        React.createElement(MenuItem, { to: withReactRouter ? logoutPageUrl : undefined, href: withReactRouter ? undefined : logoutPageUrl, component: withReactRouter ? RouterLink : "a" },
                             React.createElement(ListItemIcon, null,
                                 React.createElement(LogoutIcon, { fontSize: "small" })),
                             React.createElement(ListItemText, null, "\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u0441\u0438\u0441\u0442\u0435\u043C\u044B"))))))));

package/dist/components/PageWrapper/PageWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PageWrapper/PageWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAKlD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAkBlB"}
+{"version":3,"file":"PageWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PageWrapper/PageWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAqBlB"}

package/dist/components/PageWrapper/PageWrapper.js

@@ -1,11 +1,12 @@
 import React from "react";
 import Stack from "@mui/material/Stack";
-import Navigation from "../Navigation/Navigation";
-import Footer from "../Footer/Footer";
 import { useTheme } from "@mui/material";
+import Footer from "../Footer/Footer";
+import Navigation from "../Navigation/Navigation";
 export default function PageWrapper({ children, version, appName, desc, ...props }) {
     const theme = useTheme();
-    return (React.createElement(Stack, { direction: "column", bgcolor: theme.palette.background.default, sx: {
+    return (React.createElement(Stack, { direction: "column", bgcolor: theme.vars?.palette.background.default ||
+            theme.palette.background.default, sx: {
             justifyContent: "space-between",
             minHeight: "100vh",
             position: "relative",

package/dist/components/RichFilterTextField/RichFilterTextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichFilterTextField.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/RichFilterTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAUf,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAKlE,QAAA,MAAM,mBAAmB,GAAI,wIAS1B,wBAAwB,sBA+R1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"RichFilterTextField.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/RichFilterTextField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAI1E,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAGlE,QAAA,MAAM,mBAAmB,GAAI,wIAS1B,wBAAwB,sBAkS1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/RichFilterTextField/RichFilterTextField.js

@@ -1,14 +1,14 @@
-import React, { useRef, useState, } from "react";
+import ClearIcon from "@mui/icons-material/Clear";
+import SearchRoundedIcon from "@mui/icons-material/SearchRounded";
 import IconButton from "@mui/material/IconButton";
 import InputAdornment from "@mui/material/InputAdornment";
+import Stack from "@mui/material/Stack";
 import TextField from "@mui/material/TextField";
-import ClearIcon from "@mui/icons-material/Clear";
-import SearchRoundedIcon from "@mui/icons-material/SearchRounded";
-import HintOptionsMenu from "./HintOptionsMenu";
-import { getHints, insertInStrPos } from "./utils";
+import React, { useRef, useState } from "react";
 import { useSnackbarContext } from "../../providers";
 import FilterHistoryMenu from "./FilterHistoryMenu";
-import { Stack } from "@mui/material";
+import HintOptionsMenu from "./HintOptionsMenu";
+import { getHints, insertInStrPos } from "./utils";
 const RichFilterTextField = ({ filterExpr, filterExprHist: searchHist, fields, operators, additionalComponents, instant: _instant, onChange, onSelectFromHistory, }) => {
     const { enqueueSnackbar } = useSnackbarContext();
     const [search, setSearch] = useState(filterExpr);
@@ -44,14 +44,13 @@ const RichFilterTextField = ({ filterExpr, filterExprHist: searchHist, fields, o
     const insertHint = (hint) => {
         if (cursorPos == null)
             return;
-        if (hint.includes("[")) {
-            hint = "[]";
-        }
-        else if (hint.includes("(")) {
-            hint = "()";
-        }
-        else if (hint.includes("regex")) {
-            hint = hint.replace("regex", "");
+        if ((hint.includes("[") && hint.endsWith("]")) ||
+            (hint.includes("(") && hint.endsWith(")")) ||
+            ((hint.match(/\//g) || []).length === 2 && hint.endsWith("/"))) {
+            hint = hint
+                .replace(/\[.*?\]/g, "[]")
+                .replace(/\(.*?\)/g, "()")
+                .replace(/\/.*?\//g, "//");
         }
         const { newSearch, newPos } = insertInStrPos(search, cursorPos, hint, fields);
         setSearch(newSearch);

package/dist/components/SmartTable/RowContent.d.ts

@@ -1,18 +1,34 @@
-import React, { ReactNode } from "react";
 import { SxProps, Theme } from "@mui/material";
+import React, { ComponentType } from "react";
 import { Column } from "../../types";
 interface RowContentProps<T extends {
     id: string | number;
+} = {
+    id: string | number;
+}, P extends {
+    row: T;
+} = {
+    row: T;
+}, S extends {
+    row: T;
+} = {
+    row: T;
 }> {
     row: T;
-    columns: Column<T>[];
+    columns: Column<T, S>[];
     onDoubleClick?(rowId: string | number | null): void;
     onSelectRow(rowId: string | number | null): void;
-    controlComponent?(row: T): ReactNode;
+    ControlComponent?: ComponentType<P>;
+    ControlComponentProps?: Omit<P, "row">;
     controlComponentColSx?: SxProps<Theme>;
 }
-export default function RowContent<T>({ row, columns, onSelectRow, onDoubleClick, controlComponent, controlComponentColSx, }: RowContentProps<T & {
+declare function RowContent<T extends {
     id: string | number;
-}>): React.JSX.Element;
-export {};
+}, P extends {
+    row: T;
+}, S extends {
+    row: T;
+}>({ row, columns, onSelectRow, onDoubleClick, ControlComponent, ControlComponentProps, controlComponentColSx, }: RowContentProps<T, P, S>): React.JSX.Element;
+declare const _default: typeof RowContent;
+export default _default;
 //# sourceMappingURL=RowContent.d.ts.map

package/dist/components/SmartTable/RowContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowContent.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/RowContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAY,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,UAAU,eAAe,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;CAAE;IAC1D,GAAG,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACpD,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACjD,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,SAAS,CAAC;IACrC,qBAAqB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACxC;AAUD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,EACpC,GAAG,EACH,OAAO,EACP,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,qBAAqB,GACtB,EAAE,eAAe,CAAC,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;CAAE,CAAC,qBAiE/C"}
+{"version":3,"file":"RowContent.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/RowContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAY,MAAM,eAAe,CAAC;AAEzD,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,UAAU,eAAe,CACvB,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAC3D,CAAC,SAAS;IAAE,GAAG,EAAE,CAAC,CAAA;CAAE,GAAG;IAAE,GAAG,EAAE,CAAC,CAAA;CAAE,EACjC,CAAC,SAAS;IAAE,GAAG,EAAE,CAAC,CAAA;CAAE,GAAG;IAAE,GAAG,EAAE,CAAC,CAAA;CAAE;IAEjC,GAAG,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IACxB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACpD,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACpC,qBAAqB,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACxC;AAUD,iBAAS,UAAU,CACjB,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EACjC,CAAC,SAAS;IAAE,GAAG,EAAE,CAAC,CAAA;CAAE,EACpB,CAAC,SAAS;IAAE,GAAG,EAAE,CAAC,CAAA;CAAE,EACpB,EACA,GAAG,EACH,OAAO,EACP,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EAErB,qBAAqB,GACtB,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,qBAwF1B;wBAIwC,OAAO,UAAU;AAA1D,wBAA2D"}

package/dist/components/SmartTable/RowContent.js

@@ -1,7 +1,7 @@
-import React from "react";
 import { useTheme } from "@mui/material";
 import TableCell from "@mui/material/TableCell";
-import { JSONTree } from 'react-json-tree';
+import React from "react";
+import { JSONTree } from "react-json-tree";
 const hiddenTextStyle = {
     whiteSpace: "nowrap",
     overflow: "hidden",
@@ -9,47 +9,63 @@ const hiddenTextStyle = {
     paddingTop: "0.25rem",
     paddingBottom: "0.25rem",
 };
-export default function RowContent({ row, columns, onSelectRow, onDoubleClick, controlComponent, controlComponentColSx, }) {
+function RowContent({ row, columns, onSelectRow, onDoubleClick, ControlComponent, ControlComponentProps, controlComponentColSx, }) {
     const theme = useTheme();
     const treeTheme = {
-        scheme: 'google',
-        author: 'seth wright (http://sethawright.com)',
-        base00: theme.palette.background.paper, // background
-        base01: theme.palette.background.default, // lighter background
+        scheme: "google",
+        author: "seth wright (http://sethawright.com)",
+        base00: theme.vars?.palette.background.paper || theme.palette.background.paper, // background
+        base01: theme.vars?.palette.background.default ||
+            theme.palette.background.default, // lighter background
         base02: "#e0e0e0", // selection (можно взять divider)
-        base03: theme.palette.text.disabled || "#9e9e9e",
-        base04: theme.palette.text.secondary,
-        base05: theme.palette.text.primary,
+        base03: theme.vars?.palette.text.disabled ||
+            theme.palette.text.disabled ||
+            "#9e9e9e",
+        base04: theme.vars?.palette.text.secondary || theme.palette.text.secondary,
+        base05: theme.vars?.palette.text.primary || theme.palette.text.primary,
         base06: "#eeeeee",
         base07: "#ffffff",
-        base08: theme.palette.error.main,
-        base09: theme.palette.warning.main,
-        base0A: theme.palette.info.main,
-        base0B: theme.palette.success.main,
-        base0C: theme.palette.secondary.main,
-        base0D: theme.palette.primary.main,
-        base0E: theme.palette.secondary.main,
-        base0F: "#8d6e63" // обычно brown / deprecated
+        base08: theme.vars?.palette.error.main || theme.palette.error.main,
+        base09: theme.vars?.palette.warning.main || theme.palette.warning.main,
+        base0A: theme.vars?.palette.info.main || theme.palette.info.main,
+        base0B: theme.vars?.palette.success.main || theme.palette.success.main,
+        base0C: theme.vars?.palette.secondary.main || theme.palette.secondary.main,
+        base0D: theme.vars?.palette.primary.main || theme.palette.primary.main,
+        base0E: theme.vars?.palette.secondary.main || theme.palette.secondary.main,
+        base0F: "#8d6e63", // обычно brown / deprecated
     };
     return (React.createElement(React.Fragment, null,
         columns.map((col, idx) => (React.createElement(TableCell, { sx: {
                 ...hiddenTextStyle,
                 ...col.colSx,
                 "& > ul": {
-                    overflowX: "auto"
+                    overflowX: "auto",
+                },
+            }, key: idx, onClick: (e) => {
+                if (typeof col.onClick !== "undefined") {
+                    if (e.target === e.currentTarget)
+                        col.onClick(row);
+                }
+                else {
+                    const selection = window.getSelection();
+                    if (selection && selection.toString().length > 0)
+                        return;
+                    onSelectRow(Object(row).id);
                 }
-            }, key: idx, onClick: (_) => {
-                const selection = window.getSelection();
-                if (selection && selection.toString().length > 0)
-                    return;
-                onSelectRow(row.id);
-            }, onDoubleClick: (_) => (onDoubleClick || (() => { }))(row.id) }, col.cellContentComponent
-            ? col.cellContentComponent(row)
-            : typeof Object(row)[col.name] === "object" && Object(row)[col.name] != null ? (React.createElement(JSONTree /*invertTheme={invertTheme}*/, { theme: treeTheme, shouldExpandNodeInitially: () => false, data: Object(row)[col.name] })) : Object(row)[col.name] || "N/A"))),
-        controlComponent && (React.createElement(TableCell, { sx: {
+            }, onDoubleClick: typeof onDoubleClick !== "undefined"
+                ? (_) => onDoubleClick(Object(row).id)
+                : undefined }, col.CellContentComponent ? (React.createElement(col.CellContentComponent, { ...{ row, ...col.CellContentComponentProps } })) : typeof Object(row)[col.name] === "object" &&
+            Object(row)[col.name] != null ? (React.createElement(JSONTree
+        /*invertTheme={invertTheme}*/ , { 
+            /*invertTheme={invertTheme}*/ theme: treeTheme, shouldExpandNodeInitially: () => false, data: Object(row)[col.name] })) : (Object(row)[col.name] || "N/A")))),
+        ControlComponent && (React.createElement(TableCell, { sx: {
                 textAlign: "center",
                 cursor: "default",
                 p: 0,
                 ...controlComponentColSx,
-            } }, controlComponent(row)))));
+            } },
+            React.createElement(ControlComponent, { ...{ row, ...ControlComponentProps } })))));
 }
+// Memoize to prevent re-renders when row/columns/props haven't changed
+// This is critical for scroll performance with heavy cellContentComponent renders
+export default React.memo(RowContent);

package/dist/components/SmartTable/SmartTable.d.ts

@@ -2,5 +2,11 @@ import React from "react";
 import SmartTableProps from "./SmartTableProps";
 export default function SmartTable<T extends {
     id: string | number;
-}>({ rows, columns, pageN, numPages, perPage, loading, minWidth, width, rowStyles, selectable, selectedRow, sx, disablePerPageSelector, globalSearch, columnAutoWidth, error, globalSearchComponent, ContentWrapper, onRowDoubleClick, onSelectRow, controlComponent: ControlComponent, onToggleSort, onInputSearch, onPageSelect, onChangePerPage, controlComponentColSx, perPageOptions, }: SmartTableProps<T>): React.JSX.Element;
+} = {
+    id: string | number;
+}, P extends {
+    row: T;
+} = {
+    row: T;
+}>({ rows, columns, pageN, numPages, perPage, loading, minWidth, width, rowStyles, selectable, selectedRow, sx, disablePerPageSelector, globalSearch, columnAutoWidth, error, globalSearchComponent, ContentWrapper, ControlComponent, ControlComponentProps, virtuosoRef, controlComponentColSx, perPageOptions, onToggleSort, onInputSearch, onPageSelect, onChangePerPage, onSelectRow, onRowDoubleClick, }: SmartTableProps<T, P>): React.JSX.Element;
 //# sourceMappingURL=SmartTable.d.ts.map

package/dist/components/SmartTable/SmartTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmartTable.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/SmartTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AA2BlD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAkHhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EACpE,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,EAAE,EACF,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,KAAK,EACL,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,cAAc,GACf,EAAE,eAAe,CAAC,CAAC,CAAC,qBA4TpB"}
+{"version":3,"file":"SmartTable.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/SmartTable.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAgFhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAC3D,CAAC,SAAS;IAAE,GAAG,EAAE,CAAC,CAAA;CAAE,GAAG;IAAE,GAAG,EAAE,CAAC,CAAA;CAAE,EACjC,EACA,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,EAAE,EACF,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,KAAK,EACL,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,qBAAqB,EACrB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,eAAe,EACf,WAAW,EACX,gBAAgB,GACjB,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,qBAiUvB"}

package/dist/components/SmartTable/SmartTable.js

@@ -1,5 +1,4 @@
-import React, { Fragment, Suspense } from "react";
-import { CircularProgress, Skeleton, Stack, Typography, useTheme, } from "@mui/material";
+import { CircularProgress, Stack, Typography, useTheme } from "@mui/material";
 import FormControl from "@mui/material/FormControl";
 import InputLabel from "@mui/material/InputLabel";
 import MenuItem from "@mui/material/MenuItem";
@@ -12,6 +11,7 @@ import TableCell from "@mui/material/TableCell";
 import TableContainer from "@mui/material/TableContainer";
 import TableFooter from "@mui/material/TableFooter";
 import TableRow from "@mui/material/TableRow";
+import React, { Fragment, Suspense, useCallback, useMemo } from "react";
 import { TableVirtuoso } from "react-virtuoso";
 import ColumnSearchInput from "../ColumnSearchInput/ColumnSearchInput";
 import SortBtn from "../SortBtn/SortBtn";
@@ -36,7 +36,7 @@ const Row = (props) => {
     const selectedRow = Object(props).context.selectedRow;
     const rowStyles = Object(props).context.rowStyles;
     const selectable = Object(props).context.selectable;
-    return ContentWrapper ? (React.createElement(ContentWrapper, { rowId: Object(props).item.id, rowProps: {
+    return ContentWrapper ? (React.createElement(ContentWrapper, { rowProps: {
             selected: Object(props).item.id === selectedRow,
             ...props,
         }, ...props })) : (React.createElement(TableRow, { hover: true, sx: {
@@ -50,17 +50,7 @@ const TableWrapper = (props) => (React.createElement(Table, { ...props, stickyHe
         ...Object(props).context.tableStyle,
         minWidth: Object(props).context.minWidth || "100%",
     } }));
-const ItemContent = (_index, row, context) => (React.createElement(RowContent, { key: row.id, row: row, columns: Object(context).columns, controlComponent: Object(context).ControlComponent, onDoubleClick: Object(context).onRowDoubleClick, onSelectRow: Object(context).selectable ? Object(context).handleSelectRow : () => { } }));
-const ScrollSeekPlaceholder = (props) => (
-// eslint-disable-next-line react/prop-types
-React.createElement(TableRow, { sx: { height: Object(props).height } }, Object(props).context.columns.map((col, i) => (React.createElement(TableCell, { sx: {
-        paddingTop: "0.25rem",
-        paddingBottom: "0.25rem",
-        py: 0,
-        ...col.colSx,
-    }, key: i },
-    React.createElement(Skeleton, { variant: "rectangular", width: "100%" }))))));
-export default function SmartTable({ rows, columns, pageN, numPages, perPage, loading, minWidth, width, rowStyles, selectable, selectedRow, sx, disablePerPageSelector, globalSearch, columnAutoWidth, error, globalSearchComponent, ContentWrapper, onRowDoubleClick, onSelectRow, controlComponent: ControlComponent, onToggleSort, onInputSearch, onPageSelect, onChangePerPage, controlComponentColSx, perPageOptions, }) {
+export default function SmartTable({ rows, columns, pageN, numPages, perPage, loading, minWidth, width, rowStyles, selectable, selectedRow, sx, disablePerPageSelector, globalSearch, columnAutoWidth, error, globalSearchComponent, ContentWrapper, ControlComponent, ControlComponentProps, virtuosoRef, controlComponentColSx, perPageOptions, onToggleSort, onInputSearch, onPageSelect, onChangePerPage, onSelectRow, onRowDoubleClick, }) {
     const theme = useTheme();
     const tableStyle = {
         width: columnAutoWidth ? "auto" : "100%",
@@ -68,14 +58,14 @@ export default function SmartTable({ rows, columns, pageN, numPages, perPage, lo
         borderCollapse: "separate",
         borderSpacing: 0,
     };
-    function handleSelectRow(rowId) {
+    const handleSelectRow = (rowId) => {
         if (selectable && onSelectRow) {
             onSelectRow(rowId);
         }
-    }
+    };
     const hasSearchableColumns = columns.some((col) => col.searchable);
     const hasGlobalSearch = globalSearch && globalSearchComponent;
-    const searchCols = () => columns.map((col, idx) => (React.createElement(TableCell, { key: idx, scope: "col", sx: { ...col.colSx } }, col.searchable ? ((col.searchComponent && col.searchComponent()) || (React.createElement(ColumnSearchInput, { field: col.fieldName, searchStr: col.searchStr, onInputSearch: onInputSearch }))) : (React.createElement(React.Fragment, null)))));
+    const searchCols = () => columns.map((col, idx) => (React.createElement(TableCell, { key: idx, scope: "col", sx: { ...col.colSx } }, col.searchable ? ((col.SearchComponent && (React.createElement(col.SearchComponent, { ...col.SearchComponentProps }))) || (React.createElement(ColumnSearchInput, { field: col.fieldName, searchStr: col.searchStr, onInputSearch: onInputSearch }))) : (React.createElement(React.Fragment, null)))));
     const headerTitleRow = (React.createElement(TableRow, { key: 0 },
         columns.map((col, idx) => (React.createElement(TableCell, { key: idx, scope: "col", sx: {
                 resize: col.resizable ? "horizontal" : "none",
@@ -93,38 +83,55 @@ export default function SmartTable({ rows, columns, pageN, numPages, perPage, lo
         transform: "translate(-50%, -50%)",
     };
     const headerRows = [headerTitleRow, headerSearchRow];
-    let placeholder = React.createElement(React.Fragment, null);
-    if (error && rows.length === 0) {
-        placeholder = (React.createElement(Typography, { variant: "h6", color: "textSecondary", sx: centerStyle }, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435"));
-    }
-    else if (loading) {
-        placeholder = React.createElement(CircularProgress, { sx: centerStyle });
-    }
-    else if (rows.length === 0) {
-        placeholder = (React.createElement(Typography, { variant: "h6", color: "textSecondary", sx: centerStyle }, "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"));
-    }
-    const fixedHeaderContent = () => (React.createElement(Fragment, null, hasGlobalSearch ? headerRows[0] : headerRows));
-    const tableContext = {
-        columns: columns,
-        minWidth: minWidth,
-        rowStyles: rowStyles,
-        selectable: selectable,
-        tableStyle: tableStyle,
-        placeholder: placeholder,
-        selectedRow: selectedRow,
-        ContentWrapper: ContentWrapper,
-        ControlComponent: ControlComponent,
-        onRowDoubleClick: onRowDoubleClick,
-        handleSelectRow: handleSelectRow,
-    };
+    const placeholder = useMemo(() => {
+        if (error && rows.length === 0) {
+            return (React.createElement(Typography, { variant: "h6", color: "textSecondary", sx: centerStyle }, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435"));
+        }
+        if (loading) {
+            return React.createElement(CircularProgress, { sx: centerStyle });
+        }
+        if (rows.length === 0) {
+            return (React.createElement(Typography, { variant: "h6", color: "textSecondary", sx: centerStyle }, "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"));
+        }
+        return React.createElement(React.Fragment, null);
+    }, [error, loading, rows.length]);
+    const fixedHeaderContent = useCallback(() => React.createElement(Fragment, null, hasGlobalSearch ? headerRows[0] : headerRows), [hasGlobalSearch, headerRows]);
+    const tableContext = useMemo(() => ({
+        columns,
+        minWidth,
+        rowStyles,
+        selectable,
+        tableStyle,
+        placeholder,
+        selectedRow,
+        ContentWrapper,
+        ControlComponent,
+        ControlComponentProps,
+        onRowDoubleClick,
+        handleSelectRow,
+    }), [
+        columns,
+        minWidth,
+        rowStyles,
+        selectable,
+        tableStyle,
+        placeholder,
+        selectedRow,
+        ContentWrapper,
+        ControlComponent,
+        ControlComponentProps,
+        onRowDoubleClick,
+        handleSelectRow,
+    ]);
     const VirtuosoTableComponents = {
         Scroller: Scroller,
         Table: TableWrapper,
         TableRow: Row,
         TableHead: TableHead,
         TableBody: TableBodyWrapper,
-        ScrollSeekPlaceholder: ScrollSeekPlaceholder,
+        // ScrollSeekPlaceholder: ScrollSeekPlaceholder,
     };
+    const itemContent = (_index, row, context) => (React.createElement(RowContent, { key: row.id, row: row, columns: context.columns, ControlComponent: context.ControlComponent, ControlComponentProps: context.ControlComponentProps, onDoubleClick: context.onRowDoubleClick, onSelectRow: context.selectable ? context.handleSelectRow : () => { } }));
     return (React.createElement(Paper, { sx: {
             height: "74vh",
             position: "relative",
@@ -142,20 +149,24 @@ export default function SmartTable({ rows, columns, pageN, numPages, perPage, lo
             hasGlobalSearch && (React.createElement(Table, { size: "small", className: "rulesTable", stickyHeader: true, sx: { ...tableStyle, minWidth: minWidth || "100%", height: "auto" } },
                 React.createElement(TableHeader, null, headerRows[1]))),
             React.createElement(Suspense, { fallback: React.createElement(CircularProgress, { sx: { position: "absolute", left: "50%", top: "50%" } }) },
-                React.createElement(TableVirtuoso, { style: { height: "100%" }, totalCount: rows.length, data: rows, components: VirtuosoTableComponents, fixedHeaderContent: fixedHeaderContent, itemContent: (ItemContent), context: tableContext, 
+                React.createElement(TableVirtuoso, { ref: virtuosoRef, style: { height: "100%" }, totalCount: rows.length, data: rows, components: VirtuosoTableComponents, fixedHeaderContent: fixedHeaderContent, itemContent: itemContent, context: tableContext, 
                     // scrollSeekConfiguration={{
-                    //   // «входим» в режим плейсхолдеров при скорости >200px/фрейм
-                    //   enter: (velocity) => Math.abs(velocity) > 50,
-                    //   // «выходим» обратно, когда скорость опустилась ниже 30px/фрейм
-                    //   exit: (velocity) => Math.abs(velocity) < 10,
+                    //   // Enter placeholder mode only on truly fast scroll (>150px/frame, ~keyboard=100-120)
+                    //   // This filters out slow mouse drags
+                    //   enter: (velocity) => Math.abs(velocity) > 150,
+                    //   // Exit when user clearly stops (velocity drops below 30)
+                    //   exit: (velocity) => Math.abs(velocity) < 30,
                     // }}
-                    increaseViewportBy: { top: 800, bottom: 800 } }))),
+                    // Render only 150px above/below viewport instead of 800px
+                    // This dramatically improves keyboard scroll performance
+                    increaseViewportBy: { top: 200, bottom: 200 } }))),
         React.createElement(Table, { sx: { ...tableStyle, height: "auto", minWidth: minWidth || "100%" } },
             React.createElement(TableFooter, { sx: {
                     bottom: "0%",
                     zIndex: 600,
                     position: "sticky",
-                    backgroundColor: theme.palette.background.default,
+                    backgroundColor: theme.vars?.palette.background.default ||
+                        theme.palette.background.default,
                 } },
                 React.createElement(TableRow, null,
                     React.createElement(TableCell, { colSpan: 11 },

package/dist/components/SmartTable/SmartTableProps.d.ts

@@ -1,8 +1,15 @@
 import { SxProps, TableRowProps, Theme } from "@mui/material";
-import { ReactElement, ReactNode } from "react";
+import { ComponentType, ReactElement, ReactNode } from "react";
+import { TableVirtuosoHandle } from "react-virtuoso";
 import { Column } from "../../types";
 export default interface SmartTableProps<T extends {
     id: string | number;
+} = {
+    id: string | number;
+}, P extends {
+    row: T;
+} = {
+    row: T;
 }> {
     rows: T[];
     columns: Column<T>[];
@@ -20,13 +27,17 @@ export default interface SmartTableProps<T extends {
     disablePerPageSelector?: boolean;
     globalSearch?: boolean;
     globalSearchComponent?: ReactElement;
-    ContentWrapper?({ children, rowId, rowProps, }: {
+    error?: boolean;
+    perPageOptions?: number[];
+    ContentWrapper?: ComponentType<{
         children?: ReactNode;
-        rowId: string | number;
         rowProps: TableRowProps;
-    }): React.JSX.Element;
+    }>;
+    ControlComponent?: ComponentType<P>;
+    ControlComponentProps?: Omit<P, "row">;
+    controlComponentColSx?: SxProps<Theme>;
+    virtuosoRef?: React.Ref<TableVirtuosoHandle> | undefined;
     onSelectRow?(rowId: string): void;
-    controlComponent?(row: T): ReactNode;
     onRowDoubleClick?(rowId: string | null): void;
     onToggleSort(field: string, order: "asc" | "desc" | "none"): void;
     onInputSearch(options: {
@@ -35,8 +46,5 @@ export default interface SmartTableProps<T extends {
     }[]): void;
     onPageSelect(pageN: number): void;
     onChangePerPage?(perPage: number): void;
-    controlComponentColSx?: SxProps<Theme>;
-    error?: boolean;
-    perPageOptions?: number[];
 }
 //# sourceMappingURL=SmartTableProps.d.ts.map

package/dist/components/SmartTable/SmartTableProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmartTableProps.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/SmartTableProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,OAAO,WAAW,eAAe,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;IACxE,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,YAAY,CAAC;IACrC,cAAc,CAAC,CAAC,EACd,QAAQ,EACR,KAAK,EACL,QAAQ,GACT,EAAE;QACD,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KACzB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACtB,WAAW,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,SAAS,CAAC;IACrC,gBAAgB,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9C,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAClE,aAAa,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,IAAI,CAAC;IAClE,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,eAAe,CAAC,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,qBAAqB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B"}
+{"version":3,"file":"SmartTableProps.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/SmartTableProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,OAAO,WAAW,eAAe,CACtC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAC3D,CAAC,SAAS;IAAE,GAAG,EAAE,CAAC,CAAA;CAAE,GAAG;IAAE,GAAG,EAAE,CAAC,CAAA;CAAE;IAEjC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,YAAY,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,cAAc,CAAC,EAAE,aAAa,CAAC;QAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,QAAQ,EAAE,aAAa,CAAC;KACzB,CAAC,CAAC;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACpC,qBAAqB,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAAC;IACzD,WAAW,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9C,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAClE,aAAa,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,IAAI,CAAC;IAClE,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,eAAe,CAAC,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACzC"}

package/dist/components/SmartTable/TableHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGpE,QAAA,MAAM,WAAW,GAAI,mBAAmB,cAAc,sBAerD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEpE,QAAA,MAAM,WAAW,GAAI,mBAAmB,cAAc,sBAiBrD,CAAC;AAEF,eAAe,WAAW,CAAC"}