@m4l/components 9.2.52 → 9.2.53

package/components/Chip/Chip.js

@@ -22,6 +22,7 @@ const Chip = forwardRef((props, ref) => {
     iconButtonProps,
     className,
     dataTestId,
+    disabledDeleteButton,
     ...others
   } = props;
   const { currentSize } = useComponentSize(size);
@@ -93,7 +94,8 @@ const Chip = forwardRef((props, ref) => {
             src: iconClose,
             size: adjustedSize,
             ownerState: { ...ownerState },
-            onClick: handleDelete
+            onClick: handleDelete,
+            disabled: disabledDeleteButton
           }
         )
       ]

package/components/Chip/ChipStyles.js

@@ -1,5 +1,5 @@
 import { g as getSizeStyles } from "../../utils/getSizeStyles/getSizeStyles.js";
-import { lighten, darken } from "@mui/material/styles";
+import { darken, lighten } from "@mui/material/styles";
 const getExternalColor = (externalColor) => {
   try {
     return {

package/components/Chip/types.d.ts

@@ -74,6 +74,10 @@ export interface ChipProps {
      * Test id for the `Chip`.
      */
     dataTestId?: string;
+    /**
+     * If the `Chip` delete button is disabled.
+     */
+    disabledDeleteButton?: boolean;
 }
 /**
  * Owner state of the `Chip` used to define internal style and behavior properties.

package/components/DataGrid/constants.d.ts

@@ -1,3 +1,24 @@
 export declare const DATAGRID_PREFIX_NAME = "M4LDataGrid";
 export declare const DATAGRID_SELECT_COLUMN_KEY = "M4LDataGrid-CheckedColumn";
 export declare const DATAGRID_ACTIONS_COLUMN_KEY = "M4LDataGrid-ActionsColumn";
+export declare enum DATAGRID_SEMANTIC_WIDTHS {
+    actions = 40,
+    bigChip = 190,
+    bigDescription = 350,
+    bigId = 200,
+    bigName = 290,
+    bigNumber = 150,
+    date = 180,
+    email = 300,
+    mediumChip = 140,
+    mediumDescription = 280,
+    mediumId = 130,
+    mediumName = 180,
+    mediumNumber = 150,
+    percentNumber = 90,
+    smallChip = 70,
+    smallDescription = 130,
+    smallId = 50,
+    smallName = 90,
+    smallNumber = 60
+}

package/components/DataGrid/constants.js

@@ -1,8 +1,31 @@
 const DATAGRID_PREFIX_NAME = "M4LDataGrid";
 const DATAGRID_SELECT_COLUMN_KEY = "M4LDataGrid-CheckedColumn";
 const DATAGRID_ACTIONS_COLUMN_KEY = "M4LDataGrid-ActionsColumn";
+var DATAGRID_SEMANTIC_WIDTHS = /* @__PURE__ */ ((DATAGRID_SEMANTIC_WIDTHS2) => {
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["actions"] = 40] = "actions";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["bigChip"] = 190] = "bigChip";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["bigDescription"] = 350] = "bigDescription";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["bigId"] = 200] = "bigId";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["bigName"] = 290] = "bigName";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["bigNumber"] = 150] = "bigNumber";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["date"] = 180] = "date";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["email"] = 300] = "email";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["mediumChip"] = 140] = "mediumChip";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["mediumDescription"] = 280] = "mediumDescription";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["mediumId"] = 130] = "mediumId";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["mediumName"] = 180] = "mediumName";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["mediumNumber"] = 150] = "mediumNumber";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["percentNumber"] = 90] = "percentNumber";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["smallChip"] = 70] = "smallChip";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["smallDescription"] = 130] = "smallDescription";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["smallId"] = 50] = "smallId";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["smallName"] = 90] = "smallName";
+  DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["smallNumber"] = 60] = "smallNumber";
+  return DATAGRID_SEMANTIC_WIDTHS2;
+})(DATAGRID_SEMANTIC_WIDTHS || {});
 export {
   DATAGRID_PREFIX_NAME as D,
   DATAGRID_SELECT_COLUMN_KEY as a,
-  DATAGRID_ACTIONS_COLUMN_KEY as b
+  DATAGRID_SEMANTIC_WIDTHS as b,
+  DATAGRID_ACTIONS_COLUMN_KEY as c
 };

