@m4l/components 1.0.14 → 1.0.16

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/index.740042db.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useModuleDictionary } from "@m4l/core";
+import { a as SELECT_OPERATORS } from "../../../constants.1dddd09c.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.3b52457e.js";
+import { u as useDynamicFilterStore } from "../../../store/index.17676a1e.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.709756f6.js";
+import { R as RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/index.92180d10.js";
+function SelectFilter() {
+  const { getLabel } = useModuleDictionary();
+  const field = useDynamicFilterStore((state) => state.popoverFilterData?.field);
+  if (!field?.selectOptions?.endPoint) {
+    throw new Error("El filtro tipo Select requiere la configuraci\xF3n del Endpoint");
+  }
+  const autocompleteProps = field?.selectOptions;
+  const operators = useMemo(
+    () => SELECT_OPERATORS.map((o) => ({
+      id: o,
+      label: getLabel(getDynamicFilterDictionary(`operator_${o}`))
+    })),
+    [getLabel]
+  );
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      RHFAutocomplete,
+      {
+        name: "formValueOperator",
+        autoComplete: "off",
+        options: operators,
+        getOptionLabel: (option) => option.label,
+        isOptionEqualToValue: (option, value) => option.id === value.id,
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_select_operator))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RHFAutocompleteAsync,
+      {
+        ...autocompleteProps,
+        name: "formValueOperandsArray",
+        autoComplete: "off",
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_select_operands_array))
+      }
+    )
+  ] });
+}
+export {
+  SelectFilter as S
+};

package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/index.636d6e6e.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useModuleDictionary } from "@m4l/core";
+import { S as STRING_OPERATORS } from "../../../constants.1dddd09c.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.3b52457e.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.709756f6.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.e1c51719.js";
+function StringFilter() {
+  const { getLabel } = useModuleDictionary();
+  const operators = useMemo(
+    () => STRING_OPERATORS.map((o) => ({
+      id: o,
+      label: getLabel(getDynamicFilterDictionary(`operator_${o}`))
+    })),
+    [getLabel]
+  );
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      RHFAutocomplete,
+      {
+        name: "formValueOperator",
+        autoComplete: "off",
+        options: operators,
+        getOptionLabel: (option) => option.label,
+        isOptionEqualToValue: (option, value) => option.id === value.id,
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operator_string))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RHFTextField,
+      {
+        name: "formValueOperand1",
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand1_string))
+      }
+    )
+  ] });
+}
+export {
+  StringFilter as S
+};

package/components/DynamicFilter/subcomponents/FieldTypes/index.339d175f.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useFormContext } from "react-hook-form";
+import { B as BooleanFilterHelpers, S as StringFilterHelpers, N as NumberFilterHelpers, D as DateTimeFilterHelpers, b as SelectFilterHelpers } from "../../helpers/index.32ea6e4a.js";
+const helpersStrategies = {
+  boolean: new BooleanFilterHelpers(),
+  string: new StringFilterHelpers(),
+  number: new NumberFilterHelpers(),
+  datetime: new DateTimeFilterHelpers(),
+  select: new SelectFilterHelpers(),
+  __default__: () => {
+    throw new Error("Type no defined");
+  }
+};
+function fieldFactory(type) {
+  const selectedHelper = helpersStrategies?.[type];
+  if (!selectedHelper) {
+    return helpersStrategies.__default__();
+  }
+  return selectedHelper;
+}
+function DataTypeComponent(props) {
+  const { formFilter, statusLoad } = props;
+  const { setFocus } = useFormContext();
+  const Component = fieldFactory(formFilter.field.type).getComponent();
+  useEffect(() => {
+    setTimeout(() => setFocus("formValueOperand1"), 100);
+  }, [statusLoad]);
+  return /* @__PURE__ */ jsx(Component, {});
+}
+export {
+  DataTypeComponent as D,
+  fieldFactory as f
+};

package/components/DynamicFilter/subcomponents/FilterActions/index.c549da68.js

