@micromag/core 0.4.46 → 0.4.49

package/es/styles.css

@@ -1,7 +1,7 @@
-.micromag-core-buttons-button-container .micromag-core-buttons-button-icon{display:block;position:relative}.micromag-core-buttons-button-container .micromag-core-buttons-button-icon,.micromag-core-buttons-button-container .micromag-core-buttons-button-label{-webkit-transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp),-webkit-transform .3s var(--mm-ease-out-ramp)}.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{color:inherit}.micromag-core-buttons-button-container.micromag-core-buttons-button-asLink,.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-core-buttons-button-container.micromag-core-buttons-button-asLink{color:var(--mm-primary);font-weight:700}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-label{margin-left:.5em;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-right{margin-left:.5em}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon.micromag-core-buttons-button-withAnimations.micromag-core-buttons-button-icon-right .micromag-core-buttons-button-label{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIconColumns{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container.micromag-core-buttons-button-linkDisabled{opacity:.4;pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.micromag-core-buttons-button-container:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;-webkit-box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);outline:2px solid #000}
+.micromag-core-buttons-button-container .micromag-core-buttons-button-icon{display:block;position:relative}.micromag-core-buttons-button-container .micromag-core-buttons-button-icon,.micromag-core-buttons-button-container .micromag-core-buttons-button-label{-webkit-transition:-webkit-transform .3s "ease-out";transition:-webkit-transform .3s "ease-out";transition:transform .3s "ease-out";transition:transform .3s "ease-out",-webkit-transform .3s "ease-out";-webkit-transition:-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out");transition:-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out");transition:transform .3s var(--mm-ease-out-ramp,"ease-out");transition:transform .3s var(--mm-ease-out-ramp,"ease-out"),-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out")}.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{color:inherit}.micromag-core-buttons-button-container.micromag-core-buttons-button-asLink,.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-core-buttons-button-container.micromag-core-buttons-button-asLink{color:#a13dff;color:var(--mm-primary,#a13dff);font-weight:700}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-label{margin-left:.5em;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-right{margin-left:.5em}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon.micromag-core-buttons-button-withAnimations.micromag-core-buttons-button-icon-right .micromag-core-buttons-button-label{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIconColumns{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container.micromag-core-buttons-button-linkDisabled{opacity:.4;pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.micromag-core-buttons-button-container:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;-webkit-box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);outline:2px solid #000}
 
 .micromag-core-buttons-clear-container{display:inline-block;display:-ms-flexbox!important;display:flex!important;height:18px!important;position:relative;width:18px!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:var(--mm-gray-700)!important;border:0;border-radius:4px;color:inherit;cursor:pointer;font-family:inherit;justify-content:center;padding:0;padding:0 10px!important}.micromag-core-buttons-clear-container .micromag-core-buttons-clear-icon{display:block}
-.micromag-core-forms-form-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-top:calc(var(--mm-spacer)*2)}.micromag-core-forms-form-actions.micromag-core-forms-form-left{-ms-flex-pack:start;justify-content:flex-start}.micromag-core-forms-form-actions.micromag-core-forms-form-right{-ms-flex-pack:end;justify-content:flex-end}
+.micromag-core-forms-form-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-top:10px;margin-top:calc(var(--mm-spacer, 5px)*2)}.micromag-core-forms-form-actions.micromag-core-forms-form-left{-ms-flex-pack:start;justify-content:flex-start}.micromag-core-forms-form-actions.micromag-core-forms-form-right{-ms-flex-pack:end;justify-content:flex-end}
 .micromag-core-partials-link-withoutStyle{color:inherit;-webkit-text-decoration:none;text-decoration:none}.micromag-core-partials-link-withoutStyle:hover{color:inherit;-webkit-text-decoration:none;text-decoration:none}
 @-webkit-keyframes micromag-core-partials-spinner-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes micromag-core-partials-spinner-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes micromag-core-partials-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes micromag-core-partials-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.micromag-core-partials-spinner-container{display:block;height:40px;width:40px}.micromag-core-partials-spinner-container .micromag-core-partials-spinner-path{color:currentcolor;stroke-linecap:round}.micromag-core-partials-spinner-container.micromag-core-partials-spinner-animated{-webkit-animation:micromag-core-partials-spinner-rotate 2s linear infinite;animation:micromag-core-partials-spinner-rotate 2s linear infinite}.micromag-core-partials-spinner-container.micromag-core-partials-spinner-animated .micromag-core-partials-spinner-path{-webkit-animation:micromag-core-partials-spinner-dash 1.5s ease-in-out infinite;animation:micromag-core-partials-spinner-dash 1.5s ease-in-out infinite}
 
@@ -14,9 +14,9 @@
 .micromag-core-modals-dialog-container{display:block;opacity:1;padding:0 5px}
 .micromag-core-panels-container{position:static}
 .micromag-core-panels-panel-container{position:static}
-.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-top{border-bottom:1px solid var(--mm-border-color)}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-button{display:-ms-flexbox;display:flex;font-size:.9rem;font-weight:700;padding:calc(var(--mm-spacer)/4) 0;text-align:left;width:100%}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-label{-ms-flex-positive:1;flex-grow:1}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-content{max-height:0;overflow:hidden;padding-top:var(--mm-spacer);-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out}.micromag-core-partials-collapsable-panel-container.micromag-core-partials-collapsable-panel-isOpened .micromag-core-partials-collapsable-panel-content{max-height:500px}
+.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-top{border-bottom:1px solid #ccc;border-bottom:1px solid var(--mm-border-color,#ccc)}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-button{display:-ms-flexbox;display:flex;font-size:.9rem;font-weight:700;padding:1.25px 0;padding:calc(var(--mm-spacer, 5px)/4) 0;text-align:left;width:100%}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-label{-ms-flex-positive:1;flex-grow:1}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-content{max-height:0;overflow:hidden;padding-top:5px;padding-top:var(--mm-spacer,5px);-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out}.micromag-core-partials-collapsable-panel-container.micromag-core-partials-collapsable-panel-isOpened .micromag-core-partials-collapsable-panel-content{max-height:500px}
 .micromag-core-partials-placeholder-block-container{padding:2px}.micromag-core-partials-placeholder-block-container.micromag-core-partials-placeholder-block-outline{border:2px solid hsla(0,0%,100%,.6);margin:2px 0}.micromag-core-partials-placeholder-block-container.micromag-core-partials-placeholder-block-withInvertedColors{mix-blend-mode:difference}.micromag-core-partials-placeholder-block-box{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:currentcolor;justify-content:center;margin:0 auto}.micromag-core-partials-placeholder-block-withInvertedColors .micromag-core-partials-placeholder-block-box{background-color:hsla(0,0%,100%,.6)}.micromag-core-partials-placeholder-block-outline .micromag-core-partials-placeholder-block-box{background-color:transparent}
-.micromag-core-partials-empty-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border:2px dashed var(--mm-gray-600);color:var(--mm-gray-600);justify-content:center}.micromag-core-partials-empty-container .micromag-core-partials-empty-middle{text-align:center}.micromag-core-partials-empty-container.micromag-core-partials-empty-withoutBorder{border:0}.micromag-core-partials-empty-container.micromag-core-partials-empty-invertColor{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800)}
+.micromag-core-partials-empty-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border:2px dashed var(--mm-gray-600);color:var(--mm-gray-600);justify-content:center}.micromag-core-partials-empty-container .micromag-core-partials-empty-middle{text-align:center}.micromag-core-partials-empty-container.micromag-core-partials-empty-withoutBorder{border:0}.micromag-core-partials-empty-container.micromag-core-partials-empty-invertColor{border:2px dashed #ccc;border:2px dashed var(--mm-gray-800,#ccc);color:#ccc;color:var(--mm-gray-800,#ccc)}
 
 .micromag-core-partials-slideshow-container{overflow:hidden;position:relative}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-items{height:100%;width:100%}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item{height:100%;position:absolute;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:100%}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item.micromag-core-partials-slideshow-prev{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item.micromag-core-partials-slideshow-current{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item.micromag-core-partials-slideshow-next{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
 .micromag-core-placeholders-icon{color:var(--mm-black)}

package/es/utils.d.ts

@@ -1,4 +1,5 @@
 export { camelCase, pascalCase, snakeCase } from 'change-case';
+import { ComponentType } from 'react';
 
 declare function addNonBreakingSpaces(text: any): any;
 
@@ -11,6 +12,8 @@ declare const createNullableOnChange: (onChange?: any) => (newValue: any) => voi
 
 declare const createUseEvent: (eventsManager: any) => (event: any, callback: any, enabled?: boolean) => void;
 
+declare function cssEscape(value: string): string;
+
 declare const easings: {
     linear: (x: any) => any;
     easeInQuad: (x: any) => number;
@@ -44,7 +47,9 @@ declare const easings: {
 
 declare const getColorAsString: (value?: any, overideAlpha?: any) => any;
 
-declare const getComponentFromName: (name: any, components: any, defaultComponent?: any) => any;
+type ComponentsMap = Record<string, ComponentType>;
+
+declare const getComponentFromName: (name: string | null, components: ComponentsMap, defaultComponent?: ComponentType | null) => ComponentType | null;
 
 declare const getDeviceScreens: () => ({
     name: string;
@@ -211,4 +216,4 @@ declare const validateFields: (fields: any, value: any) => any;
 
 declare const getContrastingColor: (backgroundColor: any) => any;
 
-export { addNonBreakingSpaces, convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, easings, getColorAsString, getComponentFromName, getContrastingColor, getDeviceScreens, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getFooterProps, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getScreenFieldsWithStates, getSecondsFromTime, getShadowCoords, getStyleFromAlignment, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, getVideoSupportedMimes, isFooterFilled, isHeaderFilled, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, setValue as setFieldValue, slug, unique, validateFields };
+export { addNonBreakingSpaces, convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, cssEscape, easings, getColorAsString, getComponentFromName, getContrastingColor, getDeviceScreens, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getFooterProps, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getScreenFieldsWithStates, getSecondsFromTime, getShadowCoords, getStyleFromAlignment, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, getVideoSupportedMimes, isFooterFilled, isHeaderFilled, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, setValue as setFieldValue, slug, unique, validateFields };

package/es/utils.js

@@ -172,6 +172,10 @@ var createUseEvent = function createUseEvent(eventsManager) {
   };
 };
 
+function cssEscape(value) {
+  return typeof CSS !== 'undefined' && typeof CSS.escape === 'function' ? CSS.escape(value) : value.replace(/([^\x00-\x7F]|[!"#$%&'()*+,.\/:;<=>?@\[\\\]^`{|}~])/g, '\\$1');
+}
+
 /* eslint-disable */
 var easings = {
   linear: function linear(x) {
@@ -1199,4 +1203,4 @@ var getContrastingColor = function getContrastingColor(backgroundColor) {
   return tinycolor(color).spin(30).toString();
 };
 
-export { addNonBreakingSpaces, convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, easings, getColorAsString, getComponentFromName, getContrastingColor, getDeviceScreens, getDisplayName, _getFieldByName as getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getFooterProps, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getScreenFieldsWithStates, getSecondsFromTime, getShadowCoords, getStyleFromAlignment, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, getVideoSupportedMimes, isFooterFilled, isHeaderFilled, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, _setValue as setFieldValue, slug, unique, _validateFields as validateFields };
+export { addNonBreakingSpaces, convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, cssEscape, easings, getColorAsString, getComponentFromName, getContrastingColor, getDeviceScreens, getDisplayName, _getFieldByName as getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getFooterProps, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getScreenFieldsWithStates, getSecondsFromTime, getShadowCoords, getStyleFromAlignment, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, getVideoSupportedMimes, isFooterFilled, isHeaderFilled, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, _setValue as setFieldValue, slug, unique, _validateFields as validateFields };

package/lib/components.js

@@ -23,7 +23,6 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var isObject = require('lodash/isObject');
 var isArray = require('lodash/isArray');
 var isString = require('lodash/isString');
-var reactHelmet = require('react-helmet');
 var reactDom = require('react-dom');
 var queryString = require('query-string');
 var faAd = require('@fortawesome/free-solid-svg-icons/faAd');
@@ -45,13 +44,13 @@ var core = require('@react-spring/core');
 var web = require('@react-spring/web');
 
 /* eslint-disable react/jsx-props-no-spreading */
-var emptyObject$3 = {};
+var emptyObject$2 = {};
 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 ? emptyObject$3 : _ref$values;
+    values = _ref$values === void 0 ? emptyObject$2 : _ref$values;
   var Message = isHtml ? reactIntl.FormattedMessage : reactIntl.FormattedMessage;
   return utils.isMessage(children) ? /*#__PURE__*/React.createElement(Message, Object.assign({
     values: values
@@ -175,10 +174,10 @@ function Button$1(_ref) {
 var styles$x = {"container":"micromag-core-buttons-container"};
 
 var _excluded$b = ["id", "name", "className", "onClick", "theme"];
-var emptyArray$a = [];
+var emptyArray$9 = [];
 function Buttons(_ref) {
   var _ref$buttons = _ref.buttons,
-    buttons = _ref$buttons === void 0 ? emptyArray$a : _ref$buttons,
+    buttons = _ref$buttons === void 0 ? emptyArray$9 : _ref$buttons,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? null : _ref$size,
     _ref$theme = _ref.theme,
@@ -261,8 +260,8 @@ function ClearButton(_ref) {
 
 var _excluded$8 = ["type"],
   _excluded2 = ["component", "id", "settings"];
-var emptyArray$9 = [];
-var emptyObject$2 = {};
+var emptyArray$8 = [];
+var emptyObject$1 = {};
 function FieldForm(_ref) {
   var _ref$name = _ref.name,
     name = _ref$name === void 0 ? null : _ref$name,
@@ -271,9 +270,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 ? emptyObject$2 : _ref$formComponents,
+    formComponents = _ref$formComponents === void 0 ? emptyObject$1 : _ref$formComponents,
     _ref$fields = _ref.fields,
-    fields = _ref$fields === void 0 ? emptyArray$9 : _ref$fields,
+    fields = _ref$fields === void 0 ? emptyArray$8 : _ref$fields,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? null : _ref$className,
     _ref$onChange = _ref.onChange,
@@ -344,13 +343,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 = [];
+var emptyArray$7 = [];
 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 ? emptyArray$8 : _ref$fields,
+    initialFields = _ref$fields === void 0 ? emptyArray$7 : _ref$fields,
     _ref$initialValue = _ref.initialValue,
     initialValue = _ref$initialValue === void 0 ? null : _ref$initialValue,
     _ref$postForm = _ref.postForm,
@@ -924,10 +923,10 @@ function UnmuteIcon(_ref) {
 
 var styles$r = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
 
-var emptyArray$7 = [];
+var emptyArray$6 = [];
 function Breadcrumb(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? emptyArray$7 : _ref$items,
+    items = _ref$items === void 0 ? emptyArray$6 : _ref$items,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? null : _ref$theme,
     _ref$separator = _ref.separator,
@@ -971,10 +970,10 @@ function Breadcrumb(_ref) {
 }
 
 var _excluded$4 = ["type", "className", "label", "children", "onClick", "active"];
-var emptyArray$6 = [];
+var emptyArray$5 = [];
 function Dropdown(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? emptyArray$6 : _ref$items,
+    items = _ref$items === void 0 ? emptyArray$5 : _ref$items,
     _ref$children = _ref.children,
     children = _ref$children === void 0 ? null : _ref$children,
     _ref$visible = _ref.visible,
@@ -1060,10 +1059,10 @@ function Dropdown(_ref) {
 }
 
 var _excluded$3 = ["id", "className", "linkClassName", "href", "label", "external", "items", "dropdown", "active", "onClick"];
-var emptyArray$5 = [];
+var emptyArray$4 = [];
 function Menu(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? emptyArray$5 : _ref$items,
+    items = _ref$items === void 0 ? emptyArray$4 : _ref$items,
     _ref$tagName = _ref.tagName,
     tagName = _ref$tagName === void 0 ? 'ul' : _ref$tagName,
     _ref$itemTagName = _ref.itemTagName,
@@ -1376,10 +1375,10 @@ function PaginationMenu(_ref) {
 var styles$o = {"container":"micromag-core-menus-tabs-container"};
 
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
-var emptyArray$4 = [];
+var emptyArray$3 = [];
 function TabsMenu(_ref) {
   var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? emptyArray$4 : _ref$items,
+    items = _ref$items === void 0 ? emptyArray$3 : _ref$items,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? null : _ref$size,
     _ref$theme = _ref.theme,
@@ -1554,10 +1553,10 @@ function ModalDialog(_ref) {
 
 var styles$k = {"container":"micromag-core-panels-container"};
 
-var emptyArray$3 = [];
+var emptyArray$2 = [];
 function PanelsContainer(_ref) {
   var _ref$panels = _ref.panels,
-    panels = _ref$panels === void 0 ? emptyArray$3 : _ref$panels,
+    panels = _ref$panels === void 0 ? emptyArray$2 : _ref$panels,
     _ref$setPanelsContain = _ref.setPanelsContainer,
     setPanelsContainer = _ref$setPanelsContain === void 0 ? null : _ref$setPanelsContain,
     _ref$className = _ref.className,
@@ -1828,12 +1827,12 @@ function PlaceholderBlock(_ref) {
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
-var emptyObject$1 = {};
+var emptyObject = {};
 function ElementComponent(_ref) {
   var name = _ref.name,
     components = _ref.components,
     _ref$props = _ref.props,
-    props = _ref$props === void 0 ? emptyObject$1 : _ref$props,
+    props = _ref$props === void 0 ? emptyObject : _ref$props,
     _ref$isPlaceholder = _ref.isPlaceholder,
     isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
     _ref$className = _ref.className,
@@ -1875,7 +1874,7 @@ function Empty(_ref) {
   }, /*#__PURE__*/React.createElement(Label, null, children)));
 }
 
-var emptyArray$2 = [];
+var emptyArray$1 = [];
 var defaultFormats = ['eot', 'woff2', 'woff', {
   name: 'otf',
   format: 'opentype'
@@ -1913,7 +1912,7 @@ var getUrlsFromMedia = function getUrlsFromMedia(media, formats) {
 };
 function FontFaces(_ref4) {
   var _ref4$fonts = _ref4.fonts,
-    fonts = _ref4$fonts === void 0 ? emptyArray$2 : _ref4$fonts,
+    fonts = _ref4$fonts === void 0 ? emptyArray$1 : _ref4$fonts,
     _ref4$formats = _ref4.formats,
     formats = _ref4$formats === void 0 ? defaultFormats : _ref4$formats;
   var fontFaces = (fonts || []).filter(function (it) {
@@ -2021,8 +2020,6 @@ 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,
@@ -2052,7 +2049,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 ? emptyArray$1 : _ref2$microformats,
+    microformats = _ref2$microformats === void 0 ? null : _ref2$microformats,
     _ref2$language = _ref2.language,
     language = _ref2$language === void 0 ? null : _ref2$language;
   var realTitle = title !== null ? "".concat(title, " | ").concat(suffix) : fullTitle;
@@ -2060,7 +2057,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 ? emptyObject : _ref3$metadata;
+    imageMetadata = _ref3$metadata === void 0 ? null : _ref3$metadata;
   var _ref4 = imageMetadata || {},
     _ref4$width = _ref4.width,
     imageWidth = _ref4$width === void 0 ? null : _ref4$width,
@@ -2069,7 +2066,7 @@ function Meta(_ref) {
   var _ref5 = favicon || {},
     _ref5$url = _ref5.url,
     faviconUrl = _ref5$url === void 0 ? null : _ref5$url;
-  return /*#__PURE__*/React.createElement(reactHelmet.Helmet, null, /*#__PURE__*/React.createElement("title", null, realTitle !== null && realTitle.length > 0 ? realTitle : 'Micromag'), description !== null ? /*#__PURE__*/React.createElement("meta", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("title", null, realTitle !== null && realTitle.length > 0 ? realTitle : 'Micromag'), description !== null ? /*#__PURE__*/React.createElement("meta", {
     name: "description",
     content: description
   }) : null, language !== null ? /*#__PURE__*/React.createElement("meta", {
@@ -2108,10 +2105,10 @@ function Meta(_ref) {
   }) : null, imageHeight !== null ? /*#__PURE__*/React.createElement("meta", {
     property: "og:image:height",
     content: imageHeight
-  }) : null, /*#__PURE__*/React.createElement("meta", {
+  }) : null, realTitle !== null ? /*#__PURE__*/React.createElement("meta", {
     property: "og:title",
     content: realTitle
-  }), description !== null ? /*#__PURE__*/React.createElement("meta", {
+  }) : null, description !== null ? /*#__PURE__*/React.createElement("meta", {
     property: "og:description",
     content: description
   }) : null, url !== null ? /*#__PURE__*/React.createElement("meta", {
@@ -2120,10 +2117,10 @@ function Meta(_ref) {
   }) : null, /*#__PURE__*/React.createElement("meta", {
     name: "twitter:card",
     content: imageUrl !== null ? 'summary_large_image' : 'summary'
-  }), /*#__PURE__*/React.createElement("meta", {
+  }), realTitle !== null ? /*#__PURE__*/React.createElement("meta", {
     name: "twitter:title",
     content: realTitle
-  }), description !== null ? /*#__PURE__*/React.createElement("meta", {
+  }) : null, description !== null ? /*#__PURE__*/React.createElement("meta", {
     name: "twitter:description",
     content: description
   }) : null, imageUrl !== null ? /*#__PURE__*/React.createElement("meta", {