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

package/EmptyTable/index.js

@@ -1,23 +1,11 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _EmptyTable["default"];
-  }
-});
-Object.defineProperty(exports, "EmptyTable", {
-  enumerable: true,
-  get: function get() {
-    return _EmptyTable2["default"];
-  }
-});
-
-var _EmptyTable = _interopRequireDefault(require("./EmptyTable"));
-
-var _EmptyTable2 = _interopRequireDefault(require("./EmptyTable.js"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyTable = exports.default = void 0;
+var EmptyTable_1 = require("./EmptyTable");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(EmptyTable_1).default; } });
+var EmptyTable_js_1 = require("./EmptyTable.js");
+Object.defineProperty(exports, "EmptyTable", { enumerable: true, get: function () { return __importDefault(EmptyTable_js_1).default; } });
+//# sourceMappingURL=index.js.map

package/EmptyTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/EmptyTable/index.js"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAChB,iDAAwD;AAA/C,4HAAA,OAAO,OAAc"}

package/EmptyTable/package.json

@@ -1 +1 @@
-{"main":"index.js","module":"../esm/EmptyTable/index.js"}
+{"main":"index.js","module":"../esm/EmptyTable/index.js","typings":"index.d.ts"}

package/ErrorState/DefaultErrorMessage.d.ts

@@ -0,0 +1,2 @@
+declare const DefaultErrorMessage: () => JSX.Element;
+export default DefaultErrorMessage;

package/ErrorState/DefaultErrorMessage.js

@@ -1,23 +1,18 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var DefaultErrorMessage = function DefaultErrorMessage() {
-  var redirectLink = 'https://access.redhat.com/support';
-  var statusLink = 'https://status.redhat.com';
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "If the problem persists, contact ", /*#__PURE__*/_react["default"].createElement("a", {
-    href: redirectLink
-  }, "Red Hat Support"), " or check our ", /*#__PURE__*/_react["default"].createElement("a", {
-    href: statusLink
-  }, " status page"), " for known outages.");
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-
-var _default = DefaultErrorMessage;
-exports["default"] = _default;
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var DefaultErrorMessage = function () {
+    var redirectLink = 'https://access.redhat.com/support';
+    var statusLink = 'https://status.redhat.com';
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        "If the problem persists, contact ",
+        react_1.default.createElement("a", { href: redirectLink }, "Red Hat Support"),
+        " or check our ",
+        react_1.default.createElement("a", { href: statusLink }, " status page"),
+        " for known outages."));
+};
+exports.default = DefaultErrorMessage;
+//# sourceMappingURL=DefaultErrorMessage.js.map

package/ErrorState/DefaultErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultErrorMessage.js","sourceRoot":"","sources":["../src/ErrorState/DefaultErrorMessage.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,IAAM,mBAAmB,GAAG;IAC1B,IAAM,YAAY,GAAG,mCAAmC,CAAC;IACzD,IAAM,UAAU,GAAG,2BAA2B,CAAC;IAE/C,OAAO,CACL;;QACmC,qCAAG,IAAI,EAAE,YAAY,sBAAqB;;QAAc,qCAAG,IAAI,EAAE,UAAU,mBAAkB;8BAE7H,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/ErrorState/ErrorState.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { EmptyStateProps } from '@patternfly/react-core';
+import './error-state.scss';
+export interface ErrorStateProps extends EmptyStateProps {
+    errorTitle?: string;
+    errorDescription?: React.ReactNode;
+}
+declare const ErrorState: React.FunctionComponent<ErrorStateProps>;
+export default ErrorState;

package/ErrorState/ErrorState.js

