@micromag/core 0.3.832 → 0.4.4

package/es/components.js

@@ -1,12 +1,10 @@
-import PropTypes from 'prop-types';
 import React, { useCallback, useState, useEffect, useRef, useMemo } from 'react';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import classNames from 'classnames';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import classNames from 'classnames';
 import { Link as Link$1 } from 'wouter';
-import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { FormattedMessage, defineMessages, FormattedDate, FormattedTime } from 'react-intl';
 import { isMessage, getFieldFromPath, getComponentFromName, setFieldValue, validateFields, getDisplayName, pascalCase, convertStyleToString } from '@micromag/core/utils';
 import { faClose } from '@fortawesome/free-solid-svg-icons/faClose';
@@ -21,9 +19,9 @@ import get from 'lodash/get';
 import { useFieldsManager, useFieldComponent, FieldContextProvider, withModals, useModals, withPanels, usePanels, ScreenSizeProvider, useScreenComponent, ScreenProvider, useScreenRenderContext, useScreenSize } from '@micromag/core/contexts';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import isObject from 'lodash/isObject';
-import { Helmet } from 'react-helmet';
-import isString from 'lodash/isString';
 import isArray from 'lodash/isArray';
+import isString from 'lodash/isString';
+import { Helmet } from 'react-helmet';
 import { createPortal } from 'react-dom';
 import queryString from 'query-string';
 import { faAd } from '@fortawesome/free-solid-svg-icons/faAd';
@@ -45,125 +43,81 @@ import { useSpring } from '@react-spring/core';
 import { config, animated } from '@react-spring/web';
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$T = {
-  children: PropTypes$1.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 ? FormattedMessage : FormattedMessage;
   return 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: PropTypes$1.buttonTheme,
-  size: PropTypes$1.buttonSize,
-  href: PropTypes.string,
-  external: PropTypes.bool,
-  direct: PropTypes.bool,
-  target: PropTypes.string,
-  label: PropTypes$1.label,
-  children: PropTypes$1.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;
@@ -213,39 +167,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: PropTypes$1.buttons,
-  size: PropTypes$1.buttonSize,
-  theme: PropTypes$1.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"
@@ -272,19 +213,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)]),
@@ -294,24 +228,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)]),
@@ -321,46 +247,29 @@ var ClearButton = function ClearButton(_ref) {
     icon: 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: PropTypes$1.component,
-  form: PropTypes.string,
-  formComponents: PropTypes$1.components,
-  fields: PropTypes$1.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 = useFieldsManager();
   var field = getFieldFromPath(name.split('.'), fields, fieldsManager);
   var parentField = name.match(/\.[0-9]+$/) !== null ? getFieldFromPath(name.split('.').slice(0, -1), fields, fieldsManager) : null;
@@ -419,101 +328,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: PropTypes$1.formFields,
-  initialValue: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  postForm: PropTypes.func,
-  submitButtonLabel: PropTypes$1.label,
-  submitButtonLoadingLabel: PropTypes$1.label,
-  submitButtonTheme: PropTypes.string,
-  cancelButtonTheme: PropTypes.string,
-  buttons: PropTypes$1.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(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(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 = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     complete = _useState2[0],
@@ -656,39 +532,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: PropTypes$1.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)]),
@@ -699,91 +562,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: PropTypes$1.label,
-  subtitle: PropTypes$1.label,
-  children: PropTypes.node,
-  afterBody: PropTypes.node,
-  links: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes$1.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,
@@ -845,29 +675,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",
@@ -883,49 +703,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",
@@ -939,21 +741,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",
@@ -972,21 +766,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",
@@ -998,21 +784,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",
@@ -1033,21 +811,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",
@@ -1065,21 +835,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",
@@ -1099,21 +861,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",
@@ -1126,21 +880,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",
@@ -1157,35 +903,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: PropTypes$1.menuItems,
-  theme: PropTypes$1.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", {
@@ -1216,40 +950,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: PropTypes$1.menuItems,
-  children: PropTypes.node,
-  visible: PropTypes.bool,
-  align: PropTypes$1.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 = useRef(null);
   var _useState = useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
@@ -1318,67 +1038,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: PropTypes$1.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: PropTypes$1.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 = useState(items.map(function () {
       return false;
     })),
