@m4l/components 1.0.11 → 1.0.13

package/components/maps/index.13bb982c.js

@@ -0,0 +1,7 @@
+function bearingRawToCSS(gpsBearing, offsetRotate) {
+  const rotation = -((360 + offsetRotate - gpsBearing) % 360);
+  return rotation;
+}
+export {
+  bearingRawToCSS as b
+};

package/components/modal/{WindowBase.390b0910.js → WindowBase.cfbb0c9e.js}

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { m as modalUtilityClasses } from "./index.5bce430d.js";
+import { m as modalUtilityClasses } from "./index.81eb6def.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
-import { I as Icon } from "../Icon/index.8ecfb193.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.d5b273e6.js";
-import { u as useModal } from "../../hooks/useModal/index.d14c7e46.js";
+import { I as Icon } from "../Icon/index.83867398.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.b4532b85.js";
+import { u as useModal } from "../../hooks/useModal/index.2003c854.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm.243e1bef.js → WindowConfirm.300bd34b.js}

@@ -1,12 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions, a as ActionCancel, b as ActionIntro } from "../CommonActions/index.19f39dca.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.258bf919.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { f as dictionary } from "../areas/dictionary.6168209a.js";
-import { u as useModal } from "../../hooks/useModal/index.d14c7e46.js";
-import { I as Image } from "../Image/index.4a822ede.js";
-import { m as modalUtilityClasses } from "./index.5bce430d.js";
-import { W as WindowBase } from "./WindowBase.390b0910.js";
+import { u as useModal } from "../../hooks/useModal/index.2003c854.js";
+import { I as Image } from "../Image/index.19aa7ff5.js";
+import { m as modalUtilityClasses } from "./index.81eb6def.js";
+import { W as WindowBase } from "./WindowBase.cfbb0c9e.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.609a78ca.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.ebac0bc1.js";
+const dictionary = {
+  MESSAGE: "common_actions.confirm_quit_msg"
+};
 const MessageIlustration = (props) => {
   const { getLabel } = useModuleDictionary();
   const { variant } = useModal();

package/components/modal/{index.5bce430d.js → index.81eb6def.js}

@@ -1,6 +1,6 @@
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { a8 as componentName } from "../areas/constants.0d3ba950.js";
+const componentName = "M4LModal";
 generateUtilityClasses(componentName, [
   "root",
   "windowBaseRoot",
@@ -54,6 +54,10 @@ const modalUtilityClasses = (ownerState) => {
     ...composedClasses
   };
 };
+const getModalDictionary = () => {
+  return "modal_dialog";
+};
 export {
+  getModalDictionary as g,
   modalUtilityClasses as m
 };

package/components/mui_extended/Accordion/{index.f7a17c83.js → index.0843a609.js}

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.d5b273e6.js";
+import { I as IconButton } from "../IconButton/index.b4532b85.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
 import { styled } from "@mui/material/styles";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
-import { a as getNameDataTestId } from "../../../test/getNameDataTestId.aee44365.js";
-import { I as Icon } from "../../Icon/index.8ecfb193.js";
-import { T as Typography } from "../Typography/index.463f613f.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
+import { I as Icon } from "../../Icon/index.83867398.js";
+import { T as Typography } from "../Typography/index.642798f1.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
   "root",

package/components/mui_extended/Avatar/{index.12b96914.js → index.fb9ad158.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled, Avatar as Avatar$1 } from "@mui/material";
 import { useModuleSkeleton } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 const AVATAR_PREFIX = "M4LAvatar";

package/components/mui_extended/Badge/{index.4737c113.js → index.8beaeefc.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, Badge as Badge$1 } from "@mui/material";
 import "@mui/base";
 import { styled } from "@mui/material/styles";
-import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 const componentName = "M4LBadge";
 const badgeClasses = generateUtilityClasses(componentName, [
   "root"

package/components/mui_extended/Button/{index.52852c42.js → index.d742e9ee.js}

@@ -1,20 +1,15 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useModuleSkeleton, useEnvironment } from "@m4l/core";
+import { jsx } from "react/jsx-runtime";
+import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, IconButton, Tooltip, styled as styled$1 } from "@mui/material";
 import MuiButton from "@mui/material/Button";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { useMemo, useState, useEffect } from "react";
-import { I as Image } from "../../Image/index.4a822ede.js";
-import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
+import { useMemo } from "react";
+import { I as Image } from "../../Image/index.19aa7ff5.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index.463f613f.js";
-import { useMap } from "react-leaflet";
-import { M as MAP_ICONS } from "../../areas/icons.504ec098.js";
-import { m as mapClasses } from "../../maps/index.a1bf63f2.js";
-import { I as IconButton$1 } from "../IconButton/index.d5b273e6.js";
-import { u as useSideBar, g as getNameDataTestId$2 } from "../../SideBar/index.d221254d.js";
+import { T as Typography } from "../Typography/index.642798f1.js";
 const ButtonRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LButton?.styleOverrides
 }));
