@entur/loader
Advanced tools
Comparing version 0.4.38 to 0.4.39
@@ -0,0 +0,0 @@ import React from 'react'; |
@@ -0,0 +0,0 @@ import './Loader.scss'; |
@@ -10,7 +10,2 @@ 'use strict'; | ||
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } | ||
var React__default = /*#__PURE__*/_interopDefaultLegacy(React); | ||
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames); | ||
function _extends() { | ||
@@ -57,16 +52,16 @@ _extends = Object.assign ? Object.assign.bind() : function (target) { | ||
} | ||
return React__default["default"].createElement("div", _extends({ | ||
className: classNames__default["default"]('eds-loader', className), | ||
return React.createElement("div", _extends({ | ||
className: classNames('eds-loader', className), | ||
role: "alert", | ||
"aria-busy": true, | ||
"aria-live": "polite" | ||
}, rest), children && React__default["default"].createElement(typography.Heading5, { | ||
}, rest), children && React.createElement(typography.Heading5, { | ||
as: "div", | ||
className: "eds-loader__label" | ||
}, children), React__default["default"].createElement("div", { | ||
className: classNames__default["default"]('eds-loader__bar', { | ||
}, children), React.createElement("div", { | ||
className: classNames('eds-loader__bar', { | ||
'eds-loader__bar--indeterminate': isIndeterminate | ||
}), | ||
style: styles | ||
}), progress !== 'indeterminate' && React__default["default"].createElement(typography.SmallText, { | ||
}), progress !== 'indeterminate' && React.createElement(typography.SmallText, { | ||
className: "eds-loader__percentage" | ||
@@ -81,4 +76,4 @@ }, progress, " %")); | ||
rest = _objectWithoutPropertiesLoose(_ref, _excluded$4); | ||
return React__default["default"].createElement("div", _extends({ | ||
className: classNames__default["default"]('eds-skeleton', 'eds-skeleton--animate', className), | ||
return React.createElement("div", _extends({ | ||
className: classNames('eds-skeleton', 'eds-skeleton--animate', className), | ||
role: "alert", | ||
@@ -97,4 +92,4 @@ "aria-busy": true, | ||
rest = _objectWithoutPropertiesLoose(_ref, _excluded$3); | ||
return React__default["default"].createElement(BaseSkeleton, _extends({ | ||
className: classNames__default["default"]('eds-skeleton-rectangle', className), | ||
return React.createElement(BaseSkeleton, _extends({ | ||
className: classNames('eds-skeleton-rectangle', className), | ||
style: _extends({ | ||
@@ -112,4 +107,4 @@ width: width, | ||
rest = _objectWithoutPropertiesLoose(_ref, _excluded$2); | ||
return React__default["default"].createElement(BaseSkeleton, _extends({ | ||
className: classNames__default["default"](className, 'eds-skeleton-circle'), | ||
return React.createElement(BaseSkeleton, _extends({ | ||
className: classNames(className, 'eds-skeleton-circle'), | ||
style: _extends({ | ||
@@ -129,4 +124,4 @@ width: size, | ||
rest = _objectWithoutPropertiesLoose(_ref, _excluded$1); | ||
return React__default["default"].createElement("div", _extends({ | ||
className: classNames__default["default"]('eds-skeleton-wrapper', className), | ||
return React.createElement("div", _extends({ | ||
className: classNames('eds-skeleton-wrapper', className), | ||
role: "alert", | ||
@@ -145,10 +140,10 @@ "aria-busy": true, | ||
rest = _objectWithoutPropertiesLoose(_ref, _excluded); | ||
return React__default["default"].createElement("div", _extends({ | ||
className: classNames__default["default"]('eds-loading-dots', "eds-loading-dots--color-" + color, className), | ||
return React.createElement("div", _extends({ | ||
className: classNames('eds-loading-dots', "eds-loading-dots--color-" + color, className), | ||
style: _extends({}, rest.style) | ||
}, rest), React__default["default"].createElement(LoadingDot, { | ||
}, rest), React.createElement(LoadingDot, { | ||
dotNumber: "one" | ||
}), React__default["default"].createElement(LoadingDot, { | ||
}), React.createElement(LoadingDot, { | ||
dotNumber: "two" | ||
}), React__default["default"].createElement(LoadingDot, { | ||
}), React.createElement(LoadingDot, { | ||
dotNumber: "three" | ||
@@ -159,4 +154,4 @@ })); | ||
var dotNumber = _ref2.dotNumber; | ||
return React__default["default"].createElement("span", { | ||
className: classNames__default["default"]('eds-loading-dots__dot', "eds-loading-dots__dot--" + dotNumber) | ||
return React.createElement("span", { | ||
className: classNames('eds-loading-dots__dot', "eds-loading-dots__dot--" + dotNumber) | ||
}); | ||
@@ -163,0 +158,0 @@ }; |
@@ -1,2 +0,2 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),a=require("classnames"),l=require("@entur/typography");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(t),n=r(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 l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},d.apply(this,arguments)}function i(e,t){if(null==e)return{};var a,l,r={},s=Object.keys(e);for(l=0;l<s.length;l++)t.indexOf(a=s[l])>=0||(r[a]=e[a]);return r}var o=["children","className","progress"],c=["className","style"],u=function(e){var t=e.className,a=e.style,l=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},l))},m=["className","width","height"],f=["className","size"],p=["className","children","loadingAriaLabel"],v=["color","className"],N=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,r=e.progress,c=void 0===r?"indeterminate":r,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(l.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(l.SmallText,{className:"eds-loader__percentage"},c," %"))},exports.LoadingDots=function(e){var t=e.color,a=void 0===t?"blue":t,l=e.className,r=i(e,v);return s.default.createElement("div",d({className:n.default("eds-loading-dots","eds-loading-dots--color-"+a,l),style:d({},r.style)},r),s.default.createElement(N,{dotNumber:"one"}),s.default.createElement(N,{dotNumber:"two"}),s.default.createElement(N,{dotNumber:"three"}))},exports.SkeletonCircle=function(e){var t=e.className,a=e.size,l=i(e,f);return s.default.createElement(u,d({className:n.default(t,"eds-skeleton-circle"),style:d({width:a,height:a},l.style)},l))},exports.SkeletonRectangle=function(e){var t=e.className,a=e.width,l=e.height,r=i(e,m);return s.default.createElement(u,d({className:n.default("eds-skeleton-rectangle",t),style:d({width:a,height:l},r.style)},r))},exports.SkeletonWrapper=function(e){var t=e.className,a=e.children,l=e.loadingAriaLabel,r=void 0===l?"Laster inn innhold …":l,o=i(e,p);return s.default.createElement("div",d({className:n.default("eds-skeleton-wrapper",t),role:"alert","aria-busy":!0,"aria-live":"polite","aria-label":r},o),a)}; | ||
"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)}; | ||
//# sourceMappingURL=loader.cjs.production.min.js.map |
@@ -0,0 +0,0 @@ import React from 'react'; |
@@ -0,0 +0,0 @@ import React from 'react'; |
@@ -0,0 +0,0 @@ import React from 'react'; |
@@ -0,0 +0,0 @@ import React from 'react'; |
@@ -0,0 +0,0 @@ import React from 'react'; |
{ | ||
"name": "@entur/loader", | ||
"version": "0.4.38", | ||
"version": "0.4.39", | ||
"license": "EUPL-1.2", | ||
@@ -31,7 +31,7 @@ "main": "dist/index.js", | ||
"@entur/tokens": "^3.10.0", | ||
"@entur/typography": "^1.8.7", | ||
"@entur/utils": "^0.9.4", | ||
"@entur/typography": "^1.8.8", | ||
"@entur/utils": "^0.9.5", | ||
"classnames": "^2.3.1" | ||
}, | ||
"gitHead": "0da1a9e2532f60cc1a456a79ad3aa689514ca2c7" | ||
"gitHead": "9b8d4e5d2e6f7a74256371e30ebef43e046c9338" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
62129
539
Updated@entur/typography@^1.8.8
Updated@entur/utils@^0.9.5