@@ -1441,7 +1138,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)),
@@ -1457,59 +1154,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 = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     menuVisible = _useState2[0],
@@ -1548,11 +1225,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 = defineMessages({
   previous: {
@@ -1570,48 +1245,31 @@ var messages = 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 = useCallback(function (currentPage) {
     return url !== null ? "".concat(url, "?").concat(queryString.stringify(_objectSpread(_objectSpread({}, query), {}, {
       page: currentPage
@@ -1687,38 +1345,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: PropTypes$1.menuItems,
-  size: PropTypes$1.buttonSize,
-  theme: PropTypes$1.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, {
@@ -1730,24 +1375,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: PropTypes$1.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 = useRef(null);
   useEffect(function () {
     setModalsContainer(containerRef.current);
@@ -1758,37 +1394,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 = 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 = useMemo(function () {
     return id || "element-".concat(new Date().getTime());
   }, [id]);
@@ -1803,26 +1425,16 @@ var ElementPortal = function ElementPortal(_ref) {
     };
   }, [finalId, data]);
   return container !== null ? /*#__PURE__*/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 = useModals(),
     container = _useModals.container,
     _useModals$register = _useModals.register,
@@ -1836,29 +1448,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 = useMemo(function () {
     return id || getDisplayName(children.type);
   }, [id, children.type]);
@@ -1875,44 +1477,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: PropTypes$1.label,
-  header: PropTypes.node,
-  children: PropTypes.node,
-  footer: PropTypes.node,
-  size: PropTypes.string,
-  buttons: PropTypes$1.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"
@@ -1935,26 +1522,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: PropTypes$1.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 = useRef(null);
   useEffect(function () {
     setPanelsContainer(containerRef.current);
@@ -1965,27 +1543,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 = 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 = usePanels(),
     _usePanels$panels = _usePanels.panels,
     panels = _usePanels$panels === void 0 ? null : _usePanels$panels,
@@ -2004,27 +1572,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 = useMemo(function () {
     return id || getDisplayName(children.type);
   }, [id, children.type]);
@@ -2039,38 +1598,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 = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     opened = _useState2[0],
@@ -2095,27 +1641,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",
@@ -2147,25 +1683,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 = useMemo(function () {
     return dayjs(date).toDate();
   }, [date]);
@@ -2177,40 +1704,26 @@ var Date$1 = function Date(_ref) {
   }), withTime ? timeSeparator : null, withTime ? /*#__PURE__*/React.createElement(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 = useIntersectionObserver({
       threshold: threshold
     }),
@@ -2255,38 +1768,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", {
@@ -2296,37 +1796,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';
   }
@@ -2342,37 +1825,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 || {},
@@ -2402,26 +1873,17 @@ var getUrlsFromMedia = function getUrlsFromMedia(media, formats) {
   }, []);
   return urls;
 };
-var propTypes$f = {
-  fonts: PropTypes$1.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) {
@@ -2487,41 +1949,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: PropTypes$1.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", {
@@ -2537,641 +1985,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,
@@ -3272,38 +2101,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 = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     index = _useState2[0],
@@ -3340,14 +2156,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;
@@ -3359,10 +2173,10 @@ var AdFrame = function AdFrame(_ref) {
     icon: 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;
@@ -3374,10 +2188,10 @@ var AdImage = function AdImage(_ref) {
     icon: 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,
@@ -3391,36 +2205,25 @@ var Audio = function Audio(_ref) {
     icon: 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", {
@@ -3437,12 +2240,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,
@@ -3457,10 +2258,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,
@@ -3473,20 +2274,20 @@ var Image = function Image(_ref) {
     icon: 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%",
@@ -3504,10 +2305,10 @@ var Map = function Map(props) {
     icon: props.withImages ? faImage : 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%",
@@ -3517,37 +2318,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,
@@ -3562,17 +2363,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,
@@ -3585,10 +2386,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;
@@ -3600,11 +2401,11 @@ var Video = function Video(_ref) {
     icon: 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;
@@ -3619,10 +2420,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;
@@ -3637,34 +2438,23 @@ var VideoLoop = function VideoLoop(_ref) {
     icon: 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;
   //
@@ -3748,49 +2538,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: PropTypes$1.storyComponent.isRequired,
-  renderContext: PropTypes$1.renderContext,
-  screenState: PropTypes.string,
-  index: PropTypes.number,
-  active: PropTypes.bool,
-  preload: PropTypes.bool,
-  current: PropTypes.bool,
-  component: PropTypes.node,
-  components: PropTypes$1.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$1 = 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;
@@ -3812,39 +2585,25 @@ var Screen$1 = function Screen(_ref) {
   }))) : /*#__PURE__*/React.createElement("div", {
     className: className
   }, component));
-};
-Screen$1.propTypes = propTypes$9;
-Screen$1.defaultProps = defaultProps$9;
-var Screen = /*#__PURE__*/React.memo(Screen$1);
+}
 
-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: PropTypes$1.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, Object.assign({
     screen: screen,
@@ -3858,46 +2617,30 @@ 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: PropTypes$1.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, Object.assign({
     screen: screen,
@@ -3917,14 +2660,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) {
@@ -3936,10 +2676,10 @@ var Conversation = function Conversation() {
     icon: 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,
@@ -3951,11 +2691,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,
@@ -3979,11 +2719,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%",
@@ -4005,11 +2745,11 @@ var Title = function Title(props) {
     icon: 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,
@@ -4031,7 +2771,7 @@ var Answer = function Answer(_ref) {
     className: styles$2.percentIcon,
     icon: faPercent
   })));
-};
+}
 
 var Placeholders = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -4060,36 +2800,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: PropTypes$1.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 = useScreenRenderContext(),
     isPlaceholder = _useScreenRenderConte.isPlaceholder,
     isEdit = _useScreenRenderConte.isEdit,
@@ -4107,25 +2834,16 @@ 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: PropTypes$1.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) {
@@ -4136,65 +2854,39 @@ var Screens = function Screens(_ref) {
       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$1 = _ref.config,
-    children = _ref.children,
-    className = _ref.className,
-    onStart = _ref.onStart,
-    onComplete = _ref.onComplete;
+  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$1 = _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 = useSpring(function () {
       return {};
     }),
@@ -4231,8 +2923,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) {
@@ -4275,32 +2965,21 @@ var TransitionComponents = {
   Scale: Scale
 };
 
-var propTypes$3 = {
-  fullscreen: PropTypes.bool,
-  playing: PropTypes.bool,
-  delay: PropTypes.number,
-  transitions: PropTypes$1.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 = useScreenSize(),
     _useScreenSize$landsc = _useScreenSize.landscape,
     landscape = _useScreenSize$landsc === void 0 ? true : _useScreenSize$landsc;
@@ -4356,35 +3035,22 @@ function Transitions(_ref) {
     direction: !sameTransitionInOut ? 'in' : null
   }, transitionInProps), renderTransitionOut) : renderTransitionOut;
 }
-Transitions.propTypes = propTypes$3;
-Transitions.defaultProps = defaultProps$3;
 
-var propTypes$2 = {
-  transitions: PropTypes$1.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) {
@@ -4408,24 +3074,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: {
@@ -4434,24 +3091,15 @@ var HighlightStyle = function HighlightStyle(_ref) {
       }).join(' '), "{").concat(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: {
@@ -4460,8 +3108,6 @@ var LinkStyle = function LinkStyle(_ref) {
       }).join(' '), "{").concat(convertStyleToString(style), "}")
     }
   }) : null;
-};
-LinkStyle.propTypes = propTypes;
-LinkStyle.defaultProps = defaultProps;
+}
 
-export { ArrowIcon, BackButton, Breadcrumb, Button$1 as Button, Buttons, Card, ClearButton, Close, CloseIcon, CollapsablePanel, Date$1 as Date, Detector, Dropdown as DropdownMenu, ElementComponent as Element, Empty, FieldForm, FontFaces, Form, FormPanel, FullscreenIcon, HighlightStyle, Label, Link, LinkIcon, LinkStyle, Media, _Menu as Menu, Meta, Modal, ModalDialog, ModalPortal, Modals, MuteIcon, Navbar, PaginationMenu as Pagination, Panel, PanelPortal, Panels, PauseIcon, AdFrame as PlaceholderAdFrame, AdImage as PlaceholderAdImage, Audio as PlaceholderAudio, Button as PlaceholderButton, Image as PlaceholderImage, Line as PlaceholderLine, Map as PlaceholderMap, MapPath as PlaceholderMapPath, Quote as PlaceholderQuote, ShortText as PlaceholderShortText, Subtitle as PlaceholderSubtitle, TextPlaceholder as PlaceholderText, Timeline as PlaceholderTimeline, Title$1 as PlaceholderTitle, Video as PlaceholderVideo, Video360 as PlaceholderVideo360, VideoLoop as PlaceholderVideoLoop, PlayIcon, Screen, ScreenElement, Placeholder as ScreenPlaceholder, Preview as ScreenPreview, ScreenSizer, Screens, Slideshow, Spinner, TabsMenu as Tabs, Transitions, TransitionsStagger, UnmuteIcon };
+export { ArrowIcon, BackButton, Breadcrumb, Button$1 as Button, Buttons, Card, ClearButton, Close, CloseIcon, CollapsablePanel, Date$1 as Date, Detector, Dropdown as DropdownMenu, ElementComponent as Element, Empty, FieldForm, FontFaces, Form, FormPanel, FullscreenIcon, HighlightStyle, Label, Link, LinkIcon, LinkStyle, Media, Menu, Meta, Modal, ModalDialog, ModalPortal, Modals, MuteIcon, Navbar, PaginationMenu as Pagination, Panel, PanelPortal, Panels, PauseIcon, AdFrame as PlaceholderAdFrame, AdImage as PlaceholderAdImage, Audio as PlaceholderAudio, Button as PlaceholderButton, Image as PlaceholderImage, Line as PlaceholderLine, Map as PlaceholderMap, MapPath as PlaceholderMapPath, Quote as PlaceholderQuote, ShortText as PlaceholderShortText, Subtitle as PlaceholderSubtitle, TextPlaceholder as PlaceholderText, Timeline as PlaceholderTimeline, Title$1 as PlaceholderTitle, Video as PlaceholderVideo, Video360 as PlaceholderVideo360, VideoLoop as PlaceholderVideoLoop, PlayIcon, Screen, ScreenElement, ScreenPlaceholder, ScreenPreview, ScreenSizer, Screens, Slideshow, Spinner, TabsMenu as Tabs, Transitions, TransitionsStagger, UnmuteIcon };