@m4l/components 9.38.0 → 9.40.0

package/components/DynamicSort/subcomponents/PopoverMenuFields/PopoverMenuFields.js

@@ -1,79 +1,91 @@
-import { jsxs as c, jsx as t } from "@emotion/react/jsx-runtime";
-import { useRef as F, useEffect as D, cloneElement as M, isValidElement as O } from "react";
-import { ActionsSearchOutlined as R } from "@m4l/icons";
-import { Icon as u } from "@m4l/base";
-import w from "../DynamicSortBase/useDynamicSortBase.js";
+import { jsxs as f, jsx as t } from "@emotion/react/jsx-runtime";
+import { useRef as F, useEffect as O, cloneElement as D, isValidElement as M } from "react";
+import { ActionsSearchOutlined as k } from "@m4l/icons";
+import { Icon as I } from "@m4l/base";
+import T from "../DynamicSortBase/useDynamicSortBase.js";
 import _ from "./usePopoverMenuFields.js";
-import { getDynamicSortDictionary as k, DICCTIONARY as z } from "../../dictionary.js";
-import { useModuleDictionary as A } from "@m4l/core";
-import { usePopoverContainer as E } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
-import { PopoverMenuStyled as j, InputSortStyled as H, InputSortInputSkeletonStyled as L, InputSortInputStyled as T } from "../../slots/DynamicSortSlots.js";
-import { MenuItem as p } from "../../../extended/mui/MenuItem/MenuItem.js";
-function W(m) {
-  const { fields: a, selectFieldIndex: d, inputData: f, inputPlaceHolder: I, inputHandlersProps: S, isSkeleton: b } = m, { elementRef: v, handleOpenPopUpClickItem: h, handleClosePopover: y, getItemLabel: l, isOpenPopoverMenuFields: r } = _(), i = v?.current, { getLabel: x } = A(), P = E(i), { size: o, ownerState: n } = w(), s = F(null);
-  return D(() => {
-    r && requestAnimationFrame(() => {
-      s.current?.focus();
+import { getDynamicSortDictionary as A, DICCTIONARY as L } from "../../dictionary.js";
+import { useModuleDictionary as z } from "@m4l/core";
+import { usePopoverContainer as B } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
+import { PopoverMenuStyled as H, InputSortStyled as j, InputSortInputSkeletonStyled as E, InputSortInputStyled as q } from "../../slots/DynamicSortSlots.js";
+import { MenuItem as S } from "../../../extended/mui/MenuItem/MenuItem.js";
+function N(o) {
+  if (!o)
+    return !1;
+  const n = o.closest('[class*="stackCustomHeader"]');
+  if (!n)
+    return !1;
+  const i = o.getBoundingClientRect(), s = n.getBoundingClientRect();
+  return i.left + i.width / 2 > s.left + s.width / 2;
+}
+function te(o) {
+  const { fields: n, selectFieldIndex: i, inputData: s, inputPlaceHolder: b, inputHandlersProps: g, isSkeleton: h } = o, { elementRef: v, handleOpenPopUpClickItem: y, handleClosePopover: C, getItemLabel: u, isOpenPopoverMenuFields: a } = _(), l = v?.current, { getLabel: x } = z(), P = B(l), { size: r, ownerState: c } = T(), p = F(null);
+  if (O(() => {
+    a && requestAnimationFrame(() => {
+      p.current?.focus();
     });
-  }, [r]), r ? /* @__PURE__ */ c(
-    j,
+  }, [a]), !a)
+    return null;
+  const m = N(l), d = m ? "right" : "left";
+  return /* @__PURE__ */ f(
+    H,
     {
       disableAutoFocus: !0,
       disableRestoreFocus: !0,
-      arrowType: "top-left",
-      anchorOrigin: { vertical: "bottom", horizontal: "left" },
-      transformOrigin: { vertical: "top", horizontal: "left" },
+      arrowType: m ? "top-right" : "top-left",
+      anchorOrigin: { vertical: "bottom", horizontal: d },
+      transformOrigin: { vertical: "top", horizontal: d },
       sx: (e) => ({
         mt: e.vars.size.baseSpacings.sp2
       }),
-      open: !!r,
-      onClose: y,
-      anchorEl: i,
+      open: !!a,
+      onClose: C,
+      anchorEl: l,
       container: P ?? void 0,
       children: [
-        /* @__PURE__ */ c(H, { ownerState: { ...n }, children: [
-          /* @__PURE__ */ t(u, { size: o, src: /* @__PURE__ */ t(R, {}), color: "text.secondary" }),
-          b ? /* @__PURE__ */ t(L, { ownerState: { ...n }, variant: "rounded" }) : /* @__PURE__ */ t(
-            T,
+        /* @__PURE__ */ f(j, { ownerState: { ...c }, children: [
+          /* @__PURE__ */ t(I, { size: r, src: /* @__PURE__ */ t(k, {}), color: "text.secondary" }),
+          h ? /* @__PURE__ */ t(E, { ownerState: { ...c }, variant: "rounded" }) : /* @__PURE__ */ t(
+            q,
             {
-              ref: s,
+              ref: p,
               type: "text",
-              value: f,
-              placeholder: I,
-              ownerState: { ...n },
+              value: s,
+              placeholder: b,
+              ownerState: { ...c },
               role: "searchbox",
               "aria-label": "searchbox",
-              ...S
+              ...g
             }
           )
         ] }),
-        a.map((e, C) => /* @__PURE__ */ t(
-          p,
+        n.map((e, w) => /* @__PURE__ */ t(
+          S,
           {
-            startIcon: O(e.urlIcon) ? M(e.urlIcon, { size: o }) : /* @__PURE__ */ t(u, { size: o, src: e.urlIcon }),
-            label: l(e),
+            startIcon: M(e.icon ?? e.urlIcon) ? D(e.icon ?? e.urlIcon, { size: r }) : /* @__PURE__ */ t(I, { size: r, src: e.urlIcon ?? "" }),
+            label: u(e),
             dense: !0,
-            size: o,
-            selected: C === d,
+            size: r,
+            selected: w === i,
             "data-testid": "dynamic-sort-field-option",
             "data-field-name": e.name,
-            onClick: (g) => h(g, e)
+            onClick: (R) => y(R, e)
           },
-          `menu_action_${l(e)}`
+          `menu_action_${u(e)}`
         )),
-        a.length === 0 && /* @__PURE__ */ t(
-          p,
+        n.length === 0 && /* @__PURE__ */ t(
+          S,
           {
             dense: !0,
-            size: o,
-            label: x(k(z.label_no_fields_available)),
+            size: r,
+            label: x(A(L.label_no_fields_available)),
             disabled: !0
           }
         )
       ]
     }
-  ) : null;
+  );
 }
 export {
-  W as default
+  te as default
 };

package/components/DynamicSort/subcomponents/PopoverSort/PopoverSort.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
+import { jsx as o, jsxs as a } from "@emotion/react/jsx-runtime";
 import S from "../DynamicSortBase/useDynamicSortBase.js";
 import b from "../FieldTypes/DataTypeComponent.js";
 import y from "./usePopoverSort.js";
@@ -10,19 +10,19 @@ import { WindowBase as w } from "../../../WindowBase/WindowBase.js";
 import { ActionCancel as z } from "../../../CommonActions/components/ActionCancel/ActionCancel.js";
 function k() {
   const {
-    field: a,
+    field: e,
     labelField: l,
-    anchorEl: e,
+    anchorEl: r,
     handleKeyDownPopper: p,
     handleClosePopover: s,
-    onSubmit: r,
+    onSubmit: t,
     onClose: m,
     sortFormValue: c,
     formSort: d,
     popupValidationSchema: u,
-    statusLoad: t,
+    statusLoad: i,
     canRender: f
-  } = y(), { size: i } = S(), v = P(e);
+  } = y(), { size: n } = S(), v = P(r);
   return f ? /* @__PURE__ */ o(
     C,
     {
@@ -34,7 +34,7 @@ function k() {
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
       transformOrigin: { vertical: "top", horizontal: "left" },
       arrowType: "top-left",
-      anchorEl: e,
+      anchorEl: r,
       onKeyDown: p,
       onClose: s,
       container: v ?? void 0,
@@ -44,24 +44,24 @@ function k() {
       children: /* @__PURE__ */ o(
         x,
         {
-          onSubmit: r,
+          onSubmit: t,
           values: c,
           validationSchema: u,
-          statusLoad: t,
-          children: /* @__PURE__ */ n(
+          statusLoad: i,
+          children: /* @__PURE__ */ a(
             w,
             {
               title: l,
-              iconUrl: a.urlIcon,
+              iconUrl: e.icon ?? e.urlIcon,
               variant: "text",
               emergeType: "popup",
               selected: !0,
               draggable: !1,
               children: [
-                /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(b, { formSort: d, statusLoad: t }) }),
-                /* @__PURE__ */ n(g, { children: [
-                  /* @__PURE__ */ o(z, { size: i, onClick: m }),
-                  /* @__PURE__ */ o(D, { onSubmit: r, size: i, "aria-label": "applySort" })
+                /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(b, { formSort: d, statusLoad: i }) }),
+                /* @__PURE__ */ a(g, { children: [
+                  /* @__PURE__ */ o(z, { size: n, onClick: m }),
+                  /* @__PURE__ */ o(D, { onSubmit: t, size: n, "aria-label": "applySort" })
                 ] })
               ]
             }

package/components/DynamicSort/subcomponents/SortActions/SortActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortActions.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/SortActions/SortActions.tsx"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,QAAA,MAAM,WAAW,0FAqCf,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"SortActions.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/SortActions/SortActions.tsx"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,QAAA,MAAM,WAAW,0FA+Cf,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/components/DynamicSort/subcomponents/SortActions/SortActions.js

@@ -1,45 +1,45 @@
-import { jsxs as u, jsx as o } from "@emotion/react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { useModuleDictionary as A } from "@m4l/core";
-import { ActionsCleanOutlined as y, ArrowRefreshCcwOutlined as C, ActionsSortOutlined as w } from "@m4l/icons";
-import { getDynamicSortDictionary as h, DICCTIONARY as D } from "../../dictionary.js";
-import R from "../DynamicSortBase/useDynamicSortBase.js";
-import b from "./useSortActions.js";
-import { ActionsStyled as k, ActionsClearButtonStyled as B, ActionsSubmitButtonStyled as O } from "../../slots/DynamicSortSlots.js";
-const x = d((_, c) => {
+import { jsxs as d, jsx as o } from "@emotion/react/jsx-runtime";
+import { forwardRef as A } from "react";
+import { useModuleDictionary as y } from "@m4l/core";
+import { ActionsCleanOutlined as C, ArrowRefreshCcwOutlined as w, ActionsSortOutlined as h } from "@m4l/icons";
+import { getDynamicSortDictionary as D, DICCTIONARY as R } from "../../dictionary.js";
+import b from "../DynamicSortBase/useDynamicSortBase.js";
+import k from "./useSortActions.js";
+import { ActionsStyled as B, ActionsClearButtonStyled as O, ActionsSubmitButtonStyled as x } from "../../slots/DynamicSortSlots.js";
+const _ = A((g, l) => {
   const {
     automatic: a,
     canShowRemoveAction: t,
-    hasAppliedSorts: l,
-    onClickClearSorts: m,
-    onClickSort: p,
-    sortButtonDictionaryTooltip: S,
-    ownerState: r
-  } = b(), { size: i, visibleRefresh: e, ownerState: { isDirty: n } } = R(), { getLabel: s } = A(), f = e && (l || n);
-  return /* @__PURE__ */ u(k, { ref: c, ownerState: { ...r, isDirty: t, visibleRefresh: e }, children: [
+    hasAppliedSorts: m,
+    onClickClearSorts: p,
+    onClickSort: S,
+    sortButtonDictionaryTooltip: u,
+    ownerState: i
+  } = k(), { size: e, visibleRefresh: n, ownerState: { isDirty: s } } = b(), { getLabel: c } = y(), r = n && (m || s), f = (t ? 1 : 0) + (r ? 1 : 0);
+  return !t && !r ? null : /* @__PURE__ */ d(B, { ref: l, ownerState: { ...i, isDirty: t, visibleRefresh: n, actionsCount: f }, children: [
     t && /* @__PURE__ */ o(
-      B,
+      O,
       {
-        size: i,
-        icon: /* @__PURE__ */ o(y, {}),
-        onClick: m,
-        tooltip: s(h(D.tooltip_clear_sort))
+        size: e,
+        icon: /* @__PURE__ */ o(C, {}),
+        onClick: p,
+        tooltip: c(D(R.tooltip_clear_sort))
       }
     ),
-    f && /* @__PURE__ */ o(
-      O,
+    r && /* @__PURE__ */ o(
+      x,
       {
-        size: i,
-        icon: a ? /* @__PURE__ */ o(C, {}) : /* @__PURE__ */ o(w, {}),
+        size: e,
+        icon: a ? /* @__PURE__ */ o(w, {}) : /* @__PURE__ */ o(h, {}),
         "aria-label": "refresh",
-        tooltip: s(S),
-        onClick: p,
-        ownerState: { ...r, isDirty: n }
+        tooltip: c(u),
+        onClick: S,
+        ownerState: { ...i, isDirty: s }
       }
     )
   ] });
 });
-x.displayName = "SortActions";
+_.displayName = "SortActions";
 export {
-  x as default
+  _ as default
 };

package/components/DynamicSort/types.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement, ReactNode } from 'react';
 import { Maybe } from '@m4l/core';
 import { Sizes } from '@m4l/styles';
 import { Theme } from '@mui/material/styles';
@@ -13,7 +14,8 @@ export interface FieldBase {
     name: string;
     type: SortFieldType;
     presence?: FieldPresence;
-    urlIcon: string;
+    urlIcon?: string;
+    icon?: ReactElement;
     defaultOperator?: Maybe<FieldTypeOperator>;
 }
 export interface FieldDictionaryId extends FieldBase {
@@ -151,6 +153,11 @@ export interface DynamicSortProps {
      *  visibleRefresh: indica si el boton de refresh debe estar visible
      */
     visibleRefresh?: boolean;
+    /**
+     * Separador líder opcional que el contenedor (useDynamicFilterAndSort) crea y
+     * pasa para renderizar junto al trigger del sort. Sin él, el sort no lo muestra.
+     */
+    leadingSeparator?: ReactNode;
 }
 /**
  * Interface que define la variables que se van a usar en clases del componente

package/components/DynamicSort/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicSort/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicSort/types.ts"],"names":[],"mappings":"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"}

package/components/extended/mui/Accordion/types.d.ts

@@ -1,5 +1,6 @@
 import { AccordionProps as MUIAccordionProps, AccordionSummaryProps, Theme } from '@mui/material';
 import { ReactNode } from 'react';
+import { IconProps } from '@m4l/base';
 import { AccordionSlots } from './slots/AccordionEnum';
 import { ACCORDION_KEY } from './constants';
 import { Sizes } from '@m4l/styles';
@@ -31,9 +32,11 @@ export interface AccordionProps {
      */
     summaryProps?: AccordionSummaryProps;
     /**
-     * Optional icon for the Accordion component
+     * Optional icon for the Accordion component.
+     * Accepts an S3 URL string (rendered via CSS mask) or an `@m4l/icons` React
+     * element (rendered directly) — same values the underlying `Icon` `src` takes.
      */
-    icon?: string;
+    icon?: IconProps['src'];
     /**
      * Optional width for the skeleton label
      */

package/components/extended/mui/Accordion/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;IAE5D;;OAEG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAErC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAE1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC;AAC7D,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,OAAO,aAAa,EAAE,KAAK,CAAC,CAAC;AACtG,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnF,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;IAE5D;;OAEG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAErC;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAExB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAE1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC;AAC7D,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,OAAO,aAAa,EAAE,KAAK,CAAC,CAAC;AACtG,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnF,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;CACzB"}

package/components/extended/mui/Tab/Tab.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Tab/Tab.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,SA2WvB,CAAC"}
+{"version":3,"file":"Tab.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Tab/Tab.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,SAqXvB,CAAC"}

package/components/extended/mui/Tab/Tab.styles.js

@@ -75,6 +75,10 @@ const s = {
         "& .M4LIcon-icon": {
           backgroundColor: a.vars.palette.text.secondary
         },
+        // SVG-based Icons (@m4l/icons) color via `fill`, matching the label color.
+        "& .M4LIcon-root .MuiSvgIcon-root path": {
+          fill: a.vars.palette.text.secondary
+        },
         "& .M4LTab-tipography, & .M4LTab-title": {
           color: a.vars.palette.text.secondary
         },
@@ -107,6 +111,10 @@ const s = {
         "& .M4LIcon-icon": {
           backgroundColor: a.vars.palette.primary.semanticText
         },
+        // SVG-based Icons (@m4l/icons) color via `fill`, not the mask background-color.
+        "& .M4LIcon-root .MuiSvgIcon-root path": {
+          fill: a.vars.palette.primary.semanticText
+        },
         "& .M4LTab-tipography, & .M4LTab-title": {
           color: a.vars.palette.primary.semanticText
         },

package/hooks/useDynamicFilterAndSort/constants.d.ts

@@ -1,4 +1,5 @@
 export declare const M4LDYNAMIC_KEY_FILTER_AND_SORT = "M4LDynamicFilterAndSort";
 export declare const COOKIE_APPLIED_FILTERS = "applied_filters";
 export declare const COOKIE_APPLIED_SORTS = "applied_sorts";
+export declare const STACK_NARROW_BREAKPOINT_PX = 640;
 //# sourceMappingURL=constants.d.ts.map

package/hooks/useDynamicFilterAndSort/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/hooks/useDynamicFilterAndSort/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,8BAA8B,4BAA4B,CAAC;AAGxE,eAAO,MAAM,sBAAsB,oBAAoB,CAAC;AACxD,eAAO,MAAM,oBAAoB,kBAAkB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/hooks/useDynamicFilterAndSort/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,8BAA8B,4BAA4B,CAAC;AAGxE,eAAO,MAAM,sBAAsB,oBAAoB,CAAC;AACxD,eAAO,MAAM,oBAAoB,kBAAkB,CAAC;AAGpD,eAAO,MAAM,0BAA0B,MAAM,CAAC"}

package/hooks/useDynamicFilterAndSort/constants.js

@@ -1,6 +1,7 @@
-const _ = "M4LDynamicFilterAndSort", t = "applied_filters", E = "applied_sorts";
+const _ = "M4LDynamicFilterAndSort", t = "applied_filters", A = "applied_sorts", E = 640;
 export {
   t as COOKIE_APPLIED_FILTERS,
-  E as COOKIE_APPLIED_SORTS,
-  _ as M4LDYNAMIC_KEY_FILTER_AND_SORT
+  A as COOKIE_APPLIED_SORTS,
+  _ as M4LDYNAMIC_KEY_FILTER_AND_SORT,
+  E as STACK_NARROW_BREAKPOINT_PX
 };

package/hooks/useDynamicFilterAndSort/slots/DynamicFilterAndSortEnum.d.ts

@@ -2,6 +2,7 @@ export declare enum DynamicFilterAndSortSlots {
     stackLeftActions = "stackLeftActions",
     stackCustomHeader = "stackCustomHeader",
     stackRightActions = "stackRightActions",
-    actionRefresh = "actionRefresh"
+    actionRefresh = "actionRefresh",
+    separator = "separator"
 }
 //# sourceMappingURL=DynamicFilterAndSortEnum.d.ts.map

package/hooks/useDynamicFilterAndSort/slots/DynamicFilterAndSortEnum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicFilterAndSortEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/hooks/useDynamicFilterAndSort/slots/DynamicFilterAndSortEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,yBAAyB;IACnC,gBAAgB,qBAAqB;IACrC,iBAAiB,sBAAsB;IACvC,iBAAiB,sBAAsB;IACvC,aAAa,kBAAkB;CAChC"}
+{"version":3,"file":"DynamicFilterAndSortEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/hooks/useDynamicFilterAndSort/slots/DynamicFilterAndSortEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,yBAAyB;IACnC,gBAAgB,qBAAqB;IACrC,iBAAiB,sBAAsB;IACvC,iBAAiB,sBAAsB;IACvC,aAAa,kBAAkB;IAC/B,SAAS,cAAc;CACxB"}

package/hooks/useDynamicFilterAndSort/slots/DynamicFilterAndSortEnum.js

@@ -1,4 +1,4 @@
-var t = /* @__PURE__ */ ((s) => (s.stackLeftActions = "stackLeftActions", s.stackCustomHeader = "stackCustomHeader", s.stackRightActions = "stackRightActions", s.actionRefresh = "actionRefresh", s))(t || {});
+var a = /* @__PURE__ */ ((s) => (s.stackLeftActions = "stackLeftActions", s.stackCustomHeader = "stackCustomHeader", s.stackRightActions = "stackRightActions", s.actionRefresh = "actionRefresh", s.separator = "separator", s))(a || {});
 export {
-  t as DynamicFilterAndSortSlots
+  a as DynamicFilterAndSortSlots
 };

package/hooks/useDynamicFilterAndSort/slots/DynamicFilterAndSortSlots.d.ts

@@ -10,4 +10,7 @@ export declare const StackRightActionsStyled: import('@emotion/styled').StyledCo
 export declare const ActionRefreshStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../..').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "color" | "content" | "translate" | "action" | "classes" | "children" | "className" | "sx" | "form" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "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-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "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" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "name" | "size" | "instaceDataTestId" | "variant" | "src" | "tooltip" | "value" | "icon" | "selected" | "dataTestId" | "placement" | "rotationAngle" | "instanceDataTestId" | "disabled" | "ariaLabel" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').DynamicFilterAndSortOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
+export declare const SeparatorStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').DynamicFilterAndSortOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 //# sourceMappingURL=DynamicFilterAndSortSlots.d.ts.map

package/hooks/useDynamicFilterAndSort/slots/DynamicFilterAndSortSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicFilterAndSortSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/hooks/useDynamicFilterAndSort/slots/DynamicFilterAndSortSlots.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB;;UAGY,CAAC;AAEhD,eAAO,MAAM,uBAAuB;;UAGY,CAAC;AAEjD,eAAO,MAAM,uBAAuB;;UAGY,CAAC;AAGjD,eAAO,MAAM,mBAAmB;;UAGa,CAAC"}
+{"version":3,"file":"DynamicFilterAndSortSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/hooks/useDynamicFilterAndSort/slots/DynamicFilterAndSortSlots.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB;;UAGY,CAAC;AAEhD,eAAO,MAAM,uBAAuB;;UAGY,CAAC;AAEjD,eAAO,MAAM,uBAAuB;;UAGY,CAAC;AAGjD,eAAO,MAAM,mBAAmB;;UAGa,CAAC;AAI9C,eAAO,MAAM,eAAe;;6NAGa,CAAC"}

package/hooks/useDynamicFilterAndSort/slots/DynamicFilterAndSortSlots.js

@@ -1,25 +1,29 @@
 import { styled as t } from "@mui/material/styles";
 import { M4LDYNAMIC_KEY_FILTER_AND_SORT as o } from "../constants.js";
-import { Stack as c } from "../../../components/extended/mui/Stack/Stack.js";
-import { DynamicFilterAndSortSlots as s } from "./DynamicFilterAndSortEnum.js";
-import { dynamicFilterAndSortStyles as e } from "../styles.js";
-import { IconButton as n } from "../../../components/extended/mui/IconButton/IconButton.js";
-const f = t(c, {
+import { Stack as r } from "../../../components/extended/mui/Stack/Stack.js";
+import { DynamicFilterAndSortSlots as e } from "./DynamicFilterAndSortEnum.js";
+import { dynamicFilterAndSortStyles as s } from "../styles.js";
+import { IconButton as a } from "../../../components/extended/mui/IconButton/IconButton.js";
+const d = t(r, {
   name: o,
-  slot: s.stackLeftActions
-})(e.stackLeftActions), d = t(c, {
+  slot: e.stackLeftActions
+})(s.stackLeftActions), f = t(r, {
   name: o,
-  slot: s.stackCustomHeader
-})(e.stackCustomHeader), A = t(c, {
+  slot: e.stackCustomHeader
+})(s.stackCustomHeader), A = t(r, {
   name: o,
-  slot: s.stackRightActions
-})(e.stackRightActions), k = t(n, {
+  slot: e.stackRightActions
+})(s.stackRightActions), k = t(a, {
   name: o,
-  slot: s.actionRefresh
-})(e?.actionRefresh);
+  slot: e.actionRefresh
+})(s?.actionRefresh), p = t("div", {
+  name: o,
+  slot: e.separator
+})(s?.separator);
 export {
   k as ActionRefreshStyled,
-  d as StackCustomHeaderStyled,
-  f as StackLeftActionsStyled,
+  p as SeparatorStyled,
+  f as StackCustomHeaderStyled,
+  d as StackLeftActionsStyled,
   A as StackRightActionsStyled
 };

package/hooks/useDynamicFilterAndSort/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/hooks/useDynamicFilterAndSort/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,0BAA0B,EAAE,0BAqExC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/hooks/useDynamicFilterAndSort/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,0BAA0B,EAAE,0BA2GxC,CAAC"}