@micromag/editor 0.3.69 → 0.3.72

package/es/index.js

@@ -309,7 +309,7 @@ var FieldWithContexts = function FieldWithContexts(_ref) {
       props = _objectWithoutProperties(_ref, _excluded$8);
 
   // Get definitions
-  var definition = useScreenDefinition();
+  var definition = useScreenDefinition() || null;
   var _definition$states = definition.states,
       states = _definition$states === void 0 ? null : _definition$states;
   var screenFields = getScreenFieldsWithStates(definition); // const [stateId = null] = name.split('.');
@@ -358,7 +358,7 @@ var FieldWithContexts = function FieldWithContexts(_ref) {
   //           }]
   // : fields;
 
-  return /*#__PURE__*/React.createElement("div", {
+  return definition !== null ? /*#__PURE__*/React.createElement("div", {
     className: classNames({
       'p-2': form === null
     })
@@ -369,7 +369,7 @@ var FieldWithContexts = function FieldWithContexts(_ref) {
     form: form
   }, props)) : /*#__PURE__*/React.createElement(Fields, Object.assign({
     fields: stateFields
-  }, props)));
+  }, props))) : null;
 };
 
 FieldWithContexts.propTypes = propTypes$n;
@@ -421,13 +421,13 @@ var ScreenForm = function ScreenForm(_ref) {
     className: classNames([styles$g.container, _defineProperty({}, className, className)])
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$g.inner
-  }, /*#__PURE__*/React.createElement(Fields, {
+  }, fields !== null ? /*#__PURE__*/React.createElement(Fields, {
     fields: fields,
     value: value,
     onChange: onChange,
     gotoFieldForm: gotoFieldForm,
     closeFieldForm: closeFieldForm
-  })));
+  }) : null));
 };
 
 ScreenForm.propTypes = propTypes$m;
@@ -478,18 +478,28 @@ var Breadcrumb = function Breadcrumb(_ref) {
       return {};
     }
 
-    var type = screens[screenIndex].type;
+    var _screens$screenIndex = screens[screenIndex],
+        type = _screens$screenIndex.type,
+        _screens$screenIndex$ = _screens$screenIndex.parameters,
+        parameters = _screens$screenIndex$ === void 0 ? null : _screens$screenIndex$;
     var definition = screensManager.getDefinition(type);
-    var states = definition.states;
+
+    var _ref3 = definition || {},
+        _ref3$states = _ref3.states,
+        states = _ref3$states === void 0 ? null : _ref3$states;
+
     return {
-      fields: [].concat(_toConsumableArray(getScreenFieldsWithStates(definition)), [getScreenExtraField(intl)]),
-      states: states
+      fields: definition !== null ? [].concat(_toConsumableArray(getScreenFieldsWithStates(definition)), [getScreenExtraField(intl)]) : null,
+      states: states,
+      parameters: parameters
     };
   }, [screens, screenId, screensManager, intl]),
       _useMemo$fields = _useMemo.fields,
       screenFields = _useMemo$fields === void 0 ? [] : _useMemo$fields,
       _useMemo$states = _useMemo.states,
