@gen3/frontend 0.10.78 → 0.10.80

package/dist/dts/features/CohortSimilarity/CohortSimilarityApp.js

@@ -0,0 +1,54 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Stack, Accordion, rem, LoadingOverlay, Center, Text, Title, } from '@mantine/core';
+import { FaChartPie as SummaryChartIcon } from 'react-icons/fa';
+import { Charts } from '../../components/charts';
+import ComparisonCards from './ComparisonCards';
+import { ErrorCard } from '../../components/MessageCards';
+import { getStaticSimilarityData } from './statistics/data/data';
+import { useGeneralGQLQuery } from '@gen3/core';
+import { createSimilarityQuery } from './statistics/queries';
+import { processHistogramResponseAsPercentage, normalizeAgeOfIndex, alignData, } from './statistics/data/utils';
+var SummaryChartAccordionControl = function (props) {
+    return (_jsx(Center, { children: _jsx(Accordion.Control, __assign({}, props)) }));
+};
+var CohortSimilarityApp = function (config) {
+    var _a;
+    var groundDataset = getStaticSimilarityData(config.datasets.ground.dataset);
+    var gqlQuery = createSimilarityQuery(); // TODO: add field mapping
+    var _b = useGeneralGQLQuery({
+        query: gqlQuery.query,
+        variables: JSON.parse(gqlQuery.variables),
+    }), rawComparisonDataset = _b.data, isComparisonLoading = _b.isLoading, isComparisonError = _b.isError;
+    var comparisonDataset = useMemo(function () {
+        if (rawComparisonDataset) {
+            var results = processHistogramResponseAsPercentage(rawComparisonDataset.data);
+            return alignData(normalizeAgeOfIndex(results), groundDataset);
+        }
+        return undefined;
+    }, [groundDataset, rawComparisonDataset]);
+    if (isComparisonError) {
+        return (_jsx(ErrorCard, { message: 'Unable to get data need for Cohort Similarity' }));
+    }
+    if (isComparisonLoading) {
+        return _jsx(LoadingOverlay, { visible: true });
+    }
+    return (_jsxs(Stack, { classNames: { root: 'w-full m-4 mb-2' }, "aria-label": "Main Content of Cohort Similarity App", children: [_jsx(Title, { order: 1, size: "h3", children: "Cohort Similarity Visualization" }), _jsx(Accordion, { variant: "filled", chevronPosition: "left", children: _jsxs(Accordion.Item, { value: "summaryCharts", "aria-label": "Summary Charts", children: [_jsx(Accordion.Control, { children: _jsxs("div", { className: "flex items-center justify-start space-x-2 text-accent", children: [_jsx(SummaryChartIcon, { style: {
+                                            color: 'secondary.4',
+                                            width: rem(32),
+                                            height: rem(32),
+                                        } }), _jsx(Text, { fw: 600, children: "Summary Charts" })] }) }), _jsx(Accordion.Panel, { children: _jsx(Charts, { data: groundDataset !== null && groundDataset !== void 0 ? groundDataset : {}, charts: config.charts, isSuccess: true, numCols: 2 }) })] }) }), _jsx(ComparisonCards, { ground: groundDataset !== null && groundDataset !== void 0 ? groundDataset : {}, groundLabel: config.datasets.ground.label, comparison: (_a = comparisonDataset) !== null && _a !== void 0 ? _a : {}, comparisonLabel: config.datasets.comparison[0].label, comparisonChartsConfig: config.comparisonCharts, numberOfColumns: config === null || config === void 0 ? void 0 : config.numberOfColumns })] }));
+};
+export default CohortSimilarityApp;
+//# sourceMappingURL=CohortSimilarityApp.js.map

