@rh-support/components 2.5.31 → 2.5.32

package/lib/esm/Table/PFTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PFTable.d.ts","sourceRoot":"","sources":["../../../src/Table/PFTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,OAAO,EAIP,YAAY,EAOf,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AA+B3E,UAAU,OAAO;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,CAAC,KAAA,EAAE,CAAC,KAAA,EAAE,aAAa,CAAC,KAAA,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAElD;;;OAGG;IACH,IAAI,CAAC,EAAE,CAAC,IAAI,KAAA,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACzB,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;CACpF;AAED,UAAU,SAAS;IACf,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,cAAc;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,GAAG,KAAA,EAAE,KAAK,KAAA,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,GAAG,CAAC;IACnE,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,UAAU,KAAA,EAAE,QAAQ,KAAA,EAAE,OAAO,KAAA,EAAE,SAAS,KAAA,KAAK,IAAI,CAAC;IACrE,cAAc,CAAC,EAAE,CAAC,OAAO,KAAA,EAAE,SAAS,KAAA,KAAK,GAAG,EAAE,CAAC;IAC/C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,kBAAkB,CAAC,EAAE,CAAC,OAAO,KAAA,EAAE,SAAS,KAAA,KAAK,OAAO,CAAC;IACrD,OAAO,CAAC,EAAE,YAAY,CAAC;CAC1B;AAGD,eAAO,MAAM,sBAAsB,gCAAoB,CAAC;AAExD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,qBAiQ7B;AAED,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"PFTable.d.ts","sourceRoot":"","sources":["../../../src/Table/PFTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,OAAO,EAIP,YAAY,EAOf,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AA+B3E,UAAU,OAAO;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,CAAC,KAAA,EAAE,CAAC,KAAA,EAAE,aAAa,CAAC,KAAA,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAElD;;;OAGG;IACH,IAAI,CAAC,EAAE,CAAC,IAAI,KAAA,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACzB,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;CACpF;AAED,UAAU,SAAS;IACf,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,cAAc;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,GAAG,KAAA,EAAE,KAAK,KAAA,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,GAAG,CAAC;IACnE,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,UAAU,KAAA,EAAE,QAAQ,KAAA,EAAE,OAAO,KAAA,EAAE,SAAS,KAAA,KAAK,IAAI,CAAC;IACrE,cAAc,CAAC,EAAE,CAAC,OAAO,KAAA,EAAE,SAAS,KAAA,KAAK,GAAG,EAAE,CAAC;IAC/C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,kBAAkB,CAAC,EAAE,CAAC,OAAO,KAAA,EAAE,SAAS,KAAA,KAAK,OAAO,CAAC;IACrD,OAAO,CAAC,EAAE,YAAY,CAAC;CAC1B;AAGD,eAAO,MAAM,sBAAsB,gCAAoB,CAAC;AAExD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,qBAyQ7B;AAED,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC"}

package/lib/esm/Table/PFTable.js

@@ -78,16 +78,18 @@ function PFTable(props) {
         setProcessedData(sortedData);
     }, [processedData, columns, onSortChange]);
     useEffect(() => {
-        setProcessedData([...data]);
         pagination && !keepPageNumberOnDataChange && setSelectedPage(1);
         if (sortBy && sortBy.direction && sortBy.index !== undefined && (data || []).length > 0) {
             const actualIndex = isSelectColumnVisible ? sortBy.index - 1 : sortBy.index;
             setSortedRows(actualIndex, sortBy.direction, data);
         }
+        else {
+            setProcessedData([...data]);
+        }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [data]);
-    const getVisibleRows = () => pagination ? processedData.slice((currentPage - 1) * perPage, currentPage * perPage) : processedData;
-    const onRowSelect = (event, isSelected, rowIndex) => {
+    }, [data, columns]);
+    const getVisibleRows = useCallback(() => (pagination ? processedData.slice((currentPage - 1) * perPage, currentPage * perPage) : processedData), [currentPage, pagination, perPage, processedData]);
+    const onRowSelect = useCallback((event, isSelected, rowIndex) => {
         if (rowIndex === -1) {
             // Select all rows
             setAllRowsSelected(isSelected);
@@ -113,7 +115,7 @@ function PFTable(props) {
             const rowData = rowIndex === -1 ? null : processedData[rowIndex];
             onSelect(event, isSelected, rowIndex, rowData, null);
         }
-    };
+    }, [onSelect, processedData, selectedRows]);
     const renderTableHeader = () => {
         const visibleColumns = columns.filter((column) => column.show !== false);
         return (React.createElement(Thead, null,
@@ -135,7 +137,7 @@ function PFTable(props) {
                 }),
                 (actionResolver || actions) && React.createElement(Th, null))));
     };
