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

package/esm/TableToolbar/TableToolbar.js

@@ -1,59 +1,68 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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;
+};
 import React, { Fragment } from 'react';
-import { Toolbar } from "@patternfly/react-core/dist/esm/components/Toolbar/Toolbar.js";
+import { Toolbar } from '@patternfly/react-core';
 import { useOUIAId } from '@patternfly/react-core/';
 import classNames from 'classnames';
 import propTypes from 'prop-types';
-import "../../TableToolbar/./TableToolbar.css";
-
+import './TableToolbar.css';
 function generateCount(results) {
-  if (results > 1 || results < 1) {
-    return "".concat(results, " Results");
-  } else {
-    return "".concat(results, " Result");
-  }
+    if (results > 1 || results < 1) {
+        return "".concat(results, " Results");
+    }
+    else {
+        return "".concat(results, " Result");
+    }
 }
-
-var TableToolbar = function TableToolbar(_ref) {
-  var isFooter = _ref.isFooter,
-      results = _ref.results,
-      className = _ref.className,
-      selected = _ref.selected,
-      children = _ref.children,
-      ouiaId = _ref.ouiaId,
-      _ref$ouiaSafe = _ref.ouiaSafe,
-      ouiaSafe = _ref$ouiaSafe === void 0 ? true : _ref$ouiaSafe,
-      props = _objectWithoutProperties(_ref, ["isFooter", "results", "className", "selected", "children", "ouiaId", "ouiaSafe"]);
-
-  var tableToolbarClasses = classNames('ins-c-table__toolbar', _defineProperty({}, "ins-m-footer", isFooter), className);
-  var ouiaComponentType = 'RHI/TableToolbar';
-  var ouiaFinalId = useOUIAId(ouiaComponentType, ouiaId, ouiaSafe);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Toolbar, _extends({
-    className: tableToolbarClasses,
-    "data-ouia-component-type": ouiaComponentType,
-    "data-ouia-component-id": ouiaFinalId,
-    "data-ouia-safe": ouiaSafe
-  }, props), children), (results >= 0 || selected >= 0) && /*#__PURE__*/React.createElement("div", {
-    className: "ins-c-table__toolbar-results"
-  }, results >= 0 && /*#__PURE__*/React.createElement("span", {
-    className: "ins-c-table__toolbar-results-count"
-  }, " ", generateCount(results), " "), selected >= 0 && /*#__PURE__*/React.createElement("span", {
-    className: "ins-c-table__toolbar-results-selected"
-  }, " ", selected, " Selected ")));
+var TableToolbar = function (_a) {
+    var _b;
+    var isFooter = _a.isFooter, results = _a.results, className = _a.className, selected = _a.selected, children = _a.children, ouiaId = _a.ouiaId, _c = _a.ouiaSafe, ouiaSafe = _c === void 0 ? true : _c, props = __rest(_a, ["isFooter", "results", "className", "selected", "children", "ouiaId", "ouiaSafe"]);
+    var tableToolbarClasses = classNames('ins-c-table__toolbar', (_b = {}, _b["ins-m-footer"] = isFooter, _b), className);
+    var ouiaComponentType = 'RHI/TableToolbar';
+    var ouiaFinalId = useOUIAId(ouiaComponentType, ouiaId, ouiaSafe);
+    return (React.createElement(Fragment, null,
+        React.createElement(Toolbar, __assign({ className: tableToolbarClasses, "data-ouia-component-type": ouiaComponentType, "data-ouia-component-id": ouiaFinalId, "data-ouia-safe": ouiaSafe }, props), children),
+        (results >= 0 || selected >= 0) && (React.createElement("div", { className: "ins-c-table__toolbar-results" },
+            results >= 0 && React.createElement("span", { className: "ins-c-table__toolbar-results-count" },
+                " ",
+                generateCount(results),
+                " "),
+            selected >= 0 && React.createElement("span", { className: "ins-c-table__toolbar-results-selected" },
+                " ",
+                selected,
+                " Selected ")))));
 };
-
 export default TableToolbar;
 TableToolbar.propTypes = {
-  isFooter: propTypes.bool,
-  results: propTypes.number,
-  children: propTypes.any,
-  className: propTypes.string,
-  selected: propTypes.number,
-  ouiaId: propTypes.string,
-  ouiaSafe: propTypes.bool
+    isFooter: propTypes.bool,
+    results: propTypes.number,
+    children: propTypes.any,
+    className: propTypes.string,
+    selected: propTypes.number,
+    ouiaId: propTypes.string,
+    ouiaSafe: propTypes.bool,
 };
 TableToolbar.defaultProps = {
-  isFooter: false
-};
+    isFooter: false,
+};
+//# sourceMappingURL=TableToolbar.js.map

