@hisptz/dhis2-analytics 1.0.11 → 1.0.13

package/build/types/{index.d.ts → src/index.d.ts}

@@ -2,4 +2,4 @@ export * from "./components/Map";
 export * from "./components/CircularProgressDashboard";
 export * from "./components/ChartAnalytics";
 export * from "./components/SingleValueContainer";
-export * from "./components/PivotTable";
+export * from "./components/CustomPivotTable";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hisptz/dhis2-analytics",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "A collection of reusable react components for visualizing analytics data from DHIS2",
   "license": "BSD-3-Clause",
   "scripts": {
@@ -31,8 +31,8 @@
   "dependencies": {
     "@dhis2/analytics": "^24.4.2",
     "@dhis2/app-runtime": "^3.7.0",
-    "@hisptz/dhis2-ui": "^1.0.11",
-    "@hisptz/dhis2-utils": "^1.0.11",
+    "@hisptz/dhis2-ui": "^1.0.13",
+    "@hisptz/dhis2-utils": "^1.0.13",
     "async-es": "^3.2.4",
     "d3-color": "^3.1.0",
     "d3-scale": "^4.0.2",
@@ -78,5 +78,5 @@
     "lodash": "^4",
     "react-hook-form": "^7"
   },
-  "gitHead": "bf9cb98bd8df9a8d8b5d743044e0120f99fb3e46"
+  "gitHead": "ba916c2cd5acad2e7da381780fe2b7e8c4467a4f"
 }

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

@@ -1,277 +0,0 @@
-"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

@@ -1,32 +0,0 @@
-"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

@@ -1,60 +0,0 @@
-"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

@@ -1,41 +0,0 @@
-"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

@@ -1,40 +0,0 @@
-"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

@@ -1,26 +0,0 @@
-"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

@@ -1,71 +0,0 @@
-"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;