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

package/esm/FilterChips/FilterChips.js

@@ -1,106 +1,73 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Badge } from "@patternfly/react-core/dist/esm/components/Badge/Badge.js";
-import { Chip } from "@patternfly/react-core/dist/esm/components/ChipGroup/Chip.js";
-import { ChipGroup } from "@patternfly/react-core/dist/esm/components/ChipGroup/ChipGroup.js";
-import { Button } from "@patternfly/react-core/dist/esm/components/Button/Button.js";
+import { Badge, Chip, ChipGroup, Button } from '@patternfly/react-core';
 import classNames from 'classnames';
-import "../../FilterChips/./filter-chips.css";
-
-var FilterChips = function FilterChips(_ref) {
-  var className = _ref.className,
-      filters = _ref.filters,
-      onDelete = _ref.onDelete,
-      deleteTitle = _ref.deleteTitle,
-      showDeleteButton = _ref.showDeleteButton,
-      onDeleteGroup = _ref.onDeleteGroup;
-  var groups = filters.filter(function (group) {
-    return Object.prototype.hasOwnProperty.call(group, 'category');
-  });
-  var groupedFilters = groups.map(function (group, groupKey) {
-    return /*#__PURE__*/React.createElement(ChipGroup, _extends({
-      key: "group_".concat(group.category),
-      categoryName: String(group.category) || ' '
-    }, onDeleteGroup && {
-      isClosable: true,
-      onClick: function onClick(event) {
-        event.stopPropagation();
-        onDeleteGroup(event, [group], groups.filter(function (_item, key) {
-          return key !== groupKey;
-        }));
-      }
-    }), group.chips.map(function (chip) {
-      return /*#__PURE__*/React.createElement(Chip, {
-        key: chip.name,
-        onClick: function onClick(event) {
-          event.stopPropagation();
-          onDelete(event, [_objectSpread(_objectSpread({}, group), {}, {
-            chips: [chip]
-          })]);
+import './filter-chips.css';
+var FilterChips = function (_a) {
+    var className = _a.className, filters = _a.filters, onDelete = _a.onDelete, deleteTitle = _a.deleteTitle, showDeleteButton = _a.showDeleteButton, onDeleteGroup = _a.onDeleteGroup;
+    var groups = filters.filter(function (group) { return Object.prototype.hasOwnProperty.call(group, 'category'); });
+    var groupedFilters = groups.map(function (group, groupKey) { return (React.createElement(ChipGroup, __assign({ key: "group_".concat(group.category), categoryName: String(group.category) || ' ' }, onDeleteGroup && {
+        isClosable: true,
+        onClick: function (event) {
+            event.stopPropagation();
+            onDeleteGroup(event, [group], groups.filter(function (_item, key) { return key !== groupKey; }));
         }
-      }, chip.name, chip.count && /*#__PURE__*/React.createElement(Badge, {
-        key: "chip_badge_".concat(chip.id),
-        isRead: chip.isRead
-      }, chip.count));
-    }));
-  });
-  var plainFilters = filters.filter(function (group) {
-    return !Object.prototype.hasOwnProperty.call(group, 'category');
-  });
-  return /*#__PURE__*/React.createElement("span", {
-    className: classNames(className, 'ins-c-chip-filters')
-  }, groupedFilters, plainFilters && plainFilters.map(function (chip) {
-    return /*#__PURE__*/React.createElement(ChipGroup, {
-      key: "group_plain_chip_".concat(chip.name)
-    }, /*#__PURE__*/React.createElement(Chip, {
-      onClick: function onClick(event) {
-        event.stopPropagation();
-        onDelete(event, [chip]);
-      }
-    }, chip.name, chip.count && /*#__PURE__*/React.createElement(Badge, {
-      key: "chip_badge_".concat(chip.id),
-      isRead: chip.isRead
-    }, chip.count)));
-  }), (showDeleteButton === true || showDeleteButton === undefined && filters.length > 0) && /*#__PURE__*/React.createElement(Button, {
-    variant: "link",
-    ouiaId: "ClearFilters",
-    onClick: function onClick(event) {
-      return onDelete(event, filters, true);
-    }
-  }, deleteTitle));
+    }), group.chips.map(function (chip) { return (React.createElement(Chip, { key: chip.name, onClick: function (event) {
+            event.stopPropagation();
+            onDelete(event, [__assign(__assign({}, group), { chips: [chip] })]);
+        } },
+        chip.name,
+        chip.count && React.createElement(Badge, { key: "chip_badge_".concat(chip.id), isRead: chip.isRead }, chip.count))); }))); });
+    var plainFilters = filters.filter(function (group) { return !(Object.prototype.hasOwnProperty.call(group, 'category')); });
+    return (React.createElement("span", { className: classNames(className, 'ins-c-chip-filters') },
+        groupedFilters,
+        plainFilters && plainFilters.map(function (chip) { return (React.createElement(ChipGroup, { key: "group_plain_chip_".concat(chip.name) },
+            React.createElement(Chip, { onClick: function (event) {
+                    event.stopPropagation();
+                    onDelete(event, [chip]);
+                } },
+                chip.name,
+                chip.count && React.createElement(Badge, { key: "chip_badge_".concat(chip.id), isRead: chip.isRead }, chip.count)))); }),
+        (showDeleteButton === true || (showDeleteButton === undefined && filters.length > 0)) &&
+            React.createElement(Button, { variant: "link", ouiaId: "ClearFilters", onClick: function (event) { return onDelete(event, filters, true); } }, deleteTitle)));
 };
-
 FilterChips.propTypes = {
-  className: PropTypes.string,
-  filters: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
-    category: PropTypes.string.isRequired,
-    chips: PropTypes.arrayOf(PropTypes.shape({
-      name: PropTypes.string.isRequired,
-      isRead: PropTypes.bool,
-      count: PropTypes.number
-    })).isRequired
-  }), PropTypes.shape({
-    name: PropTypes.string.isRequired,
-    isRead: PropTypes.bool,
-    count: PropTypes.number
-  })])),
-  onDelete: PropTypes.func,
-  onDeleteGroup: PropTypes.func,
-  deleteTitle: PropTypes.node,
-  showDeleteButton: PropTypes.bool
+    className: PropTypes.string,
+    filters: PropTypes.arrayOf(PropTypes.oneOfType([
+        PropTypes.shape({
+            category: PropTypes.string.isRequired,
+            chips: PropTypes.arrayOf(PropTypes.shape({
+                name: PropTypes.string.isRequired,
+                isRead: PropTypes.bool,
+                count: PropTypes.number
+            })).isRequired
+        }),
+        PropTypes.shape({
+            name: PropTypes.string.isRequired,
+            isRead: PropTypes.bool,
+            count: PropTypes.number
+        })
+    ])),
+    onDelete: PropTypes.func,
+    onDeleteGroup: PropTypes.func,
+    deleteTitle: PropTypes.node,
+    showDeleteButton: PropTypes.bool
 };
 FilterChips.defaultProps = {
-  filters: [],
-  onDelete: function onDelete() {
-    return undefined;
-  },
-  deleteTitle: 'Clear filters'
+    filters: [],
+    onDelete: function () { return undefined; },
+    deleteTitle: 'Clear filters'
 };
