contentoh-components-library 21.6.58 → 21.6.59

package/dist/components/pages/CreatorsProductEdition/styles.js

@@ -2,18 +2,28 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Container = exports.BREAKPOINTS = void 0;
+exports.ReusedModalsStyles = exports.Container = exports.BREAKPOINTS = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _styles = require("../../organisms/PropagateChangesModal/styles");
+
+var _styles2 = require("../../organisms/VariantGroupModal/styles");
+
+var _styles3 = require("../../organisms/LinkVariantsModal/styles");
 
-var _variables = require("../../../global-files/variables");
+var _styles4 = require("../../organisms/UnlinkVariantModal/styles");
 
-var _templateObject;
+var _styles5 = require("../../organisms/ChangeStatusModal/styles");
+
+var _templateObject, _templateObject2;
 
 /*
   Estilos de la edición de producto de Creators.
@@ -38,9 +48,19 @@ exports.BREAKPOINTS = BREAKPOINTS;
 var mobile = "@media (max-width: ".concat(BREAKPOINTS.tablet - 1, "px)");
 var belowDesktop = "@media (max-width: ".concat(BREAKPOINTS.desktop - 1, "px)");
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  min-width: 0;\n  overflow: auto;\n  box-sizing: border-box;\n\n  /* El scroll lo lleva SIEMPRE este contenedor, como en la vista original: en\n     la app la pantalla vive dentro de un layout de altura fija, y si se dejara\n     al documento, en celular no habr\xEDa nada que desplazar. */\n  ", " {\n    overflow-x: hidden;\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    /* Sin overscroll-behavior: contain. Al llegar al final, el scroll tiene\n       que poder pasar al contenedor de afuera (el lienzo de Storybook, o la\n       p\xE1gina si la app la mete en algo que se desplaza); con contain se queda\n       atorado y no hay forma de ver lo que est\xE1 debajo. */\n  }\n\n  .data-container {\n    display: flex;\n    flex: 0%;\n    gap: 16px;\n    min-width: 0;\n    height: calc(100% - ", "px);\n    padding: 0 12px 12px;\n    box-sizing: border-box;\n\n    ", " {\n      flex-direction: column;\n      flex: none;\n      height: auto;\n    }\n\n    ", " {\n      padding: 0 8px 12px;\n      gap: 12px;\n    }\n\n    .image-data-panel {\n      flex: 0 0 clamp(280px, 30%, 360px);\n      min-width: 0;\n\n      ", " {\n        flex: 0 0 auto;\n        width: 100%;\n      }\n\n      ", " {\n        max-width: 480px;\n        align-self: center;\n      }\n    }\n\n    .product-information {\n      flex: 1;\n      min-width: 0;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n\n      ", " {\n        height: auto;\n      }\n\n      /* Cabecera, pesta\xF1as y grupos de inputs: que puedan encogerse en vez de\n         empujar la p\xE1gina hacia los lados. */\n      & > * {\n        min-width: 0;\n        max-width: 100%;\n      }\n\n      .services-information-container {\n        height: 100%;\n        min-width: 0;\n        overflow: auto;\n\n        ", " {\n          height: auto;\n          overflow: visible;\n        }\n      }\n\n    }\n  }\n\n  #modal-message-box {\n    width: min(400px, 80vw);\n    height: 100px;\n  }\n"])), belowDesktop, function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  min-width: 0;\n  overflow: auto;\n  box-sizing: border-box;\n\n  /* El scroll lo lleva SIEMPRE este contenedor, como en la vista original: en\n     la app la pantalla vive dentro de un layout de altura fija, y si se dejara\n     al documento, en celular no habr\xEDa nada que desplazar. */\n  ", " {\n    overflow-x: hidden;\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    /* Sin overscroll-behavior: contain. Al llegar al final, el scroll tiene\n       que poder pasar al contenedor de afuera (el lienzo de Storybook, o la\n       p\xE1gina si la app la mete en algo que se desplaza); con contain se queda\n       atorado y no hay forma de ver lo que est\xE1 debajo. */\n  }\n\n  .data-container {\n    display: flex;\n    flex: 0%;\n    gap: 16px;\n    min-width: 0;\n    height: calc(100% - ", "px);\n    padding: 0 12px 12px;\n    box-sizing: border-box;\n\n    ", " {\n      flex-direction: column;\n      flex: none;\n      height: auto;\n    }\n\n    ", " {\n      padding: 0 8px 12px;\n      gap: 12px;\n    }\n\n    .image-data-panel {\n      flex: 0 0 clamp(280px, 30%, 360px);\n      min-width: 0;\n\n      ", " {\n        flex: 0 0 auto;\n        width: 100%;\n      }\n\n      ", " {\n        max-width: 480px;\n        align-self: center;\n      }\n    }\n\n    .product-information {\n      flex: 1;\n      min-width: 0;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n\n      ", " {\n        height: auto;\n      }\n\n      /* Cabecera, pesta\xF1as y grupos de inputs: que puedan encogerse en vez de\n         empujar la p\xE1gina hacia los lados. */\n      & > * {\n        min-width: 0;\n        max-width: 100%;\n      }\n\n      .services-information-container {\n        height: 100%;\n        min-width: 0;\n        overflow: auto;\n\n        ", " {\n          height: auto;\n          overflow: visible;\n        }\n      }\n\n    }\n  }\n\n  /* Modales de variantes (se reutilizan tal cual). Su pie pone el resumen y\n     tres botones en una sola fila; en celular no cabe y el bot\xF3n principal se\n     sale del panel. Aqu\xED el resumen va en su propia fila y los botones se\n     reparten el ancho. */\n  ", " {\n    ", ", ", ", ", ", ", " {\n      flex-wrap: wrap;\n      padding: 12px 16px;\n\n      .resumen,\n      .summary {\n        flex: 1 1 100%;\n      }\n\n      .actions {\n        flex: 1 1 100%;\n        margin-left: 0;\n      }\n\n      button {\n        flex: 1 1 0;\n        min-width: 0;\n        height: auto;\n        min-height: 38px;\n        padding: 6px 10px;\n      }\n    }\n  }\n"])), belowDesktop, function (_ref) {
   var headerTop = _ref.headerTop;
   return headerTop;
