@micromag/core 0.4.14 → 0.4.17

package/es/components.d.ts

@@ -148,7 +148,7 @@ declare function PauseIcon({ color, className }: PauseIconProps): react_jsx_runt
 
 interface PlayIconProps {
     className?: string | null;
-    color?: string;
+    color?: string | null;
 }
 declare function PlayIcon({ color, className }: PlayIconProps): react_jsx_runtime.JSX.Element;
 

package/es/components.js

@@ -16,7 +16,7 @@ import throttle from 'lodash/throttle';
 import { useForm, useDocumentEvent, useIntersectionObserver, useDimensionObserver, useDevicePixelRatio } from '@micromag/core/hooks';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import get from 'lodash/get';
-import { useFieldsManager, useFieldComponent, FieldContextProvider, withModals, useModals, withPanels, usePanels, ScreenSizeProvider, useScreenComponent, ScreenProvider, useScreenRenderContext, useScreenSize } from '@micromag/core/contexts';
+import { useFieldsManager, useFieldComponent, FieldContextProvider, useFieldContext, withModals, useModals, withPanels, usePanels, ScreenSizeProvider, useScreenComponent, ScreenProvider, useScreenRenderContext, useScreenSize } from '@micromag/core/contexts';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import isObject from 'lodash/isObject';
 import isArray from 'lodash/isArray';
@@ -43,12 +43,13 @@ import { useSpring } from '@react-spring/core';
 import { config, animated } from '@react-spring/web';
 
 /* eslint-disable react/jsx-props-no-spreading */
