@rhc-shared-components/packages-table 0.1.1 → 0.2.4

package/dist/index.js

@@ -1312,7 +1312,6 @@ function FilterableTable(_ref) {
     var sortedRows = sortFn ? lodash.sortBy(filteredItems, sortFn) : sortField ? lodash.sortBy(filteredItems, function (item) {
       return item[sortField];
     }) : filteredItems;
-    setPage(1);
     setSortTableBy({
       index: index,
       direction: direction
@@ -1364,6 +1363,7 @@ function FilterableTable(_ref) {
    */
 
   var onFilterChange = function onFilterChange(selected, index) {
+    handleItemsPropChangeCallback();
     setTableFilters(function (prevState) {
       prevState[index] = selected;
       return [].concat(prevState);
@@ -1447,14 +1447,14 @@ function FilterableTable(_ref) {
         key: "pkg-table-row-" + rowIdx + "-col-" + colIdx
       }, (_renderRow = renderRow(row)) == null ? void 0 : _renderRow[colIdx]);
     }));
-  }) : React__default["default"].createElement(Td, {
+  }) : React__default["default"].createElement(Tr, null, React__default["default"].createElement(Td, {
     colSpan: columns.length
   }, React__default["default"].createElement(reactCore.EmptyState, null, React__default["default"].createElement(reactCore.EmptyStateIcon, {
     icon: SearchIcon
   }), React__default["default"].createElement(reactCore.Title, {
     headingLevel: 'h5',
     size: 'lg'
-  }, "No results found")))))), renderPagination('bottom'));
+  }, "No results found"))))))), renderPagination('bottom'));
 }
 
 var FilterInput = function FilterInput(_ref) {
@@ -1573,10 +1573,8 @@ function EcoSelect(_ref) {
     var result = selected.includes(selection) ? selected.filter(function (item) {
       return item !== selection;
     }) : [selection].concat(selected);
-    setSelected(function () {
-      onChange && onChange(result, event);
-      return result;
-    });
+    setSelected(result);
+    onChange && onChange(result, event);
   };
 
   var id = lodash.uniqueId('select-');
@@ -1871,7 +1869,7 @@ var PackagesTable = function PackagesTable(_ref) {
   }, React__namespace.createElement(VulnerabilitiesTable, {
     vulnerabilities: uniqueVulnerabilities,
     isLoading: isLoading
-  })), excludedPackages.length >= 0 && React__namespace.createElement(reactCore.Tab, {
+  })), excludedPackages.length > 0 && React__namespace.createElement(reactCore.Tab, {
     eventKey: 1,
     title: "Excluded Packages (" + excludedPackages.length + ")"
   }, React__namespace.createElement("p", {

package/dist/index.modern.js

@@ -1267,7 +1267,6 @@ function FilterableTable({
     const sortField = columns == null ? void 0 : (_columns$index = columns[index]) == null ? void 0 : _columns$index.sortField;
     const sortFn = columns == null ? void 0 : (_columns$index2 = columns[index]) == null ? void 0 : _columns$index2.sortFn;
     const sortedRows = sortFn ? sortBy(filteredItems, sortFn) : sortField ? sortBy(filteredItems, item => item[sortField]) : filteredItems;
-    setPage(1);
     setSortTableBy({
       index,
       direction
@@ -1313,6 +1312,7 @@ function FilterableTable({
    */
 
   const onFilterChange = (selected, index) => {
+    handleItemsPropChangeCallback();
     setTableFilters(prevState => {
       prevState[index] = selected;
       return [...prevState];
@@ -1388,14 +1388,14 @@ function FilterableTable({
     return React__default.createElement(Td, {
       key: `pkg-table-row-${rowIdx}-col-${colIdx}`
     }, (_renderRow = renderRow(row)) == null ? void 0 : _renderRow[colIdx]);
-  }))) : React__default.createElement(Td, {
+  }))) : React__default.createElement(Tr, null, React__default.createElement(Td, {
     colSpan: columns.length
   }, React__default.createElement(EmptyState, null, React__default.createElement(EmptyStateIcon, {
     icon: SearchIcon
   }), React__default.createElement(Title, {
     headingLevel: 'h5',
     size: 'lg'
-  }, "No results found")))))), renderPagination('bottom'));
+  }, "No results found"))))))), renderPagination('bottom'));
 }
 
 const FilterInput = ({
@@ -1501,10 +1501,8 @@ function EcoSelect({
 
   const onSelect = (event, selection) => {
     const result = selected.includes(selection) ? selected.filter(item => item !== selection) : [selection, ...selected];
-    setSelected(() => {
-      onChange && onChange(result, event);
-      return result;
-    });
+    setSelected(result);
+    onChange && onChange(result, event);
   };
 
   const id = uniqueId('select-');
@@ -1768,7 +1766,7 @@ const PackagesTable = ({
   }, React.createElement(VulnerabilitiesTable, {
     vulnerabilities: uniqueVulnerabilities,
     isLoading: _isLoading
-  })), excludedPackages.length >= 0 && React.createElement(Tab, {
+  })), excludedPackages.length > 0 && React.createElement(Tab, {
     eventKey: 1,
     title: `Excluded Packages (${excludedPackages.length})`
   }, React.createElement("p", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhc-shared-components/packages-table",
-  "version": "0.1.1",
+  "version": "0.2.4",
   "description": "project description",
   "author": "redhatofficial",
   "license": "MIT",
@@ -77,5 +77,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7bb0a6ef2260429dc158e3fc2e2ff1541b35bcf4"
+  "gitHead": "ac41ad2aacd69501d4aac8572f96bffd173a34d4"
 }