@gen3/frontend 0.12.3 → 0.12.5

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

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

package/dist/pages/cjs/CohortBuilder-um9lj6F0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CohortBuilder-um9lj6F0.js","sources":["../../../src/features/CohortBuilder/CohortPanel.tsx","../../../src/utils/layout.tsx","../../../src/features/CohortBuilder/CohortBuilder.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { partial } from 'lodash';\nimport {\n  Accessibility,\n  AggregationsData,\n  clearCohortFilters,\n  CombineMode,\n  CoreState,\n  extractEnumFilterValue,\n  FacetDefinition,\n  FacetType,\n  isIntersection,\n  selectAllCohortFiltersCollapsed,\n  selectCurrentCohortId,\n  selectIndexFilters,\n  selectSharedFilters,\n  toggleCohortBuilderAllFilters,\n  useCoreDispatch,\n  useCoreSelector,\n  useGetAggsQuery,\n  useGetCountsQuery,\n} from '@gen3/core';\nimport { type CohortPanelConfiguration } from './types';\nimport { Charts, CollapsableCharts, type SummaryChart, } from '../../components/charts';\nimport { ErrorCard } from '../../components/MessageCards';\nimport { useMediaQuery } from '@mantine/hooks';\nimport {\n  classifyFacets,\n  EnumFacetDataHooks,\n  extractRangeValues,\n  FacetDataHooks,\n  getAllFieldsFromFilterConfigs,\n  processBucketData,\n  processRangeData,\n  removeIntersectionFromEnum,\n  useGetFacetFilters,\n  useUpdateFilters,\n} from '../../components/facets';\nimport { useClearFilters, useFieldNameToTitle, } from '../../components/facets/hooks';\nimport ExplorerTable from './ExplorerTable/ExplorerTable';\nimport CountsValue from '../../components/counts/CountsValue';\nimport DownloadsPanel from './DownloadsPanel';\nimport { useDeepCompareCallback, useDeepCompareEffect, useDeepCompareMemo, } from 'use-deep-compare';\nimport { toDisplayName } from '../../utils';\nimport {\n  useCohortFilterCombineState,\n  useFilterExpandedState,\n  useSetCohortFilterCombineState,\n  useToggleExpandFilter,\n} from './hooks';\nimport DropdownPanel from '../../components/facets/Panels/DropdownPanel';\nimport QueryExpression from './QueryExpression';\n\nconst EmptyData = {};\n\n/**\n * The main component that houses the charts, tabs, modal\n * filters, tables, buttons of the exploration page.\n *\n * All of these params come directly from the top level exploration page configuration file or\n * explorer config in a legacy gitops.json file.\n * @example see packages/sampleCommons/config/gen3/explorer.json\n */\n\ninterface CohortPanelConfigurationWithAccessLevel\n  extends CohortPanelConfiguration {\n  showAccessLevel?: boolean;\n}\n\n/**\n * CohortPanel is a React component that provides an interactive interface for cohort exploration and filtering.\n * It integrates with data services and facilitates visualization, filtering, and analysis tasks.\n *\n * @param {Object} props                          The properties required to configure the CohortPanel component.\n * @param {Object} props.guppyConfig              Configuration object for Guppy, including field mappings and data type information.\n * @param {Object} props.filters                  Configuration for filter tabs, including filter fields and layout.\n * @param {Object} [props.charts={}]              Optional set of chart configuration objects for rendering summaries.\n * @param {Object} [props.chartsSection]          Optional configuration for an additional section of charts.\n * @param {Object} props.table                    Reference to the table configuration or component for displaying data.\n * @param {string} props.tabTitle                 Title for the filter tab section.\n * @param {Object[]|undefined} props.dropdowns    Dropdown menu configuration, allowing for additional filter options or actions.\n * @param {Object[]|undefined} props.buttons      List of button configurations for actions such as downloads.\n * @param {boolean} props.loginForDownload        Determines whether login is required to enable download functionality.\n * @param {boolean} [props.showAccessLevel=false] Indicates if the user access level should be displayed on the panel.\n *\n * @returns {JSX.Element}                         Returns a JSX element rendering the CohortPanel. This includes filter options,\n *                                                summary charts, cohort manager, and data display components.\n */\nexport const CohortPanel = ({\n  guppyConfig,\n  filters,\n  charts = {},\n  chartsSection = undefined,\n  table,\n  tabTitle,\n  dropdowns,\n  buttons,\n  loginForDownload,\n  showAccessLevel = false,\n}: CohortPanelConfigurationWithAccessLevel): JSX.Element => {\n  const isSm = useMediaQuery('(min-width: 639px)');\n  const isMd = useMediaQuery('(min-width: 1373px)');\n  const isXl = useMediaQuery('(min-width: 1600px)');\n  const [accessLevel, setAccessLevel] = useState<Accessibility>(\n    Accessibility.ALL,\n  );\n  const sharedFiltersMap = useCoreSelector((state: CoreState) =>\n    selectSharedFilters(state),\n  );\n\n  const defaultDropdowns = useMemo(() => dropdowns ?? {}, [dropdowns]);\n  const defaultButtons = useMemo(() => buttons ?? [], [buttons]);\n\n  const numCols = useMemo(() => {\n    if (isSm) return 1;\n    if (isMd) return 2;\n    if (isXl) return 4;\n    return 3;\n  }, [isSm, isMd, isXl]);\n\n  const index = guppyConfig.dataType;\n  const indexPrefix = guppyConfig?.indexPrefix ?? '';\n  const fields = useMemo(\n    () => getAllFieldsFromFilterConfigs(filters?.tabs ?? []),\n    [filters?.tabs],\n  );\n\n  const coreDispatch = useCoreDispatch();\n\n  const [facetDefinitions, setFacetDefinitions] = useState<\n    Record<string, FacetDefinition>\n  >({});\n\n  const [summaryCharts, setSummaryCharts] = useState<\n    Record<string, SummaryChart>\n  >({});\n\n  const cohortFilters = useCoreSelector((state: CoreState) =>\n    selectIndexFilters(state, index),\n  );\n\n  const cohortId = useCoreSelector((state: CoreState) =>\n    selectCurrentCohortId(state),\n  );\n\n  const allFiltersCollapsed = useCoreSelector((state) =>\n    selectAllCohortFiltersCollapsed(state, index),\n  );\n\n  const toggleAllFiltersExpanded = (expand: boolean) => {\n    coreDispatch(toggleCohortBuilderAllFilters({ expand, index }));\n  };\n\n  const clearAllFilters = useCallback(() => {\n    coreDispatch(clearCohortFilters({ index }));\n  }, [coreDispatch, index]);\n\n  const {\n    data,\n    isSuccess,\n    isFetching: isAggsQueryFetching,\n    isError: isAggsQueryError,\n  } = useGetAggsQuery({\n    type: index,\n    fields: fields,\n    filters: cohortFilters,\n    accessibility: accessLevel,\n    queryId: cohortId,\n    indexPrefix: indexPrefix,\n  });\n\n  const chartKeys = useDeepCompareMemo(\n    () => [...Object.keys(chartsSection?.charts ?? {}), ...Object.keys(charts)],\n    [chartsSection?.charts, charts],\n  );\n\n  const {\n    data: chartData,\n    isSuccess: isChartSuccess,\n    isFetching: isChartFetching,\n    isError: isChartError,\n  } = useGetAggsQuery(\n    {\n      type: index,\n      fields: chartKeys,\n      filters: cohortFilters,\n      accessibility: accessLevel,\n      filterSelf: true,\n      queryId: cohortId,\n      indexPrefix: indexPrefix,\n    },\n    {\n      skip: chartKeys.length === 0,\n    },\n  );\n\n  const cleanChartData = useDeepCompareMemo(() => {\n    if (isChartSuccess && chartData) {\n      const cleanedData: AggregationsData = {};\n      const totalCount = chartData._totalCount[0]?.count;\n      Object.keys(summaryCharts).forEach((key) => {\n        if (!(key in chartData)) {\n          return;\n        } // handle missing key in  data\n        // remove empty keys\n        cleanedData[key] = chartData[key].filter((x) =>\n          typeof x.key !== 'string' ? true : x.key !== '',\n        );\n\n        const facetDef = facetDefinitions?.[key];\n        if (facetDef?.excludeValues) {\n          cleanedData[key] = cleanedData[key].filter((x) =>\n            typeof x.key !== 'string'\n              ? true\n              : facetDef?.excludeValues?.includes(String(x.key)) === false,\n          );\n        }\n\n        if (cleanedData[key].length === 0 && totalCount) {\n          // if no keys adds back no data\n          cleanedData[key] = [{ key: 'no data', count: totalCount }];\n        }\n      });\n      return cleanedData;\n    }\n    return chartData;\n  }, [chartData, isChartSuccess, summaryCharts]);\n\n  const getEnumFacetData = useDeepCompareCallback(\n    (field: string) => {\n      let filters = undefined;\n      let combineMode: CombineMode = 'or';\n      if (field in cohortFilters.root) {\n        if (isIntersection(cohortFilters.root[field])) {\n          const intersectionFilters = removeIntersectionFromEnum(\n            cohortFilters.root[field],\n          );\n          if (intersectionFilters) {\n            filters = extractEnumFilterValue(intersectionFilters);\n            combineMode = 'and';\n          }\n        } else {\n          filters = extractEnumFilterValue(cohortFilters.root[field]);\n        }\n      }\n\n      return {\n        data: processBucketData(data?.[field]),\n        enumFilters: filters,\n        combineMode: combineMode,\n        isSuccess: isSuccess,\n      };\n    },\n    [cohortFilters.root, data, isSuccess],\n  );\n\n  const getRangeFacetData = useDeepCompareCallback(\n    (field: string) => {\n      return {\n        data: processRangeData(data?.[field]),\n        filters: extractRangeValues(cohortFilters.root[field]),\n        isSuccess: isSuccess,\n      };\n    },\n    [data, cohortFilters.root, isSuccess],\n  );\n\n  // Set up the hooks for the facet components to use based on the required index\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  const facetDataHooks: Record<FacetType, FacetDataHooks | EnumFacetDataHooks> =\n    useDeepCompareMemo(() => {\n      return {\n        // TODO: see if there a better way to do this\n        enum: {\n          useGetFacetData: getEnumFacetData,\n          useUpdateFacetFilters: partial(useUpdateFilters, index),\n          useGetFacetFilters: partial(useGetFacetFilters, index),\n          useClearFilter: partial(useClearFilters, index),\n          useFilterExpanded: partial(useFilterExpandedState, index),\n          useToggleExpandFilter: partial(useToggleExpandFilter, index),\n          useGetCombineMode: partial(useCohortFilterCombineState, index),\n          useSetCombineMode: partial(useSetCohortFilterCombineState, index),\n          useFieldNameToTitle: useFieldNameToTitle,\n          useTotalCounts: undefined,\n        },\n        exact: {\n          useGetFacetData: getEnumFacetData,\n          useUpdateFacetFilters: partial(useUpdateFilters, index),\n          useGetFacetFilters: partial(useGetFacetFilters, index),\n          useClearFilter: partial(useClearFilters, index),\n          useFilterExpanded: partial(useFilterExpandedState, index),\n          useToggleExpandFilter: partial(useToggleExpandFilter, index),\n          useFieldNameToTitle: useFieldNameToTitle,\n          useTotalCounts: undefined,\n        },\n        multiselect: {\n          useGetFacetData: getEnumFacetData,\n          useUpdateFacetFilters: partial(useUpdateFilters, index),\n          useGetFacetFilters: partial(useGetFacetFilters, index),\n          useClearFilter: partial(useClearFilters, index),\n          useFilterExpanded: partial(useFilterExpandedState, index),\n          useToggleExpandFilter: partial(useToggleExpandFilter, index),\n          useFieldNameToTitle: useFieldNameToTitle,\n          useTotalCounts: undefined,\n        },\n        range: {\n          useGetFacetData: getRangeFacetData,\n          useUpdateFacetFilters: partial(useUpdateFilters, index),\n          useGetFacetFilters: partial(useGetFacetFilters, index),\n          useClearFilter: partial(useClearFilters, index),\n          useFilterExpanded: partial(useFilterExpandedState, index),\n          useToggleExpandFilter: partial(useToggleExpandFilter, index),\n          useFieldNameToTitle: useFieldNameToTitle,\n          useTotalCounts: undefined,\n        },\n      };\n    }, [getEnumFacetData, getRangeFacetData, index]);\n\n  // Set the facet definitions based on the data only the first time the data is loaded\n  useDeepCompareEffect(() => {\n    if (isSuccess && Object.keys(facetDefinitions).length === 0) {\n      const configFacetDefs = filters?.tabs.reduce(\n        (acc: Record<string, FacetDefinition>, tab) => {\n          return { ...tab.fieldsConfig, ...acc };\n        },\n        {},\n      );\n\n      const facetDefs = classifyFacets(\n        data,\n        index,\n        guppyConfig?.fieldMapping ?? [],\n        configFacetDefs ?? {},\n        sharedFiltersMap,\n      );\n      setFacetDefinitions(facetDefs);\n\n      // setup summary charts since nested fields can be listed by the split field name\n      const chartDefinitions = chartsSection?.charts ?? charts;\n\n      const summaryCharts = Object.keys(chartDefinitions).reduce(\n        (acc, field) => {\n          let chartField = field;\n          if (facetDefs?.[field] === undefined) {\n            const res = Object.values(facetDefs).filter((def) => {\n              return def.dataField === field;\n            });\n            if (res.length > 0) {\n              chartField = res[0].field;\n            }\n          }\n          return {\n            ...acc,\n            [chartField]: chartDefinitions[field],\n          };\n        },\n        {},\n      );\n\n      setSummaryCharts(summaryCharts);\n    }\n  }, [\n    isSuccess,\n    data,\n    facetDefinitions,\n    index,\n    guppyConfig.fieldMapping,\n    charts,\n    chartsSection,\n  ]);\n\n  const {\n    data: counts,\n    isFetching: isCountsFetching,\n    isError: isCountsError,\n  } = useGetCountsQuery({\n    type: index,\n    filters: cohortFilters,\n    accessibility: accessLevel,\n    queryId: cohortId,\n  });\n\n  if (isCountsError || isAggsQueryError) {\n    return <ErrorCard message=\"Unable to fetch data from server\" />; // TODO: replace with configurable message\n  }\n\n  return (\n    <div className=\"flex flex-col mt-3 relative px-4 bg-base-lightest w-full\">\n      <QueryExpression index={index} />\n\n      {/* Flex container to ensure proper 25/75 split */}\n      <div className=\"flex w-full\">\n        {/* Left panel - 25% */}\n        <div\n          id=\"cohort-builder-filters\"\n          className=\"flex-shrink-0 md:w-1/4 lg:w-1/5\"\n        >\n          {filters?.tabs && (\n            <DropdownPanel\n              filters={filters}\n              tabTitle={tabTitle}\n              facetDefinitions={facetDefinitions}\n              facetDataHooks={facetDataHooks}\n              onAccessChange={setAccessLevel}\n              accessLevel={accessLevel}\n              showAccessLevel={showAccessLevel}\n              allFiltersCollapsed={allFiltersCollapsed}\n              toggleAllFiltersExpanded={toggleAllFiltersExpanded}\n              clearAllFilters={clearAllFilters}\n            />\n          )}\n        </div>\n\n        {/* Right content - 75% */}\n        <div\n          id=\"cohort-builder-content\"\n          className=\"flex flex-col md:w-3/4 lg:w-4/5 pl-4\"\n        >\n          {/* Top row with DownloadsPanel and CountsValue */}\n          <div className=\"flex justify-between mb-2 ml-2\">\n            <DownloadsPanel\n              dropdowns={defaultDropdowns}\n              buttons={defaultButtons}\n              loginForDownload={loginForDownload}\n              index={index}\n              totalCount={counts ?? 0}\n              fields={table?.fields ?? []}\n              filter={cohortFilters}\n            />\n            <CountsValue\n              label={guppyConfig?.nodeCountTitle || toDisplayName(index)}\n              configuration={guppyConfig?.nodeCountConfiguration}\n              counts={counts}\n              isFetching={isCountsFetching}\n              isError={isCountsError}\n            />\n          </div>\n\n          {/* Charts Section */}\n          {chartsSection?.enabled ? (\n            <CollapsableCharts\n              config={{ ...chartsSection, charts: summaryCharts }}\n              data={cleanChartData ?? EmptyData}\n              isSuccess={isChartSuccess}\n            />\n          ) : (\n            <Charts\n              charts={summaryCharts}\n              data={cleanChartData ?? EmptyData}\n              counts={counts}\n              isSuccess={isChartSuccess}\n              numCols={numCols}\n            />\n          )}\n\n          {/* Table Section */}\n          {table?.enabled && (\n            <div className=\"mt-2 flex flex-col\">\n              <ExplorerTable\n                index={index}\n                tableConfig={table}\n                accessibility={accessLevel}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n","export const TabsLayoutToComponentProp = (\n  tabsLayout?: 'left' | 'right' | 'center',\n) => {\n  if (!tabsLayout) {\n    return 'flex-start';\n  }\n  switch (tabsLayout) {\n    case 'left': {\n      return 'flex-start';\n    }\n    case 'right': {\n      return 'flex-end';\n    }\n    case 'center': {\n      return 'center';\n    }\n    default: {\n      return 'flex-start';\n    }\n  }\n};\n","import React from 'react';\nimport { useDeepCompareMemo } from 'use-deep-compare';\nimport { CohortBuilderProps, CohortPanelConfiguration } from './types';\nimport { Tabs } from '@mantine/core';\nimport { CohortPanel } from './CohortPanel';\nimport {\n  selectCurrentCohortId,\n  setSharedFilters,\n  useCoreDispatch,\n  useCoreSelector,\n} from '@gen3/core';\nimport { TabsLayoutToComponentProp } from '../../utils/layout';\nimport CohortManager from './CohortManager/CohortManager';\n\nexport const useGetCurrentCohort = () => {\n  return useCoreSelector((state) => selectCurrentCohortId(state));\n};\n\nconst CohortBuilder = ({\n  explorerConfig,\n  sharedFiltersMap = null,\n  tabsLayout = 'left',\n  enableCohortManager = true,\n}: CohortBuilderProps) => {\n  const dispatch = useCoreDispatch();\n  dispatch(setSharedFilters(sharedFiltersMap ?? {}));\n\n  const configuration = useDeepCompareMemo(\n    () => explorerConfig,\n    [explorerConfig],\n  );\n\n  return (\n    <div className=\"flex flex-col w-full mt-2\">\n      {enableCohortManager ? <CohortManager /> : null}\n      <Tabs\n        color=\"primary.5\"\n        variant={explorerConfig[0]?.tabType}\n        keepMounted={true}\n        defaultValue={explorerConfig[0].tabTitle}\n      >\n        <Tabs.List\n          className=\"w-full\"\n          justify={TabsLayoutToComponentProp(tabsLayout)}\n        >\n          {configuration.map((panelConfig: CohortPanelConfiguration) => (\n            <Tabs.Tab\n              value={panelConfig.tabTitle}\n              key={`${panelConfig.tabTitle}-tabList`}\n            >\n              {panelConfig.tabTitle}\n            </Tabs.Tab>\n          ))}\n        </Tabs.List>\n\n        {configuration.map((panelConfig: CohortPanelConfiguration) => (\n          <Tabs.Panel\n            value={panelConfig.tabTitle}\n            key={`${panelConfig.tabTitle}-tabPanel`}\n          >\n            <CohortPanel\n              guppyConfig={panelConfig.guppyConfig}\n              key={`${panelConfig.tabTitle}-CohortPanel`}\n              chartsSection={panelConfig?.chartsSection}\n              charts={panelConfig?.charts}\n              filters={panelConfig.filters}\n              tabTitle={panelConfig.tabTitle}\n              table={panelConfig.table}\n              dropdowns={panelConfig.dropdowns}\n              buttons={panelConfig.buttons}\n              loginForDownload={panelConfig.loginForDownload}\n              sharedFiltersMap={panelConfig.sharedFiltersMap}\n            />\n          </Tabs.Panel>\n        ))}\n      </Tabs>\n    </div>\n  );\n};\n\nexport default CohortBuilder;\n"],"names":["EmptyData","CohortPanel","guppyConfig","filters","charts","chartsSection","undefined","table","tabTitle","dropdowns","buttons","loginForDownload","showAccessLevel","isSm","useMediaQuery","isMd","isXl","accessLevel","setAccessLevel","useState","Accessibility","ALL","sharedFiltersMap","useCoreSelector","state","selectSharedFilters","defaultDropdowns","useMemo","defaultButtons","numCols","index","dataType","indexPrefix","fields","getAllFieldsFromFilterConfigs","tabs","coreDispatch","useCoreDispatch","facetDefinitions","setFacetDefinitions","summaryCharts","setSummaryCharts","cohortFilters","selectIndexFilters","cohortId","selectCurrentCohortId","allFiltersCollapsed","selectAllCohortFiltersCollapsed","toggleAllFiltersExpanded","expand","toggleCohortBuilderAllFilters","clearAllFilters","useCallback","clearCohortFilters","data","isSuccess","isFetching","isAggsQueryFetching","isError","isAggsQueryError","useGetAggsQuery","type","accessibility","queryId","chartKeys","useDeepCompareMemo","Object","keys","chartData","isChartSuccess","isChartFetching","isChartError","filterSelf","skip","length","cleanChartData","cleanedData","totalCount","_totalCount","count","forEach","key","filter","x","facetDef","excludeValues","includes","String","getEnumFacetData","useDeepCompareCallback","field","combineMode","root","isIntersection","intersectionFilters","removeIntersectionFromEnum","extractEnumFilterValue","processBucketData","enumFilters","getRangeFacetData","processRangeData","extractRangeValues","facetDataHooks","enum","useGetFacetData","useUpdateFacetFilters","partial","useUpdateFilters","useGetFacetFilters","useClearFilter","useClearFilters","useFilterExpanded","useFilterExpandedState","useToggleExpandFilter","useGetCombineMode","useCohortFilterCombineState","useSetCombineMode","useSetCohortFilterCombineState","useFieldNameToTitle","useTotalCounts","exact","multiselect","range","useDeepCompareEffect","configFacetDefs","reduce","acc","tab","fieldsConfig","facetDefs","classifyFacets","fieldMapping","chartDefinitions","chartField","res","values","def","dataField","counts","isCountsFetching","isCountsError","useGetCountsQuery","_jsx","ErrorCard","message","_jsxs","div","className","QueryExpression","id","DropdownPanel","onAccessChange","DownloadsPanel","CountsValue","label","nodeCountTitle","toDisplayName","configuration","nodeCountConfiguration","enabled","CollapsableCharts","config","Charts","ExplorerTable","tableConfig","TabsLayoutToComponentProp","tabsLayout","useGetCurrentCohort","CohortBuilder","explorerConfig","enableCohortManager","dispatch","setSharedFilters","CohortManager","Tabs","color","variant","tabType","keepMounted","defaultValue","List","justify","map","panelConfig","Tab","value","Panel"],"mappings":"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"}

package/dist/pages/cjs/GqlQueryEditor-C2C--3Sq.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var GraphiQL = require('graphiql');
+var core$1 = require('@mantine/core');
+var core = require('@gen3/core');
+
+/**
+ * Fetches graphql data from a graphql endpoint if one is specified, or guppy by default.
+ * @param graphQLEndpoint - The location of the graphql endpoint.
+ * @returns a component containing a GraphiQl editor
+ */ const GqlQueryEditor = ({ graphQLEndpoint })=>{
+    const [query, setQuery] = React.useState('');
+    const headers = core.useCoreSelector(core.selectHeadersWithCSRFToken);
+    // Typically we would put this in core but it's only used here
+    const fetcher = async (graphQLParams)=>{
+        const data = await fetch(graphQLEndpoint || `${core.GEN3_GUPPY_API}/graphql`, {
+            method: 'POST',
+            headers: headers,
+            body: JSON.stringify(graphQLParams)
+        });
+        return data.json().catch(()=>data.text());
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "flex flex-col h-full w-full",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("div", {
+                className: "flex justify-between items-center m-2",
+                children: /*#__PURE__*/ jsxRuntime.jsx(core$1.Text, {
+                    size: "xl",
+                    fw: 500,
+                    children: "Query Graph"
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(GraphiQL, {
+                editorTheme: "light",
+                fetcher: fetcher,
+                query: query,
+                onEditQuery: setQuery,
+                children: /*#__PURE__*/ jsxRuntime.jsxs(GraphiQL.Logo, {
+                    children: [
+                        " ",
+                        null,
+                        " "
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+exports.default = GqlQueryEditor;
+//# sourceMappingURL=GqlQueryEditor-C2C--3Sq.js.map

package/dist/pages/cjs/GqlQueryEditor-C2C--3Sq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GqlQueryEditor-C2C--3Sq.js","sources":["../../../src/features/Query/GqlQueryEditor.tsx"],"sourcesContent":["import React, { ReactElement, useState } from 'react';\nimport GraphiQL from 'graphiql';\nimport type { Fetcher } from '@graphiql/toolkit';\nimport { Text } from '@mantine/core';\nimport {\n  GEN3_GUPPY_API,\n  selectHeadersWithCSRFToken,\n  useCoreSelector,\n} from '@gen3/core';\nimport { GqlQueryEditorProps } from './types';\n\n/**\n * Fetches graphql data from a graphql endpoint if one is specified, or guppy by default.\n * @param graphQLEndpoint - The location of the graphql endpoint.\n * @returns a component containing a GraphiQl editor\n */\nconst GqlQueryEditor = ({\n  graphQLEndpoint,\n}: GqlQueryEditorProps): ReactElement => {\n  const [query, setQuery] = useState('');\n  const headers = useCoreSelector(selectHeadersWithCSRFToken);\n\n  // Typically we would put this in core but it's only used here\n  const fetcher: Fetcher = async (graphQLParams) => {\n    const data = await fetch(graphQLEndpoint || `${GEN3_GUPPY_API}/graphql`, {\n      method: 'POST',\n      headers: headers,\n      body: JSON.stringify(graphQLParams),\n    });\n    return data.json().catch(() => data.text());\n  };\n\n  return (\n    <div className=\"flex flex-col h-full w-full\">\n      <div className=\"flex justify-between items-center m-2\">\n        <Text size=\"xl\" fw={500}>\n          Query Graph\n        </Text>\n      </div>\n      <GraphiQL\n        editorTheme=\"light\"\n        fetcher={fetcher}\n        query={query}\n        onEditQuery={setQuery}\n      >\n        <GraphiQL.Logo> {null} </GraphiQL.Logo>\n      </GraphiQL>\n    </div>\n  );\n};\n\nexport default GqlQueryEditor;\n"],"names":["GqlQueryEditor","graphQLEndpoint","query","setQuery","useState","headers","useCoreSelector","selectHeadersWithCSRFToken","fetcher","graphQLParams","data","fetch","GEN3_GUPPY_API","method","body","JSON","stringify","json","catch","text","_jsxs","div","className","_jsx","Text","size","fw","GraphiQL","editorTheme","onEditQuery","Logo"],"mappings":";;;;;;;;AAWA;;;;AAIC,IACD,MAAMA,cAAAA,GAAiB,CAAC,EACtBC,eAAe,EACK,GAAA;AACpB,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAAS,EAAA,CAAA;AACnC,IAAA,MAAMC,UAAUC,oBAAAA,CAAgBC,+BAAAA,CAAAA;;AAGhC,IAAA,MAAMC,UAAmB,OAAOC,aAAAA,GAAAA;QAC9B,MAAMC,IAAAA,GAAO,MAAMC,KAAAA,CAAMV,eAAAA,IAAmB,GAAGW,mBAAAA,CAAe,QAAQ,CAAC,EAAE;YACvEC,MAAAA,EAAQ,MAAA;YACRR,OAAAA,EAASA,OAAAA;YACTS,IAAAA,EAAMC,IAAAA,CAAKC,SAAS,CAACP,aAAAA;AACvB,SAAA,CAAA;AACA,QAAA,OAAOC,KAAKO,IAAI,EAAA,CAAGC,KAAK,CAAC,IAAMR,KAAKS,IAAI,EAAA,CAAA;AAC1C,IAAA,CAAA;AAEA,IAAA,qBACEC,eAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,6BAAA;;0BACbC,cAAA,CAACF,KAAAA,EAAAA;gBAAIC,SAAAA,EAAU,uCAAA;AACb,gBAAA,QAAA,gBAAAC,cAAA,CAACC,WAAAA,EAAAA;oBAAKC,IAAAA,EAAK,IAAA;oBAAKC,EAAAA,EAAI,GAAA;AAAK,oBAAA,QAAA,EAAA;;;0BAI3BH,cAAA,CAACI,QAAAA,EAAAA;gBACCC,WAAAA,EAAY,OAAA;gBACZpB,OAAAA,EAASA,OAAAA;gBACTN,KAAAA,EAAOA,KAAAA;gBACP2B,WAAAA,EAAa1B,QAAAA;wCAEbiB,eAAA,CAACO,SAASG,IAAI,EAAA;;AAAC,wBAAA,GAAA;AAAE,wBAAA,IAAA;AAAK,wBAAA;;;;;;AAI9B;;;;"}

package/dist/pages/cjs/QueryPanel-FE6wpWyr.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var dynamic = require('next/dynamic');
+require('react');
+var core = require('@mantine/core');
+
+// Wrapper function for displaying loading element before GqlQueryEditor renders
+const GqlQueryEditor = dynamic(()=>Promise.resolve().then(function () { return require('./GqlQueryEditor-C2C--3Sq.js'); }), {
+    loading: ()=>/*#__PURE__*/ jsxRuntime.jsx(core.LoadingOverlay, {
+            visible: true
+        }),
+    ssr: false
+});
+const QueryPanel = ({ graphQLEndpoint })=>{
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    return /*#__PURE__*/ jsxRuntime.jsx(GqlQueryEditor, {
+        graphQLEndpoint: graphQLEndpoint
+    });
+};
+
+exports.default = QueryPanel;
+//# sourceMappingURL=QueryPanel-FE6wpWyr.js.map

package/dist/pages/cjs/QueryPanel-FE6wpWyr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryPanel-FE6wpWyr.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,oDAAO,8BAAA,KAAA,EAAqB;AAC/DC,IAAAA,OAAAA,EAAS,kBAAMC,cAAA,CAACC,mBAAAA,EAAAA;YAAeC,OAAAA,EAAS;;IACxCC,GAAAA,EAAK;AACP,CAAA,CAAA;AAOA,MAAMC,UAAAA,GAAa,CAAC,EAClBC,eAAe,EACC,GAAA;;;AAGhB,IAAA,qBAAOL,cAAA,CAACH,cAAAA,EAAAA;QAAeQ,eAAAA,EAAiBA;;AAC1C;;;;"}