-}, belowDesktop, mobile, belowDesktop, mobile, belowDesktop, belowDesktop);
+}, belowDesktop, mobile, belowDesktop, mobile, belowDesktop, belowDesktop, mobile, _styles.Footer, _styles2.Footer, _styles3.Footer, _styles4.Footer);
+/*
+  Ajustes en celular para `ChangeStatusModal`, que se reutiliza tal cual. Es un
+  Dialog de MUI y se pinta en un portal, fuera de `Container`, así que no lo
+  alcanzan los selectores de arriba: va como estilo global, que solo existe
+  mientras esta pantalla está montada. Los tres botones de «Alcance del cambio»
+  no caben en una fila y se encimaban.
+*/
+
 
-exports.Container = Container;
+exports.Container = Container;
+var ReusedModalsStyles = (0, _styledComponents.createGlobalStyle)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    ", " .MuiDialog-paper {\n      margin: 16px;\n      max-height: calc(100% - 32px);\n    }\n\n    ", " ", " {\n      grid-template-columns: 1fr;\n      gap: 8px;\n    }\n\n    ", " ", " {\n      padding: 12px 16px;\n    }\n  }\n"])), mobile, _styles5.StyledDialog, _styles5.StyledDialog, _styles5.ScopeButtonGroup, _styles5.StyledDialog, _styles5.FooterActions);
+exports.ReusedModalsStyles = ReusedModalsStyles;

package/dist/index.js

@@ -1434,6 +1434,19 @@ Object.keys(_RetailerProductEdition).forEach(function (key) {
   });
 });
 
+var _CreatorsProductEdition = require("./components/pages/CreatorsProductEdition");
+
+Object.keys(_CreatorsProductEdition).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CreatorsProductEdition[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CreatorsProductEdition[key];
+    }
+  });
+});
+
 var _ProviderProductEdition = require("./components/pages/ProviderProductEdition");
 
 Object.keys(_ProviderProductEdition).forEach(function (key) {

package/package.json

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