@dhis2/analytics 27.0.1 → 28.0.1

package/build/cjs/__demo__/ScatterPlotPdfExport.stories.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _scatterPlotData = require("../__fixtures__/scatterPlotData.js");
+var _index = require("../index.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _default = exports.default = {
+  title: 'ScatterPlot'
+};
+const Default = () => {
+  const ref = (0, _react.useRef)(null);
+  const [chart, setChart] = (0, _react.useState)(null);
+  const exportToPdf = (0, _react.useCallback)(() => {
+    chart.update({
+      exporting: {
+        chartOptions: {
+          isPdfExport: true
+        }
+      }
+    });
+    chart.exportChartLocal({
+      filename: 'PDF export',
+      type: 'application/pdf'
+    });
+  }, [chart]);
+  (0, _react.useEffect)(() => {
+    const obj = (0, _index.createVisualization)(_scatterPlotData.responses, _scatterPlotData.visualization, ref.current, _scatterPlotData.extraOptions, undefined, undefined, 'highcharts');
+    setChart(obj.visualization);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, chart && /*#__PURE__*/_react.default.createElement("button", {
+    onClick: exportToPdf
+  }, "Export PDF"), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 800,
+      border: '2px solid magenta'
+    },
+    ref: ref
+  }));
+};
+exports.Default = Default;

package/build/cjs/__demo__/SingleValue.stories.js

@@ -593,6 +593,7 @@ const Default = () => {
   const [dashboard, setDashboard] = (0, _react.useState)(false);
   const [showIcon, setShowIcon] = (0, _react.useState)(true);
   const [indicatorType, setIndicatorType] = (0, _react.useState)('plain');
+  const [exportAsPdf, setExportAsPdf] = (0, _react.useState)(true);
   const [width, setWidth] = (0, _react.useState)(constainerStyleBase.width);
   const [height, setHeight] = (0, _react.useState)(constainerStyleBase.height);
   const containerStyle = (0, _react.useMemo)(() => ({
@@ -600,6 +601,31 @@ const Default = () => {
     width,
     height
   }), [width, height]);
+  const downloadOffline = (0, _react.useCallback)(() => {
+    if (newChartRef.current) {
+      const currentBackgroundColor = newChartRef.current.userOptions.chart.backgroundColor;
+      newChartRef.current.update({
+        exporting: {
+          chartOptions: {
+            isPdfExport: exportAsPdf
+          }
+        }
+      });
+      newChartRef.current.exportChartLocal({
+        sourceHeight: 768,
+        sourceWidth: 1024,
+        scale: 1,
+        fallbackToExportServer: false,
+        filename: 'testOfflineDownload',
+        showExportInProgress: true,
+        type: exportAsPdf ? 'application/pdf' : 'image/png'
+      }, {
+        chart: {
+          backgroundColor: currentBackgroundColor === 'transparent' ? '#ffffff' : currentBackgroundColor
+        }
+      });
+    }
+  }, [exportAsPdf]);
   (0, _react.useEffect)(() => {
     if (newContainerRef.current) {
       requestAnimationFrame(() => {
@@ -660,13 +686,19 @@ const Default = () => {
     checked: showIcon,
     onChange: () => setShowIcon(!showIcon),
     type: "checkbox"
-  }), "\xA0Show icon"), /*#__PURE__*/_react.default.createElement("label", null, "Indicator type\xA0", /*#__PURE__*/_react.default.createElement("select", {
+  }), "\xA0Show icon"), /*#__PURE__*/_react.default.createElement("label", null, "Indicator type", ' ', /*#__PURE__*/_react.default.createElement("select", {
     onChange: event => setIndicatorType(event.target.value)
   }, indicatorTypes.map((type, index) => {
     return /*#__PURE__*/_react.default.createElement("option", {
       key: index
     }, type);
-  })))), /*#__PURE__*/_react.default.createElement("div", {
+  }))), /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement("input", {
+    checked: exportAsPdf,
+    onChange: () => setExportAsPdf(!exportAsPdf),
+    type: "checkbox"
+  }), ' ', "Export as PDF"), /*#__PURE__*/_react.default.createElement("button", {
+    onClick: downloadOffline
+  }, "Download offline")), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       display: 'flex',
       gap: 12