@gen3/frontend 0.12.27 → 0.12.28

package/dist/index/esm/index.js

@@ -1,4 +1,4 @@
-export { A as AISearchPageGetServerSideProps, a as AccessLevel, b as AccordionPanel, c as ActionBar, d as ActionButton, e as AdminAuthZPageGetServerSideProps, f as AiSearch, g as AiSearchPage, h as AnalysisCenter, i as AnalysisCenterWithSections, j as AnalysisEditorPage, k as AnalysisEditorPageGetServerSideProps, l as AnalysisPage, m as AnalysisPageGetServerSideProps, n as AuthzPage, B as BAD_DATA_MESSAGE, o as Banner, p as BaseModal, C as CardContainer, q as Charts, r as ClinicalDataAnalysisPage, s as ClinicalDataAnalysisServerSideProps, t as CohortActionButton, u as CohortBuilder, v as CohortDropdownActionButton, w as CohortManager, x as CohortManagerAndExpression, y as CollapsableCharts, z as CollapsableSidebar, D as ColorThemePage, E as ColorThemePageGetServerSideProps, F as ContentSource, G as CountsValue, H as CreateCredentialsAPIKeyModal, I as CrosswalkPage, J as CrosswalkPageGetServerSideProps, K as Custom403Page, L as Custom404Page, M as DAYS_IN_YEAR, N as DEFAULT_MAXIMUM, O as DEFAULT_MINIMUM, P as DEFAULT_VISIBLE_ITEMS, Q as DataDictionaryPage, R as DataLibraryPage, S as DataLibraryPageGetServerSideProps, T as DefaultAuthorizedRoutesConfig, U as DictionaryPageGetServerSideProps, V as DictionaryWithContext, W as DiscoveryCellRendererFactory, X as DiscoveryConfigProvider, Y as DiscoveryIndexPanel, Z as DiscoveryPage, _ as DiscoveryPageGetServerSideProps, $ as DownloadButton, a0 as DownloadsPanel, a1 as DropdownButton, a2 as DropdownPanel, a3 as DropdownWithIcon, a4 as EmptyTableMessage, a5 as EnumFacet, a6 as EnumFacetChart, a7 as ErrorCard, a8 as ExactValueFacet, a9 as ExplorerPage, aa as ExplorerPageGetServerSideProps, ab as ExplorerPageGetServerSidePropsForConfigId, ac as ExplorerTable, ad as ExplorerTableCellRendererFactory, ae as ExplorerTableDetailsPanelFactory, af as FacetControlsHeader, ag as FacetExpander, ah as FacetSelector, ai as FacetSortPanel, aj as FacetTabs, ak as FiltersPanel, al as FirstTimeModal, am as Footer, an as Gen3Button, ao as Gen3ButtonReverse, ap as Gen3Link, aq as Gen3ModalsProvider, ar as Gen3Provider, as as GqlQueryEditor, at as Header, au as HoverLink, av as IconButton, aw as JSONObjectDownloadButton, ax as LandingPage, ay as LandingPageGetServerSideProps, az as LoginButton, aA as LoginPage, aB as LoginPageGetServerSideProps, aC as LoginPanel, aD as LoginProvidersPanel, aE as MessageCard, aF as MessagePage, aG as MetadataDictionary, aH as MinutesToMilliseconds, aI as MultiSelectValueFacet, aJ as NavPageLayout, aK as NavigationBar, aL as NavigationButton, aM as NoAccessModal, aN as NotebookLitePage, aO as NotebookLitePageGetStaticProps, aP as Profile, aQ as ProfilePage, aR as ProfilePageGetServerSideProps, aS as ProfileProvider, aT as ProtectedContent, aU as ProtectedContentUI, aV as QueryExpression, aW as QueryExpressionContext, aX as QueryExpressionSection, aY as QueryPage, aZ as QueryPageGetServerSideProps, a_ as RangeFacet, a$ as ReactECharts, b0 as Repository, b1 as RepositoryPage, b2 as RepositoryPageGetServerSideProps, b3 as ResourcesFilters, b4 as SPECIAL_CASE_FIELDS, b5 as SegmentedControl, b6 as SessionExpiredModal, b7 as SinglePageStudyDetailsPanel, b8 as StaticNotebookIFrame, b9 as StudyDetailsPanel, ba as StudyGroup, bb as StudyGroupPanel, bc as StudyProvider, bd as SubmissionPage, be as SubmissionPageGetServerSideProps, bf as TabbedCohortBuilder, bg as TabbedCohortBuilderPage, bh as TabbedCohortBuilderPageGetServerSideProps, bi as TabbedPanel, bj as TableXPositionContext, bk as TagCloud, bl as TailwindConfig, bm as TopBar, bn as UploadJSONButton, bo as User, bp as WarningCard, bq as Workspace, br as WorkspaceNoAccessPage, bs as WorkspaceNoAccessPageServerSideProps, bt as WorkspacePage, bu as WorkspacePageGetServerSideProps, bv as accessibleFieldName, bw as addIntersectionToIncludes, bx as addUnion, by as analysisApiCohortDiscovery, bz as capitalize, bA as classifyFacets, bB as compareKeysAscending, bC as compareKeysDescending, bD as computeRowSpan, bE as convertMinutesToMilliseconds, bF as convertPathsToTree, bG as convertSecondsToMilliseconds, bH as convertToStringArray, bI as createCSSVariables, bJ as createLabelFromHistogramData, bK as createMantineTheme, bL as credentialsLogin, bM as credentialsLogout, bN as extractObjectKey, bO as extractRangeValues, bP as filterAggregationsDataKeys, bQ as focusStyles, bR as gen3Modals, bS as getAllFieldsFromFilterConfigs, bT as getByPath, bU as getCurrentUnixTimestamp, bV as getFormattedTimestamp, bW as getHighResolutionTimestamp, bX as getNavPageLayoutPropsFromConfig, bY as getParamsValueAsString, bZ as getTagInfo, b_ as hasOwnProperty, b$ as isArrayOfString, c0 as isEnumFacetResponse, c1 as isHeaderMetadata, c2 as isPropertyKey, c3 as isTextTransform, c4 as isTimeGreaterThan, c5 as itemsInCart, c6 as mapFacetSortToSortType, c7 as measureExecutionTime, c8 as processBucketData, c9 as processDefinedRangeData, ca as processLabel, cb as processRangeData, cc as processRangeKeyLabel, cd as registerCohortBuilderDefaultPreviewRenderers, ce as registerCohortDiscoveryApp, cf as registerCohortSimilarityApp, cg as registerDefaultDiscoveryDataLoaders, ch as registerDiscoveryDefaultCellRenderers, ci as registerExplorerDefaultCellRenderers, cj as registerMetadataSchemaApp, ck as removeIntersectionFromEnum, cl as removeKey, cm as removeUnion, cn as resourcePathFromProjectID, co as sessionLogout, cp as sessionToken, cq as stripTrailingSlash, cr as toDisplayName, cs as truncateString, ct as unixTimeToString, cu as updateFacetEnum, cv as useClearFilters, cw as useDiscoveryContext, cx as useExtractEnumFilterValues, cy as useExtractRangeFilterValues, cz as useFieldNameToLabel, cA as useGetFacetFilters, cB as useGuppyActionButton, cC as useUpdateFilters, cD as useUpdateFiltersFlat, cE as userHasMethodForServiceOnResource, cF as validateObjectHasRequiredFields } from './index-BA2pm07t.js';
+export { A as AISearchPageGetServerSideProps, a as AccessLevel, b as AccordionPanel, c as ActionBar, d as ActionButton, e as AdminAuthZPageGetServerSideProps, f as AiSearch, g as AiSearchPage, h as AnalysisCenter, i as AnalysisCenterWithSections, j as AnalysisEditorPage, k as AnalysisEditorPageGetServerSideProps, l as AnalysisPage, m as AnalysisPageGetServerSideProps, n as AuthzPage, B as BAD_DATA_MESSAGE, o as Banner, p as BaseModal, C as CardContainer, q as Charts, r as ClinicalDataAnalysisPage, s as ClinicalDataAnalysisServerSideProps, t as CohortActionButton, u as CohortBuilder, v as CohortDropdownActionButton, w as CohortManager, x as CohortManagerAndExpression, y as CollapsableCharts, z as CollapsableSidebar, D as ColorThemePage, E as ColorThemePageGetServerSideProps, F as ContentSource, G as CountsValue, H as CreateCredentialsAPIKeyModal, I as CrosswalkPage, J as CrosswalkPageGetServerSideProps, K as Custom403Page, L as Custom404Page, M as DAYS_IN_YEAR, N as DEFAULT_MAXIMUM, O as DEFAULT_MINIMUM, P as DEFAULT_VISIBLE_ITEMS, Q as DataDictionaryPage, R as DataLibraryPage, S as DataLibraryPageGetServerSideProps, T as DefaultAuthorizedRoutesConfig, U as DictionaryPageGetServerSideProps, V as DictionaryWithContext, W as DiscoveryCellRendererFactory, X as DiscoveryConfigProvider, Y as DiscoveryIndexPanel, Z as DiscoveryPage, _ as DiscoveryPageGetServerSideProps, $ as DownloadButton, a0 as DownloadsPanel, a1 as DropdownButton, a2 as DropdownPanel, a3 as DropdownWithIcon, a4 as EmptyTableMessage, a5 as EnumFacet, a6 as EnumFacetChart, a7 as ErrorCard, a8 as ExactValueFacet, a9 as ExplorerPage, aa as ExplorerPageGetServerSideProps, ab as ExplorerPageGetServerSidePropsForConfigId, ac as ExplorerTable, ad as ExplorerTableCellRendererFactory, ae as ExplorerTableDetailsPanelFactory, af as FacetControlsHeader, ag as FacetExpander, ah as FacetSelector, ai as FacetSortPanel, aj as FacetTabs, ak as FiltersPanel, al as FirstTimeModal, am as Footer, an as Gen3Button, ao as Gen3ButtonReverse, ap as Gen3Link, aq as Gen3ModalsProvider, ar as Gen3Provider, as as GqlQueryEditor, at as Header, au as HoverLink, av as IconButton, aw as JSONObjectDownloadButton, ax as LandingPage, ay as LandingPageGetServerSideProps, az as LoginButton, aA as LoginPage, aB as LoginPageGetServerSideProps, aC as LoginPanel, aD as LoginProvidersPanel, aE as MessageCard, aF as MessagePage, aG as MetadataDictionary, aH as MinutesToMilliseconds, aI as MultiSelectValueFacet, aJ as NavPageLayout, aK as NavigationBar, aL as NavigationButton, aM as NoAccessModal, aN as NotebookLitePage, aO as NotebookLitePageGetStaticProps, aP as Profile, aQ as ProfilePage, aR as ProfilePageGetServerSideProps, aS as ProfileProvider, aT as ProtectedContent, aU as ProtectedContentUI, aV as QueryExpression, aW as QueryExpressionContext, aX as QueryExpressionSection, aY as QueryPage, aZ as QueryPageGetServerSideProps, a_ as RangeFacet, a$ as ReactECharts, b0 as Repository, b1 as RepositoryPage, b2 as RepositoryPageGetServerSideProps, b3 as ResourcesFilters, b4 as SPECIAL_CASE_FIELDS, b5 as SegmentedControl, b6 as SessionExpiredModal, b7 as SinglePageStudyDetailsPanel, b8 as StaticNotebookIFrame, b9 as StudyDetailsPanel, ba as StudyGroup, bb as StudyGroupPanel, bc as StudyProvider, bd as SubmissionPage, be as SubmissionPageGetServerSideProps, bf as TabbedCohortBuilder, bg as TabbedCohortBuilderPage, bh as TabbedCohortBuilderPageGetServerSideProps, bi as TabbedPanel, bj as TableXPositionContext, bk as TagCloud, bl as TailwindConfig, bm as TopBar, bn as UploadJSONButton, bo as User, bp as WarningCard, bq as Workspace, br as WorkspaceNoAccessPage, bs as WorkspaceNoAccessPageServerSideProps, bt as WorkspacePage, bu as WorkspacePageGetServerSideProps, bv as accessibleFieldName, bw as addIntersectionToIncludes, bx as addUnion, by as analysisApiCohortDiscovery, bz as capitalize, bA as classifyFacets, bB as compareKeysAscending, bC as compareKeysDescending, bD as computeRowSpan, bE as convertMinutesToMilliseconds, bF as convertPathsToTree, bG as convertSecondsToMilliseconds, bH as convertToStringArray, bI as createCSSVariables, bJ as createLabelFromHistogramData, bK as createMantineTheme, bL as credentialsLogin, bM as credentialsLogout, bN as extractObjectKey, bO as extractRangeValues, bP as filterAggregationsDataKeys, bQ as focusStyles, bR as gen3Modals, bS as getAllFieldsFromFilterConfigs, bT as getByPath, bU as getCurrentUnixTimestamp, bV as getFormattedTimestamp, bW as getHighResolutionTimestamp, bX as getNavPageLayoutPropsFromConfig, bY as getParamsValueAsString, bZ as getTagInfo, b_ as hasOwnProperty, b$ as isArrayOfString, c0 as isEnumFacetResponse, c1 as isHeaderMetadata, c2 as isPropertyKey, c3 as isTextTransform, c4 as isTimeGreaterThan, c5 as itemsInCart, c6 as mapFacetSortToSortType, c7 as measureExecutionTime, c8 as processBucketData, c9 as processDefinedRangeData, ca as processLabel, cb as processRangeData, cc as processRangeKeyLabel, cd as registerCohortBuilderDefaultPreviewRenderers, ce as registerCohortDiscoveryApp, cf as registerCohortSimilarityApp, cg as registerDefaultDiscoveryDataLoaders, ch as registerDiscoveryDefaultCellRenderers, ci as registerExplorerDefaultCellRenderers, cj as registerMetadataSchemaApp, ck as removeIntersectionFromEnum, cl as removeKey, cm as removeUnion, cn as resourcePathFromProjectID, co as sessionLogout, cp as sessionToken, cq as stripTrailingSlash, cr as toDisplayName, cs as truncateString, ct as unixTimeToString, cu as updateFacetEnum, cv as useClearFilters, cw as useDiscoveryContext, cx as useExtractEnumFilterValues, cy as useExtractRangeFilterValues, cz as useFieldNameToLabel, cA as useGetFacetFilters, cB as useGuppyActionButton, cC as useUpdateFilters, cD as useUpdateFiltersFlat, cE as userHasMethodForServiceOnResource, cF as validateObjectHasRequiredFields } from './index-NeTIv_GG.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@mantine/core';

