@m4l/components 3.1.7 → 3.1.9

package/components/DynamicFilter/index-DZiJc9h7.js

@@ -1,116 +0,0 @@
-import { f as fieldFactory } from "./subcomponents/FieldTypes/index-BwQHJqk9.js";
-import { f as filterValidOperandsArraySelect } from "./subcomponents/FieldTypes/SelectFilter/index-BdypjM1Y.js";
-import { jsx } from "react/jsx-runtime";
-import { useFlagsPresent, CommonFlags } from "@m4l/core";
-import { D as DynamicFilterProvider } from "./store/index-BT-eWVnJ.js";
-import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index-BmvzoHit.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 = /* @__PURE__ */ new Date(filter.operand1 + "");
-          filter.operand2 = /* @__PURE__ */ 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;
-  });
-}
-function DynamicFilter(props) {
-  const hasPresentFlags = useFlagsPresent([CommonFlags.FLAG_DICTIONARY_LOADED]);
-  if (!hasPresentFlags) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(DynamicFilterProvider, { ...props, children: /* @__PURE__ */ jsx(DynamicFilterBase, {}) });
-}
-export {
-  DynamicFilter as D,
-  formatToRawFilter as a,
-  formatToInitialFilters as f,
-  getPurgedInitialFiltersApplied as g
-};

package/components/DynamicFilter/slots/SlotsEnum-cawFeNzx.js

@@ -1,34 +0,0 @@
-var DynamicFilterSlots = /* @__PURE__ */ ((DynamicFilterSlots2) => {
-  DynamicFilterSlots2["root"] = "root";
-  DynamicFilterSlots2["innerContainer"] = "innerContainer";
-  DynamicFilterSlots2["inputFilter"] = "inputFilter";
-  DynamicFilterSlots2["inputFilterInput"] = "inputFilterInput";
-  DynamicFilterSlots2["inputFilterIcon"] = "inputFilterIcon";
-  DynamicFilterSlots2["appliedFilters"] = "appliedFilters";
-  DynamicFilterSlots2["appliedFilterInnerContainer"] = "appliedFilterInnerContainer";
-  DynamicFilterSlots2["appliedFilterChip"] = "appliedFilterChip";
-  DynamicFilterSlots2["appliedFilterChipIcon"] = "appliedFilterChipIcon";
-  DynamicFilterSlots2["appliedFilterChipInfo"] = "appliedFilterChipInfo";
-  DynamicFilterSlots2["appliedFilterChipInfoFieldName"] = "appliedFilterChipInfoFieldName";
-  DynamicFilterSlots2["appliedFilterChipInfoOperator"] = "appliedFilterChipInfoOperator";
-  DynamicFilterSlots2["appliedFilterChipInfoOperands"] = "appliedFilterChipInfoOperands";
-  DynamicFilterSlots2["appliedFilterChipRemoveButton"] = "appliedFilterChipRemoveButton";
-  DynamicFilterSlots2["actions"] = "actions";
-  DynamicFilterSlots2["actionsSkeletonButton"] = "actionsSkeletonButton";
-  DynamicFilterSlots2["actionsClearButton"] = "actionsClearButton";
-  DynamicFilterSlots2["actionsSubmitButton"] = "actionsSubmitButton";
-  DynamicFilterSlots2["popoverMenu"] = "popoverMenu";
-  DynamicFilterSlots2["popoverMenuItem"] = "popoverMenuItem";
-  DynamicFilterSlots2["popoverMenuItemIcon"] = "popoverMenuItemIcon";
-  DynamicFilterSlots2["popoverMenuItemLabel"] = "popoverMenuItemLabel";
-  DynamicFilterSlots2["popoverFilter"] = "popoverFilter";
-  DynamicFilterSlots2["popoverFilterContainerFields"] = "popoverFilterContainerFields";
-  DynamicFilterSlots2["popoverFilterHeader"] = "popoverFilterHeader";
-  DynamicFilterSlots2["popoverFilterHeaderIcon"] = "popoverFilterHeaderIcon";
-  DynamicFilterSlots2["popoverFilterHeaderTitle"] = "popoverFilterHeaderTitle";
-  DynamicFilterSlots2["popoverFilterActions"] = "popoverFilterActions";
-  return DynamicFilterSlots2;
-})(DynamicFilterSlots || {});
-export {
-  DynamicFilterSlots as D
-};

package/components/DynamicFilter/slots/dynamicFilterSlots-DHxelhXP.js