-      screenStates = _useMemo$states === void 0 ? null : _useMemo$states;
+      screenStates = _useMemo$states === void 0 ? null : _useMemo$states,
+      _useMemo$parameters = _useMemo.parameters,
+      screenParameters = _useMemo$parameters === void 0 ? null : _useMemo$parameters;
 
   var items = useMemo(function () {
     var fieldItems = [];
@@ -502,18 +512,18 @@ var Breadcrumb = function Breadcrumb(_ref) {
           _fieldPath$ = _fieldPath[0],
           stateId = _fieldPath$ === void 0 ? null : _fieldPath$;
 
-      currentState = screenStates !== null ? screenStates.find(function (_ref3) {
-        var id = _ref3.id;
+      currentState = screenStates !== null ? screenStates.find(function (_ref4) {
+        var id = _ref4.id;
         return id === stateId;
       }) || null : null;
       var finalFieldPath = fieldPath;
 
       if (currentState !== null) {
-        var _ref4 = currentState || {},
-            _ref4$repeatable = _ref4.repeatable,
-            repeatable = _ref4$repeatable === void 0 ? false : _ref4$repeatable,
-            _ref4$fieldName = _ref4.fieldName,
-            fieldName = _ref4$fieldName === void 0 ? null : _ref4$fieldName;
+        var _ref5 = currentState || {},
+            _ref5$repeatable = _ref5.repeatable,
+            repeatable = _ref5$repeatable === void 0 ? false : _ref5$repeatable,
+            _ref5$fieldName = _ref5.fieldName,
+            fieldName = _ref5$fieldName === void 0 ? null : _ref5$fieldName;
 
         finalFieldPath = (repeatable || fieldName !== null) && fieldPath.length <= (repeatable ? 2 : 1) ? [fieldName || stateId].concat(_toConsumableArray(fieldPath.slice(1))) : fieldPath.slice(1);
       }
@@ -576,9 +586,9 @@ var Breadcrumb = function Breadcrumb(_ref) {
         var fieldLabel = nextFields ? nextFields.breadcrumbLabel || nextFields.label : null;
         var itemLabel = isMessage(fieldLabel) ? intl.formatMessage(fieldLabel) : fieldLabel;
 
-        var _ref5 = parentItem || {},
-            _ref5$label = _ref5.label,
-            parentItemLabel = _ref5$label === void 0 ? null : _ref5$label;
+        var _ref6 = parentItem || {},
+            _ref6$label = _ref6.label,
+            parentItemLabel = _ref6$label === void 0 ? null : _ref6$label;
 
         var finalItemLabel = isListItems ? "".concat(itemLabel, " #").concat(parseInt(key, 10) + 1) : itemLabel || parentItemLabel;
         var item = {
@@ -598,14 +608,24 @@ var Breadcrumb = function Breadcrumb(_ref) {
       });
     }
 
+    var _ref7 = screenParameters || {},
+        _ref7$metadata = _ref7.metadata,
+        metadata = _ref7$metadata === void 0 ? null : _ref7$metadata;
+
+    var _ref8 = metadata || {},
+        _ref8$title = _ref8.title,
+        title = _ref8$title === void 0 ? null : _ref8$title;
+
+    var parametersMessage = intl.formatMessage({
+      id: "AHvHaY",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Parameters"
+      }]
+    });
+    var defaultLabel = (fieldItems || []).length === 0 ? title || parametersMessage : parametersMessage;
     var finalItems = [currentState === null || (currentState.repeatable || false) === false ? {
-      label: currentState !== null ? currentState.label : intl.formatMessage({
-        id: "AHvHaY",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Parameters"
-        }]
-      }),
+      label: currentState !== null ? currentState.label : defaultLabel,
       url: currentState !== null ? route('screen.field', {
         screen: screenId,
         field: currentState.id
@@ -2901,7 +2921,10 @@ var ScreenTypes = function ScreenTypes(_ref) {
       onClickItem = _ref.onClickItem;
   var intl = useIntl();
   var screensManager = useScreensManager();
-  var finalDefinitions = screens || screensManager.getDefinitions();
+  var screenDefinitions = screens || screensManager.getDefinitions();
+  var finalDefinitions = (screenDefinitions || []).filter(function (s) {
+    return s !== null;
+  });
   var groups = useMemo(function () {
     var groupItems = finalDefinitions.reduce(function (allGroups, definition) {
       var id = definition.id,

package/lib/index.js

@@ -329,7 +329,7 @@ var FieldWithContexts = function FieldWithContexts(_ref) {
       props = _objectWithoutProperties__default["default"](_ref, _excluded$8);
 
   // Get definitions
-  var definition = contexts.useScreenDefinition();
+  var definition = contexts.useScreenDefinition() || null;
   var _definition$states = definition.states,
       states = _definition$states === void 0 ? null : _definition$states;
   var screenFields = getScreenFieldsWithStates(definition); // const [stateId = null] = name.split('.');
@@ -378,7 +378,7 @@ var FieldWithContexts = function FieldWithContexts(_ref) {
   //           }]
   // : fields;
 
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return definition !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]({
       'p-2': form === null
     })
@@ -389,7 +389,7 @@ var FieldWithContexts = function FieldWithContexts(_ref) {
     form: form
   }, props)) : /*#__PURE__*/React__default["default"].createElement(fields.Fields, Object.assign({
     fields: stateFields
-  }, props)));
+  }, props))) : null;
 };
 
 FieldWithContexts.propTypes = propTypes$n;
@@ -441,13 +441,13 @@ var ScreenForm = function ScreenForm(_ref) {
     className: classNames__default["default"]([styles$g.container, _defineProperty__default["default"]({}, className, className)])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: styles$g.inner
-  }, /*#__PURE__*/React__default["default"].createElement(fields.Fields, {
+  }, fields$1 !== null ? /*#__PURE__*/React__default["default"].createElement(fields.Fields, {
     fields: fields$1,
     value: value,
     onChange: onChange,
     gotoFieldForm: gotoFieldForm,
     closeFieldForm: closeFieldForm
-  })));
+  }) : null));
 };
 
 ScreenForm.propTypes = propTypes$m;
