@hisptz/dhis2-analytics 1.0.9 → 1.0.11

package/build/cjs/locales/en/translations.json

@@ -124,5 +124,38 @@
     "Legend set is required": "Legend set is required",
     "Radius": "Radius",
     "Configure Thematic Layer": "Configure Thematic Layer",
+    "Program": "Program",
+    "Select a program": "Select a program",
+    "Indicators": "Indicators",
+    "Indicator group": "Indicator group",
+    "All groups": "All groups",
+    "Indicator": "Indicator",
+    "No indicator groups found": "No indicator groups found",
+    "Loading indicator groups": "Loading indicator groups",
+    "Data elements": "Data elements",
+    "Data element group": "Data element group",
+    "Data element": "Data element",
+    "No data element groups found": "No data element groups found",
+    "Loading data element groups": "Loading data element groups",
+    "Data sets": "Data sets",
+    "Data set": "Data set",
+    "All data sets": "All data sets",
+    "No data sets found": "No data sets found",
+    "Loading data sets": "Loading data sets",
+    "Event data items": "Event data items",
+    "All programs": "All programs",
+    "Event data item": "Event data item",
+    "No programs found": "No programs found",
+    "Loading programs": "Loading programs",
+    "Program indicators": "Program indicators",
+    "Program indicator": "Program indicator",
+    "Data": "Data",
+    "Organisation unit": "Organisation unit",
+    "Assigned Categories": "Assigned Categories",
+    "{{dynamicOuNames}} and {{lastOuName}}": "{{dynamicOuNames}} and {{lastOuName}}",
+    "{{allDynamicOuNames}} levels": "{{allDynamicOuNames}} levels",
+    "{{allDynamicOuNames}} groups": "{{allDynamicOuNames}} groups",
+    "{{allDynamicOuNames}} levels in {{staticOuNames}}": "{{allDynamicOuNames}} levels in {{staticOuNames}}",
+    "{{allDynamicOuNames}} groups in {{staticOuNames}}": "{{allDynamicOuNames}} groups in {{staticOuNames}}",
     "Loading ...": "Loading ..."
 }

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

@@ -1,14 +1,14 @@
 import { CssReset } from "@dhis2/ui";
 import HighCharts from "highcharts";
 import React, { useState } from "react";
-import ChartDownloadMenu from "./components/DownloadMenu";
+import { ChartDownloadMenu } from "./components/DownloadMenu";
 import columnData from "./data/column-data.json";
 import complexMultiSeriesData from "./data/complex-multi-series-data.json";
 import multiSeriesData from "./data/multi-series-data.json";
 import pieData from "./data/pie-data.json";
 import stackedChartData from "./data/stacked-chart-data.json";
 import { setupHighchartsModules } from "./services/export";
-import ChartAnalytics from ".";
+import { ChartAnalytics } from ".";
 const Template = args => /*#__PURE__*/React.createElement(ChartAnalytics, args);
 setupHighchartsModules(HighCharts);
 export const Column = Template.bind({});
