@m4l/components 9.16.0 → 9.17.1-beta-feature-731-m4l-components-code-editor.0

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

@@ -1,14 +1,34 @@
-import { useModuleSkeleton as r } from "@m4l/core";
-import { useDynamicSortStore as S } from "../../store/useDynamicSortStore.js";
-function l() {
-  const o = S((e) => e.appliedSorts), i = r();
-  return {
-    appliedSortsSorted: [...o].sort(
-      (e, t) => e.isSet !== t.isSet ? Number(e.isSet) - Number(t.isSet) : t.id - e.id
+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
     ),
-    isSkeleton: i
+    [t]
+  ), {
+    visibleFilters: s,
+    overflowFilters: p,
+    parentRef: l,
+    containerRef: S,
+    setChipRef: f,
+    setMoreChipRef: n,
+    setActionsRef: m
+  } = c(i);
+  return {
+    appliedSortsSorted: i,
+    visibleSorts: s,
+    overflowSorts: p,
+    isSkeleton: r,
+    parentRef: l,
+    containerRef: S,
+    setChipRef: f,
+    setMoreChipRef: n,
+    setActionsRef: m
   };
 }
 export {
-  l as default
+  w as default
 };

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

@@ -1,6 +1,7 @@
 import { DynamicSortBaseProps } from './types';
 /**
- * DynamicSortBase es un componente base que contiene los subcomponentes InputSort, AppliedSorts, SortActions y PopoverSort.
+ * DynamicSortBase: Componente base del DynamicSort.
+ * SortActions vive dentro de AppliedSorts (patrón idéntico al DynamicFilter).
  */
 declare function DynamicSortBase(props: DynamicSortBaseProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default DynamicSortBase;

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":"AAQA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C;;GAEG;AACH,iBAAS,eAAe,CAAE,KAAK,EAAC,oBAAoB,oDAqBnD;AACD,eAAe,eAAe,CAAC"}
+{"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"}

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

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as p } from "@emotion/react/jsx-runtime";
-import { getPropDataTestId as e } from "../../../../test/getNameDataTestId.js";
+import { getPropDataTestId as m } from "../../../../test/getNameDataTestId.js";
 import { getComponentSlotRoot as S } from "../../../../utils/getComponentSlotRoot.js";
 import { DYNAMIC_SORT_KEY_COMPONENT as t } from "../../constants.js";
 import c from "./useDynamicSortBase.js";
@@ -7,27 +7,25 @@ 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 "../SortActions/SortActions.js";
-import D from "../PopoverSort/PopoverSort.js";
+import C from "../PopoverSort/PopoverSort.js";
 import { DynamicSortSlots as n } from "../../slots/SlotsEnum.js";