@@ -498,18 +498,28 @@ var Breadcrumb = function Breadcrumb(_ref) {
       return {};
     }
 
-    var type = screens[screenIndex].type;
+    var _screens$screenIndex = screens[screenIndex],
+        type = _screens$screenIndex.type,
+        _screens$screenIndex$ = _screens$screenIndex.parameters,
+        parameters = _screens$screenIndex$ === void 0 ? null : _screens$screenIndex$;
     var definition = screensManager.getDefinition(type);
-    var states = definition.states;
+
+    var _ref3 = definition || {},
+        _ref3$states = _ref3.states,
+        states = _ref3$states === void 0 ? null : _ref3$states;
+
     return {
-      fields: [].concat(_toConsumableArray__default["default"](getScreenFieldsWithStates(definition)), [utils.getScreenExtraField(intl)]),
-      states: states
+      fields: definition !== null ? [].concat(_toConsumableArray__default["default"](getScreenFieldsWithStates(definition)), [utils.getScreenExtraField(intl)]) : null,
+      states: states,
+      parameters: parameters
     };
   }, [screens, screenId, screensManager, intl]),
       _useMemo$fields = _useMemo.fields,
       screenFields = _useMemo$fields === void 0 ? [] : _useMemo$fields,
       _useMemo$states = _useMemo.states,
