@micromag/core 0.3.824 → 0.4.4

package/lib/components.js

@@ -1,14 +1,12 @@
 'use strict';
 
-var PropTypes = require('prop-types');
 var React = require('react');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var classNames = require('classnames');
-var reactFontawesome = require('@fortawesome/react-fontawesome');
 var faAngleLeft = require('@fortawesome/free-solid-svg-icons/faAngleLeft');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var classNames = require('classnames');
 var wouter = require('wouter');
-var core = require('@micromag/core');
 var reactIntl = require('react-intl');
 var utils = require('@micromag/core/utils');
 var faClose = require('@fortawesome/free-solid-svg-icons/faClose');
@@ -23,9 +21,9 @@ var get = require('lodash/get');
 var contexts = require('@micromag/core/contexts');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var isObject = require('lodash/isObject');
-var reactHelmet = require('react-helmet');
-var isString = require('lodash/isString');
 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');
@@ -43,129 +41,85 @@ var faTimes = require('@fortawesome/free-solid-svg-icons/faTimes');
 var faCircle = require('@fortawesome/free-solid-svg-icons/faCircle');
 var faPercent = require('@fortawesome/free-solid-svg-icons/faPercent');
 var size = require('@folklore/size');
-var core$1 = require('@react-spring/core');
+var core = require('@react-spring/core');
 var web = require('@react-spring/web');
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$T = {
-  children: core.PropTypes.label.isRequired,
-  isHtml: PropTypes.bool,
-  values: PropTypes.object // eslint-disable-line react/forbid-prop-types
-};
-var defaultProps$T = {
-  isHtml: false,
-  values: {}
-};
-var Label = function Label(_ref) {
+function Label(_ref) {
   var children = _ref.children,
-    isHtml = _ref.isHtml,
-    values = _ref.values;
+    _ref$isHtml = _ref.isHtml,
+    isHtml = _ref$isHtml === void 0 ? false : _ref$isHtml,
+    _ref$values = _ref.values,
+    values = _ref$values === void 0 ? {} : _ref$values;
   var Message = isHtml ? reactIntl.FormattedMessage : reactIntl.FormattedMessage;
   return utils.isMessage(children) ? /*#__PURE__*/React.createElement(Message, Object.assign({
     values: values
   }, children)) : children;
-};
-Label.propTypes = propTypes$T;
-Label.defaultProps = defaultProps$T;
+}
 
-var styles$y = {"container":"micromag-core-buttons-button-container","asLink":"micromag-core-buttons-button-asLink","withoutStyle":"micromag-core-buttons-button-withoutStyle","icon":"micromag-core-buttons-button-icon","label":"micromag-core-buttons-button-label","withIcon":"micromag-core-buttons-button-withIcon","right":"micromag-core-buttons-button-right","withIconColumns":"micromag-core-buttons-button-withIconColumns","linkDisabled":"micromag-core-buttons-button-linkDisabled"};
+var styles$y = {"container":"container","icon":"icon","label":"label","withoutStyle":"withoutStyle","asLink":"asLink","withIcon":"withIcon","right":"right","withIconColumns":"withIconColumns","linkDisabled":"linkDisabled"};
 
 var _excluded$c = ["type", "theme", "size", "href", "external", "direct", "target", "label", "children", "focusable", "active", "icon", "iconPosition", "disabled", "loading", "disableOnLoading", "small", "big", "withShadow", "withoutStyle", "withoutBootstrapStyles", "withoutTheme", "asLink", "outline", "onClick", "className", "iconClassName", "labelClassName", "refButton"];
-var propTypes$S = {
-  type: PropTypes.string,
-  theme: core.PropTypes.buttonTheme,
-  size: core.PropTypes.buttonSize,
-  href: PropTypes.string,
-  external: PropTypes.bool,
-  direct: PropTypes.bool,
-  target: PropTypes.string,
-  label: core.PropTypes.label,
-  children: core.PropTypes.label,
-  focusable: PropTypes.bool,
-  active: PropTypes.bool,
-  icon: PropTypes.node,
-  iconPosition: PropTypes.oneOf(['left', 'right', 'inline']),
-  disabled: PropTypes.bool,
-  loading: PropTypes.bool,
-  disableOnLoading: PropTypes.bool,
-  small: PropTypes.bool,
-  big: PropTypes.bool,
-  withShadow: PropTypes.bool,
-  withoutStyle: PropTypes.bool,
-  withoutBootstrapStyles: PropTypes.bool,
-  withoutTheme: PropTypes.bool,
-  outline: PropTypes.bool,
-  asLink: PropTypes.bool,
-  className: PropTypes.string,
-  iconClassName: PropTypes.string,
-  labelClassName: PropTypes.string,
-  onClick: PropTypes.func,
-  refButton: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any // eslint-disable-line
-  })])
-};
-var defaultProps$S = {
-  type: 'button',
-  theme: null,
-  size: null,
-  href: null,
-  external: false,
-  direct: false,
-  target: '_blank',
-  label: null,
-  children: null,
-  focusable: true,
-  active: false,
-  icon: null,
-  iconPosition: 'inline',
-  disabled: false,
-  loading: false,
-  disableOnLoading: true,
-  small: false,
-  big: false,
-  withShadow: false,
-  withoutStyle: false,
-  withoutBootstrapStyles: false,
-  withoutTheme: false,
-  outline: false,
-  asLink: false,
-  className: null,
-  iconClassName: null,
-  labelClassName: null,
-  onClick: null,
-  refButton: null
-};
-var Button$1 = function Button(_ref) {
+function Button$1(_ref) {
   var _ref8;
-  var type = _ref.type,
-    theme = _ref.theme,
-    size = _ref.size,
-    href = _ref.href,
-    external = _ref.external,
-    direct = _ref.direct,
-    target = _ref.target,
-    label = _ref.label,
-    children = _ref.children,
-    focusable = _ref.focusable,
-    active = _ref.active,
-    icon = _ref.icon,
-    iconPosition = _ref.iconPosition,
-    disabled = _ref.disabled,
-    loading = _ref.loading,
-    disableOnLoading = _ref.disableOnLoading,
-    small = _ref.small,
-    big = _ref.big,
-    withShadow = _ref.withShadow,
-    withoutStyle = _ref.withoutStyle,
-    withoutBootstrapStyles = _ref.withoutBootstrapStyles,
-    withoutTheme = _ref.withoutTheme,
-    asLink = _ref.asLink,
-    outline = _ref.outline,
-    onClick = _ref.onClick,
-    className = _ref.className,
-    iconClassName = _ref.iconClassName,
-    labelClassName = _ref.labelClassName,
-    refButton = _ref.refButton,
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? null : _ref$theme,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? null : _ref$size,
+    _ref$href = _ref.href,
+    href = _ref$href === void 0 ? null : _ref$href,
+    _ref$external = _ref.external,
+    external = _ref$external === void 0 ? false : _ref$external,
+    _ref$direct = _ref.direct,
+    direct = _ref$direct === void 0 ? false : _ref$direct,
+    _ref$target = _ref.target,
+    target = _ref$target === void 0 ? '_blank' : _ref$target,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? null : _ref$label,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$focusable = _ref.focusable,
+    focusable = _ref$focusable === void 0 ? true : _ref$focusable,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? null : _ref$icon,
+    _ref$iconPosition = _ref.iconPosition,
+    iconPosition = _ref$iconPosition === void 0 ? 'inline' : _ref$iconPosition,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$disableOnLoading = _ref.disableOnLoading,
+    disableOnLoading = _ref$disableOnLoading === void 0 ? true : _ref$disableOnLoading,
+    _ref$small = _ref.small,
+    small = _ref$small === void 0 ? false : _ref$small,
+    _ref$big = _ref.big,
+    big = _ref$big === void 0 ? false : _ref$big,
+    _ref$withShadow = _ref.withShadow,
+    withShadow = _ref$withShadow === void 0 ? false : _ref$withShadow,
+    _ref$withoutStyle = _ref.withoutStyle,
+    withoutStyle = _ref$withoutStyle === void 0 ? false : _ref$withoutStyle,
+    _ref$withoutBootstrap = _ref.withoutBootstrapStyles,
+    withoutBootstrapStyles = _ref$withoutBootstrap === void 0 ? false : _ref$withoutBootstrap,
+    _ref$withoutTheme = _ref.withoutTheme,
+    withoutTheme = _ref$withoutTheme === void 0 ? false : _ref$withoutTheme,
+    _ref$asLink = _ref.asLink,
+    asLink = _ref$asLink === void 0 ? false : _ref$asLink,
+    _ref$outline = _ref.outline,
+    outline = _ref$outline === void 0 ? false : _ref$outline,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? null : _ref$onClick,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$iconClassName = _ref.iconClassName,
+    iconClassName = _ref$iconClassName === void 0 ? null : _ref$iconClassName,
+    _ref$labelClassName = _ref.labelClassName,
+    labelClassName = _ref$labelClassName === void 0 ? null : _ref$labelClassName,
+    _ref$refButton = _ref.refButton,
+    refButton = _ref$refButton === void 0 ? null : _ref$refButton,
     props = _objectWithoutProperties(_ref, _excluded$c);
   var finalLabel = label || children;
   var text = finalLabel !== null ? /*#__PURE__*/React.createElement(Label, null, finalLabel) : null;
@@ -215,39 +169,26 @@ var Button$1 = function Button(_ref) {
     ref: refButton,
     tabIndex: focusable ? '0' : '-1'
   }), content);
-};
-Button$1.propTypes = propTypes$S;
-Button$1.defaultProps = defaultProps$S;
+}
 
-var styles$x = {};
+var styles$x = {"container":"container"};
 
 var _excluded$b = ["className", "onClick", "theme"];
-var propTypes$R = {
-  buttons: core.PropTypes.buttons,
-  size: core.PropTypes.buttonSize,
-  theme: core.PropTypes.buttonTheme,
-  renderButton: PropTypes.func,
-  onClickButton: PropTypes.func,
-  className: PropTypes.string,
-  buttonClassName: PropTypes.string
-};
-var defaultProps$R = {
-  buttons: [],
-  size: null,
-  theme: undefined,
-  renderButton: null,
-  onClickButton: null,
-  className: null,
-  buttonClassName: null
-};
-var Buttons = function Buttons(_ref) {
-  var buttons = _ref.buttons,
-    size = _ref.size,
-    theme = _ref.theme,
-    renderButton = _ref.renderButton,
-    onClickButton = _ref.onClickButton,
-    buttonClassName = _ref.buttonClassName,
-    className = _ref.className;
+function Buttons(_ref) {
+  var _ref$buttons = _ref.buttons,
+    buttons = _ref$buttons === void 0 ? [] : _ref$buttons,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? null : _ref$size,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? undefined : _ref$theme,
+    _ref$renderButton = _ref.renderButton,
+    renderButton = _ref$renderButton === void 0 ? null : _ref$renderButton,
+    _ref$onClickButton = _ref.onClickButton,
+    onClickButton = _ref$onClickButton === void 0 ? null : _ref$onClickButton,
+    _ref$buttonClassName = _ref.buttonClassName,
+    buttonClassName = _ref$buttonClassName === void 0 ? null : _ref$buttonClassName,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(['btn-group', _defineProperty({}, "btn-group-".concat(size), size !== null), styles$x.container, _defineProperty({}, className, className !== null)]),
     role: "group"
@@ -274,19 +215,12 @@ var Buttons = function Buttons(_ref) {
     };
     return renderButton !== null ? renderButton(button, index, fixedProps) : /*#__PURE__*/React.createElement(Button$1, Object.assign({}, fixedProps, buttonProps));
   }));
-};
-Buttons.propTypes = propTypes$R;
-Buttons.defaultProps = defaultProps$R;
+}
 
 var _excluded$a = ["className"];
-var propTypes$Q = {
-  className: PropTypes.string
-};
-var defaultProps$Q = {
-  className: null
-};
-var BackButton = function BackButton(_ref) {
-  var className = _ref.className,
+function BackButton(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$a);
   return /*#__PURE__*/React.createElement(Button$1, Object.assign({
     className: classNames(['px-2', _defineProperty({}, className, className)]),
@@ -296,24 +230,16 @@ var BackButton = function BackButton(_ref) {
       size: "lg"
     })
   }, props));
-};
-BackButton.propTypes = propTypes$Q;
-BackButton.defaultProps = defaultProps$Q;
+}
 
-var styles$w = {"container":"micromag-core-buttons-clear-container","icon":"micromag-core-buttons-clear-icon"};
+var styles$w = {"container":"container","icon":"icon"};
 
 var _excluded$9 = ["onClick", "className"];
-var propTypes$P = {
-  onClick: PropTypes.func,
-  className: PropTypes.string
-};
-var defaultProps$P = {
-  onClick: null,
-  className: null
-};
-var ClearButton = function ClearButton(_ref) {
-  var onClick = _ref.onClick,
-    className = _ref.className,
+function ClearButton(_ref) {
+  var _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? null : _ref$onClick,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$9);
   return /*#__PURE__*/React.createElement("button", Object.assign({
     className: classNames([styles$w.container, _defineProperty({}, className, className)]),
@@ -323,46 +249,29 @@ var ClearButton = function ClearButton(_ref) {
     icon: faClose.faClose,
     size: "md"
   }));
-};
-ClearButton.propTypes = propTypes$P;
-ClearButton.defaultProps = defaultProps$P;
+}
 
 var _excluded$8 = ["type"],
   _excluded2 = ["component", "id", "settings"];
-var propTypes$O = {
-  name: PropTypes.string,
-  // .isRequired,
-  value: core.PropTypes.component,
-  form: PropTypes.string,
-  formComponents: core.PropTypes.components,
-  fields: core.PropTypes.fields,
-  className: PropTypes.string,
-  onChange: PropTypes.func,
-  gotoFieldForm: PropTypes.func.isRequired,
-  closeFieldForm: PropTypes.func.isRequired,
-  fieldContext: PropTypes.any // eslint-disable-line react/forbid-prop-types
-};
-var defaultProps$O = {
-  name: null,
-  form: null,
-  formComponents: {},
-  fields: [],
-  value: null,
-  className: null,
-  onChange: null,
-  fieldContext: null
-};
-var FieldForm = function FieldForm(_ref) {
-  var name = _ref.name,
-    value = _ref.value,
-    form = _ref.form,
-    formComponents = _ref.formComponents,
-    fields = _ref.fields,
-    className = _ref.className,
-    onChange = _ref.onChange,
+function FieldForm(_ref) {
+  var _ref$name = _ref.name,
+    name = _ref$name === void 0 ? null : _ref$name,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? null : _ref$value,
+    _ref$form = _ref.form,
+    form = _ref$form === void 0 ? null : _ref$form,
+    _ref$formComponents = _ref.formComponents,
+    formComponents = _ref$formComponents === void 0 ? {} : _ref$formComponents,
+    _ref$fields = _ref.fields,
+    fields = _ref$fields === void 0 ? [] : _ref$fields,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
     gotoFieldForm = _ref.gotoFieldForm,
     closeFieldForm = _ref.closeFieldForm,
-    fieldContext = _ref.fieldContext;
+    _ref$fieldContext = _ref.fieldContext,
+    fieldContext = _ref$fieldContext === void 0 ? null : _ref$fieldContext;
   var fieldsManager = contexts.useFieldsManager();
   var field = utils.getFieldFromPath(name.split('.'), fields, fieldsManager);
   var parentField = name.match(/\.[0-9]+$/) !== null ? utils.getFieldFromPath(name.split('.').slice(0, -1), fields, fieldsManager) : null;
@@ -421,101 +330,68 @@ var FieldForm = function FieldForm(_ref) {
   }, definitionProps, fieldProps, itemsProps, {
     isForm: true
   }, formProps))) : null;
-};
-FieldForm.propTypes = propTypes$O;
-FieldForm.defaultProps = defaultProps$O;
+}
 
-var styles$v = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
+var styles$v = {"container":"container","panel":"panel","actions":"actions","left":"left","right":"right"};
 
