@micromag/editor 0.3.87 → 0.3.88

package/assets/css/styles.css

@@ -3,10 +3,10 @@
 .micromag-editor-forms-screen-container{position:relative;padding:.5rem}.micromag-editor-forms-screen-container .micromag-editor-forms-screen-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
 .micromag-editor-menus-breadcrumb-container li{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.micromag-editor-menus-breadcrumb-container li:before{float:none}.micromag-editor-menus-breadcrumb-container li:last-child{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
 .micromag-editor-modals-delete-screen-container .micromag-editor-modals-delete-screen-description{margin-bottom:10px}.micromag-editor-modals-delete-screen-container .micromag-editor-modals-delete-screen-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
-.micromag-editor-preview-container .micromag-editor-preview-noStory,.micromag-editor-preview-container .micromag-editor-preview-story{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-editor-preview-container{position:relative}.micromag-editor-preview-container>.micromag-editor-preview-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}.micromag-editor-preview-container .micromag-editor-preview-top{display:none;padding:20px 0}.micromag-editor-preview-container .micromag-editor-preview-bottom{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;max-width:100%;padding:0;overflow:hidden}.micromag-editor-preview-container .micromag-editor-preview-bottom>.micromag-editor-preview-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:0 auto;overflow:hidden}.micromag-editor-preview-container .micromag-editor-preview-preview{width:100%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.micromag-editor-preview-container .micromag-editor-preview-preview,.micromag-editor-preview-container .micromag-editor-preview-viewerContainer{position:relative;height:100%}.micromag-editor-preview-container .micromag-editor-preview-devices{position:absolute;right:10px;bottom:10px}.micromag-editor-preview-screen-medium .micromag-editor-preview-top{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}.micromag-editor-preview-screen-medium .micromag-editor-preview-bottom{padding:50px 20px}
+.micromag-editor-preview-container .micromag-editor-preview-noStory,.micromag-editor-preview-container .micromag-editor-preview-story{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-editor-preview-container{position:relative}.micromag-editor-preview-container>.micromag-editor-preview-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}.micromag-editor-preview-container .micromag-editor-preview-top{display:none;width:100%;padding:20px 0}.micromag-editor-preview-container .micromag-editor-preview-bottom{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;max-width:100%;padding:0;overflow:hidden}.micromag-editor-preview-container .micromag-editor-preview-bottom>.micromag-editor-preview-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:0 auto;overflow:hidden}.micromag-editor-preview-container .micromag-editor-preview-preview{width:100%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.micromag-editor-preview-container .micromag-editor-preview-preview,.micromag-editor-preview-container .micromag-editor-preview-viewerContainer{position:relative;height:100%}.micromag-editor-preview-container .micromag-editor-preview-devices{position:absolute;right:10px;bottom:10px}.micromag-editor-preview-screen-medium .micromag-editor-preview-top{display:block;width:100%;overflow-x:auto;text-align:center}.micromag-editor-preview-screen-medium .micromag-editor-preview-bottom{padding:50px 20px}
 .micromag-editor-menus-devices-container{display:inline-block;position:relative}.micromag-editor-menus-devices-container .micromag-editor-menus-devices-button{display:block;width:40px;height:30px;padding:5px}
 .micromag-editor-buttons-device-container .micromag-editor-buttons-device-icon{display:block;width:100%;height:auto;max-height:100%}
-.micromag-editor-partials-screen-states-button{width:50px;min-height:75px}.micromag-editor-partials-screen-states-button.btn-outline-secondary{border-color:#6c6c6c;color:#6c6c6c}.micromag-editor-partials-screen-states-button.btn-outline-secondary:hover{border-color:#e9e9e9;background:rgba(0,0,0,0);color:#e9e9e9}.micromag-editor-partials-screen-states-addButton{border-style:dashed}.micromag-editor-partials-screen-states-title{font-size:.75em}
+.micromag-editor-partials-screen-states-container{display:inline-block}.micromag-editor-partials-screen-states-button{width:50px;min-height:75px}.micromag-editor-partials-screen-states-button.btn-outline-secondary{border-color:#6c6c6c;color:#6c6c6c}.micromag-editor-partials-screen-states-button.btn-outline-secondary:hover{border-color:#e9e9e9;background:rgba(0,0,0,0);color:#e9e9e9}.micromag-editor-partials-screen-states-addButton{border-style:dashed}.micromag-editor-partials-screen-states-title{padding:0 .2em;font-size:.75em;text-align:left}
 .micromag-editor-buttons-screen-with-preview-button{display:block;position:relative}
 .micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-button{position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-border,.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-button,.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-inner{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-editor-buttons-screen-container{position:relative;overflow:hidden}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-button{display:inline-block}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-border{display:block}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen{display:block;position:relative;width:100%;height:0;padding-bottom:150%;pointer-events:none}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-icon{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-label{padding:5px 0;font-size:.75rem;font-weight:700}.micromag-editor-buttons-screen-container.micromag-editor-buttons-screen-active .micromag-editor-buttons-screen-border{z-index:2;border:3px solid #a13dff}
 .micromag-editor-screens-container .micromag-editor-screens-navbar{z-index:999;background-color:#1c1c1c}.micromag-editor-screens-container .micromag-editor-screens-navbar>div{padding:0}

package/es/index.js

@@ -1189,7 +1189,7 @@ var DevicesMenu = function DevicesMenu(_ref) {
 DevicesMenu.propTypes = propTypes$f;
 DevicesMenu.defaultProps = defaultProps$f;
 
-var styles$a = {"button":"micromag-editor-partials-screen-states-button","addButton":"micromag-editor-partials-screen-states-addButton","title":"micromag-editor-partials-screen-states-title"};
+var styles$a = {"container":"micromag-editor-partials-screen-states-container","button":"micromag-editor-partials-screen-states-button","addButton":"micromag-editor-partials-screen-states-addButton","title":"micromag-editor-partials-screen-states-title"};
 
 var styles$9 = {"button":"micromag-editor-buttons-screen-with-preview-button"};
 
@@ -1374,7 +1374,7 @@ function ScreenStates(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$a.container, _defineProperty({}, className, className !== null)])
   }, /*#__PURE__*/React.createElement("div", {
-    className: "d-flex align-items-end flex-wrap m-n1"
+    className: "d-flex align-items-end m-n1"
   }, /*#__PURE__*/React.createElement("div", {
     className: "p-1 align-self-stretch d-flex flex-column"
   }, /*#__PURE__*/React.createElement("h6", {
@@ -1396,6 +1396,8 @@ function ScreenStates(_ref) {
         label = _state$label === void 0 ? null : _state$label,
         _state$repeatable = state.repeatable,
         repeatable = _state$repeatable === void 0 ? false : _state$repeatable,
+        _state$withoutCreate = state.withoutCreate,
+        withoutCreate = _state$withoutCreate === void 0 ? false : _state$withoutCreate,
         _state$fieldName = state.fieldName,
         fieldName = _state$fieldName === void 0 ? null : _state$fieldName;
     var repeatableItems = repeatable ? screen[fieldName || id] || [] : null;
@@ -1431,7 +1433,7 @@ function ScreenStates(_ref) {
     }, /*#__PURE__*/React.createElement("h6", {
       className: classNames(['fw-normal', 'text-muted', styles$a.title])
     }, /*#__PURE__*/React.createElement(FormattedMessage, label)), repeatable ? /*#__PURE__*/React.createElement("ul", {
-      className: "d-flex list-unstyled flex-wrap m-n1 flex-grow-1"
+      className: "d-flex list-unstyled m-n1 flex-grow-1"
     }, repeatableItems.map(function (item, index) {
       return /*#__PURE__*/React.createElement("li", {
         className: "p-1"
@@ -1446,7 +1448,7 @@ function ScreenStates(_ref) {
           field: [id, index]
         })
       }));
-    }), /*#__PURE__*/React.createElement("li", {
+    }), !withoutCreate ? /*#__PURE__*/React.createElement("li", {
       className: "p-1"
     }, /*#__PURE__*/React.createElement(Button, {
       className: classNames([styles$a.button, styles$a.addButton, 'h-100', 'p-0', 'justify-content-center']),
@@ -1457,7 +1459,7 @@ function ScreenStates(_ref) {
         icon: faPlus
       }),
       onClick: onClickAdd
-    }))) : /*#__PURE__*/React.createElement(ScreenWithPreview, {
+    })) : null) : /*#__PURE__*/React.createElement(ScreenWithPreview, {
       screen: screen,
       screenState: id,
       className: styles$a.button,

package/lib/index.js

@@ -1209,7 +1209,7 @@ var DevicesMenu = function DevicesMenu(_ref) {
 DevicesMenu.propTypes = propTypes$f;
 DevicesMenu.defaultProps = defaultProps$f;
 
-var styles$a = {"button":"micromag-editor-partials-screen-states-button","addButton":"micromag-editor-partials-screen-states-addButton","title":"micromag-editor-partials-screen-states-title"};
+var styles$a = {"container":"micromag-editor-partials-screen-states-container","button":"micromag-editor-partials-screen-states-button","addButton":"micromag-editor-partials-screen-states-addButton","title":"micromag-editor-partials-screen-states-title"};
 
 var styles$9 = {"button":"micromag-editor-buttons-screen-with-preview-button"};
 
@@ -1394,7 +1394,7 @@ function ScreenStates(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]([styles$a.container, _defineProperty__default["default"]({}, className, className !== null)])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "d-flex align-items-end flex-wrap m-n1"
+    className: "d-flex align-items-end m-n1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "p-1 align-self-stretch d-flex flex-column"
   }, /*#__PURE__*/React__default["default"].createElement("h6", {
@@ -1416,6 +1416,8 @@ function ScreenStates(_ref) {
         label = _state$label === void 0 ? null : _state$label,
         _state$repeatable = state.repeatable,
         repeatable = _state$repeatable === void 0 ? false : _state$repeatable,
+        _state$withoutCreate = state.withoutCreate,
+        withoutCreate = _state$withoutCreate === void 0 ? false : _state$withoutCreate,
         _state$fieldName = state.fieldName,
         fieldName = _state$fieldName === void 0 ? null : _state$fieldName;
     var repeatableItems = repeatable ? screen[fieldName || id] || [] : null;
@@ -1451,7 +1453,7 @@ function ScreenStates(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement("h6", {
       className: classNames__default["default"](['fw-normal', 'text-muted', styles$a.title])
     }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, label)), repeatable ? /*#__PURE__*/React__default["default"].createElement("ul", {
-      className: "d-flex list-unstyled flex-wrap m-n1 flex-grow-1"
+      className: "d-flex list-unstyled m-n1 flex-grow-1"
     }, repeatableItems.map(function (item, index) {
       return /*#__PURE__*/React__default["default"].createElement("li", {
         className: "p-1"
@@ -1466,7 +1468,7 @@ function ScreenStates(_ref) {
           field: [id, index]
         })
       }));
-    }), /*#__PURE__*/React__default["default"].createElement("li", {
+    }), !withoutCreate ? /*#__PURE__*/React__default["default"].createElement("li", {
       className: "p-1"
     }, /*#__PURE__*/React__default["default"].createElement(components.Button, {
       className: classNames__default["default"]([styles$a.button, styles$a.addButton, 'h-100', 'p-0', 'justify-content-center']),
@@ -1477,7 +1479,7 @@ function ScreenStates(_ref) {
         icon: freeSolidSvgIcons.faPlus
       }),
       onClick: onClickAdd
-    }))) : /*#__PURE__*/React__default["default"].createElement(ScreenWithPreview, {
+    })) : null) : /*#__PURE__*/React__default["default"].createElement(ScreenWithPreview, {
       screen: screen,
       screenState: id,
       className: styles$a.button,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/editor",
-    "version": "0.3.87",
+    "version": "0.3.88",
     "description": "",
     "keywords": [
         "javascript"
@@ -62,11 +62,11 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.3.86",
-        "@micromag/elements": "^0.3.86",
-        "@micromag/fields": "^0.3.86",
-        "@micromag/screens": "^0.3.86",
-        "@micromag/viewer": "^0.3.87",
+        "@micromag/core": "^0.3.88",
+        "@micromag/elements": "^0.3.88",
+        "@micromag/fields": "^0.3.88",
+        "@micromag/screens": "^0.3.88",
+        "@micromag/viewer": "^0.3.88",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -81,5 +81,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "dee87e1ba187f1366fc0788fb1c85343f50bd9cd"
+    "gitHead": "d0fb1f7d4ae6bfa1fd07dc856307c1c4225ab889"
 }