@m4l/components 1.0.9 → 1.0.11

package/components/DynamicFilter/subcomponents/index.86c6fda2.js

@@ -0,0 +1,586 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useMemo, useState, useEffect } from "react";
+import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
+import { B as BOOLEAN_OPERATORS, S as STRING_OPERATORS, b as DATE_TIME_OPERATORS, N as NUMBER_OPERATORS, c as SELECT_OPERATORS, A as ALL_FIELD } from "../../areas/constants.0d3ba950.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../areas/dictionary.6168209a.js";
+import { R as RHFAutocomplete } from "../../../vendor.5b266106.js";
+import { R as RHFTextField } from "../../hook-form/RHFTextField/index.d207efc1.js";
+import { useFormContext, useWatch } from "react-hook-form";
+import { R as RHFDateTime } from "../../hook-form/RHFDateTime/index.dfe07e18.js";
+import { u as useDynamicFilterStore } from "../store/index.85a2812f.js";
+import { R as RHFAutocompleteAsync } from "../../hook-form/RHFAutocompleteAsync/index.69f5661d.js";
+import { I as InputFilterStyled, a as InputFilterIconStyled, b as InputFilterInputStyled, A as AppliedFilterChipStyled, c as AppliedFilterChipIconStyled, d as AppliedFilterChipInfoStyled, e as AppliedFilterChipInfoFieldNameStyled, f as AppliedFilterChipInfoOperatorStyled, g as AppliedFilterChipInfoOperandsStyled, h as AppliedFilterChipRemoveButtonStyled, i as AppliedFiltersStyled, j as AppliedFilterInnerContainerStyled, k as ActionsSkeletonButtonStyled, l as ActionsStyled, m as ActionsClearButtonStyled, n as ActionsSubmitButtonStyled, R as RootStyled, o as InnerContainerStyled } from "../slots/index.00b68384.js";
+import { g as getPropDataTestId } from "../../../test/getNameDataTestId.aee44365.js";
+import { D as DynamicFilterSlots } from "../index.0f04f223.js";
+import { Skeleton } from "@mui/material";
+import { a as PopoverMenuFields, b as PopoverFilter } from "../../mui_extended/Popover/index.146ded9e.js";
+import { S as ScrollBar } from "../../ScrollBar/index.1e89bb44.js";
+import { useFormatter } from "@m4l/graphics";
+import { B as BooleanFilterHelpers, S as StringFilterHelpers, N as NumberFilterHelpers, D as DateTimeFilterHelpers, b as SelectFilterHelpers } from "../helpers/index.609b3915.js";
+function BooleanFilter() {
+  const { getLabel } = useModuleDictionary();
+  const operators = useMemo(
+    () => BOOLEAN_OPERATORS.map((o) => ({
+      id: o,
+      label: getLabel(getDynamicFilterDictionary(`operator_${o}`))
+    })),
+    [getLabel]
+  );
+  const optionsYesNo = useMemo(
+    () => [
+      {
+        value: true,
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.operand_true))
+      },
+      {
+        value: false,
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.operand_false))
+      }
+    ],
+    [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_boolean_operator))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RHFAutocomplete,
+      {
+        name: "formValueOperand1",
+        autoComplete: "off",
+        options: optionsYesNo,
+        getOptionLabel: (option) => option.label,
+        isOptionEqualToValue: (option, value) => option.value === value.value,
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_boolean_operand1))
+      }
+    )
+  ] });
+}
+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))
+      }
+    )
+  ] });
+}
+function DateTimeFilter() {
+  const { getLabel } = useModuleDictionary();
+  const { control } = useFormContext();
+  const operator = useWatch({
+    control,
+    name: "formValueOperator"
+  });
+  const operators = useMemo(
+    () => DATE_TIME_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_date_time))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RHFDateTime,
+      {
+        name: "formValueOperand1",
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand1_date_time))
+      }
+    ),
+    operator && operator.id === "b" && /* @__PURE__ */ jsx(
+      RHFDateTime,
+      {
+        name: "formValueOperand2",
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand2_date_time))
+      }
+    )
+  ] });
+}
+function NumberFilter() {
+  const { getLabel } = useModuleDictionary();
+  const { control } = useFormContext();
+  const operator = useWatch({
+    control,
+    name: "formValueOperator"
+  });
+  const operators = useMemo(
+    () => NUMBER_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_number))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RHFTextField,
+      {
+        name: "formValueOperand1",
+        type: "number",
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand1_number))
+      }
+    ),
+    operator && operator.id === "b" && /* @__PURE__ */ jsx(
+      RHFTextField,
+      {
+        name: "formValueOperand2",
+        type: "number",
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand2_number))
+      }
+    )
+  ] });
+}
+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))
+      }
+    )
+  ] });
+}
+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 useDynamicFilterBase() {
+  const ownerState = useDynamicFilterStore((state) => state.ownerState);
+  const dataTestId = useDynamicFilterStore((state) => state.dataTestId);
+  return { ownerState, dataTestId };
+}
+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;
+function useAppliedFilters() {
+  const appliedFilter = useDynamicFilterStore((state) => state.appliedFilters);
+  const isSkeleton = useDynamicFilterStore((state) => state.ownerState.isSkeleton);
+  const appliedFiltersSorted = [...appliedFilter].sort(
+    (filterA, filterB) => filterA.isSet !== filterB.isSet ? Number(filterA.isSet) - Number(filterB.isSet) : filterB.id - filterA.id
+  );
+  return {
+    appliedFiltersSorted,
+    isSkeleton
+  };
+}
+function useAppliedFilterChip(filter) {
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { getLabel } = useModuleDictionary();
+  const formatters = useFormatter();
+  const { hidePopoverFilter, removeFilter, showPopoverFilterForEdit } = useDynamicFilterStore(
+    (state) => state.actions
+  );
+  const removeIconUrl = `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/clear.svg`;
+  const labels = useMemo(() => {
+    return fieldFactory(filter.field.type).getLabels(filter, getLabel, formatters, filter.field);
+  }, [filter, getLabel]);
+  function onDelete() {
+    hidePopoverFilter(false);
+    removeFilter(filter.id);
+  }
+  function onEditFilter(event) {
+    hidePopoverFilter(false);
+    const currentTarget = event.currentTarget;
+    setTimeout(() => showPopoverFilterForEdit(currentTarget, filter), 10);
+  }
+  return {
+    onDelete,
+    onEditFilter,
+    removeIconUrl,
+    iconFieldUrl: filter.field?.urlIcon,
+    labels
+  };
+}
+function AppliedFilterChip(props) {
+  const { fixed } = props;
+  const { onEditFilter, onDelete, iconFieldUrl, removeIconUrl, labels } = useAppliedFilterChip(props);
+  return /* @__PURE__ */ jsxs(AppliedFilterChipStyled, { ownerState: {}, children: [
+    iconFieldUrl && /* @__PURE__ */ jsx(AppliedFilterChipIconStyled, { onClick: onEditFilter, src: iconFieldUrl, ownerState: {} }),
+    /* @__PURE__ */ jsxs(AppliedFilterChipInfoStyled, { onClick: onEditFilter, ownerState: {}, children: [
+      /* @__PURE__ */ jsx(AppliedFilterChipInfoFieldNameStyled, { ownerState: {}, children: labels.labelField }),
+      /* @__PURE__ */ jsx(AppliedFilterChipInfoOperatorStyled, { ownerState: {}, children: labels.labelOperator }),
+      /* @__PURE__ */ jsx(AppliedFilterChipInfoOperandsStyled, { ownerState: {}, children: labels.labelOperands })
+    ] }),
+    !fixed && /* @__PURE__ */ jsx(
+      AppliedFilterChipRemoveButtonStyled,
+      {
+        src: removeIconUrl,
+        size: "small",
+        dictionaryTooltipId: "dynamic_filter.tooltip_clear_filter",
+        onClick: onDelete,
+        ownerState: {}
+      }
+    )
+  ] });
+}
+function AppliedFilters() {
+  const { appliedFiltersSorted, isSkeleton } = useAppliedFilters();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(AppliedFiltersStyled, { ownerState: {} });
+  }
+  return /* @__PURE__ */ jsx(AppliedFiltersStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(ScrollBar, { children: /* @__PURE__ */ jsx(AppliedFilterInnerContainerStyled, { ownerState: {}, children: appliedFiltersSorted?.map((filter) => /* @__PURE__ */ jsx(AppliedFilterChip, { ...filter }, filter.id)) }) }) });
+}
+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 }
+      }
+    )
+  ] });
+}
+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, {});
+}
+function DynamicFilterBase() {
+  const { ownerState, dataTestId } = useDynamicFilterBase();
+  return /* @__PURE__ */ jsx(
+    RootStyled,
+    {
+      ownerState: { ...ownerState },
+      ...getPropDataTestId(dataTestId, DynamicFilterSlots.root),
+      children: /* @__PURE__ */ jsxs(
+        InnerContainerStyled,
+        {
+          ownerState: { ...ownerState },
+          ...getPropDataTestId(dataTestId, DynamicFilterSlots.innerContainer),
+          children: [
+            /* @__PURE__ */ jsx(InputFilter$1, {}),
+            /* @__PURE__ */ jsx(AppliedFilters, {}),
+            /* @__PURE__ */ jsx(FilterActions, {}),
+            /* @__PURE__ */ jsx(PopoverFilter, {})
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  BooleanFilter as B,
+  DateTimeFilter as D,
+  NumberFilter as N,
+  StringFilter as S,
+  SelectFilter as a,
+  DynamicFilterBase as b,
+  DataTypeComponent as c,
+  fieldFactory as f
+};

package/components/FieldLabel/{index.61450047.js → index.1577ac9c.js}

@@ -6,7 +6,7 @@ import { e as componentName } from "../areas/constants.0d3ba950.js";
 import { g as getComponentUtilityClass } from "../../utils/index.c64c2dd1.js";
 import clsx from "clsx";
 import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
-import { I as Icon } from "../Icon/index.0d591435.js";
+import { I as Icon } from "../Icon/index.8ecfb193.js";
 const FieldLabelRoot = styled("label")(({ theme }) => ({
   ...theme.components?.M4LFieldLabel?.styleOverrides
 }));

package/components/HamburgerMenu/{index.6da952c3.js → index.6c82741d.js}

@@ -5,8 +5,8 @@ import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { r as componentName, H as HAMBURGER_MENU_PREFIX, T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
 import { useEnvironment } from "@m4l/core";
-import { S as SideBar } from "../SideBar/index.a645fbb3.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.20a5a0be.js";
+import { S as SideBar } from "../SideBar/index.d221254d.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.d5b273e6.js";
 const HamburgerMenuRoot = styled("header")(({ theme }) => ({
   ...theme.components?.M4LHamburgerMenuCommercial?.styleOverrides
 }));

package/components/Icon/{index.0d591435.js → index.8ecfb193.js}

@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { Marker } from "react-leaflet";
 import L__default from "leaflet";
 import { s as componentName, I as ICON_PREFIX, T as TEST_PROP_ID, L as LABEL_BK_COLOR_DEFAULT, t as LABEL_COLOR_DEFAULT } from "../areas/constants.0d3ba950.js";
-import { m as mapClasses } from "../maps/index.595f5894.js";
+import { m as mapClasses } from "../maps/index.a1bf63f2.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.a645fbb3.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.d221254d.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/Image/{index.7b1ce7d6.js → index.4a822ede.js}

@@ -5,7 +5,7 @@ import clsx from "clsx";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { useBase, useEnvironment, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../PrintingSystem/index.e166c8d5.js";
+import { c as classes, g as getSize } from "../PrintingSystem/index.9fdae551.js";
 import QRCode from "qrcode.react";
 const ImageRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LImage?.styleOverrides

package/components/LoadingError/{index.5b8a819d.js → index.9e829e8d.js}

@@ -6,9 +6,9 @@ import { unstable_composeClasses } from "@mui/base";
 import { v as componentName } from "../areas/constants.0d3ba950.js";
 import { styled } from "@mui/material/styles";
 import { L as LinearProgressIndeterminate } from "../mui_extended/LinearProgress/index.e9455b2e.js";
-import { I as Icon } from "../Icon/index.0d591435.js";
+import { I as Icon } from "../Icon/index.8ecfb193.js";
 import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
-import { B as Button } from "../mui_extended/Button/index.6276c580.js";
+import { B as Button } from "../mui_extended/Button/index.52852c42.js";
 generateUtilityClasses(componentName, [
   "root",
   "loadingErrorLoading",

package/components/MFLoader/{index.6f690259.js → index.29f445e2.js}

@@ -13,7 +13,7 @@ import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/mater
 import { unstable_composeClasses } from "@mui/base";
 import { w as componentName } from "../areas/constants.0d3ba950.js";
 import { a as LinearProgress } from "../mui_extended/LinearProgress/index.e9455b2e.js";
-import { L as LoadingError } from "../LoadingError/index.5b8a819d.js";
+import { L as LoadingError } from "../LoadingError/index.9e829e8d.js";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",
   "containerLinearProgress"

package/components/ModalDialog/{index.bdae9c06.js → index.96c4aba3.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useTheme, Dialog, Paper } from "@mui/material";
 import { c as cjs } from "../../react-draggable.0cc9b257.js";
-import { u as useModal } from "../../hooks/useModal/index.20c3f2be.js";
+import { u as useModal } from "../../hooks/useModal/index.d14c7e46.js";
 import { R as ResizeableWindow } from "../Resizeable/index.414ff687.js";
 import { useIsMobile } from "@m4l/graphics";
 import { m as modalUtilityClasses } from "../modal/index.5bce430d.js";

package/components/NoItemSelected/{index.71727588.js → index.0ae9f28f.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { I as Image } from "../Image/index.7b1ce7d6.js";
+import { I as Image } from "../Image/index.4a822ede.js";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { useMemo } from "react";