@m4l/components 0.1.52 → 0.1.53

package/components/DynamicFilter/types.d.ts

@@ -1,71 +1,202 @@
 import { Maybe } from '@m4l/core';
-import { OwnerState } from './contexts/BaseContext/types';
-export interface WrapperDynamicFilterProps {
-    ownerState: OwnerState | Record<string, unknown>;
-}
 export declare type FieldType = 'number' | 'string' | 'boolean' | 'datetime';
 export declare type OperandType = number | string | boolean | Date | [] | object;
-export declare type Operator = 'b' | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte' | 'c' | 'nc';
-export declare const OPERATORS: Array<Operator>;
+export declare type OperandInitialFilterType = number | string | boolean | [] | object;
+export declare type OperatorB = 'b';
+export declare type Operator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte' | 'c' | 'nc';
 export declare type StringOperator = 'c' | 'nc';
-export declare const STRING_OPERATORS: Array<StringOperator>;
-export declare type NumberOperator = 'b' | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
-export declare const NUMBER_OPERATORS: Array<NumberOperator>;
+export declare type NumberOperator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
 export declare type BooleanOperator = 'e' | 'ne';
-export declare const BOOLEAN_OPERATORS: Array<BooleanOperator>;
-export declare type DateTimeOperator = 'b' | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
-export declare const DATE_TIME_OPERATORS: Array<DateTimeOperator>;
+export declare type DateTimeOperator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
 export declare type FieldPresence = 'initialized' | 'fixed' | 'optional';
