@entur/loader - npm Package Compare versions

Comparing version 0.4.18 to 0.4.19

dist/BaseSkeleton.d.ts

 import React from 'react';
 import './BaseSkeleton.scss';
-declare type BaseSkeletonProps = {
+type BaseSkeletonProps = {
     /** Ekstra klassenavn */
@@ -5,0 +5,0 @@ className?: string;

dist/loader.cjs.development.js

@@ -16,6 +16,5 @@ 'use strict';
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _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) {
@@ -27,9 +26,6 @@ if (Object.prototype.hasOwnProperty.call(source, key)) {
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -40,3 +36,2 @@ if (source == null) return {};
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
@@ -47,3 +42,2 @@ key = sourceKeys[i];
   }
-
   return target;
@@ -55,10 +49,8 @@ }
   var children = _ref.children,
-      className = _ref.className,
-      _ref$progress = _ref.progress,
-      progress = _ref$progress === void 0 ? 'indeterminate' : _ref$progress,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-
+    className = _ref.className,
+    _ref$progress = _ref.progress,
+    progress = _ref$progress === void 0 ? 'indeterminate' : _ref$progress,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var isIndeterminate = progress === 'indeterminate';
   var styles = {};
-
   if (!isIndeterminate) {
@@ -69,3 +61,2 @@ styles = {
   }
-
   return React__default["default"].createElement("div", _extends({
@@ -92,5 +83,4 @@ className: classNames__default["default"]('eds-loader', className),
   var className = _ref.className,
-      style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
+    style = _ref.style,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   return React__default["default"].createElement("div", _extends({
@@ -108,6 +98,5 @@ className: classNames__default["default"]('eds-skeleton', 'eds-skeleton--animate', className),
   var className = _ref.className,
-      width = _ref.width,
-      height = _ref.height,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    width = _ref.width,
+    height = _ref.height,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   return React__default["default"].createElement(BaseSkeleton, _extends({
@@ -125,5 +114,4 @@ className: classNames__default["default"]('eds-skeleton-rectangle', className),
   var className = _ref.className,
-      size = _ref.size,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    size = _ref.size,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   return React__default["default"].createElement(BaseSkeleton, _extends({
@@ -141,5 +129,4 @@ className: classNames__default["default"](className, 'eds-skeleton-circle'),
   var className = _ref.className,
-      children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return React__default["default"].createElement("div", _extends({
@@ -156,6 +143,5 @@ className: classNames__default["default"]('eds-skeleton-wrapper', className),
   var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'blue' : _ref$color,
-      className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    color = _ref$color === void 0 ? 'blue' : _ref$color,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return React__default["default"].createElement("div", _extends({
@@ -172,3 +158,2 @@ className: classNames__default["default"]('eds-loading-dots', "eds-loading-dots--color-" + color, className),
 };
-
 var LoadingDot = function LoadingDot(_ref2) {
@@ -175,0 +160,0 @@ var dotNumber = _ref2.dotNumber;

dist/loader.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),a=require("classnames"),r=require("@entur/typography");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t),n=l(a);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},d.apply(this,arguments)}function o(e,t){if(null==e)return{};var a,r,l={},s=Object.keys(e);for(r=0;r<s.length;r++)t.indexOf(a=s[r])>=0||(l[a]=e[a]);return l}var i=["children","className","progress"],c=["className","style"],u=function(e){var t=e.className,a=e.style,r=o(e,c);return s.default.createElement("div",d({className:n.default("eds-skeleton","eds-skeleton--animate",t),role:"alert","aria-busy":!0,"aria-live":"polite",style:a},r))},m=["className","width","height"],f=["className","size"],p=["className","children"],N=["color","className"],v=function(e){return s.default.createElement("span",{className:n.default("eds-loading-dots__dot","eds-loading-dots__dot--"+e.dotNumber)})};e.warnAboutMissingStyles("loader","typography"),exports.Loader=function(e){var t=e.children,a=e.className,l=e.progress,c=void 0===l?"indeterminate":l,u=o(e,i),m="indeterminate"===c,f={};return m||(f={"--loader-width":c+"%"}),s.default.createElement("div",d({className:n.default("eds-loader",a),role:"alert","aria-busy":!0,"aria-live":"polite"},u),t&&s.default.createElement(r.Heading5,{as:"div",className:"eds-loader__label"},t),s.default.createElement("div",{className:n.default("eds-loader__bar",{"eds-loader__bar--indeterminate":m}),style:f}),"indeterminate"!==c&&s.default.createElement(r.SmallText,{className:"eds-loader__percentage"},c," %"))},exports.LoadingDots=function(e){var t=e.color,a=void 0===t?"blue":t,r=e.className,l=o(e,N);return s.default.createElement("div",d({className:n.default("eds-loading-dots","eds-loading-dots--color-"+a,r),style:d({},l.style)},l),s.default.createElement(v,{dotNumber:"one"}),s.default.createElement(v,{dotNumber:"two"}),s.default.createElement(v,{dotNumber:"three"}))},exports.SkeletonCircle=function(e){var t=e.className,a=e.size,r=o(e,f);return s.default.createElement(u,d({className:n.default(t,"eds-skeleton-circle"),style:d({width:a,height:a},r.style)},r))},exports.SkeletonRectangle=function(e){var t=e.className,a=e.width,r=e.height,l=o(e,m);return s.default.createElement(u,d({className:n.default("eds-skeleton-rectangle",t),style:d({width:a,height:r},l.style)},l))},exports.SkeletonWrapper=function(e){var t=e.className,a=e.children,r=o(e,p);return s.default.createElement("div",d({className:n.default("eds-skeleton-wrapper",t),role:"alert","aria-busy":!0,"aria-live":"polite"},r),a)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),a=require("classnames"),r=require("@entur/typography");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t),n=l(a);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},d.apply(this,arguments)}function i(e,t){if(null==e)return{};var a,r,l={},s=Object.keys(e);for(r=0;r<s.length;r++)t.indexOf(a=s[r])>=0||(l[a]=e[a]);return l}var o=["children","className","progress"],c=["className","style"],u=function(e){var t=e.className,a=e.style,r=i(e,c);return s.default.createElement("div",d({className:n.default("eds-skeleton","eds-skeleton--animate",t),role:"alert","aria-busy":!0,"aria-live":"polite",style:a},r))},m=["className","width","height"],f=["className","size"],p=["className","children"],N=["color","className"],v=function(e){return s.default.createElement("span",{className:n.default("eds-loading-dots__dot","eds-loading-dots__dot--"+e.dotNumber)})};e.warnAboutMissingStyles("loader","typography"),exports.Loader=function(e){var t=e.children,a=e.className,l=e.progress,c=void 0===l?"indeterminate":l,u=i(e,o),m="indeterminate"===c,f={};return m||(f={"--loader-width":c+"%"}),s.default.createElement("div",d({className:n.default("eds-loader",a),role:"alert","aria-busy":!0,"aria-live":"polite"},u),t&&s.default.createElement(r.Heading5,{as:"div",className:"eds-loader__label"},t),s.default.createElement("div",{className:n.default("eds-loader__bar",{"eds-loader__bar--indeterminate":m}),style:f}),"indeterminate"!==c&&s.default.createElement(r.SmallText,{className:"eds-loader__percentage"},c," %"))},exports.LoadingDots=function(e){var t=e.color,a=void 0===t?"blue":t,r=e.className,l=i(e,N);return s.default.createElement("div",d({className:n.default("eds-loading-dots","eds-loading-dots--color-"+a,r),style:d({},l.style)},l),s.default.createElement(v,{dotNumber:"one"}),s.default.createElement(v,{dotNumber:"two"}),s.default.createElement(v,{dotNumber:"three"}))},exports.SkeletonCircle=function(e){var t=e.className,a=e.size,r=i(e,f);return s.default.createElement(u,d({className:n.default(t,"eds-skeleton-circle"),style:d({width:a,height:a},r.style)},r))},exports.SkeletonRectangle=function(e){var t=e.className,a=e.width,r=e.height,l=i(e,m);return s.default.createElement(u,d({className:n.default("eds-skeleton-rectangle",t),style:d({width:a,height:r},l.style)},l))},exports.SkeletonWrapper=function(e){var t=e.className,a=e.children,r=i(e,p);return s.default.createElement("div",d({className:n.default("eds-skeleton-wrapper",t),role:"alert","aria-busy":!0,"aria-live":"polite"},r),a)};
 //# sourceMappingURL=loader.cjs.production.min.js.map

dist/Loader.d.ts

 import React from 'react';
-export declare type LoaderProps = {
+export type LoaderProps = {
     /** Tekst som beskriver prosessen */
@@ -4,0 +4,0 @@ children?: React.ReactNode;

dist/loader.esm.js

@@ -7,6 +7,5 @@ import { warnAboutMissingStyles } from '@entur/utils';
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _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) {
@@ -18,9 +17,6 @@ if (Object.prototype.hasOwnProperty.call(source, key)) {
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -31,3 +27,2 @@ if (source == null) return {};
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
@@ -38,3 +33,2 @@ key = sourceKeys[i];
   }
-
   return target;
@@ -46,10 +40,8 @@ }
   var children = _ref.children,
-      className = _ref.className,
-      _ref$progress = _ref.progress,
-      progress = _ref$progress === void 0 ? 'indeterminate' : _ref$progress,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-
+    className = _ref.className,
+    _ref$progress = _ref.progress,
+    progress = _ref$progress === void 0 ? 'indeterminate' : _ref$progress,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var isIndeterminate = progress === 'indeterminate';
   var styles = {};
-
   if (!isIndeterminate) {
@@ -60,3 +52,2 @@ styles = {
   }
-
   return React.createElement("div", _extends({
@@ -83,5 +74,4 @@ className: classNames('eds-loader', className),
   var className = _ref.className,
-      style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
+    style = _ref.style,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   return React.createElement("div", _extends({
@@ -99,6 +89,5 @@ className: classNames('eds-skeleton', 'eds-skeleton--animate', className),
   var className = _ref.className,
-      width = _ref.width,
-      height = _ref.height,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    width = _ref.width,
+    height = _ref.height,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   return React.createElement(BaseSkeleton, _extends({
@@ -116,5 +105,4 @@ className: classNames('eds-skeleton-rectangle', className),
   var className = _ref.className,
-      size = _ref.size,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    size = _ref.size,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   return React.createElement(BaseSkeleton, _extends({
@@ -132,5 +120,4 @@ className: classNames(className, 'eds-skeleton-circle'),
   var className = _ref.className,
-      children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return React.createElement("div", _extends({
@@ -147,6 +134,5 @@ className: classNames('eds-skeleton-wrapper', className),
   var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'blue' : _ref$color,
-      className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    color = _ref$color === void 0 ? 'blue' : _ref$color,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return React.createElement("div", _extends({
@@ -163,3 +149,2 @@ className: classNames('eds-loading-dots', "eds-loading-dots--color-" + color, className),
 };
-
 var LoadingDot = function LoadingDot(_ref2) {
@@ -166,0 +151,0 @@ var dotNumber = _ref2.dotNumber;

dist/LoadingDots.d.ts

 import React from 'react';
 import './LoadingDots.scss';
-export declare type LoadingDotsProps = {
+export type LoadingDotsProps = {
     /** Valg av farge (brand-blue eller brand-white)
@@ -5,0 +5,0 @@ * @default "blue"

dist/SkeletonCircle.d.ts

 import React from 'react';
-export declare type SkeletonCircleProps = {
+export type SkeletonCircleProps = {
     /** Ekstra klassenavn */
@@ -4,0 +4,0 @@ className?: string;

dist/SkeletonRectangle.d.ts

 import React from 'react';
-export declare type SkeletonRectangleProps = {
+export type SkeletonRectangleProps = {
     /** Ekstra klassenavn */
@@ -4,0 +4,0 @@ className?: string;

dist/SkeletonWrapper.d.ts

 import React from 'react';
-export declare type SkeletonWrapperProps = {
+export type SkeletonWrapperProps = {
     /** Ekstra klassenavn */
@@ -4,0 +4,0 @@ className?: string;

package.json

 {
   "name": "@entur/loader",
-  "version": "0.4.18",
+  "version": "0.4.19",
   "license": "EUPL-1.2",
@@ -30,8 +30,8 @@ "main": "dist/index.js",
   "dependencies": {
-    "@entur/tokens": "^3.4.5",
-    "@entur/typography": "^1.7.6",
-    "@entur/utils": "^0.5.1",
+    "@entur/tokens": "^3.5.0",
+    "@entur/typography": "^1.7.7",
+    "@entur/utils": "^0.5.2",
     "classnames": "^2.3.1"
   },
-  "gitHead": "224040bb9f98c2c8975ce76f0786265c9e3459e2"
+  "gitHead": "30b38034aaafba9fb308fb3d8c8bfaab9608d720"
 }

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

Worsened metrics

Total package byte prevSize

61739

decreased by-14.74%

Number of package files

18

decreased by-5.26%

Lines of code

530

decreased by-8.15%

Dependency changes

• Updated@entur/tokens@^3.5.0

• Updated@entur/typography@^1.7.7

• Updated@entur/utils@^0.5.2