@gen3/frontend 0.11.48 → 0.11.49

package/dist/index/cjs/{index-CZW1TK-c.js → index-CVRAXkv2.js}

@@ -4604,6 +4604,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 = React.useMemo(()=>extractToggleValue(enumFilters ? enumFilters?.operands : []), [
+        enumFilters
+    ]);
+    const setValue = (bValue)=>{
+        if (bValue) updateFacetEnum(field, [
+            'true'
+        ], updateFacetFilters, clearFilters);
+        else clearFilters(field);
+    };
+    return /*#__PURE__*/ jsxRuntime.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__*/ jsxRuntime.jsx(FacetControlsHeader, {
+                field: field,
+                description: description,
+                hooks: hooks,
+                facetName: facetName,
+                dismissCallback: dismissCallback,
+                showClearSelection: false
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: showFilters ? 'h-full' : 'h-0 invisible',
+                "aria-hidden": !showFilters,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("div", {
+                        className: "flex items-center justify-end flex-wrap p-1 mb-1 border-b-2",
+                        children: /*#__PURE__*/ jsxRuntime.jsx("p", {
+                            className: "px-2",
+                            children: valueLabel
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("div", {
+                        className: "w-full ",
+                        children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                            className: "flex flex-nowrap justify-between items-center p-2 ",
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(core$1.LoadingOverlay, {
+                                    "data-testid": "loading-spinner",
+                                    visible: !isSuccess
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(core$1.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
@@ -4915,7 +4996,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);
@@ -4937,7 +5018,7 @@ const FilterBadge = ({ field, value, customTestid, hooks, operands, operator })=
             }, `query-rep-${itemField}-${item}-${index}`));
     };
     return /*#__PURE__*/ jsxRuntime.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__*/ jsxRuntime.jsx(FacetControlsHeader, {
@@ -4961,7 +5042,7 @@ const FilterBadge = ({ field, value, customTestid, hooks, operands, operator })=
                             withArrow: true,
                             transitionProps: {
                                 duration: 200,
-                                transition: "fade"
+                                transition: 'fade'
                             },
                             children: /*#__PURE__*/ jsxRuntime.jsx(core$1.Button, {
                                 variant: "outline",
@@ -5039,7 +5120,18 @@ const createFacetCard = ({ facetDefinition, valueLabel, hooks: dataFunctions, fa
                 field: field,
                 valueLabel: valueTypeLabel,
                 hooks: dataFunctions
-            }, `${idPrefix}-upload-${field}`)
+            }, `${idPrefix}-upload-${field}`),
+            toggle: /*#__PURE__*/ jsxRuntime.jsx(ToggleFacet, {
+                field: field,
+                valueLabel: valueTypeLabel,
+                hideIfEmpty: hideIfEmpty,
+                showPercent: showPercent,
+                hooks: {
+                    ...dataFunctions
+                },
+                facetName: facetLabel,
+                description: description
+            }, `${idPrefix}-toggle-${field}`)
         }[type]
     }, `${idPrefix}-facet-${field}`);
 };
@@ -5077,18 +5169,11 @@ const FiltersPanel = ({ fields, dataFunctions, valueLabel })=>{
     });
 };
 
-const AccordionPanel = ({ index, filters, tabTitle, facetDefinitions, facetDataHooks, onAccessChange = (value)=>null, accessLevel = core.Accessibility.ALL, showAccessLevel = false })=>{
+const AccordionPanel = ({ filters, tabTitle, facetDefinitions, facetDataHooks, allFiltersCollapsed, toggleAllFiltersExpanded, clearAllFilters, onAccessChange = (value)=>null, accessLevel = core.Accessibility.ALL, showAccessLevel = false })=>{
     const coreDispatch = core.useCoreDispatch();
     const sharedFilters = core.useCoreSelector((state)=>core.selectSharedFilters(state));
     const theme = core$1.useMantineTheme();
     const shareFilters = core.useCoreSelector((state)=>core.selectShouldShareFilters(state));
-    const allFiltersCollapsed = core.useCoreSelector((state)=>core.selectAllCohortFiltersCollapsed(state, index));
-    const toggleAllFiltersExpanded = (expand)=>{
-        coreDispatch(core.toggleCohortBuilderAllFilters({
-            expand,
-            index
-        }));
-    };
     const handleSharedFiltersChange = (value)=>{
         modals.modals.openConfirmModal({
             title: 'Confirm change of shared filters mode',
@@ -5221,27 +5306,12 @@ const AccessLevelControl = ({ onChange, accessLevel })=>{
     });
 };
 
-const DropdownPanel = ({ index, filters, tabTitle, facetDefinitions, facetDataHooks, onAccessChange = (value)=>null, accessLevel = core.Accessibility.ALL, showAccessLevel = false })=>{
+const DropdownPanel = ({ filters, tabTitle, facetDefinitions, facetDataHooks, allFiltersCollapsed, toggleAllFiltersExpanded, clearAllFilters, onAccessChange = (value)=>null, accessLevel = core.Accessibility.ALL, showAccessLevel = false })=>{
     const [value, setValue] = React.useState('0');
-    const allFiltersCollapsed = core.useCoreSelector((state)=>core.selectAllCohortFiltersCollapsed(state, index));
     const sharedFilters = core.useCoreSelector((state)=>core.selectSharedFilters(state));
     const shareFilters = core.useCoreSelector((state)=>core.selectShouldShareFilters(state));
     const theme = core$1.useMantineTheme();
     const coreDispatch = core.useCoreDispatch();
-    const toggleAllFiltersExpanded = (expand)=>{
-        coreDispatch(core.toggleCohortBuilderAllFilters({
-            expand,
-            index
-        }));
-    };
-    const clearAllFilters = React.useCallback(()=>{
-        coreDispatch(core.clearCohortFilters({
-            index
-        }));
-    }, [
-        coreDispatch,
-        index
-    ]);
     const items = useDeepCompare.useDeepCompareMemo(()=>filters.tabs.map((tab, idx)=>{
             return {
                 label: tab.title,
@@ -5370,7 +5440,7 @@ const DropdownPanel = ({ index, filters, tabTitle, facetDefinitions, facetDataHo
     });
 };
 
-const VerticalTabbedPanel = ({ index, filters, tabTitle, facetDefinitions, facetDataHooks, onAccessChange = (value)=>null, accessLevel = core.Accessibility.ALL, showAccessLevel = false })=>{
+const VerticalTabbedPanel = ({ filters, tabTitle, facetDefinitions, facetDataHooks, onAccessChange = (value)=>null, accessLevel = core.Accessibility.ALL, showAccessLevel = false })=>{
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         children: /*#__PURE__*/ jsxRuntime.jsxs(core$1.Tabs, {
             variant: "pills",
@@ -5420,15 +5490,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__*/ jsxRuntime.jsx(VerticalTabbedPanel, {
-        index: index,
         filters: filters,
         tabTitle: tabTitle,
         facetDefinitions: facetDefinitions,
         facetDataHooks: facetDataHooks
     }) : /*#__PURE__*/ jsxRuntime.jsx(SinglePanel, {
-        index: index,
         filters: filters,
         tabTitle: tabTitle,
         facetDefinitions: facetDefinitions,
@@ -7703,6 +7771,7 @@ const StudyGroup = ({ data, header, fields })=>{
 };
 
 const StudyGroupPanel = ({ data, groups })=>{
+    console.log('StudyGroupPanel:, data:', data);
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         className: "flex flex-col my-2 w-full",
         children: groups.map(({ header, fields })=>{
@@ -8118,6 +8187,7 @@ const DiscoveryTable = ({ data, hits, dataRequestStatus, setSorting, setPaginati
         },
         mantineTableBodyRowProps: ({ row })=>({
                 onClick: ()=>{
+                    console.log('row.original', row.original);
                     setStudyDetails(()=>{
                         return {
                             ...row.original
@@ -11092,10 +11162,13 @@ const registerExplorerDefaultCellRenderers = ()=>{
 
 const jsonPathAccessor = (path)=>(row)=>{
         // TODO: add logging if path is not found
-        return jsonpathPlus.JSONPath({
+        console.log('jsonPathAccessor', path, row);
+        const results = jsonpathPlus.JSONPath({
             json: row,
             path: path
         });
+        console.log('jsonPathAccessor', results);
+        return results;
     };
 
 const ArrayCellRenderer = (cellRenderFunction, props, ...args)=>{
@@ -11121,6 +11194,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 {
@@ -14156,10 +14230,26 @@ const EmptyData = {};
     const fields = React.useMemo(()=>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));
     const cohortId = core.useCoreSelector((state)=>core.selectCurrentCohortId(state));
+    const allFiltersCollapsed = core.useCoreSelector((state)=>core.selectAllCohortFiltersCollapsed(state, index));
+    const toggleAllFiltersExpanded = (expand)=>{
+        coreDispatch(core.toggleCohortBuilderAllFilters({
+            expand,
+            index
+        }));
+    };
+    const clearAllFilters = React.useCallback(()=>{
+        coreDispatch(core.clearCohortFilters({
+            index
+        }));
+    }, [
+        coreDispatch,
+        index
+    ]);
     const { data, isSuccess, isFetching: isAggsQueryFetching, isError: isAggsQueryError } = core.useGetAggsQuery({
         type: index,
         fields: fields,
@@ -14371,14 +14461,16 @@ const EmptyData = {};
                         id: "cohort-builder-filters",
                         className: "flex-shrink-0 md:w-1/4 lg:w-1/5",
                         children: filters?.tabs && /*#__PURE__*/ jsxRuntime.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__*/ jsxRuntime.jsxs("div", {
@@ -15127,6 +15219,22 @@ const FileFacetPanel = ({ filters, index, tabTitle, fieldMapping, indexPrefix =
     ]);
     const [accessLevel, setAccessLevel] = React.useState(core.Accessibility.ALL);
     const [facetDefinitions, setFacetDefinitions] = React.useState({});
+    const coreDispatch = core.useCoreDispatch();
+    const allFiltersCollapsed = core.useCoreSelector((state)=>core.selectAllCohortFiltersCollapsed(state, index));
+    const toggleAllFiltersExpanded = (expand)=>{
+        coreDispatch(core.toggleCohortBuilderAllFilters({
+            expand,
+            index
+        }));
+    };
+    const clearAllFilters = React.useCallback(()=>{
+        coreDispatch(core.clearCohortFilters({
+            index
+        }));
+    }, [
+        coreDispatch,
+        index
+    ]);
     const { data: facetData, isSuccess: isFacetsQuerySuccess, isFetching: isFacetsQueryFetching, isError: isFacetsQueryError } = useGetFacetValuesQuery({
         type: index,
         fields: fields,
@@ -15204,14 +15312,16 @@ const FileFacetPanel = ({ filters, index, tabTitle, fieldMapping, indexPrefix =
         }); // TODO: replace with configurable message
     }
     return /*#__PURE__*/ jsxRuntime.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
     });
 };
 
@@ -16505,7 +16615,7 @@ const AnalysisCardCollapsible = ({ descriptionVisible, setDescriptionVisible, ti
     return /*#__PURE__*/ jsxRuntime.jsxs(core$1.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: [
@@ -16546,7 +16656,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
           `,
@@ -16595,7 +16705,8 @@ const AnalysisCardCollapsible = ({ descriptionVisible, setDescriptionVisible, ti
             }),
             /*#__PURE__*/ jsxRuntime.jsx(core$1.Divider, {
                 variant: "dotted",
-                "aria-hidden": "true"
+                "aria-hidden": "true",
+                color: "accent.4"
             }),
             /*#__PURE__*/ jsxRuntime.jsxs("div", {
                 className: "flex flex-col items-center text-xs",
@@ -16613,8 +16724,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
@@ -16624,10 +16735,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__*/ jsxRuntime.jsx("div", {
-                            className: `${descriptionVisible ? "opacity-100" : "opacity-0"} transition-opacity`,
+                            className: `${descriptionVisible ? 'opacity-100' : 'opacity-0'} transition-opacity`,
                             ref: descRef,
                             children: /*#__PURE__*/ jsxRuntime.jsx("p", {
                                 className: "p-2 font-content",
@@ -16724,7 +16835,7 @@ const AnalysisCardCollapsible = ({ descriptionVisible, setDescriptionVisible, ti
                         }
                     }),
                     /*#__PURE__*/ jsxRuntime.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__*/ React.createElement(CoreToolCard, {
@@ -22275,7 +22386,7 @@ const DiscoveryPageGetServerSideProps = async ()=>{
     }
 };
 
-const QueryPanel = dynamic(()=>Promise.resolve().then(function () { return require('./QueryPanel-Bbd28e3w.js'); }), {
+const QueryPanel = dynamic(()=>Promise.resolve().then(function () { return require('./QueryPanel-DHlPraJp.js'); }), {
     ssr: false
 });
 const QueryPage = ({ headerProps, footerProps, queryProps })=>{
@@ -28637,4 +28748,4 @@ exports.useUpdateFilters = useUpdateFilters$1;
 exports.useUpdateFiltersFlat = useUpdateFiltersFlat;
 exports.userHasMethodForServiceOnResource = userHasMethodForServiceOnResource$1;
 exports.validateObjectHasRequiredFields = validateObjectHasRequiredFields;
-//# sourceMappingURL=index-CZW1TK-c.js.map
+//# sourceMappingURL=index-CVRAXkv2.js.map