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

package/components/mui_extended/Autocomplete/hooks/useStartAdornments.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { useMemo } from "react";
+import { r as renderAdornment } from "../RenderAdornment/RenderAdornment.js";
 import { b as ContainerMultipleValuesStyled, c as ContainerWrapperStyled, d as ChipStyled, W as WrapperStartAdornmentStyled } from "../slots/AutocompleteSlots.js";
 function useStartAdornments(props) {
   const {
@@ -11,30 +12,68 @@ function useStartAdornments(props) {
     handleDelete,
     disabled,
     startAdornment,
-    getOptionalStartAdornment,
-    getOptionalEndAdornment
+    getOptionStartAdornment,
+    getOptionEndAdornment
   } = props;
-  const startAdornmentClone = startAdornment ? React.cloneElement(startAdornment, {
-    size: adjustedSize
-  }) : null;
+  const startAdornmentClone = useMemo(() => {
+    if (!startAdornment) {
+      return null;
+    }
+    try {
+      return React.cloneElement(startAdornment, {
+        size: adjustedSize
+      });
+    } catch (error) {
+      console.warn("Error cloning startAdornment:", error);
+      return null;
+    }
+  }, [startAdornment, adjustedSize]);
+  const memoizedIcons = useMemo(() => {
+    if (!Array.isArray(selectedValue) || !multiple || selectedValue.length === 0) {
+      return null;
+    }
+    const iconMap = /* @__PURE__ */ new Map();
+    selectedValue.forEach((option) => {
+      const optionKey = getOptionLabelLocal(option);
+      const startAdornmentResource = getOptionStartAdornment?.(option);
+      const endAdornmentResource = getOptionEndAdornment?.(option);
+      if (startAdornmentResource) {
+        iconMap.set(`${optionKey}-start`, renderAdornment(startAdornmentResource, adjustedSize));
+      }
+      if (endAdornmentResource) {
+        iconMap.set(`${optionKey}-end`, renderAdornment(endAdornmentResource, adjustedSize));
+      }
+    });
+    return iconMap;
+  }, [
+    selectedValue,
+    multiple,
+    getOptionLabelLocal,
+    getOptionStartAdornment,
+    getOptionEndAdornment,
+    adjustedSize
+  ]);
   const internalAdornments = useMemo(() => {
     if (!(Array.isArray(selectedValue) && multiple)) {
       return null;
     }
-    return /* @__PURE__ */ jsx(ContainerMultipleValuesStyled, { children: /* @__PURE__ */ jsx(ContainerWrapperStyled, { children: selectedValue.map((option, index) => /* @__PURE__ */ jsx(
-      ChipStyled,
-      {
-        size: adjustedSize,
-        label: getOptionLabelLocal(option),
-        opacity: true,
-        onDeleted: () => handleDelete(option),
-        disabledDeleteButton: disabled,
-        ownerState: { ...ownerState },
-        startIcon: getOptionalStartAdornment?.(option),
-        endIcon: getOptionalEndAdornment?.(option)
-      },
-      `${option}-${index}`
-    )) }) });
+    return /* @__PURE__ */ jsx(ContainerMultipleValuesStyled, { role: "list", "aria-label": "Selected options", children: /* @__PURE__ */ jsx(ContainerWrapperStyled, { children: selectedValue.map((option, index) => {
+      const optionKey = getOptionLabelLocal(option);
+      return /* @__PURE__ */ jsx(
+        ChipStyled,
+        {
+          size: adjustedSize,
+          label: optionKey,
+          opacity: true,
+          onDeleted: () => handleDelete(option),
+          disabledDeleteButton: disabled,
+          ownerState: { ...ownerState },
+          startIcon: memoizedIcons?.get(`${optionKey}-start`),
+          endIcon: memoizedIcons?.get(`${optionKey}-end`)
+        },
+        `${optionKey}-${index}`
+      );
+    }) }) });
   }, [
     selectedValue,
     multiple,
@@ -43,16 +82,26 @@ function useStartAdornments(props) {
     handleDelete,
     disabled,
     ownerState,
-    getOptionalStartAdornment,
-    getOptionalEndAdornment
+    memoizedIcons
   ]);
   if (startAdornmentClone && internalAdornments) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(WrapperStartAdornmentStyled, { children: startAdornmentClone }),
+      /* @__PURE__ */ jsx(WrapperStartAdornmentStyled, { role: "img", "aria-hidden": "true", children: startAdornmentClone }),
       internalAdornments
     ] });
   }
