@m4l/components 9.2.52 → 9.2.53

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

@@ -0,0 +1,135 @@
+import { useState, useRef, useCallback, useEffect } from "react";
+function useValuesAndHandlers(props) {
+  const {
+    getOptionLabel,
+    isOptionEqualToValue,
+    options,
+    onOpen,
+    onClose,
+    onChangeFilterParmsLocal,
+    multiple,
+    getOptionUrlImage,
+    // Diferencia
+    refresh,
+    onChange,
+    value
+  } = props;
+  const [open, setOpen] = useState(false);
+  const scrollPositionOptionsRef = useRef(0);
+  const [selectedValue, setSelectedValue] = useState(
+    value || (multiple ? [] : null)
+  );
+  const isOptionEqualToValueLocal = useCallback(
+    (option, val) => {
+      if (val === null || val === void 0) {
+        return false;
+      }
+      return isOptionEqualToValue(option, val);
+    },
+    [isOptionEqualToValue]
+  );
+  const handleDelete = useCallback((optionToDelete) => {
+    if (Array.isArray(selectedValue)) {
+      const updatedValue = selectedValue.filter(
+        (val) => !isOptionEqualToValueLocal(val, optionToDelete)
+      );
+      setSelectedValue(updatedValue);
+      onChange?.(
+        {},
+        updatedValue,
+        "removeOption"
+      );
+    }
+  }, [selectedValue, isOptionEqualToValueLocal, onChange]);
+  const handleRefresh = useCallback(() => {
+    refresh?.();
+    setOpen(true);
+  }, [refresh]);
+  const handleChange = (event, newSelectedValue, reason) => {
+    let updatedValue = multiple ? Array.isArray(newSelectedValue) ? newSelectedValue : [] : newSelectedValue;
+    if (multiple && Array.isArray(updatedValue)) {
+      updatedValue = updatedValue?.filter((option) => options.some((opt) => isOptionEqualToValueLocal(opt, option)));
+    }
+    setSelectedValue(updatedValue);
+    onChange?.(event, updatedValue, reason);
+  };
+  const handleInputChange = (_event, newValue, reason) => {
+    setInputValue(newValue);
+    if (onChangeFilterParmsLocal && reason === "input") {
+      onChangeFilterParmsLocal(newValue, reason);
+    }
+  };
+  const onCloseLocal = (event, reason) => {
+    let mustClose = true;
+    if (!(reason !== "selectOption" && reason !== "removeOption")) {
+      if (multiple) {
+        mustClose = false;
+      }
+    }
+    if (mustClose) {
+      scrollPositionOptionsRef.current = 0;
+      setOpen(false);
+      if (onClose) {
+        onClose(event, reason);
+      }
+    }
+  };
+  const onOpenLocal = useCallback((event) => {
+    setOpen(true);
+    if (onOpen) {
+      onOpen(event);
+    }
+  }, [onOpen]);
+  const getOptionLabelLocal = useCallback(
+    (option) => {
+      if (typeof option === "string") {
+        return option;
+      }
+      if (option === null || option === void 0) {
+        return "";
+      }
+      return getOptionLabel(option);
+    },
+    [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 (open === false && value === null && inputValue !== "") {
+      setInputValue("");
+    }
+  }, [value, open, inputValue]);
+  const checkKeyDown = (e) => {
+    if (e.code === "Enter") {
+      e.preventDefault();
+    }
+  };
+  const selectedOption = options.find((option) => {
+    return isOptionEqualToValueLocal(option, selectedValue);
+  });
+  return {
+    open,
+    inputValue,
+    selectedValue,
+    selectedOption,
+    isOptionEqualToValueLocal,
+    handleDelete,
+    handleRefresh,
+    handleChange,
+    handleInputChange,
+    onCloseLocal,
+    onOpenLocal,
+    getOptionLabelLocal,
+    getOptionUrlImageLocal,
+    checkKeyDown,
+    scrollPositionOptionsRef
+  };
+}
+export {
+  useValuesAndHandlers as u
+};

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