-    const renderTableBody = () => {
+    const renderTableBody = useCallback(() => {
         const visibleRows = getVisibleRows();
         const visibleColumns = columns.filter((column) => column.show !== false);
         // Handle empty state
@@ -145,7 +147,7 @@ function PFTable(props) {
                     React.createElement(Td, { colSpan: emptyStateRow.colSpan }, emptyStateRow.content))));
         }
         // Handle loading state
-        if (isLoading) {
+        if (isLoading || processedData.length !== data.length) {
             return (React.createElement(Tbody, null,
                 React.createElement(Tr, null,
                     React.createElement(Td, { colSpan: loadingRow.colSpan }, loadingRow.content))));
@@ -182,7 +184,8 @@ function PFTable(props) {
                             ? areActionsDisabled(row, { rowIndex: globalRowIndex })
                             : false }))))));
         })));
-    };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [processedData, getVisibleRows]);
     return (React.createElement(Table, Object.assign({}, restProps, { variant: variant, className: className || '' }),
         renderTableHeader(),
         renderTableBody()));

package/lib/esm/TagsSelector/TagsSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagsSelector.d.ts","sourceRoot":"","sources":["../../../src/TagsSelector/TagsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAmB3B,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,UAAU,MAAM;IACZ,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,WAAW,EACX,EAAE,EACF,SAAS,EACT,YAAiB,EACjB,QAAgB,GACnB,EAAE,MAAM,qBAkKR"}
+{"version":3,"file":"TagsSelector.d.ts","sourceRoot":"","sources":["../../../src/TagsSelector/TagsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAmB3B,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,UAAU,MAAM;IACZ,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,WAAW,EACX,EAAE,EACF,SAAS,EACT,YAAiB,EACjB,QAAgB,GACnB,EAAE,MAAM,qBAmKR"}

package/lib/esm/TagsSelector/TagsSelector.js

@@ -67,6 +67,6 @@ export function TagsSelector({ tagOptions, onChange, placeholder, id, typeahead,
             React.createElement("span", { className: `${!isEmpty(selected) && 'pf-v6-u-ml-md'}` }, placeholder || React.createElement(Trans, null, "Select a tag"))),
         !isEmpty(selected) && (React.createElement(FlexItem, null,
             React.createElement(Button, { icon: React.createElement(TimesCircleIcon, { "aria-hidden": true }), variant: "plain", onClick: handleClear, "aria-label": "clear-all-tags" })))))));
-    return (React.createElement(Select, { isOpen: isOpen, selected: selected, toggle: toggle, onSelect: (_, selection) => onSelect(selection), isScrollable: true, onOpenChange: () => setIsOpen(false), popperProps: { direction: 'down', enableFlip: false }, id: "tag-selector" },
+    return (React.createElement(Select, { isOpen: isOpen, selected: selected, toggle: toggle, onSelect: (_, selection) => onSelect(selection), isScrollable: true, onOpenChange: () => setIsOpen(false), popperProps: { direction: 'down', enableFlip: false }, id: "tag-selector", variant: typeahead ? 'typeahead' : 'default' },
         React.createElement(SelectList, { isAriaMultiselectable: true }, selectOptions.map((tag, index) => (React.createElement(SelectOption, { key: tag.id, value: tag, isFocused: index === focusedItemIndex, isSelected: selected.some((t) => t.id === tag.id) }, tag.tagName))))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.5.31",
+    "version": "2.5.32",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -106,5 +106,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "1987aef1be6d63188e3313e7f8a6d5d563f6aae4"
+    "gitHead": "0ecaec663e234789df10d8f8a98a46757388e573"
 }