@@ -1,73 +1,45 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Stack = require("@patternfly/react-core/dist/js/layouts/Stack/Stack.js");
-
-var _StackItem = require("@patternfly/react-core/dist/js/layouts/Stack/StackItem.js");
-
-var _reactIcons = require("@patternfly/react-icons/");
-
-var _DefaultErrorMessage = _interopRequireDefault(require("./DefaultErrorMessage"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Title = require("@patternfly/react-core/dist/js/components/Title/Title.js");
-
-var _EmptyState = require("@patternfly/react-core/dist/js/components/EmptyState/EmptyState.js");
-
-var _EmptyStateIcon = require("@patternfly/react-core/dist/js/components/EmptyState/EmptyStateIcon.js");
-
-var _EmptyStateBody = require("@patternfly/react-core/dist/js/components/EmptyState/EmptyStateBody.js");
-
-var _Button = require("@patternfly/react-core/dist/js/components/Button/Button.js");
-
-require("./error-state.css");
-
-var ErrorState = function ErrorState(_ref) {
-  var errorTitle = _ref.errorTitle,
-      errorDescription = _ref.errorDescription,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["errorTitle", "errorDescription"]);
-  return /*#__PURE__*/_react["default"].createElement(_EmptyState.EmptyState, (0, _extends2["default"])({
-    variant: _EmptyState.EmptyStateVariant.large
-  }, props, {
-    className: "ins-c-error-state"
-  }), /*#__PURE__*/_react["default"].createElement(_EmptyStateIcon.EmptyStateIcon, {
-    icon: _reactIcons.ExclamationCircleIcon
-  }), /*#__PURE__*/_react["default"].createElement(_Title.Title, {
-    headingLevel: "h4",
-    size: "lg"
-  }, errorTitle), /*#__PURE__*/_react["default"].createElement(_EmptyStateBody.EmptyStateBody, null, /*#__PURE__*/_react["default"].createElement(_Stack.Stack, null, !errorDescription && /*#__PURE__*/_react["default"].createElement(_StackItem.StackItem, null, "There was a problem processing the request. Please try again."), /*#__PURE__*/_react["default"].createElement(_StackItem.StackItem, null, errorDescription || /*#__PURE__*/_react["default"].createElement(_DefaultErrorMessage["default"], null)))), document.referrer ? /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "primary",
-    onClick: function onClick() {
-      return history.back();
-    }
-  }, "Return to last page") : /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "primary",
-    component: "a",
-    href: ".",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, "Go to home page"));
+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;
 };