@@ -0,0 +1,4 @@
+export declare const icons: {
+    refresh: string;
+    chevronDown: string;
+};

package/components/mui_extended/Autocomplete/icons.js

@@ -0,0 +1,7 @@
+const icons = {
+  refresh: "frontend/components/RHFAutocompletarAsync/assets/icons/round_refresh.svg",
+  chevronDown: "frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg"
+};
+export {
+  icons as i
+};

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

@@ -5,11 +5,16 @@ import { Sizes } from '@m4l/styles';
  * It supports rendering options with `startAd` and `endIcon`.
  * @param color - The color for the MenuItem.
  */
-export declare function renderOption<T>(optionProps: HTMLAttributes<HTMLLIElement>, option: T & {
+type OptionType<T> = T & {
     label: string;
     selected?: boolean;
     disabled?: boolean;
     startAdornment?: ReactNode;
     endAdornment?: ReactNode;
     size: Extract<Sizes, 'small' | 'medium'>;
-}): import("react/jsx-runtime").JSX.Element;
+};
+/**
+ * Render option for Autocomplete.
+ */
+export declare const renderOption: <T>(optionProps: HTMLAttributes<HTMLLIElement>, option: OptionType<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,14 +1,15 @@
-import { createElement } from "react";
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
 import { M as MenuItem } from "../../MenuItem/MenuItem.js";
-function renderOption(optionProps, option) {
+const MemoizedMenuItem = memo(MenuItem);
+const renderOption = (optionProps, option) => {
   const { className, ...otherOptionProps } = optionProps;
-  return /* @__PURE__ */ createElement(
-    MenuItem,
+  return /* @__PURE__ */ jsx(
+    MemoizedMenuItem,
     {
       ...otherOptionProps,
       selected: option.selected,
       color: "default",
-      key: option.id || option.label,
       label: option.label,
       disabled: option.disabled,
       startIcon: option.startAdornment,
@@ -16,7 +17,7 @@ function renderOption(optionProps, option) {
       size: option.size
     }
   );
-}
+};
 export {
   renderOption as r
 };

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

@@ -5,13 +5,13 @@ 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 { I as IconButton } from "../../IconButton/IconButton.js";
-import { T as TextField } from "../../TextField/TextField.js";
-import { T as Typography } from "../../Typography/Typography.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 { M as MenuItem } from "../../MenuItem/MenuItem.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";
+import { M as MenuItem } from "../../MenuItem/MenuItem.js";
 const AutocompleteRootStyled = styled(Autocomplete, {
   name: AUTOCOMPLETE_KEY_COMPONENT,
   slot: AutocompleteSlots.root
@@ -44,7 +44,7 @@ styled(Typography, {
   name: AUTOCOMPLETE_KEY_COMPONENT,
   slot: AutocompleteSlots.typography
 })(autocompleteSyles?.typography);
-const ImageStyled = styled(Image, {
+styled(Image, {
   name: AUTOCOMPLETE_KEY_COMPONENT,
   slot: AutocompleteSlots.image
 })(autocompleteSyles?.image);
@@ -65,13 +65,12 @@ const AdormentsStyled = styled("div", {
   slot: AutocompleteSlots.adorments
 })(autocompleteSyles?.adorments);
 export {
-  AdormentsStyled as A,
-  ChipStyled as C,
-  ImageStyled as I,
+  AutocompleteRootStyled as A,
+  CircularProgressStyled as C,
+  IconButtonStyled as I,
   PopperComponentStyled as P,
   RenderInputStyled as R,
   SkeletonAutocompleteStyled as S,
-  CircularProgressStyled as a,
-  IconButtonStyled as b,
-  AutocompleteRootStyled as c
+  AdormentsStyled as a,
+  ChipStyled as b
 };

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

@@ -32,11 +32,13 @@ export interface AutocompleteProps<T, Multiple extends boolean | undefined> exte
     onChangeFilterParmsLocal?: (newValue: string, reason: AutocompleteInputChangeReason) => void;
     getOptionUrlImage?: (option: T) => string;
     onChange: (event: ChangeEvent<{}> | undefined, value: T | T[] | null, reason: AutocompleteChangeReason) => void;
+    htmlFor?: string;
 }
 /**
  * Represents the owner state of the Autocomplete component for styling purposes.
  */
 export interface AutocompleteOwnerState extends Pick<BaseAutocompleteProps, 'size' | 'variant'> {
+    error?: boolean;
     disabled?: boolean;
     multiple?: boolean;
 }

package/components/mui_extended/CheckBox/CheckBox.js

@@ -5,7 +5,7 @@ import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js
 import { C as CHECK_BOX_KEY_COMPONENT } from "./constants.js";
 import clsx from "clsx";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
-import { C as CheckBoxRootStyled, M as MUICheckboxStyled, I as IconCheckedStyled, a as IconStyled, T as TypographyStyled, S as SkeletonStyled } from "./slots/CheckBoxSlots.js";
+import { C as CheckBoxRootStyled, M as MUICheckboxStyled, I as IconStyled, a as IconCheckedStyled, T as TypographyStyled, S as SkeletonStyled } from "./slots/CheckBoxSlots.js";
 import { C as CheckBoxSlots } from "./slots/CheckBoxEnum.js";
 const CheckBox = forwardRef((props, ref) => {
   const {

package/components/mui_extended/CheckBox/slots/CheckBoxSlots.js

@@ -31,9 +31,9 @@ const IconStyled = styled(Icon, {
 })(checkBoxStyles.icon);
 export {
   CheckBoxRootStyled as C,
-  IconCheckedStyled as I,
+  IconStyled as I,
   MUICheckboxStyled as M,
   SkeletonStyled as S,
   TypographyStyled as T,
-  IconStyled as a
+  IconCheckedStyled as a
 };

package/components/mui_extended/DateTimePicker/slots/DateTimePickerSlots.js

@@ -1,5 +1,5 @@
 import { styled, Popper, Paper } from "@mui/material";
-import { DesktopDateTimePicker, MobileDateTimePicker, PickersCalendarHeader, PickersDay } from "@mui/x-date-pickers";
+import { PickersCalendarHeader, PickersDay, MobileDateTimePicker, DesktopDateTimePicker } from "@mui/x-date-pickers";
 import { d as dateTimePickerStyles } from "../DateTimePicker.styles.js";
 import { D as DATE_TIME_PICKER_KEY_COMPONENT } from "../constants.js";
 import { D as DateTimePickerEnum } from "./DateTimePickerEnum.js";

package/components/mui_extended/IconButton/slots/IconButtonSlots.js

@@ -3,8 +3,8 @@ import { styled } from "@mui/material/styles";
 import { i as iconButtonStyles } from "../IconButton.styles.js";
 import { a as ICON_BUTTON_KEY_COMPONENT } from "../constants.js";
 import { I as IconButtonSlots } from "./IconButtonEnum.js";
-import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { I as Icon } from "../../../Icon/Icon.js";
+import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 const StyledMUIIconButton = styled(IconButton, {
   name: ICON_BUTTON_KEY_COMPONENT,
   slot: IconButtonSlots.styledMUIIconButton

package/components/mui_extended/ImageButton/utils/Clases/index.js

@@ -1,4 +1,4 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { generateUtilityClass, generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { c as componentName } from "./constants.js";
 generateUtilityClasses(componentName, [

package/components/mui_extended/MenuItem/slots/MenuItemSlots.js

@@ -3,8 +3,8 @@ import { MenuItem } from "@mui/material";
 import { a as MENUITEM_KEY_COMPONENT } from "../constants.js";
 import { m as menuItemStyles } from "../MenuItem.styles.js";
 import { M as MenuItemSlots } from "./MenuItemEnum.js";
-import { T as Typography } from "../../Typography/Typography.js";
 import { S as Skeleton } from "../../Skeleton/Skeleton.js";
+import { T as Typography } from "../../Typography/Typography.js";
 import { I as Icon } from "../../../Icon/Icon.js";
 const MenuItemRootStyled = styled(MenuItem, {
   name: MENUITEM_KEY_COMPONENT,

package/components/mui_extended/NavLink/NavLink.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { R as RouterNavLinkRootStyled, a as RouterNavLinkStyled, T as TypographyStyled, S as SkeletonStyled } from "./slots/NavLinkSlots.js";
 import { useModuleSkeleton } from "@m4l/core";
-import { N as NAV_LINK_KEY_COMPONENT, c as classNavLinkRoot, a as NAV_LINK_SPECIFY } from "./constants.js";
+import { c as classNavLinkRoot, N as NAV_LINK_SPECIFY, a as NAV_LINK_KEY_COMPONENT } from "./constants.js";
 import { N as NavLinkSlots } from "./slots/NavLinkEnum.js";
 import { clsx } from "clsx";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";

package/components/mui_extended/NavLink/constants.js

@@ -4,7 +4,7 @@ const NAV_LINK_KEY_COMPONENT = "M4LNavLink";
 const NAV_LINK_SPECIFY = "M4lclassCssSpecificity";
 const classNavLinkRoot = getComponentClasses(NAV_LINK_KEY_COMPONENT, NavLinkSlots);
 export {
-  NAV_LINK_KEY_COMPONENT as N,
-  NAV_LINK_SPECIFY as a,
+  NAV_LINK_SPECIFY as N,
+  NAV_LINK_KEY_COMPONENT as a,
   classNavLinkRoot as c
 };

package/components/mui_extended/NavLink/slots/NavLinkSlots.js

@@ -1,7 +1,7 @@
 import { NavLink } from "react-router-dom";
 import { styled } from "@mui/material/styles";
 import { N as NavLinkSlots } from "./NavLinkEnum.js";
-import { N as NAV_LINK_KEY_COMPONENT } from "../constants.js";
+import { a as NAV_LINK_KEY_COMPONENT } from "../constants.js";
 import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { n as navLinkStyles } from "../NavLink.styles.js";
 import { T as Typography } from "../../Typography/Typography.js";

package/components/mui_extended/Popover/Popover.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
-import { P as POPOVER_CLASS_NAME_SPECIFY, a as POPOVER_PREFIX } from "./constants.js";
+import { P as POPOVER_PREFIX, a as POPOVER_CLASS_NAME_SPECIFY } from "./constants.js";
 import clsx from "clsx";
 import { P as PopoverRootStyled } from "./slots/PopoverSlots.js";
 import { P as PopoverSlots } from "./slots/PopoverEnum.js";

package/components/mui_extended/Popover/Popover.styles.js

@@ -9,11 +9,7 @@ const popoverStyles = {
         borderRadius: theme.vars.size.borderRadius.r1
       }
     }
-  }),
-  /**
-   * Styles applied to the Popover arrow element.
-   */
-  arrow: () => ({})
+  })
 };
 export {
   popoverStyles as p

package/components/mui_extended/Popover/constants.js

@@ -2,7 +2,7 @@ const POPOVER_KEY_COMPONENT = "M4LPopover";
 const POPOVER_PREFIX = "Popover";
 const POPOVER_CLASS_NAME_SPECIFY = "M4lclassCssSpecificity";
 export {
-  POPOVER_CLASS_NAME_SPECIFY as P,
-  POPOVER_PREFIX as a,
+  POPOVER_PREFIX as P,
+  POPOVER_CLASS_NAME_SPECIFY as a,
   POPOVER_KEY_COMPONENT as b
 };

package/components/mui_extended/Select/Select.js

@@ -4,7 +4,7 @@ import { useTheme } from "@mui/material";
 import clsx from "clsx";
 import { forwardRef, useMemo, useState, useCallback } from "react";
 import { A as ArrowDownStyled, a as AdormentStyled, S as SelectRootStyled, b as SkeletonSelectStyled, M as MenuItemListStyled, c as MenuItemNoOptionStyled, L as LabelPlaceholerStyled, R as RenderValueContainerStyled, d as RenderValueTypography } from "./slots/SelectSlots.js";
-import { S as SELECT_CLASSES, a as SELECT_KEY_COMPONENT, I as ICON_ARROW_DOWN } from "./constants.js";
+import { I as ICON_ARROW_DOWN, S as SELECT_CLASSES, a as SELECT_KEY_COMPONENT } from "./constants.js";
 import { S as SELECT_DICTIONARY } from "./dictionary.js";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";

package/components/mui_extended/Select/Select.styles.js

@@ -1,5 +1,5 @@
 import { S as SELECT_CLASSES } from "./constants.js";
-import { a as getHeightSizeStyles, g as getSizeStyles } from "../../../utils/getSizeStyles/getSizeStyles.js";
+import { g as getSizeStyles, a as getHeightSizeStyles } from "../../../utils/getSizeStyles/getSizeStyles.js";
 const selectStyles = {
   /**
    * Estilos para el componente Select

package/components/mui_extended/Select/constants.js

@@ -1,5 +1,5 @@
 import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
-import { S as SelectSlots, a as SelectComplementaryClasses } from "./slots/SelectEnum.js";
+import { a as SelectComplementaryClasses, S as SelectSlots } from "./slots/SelectEnum.js";
 const SELECT_KEY_COMPONENT = "M4LSelect";
 const ICON_ARROW_DOWN = "frontend/components/select/arrow_down.svg";
 const COMBINATED_TEXTFIELD_ENUMS = {

package/components/mui_extended/Select/slots/SelectSlots.js

@@ -4,8 +4,8 @@ import { a as SELECT_KEY_COMPONENT } from "../constants.js";
 import { s as selectStyles } from "../Select.styles.js";
 import { S as SelectSlots } from "./SelectEnum.js";
 import { I as IconButton } from "../../IconButton/IconButton.js";
-import { M as MenuItem } from "../../MenuItem/MenuItem.js";
 import { S as Skeleton } from "../../Skeleton/Skeleton.js";
+import { M as MenuItem } from "../../MenuItem/MenuItem.js";
 import { T as Typography } from "../../Typography/Typography.js";
 import { I as Icon } from "../../../Icon/Icon.js";
 const SelectRootStyled = () => styled(Select, {

package/components/mui_extended/Tab/Tab.js

@@ -5,7 +5,7 @@ import { T as TabSlots } from "./Slots/TabEnum.js";
 import { T as TAB_KEY_COMPONENT } from "./constants.js";
 import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
-import { R as RootStyled, T as TypographyStyled, I as IconStyled } from "./Slots/TabSlots.js";
+import { R as RootStyled, I as IconStyled, T as TypographyStyled } from "./Slots/TabSlots.js";
 function Tab(props) {
   const {
     size = "medium",

package/components/mui_extended/TextField/constants.js

@@ -1,5 +1,5 @@
 import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
-import { T as TextFieldSlots, a as TexFieldComplementaryClasses } from "./slots/TextFieldEnum.js";
+import { a as TexFieldComplementaryClasses, T as TextFieldSlots } from "./slots/TextFieldEnum.js";
 const TEXT_FIELD_KEY_COMPONENT = "M4LTextField";
 const COMBINATED_TEXTFIELD_ENUMS = {
   ...TextFieldSlots,

package/components/mui_extended/Tooltip/Tooltip.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { R as RootStyled, T as TextStyled, a as TooltipStyled } from "./slots/TooltipSlots.js";
-import { T as TOOLTIP_CLASSES, D as DEFAULT_TOOLTIP_OFFSET } from "./constants.js";
+import { R as RootStyled, T as TooltipStyled, a as TextStyled } from "./slots/TooltipSlots.js";
+import { D as DEFAULT_TOOLTIP_OFFSET, T as TOOLTIP_CLASSES } from "./constants.js";
 import clsx from "clsx";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 const Tooltip = (props) => {

package/components/mui_extended/Tooltip/slots/TooltipSlots.js

@@ -17,6 +17,6 @@ const TooltipStyled = styled("div", {
 })(tooltipStyles?.tooltip);
 export {
   RootStyled as R,
-  TextStyled as T,
-  TooltipStyled as a
+  TooltipStyled as T,
+  TextStyled as a
 };

package/components/mui_extended/Typography/Typography.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useModuleSkeleton } from "@m4l/core";
-import { T as TYPOGRAPHY_CLASS_NAME_SPECIFY, a as TYPOGRAPHY_CLASSES, b as TYPOGRAPHY_KEY_COMPONENT } from "./constants.js";
+import { T as TYPOGRAPHY_CLASSES, a as TYPOGRAPHY_KEY_COMPONENT, b as TYPOGRAPHY_CLASS_NAME_SPECIFY } from "./constants.js";
 import { T as TypographySlots } from "./slots/typographyEnum.js";
 import { S as StyledMUITypography, a as StyledSkeleton } from "./slots/typographySlots.js";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";

package/components/mui_extended/Typography/constants.js

@@ -4,7 +4,7 @@ const TYPOGRAPHY_KEY_COMPONENT = "M4LTypography";
 const TYPOGRAPHY_CLASS_NAME_SPECIFY = "M4lclassCssSpecificity";
 const TYPOGRAPHY_CLASSES = getComponentClasses(TYPOGRAPHY_KEY_COMPONENT, TypographySlots);
 export {
-  TYPOGRAPHY_CLASS_NAME_SPECIFY as T,
-  TYPOGRAPHY_CLASSES as a,
-  TYPOGRAPHY_KEY_COMPONENT as b
+  TYPOGRAPHY_CLASSES as T,
+  TYPOGRAPHY_KEY_COMPONENT as a,
+  TYPOGRAPHY_CLASS_NAME_SPECIFY as b
 };

package/components/mui_extended/Typography/slots/typographySlots.js

@@ -1,6 +1,6 @@
 import { Typography } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { b as TYPOGRAPHY_KEY_COMPONENT } from "../constants.js";
+import { a as TYPOGRAPHY_KEY_COMPONENT } from "../constants.js";
 import { T as TypographySlots } from "./typographyEnum.js";
 import { t as typographyStyles } from "../typography.styles.js";
 import { S as Skeleton } from "../../Skeleton/Skeleton.js";

package/components/popups/components/PopupsViewer/icons.js

@@ -1,5 +1,4 @@
 const POPUPS_ICONS = {
-  CLOSE: "close.svg",
   EDITION_INFO: "edition_info.svg"
 };
 export {

package/hooks/useDataGridPersistence/constants.js

@@ -1,6 +1,6 @@
 const COOKIE_COLUMNS_WIDTHS = "columns_widths";
 const COOKIE_COLUMNS_CONFIG = "columns_config";
 export {
-  COOKIE_COLUMNS_WIDTHS as C,
-  COOKIE_COLUMNS_CONFIG as a
+  COOKIE_COLUMNS_CONFIG as C,
+  COOKIE_COLUMNS_WIDTHS as a
 };

package/hooks/useDataGridPersistence/useDataGridPersistence.js

@@ -1,6 +1,6 @@
 import { useState, useCallback } from "react";
 import { g as getColumnsConfigCookie } from "./helpers.js";
-import { C as COOKIE_COLUMNS_WIDTHS, a as COOKIE_COLUMNS_CONFIG } from "./constants.js";
+import { C as COOKIE_COLUMNS_CONFIG, a as COOKIE_COLUMNS_WIDTHS } from "./constants.js";
 import { u as useWindowToolsMF } from "../../components/WindowBase/hooks/useWindowToolsMF/index.js";
 const useDataGridPersistence = (props) => {
   const { prefixCookie } = props;

package/hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js

@@ -27,7 +27,7 @@ const useDynamicFilterAndSort = (props) => {
     setCookie,
     getCookie,
     filterSortAutomatic = true,
-    visibleRefresh,
+    visibleRefresh = false,
     withExternalRefresh
   } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
@@ -91,16 +91,19 @@ const useDynamicFilterAndSort = (props) => {
     }
   }, [onChangeFilterSort, prefixCookie, setCookie, setInvisibleBadge, isValidFilters]);
   const onRefresh = useCallback(() => {
-    if (fireOnChangeFilterRef.current) {
-      fireOnChangeFilterRef.current.fireOnChangeFilter();
-    }
-    if (fireOnChangeSortRef.current) {
-      fireOnChangeSortRef.current.fireOnChangeSort();
-    }
-    if (isValidFilters()) {
-      onChangeFilterSort(eventRefs.current);
+    if (!filterSortAutomatic) {
+      if (fireOnChangeFilterRef.current) {
+        fireOnChangeFilterRef.current.fireOnChangeFilter();
+      }
+      if (fireOnChangeSortRef.current) {
+        fireOnChangeSortRef.current.fireOnChangeSort();
+      }
+    } else {
+      if (isValidFilters()) {
+        onChangeFilterSort(eventRefs.current);
+      }
     }
-  }, [onChangeFilterSort, fireOnChangeFilterRef, isValidFilters]);
+  }, [filterSortAutomatic, isValidFilters, onChangeFilterSort]);
   const leftActions = useMemo(() => /* @__PURE__ */ jsxs(StackLeftActionsStyled, { direction: "row", ownerState: {}, ...getPropDataTestId(M4LDYNAMIC_KEY_FILTER_AND_SORT, DynamicFilterAndSortSlots.stackLeftActions, dataTestId), children: [
     /* @__PURE__ */ jsx(Badge, { badgeContent: "", size: "small", color: "primary", invisible: invisibleBadge.filter, children: /* @__PURE__ */ jsx(ToggleIconButton, { icon: `${host_static_assets}/${environment_assets}/${ICON_PATH_FILTER}`, isToggled: togglesLeftActions.filter, onToggle: () => handleToggles("filter") }) }),
     /* @__PURE__ */ jsx(Badge, { badgeContent: "", size: "small", color: "primary", invisible: invisibleBadge.sort, children: /* @__PURE__ */ jsx(ToggleIconButton, { icon: `${host_static_assets}/${environment_assets}/${ICON_PATH_SORT}`, isToggled: togglesLeftActions.sort, onToggle: () => handleToggles("sort") }) })

package/hooks/useSvgColor/constants.js

@@ -31,8 +31,8 @@ const SVG_ICON_ERROR = "data:image/svg+xml;base64," + btoa(`<svg viewBox="0 0 64
 </svg>`);
 export {
   REPLACEMENT_PRYMARY_COLOR as R,
-  SVG_CACHE_PREFIX as S,
-  SKELETON_SVG_ICON as a,
+  SKELETON_SVG_ICON as S,
+  SVG_CACHE_PREFIX as a,
   SVG_ICON_ERROR as b,
   REPLACEMENT_SECONDARY_COLOR as c
 };

package/hooks/useSvgColor/helpers.js

@@ -1,4 +1,4 @@
-import { S as SVG_CACHE_PREFIX, a as SKELETON_SVG_ICON } from "./constants.js";
+import { S as SKELETON_SVG_ICON, a as SVG_CACHE_PREFIX } from "./constants.js";
 function purgedColor(color) {
   return color.replace(/[#\s]/g, "");
 }

package/hooks/useSvgColor/useSvgColor.js

@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { b as SVG_ICON_ERROR, S as SVG_CACHE_PREFIX, R as REPLACEMENT_PRYMARY_COLOR, c as REPLACEMENT_SECONDARY_COLOR } from "./constants.js";
+import { b as SVG_ICON_ERROR, a as SVG_CACHE_PREFIX, R as REPLACEMENT_PRYMARY_COLOR, c as REPLACEMENT_SECONDARY_COLOR } from "./constants.js";
 import { g as getSVG, p as purgedColor } from "./helpers.js";
 function useSvgColor(props) {
   const { src, cacheKey, primaryColor, secondaryColor = "#FFFFFF", skeletonIcon, fallBackIcon = SVG_ICON_ERROR } = props;