@hitachivantara/uikit-react-viz 6.1.6 → 6.1.8

package/dist/Boxplot/Boxplot.js

@@ -1,47 +1,38 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { BoxplotChart } from "echarts/charts";
-import { TooltipComponent, VisualMapComponent } from "echarts/components";
-import * as echarts from "echarts/core";
-import { useClasses } from "./Boxplot.styles.js";
-import { useBoxplot } from "./useBoxplot.js";
-import { useTooltip } from "../hooks/tooltip/useTooltip.js";
-import { useGrid } from "../hooks/useGrid.js";
-import { useLegend } from "../hooks/useLegend.js";
+import { HvBaseChart } from "../BaseChart/BaseChart.js";
 import { useXAxis } from "../hooks/useXAxis.js";
 import { useYAxis } from "../hooks/useYAxis.js";
+import { useGrid } from "../hooks/useGrid.js";
+import { useLegend } from "../hooks/useLegend.js";
+import { useTooltip } from "../hooks/tooltip/useTooltip.js";
 import { useOption } from "../hooks/useOption.js";
-import { HvBaseChart } from "../BaseChart/BaseChart.js";
-echarts.use([BoxplotChart, TooltipComponent, VisualMapComponent]);
-const HvBoxplot = forwardRef(
-  function HvBoxplot2(props, ref) {
-    const {
-      name,
-      data,
-      xAxis,
-      yAxis,
-      grid,
-      legend,
-      measures,
-      groupBy,
-      tooltip,
-      width,
-      height,
-      filters,
-      classes: classesProp,
-      onOptionChange,
-      ...others
-    } = props;
-    const { classes } = useClasses(classesProp);
-    const chartTooltip = useTooltip({
-      component: (params) => {
-        const title = params?.title;
-        const upper = params?.value?.[5];
-        const q3 = params?.value?.[4];
-        const median = params?.value?.[3];
-        const q1 = params?.value?.[2];
-        const lower = params?.value?.[1];
-        return `
+import { useClasses } from "./Boxplot.styles.js";
+import { useBoxplot } from "./useBoxplot.js";
+import { forwardRef } from "react";
+import { TooltipComponent, VisualMapComponent } from "echarts/components";
+import * as echarts from "echarts/core";
+import { jsx } from "react/jsx-runtime";
+import { BoxplotChart } from "echarts/charts";
+//#region src/Boxplot/Boxplot.tsx
+echarts.use([
+	BoxplotChart,
+	TooltipComponent,
+	VisualMapComponent
+]);
+/**
+* A Boxplot chart visually summarizes the distribution of a dataset by depicting key statistical measures such as the median, quartiles, and outliers.
+*/
+var HvBoxplot = forwardRef(function HvBoxplot(props, ref) {
+	const { name, data, xAxis, yAxis, grid, legend, measures, groupBy, tooltip, width, height, filters, classes: classesProp, onOptionChange, ...others } = props;
+	const { classes } = useClasses(classesProp);
+	const chartTooltip = useTooltip({
+		component: (params) => {
+			const title = params?.title;
+			const upper = params?.value?.[5];
+			const q3 = params?.value?.[4];
+			const median = params?.value?.[3];
+			const q1 = params?.value?.[2];
+			const lower = params?.value?.[1];
+			return `
           <div class="${classes.tooltipRoot}">
             <div class="${classes.tooltipContainer}">
               <div>
@@ -54,45 +45,39 @@ const HvBoxplot = forwardRef(
               </div>
             </div>
           </div>`;
-      },
-      ...tooltip
-    });
-    const chartGrid = useGrid({ ...grid });
-    const chartLegend = useLegend({
-      ...legend,
-      icon: "square"
-    });
-    const chartXAxis = useXAxis({
-      ...xAxis
-    });
-    const chartYAxis = useYAxis({
-      axes: Array.isArray(yAxis) || yAxis == null ? yAxis : [yAxis],
-      defaultType: "continuous",
-      ...yAxis
-    });
-    const chartBoxplot = useBoxplot({ data, groupBy, measures, filters });
-    const chartOption = useOption({
-      option: {
-        ...chartBoxplot,
-        ...chartGrid,
-        ...chartLegend,
-        ...chartTooltip,
-        ...chartXAxis,
-        ...chartYAxis
-      }
-    });
-    return /* @__PURE__ */ jsx(
-      HvBaseChart,
-      {
-        ref,
-        option: chartOption,
-        width,
-        height,
-        ...others
-      }
-    );
-  }
-);
-export {
-  HvBoxplot
-};
+		},
+		...tooltip
+	});
+	const chartGrid = useGrid({ ...grid });
+	const chartLegend = useLegend({
+		...legend,
+		icon: "square"
+	});
+	const chartXAxis = useXAxis({ ...xAxis });
+	const chartYAxis = useYAxis({
+		axes: Array.isArray(yAxis) || yAxis == null ? yAxis : [yAxis],
+		defaultType: "continuous",
+		...yAxis
+	});
+	return /* @__PURE__ */ jsx(HvBaseChart, {
+		ref,
+		option: useOption({ option: {
+			...useBoxplot({
+				data,
+				groupBy,
+				measures,
+				filters
+			}),
+			...chartGrid,
+			...chartLegend,
+			...chartTooltip,
+			...chartXAxis,
+			...chartYAxis
+		} }),
+		width,
+		height,
+		...others
+	});
+});
+//#endregion
+export { HvBoxplot };

package/dist/Boxplot/Boxplot.styles.js

@@ -1,26 +1,25 @@
 import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const { useClasses, staticClasses } = createClasses("HvBoxplot", {
-  tooltipRoot: {
-    backgroundColor: theme.colors.bgContainer,
-    width: "fit-content",
-    minWidth: 150,
-    boxShadow: theme.colors.shadow,
-    zIndex: theme.zIndices.sticky
-  },
-  tooltipContainer: {
-    padding: theme.spacing("15px", "sm"),
-    display: "flex",
-    flexDirection: "column"
-  },
-  tooltipText: {
-    fontFamily: theme.fontFamily.body,
-    fontWeight: theme.fontWeights.normal,
-    fontSize: theme.fontSizes.sm,
-    color: theme.colors.text
-  }
+//#region src/Boxplot/Boxplot.styles.tsx
+var { useClasses, staticClasses } = createClasses("HvBoxplot", {
+	tooltipRoot: {
+		backgroundColor: theme.colors.bgContainer,
+		width: "fit-content",
+		minWidth: 150,
+		boxShadow: theme.colors.shadow,
+		zIndex: theme.zIndices.sticky
+	},
+	tooltipContainer: {
+		padding: theme.spacing("15px", "sm"),
+		display: "flex",
+		flexDirection: "column"
+	},
+	tooltipText: {
+		fontFamily: theme.fontFamily.body,
+		fontWeight: theme.fontWeights.normal,
+		fontSize: theme.fontSizes.sm,
+		color: theme.colors.text
+	}
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { useClasses };

package/dist/Boxplot/useBoxplot.js

@@ -1,72 +1,58 @@
-import { useMemo } from "react";
 import { useBoxplotData } from "./useBoxplotData.js";
-const useBoxplot = ({
-  data,
-  groupBy,
-  measures,
-  filters
-}) => {
-  const measuresFields = useMemo(() => {
-    if (measures == null) return {};
-    if (typeof measures === "string") return { [measures]: void 0 };
-    if (Array.isArray(measures)) {
-      return measures.reduce(
-        (acc, value) => {
-          const field = typeof value === "string" ? value : value.field;
-          acc[field] = typeof value === "string" ? void 0 : value.yAxis;
-          return acc;
-        },
-        {}
-      );
-    }
-    return { [measures.field]: measures.yAxis };
-  }, [measures]);
-  const chartData = useBoxplotData({
-    data,
-    groupBy,
-    measures: measuresFields,
-    filters
-  });
-  const boxplotData = useMemo(() => {
-    const setData = {};
-    Object.keys(measuresFields).forEach((m) => {
-      setData[m] = [];
-      Object.keys(chartData).forEach((key) => {
-        setData[m].push(chartData[key][m]);
-      });
-    });
-    const sources = [];
-    const transforms = [];
-    const series = [];
-    Object.keys(measuresFields).forEach((m, index) => {
-      sources.push({
-        source: setData[m],
-        id: m
-      });
-      transforms.push({
-        fromDatasetId: m,
-        transform: {
-          type: "boxplot",
-          config: {
-            itemNameFormatter: (params) => Object.keys(chartData)[params.value]
-          }
-        }
-      });
-      series.push({
-        name: m,
-        type: "boxplot",
-        datasetIndex: Object.keys(measuresFields).length + index,
-        yAxisId: measuresFields[m]
-      });
-    });
-    const datasets = {
-      dataset: [...sources, ...transforms],
-      series
-    };
-    return datasets;
-  }, [chartData, measuresFields]);
-  return boxplotData;
-};
-export {
-  useBoxplot
+import { useMemo } from "react";
+//#region src/Boxplot/useBoxplot.tsx
+var useBoxplot = ({ data, groupBy, measures, filters }) => {
+	const measuresFields = useMemo(() => {
+		if (measures == null) return {};
+		if (typeof measures === "string") return { [measures]: void 0 };
+		if (Array.isArray(measures)) return measures.reduce((acc, value) => {
+			const field = typeof value === "string" ? value : value.field;
+			acc[field] = typeof value === "string" ? void 0 : value.yAxis;
+			return acc;
+		}, {});
+		return { [measures.field]: measures.yAxis };
+	}, [measures]);
+	const chartData = useBoxplotData({
+		data,
+		groupBy,
+		measures: measuresFields,
+		filters
+	});
+	return useMemo(() => {
+		const setData = {};
+		Object.keys(measuresFields).forEach((m) => {
+			setData[m] = [];
+			Object.keys(chartData).forEach((key) => {
+				setData[m].push(chartData[key][m]);
+			});
+		});
+		const sources = [];
+		const transforms = [];
+		const series = [];
+		Object.keys(measuresFields).forEach((m, index) => {
+			sources.push({
+				source: setData[m],
+				id: m
+			});
+			transforms.push({
+				fromDatasetId: m,
+				transform: {
+					type: "boxplot",
+					config: { itemNameFormatter: (params) => Object.keys(chartData)[params.value] }
+				}
+			});
+			series.push({
+				name: m,
+				type: "boxplot",
+				datasetIndex: Object.keys(measuresFields).length + index,
+				yAxisId: measuresFields[m]
+			});
+		});
+		return {
+			dataset: [...sources, ...transforms],
+			series
+		};
+	}, [chartData, measuresFields]);
 };
+//#endregion
+export { useBoxplot };

package/dist/Boxplot/useBoxplotData.js

@@ -1,40 +1,37 @@
+import { getHvArqueroCombinedFilters, normalizeColumnName, processTableData } from "../utils/index.js";
 import { useMemo } from "react";
 import { escape } from "arquero";
-import { processTableData, normalizeColumnName, getHvArqueroCombinedFilters } from "../utils/index.js";
-const useBoxplotData = ({
-  data,
-  groupBy: groupByProp,
-  measures,
-  filters: filtersProp
-}) => {
-  const chartData = useMemo(() => {
-    const { data: processedData } = processTableData(data);
-    let tableData = processedData;
-    if (filtersProp) {
-      const filters = (Array.isArray(filtersProp) ? filtersProp : [filtersProp]).map((filter) => ({
-        ...filter,
-        field: normalizeColumnName(filter.field)
-        // normalize
-      }));
-      tableData = tableData.filter(
-        escape((row) => getHvArqueroCombinedFilters(row, filters))
-      );
-    }
-    const normalizedGroupBy = normalizeColumnName(groupByProp || "");
-    const uniqueGroupBy = new Set(
-      tableData.array(normalizedGroupBy)
-    );
-    const results = {};
-    uniqueGroupBy.forEach((group) => {
-      results[group] = {};
-      Object.keys(measures).forEach((measure) => {
-        results[group][measure] = tableData.params({ group, groupBy: normalizedGroupBy }).filter((d, $) => d[$.groupBy] === $.group).array(normalizeColumnName(measure));
-      });
-    });
-    return results;
-  }, [data, filtersProp, groupByProp, measures]);
-  return chartData;
-};
-export {
-  useBoxplotData
+//#region src/Boxplot/useBoxplotData.tsx
+var useBoxplotData = ({ data, groupBy: groupByProp, measures, filters: filtersProp }) => {
+	return useMemo(() => {
+		const { data: processedData } = processTableData(data);
+		let tableData = processedData;
+		if (filtersProp) {
+			const filters = (Array.isArray(filtersProp) ? filtersProp : [filtersProp]).map((filter) => ({
+				...filter,
+				field: normalizeColumnName(filter.field)
+			}));
+			tableData = tableData.filter(escape((row) => getHvArqueroCombinedFilters(row, filters)));
+		}
+		const normalizedGroupBy = normalizeColumnName(groupByProp || "");
+		const uniqueGroupBy = new Set(tableData.array(normalizedGroupBy));
+		const results = {};
+		uniqueGroupBy.forEach((group) => {
+			results[group] = {};
+			Object.keys(measures).forEach((measure) => {
+				results[group][measure] = tableData.params({
+					group,
+					groupBy: normalizedGroupBy
+				}).filter((d, $) => d[$.groupBy] === $.group).array(normalizeColumnName(measure));
+			});
+		});
+		return results;
+	}, [
+		data,
+		filtersProp,
+		groupByProp,
+		measures
+	]);
 };
+//#endregion
+export { useBoxplotData };