package/dist/dts/features/CohortSimilarity/CohortSimilarityApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CohortSimilarityApp.js","sourceRoot":"","sources":["../../../../src/features/CohortSimilarity/CohortSimilarityApp.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,KAAK,EACL,SAAS,EACT,GAAG,EACH,cAAc,EAEd,MAAM,EACN,IAAI,EACJ,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAoB,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EACL,oCAAoC,EACpC,mBAAmB,EACnB,SAAS,GACV,MAAM,yBAAyB,CAAC;AAEjC,IAAM,4BAA4B,GAAG,UAAC,KAA4B;IAChE,OAAO,CACL,KAAC,MAAM,cACL,KAAC,SAAS,CAAC,OAAO,eAAK,KAAK,EAAI,GACzB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,mBAAmB,GAAG,UAAC,MAA8B;;IACzD,IAAM,aAAa,GAAG,uBAAuB,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAE9E,IAAM,QAAQ,GAAG,qBAAqB,EAAE,CAAC,CAAC,0BAA0B;IAE9D,IAAA,KAIF,kBAAkB,CAAC;QACrB,KAAK,EAAE,QAAQ,CAAC,KAAK;QACrB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC;KAC1C,CAAC,EANM,oBAAoB,UAAA,EACf,mBAAmB,eAAA,EACrB,iBAAiB,aAI1B,CAAC;IAEH,IAAM,iBAAiB,GAAG,OAAO,CAAC;QAChC,IAAI,oBAAoB,EAAE,CAAC;YACzB,IAAM,OAAO,GAAG,oCAAoC,CAClD,oBAAoB,CAAC,IAA+B,CACrD,CAAC;YACF,OAAO,SAAS,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC;QAChE,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,aAAa,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAE1C,IAAI,iBAAiB,EAAE,CAAC;QACtB,OAAO,CACL,KAAC,SAAS,IAAC,OAAO,EAAE,+CAA+C,GAAI,CACxE,CAAC;IACJ,CAAC;IAED,IAAI,mBAAmB,EAAE,CAAC;QACxB,OAAO,KAAC,cAAc,IAAC,OAAO,EAAE,IAAI,GAAI,CAAC;IAC3C,CAAC;IAED,OAAO,CACL,MAAC,KAAK,IACJ,UAAU,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,gBAC5B,uCAAuC,aAElD,KAAC,KAAK,IAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAC,IAAI,gDAElB,EACR,KAAC,SAAS,IAAC,OAAO,EAAC,QAAQ,EAAC,eAAe,EAAC,MAAM,YAChD,MAAC,SAAS,CAAC,IAAI,IAAC,KAAK,EAAC,eAAe,gBAAY,gBAAgB,aAC/D,KAAC,SAAS,CAAC,OAAO,cAChB,eAAK,SAAS,EAAC,uDAAuD,aACpE,KAAC,gBAAgB,IACf,KAAK,EAAE;4CACL,KAAK,EAAE,aAAa;4CACpB,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;4CACd,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;yCAChB,GACD,EACF,KAAC,IAAI,IAAC,EAAE,EAAE,GAAG,+BAAuB,IAChC,GACY,EACpB,KAAC,SAAS,CAAC,KAAK,cACd,KAAC,MAAM,IACL,IAAI,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,EAAE,EACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,CAAC,GACV,GACc,IACH,GACP,EACZ,KAAC,eAAe,IACd,MAAM,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,EAAE,EAC3B,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EACzC,UAAU,EAAE,MAAC,iBAAiD,mCAAI,EAAE,EACpE,eAAe,EAAE,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,EACpD,sBAAsB,EAAE,MAAM,CAAC,gBAAgB,EAC/C,eAAe,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,GACxC,IACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/dts/features/CohortSimilarity/ComnparisonCard.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SimilarityChart } from './types';
+import { AggregationsData } from '@gen3/core';
+interface ComparisonCardProps {
+    config: SimilarityChart;
+    groundData: AggregationsData;
+    groundLabel: string;
+    comparisonData: AggregationsData;
+    comparisonLabel: string;
+    field: string;
+    style?: 'box' | 'tile';
+}
+declare const ComparisonCard: React.FC<ComparisonCardProps>;
+export default ComparisonCard;
+//# sourceMappingURL=ComnparisonCard.d.ts.map

package/dist/dts/features/CohortSimilarity/ComnparisonCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComnparisonCard.d.ts","sourceRoot":"","sources":["../../../../src/features/CohortSimilarity/ComnparisonCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAoB,MAAM,YAAY,CAAC;AAuChE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,eAAe,CAAC;IACxB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,gBAAgB,CAAC;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+CjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/dts/features/CohortSimilarity/ComnparisonCard.js

@@ -0,0 +1,32 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { fieldNameToTitle } from '@gen3/core';
+import { generateChart } from './charts/ChartCard';
+import { Card, Group, SegmentedControl, Text } from '@mantine/core';
+import StatisticsCard from './statistics/StatisticsCard';
+var ComparisonChart = function (_a) {
+    var config = _a.config, groundData = _a.groundData, groundLabel = _a.groundLabel, comparisonData = _a.comparisonData, comparisonLabel = _a.comparisonLabel, field = _a.field, chartType = _a.chartType;
+    return generateChart(groundData, groundLabel, comparisonData, comparisonLabel, field, __assign(__assign({}, config), { chartType: chartType }), false);
+};
+var ComparisonCard = function (_a) {
+    var config = _a.config, groundData = _a.groundData, groundLabel = _a.groundLabel, comparisonData = _a.comparisonData, comparisonLabel = _a.comparisonLabel, field = _a.field, _b = _a.style, style = _b === void 0 ? 'box' : _b;
+    var _c = useState(config.chartType), viewType = _c[0], setViewType = _c[1];
+    return (_jsxs(Card, { shadow: "xs", withBorder: style === 'box', className: "h-full", children: [_jsx(Card.Section, { inheritPadding: true, py: "xs", withBorder: style === 'box', children: _jsxs(Group, { justify: "space-between", children: [_jsx(Text, { fw: 600, children: fieldNameToTitle(field) }), _jsx(SegmentedControl, { value: viewType, onChange: setViewType, data: [
+                                { label: 'Bar', value: 'barComparison' },
+                                { label: 'Radar', value: 'radarComparison' },
+                                { label: 'Statistics', value: 'statisticsComparison' },
+                            ] })] }) }), viewType == 'statisticsComparison' ? (_jsx("div", { className: "h-96 m-2", children: _jsx(StatisticsCard, { baseData: groundData[field], comparisonData: comparisonData[field] }) })) : (_jsx(ComparisonChart, { config: config, groundData: groundData, groundLabel: groundLabel, comparisonData: comparisonData, comparisonLabel: comparisonLabel, field: field, chartType: viewType }))] }));
+};
+export default ComparisonCard;
+//# sourceMappingURL=ComnparisonCard.js.map

