@redhat-cloud-services/frontend-components-utilities 3.2.20 → 3.2.23

package/MiddlewareListener/MiddlewareListener.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, AnyAction } from 'redux';
+import { AnyAction, Dispatch } from 'redux';
 export declare type Listener<T = any> = {
     callback: (data: {
         data: T;

package/RBAC/RBAC.d.ts

@@ -1,5 +1,5 @@
 import { Access } from '@redhat-cloud-services/rbac-client';
-import { ChromeAPI } from '@redhat-cloud-services/types';
+import type { ChromeAPI } from '@redhat-cloud-services/types';
 declare global {
     interface Window {
         insights: {

package/RBACHook/RBACHook.js

@@ -59,6 +59,7 @@ function usePermissions(appName, permissionsList, disableCache, checkAll) {
         permissions: [],
     }), permissions = _a[0], setPermissions = _a[1];
     (0, react_1.useEffect)(function () {
+        var ignore = false;
         setPermissions(function (prev) { return (__assign(__assign({}, prev), { isLoading: true })); });
         (function () { return __awaiter(_this, void 0, void 0, function () {
             var _a, isOrgAdmin, userPermissions;
@@ -67,16 +68,20 @@ function usePermissions(appName, permissionsList, disableCache, checkAll) {
                     case 0: return [4, (0, RBAC_1.getRBAC)(appName, disableCache)];
                     case 1:
                         _a = _b.sent(), isOrgAdmin = _a.isOrgAdmin, userPermissions = _a.permissions;
-                        setPermissions({
-                            isLoading: false,
-                            isOrgAdmin: isOrgAdmin,
-                            permissions: userPermissions,
-                            hasAccess: checkAll ? (0, RBAC_1.hasAllPermissions)(userPermissions, permissionsList) : (0, RBAC_1.doesHavePermissions)(userPermissions, permissionsList),
-                        });
+                        !ignore &&
+                            setPermissions({
+                                isLoading: false,
+                                isOrgAdmin: isOrgAdmin,
+                                permissions: userPermissions,
+                                hasAccess: checkAll ? (0, RBAC_1.hasAllPermissions)(userPermissions, permissionsList) : (0, RBAC_1.doesHavePermissions)(userPermissions, permissionsList),
+                            });
                         return [2];
                 }
             });
         }); })();
+        return function () {
+            ignore = true;
+        };
     }, [appName, disableCache]);
     return permissions;
 }

package/ReducerRegistry/ReducerRegistry.d.ts

@@ -1,4 +1,4 @@
-import { compose, ActionCreator, Store, Reducer, Middleware } from 'redux';
+import { ActionCreator, Middleware, Reducer, Store, compose } from 'redux';
 export declare function applyReducerHash(reducerHash: any, initialState?: Record<string, unknown>): (state: Record<string, unknown> | undefined, action: {
     type: PropertyKey;
 }) => any;

package/esm/RBACHook/RBACHook.js

@@ -45,8 +45,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { useState, useEffect } from 'react';
-import { getRBAC, doesHavePermissions, hasAllPermissions } from '../RBAC';
+import { useEffect, useState } from 'react';
+import { doesHavePermissions, getRBAC, hasAllPermissions } from '../RBAC';
 export function usePermissions(appName, permissionsList, disableCache, checkAll) {
     var _this = this;
     var _a = useState({
@@ -56,6 +56,7 @@ export function usePermissions(appName, permissionsList, disableCache, checkAll)
         permissions: [],
     }), permissions = _a[0], setPermissions = _a[1];
     useEffect(function () {
+        var ignore = false;
         setPermissions(function (prev) { return (__assign(__assign({}, prev), { isLoading: true })); });
         (function () { return __awaiter(_this, void 0, void 0, function () {
             var _a, isOrgAdmin, userPermissions;
@@ -64,16 +65,20 @@ export function usePermissions(appName, permissionsList, disableCache, checkAll)
                     case 0: return [4, getRBAC(appName, disableCache)];
                     case 1:
                         _a = _b.sent(), isOrgAdmin = _a.isOrgAdmin, userPermissions = _a.permissions;
-                        setPermissions({
-                            isLoading: false,
-                            isOrgAdmin: isOrgAdmin,
-                            permissions: userPermissions,
-                            hasAccess: checkAll ? hasAllPermissions(userPermissions, permissionsList) : doesHavePermissions(userPermissions, permissionsList),
-                        });
+                        !ignore &&
+                            setPermissions({
+                                isLoading: false,
+                                isOrgAdmin: isOrgAdmin,
+                                permissions: userPermissions,
+                                hasAccess: checkAll ? hasAllPermissions(userPermissions, permissionsList) : doesHavePermissions(userPermissions, permissionsList),
+                            });
                         return [2];
                 }
             });
         }); })();
+        return function () {
+            ignore = true;
+        };
     }, [appName, disableCache]);
     return permissions;
 }

