@micromag/core 0.3.63 → 0.3.67

package/es/components.js

@@ -347,7 +347,11 @@ var FieldForm = function FieldForm(_ref) {
       type = _ref2$type === void 0 ? null : _ref2$type,
       fieldProps = _objectWithoutProperties(_ref2, _excluded$7);
 
-  var _ref3 = (type !== null ? fieldsManager.getDefinition(type) || null : null) || _objectSpread({}, field),
+  var fieldDefinition = fieldsManager.getDefinition(type) || null;
+
+  var fieldData = fieldDefinition || _objectSpread({}, field);
+
+  var _ref3 = fieldData || {},
       _ref3$component = _ref3.component,
       fieldComponent = _ref3$component === void 0 ? null : _ref3$component;
       _ref3.id;
@@ -562,9 +566,7 @@ var Form = function Form(_ref) {
     }
   }, [fieldPaths, setFieldPaths]);
   var closeFieldForm = useCallback(function () {
-    var newFields = _toConsumableArray(fieldPaths);
-
-    newFields.pop();
+    var newFields = fieldPaths !== null && fieldPaths.length > 0 ? fieldPaths.slice(-1)[0] : [];
     setFieldPaths(_toConsumableArray(newFields));
 
     if (onCloseFieldForm !== null) {

package/es/contexts.js

@@ -46,13 +46,12 @@ var useComponents = function useComponents() {
 var useComponent = function useComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
-  if (!isString(name)) {
-    return name || defaultComponent;
-  }
-
   var manager = useComponentsManager(namespace);
   return useMemo(function () {
+    if (!isString(name)) {
+      return name || defaultComponent;
+    }
+
     return manager.getComponent(name) || defaultComponent;
   }, [manager, name, defaultComponent]);
 };
@@ -492,7 +491,7 @@ var propTypes$b = {
   customFonts: PropTypes$1.fonts
 };
 var defaultProps$b = {
-  systemFonts: ['Arial', 'Courier', 'Georgia', 'Times New Roman', 'Verdana'],
+  systemFonts: ['Arial', 'Courier New', 'Georgia', 'Times New Roman', 'Verdana'],
   customFonts: null
 };
 var FontsProvider = function FontsProvider(_ref4) {

package/es/utils.js

@@ -152,8 +152,9 @@ var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
         _foundField$itemsFiel = foundField.itemsField,
         itemsField = _foundField$itemsFiel === void 0 ? null : _foundField$itemsFiel;
     var finalType = field !== null ? field.type || type : type;
+    var definition = fieldManager.getDefinition(finalType);
 
-    var _ref = finalType !== null ? fieldManager.getDefinition(finalType) : foundField,
+    var _ref = finalType !== null ? definition : foundField,
         _ref$fields = _ref.fields,
         subFields = _ref$fields === void 0 ? null : _ref$fields,
         _ref$settings = _ref.settings,
@@ -430,7 +431,8 @@ var getStyleFromBox = function getStyleFromBox(value) {
       backgroundColor = _value$backgroundColo === void 0 ? null : _value$backgroundColo,
       _value$borderRadius = value.borderRadius,
       borderRadius = _value$borderRadius === void 0 ? null : _value$borderRadius,
-      padding = value.padding,
+      _value$padding = value.padding,
+      paddingValue = _value$padding === void 0 ? null : _value$padding,
       _value$borderWidth = value.borderWidth,
       borderWidth = _value$borderWidth === void 0 ? null : _value$borderWidth,
       _value$borderStyle = value.borderStyle,
@@ -442,9 +444,28 @@ var getStyleFromBox = function getStyleFromBox(value) {
     style: borderStyle,
     color: borderColor
   };
+
+  var _ref = isObject(paddingValue) ? paddingValue : {
+    padding: paddingValue
+  },
+      _ref$top = _ref.top,
+      paddingTop = _ref$top === void 0 ? null : _ref$top,
+      _ref$right = _ref.right,
+      paddingRight = _ref$right === void 0 ? null : _ref$right,
+      _ref$bottom = _ref.bottom,
+      paddingBottom = _ref$bottom === void 0 ? null : _ref$bottom,
+      _ref$left = _ref.left,
+      paddingLeft = _ref$left === void 0 ? null : _ref$left,
+      _ref$padding = _ref.padding,
+      padding = _ref$padding === void 0 ? null : _ref$padding;
+
   return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
     borderRadius: borderRadius
   } : null), getStyleFromBorder(border)), {}, {
+    paddingTop: paddingTop,
+    paddingRight: paddingRight,
+    paddingBottom: paddingBottom,
+    paddingLeft: paddingLeft,
     padding: padding
   });
 };

package/lib/components.js

