@gen3/frontend 0.12.58 → 0.12.60

package/dist/index/esm/index.js

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

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ReactElement, PropsWithChildren, ComponentType, JSX as JSX$1, ReactNode, Dispatch, SetStateAction, CSSProperties, FC, RefObject, Component } from 'react';
+import React__default, { ReactElement, PropsWithChildren, ComponentType, JSX as JSX$1, ReactNode, Dispatch, SetStateAction, Component, CSSProperties, FC, RefObject } from 'react';
 import { JSONObject, FacetDefinition, Modals, ServiceAndMethod, CartItem, HistogramDataArray, DataLibraryStoreMode, ExportDatasetFields, HistogramData, AggregationsData, EnumFilterValue, Accessibility, RawDataAndTotalCountsParams, useGetRawDataAndTotalCountsQuery, FacetSortType as FacetSortType$1, Operation, CombineMode, NumericFromTo, DataFetchingResult, IndexAndField, SharedFieldMapping, FilterSet, RemoteSupportConfiguration, CohortItem, FileItem, Includes, Intersection, OperatorWithFieldAndArrayOfOperands, FacetType } from '@gen3/core';
 import * as _mantine_core from '@mantine/core';
 import { ButtonProps, BoxProps, FloatingPosition, SegmentedControlProps as SegmentedControlProps$1, TitleOrder, ButtonVariant, TooltipProps } from '@mantine/core';
@@ -782,6 +782,20 @@ interface JsonFileSaverProps {
 }
 declare const JSONObjectDownloadButton: React__default.FC<JsonFileSaverProps>;
 
+declare class PanelErrorBoundary extends Component<{
+    children: React__default.ReactNode;
+}, {
+    error: Error | null;
+}> {
+    state: {
+        error: Error | null;
+    };
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    render(): string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
+}
+
 interface CountsValueProps {
     label: string;
     counts?: number;
@@ -2927,20 +2941,6 @@ declare const DEFAULT_TOOLTIP_CLASSNAMES: {
 };
 declare const OverflowTooltippedLabel: ({ children, label, className, color, noTruncate, }: OverflowTooltippedLabelProps) => JSX$1.Element;
 
-declare class PanelErrorBoundary extends Component<{
-    children: React__default.ReactNode;
-}, {
-    error: Error | null;
-}> {
-    state: {
-        error: Error | null;
-    };
-    static getDerivedStateFromError(error: Error): {
-        error: Error;
-    };
-    render(): string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
-}
-
 type NavigationRailItem = {
     label: string;
     tooltip?: string;

package/dist/pages/cjs/CohortBuilder-rnF1-3cH.js

@@ -0,0 +1,576 @@
+'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-C1PAwqq-.js');
+require('echarts');
+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/navigation');
+require('next/image');
+require('next/router');
+require('next/link');
+require('swr');
+require('cookies-next');
+require('jose');
+require('@gen3/core/server');
+require('cookie');
+require('@mantine/notifications');
+require('react-markdown');
+require('react-icons/ai');
+require('next/head');
+require('remark-gfm');
+require('rehype-sanitize');
+require('fs');
+require('path');
+require('tailwind-styled-components');
+require('file-saver');
+require('@tanstack/react-table');
+require('mantine-react-table-open');
+require('react-icons/ti');
+require('react-icons/fi');
+require('@theothergothamdev/pluralize-ts');
+require('jsonpath-plus');
+require('redux-persist/integration/react');
+require('redux-persist');
+require('redux');
+require('@reduxjs/toolkit');
+require('redux-persist/lib/storage/createWebStorage');
+require('filesize');
+require('react-icons/lu');
+require('react-dom');
+require('react-minisearch');
+require('minisearch');
+require('lodash/uniq');
+require('lodash/sum');
+require('react-icons/fa6');
+require('@dnd-kit/core');
+require('@dnd-kit/sortable');
+require('@dnd-kit/utilities');
+require('@dnd-kit/modifiers');
+require('universal-cookie');
+require('next/dist/client/router');
+require('react-cookie');
+require('default-composer');
+require('next/dynamic');
+require('yaml');
+require('@hello-pangea/dnd');
+require('tailwindcss/plugin');
+require('tailwindcss/colors');
+require('postcss-selector-parser');
+require('@tabler/icons-react');
+
+/**
+ * Hook that sets up an event bus for components to subscribe to and fire off events
+ * when an active Sower job is completed.
+ */ const useSowerJobEventBus = ()=>{
+    const [listeners, setListeners] = React.useState({});
+    const [pollers, setPollers] = React.useState(new Set());
+    const [trigger, statusResult] = core.useLazyGetMultipleSowerJobStatusQuery({
+        pollingInterval: 10000,
+        skipPollingIfUnfocused: true
+    });
+    /**
+   * Function for component to subscribe to sower job updates
+   * @param listenerKey unique key for component
+   * @param newPollers list of jobs to poll the status of
+   * @param callback function to call when a job completes
+   */ const on = (listenerKey, newPollers, callback)=>{
+        setListeners({
+            ...listeners,
+            [listenerKey]: callback
+        });
+        setPollers(new Set([
+            ...pollers,
+            ...newPollers
+        ]));
+    };
+    /**
+   * Function for component to unsubscribe to updates
+   * @param listenerKey unique key for component
+   */ const off = (listenerKey)=>{
+        setListeners(Object.fromEntries(Object.entries(listeners).filter(([key])=>key === listenerKey)));
+    };
+    /**
+   * Function to update the jobs that are polling
+   * @param job new job to add to pollers
+   */ const update = (job)=>{
+        setPollers(new Set([
+            ...pollers,
+            job
+        ]));
+    };
+    React.useEffect(()=>{
+        void trigger(Array.from(pollers));
+    }, [
+        pollers
+    ]);
+    React.useEffect(()=>{
+        if (statusResult.isSuccess) {
+            Object.entries(statusResult.currentData || {}).map(([job, response])=>{
+                if (response.status === 'Completed') {
+                    Object.values(listeners).forEach((callback)=>callback(job));
+                    // Remove job from pollers after it has completed
+                    setPollers(new Set([
+                        ...pollers
+                    ].filter((poller)=>poller !== job)));
+                }
+            });
+        }
+    }, [
+        statusResult
+    ]);
+    return {
+        on,
+        off,
+        update
+    };
+};
+
+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, 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
+    });
+    // oxlint-disable-next-line no-unused-vars
+    const [submitJob, result] = core.useSubmitSowerJobMutation();
+    const { update } = useSowerJobEventBus();
+    React.useEffect(()=>{
+        if (result?.data) {
+            update(result.data?.uid);
+        }
+    }, [
+        result
+    ]);
+    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 || index.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(jsxRuntime.Fragment, {
+                                children: /*#__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, tabsLayout = 'left', enableCohortManager = true, activeTab })=>{
+    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: activeTab ?? 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-rnF1-3cH.js.map