pixelon 0.3.82 → 0.3.83

package/dist/components/molecules/chat/StructuredContent/components/ReactiveCrud/ReactiveCrud.d.ts

@@ -15,6 +15,7 @@ export interface ReactiveCrudProps {
 }
 export declare function matchesVisibleWhen(a: RowActionDef, row: Record<string, unknown>): boolean;
 export declare function matchesDisabledWhen(a: RowActionDef, row: Record<string, unknown>): boolean;
+export declare function disabledReasonFor(a: RowActionDef, row: Record<string, unknown>): string | undefined;
 export declare function matchesDoneWhen(a: RowActionDef, row: Record<string, unknown>): boolean;
 export declare function ReactiveCrud({ config, eventBus, autoOpenCreate, prefill, onCreated, onCreateClose, googleMapsApiKey: apiKeyProp }: ReactiveCrudProps): import("react/jsx-runtime").JSX.Element;
 export default ReactiveCrud;

package/dist/components/molecules/chat/StructuredContent/components/ReactiveCrud/types.d.ts

@@ -84,6 +84,14 @@ export interface RowActionVisibleWhen {
     field: string;
     in: string[];
 }
+/** SPEC-113 — una condición que apaga la acción, con SU motivo.
+ *
+ * Un botón deshabilitado que no dice cuál de dos motivos lo apaga enseña a ignorarlo. Fundir dos
+ * situaciones opuestas —«falta el comprobante del cliente» y «todavía no has llegado»— en un
+ * «no puedes todavía» es la validación muda de SPEC-074 con otra cara. */
+export interface RowActionDisabledWhen extends RowActionVisibleWhen {
+    reason?: string;
+}
 export interface RowActionDef {
     key: string;
     label: string;
@@ -97,9 +105,13 @@ export interface RowActionDef {
      * aceptado el precio—, que con condiciones unidas por «y» no se pueden escribir. */
     hiddenWhen?: RowActionVisibleWhen | RowActionVisibleWhen[];
     /** SPEC-007: la acción se muestra pero queda DESHABILITADA cuando `String(row[field])` está en
-     * `in` (ej. "Iniciar" deshabilitado hasta que `has_inspection` sea true). */
-    disabledWhen?: RowActionVisibleWhen;
-    /** SPEC-007: tooltip cuando la acción está deshabilitada (ej. "Registra la inspección primero"). */
+     * `in` (ej. "Iniciar" deshabilitado hasta que `has_inspection` sea true).
+     *
+     * SPEC-113: admite VARIAS, cada una con su motivo. Se apaga con la primera que se cumple, y esa
+     * es la que habla. Una sola condición sigue valiendo igual que siempre. */
+    disabledWhen?: RowActionDisabledWhen | RowActionDisabledWhen[];
+    /** SPEC-007: tooltip cuando la acción está deshabilitada (ej. "Registra la inspección primero").
+     * SPEC-113: es el respaldo — una condición con `reason` propio manda sobre este. */
     disabledReason?: string;
     /** SPEC-007: muestra un ✓ al final cuando `String(row[field])` está en `in` (ej. inspección ya
      * registrada). Indicador de "hecho"; no bloquea reejecutar la acción. */

package/dist/index.esm.js

@@ -15985,9 +15985,20 @@ function matchesVisibleWhen(a, row) {
   if (!a.visibleWhen) return true;
   return cumplenTodas(a.visibleWhen, row);
 }
+function condicionesDeshabilitado(a) {
+  if (!a.disabledWhen) return [];
+  return Array.isArray(a.disabledWhen) ? a.disabledWhen : [a.disabledWhen];
+}
+function primeraQueApaga(a, row) {
+  return condicionesDeshabilitado(a).find((c) => c.in.includes(String(row[c.field])));
+}
 function matchesDisabledWhen(a, row) {
-  if (!a.disabledWhen) return false;
-  return a.disabledWhen.in.includes(String(row[a.disabledWhen.field]));
+  return primeraQueApaga(a, row) !== void 0;
+}
+function disabledReasonFor(a, row) {
+  const c = primeraQueApaga(a, row);
+  if (!c) return void 0;
+  return c.reason ?? a.disabledReason;
 }
 function matchesDoneWhen(a, row) {
   if (!a.doneWhen) return false;
@@ -16062,7 +16073,8 @@ function ReactiveCrud({ config, eventBus, autoOpenCreate, prefill, onCreated, on
       // SPEC-090 T3 — el `disabledReason` de la config ya existía, pero solo lo pintaba el panel
       // del chat; en la tabla el botón se apagaba mudo. Afecta también al de la inspección
       // («Falta el comprobante de pago del cliente», SPEC-066 T7), que tampoco se veía aquí.
-      disabledReason: (row) => matchesDisabledWhen(a, row) ? a.disabledReason : void 0,
+      // SPEC-113 — el motivo sale de la condición que apagó el botón, no de la acción entera.
+      disabledReason: (row) => disabledReasonFor(a, row),
       onClick: (row) => a.form ? setActiveAction({ action: a, row }) : crud.runEndpoints(a.endpoints ?? [a.endpoint], { ...row, id: row[config.idField] })
     }));
     if (config.detail) {
@@ -16386,6 +16398,7 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
       config.detail && /* @__PURE__ */ jsx("button", { type: "button", className: "px-chat-crud-item__action", onClick: () => setDetailRow(row), children: "Ver" }),
       actions.map((a) => {
         const disabled = matchesDisabledWhen(a, row);
+        const motivo = disabledReasonFor(a, row);
         const done = matchesDoneWhen(a, row);
         return /* @__PURE__ */ jsxs(
           "button",
@@ -16394,14 +16407,14 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
             className: [
               "px-chat-crud-item__action",
               a.intent === "danger" ? "is-danger" : "",
-              disabled && a.disabledReason ? "is-con-motivo" : ""
+              disabled && motivo ? "is-con-motivo" : ""
             ].filter(Boolean).join(" "),
             disabled,
             onClick: () => a.form ? setActiveAction({ action: a, row }) : crud.runEndpoints(a.endpoints ?? [a.endpoint], { ...row, id: row[config.idField] }),
             children: [
               /* @__PURE__ */ jsxs("span", { className: "px-chat-crud-item__action-texts", children: [
                 /* @__PURE__ */ jsx("span", { children: a.label }),
-                disabled && a.disabledReason && /* @__PURE__ */ jsx("span", { className: "px-chat-crud-item__action-reason", children: a.disabledReason })
+                disabled && motivo && /* @__PURE__ */ jsx("span", { className: "px-chat-crud-item__action-reason", children: motivo })
               ] }),
               done && /* @__PURE__ */ jsx(Icon$1, { type: "check-circle", width: 18, height: 18, className: "px-chat-crud-item__done", "aria-label": "Hecho" })
             ]

package/dist/index.js

@@ -16006,9 +16006,20 @@ function matchesVisibleWhen(a, row) {
   if (!a.visibleWhen) return true;
   return cumplenTodas(a.visibleWhen, row);
 }
+function condicionesDeshabilitado(a) {
+  if (!a.disabledWhen) return [];
+  return Array.isArray(a.disabledWhen) ? a.disabledWhen : [a.disabledWhen];
+}
+function primeraQueApaga(a, row) {
+  return condicionesDeshabilitado(a).find((c) => c.in.includes(String(row[c.field])));
+}
 function matchesDisabledWhen(a, row) {
-  if (!a.disabledWhen) return false;
-  return a.disabledWhen.in.includes(String(row[a.disabledWhen.field]));
+  return primeraQueApaga(a, row) !== void 0;
+}
+function disabledReasonFor(a, row) {
+  const c = primeraQueApaga(a, row);
+  if (!c) return void 0;
+  return c.reason ?? a.disabledReason;
 }
 function matchesDoneWhen(a, row) {
   if (!a.doneWhen) return false;
@@ -16083,7 +16094,8 @@ function ReactiveCrud({ config, eventBus, autoOpenCreate, prefill, onCreated, on
       // SPEC-090 T3 — el `disabledReason` de la config ya existía, pero solo lo pintaba el panel
       // del chat; en la tabla el botón se apagaba mudo. Afecta también al de la inspección
       // («Falta el comprobante de pago del cliente», SPEC-066 T7), que tampoco se veía aquí.
-      disabledReason: (row) => matchesDisabledWhen(a, row) ? a.disabledReason : void 0,
+      // SPEC-113 — el motivo sale de la condición que apagó el botón, no de la acción entera.
+      disabledReason: (row) => disabledReasonFor(a, row),
       onClick: (row) => a.form ? setActiveAction({ action: a, row }) : crud.runEndpoints(a.endpoints ?? [a.endpoint], { ...row, id: row[config.idField] })
     }));
     if (config.detail) {
@@ -16407,6 +16419,7 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
       config.detail && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "px-chat-crud-item__action", onClick: () => setDetailRow(row), children: "Ver" }),
       actions.map((a) => {
         const disabled = matchesDisabledWhen(a, row);
+        const motivo = disabledReasonFor(a, row);
         const done = matchesDoneWhen(a, row);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -16415,14 +16428,14 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
             className: [
               "px-chat-crud-item__action",
               a.intent === "danger" ? "is-danger" : "",
-              disabled && a.disabledReason ? "is-con-motivo" : ""
+              disabled && motivo ? "is-con-motivo" : ""
             ].filter(Boolean).join(" "),
             disabled,
             onClick: () => a.form ? setActiveAction({ action: a, row }) : crud.runEndpoints(a.endpoints ?? [a.endpoint], { ...row, id: row[config.idField] }),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-chat-crud-item__action-texts", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: a.label }),
-                disabled && a.disabledReason && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-chat-crud-item__action-reason", children: a.disabledReason })
+                disabled && motivo && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-chat-crud-item__action-reason", children: motivo })
               ] }),
               done && /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: "check-circle", width: 18, height: 18, className: "px-chat-crud-item__done", "aria-label": "Hecho" })
             ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelon",
-  "version": "0.3.82",
+  "version": "0.3.83",
   "description": "Design system de la marca goluti",
   "type": "module",
   "main": "dist/index.js",