@hitachivantara/uikit-react-viz 5.16.6 → 6.0.0-next.1

package/dist/cjs/LineChart/LineChart.cjs

@@ -1,136 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const charts = require("echarts/charts");
-const components = require("echarts/components");
-const echarts = require("echarts/core");
-const useData = require("../hooks/useData.cjs");
-const useDataset = require("../hooks/useDataset.cjs");
-const useYAxis = require("../hooks/useYAxis.cjs");
-const useXAxis = require("../hooks/useXAxis.cjs");
-const useDataZoom = require("../hooks/useDataZoom.cjs");
-const useGrid = require("../hooks/useGrid.cjs");
-const useSeries = require("../hooks/useSeries.cjs");
-const useLegend = require("../hooks/useLegend.cjs");
-const useTooltip = require("../hooks/tooltip/useTooltip.cjs");
-const useOption = require("../hooks/useOption.cjs");
-const BaseChart = require("../BaseChart/BaseChart.cjs");
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const echarts__namespace = /* @__PURE__ */ _interopNamespace(echarts);
-echarts__namespace.use([
-  charts.LineChart,
-  components.DatasetComponent,
-  components.GridComponent,
-  components.TooltipComponent,
-  components.LegendComponent,
-  components.DataZoomSliderComponent,
-  components.DataZoomInsideComponent,
-  components.MarkLineComponent
-]);
-const HvLineChart = react.forwardRef(
-  function HvLineChart2(props, ref) {
-    const {
-      area = false,
-      emptyCellMode = "void",
-      areaOpacity = 0.5,
-      yAxis,
-      xAxis,
-      horizontalRangeSlider,
-      grid,
-      data,
-      groupBy,
-      splitBy,
-      sortBy,
-      filters,
-      measures,
-      stack,
-      seriesNameFormatter,
-      legend,
-      classes,
-      tooltip,
-      width,
-      height,
-      onOptionChange,
-      ...others
-    } = props;
-    const { data: chartData, mapping: measuresMapping } = useData.useData({
-      data,
-      groupBy,
-      measures,
-      splitBy,
-      sortBy,
-      filters
-    });
-    const chartDataset = useDataset.useDataset(chartData);
-    const chartYAxis = useYAxis.useYAxis({
-      axes: Array.isArray(yAxis) || yAxis == null ? yAxis : [yAxis]
-    });
-    const chartXAxis = useXAxis.useXAxis({ ...xAxis, scale: true });
-    const chartSlider = useDataZoom.useDataZoom({
-      showHorizontal: horizontalRangeSlider?.show
-    });
-    const chartGrid = useGrid.useGrid({ ...grid });
-    const chartSeries = useSeries.useSeries({
-      type: "line",
-      data: chartData,
-      groupBy,
-      measuresMapping,
-      area,
-      areaOpacity,
-      emptyCellMode,
-      stack,
-      nameFormatter: seriesNameFormatter
-    });
-    const chartLegend = useLegend.useLegend({
-      ...legend,
-      series: chartSeries.series
-    });
-    const chartTooltip = useTooltip.useTooltip({
-      ...tooltip,
-      trigger: "axis",
-      measuresMapping,
-      classes
-    });
-    const option = useOption.useOption({
-      option: {
-        ...chartYAxis,
-        ...chartXAxis,
-        ...chartSlider,
-        ...chartGrid,
-        ...chartDataset,
-        ...chartSeries,
-        ...chartLegend,
-        ...chartTooltip
-      },
-      onOptionChange
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      BaseChart.HvBaseChart,
-      {
-        ref,
-        option,
-        width,
-        height,
-        ...others
-      }
-    );
-  }
-);
-exports.HvLineChart = HvLineChart;

package/dist/cjs/ScatterPlot/ScatterPlot.cjs

@@ -1,128 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const charts = require("echarts/charts");
-const components = require("echarts/components");
-const echarts = require("echarts/core");
-const useData = require("../hooks/useData.cjs");
-const useDataset = require("../hooks/useDataset.cjs");
-const useYAxis = require("../hooks/useYAxis.cjs");
-const useXAxis = require("../hooks/useXAxis.cjs");
-const useDataZoom = require("../hooks/useDataZoom.cjs");
-const useGrid = require("../hooks/useGrid.cjs");
-const useSeries = require("../hooks/useSeries.cjs");
-const useLegend = require("../hooks/useLegend.cjs");
-const useTooltip = require("../hooks/tooltip/useTooltip.cjs");
-const useOption = require("../hooks/useOption.cjs");
-const BaseChart = require("../BaseChart/BaseChart.cjs");
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const echarts__namespace = /* @__PURE__ */ _interopNamespace(echarts);
-echarts__namespace.use([
-  charts.ScatterChart,
-  components.DatasetComponent,
-  components.GridComponent,
-  components.TooltipComponent,
-  components.LegendComponent,
-  components.DataZoomSliderComponent,
-  components.DataZoomInsideComponent,
-  components.MarkLineComponent
-]);
-const HvScatterPlot = react.forwardRef(
-  function HvScatterPlot2(props, ref) {
-    const {
-      yAxis,
-      xAxis,
-      horizontalRangeSlider,
-      grid,
-      data,
-      groupBy,
-      splitBy,
-      sortBy,
-      filters,
-      measures,
-      seriesNameFormatter,
-      legend,
-      classes,
-      tooltip,
-      width,
-      height,
-      onOptionChange,
-      ...others
-    } = props;
-    const { data: chartData, mapping: measuresMapping } = useData.useData({
-      data,
-      groupBy,
-      measures,
-      splitBy,
-      sortBy,
-      filters
-    });
-    const chartDataset = useDataset.useDataset(chartData);
-    const chartYAxis = useYAxis.useYAxis({
-      axes: Array.isArray(yAxis) || yAxis == null ? yAxis : [yAxis]
-    });
-    const chartXAxis = useXAxis.useXAxis({ type: "continuous", ...xAxis });
-    const chartSlider = useDataZoom.useDataZoom({
-      showHorizontal: horizontalRangeSlider?.show
-    });
-    const chartGrid = useGrid.useGrid({ ...grid });
-    const chartSeries = useSeries.useSeries({
-      type: "scatter",
-      data: chartData,
-      groupBy,
-      measuresMapping,
-      nameFormatter: seriesNameFormatter
-    });
-    const chartLegend = useLegend.useLegend({
-      ...legend,
-      series: chartSeries.series
-    });
-    const chartTooltip = useTooltip.useTooltip({
-      ...tooltip,
-      trigger: "axis",
-      measuresMapping,
-      classes
-    });
-    const option = useOption.useOption({
-      option: {
-        ...chartYAxis,
-        ...chartXAxis,
-        ...chartSlider,
-        ...chartGrid,
-        ...chartDataset,
-        ...chartSeries,
-        ...chartLegend,
-        ...chartTooltip
-      },
-      onOptionChange
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      BaseChart.HvBaseChart,
-      {
-        ref,
-        option,
-        width,
-        height,
-        ...others
-      }
-    );
-  }
-);
-exports.HvScatterPlot = HvScatterPlot;

package/dist/cjs/Treemap/Treemap.cjs

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const charts = require("echarts/charts");
-const components = require("echarts/components");
-const echarts = require("echarts/core");
-const useTooltip = require("../hooks/tooltip/useTooltip.cjs");
-const useOption = require("../hooks/useOption.cjs");
-const BaseChart = require("../BaseChart/BaseChart.cjs");
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const echarts__namespace = /* @__PURE__ */ _interopNamespace(echarts);
-echarts__namespace.use([charts.TreemapChart, components.TooltipComponent]);
-const HvTreemapChart = react.forwardRef(
-  function HvTreemapChart2(props, ref) {
-    const {
-      name,
-      data,
-      classes,
-      width,
-      height,
-      tooltip,
-      onOptionChange,
-      ...others
-    } = props;
-    const chartTooltip = useTooltip.useTooltip({
-      ...tooltip,
-      type: "single",
-      classes
-    });
-    const option = useOption.useOption({
-      option: {
-        series: [
-          {
-            name,
-            type: "treemap",
-            data
-          }
-        ],
-        ...chartTooltip
-      },
-      onOptionChange
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      BaseChart.HvBaseChart,
-      {
-        ref,
-        option,
-        width,
-        height,
-        ...others
-      }
-    );
-  }
-);
-exports.HvTreemapChart = HvTreemapChart;

package/dist/cjs/hooks/tooltip/styles.cjs

@@ -1,80 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvChartTooltip", {
-  /** Single tooltip styles */
-  singleTooltipRoot: {
-    width: "fit-content",
-    boxShadow: uikitStyles.theme.colors.shadow,
-    backgroundColor: uikitStyles.theme.colors.bgContainer,
-    padding: uikitStyles.theme.space.sm,
-    display: "flex"
-  },
-  singleTooltipTitle: {
-    fontFamily: uikitStyles.theme.fontFamily.body,
-    fontWeight: uikitStyles.theme.fontWeights.semibold,
-    fontSize: uikitStyles.theme.fontSizes.sm,
-    color: uikitStyles.theme.colors.text
-  },
-  singleTooltipValue: {
-    fontFamily: uikitStyles.theme.fontFamily.body,
-    fontWeight: uikitStyles.theme.fontWeights.normal,
-    fontSize: uikitStyles.theme.fontSizes.sm,
-    color: uikitStyles.theme.colors.text,
-    marginLeft: uikitStyles.theme.space.xs
-  },
-  /** Multiple tooltip styles */
-  multipleTooltipRoot: {
-    width: "fit-content",
-    boxShadow: uikitStyles.theme.colors.shadow,
-    backgroundColor: uikitStyles.theme.colors.bgContainer
-  },
-  multipleTooltipTitleContainer: {
-    padding: `15px ${uikitStyles.theme.space.sm}`,
-    borderBottom: `3px solid ${uikitStyles.theme.colors.bgPage}`
-  },
-  multipleTooltipTitle: {
-    fontFamily: uikitStyles.theme.fontFamily.body,
-    fontWeight: uikitStyles.theme.fontWeights.semibold,
-    fontSize: uikitStyles.theme.fontSizes.sm,
-    color: uikitStyles.theme.colors.text
-  },
-  multipleTooltipValuesContainer: {
-    display: "flex",
-    flexDirection: "column",
-    padding: uikitStyles.theme.space.sm,
-    "& > *:not(:last-child)": { paddingBottom: uikitStyles.theme.space.sm }
-  },
-  multipleTooltipSeriesContainer: {
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  multipleTooltipSeriesNameContainer: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    marginRight: uikitStyles.theme.space.sm
-  },
-  multipleTooltipSeriesColor: {
-    width: "10px",
-    height: "10px",
-    marginRight: "5px"
-  },
-  multipleTooltipSeriesName: {
-    fontFamily: uikitStyles.theme.fontFamily.body,
-    fontWeight: uikitStyles.theme.fontWeights.semibold,
-    fontSize: uikitStyles.theme.fontSizes.sm,
-    color: uikitStyles.theme.colors.text
-  },
-  multipleTooltipSeriesValue: {
-    fontFamily: uikitStyles.theme.fontFamily.body,
-    fontWeight: uikitStyles.theme.fontWeights.normal,
-    fontSize: uikitStyles.theme.fontSizes.sm,
-    color: uikitStyles.theme.colors.text
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/hooks/tooltip/useTooltip.cjs

@@ -1,116 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const index = require("../../utils/index.cjs");
-const styles = require("./styles.cjs");
-const useTooltip = ({
-  measuresMapping = {},
-  classes,
-  component,
-  show = true,
-  horizontal = false,
-  trigger = "item",
-  type = "multiple",
-  valueFormatter,
-  titleFormatter,
-  nameFormatter
-}) => {
-  const { classes: hvClasses } = styles.useClasses(classes);
-  const renderTooltip = react.useCallback(
-    (params) => {
-      const title = params[0].seriesType === "treemap" || params[0].seriesType === "heatmap" || params[0].seriesType === "boxplot" ? params[0].name : params[0].seriesType === "pie" ? params[0].seriesName : horizontal ? params[0].value[params[0].encode.y[0]] : params[0].value[params[0].encode.x[0]];
-      const formattedTitle = titleFormatter ? titleFormatter(title) : title;
-      if (type === "single") {
-        const measure = index.getMeasure(
-          params[0].seriesType === "pie" || params[0].seriesType === "treemap" || params[0].seriesType === "heatmap" || params[0].seriesType === "boxplot" ? params[0].name : horizontal ? params[0].dimensionNames[params[0].encode.x[0]] : params[0].dimensionNames[params[0].encode.y[0]],
-          measuresMapping
-        );
-        const value = params[0].seriesType === "pie" || params[0].seriesType === "treemap" || params[0].seriesType === "heatmap" ? params[0].value[params[0].encode.value[0]] : horizontal ? params[0].value[params[0].encode.x[0]] : params[0].value[params[0].encode.y[0]];
-        const formattedValue = measure && typeof measure !== "string" && measure.valueFormatter ? measure.valueFormatter(value) : valueFormatter ? valueFormatter(value) : value;
-        return `
-            <div class="${hvClasses?.singleTooltipRoot}">
-              <p class="${hvClasses?.singleTooltipTitle}">${formattedTitle}</p>
-              <p class="${hvClasses?.singleTooltipValue}">${formattedValue}</p>
-            </div>
-            `;
-      }
-      return `
-        <div class="${hvClasses?.multipleTooltipRoot}">
-          <div class="${hvClasses?.multipleTooltipTitleContainer}">
-            <div>
-              <p class="${hvClasses?.multipleTooltipTitle}">${formattedTitle}</p>
-            </div>
-          </div>
-          <div class="${hvClasses?.multipleTooltipValuesContainer}">
-            ${params.map((s) => {
-        const measure = index.getMeasure(
-          s.seriesType === "pie" ? s.name : horizontal ? s.dimensionNames[s.encode.x[0]] : s.dimensionNames[s.encode.y[0]],
-          measuresMapping
-        );
-        const value = s.seriesType === "pie" ? s.value[s.encode.value[0]] : horizontal ? s.value[s.encode.x[0]] : s.value[s.encode.y[0]];
-        const formattedValue = typeof measure !== "string" && measure?.valueFormatter ? measure.valueFormatter(value) : valueFormatter ? valueFormatter(value) : value;
-        const name = s.seriesType === "pie" ? s.name : s.seriesName;
-        const formattedName = nameFormatter ? nameFormatter(name) : name;
-        return `
-                <div key="${s.seriesName}" class="${hvClasses?.multipleTooltipSeriesContainer}">
-                  <div class="${hvClasses?.multipleTooltipSeriesNameContainer}">
-                    <p style="background-color: ${s.color};" class="${hvClasses?.multipleTooltipSeriesColor}" />
-                    <p class="${hvClasses?.multipleTooltipSeriesName}">${formattedName}</p>
-                  </div>
-                  <p class="${hvClasses?.multipleTooltipSeriesValue}">${formattedValue}</p>
-                </div>
-              `;
-      }).join(" ")}
-          </div>
-        </div>
-        `;
-    },
-    [
-      hvClasses,
-      horizontal,
-      type,
-      measuresMapping,
-      nameFormatter,
-      titleFormatter,
-      valueFormatter
-    ]
-  );
-  const renderCustomTooltip = react.useCallback(
-    (params) => {
-      if (typeof component === "function") {
-        const values = {
-          title: params[0].seriesType === "boxplot" ? params[0].name : params[0].seriesType === "pie" || params[0].seriesType === "treemap" || params[0].seriesType === "heatmap" ? params[0].seriesName : horizontal ? params[0].value[params[0].encode.y[0]] : params[0].value[params[0].encode.x[0]],
-          series: params.map((p) => {
-            return {
-              color: p.color,
-              name: p.seriesType === "heatmap" ? String(p.value[p.encode.y[0]]) : p.seriesType === "pie" || p.seriesType === "treemap" ? p.name : p.seriesName,
-              value: p.seriesType === "pie" || p.seriesType === "treemap" || p.seriesType === "heatmap" ? p.value[p.encode.value[0]] : horizontal ? p.value[p.encode.x[0]] : p.value[p.encode.y[0]]
-            };
-          }),
-          value: params[0].value
-        };
-        return component(values);
-      }
-      return component;
-    },
-    [component, horizontal]
-  );
-  const option = react.useMemo(() => {
-    return {
-      tooltip: {
-        confine: false,
-        show,
-        trigger,
-        position: (point, params, dom, rect, size) => {
-          return [point[0], point[1] - size.contentSize[1]];
-        },
-        formatter: (params) => {
-          const tooltipParams = Array.isArray(params) ? params : [params];
-          return component ? renderCustomTooltip(tooltipParams) : renderTooltip(tooltipParams);
-        }
-      }
-    };
-  }, [trigger, component, show, renderTooltip, renderCustomTooltip]);
-  return option;
-};
-exports.useTooltip = useTooltip;

package/dist/cjs/hooks/useData.cjs

@@ -1,164 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const arquero = require("arquero");
-const index = require("../utils/index.cjs");
-const getAgFunc = (func, field) => func === "count" ? "count()" : `${func}(d["${field}"])`;
-const useData = ({
-  data,
-  groupBy,
-  measures,
-  sortBy,
-  splitBy,
-  filters: filtersProp,
-  delta
-}) => {
-  const groupByKey = index.getGroupKey(groupBy);
-  return react.useMemo(() => {
-    const { data: processedData, mapping } = index.processTableData(data);
-    let tableData = processedData;
-    if (filtersProp) {
-      const filters = (Array.isArray(filtersProp) ? filtersProp : [filtersProp]).map((filter) => ({
-        ...filter,
-        field: index.normalizeColumnName(filter.field)
-        // normalize
-      }));
-      tableData = tableData.filter(
-        arquero.escape((row) => index.getHvArqueroCombinedFilters(row, filters))
-      );
-    }
-    const groupByFields = (groupBy ? Array.isArray(groupBy) ? groupBy : [groupBy] : []).map((value) => index.normalizeColumnName(value));
-    const splitByFields = (Array.isArray(splitBy) ? splitBy : splitBy != null ? [splitBy] : []).map((value) => index.normalizeColumnName(value));
-    const measuresFields = [];
-    const measuresMapping = {};
-    let measuresColumns = {};
-    if (typeof measures === "string") {
-      measuresMapping[measures] = measures;
-      const normalizedMeasure = index.normalizeColumnName(measures);
-      measuresColumns[normalizedMeasure] = getAgFunc("sum", normalizedMeasure);
-      measuresFields.push(normalizedMeasure);
-    } else if (Array.isArray(measures)) {
-      measuresColumns = measures.reduce(
-        (acc, value) => {
-          let field;
-          let agFunction;
-          let columnName;
-          if (typeof value === "string") {
-            measuresMapping[value] = value;
-            field = index.normalizeColumnName(value);
-            agFunction = "sum";
-            columnName = field;
-          } else {
-            const notUnique = measures.filter(
-              (m) => typeof m === "string" ? m === value.field : m.field === value.field
-            ).length > 1;
-            const appendAgg = notUnique && value.agg && value.agg !== "sum";
-            measuresMapping[appendAgg ? `${value.field}_${value.agg}` : value.field] = value;
-            field = index.normalizeColumnName(value.field);
-            agFunction = value.agg ?? "sum";
-            columnName = appendAgg ? `${field}_${value.agg}` : field;
-          }
-          measuresFields.push(field);
-          acc[columnName] = getAgFunc(agFunction, field);
-          return acc;
-        },
-        {}
-      );
-    } else if (measures != null) {
-      measuresMapping[measures.field] = measures;
-      const normalizedMeasure = index.normalizeColumnName(measures.field);
-      measuresColumns[normalizedMeasure] = getAgFunc(
-        measures.agg ?? "sum",
-        normalizedMeasure
-      );
-      measuresFields.push(normalizedMeasure);
-    }
-    let sortByFields = {};
-    if (typeof sortBy === "string") {
-      const normalizedSort = index.normalizeColumnName(sortBy);
-      sortByFields[normalizedSort] = "asc";
-    } else if (Array.isArray(sortBy)) {
-      sortByFields = sortBy.reduce(
-        (acc, value) => {
-          let field;
-          let orderFunction;
-          if (typeof value === "string") {
-            field = index.normalizeColumnName(value);
-            orderFunction = "asc";
-          } else {
-            field = index.normalizeColumnName(value.field);
-            orderFunction = value.order ?? "asc";
-          }
-          acc[field] = orderFunction;
-          return acc;
-        },
-        {}
-      );
-    } else if (sortBy != null) {
-      const normalizedSort = index.normalizeColumnName(sortBy.field);
-      sortByFields[normalizedSort] = sortBy.order ?? "asc";
-    }
-    const allFields = [...groupByFields, ...splitByFields, ...measuresFields];
-    if (delta) {
-      const deltaExpression = Object.keys(measuresColumns).reduce((acc, curr) => {
-        const normalizedMeasure = index.normalizeColumnName(curr);
-        const normalizedDelta = index.normalizeColumnName(delta);
-        acc[normalizedMeasure] = `d => d.${normalizedMeasure} - d.${normalizedDelta}`;
-        return acc;
-      }, {});
-      tableData = tableData.derive(deltaExpression);
-    }
-    tableData = tableData.select(...allFields);
-    if (groupByFields.length > 0) {
-      tableData = tableData.groupby(groupByFields);
-    }
-    if (splitByFields.length > 0) {
-      tableData = tableData.pivot(splitByFields, measuresColumns);
-    } else {
-      tableData = tableData.rollup(measuresColumns);
-    }
-    if (groupByFields.length > 1) {
-      const expression = `d => ${groupByFields.map((field) => `d.${field}`).join(" + '_' + ")}`;
-      tableData = tableData.derive(
-        { [groupByKey]: expression },
-        { after: groupByFields[groupByFields.length - 1] }
-      );
-    }
-    if (Object.keys(sortByFields).length > 0) {
-      tableData = tableData.orderby(
-        ...Object.keys(sortByFields).filter((key) => allFields.includes(key)).map((key) => sortByFields[key] === "desc" ? arquero.desc(key) : key)
-      );
-    }
-    const reversedMapping = {};
-    for (const column of tableData.columnNames()) {
-      if (mapping[column] != null) {
-        reversedMapping[column] = mapping[column];
-      } else {
-        const found = Object.entries(mapping).find(
-          ([key]) => column.includes(key)
-        );
-        if (found) {
-          const [key, value] = found;
-          reversedMapping[column] = column.replace(key, value);
-        } else {
-          reversedMapping[column] = column;
-        }
-      }
-    }
-    tableData = tableData.select(reversedMapping);
-    if (groupByFields.length > 1) {
-      tableData = tableData.select(arquero.not(...groupByFields));
-    }
-    return { data: tableData, mapping: measuresMapping };
-  }, [
-    data,
-    filtersProp,
-    groupBy,
-    splitBy,
-    measures,
-    sortBy,
-    delta,
-    groupByKey
-  ]);
-};
-exports.useData = useData;