-var propTypes$N = {
-  action: PropTypes.string.isRequired,
-  method: PropTypes.string,
-  fields: core.PropTypes.formFields,
-  initialValue: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  postForm: PropTypes.func,
-  submitButtonLabel: core.PropTypes.label,
-  submitButtonLoadingLabel: core.PropTypes.label,
-  submitButtonTheme: PropTypes.string,
-  cancelButtonTheme: PropTypes.string,
-  buttons: core.PropTypes.buttons,
-  children: PropTypes.node,
-  actionsAlign: PropTypes.oneOf(['left', 'right']),
-  withoutActions: PropTypes.bool,
-  withoutComplete: PropTypes.bool,
-  withoutBackButton: PropTypes.bool,
-  onComplete: PropTypes.func,
-  onResponse: PropTypes.func,
-  onMessage: PropTypes.func,
-  onCancel: PropTypes.func,
-  onCancelHref: PropTypes.string,
-  onOpenFieldForm: PropTypes.func,
-  onCloseFieldForm: PropTypes.func,
-  className: PropTypes.string,
-  fieldsClassName: PropTypes.string,
-  actionsClassName: PropTypes.string,
-  cancelClassName: PropTypes.string
-};
-var defaultProps$N = {
-  method: 'POST',
-  fields: [],
-  initialValue: null,
-  postForm: null,
-  submitButtonLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "ZLDmja",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Submit"
-    }]
-  }),
-  submitButtonLoadingLabel: null,
-  submitButtonTheme: null,
-  cancelButtonTheme: null,
-  buttons: null,
-  children: null,
-  actionsAlign: 'left',
-  withoutActions: false,
-  withoutComplete: false,
-  withoutBackButton: false,
-  onComplete: null,
-  onResponse: null,
-  onMessage: null,
-  onCancel: null,
-  onCancelHref: null,
-  onOpenFieldForm: null,
-  onCloseFieldForm: null,
-  className: null,
-  fieldsClassName: null,
-  actionsClassName: null,
-  cancelClassName: null
-};
-var Form = function Form(_ref) {
+function Form(_ref) {
   var action = _ref.action,
-    method = _ref.method,
-    initialFields = _ref.fields,
-    initialValue = _ref.initialValue,
-    postForm = _ref.postForm,
-    submitButtonLabel = _ref.submitButtonLabel,
-    submitButtonLoadingLabel = _ref.submitButtonLoadingLabel,
-    submitButtonTheme = _ref.submitButtonTheme,
-    cancelButtonTheme = _ref.cancelButtonTheme,
-    buttons = _ref.buttons,
-    children = _ref.children,
-    actionsAlign = _ref.actionsAlign,
-    withoutActions = _ref.withoutActions,
-    withoutComplete = _ref.withoutComplete,
-    withoutBackButton = _ref.withoutBackButton,
-    onComplete = _ref.onComplete,
-    onResponse = _ref.onResponse,
-    onMessage = _ref.onMessage,
-    onCancel = _ref.onCancel,
-    onCancelHref = _ref.onCancelHref,
-    onOpenFieldForm = _ref.onOpenFieldForm,
-    onCloseFieldForm = _ref.onCloseFieldForm,
-    className = _ref.className,
-    fieldsClassName = _ref.fieldsClassName,
-    actionsClassName = _ref.actionsClassName,
-    cancelClassName = _ref.cancelClassName;
+    _ref$method = _ref.method,
+    method = _ref$method === void 0 ? 'POST' : _ref$method,
+    _ref$fields = _ref.fields,
+    initialFields = _ref$fields === void 0 ? [] : _ref$fields,
+    _ref$initialValue = _ref.initialValue,
+    initialValue = _ref$initialValue === void 0 ? null : _ref$initialValue,
+    _ref$postForm = _ref.postForm,
+    postForm = _ref$postForm === void 0 ? null : _ref$postForm,
+    _ref$submitButtonLabe = _ref.submitButtonLabel,
+    submitButtonLabel = _ref$submitButtonLabe === void 0 ? /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
+      id: "ZLDmja",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Submit"
+      }]
+    }) : _ref$submitButtonLabe,
+    _ref$submitButtonLoad = _ref.submitButtonLoadingLabel,
+    submitButtonLoadingLabel = _ref$submitButtonLoad === void 0 ? null : _ref$submitButtonLoad,
+    _ref$submitButtonThem = _ref.submitButtonTheme,
+    submitButtonTheme = _ref$submitButtonThem === void 0 ? null : _ref$submitButtonThem,
+    _ref$cancelButtonThem = _ref.cancelButtonTheme,
+    cancelButtonTheme = _ref$cancelButtonThem === void 0 ? null : _ref$cancelButtonThem,
+    _ref$buttons = _ref.buttons,
+    buttons = _ref$buttons === void 0 ? null : _ref$buttons,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$actionsAlign = _ref.actionsAlign,
+    actionsAlign = _ref$actionsAlign === void 0 ? 'left' : _ref$actionsAlign,
+    _ref$withoutActions = _ref.withoutActions,
+    withoutActions = _ref$withoutActions === void 0 ? false : _ref$withoutActions,
+    _ref$withoutComplete = _ref.withoutComplete,
+    withoutComplete = _ref$withoutComplete === void 0 ? false : _ref$withoutComplete,
+    _ref$withoutBackButto = _ref.withoutBackButton,
+    withoutBackButton = _ref$withoutBackButto === void 0 ? false : _ref$withoutBackButto,
+    _ref$onComplete = _ref.onComplete,
+    onComplete = _ref$onComplete === void 0 ? null : _ref$onComplete,
+    _ref$onResponse = _ref.onResponse,
+    onResponse = _ref$onResponse === void 0 ? null : _ref$onResponse,
+    _ref$onMessage = _ref.onMessage,
+    onMessage = _ref$onMessage === void 0 ? null : _ref$onMessage,
+    _ref$onCancel = _ref.onCancel,
+    onCancel = _ref$onCancel === void 0 ? null : _ref$onCancel,
+    _ref$onCancelHref = _ref.onCancelHref,
+    onCancelHref = _ref$onCancelHref === void 0 ? null : _ref$onCancelHref,
+    _ref$onOpenFieldForm = _ref.onOpenFieldForm,
+    onOpenFieldForm = _ref$onOpenFieldForm === void 0 ? null : _ref$onOpenFieldForm,
+    _ref$onCloseFieldForm = _ref.onCloseFieldForm,
+    onCloseFieldForm = _ref$onCloseFieldForm === void 0 ? null : _ref$onCloseFieldForm,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$fieldsClassName = _ref.fieldsClassName,
+    fieldsClassName = _ref$fieldsClassName === void 0 ? null : _ref$fieldsClassName,
+    _ref$actionsClassName = _ref.actionsClassName,
+    actionsClassName = _ref$actionsClassName === void 0 ? null : _ref$actionsClassName,
+    _ref$cancelClassName = _ref.cancelClassName,
+    cancelClassName = _ref$cancelClassName === void 0 ? null : _ref$cancelClassName;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     complete = _useState2[0],
@@ -658,39 +534,26 @@ var Form = function Form(_ref) {
       "value": "Success"
     }]
   })) : null) : null);
-};
-Form.propTypes = propTypes$N;
-Form.defaultProps = defaultProps$N;
+}
 
-var styles$u = {"withoutStyle":"micromag-core-partials-link-withoutStyle"};
+var styles$u = {"withoutStyle":"withoutStyle"};
 
 var _excluded$7 = ["href", "external", "children", "target", "rel", "className", "withoutStyle"];
-var propTypes$M = {
-  href: PropTypes.string,
-  external: PropTypes.bool,
-  target: PropTypes.string,
-  children: core.PropTypes.label,
-  rel: PropTypes.string,
-  withoutStyle: PropTypes.bool,
-  className: PropTypes.string
-};
-var defaultProps$M = {
-  href: '',
-  external: false,
-  target: '_blank',
-  rel: 'noopener noreferrer',
-  children: null,
-  withoutStyle: false,
-  className: null
-};
-var Link = function Link(_ref) {
-  var href = _ref.href,
-    external = _ref.external,
-    children = _ref.children,
-    target = _ref.target,
-    rel = _ref.rel,
-    className = _ref.className,
-    withoutStyle = _ref.withoutStyle,
+function Link(_ref) {
+  var _ref$href = _ref.href,
+    href = _ref$href === void 0 ? '' : _ref$href,
+    _ref$external = _ref.external,
+    external = _ref$external === void 0 ? false : _ref$external,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$target = _ref.target,
+    target = _ref$target === void 0 ? '_blank' : _ref$target,
+    _ref$rel = _ref.rel,
+    rel = _ref$rel === void 0 ? 'noopener noreferrer' : _ref$rel,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$withoutStyle = _ref.withoutStyle,
+    withoutStyle = _ref$withoutStyle === void 0 ? false : _ref$withoutStyle,
     props = _objectWithoutProperties(_ref, _excluded$7);
   return external ? /*#__PURE__*/React.createElement("a", Object.assign({
     className: classNames([className, _defineProperty({}, styles$u.withoutStyle, withoutStyle)]),
@@ -701,91 +564,58 @@ var Link = function Link(_ref) {
     className: classNames([className, _defineProperty({}, styles$u.withoutStyle, withoutStyle)]),
     href: href
   }, props), /*#__PURE__*/React.createElement(Label, null, children));
-};
-Link.propTypes = propTypes$M;
-Link.defaultProps = defaultProps$M;
+}
 
 var _excluded$6 = ["label", "className"];
-var propTypes$L = {
-  href: PropTypes.string,
-  header: PropTypes.node,
-  image: PropTypes.node,
-  imageAlt: PropTypes.string,
-  imageOverlay: PropTypes.bool,
-  beforeBody: PropTypes.node,
-  title: core.PropTypes.label,
-  subtitle: core.PropTypes.label,
-  children: PropTypes.node,
-  afterBody: PropTypes.node,
-  links: PropTypes.arrayOf(PropTypes.shape({
-    label: core.PropTypes.label,
-    href: PropTypes.string
-  })),
-  linksInSameBody: PropTypes.bool,
-  footer: PropTypes.node,
-  theme: PropTypes.oneOf([null, 'dark', 'primary', 'light']),
-  className: PropTypes.string,
-  imageClassName: PropTypes.string,
-  headerClassName: PropTypes.string,
-  titleClassName: PropTypes.string,
-  subtitleClassName: PropTypes.string,
-  bodyClassName: PropTypes.string,
-  footerClassName: PropTypes.string,
-  onClick: PropTypes.func,
-  onClickBody: PropTypes.func,
-  onClickFooter: PropTypes.func
-};
-var defaultProps$L = {
-  href: null,
-  header: null,
-  image: null,
-  imageAlt: null,
-  imageOverlay: false,
-  beforeBody: null,
-  title: null,
-  subtitle: null,
-  children: null,
-  afterBody: null,
-  links: null,
-  linksInSameBody: false,
-  footer: null,
-  theme: null,
-  className: null,
-  imageClassName: null,
-  headerClassName: null,
-  titleClassName: null,
-  subtitleClassName: null,
-  bodyClassName: null,
-  footerClassName: null,
-  onClick: null,
-  onClickBody: null,
-  onClickFooter: null
-};
-var Card = function Card(_ref) {
-  var href = _ref.href,
-    header = _ref.header,
-    image = _ref.image,
-    imageAlt = _ref.imageAlt,
-    imageOverlay = _ref.imageOverlay,
-    beforeBody = _ref.beforeBody,
-    title = _ref.title,
-    subtitle = _ref.subtitle,
-    children = _ref.children,
-    afterBody = _ref.afterBody,
-    links = _ref.links,
-    linksInSameBody = _ref.linksInSameBody,
-    footer = _ref.footer,
-    theme = _ref.theme,
-    className = _ref.className,
-    imageClassName = _ref.imageClassName,
-    headerClassName = _ref.headerClassName,
-    titleClassName = _ref.titleClassName,
-    subtitleClassName = _ref.subtitleClassName,
-    bodyClassName = _ref.bodyClassName,
-    footerClassName = _ref.footerClassName,
-    onClick = _ref.onClick,
-    onClickBody = _ref.onClickBody,
-    onClickFooter = _ref.onClickFooter;
+function Card(_ref) {
+  var _ref$href = _ref.href,
+    href = _ref$href === void 0 ? null : _ref$href,
+    _ref$header = _ref.header,
+    header = _ref$header === void 0 ? null : _ref$header,
+    _ref$image = _ref.image,
+    image = _ref$image === void 0 ? null : _ref$image,
+    _ref$imageAlt = _ref.imageAlt,
+    imageAlt = _ref$imageAlt === void 0 ? null : _ref$imageAlt,
+    _ref$imageOverlay = _ref.imageOverlay,
+    imageOverlay = _ref$imageOverlay === void 0 ? false : _ref$imageOverlay,
+    _ref$beforeBody = _ref.beforeBody,
+    beforeBody = _ref$beforeBody === void 0 ? null : _ref$beforeBody,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$subtitle = _ref.subtitle,
+    subtitle = _ref$subtitle === void 0 ? null : _ref$subtitle,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$afterBody = _ref.afterBody,
+    afterBody = _ref$afterBody === void 0 ? null : _ref$afterBody,
+    _ref$links = _ref.links,
+    links = _ref$links === void 0 ? null : _ref$links,
+    _ref$linksInSameBody = _ref.linksInSameBody,
+    linksInSameBody = _ref$linksInSameBody === void 0 ? false : _ref$linksInSameBody,
+    _ref$footer = _ref.footer,
+    footer = _ref$footer === void 0 ? null : _ref$footer,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? null : _ref$theme,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$imageClassName = _ref.imageClassName,
+    imageClassName = _ref$imageClassName === void 0 ? null : _ref$imageClassName,
+    _ref$headerClassName = _ref.headerClassName,
+    headerClassName = _ref$headerClassName === void 0 ? null : _ref$headerClassName,
+    _ref$titleClassName = _ref.titleClassName,
+    titleClassName = _ref$titleClassName === void 0 ? null : _ref$titleClassName,
+    _ref$subtitleClassNam = _ref.subtitleClassName,
+    subtitleClassName = _ref$subtitleClassNam === void 0 ? null : _ref$subtitleClassNam,
+    _ref$bodyClassName = _ref.bodyClassName,
+    bodyClassName = _ref$bodyClassName === void 0 ? null : _ref$bodyClassName,
+    _ref$footerClassName = _ref.footerClassName,
+    footerClassName = _ref$footerClassName === void 0 ? null : _ref$footerClassName,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? null : _ref$onClick,
+    _ref$onClickBody = _ref.onClickBody,
+    onClickBody = _ref$onClickBody === void 0 ? null : _ref$onClickBody,
+    _ref$onClickFooter = _ref.onClickFooter,
+    onClickFooter = _ref$onClickFooter === void 0 ? null : _ref$onClickFooter;
   var linksElements = (links || []).map(function (_ref2, index) {
     var label = _ref2.label,
       _ref2$className = _ref2.className,
@@ -847,29 +677,19 @@ var Card = function Card(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: cardClassName
   }, cardInner);
-};
-Card.propTypes = propTypes$L;
-Card.defaultProps = defaultProps$L;
-
-var styles$t = {"container":"micromag-core-partials-spinner-container","path":"micromag-core-partials-spinner-path","animated":"micromag-core-partials-spinner-animated"};
+}
 
-var propTypes$K = {
-  animated: PropTypes.bool,
-  color: PropTypes.string,
-  strokeWidth: PropTypes.number,
-  className: PropTypes.string
-};
-var defaultProps$K = {
-  animated: true,
-  color: 'currentColor',
-  strokeWidth: 3,
-  className: null
-};
-var Spinner = function Spinner(_ref) {
-  var animated = _ref.animated,
-    color = _ref.color,
-    strokeWidth = _ref.strokeWidth,
-    className = _ref.className;
+var styles$t = {"container":"container","path":"path","animated":"animated"};
+
+function Spinner(_ref) {
+  var _ref$animated = _ref.animated,
+    animated = _ref$animated === void 0 ? true : _ref$animated,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$strokeWidth = _ref.strokeWidth,
+    strokeWidth = _ref$strokeWidth === void 0 ? 3 : _ref$strokeWidth,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     className: classNames([styles$t.container, _defineProperty(_defineProperty({}, styles$t.animated, animated), className, className !== null)]),
     width: "40",
@@ -885,49 +705,31 @@ var Spinner = function Spinner(_ref) {
     stroke: color,
     strokeWidth: strokeWidth
   }));
-};
-Spinner.propTypes = propTypes$K;
-Spinner.defaultProps = defaultProps$K;
+}
 
-var styles$s = {};
+var styles$s = {"container":"container"};
 
 var _excluded$5 = ["description", "loading", "children", "className"];
-var propTypes$J = {
-  description: PropTypes.node,
-  loading: PropTypes.bool,
-  children: PropTypes.node,
-  className: PropTypes.string
-};
-var defaultProps$J = {
-  description: null,
-  loading: false,
-  children: null,
-  className: null
-};
-var FormPanel = function FormPanel(_ref) {
-  var description = _ref.description,
-    loading = _ref.loading,
-    children = _ref.children,
-    className = _ref.className,
+function FormPanel(_ref) {
+  var _ref$description = _ref.description,
+    description = _ref$description === void 0 ? null : _ref$description,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$5);
   return /*#__PURE__*/React.createElement(Card, Object.assign({
     className: classNames([styles$s.container, _defineProperty({}, className, className !== null)])
   }, props), description, loading ? /*#__PURE__*/React.createElement(Spinner, null) : children);
-};
-FormPanel.propTypes = propTypes$J;
-FormPanel.defaultProps = defaultProps$J;
+}
 
-var propTypes$I = {
-  className: PropTypes.string,
-  color: PropTypes.string
-};
-var defaultProps$I = {
-  className: null,
-  color: '#fff'
-};
-var ArrowIcon = function ArrowIcon(_ref) {
-  var color = _ref.color,
-    className = _ref.className;
+function ArrowIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#fff' : _ref$color,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     width: "20",
     height: "14",
@@ -941,21 +743,13 @@ var ArrowIcon = function ArrowIcon(_ref) {
     d: "M13.353 0.371014L19.319 6.33704C19.6851 6.70314 19.6851 7.29671 19.319 7.66282L13.353 13.6288C12.9869 13.9949 12.3933 13.9949 12.0272 13.6288C11.6611 13.2627 11.6611 12.6692 12.0272 12.3031L16.3929 7.9374H0V6.06246H16.3929L12.0272 1.6968C11.6611 1.33069 11.6611 0.737119 12.0272 0.371014C12.3933 0.0049094 12.9869 0.0049094 13.353 0.371014Z",
     fill: color
   }));
-};
-ArrowIcon.propTypes = propTypes$I;
-ArrowIcon.defaultProps = defaultProps$I;
+}
 
-var propTypes$H = {
-  className: PropTypes.string,
-  color: PropTypes.string
-};
-var defaultProps$H = {
-  className: null,
-  color: '#fff'
-};
-var CloseIcon = function CloseIcon(_ref) {
-  var color = _ref.color,
-    className = _ref.className;
+function CloseIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#fff' : _ref$color,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     width: "22",
     height: "22",
@@ -974,21 +768,13 @@ var CloseIcon = function CloseIcon(_ref) {
     strokeWidth: "1.5",
     strokeLinecap: "round"
   }));
-};
-CloseIcon.propTypes = propTypes$H;
-CloseIcon.defaultProps = defaultProps$H;
+}
 
-var propTypes$G = {
-  className: PropTypes.string,
-  color: PropTypes.string
-};
-var defaultProps$G = {
-  className: null,
-  color: '#fff'
-};
-var FullscreenIcon = function FullscreenIcon(_ref) {
-  var color = _ref.color,
-    className = _ref.className;
+function FullscreenIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#fff' : _ref$color,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     width: "16",
     height: "14",
@@ -1000,21 +786,13 @@ var FullscreenIcon = function FullscreenIcon(_ref) {
     d: "M11.2 0H16V4.66667H14.4V1.55556H11.2V0ZM0 0H4.8V1.55556H1.6V4.66667H0V0ZM14.4 12.4444V9.33333H16V14H11.2V12.4444H14.4ZM1.6 12.4444H4.8V14H0V9.33333H1.6V12.4444Z",
     fill: color
   }));
