@hisptz/dhis2-analytics 1.0.9 → 1.0.11

package/build/cjs/components/ChartAnalytics/ChartAnalytics.stories.js

@@ -7,18 +7,18 @@ exports.default = exports.StackedColumn = exports.PieChart = exports.MultipleLin
 var _ui = require("@dhis2/ui");
 var _highcharts = _interopRequireDefault(require("highcharts"));
 var _react = _interopRequireWildcard(require("react"));
-var _DownloadMenu = _interopRequireDefault(require("./components/DownloadMenu"));
+var _DownloadMenu = require("./components/DownloadMenu");
 var _columnData = _interopRequireDefault(require("./data/column-data.json"));
 var _complexMultiSeriesData = _interopRequireDefault(require("./data/complex-multi-series-data.json"));
 var _multiSeriesData = _interopRequireDefault(require("./data/multi-series-data.json"));
 var _pieData = _interopRequireDefault(require("./data/pie-data.json"));
 var _stackedChartData = _interopRequireDefault(require("./data/stacked-chart-data.json"));
 var _export = require("./services/export");
-var _ = _interopRequireDefault(require("."));
+var _ = require(".");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Template = args => /*#__PURE__*/_react.default.createElement(_.default, args);
+const Template = args => /*#__PURE__*/_react.default.createElement(_.ChartAnalytics, args);
 (0, _export.setupHighchartsModules)(_highcharts.default);
 const Column = Template.bind({});
 exports.Column = Column;
@@ -225,8 +225,8 @@ ComplexMultiSeries.args = {
   }
 };
 var _default = {
-  title: "Components/Chart Analytics",
-  component: _.default,
+  title: "Analytics/Chart Analytics",
+  component: _.ChartAnalytics,
   decorators: [ChartStory => {
     const [chartRef, setChartRef] = (0, _react.useState)(null);
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -243,7 +243,7 @@ var _default = {
         display: "flex",
         justifyContent: "end"
       }
-    }, /*#__PURE__*/_react.default.createElement(_DownloadMenu.default, {
+    }, /*#__PURE__*/_react.default.createElement(_DownloadMenu.ChartDownloadMenu, {
       chartRef: chartRef
     })), /*#__PURE__*/_react.default.createElement(ChartStory, {
       ref: setChartRef

package/build/cjs/components/ChartAnalytics/components/DownloadMenu/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.ChartDownloadMenu = ChartDownloadMenu;
 var _ui = require("@dhis2/ui");
 var _react = _interopRequireWildcard(require("react"));
 var _export = require("../../services/export");
@@ -62,6 +62,4 @@ function ChartDownloadMenu(_ref) {
     onClose: toggleMenu,
     menuRef: menuRef
   }));
-}
-var _default = ChartDownloadMenu;
-exports.default = _default;
+}

package/build/cjs/components/ChartAnalytics/index.js

@@ -4,30 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  ChartAnalytics: true,
-  ChartDownloadMenu: true,
-  ChartAnalyticsProps: true
+  ChartAnalytics: true
 };
 exports.ChartAnalytics = void 0;
-Object.defineProperty(exports, "ChartAnalyticsProps", {
-  enumerable: true,
-  get: function () {
-    return _props.ChartAnalyticsProps;
-  }
-});
-Object.defineProperty(exports, "ChartDownloadMenu", {
-  enumerable: true,
-  get: function () {
-    return _DownloadMenu.default;
-  }
-});
 var _dhis2Utils = require("@hisptz/dhis2-utils");
 var _highcharts = _interopRequireDefault(require("highcharts"));
 var _highchartsReactOfficial = _interopRequireDefault(require("highcharts-react-official"));
 var _react = _interopRequireWildcard(require("react"));
-var _DownloadMenu = _interopRequireDefault(require("./components/DownloadMenu"));
 var _useChart = require("./hooks/useChart");
-var _props = require("./types/props");
 require("./styles/custom-highchart.css");
 var _export = require("./services/export");
 Object.keys(_export).forEach(function (key) {
@@ -41,6 +25,30 @@ Object.keys(_export).forEach(function (key) {
     }
   });
 });
+var _props = require("./types/props");
+Object.keys(_props).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _props[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _props[key];
+    }
+  });
+});
+var _DownloadMenu = require("./components/DownloadMenu");
+Object.keys(_DownloadMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DownloadMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DownloadMenu[key];
+    }
+  });
+});
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/build/cjs/components/CircularProgressDashboard/CircularProgressIndicator.stories.js