package/dist/dts/features/CohortSimilarity/ComnparisonCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComnparisonCard.js","sourceRoot":"","sources":["../../../../src/features/CohortSimilarity/ComnparisonCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAoB,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,cAAc,MAAM,6BAA6B,CAAC;AAazD,IAAM,eAAe,GAAmC,UAAC,EAQxD;QAPC,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,aAAa,CAClB,UAAU,EACV,WAAW,EACX,cAAc,EACd,eAAe,EACf,KAAK,wBAEA,MAAM,KACT,SAAS,EAAE,SAAS,KAEtB,KAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAYF,IAAM,cAAc,GAAkC,UAAC,EAQtD;QAPC,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,KAAK,WAAA,EACL,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA;IAEP,IAAA,KAA0B,QAAQ,CAAS,MAAM,CAAC,SAAS,CAAC,EAA3D,QAAQ,QAAA,EAAE,WAAW,QAAsC,CAAC;IAEnE,OAAO,CACL,MAAC,IAAI,IAAC,MAAM,EAAC,IAAI,EAAC,UAAU,EAAE,KAAK,KAAK,KAAK,EAAE,SAAS,EAAC,QAAQ,aAC/D,KAAC,IAAI,CAAC,OAAO,IAAC,cAAc,QAAC,EAAE,EAAC,IAAI,EAAC,UAAU,EAAE,KAAK,KAAK,KAAK,YAC9D,MAAC,KAAK,IAAC,OAAO,EAAC,eAAe,aAC5B,KAAC,IAAI,IAAC,EAAE,EAAE,GAAG,YAAG,gBAAgB,CAAC,KAAK,CAAC,GAAQ,EAC/C,KAAC,gBAAgB,IACf,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAE;gCACJ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE;gCACxC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE;gCAC5C,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,sBAAsB,EAAE;6BACvD,GACD,IACI,GACK,EACd,QAAQ,IAAI,sBAAsB,CAAC,CAAC,CAAC,CACpC,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,cAAc,IACb,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,EAC3B,cAAc,EAAE,cAAc,CAAC,KAAK,CAAC,GACrC,GACE,CACP,CAAC,CAAC,CAAC,CACF,KAAC,eAAe,IACd,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,QAAQ,GACnB,CACH,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/dts/features/CohortSimilarity/ComparisonCards.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { AggregationsData } from '@gen3/core';
+import { SimilarityChart } from './types';
+interface ComparisonCardssProps {
+    ground: AggregationsData;
+    groundLabel: string;
+    comparison: AggregationsData;
+    comparisonLabel: string;
+    comparisonChartsConfig: Record<string, SimilarityChart>;
+    numberOfColumns?: number;
+    style?: 'tile' | 'box';
+}
+declare const ComparisonCharts: React.FC<ComparisonCardssProps>;
+export default ComparisonCharts;
+//# sourceMappingURL=ComparisonCards.d.ts.map

package/dist/dts/features/CohortSimilarity/ComparisonCards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonCards.d.ts","sourceRoot":"","sources":["../../../../src/features/CohortSimilarity/ComparisonCards.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C,UAAU,qBAAqB;IAC7B,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoCrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/dts/features/CohortSimilarity/ComparisonCards.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Grid } from '@mantine/core';
+import { computeRowSpan } from '../../components/charts';
+import ComparisonCard from './ComnparisonCard';
+var ComparisonCharts = function (_a) {
+    var ground = _a.ground, groundLabel = _a.groundLabel, comparison = _a.comparison, comparisonLabel = _a.comparisonLabel, comparisonChartsConfig = _a.comparisonChartsConfig, _b = _a.numberOfColumns, numberOfColumns = _b === void 0 ? 2 : _b, _c = _a.style, style = _c === void 0 ? 'tile' : _c;
+    var spans = computeRowSpan(Object.keys(comparisonChartsConfig).length, numberOfColumns);
+    return (_jsx(Grid, { className: "w-full p-4", children: Object.entries(comparisonChartsConfig).map(function (_a, indexNum) {
+            var field = _a[0], config = _a[1];
+            return (_jsx(Grid.Col, { span: spans[indexNum], children: _jsx(ComparisonCard, { config: config, groundData: ground, groundLabel: groundLabel, comparisonData: comparison, comparisonLabel: comparisonLabel, field: field }) }, "".concat(indexNum, "-charts-").concat(field, "-col")));
+        }) }));
+};
+export default ComparisonCharts;
+//# sourceMappingURL=ComparisonCards.js.map

