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

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

@@ -0,0 +1,85 @@
+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: u, sorts: i, onClose: l } = p, { size: a } = C(), { getLabel: S } = O(), y = g(), s = L(!0), { hidePopoverSort: d, removeSort: w, showPopoverSortForEdit: h } = I(
+    (e) => e.actions
+  ), [n, c] = k(-1);
+  function f(e) {
+    l(), d(!1), setTimeout(() => h(e), 10);
+  }
+  function v(e, o) {
+    e.stopPropagation(), d(!1), w(o.id);
+  }
+  return x(() => {
+    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();
+    };
+    return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+  }, [i, n]), s ? /* @__PURE__ */ r(
+    P,
+    {
+      open: !0,
+      disableAutoFocus: !0,
+      disableRestoreFocus: !0,
+      anchorOrigin: { vertical: "bottom", horizontal: "left" },
+      transformOrigin: { vertical: "top", horizontal: "left" },
+      sx: (e) => ({
+        mt: e.vars.size.baseSpacings.sp2
+      }),
+      anchorEl: u,
+      onClose: l,
+      container: s,
+      children: /* @__PURE__ */ r(z, { children: i.map((e, o) => {
+        const t = F(e.field.type).getLabels(e, S, y, e.field);
+        return /* @__PURE__ */ m(
+          A,
+          {
+            ownerState: { selected: o === n },
+            "data-testid": "dynamic-sort-overflow-item",
+            "data-field-name": e.field.name,
+            onClick: () => f(e),
+            children: [
+              /* @__PURE__ */ r(R, { src: e.field.urlIcon, size: a, color: "text.secondary" }),
+              /* @__PURE__ */ m(j, { children: [
+                /* @__PURE__ */ r(B, { children: t.labelField }),
+                /* @__PURE__ */ r(
+                  E,
+                  {
+                    size: a,
+                    variant: "contained",
+                    opacity: !0,
+                    color: "default",
+                    label: t.labelOperator
+                  }
+                )
+              ] }),
+              !e.fixed && /* @__PURE__ */ r(
+                H,
+                {
+                  size: a,
+                  icon: /* @__PURE__ */ r(D, {}),
+                  onClick: (b) => v(b, e)
+                }
+              )
+            ]
+          },
+          e.id
+        );
+      }) })
+    }
+  ) : null;
+}
+export {
+  Z as default
+};

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

