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

Comparing version 7.1.4 to 8.0.0

es/index.js

@@ -1,2 +0,1 @@
-import Spinner from './Spinner';
-export default Spinner;
+export { Spinner } from './Spinner';

es/Spinner.js

@@ -1,48 +0,31 @@
-var _excluded = ["className", "immediate", "large", "loadingText", "locale", "onColoredBg"];
-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); }
-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; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 React from 'react';
-import { bool, string, node, oneOf } from 'prop-types';
 import classNames from 'classnames';
 import texts from './texts';
-var Spinner = function Spinner(_ref) {
-  var className = _ref.className,
-    _ref$immediate = _ref.immediate,
-    immediate = _ref$immediate === void 0 ? false : _ref$immediate,
-    _ref$large = _ref.large,
-    large = _ref$large === void 0 ? false : _ref$large,
-    loadingText = _ref.loadingText,
-    _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'nb' : _ref$locale,
-    onColoredBg = _ref.onColoredBg,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    "aria-live": "assertive",
-    className: className
-  }, rest, {
-    "data-testid": "spinner-container"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: classNames('ffe-loading-spinner', {
-      'ffe-loading-spinner--on-colored-bg': onColoredBg
-    }, {
-      'ffe-loading-spinner--immediate': immediate
-    }, {
-      'ffe-loading-spinner--large': large
-    }),
-    role: "img",
-    "aria-label": texts[locale].ariaLabel,
-    "aria-hidden": !!loadingText
-  }), loadingText);
+export var Spinner = function (_a) {
+    var className = _a.className, _b = _a.immediate, immediate = _b === void 0 ? false : _b, _c = _a.large, large = _c === void 0 ? false : _c, loadingText = _a.loadingText, _d = _a.locale, locale = _d === void 0 ? 'nb' : _d, onColoredBg = _a.onColoredBg, rest = __rest(_a, ["className", "immediate", "large", "loadingText", "locale", "onColoredBg"]);
+    return (React.createElement("div", __assign({ "aria-live": "assertive", className: className }, rest, { "data-testid": "spinner-container" }),
+        React.createElement("span", { className: classNames('ffe-loading-spinner', { 'ffe-loading-spinner--on-colored-bg': onColoredBg }, { 'ffe-loading-spinner--immediate': immediate }, { 'ffe-loading-spinner--large': large }), role: "img", "aria-label": texts[locale].ariaLabel, "aria-hidden": !!loadingText }),
+        loadingText));
 };
-Spinner.propTypes = {
-  className: string,
-  immediate: bool,
-  large: bool,
-  loadingText: node,
-  /** 'nb', 'nn', or 'en' */
-  locale: oneOf(['en', 'nb', 'nn']),
-  /** Adds alternative styling for better contrast on certain backgrounds */
-  onColoredBg: bool
-};
-export default Spinner;

es/texts.js

 var nb = {
-  ariaLabel: 'Vennligst vent'
+    ariaLabel: 'Vennligst vent',
 };
 var nn = {
-  ariaLabel: 'Ver vennleg og vent'
+    ariaLabel: 'Ver vennleg og vent',
 };
 var en = {
-  ariaLabel: 'Please wait'
+    ariaLabel: 'Please wait',
 };
-export default {
-  nb: nb,
-  nn: nn,
-  en: en
-};
+export default { nb: nb, nn: nn, en: en };

lib/index.js

 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Spinner = _interopRequireDefault(require("./Spinner"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = _Spinner.default;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = void 0;
+var Spinner_1 = require("./Spinner");
+Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });

lib/Spinner.js

 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _texts = _interopRequireDefault(require("./texts"));
