@redhat-cloud-services/frontend-components-utilities 3.2.21 → 3.2.24

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,9 +1,30 @@
+/// <reference types="react" />
 import { Access } from '@redhat-cloud-services/rbac-client';
+import type { ChromeAPI } from '@redhat-cloud-services/types';
+declare global {
+    interface Window {
+        insights: {
+            chrome: ChromeAPI;
+        };
+    }
+}
 export interface RBAC {
     isOrgAdmin: boolean;
     permissions: Access[];
 }
 export declare function getRBAC(applicationName?: string, disableCache?: boolean): Promise<RBAC>;
-export declare function doesHavePermissions(userPermissions: (Access | string)[], permissionList: string[]): boolean;
-export declare function hasAllPermissions(userPermissions: (Access | string)[], permissionList: string[]): boolean;
+export declare function doesHavePermissions(userPermissions: (Access | string)[], permissionList: (Access | string)[]): boolean;
+export declare function hasAllPermissions(userPermissions: (Access | string)[], permissionList: (Access | string)[]): boolean;
+export interface UsePermissionsState extends RBAC {
+    isLoading: boolean;
+    hasAccess?: boolean;
+}
+export interface UsePermissionsContextState {
+    isLoading?: boolean;
+    isOrgAdmin: boolean;
+    permissions: (string | Access)[];
+    hasAccess?: (requiredPermissions: string[], checkAll?: boolean) => boolean;
+}
+export declare const initialPermissions: UsePermissionsContextState;
+export declare const RBACContext: import("react").Context<UsePermissionsContextState>;
 export default getRBAC;

package/RBAC/RBAC.js

@@ -36,7 +36,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasAllPermissions = exports.doesHavePermissions = exports.getRBAC = void 0;
+exports.RBACContext = exports.initialPermissions = exports.hasAllPermissions = exports.doesHavePermissions = exports.getRBAC = void 0;
+var react_1 = require("react");
 function getRBAC(applicationName, disableCache) {
     var _a, _b, _c, _d, _e;
     if (applicationName === void 0) { applicationName = ''; }
@@ -95,5 +96,11 @@ function hasAllPermissions(userPermissions, permissionList) {
     });
 }
 exports.hasAllPermissions = hasAllPermissions;
+exports.initialPermissions = {
+    isLoading: true,
+    isOrgAdmin: false,
+    permissions: [],
+};
+exports.RBACContext = (0, react_1.createContext)(exports.initialPermissions);
 exports.default = getRBAC;
 //# sourceMappingURL=RBAC.js.map

package/RBACHook/RBACHook.d.ts

@@ -1,7 +1,9 @@
-import { RBAC } from '../RBAC';
-export interface UsePermissionsState extends RBAC {
-    hasAccess: boolean;
-    isLoading: boolean;
-}
+import { UsePermissionsState } from '../RBAC';
 export declare function usePermissions(appName: string, permissionsList: string[], disableCache?: boolean, checkAll?: boolean): UsePermissionsState;
+export declare const usePermissionsWithContext: (requiredPermissions: string[]) => {
+    hasAccess: boolean;
+    isLoading?: boolean | undefined;
+    isOrgAdmin: boolean;
+    permissions: (string | import("@redhat-cloud-services/rbac-client").Access)[];
+};
 export default usePermissions;

package/RBACHook/RBACHook.js

@@ -46,8 +46,19 @@ 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 };
     }
 };
+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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePermissions = void 0;
+exports.usePermissionsWithContext = exports.usePermissions = void 0;
 var react_1 = require("react");
 var RBAC_1 = require("../RBAC");
 function usePermissions(appName, permissionsList, disableCache, checkAll) {
@@ -59,6 +70,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,19 +79,28 @@ 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;
 }
 exports.usePermissions = usePermissions;
+var usePermissionsWithContext = function (requiredPermissions) {
+    var _a = (0, react_1.useContext)(RBAC_1.RBACContext), hasAccess = _a.hasAccess, permissionState = __rest(_a, ["hasAccess"]);
+    return __assign(__assign({}, permissionState), { hasAccess: (hasAccess === null || hasAccess === void 0 ? void 0 : hasAccess(requiredPermissions)) || false });
+};
+exports.usePermissionsWithContext = usePermissionsWithContext;
 exports.default = usePermissions;
 //# sourceMappingURL=RBACHook.js.map

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/RBAC/RBAC.js

@@ -34,6 +34,7 @@ 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 { createContext } from 'react';
 export function getRBAC(applicationName, disableCache) {
     var _a, _b, _c, _d, _e;
     if (applicationName === void 0) { applicationName = ''; }
@@ -89,5 +90,11 @@ export function hasAllPermissions(userPermissions, permissionList) {
         });
     });
 }
+export var initialPermissions = {
+    isLoading: true,
+    isOrgAdmin: false,
+    permissions: [],
+};
+export var RBACContext = createContext(initialPermissions);
 export default getRBAC;
 //# sourceMappingURL=RBAC.js.map

package/esm/RBACHook/RBACHook.js

@@ -45,8 +45,19 @@ 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';
+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 { useContext, useEffect, useState } from 'react';
+import { RBACContext, doesHavePermissions, getRBAC, hasAllPermissions } from '../RBAC';
 export function usePermissions(appName, permissionsList, disableCache, checkAll) {
     var _this = this;
     var _a = useState({
@@ -56,6 +67,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,18 +76,26 @@ 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;
 }
+export var usePermissionsWithContext = function (requiredPermissions) {
+    var _a = useContext(RBACContext), hasAccess = _a.hasAccess, permissionState = __rest(_a, ["hasAccess"]);
+    return __assign(__assign({}, permissionState), { hasAccess: (hasAccess === null || hasAccess === void 0 ? void 0 : hasAccess(requiredPermissions)) || false });
+};
 export default usePermissions;
 //# sourceMappingURL=RBACHook.js.map

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/inventoryDependencies/inventoryDependencies.d.ts

@@ -103,7 +103,7 @@ import { ToolbarContent } from "@patternfly/react-core/dist/esm/components/Toolb
 import { ToolbarGroup } from "@patternfly/react-core/dist/esm/components/Toolbar/ToolbarGroup";
 import { TextInput } from "@patternfly/react-core/dist/esm/components/TextInput/TextInput";
 import { ChipGroup } from "@patternfly/react-core/dist/esm/components/ChipGroup/ChipGroup";
-import { Chip } from "@patternfly/react-core/dist/esm/components/ChipGroup/Chip";
+import { Chip } from "@patternfly/react-core/dist/esm/components/Chip/Chip";
 import { DropdownToggleCheckbox } from "@patternfly/react-core/dist/esm/components/Dropdown/DropdownToggleCheckbox";
 import { Select } from "@patternfly/react-core/dist/esm/components/Select/Select";
 import { SelectOption } from "@patternfly/react-core/dist/esm/components/Select/SelectOption";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@redhat-cloud-services/frontend-components-utilities",
-    "version": "3.2.21",
+    "version": "3.2.24",
     "description": "Util functions for RedHat Cloud Services project.",
     "main": "index.js",
     "module": "esm/index.js",