package/esm/TableToolbar/TableToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.js","sourceRoot":"","sources":["../../src/TableToolbar/TableToolbar.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,qBAAqB,CAAC;AAE7B,SAAS,aAAa,CAAC,OAAO;IAC5B,IAAI,OAAO,GAAG,CAAC,IAAI,OAAO,GAAG,CAAC,EAAE;QAC9B,OAAO,UAAG,OAAO,aAAU,CAAC;KAC7B;SAAM;QACL,OAAO,UAAG,OAAO,YAAS,CAAC;KAC5B;AACH,CAAC;AAED,IAAM,YAAY,GAAG,UAAC,EAAuF;;IAArF,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EAAK,KAAK,cAArF,kFAAuF,CAAF;IACzG,IAAM,mBAAmB,GAAG,UAAU,CAAC,sBAAsB,YAAI,GAAC,cAAc,IAAG,QAAQ,OAAI,SAAS,CAAC,CAAC;IAC1G,IAAM,iBAAiB,GAAG,kBAAkB,CAAC;IAC7C,IAAM,WAAW,GAAG,SAAS,CAAC,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAEnE,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,OAAO,aACN,SAAS,EAAE,mBAAmB,8BACJ,iBAAiB,4BACnB,WAAW,oBACnB,QAAQ,IACpB,KAAK,GAER,QAAQ,CACD;QACT,CAAC,OAAO,IAAI,CAAC,IAAI,QAAQ,IAAI,CAAC,CAAC,IAAI,CAClC,6BAAK,SAAS,EAAC,8BAA8B;YAC1C,OAAO,IAAI,CAAC,IAAI,8BAAM,SAAS,EAAC,oCAAoC;;gBAAG,aAAa,CAAC,OAAO,CAAC;oBAAS;YACtG,QAAQ,IAAI,CAAC,IAAI,8BAAM,SAAS,EAAC,uCAAuC;;gBAAG,QAAQ;6BAAkB,CAClG,CACP,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAE5B,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,QAAQ,EAAE,SAAS,CAAC,GAAG;IACvB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC;AAEF,YAAY,CAAC,YAAY,GAAG;IAC1B,QAAQ,EAAE,KAAK;CAChB,CAAC"}

package/esm/TableToolbar/TableToolbar.scss

@@ -0,0 +1,28 @@
+@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
+
+:root {
+    --ins-c-table-toolbar--PaddingVertical: 16px;
+    --ins-c-table-toolbar--PaddingHorizontal: 32px;
+}
+
+.ins-c-table__toolbar, .ins-c-table__toolbar-results {
+    background: var(--pf-global--Color--light-100);
+    border-bottom: 1px solid var(--pf-global--BorderColor--light-200);
+    padding: var(--ins-c-table-toolbar--PaddingVertical) var(--ins-c-table-toolbar--PaddingHorizontal);
+}
+
+.ins-c-table__toolbar.ins-m-footer { border-top: 1px solid var(--pf-global--BorderColor--light-200); }
+
+.ins-c-table__toolbar-results { color: var(--pf-global--Color--200); }
+
+.ins-c-table__toolbar-results-count + .ins-c-table__toolbar-results-selected {
+    @include rem('margin-left', 15px);
+    @include rem('padding-left', 15px);
+    border-left: 2px solid var(--pf-global--BorderColor--light);
+}
+
+@media only screen and (max-width: 768px) {
+    .ins-c-table__toolbar, .ins-c-table__toolbar-results {
+        padding: 0 0;
+    }
+}

package/esm/TableToolbar/index.js

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

package/esm/TableToolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TableToolbar/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/esm/TagCount/TagCount.js

