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

package/esm/FilterHooks/tagFilterHook.js

@@ -1,124 +1,101 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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);
+};
+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 to.concat(ar || Array.prototype.slice.call(from));
+};
 import React, { useState, useEffect } from 'react';
 import { constructGroups, mapGroups } from './constants';
-import { Spinner } from "@patternfly/react-core/dist/esm/components/Spinner/Spinner.js";
-import "../../FilterHooks/./tagFilterHook.css";
-export var tagsFilterState = {
-  tagsFilter: {}
-};
+import { Spinner } from '@patternfly/react-core';
+import './tagFilterHook.css';
+export var tagsFilterState = { tagsFilter: {} };
 export var TAGS_FILTER = 'TAGS_FILTER';
-export var tagsFilterReducer = function tagsFilterReducer(_state, _ref) {
-  var type = _ref.type,
-      payload = _ref.payload;
-  return _objectSpread({}, type === TAGS_FILTER && {
-    tagsFilter: payload
-  });
+export var tagsFilterReducer = function (_state, _a) {
+    var type = _a.type, payload = _a.payload;
+    return (__assign({}, (type === TAGS_FILTER && {
+        tagsFilter: payload,
+    })));
+};
+export var useTagsFilter = function (allTags, loaded, additionalTagsCount, onShowMoreClick, _a, itemText, showMoreTitle) {
+    if (allTags === void 0) { allTags = []; }
+    if (loaded === void 0) { loaded = false; }
+    if (additionalTagsCount === void 0) { additionalTagsCount = 0; }
+    var _b = _a === void 0 ? [tagsFilterState] : _a, globalState = _b[0], dispatch = _b[1];
+    if (itemText === void 0) { itemText = 'item'; }
+    var _c = useState({
+        allTags: [],
+        loaded: false,
+        additionalTagsCount: 0,
+    }), state = _c[0], setState = _c[1];
+    useEffect(function () {
+        setState(function () { return ({
+            allTags: allTags,
+            loaded: loaded,
+            additionalTagsCount: additionalTagsCount,
+        }); });
+    }, [loaded]);
+    var _d = useState({}), selectedStateTags = _d[0], setStateValue = _d[1];
+    var selectedTags = dispatch ? globalState.tagsFilter : selectedStateTags;
+    var setValue = dispatch ? function (newValue) { return dispatch({ type: TAGS_FILTER, payload: newValue }); } : setStateValue;
+    var _f = useState(''), filterTagsBy = _f[0], seFilterTagsBy = _f[1];
+    var filter = __assign(__assign({ className: 'ins-c-tagfilter', onFilter: function (value) { return seFilterTagsBy(value); }, filterBy: filterTagsBy, onChange: function (_e, newSelection, group, item, groupKey, itemKey) {
+            if (item.meta) {
+                var isSelected = !!newSelection[groupKey][itemKey];
+                newSelection[groupKey][itemKey] = {
+                    isSelected: isSelected,
+                    group: group,
+                    item: item,
+                };
+                setValue(newSelection);
+            }
+        }, selected: selectedTags }, (additionalTagsCount && {
+        onShowMore: function () {
+            var props = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                props[_i] = arguments[_i];
+            }
+            return onShowMoreClick && onShowMoreClick.apply(void 0, props);
+        },
+        showMoreTitle: showMoreTitle || "".concat(state.additionalTagsCount, " more tags available"),
+    })), (loaded && allTags.length > 0
+        ? {
+            groups: __spreadArray([], constructGroups(allTags, itemText), true),
+        }
+        : {
+            value: '',
+            items: [
+                {
+                    value: '',
+                    label: !state.loaded ? (React.createElement("span", { key: "no-tags-tooltip" },
+                        ' ',
+                        React.createElement(Spinner, { size: "md" }),
+                        ' ')) : (React.createElement("div", { className: "ins-c-tagfilter__no-tags" }, " No tags available ")),
+                    isDisabled: true,
+                    className: 'ins-c-tagfilter__tail',
+                },
+            ],
+        }));
+    return {
+        filter: filter,
+        chips: mapGroups(selectedTags, 'chips'),
+        selectedTags: selectedTags,
+        setValue: setValue,
+        filterTagsBy: filterTagsBy,
+        seFilterTagsBy: seFilterTagsBy,
+    };
 };
