@dhis2-ui/cover 8.1.11 → 8.2.2

package/build/cjs/cover.js

@@ -24,22 +24,25 @@ const createClickHandler = onClick => event => {
   }
 };
 
-const Cover = ({
-  children,
-  className,
-  dataTest,
-  onClick,
-  translucent
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  onClick: createClickHandler(onClick),
-  "data-test": dataTest,
-  className: _style.default.dynamic([["3798453419", [_uiConstants.layers.applicationTop]]]) + " " + ((0, _classnames.default)(className, {
+const Cover = _ref => {
+  let {
+    children,
+    className,
+    dataTest,
+    onClick,
     translucent
-  }) || "")
-}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "3798453419",
-  dynamic: [_uiConstants.layers.applicationTop]
-}, [`div.__jsx-style-dynamic-selector{position:absolute;top:0;right:0;bottom:0;left:0;z-index:${_uiConstants.layers.applicationTop};}`, "div.translucent.__jsx-style-dynamic-selector{background:rgba(33,43,54,0.4);}"]));
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    onClick: createClickHandler(onClick),
+    "data-test": dataTest,
+    className: _style.default.dynamic([["3798453419", [_uiConstants.layers.applicationTop]]]) + " " + ((0, _classnames.default)(className, {
+      translucent
+    }) || "")
+  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "3798453419",
+    dynamic: [_uiConstants.layers.applicationTop]
+  }, ["div.__jsx-style-dynamic-selector{position:absolute;top:0;right:0;bottom:0;left:0;z-index:".concat(_uiConstants.layers.applicationTop, ";}"), "div.translucent.__jsx-style-dynamic-selector{background:rgba(33,43,54,0.4);}"]));
+};
 
 exports.Cover = Cover;
 Cover.defaultProps = {

package/build/cjs/cover.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WithClickHandler = exports.Blocking = exports.WithChildren = exports.default = void 0;
+exports.default = exports.WithClickHandler = exports.WithChildren = exports.Blocking = void 0;
 
 var _style = _interopRequireDefault(require("styled-jsx/style"));
 

package/build/cjs/cover.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WithCenteredContentCircularLoader = exports.WithClickHandler = exports.Translucent = exports.Default = exports.default = void 0;
+exports.default = exports.WithClickHandler = exports.WithCenteredContentCircularLoader = exports.Translucent = exports.Default = void 0;
 
 var _center = require("@dhis2-ui/center");
 
@@ -15,15 +15,9 @@ var _cover = require("./cover.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const description = `
-Covers sibling components.  Useful for covering a component while it is loading.
-
-\`\`\`js
-import { Cover } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nCovers sibling components.  Useful for covering a component while it is loading.\n\n```js\nimport { Cover } from '@dhis2/ui'\n```\n";
 var _default = {
-  title: 'Helpers/Component Cover',
+  title: 'Component Cover',
   component: _cover.Cover,
   parameters: {
     docs: {

package/build/cjs/features/click_behavior/index.js

@@ -15,7 +15,8 @@ var _steps = require("cypress-cucumber-preprocessor/steps");
   cy.get('[data-test="dhis2-uicore-componentcover"]').click();
 });
 (0, _steps.When)('the user clicks on the button coordinates', () => {
-  cy.getPositionsBySelectors('button').then(([rect]) => {
+  cy.getPositionsBySelectors('button').then(_ref => {
+    let [rect] = _ref;
     // Get button center coordinates
     const buttonCenterX = rect.left + rect.width / 2;
     const buttonCenterY = rect.top + rect.height / 2; // click body on the button center

package/build/es/cover.js

@@ -11,22 +11,25 @@ const createClickHandler = onClick => event => {
   }
 };
 
-const Cover = ({
-  children,
-  className,
-  dataTest,
-  onClick,
-  translucent
-}) => /*#__PURE__*/React.createElement("div", {
-  onClick: createClickHandler(onClick),
-  "data-test": dataTest,
-  className: _JSXStyle.dynamic([["3798453419", [layers.applicationTop]]]) + " " + (cx(className, {
+const Cover = _ref => {
+  let {
+    children,
+    className,
+    dataTest,
+    onClick,
     translucent
-  }) || "")
-}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "3798453419",
-  dynamic: [layers.applicationTop]
-}, [`div.__jsx-style-dynamic-selector{position:absolute;top:0;right:0;bottom:0;left:0;z-index:${layers.applicationTop};}`, "div.translucent.__jsx-style-dynamic-selector{background:rgba(33,43,54,0.4);}"]));
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    onClick: createClickHandler(onClick),
+    "data-test": dataTest,
+    className: _JSXStyle.dynamic([["3798453419", [layers.applicationTop]]]) + " " + (cx(className, {
+      translucent
+    }) || "")
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3798453419",
+    dynamic: [layers.applicationTop]
+  }, ["div.__jsx-style-dynamic-selector{position:absolute;top:0;right:0;bottom:0;left:0;z-index:".concat(layers.applicationTop, ";}"), "div.translucent.__jsx-style-dynamic-selector{background:rgba(33,43,54,0.4);}"]));
+};
 
 Cover.defaultProps = {
   dataTest: 'dhis2-uicore-componentcover'

package/build/es/cover.stories.js

@@ -2,15 +2,9 @@ import { Center } from '@dhis2-ui/center';
 import { CircularLoader } from '@dhis2-ui/loader';
 import React from 'react';
 import { Cover } from './cover.js';
-const description = `
-Covers sibling components.  Useful for covering a component while it is loading.
-
-\`\`\`js
-import { Cover } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nCovers sibling components.  Useful for covering a component while it is loading.\n\n```js\nimport { Cover } from '@dhis2/ui'\n```\n";
 export default {
-  title: 'Helpers/Component Cover',
+  title: 'Component Cover',
   component: Cover,
   parameters: {
     docs: {

package/build/es/features/click_behavior/index.js

@@ -12,7 +12,8 @@ When('the user clicks on the Cover', () => {
   cy.get('[data-test="dhis2-uicore-componentcover"]').click();
 });
 When('the user clicks on the button coordinates', () => {
-  cy.getPositionsBySelectors('button').then(([rect]) => {
+  cy.getPositionsBySelectors('button').then(_ref => {
+    let [rect] = _ref;
     // Get button center coordinates
     const buttonCenterX = rect.left + rect.width / 2;
     const buttonCenterY = rect.top + rect.height / 2; // click body on the button center

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/cover",
-    "version": "8.1.11",
+    "version": "8.2.2",
     "description": "UI Cover",
     "repository": {
         "type": "git",
@@ -32,7 +32,7 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.0.0-beta.1",
-        "@dhis2/ui-constants": "8.1.11",
+        "@dhis2/ui-constants": "8.2.2",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },