@m4l/components 1.0.21 → 1.0.22

package/components/DragResizeWindow/index.be8a40b2.js

@@ -0,0 +1,477 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { forwardRef, useState, useRef, useCallback, useEffect, useMemo } from "react";
+import { D as DraggableCore_1 } from "../../react-draggable.310e3387.js";
+import clsx from "clsx";
+import { styled, generateUtilityClasses, useForkRef } from "@mui/material";
+import { M as MAP_ZINDEX_OVER_MAP } from "../maps/components/Map/index.92f8d4f5.js";
+import "@mui/base";
+import { R as Resizable } from "../../react-resizable.3755959b.js";
+const WrapperDragResizeWindowRoot = styled("div")`
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  background-color: gray;
+  z-index: ${MAP_ZINDEX_OVER_MAP};
+  prop2: 2;
+
+  ${(props) => props.theme.components?.M4LDragResizeWindow?.styleOverrides}
+`;
+const COMPONENT_CLASS_NAME = "M4LDraggableWindow";
+const DEFAULT_TRANSFORM_SCALE = 1;
+const draggableWindowClasses = generateUtilityClasses(
+  COMPONENT_CLASS_NAME,
+  [
+    "root",
+    "draggableHandle",
+    "draggableCancel",
+    "dragging"
+  ]
+);
+function setTransform({ top, left, width, height }) {
+  const translate = `translate(${left}px,${top}px)`;
+  return {
+    transform: translate,
+    WebkitTransform: translate,
+    MozTransform: translate,
+    msTransform: translate,
+    OTransform: translate,
+    width: `${width}px`,
+    height: `${height}px`,
+    position: "absolute",
+    prop1: 1
+  };
+}
+const DragResizeWindow = forwardRef((props, ref) => {
+  const {
+    style,
+    className,
+    children,
+    defaultPosition = { vertical: { top: 0, height: 100 }, horizontal: { left: 0, width: 100 } },
+    containerElement,
+    containerSize,
+    transformScale = DEFAULT_TRANSFORM_SCALE,
+    bounds = { left: 5, top: 5, right: -5, bottom: -5 },
+    minWindowWidth = 200,
+    minWindowHeight = 100,
+    draggableHandle = `.${draggableWindowClasses.draggableHandle}`,
+    draggableCancel = `.${draggableWindowClasses.draggableCancel}`,
+    draggable = true,
+    onDragStart,
+    onDrag,
+    onDragStop,
+    onMouseDown,
+    resizeable = true,
+    resizeHandles = ["se", "nw"],
+    resizeHandle,
+    onResizeStart,
+    onResize,
+    onResizeStop,
+    ...others
+  } = props;
+  const [currentState, setCurrentState] = useState(() => {
+    let top;
+    let bottom;
+    let height;
+    let left;
+    let right;
+    let width;
+    if ("top" in defaultPosition.vertical) {
+      top = defaultPosition.vertical.top;
+    }
+    if ("bottom" in defaultPosition.vertical) {
+      bottom = defaultPosition.vertical.bottom;
+    }
+    if ("height" in defaultPosition.vertical) {
+      height = defaultPosition.vertical.height;
+    }
+    if ("left" in defaultPosition.horizontal) {
+      left = defaultPosition.horizontal.left;
+    }
+    if ("right" in defaultPosition.horizontal) {
+      right = defaultPosition.horizontal.right;
+    }
+    if ("width" in defaultPosition.horizontal) {
+      width = defaultPosition.horizontal.width;
+    }
+    const containerHeight = containerSize?.containerHeight || 200;
+    const containerWidth = containerSize?.containerWidth || 200;
+    return {
+      top: top || 0,
+      height: height ?? containerHeight - (top || 0) - (bottom || 0),
+      left: left ?? (right ? containerWidth - right - (width || 0) : 0),
+      width: width ?? containerWidth - (left || 0) - (right || 0)
+    };
+  });
+  const stateRef = useRef({
+    bounds,
+    data: void 0,
+    dragging: void 0,
+    containerSize: containerSize ? { ...containerSize } : void 0,
+    left: currentState.left,
+    top: currentState.top,
+    width: currentState.width,
+    height: currentState.height
+  });
+  const wrapperRef = useRef(null);
+  const handleAllRefs = useForkRef(wrapperRef, ref);
+  const localOnDragStart = useCallback((e, draggableData) => {
+    const { node } = draggableData;
+    const newPosition = { top: 0, left: 0 };
+    const parentRect = containerElement.getBoundingClientRect();
+    const clientRect = node.getBoundingClientRect();
+    const cLeft = clientRect.left / transformScale;
+    const pLeft = parentRect.left / transformScale;
+    const cTop = clientRect.top / transformScale;
+    const pTop = parentRect.top / transformScale;
+    newPosition.left = cLeft - pLeft + containerElement.scrollLeft;
+    newPosition.top = cTop - pTop + containerElement.scrollTop;
+    if (onDragStart) {
+      if (onDragStart(e, draggableData) === false) {
+        return false;
+      }
+    }
+    stateRef.current.dragging = newPosition;
+    setCurrentState((prev) => ({
+      ...prev,
+      ...newPosition,
+      shrinkLeftAt: void 0,
+      shrinkTopAt: void 0,
+      overflowWidthAt: void 0,
+      overflowHeightAt: void 0,
+      dragging: newPosition
+    }));
+  }, []);
+  const localOnDrag = useCallback((e, draggableData) => {
+    const { deltaX, deltaY } = draggableData;
+    if (!stateRef.current.dragging) {
+      return;
+    }
+    if (onDrag) {
+      if (onDrag(e, draggableData) === false) {
+        return false;
+      }
+    }
+    const top = stateRef.current.dragging.top + deltaY;
+    const left = stateRef.current.dragging.left + deltaX;
+    const newPosition = { top, left };
+    stateRef.current.dragging = newPosition;
+    setCurrentState((prev) => ({ ...prev, ...newPosition, dragging: newPosition }));
+  }, []);
+  const localOnDragStop = useCallback((e, draggableData) => {
+    if (!stateRef.current.dragging) {
+      return;
+    }
+    const { left, top } = stateRef.current.dragging;
+    if (onDragStop) {
+      if (onDragStop(e, draggableData) === false) {
+        return false;
+      }
+    }
+    const newPosition = { top, left };
+    stateRef.current.dragging = void 0;
+    setCurrentState((prev) => ({ ...prev, ...newPosition, dragging: void 0 }));
+  }, []);
+  const onResizeHandler = useCallback(
+    (e, data, handlerName) => {
+      const { size, handle } = data;
+      const handler = props[handlerName];
+      if (handler) {
+        handler(e, data);
+      }
+      if (handlerName === "onResizeStart") {
+        stateRef.current.initialPostion = {
+          left: stateRef.current.left,
+          top: stateRef.current.top,
+          width: stateRef.current.width,
+          height: stateRef.current.height
+        };
+      }
+      const resizing = handlerName === "onResizeStop" ? void 0 : { ...size, handle };
+      setCurrentState((prev) => ({
+        ...prev,
+        ...size,
+        ...handlerName === "onResizeStart" ? {
+          shrinkLeftAt: void 0,
+          shrinkTopAt: void 0,
+          overflowWidthAt: void 0,
+          overflowHeightAt: void 0
+        } : {},
+        resizing
+      }));
+      stateRef.current.resizing = resizing;
+    },
+    []
+  );
+  const localOnResizeStart = useCallback((e, callbackData) => {
+    onResizeHandler(e, callbackData, "onResizeStart");
+  }, []);
+  const localOnResize = useCallback((e, callbackData) => {
+    onResizeHandler(e, callbackData, "onResize");
+  }, []);
+  const localOnResizeStop = useCallback((e, callbackData) => {
+    onResizeHandler(e, callbackData, "onResizeStop");
+  }, []);
+  const shringkingParentContainer = useCallback(
+    (newState, cState, containerDimension, divRoot, dimension) => {
+      const lDimension = dimension === "Width" ? "width" : "height";
+      const leftTop = dimension === "Width" ? "left" : "top";
+      const shrinkLeftTopAt = dimension === "Width" ? "shrinkLeftAt" : "shrinkTopAt";
+      const overflowDimensionAt = dimension === "Width" ? "overflowWidthAt" : "overflowHeightAt";
+      const boundsLefTop = dimension === "Width" ? bounds?.left || 0 : bounds?.top || 0;
+      const boundsRigthBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
+      const minWindowDimension = dimension === "Width" ? minWindowWidth : minWindowHeight;
+      const minDimension = containerDimension - boundsLefTop + boundsRigthBottom > minWindowDimension ? containerDimension - boundsLefTop + boundsRigthBottom : minWindowDimension;
+      let maxDimensionElement = containerDimension - cState[leftTop] + boundsRigthBottom;
+      if (divRoot[`client${dimension}`] > maxDimensionElement) {
+        const shrinkedPixels = divRoot[`client${dimension}`] - maxDimensionElement;
+        if (shrinkedPixels < cState[leftTop] - boundsLefTop) {
+          newState[leftTop] = newState[leftTop] - shrinkedPixels;
+          newState[shrinkLeftTopAt] = newState[shrinkLeftTopAt] || cState[leftTop];
+        } else if (shrinkedPixels > cState[leftTop] - boundsLefTop) {
+          newState[leftTop] = boundsLefTop;
+          newState[shrinkLeftTopAt] = newState[shrinkLeftTopAt] || cState[leftTop];
+          maxDimensionElement = containerDimension - boundsLefTop + boundsRigthBottom;
+          if (divRoot[`client${dimension}`] > maxDimensionElement) {
+            newState[lDimension] = maxDimensionElement;
+            newState[overflowDimensionAt] = newState[overflowDimensionAt] || cState[lDimension];
+            if (newState[lDimension] < minDimension) {
+              newState[lDimension] = minDimension;
+            }
+          }
+        }
+      } else {
+        return;
+      }
+    },
+    []
+  );
+  const expandingParentContainer = useCallback(
+    (newState, _currentState, containerDimension, _divRoot, dimension) => {
+      const lDimension = dimension === "Width" ? "width" : "height";
+      const leftTop = dimension === "Width" ? "left" : "top";
+      const shrinkLeftTopAt = dimension === "Width" ? "shrinkLeftAt" : "shrinkTopAt";
+      const overflowDimensionAt = dimension === "Width" ? "overflowWidthAt" : "overflowHeightAt";
+      const boundsLefTop = dimension === "Width" ? bounds?.left || 0 : bounds?.top || 0;
+      const boundsRigthBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
+      const maxDimensionElement = containerDimension - boundsLefTop + boundsRigthBottom;
+      const valOverflowDimensionAt = newState[overflowDimensionAt];
+      if (valOverflowDimensionAt) {
+        if (valOverflowDimensionAt > maxDimensionElement) {
+          newState[lDimension] = maxDimensionElement;
+        } else {
+          newState[lDimension] = valOverflowDimensionAt;
+          newState[overflowDimensionAt] = void 0;
+        }
+      }
+      const valShrinkLeftTopAt = newState[shrinkLeftTopAt];
+      if (valShrinkLeftTopAt && !newState[overflowDimensionAt]) {
+        const dimensionAvailable = containerDimension - boundsLefTop - newState[lDimension] + boundsRigthBottom;
+        if (valShrinkLeftTopAt <= dimensionAvailable) {
+          newState[leftTop] = valShrinkLeftTopAt;
+          newState[shrinkLeftTopAt] = void 0;
+        } else {
+          newState[leftTop] = dimensionAvailable;
+        }
+      }
+    },
+    []
+  );
+  const draggingOrResizingWindow = useCallback(
+    (newState, _currentState, containerDimension, divRoot, dimension) => {
+      const lDimension = dimension === "Width" ? "width" : "height";
+      const leftTop = dimension === "Width" ? "left" : "top";
+      const boundsLefTop = dimension === "Width" ? bounds?.left || 0 : bounds?.top || 0;
+      const boundsRigthBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
+      const maxDimensionWithoutBounds = containerDimension - boundsLefTop + boundsRigthBottom;
+      let rightBottomBoundary = containerDimension - newState[lDimension] + boundsRigthBottom;
+      if (newState[lDimension] !== divRoot[`client${dimension}`])
+        ;
+      if (newState.resizing && stateRef.current.initialPostion) {
+        if (!newState.resizing.handle.includes("w")) {
+          if (newState[leftTop] + newState[lDimension] > containerDimension + boundsRigthBottom) {
+            newState[lDimension] = containerDimension - newState[leftTop] + boundsRigthBottom;
+          }
+        } else {
+          if (newState[leftTop] < boundsLefTop) {
+            newState[leftTop] = boundsLefTop;
+          } else {
+            const dif = newState[lDimension] - stateRef.current.initialPostion[lDimension];
+            if (dif > 0) {
+              if (newState[leftTop] - dif >= boundsLefTop) {
+                newState[lDimension] = stateRef.current.initialPostion[lDimension] + dif;
+                newState[leftTop] = newState[leftTop] - dif;
+                if (newState[leftTop] + newState[lDimension] > maxDimensionWithoutBounds)
+                  ;
+              } else {
+                newState[leftTop] = boundsLefTop;
+                newState[lDimension] = stateRef.current.initialPostion[lDimension];
+              }
+            } else if (dif < 0) {
+              newState[leftTop] = newState[leftTop] - dif;
+              newState[lDimension] = stateRef.current.initialPostion[lDimension] + dif;
+            }
+          }
+        }
+      }
+      if (newState[lDimension] > maxDimensionWithoutBounds) {
+        newState[lDimension] = maxDimensionWithoutBounds;
+      }
+      if (newState[leftTop] < boundsLefTop) {
+        newState[leftTop] = boundsLefTop;
+      }
+      rightBottomBoundary = containerDimension + boundsRigthBottom;
+      if (newState[leftTop] > rightBottomBoundary) {
+        newState[leftTop] = rightBottomBoundary;
+      }
+      if (!newState.resizing && newState[leftTop] + newState[lDimension] > containerDimension + boundsRigthBottom) {
+        const outWidthHeight = newState[leftTop] + newState[lDimension] - (containerDimension + boundsRigthBottom);
+        if (newState[leftTop] - boundsLefTop > outWidthHeight) {
+          newState[leftTop] = newState[leftTop] - outWidthHeight;
+        }
+      }
+      if (newState.resizing && stateRef.current.initialPostion) {
+        stateRef.current.initialPostion[lDimension] = newState[lDimension];
+        stateRef.current.initialPostion[leftTop] = newState[leftTop];
+      }
+    },
+    []
+  );
+  useEffect(() => {
+    if (stateRef.current.containerSize === void 0 && containerSize) {
+      stateRef.current.containerSize = containerSize;
+    }
+    if (!(containerSize && wrapperRef?.current && stateRef.current.containerSize)) {
+      return;
+    }
+    if (currentState?.dragging) {
+      return;
+    }
+    const newState = { ...currentState };
+    const handleDimension = (dimension) => {
+      if (stateRef.current?.containerSize && wrapperRef.current) {
+        const containerSizeKey = `container${dimension}`;
+        const containerSizeValue = containerSize[containerSizeKey];
+        const previousContainerSizeValue = stateRef.current.containerSize[containerSizeKey];
+        if (containerSizeValue > previousContainerSizeValue) {
+          expandingParentContainer(
+            newState,
+            currentState,
+            containerSizeValue,
+            wrapperRef.current,
+            dimension
+          );
+        } else if (containerSizeValue < previousContainerSizeValue) {
+          shringkingParentContainer(
+            newState,
+            currentState,
+            containerSizeValue,
+            wrapperRef.current,
+            dimension
+          );
+        } else {
+          draggingOrResizingWindow(
+            newState,
+            currentState,
+            containerSizeValue,
+            wrapperRef.current,
+            dimension
+          );
+        }
+      }
+    };
+    handleDimension("Width");
+    handleDimension("Height");
+    stateRef.current.containerSize = { ...containerSize };
+    if (newState.left !== currentState.left || newState.top !== currentState.top || newState.width !== currentState.width || newState.height !== currentState.height || newState.shrinkLeftAt !== currentState.shrinkLeftAt || newState.shrinkTopAt !== currentState.shrinkTopAt || newState.overflowWidthAt !== currentState.overflowWidthAt || newState.overflowHeightAt !== currentState.overflowHeightAt) {
+      setCurrentState(newState);
+    }
+    if (!newState.resizing) {
+      stateRef.current.left = newState.left;
+      stateRef.current.top = newState.top;
+      stateRef.current.height = newState.height;
+      stateRef.current.width = newState.width;
+    }
+  }, [
+    currentState,
+    wrapperRef.current,
+    bounds?.left,
+    bounds?.top,
+    bounds?.right,
+    bounds?.bottom,
+    containerSize?.containerWidth,
+    containerSize?.containerHeight
+  ]);
+  const mixinResizable = useCallback(
+    (child, position) => {
+      const minConstraints = [minWindowWidth, minWindowHeight];
+      return /* @__PURE__ */ jsx(
+        Resizable,
+        {
+          draggableOpts: {
+            disabled: !resizeable
+          },
+          className: resizeable ? void 0 : "react-resizable-hide",
+          width: position.width,
+          height: position.height,
+          minConstraints,
+          onResizeStop: localOnResizeStop,
+          onResizeStart: localOnResizeStart,
+          onResize: localOnResize,
+          transformScale,
+          resizeHandles,
+          handle: resizeHandle,
+          children: child
+        }
+      );
+    },
+    [resizeable, transformScale]
+  );
+  const mixinDraggable = useCallback(
+    (child) => {
+      return /* @__PURE__ */ jsx(
+        DraggableCore_1,
+        {
+          onStart: localOnDragStart,
+          onDrag: localOnDrag,
+          onStop: localOnDragStop,
+          handle: draggableHandle,
+          cancel: ".react-resizable-handle" + (draggableCancel ? "," + draggableCancel : ""),
+          scale: transformScale,
+          nodeRef: wrapperRef,
+          onMouseDown,
+          ...others,
+          children: child
+        }
+      );
+    },
+    [wrapperRef, transformScale, draggableHandle, draggableCancel]
+  );
+  const classNameFinal = clsx(draggableWindowClasses.root, className, {
+    "react-draggable": draggable
+  });
+  const styleFinal = {
+    ...style,
+    ...setTransform(currentState),
+    prop2: 1,
+    backgroundColor: "gray"
+  };
+  const memoChildren = useMemo(() => {
+    return children;
+  }, [children]);
+  const wrapperRoot = /* @__PURE__ */ jsx(
+    WrapperDragResizeWindowRoot,
+    {
+      className: classNameFinal,
+      ref: handleAllRefs,
+      style: styleFinal,
+      role: "none",
+      children: memoChildren
+    }
+  );
+  const dragResizeWindow = mixinDraggable(mixinResizable(wrapperRoot, currentState));
+  return /* @__PURE__ */ jsx(React__default.Fragment, { children: dragResizeWindow });
+});
+export {
+  DragResizeWindow as D,
+  draggableWindowClasses as d
+};