@@ -0,0 +1,3 @@
+export { default } from './OverflowSortPopover';
+export type { OverflowSortPopoverProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/OverflowSortPopover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,11 @@
+import { SortFieldApplied } from '../../types';
+/** Props del OverflowSortPopover. */
+export interface OverflowSortPopoverProps {
+    /** Elemento DOM que sirve de ancla para el popover. */
+    anchorEl: HTMLElement | null;
+    /** Sorts que no caben en la vista principal. */
+    sorts: SortFieldApplied[];
+    /** Callback para cerrar el popover. */
+    onClose: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/OverflowSortPopover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,qCAAqC;AACrC,MAAM,WAAW,wBAAwB;IACvC,uDAAuD;IACvD,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,gDAAgD;IAChD,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,uCAAuC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}

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

@@ -1,10 +1,25 @@
+import { ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
 import { SortField } from '../../types';
 export type PopoverMenuFieldsProps = {
     selectFieldIndex: number;
     fields: SortField[];
+    /** Texto actual del input "Ordenar por" (del store). */
+    inputData: string;
+    /** Placeholder del input (del diccionario). */
+    inputPlaceHolder: string;
+    /** Handlers del input (focus/change/keyDown) construidos en useInputSort. */
+    inputHandlersProps: {
+        onFocus: (event: FocusEvent<HTMLInputElement>) => void;
+        onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+        onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
+    };
+    /** Modo skeleton mientras cargan los módulos. */
+    isSkeleton: boolean;
 };
 /**
- * PopoverMenuFields renders the dropdown list of fields available for sorting.
+ * PopoverMenuFields: Popover con el input "Ordenar por" en la parte superior
+ * y debajo el listado de campos disponibles para crear un nuevo sort.
+ * El popover se abre al hacer click en el IconButton trigger de InputSort.
  */
 declare function PopoverMenuFields(props: PopoverMenuFieldsProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
 export default PopoverMenuFields;

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":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,MAAM,sBAAsB,GAAG;IAAE,gBAAgB,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,SAAS,EAAE,CAAA;CAAE,CAAC;AACvF;;GAEG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2DAuDvD;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,wDAAwD;IACxD,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,gBAAgB,EAAE,MAAM,CAAC;IACzB,6EAA6E;IAC7E,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,iDAAiD;IACjD,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;GAIG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2DAkFvD;AACD,eAAe,iBAAiB,CAAC"}

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

@@ -1,50 +1,72 @@
-import { jsxs as I, jsx as r } from "@emotion/react/jsx-runtime";
-import h from "../DynamicSortBase/useDynamicSortBase.js";
-import C from "./usePopoverMenuFields.js";
-import { Icon as P } from "@m4l/base";
-import { DICCTIONARY as g } from "../../dictionary.js";
-import { useModuleDictionary as F } from "@m4l/core";
-import { usePopoverContainer as M } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
-import { PopoverMenuStyled as x } from "../../slots/DynamicSortSlots.js";
-import { MenuItem as a } from "../../../extended/mui/MenuItem/MenuItem.js";
-function A(l) {
-  const { fields: n, selectFieldIndex: m } = l, { elementRef: p, handleOpenPopUpClickItem: c, handleClosePopover: u, getItemLabel: s, isOpenPopoverMenuFields: o } = C(), { size: t } = h(), d = p?.current, { getLabel: f } = F(), i = M(!!o);
-  return !o || !i ? null : /* @__PURE__ */ I(
-    x,
+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 _ 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: h, handleOpenPopUpClickItem: v, handleClosePopover: y, getItemLabel: l, isOpenPopoverMenuFields: o } = _(), x = h?.current, { getLabel: P } = A(), i = E(!!o), { size: r, ownerState: n } = w(), s = F(null);
+  return D(() => {
+    o && requestAnimationFrame(() => {
+      s.current?.focus();
+    });
+  }, [o]), !o || !i ? null : /* @__PURE__ */ c(
+    j,
     {
       disableAutoFocus: !0,
       disableRestoreFocus: !0,
       arrowType: "top-left",
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
       transformOrigin: { vertical: "top", horizontal: "left" },
-      open: !!o,
-      onClose: u,
-      anchorEl: d,
-      container: i,
       sx: (e) => ({
         mt: e.vars.size.baseSpacings.sp2
       }),
+      open: !!o,
+      onClose: y,
+      anchorEl: x,
+      container: i,
       children: [
-        o && n.map((e, b) => /* @__PURE__ */ r(
-          a,
+        /* @__PURE__ */ c(H, { ownerState: { ...n }, children: [
+          /* @__PURE__ */ t(u, { size: r, src: /* @__PURE__ */ t(R, {}), color: "text.secondary" }),
+          b ? /* @__PURE__ */ t(L, { ownerState: { ...n }, variant: "rounded" }) : /* @__PURE__ */ t(
+            T,
+            {
+              ref: s,
+              type: "text",
+              value: f,
+              placeholder: I,
+              ownerState: { ...n },
+              role: "searchbox",
+              "aria-label": "searchbox",
+              ...S
+            }
+          )
+        ] }),
+        a.map((e, C) => /* @__PURE__ */ t(
+          p,
           {
-            startIcon: /* @__PURE__ */ r(P, { size: t, src: e.urlIcon }),
-            label: s(e),
+            startIcon: O(e.urlIcon) ? M(e.urlIcon, { size: r }) : /* @__PURE__ */ t(u, { size: r, src: e.urlIcon }),
+            label: l(e),
             dense: !0,
-            size: t,
-            selected: b === m,
+            size: r,
+            selected: C === d,
             "data-testid": "dynamic-sort-field-option",
             "data-field-name": e.name,
-            onClick: (v) => c(v, e)
+            onClick: (g) => v(g, e)
           },
-          `menu_action_${s(e)}`
+          `menu_action_${l(e)}`
         )),
-        o && n.length === 0 && /* @__PURE__ */ r(
-          a,
+        a.length === 0 && /* @__PURE__ */ t(
+          p,
           {
             dense: !0,
-            size: t,
-            label: f(g.label_no_fields_available),
+            size: r,
+            label: P(k(z.label_no_fields_available)),
             disabled: !0
           }
         )
@@ -53,5 +75,5 @@ function A(l) {
   );
 }
 export {
-  A as default
+  W as default
 };

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

@@ -1,8 +1,9 @@
 /**
- * Acciones del sort, muestra la accion de clean
- * para limpiar los campos y el boton refresh
- * para aplicar el sort con los campos del input
+ * SortActions: Renderiza los botones de limpiar y aplicar sorts.
+ * Usa @m4l/icons directamente — sin URLs de S3.
+ * El botón de refresh solo aparece cuando hay sorts aplicados o hay cambios pendientes.
+ * Acepta `ref` para que useChipsOverflow pueda medir su ancho.
  */
-declare function SortActions(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const SortActions: import('react').ForwardRefExoticComponent<import('react').RefAttributes<HTMLDivElement>>;
 export default SortActions;
 //# sourceMappingURL=SortActions.d.ts.map

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":"AAKA;;;;GAIG;AACH,iBAAS,WAAW,qDAgCnB;AACD,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,0FAqCf,CAAC;AAEH,eAAe,WAAW,CAAC"}

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

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

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

@@ -1,11 +1,12 @@
 /**
- * Hook que maneja la lógica de los botones de ordenamiento
+ * Hook que maneja la lógica de los botones de ordenamiento.
+ * Los íconos se pasan desde SortActions usando @m4l/icons (no URLs de S3).
  */
 declare function useSortActions(): {
+    automatic: boolean | undefined;
     isSkeleton: boolean;
-    sortIconUrl: string;
-    clearIconUrl: string;
     canShowRemoveAction: boolean;
+    hasAppliedSorts: boolean;
     onClickClearSorts: () => void;
     onClickSort: VoidFunction;
     sortButtonDictionaryTooltip: string;

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

@@ -1 +1 @@
-{"version":3,"file":"useSortActions.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/SortActions/useSortActions.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,iBAAS,cAAc;;;;;;;;;;;;;EAwCtB;AACD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"useSortActions.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/SortActions/useSortActions.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,iBAAS,cAAc;;;;;;;;;;;;;EAsCtB;AACD,eAAe,cAAc,CAAC"}

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

@@ -1,28 +1,27 @@
-import { useEnvironment as C, useModuleSkeleton as v } from "@m4l/core";
-import { ASSETS_URL as S, ASSETS as n } from "../../constants.js";
-import { getDynamicSortDictionary as w, DICCTIONARY as i } from "../../dictionary.js";
+import { useModuleSkeleton as y } from "@m4l/core";
+import { getDynamicSortDictionary as D, DICCTIONARY as i } from "../../dictionary.js";
 import { useDynamicSortStore as o } from "../../store/useDynamicSortStore.js";
-function T() {
-  const { host_static_assets: r, environment_assets: e } = C(), l = o((t) => t.automatic), m = v(), s = o((t) => t.ownerState?.isValid), c = o((t) => t.ownerState?.isDirty), d = o((t) => t.appliedSorts), p = o((t) => t.ownerState?.inEdition), { hidePopoverSort: f, clearSorts: u, fireOnChangeSorts: a } = o(
+function w() {
+  const a = o((t) => t.automatic), c = y(), n = o((t) => t.ownerState?.isValid), r = o((t) => t.ownerState?.isDirty), e = o((t) => t.appliedSorts), l = o((t) => t.ownerState?.inEdition), { hidePopoverSort: S, clearSorts: d, fireOnChangeSorts: s } = o(
     (t) => t.actions
   );
-  function _() {
-    f(!1), u(), a();
+  function p() {
+    S(!1), d(), s();
   }
-  const $ = `${r}/${e}/${S}/${l ? n.refresh : n.sort}`, y = `${r}/${e}/${S}/${n.clean}`, D = d.findIndex((t) => !t.fixed) > -1, h = w(
-    s ? c ? i.sort_tooltip_dirty : i.sort_tooltip_refresh : i.sort_tooltip_invalid
+  const f = e.findIndex((t) => !t.fixed) > -1, m = e.length > 0, u = D(
+    n ? r ? i.sort_tooltip_dirty : i.sort_tooltip_refresh : i.sort_tooltip_invalid
   );
   return {
-    isSkeleton: m,
-    sortIconUrl: $,
-    clearIconUrl: y,
-    canShowRemoveAction: D,
-    onClickClearSorts: _,
-    onClickSort: a,
-    sortButtonDictionaryTooltip: h,
-    ownerState: { isValid: s, isDirty: c, inEdition: p }
+    automatic: a,
+    isSkeleton: c,
+    canShowRemoveAction: f,
+    hasAppliedSorts: m,
+    onClickClearSorts: p,
+    onClickSort: s,
+    sortButtonDictionaryTooltip: u,
+    ownerState: { isValid: n, isDirty: r, inEdition: l }
   };
 }
 export {
-  T as default
+  w as default
 };

package/components/DynamicSort/types.d.ts

@@ -172,6 +172,10 @@ export interface OwnerState extends Pick<DynamicSortProps, 'automatic'> {
      *  "isEmpty" Define si existen sorts aplicados
      */
     isEmpty: boolean;
+    /**
+     * Marks an overflow popover item as keyboard-selected.
+     */
+    selected?: boolean;
     /**
      * Propiedad para las variantes de tamaño
      */

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/ReactSimpleCodeEditor/CodeEditor.d.ts

@@ -0,0 +1,6 @@
+import { CodeEditorProps } from './types';
+/**
+ * Render a syntax-highlighted code editor with optional self-managed fallback state.
+ */
+export declare function CodeEditor(props: CodeEditorProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CodeEditor.d.ts.map

package/components/extended/ReactSimpleCodeEditor/CodeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,SAAS,CAAC;AAgBjB;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDA8VhD"}