package/dist/dts/features/CohortSimilarity/ComparisonCards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonCards.js","sourceRoot":"","sources":["../../../../src/features/CohortSimilarity/ComparisonCards.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGrC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAY/C,IAAM,gBAAgB,GAAoC,UAAC,EAQ1D;QAPC,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,sBAAsB,4BAAA,EACtB,uBAAmB,EAAnB,eAAe,mBAAG,CAAC,KAAA,EACnB,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA;IAEd,IAAM,KAAK,GAAG,cAAc,CAC1B,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,MAAM,EAC1C,eAAe,CAChB,CAAC;IACF,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,YAAY,YACzB,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC,GAAG,CACzC,UAAC,EAAe,EAAE,QAAQ;gBAAxB,KAAK,QAAA,EAAE,MAAM,QAAA;YACb,OAAO,CACL,KAAC,IAAI,CAAC,GAAG,IACP,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,YAGrB,KAAC,cAAc,IACb,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,UAAU,EAC1B,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,GACZ,IATG,UAAG,QAAQ,qBAAW,KAAK,SAAM,CAU7B,CACZ,CAAC;QACJ,CAAC,CACF,GACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/dts/features/CohortSimilarity/appApi.d.ts

@@ -0,0 +1,8 @@
+export declare const cohortSimilarityApi: import("@reduxjs/toolkit/query").Api<import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta> | import("@reduxjs/toolkit/query").BaseQueryFn, {}, string, never, keyof import("@reduxjs/toolkit/query").ApiModules<any, any, any, any>>, appStore: import("@reduxjs/toolkit").EnhancedStore<{
+    [x: string]: any;
+}, import("redux").UnknownAction, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
+    dispatch: import("redux-thunk").ThunkDispatch<{
+        [x: string]: any;
+    }, undefined, import("redux").UnknownAction>;
+}>, import("redux").StoreEnhancer]>>, appContext: import("react").Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null>;
+//# sourceMappingURL=appApi.d.ts.map

package/dist/dts/features/CohortSimilarity/appApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appApi.d.ts","sourceRoot":"","sources":["../../../../src/features/CohortSimilarity/appApi.ts"],"names":[],"mappings":"AAEA,eAAO,MACG,mBAAmB,4YAC3B,QAAQ;;;;;;sCACR,UAAU,kHAC+B,CAAC"}

package/dist/dts/features/CohortSimilarity/appApi.js

@@ -0,0 +1,4 @@
+var _a;
+import { createAppApiForRTKQ } from '@gen3/core';
+export var cohortSimilarityApi = (_a = createAppApiForRTKQ('cohortSimilarity'), _a.appApi), appStore = _a.appStore, appContext = _a.appContext;
+//# sourceMappingURL=appApi.js.map

package/dist/dts/features/CohortSimilarity/appApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appApi.js","sourceRoot":"","sources":["../../../../src/features/CohortSimilarity/appApi.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,CACJ,IAAQ,mBAAmB,IADhB,KAIT,mBAAmB,CAAC,kBAAkB,CAAC,YAHd,EAC3B,QAAQ,cAAA,EACR,UAAU,gBAAA,CACgC"}

package/dist/dts/features/CohortSimilarity/charts/BarComparison.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComparisonChartProps } from './types';
+declare const BarComparison: React.FC<ComparisonChartProps>;
+export default BarComparison;
+//# sourceMappingURL=BarComparison.d.ts.map