-function j(i) {
-  const { className: s } = i, { ownerState: r, dataTestId: m } = c(), a = S(t);
+function h(a) {
+  const { className: i } = a, { ownerState: r, dataTestId: e } = c(), s = S(t);
   return /* @__PURE__ */ o(
     l,
     {
-      className: f(a, s),
+      className: f(s, i),
       ownerState: { ...r },
-      ...e(t, n.root, m),
+      ...m(t, n.root, e),
       children: /* @__PURE__ */ p(
         d,
         {
           ownerState: { ...r },
-          ...e(t, n.innerContainer, m),
+          ...m(t, n.innerContainer, e),
           children: [
             /* @__PURE__ */ o(u, {}),
             /* @__PURE__ */ o(y, {}),
-            /* @__PURE__ */ o(C, {}),
-            /* @__PURE__ */ o(D, {})
+            /* @__PURE__ */ o(C, {})
           ]
         }
       )
@@ -35,5 +33,5 @@ function j(i) {
   );
 }
 export {
-  j as default
+  h as default
 };

package/components/DynamicSort/subcomponents/FieldTypes/StringSort/index.d.ts

@@ -1,6 +1,6 @@
 /**
- * Subcomponente encargado de los sorts con el tipo de dato "string"
- * @returns
+ * Subcomponente encargado de los sorts con el tipo de dato "string".
+ * Usa @m4l/icons directamente — sin URLs de S3.
  */
 export declare function StringSort(): import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/components/DynamicSort/subcomponents/FieldTypes/StringSort/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/FieldTypes/StringSort/index.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,wBAAgB,UAAU,qDAgCzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/FieldTypes/StringSort/index.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,wBAAgB,UAAU,qDA+BzB"}

package/components/DynamicSort/subcomponents/FieldTypes/StringSort/index.js

@@ -1,37 +1,37 @@
-import { jsx as t, Fragment as c } from "@emotion/react/jsx-runtime";
-import { useModuleDictionary as l, useEnvironment as p } from "@m4l/core";
-import { useMemo as d } from "react";
-import { SORT_ICONS as s } from "../../../icons.js";
-import { Icon as i } from "@m4l/base";
-import { getDynamicSortDictionary as n, DICCTIONARY as f } from "../../../dictionary.js";
-import u from "../../DynamicSortBase/useDynamicSortBase.js";
-import { RHFSelect as S } from "../../../../hook-form/RHFSelect/RHFSelect.js";
-function y() {
-  const { getLabel: o } = l(), { host_static_assets: e, environment_assets: r } = p(), { size: m } = u(), a = d(
+import { jsx as o, Fragment as s } from "@emotion/react/jsx-runtime";
+import { useModuleDictionary as m } from "@m4l/core";
+import { ActionsSortAscOutlined as l, ActionsSortDescOutlined as a } from "@m4l/icons";
+import { useMemo as c } from "react";
+import { getDynamicSortDictionary as r, DICCTIONARY as p } from "../../../dictionary.js";
+import d from "../../DynamicSortBase/useDynamicSortBase.js";
+import { Icon as e } from "../../../../Icon/Icon.js";
+import { RHFSelect as f } from "../../../../hook-form/RHFSelect/RHFSelect.js";
+function z() {
+  const { getLabel: t } = m(), { size: i } = d(), n = c(
     () => [
       {
         id: "asc",
-        label: o(n("label_ascending")),
-        startAdornment: /* @__PURE__ */ t(i, { src: `${e}/${r}/${s.ASCENDING}` })
+        label: t(r("label_ascending")),
+        startAdornment: /* @__PURE__ */ o(e, { size: "small", src: /* @__PURE__ */ o(l, {}) })
       },
       {
         id: "desc",
-        label: o(n("label_descending")),
-        startAdornment: /* @__PURE__ */ t(i, { src: `${e}/${r}/${s.DESCENDING}` })
+        label: t(r("label_descending")),
+        startAdornment: /* @__PURE__ */ o(e, { size: "small", src: /* @__PURE__ */ o(a, {}) })
       }
     ],
-    [o, e, r]
+    [t]
   );
-  return /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(
-    S,
+  return /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(
+    f,
     {
-      size: m,
+      size: i,
       name: "formValueOperator",
-      options: a,
-      label: o(n(f.input_placeholder))
+      options: n,
+      label: t(r(p.input_placeholder))
     }
   ) });
 }
 export {
-  y as StringSort
+  z as StringSort
 };

package/components/DynamicSort/subcomponents/FieldTypes/fieldFactory.d.ts

@@ -1,6 +1,7 @@
+import { SortFieldType } from '../../types';
 import { SortHelpers } from './StringSort/helpers';
 /**
  * Factory que retorna el helper correspondiente al tipo de campo
  */
-export declare function fieldFactory(): SortHelpers;
+export declare function fieldFactory(_type?: SortFieldType): SortHelpers;
 //# sourceMappingURL=fieldFactory.d.ts.map

package/components/DynamicSort/subcomponents/FieldTypes/fieldFactory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldFactory.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/FieldTypes/fieldFactory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAOnD;;GAEG;AACH,wBAAgB,YAAY,gBAM3B"}
+{"version":3,"file":"fieldFactory.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/FieldTypes/fieldFactory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAOnD;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,aAAa,eAMjD"}

package/components/DynamicSort/subcomponents/FieldTypes/fieldFactory.js

@@ -5,10 +5,10 @@ const r = {
     throw new Error("Type no defined");
   }
 };
-function o() {
+function _(n) {
   const e = r?.string;
   return e || r.__default__();
 }
 export {
-  o as fieldFactory
+  _ as fieldFactory
 };

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

@@ -1,5 +1,6 @@
 /**
- * Componente encargado de mostrar el input de búsqueda y el menú de campos para ordenar
+ * InputSort: IconButton trigger que abre/cierra el PopoverMenuFields.
+ * El input "Ordenar por" vive dentro del popover — patrón idéntico al DynamicFilter.
  */
 declare const InputSort: () => import("@emotion/react/jsx-runtime").JSX.Element;
 export default InputSort;

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

@@ -1 +1 @@
-{"version":3,"file":"InputSort.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/InputSort/InputSort.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,QAAA,MAAM,SAAS,wDAwCd,CAAC;AACF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"InputSort.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/InputSort/InputSort.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,QAAA,MAAM,SAAS,wDA6Cd,CAAC;AACF,eAAe,SAAS,CAAC"}

package/components/DynamicSort/subcomponents/InputSort/InputSort.js

@@ -1,45 +1,54 @@
-import { jsxs as S, jsx as e } from "@emotion/react/jsx-runtime";
-import { useRef as f, useEffect as I } from "react";
-import { Icon as x } from "@m4l/base";
-import v from "../DynamicSortBase/useDynamicSortBase.js";
-import y from "./useInputSort.js";
-import { InputSortStyled as F, InputSortInputSkeletonStyled as P, InputSortInputStyled as h } from "../../slots/DynamicSortSlots.js";
-import w from "../PopoverMenuFields/PopoverMenuFields.js";
-const M = () => {
+import { jsxs as f, Fragment as S, jsx as o } from "@emotion/react/jsx-runtime";
+import { useRef as x, useEffect as F } from "react";
+import { ActionsSortDuotone as g } from "@m4l/icons";
+import I from "../DynamicSortBase/useDynamicSortBase.js";
+import P from "./useInputSort.js";
+import { InputSortTriggerButtonStyled as v } from "../../slots/DynamicSortSlots.js";
+import h from "../PopoverMenuFields/PopoverMenuFields.js";
+const B = () => {
   const {
-    iconUrl: n,
-    isSkeleton: s,
-    inputPlaceHolder: l,
-    inputData: p,
-    inputHandlersProps: i,
+    isSkeleton: n,
+    inputPlaceHolder: i,
+    inputData: s,
+    inputHandlersProps: l,
     sortFields: a,
-    selectedFieldIndex: d,
-    setElementRef: o,
-    isOpenPopoverMenuFields: u,
-    isOpenPopoverSort: m
-  } = y(), r = f(null);
-  I(() => {
-    o(r);
-  }, [o]);
-  const { ownerState: t, size: c } = v();
-  return /* @__PURE__ */ S(F, { ownerState: { ...t }, "aria-expanded": u || m, children: [
-    /* @__PURE__ */ e(x, { src: n, size: c }),
-    s ? /* @__PURE__ */ e(P, { ownerState: { ...t }, variant: "rounded" }) : /* @__PURE__ */ e(
-      h,
+    selectedFieldIndex: p,
+    setElementRef: r,
+    isOpenPopoverMenuFields: e,
+    isOpenPopoverSort: d,
+    handleTriggerClick: u
+  } = P(), t = x(null), { ownerState: c, size: m } = I();
+  return F(() => {
+    r(t);
+  }, [r, t]), /* @__PURE__ */ f(S, { children: [
+    /* @__PURE__ */ o(
+      v,
       {
-        ref: r,
-        type: "text",
-        value: p,
-        placeholder: l,
-        ownerState: { ...t },
-        role: "searchbox",
+        ref: t,
+        icon: /* @__PURE__ */ o(g, {}),
+        variant: "outline",
+        color: e ? "info" : "default",
+        selected: e,
+        size: m,
         "aria-label": "searchbox",
-        ...i
+        "aria-expanded": e || d,
+        ownerState: { ...c, selected: e },
+        onClick: u
       }
     ),
-    /* @__PURE__ */ e(w, { fields: a, selectFieldIndex: d })
+    /* @__PURE__ */ o(
+      h,
+      {
+        fields: a,
+        selectFieldIndex: p,
+        inputData: s,
+        inputPlaceHolder: i,
+        inputHandlersProps: l,
+        isSkeleton: n
+      }
+    )
   ] });
 };
 export {
-  M as default
+  B as default
 };

package/components/DynamicSort/subcomponents/InputSort/useInputSort.d.ts

@@ -1,62 +1,38 @@
 import { ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
 import { SortField } from '../../types';
 /**
- * Hook que maneja la lógica del inputSort
+ * Hook que maneja la lógica del InputSort — trigger button que abre/cierra
+ * el PopoverMenuFields. El input "Ordenar por" vive dentro del popover,
+ * igual que el patrón del DynamicFilter.
  */
 declare function useInputSort(): {
-    /**
-     * URL del icono del inputSort  `${host_static_assets}/${environment_assets}/${ASSETS_URL}/${ASSETS.close}`;
-     */
-    iconUrl: string;
-    /**
-     * Si es esqueleto mostrar la versión de esqueleton
-     */
+    /** Modo skeleton mientras cargan los módulos. */
     isSkeleton: boolean;
-    /**
-     * Texto de placeholder del inputSort
-     */
+    /** Placeholder del input dentro del popover. */
     inputPlaceHolder: string;
-    /**
-     * Texto del inputSort
-     */
+    /** Texto actual del input. */
     inputData: string;
-    /**
-     * Props para el handler de eventos del inputSort
-     */
+    /** Props de eventos para el input interno del popover. */
     inputHandlersProps: {
-        /**
-         * Evento de foco del inputSort
-         */
+        /** Evento de foco del input dentro del popover. */
         onFocus: (_event: FocusEvent<HTMLInputElement>) => void;
-        /**
-         * Evento de cambio del inputSort
-         */
+        /** Evento de cambio del input dentro del popover. */
         onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-        /**
-         * Evento de teclado del inputSort
-         */
+        /** Evento de teclado del input dentro del popover. */
         onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
     };
-    /**
-     * Campos filtrados por el inputSort
-     */
+    /** Campos filtrados por el texto del input. */
     sortFields: SortField[];
-    /**
-     * Indice del campo seleccionado
-     */
+    /** Índice del campo actualmente seleccionado por teclado. */
     selectedFieldIndex: number;
-    /**
-     * Actualiza la referencia del elemento (inputSort)
-     */
+    /** Setter de la referencia del trigger button (anchorEl del popover). */
     setElementRef: (ref: import('react').MutableRefObject<HTMLElement | null>) => void;
-    /**
-     * Indica si el menú de campos está abierto
-     */
+    /** Si el PopoverMenuFields está abierto. */
     isOpenPopoverMenuFields: boolean | undefined;
-    /**
-     * Indica si el popoverSort está abierto
-     */
+    /** Si el PopoverSort está abierto. */
     isOpenPopoverSort: boolean;
+    /** Alterna apertura/cierre del PopoverMenuFields al hacer click en el trigger. */
+    handleTriggerClick: () => void;
 };
 export default useInputSort;
 //# sourceMappingURL=useInputSort.d.ts.map

package/components/DynamicSort/subcomponents/InputSort/useInputSort.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInputSort.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/InputSort/useInputSort.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAuB,MAAM,OAAO,CAAC;AAInG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;GAEG;AACH,iBAAS,YAAY;IA6FjB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;QAzEH;;WAEG;0BACe,UAAU,CAAC,gBAAgB,CAAC;QAG9C;;WAEG;0BACe,WAAW,CAAC,gBAAgB,CAAC;QAO/C;;WAEG;2BACgB,aAAa,CAAC,gBAAgB,CAAC;;IAwDlD;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;EAIN;AACD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"useInputSort.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/InputSort/useInputSort.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAuB,MAAM,OAAO,CAAC;AAGnG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;;GAIG;AACH,iBAAS,YAAY;IAqGjB,iDAAiD;;IAEjD,gDAAgD;;IAEhD,8BAA8B;;IAE9B,0DAA0D;;QAxD1D,mDAAmD;0BACjC,UAAU,CAAC,gBAAgB,CAAC;QAG9C,qDAAqD;0BACnC,WAAW,CAAC,gBAAgB,CAAC;QAO/C,sDAAsD;2BACnC,aAAa,CAAC,gBAAgB,CAAC;;IA6ClD,+CAA+C;;IAE/C,6DAA6D;;IAE7D,yEAAyE;;IAEzE,4CAA4C;;IAE5C,sCAAsC;;IAEtC,kFAAkF;;EAGrF;AACD,eAAe,YAAY,CAAC"}

package/components/DynamicSort/subcomponents/InputSort/useInputSort.js

@@ -1,105 +1,81 @@
-import { useEnvironment as k, useModuleDictionary as w, useModuleSkeleton as E } from "@m4l/core";
-import { useState as f, useEffect as _ } from "react";
-import { ASSETS_URL as A, ASSETS as M } from "../../constants.js";
-import { getDynamicSortDictionary as b, DICCTIONARY as x } from "../../dictionary.js";
-import { useDynamicSortStore as i } from "../../store/useDynamicSortStore.js";
-function T() {
-  const [t, l] = f(-1), [o, c] = f([]), { host_static_assets: S, environment_assets: m } = k(), { getLabel: a } = w(), F = E(), s = i((e) => e.isOpenPopoverMenuFields), u = i((e) => e.availableFields), r = i((e) => e.inputData), v = i((e) => !!e.popoverSortData), {
-    closePopoverMenuFields: p,
-    hidePopoverSort: D,
-    openPopoverMenuFields: d,
-    setInputData: h,
-    showPopoverSortForAdd: y,
-    setElementRef: I
-  } = i((e) => e.actions);
-  _(() => {
-    s ? (c(
+import { useModuleDictionary as v, useModuleSkeleton as k } from "@m4l/core";
+import { useState as f, useEffect as w } from "react";
+import { getDynamicSortDictionary as M, DICCTIONARY as x } from "../../dictionary.js";
+import { useDynamicSortStore as r } from "../../store/useDynamicSortStore.js";
+function E() {
+  const [o, a] = f(-1), [t, d] = f([]), { getLabel: p } = v(), m = k(), i = r((e) => e.isOpenPopoverMenuFields), u = r((e) => e.availableFields), l = r((e) => e.inputData), S = r((e) => !!e.popoverSortData), {
+    closePopoverMenuFields: s,
+    hidePopoverSort: F,
+    openPopoverMenuFields: c,
+    setInputData: D,
+    showPopoverSortForAdd: g,
+    setElementRef: h
+  } = r((e) => e.actions);
+  w(() => {
+    i ? (d(
       u.filter(
-        (e) => (e.label ?? a(e.dictionaryId)).includes(r)
+        (e) => (e.label ?? p(e.dictionaryId)).includes(l)
       )
-    ), l(-1)) : c([]);
-  }, [s, r, u, a]);
-  function P(e) {
-    p(), y(e);
+    ), a(-1)) : d([]);
+  }, [i, l, u, p]);
+  function y(e) {
+    s(), g(e);
   }
-  const g = {
-    /**
-     * Evento de foco del inputSort
-     */
+  function I() {
+    i ? s() : c();
+  }
+  const P = {
+    /** Evento de foco del input dentro del popover. */
     onFocus: (e) => {
-      d();
+      c();
     },
-    /**
-     * Evento de cambio del inputSort
-     */
+    /** Evento de cambio del input dentro del popover. */
     onChange: (e) => {
-      h(e.target.value), s || d(), D(!0);
+      D(e.target.value), i || c(), F(!0);
     },
-    /**
-     * Evento de teclado del inputSort
-     */
+    /** Evento de teclado del input dentro del popover. */
     onKeyDown: (e) => {
       if (e.key === "ArrowDown") {
         let n = -1;
-        o.length > 0 && (t < o.length - 1 ? n = t + 1 : n = o.length - 1), l(n);
+        t.length > 0 && (o < t.length - 1 ? n = o + 1 : n = t.length - 1), a(n);
       }
       if (e.key === "ArrowUp") {
         let n = -1;
-        o.length > 0 && t > -1 && (n = t - 1), l(n);
+        t.length > 0 && o > -1 && (n = o - 1), a(n);
       }
-      if (e.key === "Escape" && p(), e.key === "Enter")
-        if (t === -1) {
-          if (r.trim() === "") {
-            p();
+      if (e.key === "Escape" && s(), e.key === "Enter")
+        if (o === -1) {
+          if (l.trim() === "") {
+            s();
             return;
           }
         } else
-          P(o[t]);
+          y(t[o]);
     }
   };
   return {
-    /**
-     * URL del icono del inputSort  `${host_static_assets}/${environment_assets}/${ASSETS_URL}/${ASSETS.close}`;
-     */
-    iconUrl: `${S}/${m}/${A}/${M.list_bulleted}`,
-    /**
-     * Si es esqueleto mostrar la versión de esqueleton
-     */
-    isSkeleton: F,
-    /**
-     * Texto de placeholder del inputSort
-     */
-    inputPlaceHolder: a(b(x.input_placeholder)),
-    /**
-     * Texto del inputSort
-     */
-    inputData: r,
-    /**
-     * Props para el handler de eventos del inputSort
-     */
-    inputHandlersProps: g,
-    /**
-     * Campos filtrados por el inputSort
-     */
-    sortFields: o,
-    /**
-     * Indice del campo seleccionado
-     */
-    selectedFieldIndex: t,
-    /**
-     * Actualiza la referencia del elemento (inputSort)
-     */
-    setElementRef: I,
-    /**
-     * Indica si el menú de campos está abierto
-     */
-    isOpenPopoverMenuFields: s,
-    /**
-     * Indica si el popoverSort está abierto
-     */
-    isOpenPopoverSort: v
+    /** Modo skeleton mientras cargan los módulos. */
+    isSkeleton: m,
+    /** Placeholder del input dentro del popover. */
+    inputPlaceHolder: p(M(x.input_placeholder)),
+    /** Texto actual del input. */
+    inputData: l,
+    /** Props de eventos para el input interno del popover. */
+    inputHandlersProps: P,
+    /** Campos filtrados por el texto del input. */
+    sortFields: t,
+    /** Índice del campo actualmente seleccionado por teclado. */
+    selectedFieldIndex: o,
+    /** Setter de la referencia del trigger button (anchorEl del popover). */
+    setElementRef: h,
+    /** Si el PopoverMenuFields está abierto. */
+    isOpenPopoverMenuFields: i,
+    /** Si el PopoverSort está abierto. */
+    isOpenPopoverSort: S,
+    /** Alterna apertura/cierre del PopoverMenuFields al hacer click en el trigger. */
+    handleTriggerClick: I
   };
 }
 export {
-  T as default
+  E as default
 };

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

@@ -0,0 +1,9 @@
+import { OverflowSortPopoverProps } from './types';
+/**
+ * OverflowSortPopover: Popover que muestra los sorts que no caben en el header.
+ * Estructura idéntica al OverflowPopover del DynamicFilter:
+ * icono del campo | label + chip de dirección | botón eliminar (si no fixed).
+ */
+declare function OverflowSortPopover(props: OverflowSortPopoverProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export default OverflowSortPopover;
+//# sourceMappingURL=OverflowSortPopover.d.ts.map

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

@@ -0,0 +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;;;;GAIG;AACH,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2DA6G3D;AACD,eAAe,mBAAmB,CAAC"}