@gen3/frontend 0.10.52 → 0.10.53

package/dist/cjs/index.js

@@ -1639,7 +1639,7 @@ const ReactECharts = ({ option, style, settings, loading, theme })=>{
 };
 
 const filterMissing = (facetData)=>facetData.filter((d)=>d.key !== '_missing');
-const processChartData$5 = (facetData, maxBins = 100)=>{
+const processChartData$4 = (facetData, maxBins = 100)=>{
     if (!facetData) {
         return [];
     }
@@ -1688,7 +1688,7 @@ const BarChart = ({ data })=>{
             series: [
                 {
                     type: 'bar',
-                    data: processChartData$5(data)
+                    data: processChartData$4(data)
                 }
             ]
         };
@@ -1703,7 +1703,7 @@ const BarChart = ({ data })=>{
     });
 };
 
-const processChartData$4 = (facetData, maxBins = 100)=>{
+const processChartData$3 = (facetData, maxBins = 100)=>{
     if (!facetData) {
         return [];
     }
@@ -1734,7 +1734,7 @@ const PieChart = ({ data })=>{
                 {
                     type: 'pie',
                     radius: '60%',
-                    data: processChartData$4(data),
+                    data: processChartData$3(data),
                     label: {
                         fontSize: '14',
                         fontWeight: 'bold',
@@ -1754,7 +1754,7 @@ const PieChart = ({ data })=>{
     });
 };
 
-const processChartData$3 = (facetData, maxBins = 100)=>{
+const processChartData$2 = (facetData, maxBins = 100)=>{
     if (!facetData) {
         return [];
     }
@@ -1786,7 +1786,7 @@ const DonutChart = ({ data })=>{
                         '30%',
                         '60%'
                     ],
-                    data: processChartData$3(data),
+                    data: processChartData$2(data),
                     label: {
                         show: false,
                         position: 'center'
@@ -1808,81 +1808,6 @@ const DonutChart = ({ data })=>{
     });
 };
 
-const ExtractDataCount$1 = (d, _ = undefined)=>d.count;
-const ExtractDataPercent$1 = (d, total)=>total ? Math.round((d.count / total * 100.0 + Number.EPSILON) * 100) / 100 : 0;
-const processChartData$2 = (facetData, valueType = 'count', total, maxBins = 100)=>{
-    if (!facetData) {
-        return [];
-    }
-    const data = facetData.filter((d)=>d.key !== '_missing');
-    const dataExtractor = valueType === 'count' ? ExtractDataCount$1 : ExtractDataPercent$1;
-    const results = data.slice(0, maxBins).map((d)=>({
-            // TODO: fix type of d
-            data: [
-                dataExtractor(d, total)
-            ],
-            name: truncateString(processLabel$1(d.key), 35),
-            type: 'bar',
-            stack: 'value',
-            label: {
-                show: true,
-                moveOverlap: true
-            }
-        }));
-    return results;
-};
-const HorizontalBarChart = ({ data, valueType, total })=>{
-    const chartData = processChartData$2(data, valueType, total);
-    const chartDefinition = React.useMemo(()=>{
-        return {
-            tooltip: {
-                trigger: 'axis',
-                axisPointer: {
-                    // Use axis to trigger tooltip
-                    type: 'shadow'
-                }
-            },
-            legend: {
-                orient: 'vertical',
-                left: '73%',
-                type: 'scroll',
-                right: 15
-            },
-            grid: {
-                left: '0%',
-                right: '30%',
-                bottom: '25%',
-                containLabel: true,
-                height: '50%'
-            },
-            xAxis: {
-                type: 'value',
-                max: 'dataMax',
-                axisLine: {
-                    lineStyle: {
-                        color: '--mantine-color-base-9'
-                    }
-                }
-            },
-            yAxis: {
-                type: 'category',
-                data: [
-                    ''
-                ]
-            },
-            series: chartData
-        };
-    }, [
-        chartData
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: "w-full h-64",
-        children: /*#__PURE__*/ jsxRuntime.jsx(ReactECharts, {
-            option: chartDefinition
-        })
-    });
-};
-
 const ExtractDataCount = (d, _ = undefined)=>d.count;
 const ExtractDataPercent = (d, total)=>total ? Math.round((d.count / total * 100.0 + Number.EPSILON) * 100) / 100 : 0;
 const processChartData$1 = (facetData, valueType = 'count', total, maxBins = 100)=>{
@@ -1892,12 +1817,13 @@ const processChartData$1 = (facetData, valueType = 'count', total, maxBins = 100
     const data = facetData.filter((d)=>d.key !== '_missing');
     const dataExtractor = valueType === 'count' ? ExtractDataCount : ExtractDataPercent;
     const results = data.slice(0, maxBins).map((d)=>({
+            // TODO: fix type of d
             data: [
                 dataExtractor(d, total)
             ],
             name: truncateString(processLabel$1(d.key), 35),
             type: 'bar',
-            stack: 'chart',
+            stack: 'value',
             label: {
                 show: true,
                 moveOverlap: true
@@ -1905,9 +1831,8 @@ const processChartData$1 = (facetData, valueType = 'count', total, maxBins = 100
         }));
     return results;
 };
-const VerticalBarChart = ({ data, valueType, total })=>{
+const HorizontalBarChart = ({ data, valueType, total })=>{
     const chartData = processChartData$1(data, valueType, total);
-    console.log('chartData', chartData);
     const chartDefinition = React.useMemo(()=>{
         return {
             tooltip: {
@@ -1962,7 +1887,6 @@ const DefaultChartCatalog = {
     chart: {
         bar: BarChart,
         horizontalStacked: HorizontalBarChart,
-        verticalBar: VerticalBarChart,
         fullPie: PieChart,
         donut: DonutChart
     }