-export interface Field {
+export declare type FieldTypeOperator<T extends FieldType> = T extends 'boolean' ? BooleanOperator : T extends 'datetime' ? DateTimeOperator : T extends 'number' ? NumberOperator : T extends 'string' ? StringOperator : T;
+export declare type FieldTypeOperand<T extends FieldType> = T extends 'boolean' ? boolean : T extends 'datetime' ? Date : T extends 'number' ? number : T extends 'string' ? string : FieldType;
+export interface Field<T extends FieldType = FieldType> {
     name: string;
-    label: string;
-    type: FieldType;
+    dictionaryId: string;
+    type: T;
     multiple?: boolean;
     presence?: FieldPresence;
     urlIcon: string;
-    defaultOperand1?: Maybe<OperandType>;
-    defaultOperand2?: Maybe<OperandType>;
-}
-export interface OptionOperator<T> {
-    id: T;
-    label: string;
+    defaultOperator?: Maybe<FieldTypeOperator<T>>;
+    defaultOperand1?: Maybe<FieldTypeOperand<T>>;
+    defaultOperand2?: Maybe<FieldTypeOperand<T>>;
 }
-export interface BaseApplyFilter {
+export interface BaseApplyFilter<T extends FieldType = FieldType> {
     id: number;
-    n: string;
+    field: Field<T>;
     isSetted: boolean;
     fixed: boolean;
 }
-export interface ValuesFilter {
-    o: Operator;
-    labelOperator: string;
-    labelOperands: string | number;
-    o1?: Maybe<OperandType>;
-    o2?: Maybe<OperandType>;
+/**
+ * @interface FilterValueBase Base para el tipado de overloading de los valor de un filtro
+ */
+export interface FilterValueBase {
+    fieldType: FieldType;
+    operator: Operator;
+    operand1: Maybe<OperandType>;
+    operand2?: Maybe<OperandType>;
+}
+export interface FilterValueBoolean extends FilterValueBase {
+    fieldType: 'boolean';
+    operator: BooleanOperator;
+    operand1: boolean;
+}
+export interface FilterValueDateTimeNoB extends FilterValueBase {
+    fieldType: 'datetime';
+    operator: Exclude<DateTimeOperator, OperatorB>;
+    operand1: Date;
+}
+export interface FilterValueDateTimeB extends FilterValueBase {
+    fieldType: 'datetime';
+    operator: OperatorB;
+    operand1: Date;
+    operand2: Date;
+}
+export declare type FilterValueDateTime = FilterValueDateTimeNoB | FilterValueDateTimeB;
+export interface FilterValueNumberNoB extends FilterValueBase {
+    fieldType: 'number';
+    operator: Exclude<NumberOperator, OperatorB>;
+    operand1: Maybe<number>;
 }
-export interface FormValuesFilter<T> {
-    valueOperator?: Maybe<OptionOperator<T>>;
-    valueOperand1?: Maybe<any>;
-    valueOperand2?: Maybe<any>;
+export interface FilterValueNumberB extends FilterValueBase {
+    fieldType: 'number';
+    operator: OperatorB;
+    operand1: Maybe<number>;
+    operand2: Maybe<number>;
 }
+export declare type FilterValueNumber = FilterValueNumberNoB | FilterValueNumberB;
+export interface FilterValueString extends FilterValueBase {
+    fieldType: 'string';
+    operator: StringOperator;
+    operand1: string;
+}
+/**
+ * @type FilterValue Valor de un filtro sobrecargado para cada tipo de dato
+ */
+export declare type FilterValue = FilterValueBoolean | FilterValueDateTime | FilterValueNumber | FilterValueString;
+/**
+ * @type FilterFieldApplyed Estado del Filtro + Valor valor del filtro.
+ */
+export declare type FilterFieldApplyed<T extends FieldType = FieldType> = BaseApplyFilter<T> & FilterValue;
+/**
+ * @interface RawFilterFieldApply Formato para enviar los filtros a las APIs.
+ */
 export interface RawFilterFieldApply {
     n: string;
     o: Operator;
     o1: Maybe<OperandType>;
     o2: Maybe<OperandType>;
 }
-export declare type FilterFieldApply = BaseApplyFilter & ValuesFilter;
-export declare type InitialFilterFieldApply = Omit<FilterFieldApply, 'id' | 'fixed' | 'isSetted' | 'labelOperator'>;
-export declare type FilterToAddApply = Omit<FilterFieldApply, 'id' | 'labelOperator'>;
-export declare type FilterToEditApply = Omit<FilterFieldApply, 'labelOperator'>;
-export interface FilterFormFieldApply extends BaseApplyFilter, ValuesFilter, FormValuesFilter<Operator> {
+export declare type FilterToAddApplyed = Omit<FilterFieldApplyed, 'id'> & {
+    isSetted: true;
+};
+export declare type FilterToEditApply = FilterFieldApplyed;
+export interface DataTypeFilerLabels {
+    labelField: string;
+    labelOperator: string;
+    labelOperands: string;
+}
+/**
+ * @interface
+ * @name InitialFilterApplyed
+ * @description Tipado de los filtros a inicializar el componente DynamicFilter
+ */
+export declare type InitialFilterApplyed = {
+    name: string;
+    operator: Operator;
+    operand1?: Maybe<OperandInitialFilterType>;
+    operand2?: Maybe<OperandInitialFilterType>;
+};
+export declare type FormOperator<T extends Operator = Operator> = {
+    id: T;
+    label: string;
+};
+export declare type FormOperandBoolean = {
+    value: boolean;
+    label: string;
+};
+export declare type FormOperandDateTime = Date;
+export declare type FormOperandNumber = number;
+export declare type FormOperandString = string;
+export declare type FormOperand = FormOperandBoolean | FormOperandDateTime | FormOperandNumber | FormOperandString;
+/**
+ * @interface FilterValueBase Base para el tipado de overloading de los valor de un filtro
+ */
+export interface FormFilterValueBase {
+    fieldType: FieldType;
+    formValueOperator: FormOperator;
+    formValueOperand1: Maybe<FormOperand>;
+}
+export interface FormFilterValueBoolean extends FormFilterValueBase {
+    fieldType: 'boolean';
+    formValueOperator: FormOperator<BooleanOperator>;
+    formValueOperand1: Maybe<FormOperandBoolean>;
+}
+export interface FormFilterValueDateTime extends FormFilterValueBase {
+    fieldType: 'datetime';
+    formValueOperator: FormOperator<DateTimeOperator>;
+    formValueOperand1: Date;
+    formValueOperand2: Date;
+}
+export interface FormFilterValueNumber {
+    fieldType: 'number';
+    formValueOperator: FormOperator<NumberOperator>;
+    formValueOperand1: Maybe<number>;
+    formValueOperand2: Maybe<number>;
+}
+export interface FormFilterValueString extends FormFilterValueBase {
+    fieldType: 'string';
+    formValueOperator: FormOperator<StringOperator>;
+    formValueOperand1: string;
 }
-export declare const ALL_FIELDS: Field;
+/**
+ * @type FormFilterValue Valor de un filtro sobrecargado para cada tipo de dato
+ */
+export declare type FormFilterValue = FormFilterValueBoolean | FormFilterValueDateTime | FormFilterValueNumber | FormFilterValueString;
+/**
+ * @type FilterFieldApplyed Estado del Filtro + Valor valor del filtro.
+ */
+export declare type FormFilterFieldApplyed<T extends FieldType = FieldType> = BaseApplyFilter<T> & FormFilterValue;
+/**
+ * @interface
+ * @name OnChangeFilters
+ * @description Tipado del handler cuando se ejecuta el filtro
+ */
+export declare type OnChangeFilters = (
+/**
+ *  "filters" Vector de filtros aplicados, los cuales pueden servir como entrada del campo "i"nitialApplyedFilters" en un refresh,
+ */
+filters: Array<InitialFilterApplyed>, 
+/**
+ *  "rawFilters" Vector de filtros aplicados, en el formato que puede ser llevado a un endpoint.
+ *   ver:  https://www.notion.so/made4labs/Filtrado-de-listas-55afdd8ac92e483abd34e5365b74ee29
+ */
+rawFilters: Array<RawFilterFieldApply>) => void;
+/**
+ * @interface
+ * @name DynamicFilterProps
+ * @description Interface que define los props que puede recibir el componente DynamiFilter
+ */
 export interface DynamicFilterProps {
-    isSkeleton?: boolean;
+    /**
+     *  "automatic" Configura si el filtro se ejecuta automaticamente cuando se agrega o se modifica un filtro. (Default true)
+     */
     automatic?: boolean;
+    /**
+     *  "withAllField" indica si permite o no filtrar por todos los campos  (Default true)
+     */
     withAllField?: boolean;
+    /**
+     *  "fields" Campos por los que se puede filtrar
+     */
     fields: Array<Field>;
-    initialFilters?: Array<InitialFilterFieldApply>;
-    onChangeFilter: (initialFilters: Array<InitialFilterFieldApply>, rawFilters: Array<RawFilterFieldApply>) => void;
+    /**
+     *  "initialApplyedFilters" filtros iniciales que pueden venir de un almacenamiento local o remoto
+     */
+    initialApplyedFilters?: Array<InitialFilterApplyed>;
+    /**
+     *  "onChangeFilters" Handler que se dispara cuando el filtro cambia en automatico, o cuando es manual y se presion a el boton de filtrar
+     */
+    onChangeFilters: OnChangeFilters;
 }

package/components/ErrorLabel/{index.78553a1e.js → index.12994bff.js}

@@ -1,11 +1,11 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.f6e8d810.js";
+import "../Icon/index.b29ff2d9.js";
 import "@mui/material/styles";
 import { jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.1318a283.js";
-import "../mui_extended/Accordion/index.1d513477.js";
+import "../mui_extended/IconButton/index.460c0476.js";
+import "../mui_extended/Accordion/index.002bad72.js";
 import "../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
@@ -13,8 +13,8 @@ import "../mui_extended/Button/index.8406ed5b.js";
 import "../Image/index.aa24e982.js";
 import "@mui/lab";
 import "../mui_extended/Popover/index.58c49cc0.js";
-import "../mui_extended/MenuActions/index.1261168c.js";
-import "../mui_extended/Pager/index.984aac44.js";
+import "../mui_extended/MenuActions/index.aaafafc3.js";
+import "../mui_extended/Pager/index.458f9f0d.js";
 import "../mui_extended/Tab/index.e0653a0a.js";
 import { t as typographyClasses, T as Typography } from "../mui_extended/Typography/index.be3a279a.js";
 import { unstable_composeClasses } from "@mui/base";

package/components/Icon/{index.f6e8d810.js → index.b29ff2d9.js}

@@ -3,7 +3,7 @@ import { forwardRef, useState, useMemo, useEffect } from "react";
 import { IconButton, Box, styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 import { useTheme } from "@mui/material/styles";
-import { g as getPaletteColor } from "../../utils/index.e882b264.js";
+import { a as getPaletteColor } from "../../utils/index.b6ae791a.js";
 import { unstable_composeClasses } from "@mui/base";
 const varSmall = {
   hover: {

package/components/LanguagePopover/{index.5047b444.js → index.628fe97f.js}

@@ -3,11 +3,11 @@ import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem }
 import { I as Image } from "../Image/index.aa24e982.js";
 import { useLocales } from "@m4l/graphics";
 import { useEnvironment, useNetwork } from "@m4l/core";
-import "../Icon/index.f6e8d810.js";
+import "../Icon/index.b29ff2d9.js";
 import "@mui/material/styles";
 import { jsxs, jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.1318a283.js";
-import "../mui_extended/Accordion/index.1d513477.js";
+import "../mui_extended/IconButton/index.460c0476.js";
+import "../mui_extended/Accordion/index.002bad72.js";
 import "../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
@@ -15,8 +15,8 @@ import { I as ImageButton } from "../mui_extended/Button/index.8406ed5b.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
 import "@mui/lab";
 import { P as Popover } from "../mui_extended/Popover/index.58c49cc0.js";
-import "../mui_extended/MenuActions/index.1261168c.js";
-import "../mui_extended/Pager/index.984aac44.js";
+import "../mui_extended/MenuActions/index.aaafafc3.js";
+import "../mui_extended/Pager/index.458f9f0d.js";
 import "../mui_extended/Tab/index.e0653a0a.js";
 import "../mui_extended/Typography/index.be3a279a.js";
 import { unstable_composeClasses } from "@mui/base";

package/components/ModalDialog/{index.5a307e29.js → index.49c40899.js}

@@ -1,12 +1,12 @@
 import { Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.0eef011c.js";
-import { u as useModal } from "../../hooks/useModal/index.4454145e.js";
+import { c as cjs } from "../../react-draggable.6471b07e.js";
+import { u as useModal } from "../../hooks/useModal/index.f77ab08b.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.e882b264.js";
-import { R as ResizeableWindow } from "../Resizeable/index.8a442a8b.js";
+import { b as getThemeVariantColor } from "../../utils/index.b6ae791a.js";
+import { R as ResizeableWindow } from "../Resizeable/index.04fa8de5.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.f0a3167b.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.93c9823a.js";
 const WrapperDialog = styled(Dialog)(() => ({}));
 const Container = styled("div")(({ theme }) => ({
   display: "flex",

package/components/ObjectLogs/{index.1315af37.js → index.d7c0092a.js}

@@ -1,36 +1,36 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.85390177.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.1a6508e2.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.57125fcf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.4454145e.js";
-import { I as Icon } from "../Icon/index.f6e8d810.js";
-import "../../react-draggable.0eef011c.js";
-import "../ModalDialog/index.5a307e29.js";
-import "../Resizeable/index.8a442a8b.js";
-import "../CommonActions/components/Actions/index.f0a3167b.js";
+import { u as useModal } from "../../hooks/useModal/index.f77ab08b.js";
+import { I as Icon } from "../Icon/index.b29ff2d9.js";
+import "../../react-draggable.6471b07e.js";
+import "../ModalDialog/index.49c40899.js";
+import "../Resizeable/index.04fa8de5.js";
+import "../CommonActions/components/Actions/index.93c9823a.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.8406ed5b.js";
 import "react-hook-form";
-import "../areas/components/index.6d863764.js";
-import "../areas/components/AreasAdmin/index.dbab59f1.js";
-import "../mui_extended/IconButton/index.1318a283.js";
+import "../areas/components/index.912056a0.js";
+import "../areas/components/AreasAdmin/index.25e50e70.js";
+import "../mui_extended/IconButton/index.460c0476.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.7406c20f.js";
+import "../areas/contexts/AreasContext/index.fb21af84.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.f3f921b9.js";
+import "../areas/components/AreasContainer/index.432b9d4c.js";
 import "react-grid-layout/css/styles.css";
-import "../../react-resizable.bb58c8fc.js";
-import "../areas/contexts/index.e80d8f0f.js";
+import "../../react-resizable.b620abed.js";
+import "../areas/contexts/index.1e46147e.js";
 import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
-import "../modal/WindowConfirm.cbc7720c.js";
-import { W as WindowBase } from "../modal/WindowBase.b5e29758.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.cddd7472.js";
+import "../modal/WindowConfirm.b31ed329.js";
+import { W as WindowBase } from "../modal/WindowBase.66ef3c9a.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.2189989e.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",
@@ -237,38 +237,38 @@ function ObjectLogs(props) {
       id: "objectLogsActions",
       children: /* @__PURE__ */ jsx(DynamicFilter, {
         withAllField: true,
-        onChangeFilter,
+        onChangeFilters: onChangeFilter,
         automatic: false,
         fields: [{
           name: "user_logs.created_at",
-          label: getLabel("object_logs.created_at"),
+          dictionaryId: getLabel("object_logs.created_at"),
           type: "datetime",
           multiple: false,
           presence: "fixed",
           urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/email.svg`
         }, {
           name: "users.email",
-          label: getLabel("object_logs.email"),
+          dictionaryId: getLabel("object_logs.email"),
           type: "string",
           multiple: true,
           presence: "optional",
           urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/email.svg`
         }, {
           name: "user_logs.log_preview",
-          label: getLabel("object_logs.log_preview"),
+          dictionaryId: getLabel("object_logs.log_preview"),
           type: "string",
           multiple: true,
           presence: "optional",
           urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/log_preview.svg`
         }, {
           name: "user_logs.log_detail",
-          label: getLabel("object_logs.log_detail"),
+          dictionaryId: getLabel("object_logs.log_detail"),
           type: "string",
           multiple: true,
           presence: "optional",
           urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/log_detail.svg`
         }],
-        initialFilters: []
+        initialApplyedFilters: []
       })
     }), /* @__PURE__ */ jsx(GridWrapper, {
       id: "GridWrapper",

package/components/PaperForm/{index.0114aa9b.js → index.c04000a9.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { I as Icon } from "../Icon/index.f6e8d810.js";
+import { I as Icon } from "../Icon/index.b29ff2d9.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPaper = styled("div")(({
   theme

package/components/Period/{index.85fe764a.js → index.4f6e419d.js}

@@ -1,30 +1,30 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.f6e8d810.js";
+import { I as Icon } from "../Icon/index.b29ff2d9.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.f0a3167b.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.93c9823a.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.8406ed5b.js";
 import "react-hook-form";
-import "../../contexts/ModalContext/index.3d92d9f9.js";
-import "../../react-draggable.0eef011c.js";
-import "../ModalDialog/index.5a307e29.js";
-import "../Resizeable/index.8a442a8b.js";
+import "../../contexts/ModalContext/index.d1aaddbc.js";
+import "../../react-draggable.6471b07e.js";
+import "../ModalDialog/index.49c40899.js";
+import "../Resizeable/index.04fa8de5.js";
 import "@m4l/graphics";
-import "../modal/WindowConfirm.cbc7720c.js";
+import "../modal/WindowConfirm.b31ed329.js";
 import "@mui/material/styles";
-import "../modal/WindowBase.b5e29758.js";
-import "../areas/components/index.6d863764.js";
-import "../areas/components/AreasAdmin/index.dbab59f1.js";
-import "../mui_extended/IconButton/index.1318a283.js";
+import "../modal/WindowBase.66ef3c9a.js";
+import "../areas/components/index.912056a0.js";
+import "../areas/components/AreasAdmin/index.25e50e70.js";
+import "../mui_extended/IconButton/index.460c0476.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.7406c20f.js";
+import "../areas/contexts/AreasContext/index.fb21af84.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.f3f921b9.js";
+import "../areas/components/AreasContainer/index.432b9d4c.js";
 import "react-grid-layout/css/styles.css";
-import "../../react-resizable.bb58c8fc.js";
-import "../areas/contexts/index.e80d8f0f.js";
+import "../../react-resizable.b620abed.js";
+import "../areas/contexts/index.1e46147e.js";
 import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
 const ContainerPeriod = styled("div")(({

package/components/Resizeable/{index.8a442a8b.js → index.04fa8de5.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { R as ResizableBox } from "../../react-resizable.bb58c8fc.js";
+import { R as ResizableBox } from "../../react-resizable.b620abed.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme

package/components/ScrollBar/{index.39eeb2de.js → index.35ebe9a1.js}

@@ -1,11 +1,15 @@
-import SimpleBarReact from "simplebar-react";
-import { styled, alpha } from "@mui/material/styles";
 import { Box } from "@mui/material";
+import { styled, css, alpha } from "@mui/material/styles";
+import SimpleBarReact from "simplebar-react";
+import simpleBarCss from "simplebar/dist/simplebar.min.css?used";
 import { jsx } from "react/jsx-runtime";
 const RootStyle = styled("div")(() => ({
   flexGrow: 1,
   height: "100%",
-  overflow: "hidden"
+  overflow: "hidden",
+  ...css`
+        ${simpleBarCss}
+    `
 }));
 const SimpleBarStyle = styled(SimpleBarReact)(({
   theme
@@ -43,6 +47,7 @@ function ScrollBar({
     });
   }
   return /* @__PURE__ */ jsx(RootStyle, {
+    id: "RootStyle",
     children: /* @__PURE__ */ jsx(SimpleBarStyle, {
       autoHide: false,
       children

package/components/areas/components/AreasAdmin/{index.dbab59f1.js → index.25e50e70.js}

@@ -1,12 +1,12 @@
 import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.1318a283.js";
-import { u as useAreasStore } from "../../hooks/useArea/index.7bdbbb79.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.460c0476.js";
+import { u as useAreasStore } from "../../hooks/useArea/index.6f45f930.js";
 import { useEnvironment } from "@m4l/core";
 import "@mui/material";
-import "../../../Icon/index.f6e8d810.js";
+import "../../../Icon/index.b29ff2d9.js";
 import "react";
 import { jsxs, jsx } from "react/jsx-runtime";
-import "../../../mui_extended/Accordion/index.1d513477.js";
+import "../../../mui_extended/Accordion/index.002bad72.js";
 import "../../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
@@ -14,8 +14,8 @@ import "../../../mui_extended/Button/index.8406ed5b.js";
 import "../../../Image/index.aa24e982.js";
 import "@mui/lab";
 import "../../../mui_extended/Popover/index.58c49cc0.js";
-import "../../../mui_extended/MenuActions/index.1261168c.js";
-import "../../../mui_extended/Pager/index.984aac44.js";
+import "../../../mui_extended/MenuActions/index.aaafafc3.js";
+import "../../../mui_extended/Pager/index.458f9f0d.js";
 import "../../../mui_extended/Tab/index.e0653a0a.js";
 import "../../../mui_extended/Typography/index.be3a279a.js";
 import { shallow } from "zustand/shallow";

package/components/areas/components/AreasContainer/{index.f3f921b9.js → index.432b9d4c.js}

@@ -1,8 +1,8 @@
 import { styled } from "@mui/material/styles";
-import { A as Area } from "../index.6d863764.js";
+import { A as Area } from "../index.912056a0.js";
 import "react-grid-layout/css/styles.css";
-import "../../../../react-resizable.bb58c8fc.js";
-import { u as useAreasStore } from "../../hooks/useArea/index.7bdbbb79.js";
+import "../../../../react-resizable.b620abed.js";
+import { u as useAreasStore } from "../../hooks/useArea/index.6f45f930.js";
 import { jsx } from "react/jsx-runtime";
 const ContainerAreas = styled("div")(({
   theme

package/components/areas/components/GridLayout/{index.9953146d.js → index.359e777e.js}

@@ -1,12 +1,12 @@
 import { WidthProvider, Responsive } from "react-grid-layout";
-import { a as useAreaStore } from "../../hooks/useArea/index.7bdbbb79.js";
+import { a as useAreaStore } from "../../hooks/useArea/index.6f45f930.js";
 import { styled } from "@mui/material/styles";
-import { M as MemonizedWindowPopUp } from "../WindowPopUp/index.90eb0348.js";
-import { M as MemonizedWindow, a as MemonizedWindowModal } from "../Window/index.e34225ae.js";
+import { M as MemonizedWindowPopUp } from "../WindowPopUp/index.d5fa0d74.js";
+import { M as MemonizedWindow, a as MemonizedWindowModal } from "../Window/index.2b9f12fe.js";
 import "react-grid-layout/css/styles.css";
-import "../../../../react-resizable.bb58c8fc.js";
+import "../../../../react-resizable.b620abed.js";
 import { shallow } from "zustand/shallow";
-import { R as ROW_HEIGTH_GRIDLAYOUT, C as CONTAINER_PADDING_GRIDLAYOUT } from "../../contexts/AreaContext/index.f25f7180.js";
+import { R as ROW_HEIGTH_GRIDLAYOUT, C as CONTAINER_PADDING_GRIDLAYOUT } from "../../contexts/AreaContext/index.b1439daf.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPoups = styled("div")(() => ({
   zIndex: 1,