@@ -208,7 +208,7 @@ ComplexMultiSeries.args = {
   }
 };
 export default {
-  title: "Components/Chart Analytics",
+  title: "Analytics/Chart Analytics",
   component: ChartAnalytics,
   decorators: [ChartStory => {
     const [chartRef, setChartRef] = useState(null);

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

@@ -2,7 +2,7 @@ import { IconMore24 } from "@dhis2/ui";
 import React, { useRef, useState } from "react";
 import { onCSVDownload, onFullScreenView, onImageDownload, onPDFDownload, onViewAsTable } from "../../services/export";
 import { ChartMenu } from "./components/Menu";
-function ChartDownloadMenu(_ref) {
+export function ChartDownloadMenu(_ref) {
   let {
     chartRef,
     exclude,
@@ -54,5 +54,4 @@ function ChartDownloadMenu(_ref) {
     onClose: toggleMenu,
     menuRef: menuRef
   }));
-}
-export default ChartDownloadMenu;
+}

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

@@ -2,12 +2,11 @@ import { uid } from "@hisptz/dhis2-utils";
 import HighCharts from "highcharts";
 import HighchartsReact from "highcharts-react-official";
 import React, { forwardRef, useRef } from "react";
-import ChartDownloadMenu from "./components/DownloadMenu";
 import { useChart } from "./hooks/useChart";
-import { ChartAnalyticsProps } from "./types/props";
 import "./styles/custom-highchart.css";
 export * from "./services/export";
-export { ChartDownloadMenu, ChartAnalyticsProps };
+export * from "./types/props";
+export * from "./components/DownloadMenu";
 function ChartAnalyticsComponent(_ref, ref) {
   let {
     analytics,

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

@@ -29,6 +29,6 @@ WithTextStyling.args = {
   }
 };
 export default {
-  title: "Components/Circular Progress Indicator",
+  title: "Analytics/Circular Progress Indicator",
   component: CircularProgressDashboard
 };

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

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

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

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

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

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

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

@@ -3,15 +3,16 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 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); }
 import { combineReducers, getFeatureCollectionProperties, getHistogramStatistics, getInfo, getScale, hasClasses } from "../utils";
 import { find, head, isEmpty } from "lodash";
-async function importEEModule() {
-  // @ts-ignore
-  if (import.meta.env.STORYBOOK_BUILD === "true") {
-    return await import("@google/earthengine");
-  }
-  return await import("./api");
-}
-const EE = await importEEModule();
 
+// async function importEEModule(): Promise<any> {
+//     // @ts-ignore
+//     if (import.meta.env.STORYBOOK_BUILD === "true") {
+//         return await import("@google/earthengine")
+//     }
+//     return await import("./api")
+// }
+// const EE = await importEEModule();
+import EE from "./api";
 // @ts-ignore
 const ee = EE;
 // @ts-ignore

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

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

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

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

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

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

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

@@ -0,0 +1,268 @@
+import React from "react";
+import { CustomPivotTable } from ".";
+const Template = args => /*#__PURE__*/React.createElement(CustomPivotTable, args);
+export const Default = Template.bind({});
+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: {}
+  }
+};
+export default {
+  title: "Analytics/Pivot table",
+  component: CustomPivotTable
+};

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

@@ -0,0 +1,24 @@
+import React from 'react';
+const AssignedCategoriesIcon = () => {
+  return /*#__PURE__*/React.createElement("svg", {
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "#212934",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "m2 7h11v1h-11z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m2 13h11v1h-11z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m2 2h11v1h-11z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m7 8h1v5h-1z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m12 3h1v10h-1z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m2 3h1v10h-1z"
+  })));
+};
+export default AssignedCategoriesIcon;

package/build/es/components/PivotTable/components/PivotTable.js