@@ -211,79 +206,9 @@ const LoadingButton = (props) => {
     }
   );
 };
-function ZoomButtons() {
-  const map = useMap();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const [, setZoomInDisabled] = useState(false);
-  const [, setZoomOutDisabled] = useState(false);
-  useEffect(() => {
-    const updateButtonState = () => {
-      const currentZoom = map.getZoom();
-      const maxZoom = map.getMaxZoom();
-      const minZoom = map.getMinZoom();
-      setZoomInDisabled(currentZoom === maxZoom);
-      setZoomOutDisabled(currentZoom === minZoom);
-    };
-    map.on("zoomend", updateButtonState);
-    updateButtonState();
-    return () => {
-      map.off("zoomend", updateButtonState);
-    };
-  }, [map]);
-  const handleZoomIn = () => {
-    map.zoomIn();
-  };
-  const handleZoomOut = () => {
-    map.zoomOut();
-  };
-  return /* @__PURE__ */ jsxs("div", { className: mapClasses.zoomButtons, children: [
-    /* @__PURE__ */ jsx(
-      IconButton$1,
-      {
-        onClick: handleZoomIn,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${MAP_ICONS.MAP_ZOOM_IN}`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      IconButton$1,
-      {
-        onClick: handleZoomOut,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${MAP_ICONS.MAP_ZOOM_OUT}`
-      }
-    )
-  ] });
-}
-const CollapseButtonRoot = styled$1("div")(() => ({
-  display: "flex"
-}));
-styled$1("div")(() => ({
-  display: "flex"
-}));
-function FooterSidebar(_props) {
-  const { classes, companyLogoNormalUrl } = useSideBar();
-  return /* @__PURE__ */ jsx(
-    CollapseButtonRoot,
-    {
-      className: classes.footer,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$2("footer") } : {},
-      children: /* @__PURE__ */ jsx("div", { className: classes.wrapperLogoFooter, children: /* @__PURE__ */ jsx("div", { className: classes.containerLogoButtonLogo, children: /* @__PURE__ */ jsx(
-        Image,
-        {
-          width: "192px",
-          height: "28px",
-          src: companyLogoNormalUrl || "",
-          alt: "logo"
-        },
-        "Logo"
-      ) }) })
-    }
-  );
-}
 export {
   Button as B,
-  FooterSidebar as F,
   ImageButton as I,
   LoadingButton as L,
-  ZoomButtons as Z,
   buttonClasses as b
 };

package/components/mui_extended/{CheckBox/index.01218423.js → CheckBox.21c25705.js}

@@ -5,7 +5,7 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { forwardRef } from "react";
-import { F as FieldLabel } from "../../FieldLabel/index.1577ac9c.js";
+import { F as FieldLabel } from "../FieldLabel/index.6b6f708e.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/mui_extended/IconButton/{index.d5b273e6.js → index.b4532b85.js}

@@ -2,7 +2,7 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.8ecfb193.js";
+import { I as Icon } from "../../Icon/index.83867398.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";

package/components/mui_extended/LinearProgress/index.4092bb69.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { LinearProgress as LinearProgress$1 } from "@mui/material";
+const LinearProgress = (props) => {
+  const { ...other } = props;
+  return /* @__PURE__ */ jsx(LinearProgress$1, { ...other });
+};
+export {
+  LinearProgress as L
+};