-  return startAdornment ? /* @__PURE__ */ jsx(WrapperStartAdornmentStyled, { children: startAdornmentClone }) : internalAdornments;
+  if (startAdornmentClone) {
+    return /* @__PURE__ */ jsx(WrapperStartAdornmentStyled, { role: "img", "aria-hidden": "true", children: startAdornmentClone });
+  }
+  if (!getOptionLabelLocal) {
+    console.error("useStartAdornments: getOptionLabelLocal is required");
+    return null;
+  }
+  if (!handleDelete) {
+    console.error("useStartAdornments: handleDelete is required");
+    return null;
+  }
+  return internalAdornments;
 }
 export {
   useStartAdornments as u

package/components/mui_extended/Autocomplete/hooks/useValuesAndHandlers.d.ts

@@ -8,7 +8,6 @@ export declare function useValuesAndHandlers<T, Multiple extends boolean | undef
     open: boolean;
     inputValue: string;
     selectedValue: T | T[] | null;
-    selectedOption: T | undefined;
     isOptionEqualToValueLocal: (option: unknown, val: unknown) => boolean;
     handleDelete: (optionToDelete: T) => void;
     handleRefresh: () => void;
@@ -17,7 +16,6 @@ export declare function useValuesAndHandlers<T, Multiple extends boolean | undef
     onCloseLocal: (event: React.SyntheticEvent, reason: AutocompleteCloseReason) => void;
     onOpenLocal: (event: React.SyntheticEvent) => void;
     getOptionLabelLocal: (option: unknown) => string;
-    getOptionUrlImageLocal: (option: T | null) => string;
     checkKeyDown: (e: KeyboardEvent<HTMLDivElement>) => void;
     scrollPositionOptionsRef: import('react').MutableRefObject<number>;
 };

package/components/mui_extended/Autocomplete/hooks/useValuesAndHandlers.js

@@ -9,8 +9,6 @@ function useValuesAndHandlers(props) {
     onClose,
     onChangeFilterParmsLocal,
     multiple,
-    getOptionUrlImage,
-    // Diferencia
     refresh,
     onChange,
     value,
@@ -115,12 +113,6 @@ function useValuesAndHandlers(props) {
     },
     [getOptionLabel]
   );
-  const getOptionUrlImageLocal = useCallback((option) => {
-    if (option === void 0 || option === null || getOptionUrlImage === void 0) {
-      return "";
-    }
-    return getOptionUrlImage(option);
-  }, [getOptionUrlImage]);
   const [inputValue, setInputValue] = useState("");
   useEffect(() => {
     if (readOnly && value !== null && value !== void 0 && !multiple) {
@@ -161,14 +153,10 @@ function useValuesAndHandlers(props) {
       }
     }
   };
-  const selectedOption = options.find((option) => {
-    return isOptionEqualToValueLocal(option, selectedValue);
-  });
   return {
     open,
     inputValue,
     selectedValue,
-    selectedOption,
     isOptionEqualToValueLocal,
     handleDelete,
     handleRefresh,
@@ -177,7 +165,6 @@ function useValuesAndHandlers(props) {
     onCloseLocal,
     onOpenLocal,
     getOptionLabelLocal,
-    getOptionUrlImageLocal,
     checkKeyDown,
     scrollPositionOptionsRef
   };

package/components/mui_extended/Autocomplete/renderOptions/index.d.ts

@@ -1,22 +1,9 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { Sizes } from '@m4l/styles';
-/**
- * Higher-order function to generate a render option function for Autocomplete.
- * It supports rendering options with `startAd` and `endIcon`.
- * @param color - The color for the MenuItem.
- */
-type OptionType<T> = T & {
-    label: string;
-    selected?: boolean;
-    disabled?: boolean;
-    startAdornment?: ReactNode;
-    endAdornment?: ReactNode;
-    size: Extract<Sizes, 'small' | 'medium'>;
-};
+import { HTMLAttributes } from 'react';
+import { ResourceType } from '../types';
+import { RenderOptionType } from './types';
 /**
  * Render option for Autocomplete.
  */
 export declare const renderOption: <T>(optionProps: HTMLAttributes<HTMLLIElement> & {
     key: string;
-}, option: OptionType<T>) => import("react/jsx-runtime").JSX.Element;
-export {};
+}, option: RenderOptionType<T>, getOptionStartAdornment?: (option: T) => ResourceType | undefined, getOptionEndAdornment?: (option: T) => ResourceType | undefined) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Autocomplete/renderOptions/index.js

