@gen3/frontend 0.11.47 → 0.11.49

package/dist/index/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CZW1TK-c.js');
+var index = require('./index-CVRAXkv2.js');
 require('react/jsx-runtime');
 require('react');
 require('@mantine/core');

package/dist/index/esm/{QueryPanel-CZJ44no-.js → QueryPanel-DaQpSckd.js}

@@ -4,7 +4,7 @@ import 'react';
 import { LoadingOverlay } from '@mantine/core';
 
 // Wrapper function for displaying loading element before GqlQueryEditor renders
-const GqlQueryEditor = dynamic(()=>import('./index-BNMPLnOi.js').then(function (n) { return n.cz; }), {
+const GqlQueryEditor = dynamic(()=>import('./index-DvCziqnB.js').then(function (n) { return n.cz; }), {
     loading: ()=>/*#__PURE__*/ jsx(LoadingOverlay, {
             visible: true
         }),
@@ -19,4 +19,4 @@ const QueryPanel = ({ graphQLEndpoint })=>{
 };
 
 export { QueryPanel as default };
-//# sourceMappingURL=QueryPanel-CZJ44no-.js.map
+//# sourceMappingURL=QueryPanel-DaQpSckd.js.map

package/dist/index/esm/{QueryPanel-CZJ44no-.js.map → QueryPanel-DaQpSckd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"QueryPanel-CZJ44no-.js","sources":["../../../src/features/Query/QueryPanel.tsx"],"sourcesContent":["import dynamic from 'next/dynamic';\nimport React from 'react';\nimport { LoadingOverlay } from '@mantine/core';\n\n// Wrapper function for displaying loading element before GqlQueryEditor renders\nconst GqlQueryEditor = dynamic(() => import('./GqlQueryEditor'), {\n  loading: () => <LoadingOverlay visible={true} />,\n  ssr: false,\n});\n\ninterface QueryPanelProps {\n  graphQLEndpoint?: string;\n  title?: string;\n}\n\nconst QueryPanel = ({\n  graphQLEndpoint,\n}: QueryPanelProps) => {\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <GqlQueryEditor graphQLEndpoint={graphQLEndpoint} />;\n};\n\nexport default QueryPanel;\n"],"names":["GqlQueryEditor","dynamic","loading","_jsx","LoadingOverlay","visible","ssr","QueryPanel","graphQLEndpoint"],"mappings":";;;;;AAIA;AACA,MAAMA,cAAAA,GAAiBC,OAAAA,CAAQ,IAAM,OAAO,qBAAA,qCAAA,EAAqB;AAC/DC,IAAAA,OAAAA,EAAS,kBAAMC,GAAA,CAACC,cAAAA,EAAAA;YAAeC,OAAAA,EAAS;;IACxCC,GAAAA,EAAK;AACP,CAAA,CAAA;AAOA,MAAMC,UAAAA,GAAa,CAAC,EAClBC,eAAe,EACC,GAAA;;;AAGhB,IAAA,qBAAOL,GAAA,CAACH,cAAAA,EAAAA;QAAeQ,eAAAA,EAAiBA;;AAC1C;;;;"}
+{"version":3,"file":"QueryPanel-DaQpSckd.js","sources":["../../../src/features/Query/QueryPanel.tsx"],"sourcesContent":["import dynamic from 'next/dynamic';\nimport React from 'react';\nimport { LoadingOverlay } from '@mantine/core';\n\n// Wrapper function for displaying loading element before GqlQueryEditor renders\nconst GqlQueryEditor = dynamic(() => import('./GqlQueryEditor'), {\n  loading: () => <LoadingOverlay visible={true} />,\n  ssr: false,\n});\n\ninterface QueryPanelProps {\n  graphQLEndpoint?: string;\n  title?: string;\n}\n\nconst QueryPanel = ({\n  graphQLEndpoint,\n}: QueryPanelProps) => {\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <GqlQueryEditor graphQLEndpoint={graphQLEndpoint} />;\n};\n\nexport default QueryPanel;\n"],"names":["GqlQueryEditor","dynamic","loading","_jsx","LoadingOverlay","visible","ssr","QueryPanel","graphQLEndpoint"],"mappings":";;;;;AAIA;AACA,MAAMA,cAAAA,GAAiBC,OAAAA,CAAQ,IAAM,OAAO,qBAAA,qCAAA,EAAqB;AAC/DC,IAAAA,OAAAA,EAAS,kBAAMC,GAAA,CAACC,cAAAA,EAAAA;YAAeC,OAAAA,EAAS;;IACxCC,GAAAA,EAAK;AACP,CAAA,CAAA;AAOA,MAAMC,UAAAA,GAAa,CAAC,EAClBC,eAAe,EACC,GAAA;;;AAGhB,IAAA,qBAAOL,GAAA,CAACH,cAAAA,EAAAA;QAAeQ,eAAAA,EAAiBA;;AAC1C;;;;"}

package/dist/index/esm/{index-BNMPLnOi.js → index-DvCziqnB.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { createContext, useState, useMemo, useEffect, useRef, useCallback, useContext, createElement, forwardRef, useId, useLayoutEffect, useReducer } from 'react';
-import { useUserAuth, useCoreSelector, selectUserDetails, useGetAuthzMappingsQuery, fetchFence, isFetchError, WorkspaceStatus, useGetWorkspaceStatusQuery, useGetWorkspacePayModelsQuery, useTerminateWorkspaceMutation, selectRequestedWorkspaceStatus, selectRequestedWorkspaceStatusTimestamp, useCoreDispatch, setActiveWorkspaceStatus, RequestedWorkspaceStatus, setRequestedWorkspaceStatus, isTimeGreaterThan as isTimeGreaterThan$1, useGetCSRFQuery, useLazyFetchUserDetailsQuery, selectUserAuthStatus, GEN3_REDIRECT_URL, GEN3_FENCE_API, showModal, Modals, isAuthenticated, useGetLoginProvidersQuery, hideModal, selectCurrentModal, fieldNameToTitle, isOperationWithField, extractEnumFilterValue, selectIndexedFilterByName, selectShouldShareFilters, selectSharedFilters, updateCohortFilter as updateCohortFilter$1, buildNestedFilterForOperation, isOperatorWithFieldAndArrayOfOperands, isUnion, removeCohortFilter as removeCohortFilter$1, trimFirstFieldNameToTitle, selectAllCohortFiltersCollapsed, Accessibility, toggleCohortBuilderAllFilters, setShouldShareFilters, clearCohortFilters as clearCohortFilters$1, useIsUserLoggedIn, GEN3_DOMAIN, useDataLibrary, DataLibraryStoreMode, buildListItemsGroupedByDataset, extractFileDatasetsInRecords, useGetMDSQuery, selectAuthzMappingData, useGetAggMDSQuery, useAskQuestionMutation, useGetIndexAggMDSQuery, useGetTagsQuery, ExtractValueFromObject, useGetRawDataAndTotalCountsQuery, humanify, selectCart, selectCartItem, removeItemsFromCart, CART_LIMIT, addItemsToCart, selectIndexFilters, isJSONValue, downloadFromGuppyToBlob, downloadJSONDataFromGuppy, toggleCohortBuilderCategoryFilter, selectCohortFilterExpanded, setCohortFilterCombineMode, selectCohortFilterCombineMode, selectCohortFilters, setCohortFilter as setCohortFilter$1, handleOperation, selectAvailableCohorts, selectCurrentCohortId as selectCurrentCohortId$1, selectCurrentCohortModified, selectCurrentCohortSaved, setCohortIndexFilters, setCurrentCohortId as setCurrentCohortId$1, selectCurrentCohortName as selectCurrentCohortName$1, useGetAggsQuery, isIntersection, useGetCountsQuery, selectAllCohorts as selectAllCohorts$1, selectCurrentCohort as selectCurrentCohort$1, isIndexedFilterSetEmpty, removeCohort as removeCohort$1, updateCohortName as updateCohortName$1, createNewCohort as createNewCohort$1, duplicateCohort, setSharedFilters, usePrevious, useGeneralGQLQuery, convertFilterSetToGqlFilter, customQueryStrForField, selectHeadersWithCSRFToken, GEN3_GUPPY_API, useLaunchWorkspaceMutation, selectActiveWorkspaceStatus, isFetchBaseQueryError, setActiveWorkspace, getCurrentTimestamp as getCurrentTimestamp$1, selectWorkspaceStatusFromService, selectActiveWorkspaceId, useGetWorkspaceOptionsQuery, GEN3_WORKSPACE_API, useGetExternalLoginsQuery, useSetCurrentPayModelMutation, PodStatus, PodConditionType, isWorkspaceRunningOrStopping, GEN3_API, GEN3_COMMONS_NAME, CohortStorage, createAppStore, getRemoteSupportServiceRegistry, isHttpStatusError, MissingServiceConfigurationError, useLazyGetAggsQuery, useCreateRequestMutation, buildGetAggregationQuery, processHistogramResponse, roundHistogramResponse, selectCSRFToken, useUserRequestQuery, getGen3AppId, createGen3AppWithOwnStore, createAppApiForRTKQ, useGetDictionaryQuery, useGetMetadataByIdQuery, createGen3App, CoreProvider, fetchJSONDataFromURL, HttpMethod, groupSharedFields, useGetCredentialsQuery, useRemoveCredentialMutation, useAddNewCredentialMutation, useGetProjectsDetailsQuery, useGetSubmissionsQuery, isCohortItem, isFileItem, fetchFencePresignedURL, HTTPError, getFederatedLoginStatus, queryMultipleMDSRecords, GEN3_MANIFEST_API, extractIndexFromDataLibraryCohort, isFilterSet, getNumberOfItemsInDatalist, isAdditionalDataItem, useLazyGetCrosswalkDataQuery, useLazyGetCountsQuery } from '@gen3/core';
+import { useUserAuth, useCoreSelector, selectUserDetails, useGetAuthzMappingsQuery, fetchFence, isFetchError, WorkspaceStatus, useGetWorkspaceStatusQuery, useGetWorkspacePayModelsQuery, useTerminateWorkspaceMutation, selectRequestedWorkspaceStatus, selectRequestedWorkspaceStatusTimestamp, useCoreDispatch, setActiveWorkspaceStatus, RequestedWorkspaceStatus, setRequestedWorkspaceStatus, isTimeGreaterThan as isTimeGreaterThan$1, useGetCSRFQuery, useLazyFetchUserDetailsQuery, selectUserAuthStatus, GEN3_REDIRECT_URL, GEN3_FENCE_API, showModal, Modals, isAuthenticated, useGetLoginProvidersQuery, hideModal, selectCurrentModal, fieldNameToTitle, isOperationWithField, extractEnumFilterValue, selectIndexedFilterByName, selectShouldShareFilters, selectSharedFilters, updateCohortFilter as updateCohortFilter$1, buildNestedFilterForOperation, isOperatorWithFieldAndArrayOfOperands, isUnion, removeCohortFilter as removeCohortFilter$1, trimFirstFieldNameToTitle, Accessibility, setShouldShareFilters, useIsUserLoggedIn, GEN3_DOMAIN, useDataLibrary, DataLibraryStoreMode, buildListItemsGroupedByDataset, extractFileDatasetsInRecords, useGetMDSQuery, selectAuthzMappingData, useGetAggMDSQuery, useAskQuestionMutation, useGetIndexAggMDSQuery, useGetTagsQuery, ExtractValueFromObject, useGetRawDataAndTotalCountsQuery, humanify, selectCart, selectCartItem, removeItemsFromCart, CART_LIMIT, addItemsToCart, selectIndexFilters, isJSONValue, downloadFromGuppyToBlob, downloadJSONDataFromGuppy, toggleCohortBuilderCategoryFilter, selectCohortFilterExpanded, setCohortFilterCombineMode, selectCohortFilterCombineMode, selectCohortFilters, setCohortFilter as setCohortFilter$1, clearCohortFilters as clearCohortFilters$1, handleOperation, selectAvailableCohorts, selectCurrentCohortId as selectCurrentCohortId$1, selectCurrentCohortModified, selectCurrentCohortSaved, setCohortIndexFilters, setCurrentCohortId as setCurrentCohortId$1, selectCurrentCohortName as selectCurrentCohortName$1, selectAllCohortFiltersCollapsed, useGetAggsQuery, isIntersection, useGetCountsQuery, toggleCohortBuilderAllFilters, selectAllCohorts as selectAllCohorts$1, selectCurrentCohort as selectCurrentCohort$1, isIndexedFilterSetEmpty, removeCohort as removeCohort$1, updateCohortName as updateCohortName$1, createNewCohort as createNewCohort$1, duplicateCohort, setSharedFilters, usePrevious, useGeneralGQLQuery, convertFilterSetToGqlFilter, customQueryStrForField, selectHeadersWithCSRFToken, GEN3_GUPPY_API, useLaunchWorkspaceMutation, selectActiveWorkspaceStatus, isFetchBaseQueryError, setActiveWorkspace, getCurrentTimestamp as getCurrentTimestamp$1, selectWorkspaceStatusFromService, selectActiveWorkspaceId, useGetWorkspaceOptionsQuery, GEN3_WORKSPACE_API, useGetExternalLoginsQuery, useSetCurrentPayModelMutation, PodStatus, PodConditionType, isWorkspaceRunningOrStopping, GEN3_API, GEN3_COMMONS_NAME, CohortStorage, createAppStore, getRemoteSupportServiceRegistry, isHttpStatusError, MissingServiceConfigurationError, useLazyGetAggsQuery, useCreateRequestMutation, buildGetAggregationQuery, processHistogramResponse, roundHistogramResponse, selectCSRFToken, useUserRequestQuery, getGen3AppId, createGen3AppWithOwnStore, createAppApiForRTKQ, useGetDictionaryQuery, useGetMetadataByIdQuery, createGen3App, CoreProvider, fetchJSONDataFromURL, HttpMethod, groupSharedFields, useGetCredentialsQuery, useRemoveCredentialMutation, useAddNewCredentialMutation, useGetProjectsDetailsQuery, useGetSubmissionsQuery, isCohortItem, isFileItem, fetchFencePresignedURL, HTTPError, getFederatedLoginStatus, queryMultipleMDSRecords, GEN3_MANIFEST_API, extractIndexFromDataLibraryCohort, isFilterSet, getNumberOfItemsInDatalist, isAdditionalDataItem, useLazyGetCrosswalkDataQuery, useLazyGetCountsQuery } from '@gen3/core';
 import { LoadingOverlay, Card, Group, Avatar, Text, Checkbox, Stack, Center, Loader, Tooltip, UnstyledButton, ThemeIcon, Box, Select, Button, Divider, Textarea, FileButton, Anchor, Modal, Grid, Table, ColorSwatch, useMantineTheme, Accordion, Switch, SegmentedControl as SegmentedControl$1, ActionIcon, Badge, TextInput, NumberInput, RangeSlider, MultiSelect, Tabs, SimpleGrid, Highlight, MantineProvider, Flex, Menu, Alert, Drawer, CopyButton, factory, useProps, getStyleObject, Paper, useCombobox, Combobox, ScrollArea, Autocomplete, Title, Transition, rem, Stepper, Spoiler, Image as Image$1, NavLink, List as List$1, createTheme, Pagination, FileInput, CloseButton } from '@mantine/core';
 import { useDeepCompareEffect, useDeepCompareMemo, useDeepCompareCallback } from 'use-deep-compare';
 import { useRouter } from 'next/router';
@@ -4584,6 +4584,87 @@ const RangeFacet = ({ field, hooks, valueLabel, description, facetName, minimum
     });
 };
 
+const extractToggleValue = (values)=>values !== undefined && values.length > 0 && values.includes('true');
+/**
+ * Facet card for boolean fields
+ * @param field - field to facet on
+ * @param hooks - hooks to use for the facet
+ * @param description - description of the facet
+ * @param valueLabel - label for the value
+ * @param facetName - name of the facet
+ * @param dismissCallback - callback to call when the facet is dismissed
+ */ const ToggleFacet = ({ field, hooks, description, valueLabel, facetName, dismissCallback = undefined })=>{
+    const clearFilters = hooks.useClearFilter();
+    const updateFacetFilters = hooks.useUpdateFacetFilters();
+    const isFilterExpanded = hooks?.useFilterExpanded && hooks.useFilterExpanded(field);
+    const showFilters = isFilterExpanded === undefined || isFilterExpanded;
+    const { data, isSuccess } = hooks.useGetFacetData(field);
+    const enumFilters = hooks.useGetFacetFilters(field);
+    const toggleValue = useMemo(()=>extractToggleValue(enumFilters ? enumFilters?.operands : []), [
+        enumFilters
+    ]);
+    const setValue = (bValue)=>{
+        if (bValue) updateFacetEnum(field, [
+            'true'
+        ], updateFacetFilters, clearFilters);
+        else clearFilters(field);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex flex-col mx-0 bg-base-max relative border-base-lighter border-1 rounded-b-md transition text-sm",
+        children: [
+            /*#__PURE__*/ jsx(FacetControlsHeader, {
+                field: field,
+                description: description,
+                hooks: hooks,
+                facetName: facetName,
+                dismissCallback: dismissCallback,
+                showClearSelection: false
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: showFilters ? 'h-full' : 'h-0 invisible',
+                "aria-hidden": !showFilters,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "flex items-center justify-end flex-wrap p-1 mb-1 border-b-2",
+                        children: /*#__PURE__*/ jsx("p", {
+                            className: "px-2",
+                            children: valueLabel
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "w-full ",
+                        children: /*#__PURE__*/ jsxs("div", {
+                            className: "flex flex-nowrap justify-between items-center p-2 ",
+                            children: [
+                                /*#__PURE__*/ jsx(LoadingOverlay, {
+                                    "data-testid": "loading-spinner",
+                                    visible: !isSuccess
+                                }),
+                                /*#__PURE__*/ jsx(Switch, {
+                                    label: data === undefined || Object.keys(data).length == 0 ? 'No data for this field' : data['1'].toLocaleString('en-US'),
+                                    color: "accent",
+                                    checked: toggleValue,
+                                    onChange: (event)=>setValue(event.currentTarget.checked),
+                                    "aria-label": facetName,
+                                    "data-testid": "toggle-facet-value",
+                                    classNames: {
+                                        root: 'w-full',
+                                        body: 'flex justify-between items-center',
+                                        label: 'text-sm font-content'
+                                    },
+                                    wrapperProps: {
+                                        'data-testid': 'toggle-area'
+                                    }
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
 const instanceOfIncludesExcludes$1 = (op)=>[
         'in'
     ].includes(op.operator); // TODO: Guppy does not support excludes
@@ -4895,7 +4976,7 @@ const FilterBadge = ({ field, value, customTestid, hooks, operands, operator })=
 /**
  * Facet card component for fields were a user can upload a list of values
  */ const UploadFacet = ({ field, facetName, facetBtnToolTip, hooks })=>{
-    const hash = window?.location?.hash.split("#")?.[1];
+    const hash = window?.location?.hash.split('#')?.[1];
     const cardSelected = hash !== undefined && hash === field;
     const openModal = hooks.useOpenUploadModal();
     const { noData, items } = hooks.useFilterItems(field);
@@ -4917,7 +4998,7 @@ const FilterBadge = ({ field, value, customTestid, hooks, operands, operator })=
             }, `query-rep-${itemField}-${item}-${index}`));
     };
     return /*#__PURE__*/ jsxs("div", {
-        className: `flex flex-col mx-0 bg-base-max border-base-lighter border-1 rounded-b-md text-xs transition ${cardSelected ? "animate-border-highlight " : undefined}`,
+        className: `flex flex-col mx-0 bg-base-max border-base-lighter border-1 rounded-b-md text-xs transition ${cardSelected ? 'animate-border-highlight ' : undefined}`,
         id: field,
         children: [
             /*#__PURE__*/ jsx(FacetControlsHeader, {
@@ -4941,7 +5022,7 @@ const FilterBadge = ({ field, value, customTestid, hooks, operands, operator })=
                             withArrow: true,
                             transitionProps: {
                                 duration: 200,
-                                transition: "fade"
+                                transition: 'fade'
                             },
                             children: /*#__PURE__*/ jsx(Button, {
                                 variant: "outline",
@@ -5019,7 +5100,18 @@ const createFacetCard = ({ facetDefinition, valueLabel, hooks: dataFunctions, fa
                 field: field,
                 valueLabel: valueTypeLabel,
                 hooks: dataFunctions
-            }, `${idPrefix}-upload-${field}`)
+            }, `${idPrefix}-upload-${field}`),
+            toggle: /*#__PURE__*/ jsx(ToggleFacet, {
+                field: field,
+                valueLabel: valueTypeLabel,
+                hideIfEmpty: hideIfEmpty,
+                showPercent: showPercent,
+                hooks: {
+                    ...dataFunctions
+                },
+                facetName: facetLabel,
+                description: description
+            }, `${idPrefix}-toggle-${field}`)
         }[type]
     }, `${idPrefix}-facet-${field}`);
 };
@@ -5057,18 +5149,11 @@ const FiltersPanel = ({ fields, dataFunctions, valueLabel })=>{
     });
 };
 
-const AccordionPanel = ({ index, filters, tabTitle, facetDefinitions, facetDataHooks, onAccessChange = (value)=>null, accessLevel = Accessibility.ALL, showAccessLevel = false })=>{
+const AccordionPanel = ({ filters, tabTitle, facetDefinitions, facetDataHooks, allFiltersCollapsed, toggleAllFiltersExpanded, clearAllFilters, onAccessChange = (value)=>null, accessLevel = Accessibility.ALL, showAccessLevel = false })=>{
     const coreDispatch = useCoreDispatch();
     const sharedFilters = useCoreSelector((state)=>selectSharedFilters(state));
     const theme = useMantineTheme();
     const shareFilters = useCoreSelector((state)=>selectShouldShareFilters(state));
-    const allFiltersCollapsed = useCoreSelector((state)=>selectAllCohortFiltersCollapsed(state, index));
-    const toggleAllFiltersExpanded = (expand)=>{
-        coreDispatch(toggleCohortBuilderAllFilters({
-            expand,
-            index
-        }));
-    };
     const handleSharedFiltersChange = (value)=>{
         modals.openConfirmModal({
             title: 'Confirm change of shared filters mode',
@@ -5201,27 +5286,12 @@ const AccessLevelControl = ({ onChange, accessLevel })=>{
     });
 };
 
-const DropdownPanel = ({ index, filters, tabTitle, facetDefinitions, facetDataHooks, onAccessChange = (value)=>null, accessLevel = Accessibility.ALL, showAccessLevel = false })=>{
+const DropdownPanel = ({ filters, tabTitle, facetDefinitions, facetDataHooks, allFiltersCollapsed, toggleAllFiltersExpanded, clearAllFilters, onAccessChange = (value)=>null, accessLevel = Accessibility.ALL, showAccessLevel = false })=>{
     const [value, setValue] = useState('0');
-    const allFiltersCollapsed = useCoreSelector((state)=>selectAllCohortFiltersCollapsed(state, index));
     const sharedFilters = useCoreSelector((state)=>selectSharedFilters(state));
     const shareFilters = useCoreSelector((state)=>selectShouldShareFilters(state));
     const theme = useMantineTheme();
     const coreDispatch = useCoreDispatch();
-    const toggleAllFiltersExpanded = (expand)=>{
-        coreDispatch(toggleCohortBuilderAllFilters({
-            expand,
-            index
-        }));
-    };
-    const clearAllFilters = useCallback(()=>{
-        coreDispatch(clearCohortFilters$1({
-            index
-        }));
-    }, [
-        coreDispatch,
-        index
-    ]);
     const items = useDeepCompareMemo(()=>filters.tabs.map((tab, idx)=>{
             return {
                 label: tab.title,
@@ -5350,7 +5420,7 @@ const DropdownPanel = ({ index, filters, tabTitle, facetDefinitions, facetDataHo
     });
 };
 
-const VerticalTabbedPanel = ({ index, filters, tabTitle, facetDefinitions, facetDataHooks, onAccessChange = (value)=>null, accessLevel = Accessibility.ALL, showAccessLevel = false })=>{
+const VerticalTabbedPanel = ({ filters, tabTitle, facetDefinitions, facetDataHooks, onAccessChange = (value)=>null, accessLevel = Accessibility.ALL, showAccessLevel = false })=>{
     return /*#__PURE__*/ jsx("div", {
         children: /*#__PURE__*/ jsxs(Tabs, {
             variant: "pills",
@@ -5400,15 +5470,13 @@ const SinglePanel = ({ filters, tabTitle, facetDefinitions, facetDataHooks })=>{
         }) : null
     });
 };
-const TabbedPanel = ({ index, filters, tabTitle, facetDefinitions, facetDataHooks })=>{
+const TabbedPanel = ({ filters, tabTitle, facetDefinitions, facetDataHooks })=>{
     return filters.tabs.length > 1 ? /*#__PURE__*/ jsx(VerticalTabbedPanel, {
-        index: index,
         filters: filters,
         tabTitle: tabTitle,
         facetDefinitions: facetDefinitions,
         facetDataHooks: facetDataHooks
     }) : /*#__PURE__*/ jsx(SinglePanel, {
-        index: index,
         filters: filters,
         tabTitle: tabTitle,
         facetDefinitions: facetDefinitions,
@@ -7683,6 +7751,7 @@ const StudyGroup = ({ data, header, fields })=>{
 };
 
 const StudyGroupPanel = ({ data, groups })=>{
+    console.log('StudyGroupPanel:, data:', data);
     return /*#__PURE__*/ jsx("div", {
         className: "flex flex-col my-2 w-full",
         children: groups.map(({ header, fields })=>{
@@ -8098,6 +8167,7 @@ const DiscoveryTable = ({ data, hits, dataRequestStatus, setSorting, setPaginati
         },
         mantineTableBodyRowProps: ({ row })=>({
                 onClick: ()=>{
+                    console.log('row.original', row.original);
                     setStudyDetails(()=>{
                         return {
                             ...row.original
@@ -11072,10 +11142,13 @@ const registerExplorerDefaultCellRenderers = ()=>{
 
 const jsonPathAccessor = (path)=>(row)=>{
         // TODO: add logging if path is not found
-        return JSONPath({
+        console.log('jsonPathAccessor', path, row);
+        const results = JSONPath({
             json: row,
             path: path
         });
+        console.log('jsonPathAccessor', results);
+        return results;
     };
 
 const ArrayCellRenderer = (cellRenderFunction, props, ...args)=>{
@@ -11101,6 +11174,7 @@ const isRecordAny = (obj)=>{
 const createTableColumns = (tableConfig)=>{
     const tableColumns = tableConfig.fields.map((field)=>{
         const columnDef = tableConfig?.columns?.[field];
+        console.log('createTableColumns', columnDef);
         const cellRendererFunc = columnDef?.type ? ExplorerTableCellRendererFactory().getRenderer(columnDef?.type, columnDef?.cellRenderFunction ?? 'default') : undefined;
         const cellRendererFuncParams = columnDef?.params && isRecordAny(columnDef?.params) ? columnDef?.params : {};
         return {
@@ -14136,10 +14210,26 @@ const EmptyData = {};
     const fields = useMemo(()=>getAllFieldsFromFilterConfigs(filters?.tabs ?? []), [
         filters?.tabs
     ]);
+    const coreDispatch = useCoreDispatch();
     const [facetDefinitions, setFacetDefinitions] = useState({});
     const [summaryCharts, setSummaryCharts] = useState({});
     const cohortFilters = useCoreSelector((state)=>selectIndexFilters(state, index));
     const cohortId = useCoreSelector((state)=>selectCurrentCohortId$1(state));
+    const allFiltersCollapsed = useCoreSelector((state)=>selectAllCohortFiltersCollapsed(state, index));
+    const toggleAllFiltersExpanded = (expand)=>{
+        coreDispatch(toggleCohortBuilderAllFilters({
+            expand,
+            index
+        }));
+    };
+    const clearAllFilters = useCallback(()=>{
+        coreDispatch(clearCohortFilters$1({
+            index
+        }));
+    }, [
+        coreDispatch,
+        index
+    ]);
     const { data, isSuccess, isFetching: isAggsQueryFetching, isError: isAggsQueryError } = useGetAggsQuery({
         type: index,
         fields: fields,
@@ -14351,14 +14441,16 @@ const EmptyData = {};
                         id: "cohort-builder-filters",
                         className: "flex-shrink-0 md:w-1/4 lg:w-1/5",
                         children: filters?.tabs && /*#__PURE__*/ jsx(DropdownPanel, {
-                            index: index,
                             filters: filters,
                             tabTitle: tabTitle,
                             facetDefinitions: facetDefinitions,
                             facetDataHooks: facetDataHooks,
                             onAccessChange: setAccessLevel,
                             accessLevel: accessLevel,
-                            showAccessLevel: showAccessLevel
+                            showAccessLevel: showAccessLevel,
+                            allFiltersCollapsed: allFiltersCollapsed,
+                            toggleAllFiltersExpanded: toggleAllFiltersExpanded,
+                            clearAllFilters: clearAllFilters
                         })
                     }),
                     /*#__PURE__*/ jsxs("div", {
@@ -15107,6 +15199,22 @@ const FileFacetPanel = ({ filters, index, tabTitle, fieldMapping, indexPrefix =
     ]);
     const [accessLevel, setAccessLevel] = useState(Accessibility.ALL);
     const [facetDefinitions, setFacetDefinitions] = useState({});
+    const coreDispatch = useCoreDispatch();
+    const allFiltersCollapsed = useCoreSelector((state)=>selectAllCohortFiltersCollapsed(state, index));
+    const toggleAllFiltersExpanded = (expand)=>{
+        coreDispatch(toggleCohortBuilderAllFilters({
+            expand,
+            index
+        }));
+    };
+    const clearAllFilters = useCallback(()=>{
+        coreDispatch(clearCohortFilters$1({
+            index
+        }));
+    }, [
+        coreDispatch,
+        index
+    ]);
     const { data: facetData, isSuccess: isFacetsQuerySuccess, isFetching: isFacetsQueryFetching, isError: isFacetsQueryError } = useGetFacetValuesQuery({
         type: index,
         fields: fields,
@@ -15184,14 +15292,16 @@ const FileFacetPanel = ({ filters, index, tabTitle, fieldMapping, indexPrefix =
         }); // TODO: replace with configurable message
     }
     return /*#__PURE__*/ jsx(DropdownPanel, {
-        index: index,
         filters: filters,
         facetDefinitions: facetDefinitions,
         facetDataHooks: facetDataHooks,
         showAccessLevel: false,
         tabTitle: tabTitle,
         onAccessChange: setAccessLevel,
-        accessLevel: accessLevel
+        accessLevel: accessLevel,
+        allFiltersCollapsed: allFiltersCollapsed,
+        toggleAllFiltersExpanded: toggleAllFiltersExpanded,
+        clearAllFilters: clearAllFilters
     });
 };
 
@@ -16485,7 +16595,7 @@ const AnalysisCardCollapsible = ({ descriptionVisible, setDescriptionVisible, ti
     return /*#__PURE__*/ jsxs(Card, {
         "data-testid": `${title}-tool`,
         p: 6,
-        className: `bg-base-max border-secondary-darkest overflow-visible border ${inactive ? "" : "border-t-6"}
+        className: `bg-base-max border-secondary-darkest overflow-visible border ${inactive ? '' : 'border-t-6'}
      `,
         "aria-label": `${title} Tool`,
         children: [
@@ -16526,7 +16636,7 @@ const AnalysisCardCollapsible = ({ descriptionVisible, setDescriptionVisible, ti
             focus:border-secondary-dark
             mb-1
             w-[50px]
-            ${inactive ? "opacity-50 pointer-events-none" : ""}
+            ${inactive ? 'opacity-50 pointer-events-none' : ''}
             rounded
             h-5
           `,
@@ -16575,7 +16685,8 @@ const AnalysisCardCollapsible = ({ descriptionVisible, setDescriptionVisible, ti
             }),
             /*#__PURE__*/ jsx(Divider, {
                 variant: "dotted",
-                "aria-hidden": "true"
+                "aria-hidden": "true",
+                color: "accent.4"
             }),
             /*#__PURE__*/ jsxs("div", {
                 className: "flex flex-col items-center text-xs",
@@ -16593,8 +16704,8 @@ const AnalysisCardCollapsible = ({ descriptionVisible, setDescriptionVisible, ti
                             "aria-hidden": "true"
                         }),
                         classNames: {
-                            root: "text-secondary-darkest font-bold bg-transparent",
-                            section: "ml-0"
+                            root: 'text-secondary-darkest font-bold bg-transparent',
+                            section: 'ml-0'
                         },
                         "aria-expanded": descriptionVisible,
                         children: title
@@ -16604,10 +16715,10 @@ const AnalysisCardCollapsible = ({ descriptionVisible, setDescriptionVisible, ti
                         style: {
                             height: descriptionVisible ? descHeight : 0
                         },
-                        className: "transition-[height] duration-300 bg-primary-lightest overflow-hidden w-full mb-1",
+                        className: "transition-[height] duration-300 bg-accent-lightest overflow-hidden w-full mb-1",
                         "aria-hidden": !descriptionVisible,
                         children: /*#__PURE__*/ jsx("div", {
-                            className: `${descriptionVisible ? "opacity-100" : "opacity-0"} transition-opacity`,
+                            className: `${descriptionVisible ? 'opacity-100' : 'opacity-0'} transition-opacity`,
                             ref: descRef,
                             children: /*#__PURE__*/ jsx("p", {
                                 className: "p-2 font-content",
@@ -16704,7 +16815,7 @@ const AnalysisCardCollapsible = ({ descriptionVisible, setDescriptionVisible, ti
                         }
                     }),
                     /*#__PURE__*/ jsx("div", {
-                        className: `grid sm:grid-cols-2 ${section.core ? 'md:grid-cols-3' : 'md:grid-cols-4 lg:grid-cols-5'} gap-4 items-stretch`,
+                        className: `grid sm:grid-cols-2 ${section.core ? 'md:grid-cols-3' : 'md:grid-cols-4 lg:grid-cols-5'} gap-4 items-start items-stretch`,
                         children: section.tools.map((tool, idx)=>{
                             if (section.core) {
                                 return /*#__PURE__*/ createElement(CoreToolCard, {
@@ -22255,7 +22366,7 @@ const DiscoveryPageGetServerSideProps = async ()=>{
     }
 };
 
-const QueryPanel = dynamic(()=>import('./QueryPanel-CZJ44no-.js'), {
+const QueryPanel = dynamic(()=>import('./QueryPanel-DaQpSckd.js'), {
     ssr: false
 });
 const QueryPage = ({ headerProps, footerProps, queryProps })=>{
@@ -28400,4 +28511,4 @@ async function analysisApiCohortDiscovery(req, res) {
 }
 
 export { SubmissionPageGetServerSideProps as $, ActionButton as A, WorkspaceNoAccessPageServerSideProps as B, ContentSource$1 as C, DownloadButton as D, ErrorCard as E, AnalysisPage as F, Gen3Button as G, AnalysisPageGetServerSideProps as H, Custom404Page as I, JSONObjectDownloadButton as J, handler as K, LandingPage as L, sessionLogout as M, credentialsLogin as N, credentialsLogout as O, ProfilePage as P, QueryPage as Q, createMantineTheme as R, SegmentedControl as S, TopBar as T, UploadJSONButton as U, AISearchPage as V, WorkspacePage as W, AISearchPageGetServerSideProps as X, CrosswalkPage as Y, CrosswalkPageGetServerSideProps as Z, SubmissionPage as _, CollapsableSidebar as a, extractRangeValues as a$, DataLibraryPage as a0, DataLibraryPageGetServerSideProps as a1, NotebookLitePage as a2, NotebookLitePageGetStaticProps as a3, registerMetadataSchemaApp as a4, AnalysisEditorPage as a5, AnalysisEditorPageGetServerSideProps as a6, TabbedCohortBuilderPage as a7, TabbedCohortBuilderPageGetServerSideProps as a8, RepositoryPage as a9, truncateString as aA, removeKey$1 as aB, processLabel$1 as aC, processRangeKeyLabel as aD, computeRowSpan as aE, filterAggregationsDataKeys as aF, FacetSelector as aG, EnumFacet as aH, ExactValueFacet as aI, RangeFacet as aJ, MultiSelectValueFacet as aK, FacetTabs as aL, FacetControlsHeader as aM, FacetSortPanel as aN, FacetExpander as aO, FiltersPanel as aP, useFieldNameToTitle as aQ, isEnumFacetResponse as aR, getAllFieldsFromFilterConfigs as aS, getByPath as aT, processBucketData as aU, processRangeData as aV, updateFacetEnum as aW, classifyFacets as aX, useUpdateFilters$1 as aY, useUpdateFiltersFlat as aZ, useGetFacetFilters$1 as a_, RepositoryPageGetServerSideProps as aa, registerCohortDiscoveryApp as ab, registerCohortSimilarityApp as ac, analysisApiCohortDiscovery as ad, User as ae, ProfileProvider as af, ResourcesFilters as ag, LoginButton$1 as ah, LoginProvidersPanel as ai, LoginPanel as aj, BaseModal as ak, FirstTimeModal as al, SessionExpiredModal as am, CreateCredentialsAPIKeyModal as an, NoAccessModal as ao, Gen3ModalsProvider as ap, CardContainer as aq, WarningCard as ar, MessageCard as as, MessagePage as at, EmptyTableMessage as au, Charts as av, CollapsableCharts as aw, EnumFacetChart as ax, ReactECharts as ay, capitalize as az, DropdownButton as b, TableXPositionContext as b$, convertToStringArray as b0, addUnion as b1, removeUnion as b2, addIntersectionToIncludes as b3, removeIntersectionFromEnum as b4, mapFacetSortToSortType as b5, compareKeysAscending as b6, compareKeysDescending as b7, useClearFilters$1 as b8, useExtractEnumFilterValues as b9, DiscoveryRowRendererFactory as bA, DiscoveryProvider as bB, useDiscoveryContext as bC, AiSearch as bD, ActionBar as bE, StudyProvider as bF, StudyGroup as bG, StudyGroupPanel as bH, SinglePageStudyDetailsPanel as bI, StudyDetailsPanel as bJ, getTagInfo as bK, CohortBuilder$1 as bL, CohortManager$1 as bM, CohortManagerAndExpression as bN, ExplorerTableCellRendererFactory as bO, ExplorerTableDetailsPanelFactory as bP, registerExplorerDefaultCellRenderers as bQ, registerCohortBuilderDefaultPreviewRenderers as bR, QueryExpression as bS, QueryExpressionSection as bT, TabbedCohortBuilder as bU, CohortActionButton as bV, useGuppyActionButton as bW, CohortDropdownActionButton as bX, ExplorerTable as bY, DownloadsPanel as bZ, QueryExpressionContext as b_, useExtractRangeFilterValues as ba, DEFAULT_VISIBLE_ITEMS$1 as bb, DEFAULT_MINIMUM as bc, DEFAULT_MAXIMUM as bd, BAD_DATA_MESSAGE as be, DAYS_IN_YEAR as bf, AccordionPanel as bg, DropdownPanel as bh, TabbedPanel as bi, ProtectedContent as bj, Footer as bk, Gen3Link as bl, Header$1 as bm, HoverLink as bn, NavigationBar as bo, NavigationButton as bp, NavPageLayout as bq, Banner as br, isHeaderMetadata as bs, IconButton as bt, DiscoveryIndexPanel as bu, TagCloud as bv, registerDiscoveryDefaultCellRenderers as bw, registerDiscoveryDefaultStudyPreviewRenderers as bx, registerDefaultDiscoveryDataLoaders as by, DiscoveryCellRendererFactory as bz, DropdownWithIcon as c, Repository as c0, GqlQueryEditor as c1, Workspace as c2, AnalysisCenter as c3, AnalysisCenterWithSections as c4, StaticNotebookIFrame as c5, create10ColorPallet as c6, create10ColorAccessibleContrast as c7, getCurrentUnixTimestamp as c8, unixTimeToString as c9, convertPathsToTree as ca, resourcePathFromProjectID as cb, userHasMethodForServiceOnResource$1 as cc, focusStyles as cd, stripTrailingSlash as ce, SPECIAL_CASE_FIELDS as cf, toDisplayName as cg, toCountsString as ch, isArrayOfString as ci, isTextTransform$1 as cj, isPropertyKey as ck, hasOwnProperty as cl, getParamsValueAsString as cm, extractObjectKey as cn, convertMinutesToMilliseconds as co, convertSecondsToMilliseconds as cp, getFormattedTimestamp as cq, isTimeGreaterThan as cr, measureExecutionTime as cs, getHighResolutionTimestamp as ct, MinutesToMilliseconds as cu, accessibleFieldName as cv, AccessLevel as cw, itemsInCart as cx, validateObjectHasRequiredFields as cy, GqlQueryEditor$1 as cz, Gen3ButtonReverse as d, CountsValue as e, DiscoveryPage as f, DiscoveryPageGetServerSideProps as g, QueryPageGetServerSideProps as h, LandingPageGetServerSideProps as i, ColorThemePage as j, ColorThemePageGetServerSideProps as k, DictionaryPage as l, DictionaryPageGetServerSideProps as m, ExplorerPage as n, ExplorerPageGetServerSideProps as o, ExplorerPageGetServerSidePropsForConfigId as p, ProfilePageGetServerSideProps as q, LoginPage as r, LoginPageGetServerSideProps as s, TailwindConfig as t, Gen3Provider as u, getNavPageLayoutPropsFromConfig as v, AuthzPage as w, AdminAuthZPageGetServerSideProps as x, WorkspacePageGetServerSideProps as y, WorkspaceNoAccessPage as z };
-//# sourceMappingURL=index-BNMPLnOi.js.map
+//# sourceMappingURL=index-DvCziqnB.js.map