@gen3/frontend 0.11.42 → 0.11.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dts/components/Providers/Gen3Provider.d.ts +7 -7
- package/dist/dts/components/counts/CountsValue.d.ts +7 -5
- package/dist/dts/components/counts/CountsValue.d.ts.map +1 -1
- package/dist/dts/components/counts/CountsValue.js +2 -2
- package/dist/dts/components/counts/CountsValue.js.map +1 -1
- package/dist/dts/components/facets/FacetControlsHeader.js +1 -1
- package/dist/dts/components/facets/FacetControlsHeader.js.map +1 -1
- package/dist/dts/components/facets/createFacetCards.stories.d.ts +13 -0
- package/dist/dts/components/facets/createFacetCards.stories.d.ts.map +1 -0
- package/dist/dts/components/facets/createFacetCards.stories.js +29 -0
- package/dist/dts/components/facets/createFacetCards.stories.js.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCard.stories.d.ts +1 -0
- package/dist/dts/features/Analysis/AnalysisCard.stories.d.ts.map +1 -1
- package/dist/dts/features/Analysis/AnalysisCardCollapsible.d.ts +14 -0
- package/dist/dts/features/Analysis/AnalysisCardCollapsible.d.ts.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCardCollapsible.js +31 -0
- package/dist/dts/features/Analysis/AnalysisCardCollapsible.js.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCardCollapsible.stories.d.ts +52 -0
- package/dist/dts/features/Analysis/AnalysisCardCollapsible.stories.d.ts.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCardCollapsible.stories.js +30 -0
- package/dist/dts/features/Analysis/AnalysisCardCollapsible.stories.js.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCardCompact.stories.d.ts +10 -8
- package/dist/dts/features/Analysis/AnalysisCardCompact.stories.d.ts.map +1 -1
- package/dist/dts/features/Analysis/AnalysisCardCore.d.ts +5 -0
- package/dist/dts/features/Analysis/AnalysisCardCore.d.ts.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCardCore.js +19 -0
- package/dist/dts/features/Analysis/AnalysisCardCore.js.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCardCore.stories.d.ts +37 -0
- package/dist/dts/features/Analysis/AnalysisCardCore.stories.d.ts.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCardCore.stories.js +27 -0
- package/dist/dts/features/Analysis/AnalysisCardCore.stories.js.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.d.ts.map +1 -1
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.js +16 -6
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.js.map +1 -1
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.stories.d.ts +3 -0
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.stories.d.ts.map +1 -1
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.stories.js +5 -1
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.stories.js.map +1 -1
- package/dist/dts/features/Analysis/types.d.ts +2 -0
- package/dist/dts/features/Analysis/types.d.ts.map +1 -1
- package/dist/dts/features/Analysis/types.js.map +1 -1
- package/dist/dts/features/CohortBuilder/CohortBuilder.d.ts +1 -1
- package/dist/dts/features/CohortBuilder/CohortBuilder.d.ts.map +1 -1
- package/dist/dts/features/CohortBuilder/CohortBuilder.js +2 -2
- package/dist/dts/features/CohortBuilder/CohortBuilder.js.map +1 -1
- package/dist/dts/features/CohortBuilder/CohortPanel.d.ts.map +1 -1
- package/dist/dts/features/CohortBuilder/CohortPanel.js +7 -1
- package/dist/dts/features/CohortBuilder/CohortPanel.js.map +1 -1
- package/dist/dts/features/CohortBuilder/ExplorerTable/ArrayCellRenderer.d.ts +1 -1
- package/dist/dts/features/CohortBuilder/types.d.ts +7 -0
- package/dist/dts/features/CohortBuilder/types.d.ts.map +1 -1
- package/dist/dts/features/CohortBuilder/types.js.map +1 -1
- package/dist/dts/features/DataLibrary/selection/actions/exportDatasetsToWorkspace/exportMetadataToWorkspace.js +3 -3
- package/dist/dts/features/DataLibrary/selection/actions/exportDatasetsToWorkspace/exportMetadataToWorkspace.js.map +1 -1
- package/dist/dts/utils/strings.d.ts +2 -1
- package/dist/dts/utils/strings.d.ts.map +1 -1
- package/dist/dts/utils/strings.js +9 -2
- package/dist/dts/utils/strings.js.map +1 -1
- package/dist/index/cjs/QueryPanel-Bp0JaqZ6.js +24 -0
- package/dist/index/cjs/QueryPanel-Bp0JaqZ6.js.map +1 -0
- package/dist/index/cjs/index-UHwojTJk.js +28403 -0
- package/dist/index/cjs/index-UHwojTJk.js.map +1 -0
- package/dist/index/cjs/index.js +1 -1
- package/dist/index/esm/QueryPanel-DE8q0lPu.js +22 -0
- package/dist/index/esm/QueryPanel-DE8q0lPu.js.map +1 -0
- package/dist/index/esm/index-DUFaS6FE.js +28168 -0
- package/dist/index/esm/index-DUFaS6FE.js.map +1 -0
- package/dist/index/esm/index.js +1 -1
- package/dist/index.d.ts +24 -14
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -4
- package/LICENSE +0 -201
|
@@ -48,7 +48,7 @@ export declare const createMantineTheme: (fonts: Fonts, colors: Record<string, T
|
|
|
48
48
|
headings?: {
|
|
49
49
|
fontFamily?: string | undefined;
|
|
50
50
|
fontWeight?: string | undefined;
|
|
51
|
-
textWrap?: "wrap" | "
|
|
51
|
+
textWrap?: "wrap" | "balance" | "nowrap" | "pretty" | "stable" | undefined;
|
|
52
52
|
sizes?: {
|
|
53
53
|
h1?: {
|
|
54
54
|
fontSize?: string | undefined;
|
|
@@ -84,8 +84,8 @@ export declare const createMantineTheme: (fonts: Fonts, colors: Record<string, T
|
|
|
84
84
|
} | undefined;
|
|
85
85
|
radius?: {
|
|
86
86
|
[x: string & {}]: string | undefined;
|
|
87
|
-
sm?: string | undefined;
|
|
88
87
|
xs?: string | undefined;
|
|
88
|
+
sm?: string | undefined;
|
|
89
89
|
md?: string | undefined;
|
|
90
90
|
lg?: string | undefined;
|
|
91
91
|
xl?: string | undefined;
|
|
@@ -94,40 +94,40 @@ export declare const createMantineTheme: (fonts: Fonts, colors: Record<string, T
|
|
|
94
94
|
spacing?: {
|
|
95
95
|
[x: number]: string | undefined;
|
|
96
96
|
[x: string & {}]: string | undefined;
|
|
97
|
-
sm?: string | undefined;
|
|
98
97
|
xs?: string | undefined;
|
|
98
|
+
sm?: string | undefined;
|
|
99
99
|
md?: string | undefined;
|
|
100
100
|
lg?: string | undefined;
|
|
101
101
|
xl?: string | undefined;
|
|
102
102
|
} | undefined;
|
|
103
103
|
fontSizes?: {
|
|
104
104
|
[x: string & {}]: string | undefined;
|
|
105
|
-
sm?: string | undefined;
|
|
106
105
|
xs?: string | undefined;
|
|
106
|
+
sm?: string | undefined;
|
|
107
107
|
md?: string | undefined;
|
|
108
108
|
lg?: string | undefined;
|
|
109
109
|
xl?: string | undefined;
|
|
110
110
|
} | undefined;
|
|
111
111
|
lineHeights?: {
|
|
112
112
|
[x: string & {}]: string | undefined;
|
|
113
|
-
sm?: string | undefined;
|
|
114
113
|
xs?: string | undefined;
|
|
114
|
+
sm?: string | undefined;
|
|
115
115
|
md?: string | undefined;
|
|
116
116
|
lg?: string | undefined;
|
|
117
117
|
xl?: string | undefined;
|
|
118
118
|
} | undefined;
|
|
119
119
|
breakpoints?: {
|
|
120
120
|
[x: string & {}]: string | undefined;
|
|
121
|
-
sm?: string | undefined;
|
|
122
121
|
xs?: string | undefined;
|
|
122
|
+
sm?: string | undefined;
|
|
123
123
|
md?: string | undefined;
|
|
124
124
|
lg?: string | undefined;
|
|
125
125
|
xl?: string | undefined;
|
|
126
126
|
} | undefined;
|
|
127
127
|
shadows?: {
|
|
128
128
|
[x: string & {}]: string | undefined;
|
|
129
|
-
sm?: string | undefined;
|
|
130
129
|
xs?: string | undefined;
|
|
130
|
+
sm?: string | undefined;
|
|
131
131
|
md?: string | undefined;
|
|
132
132
|
lg?: string | undefined;
|
|
133
133
|
xl?: string | undefined;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
import { NodeCountConfiguration } from '../../features/CohortBuilder/types';
|
|
1
2
|
interface CountsValueProps {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
label: string;
|
|
4
|
+
counts?: number;
|
|
5
|
+
isFetching: boolean;
|
|
6
|
+
isError: boolean;
|
|
7
|
+
configuration?: NodeCountConfiguration;
|
|
6
8
|
}
|
|
7
|
-
declare const CountsValue: ({ label, isFetching, isError, counts, }: CountsValueProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare const CountsValue: ({ label, isFetching, isError, counts, configuration, }: Readonly<CountsValueProps>) => import("react/jsx-runtime").JSX.Element;
|
|
8
10
|
export default CountsValue;
|
|
9
11
|
//# sourceMappingURL=CountsValue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountsValue.d.ts","sourceRoot":"","sources":["../../../../src/components/counts/CountsValue.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CountsValue.d.ts","sourceRoot":"","sources":["../../../../src/components/counts/CountsValue.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5E,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,sBAAsB,CAAC;CACxC;AAED,QAAA,MAAM,WAAW,GAAI,wDAMlB,QAAQ,CAAC,gBAAgB,CAAC,4CAc5B,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { LoadingOverlay, Paper } from '@mantine/core';
|
|
3
3
|
import { toCountsString } from '../../utils';
|
|
4
4
|
var CountsValue = function (_a) {
|
|
5
|
-
var label = _a.label, isFetching = _a.isFetching, isError = _a.isError, counts = _a.counts;
|
|
6
|
-
return (_jsxs("div", { className: "mr-4 relative", children: [_jsx(LoadingOverlay, { visible: isFetching }), _jsx(Paper, { shadow: "xs", p: "xs", withBorder: true, className: "bg-primary text-primary-contrast font-heading text-md font-semibold", children: isError ? 'error' : toCountsString(counts, label) })] }));
|
|
5
|
+
var label = _a.label, isFetching = _a.isFetching, isError = _a.isError, counts = _a.counts, configuration = _a.configuration;
|
|
6
|
+
return (_jsxs("div", { className: "mr-4 relative", children: [_jsx(LoadingOverlay, { visible: isFetching }), _jsx(Paper, { shadow: "xs", p: "xs", withBorder: true, className: "bg-primary text-primary-contrast font-heading text-md font-semibold", children: isError ? 'error' : toCountsString(counts, label, configuration) })] }));
|
|
7
7
|
};
|
|
8
8
|
export default CountsValue;
|
|
9
9
|
//# sourceMappingURL=CountsValue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountsValue.js","sourceRoot":"","sources":["../../../../src/components/counts/CountsValue.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"CountsValue.js","sourceRoot":"","sources":["../../../../src/components/counts/CountsValue.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAW7C,IAAM,WAAW,GAAG,UAAC,EAMQ;QAL3B,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,MAAM,YAAA,EACN,aAAa,mBAAA;IAEb,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,KAAC,cAAc,IAAC,OAAO,EAAE,UAAU,GAAI,EACvC,KAAC,KAAK,IACJ,MAAM,EAAC,IAAI,EACX,CAAC,EAAC,IAAI,EACN,UAAU,QACV,SAAS,EAAC,qEAAqE,YAE9E,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,GAC3D,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -41,7 +41,7 @@ var FacetControlsHeader = function (_a) {
|
|
|
41
41
|
}, [field, isFilterExpanded, toggleExpandFilter]);
|
|
42
42
|
return (_jsxs(header.Panel, { children: [_jsxs("div", { className: "flex flex-row items-center", children: [toggleExpandFilter && (_jsx(Tooltip, { label: isFilterExpanded ? 'Collapse card' : 'Expand card', children: _jsx(ActionIcon, { variant: "subtle", onClick: function () {
|
|
43
43
|
toggleExpandFilter(field, !isFilterExpanded);
|
|
44
|
-
}, "aria-expanded": isFilterExpanded, "aria-label": isFilterExpanded ? 'Collapse card' : 'Expand card', children: isFilterExpanded ? (_jsx(ExpandLessIcon, { size: "3em", className: header.iconStyle, "aria-hidden": "true" })) : (_jsx(ExpandMoreIcon, { size: "3em", className: header.iconStyle, "aria-hidden": "true" })) }) })), sharedWithIndices && (_jsx(Tooltip, { transitionProps: { duration: 200, transition: 'fade' }, label: _jsxs("div", { className: "flex items-center gap-x-2", children: [_jsx(Text, { className: "mr-2", children: "Shared with:" }), sharedWithIndices.map(function (x) { return (_jsx(Badge, { variant: "outline", radius: "sm", color: "accent.3", children: x.indexAlias }, x.index)); }), ' '] }), children: _jsx(Icon, { icon: "gen3:share", className: "".concat(header.iconStyle, " mx-0.5 mr-2"), width: 9, height: 9 }) })), _jsx(Tooltip, { label: description, position: "
|
|
44
|
+
}, "aria-expanded": isFilterExpanded, "aria-label": isFilterExpanded ? 'Collapse card' : 'Expand card', children: isFilterExpanded ? (_jsx(ExpandLessIcon, { size: "3em", className: header.iconStyle, "aria-hidden": "true" })) : (_jsx(ExpandMoreIcon, { size: "3em", className: header.iconStyle, "aria-hidden": "true" })) }) })), sharedWithIndices && (_jsx(Tooltip, { transitionProps: { duration: 200, transition: 'fade' }, label: _jsxs("div", { className: "flex items-center gap-x-2", children: [_jsx(Text, { className: "mr-2", children: "Shared with:" }), sharedWithIndices.map(function (x) { return (_jsx(Badge, { variant: "outline", radius: "sm", color: "accent.3", children: x.indexAlias }, x.index)); }), ' '] }), children: _jsx(Icon, { icon: "gen3:share", className: "".concat(header.iconStyle, " mx-0.5 mr-2"), width: 9, height: 9 }) })), _jsx(Tooltip, { label: description, position: "top", multiline: true, w: 220, withArrow: true, transitionProps: { duration: 200, transition: 'fade' }, disabled: !description, children: _jsx(header.Label, { children: facetName ? facetName : fieldNameToTitle(field) }) })] }), _jsxs("div", { className: "flex flex-row", children: [showSettings ? (_jsx(Tooltip, { label: "Filter Settings", children: _jsx(FacetIconButton, { onClick: function () {
|
|
45
45
|
if (toggleExpandFilter)
|
|
46
46
|
toggleExpandFilter(field, true);
|
|
47
47
|
if (toggleSettings)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FacetControlsHeader.js","sourceRoot":"","sources":["../../../../src/components/facets/FacetControlsHeader.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"FacetControlsHeader.js","sourceRoot":"","sources":["../../../../src/components/facets/FacetControlsHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/nextjs';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
component: ({ facetDefinition, valueLabel, hooks: dataFunctions, facetNameFormatter, idPrefix, hideIfEmpty, width, showPercent, queryOptions, }: import("./createFacetCard").CreateFacetCardProps) => React.ReactNode;
|
|
4
|
+
parameters: {
|
|
5
|
+
deepControls: {
|
|
6
|
+
enabled: boolean;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
//# sourceMappingURL=createFacetCards.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createFacetCards.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/facets/createFacetCards.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIxD,QAAA,MAAM,IAAI;;;;;;;CAK8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { createFacetCard } from './createFacetCard';
|
|
2
|
+
var meta = {
|
|
3
|
+
component: createFacetCard,
|
|
4
|
+
parameters: {
|
|
5
|
+
deepControls: { enabled: true },
|
|
6
|
+
},
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
export var Default = {
|
|
10
|
+
args: {
|
|
11
|
+
facetDefinition: {
|
|
12
|
+
field: "demographic",
|
|
13
|
+
index: "cases",
|
|
14
|
+
type: "enum",
|
|
15
|
+
description: "aaa"
|
|
16
|
+
},
|
|
17
|
+
hooks: {
|
|
18
|
+
useClearFilter: (function () { }),
|
|
19
|
+
useFieldNameToTitle: (function (field) { return field; }),
|
|
20
|
+
useUpdateFacetFilters: (function () { }),
|
|
21
|
+
useGetFacetFilters: (function () { }),
|
|
22
|
+
useGetFacetData: (function () { return ({ data: { white: 50 }, isFetching: false, isSuccess: true }); }),
|
|
23
|
+
},
|
|
24
|
+
valueLabel: "cases",
|
|
25
|
+
idPrefix: "cohort-builder",
|
|
26
|
+
facetNameFormatter: function (name) { return name; },
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=createFacetCards.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createFacetCards.stories.js","sourceRoot":"","sources":["../../../../src/components/facets/createFacetCards.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,IAAM,IAAI,GAAG;IACX,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAChC;CACqC,CAAC;AAEzC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,eAAe,EAAE;YACf,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,KAAK;SACnB;QACD,KAAK,EAAE;YACL,cAAc,EAAE,CAAC,cAAO,CAAC,CAAQ;YACjC,mBAAmB,EAAE,CAAC,UAAC,KAAa,IAAK,OAAA,KAAK,EAAL,CAAK,CAAQ;YACtD,qBAAqB,EAAE,CAAC,cAAO,CAAC,CAAQ;YACxC,kBAAkB,EAAE,CAAC,cAAO,CAAC,CAAQ;YACrC,eAAe,EAAE,CAAC,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAA7D,CAA6D,CAAQ;SACvF;QACR,UAAU,EAAE,OAAO;QACnB,QAAQ,EAAE,gBAAgB;QAC1B,kBAAkB,EAAE,UAAC,IAAI,IAAK,OAAA,IAAI,EAAJ,CAAI;KACnC;CACF,CAAA"}
|
|
@@ -22,6 +22,7 @@ declare const meta: {
|
|
|
22
22
|
countFunction?: (() => string) | undefined;
|
|
23
23
|
countIndex?: string | undefined;
|
|
24
24
|
countUnits?: string | undefined;
|
|
25
|
+
hideCounts?: boolean | undefined;
|
|
25
26
|
noDataTooltip?: string | undefined;
|
|
26
27
|
cardType?: "regular" | "compact" | undefined;
|
|
27
28
|
btnText?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnalysisCard.stories.d.ts","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIxD,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"AnalysisCard.stories.d.ts","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIxD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { AnalysisToolConfiguration } from "./types";
|
|
3
|
+
type AnalysisCardCollapsibleProps = AnalysisToolConfiguration & {
|
|
4
|
+
readonly descriptionVisible: boolean;
|
|
5
|
+
readonly setDescriptionVisible: () => void;
|
|
6
|
+
readonly useCountHook: () => {
|
|
7
|
+
data: number;
|
|
8
|
+
isSuccess: boolean;
|
|
9
|
+
isFetching: boolean;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
declare const AnalysisCardCollapsible: React.FC<AnalysisCardCollapsibleProps>;
|
|
13
|
+
export default AnalysisCardCollapsible;
|
|
14
|
+
//# sourceMappingURL=AnalysisCardCollapsible.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnalysisCardCollapsible.d.ts","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCardCollapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEpD,KAAK,4BAA4B,GAAG,yBAAyB,GAAI;IAC/D,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAC;IACrC,QAAQ,CAAC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAC3C,QAAQ,CAAC,YAAY,EAAE,MAAM;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;CACxF,CAAA;AAED,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAmLnE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Divider } from "@mantine/core";
|
|
3
|
+
import { Button, Card, Loader, Tooltip, Image } from "@mantine/core";
|
|
4
|
+
import { useElementSize } from "@mantine/hooks";
|
|
5
|
+
import { MdArrowDropDown as ArrowDropDownIcon, MdInfo as InfoIcon, MdPlayArrow as PlayIcon, MdKeyboardArrowUp as UpArrowIcon, } from "react-icons/md";
|
|
6
|
+
import Link from 'next/link';
|
|
7
|
+
import NextImage from 'next/image';
|
|
8
|
+
var AnalysisCardCollapsible = function (_a) {
|
|
9
|
+
var descriptionVisible = _a.descriptionVisible, setDescriptionVisible = _a.setDescriptionVisible, title = _a.title, description = _a.description, icon = _a.icon, appId = _a.appId, href = _a.href, useCountHook = _a.useCountHook, hasDemo = _a.hasDemo, noDataTooltip = _a.noDataTooltip, hideCounts = _a.hideCounts;
|
|
10
|
+
var cohortCounts = useCountHook();
|
|
11
|
+
var caseCounts = (cohortCounts === null || cohortCounts === void 0 ? void 0 : cohortCounts.data) || 0;
|
|
12
|
+
var inactive = caseCounts === 0 || cohortCounts.isFetching;
|
|
13
|
+
var _b = useElementSize(), descRef = _b.ref, descHeight = _b.height;
|
|
14
|
+
return (_jsxs(Card, { "data-testid": "".concat(title, "-tool"), p: 6, className: "bg-base-max border-secondary-darkest overflow-visible border ".concat(inactive ? "" : "border-t-6", "\n "), "aria-label": "".concat(title, " Tool"), children: [inactive && _jsx("div", { className: "h-1" }), _jsxs("div", { className: "flex justify-between mb-1", children: [_jsx(Image, { component: NextImage, src: "".concat(icon), alt: "".concat(title, " logo"), width: 48, height: 48, w: 48, h: 48 }), _jsxs("div", { className: "flex flex-col", children: [_jsx(Link, { href: {
|
|
15
|
+
pathname: href,
|
|
16
|
+
query: {
|
|
17
|
+
app: appId,
|
|
18
|
+
},
|
|
19
|
+
}, "data-testid": "button-".concat(title), className: "\n flex\n justify-center\n items-center\n bg-secondary\n hover:bg-secondary-dark\n hover:border-secondary-dark\n focus:bg-secondary-dark\n focus:border-secondary-dark\n mb-1\n w-[50px]\n ".concat(inactive ? "opacity-50 pointer-events-none" : "", "\n rounded\n h-5\n "), "aria-disabled": inactive, "aria-label": title, children: _jsx(PlayIcon, { size: 16, color: "white" }) }), hasDemo ? (_jsx(Link, { href: {
|
|
20
|
+
pathname: href,
|
|
21
|
+
query: {
|
|
22
|
+
app: appId,
|
|
23
|
+
demoMode: true,
|
|
24
|
+
},
|
|
25
|
+
}, "data-testid": "button-".concat(title, " Demo"), className: "\n flex\n justify-center\n items-center\n hover:bg-secondary-dark\n hover:border-secondary-dark\n hover:text-primary-content-max\n focus:bg-secondary-dark\n focus:border-secondary-dark\n focus:text-primary-content-max\n mb-1\n w-[50px]\n rounded\n h-5\n text-xs\n text-secondary\n p-0\n border\n border-secondary\n font-semibold\n ", children: "Demo" })) : null] })] }), _jsx(Divider, { variant: "dotted", "aria-hidden": "true" }), _jsxs("div", { className: "flex flex-col items-center text-xs", children: [_jsx(Button, { "data-testid": "select-description-tool", onClick: function () { return setDescriptionVisible(); }, variant: "white", size: "xs", rightSection: descriptionVisible ? (_jsx(UpArrowIcon, { size: 16, "aria-hidden": "true" })) : (_jsx(ArrowDropDownIcon, { size: 16, "aria-hidden": "true" })), classNames: {
|
|
26
|
+
root: "text-secondary-darkest font-bold bg-transparent",
|
|
27
|
+
section: "ml-0",
|
|
28
|
+
}, "aria-expanded": descriptionVisible, children: title }), _jsx("div", { "data-testid": "text-description-tool", style: { height: descriptionVisible ? descHeight : 0 }, className: "transition-[height] duration-300 bg-primary-lightest overflow-hidden w-full mb-1", "aria-hidden": !descriptionVisible, children: _jsx("div", { className: "".concat(descriptionVisible ? "opacity-100" : "opacity-0", " transition-opacity"), ref: descRef, children: _jsx("p", { className: "p-2 font-content", children: description }) }) }), hideCounts ? (_jsx("div", { className: "h-4" })) : cohortCounts ? (_jsxs("div", { "data-testid": "text-case-count-tool", className: "flex items-center text-secondary-darkest", children: [cohortCounts.isFetching ? (_jsxs("span", { className: "flex mr-2 items-center", children: [_jsx(Loader, { color: "gray", size: "xs", className: "mr-2" }), " Cases"] })) : cohortCounts.isSuccess ? (_jsx("span", { children: "".concat(caseCounts.toLocaleString(), " Cases") })) : (_jsx("span", { className: "flex mr-2 items-center text-utility-error", children: "0 Cases" })), caseCounts === 0 && (_jsx(Tooltip, { label: noDataTooltip, withArrow: true, w: 200, multiline: true, children: _jsx("div", { children: _jsx(InfoIcon, { className: "inline-block ml-1" }) }) }))] })) : (_jsx("span", { children: _jsx(Loader, { color: "gray", size: "xs", className: "mr-2" }) }))] })] }));
|
|
29
|
+
};
|
|
30
|
+
export default AnalysisCardCollapsible;
|
|
31
|
+
//# sourceMappingURL=AnalysisCardCollapsible.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnalysisCardCollapsible.js","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCardCollapsible.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { StoryObj } from '@storybook/nextjs';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
component: React.FC<import("./types").AnalysisToolConfiguration & {
|
|
5
|
+
readonly descriptionVisible: boolean;
|
|
6
|
+
readonly setDescriptionVisible: () => void;
|
|
7
|
+
readonly useCountHook: () => {
|
|
8
|
+
data: number;
|
|
9
|
+
isSuccess: boolean;
|
|
10
|
+
isFetching: boolean;
|
|
11
|
+
};
|
|
12
|
+
}>;
|
|
13
|
+
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
14
|
+
title: string;
|
|
15
|
+
image?: string | undefined;
|
|
16
|
+
icon: string | React.ReactElement;
|
|
17
|
+
type: string;
|
|
18
|
+
description: string;
|
|
19
|
+
hasDemo?: boolean | undefined;
|
|
20
|
+
loginRequired: boolean;
|
|
21
|
+
href: string;
|
|
22
|
+
appId?: string | undefined;
|
|
23
|
+
componentName?: string | undefined;
|
|
24
|
+
count?: number | undefined;
|
|
25
|
+
countFunction?: (() => string) | undefined;
|
|
26
|
+
countIndex?: string | undefined;
|
|
27
|
+
countUnits?: string | undefined;
|
|
28
|
+
hideCounts?: boolean | undefined;
|
|
29
|
+
noDataTooltip?: string | undefined;
|
|
30
|
+
cardType?: "regular" | "compact" | undefined;
|
|
31
|
+
btnText?: string | undefined;
|
|
32
|
+
tags?: Array<string> | undefined;
|
|
33
|
+
readonly rightComponent?: React.FC | undefined;
|
|
34
|
+
readonly selectionScreen?: React.FC | undefined;
|
|
35
|
+
readonly descriptionVisible: boolean;
|
|
36
|
+
readonly setDescriptionVisible: () => void;
|
|
37
|
+
readonly useCountHook: () => {
|
|
38
|
+
data: number;
|
|
39
|
+
isSuccess: boolean;
|
|
40
|
+
isFetching: boolean;
|
|
41
|
+
};
|
|
42
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
43
|
+
parameters: {
|
|
44
|
+
nextjs: {
|
|
45
|
+
appDirectory: boolean;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
export default meta;
|
|
50
|
+
type Story = StoryObj<typeof meta>;
|
|
51
|
+
export declare const Default: Story;
|
|
52
|
+
//# sourceMappingURL=AnalysisCardCollapsible.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnalysisCardCollapsible.stories.d.ts","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCardCollapsible.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIxD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAesC,CAAC;AAEjD,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import AnalysisCardCollapsible from './AnalysisCardCollapsible';
|
|
3
|
+
var meta = {
|
|
4
|
+
component: AnalysisCardCollapsible,
|
|
5
|
+
decorators: [
|
|
6
|
+
function (Story) { return (_jsx("div", { className: "w-[200px]", children: _jsx(Story, {}) })); },
|
|
7
|
+
],
|
|
8
|
+
parameters: {
|
|
9
|
+
nextjs: {
|
|
10
|
+
appDirectory: true,
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
export var Default = {
|
|
16
|
+
args: {
|
|
17
|
+
descriptionVisible: false,
|
|
18
|
+
setDescriptionVisible: function () { },
|
|
19
|
+
title: 'Mutation Frequency',
|
|
20
|
+
description: 'Visualize most frequently mutated genes and somatic mutations.',
|
|
21
|
+
icon: '/images/apps/MutationFrequency.svg',
|
|
22
|
+
appId: "mutation_freq",
|
|
23
|
+
hasDemo: false,
|
|
24
|
+
href: '/',
|
|
25
|
+
loginRequired: false,
|
|
26
|
+
type: 'application',
|
|
27
|
+
useCountHook: function () { return ({ data: 400, isFetching: false, isSuccess: true }); },
|
|
28
|
+
},
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=AnalysisCardCollapsible.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnalysisCardCollapsible.stories.js","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCardCollapsible.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE,IAAM,IAAI,GAAG;IACX,SAAS,EAAE,uBAAuB;IAClC,UAAU,EAAE;QACV,UAAC,KAAK,IAAK,OAAA,CACT,cAAK,SAAS,EAAC,WAAW,YAExB,KAAC,KAAK,KAAG,GACL,CACP,EALU,CAKV;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE;YACN,YAAY,EAAE,IAAI;SACnB;KACF;CAC6C,CAAC;AAEjD,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,kBAAkB,EAAE,KAAK;QACzB,qBAAqB,EAAE,cAAO,CAAC;QAC/B,KAAK,EAAE,oBAAoB;QAC3B,WAAW,EACT,gEAAgE;QAClE,IAAI,EAAE,oCAAoC;QAC1C,KAAK,EAAE,eAAe;QACtB,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,GAAG;QACT,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,aAAa;QACnB,YAAY,EAAE,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAnD,CAAmD;KACxE;CACF,CAAC"}
|
|
@@ -2,20 +2,21 @@ import React from 'react';
|
|
|
2
2
|
import type { StoryObj } from '@storybook/nextjs';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
component: React.FC<{
|
|
5
|
+
description: string;
|
|
5
6
|
type: string;
|
|
6
7
|
title: string;
|
|
7
|
-
href: string;
|
|
8
8
|
icon: string | React.ReactElement;
|
|
9
|
-
|
|
9
|
+
href: string;
|
|
10
|
+
appId?: string | undefined;
|
|
10
11
|
hasDemo?: boolean | undefined;
|
|
12
|
+
noDataTooltip?: string | undefined;
|
|
13
|
+
hideCounts?: boolean | undefined;
|
|
11
14
|
loginRequired: boolean;
|
|
12
|
-
appId?: string | undefined;
|
|
13
15
|
componentName?: string | undefined;
|
|
14
16
|
count?: number | undefined;
|
|
15
17
|
countFunction?: (() => string) | undefined;
|
|
16
18
|
countIndex?: string | undefined;
|
|
17
19
|
countUnits?: string | undefined;
|
|
18
|
-
noDataTooltip?: string | undefined;
|
|
19
20
|
cardType?: "regular" | "compact" | undefined;
|
|
20
21
|
btnText?: string | undefined;
|
|
21
22
|
tags?: Array<string> | undefined;
|
|
@@ -23,20 +24,21 @@ declare const meta: {
|
|
|
23
24
|
readonly selectionScreen?: React.FC | undefined;
|
|
24
25
|
}>;
|
|
25
26
|
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
27
|
+
description: string;
|
|
26
28
|
type: string;
|
|
27
29
|
title: string;
|
|
28
|
-
href: string;
|
|
29
30
|
icon: string | React.ReactElement;
|
|
30
|
-
|
|
31
|
+
href: string;
|
|
32
|
+
appId?: string | undefined;
|
|
31
33
|
hasDemo?: boolean | undefined;
|
|
34
|
+
noDataTooltip?: string | undefined;
|
|
35
|
+
hideCounts?: boolean | undefined;
|
|
32
36
|
loginRequired: boolean;
|
|
33
|
-
appId?: string | undefined;
|
|
34
37
|
componentName?: string | undefined;
|
|
35
38
|
count?: number | undefined;
|
|
36
39
|
countFunction?: (() => string) | undefined;
|
|
37
40
|
countIndex?: string | undefined;
|
|
38
41
|
countUnits?: string | undefined;
|
|
39
|
-
noDataTooltip?: string | undefined;
|
|
40
42
|
cardType?: "regular" | "compact" | undefined;
|
|
41
43
|
btnText?: string | undefined;
|
|
42
44
|
tags?: Array<string> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnalysisCardCompact.stories.d.ts","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCardCompact.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIxD,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"AnalysisCardCompact.stories.d.ts","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCardCompact.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIxD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnalysisCardCore.d.ts","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCardCore.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEpD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAmDrD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Grid, Text, Image } from "@mantine/core";
|
|
3
|
+
import { MdPlayArrow as PlayIcon, } from "react-icons/md";
|
|
4
|
+
import Link from "next/link";
|
|
5
|
+
import NextImage from "next/image";
|
|
6
|
+
var CoreToolCard = function (_a) {
|
|
7
|
+
var title = _a.title, description = _a.description, icon = _a.icon, href = _a.href, appId = _a.appId;
|
|
8
|
+
return (_jsx(Link, { href: {
|
|
9
|
+
pathname: href,
|
|
10
|
+
query: {
|
|
11
|
+
app: appId,
|
|
12
|
+
},
|
|
13
|
+
}, className: "group", children: _jsxs(Grid, { classNames: {
|
|
14
|
+
root: "h-full",
|
|
15
|
+
inner: "border-secondary-darkest border h-full w-full m-0 rounded-md p-0",
|
|
16
|
+
}, children: [_jsx(Grid.Col, { span: 2, className: "self-center relative", children: _jsx(Image, { component: NextImage, src: "".concat(icon), alt: "".concat(title, " logo"), w: 48, h: 48, width: 48, height: 48 }) }), _jsxs(Grid.Col, { span: 8, className: "text-base-content-darkest", children: [_jsx(Text, { size: "sm", className: "font-heading font-bold", children: title }), _jsx(Text, { size: "xs", className: "font-content leading-5", children: description })] }), _jsx(Grid.Col, { span: 2, className: "flex justify-end p-0 m-0", children: _jsx("div", { className: "bg-secondary w-12 h-full p-0 group-hover:bg-secondary-darker group-focus:bg-secondary-darker rounded-none rounded-r flex justify-center items-center", children: _jsx(PlayIcon, { size: 30, color: "white" }) }) })] }) }));
|
|
17
|
+
};
|
|
18
|
+
export default CoreToolCard;
|
|
19
|
+
//# sourceMappingURL=AnalysisCardCore.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnalysisCardCore.js","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCardCore.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EACL,WAAW,IAAI,QAAQ,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,IAAM,YAAY,GAAwC,UAAC,EAM1D;QALC,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,KAAK,WAAA;IAEL,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE;YACJ,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE;gBACL,GAAG,EAAE,KAAK;aACX;SACF,EACD,SAAS,EAAC,OAAO,YAEjB,MAAC,IAAI,IACH,UAAU,EAAE;gBACV,IAAI,EAAE,QAAQ;gBACd,KAAK,EACH,kEAAkE;aACrE,aAED,KAAC,IAAI,CAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,sBAAsB,YACjD,KAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,UAAG,IAAI,CAAE,EACd,GAAG,EAAE,UAAG,KAAK,UAAO,EACpB,CAAC,EAAE,EAAE,EACL,CAAC,EAAE,EAAE,EACL,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,GACO,EACX,MAAC,IAAI,CAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,2BAA2B,aACtD,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,wBAAwB,YAC/C,KAAK,GACD,EACP,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,wBAAwB,YAC/C,WAAW,GACP,IACE,EACX,KAAC,IAAI,CAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,0BAA0B,YACrD,cAAK,SAAS,EAAC,sJAAsJ,YACnK,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,GAChC,GACG,IACN,GACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { StoryObj } from '@storybook/nextjs';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
component: React.FC<import("./types").AnalysisToolConfiguration>;
|
|
5
|
+
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
6
|
+
title: string;
|
|
7
|
+
image?: string | undefined;
|
|
8
|
+
icon: string | React.ReactElement;
|
|
9
|
+
type: string;
|
|
10
|
+
description: string;
|
|
11
|
+
hasDemo?: boolean | undefined;
|
|
12
|
+
loginRequired: boolean;
|
|
13
|
+
href: string;
|
|
14
|
+
appId?: string | undefined;
|
|
15
|
+
componentName?: string | undefined;
|
|
16
|
+
count?: number | undefined;
|
|
17
|
+
countFunction?: (() => string) | undefined;
|
|
18
|
+
countIndex?: string | undefined;
|
|
19
|
+
countUnits?: string | undefined;
|
|
20
|
+
hideCounts?: boolean | undefined;
|
|
21
|
+
noDataTooltip?: string | undefined;
|
|
22
|
+
cardType?: "regular" | "compact" | undefined;
|
|
23
|
+
btnText?: string | undefined;
|
|
24
|
+
tags?: Array<string> | undefined;
|
|
25
|
+
readonly rightComponent?: React.FC | undefined;
|
|
26
|
+
readonly selectionScreen?: React.FC | undefined;
|
|
27
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
28
|
+
parameters: {
|
|
29
|
+
nextjs: {
|
|
30
|
+
appDirectory: boolean;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export default meta;
|
|
35
|
+
type Story = StoryObj<typeof meta>;
|
|
36
|
+
export declare const Default: Story;
|
|
37
|
+
//# sourceMappingURL=AnalysisCardCore.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnalysisCardCore.stories.d.ts","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCardCore.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIxD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAe+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import AnalysisCardCore from './AnalysisCardCore';
|
|
3
|
+
var meta = {
|
|
4
|
+
component: AnalysisCardCore,
|
|
5
|
+
decorators: [
|
|
6
|
+
function (Story) { return (_jsx("div", { className: "w-[400px]", children: _jsx(Story, {}) })); },
|
|
7
|
+
],
|
|
8
|
+
parameters: {
|
|
9
|
+
nextjs: {
|
|
10
|
+
appDirectory: true,
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
export var Default = {
|
|
16
|
+
args: {
|
|
17
|
+
title: 'Mutation Frequency',
|
|
18
|
+
description: 'Visualize most frequently mutated genes and somatic mutations.',
|
|
19
|
+
icon: '/images/apps/MutationFrequency.svg',
|
|
20
|
+
appId: "mutation_freq",
|
|
21
|
+
hasDemo: false,
|
|
22
|
+
href: '/',
|
|
23
|
+
loginRequired: false,
|
|
24
|
+
type: 'application',
|
|
25
|
+
},
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=AnalysisCardCore.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnalysisCardCore.stories.js","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCardCore.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,IAAM,IAAI,GAAG;IACX,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE;QACV,UAAC,KAAK,IAAK,OAAA,CACT,cAAK,SAAS,EAAC,WAAW,YAExB,KAAC,KAAK,KAAG,GACL,CACP,EALU,CAKV;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE;YACN,YAAY,EAAE,IAAI;SACnB;KACF;CACsC,CAAC;AAE1C,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,oBAAoB;QAC3B,WAAW,EACT,gEAAgE;QAClE,IAAI,EAAE,oCAAoC;QAC1C,KAAK,EAAE,eAAe;QACtB,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,GAAG;QACT,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,aAAa;KACpB;CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnalysisCenterWithSections.d.ts","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCenterWithSections.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AnalysisCenterWithSections.d.ts","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCenterWithSections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,uCAAuC,EAAE,MAAM,SAAS,CAAC;AAKlE;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CACxC,uCAAuC,CAiExC,CAAC;AACF,eAAe,0BAA0B,CAAC"}
|
|
@@ -9,11 +9,13 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
+
import { createElement as _createElement } from "react";
|
|
12
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useMemo } from 'react';
|
|
14
|
+
import { useMemo, useState } from 'react';
|
|
14
15
|
import { Divider, Stack, Text } from '@mantine/core';
|
|
15
16
|
import { mergeDefaultTailwindClassnames } from '../../utils/mergeDefaultTailwindClassnames';
|
|
16
|
-
import
|
|
17
|
+
import AnaylsisCardCore from './AnalysisCardCore';
|
|
18
|
+
import AnalysisCardCollapsible from './AnalysisCardCollapsible';
|
|
17
19
|
/**
|
|
18
20
|
* AnalysisPanelWithSections component.
|
|
19
21
|
*
|
|
@@ -38,15 +40,23 @@ var AnalysisCenterWithSections = function (_a) {
|
|
|
38
40
|
divider: 'text-accent w-[70px] border-accent mb-4',
|
|
39
41
|
};
|
|
40
42
|
var mergedGlobalClassnames = mergeDefaultTailwindClassnames(rootClassNamesDefaults, classNames !== null && classNames !== void 0 ? classNames : {});
|
|
43
|
+
var _b = useState(null), activeAnalysisCard = _b[0], setActiveAnalysisCard = _b[1];
|
|
41
44
|
var sectionPanels = useMemo(function () {
|
|
42
|
-
return sections.map(function (section) {
|
|
45
|
+
return sections.map(function (section, section_idx) {
|
|
43
46
|
var _a;
|
|
44
47
|
var sectionClassnames = mergeDefaultTailwindClassnames(mergedGlobalClassnames, (_a = section.classNames) !== null && _a !== void 0 ? _a : {});
|
|
45
|
-
return (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { color: "primary.4", classNames: { root: sectionClassnames['title'] }, children: section.label }), _jsx(Divider, { size: "lg", classNames: { root: sectionClassnames['divider'] } }), _jsx("div", { className: "grid sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-4 items-stretch", children: section.tools.map(function (tool) {
|
|
46
|
-
|
|
48
|
+
return (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { color: "primary.4", classNames: { root: sectionClassnames['title'] }, children: section.label }), _jsx(Divider, { size: "lg", classNames: { root: sectionClassnames['divider'] } }), _jsx("div", { className: "grid sm:grid-cols-2 ".concat(section.core ? 'md:grid-cols-3' : 'md:grid-cols-4 lg:grid-cols-5', " gap-4 items-stretch"), children: section.tools.map(function (tool, idx) {
|
|
49
|
+
if (section.core) {
|
|
50
|
+
return _createElement(AnaylsisCardCore, __assign({}, tool, { key: tool.title }));
|
|
51
|
+
}
|
|
52
|
+
else {
|
|
53
|
+
return (_jsx("div", { children: _createElement(AnalysisCardCollapsible, __assign({}, tool, { descriptionVisible: activeAnalysisCard === "".concat(section_idx, "-").concat(idx), setDescriptionVisible: function () {
|
|
54
|
+
return setActiveAnalysisCard("".concat(section_idx, "-").concat(idx) === activeAnalysisCard ? null : "".concat(section_idx, "-").concat(idx));
|
|
55
|
+
}, useCountHook: function () { return ({ data: 1000, isFetching: false, isSuccess: true }); }, key: tool.title })) }, tool.title));
|
|
56
|
+
}
|
|
47
57
|
}) })] }, section.label));
|
|
48
58
|
});
|
|
49
|
-
}, [sections]);
|
|
59
|
+
}, [sections, activeAnalysisCard, mergedGlobalClassnames]);
|
|
50
60
|
return _jsx(Stack, { gap: "xl", children: sectionPanels });
|
|
51
61
|
};
|
|
52
62
|
export default AnalysisCenterWithSections;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnalysisCenterWithSections.js","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCenterWithSections.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AnalysisCenterWithSections.js","sourceRoot":"","sources":["../../../../src/features/Analysis/AnalysisCenterWithSections.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAc,EAAgB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,EAAE,8BAA8B,EAAE,MAAM,4CAA4C,CAAC;AAC5F,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE;;;;;;;;;;;;;;;;GAgBG;AACH,IAAM,0BAA0B,GAE5B,UAAC,EAAwB;QAAtB,QAAQ,cAAA,EAAE,UAAU,gBAAA;IACzB,IAAM,sBAAsB,GAAG;QAC7B,KAAK,EAAE,+CAA+C;QACtD,OAAO,EAAE,yCAAyC;KACnD,CAAC;IACF,IAAM,sBAAsB,GAAG,8BAA8B,CAC3D,sBAAsB,EACtB,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CACjB,CAAC;IAEI,IAAA,KAA8C,QAAQ,CAC1D,IAAI,CACL,EAFM,kBAAkB,QAAA,EAAE,qBAAqB,QAE/C,CAAC;IAEF,IAAM,aAAa,GAAG,OAAO,CAC3B;QACE,OAAA,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,WAAW;;YAChC,IAAM,iBAAiB,GAAG,8BAA8B,CACtD,sBAAsB,EACtB,MAAA,OAAO,CAAC,UAAU,mCAAI,EAAE,CACzB,CAAC;YAEF,OAAO,CACL,MAAC,KAAK,IAAqB,GAAG,EAAC,IAAI,aACjC,KAAC,IAAI,IACH,KAAK,EAAC,WAAW,EACjB,UAAU,EAAE,EAAE,IAAI,EAAE,iBAAiB,CAAC,OAAO,CAAC,EAAE,YAE/C,OAAO,CAAC,KAAK,GACT,EACP,KAAC,OAAO,IACN,IAAI,EAAC,IAAI,EACT,UAAU,EAAE,EAAE,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,EAAE,GAClD,EACF,cAAK,SAAS,EAAE,8BAAuB,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,+BAA+B,yBAAsB,YAC3H,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG;4BAC3B,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;gCACjB,OAAO,eAAC,gBAAgB,eAAK,IAAI,IAAE,GAAG,EAAE,IAAI,CAAC,KAAK,IAAI,CAAA;4BACxD,CAAC;iCAAM,CAAC;gCACN,OAAO,CACL,wBACE,eAAC,uBAAuB,eAClB,IAAI,IACR,kBAAkB,EAAE,kBAAkB,KAAK,UAAG,WAAW,cAAI,GAAG,CAAE,EAClE,qBAAqB,EAAE;4CACrB,OAAA,qBAAqB,CACnB,UAAG,WAAW,cAAI,GAAG,CAAE,KAAK,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAG,WAAW,cAAI,GAAG,CAAE,CAChF;wCAFD,CAEC,EAEH,YAAY,EAAE,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAApD,CAAoD,EACxE,GAAG,EAAE,IAAI,CAAC,KAAK,IACf,IAXM,IAAI,CAAC,KAAK,CAYd,CACP,CAAC;4BACJ,CAAC;wBACH,CAAC,CAAC,GACE,KAjCI,OAAO,CAAC,KAAK,CAkCjB,CACT,CAAC;QACJ,CAAC,CAAC;IA3CF,CA2CE,EACJ,CAAC,QAAQ,EAAE,kBAAkB,EAAE,sBAAsB,CAAC,CACvD,CAAC;IAEF,OAAO,KAAC,KAAK,IAAC,GAAG,EAAC,IAAI,YAAE,aAAa,GAAS,CAAC;AACjD,CAAC,CAAC;AACF,eAAe,0BAA0B,CAAC"}
|