@dhis2-ui/loader - npm Package Compare versions

Comparing version 9.11.0 to 9.11.1-beta.1

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

 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _circularLoader = require("../circular-loader.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('Circular Loader', () => {
@@ -12,0 +8,0 @@ it('renders the circular loader with aria label', () => {

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

@@ -7,15 +7,8 @@ "use strict";
 exports.CircularLoader = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CircularLoader = _ref => {
@@ -44,5 +37,4 @@ let {
     dynamic: [_uiConstants.colors.blue600, _uiConstants.colors.white]
-  }, ["div.__jsx-style-dynamic-selector{width:48px;height:48px;border:6px solid rgba(110,122,138,0.15);border-bottom-color:".concat(_uiConstants.colors.blue600, ";border-radius:50%;-webkit-animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;}"), "@-webkit-keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", ".small.__jsx-style-dynamic-selector{width:24px;height:24px;border-width:4px;}", ".large.__jsx-style-dynamic-selector{width:72px;height:72px;border-width:8px;}", ".extrasmall.__jsx-style-dynamic-selector{width:16px;height:16px;border-width:2px;}", ".invert.__jsx-style-dynamic-selector{border-color:rgba(33,41,52,0.5);border-bottom-color:".concat(_uiConstants.colors.white, ";}")]));
+  }, [`div.__jsx-style-dynamic-selector{width:48px;height:48px;border:6px solid rgba(110,122,138,0.15);border-bottom-color:${_uiConstants.colors.blue600};border-radius:50%;-webkit-animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;}`, "@-webkit-keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", ".small.__jsx-style-dynamic-selector{width:24px;height:24px;border-width:4px;}", ".large.__jsx-style-dynamic-selector{width:72px;height:72px;border-width:8px;}", ".extrasmall.__jsx-style-dynamic-selector{width:16px;height:16px;border-width:2px;}", `.invert.__jsx-style-dynamic-selector{border-color:rgba(33,41,52,0.5);border-bottom-color:${_uiConstants.colors.white};}`]));
 };
-
 exports.CircularLoader = CircularLoader;
@@ -49,0 +41,0 @@ CircularLoader.defaultProps = {

build/cjs/circular-loader/index.js

@@ -12,3 +12,2 @@ "use strict";
 });
-
 var _circularLoader = require("./circular-loader.js");

build/cjs/index.js

@@ -18,5 +18,3 @@ "use strict";
 });
-
 var _index = require("./linear-loader/index.js");
-
 var _index2 = require("./circular-loader/index.js");

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

 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _linearLoader = require("../linear-loader.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('Linear Loader', () => {
@@ -12,0 +8,0 @@ it('renders the linear loader with provided aria attributes', () => {

build/cjs/linear-loader/index.js

@@ -12,3 +12,2 @@ "use strict";
 });
-
 var _linearLoader = require("./linear-loader.js");

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

@@ -7,15 +7,8 @@ "use strict";
 exports.LinearLoader = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Progress = _ref => {
@@ -34,8 +27,7 @@ let {
     dynamic: [amount]
-  }, ["div.__jsx-style-dynamic-selector{width:".concat(amount, "%;}")]), /*#__PURE__*/_react.default.createElement(_style.default, {
+  }, [`div.__jsx-style-dynamic-selector{width:${amount}%;}`]), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3392977398",
     dynamic: [_uiConstants.theme.primary600, _uiConstants.colors.white]
-  }, ["div.__jsx-style-dynamic-selector{background-color:".concat(_uiConstants.theme.primary600, ";-webkit-transition:width 0.3s linear;transition:width 0.3s linear;height:4px;}"), ".invert.__jsx-style-dynamic-selector{background-color:".concat(_uiConstants.colors.white, ";}")]));
+  }, [`div.__jsx-style-dynamic-selector{background-color:${_uiConstants.theme.primary600};-webkit-transition:width 0.3s linear;transition:width 0.3s linear;height:4px;}`, `.invert.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.white};}`]));
 };
-
 Progress.propTypes = {
@@ -46,3 +38,2 @@ amount: _propTypes.default.number.isRequired,
 };
-
 const LinearLoader = _ref2 => {
@@ -74,5 +65,4 @@ let {
     dynamic: [width, margin]
-  }, ["div.__jsx-style-dynamic-selector{width:".concat(width, ";margin:").concat(margin, ";}")]));
+  }, [`div.__jsx-style-dynamic-selector{width:${width};margin:${margin};}`]));
 };
-
 exports.LinearLoader = LinearLoader;
@@ -90,11 +80,8 @@ LinearLoader.defaultProps = {
   dataTest: _propTypes.default.string,
-
   /** Use inverted color scheme */
   invert: _propTypes.default.bool,
-
   /** The margin around the loader, can be a full shorthand */
   margin: _propTypes.default.string,
-
   /** The width of the entire indicator */
   width: _propTypes.default.string
 };

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

@@ -6,3 +6,2 @@ import _JSXStyle from "styled-jsx/style";
 import React from 'react';