-export var useTagsFilter = function useTagsFilter() {
-  var allTags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var loaded = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var additionalTagsCount = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var onShowMoreClick = arguments.length > 3 ? arguments[3] : undefined;
-
-  var _ref2 = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [tagsFilterState],
-      _ref3 = _slicedToArray(_ref2, 2),
-      globalState = _ref3[0],
-      dispatch = _ref3[1];
-
-  var itemText = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'item';
-  var showMoreTitle = arguments.length > 6 ? arguments[6] : undefined;
-
-  var _useState = useState({
-    allTags: [],
-    loaded: false,
-    additionalTagsCount: 0
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  useEffect(function () {
-    setState(function () {
-      return {
-        allTags: allTags,
-        loaded: loaded,
-        additionalTagsCount: additionalTagsCount
-      };
-    });
-  }, [loaded]);
-
-  var _useState3 = useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      selectedStateTags = _useState4[0],
-      setStateValue = _useState4[1];
-
-  var selectedTags = dispatch ? globalState.tagsFilter : selectedStateTags;
-  var setValue = dispatch ? function (newValue) {
-    return dispatch({
-      type: TAGS_FILTER,
-      payload: newValue
-    });
-  } : setStateValue;
-
-  var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      filterTagsBy = _useState6[0],
-      seFilterTagsBy = _useState6[1];
-
-  var filter = _objectSpread(_objectSpread({
-    className: 'ins-c-tagfilter',
-    onFilter: function onFilter(value) {
-      return seFilterTagsBy(value);
-    },
-    filterBy: filterTagsBy,
-    onChange: function onChange(_e, newSelection, group, item, groupKey, itemKey) {
-      if (item.meta) {
-        var isSelected = newSelection[groupKey][itemKey];
-        newSelection[groupKey][itemKey] = {
-          isSelected: isSelected,
-          group: group,
-          item: item
-        };
-        setValue(newSelection);
-      }
-    },
-    selected: selectedTags
-  }, additionalTagsCount && {
-    onShowMore: function onShowMore() {
-      return onShowMoreClick && onShowMoreClick.apply(void 0, arguments);
-    },
-    showMoreTitle: showMoreTitle || "".concat(state.additionalTagsCount, " more tags available")
-  }), loaded && allTags.length > 0 ? {
-    groups: _toConsumableArray(constructGroups(allTags, itemText))
-  } : {
-    value: '',
-    items: [{
-      value: '',
-      label: !state.loaded ? /*#__PURE__*/React.createElement("span", {
-        key: "no-tags-tooltip"
-      }, " ", /*#__PURE__*/React.createElement(Spinner, {
-        size: "md"
-      }), " ") : /*#__PURE__*/React.createElement("div", {
-        className: "ins-c-tagfilter__no-tags"
-      }, " No tags available "),
-      isDisabled: true,
-      className: 'ins-c-tagfilter__tail'
-    }]
-  });
-
-  return {
-    filter: filter,
-    chips: mapGroups(selectedTags, 'chips'),
-    selectedTags: selectedTags,
-    setValue: setValue,
-    filterTagsBy: filterTagsBy,
-    seFilterTagsBy: seFilterTagsBy
-  };
-};
+//# sourceMappingURL=tagFilterHook.js.map

package/esm/FilterHooks/tagFilterHook.js.map

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

package/esm/FilterHooks/tagFilterHook.scss

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

package/esm/Filters/FilterDropdown.js

@@ -1,143 +1,89 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import React, { Component } from 'react';
-import { Dropdown } from "@patternfly/react-core/dist/esm/components/Dropdown/Dropdown.js";
-import { DropdownToggle } from "@patternfly/react-core/dist/esm/components/Dropdown/DropdownToggle.js";
-import { Level } from "@patternfly/react-core/dist/esm/layouts/Level/Level.js";
+import { Dropdown, DropdownToggle, Level } from '@patternfly/react-core';
 import { getDefaultOUIAId } from '@patternfly/react-core/';
 import PropTypes from 'prop-types';
 import FilterInput from './FilterInput.js';
-import "../../Filters/./filter-dropdown.css";
-
-var FilterDropdown = /*#__PURE__*/function (_Component) {
-  _inherits(FilterDropdown, _Component);
-
-  var _super = _createSuper(FilterDropdown);
-
-  function FilterDropdown() {
-    var _this;
-
-    _classCallCheck(this, FilterDropdown);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+import './filter-dropdown.css';
+var FilterDropdown = (function (_super) {
+    __extends(FilterDropdown, _super);
+    function FilterDropdown() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            isOpen: false,
+            ouiaStateId: getDefaultOUIAId('RHI/FilterDropdown'),
+        };
+        _this.addRemoveFilters = function (selectedValue, filterName, type, isChecked) {
+            switch (type) {
+                case 'checkbox':
+                    isChecked ? _this.props.addFilter(filterName, selectedValue, type) : _this.props.removeFilter(filterName, selectedValue);
+                    break;
+                case 'radio':
+                    _this.props.addFilter(filterName, selectedValue, type);
+                    break;
+            }
+        };
+        _this.onToggle = function (isOpen) {
+            _this.setState({
+                isOpen: isOpen,
+            });
+        };
+        return _this;
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      isOpen: false,
-      ouiaStateId: getDefaultOUIAId('RHI/FilterDropdown')
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "addRemoveFilters", function (selectedValue, filterName, type, isChecked) {
-      switch (type) {
-        case 'checkbox':
-          isChecked ? _this.props.addFilter(filterName, selectedValue, type) : _this.props.removeFilter(filterName, selectedValue);
-          break;
-
-        case 'radio':
-          _this.props.addFilter(filterName, selectedValue, type);
-
-          break;
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onToggle", function (isOpen) {
-      _this.setState({
-        isOpen: isOpen
-      });
-    });
-
-    return _this;
-  }
-
-  _createClass(FilterDropdown, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          hideCategories = _this$props.hideCategories,
-          filters = _this$props.filters,
-          filterCategories = _this$props.filterCategories,
-          label = _this$props.label,
-          ouiaId = _this$props.ouiaId,
-          ouiaSafe = _this$props.ouiaSafe;
-      var _this$state = this.state,
-          isOpen = _this$state.isOpen,
-          ouiaStateId = _this$state.ouiaStateId;
-      var ouiaFinalId = ouiaId !== undefined ? ouiaId : ouiaStateId;
-      return /*#__PURE__*/React.createElement(Dropdown, {
-        className: "ins-c-filter__dropdown",
-        onSelect: this.onSelect,
-        toggle: /*#__PURE__*/React.createElement(DropdownToggle, {
-          ouiaId: ouiaFinalId,
-          ouiaSafe: ouiaSafe,
-          onToggle: this.onToggle
-        }, label),
-        isOpen: isOpen,
-        ouiaId: ouiaFinalId,
-        ouiaSafe: ouiaSafe
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "pf-c-dropdown__menu-item"
-      }, filterCategories.map(function (data, index) {
-        return !hideCategories.includes(data.urlParam) && /*#__PURE__*/React.createElement(Level, {
-          key: "".concat(data.urlParam).concat(index)
-        }, data.title, data.values.map(function (item, key) {
-          return /*#__PURE__*/React.createElement(FilterInput, {
-            key: "check".concat(index).concat(key),
-            "aria-label": item.label,
-            id: "".concat(data.urlParam).concat(key),
-            label: item.label,
-            addRemoveFilters: _this2.addRemoveFilters,
-            param: data.urlParam,
-            type: data.type,
-            value: item.value,
-            filters: filters
-          });
-        }), index !== filterCategories.length - 1 && /*#__PURE__*/React.createElement("br", null));
-      })));
-    }
-  }]);
-
-  return FilterDropdown;
-}(Component);
-
+    FilterDropdown.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, hideCategories = _a.hideCategories, filters = _a.filters, filterCategories = _a.filterCategories, label = _a.label, ouiaId = _a.ouiaId, ouiaSafe = _a.ouiaSafe;
+        var _b = this.state, isOpen = _b.isOpen, ouiaStateId = _b.ouiaStateId;
+        var ouiaFinalId = ouiaId !== undefined ? ouiaId : ouiaStateId;
+        return (React.createElement(Dropdown, { className: "ins-c-filter__dropdown", onSelect: this.onSelect, toggle: React.createElement(DropdownToggle, { ouiaId: ouiaFinalId, ouiaSafe: ouiaSafe, onToggle: this.onToggle }, label), isOpen: isOpen, ouiaId: ouiaFinalId, ouiaSafe: ouiaSafe },
+            React.createElement("div", { className: "pf-c-dropdown__menu-item" }, filterCategories.map(function (data, index) {
+                return !hideCategories.includes(data.urlParam) && (React.createElement(Level, { key: "".concat(data.urlParam).concat(index) },
+                    data.title,
+                    data.values.map(function (item, key) { return (React.createElement(FilterInput, { key: "check".concat(index).concat(key), "aria-label": item.label, id: "".concat(data.urlParam).concat(key), label: item.label, addRemoveFilters: _this.addRemoveFilters, param: data.urlParam, type: data.type, value: item.value, filters: filters })); }),
+                    index !== filterCategories.length - 1 && React.createElement("br", null)));
+            }))));
+    };
+    return FilterDropdown;
+}(Component));
 FilterDropdown.propTypes = {
-  addFilter: PropTypes.func,
-  removeFilter: PropTypes.func,
-  hideCategories: PropTypes.array,
-  filters: PropTypes.object,
-  filterCategories: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string,
-    type: PropTypes.type,
-    urlParam: PropTypes.string,
-    values: PropTypes.arrayOf(PropTypes.shape({
-      label: PropTypes.node,
-      value: PropTypes.any
-    }))
-  })),
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  ouiaId: PropTypes.string,
-  ouiaSafe: PropTypes.bool
+    addFilter: PropTypes.func,
+    removeFilter: PropTypes.func,
+    hideCategories: PropTypes.array,
+    filters: PropTypes.object,
+    filterCategories: PropTypes.arrayOf(PropTypes.shape({
+        title: PropTypes.string,
+        type: PropTypes.type,
+        urlParam: PropTypes.string,
+        values: PropTypes.arrayOf(PropTypes.shape({
+            label: PropTypes.node,
+            value: PropTypes.any,
+        })),
+    })),
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    ouiaId: PropTypes.string,
+    ouiaSafe: PropTypes.bool,
 };
 FilterDropdown.defaultProps = {
-  addFilter: Function.prototype,
-  removeFilter: Function.prototype,
-  hideCategories: [],
-  filters: {},
-  label: 'Filters',
-  ouiaSafe: true
+    addFilter: Function.prototype,
+    removeFilter: Function.prototype,
+    hideCategories: [],
+    filters: {},
+    label: 'Filters',
+    ouiaSafe: true,
 };
-export default FilterDropdown;
+export default FilterDropdown;
+//# sourceMappingURL=FilterDropdown.js.map

package/esm/Filters/FilterDropdown.js.map

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