package/dist/dts/features/CohortSimilarity/charts/BarComparison.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarComparison.d.ts","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/BarComparison.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAQvC,OAAO,EAAE,oBAAoB,EAAoB,MAAM,SAAS,CAAC;AA8BjE,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0DjD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/dts/features/CohortSimilarity/charts/BarComparison.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { processLabel, ReactECharts, truncateString, } from '../../../components/charts';
+import { roundTo2AfterDecimal } from './utils';
+var processComparisonData = function (baseData, comparisonData) {
+    return [
+        {
+            name: baseData.label,
+            type: 'bar',
+            barGap: 0,
+            itemStyle: { color: '#4e79a7' },
+            data: baseData.data.map(function (item) { return roundTo2AfterDecimal(item.count); }),
+            emphasis: {
+                focus: 'series',
+            },
+        },
+        {
+            name: comparisonData.label,
+            type: 'bar',
+            itemStyle: { color: '#f28e2c' },
+            data: comparisonData.data.map(function (item) { return roundTo2AfterDecimal(item.count); }),
+            emphasis: {
+                focus: 'series',
+            },
+        },
+    ];
+};
+var BarComparison = function (_a) {
+    var baseDataset = _a.baseDataset, comparisonDataset = _a.comparisonDataset, title = _a.title, _b = _a.yAxisLabel, yAxisLabel = _b === void 0 ? 'percent' : _b;
+    var categories = baseDataset.data.map(function (d) {
+        return truncateString(processLabel(d.key), 35);
+    });
+    var chartDefinition = useMemo(function () {
+        var series = processComparisonData(baseDataset, comparisonDataset);
+        return {
+            aria: {
+                enabled: true,
+            },
+            tooltip: {
+                trigger: 'axis',
+                axisPointer: {
+                    type: 'shadow',
+                },
+            },
+            title: {
+                text: title,
+                left: 'center',
+            },
+            legend: {
+                data: [baseDataset.label, comparisonDataset.label],
+                bottom: '5%',
+            },
+            xAxis: {
+                type: 'category',
+                data: categories,
+                axisTick: { show: false },
+            },
+            yAxis: {
+                type: 'value',
+                name: yAxisLabel,
+            },
+            series: series,
+        };
+    }, [baseDataset, categories, comparisonDataset, title, yAxisLabel]);
+    return (_jsx("div", { role: "region", "aria-labelledby": "bar-comparison-title", className: "flex flex-col w-full h-96", children: _jsx(ReactECharts, { option: chartDefinition, settings: {
+                notMerge: true,
+            } }) }));
+};
+export default BarComparison;
+//# sourceMappingURL=BarComparison.js.map

package/dist/dts/features/CohortSimilarity/charts/BarComparison.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarComparison.js","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/BarComparison.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,YAAY,EACZ,YAAY,EAEZ,cAAc,GACf,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,IAAM,qBAAqB,GAAG,UAC5B,QAA0B,EAC1B,cAAgC;IAEhC,OAAO;QACL;YACE,IAAI,EAAE,QAAQ,CAAC,KAAK;YACpB,IAAI,EAAE,KAAK;YACX,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC/B,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAhC,CAAgC,CAAC;YACnE,QAAQ,EAAE;gBACR,KAAK,EAAE,QAAQ;aAChB;SACF;QACD;YACE,IAAI,EAAE,cAAc,CAAC,KAAK;YAC1B,IAAI,EAAE,KAAK;YACX,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC/B,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAhC,CAAgC,CAAC;YACzE,QAAQ,EAAE;gBACR,KAAK,EAAE,QAAQ;aAChB;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,aAAa,GAAmC,UAAC,EAKtD;QAJC,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA;IAEtB,IAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,CAAM;QAC7C,OAAA,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;IAAvC,CAAuC,CACxC,CAAC;IAEF,IAAM,eAAe,GAAG,OAAO,CAAC;QAC9B,IAAM,MAAM,GAAG,qBAAqB,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;QACrE,OAAO;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,IAAI;aACd;YACD,OAAO,EAAE;gBACP,OAAO,EAAE,MAAM;gBACf,WAAW,EAAE;oBACX,IAAI,EAAE,QAAQ;iBACf;aACF;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,QAAQ;aACf;YAED,MAAM,EAAE;gBACN,IAAI,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC;gBAClD,MAAM,EAAE,IAAI;aACb;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;aAC1B;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,UAAU;aACjB;YACD,MAAM,EAAE,MAAwB;SACjC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpE,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,qBACG,sBAAsB,EACtC,SAAS,EAAC,2BAA2B,YAErC,KAAC,YAAY,IACX,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE;gBACR,QAAQ,EAAE,IAAI;aACf,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/dts/features/CohortSimilarity/charts/ChartCard.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { SimilarityChart } from '../types';
+import { AggregationsData } from '@gen3/core';
+export declare const generateChart: (groundData: AggregationsData, groundLabel: string, comparisonData: AggregationsData, comparisonLabel: string, field: string, config: SimilarityChart, showTitle?: boolean) => ReactNode;
+interface ChartCardProps {
+    style?: string;
+    config: SimilarityChart;
+    groundData: AggregationsData;
+    groundLabel: string;
+    comparisonData: AggregationsData;
+    comparisonLabel: string;
+    field: string;
+}
+declare const ChartCard: React.FC<ChartCardProps>;
+export default ChartCard;
+//# sourceMappingURL=ChartCard.d.ts.map