@@ -1,151 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { D as DYNAMIC_FILTER_KEY_COMPONENT } from "../constants-ByqmFATV.js";
-import { D as DynamicFilterSlots } from "./SlotsEnum-cawFeNzx.js";
-import { d as dynamicFilterStyles } from "../../../styles/DynamicFilter-CJFsIegc.js";
-import { MenuItem } from "@mui/material";
-import { A as Actions } from "../../CommonActions/components/Actions/index-CuG1pnXW.js";
-import { I as Icon } from "../../Icon/index-C89MAkeH.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index-CusYFjie.js";
-import { P as Popover } from "../../mui_extended/Popover/index-DfrJAQkV.js";
-import { T as Typography } from "../../mui_extended/Typography/index-Cf_4Zw8f.js";
-const RootStyled = styled("div", { name: DYNAMIC_FILTER_KEY_COMPONENT, slot: DynamicFilterSlots.root })(
-  dynamicFilterStyles?.root
-);
-const InnerContainerStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.innerContainer
-})(dynamicFilterStyles?.innerContainer);
-const InputFilterStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.inputFilter
-})(dynamicFilterStyles?.inputFilter);
-const InputFilterInputStyled = styled("input", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.inputFilterInput
-})(dynamicFilterStyles?.inputFilterInput);
-const InputFilterIconStyled = styled(Icon, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.inputFilterIcon
-})(dynamicFilterStyles?.inputFilterIcon);
-const AppliedFiltersStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilters
-})(dynamicFilterStyles?.appliedFilters);
-const AppliedFilterInnerContainerStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterInnerContainer
-})(dynamicFilterStyles?.appliedFilterInnerContainer);
-const AppliedFilterChipStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChip
-})(dynamicFilterStyles?.appliedFilterChip);
-const AppliedFilterChipIconStyled = styled(IconButton, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChipIcon
-})(dynamicFilterStyles?.appliedFilterChipIcon);
-const AppliedFilterChipInfoStyled = styled("button", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChipInfo
-})(dynamicFilterStyles?.appliedFilterChipInfo);
-const AppliedFilterChipInfoFieldNameStyled = styled("span", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChipInfoFieldName
-})(dynamicFilterStyles?.appliedFilterChipInfoFieldName);
-const AppliedFilterChipInfoOperatorStyled = styled("span", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChipInfoOperator
-})(dynamicFilterStyles?.appliedFilterChipInfoOperator);
-const AppliedFilterChipInfoOperandsStyled = styled("span", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChipInfoOperands
-})(dynamicFilterStyles?.appliedFilterChipInfoOperands);
-const AppliedFilterChipRemoveButtonStyled = styled(IconButton, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChipRemoveButton
-})(dynamicFilterStyles?.appliedFilterChipRemoveButton);
-const ActionsStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.actions
-})(dynamicFilterStyles?.actions);
-const ActionsSkeletonButtonStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.actionsSkeletonButton
-})(dynamicFilterStyles?.actionsSkeletonButton);
-const ActionsClearButtonStyled = styled(IconButton, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.actionsClearButton
-})(dynamicFilterStyles?.actionsClearButton);
-const ActionsSubmitButtonStyled = styled(IconButton, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.actionsSubmitButton
-})(dynamicFilterStyles?.actionsSubmitButton);
-const PopoverMenuStyled = styled(Popover, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverMenu
-})(dynamicFilterStyles?.popoverMenu);
-const PopoverMenuItemStyled = styled(MenuItem, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverMenuItem
-})(dynamicFilterStyles?.popoverMenuItem);
-const PopoverMenuItemIconStyled = styled(Icon, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverMenuItemIcon
-})(dynamicFilterStyles?.popoverMenuItemIcon);
-const PopoverMenuItemLabelStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverMenuItemLabel
-})(dynamicFilterStyles?.popoverMenuItemLabel);
-const PopoverStyled = styled(Popover, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverFilter
-})(dynamicFilterStyles?.popoverFilter);
-const PopoverContainerFieldsStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverFilterContainerFields
-})(dynamicFilterStyles?.popoverFilterContainerFields);
-const PopoverHeaderStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverFilterHeader
-})(dynamicFilterStyles?.popoverFilterHeader);
-const PopoverHeaderIconStyled = styled(Icon, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverFilterHeaderIcon
-})(dynamicFilterStyles?.popoverFilterHeaderIcon);
-const PopoverHeaderTitleStyled = styled(Typography, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverFilterHeaderTitle
-})(dynamicFilterStyles?.popoverFilterHeaderTitle);
-const PopoverHeaderActionsStyled = styled(Actions, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverFilterActions
-})(dynamicFilterStyles?.popoverFilterActions);
-export {
-  AppliedFilterChipStyled as A,
-  InnerContainerStyled as I,
-  PopoverStyled as P,
-  RootStyled as R,
-  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/slots/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/DynamicFilter/store/index-BT-eWVnJ.js

@@ -1,254 +0,0 @@
-import { useContext, createContext, useRef, useEffect } from "react";
-import { useStore, createStore } from "zustand";
-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-ByqmFATV.js";
-import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../index-DZiJc9h7.js";
-import { devtools } from "zustand/middleware";
-import { immer } from "zustand/middleware/immer";
-function useDynamicFilterStore(selector, equalityFn) {
-  const store = useContext(DynamicFilterContext);
-  if (!store)
-    throw new Error("useDynamicFilterStore context must be use inside DynamicFilterContext");
-  return useStore(store, selector, shallow);
-}
-function updateAvailableFields(state) {
-  state.availableFields = state.fields.filter((field) => {
-    if (field.multiple === void 0 || field.multiple) {
-      return true;
-    }
-    const appliedFilterNames = new Set(state.appliedFilters.map((f) => f.field.name));
-    return !appliedFilterNames.has(field.name);
-  });
-}
-function updateOwnerStateIsValid(state) {
-  state.ownerState.isValid = state.appliedFilters.every((filter) => filter.isSet);
-}
-const updateAutomatic = (state) => {
-  updateOwnerStateIsValid(state);
-  updateAvailableFields(state);
-  if (state.ownerState.isValid && state.automatic) {
-    state.ownerState.isDirty = false;
-    state.countOnChangeFiltersApplied++;
-  }
-};
-const createAreaStore = (initProps) => {
-  const startProps = {
-    countOnChangeFiltersApplied: 0,
-    appliedFilters: [],
-    availableFields: [],
-    fnAnchorEl: void 0,
-    popoverFilterData: void 0,
-    inputData: "",
-    ...initProps
-  };
-  return createStore(
-    devtools(
-      immer((set, get) => ({
-        ...startProps,
-        actions: {
-          init: (initialFiltersApplied) => {
-            set((state) => {
-              state.appliedFilters = getPurgedInitialFiltersApplied(
-                state.fields,
-                initialFiltersApplied,
-                state.actions.getFieldByName
-              );
-              state.ownerState.isEmpty = state.appliedFilters.length <= 0;
-              updateAutomatic(state);
-            });
-          },
-          getFieldByName: (name) => {
-            const field = (get().withAllField ? get().fields.concat(get().allField) : get().fields).find((f) => {
-              return f.name === name;
-            });
-            if (field) {
-              return field;
-            }
-            throw new Error("No exist field");
-          },
-          removeFilter: (id) => {
-            set((state) => {
-              const indexToRemoved = state.appliedFilters.findIndex((f) => id === f.id && !f.fixed);
-              if (indexToRemoved > -1) {
-                state.appliedFilters.splice(indexToRemoved, 1);
-                state.ownerState.isEmpty = state.appliedFilters.length === 0;
-                updateAutomatic(state);
-              }
-            });
-          },
-          showPopoverFilterForAdd: (anchorEl, field) => {
-            set((state) => {
-              state.fnAnchorEl = void 0;
-              state.inputData = "";
-              state.popoverFilterData = {
-                openFor: "add",
-                fnAnchorEl: () => anchorEl,
-                field
-              };
-            });
-            get().actions.setInEdition(true);
-          },
-          showPopoverFilterForEdit: (anchorEl, filterToEdit) => {
-            set((state) => {
-              state.popoverFilterData = {
-                openFor: "edit",
-                fnAnchorEl: () => anchorEl,
-                filter: filterToEdit,
-                field: filterToEdit.field
-              };
-            });
-            get().actions.setInEdition(true);
-          },
-          hidePopoverFilter: (stayInEdition) => {
-            set((state) => {
-              state.popoverFilterData = void 0;
-            });
-            get().actions.setInEdition(stayInEdition);
-          },
-          clearFilters: () => {
-            set((state) => {
-              state.appliedFilters = state.appliedFilters.filter((f) => f.fixed);
-              state.ownerState.isEmpty = state.appliedFilters.length === 0;
-              updateAvailableFields(state);
-            });
-          },
-          fireOnChangeFilters: () => {
-            set((state) => {
-              if (state.ownerState.isValid) {
-                state.ownerState.isDirty = false;
-                state.countOnChangeFiltersApplied++;
-              }
-            });
-          },
-          getNewId: () => {
-            return get().appliedFilters.reduce((prev, filterField) => {
-              return filterField.id > prev ? filterField.id : prev;
-            }, 0) + 1;
-          },
-          addFilter: (newFilter) => {
-            set((state) => {
-              state.appliedFilters.push(newFilter);
-              state.ownerState.isEmpty = state.appliedFilters.length === 0;
-              updateAutomatic(state);
-            });
-          },
-          updateFilter: (editFilter) => {
-            set((state) => {
-              const index = state.appliedFilters.findIndex(
-                (filterField) => filterField.id === editFilter.id
-              );
-              if (index > -1) {
-                state.appliedFilters[index] = editFilter;
-              }
-              updateAutomatic(state);
-            });
-          },
-          setInputData: (inputData) => {
-            set((state) => {
-              state.inputData = inputData;
-            });
-          },
-          setInEdition: (newInEdition) => {
-            set((state) => {
-              state.ownerState.inEdition = newInEdition;
-            });
-          },
-          setExternalState: (newExternalState) => {
-            set((state) => {
-              state.ownerState = { ...state.ownerState, ...newExternalState };
-            });
-          },
-          openPopoverMenuFields: (anchorEl) => {
-            set((state) => {
-              state.fnAnchorEl = () => anchorEl;
-            });
-          },
-          closePopoverMenuFields: (newInEdition) => {
-            set((state) => {
-              state.fnAnchorEl = void 0;
-              state.ownerState.inEdition = newInEdition || false;
-            });
-          }
-        }
-      })),
-      { name: `Dynamic filter` }
-    )
-  );
-};
-const DynamicFilterContext = createContext(null);
-function DynamicFilterProvider(props) {
-  const {
-    automatic = true,
-    withAllField = true,
-    fields,
-    initialAppliedFilters = [],
-    onChangeFilters,
-    dataTestId = "",
-    children
-  } = props;
-  const { getLabel } = useModuleDictionary();
-  const dynamicFilterStoreRef = useRef();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const isDesktop = useResponsiveDesktop();
-  const isSkeleton = useModuleSkeleton();
-  const isFirstRender = useFirstRender([isDesktop, isSkeleton]);
-  if (!dynamicFilterStoreRef.current) {
-    dynamicFilterStoreRef.current = createAreaStore({
-      allField: {
-        ...ALL_FIELD,
-        urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/all_fields.svg`
-      },
-      withAllField,
-      fields,
-      automatic,
-      getLabel,
-      dataTestId,
-      ownerState: {
-        isSkeleton,
-        isDirty: !automatic,
-        inEdition: false,
-        isValid: true,
-        isMobile: !isDesktop,
-        isEmpty: true
-      }
-    });
-    dynamicFilterStoreRef.current.getState().actions.init(initialAppliedFilters);
-  }
-  const countOnChangeFiltersApplied = useStore(
-    dynamicFilterStoreRef.current,
-    (state) => state.countOnChangeFiltersApplied,
-    shallow
-  );
-  useEffect(() => {
-    if (countOnChangeFiltersApplied === 0) {
-      return;
-    }
-    const state = dynamicFilterStoreRef.current?.getState();
-    if (state) {
-      onChangeFilters?.(
-        formatToInitialFilters(state.appliedFilters),
-        formatToRawFilter(state.appliedFilters)
-      );
-    }
-  }, [countOnChangeFiltersApplied]);
-  useEffect(() => {
-    if (isFirstRender) {
-      return;
-    }
-    dynamicFilterStoreRef.current?.getState().actions.setExternalState({ isMobile: !isDesktop, isSkeleton });
-  }, [isDesktop, isSkeleton]);
-  useEffect(() => {
-    if (automatic) {
-      dynamicFilterStoreRef.current?.getState().actions.fireOnChangeFilters();
-      return;
-    }
-  }, []);
-  return /* @__PURE__ */ jsx(DynamicFilterContext.Provider, { value: dynamicFilterStoreRef.current, children });
-}
-export {
-  DynamicFilterProvider as D,
-  useDynamicFilterStore as u
-};

package/components/DynamicFilter/subcomponents/AppliedFilterChip/index-B32bAzi-.js

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

@@ -1,26 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { S as ScrollBar } from "../../../ScrollBar/index-f2URPPE2.js";
-import { u as useDynamicFilterStore } from "../../store/index-BT-eWVnJ.js";
-import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots-DHxelhXP.js";
-import { A as AppliedFilterChip } from "../AppliedFilterChip/index-B32bAzi-.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-BmvzoHit.js

@@ -1,40 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useDynamicFilterStore } from "../../store/index-BT-eWVnJ.js";
-import { a as getPropDataTestId } from "../../../../test/getNameDataTestId-BaBTWhBr.js";
-import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots-DHxelhXP.js";
-import { D as DynamicFilterSlots } from "../../slots/SlotsEnum-cawFeNzx.js";
-import { I as InputFilter } from "../InputFilter/index-CfGb1TfV.js";
-import { A as AppliedFilters } from "../AppliedFilters/index-Bha19drV.js";
-import { F as FilterActions } from "../FilterActions/index-B9UWmk07.js";
-import { P as PopoverFilter } from "../PopoverFilter/index-DkfRGrlO.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
-};