-
-ErrorState.propTypes = {
-  errorTitle: _propTypes["default"].string,
-  errorDescription: _propTypes["default"].string
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-ErrorState.defaultProps = {
-  errorTitle: 'Something went wrong'
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_icons_1 = require("@patternfly/react-icons/");
+var DefaultErrorMessage_1 = __importDefault(require("./DefaultErrorMessage"));
+var react_core_1 = require("@patternfly/react-core");
+require("./error-state.css");
+var ErrorState = function (_a) {
+    var _b = _a.errorTitle, errorTitle = _b === void 0 ? 'Something went wrong' : _b, errorDescription = _a.errorDescription, props = __rest(_a, ["errorTitle", "errorDescription"]);
+    return (react_1.default.createElement(react_core_1.EmptyState, __assign({ variant: react_core_1.EmptyStateVariant.large }, props, { className: "ins-c-error-state" }),
+        react_1.default.createElement(react_core_1.EmptyStateIcon, { icon: react_icons_1.ExclamationCircleIcon }),
+        react_1.default.createElement(react_core_1.Title, { headingLevel: "h4", size: "lg" }, errorTitle),
+        react_1.default.createElement(react_core_1.EmptyStateBody, null,
+            react_1.default.createElement(react_core_1.Stack, null,
+                !errorDescription && react_1.default.createElement(react_core_1.StackItem, null, "There was a problem processing the request. Please try again."),
+                react_1.default.createElement(react_core_1.StackItem, null, errorDescription || react_1.default.createElement(DefaultErrorMessage_1.default, null)))),
+        document.referrer ? (react_1.default.createElement(react_core_1.Button, { variant: "primary", onClick: function () { return history.back(); } }, "Return to last page")) : (react_1.default.createElement(react_core_1.Button, { variant: "primary", component: "a", href: ".", target: "_blank", rel: "noopener noreferrer" }, "Go to home page"))));
 };
-var _default = ErrorState;
-exports["default"] = _default;
+exports.default = ErrorState;
+//# sourceMappingURL=ErrorState.js.map

package/ErrorState/ErrorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.js","sourceRoot":"","sources":["../src/ErrorState/ErrorState.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wDAAiE;AACjE,8EAAwD;AACxD,qDAUgC;AAChC,8BAA4B;AAO5B,IAAM,UAAU,GAA6C,UAAC,EAAmE;IAAjE,IAAA,kBAAmC,EAAnC,UAAU,mBAAG,sBAAsB,KAAA,EAAE,gBAAgB,sBAAA,EAAK,KAAK,cAAjE,kCAAmE,CAAF;IAC7H,OAAO,CACL,8BAAC,uBAAU,aAAC,OAAO,EAAE,8BAAiB,CAAC,KAAK,IAAM,KAAK,IAAE,SAAS,EAAC,mBAAmB;QACpF,8BAAC,2BAAc,IAAC,IAAI,EAAE,mCAAqB,GAAI;QAC/C,8BAAC,kBAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,IAC/B,UAAU,CACL;QACR,8BAAC,2BAAc;YACb,8BAAC,kBAAK;gBACH,CAAC,gBAAgB,IAAI,8BAAC,sBAAS,wEAA0E;gBAC1G,8BAAC,sBAAS,QAAE,gBAAgB,IAAI,8BAAC,6BAAmB,OAAG,CAAa,CAC9D,CACO;QAChB,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnB,8BAAC,mBAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,EAAE,EAAd,CAAc,0BAE9C,CACV,CAAC,CAAC,CAAC,CACF,8BAAC,mBAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,sBAEjF,CACV,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/ErrorState/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './ErrorState';
+export { default as ErrorState } from './ErrorState';
+export { default as DefaultErrorMessage } from './DefaultErrorMessage';

package/ErrorState/index.js

@@ -1,29 +1,13 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _ErrorState["default"];
-  }
-});
-Object.defineProperty(exports, "ErrorState", {
-  enumerable: true,
-  get: function get() {
-    return _ErrorState["default"];
-  }
-});
-Object.defineProperty(exports, "DefaultErrorMessage", {
-  enumerable: true,
-  get: function get() {
-    return _DefaultErrorMessage["default"];
-  }
-});
-
-var _ErrorState = _interopRequireDefault(require("./ErrorState"));
-
-var _DefaultErrorMessage = _interopRequireDefault(require("./DefaultErrorMessage"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultErrorMessage = exports.ErrorState = exports.default = void 0;
+var ErrorState_1 = require("./ErrorState");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ErrorState_1).default; } });
+var ErrorState_2 = require("./ErrorState");
+Object.defineProperty(exports, "ErrorState", { enumerable: true, get: function () { return __importDefault(ErrorState_2).default; } });
+var DefaultErrorMessage_1 = require("./DefaultErrorMessage");
+Object.defineProperty(exports, "DefaultErrorMessage", { enumerable: true, get: function () { return __importDefault(DefaultErrorMessage_1).default; } });
+//# sourceMappingURL=index.js.map

package/ErrorState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/ErrorState/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAChB,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,6DAAuE;AAA9D,2IAAA,OAAO,OAAuB"}

package/ErrorState/package.json

@@ -1 +1 @@
-{"main":"index.js","module":"../esm/ErrorState/index.js"}
+{"main":"index.js","module":"../esm/ErrorState/index.js","typings":"index.d.ts"}

package/FilterChips/FilterChips.d.ts