package/dist/dts/features/CohortSimilarity/charts/ChartCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/ChartCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAoB,MAAM,YAAY,CAAC;AAOhE,eAAO,MAAM,aAAa,eACZ,gBAAgB,eACf,MAAM,kBACH,gBAAgB,mBACf,MAAM,SAChB,MAAM,UACL,eAAe,cACZ,OAAO,KACjB,SAwBF,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,eAAe,CAAC;IACxB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,gBAAgB,CAAC;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4CvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/dts/features/CohortSimilarity/charts/ChartCard.js

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Group, Text, SegmentedControl } from '@mantine/core';
+import { useState } from 'react';
+import { fieldNameToTitle } from '@gen3/core';
+import CohortSimilarityChartsFactory, { DefaultComparisonChart, } from './cohortSimilarityChartsFactory';
+CohortSimilarityChartsFactory();
+export var generateChart = function (groundData, groundLabel, comparisonData, comparisonLabel, field, config, showTitle) {
+    if (showTitle === void 0) { showTitle = true; }
+    // Check if the field exists in the datasets
+    if (!(field in groundData) || !(field in comparisonData)) {
+        console.error("Field ".concat(field, " does not exist in provided data."));
+        return _jsx("span", { children: "Error: Data field missing" });
+    }
+    var chartRenderer = CohortSimilarityChartsFactory().getRenderer('comparison', config.chartType);
+    // Check if renderer is the DefaultItemRenderer to log a warning
+    if (chartRenderer === DefaultComparisonChart) {
+        console.warn("No specific renderer found for ".concat(config.chartType, ". Using default renderer."));
+    }
+    return chartRenderer({
+        baseDataset: { data: groundData[field], label: groundLabel },
+        comparisonDataset: { data: comparisonData[field], label: comparisonLabel },
+        title: showTitle ? fieldNameToTitle(field) : '',
+    });
+};
+var ChartCard = function (_a) {
+    var _b = _a.style, style = _b === void 0 ? 'box' : _b, config = _a.config, groundData = _a.groundData, groundLabel = _a.groundLabel, comparisonData = _a.comparisonData, comparisonLabel = _a.comparisonLabel, field = _a.field;
+    var _c = useState(config.chartType), chartType = _c[0], setChartType = _c[1];
+    return (_jsxs(Card, { shadow: "md", withBorder: style === 'box', className: "h-full", children: [_jsx(Card.Section, { inheritPadding: true, py: "xs", withBorder: style === 'box', children: _jsxs(Group, { justify: "space-between", children: [_jsx(Text, { fw: 900, className: "".concat(style === 'box' ? 'font-bold [text-shadow:_1px_0_#000]' : ''), children: config.title }), _jsx(SegmentedControl, { value: chartType, onChange: setChartType, data: [
+                                { label: 'Bar', value: 'barComparison' },
+                                { label: 'Radar', value: 'radarComparison' },
+                            ] })] }) }), generateChart(groundData, groundLabel, comparisonData, comparisonLabel, field, __assign(__assign({}, config), { chartType: chartType }))] }));
+};
+export default ChartCard;
+//# sourceMappingURL=ChartCard.js.map

package/dist/dts/features/CohortSimilarity/charts/ChartCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartCard.js","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/ChartCard.tsx"],"names":[],"mappings":"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"}

package/dist/dts/features/CohortSimilarity/charts/ComparisonCharts.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { AggregationsData } from '@gen3/core';
+import { SimilarityChart, GroundWithComparisonDatasets } from '../types';
+interface ComparisonChartsProps {
+    data: Record<string, AggregationsData>;
+    datasets: GroundWithComparisonDatasets;
+    comparisonChartsConfig: Record<string, SimilarityChart>;
+    numColumns?: number;
+    style?: 'tile' | 'box';
+}
+declare const ComparisonCharts: React.FC<ComparisonChartsProps>;
+export default ComparisonCharts;
+//# sourceMappingURL=ComparisonCharts.d.ts.map

package/dist/dts/features/CohortSimilarity/charts/ComparisonCharts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonCharts.d.ts","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/ComparisonCharts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAIzE,UAAU,qBAAqB;IAC7B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IACvC,QAAQ,EAAE,4BAA4B,CAAC;IACvC,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwCrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/dts/features/CohortSimilarity/charts/ComparisonCharts.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Grid } from '@mantine/core';
+import { computeRowSpan } from '../../../components/charts';
+import ChartCard from './ChartCard';
+var ComparisonCharts = function (_a) {
+    var data = _a.data, datasets = _a.datasets, comparisonChartsConfig = _a.comparisonChartsConfig, _b = _a.numColumns, numColumns = _b === void 0 ? 2 : _b, _c = _a.style, style = _c === void 0 ? 'tile' : _c;
+    var ground = data[datasets.ground.dataset];
+    var groundTitle = datasets.ground.label;
+    var comparison = data[datasets.comparison[0].dataset];
+    var comparisonTitle = datasets.comparison[0].label;
+    var spans = computeRowSpan(Object.keys(comparisonChartsConfig).length, numColumns);
+    return (_jsx(Grid, { className: "w-full", children: Object.entries(comparisonChartsConfig).map(function (_a, indexNum) {
+            var field = _a[0], config = _a[1];
+            return (_jsx(Grid.Col, { span: spans[indexNum], children: _jsx(ChartCard, { style: style, config: config, groundData: ground, groundLabel: groundTitle, comparisonData: comparison, comparisonLabel: comparisonTitle, field: field }) }, "".concat(indexNum, "-charts-").concat(field, "-col")));
+        }) }));
+};
+export default ComparisonCharts;
+//# sourceMappingURL=ComparisonCharts.js.map

