@redhat-cloud-services/frontend-components-utilities 3.2.6 → 3.2.9

package/RBAC/RBAC.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getRBAC = getRBAC;
 exports.doesHavePermissions = doesHavePermissions;
+exports["default"] = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -21,6 +22,7 @@ function _getRBAC() {
     var _insights$chrome, _insights$chrome$auth, _user$identity, _user$identity$user, _insights$chrome2;
 
     var applicationName,
+        disableCache,
         insights,
         user,
         _args = arguments;
@@ -29,34 +31,35 @@ function _getRBAC() {
         switch (_context.prev = _context.next) {
           case 0:
             applicationName = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
+            disableCache = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
             insights = window.insights;
-            _context.next = 4;
+            _context.next = 5;
             return insights === null || insights === void 0 ? void 0 : (_insights$chrome = insights.chrome) === null || _insights$chrome === void 0 ? void 0 : (_insights$chrome$auth = _insights$chrome.auth) === null || _insights$chrome$auth === void 0 ? void 0 : _insights$chrome$auth.getUser();
 
-          case 4:
+          case 5:
             user = _context.sent;
             _context.t0 = (user === null || user === void 0 ? void 0 : (_user$identity = user.identity) === null || _user$identity === void 0 ? void 0 : (_user$identity$user = _user$identity.user) === null || _user$identity$user === void 0 ? void 0 : _user$identity$user.is_org_admin) || false;
-            _context.next = 8;
-            return insights === null || insights === void 0 ? void 0 : (_insights$chrome2 = insights.chrome) === null || _insights$chrome2 === void 0 ? void 0 : _insights$chrome2.getUserPermissions(applicationName);
+            _context.next = 9;
+            return insights === null || insights === void 0 ? void 0 : (_insights$chrome2 = insights.chrome) === null || _insights$chrome2 === void 0 ? void 0 : _insights$chrome2.getUserPermissions(applicationName, disableCache);
 
-          case 8:
+          case 9:
             _context.t1 = _context.sent;
 
             if (_context.t1) {
-              _context.next = 11;
+              _context.next = 12;
               break;
             }
 
             _context.t1 = null;
 
-          case 11:
+          case 12:
             _context.t2 = _context.t1;
             return _context.abrupt("return", {
               isOrgAdmin: _context.t0,
               permissions: _context.t2
             });
 
-          case 13:
+          case 14:
           case "end":
             return _context.stop();
         }
@@ -74,4 +77,7 @@ function doesHavePermissions(userPermissions, permissionList) {
   return userPermissions.some(function (access) {
     return permissionList.includes((access === null || access === void 0 ? void 0 : access.permission) || access);
   });
-}
+}
+
+var _default = getRBAC;
+exports["default"] = _default;

package/RBACHook/RBACHook.d.ts

@@ -1,7 +1,7 @@
 import { RBAC } from '../RBAC';
 
 export interface UsePermissionsState extends RBAC {
-    hasAccess: boolean;
+  hasAccess: boolean;
 }
 
 export function usePermissions(appName: string, permissionsList: string[]): UsePermissionsState;

package/RBACHook/RBACHook.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.usePermissions = usePermissions;
+exports["default"] = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -17,7 +18,7 @@ var _react = require("react");
 
 var _RBAC = require("../RBAC");
 
-function usePermissions(appName, permissionsList) {
+function usePermissions(appName, permissionsList, disableCache) {
   var _useState = (0, _react.useState)({
     isLoading: true
   }),
@@ -37,7 +38,7 @@ function usePermissions(appName, permissionsList) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.next = 2;
-              return (0, _RBAC.getRBAC)(appName);
+              return (0, _RBAC.getRBAC)(appName, disableCache);
 
             case 2:
               _yield$getRBAC = _context.sent;
@@ -57,6 +58,9 @@ function usePermissions(appName, permissionsList) {
         }
       }, _callee);
     }))();
-  }, [appName]);
+  }, [appName, disableCache]);
   return permissions;
-}
+}
+
+var _default = usePermissions;
+exports["default"] = _default;

package/RouterParams/RouterParams.js

@@ -103,7 +103,6 @@ var routerParams = function routerParams(Component) {
     return RouterParams;
   }(_react["default"].Component);
 
