@dhis2-ui/loader - npm Package Compare versions

Comparing version 9.4.3 to 9.5.0-alpha.1

build/cjs/circular-loader/circular-loader.js

@@ -27,3 +27,4 @@ "use strict";
     className,
-    dataTest
+    dataTest,
+    'aria-label': ariaLabel
   } = _ref;
@@ -33,2 +34,3 @@ return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": dataTest,
+    "aria-label": ariaLabel,
     className: _style.default.dynamic([["3803726117", [_uiConstants.colors.blue600, _uiConstants.colors.white]]]) + " " + ((0, _classnames.default)(className, {
@@ -51,2 +53,3 @@ small,
 CircularLoader.propTypes = {
+  'aria-label': _propTypes.default.string,
   className: _propTypes.default.string,
@@ -53,0 +56,0 @@ dataTest: _propTypes.default.string,

build/cjs/circular-loader/circular-loader.stories.js

@@ -44,6 +44,10 @@ "use strict";
 exports.Default = Default;
+Default.args = {
+  'aria-label': 'Default Loader'
+};
 const Small = Template.bind({});
 exports.Small = Small;
 Small.args = {
-  small: true
+  small: true,
+  'aria-label': 'Small Loader'
 };
@@ -53,3 +57,4 @@ const Large = Template.bind({});
 Large.args = {
-  large: true
+  large: true,
+  'aria-label': 'Large Loader'
 };
@@ -59,3 +64,4 @@ const ExtraSmall = Template.bind({});
 ExtraSmall.args = {
-  extrasmall: true
+  extrasmall: true,
+  'aria-label': 'ExtraSmall Loader'
 };

build/cjs/linear-loader/linear-loader.js

@@ -52,6 +52,9 @@ "use strict";
     className,
-    dataTest
+    dataTest,
+    'aria-label': ariaLabel
   } = _ref2;
   return /*#__PURE__*/_react.default.createElement("div", {
     role: "progressbar",
+    "aria-valuenow": amount,
+    "aria-label": ariaLabel,
     "data-test": dataTest,
@@ -81,2 +84,3 @@ className: "jsx-3127531794 " + _style.default.dynamic([["3224415970", [width, margin]]]) + " " + ((0, _classnames.default)(className, {
   amount: _propTypes.default.number.isRequired,
+  'aria-label': _propTypes.default.string,
   className: _propTypes.default.string,
@@ -83,0 +87,0 @@ dataTest: _propTypes.default.string,

build/cjs/linear-loader/linear-loader.stories.js

@@ -51,3 +51,4 @@ "use strict";
 Determinate.args = {
-  amount: 60
+  amount: 60,
+  'aria-label': 'Determinate Loader'
 };
@@ -62,3 +63,4 @@
 OverlayPage.args = {
-  amount: 30
+  amount: 30,
+  'aria-label': 'Loader with Overlay Page'
 };
@@ -82,3 +84,4 @@ OverlayPage.parameters = {
 OverlayComponent.args = {
-  amount: 80
+  amount: 80,
+  'aria-label': 'Loader with Overlay Component'
 };
@@ -85,0 +88,0 @@

build/es/circular-loader/circular-loader.js

@@ -14,3 +14,4 @@ import _JSXStyle from "styled-jsx/style";
     className,
-    dataTest
+    dataTest,
+    'aria-label': ariaLabel
   } = _ref;
@@ -20,2 +21,3 @@ return /*#__PURE__*/React.createElement("div", {
     "data-test": dataTest,
+    "aria-label": ariaLabel,
     className: _JSXStyle.dynamic([["3803726117", [colors.blue600, colors.white]]]) + " " + (cx(className, {
@@ -37,2 +39,3 @@ small,
 CircularLoader.propTypes = {
+  'aria-label': PropTypes.string,
   className: PropTypes.string,
@@ -39,0 +42,0 @@ dataTest: PropTypes.string,

build/es/circular-loader/circular-loader.stories.js

@@ -30,13 +30,19 @@ import { sharedPropTypes } from '@dhis2/ui-constants';
 export const Default = Template.bind({});
+Default.args = {
+  'aria-label': 'Default Loader'
+};
 export const Small = Template.bind({});
 Small.args = {
-  small: true
+  small: true,
+  'aria-label': 'Small Loader'
 };
 export const Large = Template.bind({});
 Large.args = {
-  large: true
+  large: true,
+  'aria-label': 'Large Loader'
 };
 export const ExtraSmall = Template.bind({});
 ExtraSmall.args = {
-  extrasmall: true
+  extrasmall: true,
+  'aria-label': 'ExtraSmall Loader'
 };

build/es/linear-loader/linear-loader.js

@@ -39,6 +39,9 @@ import _JSXStyle from "styled-jsx/style";
     className,
-    dataTest
+    dataTest,
+    'aria-label': ariaLabel
   } = _ref2;
   return /*#__PURE__*/React.createElement("div", {
     role: "progressbar",
+    "aria-valuenow": amount,
+    "aria-label": ariaLabel,
     "data-test": dataTest,
@@ -67,2 +70,3 @@ className: "jsx-3127531794 " + _JSXStyle.dynamic([["3224415970", [width, margin]]]) + " " + (cx(className, {
   amount: PropTypes.number.isRequired,
+  'aria-label': PropTypes.string,
   className: PropTypes.string,
@@ -69,0 +73,0 @@ dataTest: PropTypes.string,

build/es/linear-loader/linear-loader.stories.js

@@ -32,3 +32,4 @@ import { Center } from '@dhis2-ui/center';
 Determinate.args = {
-  amount: 60
+  amount: 60,
+  'aria-label': 'Determinate Loader'
 };
@@ -40,3 +41,4 @@ export const OverlayPage = args => /*#__PURE__*/React.createElement(Layer, {
 OverlayPage.args = {
-  amount: 30
+  amount: 30,
+  'aria-label': 'Loader with Overlay Page'
 };
@@ -57,3 +59,4 @@ OverlayPage.parameters = {
 OverlayComponent.args = {
-  amount: 80
+  amount: 80,
+  'aria-label': 'Loader with Overlay Component'
 };
@@ -60,0 +63,0 @@ export const RTL = args => /*#__PURE__*/React.createElement("div", {

package.json

 {
     "name": "@dhis2-ui/loader",
-    "version": "9.4.3",
+    "version": "9.5.0-alpha.1",
     "description": "UI Loaders",
@@ -36,3 +36,3 @@ "repository": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2/ui-constants": "9.4.3",
+        "@dhis2/ui-constants": "9.5.0-alpha.1",
         "classnames": "^2.3.1",
@@ -39,0 +39,0 @@ "prop-types": "^15.7.2"

types/index.d.ts

@@ -10,2 +10,3 @@ import * as React from 'react'
     small?: boolean
+    'aria-label'?: string
 }
@@ -34,4 +35,5 @@
     width?: string
+    'aria-label'?: string
 }
 
 export const LinearLoader: React.FC<LinearLoaderProps>

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

28716

increased by24.54%

Number of package files

21

increased by23.53%

Lines of code

680

increased by27.34%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Added@dhis2/ui-constants@9.5.0-alpha.1(transitive)

• - Removed@dhis2/ui-constants@9.4.3(transitive)

• Updated@dhis2/ui-constants@9.5.0-alpha.1