@gen3/frontend 0.11.1 → 0.11.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/dist/cjs/index.js +92 -30
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/dts/components/Buttons/ActionButton.js +1 -1
  4. package/dist/dts/components/Buttons/ActionButton.js.map +1 -1
  5. package/dist/dts/components/Buttons/DownloadButtons/JSONObjectDownloadButton.js +1 -1
  6. package/dist/dts/components/Buttons/DownloadButtons/JSONObjectDownloadButton.js.map +1 -1
  7. package/dist/dts/components/Buttons/DropdownButtons/DropdownButton.js +1 -1
  8. package/dist/dts/components/Buttons/DropdownButtons/DropdownButton.js.map +1 -1
  9. package/dist/dts/components/Buttons/UploadJSONButton.js +1 -1
  10. package/dist/dts/components/Buttons/UploadJSONButton.js.map +1 -1
  11. package/dist/dts/components/Providers/Gen3Provider.js +1 -1
  12. package/dist/dts/components/Providers/Gen3Provider.js.map +1 -1
  13. package/dist/dts/components/charts/Charts.js +1 -1
  14. package/dist/dts/components/charts/Charts.js.map +1 -1
  15. package/dist/dts/components/charts/echarts/HorizontalBarChart.d.ts +1 -1
  16. package/dist/dts/components/charts/echarts/HorizontalBarChart.d.ts.map +1 -1
  17. package/dist/dts/components/charts/echarts/HorizontalBarChart.js +8 -4
  18. package/dist/dts/components/charts/echarts/HorizontalBarChart.js.map +1 -1
  19. package/dist/dts/components/counts/CountsValue.d.ts.map +1 -1
  20. package/dist/dts/components/counts/CountsValue.js +2 -2
  21. package/dist/dts/components/counts/CountsValue.js.map +1 -1
  22. package/dist/dts/components/facets/FacetControlsHeader.js +1 -1
  23. package/dist/dts/components/facets/FacetControlsHeader.js.map +1 -1
  24. package/dist/dts/components/facets/FacetEnumList.js +1 -1
  25. package/dist/dts/components/facets/FacetEnumList.js.map +1 -1
  26. package/dist/dts/components/facets/FacetTabs.js +1 -1
  27. package/dist/dts/components/facets/FacetTabs.js.map +1 -1
  28. package/dist/dts/features/Analysis/AnalysisCardCompact.stories.d.ts +14 -14
  29. package/dist/dts/features/Analysis/AnalysisCardCompact.stories.d.ts.map +1 -1
  30. package/dist/dts/features/CohortBuilder/CohortSelector.js +1 -1
  31. package/dist/dts/features/CohortBuilder/CohortSelector.js.map +1 -1
  32. package/dist/dts/features/CohortBuilder/DownloadsPanel.js +1 -1
  33. package/dist/dts/features/CohortBuilder/DownloadsPanel.js.map +1 -1
  34. package/dist/dts/features/CohortBuilder/ExplorerTable/SubTables/ExpandingSubtable.js +1 -1
  35. package/dist/dts/features/CohortBuilder/ExplorerTable/SubTables/ExpandingSubtable.js.map +1 -1
  36. package/dist/dts/features/CohortBuilder/Panels/AccordianPanel.js +1 -1
  37. package/dist/dts/features/CohortBuilder/Panels/AccordianPanel.js.map +1 -1
  38. package/dist/dts/features/CohortBuilder/Panels/DropdownPanel.js +1 -1
  39. package/dist/dts/features/CohortBuilder/Panels/DropdownPanel.js.map +1 -1
  40. package/dist/dts/features/CohortBuilder/QueryExpression/QueryExpressionSection.js +1 -1
  41. package/dist/dts/features/CohortBuilder/QueryExpression/QueryExpressionSection.js.map +1 -1
  42. package/dist/dts/features/CohortBuilder/TabbedCohortBuilder.d.ts.map +1 -1
  43. package/dist/dts/features/CohortBuilder/TabbedCohortBuilder.js +16 -9
  44. package/dist/dts/features/CohortBuilder/TabbedCohortBuilder.js.map +1 -1
  45. package/dist/dts/features/CohortDiscovery/CohortManagment/CohortManager.js +1 -1
  46. package/dist/dts/features/CohortDiscovery/CohortManagment/CohortManager.js.map +1 -1
  47. package/dist/dts/features/CohortDiscovery/SavedCohorts/SavedCohortsTable.js +1 -1
  48. package/dist/dts/features/CohortDiscovery/SavedCohorts/SavedCohortsTable.js.map +1 -1
  49. package/dist/dts/features/DataLibrary/DatasetAccordionControl.js +1 -1
  50. package/dist/dts/features/DataLibrary/DatasetAccordionControl.js.map +1 -1
  51. package/dist/dts/features/DataLibrary/SearchAndActions.js +1 -1
  52. package/dist/dts/features/DataLibrary/SearchAndActions.js.map +1 -1
  53. package/dist/dts/features/DataLibrary/modals/SelectedItemsModal.js +1 -1
  54. package/dist/dts/features/DataLibrary/modals/SelectedItemsModal.js.map +1 -1
  55. package/dist/dts/features/DataLibrary/tables/SelectedItemsTable.js +1 -1
  56. package/dist/dts/features/DataLibrary/tables/SelectedItemsTable.js.map +1 -1
  57. package/dist/dts/features/Dictionary/CategoryHeader.js +1 -1
  58. package/dist/dts/features/Dictionary/CategoryHeader.js.map +1 -1
  59. package/dist/dts/features/Discovery/types.d.ts +1 -0
  60. package/dist/dts/features/Discovery/types.d.ts.map +1 -1
  61. package/dist/dts/features/Discovery/types.js.map +1 -1
  62. package/dist/dts/features/Navigation/NavigationBarButton.d.ts.map +1 -1
  63. package/dist/dts/features/Navigation/NavigationBarButton.js +3 -3
  64. package/dist/dts/features/Navigation/NavigationBarButton.js.map +1 -1
  65. package/dist/dts/features/Navigation/TopBar/AccountButton.d.ts.map +1 -1
  66. package/dist/dts/features/Navigation/TopBar/AccountButton.js.map +1 -1
  67. package/dist/dts/features/Navigation/TopBar/IconButton.js +1 -1
  68. package/dist/dts/features/Navigation/TopBar/IconButton.js.map +1 -1
  69. package/dist/dts/features/Workspace/NotebookCard.js +1 -1
  70. package/dist/dts/features/Workspace/NotebookCard.js.map +1 -1
  71. package/dist/dts/pages/TabbedCohortBuilder/TabbedCohortBuilderPage.d.ts.map +1 -1
  72. package/dist/dts/pages/TabbedCohortBuilder/TabbedCohortBuilderPage.js +4 -2
  73. package/dist/dts/pages/TabbedCohortBuilder/TabbedCohortBuilderPage.js.map +1 -1
  74. package/dist/dts/utils/strings.d.ts +1 -0
  75. package/dist/dts/utils/strings.d.ts.map +1 -1
  76. package/dist/dts/utils/strings.js +29 -0
  77. package/dist/dts/utils/strings.js.map +1 -1
  78. package/dist/esm/index.js +92 -31
  79. package/dist/esm/index.js.map +1 -1
  80. package/dist/index.d.ts +3 -1
  81. package/dist/tsconfig.tsbuildinfo +1 -1
  82. package/package.json +5 -5