package/components/mui_extended/MenuActions/index.eae97857.js

@@ -0,0 +1,176 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React__default, { useState, useEffect, useMemo } from "react";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { IconButton, generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } from "@mui/material";
+import { P as Popover } from "../Popover/index.2348fc4f.js";
+import { styled } from "@mui/material/styles";
+import { I as Icon } from "../../Icon/index.83867398.js";
+import clsx from "clsx";
+import { unstable_composeClasses } from "@mui/base";
+import { B as Badge } from "../Badge/index.8beaeefc.js";
+import { I as IconButton$1 } from "../IconButton/index.b4532b85.js";
+styled(IconButton)(() => ({}));
+const LabelMemuItem = styled("div")(({ theme }) => ({
+  height: "22px",
+  overflow: "hidden",
+  wordBreak: "break-all",
+  marginLeft: theme.spacing(1.5),
+  display: "flex",
+  alignItems: "center"
+}));
+const ICONS = {
+  MENU: "menu.svg"
+};
+const componentName = "M4LMenuActions";
+generateUtilityClasses(componentName, [
+  "root",
+  "itemDelete"
+]);
+function getMenuActionsUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useMenuActionsUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    itemDelete: ["itemDelete"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getMenuActionsUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+function MenuActions(props) {
+  const {
+    menuActions,
+    endListElement,
+    menuActionSx,
+    className,
+    iconButtonClassName = "",
+    objItem = {},
+    urlIcon,
+    toolTip = "",
+    marginTop = -1,
+    marginBottom,
+    marginLeft,
+    marginRight,
+    width = 200,
+    withBadge = false,
+    badgeContent,
+    arrowType = "right-top",
+    externalOpen = null,
+    externalClose,
+    ...other
+  } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { getLabel } = useModuleDictionary();
+  const [open, setOpen] = useState(null);
+  const handleOpen = (event) => {
+    setOpen(event.currentTarget);
+  };
+  const theme = useTheme();
+  const classes = useMenuActionsUtilityClasses();
+  useEffect(() => {
+    let mounted = true;
+    if (mounted) {
+      setOpen(externalOpen);
+    }
+    return function cleanUp() {
+      mounted = false;
+    };
+  }, [externalOpen]);
+  const urlFinalIcon = useMemo(() => {
+    if (urlIcon)
+      return urlIcon;
+    return `${host_static_assets}/${environment_assets}/frontend/components/menu_actions/assets/icons/${ICONS.MENU}`;
+  }, [urlIcon, host_static_assets, environment_assets]);
+  const handleClose = (e) => {
+    e.stopPropagation();
+    setOpen(null);
+    externalClose && externalClose(null);
+  };
+  const handleClick = (e, menuAction) => {
+    e.stopPropagation();
+    setOpen(null);
+    menuAction.onClick();
+  };
+  const finalActions = useMemo(() => {
+    let ret;
+    if (typeof menuActions !== "function") {
+      ret = menuActions;
+    } else {
+      ret = menuActions(objItem);
+    }
+    return ret;
+  }, [menuActions, objItem]);
+  const IconButtonElement = /* @__PURE__ */ jsx(Fragment, { children: withBadge ? /* @__PURE__ */ jsx(Badge, { badgeContent, children: /* @__PURE__ */ jsx(
+    IconButton$1,
+    {
+      src: urlFinalIcon,
+      onClick: handleOpen,
+      tooltip: toolTip,
+      className: iconButtonClassName
+    }
+  ) }) : /* @__PURE__ */ jsx(
+    IconButton$1,
+    {
+      src: urlFinalIcon,
+      onClick: handleOpen,
+      tooltip: toolTip,
+      className: iconButtonClassName
+    }
+  ) });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    IconButtonElement,
+    /* @__PURE__ */ jsxs(
+      Popover,
+      {
+        id: "Popover",
+        open: Boolean(open),
+        anchorEl: open,
+        onClose: handleClose,
+        arrowType,
+        className: clsx(classes.root, className),
+        sx: {
+          marginTop,
+          marginBottom,
+          marginLeft,
+          marginRight,
+          width,
+          maxWidth: 300,
+          "& .MuiMenuItem-root": { px: 1, typography: "body2", borderRadius: 0.75 },
+          ...theme.components?.M4LMenuActions?.styleOverrides,
+          ...menuActionSx
+        },
+        ...other,
+        children: [
+          finalActions.map((menuAction, index) => /* @__PURE__ */ jsxs(
+            MenuItem,
+            {
+              dense: true,
+              onClick: (e) => {
+                handleClick(e, menuAction);
+              },
+              sx: { color: menuAction.color ?? "text.main" },
+              disabled: menuAction.disabled,
+              className: clsx(
+                menuAction?.className,
+                menuAction.variant === "delete" && classes.itemDelete
+              ),
+              children: [
+                menuAction.urlIcon ? /* @__PURE__ */ jsx(Icon, { src: menuAction.urlIcon }) : null,
+                /* @__PURE__ */ jsx(LabelMemuItem, { children: menuAction.label || menuAction.dictionaryId && getLabel(menuAction.dictionaryId) })
+              ]
+            },
+            `menu_action_${index}`
+          )),
+          endListElement ? endListElement : null
+        ]
+      }
+    )
+  ] });
+}
+const MemonizedMenuActions = React__default.memo(MenuActions);
+export {
+  MenuActions as M,
+  MemonizedMenuActions as a
+};

