@m4l/components 9.50.0 → 9.51.0-beta-m4lcom-764-device-picker.0

package/components/CheckableList/slots/styled.js

@@ -5,74 +5,78 @@ import { CheckableListSlots as o } from "./slots.js";
 import { checkableListStyles as n } from "../CheckableList.styles.js";
 import { TextField as a } from "../../extended/mui/TextField/TextField.js";
 import { CheckBox as l } from "../../extended/mui/CheckBox/CheckBox.js";
-import { IconButton as i } from "../../extended/mui/IconButton/IconButton.js";
-const g = t("div", {
+import { Radio as i } from "../../extended/mui/Radio/Radio.js";
+import { IconButton as s } from "../../extended/mui/IconButton/IconButton.js";
+const v = t("div", {
   name: e,
   slot: o.root
-})(n?.root), S = t("div", {
+})(n?.root), h = t("div", {
   name: e,
   slot: o.searchContainer
-})(n?.searchContainer), v = t(a, {
+})(n?.searchContainer), b = t(a, {
   name: e,
   slot: o.searchInput
-})(n?.searchInput), h = t("div", {
+})(n?.searchInput), I = t("div", {
   name: e,
   slot: o.selectAllContainer
-})(n?.selectAllContainer), b = t(l, {
+})(n?.selectAllContainer), L = t(l, {
   name: e,
   slot: o.selectAllCheckbox
-})(n?.selectAllCheckbox), I = t("div", {
+})(n?.selectAllCheckbox), W = t("div", {
   name: e,
   slot: o.listContainer
-})(n?.listContainer), L = t("div", {
+})(n?.listContainer), f = t("div", {
   name: e,
   slot: o.virtualizedList
-})(n?.virtualizedList), W = t("div", {
+})(n?.virtualizedList), k = t("div", {
   name: e,
   slot: o.virtualContainer
-})(n?.virtualContainer), f = t("div", {
+})(n?.virtualContainer), x = t("div", {
   name: e,
   slot: o.virtualRow
-})(n?.virtualRow), k = t("div", {
+})(n?.virtualRow), T = t("div", {
   name: e,
   slot: o.itemWrapper
-})(n?.itemWrapper), x = t(l, {
+})(n?.itemWrapper), R = t(l, {
   name: e,
   slot: o.itemCheckbox
-})(n?.itemCheckbox), T = t("div", {
+})(n?.itemCheckbox), A = t(i, {
+  name: e,
+  slot: o.itemRadio
+})(n?.itemRadio), G = t("div", {
   name: e,
   slot: o.itemContentWrapper
-})(n?.itemContentWrapper), A = t(r, {
+})(n?.itemContentWrapper), B = t(r, {
   name: e,
   slot: o.itemLabel
-})(n?.itemLabel), G = t(r, {
+})(n?.itemLabel), E = t(r, {
   name: e,
   slot: o.itemDescription
-})(n?.itemDescription), B = t("div", {
+})(n?.itemDescription), H = t("div", {
   name: e,
   slot: o.itemIcon
-})(n?.itemIcon), E = t("div", {
+})(n?.itemIcon), M = t("div", {
   name: e,
   slot: o.groupWrapper
-})(n?.groupWrapper), H = t("div", {
+})(n?.groupWrapper), w = t("div", {
   name: e,
   slot: o.groupHeader
-})(n?.groupHeader), M = t(l, {
+})(n?.groupHeader), z = t(l, {
   name: e,
   slot: o.groupCheckbox
-})(n?.groupCheckbox), R = t("div", {
+})(n?.groupCheckbox), D = t("div", {
   name: e,
   slot: o.groupLabelCountWrapper
-})(n?.groupLabelCountWrapper), w = t(r, {
+})(n?.groupLabelCountWrapper), V = t(r, {
   name: e,
   slot: o.groupLabel
-})(n?.groupLabel), z = t(r, {
+})(n?.groupLabel), _ = t(r, {
   name: e,
   slot: o.chipCount
-})(n?.chipCount), D = t("div", {
+})(n?.chipCount), K = t("div", {
   name: e,
   slot: o.groupIcon
-})(n?.groupIcon), V = t(i, {
+})(n?.groupIcon), N = t(s, {
   name: e,
   slot: o.groupToggleButton
 })(n?.groupToggleButton);
@@ -80,37 +84,38 @@ t("div", {
   name: e,
   slot: o.groupItems
 })(n?.groupItems);
-const _ = t("div", {
+const O = t("div", {
   name: e,
   slot: o.emptyMessageWrapper
-})(n?.emptyMessageWrapper), K = t("div", {
+})(n?.emptyMessageWrapper), F = t("div", {
   name: e,
   slot: o.loadingContainer
 })(n?.loadingContainer);
 export {
-  z as ChipCountTypografyStyled,
-  _ as EmptyMessageWrapperStyled,
-  M as GroupCheckboxStyled,
-  H as GroupHeaderStyled,
-  D as GroupIconStyled,
-  R as GroupLabelCountWrapperStyled,
-  w as GroupLabelTypografyStyled,
-  V as GroupToggleButtonStyled,
-  E as GroupWrapperStyled,
-  x as ItemCheckboxStyled,
-  T as ItemContentWrapperStyled,
-  G as ItemDescriptionTypografyStyled,
-  B as ItemIconStyled,
-  A as ItemLabelTypografyStyled,
-  k as ItemWrapperStyled,
-  I as ListContainerStyled,
-  K as LoadingContainerStyled,
-  g as RootStyled,
-  S as SearchContainerStyled,
-  v as SearchInputStyled,
-  b as SelectAllCheckboxStyled,
-  h as SelectAllContainerStyled,
-  W as VirtualContainerStyled,
-  f as VirtualRowStyled,
-  L as VirtualizedListStyled
+  _ as ChipCountTypografyStyled,
+  O as EmptyMessageWrapperStyled,
+  z as GroupCheckboxStyled,
+  w as GroupHeaderStyled,
+  K as GroupIconStyled,
+  D as GroupLabelCountWrapperStyled,
+  V as GroupLabelTypografyStyled,
+  N as GroupToggleButtonStyled,
+  M as GroupWrapperStyled,
+  R as ItemCheckboxStyled,
+  G as ItemContentWrapperStyled,
+  E as ItemDescriptionTypografyStyled,
+  H as ItemIconStyled,
+  B as ItemLabelTypografyStyled,
+  A as ItemRadioStyled,
+  T as ItemWrapperStyled,
+  W as ListContainerStyled,
+  F as LoadingContainerStyled,
+  v as RootStyled,
+  h as SearchContainerStyled,
+  b as SearchInputStyled,
+  L as SelectAllCheckboxStyled,
+  I as SelectAllContainerStyled,
+  k as VirtualContainerStyled,
+  x as VirtualRowStyled,
+  f as VirtualizedListStyled
 };

package/components/CheckableList/types.d.ts

@@ -166,6 +166,16 @@ export interface CheckableListProps {
      * Mostrar botón "Seleccionar todo" (default: false)
      */
     selectAll?: boolean;
+    /**
+     * Texto de la fila "Seleccionar todo".
+     * Por defecto usa la etiqueta del diccionario de CheckableList.
+     */
+    selectAllLabel?: string;
+    /**
+     * Número mostrado junto a "Seleccionar todo".
+     * Por defecto muestra la cantidad de items seleccionados.
+     */
+    selectAllCount?: number;
     /**
      * Hacer los grupos expandibles/colapsables (default: true)
      */
@@ -182,6 +192,11 @@ export interface CheckableListProps {
      * Función personalizada de filtrado
      */
     filterFn?: (item: CheckableListItem, query: string) => boolean;
+    /**
+     * Notifica el texto escrito en el buscador, para que el consumidor pueda
+     * lanzar además una búsqueda remota.
+     */
+    onSearchChange?: (query: string) => void;
     /**
      * Tamaño del componente
      */
@@ -190,6 +205,11 @@ export interface CheckableListProps {
      * Variante del componente
      */
     variant?: 'standard' | 'outlined' | 'compact';
+    /**
+     * Aplica la primera medida del contenedor sin esperar al throttle de 200ms,
+     * evitando el hueco en blanco al montar. Por defecto mantiene la espera.
+     */
+    measureImmediately?: boolean;
     /**
      * Altura estimada de cada item para la virtualización.
      * La altura final la mide TanStack Virtual sobre el DOM real.

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

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

package/components/Chip/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAkB,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpD;;GAEG;AACH,eAAO,MAAM,IAAI,sGAiJf,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAkB,SAAS,EAAE,MAAM,SAAS,CAAC;AAoBpD;;GAEG;AACH,eAAO,MAAM,IAAI,sGAuKf,CAAC"}

package/components/Chip/Chip.js

@@ -1,128 +1,156 @@
-import { jsx as r, jsxs as h } from "@emotion/react/jsx-runtime";
-import { useModuleSkeleton as R, useEnvironment as j } from "@m4l/core";
-import M from "clsx";
-import { forwardRef as O, useMemo as y, isValidElement as V } from "react";
-import { useComponentSize as $ } from "../../hooks/useComponentSize/index.js";
-import { CHIP_CLASSES as d } from "./constants.js";
-import { TEST_PROP_ID as H } from "../../test/constants_no_mock.js";
-import { StartAdornmentImageWrapperStyled as L, EndAdornmentImageWrapperStyled as q, IconStyled as F, SkeletonChipStyled as G, ChipRootStyled as J, TextWrapperStyled as K, TextChipStyled as Q, DescriptionChipStyled as U, IconButtonStyled as X } from "./slots/ChipSlots.js";
-import { isImageComponentElement as Y } from "../../helpers/isImageComponentElement/isImageComponentElement.js";
-const Z = O((C, I) => {
+import { jsx as r, jsxs as g } from "@emotion/react/jsx-runtime";
+import { useModuleSkeleton as O } from "@m4l/core";
+import { LegacyS3ChipCloseSmallOutlined as R } from "@m4l/icons";
+import $ from "clsx";
+import { forwardRef as j, useMemo as z, isValidElement as L } from "react";
+import { useComponentSize as M } from "../../hooks/useComponentSize/index.js";
+import { CHIP_CLASSES as p } from "./constants.js";
+import { TEST_PROP_ID as V } from "../../test/constants_no_mock.js";
+import { StartAdornmentImageWrapperStyled as H, EndAdornmentImageWrapperStyled as q, IconStyled as D, StartAdornmentIconWrapperStyled as F, EndAdornmentIconWrapperStyled as G, SkeletonChipStyled as J, ChipRootStyled as Q, TextWrapperStyled as U, TextChipStyled as X, DescriptionChipStyled as Y, IconButtonStyled as Z } from "./slots/ChipSlots.js";
+import { isImageComponentElement as ee } from "../../helpers/isImageComponentElement/isImageComponentElement.js";
+import { isIconComponentElement as te } from "../../helpers/isIconComponentElement/isIconComponentElement.js";
+function re(n) {
+  if (n.hasDescription)
+    return "text.primary";
+  if (n.externalColor)
+    return n.externalColor.color;
+  const c = n.color ?? "default", m = n.variant ?? "contained", u = n.opacity ? "color" : "colorTone";
+  return `chips.${c}.${m}.${u}`;
+}
+const oe = j((n, c) => {
   const {
-    endIcon: b,
-    label: D,
-    description: o,
-    startIcon: g,
-    color: s = "default",
-    externalColor: p,
-    size: v,
-    variant: m = "contained",
-    skeletonWidth: z = "100%",
-    opacity: c = !1,
-    onClick: a,
-    onDeleted: S,
-    iconButtonProps: E,
-    className: w,
-    dataTestId: x,
-    disabledDeleteButton: k,
-    ellipsis: i = !1,
-    ...A
-  } = C, { currentSize: n } = $(v), N = R(), { host_static_assets: _, environment_assets: W } = j(), t = y(() => ({
-    interactive: !!a,
-    size: n,
-    variant: m,
-    color: s,
-    opacity: c,
-    externalColor: p,
-    ellipsis: i,
-    hasDescription: o != null
-  }), [a, n, m, s, c, p, i, o]), u = y(() => (e, B, f) => {
-    if (!e || typeof e == "boolean" || typeof e == "number")
+    endIcon: m,
+    label: u,
+    description: i,
+    startIcon: E,
+    color: l = "default",
+    externalColor: S,
+    size: A,
+    variant: h = "contained",
+    skeletonWidth: v = "100%",
+    opacity: y = !1,
+    onClick: s,
+    onDeleted: C,
+    iconButtonProps: W,
+    className: k,
+    dataTestId: N,
+    disabledDeleteButton: P,
+    ellipsis: a = !1,
+    ...T
+  } = n, { currentSize: o } = M(A), B = O(), e = z(() => ({
+    interactive: !!s,
+    size: o,
+    variant: h,
+    color: l,
+    opacity: y,
+    externalColor: S,
+    ellipsis: a,
+    hasDescription: i != null
+  }), [s, o, h, l, y, S, a, i]), I = z(() => (t, x, f) => {
+    if (!t || typeof t == "boolean" || typeof t == "number")
       return null;
-    if (typeof e != "string") {
-      if (!V(e))
-        return e;
-      const l = Y(e);
-      return l && f === "start" ? /* @__PURE__ */ r(L, { className: d.startAdornmentImageWrapper, ownerState: { ...t, isImageAdornment: l }, children: e }) : l && f === "end" ? /* @__PURE__ */ r(q, { className: d.endAdornmentImageWrapper, ownerState: { ...t, isImageAdornment: l }, children: e }) : e;
+    if (typeof t != "string") {
+      if (!L(t))
+        return t;
+      const d = ee(t);
+      if (d && f === "start")
+        return /* @__PURE__ */ r(H, { className: p.startAdornmentImageWrapper, ownerState: { ...e, isImageAdornment: d }, children: t });
+      if (d && f === "end")
+        return /* @__PURE__ */ r(q, { className: p.endAdornmentImageWrapper, ownerState: { ...e, isImageAdornment: d }, children: t });
+      if (te(t)) {
+        const K = t.props, b = /* @__PURE__ */ r(
+          D,
+          {
+            ...K,
+            ownerState: e,
+            color: re(e),
+            size: o,
+            instaceDataTestId: x
+          }
+        );
+        return f === "start" ? /* @__PURE__ */ r(F, { ownerState: e, children: b }) : /* @__PURE__ */ r(G, { ownerState: e, children: b });
+      }
+      return t;
     } else
       return /* @__PURE__ */ r(
-        F,
+        D,
         {
-          ownerState: t,
-          src: e,
-          size: n,
-          instaceDataTestId: B
+          ownerState: e,
+          src: t,
+          size: o,
+          instaceDataTestId: x
         }
       );
-  }, [t, n]);
-  if (N)
+  }, [e, o]);
+  if (B)
     return /* @__PURE__ */ r(
-      G,
+      J,
       {
         "data-testid": "SkeletonButton",
-        width: z,
-        ownerState: t
+        width: v,
+        ownerState: e
       }
     );
-  const P = `${_}/${W}/frontend/components/chip/assets/icons/closeSmall.svg`, T = (e) => {
-    e.stopPropagation(), S?.(e);
+  const _ = /* @__PURE__ */ r(R, {}), w = (t) => {
+    t.stopPropagation(), C?.(t);
   };
-  return /* @__PURE__ */ h(
-    J,
+  return /* @__PURE__ */ g(
+    Q,
     {
       role: "button-chip",
-      size: n,
-      onClick: a,
-      ownerState: t,
-      className: M(w, d.root),
-      ref: I,
-      ...process.env.NODE_ENV !== "production" ? { [H]: x } : {},
-      ...a ? { tabIndex: 0 } : {},
-      ...A,
+      size: o,
+      onClick: s,
+      ownerState: e,
+      className: $(k, p.root),
+      ref: c,
+      ...process.env.NODE_ENV !== "production" ? { [V]: N } : {},
+      ...s ? { tabIndex: 0 } : {},
+      ...T,
       children: [
-        u(g, "ChipStartIcon", "start"),
-        /* @__PURE__ */ h(K, { ownerState: { ...t }, children: [
+        I(E, "ChipStartIcon", "start"),
+        /* @__PURE__ */ g(U, { ownerState: { ...e }, children: [
           /* @__PURE__ */ r(
-            Q,
+            X,
             {
-              variant: t.hasDescription ? "bodyDens" : "bodyStandard",
-              size: n,
-              ownerState: { ...t },
-              color: s,
-              ellipsis: i,
-              children: D
+              variant: e.hasDescription ? "bodyDens" : "bodyStandard",
+              size: o,
+              ownerState: { ...e },
+              color: l,
+              ellipsis: a,
+              children: u
             }
           ),
-          t.hasDescription ? /* @__PURE__ */ r(
-            U,
+          e.hasDescription ? /* @__PURE__ */ r(
+            Y,
             {
               variant: "bodyStandard",
-              size: n,
-              ownerState: { ...t },
-              color: s,
-              ellipsis: i,
-              children: o
+              size: o,
+              ownerState: { ...e },
+              color: l,
+              ellipsis: a,
+              children: i
             }
           ) : null
         ] }),
-        u(b, "ChipEndIcon", "end"),
-        S && /* @__PURE__ */ r(
-          X,
+        I(m, "ChipEndIcon", "end"),
+        C && /* @__PURE__ */ r(
+          Z,
           {
-            ...E,
-            src: P,
-            size: n,
-            ownerState: t,
-            onClick: T,
-            disabled: k,
-            className: d.closeIcon
+            ...W,
+            src: _,
+            size: o,
+            ownerState: e,
+            onClick: w,
+            disabled: P,
+            className: p.closeIcon,
+            color: "error"
           }
         )
       ]
     }
   );
 });
-Z.displayName = "Chip";
+oe.displayName = "Chip";
 export {
-  Z as Chip
+  oe as Chip
 };

package/components/Chip/ChipStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipStyles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Chip/ChipStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrD,eAAO,MAAM,UAAU,EAAE,UAsNxB,CAAC"}
+{"version":3,"file":"ChipStyles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Chip/ChipStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrD,eAAO,MAAM,UAAU,EAAE,UA6NxB,CAAC"}