-      screenStates = _useMemo$states === void 0 ? null : _useMemo$states;
+      screenStates = _useMemo$states === void 0 ? null : _useMemo$states,
+      _useMemo$parameters = _useMemo.parameters,
+      screenParameters = _useMemo$parameters === void 0 ? null : _useMemo$parameters;
 
   var items = React.useMemo(function () {
     var fieldItems = [];
@@ -522,18 +532,18 @@ var Breadcrumb = function Breadcrumb(_ref) {
           _fieldPath$ = _fieldPath[0],
           stateId = _fieldPath$ === void 0 ? null : _fieldPath$;
 
-      currentState = screenStates !== null ? screenStates.find(function (_ref3) {
-        var id = _ref3.id;
+      currentState = screenStates !== null ? screenStates.find(function (_ref4) {
+        var id = _ref4.id;
         return id === stateId;
       }) || null : null;
       var finalFieldPath = fieldPath;
 
       if (currentState !== null) {
-        var _ref4 = currentState || {},
-            _ref4$repeatable = _ref4.repeatable,
-            repeatable = _ref4$repeatable === void 0 ? false : _ref4$repeatable,
-            _ref4$fieldName = _ref4.fieldName,
-            fieldName = _ref4$fieldName === void 0 ? null : _ref4$fieldName;
+        var _ref5 = currentState || {},
+            _ref5$repeatable = _ref5.repeatable,
+            repeatable = _ref5$repeatable === void 0 ? false : _ref5$repeatable,
+            _ref5$fieldName = _ref5.fieldName,
+            fieldName = _ref5$fieldName === void 0 ? null : _ref5$fieldName;
 
         finalFieldPath = (repeatable || fieldName !== null) && fieldPath.length <= (repeatable ? 2 : 1) ? [fieldName || stateId].concat(_toConsumableArray__default["default"](fieldPath.slice(1))) : fieldPath.slice(1);
       }
@@ -596,9 +606,9 @@ var Breadcrumb = function Breadcrumb(_ref) {
         var fieldLabel = nextFields ? nextFields.breadcrumbLabel || nextFields.label : null;
         var itemLabel = utils.isMessage(fieldLabel) ? intl.formatMessage(fieldLabel) : fieldLabel;
 
-        var _ref5 = parentItem || {},
-            _ref5$label = _ref5.label,
-            parentItemLabel = _ref5$label === void 0 ? null : _ref5$label;
+        var _ref6 = parentItem || {},
+            _ref6$label = _ref6.label,
+            parentItemLabel = _ref6$label === void 0 ? null : _ref6$label;
 
         var finalItemLabel = isListItems ? "".concat(itemLabel, " #").concat(parseInt(key, 10) + 1) : itemLabel || parentItemLabel;
         var item = {
@@ -618,14 +628,24 @@ var Breadcrumb = function Breadcrumb(_ref) {
       });
     }
 
+    var _ref7 = screenParameters || {},
+        _ref7$metadata = _ref7.metadata,
+        metadata = _ref7$metadata === void 0 ? null : _ref7$metadata;
+
+    var _ref8 = metadata || {},
+        _ref8$title = _ref8.title,
+        title = _ref8$title === void 0 ? null : _ref8$title;
+
+    var parametersMessage = intl.formatMessage({
+      id: "AHvHaY",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Parameters"
+      }]
+    });
+    var defaultLabel = (fieldItems || []).length === 0 ? title || parametersMessage : parametersMessage;
     var finalItems = [currentState === null || (currentState.repeatable || false) === false ? {
-      label: currentState !== null ? currentState.label : intl.formatMessage({
-        id: "AHvHaY",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Parameters"
-        }]
-      }),
+      label: currentState !== null ? currentState.label : defaultLabel,
       url: currentState !== null ? route('screen.field', {
         screen: screenId,
         field: currentState.id
@@ -2921,7 +2941,10 @@ var ScreenTypes = function ScreenTypes(_ref) {
       onClickItem = _ref.onClickItem;
   var intl = reactIntl.useIntl();
   var screensManager = contexts.useScreensManager();
-  var finalDefinitions = screens || screensManager.getDefinitions();
+  var screenDefinitions = screens || screensManager.getDefinitions();
+  var finalDefinitions = (screenDefinitions || []).filter(function (s) {
+    return s !== null;
+  });
   var groups = React.useMemo(function () {
     var groupItems = finalDefinitions.reduce(function (allGroups, definition) {
       var id = definition.id,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/editor",
-    "version": "0.3.69",
+    "version": "0.3.72",
     "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.69",
-        "@micromag/elements": "^0.3.69",
-        "@micromag/fields": "^0.3.69",
-        "@micromag/screens": "^0.3.69",
-        "@micromag/viewer": "^0.3.69",
+        "@micromag/core": "^0.3.71",
+        "@micromag/elements": "^0.3.71",
+        "@micromag/fields": "^0.3.72",
+        "@micromag/screens": "^0.3.71",
+        "@micromag/viewer": "^0.3.72",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -81,5 +81,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "c69c85dbe321ddcd2d57f5d972b456ab76b5da3e"
+    "gitHead": "bbcb5e74b786e9e5126e4a51994674e824ca7643"
 }