@m4l/components 9.38.0 → 9.40.0

package/components/DynamicSort/slots/SlotsEnum.d.ts

@@ -4,6 +4,7 @@ export declare enum DynamicSortSlots {
     inputSort = "inputSort",
     inputSortInput = "inputSortInput",
     appliedSorts = "appliedSorts",
+    inputSortLeading = "inputSortLeading",
     appliedSortInnerContainer = "appliedSortInnerContainer",
     actions = "actions",
     actionsClearButton = "actionsClearButton",

package/components/DynamicSort/slots/SlotsEnum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlotsEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/DynamicSort/slots/SlotsEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,cAAc,mBAAmB;IACjC,SAAS,cAAc;IACvB,cAAc,mBAAmB;IACjC,YAAY,iBAAiB;IAC7B,yBAAyB,8BAA8B;IACvD,OAAO,YAAY;IACnB,kBAAkB,uBAAuB;IACzC,mBAAmB,wBAAwB;IAC3C,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,0BAA0B,+BAA+B;IACzD,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,WAAW,gBAAgB;IAC3B,sBAAsB,2BAA2B;IACjD,eAAe,oBAAoB;IACnC,gBAAgB,qBAAqB;IACrC,mBAAmB,wBAAwB;IAC3C,gBAAgB,qBAAqB;IACrC,gBAAgB,qBAAqB;IACrC,sBAAsB,2BAA2B;IACjD,qBAAqB,0BAA0B;CAChD"}
+{"version":3,"file":"SlotsEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/DynamicSort/slots/SlotsEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,cAAc,mBAAmB;IACjC,SAAS,cAAc;IACvB,cAAc,mBAAmB;IACjC,YAAY,iBAAiB;IAC7B,gBAAgB,qBAAqB;IACrC,yBAAyB,8BAA8B;IACvD,OAAO,YAAY;IACnB,kBAAkB,uBAAuB;IACzC,mBAAmB,wBAAwB;IAC3C,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,0BAA0B,+BAA+B;IACzD,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,WAAW,gBAAgB;IAC3B,sBAAsB,2BAA2B;IACjD,eAAe,oBAAoB;IACnC,gBAAgB,qBAAqB;IACrC,mBAAmB,wBAAwB;IAC3C,gBAAgB,qBAAqB;IACrC,gBAAgB,qBAAqB;IACrC,sBAAsB,2BAA2B;IACjD,qBAAqB,0BAA0B;CAChD"}

package/components/DynamicSort/slots/SlotsEnum.js

@@ -1,4 +1,4 @@
-var r = /* @__PURE__ */ ((e) => (e.root = "root", e.innerContainer = "innerContainer", e.inputSort = "inputSort", e.inputSortInput = "inputSortInput", e.appliedSorts = "appliedSorts", e.appliedSortInnerContainer = "appliedSortInnerContainer", e.actions = "actions", e.actionsClearButton = "actionsClearButton", e.actionsSubmitButton = "actionsSubmitButton", e.popoverMenu = "popoverMenu", e.popoverSort = "popoverSort", e.popoverSortContainerFields = "popoverSortContainerFields", e.popoverSortActions = "popoverSortActions", e.inputSortSkeleton = "inputSortSkeleton", e.chipWrapper = "chipWrapper", e.inputSortTriggerButton = "inputSortTriggerButton", e.emptyStateLabel = "emptyStateLabel", e.overflowMoreChip = "overflowMoreChip", e.overflowSortPopover = "overflowSortPopover", e.overflowSortList = "overflowSortList", e.overflowSortItem = "overflowSortItem", e.overflowSortItemHeader = "overflowSortItemHeader", e.overflowSortItemLabel = "overflowSortItemLabel", e))(r || {});
+var r = /* @__PURE__ */ ((e) => (e.root = "root", e.innerContainer = "innerContainer", e.inputSort = "inputSort", e.inputSortInput = "inputSortInput", e.appliedSorts = "appliedSorts", e.inputSortLeading = "inputSortLeading", e.appliedSortInnerContainer = "appliedSortInnerContainer", e.actions = "actions", e.actionsClearButton = "actionsClearButton", e.actionsSubmitButton = "actionsSubmitButton", e.popoverMenu = "popoverMenu", e.popoverSort = "popoverSort", e.popoverSortContainerFields = "popoverSortContainerFields", e.popoverSortActions = "popoverSortActions", e.inputSortSkeleton = "inputSortSkeleton", e.chipWrapper = "chipWrapper", e.inputSortTriggerButton = "inputSortTriggerButton", e.emptyStateLabel = "emptyStateLabel", e.overflowMoreChip = "overflowMoreChip", e.overflowSortPopover = "overflowSortPopover", e.overflowSortList = "overflowSortList", e.overflowSortItem = "overflowSortItem", e.overflowSortItemHeader = "overflowSortItemHeader", e.overflowSortItemLabel = "overflowSortItemLabel", e))(r || {});
 export {
   r as DynamicSortSlots
 };

package/components/DynamicSort/subcomponents/AppliedSortChip/useAppliedSortChip.d.ts

@@ -7,7 +7,7 @@ import { SortFieldApplied } from '../../types';
 declare function useAppliedSortChip(sort: SortFieldApplied): {
     onDelete: () => void;
     onEditSort: (_event: MouseEvent<HTMLButtonElement>) => void;
-    iconFieldUrl: string;
+    iconFieldUrl: string | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | undefined;
     labels: import('../../types').DataTypeFilerLabels;
     SortDirectionIcon: import('react').FunctionComponent<{}>;
 };

package/components/DynamicSort/subcomponents/AppliedSortChip/useAppliedSortChip.js

@@ -8,16 +8,16 @@ function E(o) {
   const { getLabel: e } = u(), t = p(), { hidePopoverSort: r, removeSort: n, showPopoverSortForEdit: c } = D(
     (i) => i.actions
   ), l = o.operator === "asc" ? a : d, m = S(() => v().getLabels(o, e, t, o.field), [o, e, t]);
-  function s() {
+  function f() {
     r(!1), n(o.id);
   }
-  function f(i) {
+  function s(i) {
     r(!1), setTimeout(() => c(o), 10);
   }
   return {
-    onDelete: s,
-    onEditSort: f,
-    iconFieldUrl: o.field?.urlIcon,
+    onDelete: f,
+    onEditSort: s,
+    iconFieldUrl: o.field?.icon ?? o.field?.urlIcon,
     labels: m,
     SortDirectionIcon: l
   };

package/components/DynamicSort/subcomponents/AppliedSorts/AppliedSorts.d.ts

@@ -1,8 +1,9 @@
+import { AppliedSortsProps } from './types';
 /**
  * AppliedSorts: Renderiza los chips de sorts aplicados con detección de overflow.
  * Cuando los chips no caben en el ancho disponible, muestra un chip "Más (N)"
  * que abre el OverflowSortPopover con los sorts ocultos.
  */
-declare function AppliedSorts(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function AppliedSorts({ leadingSeparator }: AppliedSortsProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default AppliedSorts;
 //# sourceMappingURL=AppliedSorts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppliedSorts.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSorts/AppliedSorts.tsx"],"names":[],"mappings":"AAqBA;;;;GAIG;AACH,iBAAS,YAAY,qDAqFpB;AACD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AppliedSorts.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSorts/AppliedSorts.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C;;;;GAIG;AACH,iBAAS,YAAY,CAAC,EAAE,gBAAgB,EAAE,EAAE,iBAAiB,oDAoG5D;AACD,eAAe,YAAY,CAAC"}

package/components/DynamicSort/subcomponents/AppliedSorts/AppliedSorts.js

@@ -1,86 +1,102 @@
-import { jsx as e, jsxs as p } from "@emotion/react/jsx-runtime";
-import { useModuleDictionary as T } from "@m4l/core";
-import { useState as E, useCallback as s } from "react";
-import { getPropDataTestId as I } from "../../../../test/getNameDataTestId.js";
-import { DYNAMIC_SORT_KEY_COMPONENT as R } from "../../constants.js";
-import { getDynamicSortDictionary as m, DICCTIONARY as c } from "../../dictionary.js";
-import { DynamicSortSlots as _ } from "../../slots/SlotsEnum.js";
-import M from "../DynamicSortBase/useDynamicSortBase.js";
-import { useDynamicSortStore as k } from "../../store/useDynamicSortStore.js";
-import N from "./useAppliedSorts.js";
-import { AppliedSortsStyled as f, AppliedSortInnerContainerStyled as P, ChipSortWrapperStyled as x, EmptyStateLabelStyled as Y, OverflowMoreChipStyled as j } from "../../slots/DynamicSortSlots.js";
-import L from "../AppliedSortChip/AppliedSortChip.js";
-import { Typography as $ } from "../../../extended/mui/Typography/Typography.js";
-import z from "../SortActions/SortActions.js";
-import B from "../OverflowSortPopover/OverflowSortPopover.js";
-function re() {
+import { jsx as e, jsxs as n } from "@emotion/react/jsx-runtime";
+import { useModuleDictionary as k } from "@m4l/core";
+import { useState as N, useCallback as f } from "react";
+import { getPropDataTestId as S } from "../../../../test/getNameDataTestId.js";
+import { DYNAMIC_SORT_KEY_COMPONENT as h } from "../../constants.js";
+import { getDynamicSortDictionary as u, DICCTIONARY as y } from "../../dictionary.js";
+import { DynamicSortSlots as C } from "../../slots/SlotsEnum.js";
+import P from "../DynamicSortBase/useDynamicSortBase.js";
+import { useDynamicSortStore as x } from "../../store/useDynamicSortStore.js";
+import Y from "./useAppliedSorts.js";
+import { AppliedSortsStyled as v, InputSortLeadingStyled as g, AppliedSortInnerContainerStyled as j, ChipSortWrapperStyled as $, EmptyStateLabelStyled as z, OverflowMoreChipStyled as B } from "../../slots/DynamicSortSlots.js";
+import w from "../InputSort/InputSort.js";
+import F from "../AppliedSortChip/AppliedSortChip.js";
+import { Typography as K } from "../../../extended/mui/Typography/Typography.js";
+import W from "../SortActions/SortActions.js";
+import q from "../OverflowSortPopover/OverflowSortPopover.js";
+function ae({ leadingSeparator: l }) {
   const {
-    visibleSorts: i,
+    visibleSorts: p,
     overflowSorts: t,
-    isSkeleton: d,
-    parentRef: S,
-    containerRef: h,
-    setChipRef: y,
-    setMoreChipRef: u,
-    setActionsRef: C
-  } = N(), { dataTestId: v, ownerState: w, size: n } = M(), { getLabel: l } = T(), { openPopoverMenuFields: A } = k((o) => o.actions), [r, a] = E(null), b = s((o) => {
-    a(o.currentTarget);
-  }, []), g = s(() => {
-    a(null);
+    isSkeleton: A,
+    parentRef: b,
+    containerRef: D,
+    setChipRef: O,
+    setMoreChipRef: I,
+    setActionsRef: R,
+    setLeadingRef: a
+  } = Y(), { dataTestId: s, ownerState: m, size: i } = P(), { getLabel: c } = k(), { openPopoverMenuFields: T } = x((o) => o.actions), [r, d] = N(null), E = f((o) => {
+    d(o.currentTarget);
+  }, []), _ = f(() => {
+    d(null);
   }, []);
-  if (d)
-    return /* @__PURE__ */ e(f, {});
-  const D = i.length === 0 && t.length === 0;
-  return /* @__PURE__ */ p(
-    f,
+  if (A)
+    return /* @__PURE__ */ e(v, { ownerState: { ...m }, children: /* @__PURE__ */ n(g, { ref: a, children: [
+      l,
+      /* @__PURE__ */ e(w, {})
+    ] }) });
+  const M = p.length === 0 && t.length === 0;
+  return /* @__PURE__ */ n(
+    v,
     {
-      ref: S,
-      ...I(R, _.appliedSorts, v),
-      ownerState: { ...w },
+      ref: b,
+      ...S(h, C.appliedSorts, s),
+      ownerState: { ...m },
       children: [
-        /* @__PURE__ */ p(P, { ref: h, children: [
-          i.map((o) => /* @__PURE__ */ e(
-            x,
+        /* @__PURE__ */ n(
+          g,
+          {
+            ref: a,
+            ...S(h, C.inputSortLeading, s),
+            children: [
+              l,
+              /* @__PURE__ */ e(w, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(j, { ref: D, children: [
+          p.map((o) => /* @__PURE__ */ e(
+            $,
             {
-              ref: (O) => y(o.id, O),
-              children: /* @__PURE__ */ e(L, { ...o })
+              ref: (L) => O(o.id, L),
+              children: /* @__PURE__ */ e(F, { ...o })
             },
             o.id
           )),
-          D && /* @__PURE__ */ e(
-            Y,
+          M && /* @__PURE__ */ e(
+            z,
             {
               "data-testid": "empty-state-label",
               component: "span",
               variant: "body",
-              size: n,
+              size: i,
               color: "inherit",
-              onClick: A,
-              children: l(m(c.label_no_sorts_applied))
+              onClick: T,
+              children: c(u(y.label_no_sorts_applied))
             }
           )
         ] }),
         t.length > 0 && /* @__PURE__ */ e(
-          j,
+          B,
           {
-            ref: u,
-            size: n,
+            ref: I,
+            size: i,
             variant: "contained",
             color: r ? "info" : "default",
             opacity: !0,
             dataTestId: "overflow-more-chip",
             ownerState: { selected: !!r },
-            label: /* @__PURE__ */ e($, { component: "span", variant: "bodyDens", size: n, color: "inherit", children: `${l(m(c.label_more))} (${t.length})` }),
-            onClick: b
+            label: /* @__PURE__ */ e(K, { component: "span", variant: "bodyDens", size: i, color: "inherit", children: `${c(u(y.label_more))} (${t.length})` }),
+            onClick: E
           }
         ),
-        /* @__PURE__ */ e(z, { ref: C }),
+        /* @__PURE__ */ e(W, { ref: R }),
         r && t.length > 0 && /* @__PURE__ */ e(
-          B,
+          q,
           {
             anchorEl: r,
             sorts: t,
-            onClose: g
+            onClose: _
           }
         )
       ]
@@ -88,5 +104,5 @@ function re() {
   );
 }
 export {
-  re as default
+  ae as default
 };

package/components/DynamicSort/subcomponents/AppliedSorts/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface AppliedSortsProps {
+    leadingSeparator?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSorts/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,iBAAiB;IAEhC,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B"}

package/components/DynamicSort/subcomponents/AppliedSorts/useAppliedSorts.d.ts

@@ -13,6 +13,7 @@ declare function useAppliedSorts(): {
     setChipRef: (id: number, el: HTMLElement | null) => void;
     setMoreChipRef: (el: HTMLElement | null) => void;
     setActionsRef: (el: HTMLElement | null) => void;
+    setLeadingRef: (el: HTMLElement | null) => void;
 };
 export default useAppliedSorts;
 //# sourceMappingURL=useAppliedSorts.d.ts.map

package/components/DynamicSort/subcomponents/AppliedSorts/useAppliedSorts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAppliedSorts.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSorts/useAppliedSorts.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,iBAAS,eAAe;;;;;;;;;;EAmCvB;AACD,eAAe,eAAe,CAAC"}
+{"version":3,"file":"useAppliedSorts.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSorts/useAppliedSorts.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,iBAAS,eAAe;;;;;;;;;;;EAqCvB;AACD,eAAe,eAAe,CAAC"}

package/components/DynamicSort/subcomponents/AppliedSorts/useAppliedSorts.js

@@ -1,34 +1,36 @@
-import { useMemo as u } from "react";
-import { useModuleSkeleton as d } from "@m4l/core";
-import { useDynamicSortStore as a } from "../../store/useDynamicSortStore.js";
-import { useChipsOverflow as c } from "../../../DynamicFilter/hooks/useChipsOverflow.js";
-function w() {
-  const t = a((e) => e.appliedSorts), r = d(), i = u(
-    () => [...t].sort(
-      (e, o) => e.isSet !== o.isSet ? Number(e.isSet) - Number(o.isSet) : o.id - e.id
+import { useMemo as d } from "react";
+import { useModuleSkeleton as a } from "@m4l/core";
+import { useDynamicSortStore as c } from "../../store/useDynamicSortStore.js";
+import { useChipsOverflow as R } from "../../../DynamicFilter/hooks/useChipsOverflow.js";
+function C() {
+  const o = c((e) => e.appliedSorts), r = a(), i = d(
+    () => [...o].sort(
+      (e, t) => e.isSet !== t.isSet ? Number(e.isSet) - Number(t.isSet) : t.id - e.id
     ),
-    [t]
+    [o]
   ), {
     visibleFilters: s,
     overflowFilters: p,
-    parentRef: l,
-    containerRef: S,
-    setChipRef: f,
-    setMoreChipRef: n,
-    setActionsRef: m
-  } = c(i);
+    parentRef: f,
+    containerRef: l,
+    setChipRef: n,
+    setMoreChipRef: S,
+    setActionsRef: m,
+    setLeadingRef: u
+  } = R(i);
   return {
     appliedSortsSorted: i,
     visibleSorts: s,
     overflowSorts: p,
     isSkeleton: r,
-    parentRef: l,
-    containerRef: S,
-    setChipRef: f,
-    setMoreChipRef: n,
-    setActionsRef: m
+    parentRef: f,
+    containerRef: l,
+    setChipRef: n,
+    setMoreChipRef: S,
+    setActionsRef: m,
+    setLeadingRef: u
   };
 }
 export {
-  w as default
+  C as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicSortBase.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/DynamicSortBase/DynamicSortBase.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C;;;GAGG;AACH,iBAAS,eAAe,CAAE,KAAK,EAAC,oBAAoB,oDAoBnD;AACD,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DynamicSortBase.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/DynamicSortBase/DynamicSortBase.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C;;;GAGG;AACH,iBAAS,eAAe,CAAE,KAAK,EAAC,oBAAoB,oDAmBnD;AACD,eAAe,eAAe,CAAC"}

package/components/DynamicSort/subcomponents/DynamicSortBase/DynamicSortBase.js

@@ -1,31 +1,29 @@
-import { jsx as o, jsxs as p } from "@emotion/react/jsx-runtime";
+import { jsx as o, jsxs as S } from "@emotion/react/jsx-runtime";
 import { getPropDataTestId as m } from "../../../../test/getNameDataTestId.js";
-import { getComponentSlotRoot as S } from "../../../../utils/getComponentSlotRoot.js";
+import { getComponentSlotRoot as c } from "../../../../utils/getComponentSlotRoot.js";
 import { DYNAMIC_SORT_KEY_COMPONENT as t } from "../../constants.js";
-import c from "./useDynamicSortBase.js";
+import l from "./useDynamicSortBase.js";
 import f from "clsx";
-import { RootStyled as l, InnerContainerStyled as d } from "../../slots/DynamicSortSlots.js";
-import u from "../InputSort/InputSort.js";
-import y from "../AppliedSorts/AppliedSorts.js";
-import C from "../PopoverSort/PopoverSort.js";
+import { RootStyled as d, InnerContainerStyled as y } from "../../slots/DynamicSortSlots.js";
+import C from "../AppliedSorts/AppliedSorts.js";
+import D from "../PopoverSort/PopoverSort.js";
 import { DynamicSortSlots as n } from "../../slots/SlotsEnum.js";
-function h(a) {
-  const { className: i } = a, { ownerState: r, dataTestId: e } = c(), s = S(t);
+function _(a) {
+  const { className: i, leadingSeparator: s } = a, { ownerState: r, dataTestId: e } = l(), p = c(t);
   return /* @__PURE__ */ o(
-    l,
+    d,
     {
-      className: f(s, i),
+      className: f(p, i),
       ownerState: { ...r },
       ...m(t, n.root, e),
-      children: /* @__PURE__ */ p(
-        d,
+      children: /* @__PURE__ */ S(
+        y,
         {
           ownerState: { ...r },
           ...m(t, n.innerContainer, e),
           children: [
-            /* @__PURE__ */ o(u, {}),
-            /* @__PURE__ */ o(y, {}),
-            /* @__PURE__ */ o(C, {})
+            /* @__PURE__ */ o(C, { leadingSeparator: s }),
+            /* @__PURE__ */ o(D, {})
           ]
         }
       )
@@ -33,5 +31,5 @@ function h(a) {
   );
 }
 export {
-  h as default
+  _ as default
 };

package/components/DynamicSort/subcomponents/DynamicSortBase/types.d.ts

@@ -1,4 +1,6 @@
+import { ReactNode } from 'react';
 export interface DynamicSortBaseProps {
     className?: string;
+    leadingSeparator?: ReactNode;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/DynamicSortBase/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/DynamicSortBase/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B"}

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

@@ -1 +1 @@
-{"version":3,"file":"OverflowSortPopover.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/OverflowSortPopover/OverflowSortPopover.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEnD;;GAEG;AACH,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,oDAyG3D;AACD,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"OverflowSortPopover.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/OverflowSortPopover/OverflowSortPopover.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEnD;;GAEG;AACH,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,oDA4G3D;AACD,eAAe,mBAAmB,CAAC"}

package/components/DynamicSort/subcomponents/OverflowSortPopover/OverflowSortPopover.js

@@ -1,33 +1,33 @@
 import { jsx as r, jsxs as m } from "@emotion/react/jsx-runtime";
-import { useModuleDictionary as O } from "@m4l/core";
-import { ActionsCloseSmOutlined as D } from "@m4l/icons";
-import { useFormatter as g } from "@m4l/graphics";
-import { useState as k, useEffect as x } from "react";
-import { Chip as E } from "../../../Chip/Chip.js";
-import { useDynamicSortStore as I } from "../../store/useDynamicSortStore.js";
-import C from "../DynamicSortBase/useDynamicSortBase.js";
-import { fieldFactory as F } from "../FieldTypes/fieldFactory.js";
-import { usePopoverContainer as L } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
-import { OverflowSortPopoverStyled as P, OverflowSortListStyled as z, OverflowSortItemStyled as A, OverflowSortItemHeaderStyled as j, OverflowSortItemLabelStyled as B } from "../../slots/DynamicSortSlots.js";
-import { Icon as R } from "../../../Icon/Icon.js";
-import { IconButton as H } from "../../../extended/mui/IconButton/IconButton.js";
-function Z(p) {
-  const { anchorEl: s, sorts: i, onClose: l } = p, { size: a } = C(), { getLabel: u } = O(), S = g(), y = L(s), { hidePopoverSort: d, removeSort: w, showPopoverSortForEdit: h } = I(
+import { useModuleDictionary as E } from "@m4l/core";
+import { ActionsCloseSmOutlined as I } from "@m4l/icons";
+import { useFormatter as O } from "@m4l/graphics";
+import { useState as x, useEffect as D, cloneElement as g, isValidElement as k } from "react";
+import { Chip as C } from "../../../Chip/Chip.js";
+import { useDynamicSortStore as F } from "../../store/useDynamicSortStore.js";
+import L from "../DynamicSortBase/useDynamicSortBase.js";
+import { fieldFactory as P } from "../FieldTypes/fieldFactory.js";
+import { usePopoverContainer as z } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
+import { OverflowSortPopoverStyled as A, OverflowSortListStyled as j, OverflowSortItemStyled as B, OverflowSortItemHeaderStyled as R, OverflowSortItemLabelStyled as H } from "../../slots/DynamicSortSlots.js";
+import { Icon as K } from "../../../Icon/Icon.js";
+import { IconButton as M } from "../../../extended/mui/IconButton/IconButton.js";
+function $(p) {
+  const { anchorEl: d, sorts: i, onClose: a } = p, { size: l } = L(), { getLabel: u } = E(), S = O(), y = z(d), { hidePopoverSort: c, removeSort: w, showPopoverSortForEdit: h } = F(
     (e) => e.actions
-  ), [n, c] = k(-1);
-  function f(e) {
-    l(), d(!1), setTimeout(() => h(e), 10);
+  ), [n, f] = x(-1);
+  function s(e) {
+    a(), c(!1), setTimeout(() => h(e), 10);
   }
   function v(e, o) {
-    e.stopPropagation(), d(!1), w(o.id);
+    e.stopPropagation(), c(!1), w(o.id);
   }
-  return x(() => {
+  return D(() => {
     const e = (o) => {
-      o.key === "ArrowDown" ? (o.preventDefault(), c((t) => t < i.length - 1 ? t + 1 : t)) : o.key === "ArrowUp" ? (o.preventDefault(), c((t) => t > 0 ? t - 1 : 0)) : o.key === "Enter" && n >= 0 && n < i.length ? (o.preventDefault(), f(i[n])) : o.key === "Escape" && l();
+      o.key === "ArrowDown" ? (o.preventDefault(), f((t) => t < i.length - 1 ? t + 1 : t)) : o.key === "ArrowUp" ? (o.preventDefault(), f((t) => t > 0 ? t - 1 : 0)) : o.key === "Enter" && n >= 0 && n < i.length ? (o.preventDefault(), s(i[n])) : o.key === "Escape" && a();
     };
     return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
   }, [i, n]), /* @__PURE__ */ r(
-    P,
+    A,
     {
       open: !0,
       disableAutoFocus: !0,
@@ -37,26 +37,26 @@ function Z(p) {
       sx: (e) => ({
         mt: e.vars.size.baseSpacings.sp2
       }),
-      anchorEl: s,
-      onClose: l,
+      anchorEl: d,
+      onClose: a,
       container: y ?? void 0,
-      children: /* @__PURE__ */ r(z, { children: i.map((e, o) => {
-        const t = F(e.field.type).getLabels(e, u, S, e.field);
+      children: /* @__PURE__ */ r(j, { children: i.map((e, o) => {
+        const t = P(e.field.type).getLabels(e, u, S, e.field);
         return /* @__PURE__ */ m(
-          A,
+          B,
           {
             ownerState: { selected: o === n },
             "data-testid": "dynamic-sort-overflow-item",
             "data-field-name": e.field.name,
-            onClick: () => f(e),
+            onClick: () => s(e),
             children: [
-              /* @__PURE__ */ r(R, { src: e.field.urlIcon, size: a, color: "text.secondary" }),
-              /* @__PURE__ */ m(j, { children: [
-                /* @__PURE__ */ r(B, { children: t.labelField }),
+              k(e.field.icon ?? e.field.urlIcon) ? g(e.field.icon ?? e.field.urlIcon, { size: l, color: "text.secondary" }) : /* @__PURE__ */ r(K, { src: e.field.urlIcon ?? "", size: l, color: "text.secondary" }),
+              /* @__PURE__ */ m(R, { children: [
+                /* @__PURE__ */ r(H, { children: t.labelField }),
                 /* @__PURE__ */ r(
-                  E,
+                  C,
                   {
-                    size: a,
+                    size: l,
                     variant: "contained",
                     opacity: !0,
                     color: "default",
@@ -65,10 +65,10 @@ function Z(p) {
                 )
               ] }),
               !e.fixed && /* @__PURE__ */ r(
-                H,
+                M,
                 {
-                  size: a,
-                  icon: /* @__PURE__ */ r(D, {}),
+                  size: l,
+                  icon: /* @__PURE__ */ r(I, {}),
                   onClick: (b) => v(b, e)
                 }
               )
@@ -81,5 +81,5 @@ function Z(p) {
   );
 }
 export {
-  Z as default
+  $ as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverMenuFields.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/PopoverMenuFields/PopoverMenuFields.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AASlJ,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,MAAM,sBAAsB,GAAG;IACnC,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,gBAAgB,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,kBAAkB,EAAE;QAClB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACvD,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACzD,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;KAC7D,CAAC;IACF,sDAAsD;IACtD,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2DAkFvD;AACD,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"PopoverMenuFields.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/PopoverMenuFields/PopoverMenuFields.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AASlJ,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,MAAM,sBAAsB,GAAG;IACnC,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,gBAAgB,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,kBAAkB,EAAE;QAClB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACvD,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACzD,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;KAC7D,CAAC;IACF,sDAAsD;IACtD,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAoBF;;GAEG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2DAsFvD;AACD,eAAe,iBAAiB,CAAC"}