-};
-FullscreenIcon.propTypes = propTypes$G;
-FullscreenIcon.defaultProps = defaultProps$G;
+}
 
-var propTypes$F = {
-  className: PropTypes.string,
-  color: PropTypes.string
-};
-var defaultProps$F = {
-  className: null,
-  color: '#fff'
-};
-var LinkIcon = function LinkIcon(_ref) {
-  var color = _ref.color,
-    className = _ref.className;
+function LinkIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#fff' : _ref$color,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     width: "16",
     height: "16",
@@ -1035,21 +813,13 @@ var LinkIcon = function LinkIcon(_ref) {
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }));
-};
-LinkIcon.propTypes = propTypes$F;
-LinkIcon.defaultProps = defaultProps$F;
+}
 
-var propTypes$E = {
-  className: PropTypes.string,
-  color: PropTypes.string
-};
-var defaultProps$E = {
-  className: null,
-  color: '#fff'
-};
-var MuteIcon = function MuteIcon(_ref) {
-  var color = _ref.color,
-    className = _ref.className;
+function MuteIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#fff' : _ref$color,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     width: "26",
     height: "26",
@@ -1067,21 +837,13 @@ var MuteIcon = function MuteIcon(_ref) {
     d: "M18 15.6875C19.6569 15.6875 21 14.3444 21 12.6875C21 11.0306 19.6569 9.6875 18 9.6875",
     stroke: color
   }));
-};
-MuteIcon.propTypes = propTypes$E;
-MuteIcon.defaultProps = defaultProps$E;
+}
 
-var propTypes$D = {
-  className: PropTypes.string,
-  color: PropTypes.string
-};
-var defaultProps$D = {
-  className: null,
-  color: '#fff'
-};
-var PauseIcon = function PauseIcon(_ref) {
-  var color = _ref.color,
-    className = _ref.className;
+function PauseIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#fff' : _ref$color,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     className: className,
     width: "14",
@@ -1101,21 +863,13 @@ var PauseIcon = function PauseIcon(_ref) {
     rx: "2",
     fill: color
   }));
-};
-PauseIcon.propTypes = propTypes$D;
-PauseIcon.defaultProps = defaultProps$D;
+}
 
-var propTypes$C = {
-  className: PropTypes.string,
-  color: PropTypes.string
-};
-var defaultProps$C = {
-  className: null,
-  color: '#fff'
-};
-var PlayIcon = function PlayIcon(_ref) {
-  var color = _ref.color,
-    className = _ref.className;
+function PlayIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#fff' : _ref$color,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     width: "40",
     height: "45.1",
@@ -1128,21 +882,13 @@ var PlayIcon = function PlayIcon(_ref) {
     fill: color,
     stroke: color
   }));
-};
-PlayIcon.propTypes = propTypes$C;
-PlayIcon.defaultProps = defaultProps$C;
+}
 
-var propTypes$B = {
-  className: PropTypes.string,
-  color: PropTypes.string
-};
-var defaultProps$B = {
-  className: null,
-  color: '#fff'
-};
-var UnmuteIcon = function UnmuteIcon(_ref) {
-  var color = _ref.color,
-    className = _ref.className;
+function UnmuteIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#fff' : _ref$color,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     width: "26",
     height: "26",
@@ -1159,35 +905,23 @@ var UnmuteIcon = function UnmuteIcon(_ref) {
     d: "M20.8536 13.3946L23 15.5411L23.7071 14.834L21.5607 12.6875L23.7071 10.5411L23 9.83398L20.8536 11.9804L18.7071 9.83398L18 10.5411L20.1464 12.6875L18 14.834L18.7071 15.5411L20.8536 13.3946Z",
     fill: color
   }));
-};
-UnmuteIcon.propTypes = propTypes$B;
-UnmuteIcon.defaultProps = defaultProps$B;
-
-var styles$r = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
+}
 
-var propTypes$A = {
-  items: core.PropTypes.menuItems,
-  theme: core.PropTypes.bootstrapThemes,
-  separator: PropTypes.oneOf([null, 'arrow']),
-  withoutBar: PropTypes.bool,
-  noWrap: PropTypes.bool,
-  className: PropTypes.string
-};
-var defaultProps$A = {
-  items: [],
-  theme: null,
-  separator: null,
-  withoutBar: false,
-  noWrap: false,
-  className: null
-};
-var Breadcrumb = function Breadcrumb(_ref) {
-  var items = _ref.items,
-    theme = _ref.theme,
-    separator = _ref.separator,
-    withoutBar = _ref.withoutBar,
-    noWrap = _ref.noWrap,
-    className = _ref.className;
+var styles$r = {"container":"container","arrow":"arrow"};
+
+function Breadcrumb(_ref) {
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? null : _ref$theme,
+    _ref$separator = _ref.separator,
+    separator = _ref$separator === void 0 ? null : _ref$separator,
+    _ref$withoutBar = _ref.withoutBar,
+    withoutBar = _ref$withoutBar === void 0 ? false : _ref$withoutBar,
+    _ref$noWrap = _ref.noWrap,
+    noWrap = _ref$noWrap === void 0 ? false : _ref$noWrap,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("nav", {
     className: className
   }, /*#__PURE__*/React.createElement("ol", {
@@ -1218,40 +952,26 @@ var Breadcrumb = function Breadcrumb(_ref) {
       className: classNames(['font-weight-bold', 'text-decoration-none', _defineProperty({}, "text-".concat(theme), theme !== null)])
     }, /*#__PURE__*/React.createElement(Label, null, label)) : null);
   })));
-};
-Breadcrumb.propTypes = propTypes$A;
-Breadcrumb.defaultProps = defaultProps$A;
+}
 
 var _excluded$4 = ["type", "className", "label", "children", "onClick", "active"];
-var propTypes$z = {
-  items: core.PropTypes.menuItems,
-  children: PropTypes.node,
-  visible: PropTypes.bool,
-  align: core.PropTypes.dropdownAlign,
-  className: PropTypes.string,
-  itemClassName: PropTypes.string,
-  onClickItem: PropTypes.func,
-  onClickOutside: PropTypes.func
-};
-var defaultProps$z = {
-  items: [],
-  children: null,
-  visible: false,
-  align: null,
-  className: null,
-  itemClassName: null,
-  onClickItem: null,
-  onClickOutside: null
-};
-var Dropdown = function Dropdown(_ref) {
-  var items = _ref.items,
-    children = _ref.children,
-    visible = _ref.visible,
-    align = _ref.align,
-    className = _ref.className,
-    itemClassName = _ref.itemClassName,
-    onClickItem = _ref.onClickItem,
-    onClickOutside = _ref.onClickOutside;
+function Dropdown(_ref) {
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? null : _ref$align,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$itemClassName = _ref.itemClassName,
+    itemClassName = _ref$itemClassName === void 0 ? null : _ref$itemClassName,
+    _ref$onClickItem = _ref.onClickItem,
+    onClickItem = _ref$onClickItem === void 0 ? null : _ref$onClickItem,
+    _ref$onClickOutside = _ref.onClickOutside,
+    onClickOutside = _ref$onClickOutside === void 0 ? null : _ref$onClickOutside;
   var refContainer = React.useRef(null);
   var _useState = React.useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
@@ -1320,67 +1040,44 @@ var Dropdown = function Dropdown(_ref) {
       onClick: finalOnClickItem
     }, itemProps), label !== null ? /*#__PURE__*/React.createElement(Label, null, label) : itemChildren)) : null;
   }));
-};
-Dropdown.propTypes = propTypes$z;
-Dropdown.defaultProps = defaultProps$z;
+}
 
 var _excluded$3 = ["id", "className", "linkClassName", "href", "label", "external", "items", "dropdown", "active", "onClick"];
-var propTypes$y = {
-  items: core.PropTypes.menuItems,
-  tagName: PropTypes.string,
-  itemTagName: PropTypes.string,
-  children: PropTypes.node,
-  linkAsItem: PropTypes.bool,
-  className: PropTypes.string,
-  itemClassName: PropTypes.string,
-  linkClassName: PropTypes.string,
-  hasSubMenuClassName: PropTypes.string,
-  subMenuClassName: PropTypes.string,
-  subMenuItemClassName: PropTypes.string,
-  subMenuLinkClassName: PropTypes.string,
-  hasDropdownClassName: PropTypes.string,
-  dropdownClassName: PropTypes.string,
-  dropdownItemClassName: PropTypes.string,
-  dropdownLinkClassName: PropTypes.string,
-  dropdownAlign: core.PropTypes.dropdownAlign
-};
-var defaultProps$y = {
-  items: [],
-  tagName: 'ul',
-  itemTagName: 'li',
-  children: null,
-  linkAsItem: false,
-  className: null,
-  itemClassName: null,
-  linkClassName: null,
-  hasSubMenuClassName: null,
-  subMenuClassName: null,
-  subMenuItemClassName: null,
-  subMenuLinkClassName: null,
-  hasDropdownClassName: null,
-  dropdownClassName: null,
-  dropdownItemClassName: null,
-  dropdownLinkClassName: null,
-  dropdownAlign: null
-};
-var _Menu = function Menu(_ref) {
-  var items = _ref.items,
-    tagName = _ref.tagName,
-    itemTagName = _ref.itemTagName,
-    children = _ref.children,
-    linkAsItem = _ref.linkAsItem,
-    className = _ref.className,
-    itemClassName = _ref.itemClassName,
-    linkClassName = _ref.linkClassName,
-    hasSubMenuClassName = _ref.hasSubMenuClassName,
-    subMenuClassName = _ref.subMenuClassName,
-    subMenuItemClassName = _ref.subMenuItemClassName,
-    subMenuLinkClassName = _ref.subMenuLinkClassName,
-    hasDropdownClassName = _ref.hasDropdownClassName,
-    dropdownClassName = _ref.dropdownClassName,
-    dropdownItemClassName = _ref.dropdownItemClassName,
-    dropdownLinkClassName = _ref.dropdownLinkClassName,
-    dropdownAlign = _ref.dropdownAlign;
+function Menu(_ref) {
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$tagName = _ref.tagName,
+    tagName = _ref$tagName === void 0 ? 'ul' : _ref$tagName,
+    _ref$itemTagName = _ref.itemTagName,
+    itemTagName = _ref$itemTagName === void 0 ? 'li' : _ref$itemTagName,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$linkAsItem = _ref.linkAsItem,
+    linkAsItem = _ref$linkAsItem === void 0 ? false : _ref$linkAsItem,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$itemClassName = _ref.itemClassName,
+    itemClassName = _ref$itemClassName === void 0 ? null : _ref$itemClassName,
+    _ref$linkClassName = _ref.linkClassName,
+    linkClassName = _ref$linkClassName === void 0 ? null : _ref$linkClassName,
+    _ref$hasSubMenuClassN = _ref.hasSubMenuClassName,
+    hasSubMenuClassName = _ref$hasSubMenuClassN === void 0 ? null : _ref$hasSubMenuClassN,
+    _ref$subMenuClassName = _ref.subMenuClassName,
+    subMenuClassName = _ref$subMenuClassName === void 0 ? null : _ref$subMenuClassName,
+    _ref$subMenuItemClass = _ref.subMenuItemClassName,
+    subMenuItemClassName = _ref$subMenuItemClass === void 0 ? null : _ref$subMenuItemClass,
+    _ref$subMenuLinkClass = _ref.subMenuLinkClassName,
+    subMenuLinkClassName = _ref$subMenuLinkClass === void 0 ? null : _ref$subMenuLinkClass,
+    _ref$hasDropdownClass = _ref.hasDropdownClassName,
+    hasDropdownClassName = _ref$hasDropdownClass === void 0 ? null : _ref$hasDropdownClass,
+    _ref$dropdownClassNam = _ref.dropdownClassName,
+    dropdownClassName = _ref$dropdownClassNam === void 0 ? null : _ref$dropdownClassNam,
+    _ref$dropdownItemClas = _ref.dropdownItemClassName,
+    dropdownItemClassName = _ref$dropdownItemClas === void 0 ? null : _ref$dropdownItemClas,
+    _ref$dropdownLinkClas = _ref.dropdownLinkClassName,
+    dropdownLinkClassName = _ref$dropdownLinkClas === void 0 ? null : _ref$dropdownLinkClas,
+    _ref$dropdownAlign = _ref.dropdownAlign,
+    dropdownAlign = _ref$dropdownAlign === void 0 ? null : _ref$dropdownAlign;
   var _useState = React.useState(items.map(function () {
       return false;
     })),
@@ -1443,7 +1140,7 @@ var _Menu = function Menu(_ref) {
     }), label) : null, href === null && onClickItem !== null ? /*#__PURE__*/React.createElement(Button$1, Object.assign({}, itemProps, {
       onClick: onClickItem,
       className: classNames(_defineProperty(_defineProperty(_defineProperty({}, linkClassName, linkClassName !== null), 'dropdown-toggle', dropdown !== null), customLinkClassName, customLinkClassName !== null))
-    }), label) : null, subItems !== null ? /*#__PURE__*/React.createElement(_Menu, {
+    }), label) : null, subItems !== null ? /*#__PURE__*/React.createElement(Menu, {
       items: subItems,
       className: subMenuClassName,
       itemClassName: classNames(_defineProperty(_defineProperty({}, subMenuItemClassName, subMenuItemClassName !== null), itemClassName, subMenuItemClassName === null && itemClassName !== null)),
@@ -1459,59 +1156,39 @@ var _Menu = function Menu(_ref) {
       onClickOutside: closeDropdown
     }) : null);
   }));
-};
-_Menu.propTypes = propTypes$y;
-_Menu.defaultProps = defaultProps$y;
-
-var styles$q = {"collapse":"micromag-core-menus-navbar-collapse"};
+}
 
-var propTypes$x = {
-  brand: PropTypes.node,
-  brandLink: PropTypes.string,
-  breadcrumbs: PropTypes.node,
-  theme: PropTypes.oneOf(['light', 'dark', 'primary', null]),
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
-  compact: PropTypes.bool,
-  noWrap: PropTypes.bool,
-  withoutCollapse: PropTypes.bool,
-  withoutCollapseToggle: PropTypes.bool,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  brandClassName: PropTypes.string,
-  breadCrumbsClassName: PropTypes.string,
-  collapseClassName: PropTypes.string
-};
-var defaultProps$x = {
-  brand: null,
-  brandLink: null,
-  breadcrumbs: null,
-  theme: null,
-  size: 'md',
-  compact: false,
-  noWrap: false,
-  withoutCollapse: false,
-  withoutCollapseToggle: false,
-  children: null,
-  className: null,
-  brandClassName: null,
-  breadCrumbsClassName: null,
-  collapseClassName: null
-};
-var Navbar = function Navbar(_ref) {
-  var brand = _ref.brand,
-    brandLink = _ref.brandLink,
-    breadcrumbs = _ref.breadcrumbs,
-    theme = _ref.theme,
-    size = _ref.size,
-    compact = _ref.compact,
-    noWrap = _ref.noWrap,
-    withoutCollapse = _ref.withoutCollapse,
-    withoutCollapseToggle = _ref.withoutCollapseToggle,
-    children = _ref.children,
-    className = _ref.className,
-    brandClassName = _ref.brandClassName,
-    breadCrumbsClassName = _ref.breadCrumbsClassName,
-    collapseClassName = _ref.collapseClassName;
+var styles$q = {"collapse":"collapse"};
+
+function Navbar(_ref) {
+  var _ref$brand = _ref.brand,
+    brand = _ref$brand === void 0 ? null : _ref$brand,
+    _ref$brandLink = _ref.brandLink,
+    brandLink = _ref$brandLink === void 0 ? null : _ref$brandLink,
+    _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? null : _ref$breadcrumbs,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? null : _ref$theme,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    _ref$compact = _ref.compact,
+    compact = _ref$compact === void 0 ? false : _ref$compact,
+    _ref$noWrap = _ref.noWrap,
+    noWrap = _ref$noWrap === void 0 ? false : _ref$noWrap,
+    _ref$withoutCollapse = _ref.withoutCollapse,
+    withoutCollapse = _ref$withoutCollapse === void 0 ? false : _ref$withoutCollapse,
+    _ref$withoutCollapseT = _ref.withoutCollapseToggle,
+    withoutCollapseToggle = _ref$withoutCollapseT === void 0 ? false : _ref$withoutCollapseT,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$brandClassName = _ref.brandClassName,
+    brandClassName = _ref$brandClassName === void 0 ? null : _ref$brandClassName,
+    _ref$breadCrumbsClass = _ref.breadCrumbsClassName,
+    breadCrumbsClassName = _ref$breadCrumbsClass === void 0 ? null : _ref$breadCrumbsClass,
+    _ref$collapseClassNam = _ref.collapseClassName,
+    collapseClassName = _ref$collapseClassNam === void 0 ? null : _ref$collapseClassNam;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     menuVisible = _useState2[0],
@@ -1550,11 +1227,9 @@ var Navbar = function Navbar(_ref) {
   })) : null, !withoutCollapse ? /*#__PURE__*/React.createElement("div", {
     className: classNames(['navbar-collapse', 'collapse', styles$q.collapse, _defineProperty(_defineProperty({}, collapseClassName, collapseClassName !== null), "show", menuVisible)])
   }, children) : children));
-};
-Navbar.propTypes = propTypes$x;
-Navbar.defaultProps = defaultProps$x;
+}
 
-var styles$p = {};
+var styles$p = {"container":"container"};
 
 var messages = reactIntl.defineMessages({
   previous: {
@@ -1572,48 +1247,31 @@ var messages = reactIntl.defineMessages({
     }]
   }
 });