package/dist/dts/features/CohortSimilarity/charts/ComparisonCharts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonCharts.js","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/ComparisonCharts.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGrC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,SAAS,MAAM,aAAa,CAAC;AAUpC,IAAM,gBAAgB,GAAoC,UAAC,EAM1D;QALC,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,sBAAsB,4BAAA,EACtB,kBAAc,EAAd,UAAU,mBAAG,CAAC,KAAA,EACd,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA;IAEd,IAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC7C,IAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;IAC1C,IAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACxD,IAAM,eAAe,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAErD,IAAM,KAAK,GAAG,cAAc,CAC1B,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,MAAM,EAC1C,UAAU,CACX,CAAC;IACF,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,YACrB,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC,GAAG,CACzC,UAAC,EAAe,EAAE,QAAQ;gBAAxB,KAAK,QAAA,EAAE,MAAM,QAAA;YACb,OAAO,CACL,KAAC,IAAI,CAAC,GAAG,IACP,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,YAGrB,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,UAAU,EAC1B,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,GACZ,IAVG,UAAG,QAAQ,qBAAW,KAAK,SAAM,CAW7B,CACZ,CAAC;QACJ,CAAC,CACF,GACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/dts/features/CohortSimilarity/charts/RadarComparison.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComparisonChartProps } from './types';
+declare const RadarComparison: React.FC<ComparisonChartProps>;
+export default RadarComparison;
+//# sourceMappingURL=RadarComparison.d.ts.map

package/dist/dts/features/CohortSimilarity/charts/RadarComparison.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadarComparison.d.ts","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/RadarComparison.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,oBAAoB,EAAoB,MAAM,SAAS,CAAC;AA2CjE,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkEnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/dts/features/CohortSimilarity/charts/RadarComparison.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { processLabel, ReactECharts, truncateString, } from '../../../components/charts';
+import { roundTo2AfterDecimal } from './utils';
+var processComparisonData = function (baseData, comparisonData) {
+    var maxB = baseData.data.reduce(function (acc, curr) {
+        return Math.max(curr.count, acc);
+    }, 0);
+    var maxC = comparisonData.data.reduce(function (acc, curr) {
+        return Math.max(curr.count, acc);
+    }, 0);
+    return {
+        data: [
+            {
+                type: 'radar',
+                data: [
+                    {
+                        value: baseData.data.map(function (item) {
+                            return roundTo2AfterDecimal(item.count);
+                        }),
+                        name: baseData.label,
+                        itemStyle: { color: '#4e79a7' },
+                        areaStyle: { opacity: 0.3 },
+                    },
+                    {
+                        value: comparisonData.data.map(function (item) {
+                            return roundTo2AfterDecimal(item.count);
+                        }),
+                        name: comparisonData.label,
+                        itemStyle: { color: '#f28e2c' },
+                        areaStyle: { opacity: 0.3 },
+                    },
+                ],
+            },
+        ],
+        maxBase: maxB,
+        maxComparison: maxC,
+    };
+};
+var RadarComparison = function (_a) {
+    var baseDataset = _a.baseDataset, comparisonDataset = _a.comparisonDataset, title = _a.title, _b = _a.yAxisLabel, yAxisLabel = _b === void 0 ? 'percent' : _b;
+    var categories = baseDataset.data.map(function (d) {
+        return truncateString(processLabel(d.key), 35);
+    });
+    var chartDefinition = useMemo(function () {
+        var series = processComparisonData(baseDataset, comparisonDataset);
+        var option = {
+            aria: {
+                enabled: true,
+            },
+            title: {
+                text: title,
+                left: 'center',
+            },
+            legend: {
+                data: [baseDataset.label, comparisonDataset.label],
+                bottom: '5%',
+            },
+            radar: {
+                indicator: categories.map(function (group) { return ({
+                    name: group,
+                    max: Math.max(series.maxBase, series.maxComparison),
+                }); }),
+                axisLine: {
+                    lineStyle: {
+                        color: '#4e79a7',
+                    },
+                },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: ['#8c8989', '#8aa0ae'],
+                    },
+                },
+                center: ['50%', '50%'],
+                radius: '65%',
+            },
+            series: series.data,
+            tooltip: {
+                trigger: 'item',
+            },
+        };
+        return option;
+    }, [baseDataset, categories, comparisonDataset, title, yAxisLabel]);
+    return (_jsx("div", { role: "region", "aria-labelledby": "radar-comparison-title", className: "flex flex-col w-full h-96", children: _jsx(ReactECharts, { option: chartDefinition, settings: {
+                notMerge: true,
+            } }) }));
+};
+export default RadarComparison;
+//# sourceMappingURL=RadarComparison.js.map