@@ -1,9 +1,35 @@
 import { jsx } from "react/jsx-runtime";
-import { memo } from "react";
+import { memo, useMemo } from "react";
+import { r as renderAdornment } from "../RenderAdornment/RenderAdornment.js";
 import { M as MenuItem } from "../../MenuItem/MenuItem.js";
 const MemoizedMenuItem = memo(MenuItem);
-const renderOption = (optionProps, option) => {
+const RenderOptionComponent = ({
+  optionProps,
+  option,
+  getOptionStartAdornment,
+  getOptionEndAdornment
+}) => {
   const { className, key, ...otherOptionProps } = optionProps;
+  const processedStartAdornment = useMemo(() => {
+    if (!getOptionStartAdornment) {
+      return null;
+    }
+    const startAdornment = getOptionStartAdornment(option);
+    if (!startAdornment) {
+      return null;
+    }
+    return renderAdornment(startAdornment, option.size);
+  }, [getOptionStartAdornment, option]);
+  const processedEndAdornment = useMemo(() => {
+    if (!getOptionEndAdornment) {
+      return null;
+    }
+    const endAdornment = getOptionEndAdornment(option);
+    if (!endAdornment) {
+      return null;
+    }
+    return renderAdornment(endAdornment, option.size);
+  }, [getOptionEndAdornment, option]);
   return /* @__PURE__ */ jsx(
     MemoizedMenuItem,
     {
@@ -12,13 +38,24 @@ const renderOption = (optionProps, option) => {
       color: "default",
       label: option.label,
       disabled: option.disabled,
-      startIcon: option.startAdornment,
-      endIcon: option.endAdornment,
-      size: option.size
+      startIcon: processedStartAdornment,
+      endIcon: processedEndAdornment
     },
     option.label
   );
 };
+const MemoizedRenderOptionComponent = memo(RenderOptionComponent);
+const renderOption = (optionProps, option, getOptionStartAdornment, getOptionEndAdornment) => {
+  return /* @__PURE__ */ jsx(
+    MemoizedRenderOptionComponent,
+    {
+      optionProps,
+      option,
+      getOptionStartAdornment,
+      getOptionEndAdornment
+    }
+  );
+};
 export {
   renderOption as r
 };

package/components/mui_extended/Autocomplete/renderOptions/types.d.ts

@@ -0,0 +1,7 @@
+import { Sizes } from '@m4l/styles';
+export type RenderOptionType<T> = {
+    label: string;
+    selected?: boolean;
+    disabled?: boolean;
+    size: Extract<Sizes, 'small' | 'medium'>;
+} & T;

package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.js

@@ -5,9 +5,9 @@ import { I as Image } from "../../../Image/Image.js";
 import { a as autocompleteSyles } from "../Autocomplete.styles.js";
 import { A as AUTOCOMPLETE_KEY_COMPONENT } from "../constants.js";
 import { A as AutocompleteSlots } from "./AutocompleteEnum.js";
-import { S as Skeleton } from "../../Skeleton/Skeleton.js";
-import { T as TextField } from "../../TextField/TextField.js";
 import { P as Popper } from "../../Popper/Popper.js";
+import { T as TextField } from "../../TextField/TextField.js";
+import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { I as IconButton } from "../../IconButton/IconButton.js";
 import { T as Typography } from "../../Typography/Typography.js";
 import { C as CircularProgress } from "../../CircularProgress/CircularProgress.js";

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

@@ -1,6 +1,6 @@
 import { AutocompleteChangeReason, AutocompleteFreeSoloValueMapping, AutocompleteInputChangeReason, AutocompleteProps as MUIAutocompleteProps, Theme } from '@mui/material';
 import { Sizes } from '@m4l/styles';
-import { ChangeEvent, ReactElement } from 'react';
+import { ChangeEvent, ReactElement, ReactNode } from 'react';
 import { TextFieldProps } from '../TextField/types';
 import { AUTOCOMPLETE_KEY_COMPONENT } from './constants';
 import { AutocompleteSlots } from './slots';
@@ -21,6 +21,7 @@ export interface BaseAutocompleteProps {
      */
     dataTestid?: string;
 }
+export type AdornmentType = ReactElement | string;
 /**
  * Props for the unified Autocomplete component.
  * Supports both single and multiple selection, and two types: `text` and `image`.
@@ -47,17 +48,18 @@ export interface AutocompleteProps<T, Multiple extends boolean | undefined> exte
      */
     value: T | T[] | null | undefined;
     /**
+     *
      * Function to get the label for a given option.
      */
     getOptionLabel: (option: T | AutocompleteFreeSoloValueMapping<false>) => string;
     /**
      * Function to get the start adornment for a given option.
      */
-    getOptionalStartAdornment: (option: T) => React.ReactNode;
+    getOptionStartAdornment?: (option: T) => ResourceType;
     /**
      * Function to get the end adornment for a given option.
      */
-    getOptionalEndAdornment: (option: T) => React.ReactNode;
+    getOptionEndAdornment?: (option: T) => ResourceType;
     /**
      * Function to compare if an option matches the selected value.
      */
@@ -72,6 +74,7 @@ export interface AutocompleteProps<T, Multiple extends boolean | undefined> exte
     onChangeFilterParmsLocal?: (newValue: string, reason: AutocompleteInputChangeReason) => void;
     /**
      * Function to get the image URL for a given option (only for `type: 'image'`).
+     * @deprecated Use getOptionStartAdornment or getOptionEndAdornment instead.
      */
     getOptionUrlImage?: (option: T) => string;
     /**
@@ -88,6 +91,10 @@ export interface AutocompleteProps<T, Multiple extends boolean | undefined> exte
      */
     startAdornment?: ReactElement;
 }
+export type ResourceType = {
+    resource: ReactNode;
+    type?: 'icon' | 'image';
+};
 /**
  * Represents the owner state of the Autocomplete component for styling purposes.
  */

package/components/mui_extended/MenuItem/MenuItem.styles.js

@@ -17,6 +17,8 @@ const menuItemStyles = {
       paddingLeft: theme.vars.size.baseSpacings.sp4,
       paddingRight: theme.vars.size.baseSpacings.sp4,
       borderRadius: theme.vars.size.borderRadius.r0,
+      borderLeft: theme.vars.size.borderStroke.container,
+      borderLeftColor: "transparent",
       // Estilos base para el texto y el ícono
       "&&& .M4LTypography-root": {
         paddingLeft: theme.vars.size.baseSpacings.sp1,
@@ -46,10 +48,11 @@ const menuItemStyles = {
       //   outlineOffset: theme.vars.size.baseSpacings['sp0-5'],
       // },
       ...ownerState?.selected && {
-        borderLeft: theme.vars.size.borderStroke.container,
         borderLeftColor: paletteColor.enabled
       },
       "& .M4LImage-root": {
+        marginRight: 6,
+        marginLeft: 6,
         ...getHeightSizeStyles(
           theme.generalSettings.isMobile,
           ownerState?.size || "medium",

package/contexts/AppearanceComponentContext/AppearanceComponentContext.js

@@ -14,7 +14,10 @@ function AppearanceComponentProvider(props) {
   }
   useEffect(() => {
     if (appearanceComponentStoreRef.current && defaultSize) {
-      appearanceComponentStoreRef.current.getState().actions.setDefaultSize(defaultSize);
+      const currentStoreSize = appearanceComponentStoreRef.current.getState().defaultSize;
+      if (currentStoreSize !== defaultSize) {
+        appearanceComponentStoreRef.current.getState().actions.setDefaultSize(defaultSize);
+      }
     }
   }, [defaultSize]);
   return /* @__PURE__ */ jsx(AppearanceComponentContext.Provider, { value: appearanceComponentStoreRef.current, children });

package/hooks/useDataGridPersistence/helpers.d.ts

@@ -1,5 +1,5 @@
-import { IGridConfig } from '../../components/DataGrid';
+import { IGridConfigExtended } from '../../components/DataGrid';
 /**
  * Obtiene el sort de la cookie
  */
-export declare const getColumnsConfigCookie: (cookie: Record<string, any> | undefined | Array<any>) => IGridConfig["columnsConfig"];
+export declare const getColumnsConfigCookie: (cookie: Record<string, any> | undefined | Array<any>) => IGridConfigExtended["columnsConfig"];

package/hooks/useDataGridPersistence/useDataGridPersistence.d.ts

@@ -1,9 +1,9 @@
 import { UseDataGridPersistenceProps } from './types';
-import { ChangeUserColumn, IGridConfig } from '../../components/DataGrid';
+import { ChangeUserColumn, IGridConfigExtended } from '../../components/DataGrid';
 /**
  * Hook para manejar los filtros y ordenamientos dinamicos
  */
 export declare const useDataGridPersistence: (props: UseDataGridPersistenceProps) => {
     onChangeUserColumns: (newProps: ChangeUserColumn) => void;
-    defaultUserColumns: IGridConfig;
+    defaultUserColumns: IGridConfigExtended;
 };

package/hooks/useDataGridPersistence/useDataGridPersistence.js

@@ -13,10 +13,15 @@ const useDataGridPersistence = (props) => {
   });
   const onChangeUserColumns = useCallback((newProps) => {
     const { reason, userConfig } = newProps;
+    if (userConfig === void 0) {
+      return;
+    }
     if (reason === "columnsConfig") {
       setCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_CONFIG}` : COOKIE_COLUMNS_CONFIG, "window", userConfig);
     } else if (reason === "columnsWidths") {
       setCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_WIDTHS}` : COOKIE_COLUMNS_WIDTHS, "window", userConfig);
+    } else {
+      setCookie(prefixCookie ? `${prefixCookie}_${reason}` : reason, "window", userConfig);
     }
   }, [setCookie, prefixCookie]);
   return {

package/index.js

@@ -35,7 +35,7 @@ import { D as D2 } from "./components/DataGrid/DataGrid.js";
 import { g as g5 } from "./components/DataGrid/dictionary.js";
 import { N, T as T2 } from "./components/DataGrid/subcomponents/editors/TextEditor/index.js";
 import { g as g6 } from "./components/DataGrid/utils/getDataGridRowsFromSet.js";
-import { b as b3, a as a4, e } from "./components/DataGrid/constants.js";
+import { b as b3, a as a4, f } from "./components/DataGrid/constants.js";
 import { C as C4 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
 import { u as u2 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
 import { C as C5 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
@@ -127,7 +127,7 @@ import { g as g18 } from "./components/formatters/dictionary.js";
 import { F as F2 } from "./components/FormContainer/FormContainer.js";
 import { G } from "./components/GridLayout/GridLayout.js";
 import { R as R4 } from "./components/GridLayout/subcomponents/Responsive/index.js";
-import { c as c2, e as e2, d as d3 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
+import { c as c2, e, d as d3 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
 import { i, k } from "./components/GridLayout/utils.js";
 import { w } from "./components/GridLayout/subcomponents/withSizeProvider/index.js";
 import { H as H2 } from "./components/HelmetPage/index.js";
@@ -208,7 +208,7 @@ import { S as S17 } from "./components/Stepper/subcomponents/StepperButtons/Step
 import { S as S18 } from "./components/Stepper/subcomponents/StepperButtons/StepperPrevButton/index.js";
 import { S as S19 } from "./components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.js";
 import { S as S20 } from "./components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.js";
-import { e as e3 } from "./components/Stepper/helpers/evaluateVisibilityStepCondition/index.js";
+import { e as e2 } from "./components/Stepper/helpers/evaluateVisibilityStepCondition/index.js";
 import { g as g29 } from "./components/Stepper/dictionary.js";
 import { F as F3, R as R23, u as u18 } from "./components/hook-form/RHFormContext/index.js";
 import { g as g30 } from "./components/hook-form/RHFormContext/dictionary.js";
@@ -240,7 +240,7 @@ import { g as g35 } from "./utils/getIconColor.js";
 import { a as a16, g as g36 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
 import { g as g37, a as a17 } from "./utils/getComponentSlotRoot.js";
-import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
+import { f as f2 } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
 import { g as g38 } from "./utils/getValidDate.js";
 import { g as g39 } from "./utils/getNullGuard.js";
 import { c as c5, d as d4 } from "./utils/deepShallow.js";
@@ -290,7 +290,7 @@ export {
   C3 as ContainerFlow,
   b3 as DATAGRID_ROW_HEADER_HEIGHTS,
   a4 as DATAGRID_ROW_HEIGHTS,
-  e as DATAGRID_SEMANTIC_WIDTHS,
+  f as DATAGRID_SEMANTIC_WIDTHS,
   D as DICTIONARY,
   D2 as DataGrid,
   D8 as DateFormatter,
@@ -430,7 +430,7 @@ export {
   W3 as WindowToolsMFContext,
   a12 as WindowToolsMFProvider,
   c2 as addLayoutItemToBreakPointIfNoExists,
-  e2 as addLayoutItemToBreakPoints,
+  e as addLayoutItemToBreakPoints,
   c4 as capitalizeFirstLetter,
   d3 as cloneLayouts,
   c5 as createCustomDeepShallow,
@@ -439,8 +439,8 @@ export {
   d4 as deepShallow,
   d as defaultCommonActionsDictionary,
   d2 as dragResizeWindowRNDClasses,
-  e3 as evaluateVisibilityStepCondition,
-  f as formatDistanceToNow,
+  e2 as evaluateVisibilityStepCondition,
+  f2 as formatDistanceToNow,
   g as getAccountPopoverDictionary,
   g2 as getAppBarDictionary,
   b2 as getAreasComponentsDictionary,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.19-BE171025-beta.1",
+  "version": "9.3.19-BE241025-beta.2",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

package/components/MFIsolationAppStorybook/icons.js

@@ -1,6 +0,0 @@
-const PATH_ICONS = {
-  SETTINGS: "frontend/components/account_popover/assets/icons/configuration.svg"
-};
-export {
-  PATH_ICONS as P
-};

package/components/MFIsolationAppStorybook/subcomponents/AppBarSettings/AppBarSettings.d.ts

@@ -1,4 +0,0 @@
-/**
- * Componente base para la aplicación en modo de aislamiento
- */
-export declare function AppBarSettings(): import("react/jsx-runtime").JSX.Element;

package/components/MFIsolationAppStorybook/subcomponents/AppBarSettings/AppBarSettings.js

@@ -1,21 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useThemeSettingsStore } from "@m4l/graphics";
-import { P as PATH_ICONS } from "../../icons.js";
-import { useEnvironment } from "@m4l/core";
-import { S as Stack } from "../../../mui_extended/Stack/Stack.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/IconButton.js";
-import { L as LanguagePopover } from "../../../LanguagePopover/LanguagePopover.js";
-function AppBarSettings() {
-  const handleOpen = useThemeSettingsStore((state) => state.settingsActions.handleOpen);
-  const { host_static_assets, environment_assets } = useEnvironment();
-  return /* @__PURE__ */ jsxs(Stack, { width: "100%", height: "40px", justifyContent: "space-between", flexDirection: "row", overflow: "hidden", position: "relative", padding: [0, 2], children: [
-    /* @__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 })
-    ] })
-  ] });
-}
-export {
-  AppBarSettings as A
-};

package/components/MFIsolationAppStorybook/subcomponents/AppBarSettings/index.d.ts

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

package/components/MFIsolationAppStorybook/subcomponents/AppBarSettings/index.js

@@ -1 +0,0 @@
-