@@ -0,0 +1,39 @@
+export default FilterChips;
+declare function FilterChips({ className, filters, onDelete, deleteTitle, showDeleteButton, onDeleteGroup }: {
+    className: any;
+    filters: any;
+    onDelete: any;
+    deleteTitle: any;
+    showDeleteButton: any;
+    onDeleteGroup: any;
+}): JSX.Element;
+declare namespace FilterChips {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+        const filters: PropTypes.Requireable<(PropTypes.InferProps<{
+            category: PropTypes.Validator<string>;
+            chips: PropTypes.Validator<(PropTypes.InferProps<{
+                name: PropTypes.Validator<string>;
+                isRead: PropTypes.Requireable<boolean>;
+                count: PropTypes.Requireable<number>;
+            }> | null | undefined)[]>;
+        }> | PropTypes.InferProps<{
+            name: PropTypes.Validator<string>;
+            isRead: PropTypes.Requireable<boolean>;
+            count: PropTypes.Requireable<number>;
+        }> | null | undefined)[]>;
+        const onDelete: PropTypes.Requireable<(...args: any[]) => any>;
+        const onDeleteGroup: PropTypes.Requireable<(...args: any[]) => any>;
+        const deleteTitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const showDeleteButton: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        const filters_1: never[];
+        export { filters_1 as filters };
+        export function onDelete_1(): undefined;
+        export { onDelete_1 as onDelete };
+        const deleteTitle_1: string;
+        export { deleteTitle_1 as deleteTitle };
+    }
+}
+import PropTypes from "prop-types";

package/FilterChips/FilterChips.js

@@ -1,124 +1,78 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Badge = require("@patternfly/react-core/dist/js/components/Badge/Badge.js");
-
-var _Chip = require("@patternfly/react-core/dist/js/components/ChipGroup/Chip.js");
-
-var _ChipGroup = require("@patternfly/react-core/dist/js/components/ChipGroup/ChipGroup.js");
-
-var _Button = require("@patternfly/react-core/dist/js/components/Button/Button.js");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./filter-chips.css");
-
-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) { (0, _defineProperty2["default"])(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 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["default"].createElement(_ChipGroup.ChipGroup, (0, _extends2["default"])({
-      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["default"].createElement(_Chip.Chip, {
-        key: chip.name,
-        onClick: function onClick(event) {
-          event.stopPropagation();
-          onDelete(event, [_objectSpread(_objectSpread({}, group), {}, {
-            chips: [chip]
-          })]);
+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];
         }
-      }, chip.name, chip.count && /*#__PURE__*/_react["default"].createElement(_Badge.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["default"].createElement("span", {
-    className: (0, _classnames["default"])(className, 'ins-c-chip-filters')
-  }, groupedFilters, plainFilters && plainFilters.map(function (chip) {
-    return /*#__PURE__*/_react["default"].createElement(_ChipGroup.ChipGroup, {
-      key: "group_plain_chip_".concat(chip.name)
-    }, /*#__PURE__*/_react["default"].createElement(_Chip.Chip, {
-      onClick: function onClick(event) {
-        event.stopPropagation();
-        onDelete(event, [chip]);
-      }
-    }, chip.name, chip.count && /*#__PURE__*/_react["default"].createElement(_Badge.Badge, {
-      key: "chip_badge_".concat(chip.id),
-      isRead: chip.isRead
-    }, chip.count)));
-  }), (showDeleteButton === true || showDeleteButton === undefined && filters.length > 0) && /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "link",
-    ouiaId: "ClearFilters",
-    onClick: function onClick(event) {
-      return onDelete(event, filters, true);
-    }
-  }, deleteTitle));
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_core_1 = require("@patternfly/react-core");
+var classnames_1 = __importDefault(require("classnames"));
+require("./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_1.default.createElement(react_core_1.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; }));
+        },
+    })), group.chips.map(function (chip) { return (react_1.default.createElement(react_core_1.Chip, { key: chip.name, onClick: function (event) {
+            event.stopPropagation();
+            onDelete(event, [__assign(__assign({}, group), { chips: [chip] })]);
+        } },
+        chip.name,
+        chip.count && (react_1.default.createElement(react_core_1.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_1.default.createElement("span", { className: (0, classnames_1.default)(className, 'ins-c-chip-filters') },
+        groupedFilters,
+        plainFilters &&
+            plainFilters.map(function (chip) { return (react_1.default.createElement(react_core_1.ChipGroup, { key: "group_plain_chip_".concat(chip.name) },
+                react_1.default.createElement(react_core_1.Chip, { onClick: function (event) {
+                        event.stopPropagation();
+                        onDelete(event, [chip]);
+                    } },
+                    chip.name,
+                    chip.count && (react_1.default.createElement(react_core_1.Badge, { key: "chip_badge_".concat(chip.id), isRead: chip.isRead }, chip.count))))); }),
+        (showDeleteButton === true || (showDeleteButton === undefined && filters.length > 0)) && (react_1.default.createElement(react_core_1.Button, { variant: "link", ouiaId: "ClearFilters", onClick: function (event) { return onDelete(event, filters, true); } }, deleteTitle))));
 };
-
 FilterChips.propTypes = {
-  className: _propTypes["default"].string,
-  filters: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].shape({
-    category: _propTypes["default"].string.isRequired,
-    chips: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-      name: _propTypes["default"].string.isRequired,
-      isRead: _propTypes["default"].bool,
-      count: _propTypes["default"].number
-    })).isRequired
-  }), _propTypes["default"].shape({
-    name: _propTypes["default"].string.isRequired,
-    isRead: _propTypes["default"].bool,
-    count: _propTypes["default"].number
-  })])),
-  onDelete: _propTypes["default"].func,
-  onDeleteGroup: _propTypes["default"].func,
-  deleteTitle: _propTypes["default"].node,
-  showDeleteButton: _propTypes["default"].bool
+    className: prop_types_1.default.string,
+    filters: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([
+        prop_types_1.default.shape({
+            category: prop_types_1.default.string.isRequired,
+            chips: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+                name: prop_types_1.default.string.isRequired,
+                isRead: prop_types_1.default.bool,
+                count: prop_types_1.default.number,
+            })).isRequired,
+        }),
+        prop_types_1.default.shape({
+            name: prop_types_1.default.string.isRequired,
+            isRead: prop_types_1.default.bool,
+            count: prop_types_1.default.number,
+        }),
+    ])),
+    onDelete: prop_types_1.default.func,
+    onDeleteGroup: prop_types_1.default.func,
+    deleteTitle: prop_types_1.default.node,
+    showDeleteButton: prop_types_1.default.bool,
 };
 FilterChips.defaultProps = {
-  filters: [],
-  onDelete: function onDelete() {
-    return undefined;
-  },
-  deleteTitle: 'Clear filters'
+    filters: [],
+    onDelete: function () { return undefined; },
+    deleteTitle: 'Clear filters',
 };
