@m4l/components 9.3.19-BE101025-beta.2 → 9.3.19-BE241025-beta.1

package/components/DynamicFilter/helpers/frontEndHelpers.js

@@ -16,7 +16,7 @@ const isInBooleanFilter = (objectData, field) => {
   }
   return true;
 };
-const isInStringFilter = (objectData, field) => {
+const isInStringFilter = (objectData, field, defaultUndefinedValue = true) => {
   const objectDataValue = getPropertyByString(objectData, field.n, void 0);
   if (typeof field.o1 !== "string") {
     return true;
@@ -31,19 +31,19 @@ const isInStringFilter = (objectData, field) => {
         return true;
       }
     } else if (field.o === "c") {
-      if (objectDataValue.includes(field.o1)) {
+      if (objectDataValue.toLocaleLowerCase().includes(field.o1.toLocaleLowerCase())) {
         return true;
       }
     } else if (field.o === "nc") {
-      if (!objectDataValue.includes(field.o1)) {
+      if (!objectDataValue.toLocaleLowerCase().includes(field.o1.toLocaleLowerCase())) {
         return true;
       }
     }
     return false;
   }
-  return true;
+  return defaultUndefinedValue;
 };
-const isInNumberFilter = (objectData, field) => {
+const isInNumberFilter = (objectData, field, defaultUndefinedValue = true) => {
   const objectDataValue = getPropertyByString(objectData, field.n, void 0);
   if (typeof field.o1 !== "number") {
     return true;
@@ -83,7 +83,7 @@ const isInNumberFilter = (objectData, field) => {
     }
     return false;
   }
-  return true;
+  return defaultUndefinedValue;
 };
 const isInDateTimeFilter = (objectData, field) => {
   const objectDataValueString = getPropertyByString(objectData, field.n, void 0);
@@ -169,13 +169,34 @@ const isInSelectFilter = (objectData, field) => {
   }
   return false;
 };
-const getIsIfInDynamicFilter = (objectData, groupedFields) => {
+const getIsIfInDynamicFilter = (filterFields, objectData, groupedFields) => {
   let InAllFilters = true;
   for (const fieldName of Object.keys(groupedFields)) {
     const fieldGroup = groupedFields[fieldName];
     let inFilter = false;
     fieldGroup.forEach((field) => {
-      if (field.ft === "boolean") {
+      if (field.n === "all") {
+        filterFields.forEach((filterField) => {
+          const isNumber = !isNaN(Number(field.o1));
+          const artificialField = {
+            n: filterField.name,
+            o: "c",
+            o1: field.o1,
+            ft: filterField.type
+          };
+          if (filterField.type === "string") {
+            const isInString = isInStringFilter(objectData, artificialField, false);
+            inFilter = inFilter || isInString;
+          }
+          if (isNumber && filterField.type === "number") {
+            inFilter = inFilter || isInNumberFilter(objectData, {
+              ...artificialField,
+              o: "e",
+              o1: Number(field.o1)
+            }, false);
+          }
+        });
+      } else if (field.ft === "boolean") {
         inFilter = inFilter || isInBooleanFilter(objectData, field);
       } else if (field.ft === "string") {
         inFilter = inFilter || isInStringFilter(objectData, field);
@@ -199,13 +220,14 @@ const getIsIfInDynamicFilter = (objectData, groupedFields) => {
   return InAllFilters;
 };
 function getFilterGroupFieldsByName(fields) {
-  return fields.reduce((acc, field) => {
+  const result = fields.reduce((acc, field) => {
     if (!acc[field.n]) {
       acc[field.n] = [];
     }
     acc[field.n].push(field);
     return acc;
   }, {});
+  return result;
 }
 export {
   getFilterGroupFieldsByName as a,

package/components/DynamicFilter/subcomponents/DynamicFilterBase/DynamicFilterBase.d.ts

@@ -1,5 +1,6 @@
+import { DynamicFilterBaseProps } from './types';
 /**
  * DynamicFilterBase: Componente base del DynamicFilter.
  */
-declare function DynamicFilterBase(): import("react/jsx-runtime").JSX.Element;
+declare function DynamicFilterBase(props: DynamicFilterBaseProps): import("react/jsx-runtime").JSX.Element;
 export default DynamicFilterBase;

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

@@ -3,19 +3,21 @@ import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
 import { D as DYNAMIC_FILTER_KEY_COMPONENT } from "../../constants.js";
 import { u as useDynamicFilterBase } from "./useDynamicFilterBase.js";
+import clsx from "clsx";
 import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots.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() {
+function DynamicFilterBase(props) {
+  const { className } = props;
   const { ownerState, dataTestId } = useDynamicFilterBase();
   const classRoot = getComponentSlotRoot(DYNAMIC_FILTER_KEY_COMPONENT);
   return /* @__PURE__ */ jsx(
     RootStyled,
     {
-      className: classRoot,
+      className: clsx(classRoot, className),
       ownerState: { ...ownerState },
       ...getPropDataTestId(DYNAMIC_FILTER_KEY_COMPONENT, DynamicFilterSlots.root, dataTestId),
       children: /* @__PURE__ */ jsxs(

package/components/DynamicFilter/subcomponents/DynamicFilterBase/types.d.ts

@@ -0,0 +1,3 @@
+export interface DynamicFilterBaseProps {
+    className?: string;
+}

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

@@ -11,12 +11,16 @@ class BooleanFilterHelpers {
    */
   getDefaultFilter(field, fixed) {
     const defaultOperand1 = field.defaultOperand1;
+    let isSet = false;
+    if (defaultOperand1 !== void 0 && typeof defaultOperand1 === "boolean") {
+      isSet = true;
+    }
     const defaultFilter = {
       id: 0,
       fieldType: "boolean",
       field,
       fixed,
-      isSet: true,
+      isSet,
       operator: "e",
       operand1: true
     };
@@ -45,7 +49,9 @@ class BooleanFilterHelpers {
     const operator = filterValueBoolean ? filterValueBoolean.operator : field.defaultOperator ?? "e";
     const formValueOperand1 = filterValueBoolean ? {
       value: filterValueBoolean.operand1,
-      label: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operand_${filterValueBoolean.operand1}`)
+      label: getLabel(
+        `${DYNAMIC_FILTER_DICTIONARY_ID}.operand_${filterValueBoolean.operand1}`
+      )
     } : null;
     return {
       fieldType: "boolean",
@@ -63,7 +69,9 @@ class BooleanFilterHelpers {
     const labelOperands = filter.operand1 ? getLabel(DICCTIONARY.operand_true) : getLabel(DICCTIONARY.operand_false);
     return {
       labelField: filter.field.label ?? getLabel(filter.field.dictionaryId),
-      labelOperator: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`),
+      labelOperator: getLabel(
+        `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`
+      ),
       labelOperands
     };
   }

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

@@ -18,12 +18,16 @@ class DateTimeFilterHelpers {
     defaultEndDate.setHours(23, 59, 59, 999);
     const defaultOperand1 = field.defaultOperand1 && field.defaultOperand1 instanceof Date ? field.defaultOperand1 : defaultStartDate;
     const defaultOperand2 = field.defaultOperand2 && field.defaultOperand2 instanceof Date ? field.defaultOperand2 : defaultEndDate;
+    let isSet = false;
+    if (defaultOperand1 !== void 0) {
+      isSet = true;
+    }
     return {
       id: 0,
       fieldType: "datetime",
       field,
       fixed,
-      isSet: true,
+      isSet,
       operator: "b",
       operand1: defaultOperand1,
       operand2: defaultOperand2
@@ -83,13 +87,21 @@ class DateTimeFilterHelpers {
       labelOperands = filter.operand1 && filter.operand2 ? `${dateFormatter.formatDate(
         filter.operand1,
         dateFormatter.datetimeFormat
-      )} - ${dateFormatter.formatDate(filter.operand2, dateFormatter.datetimeFormat)}` : "";
+      )} - ${dateFormatter.formatDate(
+        filter.operand2,
+        dateFormatter.datetimeFormat
+      )}` : "";
     } else {
-      labelOperands = filter.operand1 ? dateFormatter.formatDate(filter.operand1, dateFormatter.datetimeFormat) : "";
+      labelOperands = filter.operand1 ? dateFormatter.formatDate(
+        filter.operand1,
+        dateFormatter.datetimeFormat
+      ) : "";
     }
     return {
       labelField: filter.field.label ?? getLabel(filter.field.dictionaryId),
-      labelOperator: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`),
+      labelOperator: getLabel(
+        `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`
+      ),
       labelOperands
     };
   }

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

@@ -15,12 +15,10 @@ class NumberFilterHelpers {
     const defaultOperand1 = field.defaultOperand1 ?? null;
     const defaultOperand2 = field.defaultOperand2 ?? null;
     let isSet = false;
-    if (fixed) {
-      if (["b"].includes(dOperator)) {
-        isSet = defaultOperand1 !== null && defaultOperand2 !== null ? true : false;
-      } else {
-        isSet = defaultOperand1 !== null ? true : false;
-      }
+    if (["b"].includes(dOperator)) {
+      isSet = defaultOperand1 !== null && defaultOperand2 !== null ? true : false;
+    } else {
+      isSet = defaultOperand1 !== null ? true : false;
     }
     return {
       id: 0,
@@ -85,7 +83,9 @@ class NumberFilterHelpers {
     }
     return {
       labelField: filter.field.label ?? getLabel(filter.field.dictionaryId),
-      labelOperator: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`),
+      labelOperator: getLabel(
+        `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`
+      ),
       labelOperands
     };
   }
@@ -100,7 +100,10 @@ class NumberFilterHelpers {
       ),
       formValueOperand2: Yup.mixed().when(["formValueOperator.id"], {
         is: "b",
-        then: Yup.number().typeError(getLabel(DICCTIONARY.error_operand_mustbe_number)).min(Yup.ref("formValueOperand1"), getLabel(DICCTIONARY.error_less_than_start))
+        then: Yup.number().typeError(getLabel(DICCTIONARY.error_operand_mustbe_number)).min(
+          Yup.ref("formValueOperand1"),
+          getLabel(DICCTIONARY.error_less_than_start)
+        )
       })
     });
   }

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

@@ -27,13 +27,16 @@ class SelectAsyncFilterHelpers {
     let operandsArray = [];
     if (isMultiple) {
       dOperator = field.defaultOperator ?? "in";
-      isSet = fixed ? defaultOperandsArray !== null && defaultOperandsArray.length > 0 ? true : false : false;
+      isSet = defaultOperandsArray !== null && defaultOperandsArray.length > 0;
       if (field.defaultOperandsArray !== void 0 && Array.isArray(field.defaultOperandsArray)) {
-        operandsArray = filterValidOperandsArraySelectAsync(field.defaultOperandsArray, field);
+        operandsArray = filterValidOperandsArraySelectAsync(
+          field.defaultOperandsArray,
+          field
+        );
       }
     } else {
       dOperator = field.defaultOperator ?? "e";
-      isSet = fixed ? defaultOperand1 ? true : false : false;
+      isSet = defaultOperand1 ? true : false;
     }
     const defaultCommonFilter = {
       id: 0,
@@ -122,15 +125,21 @@ class SelectAsyncFilterHelpers {
     let labelOperands = "";
     if (isMultiple) {
       labelOperands = operandsArray?.reduce?.((label, operand) => {
-        const textLabel = field.selectAsyncOptions?.getOptionLabel?.(operand) || "";
+        const textLabel = field.selectAsyncOptions?.getOptionLabel?.(
+          operand
+        ) || "";
         return label ? `${label} | ${textLabel}` : textLabel;
       }, "")?.toString() || "?";
     } else {
-      labelOperands = (field.selectAsyncOptions?.getOptionLabel?.(filter.operand1) ?? "?") + "";
+      labelOperands = (field.selectAsyncOptions?.getOptionLabel?.(
+        filter.operand1
+      ) ?? "?") + "";
     }
     return {
       labelField: filter.field.label ?? getLabel(filter.field.dictionaryId),
-      labelOperator: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`),
+      labelOperator: getLabel(
+        `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`
+      ),
       labelOperands
     };
   }
@@ -163,7 +172,9 @@ class SelectAsyncFilterHelpers {
       return false;
     }
     if (isMultiple) {
-      if (SELECT_ASYNC_OPERATORS_MULTIPLE.findIndex((f) => f === filter.operator) === -1) {
+      if (SELECT_ASYNC_OPERATORS_MULTIPLE.findIndex(
+        (f) => f === filter.operator
+      ) === -1) {
         return false;
       }
       if (!filter.operandsArray || typeof filter.operandsArray !== "object") {
@@ -180,7 +191,9 @@ class SelectAsyncFilterHelpers {
         return false;
       }
     } else {
-      if (SELECT_ASYNC_OPERATORS_SINGLE.findIndex((f) => f === filter.operator) === -1) {
+      if (SELECT_ASYNC_OPERATORS_SINGLE.findIndex(
+        (f) => f === filter.operator
+      ) === -1) {
         return false;
       }
       if (!filter.operand1 || typeof filter.operand1 !== "object") {

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

@@ -26,13 +26,15 @@ class SelectFilterHelpers {
     let operandsArray = [];
     if (isMultiple) {
       dOperator = field.defaultOperator ?? "in";
-      isSet = fixed ? defaultOperandsArray !== null && defaultOperandsArray.length > 0 ? true : false : false;
+      isSet = defaultOperandsArray !== null && defaultOperandsArray.length > 0;
       if (field.defaultOperandsArray !== void 0 && Array.isArray(field.defaultOperandsArray)) {
-        operandsArray = filterValidOperandsArraySelect(field.defaultOperandsArray);
+        operandsArray = filterValidOperandsArraySelect(
+          field.defaultOperandsArray
+        );
       }
     } else {
       dOperator = field.defaultOperator ?? "e";
-      isSet = fixed ? defaultOperand1 !== null ? true : false : false;
+      isSet = defaultOperand1 !== null;
     }
     const defaultCommonFilter = {
       id: 0,
@@ -123,7 +125,9 @@ class SelectFilterHelpers {
     let labelOperands = "";
     if (isMultiple) {
       labelOperands = operandsArray?.reduce?.((label, operand) => {
-        const textLabel = field.selectOptions?.options.find((option) => option.id === operand)?.label || "";
+        const textLabel = field.selectOptions?.options.find(
+          (option) => option.id === operand
+        )?.label || "";
         return label ? `${label} | ${textLabel}` : textLabel;
       }, "")?.toString() || "?";
     } else {
@@ -131,7 +135,9 @@ class SelectFilterHelpers {
     }
     return {
       labelField: filter.field.label ?? getLabel(filter.field.dictionaryId),
-      labelOperator: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`),
+      labelOperator: getLabel(
+        `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`
+      ),
       labelOperands
     };
   }
@@ -147,9 +153,13 @@ class SelectFilterHelpers {
       }),
       formValueOperand1: Yup.mixed().when(["multiple"], {
         is: false,
-        then: Yup.mixed().test("is-string-or-number", getLabel(DICCTIONARY.error_operand_required), (value) => {
-          return typeof value === "string" || typeof value === "number";
-        }).required(getLabel(DICCTIONARY.error_operand_required))
+        then: Yup.mixed().test(
+          "is-string-or-number",
+          getLabel(DICCTIONARY.error_operand_required),
+          (value) => {
+            return typeof value === "string" || typeof value === "number";
+          }
+        ).required(getLabel(DICCTIONARY.error_operand_required))
       })
     });
   }

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

@@ -12,8 +12,8 @@ class StringFilterHelpers {
   getDefaultFilter(field, fixed) {
     const defaultOperand1 = field.defaultOperand1;
     let isSet = false;
-    if (fixed) {
-      isSet = defaultOperand1 !== null ? true : false;
+    if (defaultOperand1 !== null && typeof defaultOperand1 === "string") {
+      isSet = true;
     }
     const defaultFilter = {
       id: 0,
@@ -64,7 +64,9 @@ class StringFilterHelpers {
     const labelOperands = filter.operand1 !== void 0 ? filter.operand1 + "" : "";
     return {
       labelField: filter.field.label ?? getLabel(filter.field.dictionaryId),
-      labelOperator: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`),
+      labelOperator: getLabel(
+        `${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`
+      ),
       labelOperands
     };
   }

package/components/DynamicFilter/subcomponents/PopoverFilter/PopoverFilter.js

@@ -52,7 +52,7 @@ function PopoverFilter() {
               title: labelField,
               iconUrl: field.urlIcon,
               variant: "text",
-              type: "popup",
+              emergeType: "popup",
               selected: true,
               draggable: false,
               children: [

package/components/DynamicFilter/types.d.ts

@@ -273,6 +273,10 @@ rawFilters: Array<RawFilterFieldApply>) => void;
  * Propiedades que recibe el componente DynamicFilter
  */
 export interface DynamicFilterProps {
+    /**
+     *  "className" clase css para el componente
+     */
+    className?: string;
     /**
      *  "storeId" identificador del store
      */

package/components/DynamicSort/DynamicSort.js

@@ -5,13 +5,14 @@ import { D as DynamicSortProvider } from "./store/DynamicSortContext.js";
 import { D as DynamicSortBase } from "./subcomponents/DynamicSortBase/DynamicSortBase.js";
 const DynamicSort = forwardRef(
   (props, ref) => {
+    const { className, ...others } = props;
     const hasPresentFlags = useFlagsPresent([
       CommonFlags.FLAG_DICTIONARY_LOADED
     ]);
     if (!hasPresentFlags) {
       return null;
     }
-    return /* @__PURE__ */ jsx(DynamicSortProvider, { ...props, ref, children: /* @__PURE__ */ jsx(DynamicSortBase, {}) });
+    return /* @__PURE__ */ jsx(DynamicSortProvider, { ...others, ref, children: /* @__PURE__ */ jsx(DynamicSortBase, { className }) });
   }
 );
 export {

package/components/DynamicSort/subcomponents/DynamicSortBase/DynamicSortBase.d.ts

@@ -1,5 +1,6 @@
+import { DynamicSortBaseProps } from './types';
 /**
  * DynamicSortBase es un componente base que contiene los subcomponentes InputSort, AppliedSorts, SortActions y PopoverSort.
  */
-declare function DynamicSortBase(): import("react/jsx-runtime").JSX.Element;
+declare function DynamicSortBase(props: DynamicSortBaseProps): import("react/jsx-runtime").JSX.Element;
 export default DynamicSortBase;

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

@@ -3,19 +3,21 @@ import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
 import { D as DYNAMIC_SORT_KEY_COMPONENT } from "../../constants.js";
 import { u as useDynamicSortBase } from "./useDynamicSortBase.js";
+import clsx from "clsx";
 import { R as RootStyled, I as InnerContainerStyled } from "../../slots/DynamicSortSlots.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() {
+function DynamicSortBase(props) {
+  const { className } = props;
   const { ownerState, dataTestId } = useDynamicSortBase();
   const classRoot = getComponentSlotRoot(DYNAMIC_SORT_KEY_COMPONENT);
   return /* @__PURE__ */ jsx(
     RootStyled,
     {
-      className: classRoot,
+      className: clsx(classRoot, className),
       ownerState: { ...ownerState },
       ...getPropDataTestId(DYNAMIC_SORT_KEY_COMPONENT, DynamicSortSlots.root, dataTestId),
       children: /* @__PURE__ */ jsxs(

package/components/DynamicSort/subcomponents/DynamicSortBase/types.d.ts

@@ -0,0 +1,3 @@
+export interface DynamicSortBaseProps {
+    className?: string;
+}

package/components/DynamicSort/subcomponents/PopoverSort/PopoverSort.js

@@ -51,7 +51,7 @@ function PopoverSort() {
               title: labelField,
               iconUrl: field.urlIcon,
               variant: "text",
-              type: "popup",
+              emergeType: "popup",
               selected: true,
               draggable: false,
               children: [

package/components/DynamicSort/types.d.ts

@@ -106,6 +106,10 @@ rawSorts: Array<RawSortFieldApply>) => void;
  * Propiedades que recibe el componente DynamicSort
  */
 export interface DynamicSortProps {
+    /**
+     *  "className" clase css para el componente
+     */
+    className?: string;
     /**
      *  "storeId" identificador del store
      */

package/components/EditLabel/hooks/useEditLabel.d.ts

@@ -5,6 +5,7 @@ export interface UseEditLabelProps {
 export interface UseEditLabelReturn {
     inEdition: boolean;
     value: string;
+    inputRef: React.RefObject<HTMLInputElement>;
     buttonSubmitRef: React.RefObject<HTMLButtonElement>;
     buttonCancelRef: React.RefObject<HTMLButtonElement>;
     handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;

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

@@ -253,8 +253,8 @@ function GridItem(props) {
       }
       let { w: newW, h: newH } = calcWH(
         getPositionParams(),
-        size.width / transformScale,
-        size.height / transformScale,
+        size.width,
+        size.height,
         refProps.current.x,
         refProps.current.y
       );

package/components/Image/Image.js

@@ -14,6 +14,8 @@ function Image(props) {
     dataTestId,
     className,
     cover,
+    width,
+    height,
     ...others
   } = props;
   const isSkeleton = useModuleSkeleton();
@@ -31,6 +33,7 @@ function Image(props) {
           ImgStyled,
           {
             ownerState: { ...ownerState },
+            style: { width, height },
             ...getPropDataTestId(IMAGE_KEY_COMPONENT, ImageSlots.root, dataTestId),
             ...others,
             className: clsx(IMAGE_CLASSES.root, className)
@@ -38,7 +41,7 @@ function Image(props) {
         ) })
       }
     );
-  }, [dataTestId, enableIntersectionObserver, others, ownerState, threshold, className]);
+  }, [enableIntersectionObserver, threshold, ownerState, width, height, dataTestId, others, className]);
   return lazyLoadComponent;
 }
 export {

package/components/LanguagePopover/LanguagePopover.js

@@ -70,6 +70,8 @@ function LanguagePopover(props) {
       ownerState: {
         size: currentSize
       },
+      role: "button",
+      "aria-label": "Language selector",
       size: currentSize,
       className: classRoot,
       ...getPropDataTestId(LANGUAGE_POPOVER_KEY_COMPONENT, LanguagePopoverSlots.root),

package/components/MFIsolationApp/MFIsolationApp.js

@@ -43,7 +43,7 @@ function MFIsolationApp(props) {
     forcedDeviceType,
     areasStoreId,
     areasStoreDevtoolsEnabled,
-    appBarSettings = false
+    appBarSettings = true
   } = props;
   const eventEmitter = useMemo(() => new EventEmitter(), []);
   const events_add_listener = useCallback(
@@ -134,9 +134,6 @@ function MFIsolationApp(props) {
                 onLoad,
                 loadAreasFromNetwork: activeAreasNetwork,
                 loadCookiesFromNetwork: activeCookiesFromNetwork,
-                onSelectLayout: (modId) => {
-                  console.log("onSelectLayout", modId);
-                },
                 children: /* @__PURE__ */ jsxs(Stack, { width: "100%", height: "100%", flexDirection: "column", overflow: "hidden", position: "relative", children: [
                   appBarSettings && /* @__PURE__ */ jsx(AppBarSettings, {}),
                   /* @__PURE__ */ jsx(Stack, { width: "100%", flexGrow: 1, flexDirection: "column", overflow: "hidden", position: "relative", children })

package/components/MFIsolationApp/subcomponents/AppBarSettings/AppBarSettings.js

@@ -12,7 +12,7 @@ function AppBarSettings() {
     /* @__PURE__ */ jsx(Stack, { width: "100%", height: "100%" }),
     /* @__PURE__ */ jsxs(Stack, { flexDirection: "row", gap: 2, height: "100%", width: "auto", alignItems: "center", children: [
       /* @__PURE__ */ jsx(LanguagePopover, {}),
-      /* @__PURE__ */ jsx(IconButton, { src: `${host_static_assets}/${environment_assets}/${PATH_ICONS.SETTINGS}`, onClick: handleOpen })
+      /* @__PURE__ */ jsx(IconButton, { role: "button", "aria-label": "Toggle App Bar Settings", src: `${host_static_assets}/${environment_assets}/${PATH_ICONS.SETTINGS}`, onClick: handleOpen })
     ] })
   ] });
 }