-  ;
   RouterParams.propTypes = {
     match: _propTypes["default"].shape({
       params: _propTypes["default"].object,

package/esm/RBAC/RBAC.js

@@ -9,6 +9,7 @@ function _getRBAC() {
     var _insights$chrome, _insights$chrome$auth, _user$identity, _user$identity$user, _insights$chrome2;
 
     var applicationName,
+        disableCache,
         insights,
         user,
         _args = arguments;
@@ -17,34 +18,35 @@ function _getRBAC() {
         switch (_context.prev = _context.next) {
           case 0:
             applicationName = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
+            disableCache = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
             insights = window.insights;
-            _context.next = 4;
+            _context.next = 5;
             return insights === null || insights === void 0 ? void 0 : (_insights$chrome = insights.chrome) === null || _insights$chrome === void 0 ? void 0 : (_insights$chrome$auth = _insights$chrome.auth) === null || _insights$chrome$auth === void 0 ? void 0 : _insights$chrome$auth.getUser();
 
-          case 4:
+          case 5:
             user = _context.sent;
             _context.t0 = (user === null || user === void 0 ? void 0 : (_user$identity = user.identity) === null || _user$identity === void 0 ? void 0 : (_user$identity$user = _user$identity.user) === null || _user$identity$user === void 0 ? void 0 : _user$identity$user.is_org_admin) || false;
-            _context.next = 8;
-            return insights === null || insights === void 0 ? void 0 : (_insights$chrome2 = insights.chrome) === null || _insights$chrome2 === void 0 ? void 0 : _insights$chrome2.getUserPermissions(applicationName);
+            _context.next = 9;
+            return insights === null || insights === void 0 ? void 0 : (_insights$chrome2 = insights.chrome) === null || _insights$chrome2 === void 0 ? void 0 : _insights$chrome2.getUserPermissions(applicationName, disableCache);
 
-          case 8:
+          case 9:
             _context.t1 = _context.sent;
 
             if (_context.t1) {
-              _context.next = 11;
+              _context.next = 12;
               break;
             }
 
             _context.t1 = null;
 
-          case 11:
+          case 12:
             _context.t2 = _context.t1;
             return _context.abrupt("return", {
               isOrgAdmin: _context.t0,
               permissions: _context.t2
             });
 
-          case 13:
+          case 14:
           case "end":
             return _context.stop();
         }
@@ -62,4 +64,5 @@ export function doesHavePermissions(userPermissions, permissionList) {
   return userPermissions.some(function (access) {
     return permissionList.includes((access === null || access === void 0 ? void 0 : access.permission) || access);
   });
-}
+}
+export default getRBAC;

package/esm/RBACHook/RBACHook.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useState, useEffect } from 'react';
 import { getRBAC, doesHavePermissions } from '../RBAC';
-export function usePermissions(appName, permissionsList) {
+export function usePermissions(appName, permissionsList, disableCache) {
   var _useState = useState({
     isLoading: true
   }),
@@ -24,7 +24,7 @@ export function usePermissions(appName, permissionsList) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.next = 2;
-              return getRBAC(appName);
+              return getRBAC(appName, disableCache);
 
             case 2:
               _yield$getRBAC = _context.sent;
@@ -44,6 +44,7 @@ export function usePermissions(appName, permissionsList) {
         }
       }, _callee);
     }))();
-  }, [appName]);
+  }, [appName, disableCache]);
   return permissions;
-}
+}
+export default usePermissions;

package/esm/RouterParams/RouterParams.js

@@ -87,7 +87,6 @@ export var routerParams = function routerParams(Component) {
     return RouterParams;
   }(React.Component);
 