-export default FilterChips;
+export default FilterChips;
+//# sourceMappingURL=FilterChips.js.map

package/esm/FilterChips/FilterChips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChips.js","sourceRoot":"","sources":["../../src/FilterChips/FilterChips.js"],"names":[],"mappings":"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"}

package/esm/FilterChips/filter-chips.css

@@ -0,0 +1,12 @@
+.ins-c-chip-filters .ins-c-chip-group__plain.pf-m-toolbar > li:not(.pf-m-overflow) {
+  background: none;
+  padding: 0;
+  background-color: initial;
+}
+.ins-c-chip-filters .ins-c-chip-group__plain.pf-m-toolbar > li:not(.pf-m-overflow) h4 {
+  display: none;
+}
+
+.ins-c-chip-filters .pf-c-chip-group:not(:last-child) {
+  margin-right: var(--pf-global--spacer--sm);
+}

package/esm/FilterChips/filter-chips.scss

@@ -0,0 +1,15 @@
+.ins-c-chip-filters .ins-c-chip-group__plain.pf-m-toolbar > li:not(.pf-m-overflow) {
+    background: none;
+    padding: 0;
+    background-color: initial;
+
+    h4 {
+        display: none;
+    }
+}
+
+.ins-c-chip-filters {
+    .pf-c-chip-group:not(:last-child) {
+        margin-right: var(--pf-global--spacer--sm);
+    }
+}

package/esm/FilterChips/index.js

@@ -1,2 +1,3 @@
 export { default } from './FilterChips';
-export { default as FilterChips } from './FilterChips';
+export { default as FilterChips } from './FilterChips';
+//# sourceMappingURL=index.js.map

package/esm/FilterChips/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FilterChips/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/esm/FilterHooks/constants.js

