contentoh-components-library 21.6.20 → 21.6.21

package/dist/components/atoms/InheritanceTag/index.js

@@ -18,12 +18,19 @@ var _jsxRuntime = require("react/jsx-runtime");
  * así que es el que lleva acento y el que ofrece la acción de volver a heredar.
  * "Heredado" es el caso normal y se mantiene discreto: si gritara en cada campo,
  * la ficha entera se volvería ruido.
+ *
+ * Un campo VACÍO no lleva marca: no heredó nada y tampoco tiene valor propio, así
+ * que llamarlo "Heredado" es falso además de ruidoso. Sin esto la ficha de una
+ * variante sale con el chip repetido en cada campo, incluidos los obligatorios en
+ * rojo que están sin capturar, y la marca deja de distinguir nada.
  */
 var InheritanceTag = function InheritanceTag(_ref) {
   var _ref$isVariant = _ref.isVariant,
       isVariant = _ref$isVariant === void 0 ? false : _ref$isVariant,
       _ref$isOverridden = _ref.isOverridden,
       isOverridden = _ref$isOverridden === void 0 ? false : _ref$isOverridden,
+      _ref$hasValue = _ref.hasValue,
+      hasValue = _ref$hasValue === void 0 ? true : _ref$hasValue,
       parentUpc = _ref.parentUpc,
       onRestore = _ref.onRestore,
       _ref$restoreLabel = _ref.restoreLabel,
@@ -31,6 +38,7 @@ var InheritanceTag = function InheritanceTag(_ref) {
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className;
   if (!isVariant) return null;
+  if (!hasValue) return null;
   var state = isOverridden ? "own" : "inherited";
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     className: "inheritance-tag ".concat(state, " ").concat(className),

package/dist/components/molecules/TagAndInput/index.js

@@ -430,6 +430,7 @@ var TagAndInput = function TagAndInput(_ref) {
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InheritanceTag.InheritanceTag, {
           isVariant: isVariant,
           isOverridden: isOverridden,
+          hasValue: "".concat(value !== null && value !== void 0 ? value : "").trim() !== "",
           parentUpc: parentUpc,
           onRestore: onRestoreInheritance ? function () {
             return onRestoreInheritance(inputId);

package/dist/components/molecules/TagAndInputv2/index.js

@@ -70,6 +70,7 @@ var TagAndInputv2 = function TagAndInputv2(_ref) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InheritanceTag.InheritanceTag, {
         isVariant: isVariant,
         isOverridden: isOverridden,
+        hasValue: "".concat(value !== null && value !== void 0 ? value : "").trim() !== "",
         parentUpc: parentUpc,
         onRestore: onRestoreInheritance ? function () {
           return onRestoreInheritance(inputId);

package/dist/components/organisms/LinkVariantsModal/index.js

@@ -605,7 +605,10 @@ var LinkVariantsModal = function LinkVariantsModal(_ref) {
             type: "button",
             className: "primary",
             onClick: submit,
-            disabled: loading || inheritMode === "selected" && !chosenAttributes.length,
+            disabled: loading || // Solo estorba cuando hay algo que elegir y no se eligió nada.
+            // Con el padre sin atributos heredables, ligar sigue siendo
+            // válido: se heredan imágenes, descripciones y cadenas.
+            inheritMode === "selected" && attributes.length > 0 && !chosenAttributes.length,
             children: loading ? "Ligando…" : "Ligar"
           })]
         })]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.6.20",
+  "version": "21.6.21",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/atoms/InheritanceTag/index.js

@@ -9,16 +9,23 @@ import { Container } from "./styles";
  * así que es el que lleva acento y el que ofrece la acción de volver a heredar.
  * "Heredado" es el caso normal y se mantiene discreto: si gritara en cada campo,
  * la ficha entera se volvería ruido.
+ *
+ * Un campo VACÍO no lleva marca: no heredó nada y tampoco tiene valor propio, así
+ * que llamarlo "Heredado" es falso además de ruidoso. Sin esto la ficha de una
+ * variante sale con el chip repetido en cada campo, incluidos los obligatorios en
+ * rojo que están sin capturar, y la marca deja de distinguir nada.
  */
 export const InheritanceTag = ({
   isVariant = false,
   isOverridden = false,
+  hasValue = true,
   parentUpc,
   onRestore,
   restoreLabel = "Volver a heredar",
   className = "",
 }) => {
   if (!isVariant) return null;
+  if (!hasValue) return null;
 
   const state = isOverridden ? "own" : "inherited";
 

package/src/components/molecules/TagAndInput/index.js

@@ -331,6 +331,7 @@ export const TagAndInput = ({
             <InheritanceTag
               isVariant={isVariant}
               isOverridden={isOverridden}
+              hasValue={`${value ?? ""}`.trim() !== ""}
               parentUpc={parentUpc}
               onRestore={
                 onRestoreInheritance

package/src/components/molecules/TagAndInputv2/index.js

@@ -63,6 +63,7 @@ export const TagAndInputv2 = ({
           <InheritanceTag
             isVariant={isVariant}
             isOverridden={isOverridden}
+            hasValue={`${value ?? ""}`.trim() !== ""}
             parentUpc={parentUpc}
             onRestore={
               onRestoreInheritance

package/src/components/organisms/LinkVariantsModal/index.js

@@ -460,7 +460,12 @@ export const LinkVariantsModal = ({
                 onClick={submit}
                 disabled={
                   loading ||
-                  (inheritMode === "selected" && !chosenAttributes.length)
+                  // Solo estorba cuando hay algo que elegir y no se eligió nada.
+                  // Con el padre sin atributos heredables, ligar sigue siendo
+                  // válido: se heredan imágenes, descripciones y cadenas.
+                  (inheritMode === "selected" &&
+                    attributes.length > 0 &&
+                    !chosenAttributes.length)
                 }
               >
                 {loading ? "Ligando…" : "Ligar"}