@@ -39,7 +39,7 @@ WithTextStyling.args = {
   }
 };
 var _default = {
-  title: "Components/Circular Progress Indicator",
+  title: "Analytics/Circular Progress Indicator",
   component: _.CircularProgressDashboard
 };
 exports.default = _default;

package/build/cjs/components/Map/Map.stories.js

@@ -338,7 +338,7 @@ GoogleEarthEngineLayers.args = {
   }
 };
 var _default = {
-  title: "Components/Map",
+  title: "Analytics/Map",
   component: _index.Map,
   decorators: [MapStory => {
     return /*#__PURE__*/_react.default.createElement("div", {

package/build/cjs/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfigModal.stories.js

@@ -18,7 +18,7 @@ Basic.args = {
   open: true
 };
 var _default = {
-  title: "Components/Map/Earth Engine Config Modal",
+  title: "Analytics/Map/Earth Engine Config Modal",
   component: _index.EarthEngineLayerConfiguration,
   decorators: [MapStory => {
     return /*#__PURE__*/_react.default.createElement("div", {

package/build/cjs/components/Map/components/EarthEngineLayerConfiguration/EarthEngineLayerConfiguration.stories.js

@@ -26,7 +26,7 @@ const Basic = Template.bind({});
 exports.Basic = Basic;
 Basic.args = {};
 var _default = {
-  title: "Components/Map/Earth Engine Configuration",
+  title: "Analytics/Map/Earth Engine Configuration",
   component: _index.EarthEngineLayerConfiguration,
   decorators: [MapStory => {
     return /*#__PURE__*/_react.default.createElement("div", {

package/build/cjs/components/Map/components/MapLayer/components/GoogleEngineLayer/services/engine.js

@@ -6,22 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.EarthEngine = void 0;
 var _utils = require("../utils");
 var _lodash = require("lodash");
+var _api = _interopRequireDefault(require("./api"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-async function importEEModule() {
-  // @ts-ignore
-  if (import.meta.env.STORYBOOK_BUILD === "true") {
-    return await Promise.resolve().then(() => _interopRequireWildcard(require("@google/earthengine")));
-  }
-  return await Promise.resolve().then(() => _interopRequireWildcard(require("./api")));
-}
-const EE = await importEEModule();
-
 // @ts-ignore
-const ee = EE;
+const ee = _api.default;
 // @ts-ignore
 window.ee = ee;
 const FEATURE_STYLE = {

package/build/cjs/components/Map/components/MapProvider/components/MapLayerProvider/hooks/index.js

@@ -171,7 +171,7 @@ function useThematicLayers() {
             scale: _colors.defaultClasses,
             colorClass: _colors.defaultColorScaleName
           };
-          const sortedData = (0, _lodash.sortBy)(layer.data, "data");
+          const sortedData = (0, _lodash.sortBy)(layer.data.filter(datum => !!datum.data), "data");
           const autoLegends = (0, _map.generateLegends)((_last$data = (_last = (0, _lodash.last)(sortedData)) === null || _last === void 0 ? void 0 : _last.data) !== null && _last$data !== void 0 ? _last$data : 0, (_head$data = (_head = (0, _lodash.head)(sortedData)) === null || _head === void 0 ? void 0 : _head.data) !== null && _head$data !== void 0 ? _head$data : 0, {
             classesCount: scale,
             colorClass
@@ -346,10 +346,17 @@ function useGoogleEngineLayers() {
     }
   }
   const sanitizeLayers = (0, _react.useCallback)(async layers => {
+    if ((0, _lodash.isEmpty)(layers)) {
+      return [];
+    }
     try {
       const {
         token
       } = await refresh();
+      if (!token) {
+        console.error(`Google token not available in this instance`);
+        return [];
+      }
       await _engine.EarthEngine.setToken(token, refresh);
       return (0, _asyncEs.map)(layers, (0, _asyncEs.asyncify)(async layer => {
         try {

package/build/cjs/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfigModal.stories.js

@@ -18,7 +18,7 @@ Basic.args = {
   open: true
 };
 var _default = {
-  title: "Components/Map/Thematic Layer Config Modal",
+  title: "Analytics/Map/Thematic Layer Config Modal",
   component: _index.ThematicLayerConfigModal,
   decorators: [MapStory => {
     return /*#__PURE__*/_react.default.createElement("div", {

package/build/cjs/components/Map/components/ThematicLayerConfiguration/ThematicLayerConfiguration.stories.js

@@ -26,7 +26,7 @@ const Basic = Template.bind({});
 exports.Basic = Basic;
 Basic.args = {};
 var _default = {
-  title: "Components/Map/Thematic Layer Configuration",
+  title: "Analytics/Map/Thematic Layer Configuration",
   component: _index.ThematicLayerConfiguration,
   decorators: [MapStory => {
     return /*#__PURE__*/_react.default.createElement("div", {

package/build/cjs/components/PivotTable/PivotTable.stories.js

@@ -0,0 +1,277 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require(".");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Template = args => /*#__PURE__*/_react.default.createElement(_.CustomPivotTable, args);
+const Default = Template.bind({});
+exports.Default = Default;
+Default.args = {
+  analytics: {
+    "headers": [{
+      "name": "dx",
+      "column": "Data",
+      "valueType": "TEXT",
+      "type": "java.lang.String",
+      "hidden": false,
+      "meta": true
+    }, {
+      "name": "pe",
+      "column": "Period",
+      "valueType": "TEXT",
+      "type": "java.lang.String",
+      "hidden": false,
+      "meta": true
+    }, {
+      "name": "ou",
+      "column": "Organisation unit",
+      "valueType": "TEXT",
+      "type": "java.lang.String",
+      "hidden": false,
+      "meta": true
+    }, {
+      "name": "value",
+      "column": "Value",
+      "valueType": "NUMBER",
+      "type": "java.lang.Double",
+      "hidden": false,
+      "meta": false
+    }, {
+      "name": "numerator",
+      "column": "Numerator",
+      "valueType": "NUMBER",
+      "type": "java.lang.Double",
+      "hidden": false,
+      "meta": false
+    }, {
+      "name": "denominator",
+      "column": "Denominator",
+      "valueType": "NUMBER",
+      "type": "java.lang.Double",
+      "hidden": false,
+      "meta": false
+    }, {
+      "name": "factor",
+      "column": "Factor",
+      "valueType": "NUMBER",
+      "type": "java.lang.Double",
+      "hidden": false,
+      "meta": false
+    }, {
+      "name": "multiplier",
+      "column": "Multiplier",
+      "valueType": "NUMBER",
+      "type": "java.lang.Double",
+      "hidden": false,
+      "meta": false
+    }, {
+      "name": "divisor",
+      "column": "Divisor",
+      "valueType": "NUMBER",
+      "type": "java.lang.Double",
+      "hidden": false,
+      "meta": false
+    }],
+    "metaData": {
+      "items": {
+        "ou": {
+          "uid": "ou",
+          "name": "Organisation unit",
+          "dimensionType": "ORGANISATION_UNIT"
+        },
+        "202208": {
+          "uid": "202208",
+          "code": "202208",
+          "name": "August 2022",
+          "dimensionItemType": "PERIOD",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM",
+          "startDate": "2022-08-01T00:00:00.000",
+          "endDate": "2022-08-31T00:00:00.000"
+        },
+        "202209": {
+          "uid": "202209",
+          "code": "202209",
+          "name": "September 2022",
+          "dimensionItemType": "PERIOD",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM",
+          "startDate": "2022-09-01T00:00:00.000",
+          "endDate": "2022-09-30T00:00:00.000"
+        },
+        "202206": {
+          "uid": "202206",
+          "code": "202206",
+          "name": "June 2022",
+          "dimensionItemType": "PERIOD",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM",
+          "startDate": "2022-06-01T00:00:00.000",
+          "endDate": "2022-06-30T00:00:00.000"
+        },
+        "fbfJHSPpUQD": {
+          "uid": "fbfJHSPpUQD",
+          "code": "DE_359596",
+          "name": "ANC 1st visit",
+          "legendSet": "fqs276KXCXi",
+          "dimensionItemType": "DATA_ELEMENT",
+          "valueType": "NUMBER",
+          "aggregationType": "SUM",
+          "totalAggregationType": "SUM"
+        },
+        "202207": {
+          "uid": "202207",
+          "code": "202207",
+          "name": "July 2022",
+          "dimensionItemType": "PERIOD",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM",
+          "startDate": "2022-07-01T00:00:00.000",
+          "endDate": "2022-07-31T00:00:00.000"
+        },
+        "202204": {
+          "uid": "202204",
+          "code": "202204",
+          "name": "April 2022",
+          "dimensionItemType": "PERIOD",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM",
+          "startDate": "2022-04-01T00:00:00.000",
+          "endDate": "2022-04-30T00:00:00.000"
+        },
+        "202205": {
+          "uid": "202205",
+          "code": "202205",
+          "name": "May 2022",
+          "dimensionItemType": "PERIOD",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM",
+          "startDate": "2022-05-01T00:00:00.000",
+          "endDate": "2022-05-31T00:00:00.000"
+        },
+        "202202": {
+          "uid": "202202",
+          "code": "202202",
+          "name": "February 2022",
+          "dimensionItemType": "PERIOD",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM",
+          "startDate": "2022-02-01T00:00:00.000",
+          "endDate": "2022-02-28T00:00:00.000"
+        },
+        "202301": {
+          "uid": "202301",
+          "code": "202301",
+          "name": "January 2023",
+          "dimensionItemType": "PERIOD",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM",
+          "startDate": "2023-01-01T00:00:00.000",
+          "endDate": "2023-01-31T00:00:00.000"
+        },
+        "202203": {
+          "uid": "202203",
+          "code": "202203",
+          "name": "March 2022",
+          "dimensionItemType": "PERIOD",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM",
+          "startDate": "2022-03-01T00:00:00.000",
+          "endDate": "2022-03-31T00:00:00.000"
+        },
+        "LAST_12_MONTHS": {
+          "name": "Last 12 months"
+        },
+        "202211": {
+          "uid": "202211",
+          "code": "202211",
+          "name": "November 2022",
+          "dimensionItemType": "PERIOD",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM",
+          "startDate": "2022-11-01T00:00:00.000",
+          "endDate": "2022-11-30T00:00:00.000"
+        },
+        "202212": {
+          "uid": "202212",
+          "code": "202212",
+          "name": "December 2022",
+          "dimensionItemType": "PERIOD",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM",
+          "startDate": "2022-12-01T00:00:00.000",
+          "endDate": "2022-12-31T00:00:00.000"
+        },
+        "ImspTQPwCqd": {
+          "uid": "ImspTQPwCqd",
+          "code": "OU_525",
+          "name": "Sierra Leone",
+          "dimensionItemType": "ORGANISATION_UNIT",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM"
+        },
+        "202210": {
+          "uid": "202210",
+          "code": "202210",
+          "name": "October 2022",
+          "dimensionItemType": "PERIOD",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM",
+          "startDate": "2022-10-01T00:00:00.000",
+          "endDate": "2022-10-31T00:00:00.000"
+        },
+        "dx": {
+          "uid": "dx",
+          "name": "Data",
+          "dimensionType": "DATA_X"
+        },
+        "pq2XI5kz2BY": {
+          "uid": "pq2XI5kz2BY",
+          "code": "COC_167661",
+          "name": "Fixed",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM"
+        },
+        "pe": {
+          "uid": "pe",
+          "name": "Period",
+          "dimensionType": "PERIOD"
+        },
+        "PT59n8BQbqM": {
+          "uid": "PT59n8BQbqM",
+          "code": "COC_167660",
+          "name": "Outreach",
+          "valueType": "NUMBER",
+          "totalAggregationType": "SUM"
+        }
+      },
+      "dimensions": {
+        "dx": ["fbfJHSPpUQD"],
+        "pe": ["202202", "202203", "202204", "202205", "202206", "202207", "202208", "202209", "202210", "202211", "202212", "202301"],
+        "ou": ["ImspTQPwCqd"],
+        "co": ["pq2XI5kz2BY", "PT59n8BQbqM"]
+      }
+    },
+    "rows": [["fbfJHSPpUQD", "202209", "ImspTQPwCqd", "22308", "", "", "", "", ""], ["fbfJHSPpUQD", "202301", "ImspTQPwCqd", "20020", "", "", "", "", ""], ["fbfJHSPpUQD", "202206", "ImspTQPwCqd", "23813", "", "", "", "", ""], ["fbfJHSPpUQD", "202210", "ImspTQPwCqd", "17926", "", "", "", "", ""], ["fbfJHSPpUQD", "202207", "ImspTQPwCqd", "22356", "", "", "", "", ""], ["fbfJHSPpUQD", "202208", "ImspTQPwCqd", "22004", "", "", "", "", ""], ["fbfJHSPpUQD", "202212", "ImspTQPwCqd", "16445", "", "", "", "", ""], ["fbfJHSPpUQD", "202202", "ImspTQPwCqd", "18786", "", "", "", "", ""], ["fbfJHSPpUQD", "202211", "ImspTQPwCqd", "19691", "", "", "", "", ""], ["fbfJHSPpUQD", "202205", "ImspTQPwCqd", "29461", "", "", "", "", ""], ["fbfJHSPpUQD", "202203", "ImspTQPwCqd", "21877", "", "", "", "", ""], ["fbfJHSPpUQD", "202204", "ImspTQPwCqd", "18576", "", "", "", "", ""]],
+    "height": 0,
+    "width": 0,
+    "headerWidth": 0
+  },
+  config: {
+    layout: {
+      columns: ["dx"],
+      rows: ["ou", "pe"],
+      filter: []
+    },
+    options: {}
+  }
+};
+var _default = {
+  title: "Analytics/Pivot table",
+  component: _.CustomPivotTable
+};
+exports.default = _default;

package/build/cjs/components/PivotTable/components/AssignedCategoriesIcon/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const AssignedCategoriesIcon = () => {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    fill: "#212934",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "m2 7h11v1h-11z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "m2 13h11v1h-11z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "m2 2h11v1h-11z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "m7 8h1v5h-1z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "m12 3h1v10h-1z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "m2 3h1v10h-1z"
+  })));
+};
+var _default = AssignedCategoriesIcon;
+exports.default = _default;

package/build/cjs/components/PivotTable/components/PivotTable.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PivotTable = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _engine = require("../services/engine");
+var _PivotTableBody = require("./PivotTableBody");
+var _PivotTableContainer = require("./PivotTableContainer");
+var _PivotTableEngineContext = require("./PivotTableEngineContext");
+var _PivotTableHead = require("./PivotTableHead");
+var _useTableClipping = require("../hooks/useTableClipping");
+var _useSortableColumns = require("../hooks/useSortableColumns");
+var _useParentSize = require("../hooks/useParentSize");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const PivotTable = _ref => {
+  let {
+    visualization,
+    data,
+    legendSets,
+    renderCounter,
+    tableProps,
+    onToggleContextualMenu
+  } = _ref;
+  const containerRef = (0, _react.useRef)(null);
+  const {
+    width,
+    height
+  } = (0, _useParentSize.useParentSize)(containerRef, renderCounter !== null && renderCounter !== void 0 ? renderCounter : 1);
+  const engine = (0, _react.useMemo)(() => new _engine.PivotTableEngine(visualization, data, legendSets), [visualization, data, legendSets]);
+  const {
+    sortBy,
+    onSortByColumn
+  } = (0, _useSortableColumns.useSortableColumns)(engine);
+  const clippingResult = (0, _useTableClipping.useTableClipping)({
+    containerRef,
+    width,
+    height,
+    engine
+  });
+  return /*#__PURE__*/_react.default.createElement(_PivotTableEngineContext.Provider, {
+    engine: engine
+  }, /*#__PURE__*/_react.default.createElement(_PivotTableContainer.PivotTableContainer, {
+    tableProps: tableProps,
+    ref: containerRef,
+    width: width,
+    height: height
+  }, /*#__PURE__*/_react.default.createElement(_PivotTableHead.PivotTableHead, {
+    clippingResult: clippingResult,
+    width: width,
+    sortBy: sortBy,
+    onSortByColumn: onSortByColumn
+  }), /*#__PURE__*/_react.default.createElement(_PivotTableBody.PivotTableBody, {
+    clippingResult: clippingResult,
+    onToggleContextualMenu: onToggleContextualMenu
+  })));
+};
+exports.PivotTable = PivotTable;

package/build/cjs/components/PivotTable/components/PivotTableBody.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PivotTableBody = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _PivotTableClippedAxis = require("./PivotTableClippedAxis.js");
+var _PivotTableEmptyRow = require("./PivotTableEmptyRow");
+var _PivotTableRow = require("./PivotTableRow.js");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const PivotTableBody = _ref => {
+  let {
+    clippingResult,
+    onToggleContextualMenu
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement(_PivotTableClippedAxis.PivotTableClippedAxis, {
+    axisClippingResult: clippingResult.rows,
+    EmptyComponent: _ref2 => {
+      let {
+        size
+      } = _ref2;
+      return /*#__PURE__*/_react.default.createElement(_PivotTableEmptyRow.PivotTableEmptyRow, {
+        height: size,
+        columns: clippingResult.columns.indices
+      });
+    },
+    ItemComponent: _ref3 => {
+      let {
+        index
+      } = _ref3;
+      return /*#__PURE__*/_react.default.createElement(_PivotTableRow.PivotTableRow, {
+        key: index,
+        clippingResult: clippingResult,
+        rowIndex: index,
+        onToggleContextualMenu: onToggleContextualMenu
+      });
+    }
+  }));
+};
+exports.PivotTableBody = PivotTableBody;