@@ -1,116 +1,106 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import React from 'react';
-import { Badge } from "@patternfly/react-core/dist/esm/components/Badge/Badge.js";
-import { Tooltip } from "@patternfly/react-core/dist/esm/components/Tooltip/Tooltip.js";
-export function mapGroups(currSelection) {
-  var valuesKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'values';
-  return Object.entries(currSelection || {}).reduce(function (acc, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        groupKey = _ref2[0],
-        groupValue = _ref2[1];
-
-    var values = constructValues(groupValue, groupKey);
-
-    if (values.length > 0) {
-      var _values$, _values$$group, _values$2, _values$2$group;
-
-      return [].concat(_toConsumableArray(acc), [_defineProperty({
-        type: 'tags',
-        key: groupKey,
-        category: ((_values$ = values[0]) === null || _values$ === void 0 ? void 0 : (_values$$group = _values$.group) === null || _values$$group === void 0 ? void 0 : _values$$group.value) || ((_values$2 = values[0]) === null || _values$2 === void 0 ? void 0 : (_values$2$group = _values$2.group) === null || _values$2$group === void 0 ? void 0 : _values$2$group.label)
-      }, valuesKey, values)]);
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
     }
-
-    return acc;
-  }, []);
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from 'react';
+import { Badge, Tooltip } from '@patternfly/react-core';
+export function mapGroups(currSelection, valuesKey) {
+    if (valuesKey === void 0) { valuesKey = 'values'; }
+    return Object.entries(currSelection || {}).reduce(function (acc, _a) {
+        var _b;
+        var _c, _d, _e, _f;
+        var groupKey = _a[0], groupValue = _a[1];
+        var values = constructValues(groupValue, groupKey);
+        if (values.length > 0) {
+            return __spreadArray(__spreadArray([], acc, true), [
+                (_b = {
+                        type: 'tags',
+                        key: groupKey,
+                        category: ((_d = (_c = values[0]) === null || _c === void 0 ? void 0 : _c.group) === null || _d === void 0 ? void 0 : _d.value) || ((_f = (_e = values[0]) === null || _e === void 0 ? void 0 : _e.group) === null || _f === void 0 ? void 0 : _f.label)
+                    },
+                    _b[valuesKey] = values,
+                    _b)
+            ], false);
+        }
+        return acc;
+    }, []);
 }
 export function constructValues(groupValue, groupKey) {
-  return Object.entries(groupValue || {}).reduce(function (acc, _ref4) {
-    var _ref5 = _slicedToArray(_ref4, 2),
-        key = _ref5[0],
-        _ref5$ = _ref5[1],
-        isSelected = _ref5$.isSelected,
-        group = _ref5$.group,
-        value = _ref5$.value,
-        item = _ref5$.item;
-
-    if (isSelected) {
-      var _item$meta;
-
-      var _ref6 = (item === null || item === void 0 ? void 0 : (_item$meta = item.meta) === null || _item$meta === void 0 ? void 0 : _item$meta.tag) || {
-        key: (item === null || item === void 0 ? void 0 : item.tagKey) || groupKey,
-        value: value || (item === null || item === void 0 ? void 0 : item.tagValue)
-      },
-          tagKey = _ref6.key,
-          tagValue = _ref6.value;
-
-      return [].concat(_toConsumableArray(acc), [{
-        key: key,
-        tagKey: tagKey,
-        value: tagValue,
-        name: "".concat(tagKey).concat(tagValue ? "=".concat(tagValue) : ''),
-        group: _objectSpread({
-          value: groupKey
-        }, group)
-      }]);
-    }
-
-    return acc;
-  }, []);
+    return Object.entries(groupValue || {}).reduce(function (acc, _a) {
+        var _b;
+        var key = _a[0], _c = _a[1], isSelected = _c.isSelected, group = _c.group, value = _c.value, item = _c.item;
+        if (isSelected) {
+            var _d = ((_b = item === null || item === void 0 ? void 0 : item.meta) === null || _b === void 0 ? void 0 : _b.tag) || {
+                key: (item === null || item === void 0 ? void 0 : item.tagKey) || groupKey,
+                value: value || (item === null || item === void 0 ? void 0 : item.tagValue)
+            }, tagKey = _d.key, tagValue = _d.value;
+            return __spreadArray(__spreadArray([], acc, true), [
+                {
+                    key: key,
+                    tagKey: tagKey,
+                    value: tagValue,
+                    name: "".concat(tagKey).concat(tagValue ? "=".concat(tagValue) : ''),
+                    group: __assign({ value: groupKey }, group)
+                }
+            ], false);
+        }
+        return acc;
+    }, []);
 }
-export function constructGroups(allTags) {
-  var item = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'item';
-  return allTags.map(function (_ref7) {
-    var name = _ref7.name,
-        tags = _ref7.tags,
-        _ref7$type = _ref7.type,
-        type = _ref7$type === void 0 ? 'checkbox' : _ref7$type,
-        rest = _objectWithoutProperties(_ref7, ["name", "tags", "type"]);
-
-    return _objectSpread(_objectSpread({}, rest), {}, {
-      label: name,
-      value: name,
-      type: type,
-      items: tags.map(function (_ref8) {
-        var count = _ref8.count,
-            _ref8$tag = _ref8.tag,
-            tagKey = _ref8$tag.key,
-            value = _ref8$tag.value;
-        var tagText = "".concat(tagKey).concat(value ? "=".concat(value) : '');
-        return {
-          className: 'ins-c-tagfilter__option',
-          label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-            content: tagText
-          }, /*#__PURE__*/React.createElement("div", {
-            className: "ins-c-tagfilter__option-value"
-          }, tagText)), count !== undefined && /*#__PURE__*/React.createElement(Tooltip, {
-            position: "right",
-            enableFlip: true,
-            content: "Applicable to ".concat(count, " ").concat(item).concat(count === 1 ? '' : 's', ".")
-          }, /*#__PURE__*/React.createElement(Badge, {
-            isRead: count <= 0
-          }, count))),
-          meta: {
-            count: count,
-            tag: {
-              key: tagKey,
-              value: value
-            }
-          },
-          id: "".concat(tagKey, "-").concat(value),
-          tagKey: tagKey,
-          value: tagText,
-          tagValue: value
-        };
-      })
+export function constructGroups(allTags, item) {
+    if (item === void 0) { item = 'item'; }
+    return allTags.map(function (_a) {
+        var name = _a.name, tags = _a.tags, _b = _a.type, type = _b === void 0 ? 'checkbox' : _b, rest = __rest(_a, ["name", "tags", "type"]);
+        return (__assign(__assign({}, rest), { label: name, value: name, type: type, items: tags.map(function (_a) {
+                var count = _a.count, _b = _a.tag, tagKey = _b.key, value = _b.value;
+                var tagText = "".concat(tagKey).concat(value ? "=".concat(value) : '');
+                return ({
+                    className: 'ins-c-tagfilter__option',
+                    label: React.createElement(React.Fragment, null,
+                        React.createElement(Tooltip, { content: tagText },
+                            React.createElement("div", { className: "ins-c-tagfilter__option-value" }, tagText)),
+                        count !== undefined && (React.createElement(Tooltip, { position: "right", enableFlip: true, content: "Applicable to ".concat(count, " ").concat(item).concat(count === 1 ? '' : 's', ".") },
+                            React.createElement(Badge, { isRead: count <= 0 }, count)))),
+                    meta: {
+                        count: count,
+                        tag: {
+                            key: tagKey,
+                            value: value
+                        }
+                    },
+                    id: "".concat(tagKey, "-").concat(value),
+                    tagKey: tagKey,
+                    value: tagText,
+                    tagValue: value
+                });
+            }) }));
     });
-  });
-}
+}
+//# sourceMappingURL=constants.js.map

package/esm/FilterHooks/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/FilterHooks/constants.js"],"names":[],"mappings":"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"}

package/esm/FilterHooks/index.js

@@ -1,3 +1,4 @@
 export { useTagsFilter as default } from './tagFilterHook';
 export * from './tagFilterHook';
-export * from './constants';
+export * from './constants';
+//# sourceMappingURL=index.js.map

package/esm/FilterHooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FilterHooks/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC"}

package/esm/FilterHooks/tagFilterHook.css

@@ -0,0 +1,22 @@
+.ins-c-tagfilter .ins-c-tagfilter__option label {
+  display: flex;
+  width: 100%;
+}
+.ins-c-tagfilter .ins-c-tagfilter__option label .ins-c-tagfilter__option-value {
+  max-width: 12.5rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ins-c-tagfilter .ins-c-tagfilter__option label .pf-c-badge {
+  margin-left: auto;
+  padding-top: 0.2;
+}
+.ins-c-tagfilter .pf-c-select__menu-group-title:empty {
+  display: none;
+}
+.ins-c-tagfilter .pf-c-select__menu > div {
+  padding-top: 0;
+}
+.ins-c-tagfilter.pf-m-expanded {
+  width: 18.75rem !important;
+}