-
 const CircularLoader = _ref => {
@@ -31,5 +30,4 @@ let {
     dynamic: [colors.blue600, colors.white]
-  }, ["div.__jsx-style-dynamic-selector{width:48px;height:48px;border:6px solid rgba(110,122,138,0.15);border-bottom-color:".concat(colors.blue600, ";border-radius:50%;-webkit-animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;}"), "@-webkit-keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", ".small.__jsx-style-dynamic-selector{width:24px;height:24px;border-width:4px;}", ".large.__jsx-style-dynamic-selector{width:72px;height:72px;border-width:8px;}", ".extrasmall.__jsx-style-dynamic-selector{width:16px;height:16px;border-width:2px;}", ".invert.__jsx-style-dynamic-selector{border-color:rgba(33,41,52,0.5);border-bottom-color:".concat(colors.white, ";}")]));
+  }, [`div.__jsx-style-dynamic-selector{width:48px;height:48px;border:6px solid rgba(110,122,138,0.15);border-bottom-color:${colors.blue600};border-radius:50%;-webkit-animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;}`, "@-webkit-keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", ".small.__jsx-style-dynamic-selector{width:24px;height:24px;border-width:4px;}", ".large.__jsx-style-dynamic-selector{width:72px;height:72px;border-width:8px;}", ".extrasmall.__jsx-style-dynamic-selector{width:16px;height:16px;border-width:2px;}", `.invert.__jsx-style-dynamic-selector{border-color:rgba(33,41,52,0.5);border-bottom-color:${colors.white};}`]));
 };
-
 CircularLoader.defaultProps = {
@@ -36,0 +34,0 @@ dataTest: 'dhis2-uicore-circularloader'

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

@@ -6,3 +6,2 @@ import _JSXStyle from "styled-jsx/style";
 import React from 'react';
-
 const Progress = _ref => {
@@ -21,8 +20,7 @@ let {
     dynamic: [amount]
-  }, ["div.__jsx-style-dynamic-selector{width:".concat(amount, "%;}")]), /*#__PURE__*/React.createElement(_JSXStyle, {
+  }, [`div.__jsx-style-dynamic-selector{width:${amount}%;}`]), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3392977398",
     dynamic: [theme.primary600, colors.white]
-  }, ["div.__jsx-style-dynamic-selector{background-color:".concat(theme.primary600, ";-webkit-transition:width 0.3s linear;transition:width 0.3s linear;height:4px;}"), ".invert.__jsx-style-dynamic-selector{background-color:".concat(colors.white, ";}")]));
+  }, [`div.__jsx-style-dynamic-selector{background-color:${theme.primary600};-webkit-transition:width 0.3s linear;transition:width 0.3s linear;height:4px;}`, `.invert.__jsx-style-dynamic-selector{background-color:${colors.white};}`]));
 };
-
 Progress.propTypes = {
@@ -33,3 +31,2 @@ amount: PropTypes.number.isRequired,
 };
-
 const LinearLoader = _ref2 => {
@@ -61,5 +58,4 @@ let {
     dynamic: [width, margin]
-  }, ["div.__jsx-style-dynamic-selector{width:".concat(width, ";margin:").concat(margin, ";}")]));
+  }, [`div.__jsx-style-dynamic-selector{width:${width};margin:${margin};}`]));
 };
-
 LinearLoader.defaultProps = {
@@ -76,9 +72,6 @@ margin: spacers.dp12,
   dataTest: PropTypes.string,
-
   /** Use inverted color scheme */
   invert: PropTypes.bool,
-
   /** The margin around the loader, can be a full shorthand */
   margin: PropTypes.string,
-
   /** The width of the entire indicator */
@@ -85,0 +78,0 @@ width: PropTypes.string

package.json

 {
     "name": "@dhis2-ui/loader",
-    "version": "9.11.0",
+    "version": "9.11.1-beta.1",
     "description": "UI Loaders",
@@ -25,3 +25,3 @@ "repository": {
     "scripts": {
-        "start": "start-storybook -c ../../storybook/config --port 5000",
+        "start": "storybook dev -c ../../storybook/config --port 5000",
         "build": "d2-app-scripts build",
@@ -31,4 +31,4 @@ "test": "d2-app-scripts test --jestConfig ../../jest.config.shared.js"
     "peerDependencies": {
-        "react": "^16.8",
-        "react-dom": "^16.8",
+        "react": "^16.13",
+        "react-dom": "^16.13",
         "styled-jsx": "^4"
@@ -38,3 +38,3 @@ },
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2/ui-constants": "9.11.0",
+        "@dhis2/ui-constants": "9.11.1-beta.1",
         "classnames": "^2.3.1",
@@ -41,0 +41,0 @@ "prop-types": "^15.7.2"

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

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

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

Lines of code

701

increased by3.09%

Worsened metrics

Total package byte prevSize

28422

decreased by-0.98%

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Added@dhis2/ui-constants@9.11.1-beta.1(transitive)

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

• Updated@dhis2/ui-constants@9.11.1-beta.1