@m4l/components 0.2.13 → 0.2.15

package/components/maps/components/Map/pluginLayers/PolylineWithArrows/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { LatLngExpression } from 'leaflet';
+import { PolylineProps } from 'react-leaflet';
+interface PolylineWithArrowsProps extends PolylineProps {
+    positions: LatLngExpression[];
+    enableEdit?: boolean;
+}
+export declare const PolylineWithArrows: React.FC<PolylineWithArrowsProps>;
+export default PolylineWithArrows;

package/components/maps/components/Map/pluginLayers/index.d.ts

@@ -0,0 +1 @@
+export { PolylineWithArrows } from './PolylineWithArrows';

package/components/maps/components/Map/subcomponents/LayersContainer/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LayersContainer: React.FC;

package/components/maps/components/Map/subcomponents/LayersTool/hooks/useCheckedLayers.d.ts

@@ -0,0 +1,9 @@
+import { CheckedNameSet } from '../../../contexts/MapContext/types';
+/**
+ * Hook encargado de cargar las capas checkeadas y setter de acuerdo al nombre del set de capas
+ * @param layerId
+ * @param checkedType
+ * @param endpoint
+ * @returns
+ */
+export declare function useCheckedLayers(checkedNameSet: CheckedNameSet): [ReadonlySet<string>, (newFeatures: ReadonlySet<string>) => void];

package/components/maps/components/Map/subcomponents/LayersTool/hooks/useColumns.d.ts

@@ -0,0 +1,15 @@
+import { Column } from 'react-data-grid';
+import { LayersListModel } from '../model';
+declare type UseColumnsProps<Row> = {
+    rowKeyGetter: (row: Row) => string;
+    visibleLayers: ReadonlySet<string>;
+    setVisibleLayers: (newSet: ReadonlySet<string>) => void;
+    autoFocusLayers: ReadonlySet<string>;
+    setAutoFocusLayers: (newSet: ReadonlySet<string>) => void;
+    clusterLayers: ReadonlySet<string>;
+    setClusterLayers: (newSet: ReadonlySet<string>) => void;
+};
+export declare function useColumns(props: UseColumnsProps<LayersListModel>): {
+    columns: Column<LayersListModel, unknown>[];
+};
+export {};

package/components/maps/components/Map/subcomponents/LayersTool/hooks/useMaster.d.ts

@@ -0,0 +1,12 @@
+import type { LayersListModel } from '../model';
+/**
+ *
+ * @returns
+ */
+export declare function useMaster(): {
+    rowKeyGetter: (row: LayersListModel) => string;
+    columns: import("react-data-grid").Column<LayersListModel, unknown>[];
+    rows: LayersListModel[];
+    checkedRows: ReadonlySet<string>;
+    onCheckedRowsChange: (newFeatures: ReadonlySet<string>) => void;
+};

package/components/maps/components/Map/subcomponents/LayersTool/index.d.ts