@@ -370,7 +370,11 @@ var FieldForm = function FieldForm(_ref) {
       type = _ref2$type === void 0 ? null : _ref2$type,
       fieldProps = _objectWithoutProperties__default["default"](_ref2, _excluded$7);
 
-  var _ref3 = (type !== null ? fieldsManager.getDefinition(type) || null : null) || _objectSpread__default["default"]({}, field),
+  var fieldDefinition = fieldsManager.getDefinition(type) || null;
+
+  var fieldData = fieldDefinition || _objectSpread__default["default"]({}, field);
+
+  var _ref3 = fieldData || {},
       _ref3$component = _ref3.component,
       fieldComponent = _ref3$component === void 0 ? null : _ref3$component;
       _ref3.id;
@@ -585,9 +589,7 @@ var Form = function Form(_ref) {
     }
   }, [fieldPaths, setFieldPaths]);
   var closeFieldForm = React.useCallback(function () {
-    var newFields = _toConsumableArray__default["default"](fieldPaths);
-
-    newFields.pop();
+    var newFields = fieldPaths !== null && fieldPaths.length > 0 ? fieldPaths.slice(-1)[0] : [];
     setFieldPaths(_toConsumableArray__default["default"](newFields));
 
     if (onCloseFieldForm !== null) {

package/lib/contexts.js

@@ -81,13 +81,12 @@ var useComponents = function useComponents() {
 var useComponent = function useComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
-  if (!isString__default["default"](name)) {
-    return name || defaultComponent;
-  }
-
   var manager = useComponentsManager(namespace);
   return React.useMemo(function () {
+    if (!isString__default["default"](name)) {
+      return name || defaultComponent;
+    }
+
     return manager.getComponent(name) || defaultComponent;
   }, [manager, name, defaultComponent]);
 };
@@ -527,7 +526,7 @@ var propTypes$b = {
   customFonts: core.PropTypes.fonts
 };
 var defaultProps$b = {
-  systemFonts: ['Arial', 'Courier', 'Georgia', 'Times New Roman', 'Verdana'],
+  systemFonts: ['Arial', 'Courier New', 'Georgia', 'Times New Roman', 'Verdana'],
   customFonts: null
 };
 var FontsProvider = function FontsProvider(_ref4) {

package/lib/utils.js

@@ -169,8 +169,9 @@ var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
         _foundField$itemsFiel = foundField.itemsField,
         itemsField = _foundField$itemsFiel === void 0 ? null : _foundField$itemsFiel;
     var finalType = field !== null ? field.type || type : type;
+    var definition = fieldManager.getDefinition(finalType);
 
-    var _ref = finalType !== null ? fieldManager.getDefinition(finalType) : foundField,
+    var _ref = finalType !== null ? definition : foundField,
         _ref$fields = _ref.fields,
         subFields = _ref$fields === void 0 ? null : _ref$fields,
         _ref$settings = _ref.settings,
@@ -447,7 +448,8 @@ var getStyleFromBox = function getStyleFromBox(value) {
       backgroundColor = _value$backgroundColo === void 0 ? null : _value$backgroundColo,
       _value$borderRadius = value.borderRadius,
       borderRadius = _value$borderRadius === void 0 ? null : _value$borderRadius,
-      padding = value.padding,
+      _value$padding = value.padding,
+      paddingValue = _value$padding === void 0 ? null : _value$padding,
       _value$borderWidth = value.borderWidth,
       borderWidth = _value$borderWidth === void 0 ? null : _value$borderWidth,
       _value$borderStyle = value.borderStyle,
@@ -459,9 +461,28 @@ var getStyleFromBox = function getStyleFromBox(value) {
     style: borderStyle,
     color: borderColor
   };
+
+  var _ref = isObject__default["default"](paddingValue) ? paddingValue : {
+    padding: paddingValue
+  },
+      _ref$top = _ref.top,
+      paddingTop = _ref$top === void 0 ? null : _ref$top,
+      _ref$right = _ref.right,
+      paddingRight = _ref$right === void 0 ? null : _ref$right,
+      _ref$bottom = _ref.bottom,
+      paddingBottom = _ref$bottom === void 0 ? null : _ref$bottom,
+      _ref$left = _ref.left,
+      paddingLeft = _ref$left === void 0 ? null : _ref$left,
+      _ref$padding = _ref.padding,
+      padding = _ref$padding === void 0 ? null : _ref$padding;
+
   return _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
     borderRadius: borderRadius
   } : null), getStyleFromBorder(border)), {}, {
+    paddingTop: paddingTop,
+    paddingRight: paddingRight,
+    paddingBottom: paddingBottom,
+    paddingLeft: paddingLeft,
     padding: padding
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.63",
+    "version": "0.3.67",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "002ba9d6db19aa37ea77a2465942060661f19dcf"
+    "gitHead": "f78a94a94a05f1f60f97b48b9cb4477b6ceae14c"
 }