package/components/DataGrid/contexts/DataGridContext/index.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { createContext, useState, useMemo, useEffect, useCallback } from "react";
+import { useState, useMemo, useEffect, useCallback, createContext } from "react";
 import { c as castMapColumnsWidthToRecord } from "../../helpers/castMapColumnsWidthToRecord.js";
 import { useFirstRender } from "@m4l/graphics";
 const DataGridContext = createContext(null);

package/components/DataGrid/contexts/FilterContext/index.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { createContext, useState } from "react";
+import { useState, createContext } from "react";
 import { voidFunction } from "@m4l/core";
 const initialState = {
   activeFilters: false,

package/components/DataGrid/dictionary.js

@@ -5,9 +5,6 @@ function getDataGridComponentsDictionary() {
   return ["data_grid"].concat(getPagerComponentsDictionary()).concat(getMenuActionsComponentsDictionary()).concat(getModalDictionary());
 }
 const dictionary = {
-  LABEL_ACTIONS: "actions",
-  LABEL_ROWS_PER_PAGE: "pager.rows_per_page",
-  LABEL_OF: "pager.of",
   DENSITY_COMPACT: `${getDataGridComponentsDictionary()[0]}.density_compact`,
   DENSITY_STANDARD: `${getDataGridComponentsDictionary()[0]}.density_standard`,
   DENSITY_CONFORTABLE: `${getDataGridComponentsDictionary()[0]}.density_confortable`,

package/components/DataGrid/index.d.ts

@@ -6,3 +6,4 @@ export { getDataGridComponentsDictionary } from './dictionary';
 export { TextEditor, NumberEditor } from './subcomponents/editors/TextEditor';
 export { getDataGridRowsFromSet } from './utils/getDataGridRowsFromSet';
 export type { IGridConfig, BaseConfigColumn } from './contexts/DataGridContext/types';
+export { DATAGRID_SEMANTIC_WIDTHS } from './constants';

package/components/DataGrid/slots/DataGridEnum.js

@@ -40,6 +40,6 @@ export {
   ColumnsConfigSlots as C,
   DataGridSlots as D,
   RowsCountSlots as R,
-  TableSlots as T,
-  TextEditorSlots as a
+  TextEditorSlots as T,
+  TableSlots as a
 };

package/components/DataGrid/slots/DataGridSlot.js

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { InputBase } from "@mui/material";
 import { D as DATAGRID_PREFIX_NAME } from "../constants.js";
-import { D as DataGridSlots, A as ActionsSlots, R as RowsCountSlots, C as ColumnsConfigSlots, T as TableSlots, a as TextEditorSlots } from "./DataGridEnum.js";
+import { D as DataGridSlots, T as TextEditorSlots, A as ActionsSlots, a as TableSlots, R as RowsCountSlots, C as ColumnsConfigSlots } from "./DataGridEnum.js";
 import { d as dataGridStyles } from "../styles.js";
 const DataGridRootStyled = styled("div", {
   name: DATAGRID_PREFIX_NAME,

package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js

@@ -17,6 +17,7 @@ function getComparator(columns, sortColumn) {
     return column.customSort;
   }
   switch (typeOrder) {
+    //Si el tipo de dato de la columna es un numerico, retorna una función de ordenamiento numérica
     case "number":
       return (a, b) => {
         try {
@@ -25,6 +26,7 @@ function getComparator(columns, sortColumn) {
           return -1;
         }
       };
+    //Por defecto retorna una función de ordenamiento de string
     default:
       return (a, b) => {
         try {

package/components/DataGrid/subcomponents/Table/subcomponents/ActionsColumn.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { u as useDataGrid } from "../../../hooks/useDataGrid.js";
 import { useTheme } from "@mui/material";
-import { b as DATAGRID_ACTIONS_COLUMN_KEY } from "../../../constants.js";
+import { b as DATAGRID_SEMANTIC_WIDTHS, c as DATAGRID_ACTIONS_COLUMN_KEY } from "../../../constants.js";
 import { M as MenuActions } from "../../../../MenuActions/MenuActions.js";
 function ActionsFormatter(props) {
   const { rowActionsGetter } = useDataGrid();
@@ -27,7 +27,7 @@ const ActionsColumn = {
   key: DATAGRID_ACTIONS_COLUMN_KEY,
   // name: getLabel(dictionary.LABEL_ACTIONS),
   name: getActionLabel(),
-  width: 32,
+  width: DATAGRID_SEMANTIC_WIDTHS.actions,
   minWidth: 32,
   isDraggable: false,
   withFilter: false,

package/components/DataGrid/subcomponents/Table/subcomponents/CheckboxFormatter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { C as CheckboxIcon, a as CheckboxCheckedIcon, b as CheckboxIndeterminateIcon } from "./CustomIcons.js";
+import { C as CheckboxIndeterminateIcon, a as CheckboxCheckedIcon, b as CheckboxIcon } from "./CustomIcons.js";
 import { Checkbox } from "@mui/material";
 const CheckboxFormatter = forwardRef(
   function CheckboxFormatter2({ onChange, checked, ...props }, _ref) {

package/components/DataGrid/subcomponents/Table/subcomponents/CustomIcons.js

@@ -10,7 +10,7 @@ function CheckboxIndeterminateIcon(props) {
   return /* @__PURE__ */ jsx(SvgIcon, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M17 3a4 4 0 014 4v10a4 4 0 01-4 4H7a4 4 0 01-4-4V7a4 4 0 014-4h10zm-1.75 8h-6.5a.75.75 0 00-.75.75v.5c0 .414.336.75.75.75h6.5a.75.75 0 00.75-.75v-.5a.75.75 0 00-.75-.75z" }) });
 }
 export {
-  CheckboxIcon as C,
+  CheckboxIndeterminateIcon as C,
   CheckboxCheckedIcon as a,
-  CheckboxIndeterminateIcon as b
+  CheckboxIcon as b
 };

package/components/DragResizeWindowRND/DragResizeWindowRND.js

@@ -138,7 +138,6 @@ const DragResizeWindowRND = forwardRef((props, ref) => {
     minWindowWidth: minWidth,
     minWindowHeight: minHeight,
     wrapperRef,
-    currentState,
     allowHeightResizeContainer,
     allowWidthResizeContainer
   });

package/components/DynamicFilter/dictionary.js

@@ -14,17 +14,6 @@ const DICCTIONARY = {
   filter_tooltip_dirty: `${DYNAMIC_FILTER_DICTIONARY_ID}.filter_tooltip_dirty`,
   filter_tooltip_invalid: `${DYNAMIC_FILTER_DICTIONARY_ID}.filter_tooltip_invalid`,
   tooltip_clear_filters: `${DYNAMIC_FILTER_DICTIONARY_ID}.tooltip_clear_filters`,
-  operator_b: `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_b`,
-  operator_e: `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_e`,
-  operator_ne: `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_ne`,
-  operator_gt: `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_gt`,
-  operator_gte: `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_gte`,
-  operator_lt: `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_lt`,
-  operator_lte: `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_lte`,
-  operator_c: `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_c`,
-  operator_nc: `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_nc`,
-  operator_in: `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_in`,
-  operator_nin: `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_nin`,
   //Labels de los formularios de los filtros
   label_boolean_operator: `${DYNAMIC_FILTER_DICTIONARY_ID}.label_boolean_operator`,
   label_boolean_operand1: `${DYNAMIC_FILTER_DICTIONARY_ID}.label_boolean_operand1`,
@@ -39,7 +28,6 @@ const DICCTIONARY = {
   label_select_operator: `${DYNAMIC_FILTER_DICTIONARY_ID}.label_select_operator`,
   label_select_operands_array: `${DYNAMIC_FILTER_DICTIONARY_ID}.label_select_operands_array`,
   label_select_operand1: `${DYNAMIC_FILTER_DICTIONARY_ID}.label_select_operand1`,
-  label_select_operand2: `${DYNAMIC_FILTER_DICTIONARY_ID}.label_select_operand2`,
   label_select_async_operand1: `${DYNAMIC_FILTER_DICTIONARY_ID}.label_select_async_operand1`,
   label_select_async_operands_array: `${DYNAMIC_FILTER_DICTIONARY_ID}.label_select_async_operands_array`,
   label_no_fields_available: `${DYNAMIC_FILTER_DICTIONARY_ID}.label_no_fields_available`,

package/components/DynamicFilter/store/DynamicFilterContext.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { createContext, forwardRef, useRef, useImperativeHandle, useEffect } from "react";
+import { forwardRef, useRef, useImperativeHandle, useEffect, createContext } from "react";
 import { useStore } from "zustand";
 import { shallow } from "zustand/shallow";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";

package/components/DynamicFilter/subcomponents/DynamicFilterBase/DynamicFilterBase.js

@@ -4,11 +4,11 @@ import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoo
 import { D as DYNAMIC_FILTER_KEY_COMPONENT } from "../../constants.js";
 import { u as useDynamicFilterBase } from "./useDynamicFilterBase.js";
 import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots.js";
-import { D as DynamicFilterSlots } from "../../slots/SlotsEnum.js";
 import { I as InputFilter } from "../InputFilter/InputFilter.js";
 import { A as AppliedFilters } from "../AppliedFilters/AppliedFilters.js";
 import { F as FilterActions } from "../FilterActions/FilterActions.js";
 import { P as PopoverFilter } from "../PopoverFilter/PopoverFilter.js";
+import { D as DynamicFilterSlots } from "../../slots/SlotsEnum.js";
 function DynamicFilterBase() {
   const { ownerState, dataTestId } = useDynamicFilterBase();
   const classRoot = getComponentSlotRoot(DYNAMIC_FILTER_KEY_COMPONENT);

package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/helpers.js

@@ -2,6 +2,7 @@ import * as Yup from "yup";
 import { b as DATE_TIME_OPERATORS } from "../../../constants.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 import { D as DateTimeFilter } from "./index.js";
+import { startOfDay, endOfDay } from "date-fns";
 import { i as isValidDate } from "../../../../../utils/isValidDate.js";
 class DateTimeFilterHelpers {
   getComponent() {
@@ -34,8 +35,8 @@ class DateTimeFilterHelpers {
   getFormValue(field, getLabel, filterValueDateTime) {
     const filterValue = filterValueDateTime;
     const operator = filterValue ? filterValue.operator : field.defaultOperator ?? "b";
-    const defaultStartDate = /* @__PURE__ */ new Date();
-    const defaultEndDate = /* @__PURE__ */ new Date();
+    const defaultStartDate = startOfDay(/* @__PURE__ */ new Date());
+    const defaultEndDate = endOfDay(/* @__PURE__ */ new Date());
     const defaultOperand1 = field.defaultOperand1 && field.defaultOperand1 instanceof Date ? field.defaultOperand1 : defaultStartDate;
     const defaultOperand2 = field.defaultOperand2 && field.defaultOperand2 instanceof Date ? field.defaultOperand2 : defaultEndDate;
     const formValueOperand1 = filterValue ? filterValue.operand1 : defaultOperand1;

package/components/DynamicFilter/subcomponents/PopoverFilter/usePopoverFilter.d.ts

@@ -17,11 +17,11 @@ declare function usePopoverFilter(): {
     filterFormValue: FormFilterValue;
     formFilter: FormFilterFieldApplied;
     popupValidationSchema: import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ObjectSchema<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>, import('yup/lib/object').AssertsShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>> | undefined;
     statusLoad: "initial" | "reload_values_provider" | "ready";
 };

package/components/DynamicFilter/types.d.ts

@@ -2,7 +2,7 @@ import { Maybe } from '@m4l/core';
 import { Sizes } from '@m4l/styles';
 import { Theme } from '@mui/material/styles';
 import { M4LOverridesStyleRules } from '../../@types/augmentations';
-import { RHFAutocompleteAsyncBaseProps } from '../hook-form/RHFAutocompleteAsync/types';
+import { RHFAutocompleteAsyncProps } from '../hook-form/RHFAutocompleteAsync/types';
 import { RHFSelectProps } from '../hook-form/RHFSelect';
 import { DynamicFilterSlots } from './slots';
 export type FieldType = 'number' | 'string' | 'boolean' | 'datetime' | 'select' | 'selectAsync';
@@ -27,7 +27,7 @@ export type OperandsSelectArray = Array<OperandSelect>;
 export type FieldTypeOperator<T extends FieldType> = T extends 'boolean' ? BooleanOperator : T extends 'datetime' ? DateTimeOperator : T extends 'number' ? NumberOperator : T extends 'select' ? SelectOperator : T extends 'selectAsync' ? SelectOperatorAsync : T extends 'string' ? StringOperator : T;
 export type FieldTypeOperand<T extends FieldType> = T extends 'boolean' ? boolean : T extends 'datetime' ? Date : T extends 'number' ? number : T extends 'string' ? string : T extends 'select' ? OperandSelect : T extends 'selectAsync' ? OperandSelectAsync : FieldType;
 export type FieldTypeOperandsArray<T extends FieldType> = T extends 'boolean' ? never : T extends 'datetime' ? never : T extends 'number' ? never : T extends 'string' ? never : T extends 'select' ? OperandsSelectArray : T extends 'selectAsync' ? OperandsArraySelectAsync : never;
-type SelectAsyncOptions<TOption = any> = Pick<RHFAutocompleteAsyncBaseProps<TOption>, 'type' | 'endPoint' | 'responseToCamelCase' | 'multiple' | 'autoComplete' | 'autoCapitalize' | 'parms' | 'timeout'> & {
+type SelectAsyncOptions<TOption = any> = Pick<RHFAutocompleteAsyncProps<TOption>, 'type' | 'endPoint' | 'responseToCamelCase' | 'multiple' | 'autoComplete' | 'autoCapitalize' | 'parms' | 'timeout'> & {
     getOptionLabel: (option: TOption) => string;
     isOptionEqualToValue: (options: TOption | TOption[], value: TOption) => boolean;
     getOptionId: (option: TOption) => string | number;

package/components/DynamicSort/dictionary.js

@@ -8,15 +8,10 @@ function getDynamicSortComponentsDictionary() {
 }
 const DICCTIONARY = {
   input_placeholder: "input_placeholder",
-  label_ascending: "Ascending",
-  label_descending: "Descending",
   sort_tooltip_refresh: "sort_tooltip_refresh",
   sort_tooltip_dirty: "sort_tooltip_dirty",
   sort_tooltip_invalid: "sort_tooltip_invalid",
   tooltip_clear_sort: "tooltip_clear_sort",
-  operator_asc: "operator_asc",
-  operator_desc: "operator_desc",
-  label_boolean_operand1: "label_boolean_operand1",
   label_no_fields_available: "label_no_fields_available"
 };
 const getDynamicSortDictionary = (key) => {

package/components/DynamicSort/slots/DynamicSortSlots.js

@@ -2,10 +2,10 @@ import { styled } from "@mui/material/styles";
 import { d as dynamicSortStyles } from "../DynamicSort.styles.js";
 import { D as DYNAMIC_SORT_KEY_COMPONENT } from "../constants.js";
 import { D as DynamicSortSlots } from "./SlotsEnum.js";
+import { S as Skeleton } from "../../mui_extended/Skeleton/Skeleton.js";
 import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";
 import { T as Typography } from "../../mui_extended/Typography/Typography.js";
 import { A as ActionsContainer } from "../../CommonActions/components/ActionsContainer/ActionsContainer.js";
-import { S as Skeleton } from "../../mui_extended/Skeleton/Skeleton.js";
 import { P as Popover } from "../../mui_extended/Popover/Popover.js";
 const RootStyled = styled("div", {
   name: DYNAMIC_SORT_KEY_COMPONENT,

package/components/DynamicSort/store/DynamicSortContext.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
-import { createContext, forwardRef, useRef, useImperativeHandle, useEffect } from "react";
+import { forwardRef, useRef, useImperativeHandle, useEffect, createContext } from "react";
 import { useStore } from "zustand";
 import { shallow } from "zustand/shallow";
 import { f as formatToInitialSorts } from "../helpers/formatToInitialSorts.js";

package/components/DynamicSort/subcomponents/DynamicSortBase/DynamicSortBase.js

@@ -4,11 +4,11 @@ import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoo
 import { D as DYNAMIC_SORT_KEY_COMPONENT } from "../../constants.js";
 import { u as useDynamicSortBase } from "./useDynamicSortBase.js";
 import { R as RootStyled, I as InnerContainerStyled } from "../../slots/DynamicSortSlots.js";
-import { D as DynamicSortSlots } from "../../slots/SlotsEnum.js";
 import { I as InputSort } from "../InputSort/InputSort.js";
 import { A as AppliedSorts } from "../AppliedSorts/AppliedSorts.js";
 import { S as SortActions } from "../SortActions/SortActions.js";
 import { P as PopoverSort } from "../PopoverSort/PopoverSort.js";
+import { D as DynamicSortSlots } from "../../slots/SlotsEnum.js";
 function DynamicSortBase() {
   const { ownerState, dataTestId } = useDynamicSortBase();
   const classRoot = getComponentSlotRoot(DYNAMIC_SORT_KEY_COMPONENT);

package/components/DynamicSort/subcomponents/PopoverSort/usePopoverSort.d.ts

@@ -17,11 +17,11 @@ declare function usePopoverSort(): {
     sortFormValue: import('../../types').FormSortValueBase;
     formSort: FormSortFieldApplied;
     popupValidationSchema: import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ObjectSchema<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>, import('yup/lib/object').AssertsShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>> | undefined;
     statusLoad: "initial" | "reload_values_provider" | "ready";
 };

package/components/GridLayout/GridLayout.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useMemo, useState, useRef, useEffect, useCallback } from "react";
 import clsx from "clsx";
-import { i as isEqualLayout, c as cloneLayout, g as getLayoutItem, a as cloneLayoutItem, b as getLayoutItemH, m as moveElement, d as compact, w as withLayoutItem, e as bottom, n as noop, f as getAllCollisions } from "./utils.js";
+import { n as noop, i as isEqualLayout, c as cloneLayout, g as getLayoutItem, a as cloneLayoutItem, b as getLayoutItemH, m as moveElement, d as compact, w as withLayoutItem, e as bottom, f as getAllCollisions } from "./utils.js";
 import { M as MemonizedGridItem } from "./subcomponents/GridItem/index.js";
 import { G as GridLayoutRoot } from "./styles.js";
 import { D as DEFAULT_COLS, a as DEFAULT_CONTAINER_PADDING, b as DEFAULT_MARGIN, c as DEFAULT_ROW_HEIGHT, d as DEFAULT_COLAPSED_HEIGHT, e as DEFAULT_CONTAINER_WIDTH, f as DEFAULT_CONTAINER_HEIGHT, g as DEFAULT_TRANSFORM_SCALE } from "./constants.js";

package/components/GridLayout/styles.js

@@ -1,4 +1,4 @@
-import { styled, alpha } from "@mui/material/styles";
+import { alpha, styled } from "@mui/material/styles";
 import { g as gridLayoutClasses } from "./classes/index.js";
 const react_resizable_css = {};
 const GridLayoutRoot = styled("div")`

package/components/GridLayout/subcomponents/GridItem/index.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import React, { useRef, useEffect, useState, useCallback, useMemo } from "react";
 import { DraggableCore } from "react-draggable";
-import { h as getH, p as perc, s as setTransform, j as setTopLeft } from "../../utils.js";
+import { h as getH, s as setTransform, j as setTopLeft, p as perc } from "../../utils.js";
 import { c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition } from "../../calculateUtils.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";

package/components/GridLayout/subcomponents/Responsive/helper.js

@@ -1,4 +1,4 @@
-import { d as DEFAULT_COLAPSED_HEIGHT, h as DEFAULT_RESPONSIVE_BREAKPOINTS, a as DEFAULT_CONTAINER_PADDING, b as DEFAULT_MARGIN, i as DEFAULT_RESPONSIVE_COLS, c as DEFAULT_ROW_HEIGHT } from "../../constants.js";
+import { c as DEFAULT_ROW_HEIGHT, h as DEFAULT_RESPONSIVE_BREAKPOINTS, a as DEFAULT_CONTAINER_PADDING, b as DEFAULT_MARGIN, i as DEFAULT_RESPONSIVE_COLS, d as DEFAULT_COLAPSED_HEIGHT } from "../../constants.js";
 import { i as isEqualLayout } from "../../utils.js";
 import { g as getBreakpointFromWidth, a as getColsFromBreakpoint, f as findOrGenerateResponsiveLayout, b as getIndentationValue } from "./responsiveUtils.js";
 function generateInitialState(props) {

package/components/GridLayout/subcomponents/Responsive/index.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { k as isEqualLayouts, c as cloneLayout, n as noop } from "../../utils.js";
+import { n as noop, k as isEqualLayouts, c as cloneLayout } from "../../utils.js";
 import { g as getBreakpointFromWidth, a as getColsFromBreakpoint, b as getIndentationValue, f as findOrGenerateResponsiveLayout } from "./responsiveUtils.js";
 import { forwardRef, useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";

package/components/GridLayout/subcomponents/Responsive/responsiveUtils.js

@@ -1,4 +1,4 @@
-import { a as cloneLayoutItem, c as cloneLayout, d as compact, l as correctBounds } from "../../utils.js";
+import { c as cloneLayout, a as cloneLayoutItem, d as compact, l as correctBounds } from "../../utils.js";
 function getBreakpointFromWidth(breakpoints, width) {
   const sorted = sortBreakpoints(breakpoints);
   let matching = sorted[0];
@@ -143,8 +143,8 @@ export {
   getColsFromBreakpoint as a,
   getIndentationValue as b,
   addLayoutItemToBreakPointIfNoExists as c,
-  addLayoutItemToBreakPoints as d,
-  cloneLayouts as e,
+  cloneLayouts as d,
+  addLayoutItemToBreakPoints as e,
   findOrGenerateResponsiveLayout as f,
   getBreakpointFromWidth as g
 };

package/components/GridLayout/subcomponents/withSizeProvider/index.js

@@ -3,7 +3,7 @@ import { forwardRef, useRef, useState, useMemo, useCallback, useEffect } from "r
 import clsx from "clsx";
 import throttle from "lodash-es/throttle";
 import { useResizeObserver } from "@m4l/graphics";
-import { e as DEFAULT_CONTAINER_WIDTH, f as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../constants.js";
+import { f as DEFAULT_CONTAINER_HEIGHT, e as DEFAULT_CONTAINER_WIDTH, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../constants.js";
 function withSizeProvider(ComposedComponent) {
   const WithSizeProvider = forwardRef((props, ref) => {
     const { measureBeforeMount = true, ...rest } = props;

package/components/Icon/Icon.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import clsx from "clsx";
 import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
-import { I as ICON_KEY_COMPONENT, a as ICON_PREFIX } from "./constants.js";
+import { I as ICON_PREFIX, a as ICON_KEY_COMPONENT } from "./constants.js";
 import { g as getComponentClasses, a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 import { I as IconSlots } from "./slots/IconEnum.js";

package/components/Icon/constants.js

@@ -1,6 +1,6 @@
 const ICON_KEY_COMPONENT = "M4LIcon";
 const ICON_PREFIX = "Icon";
 export {
-  ICON_KEY_COMPONENT as I,
-  ICON_PREFIX as a
+  ICON_PREFIX as I,
+  ICON_KEY_COMPONENT as a
 };

package/components/Icon/slots/IconSlots.js

@@ -1,6 +1,6 @@
 import { styled } from "@mui/material/styles";
 import { I as IconSlots } from "./IconEnum.js";
-import { I as ICON_KEY_COMPONENT } from "../constants.js";
+import { a as ICON_KEY_COMPONENT } from "../constants.js";
 import { i as iconStyles } from "../Icon.styles.js";
 import { T as Tooltip } from "../../mui_extended/Tooltip/Tooltip.js";
 import { S as Skeleton } from "../../mui_extended/Skeleton/Skeleton.js";

package/components/Image/Image.js

@@ -5,7 +5,7 @@ import clsx from "clsx";
 import { L as LazyLoadComponent } from "./subcomponents/LazyLoadComponent/index.js";
 import { D as DivContainerSkeletonStyled, I as ImgSkeleton, a as ImgStyled } from "./slots/ImageSlots.js";
 import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
-import { s as svgDataUriSkeleton, I as IMAGE_KEY_COMPONENT, a as IMAGE_CLASSES } from "./constant.js";
+import { s as svgDataUriSkeleton, I as IMAGE_CLASSES, a as IMAGE_KEY_COMPONENT } from "./constant.js";
 import { I as ImageSlots } from "./slots/ImageEnum.js";
 function Image(props) {
   const {

package/components/Image/constant.js

@@ -4,7 +4,7 @@ const IMAGE_KEY_COMPONENT = "M4LImage";
 const svgDataUriSkeleton = `data:image/svg+xml,%3Csvg width='36' height='37' viewBox='0 0 36 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Union'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.0001 14.7416C24.26 15.2361 23.39 15.5 22.5 15.5C21.3065 15.5 20.1619 15.0259 19.318 14.182C18.4741 13.3381 18 12.1935 18 11C18 10.11 18.2639 9.23996 18.7584 8.49994C19.2529 7.75992 19.9557 7.18314 20.7779 6.84254C21.6002 6.50195 22.505 6.41283 23.3779 6.58647C24.2508 6.7601 25.0526 7.18868 25.682 7.81802C26.3113 8.44736 26.7399 9.24918 26.9135 10.1221C27.0872 10.995 26.9981 11.8998 26.6575 12.7221C26.3169 13.5443 25.7401 14.2471 25.0001 14.7416ZM23.3334 9.7528C23.0867 9.58798 22.7967 9.5 22.5 9.5C22.1022 9.5 21.7206 9.65804 21.4393 9.93934C21.158 10.2206 21 10.6022 21 11C21 11.2967 21.088 11.5867 21.2528 11.8334C21.4176 12.08 21.6519 12.2723 21.926 12.3858C22.2001 12.4994 22.5017 12.5291 22.7926 12.4712C23.0836 12.4133 23.3509 12.2704 23.5607 12.0607C23.7704 11.8509 23.9133 11.5836 23.9712 11.2926C24.0291 11.0017 23.9994 10.7001 23.8858 10.426C23.7723 10.1519 23.58 9.91762 23.3334 9.7528Z' fill='%23091E42' fill-opacity='0.08'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0.5H33C33.7957 0.5 34.5587 0.81607 35.1213 1.37868C35.6839 1.94129 36 2.70435 36 3.5V33.5C36 34.2957 35.6839 35.0587 35.1213 35.6213C34.5587 36.1839 33.7957 36.5 33 36.5H3C2.20435 36.5 1.44129 36.1839 0.87868 35.6213C0.31607 35.0587 0 34.2957 0 33.5V3.5C0 2.70435 0.31607 1.94129 0.87868 1.37868C1.44129 0.81607 2.20435 0.5 3 0.5ZM3 24.5V33.5H33V30.5L25.5 23L23.115 25.385C22.5529 25.9438 21.7926 26.2574 21 26.2574C20.2074 26.2574 19.4471 25.9438 18.885 25.385L10.5 17L3 24.5ZM27.615 20.87L33 26.255V3.5H3V20.255L8.385 14.87C8.94709 14.3112 9.70744 13.9976 10.5 13.9976C11.2926 13.9976 12.0529 14.3112 12.615 14.87L21 23.255L23.385 20.87C23.9471 20.3112 24.7074 19.9976 25.5 19.9976C26.2926 19.9976 27.0529 20.3112 27.615 20.87Z' fill='%23091E42' fill-opacity='0.08'/%3E%3C/g%3E%3C/svg%3E%0A`;
 const IMAGE_CLASSES = getComponentClasses(IMAGE_KEY_COMPONENT, ImageSlots);
 export {
-  IMAGE_KEY_COMPONENT as I,
-  IMAGE_CLASSES as a,
+  IMAGE_CLASSES as I,
+  IMAGE_KEY_COMPONENT as a,
   svgDataUriSkeleton as s
 };

package/components/Image/slots/ImageSlots.js

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { I as IMAGE_KEY_COMPONENT } from "../constant.js";
+import { a as IMAGE_KEY_COMPONENT } from "../constant.js";
 import { I as ImageSlots } from "./ImageEnum.js";
 import { i as imageStyles } from "../image.styles.js";
 import { S as Skeleton } from "../../mui_extended/Skeleton/Skeleton.js";

package/components/Image/subcomponents/IntersectComponent/index.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useImperativeHandle, useEffect } from "react";
 import { b as IntersectComponentStyled } from "../../slots/ImageSlots.js";
 import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
-import { I as IMAGE_KEY_COMPONENT } from "../../constant.js";
+import { a as IMAGE_KEY_COMPONENT } from "../../constant.js";
 import { I as ImageSlots } from "../../slots/ImageEnum.js";
 const checkIntersections = (entries) => {
   entries.forEach((entry) => {

package/components/LanguagePopover/LanguagePopover.js

@@ -5,7 +5,7 @@ import { useEnvironment, useNetwork } from "@m4l/core";
 import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { I as Image } from "../Image/Image.js";
-import { L as LanguagePopoverRootStyled, I as ImageStyled, P as PaperStyled } from "./slots/LanguagePopoverSlots.js";
+import { L as LanguagePopoverRootStyled, P as PaperStyled, I as ImageStyled } from "./slots/LanguagePopoverSlots.js";
 import { L as LANGUAGE_POPOVER_KEY_COMPONENT } from "./constants.js";
 import { L as LanguagePopoverSlots } from "./slots/LanguagePopoverEnum.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";

package/components/LoadingError/LoadingError.js

@@ -8,8 +8,8 @@ import clsx from "clsx";
 import { d as dictionary } from "./dictionary.js";
 import { useRef, useState, useEffect } from "react";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
-import { L as LoadingErrorSlots } from "./slots/LoadingErrorEnum.js";
 import { T as Typography } from "../mui_extended/Typography/Typography.js";
+import { L as LoadingErrorSlots } from "./slots/LoadingErrorEnum.js";
 import { B as Button } from "../mui_extended/Button/Button.js";
 const LoadingError = (props) => {
   const { status, action, title, description, recommendation, introMessage, errorIcon, className, dataTestId, size = "medium" } = props;