-var propTypes$w = {
-  page: PropTypes.number,
-  lastPage: PropTypes.number,
-  maxPages: PropTypes.number,
-  total: PropTypes.number,
-  url: PropTypes.string,
-  query: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  withPreviousNext: PropTypes.bool,
-  className: PropTypes.string,
-  paginationClassName: PropTypes.string,
-  itemClassName: PropTypes.string,
-  linkClassName: PropTypes.string,
-  onClickPage: PropTypes.func
-};
-var defaultProps$w = {
-  page: 1,
-  lastPage: 1,
-  maxPages: 10,
-  total: 1,
-  url: null,
-  query: null,
-  withPreviousNext: false,
-  className: null,
-  paginationClassName: null,
-  itemClassName: null,
-  linkClassName: null,
-  onClickPage: null
-};
-var PaginationMenu = function PaginationMenu(_ref) {
-  var parentPage = _ref.page,
-    parentLastPage = _ref.lastPage,
-    parentMaxPages = _ref.maxPages,
-    parentTotal = _ref.total,
-    url = _ref.url,
-    query = _ref.query,
-    withPreviousNext = _ref.withPreviousNext,
-    className = _ref.className,
-    paginationClassName = _ref.paginationClassName,
-    itemClassName = _ref.itemClassName,
-    linkClassName = _ref.linkClassName,
-    onClickPage = _ref.onClickPage;
+function PaginationMenu(_ref) {
+  var _ref$page = _ref.page,
+    parentPage = _ref$page === void 0 ? 1 : _ref$page,
+    _ref$lastPage = _ref.lastPage,
+    parentLastPage = _ref$lastPage === void 0 ? 1 : _ref$lastPage,
+    _ref$maxPages = _ref.maxPages,
+    parentMaxPages = _ref$maxPages === void 0 ? 10 : _ref$maxPages,
+    _ref$total = _ref.total,
+    parentTotal = _ref$total === void 0 ? 1 : _ref$total,
+    _ref$url = _ref.url,
+    url = _ref$url === void 0 ? null : _ref$url,
+    _ref$query = _ref.query,
+    query = _ref$query === void 0 ? null : _ref$query,
+    _ref$withPreviousNext = _ref.withPreviousNext,
+    withPreviousNext = _ref$withPreviousNext === void 0 ? false : _ref$withPreviousNext,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$paginationClassN = _ref.paginationClassName,
+    paginationClassName = _ref$paginationClassN === void 0 ? null : _ref$paginationClassN,
+    _ref$itemClassName = _ref.itemClassName,
+    itemClassName = _ref$itemClassName === void 0 ? null : _ref$itemClassName,
+    _ref$linkClassName = _ref.linkClassName,
+    linkClassName = _ref$linkClassName === void 0 ? null : _ref$linkClassName,
+    _ref$onClickPage = _ref.onClickPage,
+    onClickPage = _ref$onClickPage === void 0 ? null : _ref$onClickPage;
   var getUrl = React.useCallback(function (currentPage) {
     return url !== null ? "".concat(url, "?").concat(queryString.stringify(_objectSpread(_objectSpread({}, query), {}, {
       page: currentPage
@@ -1689,38 +1347,25 @@ var PaginationMenu = function PaginationMenu(_ref) {
   }, messages.next) : /*#__PURE__*/React.createElement("span", {
     className: classNames(['page-link', _defineProperty({}, linkClassName, linkClassName !== null)])
   }, /*#__PURE__*/React.createElement(Label, null, messages.next))) : null));
-};
-PaginationMenu.propTypes = propTypes$w;
-PaginationMenu.defaultProps = defaultProps$w;
-
-var styles$o = {"container":"micromag-core-menus-tabs-container"};
+}
 
-var propTypes$v = {
-  items: core.PropTypes.menuItems,
-  size: core.PropTypes.buttonSize,
-  theme: core.PropTypes.buttonTheme,
-  renderItemButton: PropTypes.func,
-  buttonClassName: PropTypes.string,
-  className: PropTypes.string,
-  onClickItem: PropTypes.func
-};
-var defaultProps$v = {
-  items: [],
-  size: null,
-  theme: 'secondary',
-  renderItemButton: null,
-  buttonClassName: null,
-  className: null,
-  onClickItem: null
-};
-var TabsMenu = function TabsMenu(_ref) {
-  var items = _ref.items,
-    size = _ref.size,
-    theme = _ref.theme,
-    renderItemButton = _ref.renderItemButton,
-    buttonClassName = _ref.buttonClassName,
-    className = _ref.className,
-    onClickItem = _ref.onClickItem;
+var styles$o = {"container":"container"};
+
+function TabsMenu(_ref) {
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? null : _ref$size,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'secondary' : _ref$theme,
+    _ref$renderItemButton = _ref.renderItemButton,
+    renderItemButton = _ref$renderItemButton === void 0 ? null : _ref$renderItemButton,
+    _ref$buttonClassName = _ref.buttonClassName,
+    buttonClassName = _ref$buttonClassName === void 0 ? null : _ref$buttonClassName,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$onClickItem = _ref.onClickItem,
+    onClickItem = _ref$onClickItem === void 0 ? null : _ref$onClickItem;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$o.container, _defineProperty({}, className, className)])
   }, /*#__PURE__*/React.createElement(Buttons, {
@@ -1732,24 +1377,15 @@ var TabsMenu = function TabsMenu(_ref) {
     className: styles$o.buttons,
     buttonClassName: classNames([styles$o.button, _defineProperty({}, buttonClassName, buttonClassName !== null)])
   }));
-};
-TabsMenu.propTypes = propTypes$v;
-TabsMenu.defaultProps = defaultProps$v;
+}
 
-var styles$n = {"container":"micromag-core-modals-container","modals":"micromag-core-modals-modals","hasModals":"micromag-core-modals-hasModals"};
+var styles$n = {"container":"container","modals":"modals","hasModals":"hasModals"};
 
-var propTypes$u = {
-  modals: core.PropTypes.modals.isRequired,
-  setModalsContainer: PropTypes.func.isRequired,
-  className: PropTypes.string
-};
-var defaultProps$u = {
-  className: null
-};
-var ModalsContainer = function ModalsContainer(_ref) {
+function ModalsContainer(_ref) {
   var modals = _ref.modals,
     setModalsContainer = _ref.setModalsContainer,
-    className = _ref.className;
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var containerRef = React.useRef(null);
   React.useEffect(function () {
     setModalsContainer(containerRef.current);
@@ -1760,37 +1396,23 @@ var ModalsContainer = function ModalsContainer(_ref) {
     className: classNames([styles$n.modals, _defineProperty({}, styles$n.hasModals, modals.length > 0)]),
     ref: containerRef
   }));
-};
-ModalsContainer.propTypes = propTypes$u;
-ModalsContainer.defaultProps = defaultProps$u;
+}
 var Modals = contexts.withModals(ModalsContainer);
 
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
-var propTypes$t = {
-  id: PropTypes.string,
-  data: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  container: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  register: PropTypes.func,
-  unregister: PropTypes.func,
-  children: PropTypes.node
-};
-var defaultProps$t = {
-  id: null,
-  data: null,
-  container: null,
-  register: null,
-  unregister: null,
-  children: null
-};
-var ElementPortal = function ElementPortal(_ref) {
-  var id = _ref.id,
-    data = _ref.data,
-    children = _ref.children,
-    container = _ref.container,
-    register = _ref.register,
-    unregister = _ref.unregister;
+function ElementPortal(_ref) {
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? null : _ref$id,
+    _ref$data = _ref.data,
+    data = _ref$data === void 0 ? null : _ref$data,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$container = _ref.container,
+    container = _ref$container === void 0 ? null : _ref$container,
+    _ref$register = _ref.register,
+    register = _ref$register === void 0 ? null : _ref$register,
+    _ref$unregister = _ref.unregister,
+    unregister = _ref$unregister === void 0 ? null : _ref$unregister;
   var finalId = React.useMemo(function () {
     return id || "element-".concat(new Date().getTime());
   }, [id]);
@@ -1805,26 +1427,16 @@ var ElementPortal = function ElementPortal(_ref) {
     };
   }, [finalId, data]);
   return container !== null ? /*#__PURE__*/reactDom.createPortal(children, container) : null;
-};
-ElementPortal.propTypes = propTypes$t;
-ElementPortal.defaultProps = defaultProps$t;
+}
 
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
-var propTypes$s = {
-  id: PropTypes.string,
-  data: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  children: PropTypes.node
-};
-var defaultProps$s = {
-  id: null,
-  data: null,
-  children: null
-};
-var ModalPortal = function ModalPortal(_ref) {
-  var id = _ref.id,
-    data = _ref.data,
-    children = _ref.children;
+function ModalPortal(_ref) {
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? null : _ref$id,
+    _ref$data = _ref.data,
+    data = _ref$data === void 0 ? null : _ref$data,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children;
   var _useModals = contexts.useModals(),
     container = _useModals.container,
     _useModals$register = _useModals.register,
@@ -1838,29 +1450,19 @@ var ModalPortal = function ModalPortal(_ref) {
     register: register,
     unregister: unregister
   }, children);
-};
-ModalPortal.propTypes = propTypes$s;
-ModalPortal.defaultProps = defaultProps$s;
-
-var styles$m = {"container":"micromag-core-modals-modal-container","center":"micromag-core-modals-modal-center","inner":"micromag-core-modals-modal-inner","top":"micromag-core-modals-modal-top"};
+}
 
-var propTypes$r = {
-  id: PropTypes.string,
-  title: PropTypes.string,
-  position: PropTypes.oneOf(['center', 'top']),
-  children: PropTypes.node
-};
-var defaultProps$r = {
-  id: null,
-  title: null,
-  position: 'center',
-  children: null
-};
-var Modal = function Modal(_ref) {
-  var id = _ref.id,
-    children = _ref.children,
-    position = _ref.position,
-    title = _ref.title;
+var styles$m = {"container":"container","center":"center","inner":"inner","top":"top"};
+
+function Modal(_ref) {
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? null : _ref$id,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'center' : _ref$position,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title;
   var finalId = React.useMemo(function () {
     return id || utils.getDisplayName(children.type);
   }, [id, children.type]);
@@ -1877,44 +1479,29 @@ var Modal = function Modal(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$m.inner, 'bg-dark', 'rounded'])
   }, children)));
-};
-Modal.propTypes = propTypes$r;
-Modal.defaultProps = defaultProps$r;
-
-var styles$l = {"container":"micromag-core-modals-dialog-container"};
+}
 
-var propTypes$q = {
-  title: core.PropTypes.label,
-  header: PropTypes.node,
-  children: PropTypes.node,
-  footer: PropTypes.node,
-  size: PropTypes.string,
-  buttons: core.PropTypes.buttons,
-  onClose: PropTypes.func,
-  className: PropTypes.string,
-  bodyClassName: PropTypes.string
-};
-var defaultProps$q = {
-  title: null,
-  header: null,
-  children: null,
-  footer: null,
-  size: null,
-  buttons: null,
-  onClose: null,
-  className: null,
-  bodyClassName: null
-};
-var ModalDialog = function ModalDialog(_ref) {
-  var title = _ref.title,
-    header = _ref.header,
-    children = _ref.children,
-    buttons = _ref.buttons,
-    footer = _ref.footer,
-    size = _ref.size,
-    onClose = _ref.onClose,
-    className = _ref.className,
-    bodyClassName = _ref.bodyClassName;
+var styles$l = {"container":"container"};
+
+function ModalDialog(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$header = _ref.header,
+    header = _ref$header === void 0 ? null : _ref$header,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$buttons = _ref.buttons,
+    buttons = _ref$buttons === void 0 ? null : _ref$buttons,
+    _ref$footer = _ref.footer,
+    footer = _ref$footer === void 0 ? null : _ref$footer,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? null : _ref$size,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? null : _ref$onClose,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$bodyClassName = _ref.bodyClassName,
+    bodyClassName = _ref$bodyClassName === void 0 ? null : _ref$bodyClassName;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$l.container, 'modal-dialog', _defineProperty(_defineProperty({}, "modal-".concat(size), size !== null), className, className)]),
     role: "dialog"
@@ -1937,26 +1524,17 @@ var ModalDialog = function ModalDialog(_ref) {
     buttons: buttons,
     className: styles$l.buttons
   }) : null) : null));
-};
-ModalDialog.propTypes = propTypes$q;
-ModalDialog.defaultProps = defaultProps$q;
+}
 
-var styles$k = {"container":"micromag-core-panels-container"};
+var styles$k = {"container":"container"};
 
-var propTypes$p = {
-  panels: core.PropTypes.panels,
-  setPanelsContainer: PropTypes.func,
-  className: PropTypes.string
-};
-var defaultProps$p = {
-  panels: [],
-  setPanelsContainer: null,
-  className: null
-};
-var PanelsContainer = function PanelsContainer(_ref) {
-  var panels = _ref.panels,
-    setPanelsContainer = _ref.setPanelsContainer,
-    className = _ref.className;
+function PanelsContainer(_ref) {
+  var _ref$panels = _ref.panels,
+    panels = _ref$panels === void 0 ? [] : _ref$panels,
+    _ref$setPanelsContain = _ref.setPanelsContainer,
+    setPanelsContainer = _ref$setPanelsContain === void 0 ? null : _ref$setPanelsContain,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var containerRef = React.useRef(null);
   React.useEffect(function () {
     setPanelsContainer(containerRef.current);
@@ -1967,27 +1545,17 @@ var PanelsContainer = function PanelsContainer(_ref) {
     className: classNames([styles$k.panels, _defineProperty({}, styles$k.hasPanels, panels.length > 0)]),
     ref: containerRef
   }));
-};
-PanelsContainer.propTypes = propTypes$p;
-PanelsContainer.defaultProps = defaultProps$p;
+}
 var Panels = contexts.withPanels(PanelsContainer);
 
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
-var propTypes$o = {
-  id: PropTypes.string,
-  data: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  children: PropTypes.node
-};
-var defaultProps$o = {
-  id: null,
-  data: null,
-  children: null
-};
-var PanelPortal = function PanelPortal(_ref) {
-  var id = _ref.id,
-    data = _ref.data,
-    children = _ref.children;
+function PanelPortal(_ref) {
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? null : _ref$id,
+    _ref$data = _ref.data,
+    data = _ref$data === void 0 ? null : _ref$data,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children;
   var _usePanels = contexts.usePanels(),
     _usePanels$panels = _usePanels.panels,
     panels = _usePanels$panels === void 0 ? null : _usePanels$panels,
@@ -2006,27 +1574,18 @@ var PanelPortal = function PanelPortal(_ref) {
     register: register,
     unregister: unregister
   }, children);
-};
-PanelPortal.propTypes = propTypes$o;
-PanelPortal.defaultProps = defaultProps$o;
+}
 
-var styles$j = {"container":"micromag-core-panels-panel-container"};
+var styles$j = {"container":"container"};
 
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
-var propTypes$n = {
-  id: PropTypes.string,
-  title: PropTypes.string,
-  children: PropTypes.node
-};
-var defaultProps$n = {
-  id: null,
-  title: null,
-  children: null
-};
-var Panel = function Panel(_ref) {
-  var id = _ref.id,
-    children = _ref.children,
-    title = _ref.title;
+function Panel(_ref) {
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? null : _ref$id,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title;
   var finalId = React.useMemo(function () {
     return id || utils.getDisplayName(children.type);
   }, [id, children.type]);
@@ -2041,38 +1600,25 @@ var Panel = function Panel(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$j.container
   }, children));
-};
-Panel.propTypes = propTypes$n;
-Panel.defaultProps = defaultProps$n;
-
-var styles$i = {"container":"micromag-core-partials-collapsable-panel-container","top":"micromag-core-partials-collapsable-panel-top","button":"micromag-core-partials-collapsable-panel-button","label":"micromag-core-partials-collapsable-panel-label","content":"micromag-core-partials-collapsable-panel-content","isOpened":"micromag-core-partials-collapsable-panel-isOpened"};
+}
 
-var propTypes$m = {
-  title: PropTypes.node,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  topClassName: PropTypes.string,
-  contentClassName: PropTypes.string,
-  openedClassName: PropTypes.string,
-  buttonClassName: PropTypes.string
-};
-var defaultProps$m = {
-  title: null,
-  children: null,
-  className: null,
-  topClassName: null,
-  contentClassName: null,
-  openedClassName: null,
-  buttonClassName: null
-};
-var CollapsablePanel = function CollapsablePanel(_ref) {
-  var title = _ref.title,
-    children = _ref.children,
-    className = _ref.className,
-    topClassName = _ref.topClassName,
-    contentClassName = _ref.contentClassName,
-    openedClassName = _ref.openedClassName,
-    buttonClassName = _ref.buttonClassName;
+var styles$i = {"container":"container","top":"top","button":"button","label":"label","content":"content","isOpened":"isOpened"};
+
+function CollapsablePanel(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$topClassName = _ref.topClassName,
+    topClassName = _ref$topClassName === void 0 ? null : _ref$topClassName,
+    _ref$contentClassName = _ref.contentClassName,
+    contentClassName = _ref$contentClassName === void 0 ? null : _ref$contentClassName,
+    _ref$openedClassName = _ref.openedClassName,
+    openedClassName = _ref$openedClassName === void 0 ? null : _ref$openedClassName,
+    _ref$buttonClassName = _ref.buttonClassName,
+    buttonClassName = _ref$buttonClassName === void 0 ? null : _ref$buttonClassName;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     opened = _useState2[0],
@@ -2097,27 +1643,17 @@ var CollapsablePanel = function CollapsablePanel(_ref) {
   }, title)), /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$i.content, _defineProperty({}, contentClassName, contentClassName !== null)])
   }, children));
-};
-CollapsablePanel.propTypes = propTypes$m;
-CollapsablePanel.defaultProps = defaultProps$m;
+}
 
