@m4l/components 1.0.15 → 1.0.17

package/components/AccountPopover/{index.e29a3c5c.js → index.f2226cb9.js}

@@ -7,7 +7,7 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { A as Avatar } from "../mui_extended/Avatar/index.fb9ad158.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.967e70b7.js";
 import { P as Popover } from "../mui_extended/Popover/index.2348fc4f.js";
-import { I as Icon } from "../Icon/index.7c470582.js";
+import { I as Icon } from "../Icon/index.5cf594aa.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(

package/components/AppBar/{index.4f4bb61f.js → index.50d090b7.js}

@@ -7,7 +7,7 @@ import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { I as Image } from "../Image/index.19aa7ff5.js";
 import { T as Typography } from "../mui_extended/Typography/index.642798f1.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.31343834.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.ee45bba2.js";
 const AppBarRoot = styled("header")(({ theme }) => ({
   ...theme.components?.M4LAppBar?.styleOverrides
 }));

package/components/CommonActions/components/ActionFormCancel/{index.b325f1e2.js → index.03a5915a.js}

@@ -6,7 +6,7 @@ import { useCallback, useEffect } from "react";
 import { u as useModal } from "../../../../hooks/useModal/index.2003c854.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.258bf919.js";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.2fbae9dc.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.ca443b26.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.b70c4b0f.js";
 function ActionFormCancel() {
   const { getLabel } = useModuleDictionary();
   const { openModal } = useModal();

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index.ff18b2a6.js → index.e0dbec18.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
-import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.a9d5ac7d.js";
+import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.699e0aee.js";
 function ColumnBooleanFormatter(props) {
   const { fieldValue, presentationType, Component } = props;
   return (obProps) => {

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.1487b238.js → index.671116f2.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
-import { C as ConcatenatedFormatter } from "../../../formatters/index.7b777849.js";
+import { C as ConcatenatedFormatter } from "../../../formatters/index.8abccc30.js";
 function ColumnConcatenatedValueFormatter(props) {
   const { fieldValue, fieldSeparator, Component } = props;
   return (obProps) => {

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.2999445b.js → index.f7b20493.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Checkbox } from "@mui/material";
-import { d as dataGridClasses } from "../../index.4a2e0f22.js";
+import { d as dataGridClasses } from "../../index.447c4e44.js";
 function ColumnInteractiveCheckFormatter(props) {
   const { row, onRowChange, column } = props;
   const handleChange = () => {

package/components/DataGrid/{index.4a2e0f22.js → index.447c4e44.js}

@@ -1,5 +1,5 @@
 import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.0dd5af28.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.225cd67f.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.c77a7694.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
@@ -9,7 +9,7 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, styled as styled$1, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { D as DATAGRID_SELECT_COLUMN_KEY, c as componentName, a as DATAGRID_PREFIX_NAME } from "./constants.e334cd50.js";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.0a3db350.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.aff74341.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.0faeade8.js";

package/components/DataGrid/subcomponents/Actions/{index.0a3db350.js → index.aff74341.js}

@@ -1,18 +1,18 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.520a26d8.js";
-import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.4a2e0f22.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.06aaa091.js";
+import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.447c4e44.js";
 import { useTheme, Skeleton } from "@mui/material";
 import { b as DATAGRID_ACTIONS_COLUMN_KEY } from "../../constants.e334cd50.js";
-import { P as Pager } from "../../../mui_extended/Pager/index.225cd67f.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.31343834.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.c77a7694.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.ee45bba2.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { useIsMobile, useResponsiveContainerStore } from "@m4l/graphics";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect, useCallback } from "react";
 import { D as DataGrid$1 } from "../../../../react-data-grid.c5377916.js";
 import { styled } from "@mui/material/styles";
-import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.2999445b.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.f7b20493.js";
 import { u as useModal } from "../../../../hooks/useModal/index.2003c854.js";
-import { W as WindowBase } from "../../../modal/WindowBase.6bf7201e.js";
+import { W as WindowBase } from "../../../modal/WindowBase.bf119f28.js";
 import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.258bf919.js";
 import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.609a78ca.js";
 import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.ebac0bc1.js";

package/components/DragResizeWindow/{index.f23525c7.js → index.132406ef.js}

@@ -3,9 +3,9 @@ import { forwardRef, useState, useRef, useImperativeHandle, useCallback, useEffe
 import { D as DraggableCore_1 } from "../../react-draggable.1c1ba224.js";
 import clsx from "clsx";
 import { styled, generateUtilityClasses } from "@mui/material";
-import { M as MAP_ZINDEX_OVER_MAP } from "../maps/components/Map/index.2c31ea9e.js";
+import { M as MAP_ZINDEX_OVER_MAP } from "../maps/components/Map/index.50447504.js";
 import "@mui/base";
-import { M as MAP_ZINDEX_OVER_MAP$1 } from "../popups/PopupsViewer/index.31407dfb.js";
+import { M as MAP_ZINDEX_OVER_MAP$1 } from "../popups/PopupsViewer/index.9b734a0a.js";
 import { R as Resizable } from "../../react-resizable.a59c14f4.js";
 const WrapperWindowRoot = styled("div")`
   position: absolute;

package/components/DynamicFilter/{constants.1dddd09c.js → constants.095f1dbb.js}

@@ -23,9 +23,9 @@ const DATE_TIME_OPERATORS = [
 export {
   ALL_FIELD as A,
   BOOLEAN_OPERATORS as B,
-  DATE_TIME_OPERATORS as D,
+  DYNAMIC_FILTER_KEY_COMPONENT as D,
   NUMBER_OPERATORS as N,
-  STRING_OPERATORS as S,
-  SELECT_OPERATORS as a,
-  DYNAMIC_FILTER_KEY_COMPONENT as b
+  SELECT_OPERATORS as S,
+  DATE_TIME_OPERATORS as a,
+  STRING_OPERATORS as b
 };

package/components/DynamicFilter/{dictionary.da8046c7.js → dictionary.80fc7baf.js}

@@ -1,5 +1,5 @@
 import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.258bf919.js";
-import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index.e5e8baae.js";
+import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index.1efaddc9.js";
 const DYNAMIC_FILTER_DICTIONARY_ID = "dynamic_filter";
 function getDynamicFilterComponentsDictionary() {
   return [DYNAMIC_FILTER_DICTIONARY_ID].concat(

package/components/DynamicFilter/{index.952f8480.js → index.a7cb7710.js}

@@ -1,9 +1,109 @@
+import { f as fieldFactory } from "./subcomponents/FieldTypes/index.f4457f31.js";
+import { f as filterValidOperandsArraySelect } from "./subcomponents/FieldTypes/SelectFilter/index.2258fceb.js";
 import { alpha } from "@mui/material";
 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.370765c1.js";
-import { b as DynamicFilterBase } from "./subcomponents/index.e32811b5.js";
+import { D as DynamicFilterProvider } from "./store/index.b9c2fe0b.js";
+import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index.edd7ed6f.js";
+function getPurgedInitialFiltersApplied(fields, initialFilters, getFieldByName) {
+  const newFilters = [];
+  const fixedFields = [];
+  for (let index = 0; index < initialFilters.length; index++) {
+    try {
+      const initialFilter = initialFilters[index];
+      const field = getFieldByName(initialFilter.name);
+      const filter = {
+        id: 0,
+        isSet: true,
+        fixed: false,
+        field,
+        fieldType: field.type,
+        operator: initialFilters[index].operator,
+        operand1: initialFilters[index].operand1,
+        operand2: initialFilters[index].operand2,
+        operandsArray: initialFilters[index].operandsArray
+      };
+      if (!field)
+        continue;
+      const canAddField = fieldFactory(field.type).verifyFilter(initialFilter, field);
+      if (canAddField) {
+        if (filter.fieldType === "datetime") {
+          filter.operand1 = new Date(filter.operand1 + "");
+          filter.operand2 = new Date(filter.operand2 + "");
+        }
+        if (field.presence === "fixed") {
+          if (fixedFields.findIndex((f) => f === field.name) === -1) {
+            filter.fixed = true;
+            fixedFields.push(field.name);
+          } else {
+            filter.fixed = false;
+          }
+        }
+        filter.isSet = true;
+        filter.id = newFilters.length + 1;
+        newFilters.push(filter);
+      }
+    } catch (error) {
+    }
+  }
+  for (let index = 0; index < fields.length; index++) {
+    const field = fields[index];
+    if (field.presence === "initialized" || field.presence === "fixed") {
+      if (!initialFilters.find((f) => f.name === field.name)) {
+        const newFilter = fieldFactory(field.type).getDefaultFilter(
+          field,
+          field.presence === "fixed"
+        );
+        newFilter.id = newFilters.length + 1;
+        newFilters.push(newFilter);
+      }
+    }
+  }
+  return newFilters;
+}
+const formatToRawFilter = (appliedFilters) => {
+  return appliedFilters.map((af) => {
+    let oa = void 0;
+    if (af.field.type === "select" && af.operandsArray) {
+      oa = Array.isArray(af.operandsArray) ? af.operandsArray.map(af.field.selectOptions.getOptionId) : [af.field.selectOptions.getOptionId(af.operandsArray)];
+    }
+    return {
+      n: af.field.name,
+      o: af.operator,
+      o1: af.operand1,
+      o2: af.operator === "b" ? af.operand2 : void 0,
+      oa
+    };
+  });
+};
+function formatToInitialFilters(appliedFilters) {
+  return appliedFilters.map((appliedFilter) => {
+    const ret = {
+      name: appliedFilter.field.name,
+      operator: appliedFilter.operator,
+      operand1: appliedFilter.operand1,
+      operand2: appliedFilter.operator === "b" ? appliedFilter.operand2 : void 0
+    };
+    if (appliedFilter.fieldType === "datetime") {
+      ret.operand1 = appliedFilter.operand1.toISOString();
+      ret.operand2 = appliedFilter.operator === "b" ? appliedFilter.operand2.toISOString() : void 0;
+    }
+    if (appliedFilter.fieldType === "select") {
+      const validOperandsArray = filterValidOperandsArraySelect(
+        appliedFilter.operandsArray,
+        appliedFilter.field
+      );
+      if (validOperandsArray && validOperandsArray?.length > 0) {
+        ret.operandsArray = validOperandsArray;
+      }
+    }
+    if (ret.operand2 === void 0) {
+      delete ret.operand2;
+    }
+    return ret;
+  });
+}
 const CONTAINER_QUERY_NAME = "dynamic";
 const dynamicFilterStyles = {
   root: {
@@ -327,5 +427,8 @@ function DynamicFilter(props) {
 }
 export {
   DynamicFilter as D,
-  dynamicFilterStyles as d
+  formatToRawFilter as a,
+  dynamicFilterStyles as d,
+  formatToInitialFilters as f,
+  getPurgedInitialFiltersApplied as g
 };

package/components/DynamicFilter/slots/{index.b55f3ebc.js → index.e2218307.js}

@@ -1,11 +1,11 @@
 import { styled } from "@mui/material/styles";
-import { b as DYNAMIC_FILTER_KEY_COMPONENT } from "../constants.1dddd09c.js";
+import { D as DYNAMIC_FILTER_KEY_COMPONENT } from "../constants.095f1dbb.js";
 import { D as DynamicFilterSlots } from "./constants.13968194.js";
-import { d as dynamicFilterStyles } from "../index.952f8480.js";
+import { d as dynamicFilterStyles } from "../index.a7cb7710.js";
 import { MenuItem } from "@mui/material";
 import { A as Actions } from "../../CommonActions/components/Actions/index.258bf919.js";
-import { I as Icon } from "../../Icon/index.7c470582.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.31343834.js";
+import { I as Icon } from "../../Icon/index.5cf594aa.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.ee45bba2.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 })(
@@ -121,31 +121,31 @@ const PopoverHeaderActionsStyled = styled(Actions, {
 })(dynamicFilterStyles?.popoverFilterActions);
 export {
   AppliedFilterChipStyled as A,
-  InputFilterStyled as I,
-  PopoverMenuStyled as P,
+  InnerContainerStyled as I,
+  PopoverStyled as P,
   RootStyled as R,
-  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
+  AppliedFilterChipIconStyled as a,
+  AppliedFilterChipInfoStyled as b,
+  AppliedFilterChipInfoFieldNameStyled as c,
+  AppliedFilterChipInfoOperatorStyled as d,
+  AppliedFilterChipInfoOperandsStyled as e,
+  AppliedFilterChipRemoveButtonStyled as f,
+  AppliedFiltersStyled as g,
+  AppliedFilterInnerContainerStyled as h,
+  ActionsSkeletonButtonStyled as i,
+  ActionsStyled as j,
+  ActionsClearButtonStyled as k,
+  ActionsSubmitButtonStyled as l,
+  InputFilterStyled as m,
+  InputFilterIconStyled as n,
+  InputFilterInputStyled as o,
+  PopoverHeaderStyled as p,
+  PopoverHeaderIconStyled as q,
+  PopoverHeaderTitleStyled as r,
+  PopoverContainerFieldsStyled as s,
+  PopoverHeaderActionsStyled as t,
+  PopoverMenuStyled as u,
+  PopoverMenuItemStyled as v,
+  PopoverMenuItemIconStyled as w,
+  PopoverMenuItemLabelStyled as x
 };

package/components/DynamicFilter/store/{index.370765c1.js → index.b9c2fe0b.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 "../constants.1dddd09c.js";
-import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../helpers/index.a13deed7.js";
+import { A as ALL_FIELD } from "../constants.095f1dbb.js";
+import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../index.a7cb7710.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 function useDynamicFilterStore(selector, equalityFn) {

package/components/DynamicFilter/subcomponents/AppliedFilterChip/index.f0fe22f7.js

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { A as AppliedFilterChipStyled, a as AppliedFilterChipIconStyled, b as AppliedFilterChipInfoStyled, c as AppliedFilterChipInfoFieldNameStyled, d as AppliedFilterChipInfoOperatorStyled, e as AppliedFilterChipInfoOperandsStyled, f as AppliedFilterChipRemoveButtonStyled } from "../../slots/index.e2218307.js";
+import { useMemo } from "react";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { useFormatter } from "@m4l/graphics";
+import { u as useDynamicFilterStore } from "../../store/index.b9c2fe0b.js";
+import { f as fieldFactory } from "../FieldTypes/index.f4457f31.js";
+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: {}
+      }
+    )
+  ] });
+}
+export {
+  AppliedFilterChip as A
+};

package/components/DynamicFilter/subcomponents/AppliedFilters/index.30d89b6c.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { S as ScrollBar } from "../../../ScrollBar/index.21bc5025.js";
+import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/index.e2218307.js";
+import { u as useDynamicFilterStore } from "../../store/index.b9c2fe0b.js";
+import { A as AppliedFilterChip } from "../AppliedFilterChip/index.f0fe22f7.js";
+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 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)) }) }) });
+}
+export {
+  AppliedFilters as A
+};

package/components/DynamicFilter/subcomponents/DynamicFilterBase/index.edd7ed6f.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { u as useDynamicFilterStore } from "../../store/index.b9c2fe0b.js";
+import { R as RootStyled, I as InnerContainerStyled } from "../../slots/index.e2218307.js";
+import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.0faeade8.js";
+import { D as DynamicFilterSlots } from "../../slots/constants.13968194.js";
+import { I as InputFilter } from "../InputFilter/index.c7d72fb4.js";
+import { A as AppliedFilters } from "../AppliedFilters/index.30d89b6c.js";
+import { F as FilterActions } from "../FilterActions/index.ba70cf6a.js";
+import { P as PopoverFilter } from "../PopoverFilter/index.c2014303.js";
+function useDynamicFilterBase() {
+  const ownerState = useDynamicFilterStore((state) => state.ownerState);
+  const dataTestId = useDynamicFilterStore((state) => state.dataTestId);
+  return { ownerState, dataTestId };
+}
+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, {}),
+            /* @__PURE__ */ jsx(AppliedFilters, {}),
+            /* @__PURE__ */ jsx(FilterActions, {}),
+            /* @__PURE__ */ jsx(PopoverFilter, {})
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  DynamicFilterBase as D
+};

package/components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/index.f926af49.js

@@ -0,0 +1,126 @@
+import * as Yup from "yup";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.80fc7baf.js";
+import { B as BOOLEAN_OPERATORS } from "../../../constants.095f1dbb.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.1efaddc9.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))
+      }
+    )
+  ] });
+}
+class BooleanFilterHelpers {
+  getComponent() {
+    return BooleanFilter;
+  }
+  getDefaultFilter(field, fixed) {
+    const defaultOperand1 = field.defaultOperand1;
+    const defaultFilter = {
+      id: 0,
+      fieldType: "boolean",
+      field,
+      fixed,
+      isSet: true,
+      operator: "e",
+      operand1: true
+    };
+    if (defaultOperand1 !== void 0 && typeof defaultOperand1 === "boolean") {
+      defaultFilter.operand1 = defaultOperand1;
+    }
+    return defaultFilter;
+  }
+  getFilterFromFormValue(formFilterValue) {
+    const operator = formFilterValue.formValueOperator.id;
+    const operand1 = formFilterValue.formValueOperand1?.value || false;
+    return {
+      fieldType: "boolean",
+      operator,
+      operand1
+    };
+  }
+  getFormValue(field, getLabel, filterValue) {
+    const filterValueBoolean = filterValue ? filterValue : void 0;
+    const operator = filterValueBoolean ? filterValueBoolean.operator : field.defaultOperator ?? "e";
+    const formValueOperand1 = filterValueBoolean ? {
+      value: filterValueBoolean.operand1,
+      label: getLabel(getDynamicFilterDictionary(`operand_${filterValueBoolean.operand1}`))
+    } : null;
+    return {
+      fieldType: "boolean",
+      formValueOperator: {
+        id: operator,
+        label: getLabel(getDynamicFilterDictionary(`operator_${operator}`))
+      },
+      formValueOperand1
+    };
+  }
+  getLabels(filter, getLabel, _formatters, _field) {
+    const labelOperands = filter.operand1 ? getLabel(getDynamicFilterDictionary("operand_true")) : getLabel(getDynamicFilterDictionary("operand_false"));
+    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(`dynamic_filter.error_operator_required`)),
+      formValueOperand1: Yup.object().nullable().required(getLabel(`dynamic_filter.error_operand_required`))
+    });
+  }
+  verifyFilter(filter, _field) {
+    if (typeof filter.operator !== "string") {
+      return false;
+    }
+    if (BOOLEAN_OPERATORS.findIndex((f) => f === filter.operator) === -1) {
+      return false;
+    }
+    return typeof filter.operand1 === "boolean";
+  }
+}
+export {
+  BooleanFilterHelpers as B
+};