-var _default = FilterChips;
-exports["default"] = _default;
+exports.default = FilterChips;
+//# sourceMappingURL=FilterChips.js.map

package/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/FilterChips/index.d.ts

@@ -0,0 +1 @@
+export { default, default as FilterChips } from "./FilterChips";

package/FilterChips/index.js

@@ -1,21 +1,11 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _FilterChips["default"];
-  }
-});
-Object.defineProperty(exports, "FilterChips", {
-  enumerable: true,
-  get: function get() {
-    return _FilterChips["default"];
-  }
-});
-
-var _FilterChips = _interopRequireDefault(require("./FilterChips"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterChips = exports.default = void 0;
+var FilterChips_1 = require("./FilterChips");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FilterChips_1).default; } });
+var FilterChips_2 = require("./FilterChips");
+Object.defineProperty(exports, "FilterChips", { enumerable: true, get: function () { return __importDefault(FilterChips_2).default; } });
+//# sourceMappingURL=index.js.map

package/FilterChips/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/FilterChips/index.js"],"names":[],"mappings":";;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA;AAChB,6CAAuD;AAA9C,2HAAA,OAAO,OAAe"}

package/FilterChips/package.json

@@ -1 +1 @@
-{"main":"index.js","module":"../esm/FilterChips/index.js"}
+{"main":"index.js","module":"../esm/FilterChips/index.js","typings":"index.d.ts"}