package/components/mui_extended/Pager/{index.8960227c.js → index.3926c835.js}

@@ -3,14 +3,12 @@ import { useMemo } from "react";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index.d5b273e6.js";
-import { useEnvironment, useBase } from "@m4l/core";
+import { I as IconButton } from "../IconButton/index.b4532b85.js";
+import { useEnvironment } from "@m4l/core";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
-import { T as Typography } from "../Typography/index.463f613f.js";
-import { I as Icon } from "../../Icon/index.8ecfb193.js";
-import { c as classes } from "../../PrintingSystem/index.9fdae551.js";
-import clsx from "clsx";
+import { T as Typography } from "../Typography/index.642798f1.js";
+import { I as Icon } from "../../Icon/index.83867398.js";
 const PagerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPager?.styleOverrides
 }));
@@ -63,7 +61,7 @@ const pagerUtilityClasses = () => {
   };
 };
 function PagerActions(props) {
-  const { count, page, rowsPerPage, onPageChange, classes: classes2 } = props;
+  const { count, page, rowsPerPage, onPageChange, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
   const handleFirstPageButtonClick = (event) => {
     onPageChange(event, 0);
@@ -77,7 +75,7 @@ function PagerActions(props) {
   const handleLastPageButtonClick = (event) => {
     onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
   };
-  return /* @__PURE__ */ jsxs("div", { className: classes2.pagerActions, children: [
+  return /* @__PURE__ */ jsxs("div", { className: classes.pagerActions, children: [
     /* @__PURE__ */ jsx(
       IconButton,
       {
@@ -85,7 +83,7 @@ function PagerActions(props) {
         onClick: handleFirstPageButtonClick,
         disabled: page === 0,
         "aria-label": "first page",
-        className: classes2.actionIconFirstPage,
+        className: classes.actionIconFirstPage,
         src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/first.svg`
       }
     ),
@@ -96,7 +94,7 @@ function PagerActions(props) {
         onClick: handleBackButtonClick,
         disabled: page === 0,
         "aria-label": "first page",
-        className: classes2.actionIconPrevious,
+        className: classes.actionIconPrevious,
         src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/previous.svg`
       }
     ),
@@ -107,7 +105,7 @@ function PagerActions(props) {
         onClick: handleNextButtonClick,
         disabled: page >= Math.ceil(count / rowsPerPage) - 1,
         "aria-label": "next page",
-        className: classes2.actionIconNextPage,
+        className: classes.actionIconNextPage,
         src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/next.svg`
       }
     ),
@@ -118,7 +116,7 @@ function PagerActions(props) {
         onClick: handleLastPageButtonClick,
         disabled: page >= Math.ceil(count / rowsPerPage) - 1,
         "aria-label": "last page",
-        className: classes2.actionIconLastPage,
+        className: classes.actionIconLastPage,
         src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/last.svg`
       }
     )
@@ -131,7 +129,7 @@ const CustomTablePagination = (props) => {
     rowsPerPage,
     rowsPerPageOptions = [10, 25, 50, 100],
     labelRowsPerPage,
-    classes: classes2,
+    classes,
     onRowsPerPageChange,
     onPageChange,
     SelectProps,
@@ -161,7 +159,7 @@ const CustomTablePagination = (props) => {
     }
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    rowsPerPageOptions?.length > 1 ? /* @__PURE__ */ jsxs("div", { className: classes2.labelRowsPerPageContainer, children: [
+    rowsPerPageOptions?.length > 1 ? /* @__PURE__ */ jsxs("div", { className: classes.labelRowsPerPageContainer, children: [
       isUpSm ? /* @__PURE__ */ jsx(Typography, { variant: "body", children: labelRowsPerPage }) : null,
       /* @__PURE__ */ jsx(
         Select,
@@ -172,9 +170,9 @@ const CustomTablePagination = (props) => {
           onChange: (e) => {
             onRowsPerPageChange(e);
           },
-          className: classes2.select,
+          className: classes.select,
           MenuProps: {
-            className: classes2.selectMenuPopover,
+            className: classes.selectMenuPopover,
             sx: { ...theme.components?.M4LPagerMenuPopover?.styleOverrides }
           },
           IconComponent: CustomIconComponent,
@@ -182,16 +180,16 @@ const CustomTablePagination = (props) => {
           children: rowsPerPageOptions.map((item, idx) => /* @__PURE__ */ jsx(
             MenuItem,
             {
-              className: classes2.selectMenuItem,
+              className: classes.selectMenuItem,
               value: item,
               children: item
             },
-            `${classes2.selectMenuItem}-${idx}`
+            `${classes.selectMenuItem}-${idx}`
           ))
         }
       )
     ] }) : null,
-    /* @__PURE__ */ jsx(Typography, { variant: "body", className: classes2.labelDisplayRows, children: labelDisplayedRows({
+    /* @__PURE__ */ jsx(Typography, { variant: "body", className: classes.labelDisplayRows, children: labelDisplayedRows({
       from: count === 0 ? 0 : page * rowsPerPage + 1,
       to: getLabelDisplayedRowsTo(),
       count: count === -1 ? -1 : count,
@@ -204,7 +202,7 @@ const CustomTablePagination = (props) => {
         page,
         rowsPerPage,
         onPageChange,
-        classes: classes2
+        classes
       }
     )
   ] });
@@ -234,14 +232,14 @@ function Pager(props) {
   const handleChangePage = (_event, newPage) => {
     onPageChange(newPage);
   };
-  const classes2 = pagerUtilityClasses();
-  return /* @__PURE__ */ jsx(PagerRoot, { className: classes2.root, children: /* @__PURE__ */ jsx(
+  const classes = pagerUtilityClasses();
+  return /* @__PURE__ */ jsx(PagerRoot, { className: classes.root, children: /* @__PURE__ */ jsx(
     CustomTablePagination,
     {
       rowsPerPageOptions,
       count: totalRecords,
       rowsPerPage,
-      classes: classes2,
+      classes,
       labelRowsPerPage: labelRows,
       page: currentPage,
       onPageChange: handleChangePage,
@@ -253,23 +251,7 @@ function Pager(props) {
 function getPagerComponentsDictionary() {
   return ["pager"];
 }
-const PagerNode = (props) => {
-  const { style = {}, className = "" } = props;
-  const { mainColor, countPages, pageId } = useBase();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(classes.pagerNodeRoot, className),
-      style: {
-        ...style,
-        color: mainColor
-      },
-      children: ` ${pageId} / ${countPages}`
-    }
-  );
-};
 export {
-  PagerNode as P,
-  Pager as a,
+  Pager as P,
   getPagerComponentsDictionary as g
 };