-  ;
   RouterParams.propTypes = {
     match: PropTypes.shape({
       params: PropTypes.object,

package/esm/index.css

@@ -0,0 +1,7 @@
+:root {
+  --ins-color--orange: #ec7a08;
+}
+
+:root {
+  --ins-color--orange: #ec7a08;
+}

package/esm/index.scss

@@ -0,0 +1,4 @@
+@import './styles/all';
+@import './styles/helpers';
+@import './styles/mixins';
+@import './styles/variables';

package/esm/styles/_all.css

@@ -0,0 +1,3 @@
+:root {
+  --ins-color--orange: #ec7a08;
+}

package/esm/styles/_all.scss

@@ -0,0 +1,4 @@
+// Sass Imports
+@import './_variables.scss';
+@import './_helpers.scss';
+@import './_mixins.scss';

package/esm/styles/_mixins.scss

@@ -0,0 +1,79 @@
+@use "sass:math";
+
+// Convert px to rem
+// =================================================================/
+@mixin rem($property, $values) {
+
+  // Create a couple of empty lists as output buffers.
+  $font-size: 16px;
+  $px-values: ();
+  $rem-values: ();
+
+  // Loop through the $values list
+  @each $value in $values {
+
+    // For each property value, if it's in rem or px, derive both rem and
+    // px values for it and add those to the end of the appropriate buffer.
+    // Ensure all pixel values are rounded to the nearest pixel.
+    @if type-of($value) == number and not unitless($value) and (unit($value) == px) {
+
+      // px value given - calculate rem value from font-size
+      $new-rem-value: math.div($value, $font-size);
+      $px-values: join($px-values, round($value));
+      $rem-values: join($rem-values, unquote("#{$new-rem-value}rem"));
+
+    } @else if type-of($value) == number and not unitless($value) and (unit($value) == '%') {
+
+      // % value given - don't add px or rem
+      $px-values: join($px-values, unquote(#{$value}));
+      $rem-values: join($rem-values, unquote(#{$value}));
+
+    } @else if $value == auto {
+
+      // auto - don't add px or rem
+      $px-values: join($px-values, auto);
+      $rem-values: join($rem-values, auto);
+
+    } @else {
+
+      // unitless value - use those directly as rem and calculate the px-fallback
+      $px-values: join($px-values, round($value * $font-size));
+      $rem-values: join($rem-values, unquote("#{$value}rem"));
+    }
+  }
+
+  // output the converted rules
+  #{$property}: $px-values;
+  #{$property}: $rem-values;
+
+}
+
+
+
+// Generate font-size in rem
+// =================================================================/
+@mixin font-size($size, $line: $size * 1.4) {
+  font-size: ($size);
+  font-size: math.div($size, $ins-fontSize) + rem;
+
+  @if $line == 1 {
+    line-height: 1;
+
+  } @else if $line != null {
+    line-height: $line;
+    line-height: math.div($line, $ins-fontSize) + rem;
+  }
+}
+
+
+
+// Generate transition
+// =================================================================/
+@mixin transition($property) {
+
+  transition: $property 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  -o-transition: $property 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  -ms-transition: $property 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  -moz-transition: $property 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition: $property 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}

package/esm/styles/_variables.css

@@ -0,0 +1,3 @@
+:root {
+  --ins-color--orange: #ec7a08;
+}

package/esm/styles/_variables.scss

@@ -0,0 +1,42 @@
+:root {
+    --ins-color--orange: #ec7a08;
+}
+
+// Spacing
+$ins-padding: var(--pf-global--spacer--lg);
+$ins-margin: var(--pf-global--spacer--xl);
+$ins-gutter: var(--pf-global--gutter);
+
+// Font Size
+$ins-fontSize: var(--pf-global--FontSize--md);
+$ins-fontSize--sm: var(--pf-global--FontSize--sm);
+$ins-fontSize--lg: var(--pf-global--FontSize--lg);
+$ins-fontSize--xl: var(--pf-global--FontSize--xl);
+
+// Borders
+$ins-borderRadius: var(--pf-global--BorderRadius--sm);
+$ins-borderRadius--round: var(--pf-global--BorderRadius--lg);
+
+// Grid breakpoints
+$ins-break--xs: var(--pf-global--breakpoint--xs);
+$ins-break--sm: var(--pf-global--breakpoint--sm);
+$ins-break--md: var(--pf-global--breakpoint--md);
+$ins-break--lg: var(--pf-global--breakpoint--lg);
+$ins-break--xl: var(--pf-global--breakpoint--xl);
+
+// Colors
+$ins-color--red: var(--pf-global--danger-color--100);
+$ins-color--critical: $ins-color--red;
+
+$ins-color--orange: var(--ins-color--orange);
+$ins-color--high: $ins-color--orange;
+
+$ins-color--yellow: var(--pf-global--warning-color--100);
+$ins-color--medium: $ins-color--yellow;
+
+$ins-color--green: var(--pf-global--success-color--100);
+$ins-color--low: $ins-color--green;
+
+$ins-color--blue: var(--pf-global--info-color--100);
+
+$ins-color--gray: var(--pf-global--disabled-color--200);

package/esm/useInventory/useInventory.js

@@ -126,4 +126,5 @@ export var useInventory = function useInventory(_ref) {
     };
   }, []);
   return _objectSpread(_objectSpread({}, inventory), inventoryComponents);
-};
+};
+export default useInventory;

package/package.json

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

package/useInventory/useInventory.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useInventory = void 0;
+exports["default"] = exports.useInventory = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -149,4 +149,6 @@ var useInventory = function useInventory(_ref) {
   return _objectSpread(_objectSpread({}, inventory), inventoryComponents);
 };
 
-exports.useInventory = useInventory;
+exports.useInventory = useInventory;
+var _default = useInventory;
+exports["default"] = _default;