@@ -0,0 +1,88 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { i as ActionsSkeletonButtonStyled, j as ActionsStyled, k as ActionsClearButtonStyled, l as ActionsSubmitButtonStyled } from "../../slots/index.1590336a.js";
+import { useEnvironment } from "@m4l/core";
+import { u as useDynamicFilterStore } from "../../store/index.17676a1e.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.3b52457e.js";
+import { Skeleton } from "@mui/material";
+const ASSETS_URL = "frontend/components/dynamic_filter/assets/icons";
+const ASSETS = {
+  refresh: "restart.svg",
+  search: "search.svg"
+};
+function useFilterActions() {
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const automatic = useDynamicFilterStore((state) => state.automatic);
+  const isSkeleton = useDynamicFilterStore((state) => state.ownerState.isSkeleton);
+  const isValid = useDynamicFilterStore((state) => state.ownerState.isValid);
+  const isDirty = useDynamicFilterStore((state) => state.ownerState.isDirty);
+  const appliedFilters = useDynamicFilterStore((state) => state.appliedFilters);
+  const { hidePopoverFilter, clearFilters, fireOnChangeFilters } = useDynamicFilterStore(
+    (state) => state.actions
+  );
+  function onClickClearFilters() {
+    hidePopoverFilter(false);
+    clearFilters();
+    fireOnChangeFilters();
+  }
+  const filterIconUrl = `${host_static_assets}/${environment_assets}/${ASSETS_URL}/${automatic ? ASSETS.refresh : ASSETS.search}`;
+  const clearIconUrl = `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/close.svg`;
+  const canShowRemoveAction = appliedFilters.findIndex((f) => !f.fixed) > -1;
+  const filterButtonDictionaryTooltip = getDynamicFilterDictionary(
+    isValid ? isDirty ? DICCTIONARY.filter_tooltip_dirty : DICCTIONARY.filter_tooltip_refresh : DICCTIONARY.filter_tooltip_invalid
+  );
+  return {
+    isSkeleton,
+    filterIconUrl,
+    clearIconUrl,
+    canShowRemoveAction,
+    onClickClearFilters,
+    onClickFilter: fireOnChangeFilters,
+    filterButtonDictionaryTooltip,
+    ownerState: { isValid }
+  };
+}
+function FilterActionsSkeleton() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ActionsSkeletonButtonStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: "16px", height: "16px" }) }),
+    /* @__PURE__ */ jsx(ActionsSkeletonButtonStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: "16px", height: "16px" }) })
+  ] });
+}
+function FilterActions() {
+  const {
+    isSkeleton,
+    filterIconUrl,
+    clearIconUrl,
+    canShowRemoveAction,
+    onClickClearFilters,
+    onClickFilter,
+    filterButtonDictionaryTooltip,
+    ownerState
+  } = useFilterActions();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(ActionsStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(FilterActionsSkeleton, {}) });
+  }
+  return /* @__PURE__ */ jsxs(ActionsStyled, { ownerState: {}, children: [
+    canShowRemoveAction && /* @__PURE__ */ jsx(
+      ActionsClearButtonStyled,
+      {
+        src: clearIconUrl,
+        onClick: onClickClearFilters,
+        dictionaryTooltipId: "dynamic_filter.tooltip_clear_filters",
+        ownerState: {}
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ActionsSubmitButtonStyled,
+      {
+        src: filterIconUrl,
+        "aria-label": "settings",
+        dictionaryTooltipId: filterButtonDictionaryTooltip,
+        onClick: onClickFilter,
+        ownerState: { ...ownerState }
+      }
+    )
+  ] });
+}
+export {
+  FilterActions as F
+};

package/components/DynamicFilter/subcomponents/InputFilter/index.ce036c20.js