-var _excluded = ["className", "immediate", "large", "loadingText", "locale", "onColoredBg"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
-var Spinner = function Spinner(_ref) {
-  var className = _ref.className,
-    _ref$immediate = _ref.immediate,
-    immediate = _ref$immediate === void 0 ? false : _ref$immediate,
-    _ref$large = _ref.large,
-    large = _ref$large === void 0 ? false : _ref$large,
-    loadingText = _ref.loadingText,
-    _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'nb' : _ref$locale,
-    onColoredBg = _ref.onColoredBg,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    "aria-live": "assertive",
-    className: className
-  }, rest, {
-    "data-testid": "spinner-container"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)('ffe-loading-spinner', {
-      'ffe-loading-spinner--on-colored-bg': onColoredBg
-    }, {
-      'ffe-loading-spinner--immediate': immediate
-    }, {
-      'ffe-loading-spinner--large': large
-    }),
-    role: "img",
-    "aria-label": _texts.default[locale].ariaLabel,
-    "aria-hidden": !!loadingText
-  }), loadingText);
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
-Spinner.propTypes = {
-  className: _propTypes.string,
-  immediate: _propTypes.bool,
-  large: _propTypes.bool,
-  loadingText: _propTypes.node,
-  /** 'nb', 'nn', or 'en' */
-  locale: (0, _propTypes.oneOf)(['en', 'nb', 'nn']),
-  /** Adds alternative styling for better contrast on certain backgrounds */
-  onColoredBg: _propTypes.bool
+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;
 };
-var _default = exports.default = Spinner;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var texts_1 = __importDefault(require("./texts"));
+var Spinner = function (_a) {
+    var className = _a.className, _b = _a.immediate, immediate = _b === void 0 ? false : _b, _c = _a.large, large = _c === void 0 ? false : _c, loadingText = _a.loadingText, _d = _a.locale, locale = _d === void 0 ? 'nb' : _d, onColoredBg = _a.onColoredBg, rest = __rest(_a, ["className", "immediate", "large", "loadingText", "locale", "onColoredBg"]);
+    return (react_1.default.createElement("div", __assign({ "aria-live": "assertive", className: className }, rest, { "data-testid": "spinner-container" }),
+        react_1.default.createElement("span", { className: (0, classnames_1.default)('ffe-loading-spinner', { 'ffe-loading-spinner--on-colored-bg': onColoredBg }, { 'ffe-loading-spinner--immediate': immediate }, { 'ffe-loading-spinner--large': large }), role: "img", "aria-label": texts_1.default[locale].ariaLabel, "aria-hidden": !!loadingText }),
+        loadingText));
+};
+exports.Spinner = Spinner;

lib/texts.js

 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
 var nb = {
-  ariaLabel: 'Vennligst vent'
+    ariaLabel: 'Vennligst vent',
 };
 var nn = {
-  ariaLabel: 'Ver vennleg og vent'
+    ariaLabel: 'Ver vennleg og vent',
 };
 var en = {
-  ariaLabel: 'Please wait'
+    ariaLabel: 'Please wait',
 };
-var _default = exports.default = {
-  nb: nb,
-  nn: nn,
-  en: en
-};
+exports.default = { nb: nb, nn: nn, en: en };

package.json

 {
     "name": "@sb1/ffe-spinner-react",
-    "version": "7.1.4",
+    "version": "8.0.0",
     "license": "MIT",
@@ -20,4 +20,4 @@ "author": "SpareBank 1",
     "scripts": {
-        "build": "ffe-buildtool babel",
-        "watch": "ffe-buildtool babel-watch",
+        "build": "ffe-buildtool tsc",
+        "watch": "ffe-buildtool tsc-watch",
         "lint": "eslint src",
@@ -29,4 +29,3 @@ "lint:fix": "eslint src --fix",
     "dependencies": {
-        "@sb1/ffe-spinner": "^5.1.4",
-        "prop-types": "^15.7.2"
+        "@sb1/ffe-spinner": "^5.1.4"
     },
@@ -44,3 +43,3 @@ "devDependencies": {
     },
-    "gitHead": "9ad9c4e14ec0db89189e0daaebace3028bf667d9"
+    "gitHead": "a65bcea912889d7746ec8a2401df2f93f6f5eba2"
 }

types/index.d.ts

@@ -1,12 +0,1 @@
-import * as React from 'react';
-
-export interface SpinnerProps extends React.ComponentPropsWithoutRef<'div'> {
-    immediate?: boolean;
-    large?: boolean;
-    loadingText?: React.ReactNode;
-    locale?: 'en' | 'nb' | 'nn';
-}
-
-declare class Spinner extends React.Component<SpinnerProps, any> {}
-
-export default Spinner;
+export { Spinner, SpinnerProps } from './Spinner';

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

Dependency count

2

decreased by-33.33%

Number of package files

12

increased by20%

Worsened metrics

Total package byte prevSize

8374

decreased by-15.14%

Lines of code

125

decreased by-17.76%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removedprop-types@^15.7.2

• - Removedobject-assign@4.1.1(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedreact-is@16.13.1(transitive)