@@ -1 +1 @@
1
- {"version":3,"file":"TabbedCohortBuilderPage.js","sourceRoot":"","sources":["../../../../src/pages/TabbedCohortBuilder/TabbedCohortBuilderPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,mBAAmB,MAAM,kDAAkD,CAAC;AAGnF,IAAM,uBAAuB,GAAG,UAAC,EAIF;QAH7B,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,aAAa,mBAAA;IAEb,OAAO,CACL,KAAC,aAAa,IACN,WAAW,aAAA,EAAE,WAAW,aAAA,EAC9B,cAAc,EAAE;YACd,KAAK,EAAE,iCAAiC;YACxC,OAAO,EAAE,4BAA4B;YACrC,GAAG,EAAE,iCAAiC;SACvC,YAED,KAAC,mBAAmB,eAAK,aAAa,EAAI,GAC5B,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
1
+ {"version":3,"file":"TabbedCohortBuilderPage.js","sourceRoot":"","sources":["../../../../src/pages/TabbedCohortBuilder/TabbedCohortBuilderPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,mBAAmB,MAAM,kDAAkD,CAAC;AACnF,OAAO,aAAa,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAKtC,IAAM,uBAAuB,GAAG,UAAC,EAIF;QAH7B,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,aAAa,mBAAA;IAEb,OAAO,CACL,KAAC,aAAa,IACN,WAAW,aAAA,EAAE,WAAW,aAAA,EAC9B,cAAc,EAAE;YACd,KAAK,EAAE,iCAAiC;YACxC,OAAO,EAAE,4BAA4B;YACrC,GAAG,EAAE,iCAAiC;SACvC,YAED,MAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,aACnD,cAAK,SAAS,EAAC,gDAAgD,YAC7D,KAAC,aAAa,IAAC,KAAK,EAAE,aAAa,CAAC,KAAK,GAAkB,GACvD,EACN,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,mBAAmB,eAAK,aAAa,IAAE,KAAK,EAAE,aAAa,CAAC,KAAK,IAAI,GAClE,IACA,GACM,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
@@ -3,4 +3,5 @@ export declare const SPECIAL_CASE_FIELDS: {
3
3
  icd_10_code: string;
4
4
  };
5
5
  export declare const toDisplayName: (field: string) => string;
6
+ export declare const toCountsString: (counts: number | undefined, units: string) => string;
6
7
  //# sourceMappingURL=strings.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../../src/utils/strings.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,KAAG,MAEhD,CAAC;AAEF,eAAO,MAAM,mBAAmB;;CAE/B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAU7C,CAAC"}
1
+ {"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../../src/utils/strings.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,KAAG,MAEhD,CAAC;AAEF,eAAO,MAAM,mBAAmB;;CAE/B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAU7C,CAAC;AAOF,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,GAAG,SAAS,EAC1B,OAAO,MAAM,KACZ,MAKF,CAAC"}
@@ -15,4 +15,33 @@ export var toDisplayName = function (field) {
15
15
  .map(function (w) { return capitalize(w); })
16
16
  .join(' ');
17
17
  };
18
+ /*
19
+ Function to convert counts to a string with units
20
+ For example: count = 100 units = 'cases' => '100 Cases'
21
+ Function should handle pluralization
22
+ */
23
+ export var toCountsString = function (counts, units) {
24
+ if (!counts)
25
+ return "No ".concat(capitalize(pluralize(units)));
26
+ // return a string with counts and units handling pluralization
27
+ var unitDisplay = counts === 1 ? units : pluralize(units);
28
+ return "".concat(counts.toLocaleString(), " ").concat(capitalize(unitDisplay));
29
+ };
30
+ // Helper function to handle basic pluralization
31
+ var pluralize = function (word) {
32
+ // Handle special cases
33
+ if (word.endsWith('y')) {
34
+ return word.slice(0, -1) + 'ies';
35
+ }
36
+ else if (word.endsWith('s') ||
37
+ word.endsWith('x') ||
38
+ word.endsWith('z') ||
39
+ word.endsWith('ch') ||
40
+ word.endsWith('sh')) {
41
+ return word + 'es';
42
+ }
43
+ else {
44
+ return word + 's';
45
+ }
46
+ };
18
47
  //# sourceMappingURL=strings.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"strings.js","sourceRoot":"","sources":["../../../src/utils/strings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,GAAW;IAC5C,OAAO,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG;IACjC,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,KAAa;IACzC,IAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAChC,IAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhC,IAAI,CAAC,SAAS;QAAE,OAAO,QAAQ,CAAC;IAEhC,OAAO,SAAS;SACb,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,CAAC,EAAb,CAAa,CAAC;SACzB,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC,CAAC"}
1
+ {"version":3,"file":"strings.js","sourceRoot":"","sources":["../../../src/utils/strings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,GAAW;IAC5C,OAAO,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG;IACjC,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,KAAa;IACzC,IAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAChC,IAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhC,IAAI,CAAC,SAAS;QAAE,OAAO,QAAQ,CAAC;IAEhC,OAAO,SAAS;SACb,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,CAAC,EAAb,CAAa,CAAC;SACzB,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,IAAM,cAAc,GAAG,UAC5B,MAA0B,EAC1B,KAAa;IAEb,IAAI,CAAC,MAAM;QAAE,OAAO,aAAM,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC;IACzD,+DAA+D;IAC/D,IAAM,WAAW,GAAG,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAC5D,OAAO,UAAG,MAAM,CAAC,cAAc,EAAE,cAAI,UAAU,CAAC,WAAW,CAAC,CAAE,CAAC;AACjE,CAAC,CAAC;AAEF,gDAAgD;AAChD,IAAM,SAAS,GAAG,UAAC,IAAY;IAC7B,uBAAuB;IACvB,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;IACnC,CAAC;SAAM,IACL,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;QAClB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;QAClB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;QAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EACnB,CAAC;QACD,OAAO,IAAI,GAAG,IAAI,CAAC;IACrB,CAAC;SAAM,CAAC;QACN,OAAO,IAAI,GAAG,GAAG,CAAC;IACpB,CAAC;AACH,CAAC,CAAC"}
package/dist/esm/index.js CHANGED
@@ -22,7 +22,7 @@ import { useCookies } from 'react-cookie';
22
22
  import FileSaver from 'file-saver';
23
23
  import { useClipboard, useResizeObserver, useDisclosure, useElementSize, useDidUpdate, mergeRefs, useReducedMotion, useMediaQuery, useFullscreen, useLocalStorage, useScrollIntoView, getHotkeyHandler } from '@mantine/hooks';
24
24
  import { defaultComposer } from 'default-composer';
25
- import { Icon, addCollection } from '@iconify/react';
25
+ import { Icon, addCollection } from '@iconify-icon/react';
26
26
  import { init, getInstanceByDom, graphic } from 'echarts';
27
27
  import { VictoryChart, VictoryTheme, VictoryAxis, VictoryStack, VictoryBar, Bar, VictoryTooltip, VictoryContainer } from 'victory';
28
28
  import { FaUndo, FaPlus, FaExternalLinkAlt, FaExclamationTriangle, FaExclamation, FaQuestion, FaUser, FaExclamationCircle, FaRegStopCircle, FaChartPie, FaCircle, FaCheck, FaVideo, FaRegQuestionCircle, FaGraduationCap, FaRedo, FaUpload, FaDownload } from 'react-icons/fa';
@@ -609,6 +609,27 @@ const toDisplayName = (field)=>{
609
609
  if (!fieldName) return 'NotSet';
610
610
  return fieldName.split('_').map((w)=>capitalize$1(w)).join(' ');
611
611
  };
612
+ /*
613
+ Function to convert counts to a string with units
614
+ For example: count = 100 units = 'cases' => '100 Cases'
615
+ Function should handle pluralization
616
+ */ const toCountsString = (counts, units)=>{
617
+ if (!counts) return `No ${capitalize$1(pluralize(units))}`;
618
+ // return a string with counts and units handling pluralization
619
+ const unitDisplay = counts === 1 ? units : pluralize(units);
620
+ return `${counts.toLocaleString()} ${capitalize$1(unitDisplay)}`;
621
+ };
622
+ // Helper function to handle basic pluralization
623
+ const pluralize = (word)=>{
624
+ // Handle special cases
625
+ if (word.endsWith('y')) {
626
+ return word.slice(0, -1) + 'ies';
627
+ } else if (word.endsWith('s') || word.endsWith('x') || word.endsWith('z') || word.endsWith('ch') || word.endsWith('sh')) {
628
+ return word + 'es';
629
+ } else {
630
+ return word + 's';
631
+ }
632
+ };
612
633
 
613
634
  const isArrayOfString = (value)=>{
614
635
  return Array.isArray(value) && value.every((element)=>typeof element === 'string');
@@ -2476,10 +2497,11 @@ const HorizontalBarChart = ({ data, valueType, total, showLegendInChart = true }
2476
2497
  const chartDefinition = useMemo(()=>{
2477
2498
  return {
2478
2499
  tooltip: {
2479
- trigger: 'axis',
2480
- axisPointer: {
2481
- // Use axis to trigger tooltip
2482
- type: 'shadow'
2500
+ trigger: 'item',
2501
+ formatter: function(param) {
2502
+ const p = isArray(param) && param.length > 0 ? param[0] : param;
2503
+ const colorSquare = `<span style="display:inline-block; width:10px; height:10px; background-color:${p.color}; margin-right:5px;"></span>`;
2504
+ return `${colorSquare}${p.seriesName}: <b>${p.value}</b>`;
2483
2505
  }
2484
2506
  },
2485
2507
  legend: {
@@ -4822,7 +4844,7 @@ const FacetGroup = ({ facets, children })=>{
4822
4844
  const availableFields = facets.map((f)=>f.field);
4823
4845
  useScrollToHash(availableFields, false);
4824
4846
  return /*#__PURE__*/ jsx("div", {
4825
- className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 3xl:grid-cols-5 w-content gap-4 my-4 ml-2 w-full",
4847
+ className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 3xl:grid-cols-5 w-content gap-4 ml-2 w-full",
4826
4848
  "data-testid": "title-cohort-builder-facet-groups",
4827
4849
  children: children
4828
4850
  });
@@ -5688,11 +5710,10 @@ const NavigationLogo = ({ src, title, description, width, height, divider = fals
5688
5710
  * @param iconHeight - the height of the icon
5689
5711
  * @param classNames - the class names to use for root, label, icon/tooltip and arrow'
5690
5712
  * @param noBasePath - set to true to avoid prepending a basePath to the link
5691
- */ const NavigationBarButton = ({ tooltip, icon, href, name, iconHeight = '27px', classNames = {}, noBasePath = false })=>{
5713
+ */ const NavigationBarButton = ({ tooltip, icon, href, name, iconHeight = '32px', classNames = {}, noBasePath = false })=>{
5692
5714
  const classNamesDefaults = {
5693
- root: 'flex flex-col flex-nowrap px-3 py-2 pt-4 items-center align-center text-primary hover:text-accent opacity-80 hover:opacity-100',
5715
+ root: 'flex flex-col flex-nowrap px-3 py-2 pt-4 justify-between items-center align-center text-primary hover:text-accent opacity-80 hover:opacity-100',
5694
5716
  label: 'pt-1.5 body-typo font-heading text-sm text-nowrap',
5695
- icon: 'mt-0.5 ml-1',
5696
5717
  ...TooltipStyle
5697
5718
  };
5698
5719
  const mergedClassnames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
@@ -11594,7 +11615,7 @@ const CountsValue = ({ label, isSuccess, counts })=>{
11594
11615
  p: "xs",
11595
11616
  withBorder: true,
11596
11617
  className: "bg-primary text-primary-contrast font-heading text-md font-semibold",
11597
- children: `${counts?.toLocaleString() ?? '...'} ${label}`
11618
+ children: toCountsString(counts, label)
11598
11619
  })
11599
11620
  ]
11600
11621
  });
@@ -12709,6 +12730,11 @@ const TabbedCohortBuilder = ({ index, tabsConfiguration })=>{
12709
12730
  filters: cohortFilters,
12710
12731
  accessibility: accessLevel
12711
12732
  });
12733
+ const { data: counts, isSuccess: isCountSuccess, isError } = useGetCountsQuery({
12734
+ type: index,
12735
+ filters: cohortFilters,
12736
+ accessibility: accessLevel
12737
+ });
12712
12738
  const [facetDefinitions, setFacetDefinitions] = useState({});
12713
12739
  useEffect(()=>{
12714
12740
  // Check if the router initiated the change
@@ -12846,25 +12872,42 @@ const TabbedCohortBuilder = ({ index, tabsConfiguration })=>{
12846
12872
  getRangeFacetData,
12847
12873
  index
12848
12874
  ]);
12849
- return /*#__PURE__*/ jsx(FacetTabs, {
12850
- activeTab: activeTab,
12851
- setActiveTab: setActiveTab,
12852
- facetDefinitions: facetDefinitions,
12853
- tabsConfig: tabsConfig,
12854
- usedFacets: cohortBuilderFilters,
12855
- hooks: facetDataHooks,
12856
- customFacetHooks: {
12857
- useCustomFacets,
12858
- useAvailableCustomFacets: (usedFacets, onlyFiltersWithValues, queryOptions)=>({
12859
- data: {},
12860
- isSuccess: true
12861
- }),
12862
- useAddCustomFilter: ()=>(filter)=>{},
12863
- useRemoveCustomFilter: ()=>(filter)=>{}
12875
+ return /*#__PURE__*/ jsxs(Stack, {
12876
+ gap: "xs",
12877
+ align: "stretch",
12878
+ classNames: {
12879
+ root: 'w-full'
12864
12880
  },
12865
- getFacetLabel: ()=>'Cases',
12866
- cardScrollMargin: calculateStickyHeaderHeight(),
12867
- useFieldNameToTitle: useFieldNameToTitle
12881
+ children: [
12882
+ /*#__PURE__*/ jsx(Group, {
12883
+ justify: "flex-end",
12884
+ children: /*#__PURE__*/ jsx(CountsValue, {
12885
+ label: index,
12886
+ counts: counts,
12887
+ isSuccess: isCountSuccess
12888
+ })
12889
+ }),
12890
+ /*#__PURE__*/ jsx(FacetTabs, {
12891
+ activeTab: activeTab,
12892
+ setActiveTab: setActiveTab,
12893
+ facetDefinitions: facetDefinitions,
12894
+ tabsConfig: tabsConfig,
12895
+ usedFacets: cohortBuilderFilters,
12896
+ hooks: facetDataHooks,
12897
+ customFacetHooks: {
12898
+ useCustomFacets,
12899
+ useAvailableCustomFacets: (usedFacets, onlyFiltersWithValues, queryOptions)=>({
12900
+ data: {},
12901
+ isSuccess: true
12902
+ }),
12903
+ useAddCustomFilter: ()=>(filter)=>{},
12904
+ useRemoveCustomFilter: ()=>(filter)=>{}
12905
+ },
12906
+ getFacetLabel: ()=>'Cases',
12907
+ cardScrollMargin: calculateStickyHeaderHeight(),
12908
+ useFieldNameToTitle: useFieldNameToTitle
12909
+ })
12910
+ ]
12868
12911
  });
12869
12912
  };
12870
12913
 
@@ -25061,8 +25104,26 @@ const TabbedCohortBuilderPage = ({ headerProps, footerProps, configuration })=>{
25061
25104
  content: 'Tabbed Cohort Builder Page',
25062
25105
  key: 'gen3-tabbed-cohort-builder-page'
25063
25106
  },
25064
- children: /*#__PURE__*/ jsx(TabbedCohortBuilder, {
25065
- ...configuration
25107
+ children: /*#__PURE__*/ jsxs(Stack, {
25108
+ align: "stretch",
25109
+ classNames: {
25110
+ root: 'w-full'
25111
+ },
25112
+ children: [
25113
+ /*#__PURE__*/ jsx("div", {
25114
+ className: "w-full flex-col flex gap-4 fixed bg-white z-10",
25115
+ children: /*#__PURE__*/ jsx(CohortManager$1, {
25116
+ index: configuration.index
25117
+ })
25118
+ }),
25119
+ /*#__PURE__*/ jsx("div", {
25120
+ className: "w-full mt-40 mr-4",
25121
+ children: /*#__PURE__*/ jsx(TabbedCohortBuilder, {
25122
+ ...configuration,
25123
+ index: configuration.index
25124
+ })
25125
+ })
25126
+ ]
25066
25127
  })
25067
25128
  });
25068
25129
  };
@@ -25529,5 +25590,5 @@ const staticNotebookAPI = async (req, res)=>{
25529
25590
  });
25530
25591
  };
25531
25592
 
25532
- export { AISearchPageGetServerSideProps, AccessLevel, ActionBar, ActionButton, AdminAuthZPageGetServerSideProps, AiSearch, AISearchPage as AiSearchPage, AnalysisCenter, AnalysisCenterWithSections, AnalysisEditorPage, AnalysisEditorPageGetServerSideProps, AnalysisPage, AnalysisPageGetServerSideProps, AuthzPage, BAD_DATA_MESSAGE, Banner, BaseModal, Charts, CohortBuilder, CohortManager$1 as CohortManager, CollapsableCharts, CollapsableSidebar, ColorThemePage, ColorThemePageGetServerSideProps, ContentSource$1 as ContentSource, CreateCredentialsAPIKeyModal, CrosswalkPage, CrosswalkPageGetServerSideProps, Custom404Page, DAYS_IN_YEAR, DEFAULT_MAXIMUM, DEFAULT_MINIMUM, DEFAULT_VISIBLE_ITEMS$1 as DEFAULT_VISIBLE_ITEMS, DataLibraryPage, DataLibraryPageGetServerSideProps, DictionaryPage, DictionaryPageGetServerSideProps, DiscoveryCellRendererFactory, DiscoveryProvider as DiscoveryConfigProvider, DiscoveryIndexPanel, DiscoveryPage, DiscoveryPageGetServerSideProps, DiscoveryRowRendererFactory, DropdownButton, EnumFacet, EnumFacetChart, ErrorCard, ExactValueFacet, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerPageGetServerSidePropsForConfigId, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FacetControlsHeader, FacetExpander, FacetSelector, FacetSortPanel, FacetTabs, FirstTimeModal, Footer, Gen3Button, Gen3ButtonReverse, Gen3Link, Gen3ModalsProvider, Gen3Provider, GqlQueryEditor$1 as GqlQueryEditor, Header$1 as Header, HoverLink, LandingPage, LandingPageGetServerSideProps, LoginButton$1 as LoginButton, LoginPage, LoginPageGetServerSideProps, LoginPanel, LoginProvidersPanel, MinutesToMilliseconds, MultiSelectValueFacet, NavPageLayout, NavigationBar, NavigationButton, NoAccessModal, NotebookLitePage, NotebookLitePageGetStaticProps, ProfilePage, ProfilePageGetServerSideProps, ProfileProvider, ProtectedContent, QueryExpression, QueryExpressionContext, QueryExpressionSection, QueryPage, QueryPageGetServerSideProps, RangeFacet, ReactECharts, ResourcesFilters, SPECIAL_CASE_FIELDS, SessionExpiredModal, SinglePageStudyDetailsPanel, StaticNotebookIFrame, StaticNotebookViewer, StudyDetailsPanel, StudyGroup, StudyGroupPanel, StudyProvider, SubmissionPage, SubmissionPageGetServerSideProps, TabbedCohortBuilder, TabbedCohortBuilderPage, TabbedCohortBuilderPageGetServerSideProps, TagCloud, TailwindConfig, TopBar, UploadJSONButton, User, Workspace, WorkspaceNoAccessPage, WorkspaceNoAccessPageServerSideProps, WorkspacePage, WorkspacePageGetServerSideProps, accessibleFieldName, addIntersectionToIncludes, addUnion, analysisApiCohortDiscovery, buildNested, capitalize, classifyFacets, compareKeysAscending, compareKeysDescending, computeRowSpan, convertMinutesToMilliseconds, convertPathsToTree, convertSecondsToMilliseconds, convertToStringArray, create10ColorAccessibleContrast, create10ColorPallet, createMantineTheme, credentialsLogin, credentialsLogout, extractObjectKey, extractRangeValues, focusStyles, getAllFieldsFromFilterConfigs, getCurrentUnixTimestamp, getNavPageLayoutPropsFromConfig, getParamsValueAsString, getTagInfo, hasOwnProperty, isArrayOfString, isEnumFacetResponse, isHeaderMetadata, isPropertyKey, isTextTransform$1 as isTextTransform, mapFacetSortToSortType, processBucketData, processLabel$1 as processLabel, processRangeData, processRangeKeyLabel, registerCohortBuilderDefaultPreviewRenderers, registerCohortDiscoveryApp, registerCohortSimilarityApp, registerDefaultDiscoveryDataLoaders, registerDiscoveryDefaultCellRenderers, registerDiscoveryDefaultStudyPreviewRenderers, registerExplorerDefaultCellRenderers, registerMetadataSchemaApp, removeIntersectionFromEnum, removeKey$1 as removeKey, removeUnion, resourcePathFromProjectID, sessionLogout, sessionToken, staticNotebookAPI, stripTrailingSlash, toDisplayName, truncateString, unixTimeToString, updateFacetEnum, useClearFilters$1 as useClearFilters, useDiscoveryContext, useExtractEnumFilterValues, useExtractRangeFilterValues, useFieldNameToTitle, useGetFacetFilters$1 as useGetFacetFilters, useUpdateFilters$1 as useUpdateFilters, userHasMethodForServiceOnResource$1 as userHasMethodForServiceOnResource };
25593
+ export { AISearchPageGetServerSideProps, AccessLevel, ActionBar, ActionButton, AdminAuthZPageGetServerSideProps, AiSearch, AISearchPage as AiSearchPage, AnalysisCenter, AnalysisCenterWithSections, AnalysisEditorPage, AnalysisEditorPageGetServerSideProps, AnalysisPage, AnalysisPageGetServerSideProps, AuthzPage, BAD_DATA_MESSAGE, Banner, BaseModal, Charts, CohortBuilder, CohortManager$1 as CohortManager, CollapsableCharts, CollapsableSidebar, ColorThemePage, ColorThemePageGetServerSideProps, ContentSource$1 as ContentSource, CreateCredentialsAPIKeyModal, CrosswalkPage, CrosswalkPageGetServerSideProps, Custom404Page, DAYS_IN_YEAR, DEFAULT_MAXIMUM, DEFAULT_MINIMUM, DEFAULT_VISIBLE_ITEMS$1 as DEFAULT_VISIBLE_ITEMS, DataLibraryPage, DataLibraryPageGetServerSideProps, DictionaryPage, DictionaryPageGetServerSideProps, DiscoveryCellRendererFactory, DiscoveryProvider as DiscoveryConfigProvider, DiscoveryIndexPanel, DiscoveryPage, DiscoveryPageGetServerSideProps, DiscoveryRowRendererFactory, DropdownButton, EnumFacet, EnumFacetChart, ErrorCard, ExactValueFacet, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerPageGetServerSidePropsForConfigId, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FacetControlsHeader, FacetExpander, FacetSelector, FacetSortPanel, FacetTabs, FirstTimeModal, Footer, Gen3Button, Gen3ButtonReverse, Gen3Link, Gen3ModalsProvider, Gen3Provider, GqlQueryEditor$1 as GqlQueryEditor, Header$1 as Header, HoverLink, LandingPage, LandingPageGetServerSideProps, LoginButton$1 as LoginButton, LoginPage, LoginPageGetServerSideProps, LoginPanel, LoginProvidersPanel, MinutesToMilliseconds, MultiSelectValueFacet, NavPageLayout, NavigationBar, NavigationButton, NoAccessModal, NotebookLitePage, NotebookLitePageGetStaticProps, ProfilePage, ProfilePageGetServerSideProps, ProfileProvider, ProtectedContent, QueryExpression, QueryExpressionContext, QueryExpressionSection, QueryPage, QueryPageGetServerSideProps, RangeFacet, ReactECharts, ResourcesFilters, SPECIAL_CASE_FIELDS, SessionExpiredModal, SinglePageStudyDetailsPanel, StaticNotebookIFrame, StaticNotebookViewer, StudyDetailsPanel, StudyGroup, StudyGroupPanel, StudyProvider, SubmissionPage, SubmissionPageGetServerSideProps, TabbedCohortBuilder, TabbedCohortBuilderPage, TabbedCohortBuilderPageGetServerSideProps, TagCloud, TailwindConfig, TopBar, UploadJSONButton, User, Workspace, WorkspaceNoAccessPage, WorkspaceNoAccessPageServerSideProps, WorkspacePage, WorkspacePageGetServerSideProps, accessibleFieldName, addIntersectionToIncludes, addUnion, analysisApiCohortDiscovery, buildNested, capitalize, classifyFacets, compareKeysAscending, compareKeysDescending, computeRowSpan, convertMinutesToMilliseconds, convertPathsToTree, convertSecondsToMilliseconds, convertToStringArray, create10ColorAccessibleContrast, create10ColorPallet, createMantineTheme, credentialsLogin, credentialsLogout, extractObjectKey, extractRangeValues, focusStyles, getAllFieldsFromFilterConfigs, getCurrentUnixTimestamp, getNavPageLayoutPropsFromConfig, getParamsValueAsString, getTagInfo, hasOwnProperty, isArrayOfString, isEnumFacetResponse, isHeaderMetadata, isPropertyKey, isTextTransform$1 as isTextTransform, mapFacetSortToSortType, processBucketData, processLabel$1 as processLabel, processRangeData, processRangeKeyLabel, registerCohortBuilderDefaultPreviewRenderers, registerCohortDiscoveryApp, registerCohortSimilarityApp, registerDefaultDiscoveryDataLoaders, registerDiscoveryDefaultCellRenderers, registerDiscoveryDefaultStudyPreviewRenderers, registerExplorerDefaultCellRenderers, registerMetadataSchemaApp, removeIntersectionFromEnum, removeKey$1 as removeKey, removeUnion, resourcePathFromProjectID, sessionLogout, sessionToken, staticNotebookAPI, stripTrailingSlash, toCountsString, toDisplayName, truncateString, unixTimeToString, updateFacetEnum, useClearFilters$1 as useClearFilters, useDiscoveryContext, useExtractEnumFilterValues, useExtractRangeFilterValues, useFieldNameToTitle, useGetFacetFilters$1 as useGetFacetFilters, useUpdateFilters$1 as useUpdateFilters, userHasMethodForServiceOnResource$1 as userHasMethodForServiceOnResource };
25533
25594
  //# sourceMappingURL=index.js.map