@dhis2/analytics 24.2.4 → 24.2.5

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [24.2.5](https://github.com/dhis2/analytics/compare/v24.2.4...v24.2.5) (2022-10-10)
+
+
+### Bug Fixes
+
+* use styled-jsx instead of css module ([#1352](https://github.com/dhis2/analytics/issues/1352)) ([df8ad6c](https://github.com/dhis2/analytics/commit/df8ad6c78129f9dc4249472912cf5a235c26346c))
+
 ## [24.2.4](https://github.com/dhis2/analytics/compare/v24.2.3...v24.2.4) (2022-10-07)
 
 

package/build/cjs/components/OfflineTooltip.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.OfflineTooltip = void 0;
 
+var _style = _interopRequireDefault(require("styled-jsx/style"));
+
 var _appRuntime = require("@dhis2/app-runtime");
 
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
@@ -17,7 +19,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _OfflineTooltipModule = _interopRequireDefault(require("./styles/OfflineTooltip.module.css"));
+var _OfflineTooltipStyle = require("./styles/OfflineTooltip.style.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -32,7 +34,7 @@ const OfflineTooltip = _ref => {
     offline
   } = (0, _appRuntime.useOnlineStatus)();
   const notAllowed = disabled || disabledWhenOffline && offline;
-  return /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
     content: content || _d2I18n.default.t('Not available offline'),
     openDelay: 200,
     closeDelay: 100
@@ -43,12 +45,16 @@ const OfflineTooltip = _ref => {
       ref
     } = _ref2;
     return /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(_OfflineTooltipModule.default.span, notAllowed && _OfflineTooltipModule.default.notAllowed),
       onMouseOver: () => notAllowed && onMouseOver(),
       onMouseOut: () => notAllowed && onMouseOut(),
-      ref: ref
+      ref: ref,
+      className: "jsx-".concat(_OfflineTooltipStyle.styles.__hash) + " " + ((0, _classnames.default)('tooltip', {
+        notAllowed
+      }) || "")
     }, children);
-  });
+  }), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: _OfflineTooltipStyle.styles.__hash
+  }, _OfflineTooltipStyle.styles));
 };
 
 exports.OfflineTooltip = OfflineTooltip;

package/build/cjs/components/styles/OfflineTooltip.style.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = void 0;
+const styles = [".tooltip.jsx-3661110597{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;pointer-events:all;}", ".tooltip.jsx-3661110597>button:disabled{pointer-events:none;}", ".notAllowed.jsx-3661110597{cursor:not-allowed;}"];
+exports.styles = styles;
+styles.__hash = "3661110597";

package/build/es/components/OfflineTooltip.js

@@ -1,10 +1,11 @@
+import _JSXStyle from "styled-jsx/style";
 import { useOnlineStatus } from '@dhis2/app-runtime';
 import i18n from '@dhis2/d2-i18n';
 import { Tooltip } from '@dhis2/ui';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import classes from './styles/OfflineTooltip.module.css';
+import { styles } from './styles/OfflineTooltip.style.js';
 
 const OfflineTooltip = _ref => {
   let {
@@ -17,7 +18,7 @@ const OfflineTooltip = _ref => {
     offline
   } = useOnlineStatus();
   const notAllowed = disabled || disabledWhenOffline && offline;
-  return /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
     content: content || i18n.t('Not available offline'),
     openDelay: 200,
     closeDelay: 100
@@ -28,12 +29,16 @@ const OfflineTooltip = _ref => {
       ref
     } = _ref2;
     return /*#__PURE__*/React.createElement("span", {
-      className: cx(classes.span, notAllowed && classes.notAllowed),
       onMouseOver: () => notAllowed && onMouseOver(),
       onMouseOut: () => notAllowed && onMouseOut(),
-      ref: ref
+      ref: ref,
+      className: "jsx-".concat(styles.__hash) + " " + (cx('tooltip', {
+        notAllowed
+      }) || "")
     }, children);
-  });
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: styles.__hash
+  }, styles));
 };
 
 OfflineTooltip.propTypes = {

package/build/es/components/styles/OfflineTooltip.style.js

@@ -0,0 +1,2 @@
+export const styles = [".tooltip.jsx-3661110597{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;pointer-events:all;}", ".tooltip.jsx-3661110597>button:disabled{pointer-events:none;}", ".notAllowed.jsx-3661110597{cursor:not-allowed;}"];
+styles.__hash = "3661110597";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2/analytics",
-    "version": "24.2.4",
+    "version": "24.2.5",
     "main": "./build/cjs/index.js",
     "module": "./build/es/index.js",
     "exports": {

package/build/cjs/components/styles/OfflineTooltip.module.css

@@ -1,11 +0,0 @@
-.span {
-    display: inline-flex;
-    pointer-events: all;
-}
-.span > :global(button:disabled) {
-    pointer-events: none;
-}
-
-.notAllowed {
-    cursor: not-allowed;
-}

package/build/es/components/styles/OfflineTooltip.module.css

@@ -1,11 +0,0 @@
-.span {
-    display: inline-flex;
-    pointer-events: all;
-}
-.span > :global(button:disabled) {
-    pointer-events: none;
-}
-
-.notAllowed {
-    cursor: not-allowed;
-}