-var propTypes$l = {
-  stroke: PropTypes.string,
-  border: PropTypes.string,
-  fill: PropTypes.string,
-  className: PropTypes.string
-};
-var defaultProps$l = {
-  stroke: 'currentColor',
-  border: 'rgba(0,0,0,0.67)',
-  fill: '#fff',
-  className: null
-};
-var Close = function Close(_ref) {
-  var stroke = _ref.stroke,
-    border = _ref.border,
-    fill = _ref.fill,
-    className = _ref.className;
+function Close(_ref) {
+  var _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? 'currentColor' : _ref$stroke,
+    _ref$border = _ref.border,
+    border = _ref$border === void 0 ? 'rgba(0,0,0,0.67)' : _ref$border,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#fff' : _ref$fill,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "42.9",
@@ -2149,25 +1685,16 @@ var Close = function Close(_ref) {
     strokeLinecap: "round",
     d: "M0.3,0l13.7,14.2"
   })))));
-};
-Close.propTypes = propTypes$l;
-Close.defaultProps = defaultProps$l;
+}
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$k = {
-  date: PropTypes.string,
-  withTime: PropTypes.bool,
-  timeSeparator: PropTypes.node
-};
-var defaultProps$k = {
-  date: null,
-  withTime: false,
-  timeSeparator: ', '
-};
-var Date$1 = function Date(_ref) {
-  var date = _ref.date,
-    withTime = _ref.withTime,
-    timeSeparator = _ref.timeSeparator;
+function Date$1(_ref) {
+  var _ref$date = _ref.date,
+    date = _ref$date === void 0 ? null : _ref$date,
+    _ref$withTime = _ref.withTime,
+    withTime = _ref$withTime === void 0 ? false : _ref$withTime,
+    _ref$timeSeparator = _ref.timeSeparator,
+    timeSeparator = _ref$timeSeparator === void 0 ? ', ' : _ref$timeSeparator;
   var dateObject = React.useMemo(function () {
     return dayjs(date).toDate();
   }, [date]);
@@ -2179,40 +1706,26 @@ var Date$1 = function Date(_ref) {
   }), withTime ? timeSeparator : null, withTime ? /*#__PURE__*/React.createElement(reactIntl.FormattedTime, {
     value: dateObject
   }) : null);
-};
-Date$1.propTypes = propTypes$k;
-Date$1.defaultProps = defaultProps$k;
+}
 
 /* eslint-disable react/no-danger */
-var propTypes$j = {
-  throttleDelay: PropTypes.number,
-  threshold: PropTypes.arrayOf(PropTypes.number),
-  onEnter: PropTypes.func,
-  onLeave: PropTypes.func,
-  onChange: PropTypes.func,
-  disabled: PropTypes.bool,
-  children: PropTypes.node,
-  className: PropTypes.string
-};
-var defaultProps$j = {
-  throttleDelay: null,
-  threshold: undefined,
-  onEnter: null,
-  onLeave: null,
-  onChange: null,
-  disabled: false,
-  children: null,
-  className: null
-};
-var Detector = function Detector(_ref) {
-  var throttleDelay = _ref.throttleDelay,
-    threshold = _ref.threshold,
-    onEnter = _ref.onEnter,
-    onLeave = _ref.onLeave,
-    onChange = _ref.onChange,
-    disabled = _ref.disabled,
-    children = _ref.children,
-    className = _ref.className;
+function Detector(_ref) {
+  var _ref$throttleDelay = _ref.throttleDelay,
+    throttleDelay = _ref$throttleDelay === void 0 ? null : _ref$throttleDelay,
+    _ref$threshold = _ref.threshold,
+    threshold = _ref$threshold === void 0 ? undefined : _ref$threshold,
+    _ref$onEnter = _ref.onEnter,
+    onEnter = _ref$onEnter === void 0 ? null : _ref$onEnter,
+    _ref$onLeave = _ref.onLeave,
+    onLeave = _ref$onLeave === void 0 ? null : _ref$onLeave,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var _useIntersectionObser = hooks.useIntersectionObserver({
       threshold: threshold
     }),
@@ -2257,38 +1770,25 @@ var Detector = function Detector(_ref) {
     className: className,
     ref: ref
   }, children);
-};
-Detector.propTypes = propTypes$j;
-Detector.defaultProps = defaultProps$j;
+}
 
-var styles$h = {"container":"micromag-core-partials-placeholder-block-container","outline":"micromag-core-partials-placeholder-block-outline","withInvertedColors":"micromag-core-partials-placeholder-block-withInvertedColors","box":"micromag-core-partials-placeholder-block-box"};
+var styles$h = {"container":"container","outline":"outline","withInvertedColors":"withInvertedColors","box":"box"};
 
-var propTypes$i = {
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  outline: PropTypes.bool,
-  className: PropTypes.string,
-  boxClassName: PropTypes.string,
-  children: PropTypes.node,
-  withInvertedColors: PropTypes.bool
-};
-var defaultProps$i = {
-  width: '100%',
-  height: '3em',
-  outline: false,
-  className: null,
-  boxClassName: null,
-  children: null,
-  withInvertedColors: true
-};
-var PlaceholderBlock = function PlaceholderBlock(_ref) {
-  var width = _ref.width,
-    height = _ref.height,
-    outline = _ref.outline,
-    className = _ref.className,
-    boxClassName = _ref.boxClassName,
-    withInvertedColors = _ref.withInvertedColors,
-    children = _ref.children;
+function PlaceholderBlock(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '100%' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '3em' : _ref$height,
+    _ref$outline = _ref.outline,
+    outline = _ref$outline === void 0 ? false : _ref$outline,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$boxClassName = _ref.boxClassName,
+    boxClassName = _ref$boxClassName === void 0 ? null : _ref$boxClassName,
+    _ref$withInvertedColo = _ref.withInvertedColors,
+    withInvertedColors = _ref$withInvertedColo === void 0 ? true : _ref$withInvertedColo,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$h.container, _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles$h.outline, outline), styles$h.withInvertedColors, withInvertedColors)])
   }, /*#__PURE__*/React.createElement("div", {
@@ -2298,37 +1798,20 @@ var PlaceholderBlock = function PlaceholderBlock(_ref) {
       height: height
     }
   }, children));
-};
-PlaceholderBlock.propTypes = propTypes$i;
-PlaceholderBlock.defaultProps = defaultProps$i;
+}
 
 /* eslint-disable react/jsx-props-no-spreading */
-
-// import { PropTypes as MicromagPropTypes } from '@micromag/core';
-
-var propTypes$h = {
-  name: PropTypes.string.isRequired,
-  components: PropTypes.object.isRequired,
-  // eslint-disable-line
-  props: PropTypes.object,
-  // eslint-disable-line
-  isPlaceholder: PropTypes.bool,
-  className: PropTypes.string,
-  placeholderProps: PropTypes.object // eslint-disable-line
-};
-var defaultProps$h = {
-  props: {},
-  isPlaceholder: false,
-  className: null,
-  placeholderProps: null
-};
-var ElementComponent = function ElementComponent(_ref) {
+function ElementComponent(_ref) {
   var name = _ref.name,
     components = _ref.components,
-    props = _ref.props,
-    isPlaceholder = _ref.isPlaceholder,
-    className = _ref.className,
-    placeholderProps = _ref.placeholderProps;
+    _ref$props = _ref.props,
+    props = _ref$props === void 0 ? {} : _ref$props,
+    _ref$isPlaceholder = _ref.isPlaceholder,
+    isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$placeholderProps = _ref.placeholderProps,
+    placeholderProps = _ref$placeholderProps === void 0 ? null : _ref$placeholderProps;
   if (!name) {
     return 'Bad component name';
   }
@@ -2344,37 +1827,25 @@ var ElementComponent = function ElementComponent(_ref) {
   return /*#__PURE__*/React.createElement(RealComponent, Object.assign({}, props, {
     className: className
   }));
-};
-ElementComponent.propTypes = propTypes$h;
-ElementComponent.defaultProps = defaultProps$h;
-
-var styles$g = {"container":"micromag-core-partials-empty-container","middle":"micromag-core-partials-empty-middle","withoutBorder":"micromag-core-partials-empty-withoutBorder"};
+}
 
-var propTypes$g = {
-  children: PropTypes.node,
-  withoutBorder: PropTypes.bool,
-  light: PropTypes.bool,
-  className: PropTypes.string
-};
-var defaultProps$g = {
-  children: null,
-  withoutBorder: false,
-  light: false,
-  className: null
-};
-var Empty = function Empty(_ref) {
-  var children = _ref.children,
-    withoutBorder = _ref.withoutBorder,
-    light = _ref.light,
-    className = _ref.className;
+var styles$g = {"container":"container","middle":"middle","withoutBorder":"withoutBorder"};
+
+function Empty(_ref) {
+  var _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$withoutBorder = _ref.withoutBorder,
+    withoutBorder = _ref$withoutBorder === void 0 ? false : _ref$withoutBorder,
+    _ref$light = _ref.light,
+    light = _ref$light === void 0 ? false : _ref$light,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$g.container, _defineProperty(_defineProperty(_defineProperty({}, styles$g.withoutBorder, withoutBorder), styles$g.light, light), className, className)])
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$g.middle
   }, /*#__PURE__*/React.createElement(Label, null, children)));
-};
-Empty.propTypes = propTypes$g;
-Empty.defaultProps = defaultProps$g;
+}
 
 var getUrlsFromMedia = function getUrlsFromMedia(media, formats) {
   var _ref = media || {},
@@ -2404,26 +1875,17 @@ var getUrlsFromMedia = function getUrlsFromMedia(media, formats) {
   }, []);
   return urls;
 };
-var propTypes$f = {
-  fonts: core.PropTypes.fonts,
-  formats: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
-    name: PropTypes.string,
-    format: PropTypes.string
-  })]))
-};
-var defaultProps$f = {
-  fonts: [],
-  formats: ['eot', 'woff2', 'woff', {
-    name: 'otf',
-    format: 'opentype'
-  }, {
-    name: 'ttf',
-    format: 'truetype'
-  }, 'svg']
-};
-var FontFaces = function FontFaces(_ref4) {
-  var fonts = _ref4.fonts,
-    formats = _ref4.formats;
+function FontFaces(_ref4) {
+  var _ref4$fonts = _ref4.fonts,
+    fonts = _ref4$fonts === void 0 ? [] : _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;
   var fontFaces = (fonts || []).filter(function (it) {
     return isObject(it) && it.type === 'custom' && (it.media || null) !== null;
   }).reduce(function (fontFontFaces, _ref5) {
@@ -2489,41 +1951,27 @@ var FontFaces = function FontFaces(_ref4) {
       }).join('\n')
     }
   }) : null;
-};
-FontFaces.propTypes = propTypes$f;
-FontFaces.defaultProps = defaultProps$f;
-
-var styles$f = {};
+}
 