@@ -0,0 +1,168 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.3b52457e.js";
+import { u as useDynamicFilterStore } from "../../store/index.17676a1e.js";
+import { A as ALL_FIELD } from "../../constants.1dddd09c.js";
+import { Skeleton } from "@mui/material";
+import { m as InputFilterStyled, n as InputFilterIconStyled, o as InputFilterInputStyled } from "../../slots/index.1590336a.js";
+import { P as PopoverMenuFields } from "../PopoverMenuFields/index.50fc58b0.js";
+function useInputFilter() {
+  const [selectedFieldIndex, setSelectedFieldIndex] = useState(-1);
+  const [filteredFields, setFilteredFields] = useState([]);
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { getLabel } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  const anchorEl = useDynamicFilterStore((state) => state.fnAnchorEl);
+  const withAllField = useDynamicFilterStore((state) => state.withAllField);
+  const availableFields = useDynamicFilterStore((state) => state.availableFields);
+  const inputData = useDynamicFilterStore((state) => state.inputData);
+  const {
+    addFilter,
+    closePopoverMenuFields,
+    getFieldByName,
+    getNewId,
+    hidePopoverFilter,
+    openPopoverMenuFields,
+    setInEdition,
+    setInputData,
+    showPopoverFilterForAdd
+  } = useDynamicFilterStore((state) => state.actions);
+  useEffect(() => {
+    if (!anchorEl) {
+      setFilteredFields([]);
+    } else {
+      setFilteredFields(
+        availableFields.filter(
+          (field) => (field.label ?? getLabel(field.dictionaryId)).includes(inputData)
+        )
+      );
+      setSelectedFieldIndex(-1);
+    }
+  }, [anchorEl, inputData, availableFields, getLabel]);
+  function handleOpenPopUpClickItem(field) {
+    closePopoverMenuFields();
+    if (anchorEl)
+      showPopoverFilterForAdd(anchorEl(), field);
+  }
+  const inputHandlersProps = {
+    onFocus: (event) => {
+      openPopoverMenuFields(event.currentTarget);
+      setInEdition(true);
+    },
+    onChange: (event) => {
+      setInputData(event.target.value);
+      if (!anchorEl) {
+        openPopoverMenuFields(event.currentTarget);
+      }
+      hidePopoverFilter(true);
+    },
+    onKeyDown: (event) => {
+      if (event.key === "ArrowDown") {
+        let newIndex = -1;
+        if (filteredFields.length > 0) {
+          if (selectedFieldIndex < filteredFields.length - 1) {
+            newIndex = selectedFieldIndex + 1;
+          } else {
+            newIndex = filteredFields.length - 1;
+          }
+        }
+        setSelectedFieldIndex(newIndex);
+      }
+      if (event.key === "ArrowUp") {
+        let newIndex = -1;
+        if (filteredFields.length > 0) {
+          if (selectedFieldIndex > -1) {
+            newIndex = selectedFieldIndex - 1;
+          }
+        }
+        setSelectedFieldIndex(newIndex);
+      }
+      if (event.key === "Escape") {
+        closePopoverMenuFields();
+      }
+      if (event.key !== "Enter")
+        return;
+      if (selectedFieldIndex === -1) {
+        if (inputData.trim() === "") {
+          closePopoverMenuFields();
+          return;
+        }
+        if (withAllField) {
+          addFilter({
+            id: getNewId(),
+            fieldType: "string",
+            field: getFieldByName(ALL_FIELD.name),
+            isSet: true,
+            fixed: false,
+            operator: "c",
+            operand1: inputData
+          });
+          setInputData("");
+          closePopoverMenuFields();
+        }
+      } else {
+        handleOpenPopUpClickItem(filteredFields[selectedFieldIndex]);
+      }
+    }
+  };
+  return {
+    iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/filter.svg`,
+    isSkeleton,
+    inputPlaceHolder: getLabel(getDynamicFilterDictionary(DICCTIONARY.input_placeholder)),
+    inputData,
+    inputHandlersProps,
+    canRender: !(!withAllField && availableFields.length === 0),
+    filteredFields,
+    selectedFieldIndex
+  };
+}
+function InputFilterSkeleton() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Skeleton,
+      {
+        variant: "circular",
+        width: "16px",
+        height: "16px",
+        sx: { minWidth: "16px", minHeight: "16px" }
+      }
+    ),
+    /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%", height: "16px", sx: { minWidth: "80px" } })
+  ] });
+}
+const InputFilter = () => {
+  const {
+    iconUrl,
+    isSkeleton,
+    inputPlaceHolder,
+    inputData,
+    inputHandlersProps,
+    canRender,
+    filteredFields,
+    selectedFieldIndex
+  } = useInputFilter();
+  if (!canRender)
+    return null;
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(InputFilterStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(InputFilterSkeleton, {}) });
+  }
+  return /* @__PURE__ */ jsxs(InputFilterStyled, { ownerState: {}, children: [
+    /* @__PURE__ */ jsx(InputFilterIconStyled, { src: iconUrl, ownerState: {} }),
+    /* @__PURE__ */ jsx(
+      InputFilterInputStyled,
+      {
+        type: "text",
+        value: inputData,
+        placeholder: inputPlaceHolder,
+        ownerState: {},
+        ...inputHandlersProps
+      }
+    ),
+    /* @__PURE__ */ jsx(PopoverMenuFields, { fields: filteredFields, selectFieldIndex: selectedFieldIndex })
+  ] });
+};
+const InputFilter$1 = InputFilter;
+export {
+  InputFilter$1 as I
+};

package/components/DynamicFilter/subcomponents/PopoverFilter/index.3655469c.js

@@ -0,0 +1,157 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { P as PopoverStyled, p as PopoverHeaderStyled, q as PopoverHeaderIconStyled, r as PopoverHeaderTitleStyled, s as PopoverContainerFieldsStyled, t as PopoverHeaderActionsStyled } from "../../slots/index.1590336a.js";
+import { useRef, useMemo, useCallback } from "react";
+import { useModuleDictionary } from "@m4l/core";
+import { u as useDynamicFilterStore } from "../../store/index.17676a1e.js";
+import { f as fieldFactory, D as DataTypeComponent } from "../FieldTypes/index.339d175f.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.bf3a2812.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.609a78ca.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.ebac0bc1.js";
+function usePopoverFilter() {
+  let anchorEl;
+  let field;
+  let formFilter;
+  let filterFormValue;
+  let popupValidationSchema;
+  const { getLabel } = useModuleDictionary();
+  const popoverFilterData = useDynamicFilterStore((state) => state.popoverFilterData);
+  const { hidePopoverFilter, addFilter, updateFilter, getNewId } = useDynamicFilterStore(
+    (state) => state.actions
+  );
+  const refPreviousPopoverFilterData = useRef(popoverFilterData);
+  const statusLoad = useMemo(() => {
+    let returnStatus;
+    if (popoverFilterData && refPreviousPopoverFilterData.current === void 0) {
+      returnStatus = "ready";
+    } else if (!popoverFilterData) {
+      returnStatus = "initial";
+    } else {
+      returnStatus = "reload_values_provider";
+    }
+    refPreviousPopoverFilterData.current = popoverFilterData;
+    return returnStatus;
+  }, [popoverFilterData]);
+  if (popoverFilterData?.openFor === "add") {
+    anchorEl = popoverFilterData?.fnAnchorEl();
+    field = popoverFilterData.field;
+    const helperField = fieldFactory(field.type);
+    popupValidationSchema = helperField.getSchema(getLabel);
+    filterFormValue = helperField.getFormValue(field, getLabel);
+    formFilter = {
+      field,
+      id: getNewId(),
+      isSet: true,
+      fixed: false,
+      ...filterFormValue
+    };
+  } else if (popoverFilterData) {
+    anchorEl = popoverFilterData?.fnAnchorEl();
+    field = popoverFilterData?.filter.field;
+    const helperField = fieldFactory(field.type);
+    popupValidationSchema = helperField.getSchema(getLabel);
+    filterFormValue = helperField.getFormValue(field, getLabel, popoverFilterData.filter);
+    formFilter = { ...popoverFilterData?.filter, ...filterFormValue };
+  } else {
+    filterFormValue = {};
+    field = {};
+    formFilter = {};
+    anchorEl = {};
+  }
+  const onClose = useCallback(() => {
+    hidePopoverFilter(false);
+  }, []);
+  const handleKeyDownPopper = useCallback((event) => {
+    if (event.key === "Escape") {
+      onClose();
+    }
+  }, []);
+  function handleClosePopover() {
+    hidePopoverFilter(false);
+  }
+  async function onSubmit(dataFieldValues) {
+    const filterField = { ...filterFormValue, ...dataFieldValues };
+    const newFilter = {
+      ...formFilter,
+      ...fieldFactory(filterField.fieldType).getFilterFromFormValue(filterField),
+      isSet: true
+    };
+    if (popoverFilterData?.openFor === "add") {
+      addFilter(newFilter);
+    } else {
+      updateFilter(newFilter);
+    }
+    hidePopoverFilter(false);
+  }
+  const labelField = field?.label ?? getLabel(field?.dictionaryId ?? "");
+  return {
+    field,
+    labelField,
+    canRender: Boolean(popoverFilterData),
+    anchorEl,
+    handleKeyDownPopper,
+    handleClosePopover,
+    onSubmit,
+    onClose,
+    filterFormValue,
+    formFilter,
+    popupValidationSchema,
+    statusLoad
+  };
+}
+function PopoverFilter() {
+  const {
+    field,
+    labelField,
+    anchorEl,
+    handleKeyDownPopper,
+    handleClosePopover,
+    onSubmit,
+    onClose,
+    filterFormValue,
+    formFilter,
+    popupValidationSchema,
+    statusLoad,
+    canRender
+  } = usePopoverFilter();
+  if (!canRender) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    PopoverStyled,
+    {
+      open: true,
+      disableRestoreFocus: true,
+      transitionDuration: 0,
+      anchorOrigin: { vertical: "bottom", horizontal: "left" },
+      transformOrigin: { vertical: "top", horizontal: "left" },
+      arrowType: "top-left",
+      anchorEl,
+      onKeyDown: handleKeyDownPopper,
+      onClose: handleClosePopover,
+      ownerState: {},
+      children: /* @__PURE__ */ jsxs(
+        RHFormProvider,
+        {
+          onSubmit,
+          values: filterFormValue,
+          validationSchema: popupValidationSchema,
+          statusLoad,
+          children: [
+            /* @__PURE__ */ jsxs(PopoverHeaderStyled, { ownerState: {}, children: [
+              field.urlIcon && /* @__PURE__ */ jsx(PopoverHeaderIconStyled, { src: field.urlIcon, ownerState: {} }),
+              /* @__PURE__ */ jsx(PopoverHeaderTitleStyled, { variant: "paragraphDens", ownerState: {}, children: labelField })
+            ] }),
+            /* @__PURE__ */ jsx(PopoverContainerFieldsStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(DataTypeComponent, { formFilter, statusLoad }) }),
+            /* @__PURE__ */ jsxs(PopoverHeaderActionsStyled, { ownerState: {}, children: [
+              /* @__PURE__ */ jsx(ActionCancel, { onClick: onClose, skeletonWidth: "68px" }),
+              /* @__PURE__ */ jsx(ActionIntro, { skeletonWidth: "64px" })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  PopoverFilter as P
+};

package/components/DynamicFilter/subcomponents/PopoverMenuFields/index.50fc58b0.js

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { u as PopoverMenuStyled, v as PopoverMenuItemStyled, w as PopoverMenuItemIconStyled, x as PopoverMenuItemLabelStyled } from "../../slots/index.1590336a.js";
+import { useModuleDictionary } from "@m4l/core";
+import { u as useDynamicFilterStore } from "../../store/index.17676a1e.js";
+function usePopoverMenuFields() {
+  const { getLabel } = useModuleDictionary();
+  const fnAnchorEl = useDynamicFilterStore((state) => state.fnAnchorEl);
+  const { showPopoverFilterForAdd, closePopoverMenuFields } = useDynamicFilterStore(
+    (state) => state.actions
+  );
+  function handleOpenPopUpClickItem(_event, field) {
+    if (fnAnchorEl) {
+      showPopoverFilterForAdd(fnAnchorEl(), field);
+    }
+  }
+  function handleClosePopover() {
+    closePopoverMenuFields(false);
+  }
+  function getItemLabel(field) {
+    return field.label ?? getLabel(field.dictionaryId);
+  }
+  return {
+    fnAnchorEl,
+    getItemLabel,
+    handleClosePopover,
+    handleOpenPopUpClickItem
+  };
+}
+function PopoverMenuFields(props) {
+  const { fields, selectFieldIndex } = props;
+  const { fnAnchorEl, handleOpenPopUpClickItem, handleClosePopover, getItemLabel } = usePopoverMenuFields();
+  return /* @__PURE__ */ jsx(
+    PopoverMenuStyled,
+    {
+      disableAutoFocus: true,
+      disableRestoreFocus: true,
+      arrowType: "top-left",
+      anchorOrigin: { vertical: "bottom", horizontal: "left" },
+      transformOrigin: { vertical: "top", horizontal: "left" },
+      open: Boolean(fnAnchorEl),
+      onClose: handleClosePopover,
+      anchorEl: fnAnchorEl?.(),
+      ownerState: {},
+      children: Boolean(fnAnchorEl) && fields.map((field, index) => /* @__PURE__ */ jsxs(
+        PopoverMenuItemStyled,
+        {
+          dense: true,
+          selected: index === selectFieldIndex,
+          onClick: (event) => handleOpenPopUpClickItem(event, field),
+          ownerState: {},
+          children: [
+            /* @__PURE__ */ jsx(PopoverMenuItemIconStyled, { src: field.urlIcon, ownerState: {} }),
+            /* @__PURE__ */ jsx(PopoverMenuItemLabelStyled, { ownerState: {}, children: getItemLabel(field) })
+          ]
+        },
+        `menu_action_${getItemLabel(field)}`
+      ))
+    }
+  );
+}
+export {
+  PopoverMenuFields as P
+};

package/components/FieldLabel/{index.b220bfbb.js → index.e951e11f.js}

@@ -5,7 +5,7 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../utils/index.14912462.js";
 import clsx from "clsx";
 import { T as Typography } from "../mui_extended/Typography/index.642798f1.js";
-import { I as Icon } from "../Icon/index.717cf69c.js";
+import { I as Icon } from "../Icon/index.9615b1f6.js";
 const FieldLabelRoot = styled("label")(({ theme }) => ({
   ...theme.components?.M4LFieldLabel?.styleOverrides
 }));

package/components/Icon/{index.717cf69c.js → index.9615b1f6.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { Marker } from "react-leaflet";
 import L__default from "leaflet";
-import { m as mapClasses, L as LABEL_BK_COLOR_DEFAULT, a as LABEL_COLOR_DEFAULT } from "../maps/components/Map/index.b259ecde.js";
+import { m as mapClasses, L as LABEL_BK_COLOR_DEFAULT, a as LABEL_COLOR_DEFAULT } from "../maps/components/Map/index.e4045b3e.js";
 import clsx from "clsx";
 import { useEnvironment } from "@m4l/core";
 import { generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.90321e9f.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.a25eaad8.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";

package/components/LoadingError/{index.4cfeee6f.js → index.2cdebf59.js}

@@ -5,7 +5,7 @@ import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { styled } from "@mui/material/styles";
 import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.ea9c8518.js";
-import { I as Icon } from "../Icon/index.717cf69c.js";
+import { I as Icon } from "../Icon/index.9615b1f6.js";
 import { T as Typography } from "../mui_extended/Typography/index.642798f1.js";
 import { B as Button } from "../mui_extended/Button/index.d742e9ee.js";
 const componentName = "M4LoadingError";

package/components/MFLoader/{index.46805ba6.js → index.fb82993d.js}

@@ -12,7 +12,7 @@ import debounce from "lodash/debounce";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { L as LinearProgress } from "../mui_extended/LinearProgress/index.4092bb69.js";
-import { L as LoadingError } from "../LoadingError/index.4cfeee6f.js";
+import { L as LoadingError } from "../LoadingError/index.2cdebf59.js";
 const componentName = "M4LMFLoader";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",

package/components/ObjectLogs/{index.86dd71c3.js → index.6bd7a872.js}

@@ -2,19 +2,19 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.d05b9542.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.804af87c.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.2ef6f261.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.57125fcf.js";
 import { S as ScrollBar } from "../ScrollBar/index.21bc5025.js";
 import { u as useModal } from "../../hooks/useModal/index.2003c854.js";
-import { I as Icon } from "../Icon/index.717cf69c.js";
+import { I as Icon } from "../Icon/index.9615b1f6.js";
 import { S as Stack } from "../mui_extended/Stack/index.fe363ca5.js";
-import { W as WindowBase } from "../modal/WindowBase.f6adf7bc.js";
-import { D as DynamicFilter } from "../DynamicFilter/index.ef6c3a4f.js";
+import { W as WindowBase } from "../modal/WindowBase.2f606ead.js";
+import { D as DynamicFilter } from "../DynamicFilter/index.107ff9cd.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { a as getDynamicFilterComponentsDictionary } from "../DynamicFilter/dictionary.ce375e8f.js";
+import { a as getDynamicFilterComponentsDictionary } from "../DynamicFilter/dictionary.3b52457e.js";
 const Container = styled("div")(() => ({
   height: "100%",
   width: "100%",