@redhat-cloud-services/frontend-components-utilities 3.2.3 → 3.2.7

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"));
 
@@ -59,4 +60,7 @@ function usePermissions(appName, permissionsList) {
     }))();
   }, [appName]);
   return permissions;
-}
+}
+
+var _default = usePermissions;
+exports["default"] = _default;

package/ReducerRegistry/ReducerRegistry.js

@@ -59,7 +59,7 @@ var ReducerRegistry = /*#__PURE__*/function () {
     var middlewares = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     var composeEnhancersDefault = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _redux.compose;
     (0, _classCallCheck2["default"])(this, ReducerRegistry);
-    var composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || composeEnhancersDefault;
+    var composeEnhancers = typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || composeEnhancersDefault;
     this.store = (0, _redux.createStore)(function () {
       var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initState;
       return state;

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

@@ -46,4 +46,5 @@ export function usePermissions(appName, permissionsList) {
     }))();
   }, [appName]);
   return permissions;
-}
+}
+export default usePermissions;

package/esm/ReducerRegistry/ReducerRegistry.js

@@ -43,7 +43,7 @@ export var ReducerRegistry = /*#__PURE__*/function () {
 
     _classCallCheck(this, ReducerRegistry);
 
-    var composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || composeEnhancersDefault;
+    var composeEnhancers = typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || composeEnhancersDefault;
     this.store = createStore(function () {
       var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initState;
       return state;

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.3",
+    "version": "3.2.7",
     "description": "Util functions for RedHat Cloud Services project.",
     "main": "index.js",
     "module": "esm/index.js",
@@ -27,16 +27,16 @@
     "homepage": "https://github.com/RedHatInsights/frontend-components/tree/master/packages/utils#readme",
     "peerDependencies": {
         "@patternfly/react-core": ">=4.18.5",
+        "@patternfly/react-table": ">=2.1.6",
         "react": ">=16.14.0 || >=17.0.0",
         "react-dom": ">=16.14.0 || >=17.0.0",
         "react-redux": ">=5.0.7",
-        "react-router-dom": ">=4.2.2",
-        "@patternfly/react-table": ">=2.1.6"
+        "react-router-dom": ">=4.2.2"
     },
     "dependencies": {
         "@sentry/browser": "^5.4.0",
         "awesome-debounce-promise": "^2.1.0",
-        "axios": "^0.21.1",
+        "axios": "^0.21.4",
         "commander": ">=2.20.0",
         "mkdirp": "^1.0.4",
         "react-content-loader": ">=3.4.1"

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;