@entur/loader - npm Package Compare versions

Comparing version 0.4.65 to 0.5.0

dist/index.d.ts

@@ -8,1 +8,2 @@ import './Loader.scss';
 export * from './LoadingDots';
+export * from './Spinner';

dist/loader.cjs.development.js

@@ -37,3 +37,3 @@ 'use strict';
 
-var _excluded$5 = ["children", "className", "progress"];
+var _excluded$6 = ["children", "className", "progress"];
 var Loader = function Loader(_ref) {
@@ -44,3 +44,3 @@ var children = _ref.children,
     progress = _ref$progress === void 0 ? 'indeterminate' : _ref$progress,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var isIndeterminate = progress === 'indeterminate';
@@ -71,7 +71,7 @@ var styles = {};
 
-var _excluded$4 = ["className", "style"];
+var _excluded$5 = ["className", "style"];
 var BaseSkeleton = function BaseSkeleton(_ref) {
   var className = _ref.className,
     style = _ref.style,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   return React.createElement("div", _extends({
@@ -86,3 +86,3 @@ className: classNames('eds-skeleton', 'eds-skeleton--animate', className),
 
-var _excluded$3 = ["className", "width", "height"];
+var _excluded$4 = ["className", "width", "height"];
 var SkeletonRectangle = function SkeletonRectangle(_ref) {
@@ -92,3 +92,3 @@ var className = _ref.className,
     height = _ref.height,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   return React.createElement(BaseSkeleton, _extends({
@@ -103,7 +103,7 @@ className: classNames('eds-skeleton-rectangle', className),
 
-var _excluded$2 = ["className", "size"];
+var _excluded$3 = ["className", "size"];
 var SkeletonCircle = function SkeletonCircle(_ref) {
   var className = _ref.className,
     size = _ref.size,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   return React.createElement(BaseSkeleton, _extends({
@@ -118,3 +118,3 @@ className: classNames(className, 'eds-skeleton-circle'),
 
-var _excluded$1 = ["className", "children", "loadingAriaLabel"];
+var _excluded$2 = ["className", "children", "loadingAriaLabel"];
 var SkeletonWrapper = function SkeletonWrapper(_ref) {
@@ -125,3 +125,3 @@ var className = _ref.className,
     loadingAriaLabel = _ref$loadingAriaLabel === void 0 ? 'Laster inn innhold …' : _ref$loadingAriaLabel,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   return React.createElement("div", _extends({
@@ -136,3 +136,3 @@ className: classNames('eds-skeleton-wrapper', className),
 
-var _excluded = ["color", "className"];
+var _excluded$1 = ["color", "className"];
 var LoadingDots = function LoadingDots(_ref) {
@@ -142,3 +142,3 @@ var _ref$color = _ref.color,
     className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return React.createElement("div", _extends({
@@ -162,2 +162,12 @@ className: classNames('eds-loading-dots', "eds-loading-dots--color-" + color, className),
 
+var _excluded = ["className"];
+var Spinner = function Spinner(_ref) {
+  var className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return React.createElement(React.Fragment, null, React.createElement("div", _extends({
+    className: classNames('eds-spinner', className),
+    style: _extends({}, rest.style)
+  }, rest)));
+};
+
 utils.warnAboutMissingStyles('loader', 'typography');
@@ -170,2 +180,3 @@
 exports.SkeletonWrapper = SkeletonWrapper;
+exports.Spinner = Spinner;
 //# sourceMappingURL=loader.cjs.development.js.map

dist/loader.cjs.production.min.js

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

dist/loader.esm.js

@@ -33,3 +33,3 @@ import { warnAboutMissingStyles } from '@entur/utils';
 
-var _excluded$5 = ["children", "className", "progress"];
+var _excluded$6 = ["children", "className", "progress"];
 var Loader = function Loader(_ref) {
@@ -40,3 +40,3 @@ var children = _ref.children,
     progress = _ref$progress === void 0 ? 'indeterminate' : _ref$progress,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var isIndeterminate = progress === 'indeterminate';
@@ -67,7 +67,7 @@ var styles = {};
 
-var _excluded$4 = ["className", "style"];
+var _excluded$5 = ["className", "style"];
 var BaseSkeleton = function BaseSkeleton(_ref) {
   var className = _ref.className,
     style = _ref.style,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   return React.createElement("div", _extends({
@@ -82,3 +82,3 @@ className: classNames('eds-skeleton', 'eds-skeleton--animate', className),
 
-var _excluded$3 = ["className", "width", "height"];
+var _excluded$4 = ["className", "width", "height"];
 var SkeletonRectangle = function SkeletonRectangle(_ref) {
@@ -88,3 +88,3 @@ var className = _ref.className,
     height = _ref.height,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   return React.createElement(BaseSkeleton, _extends({
@@ -99,7 +99,7 @@ className: classNames('eds-skeleton-rectangle', className),
 
-var _excluded$2 = ["className", "size"];
+var _excluded$3 = ["className", "size"];
 var SkeletonCircle = function SkeletonCircle(_ref) {
   var className = _ref.className,
     size = _ref.size,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   return React.createElement(BaseSkeleton, _extends({
@@ -114,3 +114,3 @@ className: classNames(className, 'eds-skeleton-circle'),
 
-var _excluded$1 = ["className", "children", "loadingAriaLabel"];
+var _excluded$2 = ["className", "children", "loadingAriaLabel"];
 var SkeletonWrapper = function SkeletonWrapper(_ref) {
@@ -121,3 +121,3 @@ var className = _ref.className,
     loadingAriaLabel = _ref$loadingAriaLabel === void 0 ? 'Laster inn innhold …' : _ref$loadingAriaLabel,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   return React.createElement("div", _extends({
@@ -132,3 +132,3 @@ className: classNames('eds-skeleton-wrapper', className),
 
-var _excluded = ["color", "className"];
+var _excluded$1 = ["color", "className"];
 var LoadingDots = function LoadingDots(_ref) {
@@ -138,3 +138,3 @@ var _ref$color = _ref.color,
     className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return React.createElement("div", _extends({
@@ -158,5 +158,15 @@ className: classNames('eds-loading-dots', "eds-loading-dots--color-" + color, className),
 
+var _excluded = ["className"];
+var Spinner = function Spinner(_ref) {
+  var className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return React.createElement(React.Fragment, null, React.createElement("div", _extends({
+    className: classNames('eds-spinner', className),
+    style: _extends({}, rest.style)
+  }, rest)));
+};
+
 warnAboutMissingStyles('loader', 'typography');
 
-export { Loader, LoadingDots, SkeletonCircle, SkeletonRectangle, SkeletonWrapper };
+export { Loader, LoadingDots, SkeletonCircle, SkeletonRectangle, SkeletonWrapper, Spinner };
 //# sourceMappingURL=loader.esm.js.map

package.json

 {
   "name": "@entur/loader",
-  "version": "0.4.65",
+  "version": "0.5.0",
   "license": "EUPL-1.2",
@@ -30,8 +30,8 @@ "main": "dist/index.js",
   "dependencies": {
-    "@entur/tokens": "^3.14.0",
-    "@entur/typography": "^1.8.34",
+    "@entur/tokens": "^3.15.0",
+    "@entur/typography": "^1.8.35",
     "@entur/utils": "^0.11.1",
     "classnames": "^2.3.1"
   },
-  "gitHead": "5044cdb815a75fc0eff204cedd98e4d1c7d1971e"
+  "gitHead": "c702433653670daf832e66c5de26be359201655f"
 }

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

78821

increased by8.59%

Number of package files

19

increased by5.56%

Lines of code

837

increased by11.3%

Dependency changes

• Updated@entur/tokens@^3.15.0

• Updated@entur/typography@^1.8.35