@hisptz/dhis2-analytics 1.0.10 → 1.0.11

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

@@ -225,7 +225,7 @@ ComplexMultiSeries.args = {
   }
 };
 var _default = {
-  title: "Components/Chart Analytics",
+  title: "Analytics/Chart Analytics",
   component: _.ChartAnalytics,
   decorators: [ChartStory => {
     const [chartRef, setChartRef] = (0, _react.useState)(null);

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/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;

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PivotTableCell = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _PivotTableEngineContext = require("./PivotTableEngineContext.js");
+var _ui = require("@dhis2/ui");
+var _pivotTable = require("../constants/pivotTable");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const PivotTableCell = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    classes,
+    isHeader = false,
+    index,
+    isSortable,
+    sortBy,
+    children,
+    dataTest,
+    onSortClick,
+    style = {},
+    ...props
+  } = _ref;
+  const engine = (0, _PivotTableEngineContext.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.default.createElement(_ui.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) === _pivotTable.SORT_ORDER_DESCENDING ? "desc" : sortBy.order === _pivotTable.SORT_ORDER_ASCENDING ? "asc" : "default" : undefined : undefined
+  }, props), children) : /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
+    ref: ref
+  }, children);
+});
+exports.PivotTableCell = PivotTableCell;
+PivotTableCell.displayName = "PivotTableCell";

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PivotTableClippedAxis = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const PivotTableClippedAxis = _ref => {
+  let {
+    axisClippingResult,
+    EmptyComponent,
+    ItemComponent
+  } = _ref;
+  return [axisClippingResult.pre ? /*#__PURE__*/_react.default.createElement(EmptyComponent, {
+    key: "pre",
+    size: axisClippingResult.pre
+  }) : null, axisClippingResult.indices.map(index => /*#__PURE__*/_react.default.createElement(ItemComponent, {
+    key: index,
+    index: index
+  })), axisClippingResult.post ? /*#__PURE__*/_react.default.createElement(EmptyComponent, {
+    key: "post",
+    size: axisClippingResult.post
+  }) : null];
+};
+exports.PivotTableClippedAxis = PivotTableClippedAxis;

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

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PivotTableColumnHeaderCell = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _PivotTableCell = require("./PivotTableCell");
+var _PivotTableEngineContext = require("./PivotTableEngineContext");
+var _PivotTableHeaderCell = require("./PivotTableHeaderCell");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// @ts-nocheck
+
+const PivotTableColumnHeaderCell = _ref => {
+  var _engine$adaptiveClipp;
+  let {
+    clippingResult,
+    index,
+    level,
+    onSortByColumn,
+    sortBy
+  } = _ref;
+  const engine = (0, _PivotTableEngineContext.usePivotTableEngine)();
+  if (!engine) {
+    return null;
+  }
+  const width = (_engine$adaptiveClipp = engine.adaptiveClippingController.columns.sizes[engine.columnMap[index]]) === null || _engine$adaptiveClipp === void 0 ? void 0 : _engine$adaptiveClipp.size;
+  const height = engine.adaptiveClippingController.rows.headerSizes[level];
+  return /*#__PURE__*/_react.default.createElement(_PivotTableHeaderCell.PivotTableHeaderCell, {
+    axisClippingResult: clippingResult.columns,
+    index: index,
+    level: level,
+    getHeader: idx => engine.getColumnHeader(idx),
+    showHierarchy: engine.visualization.showHierarchy,
+    render: header => {
+      const isSortable = level === engine.columnDepth - 1 && header.span === 1 && engine.isSortable(index);
+      const style = {
+        cursor: isSortable ? "pointer" : "default",
+        width,
+        height,
+        whiteSpace: level === engine.columnDepth - 1 ? "pre-line" : "nowrap"
+      };
+      if (engine.options.fixColumnHeaders) {
+        style.top = level * (engine.fontSize + engine.cellPadding * 2 + 2);
+        // left value for the column header cells should be sum of row headers' width when engine.options.fixRowHeaders is true
+        style.left = engine.options.fixRowHeaders ? engine.rowHeaderPixelWidth : 0;
+      }
+      return /*#__PURE__*/_react.default.createElement(_PivotTableCell.PivotTableCell, {
+        index: index,
+        isSortable: isSortable,
+        sortOrder: sortBy,
+        onSortClick: isSortable ? () => onSortByColumn(index) : undefined,
+        isHeader: true,
+        classes: [header.label && header.label !== "Total" && header.label !== "Subtotal" // TODO: Actually look up the column type!
+        ? "column-header" : "empty-header", {
+          "fixed-header": engine.options.fixColumnHeaders
+        }],
+        colSpan: header.span,
+        title: header.label,
+        style: style,
+        onClick: isSortable ? () => onSortByColumn(index) : undefined
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "column-header-inner"
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: "column-header-label",
+        "data-test": "visualization-column-header"
+      }, header.label)));
+    }
+  });
+};
+exports.PivotTableColumnHeaderCell = PivotTableColumnHeaderCell;