@m4l/components 3.1.8 → 4.0.0

package/components/DynamicFilter/helpers/formatToRowFilter-m6xHKcg4.js

@@ -0,0 +1,18 @@
+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
+    };
+  });
+};
+export {
+  formatToRawFilter as f
+};

package/components/DynamicFilter/helpers/getPurgedInitialFiltersApplied-DE8zLnRV.js

@@ -0,0 +1,59 @@
+import { f as fieldFactory } from "../subcomponents/FieldTypes/fieldFactory-DeCMgNgI.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;
+}
+export {
+  getPurgedInitialFiltersApplied as g
+};

package/components/DynamicFilter/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,34 @@
+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-X11BZr2l.js

@@ -0,0 +1,151 @@
+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.styles-D8LjTKKv.js";
+import { MenuItem } from "@mui/material";
+import { A as Actions } from "../../CommonActions/components/Actions/index-B4L6Y4pL.js";
+import { I as Icon } from "../../Icon/Icon-_wceDYwV.js";
+import { I as IconButton } from "../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { P as Popover } from "../../mui_extended/Popover/Popover-B9KxhzxZ.js";
+import { T as Typography } from "../../mui_extended/Typography/Typography-C_rG8K21.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,
+  ActionsStyled as i,
+  ActionsClearButtonStyled as j,
+  ActionsSubmitButtonStyled as k,
+  ActionsSkeletonButtonStyled 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/dynamicFilterSlots.d.ts

@@ -58,7 +58,7 @@ export declare const PopoverMenuStyled: import("@emotion/styled").StyledComponen
 }, {}, {}>;
 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" | "divider" | "dense" | "sx" | "classes" | "autoFocus" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "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" | "divider" | "dense" | "sx" | "classes" | "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" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+}, "style" | "disabled" | "children" | "tabIndex" | "className" | "action" | "divider" | "dense" | "sx" | "classes" | "autoFocus" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "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" | "divider" | "dense" | "sx" | "classes" | "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" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "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> & {

package/components/DynamicFilter/slots/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/DynamicFilter/store/DynamicFilterContext-CS7_IuRy.js

@@ -0,0 +1,84 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useRef, useEffect } from "react";
+import { useStore } from "zustand";
+import { shallow } from "zustand/shallow";
+import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
+import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
+import { c as createAreaStore } from "./DynamicFilterStore-bUFXqmpr.js";
+import { A as ALL_FIELD } from "../constants-ByqmFATV.js";
+import { f as formatToRawFilter } from "../helpers/formatToRowFilter-m6xHKcg4.js";
+import { f as formatToInitialFilters } from "../helpers/formatToInitialFilters-zMnd3Z8B.js";
+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,
+  DynamicFilterContext as a
+};

package/components/DynamicFilter/store/DynamicFilterStore-bUFXqmpr.js

@@ -0,0 +1,171 @@
+import { createStore } from "zustand";
+import { devtools } from "zustand/middleware";
+import { immer } from "zustand/middleware/immer";
+import { g as getPurgedInitialFiltersApplied } from "../helpers/getPurgedInitialFiltersApplied-DE8zLnRV.js";
+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` }
+    )
+  );
+};
+export {
+  createAreaStore as c
+};

package/components/DynamicFilter/store/useDynamicFilterStore-DD7gt64u.js

@@ -0,0 +1,13 @@
+import { useContext } from "react";
+import { useStore } from "zustand";
+import { shallow } from "zustand/shallow";
+import { a as DynamicFilterContext } from "./DynamicFilterContext-CS7_IuRy.js";
+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);
+}
+export {
+  useDynamicFilterStore as u
+};

package/components/DynamicFilter/subcomponents/AppliedFilterChip/AppliedFilterChip-D2MLp5cX.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { u as useAppliedFilterChip } from "./useAppliedFilterChip-AS2w8Z3r.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-X11BZr2l.js";
+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/AppliedFilterChip/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/DynamicFilter/subcomponents/AppliedFilterChip/useAppliedFilterChip-AS2w8Z3r.js

@@ -0,0 +1,36 @@
+import { useMemo } from "react";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { useFormatter } from "@m4l/graphics";
+import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore-DD7gt64u.js";
+import { f as fieldFactory } from "../FieldTypes/fieldFactory-DeCMgNgI.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
+  };
+}
+export {
+  useAppliedFilterChip as u
+};