@micromag/core 0.3.53 → 0.3.56

package/es/components.js

@@ -1281,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,
@@ -1295,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,
@@ -1312,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),
@@ -1344,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,
@@ -1354,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', styles$p.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,
+  namespaces: PropTypes.arrayOf(PropTypes.string),
+  filterNamespaces: PropTypes.bool,
   manager: PropTypes.instanceOf(ScreensManager),
   children: PropTypes.node.isRequired
 };
 var defaultProps$g = {
   screens: null,
+  namespaces: null,
+  filterNamespaces: false,
   manager: null
 };
 var ScreensProvider = function ScreensProvider(_ref) {
   var screens = _ref.screens,
+      namespaces = _ref.namespaces,
+      filterNamespaces = _ref.filterNamespaces,
       manager = _ref.manager,
       children = _ref.children;
   var previousManager = useScreensManager();
@@ -230,11 +236,21 @@ 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 (filterNamespaces) {
+      newManager = previousManager.filter(function (_ref2) {
+        var _ref2$namespaces = _ref2.namespaces,
+            screenGroups = _ref2$namespaces === void 0 ? null : _ref2$namespaces;
+        return screenGroups === null || namespaces !== null && screenGroups.reduce(function (acc, id) {
+          return acc || namespaces.indexOf(id) !== -1;
+        }, false);
+      });
     }
 
     return newManager;
-  }, [manager, screens, previousManager]);
+  }, [manager, screens, namespaces, filterNamespaces, 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

@@ -1304,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,
@@ -1318,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,
@@ -1335,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),
@@ -1367,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,
@@ -1377,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', styles$p.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,
+  namespaces: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
+  filterNamespaces: PropTypes__default["default"].bool,
   manager: PropTypes__default["default"].instanceOf(core.ScreensManager),
   children: PropTypes__default["default"].node.isRequired
 };
 var defaultProps$g = {
   screens: null,
+  namespaces: null,
+  filterNamespaces: false,
   manager: null
 };
 var ScreensProvider = function ScreensProvider(_ref) {
   var screens = _ref.screens,
+      namespaces = _ref.namespaces,
+      filterNamespaces = _ref.filterNamespaces,
       manager = _ref.manager,
       children = _ref.children;
   var previousManager = useScreensManager();
@@ -265,11 +271,21 @@ 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 (filterNamespaces) {
+      newManager = previousManager.filter(function (_ref2) {
+        var _ref2$namespaces = _ref2.namespaces,
+            screenGroups = _ref2$namespaces === void 0 ? null : _ref2$namespaces;
+        return screenGroups === null || namespaces !== null && screenGroups.reduce(function (acc, id) {
+          return acc || namespaces.indexOf(id) !== -1;
+        }, false);
+      });
     }
 
     return newManager;
-  }, [manager, screens, previousManager]);
+  }, [manager, screens, namespaces, filterNamespaces, 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.53",
+    "version": "0.3.56",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "4805dedd83a278c2c6d811639f5e81539b81b0a6"
+    "gitHead": "8043af68555f4d11bbc067432123c252e38c2745"
 }