@m4l/components 3.1.7 → 3.1.8

package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/index-D-NFIVnK.js

@@ -1,114 +0,0 @@
-import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary-PrbXU3VZ.js";
-import { b as STRING_OPERATORS } from "../../../constants-ByqmFATV.js";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { useModuleDictionary } from "@m4l/core";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index-BtPL16HR.js";
-import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index-B6ufruSB.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,
-      {
-        type: "text",
-        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))
-      }
-    )
-  ] });
-}
-class StringFilterHelpers {
-  getComponent() {
-    return StringFilter;
-  }
-  getDefaultFilter(field, fixed) {
-    const defaultOperand1 = field.defaultOperand1;
-    const defaultFilter = {
-      id: 0,
-      fieldType: "string",
-      field,
-      fixed,
-      isSet: false,
-      operator: "c",
-      operand1: ""
-    };
-    if (defaultOperand1 !== void 0 && typeof defaultOperand1 === "string") {
-      defaultFilter.operand1 = defaultOperand1;
-    }
-    return defaultFilter;
-  }
-  getFilterFromFormValue(formFilterValue) {
-    const operator = formFilterValue.formValueOperator.id;
-    const operand1 = formFilterValue.formValueOperand1;
-    return {
-      fieldType: "string",
-      operator,
-      operand1
-    };
-  }
-  getFormValue(field, getLabel, filterValue) {
-    const filterValueString = filterValue;
-    const operator = filterValueString ? filterValueString.operator : field.defaultOperator ?? "c";
-    const formValueOperand1 = filterValueString ? filterValueString.operand1 : "";
-    return {
-      fieldType: "string",
-      formValueOperator: {
-        id: operator,
-        label: getLabel(getDynamicFilterDictionary(`operator_${operator}`))
-      },
-      formValueOperand1
-    };
-  }
-  getLabels(filter, getLabel, _formatters, _field) {
-    const labelOperands = filter.operand1 !== void 0 ? filter.operand1 + "" : "";
-    return {
-      labelField: filter.field.label ?? getLabel(filter.field.dictionaryId),
-      labelOperator: getLabel(getDynamicFilterDictionary(`operator_${filter.operator}`)),
-      labelOperands
-    };
-  }
-  getSchema(getLabel) {
-    return Yup.object({
-      formValueOperator: Yup.object().nullable().required(getLabel(getDynamicFilterDictionary(DICCTIONARY.operator_required))),
-      formValueOperand1: Yup.string().required(
-        getLabel(getDynamicFilterDictionary(DICCTIONARY.error_operand_required))
-      )
-    });
-  }
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  verifyFilter(filter, _field) {
-    if (typeof filter.operator !== "string") {
-      return false;
-    }
-    if (STRING_OPERATORS.findIndex((f) => f === filter.operator) === -1) {
-      return false;
-    }
-    if (typeof filter.operand1 !== "string") {
-      return false;
-    }
-    return true;
-  }
-}
-export {
-  StringFilterHelpers as S
-};

package/components/DynamicFilter/subcomponents/FieldTypes/index-BwQHJqk9.js

@@ -1,38 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { useFormContext } from "react-hook-form";
-import { B as BooleanFilterHelpers } from "./BooleanFilter/index-BcO3SlP5.js";
-import { S as StringFilterHelpers } from "./StringFilter/index-D-NFIVnK.js";
-import { D as DateTimeFilterHelpers } from "./DateTimeFilter/index-BCJhpNS8.js";
-import { N as NumberFilterHelpers } from "./NumberFilter/index-DCNhz68u.js";
-import { S as SelectFilterHelpers } from "./SelectFilter/index-BdypjM1Y.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-B9UWmk07.js

@@ -1,88 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useEnvironment } from "@m4l/core";
-import { u as useDynamicFilterStore } from "../../store/index-BT-eWVnJ.js";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary-PrbXU3VZ.js";
-import { Skeleton } from "@mui/material";
-import { i as ActionsSkeletonButtonStyled, j as ActionsStyled, k as ActionsClearButtonStyled, l as ActionsSubmitButtonStyled } from "../../slots/dynamicFilterSlots-DHxelhXP.js";
-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-CfGb1TfV.js

@@ -1,188 +0,0 @@
-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-PrbXU3VZ.js";
-import { u as useDynamicFilterStore } from "../../store/index-BT-eWVnJ.js";
-import { A as ALL_FIELD } from "../../constants-ByqmFATV.js";
-import { Skeleton } from "@mui/material";
-import { m as InputFilterStyled, n as InputFilterIconStyled, o as InputFilterInputStyled } from "../../slots/dynamicFilterSlots-DHxelhXP.js";
-import { P as PopoverMenuFields } from "../PopoverMenuFields/index-DSegwAm2.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 {
-    /**
-     * URL del icono del inputFilter
-     */
-    iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/filter.svg`,
-    /**
-     * Si es esqueleto mostrar la versión de esqueleton
-     */
-    isSkeleton,
-    /**
-     * Texto de placeholder del inputFilter
-     */
-    inputPlaceHolder: getLabel(getDynamicFilterDictionary(DICCTIONARY.input_placeholder)),
-    /**
-     * Texto del inputFilter
-     */
-    inputData,
-    /**
-     * Props para el handler de eventos del inputFilter
-     */
-    inputHandlersProps,
-    /**
-     * Si no hay campos disponibles y no se permite filtrar por todos, no se renderiza el inputFilter
-     */
-    canRender: !(!withAllField && availableFields.length === 0),
-    /**
-     * Campos filtrados por el inputFilter
-     */
-    filteredFields,
-    /**
-     * Indice del campo seleccionado
-     */
-    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 })
-  ] });
-};
-export {
-  InputFilter as I
-};

package/components/DynamicFilter/subcomponents/PopoverFilter/index-DkfRGrlO.js

@@ -1,158 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useMemo, useCallback } from "react";
-import { useModuleDictionary } from "@m4l/core";
-import { u as useDynamicFilterStore } from "../../store/index-BT-eWVnJ.js";
-import { f as fieldFactory, D as DataTypeComponent } from "../FieldTypes/index-BwQHJqk9.js";
-import { P as PopoverStyled, p as PopoverHeaderStyled, q as PopoverHeaderIconStyled, r as PopoverHeaderTitleStyled, s as PopoverContainerFieldsStyled, t as PopoverHeaderActionsStyled } from "../../slots/dynamicFilterSlots-DHxelhXP.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index-D_nK759o.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index-CIdpDXkr.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index-CqqDZZcG.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,
-      // todo: mejorar el tipado que se le envía a getFilterFromFormValue
-      ...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-DSegwAm2.js

@@ -1,63 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useModuleDictionary } from "@m4l/core";
-import { u as useDynamicFilterStore } from "../../store/index-BT-eWVnJ.js";
-import { u as PopoverMenuStyled, v as PopoverMenuItemStyled, w as PopoverMenuItemIconStyled, x as PopoverMenuItemLabelStyled } from "../../slots/dynamicFilterSlots-DHxelhXP.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
-};