@hisptz/dhis2-analytics 2.0.0-alpha.1 → 2.0.0

package/dist/components/ChartAnalytics/models/pie.js

@@ -1,7 +1,9 @@
-import { head } from 'lodash';
-import { DHIS2Chart } from './index.js';
+'use strict';
 
-class DHIS2PieChart extends DHIS2Chart {
+var lodash = require('lodash');
+var index_js = require('./index.js');
+
+class DHIS2PieChart extends index_js.DHIS2Chart {
   getHighchartsType() {
     return "pie";
   }
@@ -20,7 +22,7 @@ class DHIS2PieChart extends DHIS2Chart {
   getSeries() {
     const analytics = this.analytics;
     const config = this.config;
-    const seriesDimension = head(config.layout.series);
+    const seriesDimension = lodash.head(config.layout.series);
     const seriesIndex = analytics?.headers?.findIndex((h) => h.name === seriesDimension) ?? -1;
     const valueIndex = analytics?.headers?.findIndex((h) => h.name === "value") ?? -1;
     if (!seriesDimension) {
@@ -48,6 +50,6 @@ class DHIS2PieChart extends DHIS2Chart {
   }
 }
 
-export { DHIS2PieChart };
+exports.DHIS2PieChart = DHIS2PieChart;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=pie.js.map

package/dist/components/ChartAnalytics/services/export.js

@@ -1,11 +1,19 @@
-import HighChartsExportCSV from 'highcharts/modules/export-data.js';
-import HighChartsExport from 'highcharts/modules/exporting.js';
-import HighChartsFullScreen from 'highcharts/modules/full-screen.js';
+'use strict';
+
+var HighChartsExportCSV = require('highcharts/modules/export-data.js');
+var HighChartsExport = require('highcharts/modules/exporting.js');
+var HighChartsFullScreen = require('highcharts/modules/full-screen.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var HighChartsExportCSV__default = /*#__PURE__*/_interopDefault(HighChartsExportCSV);
+var HighChartsExport__default = /*#__PURE__*/_interopDefault(HighChartsExport);
+var HighChartsFullScreen__default = /*#__PURE__*/_interopDefault(HighChartsFullScreen);
 
 function setupHighchartsModules(highcharts) {
-  HighChartsExport(highcharts);
-  HighChartsExportCSV(highcharts);
-  HighChartsFullScreen(highcharts);
+  HighChartsExport__default.default(highcharts);
+  HighChartsExportCSV__default.default(highcharts);
+  HighChartsFullScreen__default.default(highcharts);
 }
 function onFullScreenView(chartRef, options) {
   chartRef?.chart?.fullscreen.toggle();
@@ -30,6 +38,11 @@ const onViewAsTable = (chartRef, show) => {
   });
 };
 
-export { onCSVDownload, onFullScreenView, onImageDownload, onPDFDownload, onViewAsTable, setupHighchartsModules };
+exports.onCSVDownload = onCSVDownload;
+exports.onFullScreenView = onFullScreenView;
+exports.onImageDownload = onImageDownload;
+exports.onPDFDownload = onPDFDownload;
+exports.onViewAsTable = onViewAsTable;
+exports.setupHighchartsModules = setupHighchartsModules;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=export.js.map

package/dist/components/ChartAnalytics/types/props.js

@@ -1,3 +1,4 @@
+'use strict';
 
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=props.js.map

package/dist/components/ChartAnalytics/utils/chart.js

@@ -1,12 +1,14 @@
-import { findIndex, head, find, compact, set, isEmpty } from 'lodash';
-import { DHIS2StackedColumnChart, DHIS2ColumnChart } from '../models/column.js';
-import { DHIS2LineChart } from '../models/line.js';
-import { DHIS2MultiSeriesChart } from '../models/multi-series.js';
-import { DHIS2PieChart } from '../models/pie.js';
-import { DHIS2StackedBarChart, DHIS2BarChart } from '../models/bar.js';
+'use strict';
+
+var lodash = require('lodash');
+var column_js = require('../models/column.js');
+var line_js = require('../models/line.js');
+var multiSeries_js = require('../models/multi-series.js');
+var pie_js = require('../models/pie.js');
+var bar_js = require('../models/bar.js');
 
 function getDimensionHeaderIndex(headers, name) {
-  return findIndex(headers, { name });
+  return lodash.findIndex(headers, { name });
 }
 function getPointSeries(analytics, config, highchartsType) {
   const series = config.layout.series;
@@ -33,7 +35,7 @@ function getColumnSeries(analytics, header, config, highchartsType) {
   const { items, dimensions } = analytics?.metaData ?? {};
   const categoriesDimension = config.layout.category;
   const seriesDimensionValues = dimensions?.[header.name] ?? [];
-  return head(
+  return lodash.head(
     categoriesDimension?.map((categoryDimension) => {
       const categories = dimensions?.[categoryDimension];
       const categoryDimensionIndex = analytics?.headers?.findIndex(
@@ -42,7 +44,7 @@ function getColumnSeries(analytics, header, config, highchartsType) {
       return seriesDimensionValues?.map(
         (seriesDimensionValue, index) => {
           const data = categories?.map((category) => {
-            const row = find(
+            const row = lodash.find(
               analytics?.rows,
               (row2) => row2[headerIndex ?? -1] === seriesDimensionValue && row2[categoryDimensionIndex ?? -1] === category
             );
@@ -67,7 +69,7 @@ function getCategories({ name }, { items, dimensions }) {
 }
 function getAllCategories(analytics, config) {
   const categories = config.layout.category;
-  return compact(
+  return lodash.compact(
     categories?.map((category) => {
       const header = analytics?.headers?.find(
         (header2) => header2.name === category
@@ -88,18 +90,18 @@ function updateLayout(config, { type }) {
   const updatedLayout = { ...config.layout };
   switch (type) {
     case "pie":
-      set(updatedLayout, "category", []);
-      if (isEmpty(updatedLayout.series)) {
-        if (!isEmpty(config.layout.category)) {
-          set(updatedLayout, "series", [
-            head(config.layout.category)
+      lodash.set(updatedLayout, "category", []);
+      if (lodash.isEmpty(updatedLayout.series)) {
+        if (!lodash.isEmpty(config.layout.category)) {
+          lodash.set(updatedLayout, "series", [
+            lodash.head(config.layout.category)
           ]);
         } else {
           throw new Error("Invalid layout for pie chart");
         }
       }
       if (updatedLayout.series.length > 1) {
-        set(updatedLayout, "series", [head(updatedLayout.series)]);
+        lodash.set(updatedLayout, "series", [lodash.head(updatedLayout.series)]);
       }
   }
   return updatedLayout;
@@ -107,24 +109,29 @@ function updateLayout(config, { type }) {
 function getChartInstance(id, analytics, config) {
   switch (config.type) {
     case "column":
-      return new DHIS2ColumnChart(id, analytics, config);
+      return new column_js.DHIS2ColumnChart(id, analytics, config);
     case "bar":
-      return new DHIS2BarChart(id, analytics, config);
+      return new bar_js.DHIS2BarChart(id, analytics, config);
     case "stacked-bar":
-      return new DHIS2StackedBarChart(id, analytics, config);
+      return new bar_js.DHIS2StackedBarChart(id, analytics, config);
     case "stacked-column":
-      return new DHIS2StackedColumnChart(id, analytics, config);
+      return new column_js.DHIS2StackedColumnChart(id, analytics, config);
     case "pie":
-      return new DHIS2PieChart(id, analytics, config);
+      return new pie_js.DHIS2PieChart(id, analytics, config);
     case "line":
-      return new DHIS2LineChart(id, analytics, config);
+      return new line_js.DHIS2LineChart(id, analytics, config);
     case "multi-series":
-      return new DHIS2MultiSeriesChart(id, analytics, config);
+      return new multiSeries_js.DHIS2MultiSeriesChart(id, analytics, config);
     default:
       throw new Error(`Unsupported chart type: ${config.type}`);
   }
 }
 
-export { getAllCategories, getChartInstance, getColumnSeries, getDimensionHeaderIndex, getPointSeries, updateLayout };
+exports.getAllCategories = getAllCategories;
+exports.getChartInstance = getChartInstance;
+exports.getColumnSeries = getColumnSeries;
+exports.getDimensionHeaderIndex = getDimensionHeaderIndex;
+exports.getPointSeries = getPointSeries;
+exports.updateLayout = updateLayout;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=chart.js.map

package/dist/components/CircularProgressDashboard/CircularProgressIndicator.js

@@ -1,8 +1,10 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { colors } from '@dhis2/ui';
-import { useMemo } from 'react';
-import { CircularProgressbarWithChildren } from 'react-circular-progressbar';
-export * from './types/props.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+var react = require('react');
+var reactCircularProgressbar = require('react-circular-progressbar');
+var props_js = require('./types/props.js');
 
 function CircularProgressVisualizer({
   numerator,
@@ -12,27 +14,27 @@ function CircularProgressVisualizer({
   textStyle,
   strokeStyle
 }) {
-  const filledSectionFieldsPercentage = useMemo(() => {
+  const filledSectionFieldsPercentage = react.useMemo(() => {
     return value !== void 0 ? value : Math.floor((numerator ?? 0) / (denominator ?? 1) * 100);
   }, [numerator, denominator, value]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       style: {
         backgroundColor: "transparent",
         width: size
       },
-      children: /* @__PURE__ */ jsx(
-        CircularProgressbarWithChildren,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        reactCircularProgressbar.CircularProgressbarWithChildren,
         {
           styles: {
             path: {
-              stroke: strokeStyle?.color ?? colors.blue700
+              stroke: strokeStyle?.color ?? ui.colors.blue700
             }
           },
           strokeWidth: 7,
           value: filledSectionFieldsPercentage,
-          children: /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               style: {
@@ -40,11 +42,11 @@ function CircularProgressVisualizer({
                 fontSize: textStyle?.fontSize ?? typeof size === "number" ? 0.3 * size : "100%",
                 marginTop: -11
               },
-              children: /* @__PURE__ */ jsxs(
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
                 "strong",
                 {
                   style: {
-                    color: textStyle?.color ?? strokeStyle?.color ?? colors.blue700
+                    color: textStyle?.color ?? strokeStyle?.color ?? ui.colors.blue700
                   },
                   children: [
                     filledSectionFieldsPercentage,
@@ -61,6 +63,13 @@ function CircularProgressVisualizer({
 }
 const CircularProgressDashboard = CircularProgressVisualizer;
 
-export { CircularProgressDashboard, CircularProgressVisualizer };
+exports.CircularProgressDashboard = CircularProgressDashboard;
+exports.CircularProgressVisualizer = CircularProgressVisualizer;
+Object.keys(props_js).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return props_js[k]; }
+  });
+});
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=CircularProgressIndicator.js.map

package/dist/components/CircularProgressDashboard/CircularProgressIndicator.stories.js

@@ -1,8 +1,12 @@
-import { CircularProgressVisualizer } from './CircularProgressIndicator';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CircularProgressIndicator = require('./CircularProgressIndicator');
 
 const meta = {
   title: "Circular Progress Visualizer",
-  component: CircularProgressVisualizer
+  component: CircularProgressIndicator.CircularProgressVisualizer
 };
 var CircularProgressIndicator_stories_default = meta;
 const Default = { name: "Default" };
@@ -37,6 +41,9 @@ WithTextStyling.args = {
   }
 };
 
-export { Default, WithStrokeStyling, WithTextStyling, CircularProgressIndicator_stories_default as default };
+exports.Default = Default;
+exports.WithStrokeStyling = WithStrokeStyling;
+exports.WithTextStyling = WithTextStyling;
+exports.default = CircularProgressIndicator_stories_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=CircularProgressIndicator.stories.js.map

package/dist/components/CircularProgressDashboard/index.js

@@ -1,4 +1,21 @@
-export * from './CircularProgressIndicator.js';
-export * from './types/props.js';
+'use strict';
+
+var CircularProgressIndicator_js = require('./CircularProgressIndicator.js');
+var props_js = require('./types/props.js');
+
+
+
+Object.keys(CircularProgressIndicator_js).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return CircularProgressIndicator_js[k]; }
+	});
+});
+Object.keys(props_js).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return props_js[k]; }
+	});
+});
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/CircularProgressDashboard/types/props.js

@@ -1,3 +1,4 @@
+'use strict';
 
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=props.js.map

package/dist/components/DHIS2PivotTable/DHIS2PivotTable.js

@@ -1,26 +1,28 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { DHIS2PivotTableEngine } from './services/engine.js';
-import { useMemo } from 'react';
-import { DHIS2PivotTableEngineProvider } from './state/engine.js';
-import { PivotTable } from './components/Table/index.js';
-import { TableHeaders } from './components/TableHeaders/index.js';
-import { CustomPivotTableBody } from './components/TableBody/index.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var engine_js = require('./services/engine.js');
+var react = require('react');
+var engine_js$1 = require('./state/engine.js');
+var index_js = require('./components/Table/index.js');
+var index_js$1 = require('./components/TableHeaders/index.js');
+var index_js$2 = require('./components/TableBody/index.js');
 
 function DHIS2PivotTable({
   analytics,
   config,
   tableProps
 }) {
-  const engine = useMemo(
-    () => new DHIS2PivotTableEngine({ analytics, config }),
+  const engine = react.useMemo(
+    () => new engine_js.DHIS2PivotTableEngine({ analytics, config }),
     [analytics, config]
   );
-  return /* @__PURE__ */ jsx(DHIS2PivotTableEngineProvider, { engine, children: /* @__PURE__ */ jsxs(PivotTable, { tableProps, children: [
-    /* @__PURE__ */ jsx(TableHeaders, {}),
-    /* @__PURE__ */ jsx(CustomPivotTableBody, {})
+  return /* @__PURE__ */ jsxRuntime.jsx(engine_js$1.DHIS2PivotTableEngineProvider, { engine, children: /* @__PURE__ */ jsxRuntime.jsxs(index_js.PivotTable, { tableProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index_js$1.TableHeaders, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(index_js$2.CustomPivotTableBody, {})
   ] }) });
 }
 
-export { DHIS2PivotTable };
+exports.DHIS2PivotTable = DHIS2PivotTable;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=DHIS2PivotTable.js.map

package/dist/components/DHIS2PivotTable/DHIS2PivotTable.stories.js

@@ -1,16 +1,24 @@
-import simpleData from '../../shared/resources/simple-data.json';
-import { DHIS2PivotTable } from './DHIS2PivotTable';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var simpleData = require('../../shared/resources/simple-data.json');
+var DHIS2PivotTable = require('./DHIS2PivotTable');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var simpleData__default = /*#__PURE__*/_interopDefault(simpleData);
 
 const meta = {
   title: "DHIS2 Pivot Table",
-  component: DHIS2PivotTable
+  component: DHIS2PivotTable.DHIS2PivotTable
 };
 var DHIS2PivotTable_stories_default = meta;
 const Default = {
   name: "Default"
 };
 Default.args = {
-  analytics: simpleData,
+  analytics: simpleData__default.default,
   config: {
     layout: {
       columns: [
@@ -25,6 +33,7 @@ Default.args = {
   tableProps: {}
 };
 
-export { Default, DHIS2PivotTable_stories_default as default };
+exports.Default = Default;
+exports.default = DHIS2PivotTable_stories_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=DHIS2PivotTable.stories.js.map

package/dist/components/DHIS2PivotTable/components/Table/index.js

@@ -1,10 +1,12 @@
-import { jsx } from 'react/jsx-runtime';
-import { DataTable } from '@dhis2/ui';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
 
 function PivotTable({ tableProps, children }) {
-  return /* @__PURE__ */ jsx(DataTable, { ...tableProps ?? {}, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable, { ...tableProps ?? {}, children });
 }
 
-export { PivotTable };
+exports.PivotTable = PivotTable;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/DHIS2PivotTable/components/TableBody/index.js

@@ -1,25 +1,31 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { isEmpty, slice } from 'lodash';
-import { useCustomPivotTableEngine } from '../../state/engine.js';
-import { TableBody, DataTableRow, DataTableCell } from '@dhis2/ui';
-import { Fragment as Fragment$1 } from 'react';
-import classes from './TableBody.module.css';
-import { useElementSize } from 'usehooks-ts';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var lodash = require('lodash');
+var engine_js = require('../../state/engine.js');
+var ui = require('@dhis2/ui');
+var react = require('react');
+var classes = require('./TableBody.module.css');
+var usehooksTs = require('usehooks-ts');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classes__default = /*#__PURE__*/_interopDefault(classes);
 
 function DataRowRenderer({
   mapper,
   item,
   dimension
 }) {
-  const engine = useCustomPivotTableEngine();
+  const engine = engine_js.useCustomPivotTableEngine();
   const columnMappers = engine?.columnMap;
   const completeMapper = columnMappers?.map((map) => ({
     ...map,
     ...mapper,
     [dimension]: item.uid
   }));
-  return /* @__PURE__ */ jsx(Fragment, { children: completeMapper?.map((mapper2) => /* @__PURE__ */ jsx(
-    DataTableCell,
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: completeMapper?.map((mapper2) => /* @__PURE__ */ jsxRuntime.jsx(
+    ui.DataTableCell,
     {
       align: "center",
       bordered: true,
@@ -33,29 +39,29 @@ function RowRenderer({
   index,
   config: { rows, columns, mapper, prevWidth, fixRowHeaders }
 }) {
-  const [cellRef, { width }] = useElementSize();
-  const rowSpan = slice(rows, index + 1).reduce((acc, column) => {
+  const [cellRef, { width }] = usehooksTs.useElementSize();
+  const rowSpan = lodash.slice(rows, index + 1).reduce((acc, column) => {
     return acc * (column.items?.length ?? 1);
   }, 1);
-  const hasSubRows = !isEmpty(rows[index + 1]);
+  const hasSubRows = !lodash.isEmpty(rows[index + 1]);
   const nextRow = rows[index + 1];
-  return /* @__PURE__ */ jsx(Fragment, { children: row?.items?.map((item) => {
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      /* @__PURE__ */ jsxs(DataTableRow, { children: [
-        /* @__PURE__ */ jsx(
-          DataTableCell,
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: row?.items?.map((item) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTableRow, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.DataTableCell,
           {
             ref: cellRef,
             fixed: fixRowHeaders,
             left: `${prevWidth}px`,
-            className: classes["header-cell"],
+            className: classes__default.default["header-cell"],
             tag: "th",
             bordered: true,
             rowSpan: (rowSpan + (hasSubRows ? 1 : 0)).toString(),
             children: item.name
           }
         ),
-        !hasSubRows ? /* @__PURE__ */ jsx(
+        !hasSubRows ? /* @__PURE__ */ jsxRuntime.jsx(
           DataRowRenderer,
           {
             dimension: row.dimension,
@@ -64,7 +70,7 @@ function RowRenderer({
           }
         ) : null
       ] }, `${item.name}-${row.dimension}-row`),
-      hasSubRows ? /* @__PURE__ */ jsx(
+      hasSubRows ? /* @__PURE__ */ jsxRuntime.jsx(
         RowRenderer,
         {
           row: nextRow,
@@ -84,14 +90,14 @@ function RowRenderer({
   }) });
 }
 function CustomPivotTableBody() {
-  const engine = useCustomPivotTableEngine();
+  const engine = engine_js.useCustomPivotTableEngine();
   const rows = engine?.rowHeaders;
   const columns = engine?.columnHeaders;
   const fixRowHeaders = engine?.fixRowHeaders;
-  if (!rows || isEmpty(rows)) {
+  if (!rows || lodash.isEmpty(rows)) {
     return null;
   }
-  return /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.TableBody, { children: /* @__PURE__ */ jsxRuntime.jsx(
     RowRenderer,
     {
       row: rows[0],
@@ -101,6 +107,6 @@ function CustomPivotTableBody() {
   ) });
 }
 
-export { CustomPivotTableBody };
+exports.CustomPivotTableBody = CustomPivotTableBody;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/DHIS2PivotTable/components/TableHeaders/index.js

@@ -1,53 +1,59 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useCustomPivotTableEngine } from '../../state/engine.js';
-import { TableHead, DataTableRow, DataTableColumnHeader } from '@dhis2/ui';
-import { isEmpty, slice, times } from 'lodash';
-import classes from './TableHeaders.module.css';
-import { useElementSize } from 'usehooks-ts';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var engine_js = require('../../state/engine.js');
+var ui = require('@dhis2/ui');
+var lodash = require('lodash');
+var classes = require('./TableHeaders.module.css');
+var usehooksTs = require('usehooks-ts');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classes__default = /*#__PURE__*/_interopDefault(classes);
 
 function ColumnRenderer({
   column,
   index,
   config: { fixColumnHeaders, rowHeaders, prevHeight = 0, columns }
 }) {
-  const [columnHeaderRef, { height }] = useElementSize();
+  const [columnHeaderRef, { height }] = usehooksTs.useElementSize();
   if (!column) {
     return null;
   }
-  const colSpan = slice(columns, index + 1).reduce((acc, column2) => {
+  const colSpan = lodash.slice(columns, index + 1).reduce((acc, column2) => {
     return acc * (column2.items?.length ?? 1);
   }, 1);
-  const hasSubColumns = !isEmpty(columns[index + 1]);
+  const hasSubColumns = !lodash.isEmpty(columns[index + 1]);
   const nextColumn = columns[index + 1];
-  const multiplicationFactor = slice(columns, 0, index).reduce(
+  const multiplicationFactor = lodash.slice(columns, 0, index).reduce(
     (acc, column2) => {
       return acc * (column2.items?.length ?? 1);
     },
     1
   );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(DataTableRow, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTableRow, { children: [
       index === 0 && rowHeaders?.map((header) => {
-        return /* @__PURE__ */ jsx(
-          DataTableColumnHeader,
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          ui.DataTableColumnHeader,
           {
             fixed: fixColumnHeaders,
             top: "0",
-            className: classes["table-header"],
+            className: classes__default.default["table-header"],
             rowSpan: columns.length.toString(),
             children: header.label ?? ""
           },
           `${header.dimension}-header-column`
         );
       }),
-      times(multiplicationFactor, (colNo) => {
-        return column.items?.map((item) => /* @__PURE__ */ jsx(
-          DataTableColumnHeader,
+      lodash.times(multiplicationFactor, (colNo) => {
+        return column.items?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+          ui.DataTableColumnHeader,
           {
             fixed: fixColumnHeaders,
             top: `${prevHeight.toString()}px`,
             ref: index === 0 ? columnHeaderRef : void 0,
-            className: classes["table-header"],
+            className: classes__default.default["table-header"],
             align: "center",
             colSpan: colSpan.toString(),
             children: item.name
@@ -56,7 +62,7 @@ function ColumnRenderer({
         ));
       })
     ] }),
-    hasSubColumns ? /* @__PURE__ */ jsx(
+    hasSubColumns ? /* @__PURE__ */ jsxRuntime.jsx(
       ColumnRenderer,
       {
         column: nextColumn,
@@ -72,14 +78,14 @@ function ColumnRenderer({
   ] });
 }
 function TableHeaders() {
-  const engine = useCustomPivotTableEngine();
+  const engine = engine_js.useCustomPivotTableEngine();
   const columns = engine?.columnHeaders;
   const rowHeaders = engine?.rowHeaders;
   const fixColumnHeaders = engine?.fixColumnHeaders;
-  if (!columns || isEmpty(columns)) {
+  if (!columns || lodash.isEmpty(columns)) {
     return null;
   }
-  return /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsx(
     ColumnRenderer,
     {
       column: columns[0],
@@ -89,6 +95,6 @@ function TableHeaders() {
   ) });
 }
 
-export { TableHeaders };
+exports.TableHeaders = TableHeaders;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map