@@ -0,0 +1,51 @@
+import React, { useMemo, useRef } from 'react';
+import { PivotTableEngine } from '../services/engine';
+import { PivotTableBody } from './PivotTableBody';
+import { PivotTableContainer } from './PivotTableContainer';
+import { Provider } from './PivotTableEngineContext';
+import { PivotTableHead } from './PivotTableHead';
+import { useTableClipping } from "../hooks/useTableClipping";
+import { useSortableColumns } from "../hooks/useSortableColumns";
+import { useParentSize } from "../hooks/useParentSize";
+export const PivotTable = _ref => {
+  let {
+    visualization,
+    data,
+    legendSets,
+    renderCounter,
+    tableProps,
+    onToggleContextualMenu
+  } = _ref;
+  const containerRef = useRef(null);
+  const {
+    width,
+    height
+  } = useParentSize(containerRef, renderCounter !== null && renderCounter !== void 0 ? renderCounter : 1);
+  const engine = useMemo(() => new PivotTableEngine(visualization, data, legendSets), [visualization, data, legendSets]);
+  const {
+    sortBy,
+    onSortByColumn
+  } = useSortableColumns(engine);
+  const clippingResult = useTableClipping({
+    containerRef,
+    width,
+    height,
+    engine
+  });
+  return /*#__PURE__*/React.createElement(Provider, {
+    engine: engine
+  }, /*#__PURE__*/React.createElement(PivotTableContainer, {
+    tableProps: tableProps,
+    ref: containerRef,
+    width: width,
+    height: height
+  }, /*#__PURE__*/React.createElement(PivotTableHead, {
+    clippingResult: clippingResult,
+    width: width,
+    sortBy: sortBy,
+    onSortByColumn: onSortByColumn
+  }), /*#__PURE__*/React.createElement(PivotTableBody, {
+    clippingResult: clippingResult,
+    onToggleContextualMenu: onToggleContextualMenu
+  })));
+};

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { PivotTableClippedAxis } from './PivotTableClippedAxis.js';
+import { PivotTableEmptyRow } from './PivotTableEmptyRow';
+import { PivotTableRow } from './PivotTableRow.js';
+export const PivotTableBody = _ref => {
+  let {
+    clippingResult,
+    onToggleContextualMenu
+  } = _ref;
+  return /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement(PivotTableClippedAxis, {
+    axisClippingResult: clippingResult.rows,
+    EmptyComponent: _ref2 => {
+      let {
+        size
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(PivotTableEmptyRow, {
+        height: size,
+        columns: clippingResult.columns.indices
+      });
+    },
+    ItemComponent: _ref3 => {
+      let {
+        index
+      } = _ref3;
+      return /*#__PURE__*/React.createElement(PivotTableRow, {
+        key: index,
+        clippingResult: clippingResult,
+        rowIndex: index,
+        onToggleContextualMenu: onToggleContextualMenu
+      });
+    }
+  }));
+};

package/build/es/components/PivotTable/components/PivotTableCell.js

@@ -0,0 +1,32 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { usePivotTableEngine } from './PivotTableEngineContext.js';
+import { DataTableCell, DataTableColumnHeader } from '@dhis2/ui';
+import { SORT_ORDER_ASCENDING, SORT_ORDER_DESCENDING } from "../constants/pivotTable";
+export const PivotTableCell = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    classes,
+    isHeader = false,
+    index,
+    isSortable,
+    sortBy,
+    children,
+    dataTest,
+    onSortClick,
+    style = {},
+    ...props
+  } = _ref;
+  const engine = usePivotTableEngine();
+  if (!engine) {
+    return null;
+  }
+  style.width = style.minWidth = style.maxWidth = style.width;
+  style.height = style.minHeight = style.maxHeight = style.height || engine.fontSize + engine.cellPadding * 2 + 2;
+  return isHeader ? /*#__PURE__*/React.createElement(DataTableColumnHeader, _extends({
+    onSortIconClick: isSortable ? onSortClick : undefined,
+    sortDirection: isSortable ? (sortBy === null || sortBy === void 0 ? void 0 : sortBy.column) === index ? (sortBy === null || sortBy === void 0 ? void 0 : sortBy.order) === SORT_ORDER_DESCENDING ? "desc" : sortBy.order === SORT_ORDER_ASCENDING ? "asc" : "default" : undefined : undefined
+  }, props), children) : /*#__PURE__*/React.createElement(DataTableCell, {
+    ref: ref
+  }, children);
+});
+PivotTableCell.displayName = "PivotTableCell";

package/build/es/components/PivotTable/components/PivotTableClippedAxis.js

@@ -0,0 +1,18 @@
+import React from 'react';
+export const PivotTableClippedAxis = _ref => {
+  let {
+    axisClippingResult,
+    EmptyComponent,
+    ItemComponent
+  } = _ref;
+  return [axisClippingResult.pre ? /*#__PURE__*/React.createElement(EmptyComponent, {
+    key: "pre",
+    size: axisClippingResult.pre
+  }) : null, axisClippingResult.indices.map(index => /*#__PURE__*/React.createElement(ItemComponent, {
+    key: index,
+    index: index
+  })), axisClippingResult.post ? /*#__PURE__*/React.createElement(EmptyComponent, {
+    key: "post",
+    size: axisClippingResult.post
+  }) : null];
+};