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

package/@types/types.d.ts

@@ -373,6 +373,10 @@ import {
   ReactJsonViewerOwnerState,
   ReactJsonViewerSlotsType,
 } from '../components/extended/React-Json-Viewer/types';
+import {
+  CodeEditorOwnerState,
+  CodeEditorSlotsType,
+} from '../components/extended/ReactSimpleCodeEditor/types';
 import {
   ResizableOwnerState as ReactResizableOwnerState,
   ResizableSlotsType,
@@ -499,6 +503,7 @@ declare module '@mui/material/styles' {
     M4LFixedSizeList: FixedSizeListSlotsType;
     M4LVariableSizeList: VariableSizeListSlotsType;
     M4LReactJsonViewer: ReactJsonViewerSlotsType;
+    M4LCodeEditor: CodeEditorSlotsType;
     M4LResizable: ResizableSlotsType;
     M4LResizableBox: ResizableBoxSlotsType;
     M4LImageSelector: ImageSelectorSlotsType;
@@ -614,6 +619,7 @@ declare module '@mui/material/styles' {
     M4LFixedSizeList: Partial<FixedSizeListOwnerState>;
     M4LVariableSizeList: Partial<VariableSizeListOwnerState>;
     M4LReactJsonViewer: Partial<ReactJsonViewerOwnerState>;
+    M4LCodeEditor: Partial<CodeEditorOwnerState>;
     M4LResizable: Partial<ReactResizableOwnerState>;
     M4LResizableBox: Partial<ResizableBoxOwnerState>;
     M4LImageSelector: Partial<ImageSelectorOwnerState>;
@@ -1168,6 +1174,11 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LReactJsonViewer'];
       variants?: ComponentsVariants['M4LReactJsonViewer'];
     };
+    M4LCodeEditor?: {
+      defaultProps?: ComponentsPropsList['M4LCodeEditor'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LCodeEditor'];
+      variants?: ComponentsVariants['M4LCodeEditor'];
+    };
     M4LResizable?: {
       defaultProps?: ComponentsPropsList['M4LResizable'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LResizable'];

package/components/DynamicFilter/DynamicFilter.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicFilter.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicFilter/DynamicFilter.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,eAAO,MAAM,mBAAmB,EAAE,mBAwdjC,CAAC"}
+{"version":3,"file":"DynamicFilter.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicFilter/DynamicFilter.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,eAAO,MAAM,mBAAmB,EAAE,mBAkejC,CAAC"}

package/components/DynamicFilter/DynamicFilter.styles.js

@@ -165,7 +165,13 @@ const n = "dynamic", p = {
     overflow: "hidden",
     position: "relative",
     "& .M4LChip-root": {
-      borderRadius: r.vars.size.borderRadius.r1,
+      // Applied filter chips must use the design-system radius (r1-5 = 6px).
+      // This descendant override wins over the base Chip radius by specificity,
+      // so it has to set r1-5 explicitly to stay consistent with the design.
+      // Los chips de filtro aplicados deben usar el radio del design system
+      // (r1-5 = 6px). Este override por descendencia gana por especificidad
+      // sobre el radio base del Chip, por eso debe fijar r1-5 explícitamente.
+      borderRadius: r.vars.size.borderRadius["r1-5"],
       ...o(
         r,
         a?.size || "medium",
@@ -358,7 +364,11 @@ const n = "dynamic", p = {
   overflowMoreChip: ({ theme: r, ownerState: a }) => ({
     flexShrink: 0,
     cursor: "pointer",
-    borderRadius: r.vars.size.borderRadius.r1,
+    // Match the applied filter chips radius (r1-5 = 6px) so the "More (N)"
+    // button is visually consistent with the rest of the chip row.
+    // Igualar el radio de los chips aplicados (r1-5 = 6px) para que el botón
+    // "More (N)" sea visualmente consistente con el resto de la fila de chips.
+    borderRadius: r.vars.size.borderRadius["r1-5"],
     ...o(
       r,
       a?.size || "medium",

package/components/DynamicFilter/subcomponents/AppliedFilters/AppliedFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppliedFilters.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicFilter/subcomponents/AppliedFilters/AppliedFilters.tsx"],"names":[],"mappings":"AAiBA;;;;GAIG;AACH,iBAAS,cAAc,qDAmEtB;AACD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"AppliedFilters.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicFilter/subcomponents/AppliedFilters/AppliedFilters.tsx"],"names":[],"mappings":"AAiBA;;;;GAIG;AACH,iBAAS,cAAc,qDAyEtB;AACD,eAAe,cAAc,CAAC"}

package/components/DynamicFilter/subcomponents/AppliedFilters/AppliedFilters.js

@@ -5,44 +5,44 @@ import { DICCTIONARY as c } from "../../dictionary.js";
 import O from "../DynamicFilterBase/useDynamicFilterBase.js";
 import R from "./useAppliedFilters.js";
 import { useDynamicFilterStore as D } from "../../store/useDynamicFilterStore.js";
-import { AppliedFiltersStyled as f, AppliedFilterInnerContainerStyled as E, ChipWrapperStyled as M, EmptyStateLabelStyled as k, OverflowMoreChipStyled as I } from "../../slots/dynamicFilterSlots.js";
+import { AppliedFiltersStyled as d, AppliedFilterInnerContainerStyled as E, ChipWrapperStyled as M, EmptyStateLabelStyled as k, OverflowMoreChipStyled as I } from "../../slots/dynamicFilterSlots.js";
 import T from "../AppliedFilterChip/AppliedFilterChip.js";
 import { Typography as _ } from "../../../extended/mui/Typography/Typography.js";
 import x from "../FilterActions/FilterActions.js";
 import P from "../OverflowPopover/OverflowPopover.js";
 function K() {
-  const { visibleFilters: i, overflowFilters: r, isSkeleton: d, parentRef: m, containerRef: h, setChipRef: u, setMoreChipRef: y, setActionsRef: v } = R(), { size: l } = O(), { getLabel: n } = g(), C = D((e) => e.actions.openPopoverMenuFields), [t, p] = A(null), F = a((e) => {
+  const { visibleFilters: l, overflowFilters: r, isSkeleton: f, parentRef: m, containerRef: h, setChipRef: u, setMoreChipRef: y, setActionsRef: v } = R(), { size: i } = O(), { getLabel: n } = g(), C = D((e) => e.actions.openPopoverMenuFields), [t, p] = A(null), F = a((e) => {
     p(e.currentTarget);
-  }, []), w = a(() => {
+  }, []), S = a(() => {
     p(null);
   }, []);
-  if (d)
-    return /* @__PURE__ */ o(f, {});
-  const S = i.length === 0 && r.length === 0;
-  return /* @__PURE__ */ s(f, { ref: m, children: [
+  if (f)
+    return /* @__PURE__ */ o(d, {});
+  const w = l.length === 0 && r.length === 0;
+  return /* @__PURE__ */ s(d, { ref: m, children: [
     /* @__PURE__ */ s(E, { ref: h, children: [
-      i.map((e) => /* @__PURE__ */ o(
+      l.map((e) => /* @__PURE__ */ o(
         M,
         {
           ref: (b) => u(e.id, b),
-          ownerState: { isWarning: e.field.color === "warning" },
+          ownerState: { isWarning: e.isSet && e.field.color === "warning" },
           children: /* @__PURE__ */ o(T, { ...e })
         },
         e.id
       )),
-      S && /* @__PURE__ */ o(k, { "data-testid": "empty-state-label", component: "span", variant: "body", size: l, color: "inherit", onClick: C, children: n(c.label_no_filters_applied) })
+      w && /* @__PURE__ */ o(k, { "data-testid": "empty-state-label", component: "span", variant: "body", size: i, color: "inherit", onClick: C, children: n(c.label_no_filters_applied) })
     ] }),
     r.length > 0 && /* @__PURE__ */ o(
       I,
       {
         ref: y,
-        size: l,
+        size: i,
         variant: "contained",
         color: t ? "info" : "default",
         opacity: !0,
         dataTestId: "overflow-more-chip",
         ownerState: { selected: !!t },
-        label: /* @__PURE__ */ o(_, { component: "span", variant: "bodyDens", size: l, color: "inherit", children: `${n(c.label_more)} (${r.length})` }),
+        label: /* @__PURE__ */ o(_, { component: "span", variant: "bodyDens", size: i, color: "inherit", children: `${n(c.label_more)} (${r.length})` }),
         onClick: F
       }
     ),
@@ -52,7 +52,7 @@ function K() {
       {
         anchorEl: t,
         filters: r,
-        onClose: w
+        onClose: S
       }
     )
   ] });

package/components/DynamicSort/DynamicSort.js

@@ -1,13 +1,13 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useFlagsPresent as m, CommonFlags as n } from "@m4l/core";
-import { forwardRef as a } from "react";
+import { forwardRef as m } from "react";
+import { useFlagsPresent as n, CommonFlags as a } from "@m4l/core";
 import { DynamicSortProvider as i } from "./store/DynamicSortContext.js";
 import c from "./subcomponents/DynamicSortBase/DynamicSortBase.js";
-const h = a(
+const h = m(
   (o, s) => {
     const { className: t, ...e } = o;
-    return m([
-      n.FLAG_DICTIONARY_LOADED
+    return n([
+      a.FLAG_DICTIONARY_LOADED
     ]) ? /* @__PURE__ */ r(i, { ...e, ref: s, children: /* @__PURE__ */ r(c, { className: t }) }) : null;
   }
 );

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicSort.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicSort/DynamicSort.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,eAAO,MAAM,iBAAiB,EAAE,iBA8S/B,CAAC"}
+{"version":3,"file":"DynamicSort.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicSort/DynamicSort.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,eAAO,MAAM,iBAAiB,EAAE,iBAwa/B,CAAC"}