+var emptyObject$3 = {};
 function Label(_ref) {
   var children = _ref.children,
     _ref$isHtml = _ref.isHtml,
     isHtml = _ref$isHtml === void 0 ? false : _ref$isHtml,
     _ref$values = _ref.values,
-    values = _ref$values === void 0 ? {} : _ref$values;
+    values = _ref$values === void 0 ? emptyObject$3 : _ref$values;
   var Message = isHtml ? FormattedMessage : FormattedMessage;
   return isMessage(children) ? /*#__PURE__*/React.createElement(Message, Object.assign({
     values: values
@@ -172,9 +173,10 @@ function Button$1(_ref) {
 var styles$x = {"container":"micromag-core-buttons-container"};
 
 var _excluded$b = ["className", "onClick", "theme"];
+var emptyArray$a = [];
 function Buttons(_ref) {
   var _ref$buttons = _ref.buttons,
-    buttons = _ref$buttons === void 0 ? [] : _ref$buttons,
+    buttons = _ref$buttons === void 0 ? emptyArray$a : _ref$buttons,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? null : _ref$size,
     _ref$theme = _ref.theme,
@@ -251,6 +253,8 @@ function ClearButton(_ref) {
 
 var _excluded$8 = ["type"],
   _excluded2 = ["component", "id", "settings"];
+var emptyArray$9 = [];
+var emptyObject$2 = {};
 function FieldForm(_ref) {
   var _ref$name = _ref.name,
     name = _ref$name === void 0 ? null : _ref$name,
@@ -259,9 +263,9 @@ function FieldForm(_ref) {
     _ref$form = _ref.form,
     form = _ref$form === void 0 ? null : _ref$form,
     _ref$formComponents = _ref.formComponents,
-    formComponents = _ref$formComponents === void 0 ? {} : _ref$formComponents,
+    formComponents = _ref$formComponents === void 0 ? emptyObject$2 : _ref$formComponents,
     _ref$fields = _ref.fields,
-    fields = _ref$fields === void 0 ? [] : _ref$fields,
+    fields = _ref$fields === void 0 ? emptyArray$9 : _ref$fields,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? null : _ref$className,
     _ref$onChange = _ref.onChange,
@@ -332,12 +336,13 @@ function FieldForm(_ref) {
 
 var styles$v = {"container":"micromag-core-forms-form-container","panel":"micromag-core-forms-form-panel","actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
 
+var emptyArray$8 = [];
 function Form(_ref) {
   var action = _ref.action,
     _ref$method = _ref.method,
     method = _ref$method === void 0 ? 'POST' : _ref$method,
     _ref$fields = _ref.fields,
-    initialFields = _ref$fields === void 0 ? [] : _ref$fields,
+    initialFields = _ref$fields === void 0 ? emptyArray$8 : _ref$fields,
     _ref$initialValue = _ref.initialValue,
     initialValue = _ref$initialValue === void 0 ? null : _ref$initialValue,
     _ref$postForm = _ref.postForm,
@@ -438,6 +443,7 @@ function Form(_ref) {
     }
   }, [response, onResponse, onMessage]);
   var canSave = validateFields(fields, value);
+  var fieldContext = useFieldContext();
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     fieldPaths = _useState4[0],
@@ -489,7 +495,8 @@ function Form(_ref) {
     value: value,
     onChange: setValue,
     gotoFieldForm: gotoFieldForm,
-    closeFieldForm: closeFieldForm
+    closeFieldForm: closeFieldForm,
+    fieldContext: fieldContext
   })) : null, FieldsComponent && fields !== null && fields.length > 0 && fieldParams === null ? /*#__PURE__*/React.createElement(FieldsComponent, {
     fields: fields,
     value: value,
@@ -868,6 +875,7 @@ function PlayIcon(_ref) {
     color = _ref$color === void 0 ? '#fff' : _ref$color,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? null : _ref$className;
+  console.log('color', color);
   return /*#__PURE__*/React.createElement("svg", {
     width: "40",
     height: "45.1",
@@ -907,9 +915,10 @@ function UnmuteIcon(_ref) {
 
 var styles$r = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
 
+var emptyArray$7 = [];
 function Breadcrumb(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
+    items = _ref$items === void 0 ? emptyArray$7 : _ref$items,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? null : _ref$theme,
     _ref$separator = _ref.separator,
@@ -953,9 +962,10 @@ function Breadcrumb(_ref) {
 }
 
 var _excluded$4 = ["type", "className", "label", "children", "onClick", "active"];
+var emptyArray$6 = [];
 function Dropdown(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
+    items = _ref$items === void 0 ? emptyArray$6 : _ref$items,
     _ref$children = _ref.children,
     children = _ref$children === void 0 ? null : _ref$children,
     _ref$visible = _ref.visible,
@@ -1041,9 +1051,10 @@ function Dropdown(_ref) {
 }
 
 var _excluded$3 = ["id", "className", "linkClassName", "href", "label", "external", "items", "dropdown", "active", "onClick"];
+var emptyArray$5 = [];
 function Menu(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
+    items = _ref$items === void 0 ? emptyArray$5 : _ref$items,
     _ref$tagName = _ref.tagName,
     tagName = _ref$tagName === void 0 ? 'ul' : _ref$tagName,
     _ref$itemTagName = _ref.itemTagName,
@@ -1349,9 +1360,10 @@ function PaginationMenu(_ref) {
 
 var styles$o = {"container":"micromag-core-menus-tabs-container"};
 
+var emptyArray$4 = [];
 function TabsMenu(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
+    items = _ref$items === void 0 ? emptyArray$4 : _ref$items,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? null : _ref$size,
     _ref$theme = _ref.theme,
@@ -1526,9 +1538,10 @@ function ModalDialog(_ref) {
 
 var styles$k = {"container":"micromag-core-panels-container"};
 
+var emptyArray$3 = [];
 function PanelsContainer(_ref) {
   var _ref$panels = _ref.panels,
-    panels = _ref$panels === void 0 ? [] : _ref$panels,
+    panels = _ref$panels === void 0 ? emptyArray$3 : _ref$panels,
     _ref$setPanelsContain = _ref.setPanelsContainer,
     setPanelsContainer = _ref$setPanelsContain === void 0 ? null : _ref$setPanelsContain,
     _ref$className = _ref.className,
@@ -1799,11 +1812,12 @@ function PlaceholderBlock(_ref) {
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
+var emptyObject$1 = {};
 function ElementComponent(_ref) {
   var name = _ref.name,
     components = _ref.components,
     _ref$props = _ref.props,
-    props = _ref$props === void 0 ? {} : _ref$props,
+    props = _ref$props === void 0 ? emptyObject$1 : _ref$props,
     _ref$isPlaceholder = _ref.isPlaceholder,
     isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
     _ref$className = _ref.className,
@@ -1845,6 +1859,14 @@ function Empty(_ref) {
   }, /*#__PURE__*/React.createElement(Label, null, children)));
 }
 
+var emptyArray$2 = [];
+var defaultFormats = ['eot', 'woff2', 'woff', {
+  name: 'otf',
+  format: 'opentype'
+}, {
+  name: 'ttf',
+  format: 'truetype'
+}, 'svg'];
 var getUrlsFromMedia = function getUrlsFromMedia(media, formats) {
   var _ref = media || {},
     _ref$files = _ref.files,
@@ -1875,15 +1897,9 @@ var getUrlsFromMedia = function getUrlsFromMedia(media, formats) {
 };
 function FontFaces(_ref4) {
   var _ref4$fonts = _ref4.fonts,
-    fonts = _ref4$fonts === void 0 ? [] : _ref4$fonts,
+    fonts = _ref4$fonts === void 0 ? emptyArray$2 : _ref4$fonts,
     _ref4$formats = _ref4.formats,
-    formats = _ref4$formats === void 0 ? ['eot', 'woff2', 'woff', {
-      name: 'otf',
-      format: 'opentype'
-    }, {
-      name: 'ttf',
-      format: 'truetype'
-    }, 'svg'] : _ref4$formats;
+    formats = _ref4$formats === void 0 ? defaultFormats : _ref4$formats;
   var fontFaces = (fonts || []).filter(function (it) {
     return isObject(it) && it.type === 'custom' && (it.media || null) !== null;
   }).reduce(function (fontFontFaces, _ref5) {
@@ -1988,6 +2004,8 @@ function Media(_ref) {
 }
 
 /* eslint-disable react/no-array-index-key */
+var emptyArray$1 = [];
+var emptyObject = {};
 function Meta(_ref) {
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? null : _ref$title,
@@ -2017,7 +2035,7 @@ function Meta(_ref) {
     _ref2$atomUrl = _ref2.atomUrl,
     atomUrl = _ref2$atomUrl === void 0 ? null : _ref2$atomUrl,
     _ref2$microformats = _ref2.microformats,
-    microformats = _ref2$microformats === void 0 ? [] : _ref2$microformats,
+    microformats = _ref2$microformats === void 0 ? emptyArray$1 : _ref2$microformats,
     _ref2$language = _ref2.language,
     language = _ref2$language === void 0 ? null : _ref2$language;
   var realTitle = title !== null ? "".concat(title, " | ").concat(suffix) : fullTitle;
@@ -2025,7 +2043,7 @@ function Meta(_ref) {
     _ref3$url = _ref3.url,
     imageUrl = _ref3$url === void 0 ? null : _ref3$url,
     _ref3$metadata = _ref3.metadata,
-    imageMetadata = _ref3$metadata === void 0 ? {} : _ref3$metadata;
+    imageMetadata = _ref3$metadata === void 0 ? emptyObject : _ref3$metadata;
   var _ref4 = imageMetadata || {},
     _ref4$width = _ref4.width,
     imageWidth = _ref4$width === void 0 ? null : _ref4$width,
@@ -2106,9 +2124,10 @@ function Meta(_ref) {
 
 var styles$e = {"container":"micromag-core-partials-slideshow-container","items":"micromag-core-partials-slideshow-items","item":"micromag-core-partials-slideshow-item","prev":"micromag-core-partials-slideshow-prev","current":"micromag-core-partials-slideshow-current","next":"micromag-core-partials-slideshow-next"};
 
+var emptyArray = [];
 function Slideshow(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
+    items = _ref$items === void 0 ? emptyArray : _ref$items,
     _ref$auto = _ref.auto,
     auto = _ref$auto === void 0 ? true : _ref$auto,
     _ref$delay = _ref.delay,

package/es/contexts.js

@@ -25,6 +25,7 @@ var FORMS_NAMESPACE = 'forms';
 var SCREENS_NAMESPACE = 'screens';
 var ELEMENTS_NAMESPACE = 'elements';
 var ComponentsContext = /*#__PURE__*/React.createContext(null);
+var emptyComponents = {};
 
 /**
  * Hooks
@@ -39,7 +40,7 @@ var useComponentsManager = function useComponentsManager() {
 };
 var useComponents = function useComponents() {
   var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var defaultComponents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var defaultComponents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : emptyComponents;
   var manager = useComponentsManager();
   return manager.getComponents(namespace) || defaultComponents;
 };
@@ -62,7 +63,7 @@ var useFieldsComponentsManager = function useFieldsComponentsManager() {
   return useComponentsManager(FIELDS_NAMESPACE);
 };
 var useFieldsComponents = function useFieldsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
   return useComponents(FIELDS_NAMESPACE, defaultComponents);
 };
 var useFieldComponent = function useFieldComponent(name) {
@@ -77,7 +78,7 @@ var useScreensComponentsManager = function useScreensComponentsManager() {
   return useComponentsManager(SCREENS_NAMESPACE);
 };
 var useScreensComponents = function useScreensComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
   return useComponents(SCREENS_NAMESPACE, defaultComponents);
 };
 var useScreenComponent = function useScreenComponent(name) {
@@ -92,7 +93,7 @@ var useFormsComponentsManager = function useFormsComponentsManager() {
   return useComponentsManager(FORMS_NAMESPACE);
 };
 var useFormsComponents = function useFormsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
   return useComponents(FORMS_NAMESPACE, defaultComponents);
 };
 var useFormComponent = function useFormComponent(name) {
@@ -107,7 +108,7 @@ var useModalsComponentsManager = function useModalsComponentsManager() {
   return useComponentsManager(MODALS_NAMESPACE);
 };
 var useModalsComponents = function useModalsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
   return useComponents(MODALS_NAMESPACE, defaultComponents);
 };
 var useModalComponent = function useModalComponent(name) {
@@ -122,7 +123,7 @@ var useElementsComponentsManager = function useElementsComponentsManager() {
   return useComponentsManager(ELEMENTS_NAMESPACE);
 };
 var useElementsComponents = function useElementsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
   return useComponents(ELEMENTS_NAMESPACE, defaultComponents);
 };
 var useElementComponent = function useElementComponent(name) {
@@ -133,7 +134,7 @@ var useElementComponent = function useElementComponent(name) {
 /**
  * Provider
  */
-var emptyComponents = {};
+
 function ComponentsProvider(_ref) {
   var _ref$components = _ref.components,
     components = _ref$components === void 0 ? emptyComponents : _ref$components,

package/lib/components.js

@@ -45,12 +45,13 @@ var core = require('@react-spring/core');
 var web = require('@react-spring/web');
 
 /* eslint-disable react/jsx-props-no-spreading */
+var emptyObject$3 = {};
 function Label(_ref) {
   var children = _ref.children,
     _ref$isHtml = _ref.isHtml,
     isHtml = _ref$isHtml === void 0 ? false : _ref$isHtml,
     _ref$values = _ref.values,
-    values = _ref$values === void 0 ? {} : _ref$values;
+    values = _ref$values === void 0 ? emptyObject$3 : _ref$values;
   var Message = isHtml ? reactIntl.FormattedMessage : reactIntl.FormattedMessage;
   return utils.isMessage(children) ? /*#__PURE__*/React.createElement(Message, Object.assign({
     values: values
@@ -174,9 +175,10 @@ function Button$1(_ref) {
 var styles$x = {"container":"micromag-core-buttons-container"};
 
 var _excluded$b = ["className", "onClick", "theme"];
+var emptyArray$a = [];
 function Buttons(_ref) {
   var _ref$buttons = _ref.buttons,
-    buttons = _ref$buttons === void 0 ? [] : _ref$buttons,
+    buttons = _ref$buttons === void 0 ? emptyArray$a : _ref$buttons,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? null : _ref$size,
     _ref$theme = _ref.theme,
@@ -253,6 +255,8 @@ function ClearButton(_ref) {
 
 var _excluded$8 = ["type"],
   _excluded2 = ["component", "id", "settings"];
+var emptyArray$9 = [];
+var emptyObject$2 = {};
 function FieldForm(_ref) {
   var _ref$name = _ref.name,
     name = _ref$name === void 0 ? null : _ref$name,
@@ -261,9 +265,9 @@ function FieldForm(_ref) {
     _ref$form = _ref.form,
     form = _ref$form === void 0 ? null : _ref$form,
     _ref$formComponents = _ref.formComponents,
-    formComponents = _ref$formComponents === void 0 ? {} : _ref$formComponents,
+    formComponents = _ref$formComponents === void 0 ? emptyObject$2 : _ref$formComponents,
     _ref$fields = _ref.fields,
-    fields = _ref$fields === void 0 ? [] : _ref$fields,
+    fields = _ref$fields === void 0 ? emptyArray$9 : _ref$fields,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? null : _ref$className,
     _ref$onChange = _ref.onChange,
@@ -334,12 +338,13 @@ function FieldForm(_ref) {
 
 var styles$v = {"container":"micromag-core-forms-form-container","panel":"micromag-core-forms-form-panel","actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
 
+var emptyArray$8 = [];
 function Form(_ref) {
   var action = _ref.action,
     _ref$method = _ref.method,
     method = _ref$method === void 0 ? 'POST' : _ref$method,
     _ref$fields = _ref.fields,
-    initialFields = _ref$fields === void 0 ? [] : _ref$fields,
+    initialFields = _ref$fields === void 0 ? emptyArray$8 : _ref$fields,
     _ref$initialValue = _ref.initialValue,
     initialValue = _ref$initialValue === void 0 ? null : _ref$initialValue,
     _ref$postForm = _ref.postForm,
@@ -440,6 +445,7 @@ function Form(_ref) {
     }
   }, [response, onResponse, onMessage]);
   var canSave = utils.validateFields(fields, value);
+  var fieldContext = contexts.useFieldContext();
   var _useState3 = React.useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     fieldPaths = _useState4[0],
@@ -491,7 +497,8 @@ function Form(_ref) {
     value: value,
     onChange: setValue,
     gotoFieldForm: gotoFieldForm,
-    closeFieldForm: closeFieldForm
+    closeFieldForm: closeFieldForm,
+    fieldContext: fieldContext
   })) : null, FieldsComponent && fields !== null && fields.length > 0 && fieldParams === null ? /*#__PURE__*/React.createElement(FieldsComponent, {
     fields: fields,
     value: value,
@@ -870,6 +877,7 @@ function PlayIcon(_ref) {
     color = _ref$color === void 0 ? '#fff' : _ref$color,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? null : _ref$className;
+  console.log('color', color);
   return /*#__PURE__*/React.createElement("svg", {
     width: "40",
     height: "45.1",
@@ -909,9 +917,10 @@ function UnmuteIcon(_ref) {
 
 var styles$r = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
 
+var emptyArray$7 = [];
 function Breadcrumb(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
+    items = _ref$items === void 0 ? emptyArray$7 : _ref$items,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? null : _ref$theme,
     _ref$separator = _ref.separator,
@@ -955,9 +964,10 @@ function Breadcrumb(_ref) {
 }
 
 var _excluded$4 = ["type", "className", "label", "children", "onClick", "active"];
+var emptyArray$6 = [];
 function Dropdown(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
+    items = _ref$items === void 0 ? emptyArray$6 : _ref$items,
     _ref$children = _ref.children,
     children = _ref$children === void 0 ? null : _ref$children,
     _ref$visible = _ref.visible,
@@ -1043,9 +1053,10 @@ function Dropdown(_ref) {
 }
 
 var _excluded$3 = ["id", "className", "linkClassName", "href", "label", "external", "items", "dropdown", "active", "onClick"];
+var emptyArray$5 = [];
 function Menu(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
+    items = _ref$items === void 0 ? emptyArray$5 : _ref$items,
     _ref$tagName = _ref.tagName,
     tagName = _ref$tagName === void 0 ? 'ul' : _ref$tagName,
     _ref$itemTagName = _ref.itemTagName,
@@ -1351,9 +1362,10 @@ function PaginationMenu(_ref) {
 
 var styles$o = {"container":"micromag-core-menus-tabs-container"};
 
+var emptyArray$4 = [];
 function TabsMenu(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
+    items = _ref$items === void 0 ? emptyArray$4 : _ref$items,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? null : _ref$size,
     _ref$theme = _ref.theme,
@@ -1528,9 +1540,10 @@ function ModalDialog(_ref) {
 
 var styles$k = {"container":"micromag-core-panels-container"};
 
+var emptyArray$3 = [];
 function PanelsContainer(_ref) {
   var _ref$panels = _ref.panels,
-    panels = _ref$panels === void 0 ? [] : _ref$panels,
+    panels = _ref$panels === void 0 ? emptyArray$3 : _ref$panels,
     _ref$setPanelsContain = _ref.setPanelsContainer,
     setPanelsContainer = _ref$setPanelsContain === void 0 ? null : _ref$setPanelsContain,
     _ref$className = _ref.className,
@@ -1801,11 +1814,12 @@ function PlaceholderBlock(_ref) {
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
+var emptyObject$1 = {};
 function ElementComponent(_ref) {
   var name = _ref.name,
     components = _ref.components,
     _ref$props = _ref.props,
-    props = _ref$props === void 0 ? {} : _ref$props,
+    props = _ref$props === void 0 ? emptyObject$1 : _ref$props,
     _ref$isPlaceholder = _ref.isPlaceholder,
     isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
     _ref$className = _ref.className,
@@ -1847,6 +1861,14 @@ function Empty(_ref) {
   }, /*#__PURE__*/React.createElement(Label, null, children)));
 }
 
+var emptyArray$2 = [];
+var defaultFormats = ['eot', 'woff2', 'woff', {
+  name: 'otf',
+  format: 'opentype'
+}, {
+  name: 'ttf',
+  format: 'truetype'
+}, 'svg'];
 var getUrlsFromMedia = function getUrlsFromMedia(media, formats) {
   var _ref = media || {},
     _ref$files = _ref.files,
@@ -1877,15 +1899,9 @@ var getUrlsFromMedia = function getUrlsFromMedia(media, formats) {
 };
 function FontFaces(_ref4) {
   var _ref4$fonts = _ref4.fonts,
-    fonts = _ref4$fonts === void 0 ? [] : _ref4$fonts,
+    fonts = _ref4$fonts === void 0 ? emptyArray$2 : _ref4$fonts,
     _ref4$formats = _ref4.formats,
-    formats = _ref4$formats === void 0 ? ['eot', 'woff2', 'woff', {
-      name: 'otf',
-      format: 'opentype'
-    }, {
-      name: 'ttf',
-      format: 'truetype'
-    }, 'svg'] : _ref4$formats;
+    formats = _ref4$formats === void 0 ? defaultFormats : _ref4$formats;
   var fontFaces = (fonts || []).filter(function (it) {
     return isObject(it) && it.type === 'custom' && (it.media || null) !== null;
   }).reduce(function (fontFontFaces, _ref5) {
@@ -1990,6 +2006,8 @@ function Media(_ref) {
 }
 
 /* eslint-disable react/no-array-index-key */
+var emptyArray$1 = [];
+var emptyObject = {};
 function Meta(_ref) {
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? null : _ref$title,
@@ -2019,7 +2037,7 @@ function Meta(_ref) {
     _ref2$atomUrl = _ref2.atomUrl,
     atomUrl = _ref2$atomUrl === void 0 ? null : _ref2$atomUrl,
     _ref2$microformats = _ref2.microformats,
-    microformats = _ref2$microformats === void 0 ? [] : _ref2$microformats,
+    microformats = _ref2$microformats === void 0 ? emptyArray$1 : _ref2$microformats,
     _ref2$language = _ref2.language,
     language = _ref2$language === void 0 ? null : _ref2$language;
   var realTitle = title !== null ? "".concat(title, " | ").concat(suffix) : fullTitle;
@@ -2027,7 +2045,7 @@ function Meta(_ref) {
     _ref3$url = _ref3.url,
     imageUrl = _ref3$url === void 0 ? null : _ref3$url,
     _ref3$metadata = _ref3.metadata,
-    imageMetadata = _ref3$metadata === void 0 ? {} : _ref3$metadata;
+    imageMetadata = _ref3$metadata === void 0 ? emptyObject : _ref3$metadata;
   var _ref4 = imageMetadata || {},
     _ref4$width = _ref4.width,
     imageWidth = _ref4$width === void 0 ? null : _ref4$width,
@@ -2108,9 +2126,10 @@ function Meta(_ref) {
 
 var styles$e = {"container":"micromag-core-partials-slideshow-container","items":"micromag-core-partials-slideshow-items","item":"micromag-core-partials-slideshow-item","prev":"micromag-core-partials-slideshow-prev","current":"micromag-core-partials-slideshow-current","next":"micromag-core-partials-slideshow-next"};
 
+var emptyArray = [];
 function Slideshow(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
+    items = _ref$items === void 0 ? emptyArray : _ref$items,
     _ref$auto = _ref.auto,
     auto = _ref$auto === void 0 ? true : _ref$auto,
     _ref$delay = _ref.delay,

package/lib/contexts.js

@@ -25,6 +25,7 @@ var FORMS_NAMESPACE = 'forms';
 var SCREENS_NAMESPACE = 'screens';
 var ELEMENTS_NAMESPACE = 'elements';
 var ComponentsContext = /*#__PURE__*/React.createContext(null);
+var emptyComponents = {};
 
 /**
  * Hooks
@@ -39,7 +40,7 @@ var useComponentsManager = function useComponentsManager() {
 };
 var useComponents = function useComponents() {
   var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var defaultComponents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var defaultComponents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : emptyComponents;
   var manager = useComponentsManager();
   return manager.getComponents(namespace) || defaultComponents;
 };
@@ -62,7 +63,7 @@ var useFieldsComponentsManager = function useFieldsComponentsManager() {
   return useComponentsManager(FIELDS_NAMESPACE);
 };
 var useFieldsComponents = function useFieldsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
   return useComponents(FIELDS_NAMESPACE, defaultComponents);
 };
 var useFieldComponent = function useFieldComponent(name) {
@@ -77,7 +78,7 @@ var useScreensComponentsManager = function useScreensComponentsManager() {
   return useComponentsManager(SCREENS_NAMESPACE);
 };
 var useScreensComponents = function useScreensComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
   return useComponents(SCREENS_NAMESPACE, defaultComponents);
 };
 var useScreenComponent = function useScreenComponent(name) {
@@ -92,7 +93,7 @@ var useFormsComponentsManager = function useFormsComponentsManager() {
   return useComponentsManager(FORMS_NAMESPACE);
 };
 var useFormsComponents = function useFormsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
   return useComponents(FORMS_NAMESPACE, defaultComponents);
 };
 var useFormComponent = function useFormComponent(name) {
@@ -107,7 +108,7 @@ var useModalsComponentsManager = function useModalsComponentsManager() {
   return useComponentsManager(MODALS_NAMESPACE);
 };
 var useModalsComponents = function useModalsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
   return useComponents(MODALS_NAMESPACE, defaultComponents);
 };
 var useModalComponent = function useModalComponent(name) {
@@ -122,7 +123,7 @@ var useElementsComponentsManager = function useElementsComponentsManager() {
   return useComponentsManager(ELEMENTS_NAMESPACE);
 };
 var useElementsComponents = function useElementsComponents() {
-  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : emptyComponents;
   return useComponents(ELEMENTS_NAMESPACE, defaultComponents);
 };
 var useElementComponent = function useElementComponent(name) {
@@ -133,7 +134,7 @@ var useElementComponent = function useElementComponent(name) {
 /**
  * Provider
  */
-var emptyComponents = {};
+
 function ComponentsProvider(_ref) {
   var _ref$components = _ref.components,
     components = _ref$components === void 0 ? emptyComponents : _ref$components,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.4.14",
+    "version": "0.4.17",
     "private": false,
     "description": "",
     "keywords": [
@@ -161,6 +161,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "87b2efa931f82ddcdbebd3c483de7602beb8cbd3",
+    "gitHead": "d9c4b170763e7510eb07100538af44524ca9292c",
     "types": "es/index.d.ts"
 }