-var propTypes$e = {
-  thumbnail: PropTypes.node,
-  thumbnailAlign: PropTypes.oneOf(['top', 'center', 'bottom']),
-  children: PropTypes.node,
-  title: core.PropTypes.label,
-  className: PropTypes.string,
-  thumbnailClassName: PropTypes.string,
-  bodyClassName: PropTypes.string,
-  titleClassName: PropTypes.string
-};
-var defaultProps$e = {
-  thumbnail: null,
-  thumbnailAlign: 'top',
-  children: null,
-  title: null,
-  className: null,
-  thumbnailClassName: null,
-  bodyClassName: null,
-  titleClassName: null
-};
-var Media = function Media(_ref) {
-  var thumbnail = _ref.thumbnail,
-    thumbnailAlign = _ref.thumbnailAlign,
-    children = _ref.children,
-    title = _ref.title,
-    className = _ref.className,
-    thumbnailClassName = _ref.thumbnailClassName,
-    bodyClassName = _ref.bodyClassName,
-    titleClassName = _ref.titleClassName;
+var styles$f = {"container":"container"};
+
+function Media(_ref) {
+  var _ref$thumbnail = _ref.thumbnail,
+    thumbnail = _ref$thumbnail === void 0 ? null : _ref$thumbnail,
+    _ref$thumbnailAlign = _ref.thumbnailAlign,
+    thumbnailAlign = _ref$thumbnailAlign === void 0 ? 'top' : _ref$thumbnailAlign,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$thumbnailClassNa = _ref.thumbnailClassName,
+    thumbnailClassName = _ref$thumbnailClassNa === void 0 ? null : _ref$thumbnailClassNa,
+    _ref$bodyClassName = _ref.bodyClassName,
+    bodyClassName = _ref$bodyClassName === void 0 ? null : _ref$bodyClassName,
+    _ref$titleClassName = _ref.titleClassName,
+    titleClassName = _ref$titleClassName === void 0 ? null : _ref$titleClassName;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(['card', styles$f.container, _defineProperty({}, className, className !== null)])
   }, typeof thumbnail === 'string' ? /*#__PURE__*/React.createElement("img", {
@@ -2539,641 +1987,22 @@ var Media = function Media(_ref) {
   }, title !== null ? /*#__PURE__*/React.createElement("h5", {
     className: classNames(['mt-0', 'text-truncate', styles$f.title, _defineProperty({}, titleClassName, titleClassName !== null)])
   }, /*#__PURE__*/React.createElement(Label, null, title)) : null, children) : null);
-};
-Media.propTypes = propTypes$e;
-Media.defaultProps = defaultProps$e;
-
-/**
- * Core
- */
-PropTypes.shape({
-  listen: PropTypes.func.isRequired,
-  push: PropTypes.func.isRequired
-});
-PropTypes.shape({
-  pathname: PropTypes.string,
-  search: PropTypes.string
-});
-PropTypes.shape({
-  locale: PropTypes.string.isRequired,
-  formatMessage: PropTypes.func.isRequired
-});
-var defaultMessageContent = PropTypes.shape({
-  type: PropTypes.number,
-  value: PropTypes.string
-});
-var defaultMessage = PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(defaultMessageContent)]);
-var message = PropTypes.shape({
-  id: PropTypes.string,
-  defaultMessage: defaultMessage.isRequired,
-  description: PropTypes.string
-});
-var text = PropTypes.oneOfType([message, PropTypes.string]);
-var label = PropTypes.oneOfType([message, PropTypes.node]);
-PropTypes.oneOf([401, 403, 404, 500]);
-PropTypes.oneOfType([PropTypes.shape({
-  current: PropTypes.any // eslint-disable-line react/forbid-prop-types
-}), PropTypes.func]);
-var target = PropTypes.oneOf(['_blank', '_self', '_parent']);
-var interaction = PropTypes.oneOf(['tap', 'swipe']);
-PropTypes.arrayOf(interaction);
-PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]));
-PropTypes.shape({
-  currentTime: PropTypes.number,
-  duration: PropTypes.number
-});
-
-/**
- * Site
- */
-PropTypes.shape({
-  id: PropTypes.number,
-  firstname: PropTypes.string,
-  lastname: PropTypes.string,
-  email: PropTypes.string,
-  gender: PropTypes.string,
-  birthdate: PropTypes.string
-});
-var menuItem = PropTypes.shape({
-  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  label: label,
-  url: PropTypes.string,
-  external: PropTypes.bool,
-  active: PropTypes.bool
-});
-PropTypes.arrayOf(menuItem);
-var breadcrumb = PropTypes.shape({
-  label: label,
-  url: PropTypes.string
-});
-PropTypes.arrayOf(breadcrumb);
-var device = PropTypes.shape({
-  id: PropTypes.string.isRequired
-});
-PropTypes.arrayOf(device);
-var modal = PropTypes.shape({
-  id: PropTypes.string.isRequired
-});
-PropTypes.arrayOf(modal);
-var panel = PropTypes.shape({
-  id: PropTypes.string.isRequired
-});
-PropTypes.arrayOf(panel);
-var button = PropTypes.shape({
-  label: label,
-  onClick: PropTypes.func
-});
-PropTypes.arrayOf(button);
-var bootstrapThemeStrings = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark'];
-PropTypes.oneOf(bootstrapThemeStrings);
-PropTypes.oneOf([].concat(bootstrapThemeStrings, ['outline-primary', 'outline-secondary', 'outline-success', 'outline-danger', 'outline-warning', 'outline-info', 'outline-light', 'outline-dark', 'outline-link', null]));
-PropTypes.oneOf(['lg', 'sm', null]);
-PropTypes.oneOf(['lg', 'sm', null]);
-PropTypes.oneOf(['start', 'end']);
-var component = PropTypes.oneOfType([PropTypes.object, PropTypes.func]);
-PropTypes.objectOf(component);
-
-/**
- * Forms
- */
-var errors = PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]);
-PropTypes.objectOf(errors);
-var selectOption = PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
-  value: PropTypes.any,
-  // eslint-disable-line
-  label: label
-})]);
-PropTypes.arrayOf(selectOption);
-var formField = PropTypes.shape({
-  name: PropTypes.string,
-  component: component
-});
-PropTypes.arrayOf(formField);
-
-/**
- * Medias
- */
-var mediaMetadataShape = {
-  filename: PropTypes.string,
-  size: PropTypes.number,
-  mime: PropTypes.string
-};
-var mediaFile = PropTypes.shape({
-  id: PropTypes.string,
-  handle: PropTypes.string,
-  type: PropTypes.string,
-  mime: PropTypes.string,
-  url: PropTypes.string
-});
-var mediaShape = {
-  id: PropTypes.string,
-  type: PropTypes.string.isRequired,
-  url: PropTypes.string,
-  // .isRequired,
-  thumbnail_url: PropTypes.string,
-  name: PropTypes.string,
-  metadata: PropTypes.shape(_objectSpread({}, mediaMetadataShape)),
-  files: PropTypes.objectOf(mediaFile)
-};
-var media = PropTypes.shape(mediaShape);
-PropTypes.arrayOf(media);
-PropTypes.oneOf(['image', 'video', 'audio', 'closed-captions', 'font']);
-var imageMedia = PropTypes.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
-  type: PropTypes.oneOf(['image', 'video']),
-  metadata: PropTypes.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
-    width: PropTypes.number,
-    height: PropTypes.number
-  }))
-}));
-PropTypes.arrayOf(imageMedia);
-var fontMedia = PropTypes.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
-  type: PropTypes.oneOf(['font']),
-  metadata: PropTypes.shape(_objectSpread({}, mediaMetadataShape))
-}));
-PropTypes.arrayOf(fontMedia);
-var videoMedia = PropTypes.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
-  type: PropTypes.oneOf(['video']),
-  metadata: PropTypes.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
-    width: PropTypes.number,
-    height: PropTypes.number,
-    duration: PropTypes.number
-  }))
-}));
-PropTypes.arrayOf(videoMedia);
-var audioMedia = PropTypes.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
-  type: PropTypes.oneOf(['audio']),
-  metadata: PropTypes.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
-    duration: PropTypes.number
-  }))
-}));
-PropTypes.arrayOf(audioMedia);
-var closedCaptionsMedia = PropTypes.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
-  type: PropTypes.oneOf(['closed-captions'])
-}));
-
-/**
- * Style
- */
-
-PropTypes.shape({
-  type: PropTypes.oneOf(['system', 'google', 'custom']),
-  name: PropTypes.string,
-  media: fontMedia
-});
-var font = PropTypes.oneOfType([PropTypes.object, PropTypes.string]);
-PropTypes.arrayOf(font);
-var textAlign = PropTypes.oneOf(['left', 'right', 'center']);
-var colorObject = PropTypes.shape({
-  color: PropTypes.string,
-  alpha: PropTypes.number
-});
-var color = PropTypes.oneOfType([colorObject, PropTypes.string]);
-var textStyle = PropTypes.shape({
-  fontFamily: font,
-  fontSize: PropTypes.number,
-  fontStyle: PropTypes.shape({
-    bold: PropTypes.bool,
-    italic: PropTypes.bool,
-    underline: PropTypes.bool,
-    upperCase: PropTypes.bool
-  }),
-  align: textAlign,
-  color: color,
-  letterSpacing: PropTypes.number,
-  lineHeight: PropTypes.number
-});
-var borderTypes = PropTypes.oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
-var shadowType = PropTypes.shape({
-  shadowDistance: PropTypes.number,
-  shadowBlur: PropTypes.number,
-  shadowColor: color
-});
-PropTypes.shape({
-  width: PropTypes.number,
-  style: borderTypes,
-  radius: PropTypes.number,
-  color: color
-});
-var boxStyle = PropTypes.shape({
-  backgroundColor: color,
-  borderRadius: PropTypes.number,
-  borderWidth: PropTypes.number,
-  borderColor: color,
-  borderStyle: borderTypes,
-  shadow: shadowType
-});
-PropTypes.shape({
-  top: PropTypes.number,
-  bottom: PropTypes.number
-});
-PropTypes.arrayOf(PropTypes.shape({
-  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),
-  columns: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])
-}));
-var objectFitSize = PropTypes.oneOf(['cover', 'contain', null]);
-PropTypes.shape({
-  fit: objectFitSize,
-  horizontalPosition: PropTypes.oneOf(['left', 'center', 'right']),
-  verticalPosition: PropTypes.oneOf(['top', 'center', 'bottom'])
-});
-
-/**
- * Elements
- */
-
-var textElement = PropTypes.shape({
-  body: PropTypes.string,
-  textStyle: textStyle
-});
-var headingElement = textElement;
-PropTypes.shape({
-  label: PropTypes.string,
-  textStyle: textStyle
-});
-var imageElement = PropTypes.shape({
-  media: imageMedia
-});
-PropTypes.arrayOf(imageElement);
-PropTypes.shape({
-  media: videoMedia,
-  autoPlay: PropTypes.bool,
-  loop: PropTypes.bool,
-  closedCaptions: closedCaptionsMedia,
-  withSeekBar: PropTypes.bool,
-  withControls: PropTypes.bool
-});
-var visualElement = PropTypes.shape({
-  media: imageMedia
-});
-PropTypes.arrayOf(visualElement);
-var audioElement = PropTypes.shape({
-  media: audioMedia,
-  autoPlay: PropTypes.bool,
-  loop: PropTypes.bool,
-  closedCaptions: closedCaptionsMedia,
-  withPlayPause: PropTypes.bool
-});
-PropTypes.shape({
-  media: closedCaptionsMedia
-});
-var backgroundElement = PropTypes.shape({
-  color: color,
-  image: imageMedia,
-  video: videoMedia
-});
-var imageElementWithCaption = PropTypes.shape({
-  image: imageMedia,
-  caption: textElement
-});
-PropTypes.arrayOf(imageElementWithCaption);
-var stackDirection = PropTypes.oneOf(['horizontal', 'vertical']);
-var stackAlign = PropTypes.oneOf(['start', 'center', 'end']);
-var stackSpacing = PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf(['between', 'evenly', 'around'])]);
-PropTypes.shape({
-  direction: stackDirection,
-  align: stackAlign,
-  width: PropTypes.number,
-  height: PropTypes.number,
-  spacing: stackSpacing,
-  reverse: PropTypes.bool
-});
-PropTypes.shape({
-  layout: PropTypes.arrayOf(PropTypes.string),
-  spacing: PropTypes.number
-});
-var geoPosition = PropTypes.shape({
-  lat: PropTypes.number,
-  lng: PropTypes.number
-});
-var markerShape = {
-  id: PropTypes.number,
-  geoPosition: geoPosition,
-  title: headingElement,
-  subtitle: headingElement,
-  description: textElement
-};
-var marker = PropTypes.shape(_objectSpread({}, markerShape));
-PropTypes.arrayOf(marker);
-var markerWithImage = PropTypes.shape(_objectSpread(_objectSpread({}, markerShape), {}, {
-  image: imageMedia
-}));
-PropTypes.arrayOf(markerWithImage);
-var answerShape = {
-  id: PropTypes.string,
-  label: textElement
-};
-var answer = PropTypes.shape(_objectSpread({}, answerShape));
-var quizAnswer = PropTypes.shape(_objectSpread(_objectSpread({}, answerShape), {}, {
-  good: PropTypes.bool
-}));
-PropTypes.arrayOf(answer);
-PropTypes.arrayOf(quizAnswer);
-var callToActionTypes = PropTypes.oneOf(['swipe-up', 'button']);
-var callToAction = PropTypes.shape({
-  active: PropTypes.bool,
-  type: callToActionTypes,
-  url: PropTypes.string,
-  label: textElement,
-  buttonStyle: boxStyle
-});
-PropTypes.shape({
-  active: PropTypes.bool,
-  label: textElement,
-  boxStyle: boxStyle
-});
-PropTypes.shape({
-  active: PropTypes.bool
-});
-var speaker = PropTypes.shape({
-  id: PropTypes.string,
-  name: PropTypes.string,
-  avatar: imageMedia,
-  side: PropTypes.oneOf(['left', 'right']),
-  color: color
-});
-var speakers = PropTypes.arrayOf(speaker);
-var conversationMessage = PropTypes.shape({
-  speaker: PropTypes.string,
-  message: PropTypes.string,
-  image: imageMedia,
-  audio: audioMedia,
-  timingOverrides: PropTypes.shape({
-    enabled: PropTypes.bool,
-    appearDelay: PropTypes.number,
-    writingStateDuration: PropTypes.number
-  })
-});
-var conversationMessages = PropTypes.arrayOf(conversationMessage);
-PropTypes.shape({
-  speakers: speakers,
-  textStyle: textStyle,
-  messages: conversationMessages
-});
-PropTypes.shape({
-  audio: audioElement
-});
-
-/**
- * Definitions
- */
-
-var fieldShape = {
-  name: PropTypes.string,
-  type: PropTypes.string.isRequired,
-  label: text
-};
-var field = PropTypes.shape(_objectSpread(_objectSpread({}, fieldShape), {}, {
-  isSection: PropTypes.bool,
-  fields: PropTypes.arrayOf(PropTypes.shape(fieldShape))
-}));
-var fields = PropTypes.arrayOf(field);
-var screenDefinition = PropTypes.shape({
-  id: PropTypes.string.isRequired,
-  type: PropTypes.oneOf(['screen']).isRequired,
-  title: text.isRequired,
-  layouts: PropTypes.arrayOf(PropTypes.string),
-  fields: fields
-});
-PropTypes.arrayOf(screenDefinition);
-var fieldDefinition = PropTypes.shape({
-  id: PropTypes.string.isRequired,
-  type: PropTypes.oneOf(['field']).isRequired,
-  title: text.isRequired,
-  fields: fields
-});
-PropTypes.arrayOf(fieldDefinition);
-
-/**
- * Components
- */
-var storyComponentShape = {
-  type: PropTypes.string.isRequired
-};
-var storyComponent = PropTypes.shape(_objectSpread({}, storyComponentShape));
-PropTypes.arrayOf(storyComponent);
-var screenComponent = PropTypes.shape(_objectSpread({}, storyComponentShape));
-var screenComponents = PropTypes.arrayOf(screenComponent);
-
-/**
- * Theme
- */
-var theme = PropTypes.shape({
-  id: PropTypes.string,
-  textStyles: PropTypes.objectOf(textStyle),
-  // renamed to textstyles
-  background: backgroundElement,
-  colors: PropTypes.objectOf(color),
-  components: screenComponents
-});
-PropTypes.shape(_objectSpread({
-  logo: imageMedia
-}, theme));
-
-/**
- * Branding
- */
-
-// export const branding = PropTypes.shape({
-//     logo: imageMedia,
-//     primaryColor: color,
-//     secondaryColor: color,
-//     backgroundColor: color,
-//     textStyle,
-// });
-
-/**
- * Metadata
- */
-var metadata = PropTypes.shape({
-  description: PropTypes.string,
-  shareUrl: PropTypes.string,
-  shareImage: imageMedia,
-  favIcon: imageMedia
-});
-var tag = PropTypes.shape({
-  label: PropTypes.string,
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-});
-PropTypes.arrayOf(tag);
-
-/**
- * Story
- */
-PropTypes.shape({
-  id: PropTypes.string,
-  theme: theme,
-  components: screenComponents,
-  metadata: metadata
-});
-
-/**
- * Render
- */
-var deviceScreen = PropTypes.shape({
-  name: PropTypes.string.isRequired,
-  mediaQuery: PropTypes.string
-});
-PropTypes.arrayOf(deviceScreen);
-PropTypes.shape({
-  screen: PropTypes.string,
-  screens: PropTypes.arrayOf(PropTypes.string),
-  width: PropTypes.number,
-  height: PropTypes.number,
-  landscape: PropTypes.bool
-});
-PropTypes.oneOf(['view', 'placeholder', 'edit', 'preview', 'static', 'capture']);
-
-/**
- * Screens
- */
-
-PropTypes.shape({
-  width: PropTypes.number,
-  height: PropTypes.number
-});
-PropTypes.shape({
-  width: PropTypes.number,
-  height: PropTypes.number,
-  url: PropTypes.string,
-  target: target,
-  iframe: PropTypes.string,
-  image: imageMedia
-});
-PropTypes.shape({
-  src: PropTypes.string,
-  track: PropTypes.string,
-  trackLng: PropTypes.number,
-  controls: PropTypes.bool
-});
-var slide = PropTypes.shape({
-  image: imageMedia,
-  text: PropTypes.string
-});
-PropTypes.arrayOf(slide);
-
-// export const imageStyle = PropTypes.shape({
-//     alt: PropTypes.string,
-//     fit: PropTypes.object,
-// });
-
-PropTypes.shape({});
-
-/**
- * Transitions
- */
-
-var transitionName = PropTypes.oneOf(['fade', 'scale', 'slide']);
-var transitionParams = {
-  duration: PropTypes.number,
-  easing: PropTypes.oneOf(['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear'])
-};
-var transition = PropTypes.oneOfType([transitionName.isRequired, PropTypes.shape(_objectSpread({
-  name: transitionName.isRequired
-}, transitionParams))]);
-PropTypes.shape({
-  "in": transition,
-  out: transition
-});
-
-/**
- * Search
- */
-
-var searchFilter = PropTypes.shape({
-  type: PropTypes.string,
-  value: PropTypes.oneOf([PropTypes.string, PropTypes.number])
-});
-PropTypes.arrayOf(searchFilter);
-
-/**
- * Payments
- */
-
-var paymentItem = PropTypes.shape({
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  date: PropTypes.string,
-  type: PropTypes.string,
-  invoice_link: PropTypes.string,
-  amount: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-});
-PropTypes.arrayOf(paymentItem);
-
-/**
- * Page Metadada
- */
-
-var pageMetadata = PropTypes.shape({
-  canonical: PropTypes.string,
-  description: PropTypes.string,
-  keywords: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-  image: PropTypes.shape({
-    url: PropTypes.string
-  }),
-  favicon: PropTypes.shape({
-    url: PropTypes.string
-  }),
-  rssUrl: PropTypes.string,
-  atomUrl: PropTypes.string,
-  microformats: PropTypes.arrayOf(PropTypes.shape({}))
-});
-PropTypes.shape({
-  name: textElement,
-  avatar: PropTypes.shape({
-    url: PropTypes.string
-  })
-});
-PropTypes.shape({
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  name: PropTypes.string
-});
-var badge = PropTypes.shape({
-  label: textElement,
-  buttonStyle: boxStyle
-});
-PropTypes.shape({
-  active: PropTypes.bool,
-  placeholder: textElement,
-  textStyle: textStyle,
-  boxStyle: boxStyle
-});
-PropTypes.shape({
-  badge: badge
-});
-PropTypes.shape({
-  callToAction: callToAction
-});
-PropTypes.shape();
-PropTypes.shape({
-  file: closedCaptionsMedia,
-  textStyle: textStyle,
-  boxStyle: boxStyle
-});
-PropTypes.oneOf(['label-bottom', 'label-top', 'no-label', 'label-over', 'label-left', 'label-right']);
+}
 
 /* eslint-disable react/no-array-index-key */
-var propTypes$d = {
-  title: PropTypes.string,
-  url: PropTypes.string,
-  metadata: pageMetadata,
-  fullTitle: PropTypes.string,
-  suffix: PropTypes.string,
-  children: PropTypes.node
-};
-var defaultProps$d = {
-  title: null,
-  url: null,
-  metadata: null,
-  fullTitle: null,
-  suffix: 'Micromag',
-  children: null
-};
-var Meta = function Meta(_ref) {
-  var title = _ref.title,
-    url = _ref.url,
-    metadata = _ref.metadata,
-    fullTitle = _ref.fullTitle,
-    suffix = _ref.suffix,
-    children = _ref.children;
+function Meta(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$url = _ref.url,
+    url = _ref$url === void 0 ? null : _ref$url,
+    _ref$metadata = _ref.metadata,
+    metadata = _ref$metadata === void 0 ? null : _ref$metadata,
+    _ref$fullTitle = _ref.fullTitle,
+    fullTitle = _ref$fullTitle === void 0 ? null : _ref$fullTitle,
+    _ref$suffix = _ref.suffix,
+    suffix = _ref$suffix === void 0 ? 'Micromag' : _ref$suffix,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children;
   var _ref2 = metadata || {},
     _ref2$canonical = _ref2.canonical,
     canonical = _ref2$canonical === void 0 ? null : _ref2$canonical,
@@ -3274,38 +2103,25 @@ var Meta = function Meta(_ref) {
       key: "microformat-".concat(it["@type"], "-").concat(it.identifier)
     }, JSON.stringify(it));
   }), children);
-};
-Meta.propTypes = propTypes$d;
-Meta.defaultProps = defaultProps$d;
-
-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 propTypes$c = {
-  items: PropTypes.arrayOf(PropTypes.node),
-  auto: PropTypes.bool,
-  delay: PropTypes.number,
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  className: PropTypes.string,
-  children: PropTypes.node
-};
-var defaultProps$c = {
-  items: [],
-  auto: true,
-  delay: 5000,
-  width: null,
-  height: null,
-  className: null,
-  children: null
-};
-var Slideshow = function Slideshow(_ref) {
-  var items = _ref.items,
-    auto = _ref.auto,
-    delay = _ref.delay,
-    width = _ref.width,
-    height = _ref.height,
-    className = _ref.className,
-    children = _ref.children;
+var styles$e = {"container":"container","items":"items","item":"item","prev":"prev","current":"current","next":"next"};
+
+function Slideshow(_ref) {
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$auto = _ref.auto,
+    auto = _ref$auto === void 0 ? true : _ref$auto,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? 5000 : _ref$delay,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? null : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? null : _ref$height,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children;
   var _useState = React.useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     index = _useState2[0],
@@ -3342,14 +2158,12 @@ var Slideshow = function Slideshow(_ref) {
       className: classNames([styles$e.item, _defineProperty(_defineProperty(_defineProperty({}, styles$e.prev, i < index), styles$e.current, i === index), styles$e.next, i > index)])
     }, it);
   })), children);
-};
-Slideshow.propTypes = propTypes$c;
-Slideshow.defaultProps = defaultProps$c;
+}
 
-var styles$d = {"icon":"micromag-core-placeholders-icon"};
+var styles$d = {"icon":"icon"};
 
 /* eslint-disable react/prop-types */
-var AdFrame = function AdFrame(_ref) {
+function AdFrame(_ref) {
   var width = _ref.width,
     height = _ref.height,
     className = _ref.className;
@@ -3361,10 +2175,10 @@ var AdFrame = function AdFrame(_ref) {
     icon: faAd.faAd,
     className: styles$d.icon
   }));
-};
+}
 
 /* eslint-disable react/prop-types */
-var AdImage = function AdImage(_ref) {
+function AdImage(_ref) {
   var width = _ref.width,
     height = _ref.height,
     className = _ref.className;
@@ -3376,10 +2190,10 @@ var AdImage = function AdImage(_ref) {
     icon: faImage.faImage,
     className: styles$d.icon
   }));
-};
+}
 
 /* eslint-disable react/destructuring-assignment, react/prop-types */
