@micromag/core 0.4.45 → 0.4.48

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", {