@sb1/ffe-spinner-react - npm Package Compare versions

Comparing version 6.0.8 to 7.0.0

es/Spinner.js

@@ -1,2 +0,2 @@
-var _excluded = ["className", "immediate", "large"];
+var _excluded = ["className", "immediate", "large", "loadingText"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -6,3 +6,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 import React from 'react';
-import { bool, string } from 'prop-types';
+import { bool, string, node } from 'prop-types';
 import classNames from 'classnames';
@@ -13,5 +13,8 @@ var Spinner = function Spinner(_ref) {
     large = _ref.large,
+    loadingText = _ref.loadingText,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     "aria-live": "assertive",
+    className: className
+  }, rest), /*#__PURE__*/React.createElement("span", {
     className: classNames('ffe-loading-spinner', {
@@ -21,4 +24,7 @@ 'ffe-loading-spinner--immediate': immediate
       'ffe-loading-spinner--large': large
-    }, className)
-  }, rest));
+    }),
+    role: "img",
+    "aria-label": "Vennligst vent",
+    "aria-hidden": !!loadingText
+  }), loadingText);
 };
@@ -28,3 +34,4 @@ Spinner.propTypes = {
   immediate: bool,
-  large: bool
+  large: bool,
+  loadingText: node
 };
@@ -31,0 +38,0 @@ Spinner.defaultProps = {

lib/Spinner.js

@@ -10,3 +10,3 @@ "use strict";
 var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["className", "immediate", "large"];
+var _excluded = ["className", "immediate", "large", "loadingText"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,5 +20,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
     large = _ref.large,
+    loadingText = _ref.loadingText,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("span", _extends({
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
     "aria-live": "assertive",
+    className: className
+  }, rest), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)('ffe-loading-spinner', {
@@ -28,4 +31,7 @@ 'ffe-loading-spinner--immediate': immediate
       'ffe-loading-spinner--large': large
-    }, className)
-  }, rest));
+    }),
+    role: "img",
+    "aria-label": "Vennligst vent",
+    "aria-hidden": !!loadingText
+  }), loadingText);
 };
@@ -35,3 +41,4 @@ Spinner.propTypes = {
   immediate: _propTypes.bool,
-  large: _propTypes.bool
+  large: _propTypes.bool,
+  loadingText: _propTypes.node
 };
@@ -38,0 +45,0 @@ Spinner.defaultProps = {

package.json

 {
     "name": "@sb1/ffe-spinner-react",
-    "version": "6.0.8",
+    "version": "7.0.0",
     "license": "MIT",
@@ -41,3 +41,3 @@ "author": "SpareBank 1",
     },
-    "gitHead": "cc263235739eb3dc241a230b0b446ea89659ea77"
+    "gitHead": "79ea7613ddd3ecd4681094fc1a724ff2181cc87d"
 }

types/index.d.ts

@@ -7,2 +7,3 @@ import * as React from 'react';
     large?: boolean;
+    loadingText: React.ReactNode;
 }
@@ -9,0 +10,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8242

increased by6.84%

Lines of code

103

increased by17.05%

No dependency changes