@m4l/components 1.0.11 → 1.0.13

package/components/DynamicFilter/constants.1dddd09c.js

@@ -0,0 +1,31 @@
+const DYNAMIC_FILTER_KEY_COMPONENT = "M4LDynamicFilter";
+const ALL_FIELD = {
+  name: "all",
+  dictionaryId: "dynamic_filter.all_fields",
+  urlIcon: "",
+  type: "string",
+  multiple: true,
+  presence: "optional"
+};
+const STRING_OPERATORS = ["c", "nc"];
+const NUMBER_OPERATORS = ["b", "e", "ne", "gt", "gte", "lt", "lte"];
+const BOOLEAN_OPERATORS = ["e", "ne"];
+const SELECT_OPERATORS = ["in", "nin"];
+const DATE_TIME_OPERATORS = [
+  "b",
+  "e",
+  "ne",
+  "gt",
+  "gte",
+  "lt",
+  "lte"
+];
+export {
+  ALL_FIELD as A,
+  BOOLEAN_OPERATORS as B,
+  DATE_TIME_OPERATORS as D,
+  NUMBER_OPERATORS as N,
+  STRING_OPERATORS as S,
+  SELECT_OPERATORS as a,
+  DYNAMIC_FILTER_KEY_COMPONENT as b
+};

package/components/DynamicFilter/dictionary.d28d39ef.js

@@ -0,0 +1,51 @@
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.258bf919.js";
+import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index.2991d444.js";
+const DYNAMIC_FILTER_DICTIONARY_ID = "dynamic_filter";
+function getDynamicFilterComponentsDictionary() {
+  return [DYNAMIC_FILTER_DICTIONARY_ID].concat(
+    getCommonActionsDictionary().concat(getRHFAutocompleteComponentsDictionary())
+  );
+}
+const DICCTIONARY = {
+  input_placeholder: "input_placeholder",
+  operand_true: "operand_true",
+  operand_false: "operand_false",
+  filter_tooltip_refresh: "filter_tooltip_refresh",
+  filter_tooltip_dirty: "filter_tooltip_dirty",
+  filter_tooltip_invalid: "filter_tooltip_invalid",
+  operator_b: "operator_b",
+  operator_e: "operator_e",
+  operator_ne: "operator_ne",
+  operator_gt: "operator_gt",
+  operator_gte: "operator_gte",
+  operator_lt: "operator_lt",
+  operator_lte: "operator_lte",
+  operator_c: "operator_c",
+  operator_nc: "operator_nc",
+  operator_in: "operator_in",
+  operator_nin: "operator_nin",
+  label_boolean_operator: "label_boolean_operator",
+  label_boolean_operand1: "label_boolean_operand1",
+  label_operator_date_time: "label_operator_date_time",
+  label_operand1_date_time: "label_operand1_date_time",
+  label_operand2_date_time: "label_operand2_date_time",
+  label_operator_number: "label_operator_number",
+  label_operand1_number: "label_operand1_number",
+  label_operand2_number: "label_operand2_number",
+  label_operator_string: "label_operator_string",
+  label_operand1_string: "label_operand1_string",
+  operator_required: "operator_required",
+  error_invalid_date: "error_invalid_date",
+  error_less_than_start: "error_less_than_start",
+  label_select_operator: "label_select_operator",
+  label_select_operands_array: "label_select_operands_array",
+  error_operand_required: "error_operand_required"
+};
+const getDynamicFilterDictionary = (key) => {
+  return `${DYNAMIC_FILTER_DICTIONARY_ID}.${key}`;
+};
+export {
+  DICCTIONARY as D,
+  getDynamicFilterComponentsDictionary as a,
+  getDynamicFilterDictionary as g
+};

package/components/DynamicFilter/helpers/{index.609b3915.js → index.11ed2896.js}