package/dist/dts/features/CohortSimilarity/charts/RadarComparison.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadarComparison.js","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/RadarComparison.tsx"],"names":[],"mappings":"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"}

package/dist/dts/features/CohortSimilarity/charts/cohortSimilarityChartsFactory.d.ts

@@ -0,0 +1,6 @@
+import { RenderFactoryTypedInstance } from '../../../utils/RendererFactory';
+import { ComparisonChartProps } from './types';
+export declare const DefaultComparisonChart: () => import("react/jsx-runtime").JSX.Element;
+declare const CohortSimilarityChartsFactory: () => RenderFactoryTypedInstance<ComparisonChartProps>;
+export default CohortSimilarityChartsFactory;
+//# sourceMappingURL=cohortSimilarityChartsFactory.d.ts.map

package/dist/dts/features/CohortSimilarity/charts/cohortSimilarityChartsFactory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cohortSimilarityChartsFactory.d.ts","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/cohortSimilarityChartsFactory.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAM/C,eAAO,MAAM,sBAAsB,+CAElC,CAAC;AAUF,QAAA,MAAM,6BAA6B,QAC7B,0BAA0B,CAAC,oBAAoB,CAMlD,CAAC;AAEJ,eAAe,6BAA6B,CAAC"}

package/dist/dts/features/CohortSimilarity/charts/cohortSimilarityChartsFactory.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RenderFactoryTypedInstance } from '../../../utils/RendererFactory';
+import BarComparison from './BarComparison';
+import RadarComparison from './RadarComparison';
+var instance = undefined;
+export var DefaultComparisonChart = function () {
+    return _jsx("div", { children: "Chart not configured" });
+};
+var DefaultRendererCatalog = {
+    comparison: {
+        default: DefaultComparisonChart,
+        barComparison: BarComparison,
+        radarComparison: RadarComparison,
+    },
+};
+var CohortSimilarityChartsFactory = function () {
+    if (!instance) {
+        instance = new RenderFactoryTypedInstance();
+        instance.registerRendererCatalog(DefaultRendererCatalog);
+    }
+    return instance;
+};
+export default CohortSimilarityChartsFactory;
+//# sourceMappingURL=cohortSimilarityChartsFactory.js.map

package/dist/dts/features/CohortSimilarity/charts/cohortSimilarityChartsFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cohortSimilarityChartsFactory.js","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/cohortSimilarityChartsFactory.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,IAAI,QAAQ,GACV,SAAS,CAAC;AAEZ,MAAM,CAAC,IAAM,sBAAsB,GAAG;IACpC,OAAO,iDAA+B,CAAC;AACzC,CAAC,CAAC;AAEF,IAAM,sBAAsB,GAAG;IAC7B,UAAU,EAAE;QACV,OAAO,EAAE,sBAAsB;QAC/B,aAAa,EAAE,aAAa;QAC5B,eAAe,EAAE,eAAe;KACjC;CACF,CAAC;AAEF,IAAM,6BAA6B,GACjC;IACE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,QAAQ,GAAG,IAAI,0BAA0B,EAAwB,CAAC;QAClE,QAAQ,CAAC,uBAAuB,CAAC,sBAAsB,CAAC,CAAC;IAC3D,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEJ,eAAe,6BAA6B,CAAC"}

package/dist/dts/features/CohortSimilarity/charts/types.d.ts

@@ -0,0 +1,12 @@
+import { HistogramDataArray } from '@gen3/core';
+export interface DatasetWithLabel {
+    data: HistogramDataArray;
+    label: string;
+}
+export interface ComparisonChartProps {
+    baseDataset: DatasetWithLabel;
+    comparisonDataset: DatasetWithLabel;
+    title?: string;
+    yAxisLabel?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/dts/features/CohortSimilarity/charts/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,iBAAiB,EAAE,gBAAgB,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/dts/features/CohortSimilarity/charts/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/dts/features/CohortSimilarity/charts/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/types.ts"],"names":[],"mappings":""}

package/dist/dts/features/CohortSimilarity/charts/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const roundTo2AfterDecimal: (number: number) => number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/dts/features/CohortSimilarity/charts/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,WAAY,MAAM,WAElD,CAAC"}

package/dist/dts/features/CohortSimilarity/charts/utils.js

@@ -0,0 +1,4 @@
+export var roundTo2AfterDecimal = function (number) {
+    return Math.round((number + Number.EPSILON) * 100) / 100;
+};
+//# sourceMappingURL=utils.js.map

package/dist/dts/features/CohortSimilarity/charts/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/features/CohortSimilarity/charts/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,MAAc;IACjD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC3D,CAAC,CAAC"}