@redhat-cloud-services/frontend-components 3.5.0 → 3.5.1

package/ConditionalFilter/GroupFilter.js

@@ -219,7 +219,7 @@ var Group = function Group(_ref) {
       })
     }, /*#__PURE__*/_react["default"].createElement(_MenuContent.MenuContent, null, /*#__PURE__*/_react["default"].createElement(_MenuList.MenuList, null, menuItems.length > 0 && /*#__PURE__*/_react["default"].createElement(_MenuGroup.MenuGroup, null, renderItems(menuItems)), groupMenuItems.map(function (group, groupKey) {
       return /*#__PURE__*/_react["default"].createElement(_MenuGroup.MenuGroup, {
-        label: group.label,
+        label: group.groupSelectable ? undefined : group.label,
         key: "".concat(group.label, "-").concat(groupKey, "-group")
       }, renderItems(group.items, group.type, group.value, group));
     }), onShowMore ? /*#__PURE__*/_react["default"].createElement(_MenuItem.MenuItem, (0, _extends2["default"])({
@@ -254,6 +254,7 @@ Group.propTypes = {
   filterBy: _propTypes["default"].string,
   onFilter: _propTypes["default"].func,
   groups: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    groupSelectable: _propTypes["default"].bool,
     type: _propTypes["default"].oneOf(Object.keys(_groupType["default"])),
     value: _propTypes["default"].string,
     label: _propTypes["default"].node,

package/ConditionalFilter/groupFilterConstants.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.onTreeCheck = exports.mapTree = exports.calculateSelected = exports.getGroupMenuItems = exports.convertTreeItem = exports.getMenuItems = exports.isChecked = void 0;
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -54,6 +56,7 @@ var getMenuItems = function getMenuItems(items, onChange, calculateSelected, gro
   var group = arguments.length > 7 ? arguments[7] : undefined;
   var result = (items === null || items === void 0 ? void 0 : items.map(function (item, index) {
     return _objectSpread(_objectSpread({}, item), {}, {
+      className: "".concat((item === null || item === void 0 ? void 0 : item.className) || 'pf-u-pl-sm'),
       key: item.id || item.value || index,
       value: String(item.value || item.id || index),
       onClick: function onClick(event, treeViewItem, checked) {
@@ -97,10 +100,11 @@ var getGroupMenuItems = function getGroupMenuItems(groups, onChange, calculateSe
   var result = groups.map(function (_ref2) {
     var value = _ref2.value,
         label = _ref2.label,
+        groupSelectable = _ref2.groupSelectable,
         id = _ref2.id,
         type = _ref2.type,
         items = _ref2.items,
-        group = (0, _objectWithoutProperties2["default"])(_ref2, ["value", "label", "id", "type", "items"]);
+        group = (0, _objectWithoutProperties2["default"])(_ref2, ["value", "label", "groupSelectable", "id", "type", "items"]);
     var converted = type === _groupType["default"].treeView ? items.map(function (item) {
       return convertTreeItem(item);
     }) : items;
@@ -108,7 +112,14 @@ var getGroupMenuItems = function getGroupMenuItems(groups, onChange, calculateSe
       label: label,
       value: value,
       type: type,
-      items: getMenuItems(converted, onChange, calculateSelected, type, value, label, id, group)
+      groupSelectable: groupSelectable,
+      items: getMenuItems([].concat((0, _toConsumableArray2["default"])(groupSelectable ? [_objectSpread({
+        value: value,
+        label: label,
+        id: id,
+        type: type,
+        className: 'pf-u-pl-xs'
+      }, group)] : []), (0, _toConsumableArray2["default"])(converted)), onChange, calculateSelected, type, value, label, id, group)
     };
   });
   return result.filter(function (_ref3) {

package/esm/ConditionalFilter/GroupFilter.js

@@ -184,7 +184,7 @@ var Group = function Group(_ref) {
       })
     }, /*#__PURE__*/React.createElement(MenuContent, null, /*#__PURE__*/React.createElement(MenuList, null, menuItems.length > 0 && /*#__PURE__*/React.createElement(MenuGroup, null, renderItems(menuItems)), groupMenuItems.map(function (group, groupKey) {
       return /*#__PURE__*/React.createElement(MenuGroup, {
-        label: group.label,
+        label: group.groupSelectable ? undefined : group.label,
         key: "".concat(group.label, "-").concat(groupKey, "-group")
       }, renderItems(group.items, group.type, group.value, group));
     }), onShowMore ? /*#__PURE__*/React.createElement(MenuItem, _extends({
@@ -219,6 +219,7 @@ Group.propTypes = {
   filterBy: PropTypes.string,
   onFilter: PropTypes.func,
   groups: PropTypes.arrayOf(PropTypes.shape({
+    groupSelectable: PropTypes.bool,
     type: PropTypes.oneOf(Object.keys(groupType)),
     value: PropTypes.string,
     label: PropTypes.node,

package/esm/ConditionalFilter/groupFilterConstants.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
@@ -40,6 +41,7 @@ export var getMenuItems = function getMenuItems(items, onChange, calculateSelect
   var group = arguments.length > 7 ? arguments[7] : undefined;
   var result = (items === null || items === void 0 ? void 0 : items.map(function (item, index) {
     return _objectSpread(_objectSpread({}, item), {}, {
+      className: "".concat((item === null || item === void 0 ? void 0 : item.className) || 'pf-u-pl-sm'),
       key: item.id || item.value || index,
       value: String(item.value || item.id || index),
       onClick: function onClick(event, treeViewItem, checked) {
@@ -77,10 +79,11 @@ export var getGroupMenuItems = function getGroupMenuItems(groups, onChange, calc
   var result = groups.map(function (_ref2) {
     var value = _ref2.value,
         label = _ref2.label,
+        groupSelectable = _ref2.groupSelectable,
         id = _ref2.id,
         type = _ref2.type,
         items = _ref2.items,
-        group = _objectWithoutProperties(_ref2, ["value", "label", "id", "type", "items"]);
+        group = _objectWithoutProperties(_ref2, ["value", "label", "groupSelectable", "id", "type", "items"]);
 
     var converted = type === groupTypes.treeView ? items.map(function (item) {
       return convertTreeItem(item);
@@ -89,7 +92,14 @@ export var getGroupMenuItems = function getGroupMenuItems(groups, onChange, calc
       label: label,
       value: value,
       type: type,
-      items: getMenuItems(converted, onChange, calculateSelected, type, value, label, id, group)
+      groupSelectable: groupSelectable,
+      items: getMenuItems([].concat(_toConsumableArray(groupSelectable ? [_objectSpread({
+        value: value,
+        label: label,
+        id: id,
+        type: type,
+        className: 'pf-u-pl-xs'
+      }, group)] : []), _toConsumableArray(converted)), onChange, calculateSelected, type, value, label, id, group)
     };
   });
   return result.filter(function (_ref3) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@redhat-cloud-services/frontend-components",
-    "version": "3.5.0",
+    "version": "3.5.1",
     "description": "Common components for RedHat Cloud Services project.",
     "main": "index.js",
     "module": "esm/index.js",