@@ -1,8 +1,8 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../areas/dictionary.6168209a.js";
-import { B as BOOLEAN_OPERATORS, S as STRING_OPERATORS, b as DATE_TIME_OPERATORS, N as NUMBER_OPERATORS, c as SELECT_OPERATORS } from "../../areas/constants.0d3ba950.js";
-import { B as BooleanFilter, S as StringFilter, D as DateTimeFilter, N as NumberFilter, a as SelectFilter, f as fieldFactory } from "../subcomponents/index.86c6fda2.js";
-import { i as isValidDate } from "../../../utils/index.c64c2dd1.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../dictionary.d28d39ef.js";
+import { B as BOOLEAN_OPERATORS, S as STRING_OPERATORS, D as DATE_TIME_OPERATORS, N as NUMBER_OPERATORS, a as SELECT_OPERATORS } from "../constants.1dddd09c.js";
+import { B as BooleanFilter, S as StringFilter, D as DateTimeFilter, N as NumberFilter, a as SelectFilter, f as fieldFactory } from "../subcomponents/index.778c93cc.js";
+import { i as isValidDate } from "../../../utils/index.14912462.js";
 class BooleanFilterHelpers {
   getComponent() {
     return BooleanFilter;

package/components/DynamicFilter/{index.0f04f223.js → index.056a99c7.js}

@@ -1,9 +1,9 @@
 import { alpha } from "@mui/material";
-import { c as containerQuery } from "../../utils/index.c64c2dd1.js";
+import { c as containerQuery } from "../../utils/index.14912462.js";
 import { jsx } from "react/jsx-runtime";
 import { useFlagsPresent, CommonFlags } from "@m4l/core";
-import { D as DynamicFilterProvider } from "./store/index.85a2812f.js";
-import { b as DynamicFilterBase } from "./subcomponents/index.86c6fda2.js";
+import { D as DynamicFilterProvider } from "./store/index.9b5121d6.js";
+import { b as DynamicFilterBase } from "./subcomponents/index.778c93cc.js";
 var DynamicFilterSlots = /* @__PURE__ */ ((DynamicFilterSlots2) => {
   DynamicFilterSlots2["root"] = "root";
   DynamicFilterSlots2["innerContainer"] = "innerContainer";

package/components/DynamicFilter/slots/{index.00b68384.js → index.82d7eaf2.js}

@@ -1,12 +1,12 @@
 import { styled } from "@mui/material/styles";
-import { d as DYNAMIC_FILTER_KEY_COMPONENT } from "../../areas/constants.0d3ba950.js";
-import { D as DynamicFilterSlots, d as dynamicFilterStyles } from "../index.0f04f223.js";
+import { b as DYNAMIC_FILTER_KEY_COMPONENT } from "../constants.1dddd09c.js";
+import { D as DynamicFilterSlots, d as dynamicFilterStyles } from "../index.056a99c7.js";
 import { MenuItem } from "@mui/material";
-import { A as Actions } from "../../CommonActions/index.19f39dca.js";
-import { I as Icon } from "../../Icon/index.8ecfb193.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.d5b273e6.js";
-import { P as Popover } from "../../mui_extended/Popover/index.146ded9e.js";
-import { T as Typography } from "../../mui_extended/Typography/index.463f613f.js";
+import { A as Actions } from "../../CommonActions/components/Actions/index.258bf919.js";
+import { I as Icon } from "../../Icon/index.83867398.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.b4532b85.js";
+import { P as Popover } from "../../mui_extended/Popover/index.2348fc4f.js";
+import { T as Typography } from "../../mui_extended/Typography/index.642798f1.js";
 const RootStyled = styled("div", { name: DYNAMIC_FILTER_KEY_COMPONENT, slot: DynamicFilterSlots.root })(
   dynamicFilterStyles?.root
 );
@@ -123,28 +123,28 @@ export {
   InputFilterStyled as I,
   PopoverMenuStyled as P,
   RootStyled as R,
-  InputFilterIconStyled as a,
-  InputFilterInputStyled as b,
-  AppliedFilterChipIconStyled as c,
-  AppliedFilterChipInfoStyled as d,
-  AppliedFilterChipInfoFieldNameStyled as e,
-  AppliedFilterChipInfoOperatorStyled as f,
-  AppliedFilterChipInfoOperandsStyled as g,
-  AppliedFilterChipRemoveButtonStyled as h,
-  AppliedFiltersStyled as i,
-  AppliedFilterInnerContainerStyled as j,
-  ActionsSkeletonButtonStyled as k,
-  ActionsStyled as l,
-  ActionsClearButtonStyled as m,
-  ActionsSubmitButtonStyled as n,
-  InnerContainerStyled as o,
-  PopoverMenuItemStyled as p,
-  PopoverMenuItemIconStyled as q,
-  PopoverMenuItemLabelStyled as r,
-  PopoverStyled as s,
-  PopoverHeaderStyled as t,
-  PopoverHeaderIconStyled as u,
-  PopoverHeaderTitleStyled as v,
-  PopoverContainerFieldsStyled as w,
-  PopoverHeaderActionsStyled as x
+  PopoverMenuItemStyled as a,
+  PopoverMenuItemIconStyled as b,
+  PopoverMenuItemLabelStyled as c,
+  InputFilterIconStyled as d,
+  InputFilterInputStyled as e,
+  AppliedFilterChipIconStyled as f,
+  AppliedFilterChipInfoStyled as g,
+  AppliedFilterChipInfoFieldNameStyled as h,
+  AppliedFilterChipInfoOperatorStyled as i,
+  AppliedFilterChipInfoOperandsStyled as j,
+  AppliedFilterChipRemoveButtonStyled as k,
+  AppliedFiltersStyled as l,
+  AppliedFilterInnerContainerStyled as m,
+  ActionsSkeletonButtonStyled as n,
+  ActionsStyled as o,
+  ActionsClearButtonStyled as p,
+  ActionsSubmitButtonStyled as q,
+  PopoverStyled as r,
+  PopoverHeaderStyled as s,
+  PopoverHeaderIconStyled as t,
+  PopoverHeaderTitleStyled as u,
+  PopoverContainerFieldsStyled as v,
+  PopoverHeaderActionsStyled as w,
+  InnerContainerStyled as x
 };

package/components/DynamicFilter/store/{index.85a2812f.js → index.9b5121d6.js}

@@ -4,8 +4,8 @@ import { shallow } from "zustand/shallow";
 import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
-import { A as ALL_FIELD } from "../../areas/constants.0d3ba950.js";
-import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../helpers/index.609b3915.js";
+import { A as ALL_FIELD } from "../constants.1dddd09c.js";
+import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../helpers/index.11ed2896.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 function useDynamicFilterStore(selector, equalityFn) {

package/components/DynamicFilter/subcomponents/{index.86c6fda2.js → index.778c93cc.js}

@@ -1,22 +1,24 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useMemo, useState, useEffect } from "react";
+import { useMemo, useState, useEffect, useRef, useCallback } 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 { B as BOOLEAN_OPERATORS, S as STRING_OPERATORS, D as DATE_TIME_OPERATORS, N as NUMBER_OPERATORS, a as SELECT_OPERATORS, A as ALL_FIELD } from "../constants.1dddd09c.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../dictionary.d28d39ef.js";
+import { R as RHFAutocomplete } from "../../hook-form/RHFAutocomplete/index.2991d444.js";
+import { R as RHFTextField } from "../../hook-form/RHFTextField/index.10e57945.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 { R as RHFDateTime } from "../../hook-form/RHFDateTime/index.5689a29f.js";
+import { u as useDynamicFilterStore } from "../store/index.9b5121d6.js";
+import { R as RHFAutocompleteAsync } from "../../hook-form/RHFAutocompleteAsync/index.d97c727b.js";
+import { P as PopoverMenuStyled, a as PopoverMenuItemStyled, b as PopoverMenuItemIconStyled, c as PopoverMenuItemLabelStyled, I as InputFilterStyled, d as InputFilterIconStyled, e as InputFilterInputStyled, A as AppliedFilterChipStyled, f as AppliedFilterChipIconStyled, g as AppliedFilterChipInfoStyled, h as AppliedFilterChipInfoFieldNameStyled, i as AppliedFilterChipInfoOperatorStyled, j as AppliedFilterChipInfoOperandsStyled, k as AppliedFilterChipRemoveButtonStyled, l as AppliedFiltersStyled, m as AppliedFilterInnerContainerStyled, n as ActionsSkeletonButtonStyled, o as ActionsStyled, p as ActionsClearButtonStyled, q as ActionsSubmitButtonStyled, r as PopoverStyled, s as PopoverHeaderStyled, t as PopoverHeaderIconStyled, u as PopoverHeaderTitleStyled, v as PopoverContainerFieldsStyled, w as PopoverHeaderActionsStyled, R as RootStyled, x as InnerContainerStyled } from "../slots/index.82d7eaf2.js";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
+import { D as DynamicFilterSlots } from "../index.056a99c7.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 { S as ScrollBar } from "../../ScrollBar/index.21bc5025.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";
+import { B as BooleanFilterHelpers, S as StringFilterHelpers, N as NumberFilterHelpers, D as DateTimeFilterHelpers, b as SelectFilterHelpers } from "../helpers/index.11ed2896.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 BooleanFilter() {
   const { getLabel } = useModuleDictionary();
   const operators = useMemo(
@@ -363,6 +365,62 @@ function InputFilterSkeleton() {
     /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%", height: "16px", sx: { minWidth: "80px" } })
   ] });
 }
+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)}`
+      ))
+    }
+  );
+}
 const InputFilter = () => {
   const {
     iconUrl,
@@ -542,6 +600,97 @@ function FilterActions() {
     )
   ] });
 }
+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 DataTypeComponent(props) {
   const { formFilter, statusLoad } = props;
   const { setFocus } = useFormContext();
@@ -551,6 +700,60 @@ function DataTypeComponent(props) {
   }, [statusLoad]);
   return /* @__PURE__ */ jsx(Component, {});
 }
+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" })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
 function DynamicFilterBase() {
   const { ownerState, dataTestId } = useDynamicFilterBase();
   return /* @__PURE__ */ jsx(
@@ -581,6 +784,5 @@ export {
   StringFilter as S,
   SelectFilter as a,
   DynamicFilterBase as b,
-  DataTypeComponent as c,
   fieldFactory as f
 };

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

@@ -2,14 +2,14 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { styled, generateUtilityClasses, Tooltip, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { e as componentName } from "../areas/constants.0d3ba950.js";
-import { g as getComponentUtilityClass } from "../../utils/index.c64c2dd1.js";
+import { g as getComponentUtilityClass } from "../../utils/index.14912462.js";
 import clsx from "clsx";
-import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
-import { I as Icon } from "../Icon/index.8ecfb193.js";
+import { T as Typography } from "../mui_extended/Typography/index.642798f1.js";
+import { I as Icon } from "../Icon/index.83867398.js";
 const FieldLabelRoot = styled("label")(({ theme }) => ({
   ...theme.components?.M4LFieldLabel?.styleOverrides
 }));
+const componentName = "M4LFieldLabel";
 generateUtilityClasses(componentName, [
   "root",
   "label",

package/components/GridLayout/{index.656840a5.js → index.68d907d4.js}

@@ -1,11 +1,22 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback } from "react";
 import clsx from "clsx";
-import { f as DEFAULT_ROW_HEIGHT, g as COMPONENT_CLASS_NAME, h as DEFAULT_COLS, i as DEFAULT_CONTAINER_PADDING, j as DEFAULT_MARGIN, k as DEFAULT_COLAPSED_HEIGHT, l as DEFAULT_CONTAINER_WIDTH, m as DEFAULT_CONTAINER_HEIGHT, n as DEFAULT_TRANSFORM_SCALE } from "../areas/constants.0d3ba950.js";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.b23625d7.js";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.8955a794.js";
 import { styled, alpha } from "@mui/material/styles";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
+const COMPONENT_CLASS_NAME = "M4LGridLayout";
+const DEFAULT_COLS = 12;
+const DEFAULT_ROW_HEIGHT = 20;
+const DEFAULT_CONTAINER_WIDTH = 1280;
+const DEFAULT_CONTAINER_HEIGHT = 480;
+const DEFAULT_RESPONSIVE_COLS = { lg: 12, md: 10, sm: 6, xs: 4, xxs: 1 };
+const DEFAULT_RESPONSIVE_BREAKPOINTS = { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 };
+const DEFAULT_CONTAINER_PADDING = [10, 10];
+const DEFAULT_MARGIN = [10, 10];
+const DEFAULT_TRANSFORM_SCALE = 1;
+const DEFAULT_COLAPSED_HEIGHT = 35;
+const THROTTLE_RESIZE_TIMEOUT = 200;
 const noop = () => {
 };
 function bottom(layout, colapsedHeight, rowHeight) {
@@ -1178,7 +1189,11 @@ function GridLayout(props) {
   );
 }
 export {
+  isEqualLayouts as A,
+  COMPONENT_CLASS_NAME as C,
+  DEFAULT_COLS as D,
   GridLayout as G,
+  THROTTLE_RESIZE_TIMEOUT as T,
   calcGridItemWHPx as a,
   calcGridColWidth as b,
   calcXY as c,
@@ -1187,14 +1202,22 @@ export {
   calcGridItemPosition as f,
   getH as g,
   gridLayoutClasses as h,
-  setTopLeft as i,
-  cloneLayoutItem as j,
-  cloneLayout as k,
-  compact as l,
-  correctBounds as m,
-  isEqualLayout as n,
-  noop as o,
+  DEFAULT_ROW_HEIGHT as i,
+  DEFAULT_CONTAINER_WIDTH as j,
+  DEFAULT_CONTAINER_HEIGHT as k,
+  DEFAULT_MARGIN as l,
+  DEFAULT_CONTAINER_PADDING as m,
+  DEFAULT_TRANSFORM_SCALE as n,
+  DEFAULT_COLAPSED_HEIGHT as o,
   perc as p,
-  isEqualLayouts as q,
-  setTransform as s
+  setTopLeft as q,
+  cloneLayoutItem as r,
+  setTransform as s,
+  cloneLayout as t,
+  compact as u,
+  correctBounds as v,
+  isEqualLayout as w,
+  DEFAULT_RESPONSIVE_BREAKPOINTS as x,
+  DEFAULT_RESPONSIVE_COLS as y,
+  noop as z
 };

package/components/GridLayout/subcomponents/Griditem/{index.b23625d7.js → index.8955a794.js}

@@ -1,11 +1,10 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../../../react-draggable.0cc9b257.js";
-import { R as Resizable } from "../../../../react-resizable.837c446d.js";
-import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, p as perc, s as setTransform, i as setTopLeft } from "../../index.656840a5.js";
+import { D as DraggableCore_1 } from "../../../../react-draggable.1c1ba224.js";
+import { R as Resizable } from "../../../../react-resizable.a59c14f4.js";
+import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.68d907d4.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";
-import { h as DEFAULT_COLS, f as DEFAULT_ROW_HEIGHT, l as DEFAULT_CONTAINER_WIDTH, m as DEFAULT_CONTAINER_HEIGHT, j as DEFAULT_MARGIN, i as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, k as DEFAULT_COLAPSED_HEIGHT } from "../../../areas/constants.0d3ba950.js";
 function GridItem(props) {
   const {
     layoutItemRender: ComponentItemRender,

package/components/GridLayout/subcomponents/Responsive/{index.97505a31.js → index.45cecca2.js}

@@ -1,8 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { j as cloneLayoutItem, k as cloneLayout, l as compact, m as correctBounds, n as isEqualLayout, o as noop, q as isEqualLayouts, G as GridLayout } from "../../index.656840a5.js";
+import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.68d907d4.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
-import { k as DEFAULT_COLAPSED_HEIGHT, o as DEFAULT_RESPONSIVE_BREAKPOINTS, i as DEFAULT_CONTAINER_PADDING, j as DEFAULT_MARGIN, p as DEFAULT_RESPONSIVE_COLS, f as DEFAULT_ROW_HEIGHT } from "../../../areas/constants.0d3ba950.js";
 import { deepEqual } from "fast-equals";
 function getBreakpointFromWidth(breakpoints, width) {
   const sorted = sortBreakpoints(breakpoints);

package/components/GridLayout/subcomponents/SizeProvider/{index.36cb4139.js → index.7050ac4f.js}

@@ -3,7 +3,7 @@ import { useRef, useState, useMemo, useCallback, useEffect } from "react";
 import clsx from "clsx";
 import { throttle } from "lodash";
 import { useResizeObserver } from "@m4l/graphics";
-import { l as DEFAULT_CONTAINER_WIDTH, m as DEFAULT_CONTAINER_HEIGHT, q as THROTTLE_RESIZE_TIMEOUT, g as COMPONENT_CLASS_NAME } from "../../../areas/constants.0d3ba950.js";
+import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.68d907d4.js";
 function withSizeProvider(ComposedComponent) {
   return (props) => {
     const { measureBeforeMount = true, ...rest } = props;

package/components/HelperText/{index.ebb53dac.js → index.09e80920.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
+import { T as Typography } from "../mui_extended/Typography/index.642798f1.js";
 const HelperTextRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LErrorLabel?.styleOverrides
 }));