@micromag/core 0.3.42 → 0.3.55

package/assets/css/styles.css

@@ -4,6 +4,7 @@
 .micromag-core-partials-link-withoutStyle{color:inherit;text-decoration:none}.micromag-core-partials-link-withoutStyle:hover{color:inherit;text-decoration:none}
 
 .micromag-core-menus-breadcrumb-container .micromag-core-menus-breadcrumb-arrow+.micromag-core-menus-breadcrumb-arrow:before{content:">"}
+.micromag-core-menus-navbar-collapse{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0}@media screen and (min-width:768px){.micromag-core-menus-navbar-collapse{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}}
 
 .micromag-core-menus-tabs-container{display:inline-block;position:relative}
 .micromag-core-modals-container{position:static}.micromag-core-modals-modals.micromag-core-modals-hasModals{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background-color:rgba(28,28,28,.2)}
@@ -20,7 +21,7 @@
 .micromag-core-placeholders-icon{color:#1c1c1c}
 .micromag-core-partials-placeholder-text-container{width:100%;padding:2px;mix-blend-mode:difference}.micromag-core-partials-placeholder-text-container .micromag-core-partials-placeholder-text-line{height:16px;background-color:hsla(0,0%,100%,.6)}
 .micromag-core-placeholders-map-container:before{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-core-placeholders-map-container{position:relative}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon{position:absolute;width:15%;height:15%;color:#1c1c1c}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:first-child{top:10%;left:40%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(2){top:35%;left:60%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(3){top:50%;left:15%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(4){top:70%;left:60%}.micromag-core-placeholders-map-container:before{content:"";display:block;opacity:.2;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAEyCAYAAABnKjtfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU4NzhDN0UyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU4NzhDN0QyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTg3OEM3OTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNTg3OEM3QTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpB4mwIAAAxNSURBVHja7J1B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");background-size:cover}
-.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-box{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-icon{margin-bottom:5px;color:#1c1c1c}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-label{font-size:.75em;color:#1c1c1c}
+.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-box{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-icon{margin-bottom:5px;color:#1c1c1c}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-label{color:#1c1c1c;font-size:.75em}
 .micromag-core-screens-screen-sizer-container,.micromag-core-screens-screen-sizer-frame{position:relative}.micromag-core-screens-screen-sizer-screen{position:absolute;top:0;left:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
 .micromag-core-screens-screen-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-core-screens-screen-container address,.micromag-core-screens-screen-container blockquote,.micromag-core-screens-screen-container caption,.micromag-core-screens-screen-container dl,.micromag-core-screens-screen-container figure,.micromag-core-screens-screen-container h1,.micromag-core-screens-screen-container h2,.micromag-core-screens-screen-container h3,.micromag-core-screens-screen-container h4,.micromag-core-screens-screen-container h5,.micromag-core-screens-screen-container h6,.micromag-core-screens-screen-container label,.micromag-core-screens-screen-container legend,.micromag-core-screens-screen-container li,.micromag-core-screens-screen-container ol,.micromag-core-screens-screen-container p,.micromag-core-screens-screen-container pre,.micromag-core-screens-screen-container ul{margin:0;padding:0}.micromag-core-screens-screen-container *,.micromag-core-screens-screen-container :after,.micromag-core-screens-screen-container :before{-webkit-box-sizing:border-box;box-sizing:border-box}.micromag-core-screens-screen-container h1,.micromag-core-screens-screen-container h2,.micromag-core-screens-screen-container h3,.micromag-core-screens-screen-container h4,.micromag-core-screens-screen-container h5,.micromag-core-screens-screen-container h6,.micromag-core-screens-screen-container li,.micromag-core-screens-screen-container p{font-weight:400}.micromag-core-screens-screen-container{background-color:#1c1c1c;color:#fff}
 .micromag-core-screens-screen-placeholder-screen{overflow:hidden;background-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

package/es/components.js

@@ -54,7 +54,7 @@ var Label = function Label(_ref) {
 Label.propTypes = propTypes$K;
 Label.defaultProps = defaultProps$K;
 
-var styles$u = {"container":"micromag-core-buttons-button-container","asLink":"micromag-core-buttons-button-asLink","withoutStyle":"micromag-core-buttons-button-withoutStyle","icon":"micromag-core-buttons-button-icon","withIcon":"micromag-core-buttons-button-withIcon","label":"micromag-core-buttons-button-label","right":"micromag-core-buttons-button-right","withIconColumns":"micromag-core-buttons-button-withIconColumns","linkDisabled":"micromag-core-buttons-button-linkDisabled"};
+var styles$v = {"container":"micromag-core-buttons-button-container","asLink":"micromag-core-buttons-button-asLink","withoutStyle":"micromag-core-buttons-button-withoutStyle","icon":"micromag-core-buttons-button-icon","withIcon":"micromag-core-buttons-button-withIcon","label":"micromag-core-buttons-button-label","right":"micromag-core-buttons-button-right","withIconColumns":"micromag-core-buttons-button-withIconColumns","linkDisabled":"micromag-core-buttons-button-linkDisabled"};
 
 var _excluded$a = ["type", "theme", "size", "href", "external", "direct", "target", "label", "children", "focusable", "active", "icon", "iconPosition", "disabled", "loading", "disableOnLoading", "small", "big", "withShadow", "withoutStyle", "withoutTheme", "asLink", "outline", "onClick", "className", "iconClassName", "labelClassName", "refButton"];
 var propTypes$J = {
@@ -161,25 +161,25 @@ var Button$1 = function Button(_ref) {
   var hasInlineIcon = hasIcon && (iconPosition === 'inline' || text === null);
   var hasIconColumns = hasIcon && !hasInlineIcon;
   var content = /*#__PURE__*/React.createElement(React.Fragment, null, hasInlineIcon ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: classNames([styles$u.icon, _defineProperty({}, iconClassName, iconClassName !== null)])
+    className: classNames([styles$v.icon, _defineProperty({}, iconClassName, iconClassName !== null)])
   }, icon), text !== null ? /*#__PURE__*/React.createElement("span", {
-    className: classNames([styles$u.label, _defineProperty({}, labelClassName, labelClassName !== null)])
+    className: classNames([styles$v.label, _defineProperty({}, labelClassName, labelClassName !== null)])
   }, text) : null) : null, hasIconColumns ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: classNames([styles$u.left, _defineProperty({}, iconClassName, iconClassName !== null && iconPosition === 'left')])
+    className: classNames([styles$v.left, _defineProperty({}, iconClassName, iconClassName !== null && iconPosition === 'left')])
   }, iconPosition === 'left' ? icon : null), /*#__PURE__*/React.createElement("span", {
-    className: classNames([styles$u.center, _defineProperty({}, labelClassName, labelClassName !== null)])
+    className: classNames([styles$v.center, _defineProperty({}, labelClassName, labelClassName !== null)])
   }, text), /*#__PURE__*/React.createElement("span", {
-    className: classNames([styles$u.right, _defineProperty({}, iconClassName, iconClassName !== null && iconPosition === 'right')])
+    className: classNames([styles$v.right, _defineProperty({}, iconClassName, iconClassName !== null && iconPosition === 'right')])
   }, iconPosition === 'right' ? icon : null), hasChildren ? children : null) : null, !hasIcon ? text : null, hasChildren ? children : null);
   var withStyle = !withoutTheme && !withoutStyle && !asLink;
   var buttonClassNames = classNames([(_ref7 = {
     btn: withStyle
-  }, _defineProperty(_ref7, "btn-".concat(outline ? 'outline-' : '').concat(theme), withStyle && theme !== null), _defineProperty(_ref7, "btn-".concat(size), withStyle && size !== null), _defineProperty(_ref7, "active", !withoutStyle && active), _ref7), styles$u.container, (_ref8 = {}, _defineProperty(_ref8, styles$u.withoutStyle, withoutStyle), _defineProperty(_ref8, styles$u.withIcon, hasIcon), _defineProperty(_ref8, styles$u.withIconColumns, hasIconColumns), _defineProperty(_ref8, styles$u.withText, text !== null), _defineProperty(_ref8, styles$u.withShadow, withShadow), _defineProperty(_ref8, styles$u.isSmall, small), _defineProperty(_ref8, styles$u.isBig, big), _defineProperty(_ref8, styles$u.isLink, href !== null), _defineProperty(_ref8, styles$u.asLink, asLink), _defineProperty(_ref8, styles$u.isDisabled, disabled), _defineProperty(_ref8, styles$u.isLoading, loading), _defineProperty(_ref8, className, className !== null), _ref8)]);
+  }, _defineProperty(_ref7, "btn-".concat(outline ? 'outline-' : '').concat(theme), withStyle && theme !== null), _defineProperty(_ref7, "btn-".concat(size), withStyle && size !== null), _defineProperty(_ref7, "active", !withoutStyle && active), _ref7), styles$v.container, (_ref8 = {}, _defineProperty(_ref8, styles$v.withoutStyle, withoutStyle), _defineProperty(_ref8, styles$v.withIcon, hasIcon), _defineProperty(_ref8, styles$v.withIconColumns, hasIconColumns), _defineProperty(_ref8, styles$v.withText, text !== null), _defineProperty(_ref8, styles$v.withShadow, withShadow), _defineProperty(_ref8, styles$v.isSmall, small), _defineProperty(_ref8, styles$v.isBig, big), _defineProperty(_ref8, styles$v.isLink, href !== null), _defineProperty(_ref8, styles$v.asLink, asLink), _defineProperty(_ref8, styles$v.isDisabled, disabled), _defineProperty(_ref8, styles$v.isLoading, loading), _defineProperty(_ref8, className, className !== null), _ref8)]);
 
   if (href !== null) {
     var linkClassNames = classNames([buttonClassNames, _defineProperty({
       disabled: disabled
-    }, styles$u.linkDisabled, disabled)]);
+    }, styles$v.linkDisabled, disabled)]);
     return external || direct ? /*#__PURE__*/React.createElement("a", Object.assign({}, props, {
       href: disabled ? null : href,
       className: linkClassNames,
@@ -209,7 +209,7 @@ var Button$1 = function Button(_ref) {
 Button$1.propTypes = propTypes$J;
 Button$1.defaultProps = defaultProps$J;
 
-var styles$t = {};
+var styles$u = {};
 
 var _excluded$9 = ["className", "onClick", "theme"];
 var propTypes$I = {
@@ -240,7 +240,7 @@ var Buttons = function Buttons(_ref) {
       buttonClassName = _ref.buttonClassName,
       className = _ref.className;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(['btn-group', _defineProperty({}, "btn-group-".concat(size), size !== null), styles$t.container, _defineProperty({}, className, className !== null)]),
+    className: classNames(['btn-group', _defineProperty({}, "btn-group-".concat(size), size !== null), styles$u.container, _defineProperty({}, className, className !== null)]),
     role: "group"
   }, buttons.map(function (button, index) {
     var _ref4;
@@ -255,7 +255,7 @@ var Buttons = function Buttons(_ref) {
 
     var fixedProps = {
       key: "button-".concat(index),
-      className: classNames([styles$t.button, (_ref4 = {}, _defineProperty(_ref4, buttonClassName, buttonClassName !== null), _defineProperty(_ref4, customClassName, customClassName !== null), _ref4)]),
+      className: classNames([styles$u.button, (_ref4 = {}, _defineProperty(_ref4, buttonClassName, buttonClassName !== null), _defineProperty(_ref4, customClassName, customClassName !== null), _ref4)]),
       onClick: function onClick(e) {
         if (_onClick !== null) {
           _onClick(e, button, index);
@@ -399,7 +399,7 @@ var FieldForm = function FieldForm(_ref) {
 FieldForm.propTypes = propTypes$G;
 FieldForm.defaultProps = defaultProps$G;
 
-var styles$s = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
+var styles$t = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
 
 var propTypes$F = {
   action: PropTypes$1.string.isRequired,
@@ -578,7 +578,7 @@ var Form = function Form(_ref) {
 
   return /*#__PURE__*/React.createElement("form", {
     action: action,
-    className: classNames([styles$s.container, _defineProperty({}, className, className !== null)]),
+    className: classNames([styles$t.container, _defineProperty({}, className, className !== null)]),
     method: method,
     onSubmit: onSubmit
   }, !withoutBackButton && fields !== null && fields.length > 0 && fieldParams !== null ? /*#__PURE__*/React.createElement("div", {
@@ -588,7 +588,7 @@ var Form = function Form(_ref) {
     outline: true,
     onClick: closeFieldForm
   })) : null, fields && fields.length > 0 && fieldParams !== null ? /*#__PURE__*/React.createElement("div", {
-    className: classNames(['w-100', styles$s.panel]),
+    className: classNames(['w-100', styles$t.panel]),
     key: "field"
   }, /*#__PURE__*/React.createElement(FieldForm, {
     name: fieldParams.replace(/\//g, '.'),
@@ -604,11 +604,11 @@ var Form = function Form(_ref) {
     onChange: setValue,
     gotoFieldForm: gotoFieldForm,
     closeFieldForm: closeFieldForm,
-    className: classNames([styles$s.fields, _defineProperty({}, fieldsClassName, fieldsClassName !== null)])
+    className: classNames([styles$t.fields, _defineProperty({}, fieldsClassName, fieldsClassName !== null)])
   }) : null, generalError ? /*#__PURE__*/React.createElement("p", {
     className: "text-danger my-1"
   }, generalError) : null, children, !withoutActions && fieldParams === null ? /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$s.actions, (_ref4 = {}, _defineProperty(_ref4, styles$s[actionsAlign], actionsAlign), _defineProperty(_ref4, actionsClassName, actionsClassName !== null), _ref4)])
+    className: classNames([styles$t.actions, (_ref4 = {}, _defineProperty(_ref4, styles$t[actionsAlign], actionsAlign), _defineProperty(_ref4, actionsClassName, actionsClassName !== null), _ref4)])
   }, onCancel !== null || onCancelHref !== null ? /*#__PURE__*/React.createElement(Button$1, {
     type: "button",
     onClick: onCancel,
@@ -625,7 +625,7 @@ var Form = function Form(_ref) {
     }]
   })) : null, buttons !== null ? /*#__PURE__*/React.createElement(Buttons, {
     buttons: buttons,
-    className: styles$s.buttons
+    className: styles$t.buttons
   }) : /*#__PURE__*/React.createElement(Button$1, {
     type: "submit",
     theme: "primary",
@@ -644,7 +644,7 @@ var Form = function Form(_ref) {
 Form.propTypes = propTypes$F;
 Form.defaultProps = defaultProps$F;
 
-var styles$r = {"withoutStyle":"micromag-core-partials-link-withoutStyle"};
+var styles$s = {"withoutStyle":"micromag-core-partials-link-withoutStyle"};
 
 var _excluded$6 = ["href", "external", "children", "target", "rel", "className", "withoutStyle"];
 var propTypes$E = {
@@ -677,12 +677,12 @@ var Link = function Link(_ref) {
       props = _objectWithoutProperties(_ref, _excluded$6);
 
   return external ? /*#__PURE__*/React.createElement("a", Object.assign({
-    className: classNames([className, _defineProperty({}, styles$r.withoutStyle, withoutStyle)]),
+    className: classNames([className, _defineProperty({}, styles$s.withoutStyle, withoutStyle)]),
     href: href,
     target: target,
     rel: rel
   }, props), /*#__PURE__*/React.createElement(Label, null, children)) : /*#__PURE__*/React.createElement(Link$1, Object.assign({
-    className: classNames([className, _defineProperty({}, styles$r.withoutStyle, withoutStyle)]),
+    className: classNames([className, _defineProperty({}, styles$s.withoutStyle, withoutStyle)]),
     to: href
   }, props), /*#__PURE__*/React.createElement(Label, null, children));
 };
@@ -917,7 +917,7 @@ var Spinner = function Spinner(_ref) {
 Spinner.propTypes = propTypes$C;
 Spinner.defaultProps = defaultProps$C;
 
-var styles$q = {};
+var styles$r = {};
 
 var _excluded$4 = ["description", "loading", "children", "className"];
 var propTypes$B = {
@@ -941,14 +941,14 @@ var FormPanel = function FormPanel(_ref) {
       props = _objectWithoutProperties(_ref, _excluded$4);
 
   return /*#__PURE__*/React.createElement(Card, Object.assign({
-    className: classNames([styles$q.container, _defineProperty({}, className, className !== null)])
+    className: classNames([styles$r.container, _defineProperty({}, className, className !== null)])
   }, props), description, loading ? /*#__PURE__*/React.createElement(Spinner, null) : children);
 };
 
 FormPanel.propTypes = propTypes$B;
 FormPanel.defaultProps = defaultProps$B;
 
-var styles$p = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
+var styles$q = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
 
 var propTypes$A = {
   items: PropTypes.menuItems,
@@ -977,7 +977,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
   return /*#__PURE__*/React.createElement("nav", {
     className: className
   }, /*#__PURE__*/React.createElement("ol", {
-    className: classNames([styles$p.container, 'breadcrumb', 'mb-0', {
+    className: classNames([styles$q.container, 'breadcrumb', 'mb-0', {
       'p-0': withoutBar,
       'bg-transparent': withoutBar,
       'rounded-0': withoutBar,
@@ -995,7 +995,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
     return /*#__PURE__*/React.createElement("li", {
       className: classNames(['breadcrumb-item', (_ref3 = {
         active: active
-      }, _defineProperty(_ref3, styles$p.arrow, separator === 'arrow'), _defineProperty(_ref3, "text-".concat(theme), active && theme !== null), _ref3)]),
+      }, _defineProperty(_ref3, styles$q.arrow, separator === 'arrow'), _defineProperty(_ref3, "text-".concat(theme), active && theme !== null), _ref3)]),
       key: "item-".concat(index)
     }, active ? /*#__PURE__*/React.createElement(Label, null, label) : null, !active && url ? /*#__PURE__*/React.createElement(Link$1, {
       to: url,
@@ -1270,6 +1270,8 @@ var Menu = function Menu(_ref) {
 Menu.propTypes = propTypes$y;
 Menu.defaultProps = defaultProps$y;
 
+var styles$p = {"collapse":"micromag-core-menus-navbar-collapse"};
+
 var propTypes$x = {
   brand: PropTypes$1.node,
   brandLink: PropTypes$1.string,
@@ -1279,10 +1281,12 @@ var propTypes$x = {
   compact: PropTypes$1.bool,
   noWrap: PropTypes$1.bool,
   withoutCollapse: PropTypes$1.bool,
+  withoutCollapseToggle: PropTypes$1.bool,
   children: PropTypes$1.node,
   className: PropTypes$1.string,
   brandClassName: PropTypes$1.string,
-  breadCrumbsClassName: PropTypes$1.string
+  breadCrumbsClassName: PropTypes$1.string,
+  collapseClassName: PropTypes$1.string
 };
 var defaultProps$x = {
   brand: null,
@@ -1293,14 +1297,16 @@ var defaultProps$x = {
   compact: false,
   noWrap: false,
   withoutCollapse: false,
+  withoutCollapseToggle: false,
   children: null,
   className: null,
   brandClassName: null,
-  breadCrumbsClassName: null
+  breadCrumbsClassName: null,
+  collapseClassName: null
 };
 
 var Navbar = function Navbar(_ref) {
-  var _ref2;
+  var _ref2, _ref6;
 
   var brand = _ref.brand,
       brandLink = _ref.brandLink,
@@ -1310,10 +1316,12 @@ var Navbar = function Navbar(_ref) {
       compact = _ref.compact,
       noWrap = _ref.noWrap,
       withoutCollapse = _ref.withoutCollapse,
+      withoutCollapseToggle = _ref.withoutCollapseToggle,
       children = _ref.children,
       className = _ref.className,
       brandClassName = _ref.brandClassName,
-      breadCrumbsClassName = _ref.breadCrumbsClassName;
+      breadCrumbsClassName = _ref.breadCrumbsClassName,
+      collapseClassName = _ref.collapseClassName;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -1342,7 +1350,7 @@ var Navbar = function Navbar(_ref) {
     className: classNames(['navbar-breadcrumbs', _defineProperty({
       'py-0': compact
     }, breadCrumbsClassName, breadCrumbsClassName !== null)])
-  }, breadcrumbs) : null, !withoutCollapse ? /*#__PURE__*/React.createElement(Button$1, {
+  }, breadcrumbs) : null, !withoutCollapse && !withoutCollapseToggle ? /*#__PURE__*/React.createElement(Button$1, {
     className: "navbar-toggler",
     onClick: onClickMenu,
     withoutTheme: true,
@@ -1352,9 +1360,7 @@ var Navbar = function Navbar(_ref) {
   }, /*#__PURE__*/React.createElement("span", {
     className: "navbar-toggler-icon"
   })) : null, !withoutCollapse ? /*#__PURE__*/React.createElement("div", {
-    className: classNames(['navbar-collapse', 'collapse', {
-      show: menuVisible
-    }])
+    className: classNames(['navbar-collapse', 'collapse', styles$p.collapse, (_ref6 = {}, _defineProperty(_ref6, collapseClassName, collapseClassName !== null), _defineProperty(_ref6, "show", menuVisible), _ref6)])
   }, children) : children));
 };
 

package/es/contexts.js

@@ -214,15 +214,21 @@ var useScreensManager = function useScreensManager() {
 };
 var propTypes$g = {
   screens: PropTypes$1.screenDefinitions,
+  withoutCustomScreens: PropTypes.bool,
+  customScreens: PropTypes.arrayOf(PropTypes.string),
   manager: PropTypes.instanceOf(ScreensManager),
   children: PropTypes.node.isRequired
 };
 var defaultProps$g = {
   screens: null,
+  withoutCustomScreens: false,
+  customScreens: null,
   manager: null
 };
 var ScreensProvider = function ScreensProvider(_ref) {
   var screens = _ref.screens,
+      customScreens = _ref.customScreens,
+      withoutCustomScreens = _ref.withoutCustomScreens,
       manager = _ref.manager,
       children = _ref.children;
   var previousManager = useScreensManager();
@@ -230,11 +236,20 @@ var ScreensProvider = function ScreensProvider(_ref) {
     var newManager = manager !== null ? manager : new ScreensManager(screens);
 
     if ((previousManager || null) !== null) {
-      return previousManager.merge(newManager);
+      newManager = previousManager.merge(newManager);
+    }
+
+    if (withoutCustomScreens) {
+      newManager = previousManager.filter(function (_ref2) {
+        var id = _ref2.id,
+            _ref2$custom = _ref2.custom,
+            custom = _ref2$custom === void 0 ? false : _ref2$custom;
+        return !custom || customScreens !== null && customScreens.indexOf(id) !== -1;
+      });
     }
 
     return newManager;
-  }, [manager, screens, previousManager]);
+  }, [manager, screens, customScreens, withoutCustomScreens, previousManager]);
   var initialComponents = useMemo(function () {
     return finalManager.getComponents();
   }, [finalManager]);

package/es/index.js

@@ -994,6 +994,11 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
     value: function merge(manager) {
       return this.addDefinitions(manager.getDefinitions());
     }
+  }, {
+    key: "filter",
+    value: function filter(_filter) {
+      return new DefinitionsManager(this.definitions.filter(_filter));
+    }
   }, {
     key: "getDefinition",
     value: function getDefinition(id) {
@@ -1126,7 +1131,14 @@ var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
     return _super.apply(this, arguments);
   }
 
-  return _createClass(FieldsManager);
+  _createClass(FieldsManager, [{
+    key: "filter",
+    value: function filter(_filter) {
+      return new FieldsManager(this.definitions.filter(_filter));
+    }
+  }]);
+
+  return FieldsManager;
 }(DefinitionsManager);
 
 var _excluded$2 = ["medias"];
@@ -1435,6 +1447,11 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
 
       return layouts;
     }
+  }, {
+    key: "filter",
+    value: function filter(_filter) {
+      return new ScreensManager(this.definitions.filter(_filter));
+    }
   }]);
 
   return ScreensManager;

package/lib/components.js

@@ -77,7 +77,7 @@ var Label = function Label(_ref) {
 Label.propTypes = propTypes$K;
 Label.defaultProps = defaultProps$K;
 
-var styles$u = {"container":"micromag-core-buttons-button-container","asLink":"micromag-core-buttons-button-asLink","withoutStyle":"micromag-core-buttons-button-withoutStyle","icon":"micromag-core-buttons-button-icon","withIcon":"micromag-core-buttons-button-withIcon","label":"micromag-core-buttons-button-label","right":"micromag-core-buttons-button-right","withIconColumns":"micromag-core-buttons-button-withIconColumns","linkDisabled":"micromag-core-buttons-button-linkDisabled"};
+var styles$v = {"container":"micromag-core-buttons-button-container","asLink":"micromag-core-buttons-button-asLink","withoutStyle":"micromag-core-buttons-button-withoutStyle","icon":"micromag-core-buttons-button-icon","withIcon":"micromag-core-buttons-button-withIcon","label":"micromag-core-buttons-button-label","right":"micromag-core-buttons-button-right","withIconColumns":"micromag-core-buttons-button-withIconColumns","linkDisabled":"micromag-core-buttons-button-linkDisabled"};
 
 var _excluded$a = ["type", "theme", "size", "href", "external", "direct", "target", "label", "children", "focusable", "active", "icon", "iconPosition", "disabled", "loading", "disableOnLoading", "small", "big", "withShadow", "withoutStyle", "withoutTheme", "asLink", "outline", "onClick", "className", "iconClassName", "labelClassName", "refButton"];
 var propTypes$J = {
@@ -184,25 +184,25 @@ var Button$1 = function Button(_ref) {
   var hasInlineIcon = hasIcon && (iconPosition === 'inline' || text === null);
   var hasIconColumns = hasIcon && !hasInlineIcon;
   var content = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, hasInlineIcon ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: classNames__default["default"]([styles$u.icon, _defineProperty__default["default"]({}, iconClassName, iconClassName !== null)])
+    className: classNames__default["default"]([styles$v.icon, _defineProperty__default["default"]({}, iconClassName, iconClassName !== null)])
   }, icon), text !== null ? /*#__PURE__*/React__default["default"].createElement("span", {
-    className: classNames__default["default"]([styles$u.label, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
+    className: classNames__default["default"]([styles$v.label, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
   }, text) : null) : null, hasIconColumns ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: classNames__default["default"]([styles$u.left, _defineProperty__default["default"]({}, iconClassName, iconClassName !== null && iconPosition === 'left')])
+    className: classNames__default["default"]([styles$v.left, _defineProperty__default["default"]({}, iconClassName, iconClassName !== null && iconPosition === 'left')])
   }, iconPosition === 'left' ? icon : null), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: classNames__default["default"]([styles$u.center, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
+    className: classNames__default["default"]([styles$v.center, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
   }, text), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: classNames__default["default"]([styles$u.right, _defineProperty__default["default"]({}, iconClassName, iconClassName !== null && iconPosition === 'right')])
+    className: classNames__default["default"]([styles$v.right, _defineProperty__default["default"]({}, iconClassName, iconClassName !== null && iconPosition === 'right')])
   }, iconPosition === 'right' ? icon : null), hasChildren ? children : null) : null, !hasIcon ? text : null, hasChildren ? children : null);
   var withStyle = !withoutTheme && !withoutStyle && !asLink;
   var buttonClassNames = classNames__default["default"]([(_ref7 = {
     btn: withStyle
-  }, _defineProperty__default["default"](_ref7, "btn-".concat(outline ? 'outline-' : '').concat(theme), withStyle && theme !== null), _defineProperty__default["default"](_ref7, "btn-".concat(size), withStyle && size !== null), _defineProperty__default["default"](_ref7, "active", !withoutStyle && active), _ref7), styles$u.container, (_ref8 = {}, _defineProperty__default["default"](_ref8, styles$u.withoutStyle, withoutStyle), _defineProperty__default["default"](_ref8, styles$u.withIcon, hasIcon), _defineProperty__default["default"](_ref8, styles$u.withIconColumns, hasIconColumns), _defineProperty__default["default"](_ref8, styles$u.withText, text !== null), _defineProperty__default["default"](_ref8, styles$u.withShadow, withShadow), _defineProperty__default["default"](_ref8, styles$u.isSmall, small), _defineProperty__default["default"](_ref8, styles$u.isBig, big), _defineProperty__default["default"](_ref8, styles$u.isLink, href !== null), _defineProperty__default["default"](_ref8, styles$u.asLink, asLink), _defineProperty__default["default"](_ref8, styles$u.isDisabled, disabled), _defineProperty__default["default"](_ref8, styles$u.isLoading, loading), _defineProperty__default["default"](_ref8, className, className !== null), _ref8)]);
+  }, _defineProperty__default["default"](_ref7, "btn-".concat(outline ? 'outline-' : '').concat(theme), withStyle && theme !== null), _defineProperty__default["default"](_ref7, "btn-".concat(size), withStyle && size !== null), _defineProperty__default["default"](_ref7, "active", !withoutStyle && active), _ref7), styles$v.container, (_ref8 = {}, _defineProperty__default["default"](_ref8, styles$v.withoutStyle, withoutStyle), _defineProperty__default["default"](_ref8, styles$v.withIcon, hasIcon), _defineProperty__default["default"](_ref8, styles$v.withIconColumns, hasIconColumns), _defineProperty__default["default"](_ref8, styles$v.withText, text !== null), _defineProperty__default["default"](_ref8, styles$v.withShadow, withShadow), _defineProperty__default["default"](_ref8, styles$v.isSmall, small), _defineProperty__default["default"](_ref8, styles$v.isBig, big), _defineProperty__default["default"](_ref8, styles$v.isLink, href !== null), _defineProperty__default["default"](_ref8, styles$v.asLink, asLink), _defineProperty__default["default"](_ref8, styles$v.isDisabled, disabled), _defineProperty__default["default"](_ref8, styles$v.isLoading, loading), _defineProperty__default["default"](_ref8, className, className !== null), _ref8)]);
 
   if (href !== null) {
     var linkClassNames = classNames__default["default"]([buttonClassNames, _defineProperty__default["default"]({
       disabled: disabled
-    }, styles$u.linkDisabled, disabled)]);
+    }, styles$v.linkDisabled, disabled)]);
     return external || direct ? /*#__PURE__*/React__default["default"].createElement("a", Object.assign({}, props, {
       href: disabled ? null : href,
       className: linkClassNames,
@@ -232,7 +232,7 @@ var Button$1 = function Button(_ref) {
 Button$1.propTypes = propTypes$J;
 Button$1.defaultProps = defaultProps$J;
 
-var styles$t = {};
+var styles$u = {};
 
 var _excluded$9 = ["className", "onClick", "theme"];
 var propTypes$I = {
@@ -263,7 +263,7 @@ var Buttons = function Buttons(_ref) {
       buttonClassName = _ref.buttonClassName,
       className = _ref.className;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](['btn-group', _defineProperty__default["default"]({}, "btn-group-".concat(size), size !== null), styles$t.container, _defineProperty__default["default"]({}, className, className !== null)]),
+    className: classNames__default["default"](['btn-group', _defineProperty__default["default"]({}, "btn-group-".concat(size), size !== null), styles$u.container, _defineProperty__default["default"]({}, className, className !== null)]),
     role: "group"
   }, buttons.map(function (button, index) {
     var _ref4;
@@ -278,7 +278,7 @@ var Buttons = function Buttons(_ref) {
 
     var fixedProps = {
       key: "button-".concat(index),
-      className: classNames__default["default"]([styles$t.button, (_ref4 = {}, _defineProperty__default["default"](_ref4, buttonClassName, buttonClassName !== null), _defineProperty__default["default"](_ref4, customClassName, customClassName !== null), _ref4)]),
+      className: classNames__default["default"]([styles$u.button, (_ref4 = {}, _defineProperty__default["default"](_ref4, buttonClassName, buttonClassName !== null), _defineProperty__default["default"](_ref4, customClassName, customClassName !== null), _ref4)]),
       onClick: function onClick(e) {
         if (_onClick !== null) {
           _onClick(e, button, index);
@@ -422,7 +422,7 @@ var FieldForm = function FieldForm(_ref) {
 FieldForm.propTypes = propTypes$G;
 FieldForm.defaultProps = defaultProps$G;
 
-var styles$s = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
+var styles$t = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
 
 var propTypes$F = {
   action: PropTypes__default["default"].string.isRequired,
@@ -601,7 +601,7 @@ var Form = function Form(_ref) {
 
   return /*#__PURE__*/React__default["default"].createElement("form", {
     action: action,
-    className: classNames__default["default"]([styles$s.container, _defineProperty__default["default"]({}, className, className !== null)]),
+    className: classNames__default["default"]([styles$t.container, _defineProperty__default["default"]({}, className, className !== null)]),
     method: method,
     onSubmit: onSubmit
   }, !withoutBackButton && fields !== null && fields.length > 0 && fieldParams !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -611,7 +611,7 @@ var Form = function Form(_ref) {
     outline: true,
     onClick: closeFieldForm
   })) : null, fields && fields.length > 0 && fieldParams !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](['w-100', styles$s.panel]),
+    className: classNames__default["default"](['w-100', styles$t.panel]),
     key: "field"
   }, /*#__PURE__*/React__default["default"].createElement(FieldForm, {
     name: fieldParams.replace(/\//g, '.'),
@@ -627,11 +627,11 @@ var Form = function Form(_ref) {
     onChange: setValue,
     gotoFieldForm: gotoFieldForm,
     closeFieldForm: closeFieldForm,
-    className: classNames__default["default"]([styles$s.fields, _defineProperty__default["default"]({}, fieldsClassName, fieldsClassName !== null)])
+    className: classNames__default["default"]([styles$t.fields, _defineProperty__default["default"]({}, fieldsClassName, fieldsClassName !== null)])
   }) : null, generalError ? /*#__PURE__*/React__default["default"].createElement("p", {
     className: "text-danger my-1"
   }, generalError) : null, children, !withoutActions && fieldParams === null ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles$s.actions, (_ref4 = {}, _defineProperty__default["default"](_ref4, styles$s[actionsAlign], actionsAlign), _defineProperty__default["default"](_ref4, actionsClassName, actionsClassName !== null), _ref4)])
+    className: classNames__default["default"]([styles$t.actions, (_ref4 = {}, _defineProperty__default["default"](_ref4, styles$t[actionsAlign], actionsAlign), _defineProperty__default["default"](_ref4, actionsClassName, actionsClassName !== null), _ref4)])
   }, onCancel !== null || onCancelHref !== null ? /*#__PURE__*/React__default["default"].createElement(Button$1, {
     type: "button",
     onClick: onCancel,
@@ -648,7 +648,7 @@ var Form = function Form(_ref) {
     }]
   })) : null, buttons !== null ? /*#__PURE__*/React__default["default"].createElement(Buttons, {
     buttons: buttons,
-    className: styles$s.buttons
+    className: styles$t.buttons
   }) : /*#__PURE__*/React__default["default"].createElement(Button$1, {
     type: "submit",
     theme: "primary",
@@ -667,7 +667,7 @@ var Form = function Form(_ref) {
 Form.propTypes = propTypes$F;
 Form.defaultProps = defaultProps$F;
 
-var styles$r = {"withoutStyle":"micromag-core-partials-link-withoutStyle"};
+var styles$s = {"withoutStyle":"micromag-core-partials-link-withoutStyle"};
 
 var _excluded$6 = ["href", "external", "children", "target", "rel", "className", "withoutStyle"];
 var propTypes$E = {
@@ -700,12 +700,12 @@ var Link = function Link(_ref) {
       props = _objectWithoutProperties__default["default"](_ref, _excluded$6);
 
   return external ? /*#__PURE__*/React__default["default"].createElement("a", Object.assign({
-    className: classNames__default["default"]([className, _defineProperty__default["default"]({}, styles$r.withoutStyle, withoutStyle)]),
+    className: classNames__default["default"]([className, _defineProperty__default["default"]({}, styles$s.withoutStyle, withoutStyle)]),
     href: href,
     target: target,
     rel: rel
   }, props), /*#__PURE__*/React__default["default"].createElement(Label, null, children)) : /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, Object.assign({
-    className: classNames__default["default"]([className, _defineProperty__default["default"]({}, styles$r.withoutStyle, withoutStyle)]),
+    className: classNames__default["default"]([className, _defineProperty__default["default"]({}, styles$s.withoutStyle, withoutStyle)]),
     to: href
   }, props), /*#__PURE__*/React__default["default"].createElement(Label, null, children));
 };
@@ -940,7 +940,7 @@ var Spinner = function Spinner(_ref) {
 Spinner.propTypes = propTypes$C;
 Spinner.defaultProps = defaultProps$C;
 
-var styles$q = {};
+var styles$r = {};
 
 var _excluded$4 = ["description", "loading", "children", "className"];
 var propTypes$B = {
@@ -964,14 +964,14 @@ var FormPanel = function FormPanel(_ref) {
       props = _objectWithoutProperties__default["default"](_ref, _excluded$4);
 
   return /*#__PURE__*/React__default["default"].createElement(Card, Object.assign({
-    className: classNames__default["default"]([styles$q.container, _defineProperty__default["default"]({}, className, className !== null)])
+    className: classNames__default["default"]([styles$r.container, _defineProperty__default["default"]({}, className, className !== null)])
   }, props), description, loading ? /*#__PURE__*/React__default["default"].createElement(Spinner, null) : children);
 };
 
 FormPanel.propTypes = propTypes$B;
 FormPanel.defaultProps = defaultProps$B;
 
-var styles$p = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
+var styles$q = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
 
 var propTypes$A = {
   items: core.PropTypes.menuItems,
@@ -1000,7 +1000,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("nav", {
     className: className
   }, /*#__PURE__*/React__default["default"].createElement("ol", {
-    className: classNames__default["default"]([styles$p.container, 'breadcrumb', 'mb-0', {
+    className: classNames__default["default"]([styles$q.container, 'breadcrumb', 'mb-0', {
       'p-0': withoutBar,
       'bg-transparent': withoutBar,
       'rounded-0': withoutBar,
@@ -1018,7 +1018,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
     return /*#__PURE__*/React__default["default"].createElement("li", {
       className: classNames__default["default"](['breadcrumb-item', (_ref3 = {
         active: active
-      }, _defineProperty__default["default"](_ref3, styles$p.arrow, separator === 'arrow'), _defineProperty__default["default"](_ref3, "text-".concat(theme), active && theme !== null), _ref3)]),
+      }, _defineProperty__default["default"](_ref3, styles$q.arrow, separator === 'arrow'), _defineProperty__default["default"](_ref3, "text-".concat(theme), active && theme !== null), _ref3)]),
       key: "item-".concat(index)
     }, active ? /*#__PURE__*/React__default["default"].createElement(Label, null, label) : null, !active && url ? /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
       to: url,
@@ -1293,6 +1293,8 @@ var Menu = function Menu(_ref) {
 Menu.propTypes = propTypes$y;
 Menu.defaultProps = defaultProps$y;
 
+var styles$p = {"collapse":"micromag-core-menus-navbar-collapse"};
+
 var propTypes$x = {
   brand: PropTypes__default["default"].node,
   brandLink: PropTypes__default["default"].string,
@@ -1302,10 +1304,12 @@ var propTypes$x = {
   compact: PropTypes__default["default"].bool,
   noWrap: PropTypes__default["default"].bool,
   withoutCollapse: PropTypes__default["default"].bool,
+  withoutCollapseToggle: PropTypes__default["default"].bool,
   children: PropTypes__default["default"].node,
   className: PropTypes__default["default"].string,
   brandClassName: PropTypes__default["default"].string,
-  breadCrumbsClassName: PropTypes__default["default"].string
+  breadCrumbsClassName: PropTypes__default["default"].string,
+  collapseClassName: PropTypes__default["default"].string
 };
 var defaultProps$x = {
   brand: null,
@@ -1316,14 +1320,16 @@ var defaultProps$x = {
   compact: false,
   noWrap: false,
   withoutCollapse: false,
+  withoutCollapseToggle: false,
   children: null,
   className: null,
   brandClassName: null,
-  breadCrumbsClassName: null
+  breadCrumbsClassName: null,
+  collapseClassName: null
 };
 
 var Navbar = function Navbar(_ref) {
-  var _ref2;
+  var _ref2, _ref6;
 
   var brand = _ref.brand,
       brandLink = _ref.brandLink,
@@ -1333,10 +1339,12 @@ var Navbar = function Navbar(_ref) {
       compact = _ref.compact,
       noWrap = _ref.noWrap,
       withoutCollapse = _ref.withoutCollapse,
+      withoutCollapseToggle = _ref.withoutCollapseToggle,
       children = _ref.children,
       className = _ref.className,
       brandClassName = _ref.brandClassName,
-      breadCrumbsClassName = _ref.breadCrumbsClassName;
+      breadCrumbsClassName = _ref.breadCrumbsClassName,
+      collapseClassName = _ref.collapseClassName;
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -1365,7 +1373,7 @@ var Navbar = function Navbar(_ref) {
     className: classNames__default["default"](['navbar-breadcrumbs', _defineProperty__default["default"]({
       'py-0': compact
     }, breadCrumbsClassName, breadCrumbsClassName !== null)])
-  }, breadcrumbs) : null, !withoutCollapse ? /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  }, breadcrumbs) : null, !withoutCollapse && !withoutCollapseToggle ? /*#__PURE__*/React__default["default"].createElement(Button$1, {
     className: "navbar-toggler",
     onClick: onClickMenu,
     withoutTheme: true,
@@ -1375,9 +1383,7 @@ var Navbar = function Navbar(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "navbar-toggler-icon"
   })) : null, !withoutCollapse ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](['navbar-collapse', 'collapse', {
-      show: menuVisible
-    }])
+    className: classNames__default["default"](['navbar-collapse', 'collapse', styles$p.collapse, (_ref6 = {}, _defineProperty__default["default"](_ref6, collapseClassName, collapseClassName !== null), _defineProperty__default["default"](_ref6, "show", menuVisible), _ref6)])
   }, children) : children));
 };
 

package/lib/contexts.js

@@ -249,15 +249,21 @@ var useScreensManager = function useScreensManager() {
 };
 var propTypes$g = {
   screens: core.PropTypes.screenDefinitions,
+  withoutCustomScreens: PropTypes__default["default"].bool,
+  customScreens: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
   manager: PropTypes__default["default"].instanceOf(core.ScreensManager),
   children: PropTypes__default["default"].node.isRequired
 };
 var defaultProps$g = {
   screens: null,
+  withoutCustomScreens: false,
+  customScreens: null,
   manager: null
 };
 var ScreensProvider = function ScreensProvider(_ref) {
   var screens = _ref.screens,
+      customScreens = _ref.customScreens,
+      withoutCustomScreens = _ref.withoutCustomScreens,
       manager = _ref.manager,
       children = _ref.children;
   var previousManager = useScreensManager();
@@ -265,11 +271,20 @@ var ScreensProvider = function ScreensProvider(_ref) {
     var newManager = manager !== null ? manager : new core.ScreensManager(screens);
 
     if ((previousManager || null) !== null) {
-      return previousManager.merge(newManager);
+      newManager = previousManager.merge(newManager);
+    }
+
+    if (withoutCustomScreens) {
+      newManager = previousManager.filter(function (_ref2) {
+        var id = _ref2.id,
+            _ref2$custom = _ref2.custom,
+            custom = _ref2$custom === void 0 ? false : _ref2$custom;
+        return !custom || customScreens !== null && customScreens.indexOf(id) !== -1;
+      });
     }
 
     return newManager;
-  }, [manager, screens, previousManager]);
+  }, [manager, screens, customScreens, withoutCustomScreens, previousManager]);
   var initialComponents = React.useMemo(function () {
     return finalManager.getComponents();
   }, [finalManager]);

package/lib/index.js

@@ -1020,6 +1020,11 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
     value: function merge(manager) {
       return this.addDefinitions(manager.getDefinitions());
     }
+  }, {
+    key: "filter",
+    value: function filter(_filter) {
+      return new DefinitionsManager(this.definitions.filter(_filter));
+    }
   }, {
     key: "getDefinition",
     value: function getDefinition(id) {
@@ -1152,7 +1157,14 @@ var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
     return _super.apply(this, arguments);
   }
 
-  return _createClass__default["default"](FieldsManager);
+  _createClass__default["default"](FieldsManager, [{
+    key: "filter",
+    value: function filter(_filter) {
+      return new FieldsManager(this.definitions.filter(_filter));
+    }
+  }]);
+
+  return FieldsManager;
 }(DefinitionsManager);
 
 var _excluded$2 = ["medias"];
@@ -1461,6 +1473,11 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
 
       return layouts;
     }
+  }, {
+    key: "filter",
+    value: function filter(_filter) {
+      return new ScreensManager(this.definitions.filter(_filter));
+    }
   }]);
 
   return ScreensManager;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.42",
+    "version": "0.3.55",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "a80c775c071fffda13172464ce19db2c46c520a2"
+    "gitHead": "ce5792070a5d2907937bac05f5f5e63e0e524157"
 }