package/components/DragResizeWindow/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperDragResizeWindowRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/DynamicFilter/{dictionary.0991b837.js → dictionary.d15d08fc.js}

@@ -1,5 +1,5 @@
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.dff2bcc7.js";
-import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index.9b605832.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2569b4df.js";
+import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index.6e22b0e5.js";
 const DYNAMIC_FILTER_DICTIONARY_ID = "dynamic_filter";
 function getDynamicFilterComponentsDictionary() {
   return [DYNAMIC_FILTER_DICTIONARY_ID].concat(

package/components/DynamicFilter/{index.1aa60703.js → index.900abf99.js}

@@ -1,9 +1,9 @@
-import { f as fieldFactory } from "./subcomponents/FieldTypes/index.e18e1229.js";
-import { f as filterValidOperandsArraySelect } from "./subcomponents/FieldTypes/SelectFilter/index.c002c8f2.js";
+import { f as fieldFactory } from "./subcomponents/FieldTypes/index.1f7bcb48.js";
+import { f as filterValidOperandsArraySelect } from "./subcomponents/FieldTypes/SelectFilter/index.42cb7301.js";
 import { jsx } from "react/jsx-runtime";
 import { useFlagsPresent, CommonFlags } from "@m4l/core";
-import { D as DynamicFilterProvider } from "./store/index.0e0854ee.js";
-import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index.f4fe3a8e.js";
+import { D as DynamicFilterProvider } from "./store/index.13e44665.js";
+import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index.11e8fb88.js";
 function getPurgedInitialFiltersApplied(fields, initialFilters, getFieldByName) {
   const newFilters = [];
   const fixedFields = [];

package/components/DynamicFilter/slots/{dynamicFilterSlots.1edc8e23.js → dynamicFilterSlots.95aa2fd6.js}

@@ -1,13 +1,13 @@
 import { styled } from "@mui/material/styles";
 import { D as DYNAMIC_FILTER_KEY_COMPONENT } from "../constants.095f1dbb.js";
 import { D as DynamicFilterSlots } from "./SlotsEnum.104a03d4.js";
-import { d as dynamicFilterStyles } from "../../../styles/DynamicFilter.27c16026.js";
+import { d as dynamicFilterStyles } from "../../../styles/DynamicFilter.c33860d6.js";
 import { MenuItem } from "@mui/material";
-import { A as Actions } from "../../CommonActions/components/Actions/index.dff2bcc7.js";
-import { I as Icon } from "../../Icon/index.b1c014b0.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.40a12fe0.js";
-import { P as Popover } from "../../mui_extended/Popover/index.1758efd3.js";
-import { T as Typography } from "../../mui_extended/Typography/index.ddde0fc7.js";
+import { A as Actions } from "../../CommonActions/components/Actions/index.2569b4df.js";
+import { I as Icon } from "../../Icon/index.735ed5af.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.6e1e7606.js";
+import { P as Popover } from "../../mui_extended/Popover/index.2dc9ded4.js";
+import { T as Typography } from "../../mui_extended/Typography/index.5bd73114.js";
 const RootStyled = styled("div", { name: DYNAMIC_FILTER_KEY_COMPONENT, slot: DynamicFilterSlots.root })(
   dynamicFilterStyles?.root
 );

package/components/DynamicFilter/slots/dynamicFilterSlots.d.ts

@@ -0,0 +1,87 @@
+/// <reference types="react" />
+export declare const RootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const InnerContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const InputFilterStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const InputFilterInputStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, {}>;
+export declare const InputFilterIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const AppliedFiltersStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const AppliedFilterInnerContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const AppliedFilterChipStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const AppliedFilterChipIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const AppliedFilterChipInfoStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
+export declare const AppliedFilterChipInfoFieldNameStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const AppliedFilterChipInfoOperatorStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const AppliedFilterChipInfoOperandsStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const AppliedFilterChipRemoveButtonStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const ActionsStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const ActionsSkeletonButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const ActionsClearButtonStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const ActionsSubmitButtonStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const PopoverMenuStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/Popover/types").PopoverProps, keyof import("../../mui_extended/Popover/types").PopoverProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const PopoverMenuItemStyled: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "style" | "disabled" | "children" | "tabIndex" | "className" | "action" | "dense" | "divider" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "selected" | "disableGutters">, "value" | "dir" | "slot" | "style" | "title" | "onChange" | "disabled" | "ref" | "children" | "aria-label" | "aria-labelledby" | "tabIndex" | "key" | "onFocus" | "className" | "onMouseEnter" | "id" | "aria-rowindex" | "onScroll" | "onCopy" | "onPaste" | "aria-describedby" | "onResize" | "color" | "hidden" | "action" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "content" | "translate" | "dense" | "divider" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const PopoverMenuItemIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const PopoverMenuItemLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PopoverStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/Popover/types").PopoverProps, keyof import("../../mui_extended/Popover/types").PopoverProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const PopoverContainerFieldsStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PopoverHeaderStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PopoverHeaderIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const PopoverHeaderTitleStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/Typography/types").TypographyProps, keyof import("../../mui_extended/Typography/types").TypographyProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const PopoverHeaderActionsStyled: import("@emotion/styled").StyledComponent<Pick<import("../../CommonActions/components/Actions/types").CommonActionsProps & import("react").RefAttributes<any>, keyof import("react").RefAttributes<any> | keyof import("../../CommonActions/components/Actions/types").CommonActionsProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+}, {}, {}>;