package/dist/index.d.ts

@@ -381,6 +381,7 @@ interface ModalsConfig {
 
 interface FirstTimeModalProps {
     config: FirstTimeModalConfig;
+    markSeen: (_arg: number) => void;
 }
 declare const FirstTimeModal: ({ context, id, innerProps, }: ContextModalProps<FirstTimeModalProps>) => react_jsx_runtime.JSX.Element;
 
@@ -2656,9 +2657,8 @@ declare const createMantineTheme: (fonts: Fonts, colors: Record<string, TenStrin
     black?: string | undefined;
     colors?: {
         [x: string & {}]: _mantine_core.MantineColorsTuple | undefined;
-        green?: _mantine_core.MantineColorsTuple | undefined;
-        gray?: _mantine_core.MantineColorsTuple | undefined;
         dark?: _mantine_core.MantineColorsTuple | undefined;
+        gray?: _mantine_core.MantineColorsTuple | undefined;
         red?: _mantine_core.MantineColorsTuple | undefined;
         pink?: _mantine_core.MantineColorsTuple | undefined;
         grape?: _mantine_core.MantineColorsTuple | undefined;
@@ -2666,6 +2666,7 @@ declare const createMantineTheme: (fonts: Fonts, colors: Record<string, TenStrin
         indigo?: _mantine_core.MantineColorsTuple | undefined;
         blue?: _mantine_core.MantineColorsTuple | undefined;
         cyan?: _mantine_core.MantineColorsTuple | undefined;
+        green?: _mantine_core.MantineColorsTuple | undefined;
         lime?: _mantine_core.MantineColorsTuple | undefined;
         yellow?: _mantine_core.MantineColorsTuple | undefined;
         orange?: _mantine_core.MantineColorsTuple | undefined;
@@ -2720,8 +2721,8 @@ declare const createMantineTheme: (fonts: Fonts, colors: Record<string, TenStrin
     } | undefined;
     radius?: {
         [x: string & {}]: string | undefined;
-        sm?: string | undefined;
         xs?: string | undefined;
+        sm?: string | undefined;
         md?: string | undefined;
         lg?: string | undefined;
         xl?: string | undefined;
@@ -2730,40 +2731,40 @@ declare const createMantineTheme: (fonts: Fonts, colors: Record<string, TenStrin
     spacing?: {
         [x: number]: string | undefined;
         [x: string & {}]: string | undefined;
-        sm?: string | undefined;
         xs?: string | undefined;
+        sm?: string | undefined;
         md?: string | undefined;
         lg?: string | undefined;
         xl?: string | undefined;
     } | undefined;
     fontSizes?: {
         [x: string & {}]: string | undefined;
-        sm?: string | undefined;
         xs?: string | undefined;
+        sm?: string | undefined;
         md?: string | undefined;
         lg?: string | undefined;
         xl?: string | undefined;
     } | undefined;
     lineHeights?: {
         [x: string & {}]: string | undefined;
-        sm?: string | undefined;
         xs?: string | undefined;
+        sm?: string | undefined;
         md?: string | undefined;
         lg?: string | undefined;
         xl?: string | undefined;
     } | undefined;
     breakpoints?: {
         [x: string & {}]: string | undefined;
-        sm?: string | undefined;
         xs?: string | undefined;
+        sm?: string | undefined;
         md?: string | undefined;
         lg?: string | undefined;
         xl?: string | undefined;
     } | undefined;
     shadows?: {
         [x: string & {}]: string | undefined;
-        sm?: string | undefined;
         xs?: string | undefined;
+        sm?: string | undefined;
         md?: string | undefined;
         lg?: string | undefined;
         xl?: string | undefined;

package/dist/pages/cjs/CohortBuilder-BKL8oxQu.js

@@ -0,0 +1,491 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var useDeepCompare = require('use-deep-compare');
+var core$1 = require('@mantine/core');
+var _ = require('lodash');
+var core = require('@gen3/core');
+var index = require('./index-DT5WB6Rc.js');
+var hooks = require('@mantine/hooks');
+require('victory');
+require('react-icons/bs');
+require('react-icons/io');
+require('@mantine/form');
+require('react-icons/md');
+require('react-icons/ri');
+require('react-icons/fa');
+require('react-icons/pi');
+require('@iconify-icon/react');
+require('@mantine/modals');
+require('tailwind-merge');
+require('next/head');
+require('next/link');
+require('next/image');
+require('next/router');
+require('next/navigation');
+require('cookies-next');
+require('swr');
+require('jose');
+require('cookie');
+require('@gen3/core/server');
+require('@mantine/notifications');
+require('react-markdown');
+require('react-icons/ai');
+require('remark-gfm');
+require('fs');
+require('path');
+require('mantine-react-table');
+require('react-icons/ti');
+require('react-icons/fi');
+require('react-minisearch');
+require('minisearch');
+require('echarts');
+require('file-saver');
+require('tailwind-styled-components');
+require('jsonpath-plus');
+require('react-dom');
+require('lodash/uniq');
+require('lodash/sum');
+require('react-icons/lu');
+require('@tanstack/react-table');
+require('typescript-pluralize');
+require('next/dynamic');
+require('rehype-sanitize');
+require('react-cookie');
+require('default-composer');
+require('filesize');
+require('@dnd-kit/core');
+require('@dnd-kit/sortable');
+require('@dnd-kit/utilities');
+require('@dnd-kit/modifiers');
+require('universal-cookie');
+
+const toDisplayName = (field)=>{
+    const parsed = field.split('.');
+    const fieldName = parsed.at(-1);
+    if (!fieldName) return 'NotSet';
+    return fieldName.split('_').map((w)=>_.capitalize(w)).join(' ');
+};
+
+const EmptyData = {};
+/**
+ * CohortPanel is a React component that provides an interactive interface for cohort exploration and filtering.
+ * It integrates with data services and facilitates visualization, filtering, and analysis tasks.
+ *
+ * @param {Object} props                          The properties required to configure the CohortPanel component.
+ * @param {Object} props.guppyConfig              Configuration object for Guppy, including field mappings and data type information.
+ * @param {Object} props.filters                  Configuration for filter tabs, including filter fields and layout.
+ * @param {Object} [props.charts={}]              Optional set of chart configuration objects for rendering summaries.
+ * @param {Object} [props.chartsSection]          Optional configuration for an additional section of charts.
+ * @param {Object} props.table                    Reference to the table configuration or component for displaying data.
+ * @param {string} props.tabTitle                 Title for the filter tab section.
+ * @param {Object[]|undefined} props.dropdowns    Dropdown menu configuration, allowing for additional filter options or actions.
+ * @param {Object[]|undefined} props.buttons      List of button configurations for actions such as downloads.
+ * @param {boolean} props.loginForDownload        Determines whether login is required to enable download functionality.
+ * @param {boolean} [props.showAccessLevel=false] Indicates if the user access level should be displayed on the panel.
+ *
+ * @returns {JSX.Element}                         Returns a JSX element rendering the CohortPanel. This includes filter options,
+ *                                                summary charts, cohort manager, and data display components.
+ */ const CohortPanel = ({ guppyConfig, filters, charts = {}, chartsSection = undefined, table, tabTitle, dropdowns, buttons, loginForDownload, showAccessLevel = false })=>{
+    const isSm = hooks.useMediaQuery('(min-width: 639px)');
+    const isMd = hooks.useMediaQuery('(min-width: 1373px)');
+    const isXl = hooks.useMediaQuery('(min-width: 1600px)');
+    const [accessLevel, setAccessLevel] = React.useState(core.Accessibility.ALL);
+    const sharedFiltersMap = core.useCoreSelector((state)=>core.selectSharedFilters(state));
+    const defaultDropdowns = React.useMemo(()=>dropdowns ?? {}, [
+        dropdowns
+    ]);
+    const defaultButtons = React.useMemo(()=>buttons ?? [], [
+        buttons
+    ]);
+    const numCols = React.useMemo(()=>{
+        if (isSm) return 1;
+        if (isMd) return 2;
+        if (isXl) return 4;
+        return 3;
+    }, [
+        isSm,
+        isMd,
+        isXl
+    ]);
+    const index$1 = guppyConfig.dataType;
+    const indexPrefix = guppyConfig?.indexPrefix ?? '';
+    const fields = React.useMemo(()=>index.getAllFieldsFromFilterConfigs(filters?.tabs ?? []), [
+        filters?.tabs
+    ]);
+    const coreDispatch = core.useCoreDispatch();
+    const [facetDefinitions, setFacetDefinitions] = React.useState({});
+    const [summaryCharts, setSummaryCharts] = React.useState({});
+    const cohortFilters = core.useCoreSelector((state)=>core.selectIndexFilters(state, index$1));
+    const cohortId = core.useCoreSelector((state)=>core.selectCurrentCohortId(state));
+    const allFiltersCollapsed = core.useCoreSelector((state)=>core.selectAllCohortFiltersCollapsed(state, index$1));
+    const toggleAllFiltersExpanded = (expand)=>{
+        coreDispatch(core.toggleCohortBuilderAllFilters({
+            expand,
+            index: index$1
+        }));
+    };
+    const clearAllFilters = React.useCallback(()=>{
+        coreDispatch(core.clearCohortFilters({
+            index: index$1
+        }));
+    }, [
+        coreDispatch,
+        index$1
+    ]);
+    const { data, isSuccess, isFetching: isAggsQueryFetching, isError: isAggsQueryError } = core.useGetAggsQuery({
+        type: index$1,
+        fields: fields,
+        filters: cohortFilters,
+        accessibility: accessLevel,
+        queryId: cohortId,
+        indexPrefix: indexPrefix
+    });
+    const chartKeys = useDeepCompare.useDeepCompareMemo(()=>[
+            ...Object.keys(chartsSection?.charts ?? {}),
+            ...Object.keys(charts)
+        ], [
+        chartsSection?.charts,
+        charts
+    ]);
+    const { data: chartData, isSuccess: isChartSuccess, isFetching: isChartFetching, isError: isChartError } = core.useGetAggsQuery({
+        type: index$1,
+        fields: chartKeys,
+        filters: cohortFilters,
+        accessibility: accessLevel,
+        filterSelf: true,
+        queryId: cohortId,
+        indexPrefix: indexPrefix
+    }, {
+        skip: chartKeys.length === 0
+    });
+    const cleanChartData = useDeepCompare.useDeepCompareMemo(()=>{
+        if (isChartSuccess && chartData) {
+            const cleanedData = {};
+            const totalCount = chartData._totalCount[0]?.count;
+            Object.keys(summaryCharts).forEach((key)=>{
+                if (!(key in chartData)) {
+                    return;
+                } // handle missing key in  data
+                // remove empty keys
+                cleanedData[key] = chartData[key].filter((x)=>typeof x.key !== 'string' ? true : x.key !== '');
+                const facetDef = facetDefinitions?.[key];
+                if (facetDef?.excludeValues) {
+                    cleanedData[key] = cleanedData[key].filter((x)=>typeof x.key !== 'string' ? true : facetDef?.excludeValues?.includes(String(x.key)) === false);
+                }
+                if (cleanedData[key].length === 0 && totalCount) {
+                    // if no keys adds back no data
+                    cleanedData[key] = [
+                        {
+                            key: 'no data',
+                            count: totalCount
+                        }
+                    ];
+                }
+            });
+            return cleanedData;
+        }
+        return chartData;
+    }, [
+        chartData,
+        isChartSuccess,
+        summaryCharts
+    ]);
+    const getEnumFacetData = useDeepCompare.useDeepCompareCallback((field)=>{
+        let filters = undefined;
+        let combineMode = 'or';
+        if (field in cohortFilters.root) {
+            if (core.isIntersection(cohortFilters.root[field])) {
+                const intersectionFilters = index.removeIntersectionFromEnum(cohortFilters.root[field]);
+                if (intersectionFilters) {
+                    filters = core.extractEnumFilterValue(intersectionFilters);
+                    combineMode = 'and';
+                }
+            } else {
+                filters = core.extractEnumFilterValue(cohortFilters.root[field]);
+            }
+        }
+        return {
+            data: index.processBucketData(data?.[field]),
+            enumFilters: filters,
+            combineMode: combineMode,
+            isSuccess: isSuccess
+        };
+    }, [
+        cohortFilters.root,
+        data,
+        isSuccess
+    ]);
+    const getRangeFacetData = useDeepCompare.useDeepCompareCallback((field)=>{
+        return {
+            data: index.processRangeData(data?.[field]),
+            filters: index.extractRangeValues(cohortFilters.root[field]),
+            isSuccess: isSuccess
+        };
+    }, [
+        data,
+        cohortFilters.root,
+        isSuccess
+    ]);
+    // Set up the hooks for the facet components to use based on the required index
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    const facetDataHooks = useDeepCompare.useDeepCompareMemo(()=>{
+        return {
+            // TODO: see if there a better way to do this
+            enum: {
+                useGetFacetData: getEnumFacetData,
+                useUpdateFacetFilters: _.partial(index.useUpdateFilters, index$1),
+                useGetFacetFilters: _.partial(index.useGetFacetFilters, index$1),
+                useClearFilter: _.partial(index.useClearFilters, index$1),
+                useFilterExpanded: _.partial(index.useFilterExpandedState, index$1),
+                useToggleExpandFilter: _.partial(index.useToggleExpandFilter, index$1),
+                useGetCombineMode: _.partial(index.useCohortFilterCombineState, index$1),
+                useSetCombineMode: _.partial(index.useSetCohortFilterCombineState, index$1),
+                useFieldNameToLabel: index.useFieldNameToLabel,
+                useTotalCounts: undefined
+            },
+            exact: {
+                useGetFacetData: getEnumFacetData,
+                useUpdateFacetFilters: _.partial(index.useUpdateFilters, index$1),
+                useGetFacetFilters: _.partial(index.useGetFacetFilters, index$1),
+                useClearFilter: _.partial(index.useClearFilters, index$1),
+                useFilterExpanded: _.partial(index.useFilterExpandedState, index$1),
+                useToggleExpandFilter: _.partial(index.useToggleExpandFilter, index$1),
+                useFieldNameToLabel: index.useFieldNameToLabel,
+                useTotalCounts: undefined
+            },
+            multiselect: {
+                useGetFacetData: getEnumFacetData,
+                useUpdateFacetFilters: _.partial(index.useUpdateFilters, index$1),
+                useGetFacetFilters: _.partial(index.useGetFacetFilters, index$1),
+                useClearFilter: _.partial(index.useClearFilters, index$1),
+                useFilterExpanded: _.partial(index.useFilterExpandedState, index$1),
+                useToggleExpandFilter: _.partial(index.useToggleExpandFilter, index$1),
+                useFieldNameToLabel: index.useFieldNameToLabel,
+                useTotalCounts: undefined
+            },
+            range: {
+                useGetFacetData: getRangeFacetData,
+                useUpdateFacetFilters: _.partial(index.useUpdateFilters, index$1),
+                useGetFacetFilters: _.partial(index.useGetFacetFilters, index$1),
+                useClearFilter: _.partial(index.useClearFilters, index$1),
+                useFilterExpanded: _.partial(index.useFilterExpandedState, index$1),
+                useToggleExpandFilter: _.partial(index.useToggleExpandFilter, index$1),
+                useFieldNameToLabel: index.useFieldNameToLabel,
+                useTotalCounts: undefined
+            }
+        };
+    }, [
+        getEnumFacetData,
+        getRangeFacetData,
+        index$1
+    ]);
+    // Set the facet definitions based on the data only the first time the data is loaded
+    useDeepCompare.useDeepCompareEffect(()=>{
+        if (isSuccess && Object.keys(facetDefinitions).length === 0) {
+            const configFacetDefs = filters?.tabs.reduce((acc, tab)=>{
+                return {
+                    ...tab.fieldsConfig,
+                    ...acc
+                };
+            }, {});
+            const facetDefs = index.classifyFacets(data, index$1, guppyConfig?.fieldMapping ?? [], configFacetDefs ?? {}, sharedFiltersMap);
+            setFacetDefinitions(facetDefs);
+            // setup summary charts since nested fields can be listed by the split field name
+            const chartDefinitions = chartsSection?.charts ?? charts;
+            const summaryCharts = Object.keys(chartDefinitions).reduce((acc, field)=>{
+                let chartField = field;
+                if (facetDefs?.[field] === undefined) {
+                    const res = Object.values(facetDefs).filter((def)=>{
+                        return def.dataField === field;
+                    });
+                    if (res.length > 0) {
+                        chartField = res[0].field;
+                    }
+                }
+                return {
+                    ...acc,
+                    [chartField]: chartDefinitions[field]
+                };
+            }, {});
+            setSummaryCharts(summaryCharts);
+        }
+    }, [
+        isSuccess,
+        data,
+        facetDefinitions,
+        index$1,
+        guppyConfig.fieldMapping,
+        charts,
+        chartsSection
+    ]);
+    const { data: counts, isFetching: isCountsFetching, isError: isCountsError } = core.useGetCountsQuery({
+        type: index$1,
+        filters: cohortFilters,
+        accessibility: accessLevel,
+        queryId: cohortId
+    });
+    if (isCountsError || isAggsQueryError) {
+        return /*#__PURE__*/ jsxRuntime.jsx(index.ErrorCard, {
+            message: "Unable to fetch data from server"
+        }); // TODO: replace with configurable message
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "flex flex-col mt-3 relative px-4 bg-base-lightest w-full",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(index.QueryExpression, {
+                index: index$1
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "flex w-full",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("div", {
+                        id: "cohort-builder-filters",
+                        className: "flex-shrink-0 md:w-1/4 lg:w-1/5",
+                        children: filters?.tabs && /*#__PURE__*/ jsxRuntime.jsx(index.DropdownPanel, {
+                            filters: filters,
+                            tabTitle: tabTitle,
+                            facetDefinitions: facetDefinitions,
+                            facetDataHooks: facetDataHooks,
+                            onAccessChange: setAccessLevel,
+                            accessLevel: accessLevel,
+                            showAccessLevel: showAccessLevel,
+                            allFiltersCollapsed: allFiltersCollapsed,
+                            toggleAllFiltersExpanded: toggleAllFiltersExpanded,
+                            clearAllFilters: clearAllFilters
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                        id: "cohort-builder-content",
+                        className: "flex flex-col md:w-3/4 lg:w-4/5 pl-4",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                                className: "flex justify-between mb-2 ml-2",
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(index.DownloadsPanel, {
+                                        dropdowns: defaultDropdowns,
+                                        buttons: defaultButtons,
+                                        loginForDownload: loginForDownload,
+                                        index: index$1,
+                                        totalCount: counts ?? 0,
+                                        fields: table?.fields ?? [],
+                                        filter: cohortFilters
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(index.CountsValue, {
+                                        label: guppyConfig?.nodeCountTitle || toDisplayName(index$1),
+                                        counts: counts,
+                                        isFetching: isCountsFetching,
+                                        isError: isCountsError
+                                    })
+                                ]
+                            }),
+                            chartsSection?.enabled ? /*#__PURE__*/ jsxRuntime.jsx(index.CollapsableCharts, {
+                                config: {
+                                    ...chartsSection,
+                                    charts: summaryCharts
+                                },
+                                data: cleanChartData ?? EmptyData,
+                                isSuccess: isChartSuccess,
+                                isFetching: isChartFetching,
+                                isError: isChartError
+                            }) : /*#__PURE__*/ jsxRuntime.jsx(index.Charts, {
+                                charts: summaryCharts,
+                                data: cleanChartData ?? EmptyData,
+                                counts: counts,
+                                isSuccess: isChartSuccess,
+                                isError: isChartError,
+                                numCols: numCols
+                            }),
+                            table?.enabled && /*#__PURE__*/ jsxRuntime.jsx("div", {
+                                className: "mt-2 flex flex-col",
+                                children: /*#__PURE__*/ jsxRuntime.jsx(index.ExplorerTable, {
+                                    index: index$1,
+                                    tableConfig: table,
+                                    accessibility: accessLevel
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+const TabsLayoutToComponentProp = (tabsLayout)=>{
+    if (!tabsLayout) {
+        return 'flex-start';
+    }
+    switch(tabsLayout){
+        case 'left':
+            {
+                return 'flex-start';
+            }
+        case 'right':
+            {
+                return 'flex-end';
+            }
+        case 'center':
+            {
+                return 'center';
+            }
+        default:
+            {
+                return 'flex-start';
+            }
+    }
+};
+
+const useGetCurrentCohort = ()=>{
+    return core.useCoreSelector((state)=>core.selectCurrentCohortId(state));
+};
+const CohortBuilder = ({ explorerConfig, sharedFiltersMap = null, tabsLayout = 'left', enableCohortManager = true })=>{
+    const dispatch = core.useCoreDispatch();
+    dispatch(core.setSharedFilters(sharedFiltersMap ?? {}));
+    const configuration = useDeepCompare.useDeepCompareMemo(()=>explorerConfig, [
+        explorerConfig
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "flex flex-col w-full mt-2",
+        children: [
+            enableCohortManager ? /*#__PURE__*/ jsxRuntime.jsx(index.CohortManager, {}) : null,
+            /*#__PURE__*/ jsxRuntime.jsxs(core$1.Tabs, {
+                color: "primary.5",
+                variant: explorerConfig[0]?.tabType,
+                keepMounted: true,
+                defaultValue: explorerConfig[0].tabTitle,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(core$1.Tabs.List, {
+                        className: "w-full",
+                        justify: TabsLayoutToComponentProp(tabsLayout),
+                        children: configuration.map((panelConfig)=>/*#__PURE__*/ jsxRuntime.jsx(core$1.Tabs.Tab, {
+                                value: panelConfig.tabTitle,
+                                children: panelConfig.tabTitle
+                            }, `${panelConfig.tabTitle}-tabList`))
+                    }),
+                    configuration.map((panelConfig)=>/*#__PURE__*/ jsxRuntime.jsx(core$1.Tabs.Panel, {
+                            value: panelConfig.tabTitle,
+                            children: /*#__PURE__*/ jsxRuntime.jsx(CohortPanel, {
+                                guppyConfig: panelConfig.guppyConfig,
+                                chartsSection: panelConfig?.chartsSection,
+                                charts: panelConfig?.charts,
+                                filters: panelConfig.filters,
+                                tabTitle: panelConfig.tabTitle,
+                                table: panelConfig.table,
+                                dropdowns: panelConfig.dropdowns,
+                                buttons: panelConfig.buttons,
+                                loginForDownload: panelConfig.loginForDownload,
+                                sharedFiltersMap: panelConfig.sharedFiltersMap
+                            }, `${panelConfig.tabTitle}-CohortPanel`)
+                        }, `${panelConfig.tabTitle}-tabPanel`))
+                ]
+            })
+        ]
+    });
+};
+
+exports.default = CohortBuilder;
+exports.useGetCurrentCohort = useGetCurrentCohort;
+//# sourceMappingURL=CohortBuilder-BKL8oxQu.js.map