@@ -0,0 +1 @@
+export declare function LayersTool(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/Map/subcomponents/LayersTool/model.d.ts

@@ -0,0 +1,19 @@
+export declare type LayerId = string;
+/**
+ * @description Modelo de datos proveniente del endpoint get de geocercas
+ * @interface GeofenceGetModel
+ */
+export interface LayersListModel {
+    /**
+     * id de la geocerca
+     */
+    id: LayerId;
+    /**
+     * "name" Traducción del nombre de la capa
+     */
+    name: string;
+    /**
+     * "active" si está activa o no lo capa para visualización
+     */
+    active?: boolean;
+}

package/components/maps/components/Map/subcomponents/MainTools/index.d.ts

@@ -0,0 +1,2 @@
+import { MainToolsProps } from './types';
+export declare function MainTools(props: MainToolsProps): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/Map/subcomponents/MainTools/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export interface MainToolsProps {
+    aditionalMainTools?: ReactNode;
+    gpsTools?: ReactNode;
+}

package/components/maps/components/Map/subcomponents/MyLayer/index.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="node" />
+import React from 'react';
+import type { LayerProps } from './types';
+export declare type LefaletLayerRef = {
+    clickTimeout: NodeJS.Timeout | null;
+    clickCount: number;
+    handleClickSetted: boolean;
+};
+/**
+ * "MyLayer" Este compoente es el encargado de renderizar todos los features de una capa.
+ * Utilizando la propiedad renderFeature, que tiene cada capa.
+ *
+ * @author Juan Escobar
+ * @param props
+ * @returns
+ */
+export declare const MyLayer: React.FC<LayerProps>;

package/components/maps/components/Map/subcomponents/MyLayer/subcomponents/MarkerClusterGroup/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import L from 'leaflet';
+/**
+ * Augmengta la funcionalidad de leaflet, porque utiliza el mismo namespace de leflet,
+ * Como: MarkerCluster, L.MarkerClusterGroup, etc.
+ * aportanto mas metodos, eventos y propiedades a los objetos de leaflet,
+ * Tomado del codigo fuente de
+ * https://github.com/yuzhva/react-leaflet-markercluster/tree/master?tab=readme-ov-file
+ */
+import { MarkerClusterGroupProps } from './types';
+/**
+ * MarkerClusterGroup, es un componente funcional que enmascara el comportamiento que
+ * leaflet.markercluster tiene, no aporta lógica adicional, solo es un wrapper para que funcione
+ * en React. Utilizando createPathComponent de @react-leaflet/core.
+ *
+ * @author  Juan Andrés Escobar
+ * @date 2024/02/22
+ * @returns ForwardRefExoticComponent (significa que es un componente que ha sido envuelto con React.forwardRef.).
+ */
+export declare const MarkerClusterGroup: import("react").ForwardRefExoticComponent<L.MarkerClusterGroupOptions & import("@react-leaflet/core").PathProps & import("./types").PropsWithChildren & import("react").RefAttributes<MarkerClusterGroupProps>>;

package/components/maps/components/Map/subcomponents/MyLayer/subcomponents/MarkerClusterGroup/types.d.ts

@@ -0,0 +1,11 @@
+import { PathProps } from '@react-leaflet/core';
+import { FeatureGroup, LeafletEventHandlerFn, MarkerClusterGroupOptions } from "leaflet";
+import { ReactNode } from "react";
+export interface MarkerClusterGroupProps extends FeatureGroup, MarkerClusterGroupOptions {
+    onClustering?: LeafletEventHandlerFn;
+    onCluster?: LeafletEventHandlerFn;
+}
+export declare type PropsWithChildren = {
+    children?: ReactNode;
+};
+export declare type PathWithChildrenProps = MarkerClusterGroupOptions & PathProps & PropsWithChildren;

package/components/maps/components/Map/subcomponents/MyLayer/subcomponents/RenderByEachFeatureComponent/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { RenderByEachFeatureProps } from './types';
+/**
+ * "RenderByEachFeatureComponent": Es un wrapper de renderFeature,
+ * Se realizó con el fin de que no haya re-renderizado de los features,
+ * Sin este wrapper cada vez que se actualiza LeafletLayer, se re-renderiza todos lo features.
+ * @param param0
+ * @returns
+ * @author Juan Escobar
+ */
+export declare const RenderByEachFeatureComponent: React.FC<RenderByEachFeatureProps>;
+export declare const MemonizedRenderByEachFeatureComponent: React.NamedExoticComponent<RenderByEachFeatureProps>;

package/components/maps/components/Map/subcomponents/MyLayer/subcomponents/RenderByEachFeatureComponent/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import type { RendePropFeatureArgs } from '../../../../contexts/MapContext/types';
+export declare type RenderByEachFeatureProps = {
+    renderFeature: (props: RendePropFeatureArgs) => ReactNode;
+} & RendePropFeatureArgs;

package/components/maps/components/Map/subcomponents/MyLayer/types.d.ts

@@ -0,0 +1,2 @@
+import type { LayerStore } from '../../contexts/MapContext/types';
+export declare type LayerProps = Pick<LayerStore, 'layerId'>;

package/components/maps/components/Map/types.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from "react";
+export declare type Localization = {
+    /**
+     *  "lat" Posición en del eje "Y" en grados.
+     */
+    lat: number;
+    /**
+     *  "lng" Posición en del eje "X" en grados.
+     */
+    lng: number;
+};
+export declare type Point = {
+    /**
+     *  "x" Posición en del eje "X" en pixeles.
+     */
+    x: number;
+    /**
+     *  "y" Posición en del eje "Y" en pixeles.
+     */
+    y: number;
+};
+export interface MapProps {
+    children: ReactNode;
+    startLat?: number;
+    startLon?: number;
+    gpsTools?: ReactNode;
+    aditionalMainTools?: ReactNode;
+}

package/components/maps/index.d.ts

@@ -0,0 +1,3 @@
+export { Map, MapProvider, MapContext, useMapStore, MarkerFeatureRender } from './components/Map';
+export type { MapProps, RendePropFeatureArgs, ComponentRenderPropFeature, FeatureId, FeatureCollection, Feature, Geometry } from './components/Map';
+export { GpsTools, useMapToolsStore } from './components/GpsTools';

package/components/modal/WindowBase.a4534b0b.js

@@ -0,0 +1,74 @@
+import { m as modalUtilityClasses } from "./index.61389369.js";
+import { useEnvironment } from "@m4l/core";
+import clsx from "clsx";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { I as IconButton } from "../mui_extended/IconButton/index.b705c196.js";
+import { I as Icon } from "../Icon/index.aa9949f0.js";
+import { u as useModal } from "../../hooks/useModal/index.acc61361.js";
+const Header = (props) => {
+  const {
+    title,
+    onClickCancel,
+    urlIcon,
+    classes
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const handlerClick = (e) => {
+    e.stopPropagation();
+    onClickCancel && onClickCancel();
+  };
+  return /* @__PURE__ */ jsxs("div", {
+    id: "Header",
+    className: clsx(classes.headerContainer, "m4l_draggable_handle"),
+    children: [urlIcon && /* @__PURE__ */ jsx("div", {
+      className: classes.iconHeader,
+      children: /* @__PURE__ */ jsx(Icon, {
+        src: urlIcon,
+        size: "medium"
+      })
+    }), /* @__PURE__ */ jsx("div", {
+      className: classes.titleHeader,
+      children: title
+    }), /* @__PURE__ */ jsx(IconButton, {
+      className: classes.iconCloseHeader,
+      src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`,
+      onClick: (e) => handlerClick(e),
+      "aria-label": "click"
+    })]
+  });
+};
+const WindowBase = (props) => {
+  const {
+    children,
+    onClickCancel,
+    ...other
+  } = props;
+  const {
+    closeModal,
+    variant
+  } = useModal();
+  const onCloseCancel = () => {
+    onClickCancel && onClickCancel();
+    closeModal();
+  };
+  const classes = modalUtilityClasses({
+    variant
+  });
+  return /* @__PURE__ */ jsxs("div", {
+    className: classes.windowBaseRoot,
+    children: [/* @__PURE__ */ jsx(Header, {
+      ...other,
+      onClickCancel: onCloseCancel,
+      classes
+    }), /* @__PURE__ */ jsx("div", {
+      className: classes.windowContent,
+      children
+    })]
+  });
+};
+export {
+  WindowBase as W
+};

package/components/modal/WindowConfirm.7a79bfa5.js

@@ -0,0 +1,102 @@
+import { A as Actions } from "../CommonActions/components/Actions/index.8368ac0f.js";
+import { Typography } from "@mui/material";
+import { useModuleDictionary, useEnvironment } from "@m4l/core";
+import { u as useModal } from "../../hooks/useModal/index.acc61361.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { I as Image } from "../Image/index.d5fed0ab.js";
+import { m as modalUtilityClasses } from "./index.61389369.js";
+import { W as WindowBase } from "./WindowBase.a4534b0b.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.06365996.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.b97cfeec.js";
+const dictionary = {
+  MESSAGE: "common_actions.confirm_quit_msg"
+};
+const MessageIlustration = (props) => {
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const {
+    variant
+  } = useModal();
+  const {
+    msg = getLabel(dictionary.MESSAGE),
+    classes,
+    title
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const illustrationWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_warning.svg`;
+  const illustrationDanger = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_danger.svg`;
+  const illustrationSuccess = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_success.svg`;
+  const illustrationInfo = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_info.svg`;
+  return /* @__PURE__ */ jsx("div", {
+    className: classes.containerMassageIlustration,
+    children: /* @__PURE__ */ jsxs("div", {
+      className: classes.modalContent,
+      children: [/* @__PURE__ */ jsx("div", {
+        className: classes.illustrationContainer,
+        children: /* @__PURE__ */ jsx(Image, {
+          className: classes.illustration,
+          src: variant === "warning" ? illustrationWarning : variant === "delete" ? illustrationDanger : variant === "success" ? illustrationSuccess : illustrationInfo
+        })
+      }), /* @__PURE__ */ jsx("div", {
+        children: /* @__PURE__ */ jsx(Typography, {
+          variant: "subtitle",
+          children: title
+        })
+      }), /* @__PURE__ */ jsx("div", {
+        className: classes.messageContainer,
+        children: /* @__PURE__ */ jsx(Typography, {
+          variant: "body",
+          children: msg
+        })
+      })]
+    })
+  });
+};
+const WindowConfirm = (props) => {
+  const {
+    variant,
+    title,
+    onClickCancel,
+    onClickIntro,
+    msg
+  } = props;
+  const {
+    closeModal
+  } = useModal();
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const onCloseCancel = () => {
+    onClickCancel && onClickCancel();
+    closeModal();
+  };
+  const classes = modalUtilityClasses({
+    variant
+  });
+  return /* @__PURE__ */ jsxs(WindowBase, {
+    title: getLabel("modal_dialog.label_window_confirm"),
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/window_confirm.svg`,
+    children: [/* @__PURE__ */ jsx(MessageIlustration, {
+      classes,
+      msg,
+      title
+    }), /* @__PURE__ */ jsxs(Actions, {
+      children: [/* @__PURE__ */ jsx(ActionCancel, {
+        onClick: onCloseCancel
+      }), /* @__PURE__ */ jsx(ActionIntro, {
+        onClick: onClickIntro
+      })]
+    })]
+  });
+};
+export {
+  WindowConfirm as W
+};

package/components/modal/index.61389369.js

@@ -0,0 +1,57 @@
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+const componentName = "M4LModal";
+generateUtilityClasses(componentName, [
+  "root",
+  "windowBaseRoot",
+  "containerWindow",
+  "headerContainer",
+  "iconHeader",
+  "titleHeader",
+  "iconCloseHeader",
+  "containerMassageIlustration",
+  "modalContent",
+  "illustrationContainer",
+  "messageContainer",
+  "illustration",
+  "windowConfirm",
+  "resizeHandle",
+  "windowContent",
+  "variantDelete",
+  "variantWarning",
+  "variantInfo",
+  "variantPrimary"
+]);
+function getModalUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const modalUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root", ownerState?.variant === "delete" && "variantDelete", ownerState.variant === "warning" && "variantWarning", ownerState.variant === "info" && "variantInfo", ownerState.variant === "success" && "variantSuccess"],
+    windowBaseRoot: ["windowBaseRoot"],
+    containerWindow: ["containerWindow"],
+    headerContainer: ["headerContainer"],
+    iconHeader: ["iconHeader"],
+    titleHeader: ["titleHeader"],
+    iconCloseHeader: ["iconCloseHeader"],
+    containerMassageIlustration: ["containerMassageIlustration"],
+    modalContent: ["modalContent"],
+    illustrationContainer: ["illustrationContainer"],
+    messageContainer: ["messageContainer"],
+    illustration: ["illustration"],
+    windowConfirm: ["windowConfirm"],
+    resizeHandle: ["resizeHandle"],
+    windowContent: ["windowContent"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getModalUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const getModalDictionary = () => {
+  return "modal_dialog";
+};
+export {
+  getModalDictionary as g,
+  modalUtilityClasses as m
+};

package/components/mui_extended/Accordion/{index.3087f40e.js → index.f1289de0.js}

@@ -1,13 +1,13 @@
 import { generateUtilityClasses, generateUtilityClass, styled, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.5afe56b7.js";
+import { I as IconButton } from "../IconButton/index.b705c196.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { I as Icon } from "../../Icon/index.e215d0f0.js";
-import { T as Typography } from "../Typography/index.443590d6.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../vendor.f0742647.js";
+import { g as getNameDataTestId } from "../../../test/getNameDataTestId.14875ec7.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { I as Icon } from "../../Icon/index.aa9949f0.js";
+import { T as Typography } from "../Typography/index.379dd374.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
   "root",

package/components/mui_extended/Button/classes/types.d.ts

@@ -1,4 +1,3 @@
-import { useUtilityClasses } from ".";
 export interface ButtonClassesType {
     root: string;
     skeleton: string;
@@ -16,4 +15,3 @@ export interface ButtonClassesType {
     toggleNotPressed: string;
 }
 export declare type ButtonClassesKey = keyof ButtonClassesType;
-export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/mui_extended/Button/{index.0f2552ed.js → index.007f5a6e.js}

@@ -1,14 +1,14 @@
 import { useModuleSkeleton } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, IconButton, Tooltip } from "@mui/material";
 import MuiButton from "@mui/material/Button";
+import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.d684bdf2.js";
-import { unstable_composeClasses } from "@mui/base";
+import { I as Image } from "../../Image/index.d5fed0ab.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.443590d6.js";
+import { T as Typography } from "../Typography/index.379dd374.js";
 const ButtonRoot = styled("div")(({
   theme
 }) => ({
@@ -146,7 +146,7 @@ function ImageButton({
     }) : imageButton
   });
 }
-const componentName = "M4LLoadingButton";
+const componentName = "M4LoadingButton";
 generateUtilityClasses(componentName, [
   "root",
   "skeleton",
@@ -171,7 +171,7 @@ const useUtilityClasses = (onwerState) => {
   };
 };
 const LoadingButtonRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LLoadingButton?.styleOverrides
+  ...theme.components?.M4LoadingButton?.styleOverrides
 }));
 const LOADINGBUTTON_PREFIX = "M4LoadingButton";
 const getNameDataTestId = (KEY) => {

package/components/mui_extended/{CheckBox.38abccd8.js → CheckBox.e662d20c.js}

@@ -4,8 +4,8 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { T as Typography } from "./Typography/index.443590d6.js";
 import { forwardRef } from "react";
+import { T as Typography } from "./Typography/index.379dd374.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/mui_extended/IconButton/{index.5afe56b7.js → index.b705c196.js}

@@ -1,11 +1,11 @@
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, styled, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.e215d0f0.js";
+import { I as Icon } from "../../Icon/index.aa9949f0.js";
 import { jsx, Fragment } from "react/jsx-runtime";
+import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { unstable_composeClasses } from "@mui/base";
 const SkeletonIconButton = (props) => {
   const {
     classes

package/components/mui_extended/LoadingButton/classes/constants.d.ts

@@ -1 +1 @@
-export declare const componentName = "M4LLoadingButton";
+export declare const componentName = "M4LoadingButton";

package/components/mui_extended/MenuActions/{index.cc54c35c.js → index.aa43c4f2.js}

@@ -1,28 +1,14 @@
 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.9f35d0eb.js";
+import { P as Popover } from "../Popover/index.b3eca6b1.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.e215d0f0.js";
-import { I as IconButton$1 } from "../IconButton/index.5afe56b7.js";
+import { I as Icon } from "../../Icon/index.aa9949f0.js";
 import clsx from "clsx";
-import "../Accordion/index.3087f40e.js";
-import "../Typography/index.443590d6.js";
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import "../Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "../Button/index.0f2552ed.js";
-import "../CheckBox.38abccd8.js";
-import { B as Badge } from "../Badge/index.b09524fe.js";
-import "../../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../Stack/index.0e53197c.js";
-import "../Tab/index.ae9ea641.js";
-import "../Pager/index.5fbbefe2.js";
-import "@m4l/graphics";
-import "../Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { B as Badge } from "../Badge/index.09f5aee5.js";
+import { I as IconButton$1 } from "../IconButton/index.b705c196.js";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({
   theme

package/components/mui_extended/Pager/{index.5fbbefe2.js → index.9928807e.js}

@@ -2,11 +2,11 @@ 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 { T as Typography } from "../Typography/index.443590d6.js";
-import { I as IconButton } from "../IconButton/index.5afe56b7.js";
+import { I as IconButton } from "../IconButton/index.b705c196.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
+import { T as Typography } from "../Typography/index.379dd374.js";
 const PagerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPager?.styleOverrides
 }));
@@ -126,6 +126,7 @@ function PagerActions(props) {
   return /* @__PURE__ */ jsxs(WrapperPagerActions, {
     className: classes.pagerActions,
     children: [/* @__PURE__ */ jsx(IconButton, {
+      id: "test_bruce",
       dictionaryTooltipId: "pager.first",
       onClick: handleFirstPageButtonClick,
       disabled: page === 0,

package/components/mui_extended/Tab/{index.ae9ea641.js → index.cefe27e7.js}

@@ -1,11 +1,11 @@
 import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, styled, Tabs as Tabs$1, Tab as Tab$1, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
+import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { styled as styled$1 } from "@mui/material/styles";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../vendor.f0742647.js";
+import { g as getNameDataTestId } from "../../../test/getNameDataTestId.14875ec7.js";
 import { createContext, useState } from "react";
 const componentName$2 = "M4LTabs";
 generateUtilityClasses(componentName$2, [
@@ -149,9 +149,9 @@ function TabProvider(props) {
   });
 }
 export {
-  TabContext as T,
+  Tabs as T,
   Tab as a,
-  Tabs as b,
-  TabContent as c,
-  TabProvider as d
+  TabContent as b,
+  TabProvider as c,
+  TabContext as d
 };

package/components/mui_extended/ToggleButton/ToggleButton.d.ts

@@ -1 +1 @@
-export declare const ToggleButton: (props: import("../../../hocs/withToggle").ComponentWithToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleButton: (props: import("../../../hocs/withToggle/types").ComponentWithToggleProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/ToggleButton/{index.667d63cd.js → index.b053aa70.js}

@@ -1,11 +1,7 @@
 import clsx from "clsx";
-import { B as Button, b as buttonClasses } from "../Button/index.0f2552ed.js";
+import { B as Button, b as buttonClasses } from "../Button/index.007f5a6e.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.e44eb0da.js";
 import { jsx } from "react/jsx-runtime";
-import "@m4l/core";
-import "@mui/material";
-import "@mui/material/Button";
-import "react";
 const ToggleAbleButton = ({
   onClick,
   isPressed,

package/components/mui_extended/ToggleButton/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentWithToggleProps, WithToggleProps } from '../../../hocs/withToggle';
+import type { ComponentWithToggleProps, WithToggleProps } from '../../../hocs/withToggle/types';
 import { ButtonProps } from '../Button';
-export interface ExtendToggleButtonProps extends Omit<ButtonProps, 'onClick'>, Pick<ComponentWithToggleProps, 'onClick'>, Pick<WithToggleProps, 'isPressed'> {
+export interface ToggleButtonProps extends Omit<ButtonProps, 'onClick'>, Pick<ComponentWithToggleProps, 'onClick'>, Pick<WithToggleProps, 'isPressed'> {
 }