-var Audio = function Audio(_ref) {
+function Audio(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? '100%' : _ref$width,
     _ref$height = _ref.height,
@@ -3393,36 +2207,25 @@ var Audio = function Audio(_ref) {
     icon: faMusic.faMusic,
     className: styles$d.icon
   }));
-};
+}
 
-var styles$c = {"container":"micromag-core-partials-placeholder-text-container","withInvertedColors":"micromag-core-partials-placeholder-text-withInvertedColors","line":"micromag-core-partials-placeholder-text-line"};
+var styles$c = {"container":"container","withInvertedColors":"withInvertedColors","line":"line"};
 
-var propTypes$b = {
-  lines: PropTypes.number,
-  lineMargin: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  fontSize: PropTypes.number,
-  className: PropTypes.string,
-  withInvertedColors: PropTypes.bool
-};
-var defaultProps$b = {
-  lines: 1,
-  lineMargin: 1,
-  width: '100%',
-  height: null,
-  fontSize: 16,
-  className: null,
-  withInvertedColors: true
-};
-var PlaceholderText = function PlaceholderText(_ref) {
-  var lines = _ref.lines,
-    lineMargin = _ref.lineMargin,
-    width = _ref.width,
-    height = _ref.height,
-    fontSize = _ref.fontSize,
-    className = _ref.className,
-    withInvertedColors = _ref.withInvertedColors;
+function PlaceholderText(_ref) {
+  var _ref$lines = _ref.lines,
+    lines = _ref$lines === void 0 ? 1 : _ref$lines,
+    _ref$lineMargin = _ref.lineMargin,
+    lineMargin = _ref$lineMargin === void 0 ? 1 : _ref$lineMargin,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '100%' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? null : _ref$height,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? 16 : _ref$fontSize,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$withInvertedColo = _ref.withInvertedColors,
+    withInvertedColors = _ref$withInvertedColo === void 0 ? true : _ref$withInvertedColo;
   var lineHeight = height !== null && isNumber(height) ? "".concat(Math.round(height * fontSize), "px") : height;
   var oddWidth = isNumber(width) ? width * 0.9 : '80%';
   return /*#__PURE__*/React.createElement("div", {
@@ -3439,12 +2242,10 @@ var PlaceholderText = function PlaceholderText(_ref) {
       }
     });
   }));
-};
-PlaceholderText.propTypes = propTypes$b;
-PlaceholderText.defaultProps = defaultProps$b;
+}
 
 /* eslint-disable react/destructuring-assignment, react/prop-types */
-var Button = function Button(_ref) {
+function Button(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? '75%' : _ref$width,
     _ref$height = _ref.height,
@@ -3459,10 +2260,10 @@ var Button = function Button(_ref) {
     line: 1,
     height: "0.1em"
   }));
-};
+}
 
 var _excluded$2 = ["width", "height", "className"];
-var Image = function Image(_ref) {
+function Image(_ref) {
   var width = _ref.width,
     height = _ref.height,
     className = _ref.className,
@@ -3475,20 +2276,20 @@ var Image = function Image(_ref) {
     icon: faImage.faImage,
     className: styles$d.icon
   }));
-};
+}
 
 /* eslint-disable react/jsx-props-no-spreading, react/destructuring-assignment, react/prop-types */
-var Line = function Line(props) {
+function Line(props) {
   return /*#__PURE__*/React.createElement(PlaceholderText, Object.assign({}, props, {
     className: classNames([props.className, styles$d.shortText]),
     height: 0.2,
     lines: 1
   }));
-};
+}
 
-var styles$b = {"container":"micromag-core-placeholders-map-container","icon":"micromag-core-placeholders-map-icon"};
+var styles$b = {"container":"container","icon":"icon"};
 
-var Map = function Map(props) {
+function Map(props) {
   return /*#__PURE__*/React.createElement(PlaceholderBlock, Object.assign({}, props, {
     width: "100%",
     height: "100%",
@@ -3506,10 +2307,10 @@ var Map = function Map(props) {
     icon: props.withImages ? faImage.faImage : faMapMarkerAlt.faMapMarkerAlt,
     className: styles$b.icon
   }));
-};
+}
 
 /* eslint-disable react/jsx-props-no-spreading, react/destructuring-assignment, react/prop-types */
-var MapPath = function MapPath(props) {
+function MapPath(props) {
   return /*#__PURE__*/React.createElement(PlaceholderBlock, Object.assign({}, props, {
     width: "100%",
     height: "70%",
@@ -3519,37 +2320,37 @@ var MapPath = function MapPath(props) {
     size: "lg",
     className: styles$d.icon
   }));
-};
+}
 
 /* eslint-disable react/jsx-props-no-spreading, react/destructuring-assignment, react/prop-types */
-var Quote = function Quote(props) {
+function Quote(props) {
   return /*#__PURE__*/React.createElement(PlaceholderText, Object.assign({}, props, {
     className: classNames([props.className, styles$d.subtitle]),
     height: 0.5,
     lines: 6
   }));
-};
+}
 
 /* eslint-disable react/jsx-props-no-spreading, react/destructuring-assignment, react/prop-types */
-var ShortText = function ShortText(props) {
+function ShortText(props) {
   return /*#__PURE__*/React.createElement(PlaceholderText, Object.assign({}, props, {
     className: classNames([props.className, styles$d.shortText]),
     height: 0.2,
     lines: 2
   }));
-};
+}
 
 /* eslint-disable react/jsx-props-no-spreading, react/destructuring-assignment, react/prop-types */
-var Subtitle = function Subtitle(props) {
+function Subtitle(props) {
   return /*#__PURE__*/React.createElement(PlaceholderText, Object.assign({}, props, {
     className: classNames([props.className, styles$d.subtitle]),
     height: 0.3,
     lines: 1
   }));
-};
+}
 
 /* eslint-disable react/jsx-props-no-spreading, react/destructuring-assignment, react/prop-types */
-var TextPlaceholder = function TextPlaceholder(props) {
+function TextPlaceholder(props) {
   var _props$className = props.className,
     className = _props$className === void 0 ? null : _props$className,
     _props$height = props.height,
@@ -3564,17 +2365,17 @@ var TextPlaceholder = function TextPlaceholder(props) {
     lineMargin: lineMargin,
     className: classNames([className, styles$d.text])
   }));
-};
+}
 
 /* eslint-disable react/jsx-props-no-spreading, react/destructuring-assignment, react/prop-types */
-var Timeline = function Timeline(props) {
+function Timeline(props) {
   return /*#__PURE__*/React.createElement(PlaceholderText, Object.assign({}, props, {
     className: classNames([props.className, styles$d.timeline])
   }));
-};
+}
 
 /* eslint-disable react/jsx-props-no-spreading, react/destructuring-assignment, react/prop-types */
-var Title$1 = function Title(props) {
+function Title$1(props) {
   var _props$height = props.height,
     height = _props$height === void 0 ? 0.5 : _props$height,
     _props$lines = props.lines,
@@ -3587,10 +2388,10 @@ var Title$1 = function Title(props) {
     lines: lines,
     lineMargin: lineMargin
   }));
-};
+}
 
 /* eslint-disable react/prop-types */
-var Video = function Video(_ref) {
+function Video(_ref) {
   var width = _ref.width,
     height = _ref.height,
     className = _ref.className;
@@ -3602,11 +2403,11 @@ var Video = function Video(_ref) {
     icon: faVideo.faVideo,
     className: styles$d.icon
   }));
-};
+}
 
-var styles$a = {"container":"micromag-core-placeholders-video-360-container","box":"micromag-core-placeholders-video-360-box","icon":"micromag-core-placeholders-video-360-icon","label":"micromag-core-placeholders-video-360-label"};
+var styles$a = {"container":"container","box":"box","icon":"icon","label":"label"};
 
-var Video360 = function Video360(_ref) {
+function Video360(_ref) {
   var width = _ref.width,
     height = _ref.height,
     className = _ref.className;
@@ -3621,10 +2422,10 @@ var Video360 = function Video360(_ref) {
   }), /*#__PURE__*/React.createElement("div", {
     className: styles$a.label
   }, "360"));
-};
+}
 
 /* eslint-disable react/prop-types */
-var VideoLoop = function VideoLoop(_ref) {
+function VideoLoop(_ref) {
   var width = _ref.width,
     height = _ref.height,
     className = _ref.className;
@@ -3639,34 +2440,23 @@ var VideoLoop = function VideoLoop(_ref) {
     icon: faRedo.faRedo,
     className: styles$d.icon
   }));
-};
+}
 
-var styles$9 = {"container":"micromag-core-screens-screen-sizer-container","frame":"micromag-core-screens-screen-sizer-frame","screen":"micromag-core-screens-screen-sizer-screen"};
+var styles$9 = {"container":"container","frame":"frame","screen":"screen"};
 
-var propTypes$a = {
-  width: PropTypes.number,
-  height: PropTypes.number,
-  fit: PropTypes.oneOf([null, 'cover', 'contain']),
-  screenWidth: PropTypes.number,
-  screenHeight: PropTypes.number,
-  className: PropTypes.string,
-  children: PropTypes.node.isRequired
-};
-var defaultProps$a = {
-  width: null,
-  height: null,
-  fit: null,
-  screenWidth: 320,
-  screenHeight: 480,
-  className: null
-};
-var ScreenSizer = function ScreenSizer(_ref) {
-  var width = _ref.width,
-    height = _ref.height,
-    fit = _ref.fit,
-    screenWidth = _ref.screenWidth,
-    screenHeight = _ref.screenHeight,
-    className = _ref.className,
+function ScreenSizer(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? null : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? null : _ref$height,
+    _ref$fit = _ref.fit,
+    fit = _ref$fit === void 0 ? null : _ref$fit,
+    _ref$screenWidth = _ref.screenWidth,
+    screenWidth = _ref$screenWidth === void 0 ? 320 : _ref$screenWidth,
+    _ref$screenHeight = _ref.screenHeight,
+    screenHeight = _ref$screenHeight === void 0 ? 480 : _ref$screenHeight,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
     children = _ref.children;
   var hasSize = width !== null || height !== null;
   //
@@ -3750,49 +2540,32 @@ var ScreenSizer = function ScreenSizer(_ref) {
     width: screenWidth,
     height: screenHeight
   })))) : null);
-};
-ScreenSizer.propTypes = propTypes$a;
-ScreenSizer.defaultProps = defaultProps$a;
+}
 
-var styles$8 = {"container":"micromag-core-screens-screen-container"};
+var styles$8 = {"container":"container"};
 
-var propTypes$9 = {
-  screen: core.PropTypes.storyComponent.isRequired,
-  renderContext: core.PropTypes.renderContext,
-  screenState: PropTypes.string,
-  index: PropTypes.number,
-  active: PropTypes.bool,
-  preload: PropTypes.bool,
-  current: PropTypes.bool,
-  component: PropTypes.node,
-  components: core.PropTypes.components,
-  className: PropTypes.string,
-  mediaRef: PropTypes.func
-};
-var defaultProps$9 = {
-  active: true,
-  renderContext: null,
-  screenState: null,
-  index: null,
-  current: false,
-  preload: true,
-  component: null,
-  components: null,
-  className: null,
-  mediaRef: null
-};
-var Screen = function Screen(_ref) {
+function Screen(_ref) {
   var screen = _ref.screen,
-    renderContext = _ref.renderContext,
-    screenState = _ref.screenState,
-    index = _ref.index,
-    active = _ref.active,
-    current = _ref.current,
-    preload = _ref.preload,
-    components = _ref.components,
-    component = _ref.component,
-    className = _ref.className,
-    mediaRef = _ref.mediaRef;
+    _ref$renderContext = _ref.renderContext,
+    renderContext = _ref$renderContext === void 0 ? null : _ref$renderContext,
+    _ref$screenState = _ref.screenState,
+    screenState = _ref$screenState === void 0 ? null : _ref$screenState,
+    _ref$index = _ref.index,
+    index = _ref$index === void 0 ? null : _ref$index,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? true : _ref$active,
+    _ref$current = _ref.current,
+    current = _ref$current === void 0 ? false : _ref$current,
+    _ref$preload = _ref.preload,
+    preload = _ref$preload === void 0 ? true : _ref$preload,
+    _ref$components = _ref.components,
+    components = _ref$components === void 0 ? null : _ref$components,
+    _ref$component = _ref.component,
+    component = _ref$component === void 0 ? null : _ref$component,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$mediaRef = _ref.mediaRef,
+    mediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef;
   var _ref2 = screen || {},
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? null : _ref2$type;
@@ -3814,41 +2587,27 @@ var Screen = function Screen(_ref) {
   }))) : /*#__PURE__*/React.createElement("div", {
     className: className
   }, component));
-};
-Screen.propTypes = propTypes$9;
-Screen.defaultProps = defaultProps$9;
-var Screen$1 = /*#__PURE__*/React.memo(Screen);
+}
 
-var styles$7 = {"screen":"micromag-core-screens-screen-placeholder-screen"};
+var styles$7 = {"screen":"screen"};
 
 var _excluded$1 = ["screen", "layout", "screenWidth", "screenHeight", "screenState", "withSize", "className"];
