@hitachivantara/uikit-react-viz 6.1.6 → 6.1.8

package/dist/hooks/useData.js

@@ -1,164 +1,124 @@
+import { getGroupKey, getHvArqueroCombinedFilters, normalizeColumnName, processTableData } from "../utils/index.js";
 import { useMemo } from "react";
-import { escape, desc, not } from "arquero";
-import { getGroupKey, processTableData, normalizeColumnName, getHvArqueroCombinedFilters } from "../utils/index.js";
-const getAgFunc = (func, field) => func === "count" ? "count()" : `${func}(d["${field}"])`;
-const useData = ({
-  data,
-  groupBy,
-  measures,
-  sortBy,
-  splitBy,
-  filters: filtersProp,
-  delta
-}) => {
-  const groupByKey = getGroupKey(groupBy);
-  return useMemo(() => {
-    const { data: processedData, mapping } = 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 groupByFields = (groupBy ? Array.isArray(groupBy) ? groupBy : [groupBy] : []).map((value) => normalizeColumnName(value));
-    const splitByFields = (Array.isArray(splitBy) ? splitBy : splitBy != null ? [splitBy] : []).map((value) => normalizeColumnName(value));
-    const measuresFields = [];
-    const measuresMapping = {};
-    let measuresColumns = {};
-    if (typeof measures === "string") {
-      measuresMapping[measures] = measures;
-      const normalizedMeasure = 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 = 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 = 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 = normalizeColumnName(measures.field);
-      measuresColumns[normalizedMeasure] = getAgFunc(
-        measures.agg ?? "sum",
-        normalizedMeasure
-      );
-      measuresFields.push(normalizedMeasure);
-    }
-    let sortByFields = {};
-    if (typeof sortBy === "string") {
-      const normalizedSort = normalizeColumnName(sortBy);
-      sortByFields[normalizedSort] = "asc";
-    } else if (Array.isArray(sortBy)) {
-      sortByFields = sortBy.reduce(
-        (acc, value) => {
-          let field;
-          let orderFunction;
-          if (typeof value === "string") {
-            field = normalizeColumnName(value);
-            orderFunction = "asc";
-          } else {
-            field = normalizeColumnName(value.field);
-            orderFunction = value.order ?? "asc";
-          }
-          acc[field] = orderFunction;
-          return acc;
-        },
-        {}
-      );
-    } else if (sortBy != null) {
-      const normalizedSort = 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 = normalizeColumnName(curr);
-        const normalizedDelta = 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" ? 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(not(...groupByFields));
-    }
-    return { data: tableData, mapping: measuresMapping };
-  }, [
-    data,
-    filtersProp,
-    groupBy,
-    splitBy,
-    measures,
-    sortBy,
-    delta,
-    groupByKey
-  ]);
-};
-export {
-  useData
+import { desc, escape, not } from "arquero";
+//#region src/hooks/useData.tsx
+var getAgFunc = (func, field) => func === "count" ? "count()" : `${func}(d["${field}"])`;
+var useData = ({ data, groupBy, measures, sortBy, splitBy, filters: filtersProp, delta }) => {
+	const groupByKey = getGroupKey(groupBy);
+	return useMemo(() => {
+		const { data: processedData, mapping } = 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 groupByFields = (groupBy ? Array.isArray(groupBy) ? groupBy : [groupBy] : []).map((value) => normalizeColumnName(value));
+		const splitByFields = (Array.isArray(splitBy) ? splitBy : splitBy != null ? [splitBy] : []).map((value) => normalizeColumnName(value));
+		const measuresFields = [];
+		const measuresMapping = {};
+		let measuresColumns = {};
+		if (typeof measures === "string") {
+			measuresMapping[measures] = measures;
+			const normalizedMeasure = 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 = normalizeColumnName(value);
+				agFunction = "sum";
+				columnName = field;
+			} else {
+				const appendAgg = measures.filter((m) => typeof m === "string" ? m === value.field : m.field === value.field).length > 1 && value.agg && value.agg !== "sum";
+				measuresMapping[appendAgg ? `${value.field}_${value.agg}` : value.field] = value;
+				field = 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 = normalizeColumnName(measures.field);
+			measuresColumns[normalizedMeasure] = getAgFunc(measures.agg ?? "sum", normalizedMeasure);
+			measuresFields.push(normalizedMeasure);
+		}
+		let sortByFields = {};
+		if (typeof sortBy === "string") {
+			const normalizedSort = normalizeColumnName(sortBy);
+			sortByFields[normalizedSort] = "asc";
+		} else if (Array.isArray(sortBy)) sortByFields = sortBy.reduce((acc, value) => {
+			let field;
+			let orderFunction;
+			if (typeof value === "string") {
+				field = normalizeColumnName(value);
+				orderFunction = "asc";
+			} else {
+				field = normalizeColumnName(value.field);
+				orderFunction = value.order ?? "asc";
+			}
+			acc[field] = orderFunction;
+			return acc;
+		}, {});
+		else if (sortBy != null) {
+			const normalizedSort = 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 = normalizeColumnName(curr);
+				acc[normalizedMeasure] = `d => d.${normalizedMeasure} - d.${normalizeColumnName(delta)}`;
+				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" ? 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(not(...groupByFields));
+		return {
+			data: tableData,
+			mapping: measuresMapping
+		};
+	}, [
+		data,
+		filtersProp,
+		groupBy,
+		splitBy,
+		measures,
+		sortBy,
+		delta,
+		groupByKey
+	]);
 };
+//#endregion
+export { useData };

package/dist/hooks/useDataZoom.js

@@ -1,27 +1,19 @@
 import { useMemo } from "react";
-const useDataZoom = ({
-  showHorizontal = false
-}) => {
-  const option = useMemo(() => {
-    return {
-      dataZoom: showHorizontal ? [
-        {
-          show: true,
-          type: "slider",
-          orient: "horizontal"
-        },
-        {
-          show: true,
-          type: "inside",
-          orient: "horizontal",
-          zoomOnMouseWheel: "shift",
-          moveOnMouseWheel: true
-        }
-      ] : []
-    };
-  }, [showHorizontal]);
-  return option;
-};
-export {
-  useDataZoom
+//#region src/hooks/useDataZoom.tsx
+var useDataZoom = ({ showHorizontal = false }) => {
+	return useMemo(() => {
+		return { dataZoom: showHorizontal ? [{
+			show: true,
+			type: "slider",
+			orient: "horizontal"
+		}, {
+			show: true,
+			type: "inside",
+			orient: "horizontal",
+			zoomOnMouseWheel: "shift",
+			moveOnMouseWheel: true
+		}] : [] };
+	}, [showHorizontal]);
 };
+//#endregion
+export { useDataZoom };

package/dist/hooks/useDataset.js

@@ -1,16 +1,12 @@
 import { useMemo } from "react";
-const useDataset = (data) => {
-  return useMemo(() => {
-    return {
-      dataset: {
-        source: data.columnNames().reduce((acc, c) => {
-          acc[c] = data.array(c);
-          return acc;
-        }, {})
-      }
-    };
-  }, [data]);
-};
-export {
-  useDataset
+//#region src/hooks/useDataset.tsx
+var useDataset = (data) => {
+	return useMemo(() => {
+		return { dataset: { source: data.columnNames().reduce((acc, c) => {
+			acc[c] = data.array(c);
+			return acc;
+		}, {}) } };
+	}, [data]);
 };
+//#endregion
+export { useDataset };

package/dist/hooks/useGrid.js

@@ -1,39 +1,23 @@
 import { useMemo } from "react";
-const useGrid = ({
-  top,
-  left,
-  right,
-  bottom,
-  width,
-  height
-}) => {
-  const option = useMemo(() => {
-    return {
-      // if no value is defined we shouldn't pass anything because echarts doesn't behave well otherwise
-      grid: {
-        ...top != null && {
-          top
-        },
-        ...bottom != null && {
-          bottom
-        },
-        ...left != null && {
-          left
-        },
-        ...right != null && {
-          right
-        },
-        ...width != null && {
-          width
-        },
-        ...height != null && {
-          height
-        }
-      }
-    };
-  }, [top, left, right, bottom, height, width]);
-  return option;
-};
-export {
-  useGrid
+//#region src/hooks/useGrid.tsx
+var useGrid = ({ top, left, right, bottom, width, height }) => {
+	return useMemo(() => {
+		return { grid: {
+			...top != null && { top },
+			...bottom != null && { bottom },
+			...left != null && { left },
+			...right != null && { right },
+			...width != null && { width },
+			...height != null && { height }
+		} };
+	}, [
+		top,
+		left,
+		right,
+		bottom,
+		height,
+		width
+	]);
 };
+//#endregion
+export { useGrid };

package/dist/hooks/useLegend.js

@@ -1,46 +1,37 @@
-import { useMemo } from "react";
 import { getLegendIcon } from "../utils/index.js";
-const useLegend = ({
-  series,
-  show,
-  icon,
-  formatter,
-  position: positionProp,
-  direction = "horizontal"
-}) => {
-  const option = useMemo(() => {
-    const position = {
-      y: positionProp?.y ?? "top",
-      x: positionProp?.x ?? "center"
-    };
-    return {
-      legend: {
-        show: show ?? (Array.isArray(series) && series.length > 1),
-        itemGap: 20,
-        formatter,
-        orient: direction,
-        ...position,
-        ...icon && { icon: getLegendIcon(icon) },
-        ...!icon && {
-          data: show !== false && Array.isArray(series) ? series.map((s) => {
-            let iconType = "line";
-            if (s.areaStyle != null) {
-              iconType = "square";
-            }
-            if (s.type === "scatter") {
-              iconType = "circle";
-            }
-            return {
-              name: s.name,
-              icon: getLegendIcon(iconType)
-            };
-          }) : void 0
-        }
-      }
-    };
-  }, [series, show, icon, formatter, positionProp, direction]);
-  return option;
-};
-export {
-  useLegend
+import { useMemo } from "react";
+//#region src/hooks/useLegend.tsx
+var useLegend = ({ series, show, icon, formatter, position: positionProp, direction = "horizontal" }) => {
+	return useMemo(() => {
+		const position = {
+			y: positionProp?.y ?? "top",
+			x: positionProp?.x ?? "center"
+		};
+		return { legend: {
+			show: show ?? (Array.isArray(series) && series.length > 1),
+			itemGap: 20,
+			formatter,
+			orient: direction,
+			...position,
+			...icon && { icon: getLegendIcon(icon) },
+			...!icon && { data: show !== false && Array.isArray(series) ? series.map((s) => {
+				let iconType = "line";
+				if (s.areaStyle != null) iconType = "square";
+				if (s.type === "scatter") iconType = "circle";
+				return {
+					name: s.name,
+					icon: getLegendIcon(iconType)
+				};
+			}) : void 0 }
+		} };
+	}, [
+		series,
+		show,
+		icon,
+		formatter,
+		positionProp,
+		direction
+	]);
 };
+//#endregion
+export { useLegend };

package/dist/hooks/useOption.js

@@ -1,20 +1,14 @@
 import { useMemo } from "react";
-const useOption = ({
-  option: optionProp,
-  onOptionChange
-}) => {
-  const option = useMemo(() => {
-    const baseOption = {
-      aria: {
-        enabled: true
-      },
-      animation: false
-    };
-    const opt = { ...baseOption, ...optionProp };
-    return onOptionChange ? onOptionChange(opt) : opt;
-  }, [onOptionChange, optionProp]);
-  return option;
-};
-export {
-  useOption
+//#region src/hooks/useOption.ts
+var useOption = ({ option: optionProp, onOptionChange }) => {
+	return useMemo(() => {
+		const opt = {
+			aria: { enabled: true },
+			animation: false,
+			...optionProp
+		};
+		return onOptionChange ? onOptionChange(opt) : opt;
+	}, [onOptionChange, optionProp]);
 };
+//#endregion
+export { useOption };