@@ -1,39 +1,35 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import React from 'react';
-import PropTypes from 'prop-types';
-import "../../TagCount/./tagCount.css";
-import classNames from 'classnames';
-import { Button } from "@patternfly/react-core/dist/esm/components/Button/Button.js";
-import TagIcon from "@patternfly/react-icons/dist/esm/icons/tag-icon";
-import "../../TagCount/./tagCount.css";
-
-var TagCount = function TagCount(_ref) {
-  var count = _ref.count,
-      onTagClick = _ref.onTagClick,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, ["count", "onTagClick", "className"]);
-
-  return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
-    variant: "plain",
-    isDisabled: !count,
-    className: classNames('ins-c-tag-count', className),
-    onClick: onTagClick
-  }), /*#__PURE__*/React.createElement(TagIcon, {
-    size: "md"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "ins-c-tag__text"
-  }, count));
+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);
 };
-
-TagCount.propTypes = {
-  count: PropTypes.number,
-  onTagClick: PropTypes.func,
-  className: PropTypes.string
+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;
 };
-TagCount.defaultProps = {
-  onTagClick: function onTagClick() {
-    return undefined;
-  }
+import React from 'react';
+import classNames from 'classnames';
+import { Button } from '@patternfly/react-core';
+import { TagIcon } from '@patternfly/react-icons';
+import './tagCount.css';
+var TagCount = function (_a) {
+    var count = _a.count, _b = _a.onTagClick, onTagClick = _b === void 0 ? function () { return undefined; } : _b, className = _a.className, props = __rest(_a, ["count", "onTagClick", "className"]);
+    return (React.createElement(Button, __assign({}, props, { variant: "plain", isDisabled: !count, className: classNames('ins-c-tag-count', className), onClick: onTagClick }),
+        React.createElement(TagIcon, { size: "md" }),
+        React.createElement("span", { className: "ins-c-tag__text" }, count)));
 };
-export default TagCount;
+export default TagCount;
+//# sourceMappingURL=TagCount.js.map

package/esm/TagCount/TagCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagCount.js","sourceRoot":"","sources":["../../src/TagCount/TagCount.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,OAAO,iBAAiB,CAAC;AAQzB,IAAM,QAAQ,GAA2C,UAAC,EAA4D;IAA1D,IAAA,KAAK,WAAA,EAAE,kBAA4B,EAA5B,UAAU,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA1D,oCAA4D,CAAF;IAClH,OAAO,CACL,oBAAC,MAAM,eAAK,KAAK,IAAE,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,UAAU;QAC7H,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG;QACrB,8BAAM,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAQ,CACzC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/TagCount/index.js

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

package/esm/TagCount/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TagCount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/esm/TagCount/tagCount.css

@@ -0,0 +1,9 @@
+button.ins-c-tag-count {
+  color: var(--pf-global--icon--Color--light);
+  display: flex;
+  align-content: center;
+}
+
+.ins-c-tag__text {
+  margin-left: 10px;
+}

package/esm/TagCount/tagCount.scss

@@ -0,0 +1,9 @@
+button.ins-c-tag-count {
+    color: var(--pf-global--icon--Color--light);
+    display: flex;
+    align-content: center;
+}
+
+.ins-c-tag__text {
+    margin-left: 10px;
+}

package/esm/TagModal/TableWithFilter.js

@@ -1,18 +1,25 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
-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, { Fragment } from 'react';
-import { Pagination } from "@patternfly/react-core/dist/esm/components/Pagination/Pagination.js";
-import { Bullseye } from "@patternfly/react-core/dist/esm/layouts/Bullseye/Bullseye.js";
-import { EmptyState } from "@patternfly/react-core/dist/esm/components/EmptyState/EmptyState.js";
-import { EmptyStateVariant } from "@patternfly/react-core/dist/esm/components/EmptyState/EmptyState.js";
-import { Title } from "@patternfly/react-core/dist/esm/components/Title/Title.js";
-import { EmptyStateBody } from "@patternfly/react-core/dist/esm/components/EmptyState/EmptyStateBody.js";
+import { Pagination, Bullseye, EmptyState, EmptyStateVariant, Title, EmptyStateBody } from '@patternfly/react-core';
 import { PropTypes } from 'prop-types';
 import { Table, TableHeader, TableBody } from '@patternfly/react-table';
 import { EmptyTable } from '../EmptyTable';
@@ -20,163 +27,111 @@ import { TableToolbar } from '../TableToolbar';
 import { PrimaryToolbar } from '../PrimaryToolbar';
 import { Skeleton } from '../Skeleton';
 import { SkeletonTable } from '../SkeletonTable';
-
-var TableWithFilter = function TableWithFilter(_ref) {
-  var rows = _ref.rows,
-      _onSelect = _ref.onSelect,
-      selected = _ref.selected,
-      onUpdateData = _ref.onUpdateData,
-      pagination = _ref.pagination,
-      loaded = _ref.loaded,
-      calculateChecked = _ref.calculateChecked,
-      unique = _ref.unique,
-      filters = _ref.filters,
-      primaryToolbarProps = _ref.primaryToolbarProps,
-      children = _ref.children,
-      title = _ref.title,
-      systemName = _ref.systemName,
-      columns = _ref.columns,
-      tableProps = _ref.tableProps,
-      entityName = _ref.entityName,
-      bulkSelect = _ref.bulkSelect;
-
-  var onRowSelect = function onRowSelect(_ref2) {
-    var isSelected = _ref2.isSelected,
-        rowId = _ref2.rowId;
-    var currRow = rows === null || rows === void 0 ? void 0 : rows[rowId];
-
-    if (currRow) {
-      _onSelect(isSelected ? [].concat(_toConsumableArray(selected), [currRow]) : selected.filter(function (_ref3) {
-        var id = _ref3.id;
-        return id !== currRow.id;
-      }));
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(Fragment, null, onUpdateData && /*#__PURE__*/React.createElement(PrimaryToolbar, _extends({}, _onSelect && pagination && {
-    bulkSelect: _objectSpread({
-      count: selected === null || selected === void 0 ? void 0 : selected.length,
-      onSelect: function onSelect(isSelected) {
-        if (isSelected) {
-          _onSelect(unique === null || unique === void 0 ? void 0 : unique([].concat(_toConsumableArray(rows), _toConsumableArray(selected))));
-        } else {
-          _onSelect(selected.filter(function (_ref4) {
-            var id = _ref4.id;
-            return !rows.find(function (_ref5) {
-              var rowId = _ref5.id;
-              return rowId === id;
-            });
-          }));
+var TableWithFilter = function (_a) {
+    var rows = _a.rows, onSelect = _a.onSelect, selected = _a.selected, onUpdateData = _a.onUpdateData, pagination = _a.pagination, loaded = _a.loaded, calculateChecked = _a.calculateChecked, unique = _a.unique, filters = _a.filters, primaryToolbarProps = _a.primaryToolbarProps, children = _a.children, title = _a.title, systemName = _a.systemName, columns = _a.columns, tableProps = _a.tableProps, entityName = _a.entityName, bulkSelect = _a.bulkSelect;
+    var onRowSelect = function (_a) {
+        var isSelected = _a.isSelected, rowId = _a.rowId;
+        var currRow = rows === null || rows === void 0 ? void 0 : rows[rowId];
+        if (currRow) {
+            onSelect(isSelected ? __spreadArray(__spreadArray([], selected, true), [currRow], false) : selected.filter(function (_a) {
+                var id = _a.id;
+                return id !== currRow.id;
+            }));
         }
-      },
-      checked: loaded && (calculateChecked === null || calculateChecked === void 0 ? void 0 : calculateChecked(rows, selected)),
-      items: [{
-        title: 'Select none (0)',
-        onClick: function onClick() {
-          return _onSelect([]);
-        }
-      }, _objectSpread({}, loaded && (rows === null || rows === void 0 ? void 0 : rows.length) > 0 ? {
-        title: "Select page (".concat(rows.length, ")"),
-        onClick: function onClick() {
-          return _onSelect(unique([].concat(_toConsumableArray(rows), _toConsumableArray(selected))));
-        }
-      } : {})]
-    }, bulkSelect || {})
-  }, filters && {
-    filterConfig: {
-      items: filters
-    }
-  }, {
-    pagination: loaded ? _objectSpread(_objectSpread({}, pagination || {}), {}, {
-      itemCount: pagination === null || pagination === void 0 ? void 0 : pagination.count,
-      onSetPage: function onSetPage(_e, page) {
-        return onUpdateData(_objectSpread(_objectSpread({}, pagination), {}, {
-          page: page
-        }));
-      },
-      onPerPageSelect: function onPerPageSelect(_e, perPage) {
-        return onUpdateData(_objectSpread(_objectSpread({}, pagination), {}, {
-          page: 1,
-          perPage: perPage
-        }));
-      }
-    }) : /*#__PURE__*/React.createElement(Skeleton, {
-      size: "lg"
-    })
-  }, primaryToolbarProps)), children, loaded ? /*#__PURE__*/React.createElement(Table, _extends({
-    "aria-label": title || "".concat(systemName, " ").concat(entityName),
-    variant: "compact",
-    className: "ins-c-tag-modal__table",
-    cells: columns,
-    rows: rows !== null && rows !== void 0 && rows.length ? rows : [{
-      cells: [{
-        title: /*#__PURE__*/React.createElement(EmptyTable, null, /*#__PURE__*/React.createElement(Bullseye, null, /*#__PURE__*/React.createElement(EmptyState, {
-          variant: EmptyStateVariant.full
-        }, /*#__PURE__*/React.createElement(Title, {
-          headingLevel: "h5",
-          size: "lg"
-        }, "No ", entityName, " found"), /*#__PURE__*/React.createElement(EmptyStateBody, null, "This filter criteria matches no ", entityName, ". ", /*#__PURE__*/React.createElement("br", null), " Try changing your filter settings.")))),
-        props: {
-          colSpan: columns.length
-        }
-      }]
-    }]
-  }, _onSelect && (rows === null || rows === void 0 ? void 0 : rows.length) && {
-    onSelect: function onSelect(_event, isSelected, rowId) {
-      return onRowSelect({
-        isSelected: isSelected,
-        rowId: rowId
-      });
-    }
-  }, tableProps), /*#__PURE__*/React.createElement(TableHeader, null), /*#__PURE__*/React.createElement(TableBody, null)) : /*#__PURE__*/React.createElement(SkeletonTable, {
-    columns: columns,
-    rowSize: (pagination === null || pagination === void 0 ? void 0 : pagination.perPage) || 10
-  }), onUpdateData && pagination && loaded && /*#__PURE__*/React.createElement(TableToolbar, {
-    isFooter: true,
-    className: "ins-c-inventory__table--toolbar"
-  }, /*#__PURE__*/React.createElement(Pagination, {
-    itemCount: pagination === null || pagination === void 0 ? void 0 : pagination.count,
-    perPage: pagination === null || pagination === void 0 ? void 0 : pagination.perPage,
-    page: (pagination === null || pagination === void 0 ? void 0 : pagination.page) || 0,
-    variant: "bottom",
-    onSetPage: function onSetPage(_event, page) {
-      return onUpdateData(_objectSpread(_objectSpread({}, pagination), {}, {
-        page: page
-      }));
-    },
-    onPerPageSelect: function onPerPageSelect(_event, perPage) {
-      return onUpdateData(_objectSpread(_objectSpread({}, pagination), {}, {
-        page: 1,
-        perPage: perPage
-      }));
-    }
-  })));
+    };
+    return (React.createElement(Fragment, null,
+        onUpdateData && (React.createElement(PrimaryToolbar, __assign({}, (onSelect &&
+            pagination && {
+            bulkSelect: __assign({ count: selected === null || selected === void 0 ? void 0 : selected.length, onSelect: function (isSelected) {
+                    if (isSelected) {
+                        onSelect(unique === null || unique === void 0 ? void 0 : unique(__spreadArray(__spreadArray([], rows, true), selected, true)));
+                    }
+                    else {
+                        onSelect(selected.filter(function (_a) {
+                            var id = _a.id;
+                            return !rows.find(function (_a) {
+                                var rowId = _a.id;
+                                return rowId === id;
+                            });
+                        }));
+                    }
+                }, checked: loaded && (calculateChecked === null || calculateChecked === void 0 ? void 0 : calculateChecked(rows, selected)), items: [
+                    {
+                        title: 'Select none (0)',
+                        onClick: function () { return onSelect([]); },
+                    },
+                    __assign({}, (loaded && (rows === null || rows === void 0 ? void 0 : rows.length) > 0
+                        ? {
+                            title: "Select page (".concat(rows.length, ")"),
+                            onClick: function () { return onSelect(unique(__spreadArray(__spreadArray([], rows, true), selected, true))); },
+                        }
+                        : {})),
+                ] }, (bulkSelect || {})),
+        }), (filters && {
+            filterConfig: {
+                items: filters,
+            },
+        }), { pagination: loaded ? (__assign(__assign({}, (pagination || {})), { itemCount: pagination === null || pagination === void 0 ? void 0 : pagination.count, onSetPage: function (_e, page) { return onUpdateData(__assign(__assign({}, pagination), { page: page })); }, onPerPageSelect: function (_e, perPage) { return onUpdateData(__assign(__assign({}, pagination), { page: 1, perPage: perPage })); } })) : (React.createElement(Skeleton, { size: "lg" })) }, primaryToolbarProps))),
+        children,
+        loaded ? (React.createElement(Table, __assign({ "aria-label": title || "".concat(systemName, " ").concat(entityName), variant: "compact", className: "ins-c-tag-modal__table", cells: columns, rows: (rows === null || rows === void 0 ? void 0 : rows.length)
+                ? rows
+                : [
+                    {
+                        cells: [
+                            {
+                                title: (React.createElement(EmptyTable, null,
+                                    React.createElement(Bullseye, null,
+                                        React.createElement(EmptyState, { variant: EmptyStateVariant.full },
+                                            React.createElement(Title, { headingLevel: "h5", size: "lg" },
+                                                "No ",
+                                                entityName,
+                                                " found"),
+                                            React.createElement(EmptyStateBody, null,
+                                                "This filter criteria matches no ",
+                                                entityName,
+                                                ". ",
+                                                React.createElement("br", null),
+                                                " Try changing your filter settings."))))),
+                                props: {
+                                    colSpan: columns.length,
+                                },
+                            },
+                        ],
+                    },
+                ] }, (onSelect &&
+            (rows === null || rows === void 0 ? void 0 : rows.length) && {
+            onSelect: function (_event, isSelected, rowId) { return onRowSelect({ isSelected: isSelected, rowId: rowId }); },
+        }), tableProps),
+            React.createElement(TableHeader, null),
+            React.createElement(TableBody, null))) : (React.createElement(SkeletonTable, { columns: columns, rowSize: (pagination === null || pagination === void 0 ? void 0 : pagination.perPage) || 10 })),
+        onUpdateData && pagination && loaded && (React.createElement(TableToolbar, { isFooter: true, className: "ins-c-inventory__table--toolbar" },
+            React.createElement(Pagination, { itemCount: pagination === null || pagination === void 0 ? void 0 : pagination.count, perPage: pagination === null || pagination === void 0 ? void 0 : pagination.perPage, page: (pagination === null || pagination === void 0 ? void 0 : pagination.page) || 0, variant: "bottom", onSetPage: function (_event, page) { return onUpdateData(__assign(__assign({}, pagination), { page: page })); }, onPerPageSelect: function (_event, perPage) { return onUpdateData(__assign(__assign({}, pagination), { page: 1, perPage: perPage })); } })))));
 };
-
 TableWithFilter.propTypes = {
-  entityName: PropTypes.string,
-  loaded: PropTypes.bool,
-  systemName: PropTypes.string,
-  rows: PropTypes.array,
-  selected: PropTypes.array,
-  columns: PropTypes.array,
-  filters: PropTypes.array,
-  pagination: PropTypes.shape({
-    count: PropTypes.number,
-    page: PropTypes.number,
-    perPage: PropTypes.number
-  }),
-  primaryToolbarProps: PropTypes.object,
-  tableProps: PropTypes.object,
-  children: PropTypes.node,
-  title: PropTypes.node,
-  calculateChecked: PropTypes.func,
-  unique: PropTypes.func,
-  onSelect: PropTypes.func,
-  onUpdateData: PropTypes.func,
-  bulkSelect: PropTypes.any
+    entityName: PropTypes.string,
+    loaded: PropTypes.bool,
+    systemName: PropTypes.string,
+    rows: PropTypes.array,
+    selected: PropTypes.array,
+    columns: PropTypes.array,
+    filters: PropTypes.array,
+    pagination: PropTypes.shape({
+        count: PropTypes.number,
+        page: PropTypes.number,
+        perPage: PropTypes.number,
+    }),
+    primaryToolbarProps: PropTypes.object,
+    tableProps: PropTypes.object,
+    children: PropTypes.node,
+    title: PropTypes.node,
+    calculateChecked: PropTypes.func,
+    unique: PropTypes.func,
+    onSelect: PropTypes.func,
+    onUpdateData: PropTypes.func,
+    bulkSelect: PropTypes.any,
 };
 TableWithFilter.defaultProps = {
-  entityName: 'tags'
+    entityName: 'tags',
 };
-export default TableWithFilter;
+export default TableWithFilter;
+//# sourceMappingURL=TableWithFilter.js.map

package/esm/TagModal/TableWithFilter.js.map

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