-var propTypes$8 = {
-  screen: core.PropTypes.component.isRequired,
-  layout: PropTypes.string,
-  screenWidth: PropTypes.number,
-  screenHeight: PropTypes.number,
-  screenState: PropTypes.string,
-  withSize: PropTypes.bool,
-  className: PropTypes.string
-};
-var defaultProps$8 = {
-  layout: undefined,
-  screenState: null,
-  screenWidth: 100,
-  screenHeight: 150,
-  withSize: false,
-  className: null
-};
-var ScreenPlaceholder = function ScreenPlaceholder(_ref) {
+function ScreenPlaceholder(_ref) {
   var screen = _ref.screen,
-    layout = _ref.layout,
-    screenWidth = _ref.screenWidth,
-    screenHeight = _ref.screenHeight,
-    screenState = _ref.screenState,
-    withSize = _ref.withSize,
-    className = _ref.className,
+    _ref$layout = _ref.layout,
+    layout = _ref$layout === void 0 ? undefined : _ref$layout,
+    _ref$screenWidth = _ref.screenWidth,
+    screenWidth = _ref$screenWidth === void 0 ? 100 : _ref$screenWidth,
+    _ref$screenHeight = _ref.screenHeight,
+    screenHeight = _ref$screenHeight === void 0 ? 150 : _ref$screenHeight,
+    _ref$screenState = _ref.screenState,
+    screenState = _ref$screenState === void 0 ? null : _ref$screenState,
+    _ref$withSize = _ref.withSize,
+    withSize = _ref$withSize === void 0 ? false : _ref$withSize,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$1);
-  var screenElement = /*#__PURE__*/React.createElement(Screen$1, Object.assign({
+  var screenElement = /*#__PURE__*/React.createElement(Screen, Object.assign({
     screen: screen,
     renderContext: "placeholder",
     screenState: screenState,
@@ -3860,48 +2619,32 @@ var ScreenPlaceholder = function ScreenPlaceholder(_ref) {
     screenWidth: screenWidth,
     screenHeight: screenHeight
   }, screenElement) : screenElement;
-};
-ScreenPlaceholder.propTypes = propTypes$8;
-ScreenPlaceholder.defaultProps = defaultProps$8;
-var Placeholder = /*#__PURE__*/React.memo(ScreenPlaceholder);
+}
 
-var styles$6 = {"screen":"micromag-core-screens-preview-screen"};
+var styles$6 = {"screen":"screen"};
 
 var _excluded = ["screen", "screenState", "width", "height", "screenWidth", "screenHeight", "className", "withSize", "fit", "hidden"];
-var propTypes$7 = {
-  screen: core.PropTypes.component.isRequired,
-  screenState: PropTypes.string,
-  width: PropTypes.number,
-  height: PropTypes.number,
-  screenWidth: PropTypes.number,
-  screenHeight: PropTypes.number,
-  className: PropTypes.string,
-  withSize: PropTypes.bool,
-  hidden: PropTypes.bool
-};
-var defaultProps$7 = {
-  screenState: null,
-  width: undefined,
-  height: undefined,
-  screenWidth: undefined,
-  screenHeight: undefined,
-  className: null,
-  withSize: false,
-  hidden: false
-};
-var ScreenPreview = function ScreenPreview(_ref) {
+function ScreenPreview(_ref) {
   var screen = _ref.screen,
-    screenState = _ref.screenState,
-    width = _ref.width,
-    height = _ref.height,
-    screenWidth = _ref.screenWidth,
-    screenHeight = _ref.screenHeight,
-    className = _ref.className,
-    withSize = _ref.withSize,
+    _ref$screenState = _ref.screenState,
+    screenState = _ref$screenState === void 0 ? null : _ref$screenState,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? undefined : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? undefined : _ref$height,
+    _ref$screenWidth = _ref.screenWidth,
+    screenWidth = _ref$screenWidth === void 0 ? undefined : _ref$screenWidth,
+    _ref$screenHeight = _ref.screenHeight,
+    screenHeight = _ref$screenHeight === void 0 ? undefined : _ref$screenHeight,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$withSize = _ref.withSize,
+    withSize = _ref$withSize === void 0 ? false : _ref$withSize,
     fit = _ref.fit,
-    hidden = _ref.hidden,
+    _ref$hidden = _ref.hidden,
+    hidden = _ref$hidden === void 0 ? false : _ref$hidden,
     props = _objectWithoutProperties(_ref, _excluded);
-  var screenElement = /*#__PURE__*/React.createElement(Screen$1, Object.assign({
+  var screenElement = /*#__PURE__*/React.createElement(Screen, Object.assign({
     screen: screen,
     renderContext: "preview",
     screenState: screenState,
@@ -3919,14 +2662,11 @@ var ScreenPreview = function ScreenPreview(_ref) {
     fit: fit
   }, element) : element;
   return screenWithSize;
-};
-ScreenPreview.propTypes = propTypes$7;
-ScreenPreview.defaultProps = defaultProps$7;
-var Preview = /*#__PURE__*/React.memo(ScreenPreview);
+}
 
-var styles$5 = {"container":"micromag-core-placeholders-conversation-container","icon":"micromag-core-placeholders-conversation-icon","message":"micromag-core-placeholders-conversation-message","placeholderMessage0":"micromag-core-placeholders-conversation-placeholderMessage0","placeholderMessage1":"micromag-core-placeholders-conversation-placeholderMessage1","placeholderMessage2":"micromag-core-placeholders-conversation-placeholderMessage2","placeholderMessage3":"micromag-core-placeholders-conversation-placeholderMessage3"};
+var styles$5 = {"container":"container","icon":"icon","message":"message","placeholderMessage0":"placeholderMessage0","placeholderMessage1":"placeholderMessage1","placeholderMessage2":"placeholderMessage2","placeholderMessage3":"placeholderMessage3"};
 
-var Conversation = function Conversation() {
+function Conversation() {
   return /*#__PURE__*/React.createElement("div", {
     className: styles$5.container
   }, _toConsumableArray(Array(4)).map(function (e, idx) {
@@ -3938,10 +2678,10 @@ var Conversation = function Conversation() {
     icon: faCommentDots.faCommentDots,
     className: styles$5.icon
   }));
-};
+}
 
 /* eslint-disable react/prop-types */
-var InputText = function InputText(_ref) {
+function InputText(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? '75%' : _ref$width,
     _ref$height = _ref.height,
@@ -3953,11 +2693,11 @@ var InputText = function InputText(_ref) {
     height: height,
     className: className
   });
-};
+}
 
-var styles$4 = {"container":"micromag-core-placeholders-quiz-answer-container","block":"micromag-core-placeholders-quiz-answer-block","answer":"micromag-core-placeholders-quiz-answer-answer","answerIcon":"micromag-core-placeholders-quiz-answer-answerIcon","good":"micromag-core-placeholders-quiz-answer-good"};
+var styles$4 = {"container":"container","block":"block","answer":"answer","answerIcon":"answerIcon","good":"good"};
 
-var Answer$1 = function Answer(_ref) {
+function Answer$1(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? '75%' : _ref$width,
     _ref$height = _ref.height,
@@ -3981,11 +2721,11 @@ var Answer$1 = function Answer(_ref) {
     line: 1,
     height: "0.2em"
   })));
-};
+}
 
-var styles$3 = {"container":"micromag-core-placeholders-share-options-container","box":"micromag-core-placeholders-share-options-box","icon":"micromag-core-placeholders-share-options-icon","item":"micromag-core-placeholders-share-options-item"};
+var styles$3 = {"container":"container","box":"box","icon":"icon","item":"item"};
 
-var Title = function Title(props) {
+function Title(props) {
   return /*#__PURE__*/React.createElement(PlaceholderBlock, Object.assign({}, props, {
     width: "100%",
     height: "100%",
@@ -4007,11 +2747,11 @@ var Title = function Title(props) {
     icon: faCircle.faCircle,
     className: styles$3.icon
   })));
-};
+}
 
-var styles$2 = {"container":"micromag-core-placeholders-survey-answer-container","block":"micromag-core-placeholders-survey-answer-block","percent":"micromag-core-placeholders-survey-answer-percent","percentIcon":"micromag-core-placeholders-survey-answer-percentIcon"};
+var styles$2 = {"container":"container","block":"block","percent":"percent","percentIcon":"percentIcon"};
 
-var Answer = function Answer(_ref) {
+function Answer(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? '75%' : _ref$width,
     _ref$height = _ref.height,
@@ -4033,7 +2773,7 @@ var Answer = function Answer(_ref) {
     className: styles$2.percentIcon,
     icon: faPercent.faPercent
   })));
-};
+}
 
 var Placeholders = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -4062,36 +2802,23 @@ var Placeholders = /*#__PURE__*/Object.freeze({
 });
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$6 = {
-  children: PropTypes.node,
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  preview: PropTypes.node,
-  empty: PropTypes.node,
-  emptyLabel: core.PropTypes.label,
-  isEmpty: PropTypes.bool,
-  placeholderProps: PropTypes.object,
-  // eslint-disable-line
-  emptyClassName: PropTypes.string
-};
-var defaultProps$6 = {
-  children: null,
-  placeholder: null,
-  preview: null,
-  empty: null,
-  emptyLabel: null,
-  isEmpty: false,
-  placeholderProps: null,
-  emptyClassName: null
-};
-var ScreenElement = function ScreenElement(_ref) {
-  var children = _ref.children,
-    placeholder = _ref.placeholder,
-    empty = _ref.empty,
-    emptyLabel = _ref.emptyLabel,
-    preview = _ref.preview,
-    isEmpty = _ref.isEmpty,
-    placeholderProps = _ref.placeholderProps,
-    emptyClassName = _ref.emptyClassName;
+function ScreenElement(_ref) {
+  var _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? null : _ref$placeholder,
+    _ref$empty = _ref.empty,
+    empty = _ref$empty === void 0 ? null : _ref$empty,
+    _ref$emptyLabel = _ref.emptyLabel,
+    emptyLabel = _ref$emptyLabel === void 0 ? null : _ref$emptyLabel,
+    _ref$preview = _ref.preview,
+    preview = _ref$preview === void 0 ? null : _ref$preview,
+    _ref$isEmpty = _ref.isEmpty,
+    isEmpty = _ref$isEmpty === void 0 ? false : _ref$isEmpty,
+    _ref$placeholderProps = _ref.placeholderProps,
+    placeholderProps = _ref$placeholderProps === void 0 ? null : _ref$placeholderProps,
+    _ref$emptyClassName = _ref.emptyClassName,
+    emptyClassName = _ref$emptyClassName === void 0 ? null : _ref$emptyClassName;
   var _useScreenRenderConte = contexts.useScreenRenderContext(),
     isPlaceholder = _useScreenRenderConte.isPlaceholder,
     isEdit = _useScreenRenderConte.isEdit,
@@ -4109,95 +2836,60 @@ var ScreenElement = function ScreenElement(_ref) {
     return preview;
   }
   return children;
-};
-ScreenElement.propTypes = propTypes$6;
-ScreenElement.defaultProps = defaultProps$6;
+}
 
-var styles$1 = {"container":"micromag-core-screens-container","screen":"micromag-core-screens-screen","visible":"micromag-core-screens-visible"};
+var styles$1 = {"container":"container","screen":"screen","visible":"visible"};
 
-var propTypes$5 = {
-  screens: core.PropTypes.storyComponents.isRequired,
-  screen: PropTypes.string,
-  className: PropTypes.string
-};
-var defaultProps$5 = {
-  screen: null,
-  className: null
-};
-var Screens = function Screens(_ref) {
+function Screens(_ref) {
   var screens = _ref.screens,
-    screenId = _ref.screen,
-    className = _ref.className;
+    _ref$screen = _ref.screen,
+    screenId = _ref$screen === void 0 ? null : _ref$screen,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$1.container, _defineProperty({}, className, className)])
   }, screens.map(function (screen) {
     var id = screen.id;
-    return /*#__PURE__*/React.createElement(Screen$1, {
+    return /*#__PURE__*/React.createElement(Screen, {
       key: "screen-".concat(id),
       screen: screen,
       className: classNames([styles$1.screen, _defineProperty({}, styles$1.visible, screenId === id)])
     });
   }));
-};
-Screens.propTypes = propTypes$5;
-Screens.defaultProps = defaultProps$5;
+}
 
-var styles = {"container":"micromag-core-transitions-transition-container","fullscreen":"micromag-core-transitions-transition-fullscreen"};
+var styles = {"container":"container","fullscreen":"fullscreen"};
 
-var propTypes$4 = {
-  fullscreen: PropTypes.bool,
-  from: PropTypes.objectOf(PropTypes.any),
-  // eslint-disable-line react/forbid-prop-types
-  to: PropTypes.objectOf(PropTypes.any),
-  // eslint-disable-line react/forbid-prop-types
-  playing: PropTypes.bool,
-  direction: PropTypes.oneOf(['in', 'out']),
-  delay: PropTypes.number,
-  reversible: PropTypes.bool,
-  duration: PropTypes.number,
-  easing: PropTypes.func,
-  config: PropTypes.shape({
-    mass: PropTypes.number,
-    friction: PropTypes.number,
-    tension: PropTypes.number
-  }),
-  children: PropTypes.node,
-  className: PropTypes.string,
-  onStart: PropTypes.func,
-  onComplete: PropTypes.func
-};
-var defaultProps$4 = {
-  fullscreen: false,
-  from: null,
-  to: null,
-  playing: false,
-  direction: null,
-  delay: 0,
-  reversible: true,
-  duration: undefined,
-  easing: undefined,
-  config: null,
-  children: null,
-  className: null,
-  onStart: null,
-  onComplete: null
-};
 function Transition(_ref) {
-  var fullscreen = _ref.fullscreen,
-    from = _ref.from,
-    to = _ref.to,
-    playing = _ref.playing,
-    direction = _ref.direction,
-    delay = _ref.delay,
-    reversible = _ref.reversible,
-    duration = _ref.duration,
-    easing = _ref.easing,
-    config = _ref.config,
-    children = _ref.children,
-    className = _ref.className,
-    onStart = _ref.onStart,
-    onComplete = _ref.onComplete;
-  var _useSpring = core$1.useSpring(function () {
+  var _ref$fullscreen = _ref.fullscreen,
+    fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
+    _ref$from = _ref.from,
+    from = _ref$from === void 0 ? null : _ref$from,
+    _ref$to = _ref.to,
+    to = _ref$to === void 0 ? null : _ref$to,
+    _ref$playing = _ref.playing,
+    playing = _ref$playing === void 0 ? false : _ref$playing,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? null : _ref$direction,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? 0 : _ref$delay,
+    _ref$reversible = _ref.reversible,
+    reversible = _ref$reversible === void 0 ? true : _ref$reversible,
+    _ref$duration = _ref.duration,
+    duration = _ref$duration === void 0 ? undefined : _ref$duration,
+    _ref$easing = _ref.easing,
+    easing = _ref$easing === void 0 ? undefined : _ref$easing,
+    _ref$config = _ref.config,
+    config = _ref$config === void 0 ? null : _ref$config,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$onStart = _ref.onStart,
+    onStart = _ref$onStart === void 0 ? null : _ref$onStart,
+    _ref$onComplete = _ref.onComplete,
+    onComplete = _ref$onComplete === void 0 ? null : _ref$onComplete;
+  var _useSpring = core.useSpring(function () {
       return {};
     }),
     _useSpring2 = _slicedToArray(_useSpring, 2),
@@ -4233,8 +2925,6 @@ function Transition(_ref) {
     className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.fullscreen, fullscreen)])
   }, children);
 }
-Transition.propTypes = propTypes$4;
-Transition.defaultProps = defaultProps$4;
 
 /* eslint-disable react/jsx-props-no-spreading */
 function Fade(props) {
@@ -4277,32 +2967,21 @@ var TransitionComponents = {
   Scale: Scale
 };
 
-var propTypes$3 = {
-  fullscreen: PropTypes.bool,
-  playing: PropTypes.bool,
-  delay: PropTypes.number,
-  transitions: core.PropTypes.transitions,
-  onComplete: PropTypes.func,
-  disabled: PropTypes.bool,
-  children: PropTypes.node
-};
-var defaultProps$3 = {
-  fullscreen: false,
-  playing: false,
-  delay: 0,
-  transitions: null,
-  onComplete: null,
-  disabled: false,
-  children: null
-};
 function Transitions(_ref) {
-  var fullscreen = _ref.fullscreen,
-    playing = _ref.playing,
-    delay = _ref.delay,
-    transitions = _ref.transitions,
-    onComplete = _ref.onComplete,
-    disabled = _ref.disabled,
-    children = _ref.children;
+  var _ref$fullscreen = _ref.fullscreen,
+    fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
+    _ref$playing = _ref.playing,
+    playing = _ref$playing === void 0 ? false : _ref$playing,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? 0 : _ref$delay,
+    _ref$transitions = _ref.transitions,
+    transitions = _ref$transitions === void 0 ? null : _ref$transitions,
+    _ref$onComplete = _ref.onComplete,
+    onComplete = _ref$onComplete === void 0 ? null : _ref$onComplete,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children;
   var _useScreenSize = contexts.useScreenSize(),
     _useScreenSize$landsc = _useScreenSize.landscape,
     landscape = _useScreenSize$landsc === void 0 ? true : _useScreenSize$landsc;
@@ -4358,35 +3037,22 @@ function Transitions(_ref) {
     direction: !sameTransitionInOut ? 'in' : null
   }, transitionInProps), renderTransitionOut) : renderTransitionOut;
 }
-Transitions.propTypes = propTypes$3;
-Transitions.defaultProps = defaultProps$3;
 
-var propTypes$2 = {
-  transitions: core.PropTypes.transitions,
-  stagger: PropTypes.number,
-  playing: PropTypes.bool,
-  disabled: PropTypes.bool,
-  delay: PropTypes.number,
-  fullscreen: PropTypes.bool,
-  children: PropTypes.node
-};
-var defaultProps$2 = {
-  transitions: null,
-  stagger: 0,
-  playing: false,
-  disabled: false,
-  delay: 0,
-  fullscreen: false,
-  children: null
-};
-var TransitionsStagger = function TransitionsStagger(_ref) {
-  var transitions = _ref.transitions,
-    stagger = _ref.stagger,
-    playing = _ref.playing,
-    disabled = _ref.disabled,
-    delay = _ref.delay,
-    fullscreen = _ref.fullscreen,
-    children = _ref.children;
+function TransitionsStagger(_ref) {
+  var _ref$transitions = _ref.transitions,
+    transitions = _ref$transitions === void 0 ? null : _ref$transitions,
+    _ref$stagger = _ref.stagger,
+    stagger = _ref$stagger === void 0 ? 0 : _ref$stagger,
+    _ref$playing = _ref.playing,
+    playing = _ref$playing === void 0 ? false : _ref$playing,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? 0 : _ref$delay,
+    _ref$fullscreen = _ref.fullscreen,
+    fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children;
   var validIndex = 0;
   var elements = React.Children.map(children, function (child) {
     if (!child) {
@@ -4410,24 +3076,15 @@ var TransitionsStagger = function TransitionsStagger(_ref) {
     return el;
   });
   return elements;
-};
-TransitionsStagger.propTypes = propTypes$2;
-TransitionsStagger.defaultProps = defaultProps$2;
+}
 
-var propTypes$1 = {
-  selector: PropTypes.string,
-  highlightSelector: PropTypes.string,
-  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))
-};
-var defaultProps$1 = {
-  selector: null,
-  highlightSelector: 'mark',
-  style: null
-};
-var HighlightStyle = function HighlightStyle(_ref) {
-  var selector = _ref.selector,
-    highlightSelector = _ref.highlightSelector,
-    style = _ref.style;
+function HighlightStyle(_ref) {
+  var _ref$selector = _ref.selector,
+    selector = _ref$selector === void 0 ? null : _ref$selector,
+    _ref$highlightSelecto = _ref.highlightSelector,
+    highlightSelector = _ref$highlightSelecto === void 0 ? 'mark' : _ref$highlightSelecto,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? null : _ref$style;
   return style !== null ? /*#__PURE__*/React.createElement("style", {
     type: "text/css",
     dangerouslySetInnerHTML: {
@@ -4436,24 +3093,15 @@ var HighlightStyle = function HighlightStyle(_ref) {
       }).join(' '), "{").concat(utils.convertStyleToString(style), "}")
     }
   }) : null;
-};
-HighlightStyle.propTypes = propTypes$1;
-HighlightStyle.defaultProps = defaultProps$1;
+}
 
-var propTypes = {
-  selector: PropTypes.string,
-  linkSelector: PropTypes.string,
-  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))
-};
-var defaultProps = {
-  selector: null,
-  linkSelector: 'a',
-  style: null
-};
-var LinkStyle = function LinkStyle(_ref) {
-  var selector = _ref.selector,
-    linkSelector = _ref.linkSelector,
-    style = _ref.style;
+function LinkStyle(_ref) {
+  var _ref$selector = _ref.selector,
+    selector = _ref$selector === void 0 ? null : _ref$selector,
+    _ref$linkSelector = _ref.linkSelector,
+    linkSelector = _ref$linkSelector === void 0 ? 'a' : _ref$linkSelector,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? null : _ref$style;
   return style !== null ? /*#__PURE__*/React.createElement("style", {
     type: "text/css",
     dangerouslySetInnerHTML: {
@@ -4462,9 +3110,7 @@ var LinkStyle = function LinkStyle(_ref) {
       }).join(' '), "{").concat(utils.convertStyleToString(style), "}")
     }
   }) : null;
-};
-LinkStyle.propTypes = propTypes;
-LinkStyle.defaultProps = defaultProps;
+}
 
 exports.ArrowIcon = ArrowIcon;
 exports.BackButton = BackButton;
@@ -4492,7 +3138,7 @@ exports.Link = Link;
 exports.LinkIcon = LinkIcon;
 exports.LinkStyle = LinkStyle;
 exports.Media = Media;
-exports.Menu = _Menu;
+exports.Menu = Menu;
 exports.Meta = Meta;
 exports.Modal = Modal;
 exports.ModalDialog = ModalDialog;
@@ -4523,10 +3169,10 @@ exports.PlaceholderVideo = Video;
 exports.PlaceholderVideo360 = Video360;
 exports.PlaceholderVideoLoop = VideoLoop;
 exports.PlayIcon = PlayIcon;
-exports.Screen = Screen$1;
+exports.Screen = Screen;
 exports.ScreenElement = ScreenElement;
-exports.ScreenPlaceholder = Placeholder;
-exports.ScreenPreview = Preview;
+exports.ScreenPlaceholder = ScreenPlaceholder;
+exports.ScreenPreview = ScreenPreview;
 exports.ScreenSizer = ScreenSizer;
 exports.Screens = Screens;
 exports.Slideshow = Slideshow;