package/esm/ReducerRegistry/ReducerRegistry.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { applyMiddleware, combineReducers, createStore, compose } from 'redux';
+import { applyMiddleware, combineReducers, compose, createStore } from 'redux';
 export function applyReducerHash(reducerHash, initialState) {
     if (initialState === void 0) { initialState = {}; }
     return function (state, action) {

package/esm/RouterParams/RouterParams.js

@@ -37,7 +37,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import PropTypes from 'prop-types';
-import { withRouter, matchPath } from 'react-router-dom';
+import { matchPath, withRouter } from 'react-router-dom';
 import { connect } from 'react-redux';
 import isEqual from 'lodash/isEqual';
 var RouterParams = (function (_super) {

package/esm/interceptors/interceptors.js

@@ -61,7 +61,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import axios from 'axios';
-import { configureScope, captureException } from '@sentry/browser';
+import { captureException, configureScope } from '@sentry/browser';
 var HttpError = (function (_super) {
     __extends(HttpError, _super);
     function HttpError(description) {

package/esm/inventoryDependencies/inventoryDependencies.js

@@ -1,4 +1,4 @@
-import { Badge, Bullseye, Button, Checkbox, ClipboardCopy, Dropdown, DropdownItem, DropdownPosition, DropdownToggle, DropdownToggleCheckbox, TextInput, Grid, GridItem, Tab, Tabs, Switch, Form, FormGroup, FormSelect, FormSelectOption, Label, EmptyState, EmptyStateBody, EmptyStateIcon, EmptyStateVariant, Select, SelectOption, SelectVariant, SelectGroup, Radio, ChipGroup, Chip, Title, Split, SplitItem, Spinner, Flex, FlexItem, Pagination, PaginationVariant, Tooltip, Modal, Stack, StackItem, Level, LevelItem, KebabToggle, Toolbar, ToolbarItem, ToolbarContent, ToolbarGroup, Drawer, DrawerPanelContent, DrawerContent, DrawerContentBody, DrawerPanelBody, DrawerActions, DrawerHead, DrawerCloseButton, } from '@patternfly/react-core';
+import { Badge, Bullseye, Button, Checkbox, Chip, ChipGroup, ClipboardCopy, Drawer, DrawerActions, DrawerCloseButton, DrawerContent, DrawerContentBody, DrawerHead, DrawerPanelBody, DrawerPanelContent, Dropdown, DropdownItem, DropdownPosition, DropdownToggle, DropdownToggleCheckbox, EmptyState, EmptyStateBody, EmptyStateIcon, EmptyStateVariant, Flex, FlexItem, Form, FormGroup, FormSelect, FormSelectOption, Grid, GridItem, KebabToggle, Label, Level, LevelItem, Modal, Pagination, PaginationVariant, Radio, Select, SelectGroup, SelectOption, SelectVariant, Spinner, Split, SplitItem, Stack, StackItem, Switch, Tab, Tabs, TextInput, Title, Toolbar, ToolbarContent, ToolbarGroup, ToolbarItem, Tooltip, } from '@patternfly/react-core';
 import { CubesIcon, ExclamationTriangleIcon } from '@patternfly/react-icons';
 export var reactIcons = {
     CubesIcon: CubesIcon,

package/esm/useInventory/useInventory.js

@@ -45,9 +45,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import * as reactRouterDom from 'react-router-dom';
-import { Table as PfTable, TableBody, TableHeader, TableGridBreakpoint, cellWidth, TableVariant, sortable, expandable, SortByDirection, } from '@patternfly/react-table';
+import { Table as PfTable, SortByDirection, TableBody, TableGridBreakpoint, TableHeader, TableVariant, cellWidth, expandable, sortable, } from '@patternfly/react-table';
 console.error('"useInventory" hook is deprecated and will be removed in v4. Please use Chrome 2.0 compatible Inventory version.');
 export var useInventory = function (_a) {
     var store = _a.store, tableReducer = _a.tableReducer, detailReducer = _a.detailReducer, getRegistry = _a.getRegistry;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@redhat-cloud-services/frontend-components-utilities",
-    "version": "3.2.20",
+    "version": "3.2.23",
     "description": "Util functions for RedHat Cloud Services project.",
     "main": "index.js",
     "module": "esm/index.js",
@@ -37,7 +37,7 @@
     },
     "dependencies": {
         "@sentry/browser": "^5.4.0",
-        "@redhat-cloud-services/types": "0.0.1",
+        "@redhat-cloud-services/types": "^0.0.5",
         "awesome-debounce-promise": "^2.1.0",
         "axios": "^0.25.0",
         "commander": ">=2.20.0",