@gen3/frontend 0.10.97 → 0.10.98
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.
- package/dist/cjs/index.js +8894 -8123
- package/dist/cjs/index.js.map +1 -1
- package/dist/dts/components/Login/LoginPanel.js +0 -1
- package/dist/dts/components/Login/LoginPanel.js.map +1 -1
- package/dist/dts/components/SegmentedControl.d.ts +8 -0
- package/dist/dts/components/SegmentedControl.d.ts.map +1 -0
- package/dist/dts/components/SegmentedControl.js +23 -0
- package/dist/dts/components/SegmentedControl.js.map +1 -0
- package/dist/dts/components/charts/CollapsableCharts.d.ts +9 -0
- package/dist/dts/components/charts/CollapsableCharts.d.ts.map +1 -0
- package/dist/dts/components/charts/CollapsableCharts.js +24 -0
- package/dist/dts/components/charts/CollapsableCharts.js.map +1 -0
- package/dist/dts/components/facets/EnumFacet.js +2 -2
- package/dist/dts/components/facets/EnumFacet.js.map +1 -1
- package/dist/dts/components/facets/ExactValueFacet.d.ts.map +1 -1
- package/dist/dts/components/facets/ExactValueFacet.js +3 -3
- package/dist/dts/components/facets/ExactValueFacet.js.map +1 -1
- package/dist/dts/components/facets/FacetSelectionModal.d.ts +22 -0
- package/dist/dts/components/facets/FacetSelectionModal.d.ts.map +1 -0
- package/dist/dts/components/facets/FacetSelectionModal.js +77 -0
- package/dist/dts/components/facets/FacetSelectionModal.js.map +1 -0
- package/dist/dts/components/facets/FacetTabs.d.ts +38 -0
- package/dist/dts/components/facets/FacetTabs.d.ts.map +1 -0
- package/dist/dts/components/facets/FacetTabs.js +166 -0
- package/dist/dts/components/facets/FacetTabs.js.map +1 -0
- package/dist/dts/components/facets/MultiSelectValueFacet.d.ts.map +1 -1
- package/dist/dts/components/facets/MultiSelectValueFacet.js +3 -3
- package/dist/dts/components/facets/MultiSelectValueFacet.js.map +1 -1
- package/dist/dts/components/facets/NumericRangeFacet/DaysOrYears.d.ts +5 -0
- package/dist/dts/components/facets/NumericRangeFacet/DaysOrYears.d.ts.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/DaysOrYears.js +29 -0
- package/dist/dts/components/facets/NumericRangeFacet/DaysOrYears.js.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/FromTo.d.ts +32 -0
- package/dist/dts/components/facets/NumericRangeFacet/FromTo.d.ts.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/FromTo.js +168 -0
- package/dist/dts/components/facets/NumericRangeFacet/FromTo.js.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/NumericRangePanel.d.ts +5 -0
- package/dist/dts/components/facets/NumericRangeFacet/NumericRangePanel.d.ts.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/NumericRangePanel.js +30 -0
- package/dist/dts/components/facets/NumericRangeFacet/NumericRangePanel.js.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/PercentRange.d.ts +5 -0
- package/dist/dts/components/facets/NumericRangeFacet/PercentRange.d.ts.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/PercentRange.js +11 -0
- package/dist/dts/components/facets/NumericRangeFacet/PercentRange.js.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/RangeInputWithPrefixedRanges.d.ts +12 -0
- package/dist/dts/components/facets/NumericRangeFacet/RangeInputWithPrefixedRanges.d.ts.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/RangeInputWithPrefixedRanges.js +113 -0
- package/dist/dts/components/facets/NumericRangeFacet/RangeInputWithPrefixedRanges.js.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/RangeValueSelector.d.ts +26 -0
- package/dist/dts/components/facets/NumericRangeFacet/RangeValueSelector.d.ts.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/RangeValueSelector.js +63 -0
- package/dist/dts/components/facets/NumericRangeFacet/RangeValueSelector.js.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/Year.d.ts +5 -0
- package/dist/dts/components/facets/NumericRangeFacet/Year.d.ts.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/Year.js +23 -0
- package/dist/dts/components/facets/NumericRangeFacet/Year.js.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/Years.d.ts +5 -0
- package/dist/dts/components/facets/NumericRangeFacet/Years.d.ts.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/Years.js +24 -0
- package/dist/dts/components/facets/NumericRangeFacet/Years.js.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/index.d.ts +19 -0
- package/dist/dts/components/facets/NumericRangeFacet/index.d.ts.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/index.js +65 -0
- package/dist/dts/components/facets/NumericRangeFacet/index.js.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/types.d.ts +27 -0
- package/dist/dts/components/facets/NumericRangeFacet/types.d.ts.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/types.js +2 -0
- package/dist/dts/components/facets/NumericRangeFacet/types.js.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/utils.d.ts +52 -0
- package/dist/dts/components/facets/NumericRangeFacet/utils.d.ts.map +1 -0
- package/dist/dts/components/facets/NumericRangeFacet/utils.js +288 -0
- package/dist/dts/components/facets/NumericRangeFacet/utils.js.map +1 -0
- package/dist/dts/components/facets/RangeFacet.d.ts +1 -6
- package/dist/dts/components/facets/RangeFacet.d.ts.map +1 -1
- package/dist/dts/components/facets/RangeFacet.js +3 -3
- package/dist/dts/components/facets/RangeFacet.js.map +1 -1
- package/dist/dts/components/facets/constants.d.ts +1 -0
- package/dist/dts/components/facets/constants.d.ts.map +1 -1
- package/dist/dts/components/facets/constants.js +1 -0
- package/dist/dts/components/facets/constants.js.map +1 -1
- package/dist/dts/components/facets/createFacetCard.d.ts +16 -2
- package/dist/dts/components/facets/createFacetCard.d.ts.map +1 -1
- package/dist/dts/components/facets/createFacetCard.js +13 -10
- package/dist/dts/components/facets/createFacetCard.js.map +1 -1
- package/dist/dts/components/facets/createFacetCards.d.ts +10 -0
- package/dist/dts/components/facets/createFacetCards.d.ts.map +1 -0
- package/dist/dts/components/facets/createFacetCards.js +19 -0
- package/dist/dts/components/facets/createFacetCards.js.map +1 -0
- package/dist/dts/components/facets/hooks.d.ts +1 -0
- package/dist/dts/components/facets/hooks.d.ts.map +1 -1
- package/dist/dts/components/facets/hooks.js +10 -1
- package/dist/dts/components/facets/hooks.js.map +1 -1
- package/dist/dts/components/facets/index.d.ts +11 -1
- package/dist/dts/components/facets/index.d.ts.map +1 -1
- package/dist/dts/components/facets/index.js +11 -1
- package/dist/dts/components/facets/index.js.map +1 -1
- package/dist/dts/components/facets/types.d.ts +97 -3
- package/dist/dts/components/facets/types.d.ts.map +1 -1
- package/dist/dts/components/facets/types.js.map +1 -1
- package/dist/dts/features/Analysis/AnalysisCardCompact.stories.d.ts +6 -6
- package/dist/dts/features/CohortBuilder/CohortPanel.d.ts.map +1 -1
- package/dist/dts/features/CohortBuilder/CohortPanel.js +6 -2
- package/dist/dts/features/CohortBuilder/CohortPanel.js.map +1 -1
- package/dist/dts/features/CohortBuilder/ExplorerTable/ArrayCellRenderer.d.ts.map +1 -1
- package/dist/dts/features/CohortBuilder/ExplorerTable/ArrayCellRenderer.js +0 -4
- package/dist/dts/features/CohortBuilder/ExplorerTable/ArrayCellRenderer.js.map +1 -1
- package/dist/dts/features/CohortBuilder/FiltersPanel.d.ts.map +1 -1
- package/dist/dts/features/CohortBuilder/FiltersPanel.js +9 -1
- package/dist/dts/features/CohortBuilder/FiltersPanel.js.map +1 -1
- package/dist/dts/features/CohortBuilder/TabbedCohortBuilder.d.ts +16 -0
- package/dist/dts/features/CohortBuilder/TabbedCohortBuilder.d.ts.map +1 -0
- package/dist/dts/features/CohortBuilder/TabbedCohortBuilder.js +185 -0
- package/dist/dts/features/CohortBuilder/TabbedCohortBuilder.js.map +1 -0
- package/dist/dts/features/CohortBuilder/index.d.ts +3 -2
- package/dist/dts/features/CohortBuilder/index.d.ts.map +1 -1
- package/dist/dts/features/CohortBuilder/index.js +3 -2
- package/dist/dts/features/CohortBuilder/index.js.map +1 -1
- package/dist/dts/features/CohortDiscovery/ChartsAndFacetsPanel.d.ts.map +1 -1
- package/dist/dts/features/CohortDiscovery/ChartsAndFacetsPanel.js +5 -1
- package/dist/dts/features/CohortDiscovery/ChartsAndFacetsPanel.js.map +1 -1
- package/dist/dts/features/CohortDiscovery/IndexPanel.d.ts.map +1 -1
- package/dist/dts/features/CohortDiscovery/IndexPanel.js +5 -4
- package/dist/dts/features/CohortDiscovery/IndexPanel.js.map +1 -1
- package/dist/dts/features/Discovery/Charts/CollapsableChartsPanel.d.ts +9 -0
- package/dist/dts/features/Discovery/Charts/CollapsableChartsPanel.d.ts.map +1 -0
- package/dist/dts/features/Discovery/Charts/CollapsableChartsPanel.js +24 -0
- package/dist/dts/features/Discovery/Charts/CollapsableChartsPanel.js.map +1 -0
- package/dist/dts/features/Navigation/Header.js +1 -1
- package/dist/dts/features/Navigation/Header.js.map +1 -1
- package/dist/dts/index.d.ts +6 -3
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/index.js +5 -2
- package/dist/dts/index.js.map +1 -1
- package/dist/dts/pages/TabbedCohortBuilder/TabbedCohortBuilderPage.d.ts +4 -0
- package/dist/dts/pages/TabbedCohortBuilder/TabbedCohortBuilderPage.d.ts.map +1 -0
- package/dist/dts/pages/TabbedCohortBuilder/TabbedCohortBuilderPage.js +24 -0
- package/dist/dts/pages/TabbedCohortBuilder/TabbedCohortBuilderPage.js.map +1 -0
- package/dist/dts/pages/TabbedCohortBuilder/data.d.ts +4 -0
- package/dist/dts/pages/TabbedCohortBuilder/data.d.ts.map +1 -0
- package/dist/dts/pages/TabbedCohortBuilder/data.js +81 -0
- package/dist/dts/pages/TabbedCohortBuilder/data.js.map +1 -0
- package/dist/dts/pages/TabbedCohortBuilder/index.d.ts +3 -0
- package/dist/dts/pages/TabbedCohortBuilder/index.d.ts.map +1 -0
- package/dist/dts/pages/TabbedCohortBuilder/index.js +3 -0
- package/dist/dts/pages/TabbedCohortBuilder/index.js.map +1 -0
- package/dist/dts/pages/TabbedCohortBuilder/types.d.ts +6 -0
- package/dist/dts/pages/TabbedCohortBuilder/types.d.ts.map +1 -0
- package/dist/dts/pages/TabbedCohortBuilder/types.js +2 -0
- package/dist/dts/pages/TabbedCohortBuilder/types.js.map +1 -0
- package/dist/dts/types/icons.d.ts +4 -2
- package/dist/dts/types/icons.d.ts.map +1 -1
- package/dist/dts/types/icons.js +4 -2
- package/dist/dts/types/icons.js.map +1 -1
- package/dist/dts/utils/useScrollToHash.d.ts +8 -0
- package/dist/dts/utils/useScrollToHash.d.ts.map +1 -0
- package/dist/dts/utils/useScrollToHash.js +25 -0
- package/dist/dts/utils/useScrollToHash.js.map +1 -0
- package/dist/esm/index.js +8831 -8099
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +684 -232
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
|
@@ -66,7 +66,6 @@ var filterRedirect = function (redirect) {
|
|
|
66
66
|
else {
|
|
67
67
|
redirectPath = redirect !== null && redirect !== void 0 ? redirect : '/';
|
|
68
68
|
}
|
|
69
|
-
console.log('redirectPath', redirectPath);
|
|
70
69
|
return GEN3_REDIRECT_URL
|
|
71
70
|
? "".concat(GEN3_REDIRECT_URL, "/").concat(redirectPath)
|
|
72
71
|
: redirectPath;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginPanel.js","sourceRoot":"","sources":["../../../../src/components/Login/LoginPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,iBAAiB,MAAM,6BAA6B,CAAC;AAC5D,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,IAAM,cAAc,GAAG,UAAC,QAAuC;IAC7D,IAAI,YAAY,GAAG,EAAE,CAAC;IACtB,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5B,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC;SAAM,CAAC;QACN,YAAY,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,GAAG,CAAC;IACjC,CAAC;
|
|
1
|
+
{"version":3,"file":"LoginPanel.js","sourceRoot":"","sources":["../../../../src/components/Login/LoginPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,iBAAiB,MAAM,6BAA6B,CAAC;AAC5D,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,IAAM,cAAc,GAAG,UAAC,QAAuC;IAC7D,IAAI,YAAY,GAAG,EAAE,CAAC;IACtB,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5B,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC;SAAM,CAAC;QACN,YAAY,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,GAAG,CAAC;IACjC,CAAC;IAED,OAAO,iBAAiB;QACtB,CAAC,CAAC,UAAG,iBAAiB,cAAI,YAAY,CAAE;QACxC,CAAC,CAAC,YAAY,CAAC;AACnB,CAAC,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,WAAwB;IAClC,IAAA,KAAK,GAAgC,WAAW,MAA3C,EAAE,UAAU,GAAoB,WAAW,WAA/B,EAAE,aAAa,GAAK,WAAW,cAAhB,CAAiB;IAEzD,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAEhB,IAAA,OAAO,GACd,MAAM,cADQ,CACP;IAEX,IAAM,wBAAwB,GAAG,WAAW,CAC1C,UAAO,QAAgB;;YACrB,MAAM;iBACH,IAAI,CACH,UAAG,oBAAoB,CAAC,QAAQ,EAAE,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAE,CACzE;iBACA,KAAK,CAAC,UAAC,CAAC;gBACP,gBAAgB,CAAC;oBACf,KAAK,EAAE,aAAa;oBACpB,OAAO,EAAE,2BAAoB,CAAC,CAAC,OAAO,CAAE;iBACzC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;;;SACN,EACD,CAAC,OAAO,EAAE,MAAM,CAAC,CAClB,CAAC;IAEF,IAAM,sBAAsB,GAAG,WAAW,CAAC;;;YACnC,QAAQ,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAC1E,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,UAAC,CAAC;gBAC5B,gBAAgB,CAAC;oBACf,KAAK,EAAE,aAAa;oBACpB,OAAO,EAAE,2BAAoB,CAAC,CAAC,OAAO,CAAE;iBACzC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;;;SACJ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,iBAAiB,IAAC,GAAG,EAAE,KAAK,GAAI,EACjC,eAAK,SAAS,EAAC,8IAA8I,aAC1J,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,IAAK,OAAA,CACnC,eAAC,WAAW,eAAK,OAAO,IAAE,GAAG,EAAE,KAAK,IAAI,CACzC,EAFoC,CAEpC,CAAC,EAEF,KAAC,mBAAmB,IAAC,mBAAmB,EAAE,wBAAwB,GAAI,EAErE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,oBAAoB;wBAChC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,IAAI,CACxC,KAAC,gBAAgB,IAAC,WAAW,EAAE,sBAAsB,GAAI,CAC1D,EACH,KAAC,MAAM,cACL,KAAC,KAAK,cACH,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,IAAK,OAAA,CACtC,eAAC,WAAW,eAAK,OAAO,IAAE,GAAG,EAAE,wBAAiB,KAAK,CAAE,IAAI,CAC5D,EAFuC,CAEvC,CAAC,GACI,GACD,IACL,EACN,KAAC,iBAAiB,IAAC,GAAG,EAAE,KAAK,GAAI,IAC7B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SegmentedControlProps as MantineSegmentedControlProps } from '@mantine/core';
|
|
3
|
+
type SegmentedControlProps = MantineSegmentedControlProps & {
|
|
4
|
+
readonly padding?: number;
|
|
5
|
+
};
|
|
6
|
+
declare const SegmentedControl: React.FC<SegmentedControlProps>;
|
|
7
|
+
export default SegmentedControl;
|
|
8
|
+
//# sourceMappingURL=SegmentedControl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,qBAAqB,IAAI,4BAA4B,EACtD,MAAM,eAAe,CAAC;AAEvB,KAAK,qBAAqB,GAAG,4BAA4B,GAAG;IAC1D,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgBrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { SegmentedControl as MantineSegmentedControl, } from '@mantine/core';
|
|
14
|
+
var SegmentedControl = function (props) {
|
|
15
|
+
return (_jsx(MantineSegmentedControl, __assign({ classNames: {
|
|
16
|
+
root: 'bg-base-max h-fit p-0',
|
|
17
|
+
indicator: 'opacity-0',
|
|
18
|
+
control: 'z-0 rounded-none border-0 [&:nth-child(2)>label]:rounded-l-md [&:last-child>label]:rounded-r-md [&:last-child>label]:border-r-1',
|
|
19
|
+
label: "".concat((props === null || props === void 0 ? void 0 : props.padding) ? "p-".concat(props.padding) : 'p-0', " text-primary font-semibold data-active:text-base-max data-active:bg-primary data-disabled:bg-base-lightest data-disabled:text-base-lighter\n border-1 border-r-0 !border-primary rounded-none data-disabled:!border-base-lighter"),
|
|
20
|
+
} }, props)));
|
|
21
|
+
};
|
|
22
|
+
export default SegmentedControl;
|
|
23
|
+
//# sourceMappingURL=SegmentedControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EACL,gBAAgB,IAAI,uBAAuB,GAE5C,MAAM,eAAe,CAAC;AAMvB,IAAM,gBAAgB,GAAoC,UAAC,KAAK;IAC9D,OAAO,CACL,KAAC,uBAAuB,aACtB,UAAU,EAAE;YACV,IAAI,EAAE,uBAAuB;YAC7B,SAAS,EAAE,WAAW;YACtB,OAAO,EACL,iIAAiI;YACnI,KAAK,EAAE,UACL,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAC,CAAC,CAAC,YAAK,KAAK,CAAC,OAAO,CAAE,CAAC,CAAC,CAAC,KAAK,gPAEwC;SACxF,IACG,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { CollapsableChartsPanelConfiguration } from './types';
|
|
2
|
+
import { AggregationsData } from '@gen3/core';
|
|
3
|
+
interface ChartsPanelProps {
|
|
4
|
+
config: CollapsableChartsPanelConfiguration;
|
|
5
|
+
data: AggregationsData;
|
|
6
|
+
}
|
|
7
|
+
declare const CollapsableCharts: ({ config, data }: ChartsPanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default CollapsableCharts;
|
|
9
|
+
//# sourceMappingURL=CollapsableCharts.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsableCharts.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/CollapsableCharts.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mCAAmC,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAG9C,UAAU,gBAAgB;IACxB,MAAM,EAAE,mCAAmC,CAAC;IAC5C,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,QAAA,MAAM,iBAAiB,GAAI,kBAAkB,gBAAgB,4CA4D5D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { useState } from 'react';
|
|
3
|
+
import { Accordion, Center, Switch, Divider, Box } from '@mantine/core';
|
|
4
|
+
import Charts from './Charts';
|
|
5
|
+
import { ErrorCard } from '../../components/MessageCards';
|
|
6
|
+
var CollapsableCharts = function (_a) {
|
|
7
|
+
var _b, _c, _d;
|
|
8
|
+
var config = _a.config, data = _a.data;
|
|
9
|
+
var _e = useState((_b = config.showLegends) === null || _b === void 0 ? void 0 : _b.enabled), showLegends = _e[0], setShowLegends = _e[1];
|
|
10
|
+
if (!((config === null || config === void 0 ? void 0 : config.charts) && Object.keys(config.charts).length > 0)) {
|
|
11
|
+
return (_jsx(Center, { children: _jsx(ErrorCard, { message: "Discovery Charts Section not setup properly" }) }));
|
|
12
|
+
}
|
|
13
|
+
return (_jsx(Accordion, { unstyled: true, classNames: {
|
|
14
|
+
root: 'mb-4 bg-base-max w-full rounded-lg',
|
|
15
|
+
control: 'bg-secondary-lightest w-full px-4 py-2 rounded-lg data-active:rounded-b-none text-left group',
|
|
16
|
+
label: 'pl-2 font-bold [text-shadow:_1px_0_#000]',
|
|
17
|
+
chevron: 'rounded-full bg-secondary-dark text-white inline-block align-middle group-data-[active]:rotate-180 transition-all',
|
|
18
|
+
panel: 'py-4',
|
|
19
|
+
}, chevronPosition: "left", defaultValue: "chartsAccordion", children: _jsxs(Accordion.Item, { value: 'chartsAccordion', children: [_jsx(Accordion.Control, { children: config.title || '' }), _jsxs(Accordion.Panel, { children: [((_c = config.showLegends) === null || _c === void 0 ? void 0 : _c.enabled) && ((_d = config.showLegends) === null || _d === void 0 ? void 0 : _d.showSwitch) && (_jsxs(React.Fragment, { children: [_jsx(Switch, { color: "accent", labelPosition: "left", label: "Show legends", size: "xs", px: "md", checked: showLegends, onChange: function (event) {
|
|
20
|
+
return setShowLegends(event.currentTarget.checked);
|
|
21
|
+
} }), _jsx(Divider, { my: "sm" })] })), _jsx(Box, { px: "md", children: _jsx(Charts, { showLegends: showLegends, style: "box", charts: config.charts, data: data, counts: 2, isSuccess: true, numCols: 4 }) })] })] }) }));
|
|
22
|
+
};
|
|
23
|
+
export default CollapsableCharts;
|
|
24
|
+
//# sourceMappingURL=CollapsableCharts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsableCharts.js","sourceRoot":"","sources":["../../../../src/components/charts/CollapsableCharts.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,MAAM,MAAM,UAAU,CAAC;AAG9B,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAO1D,IAAM,iBAAiB,GAAG,UAAC,EAAkC;;QAAhC,MAAM,YAAA,EAAE,IAAI,UAAA;IACjC,IAAA,KAAgC,QAAQ,CAAC,MAAA,MAAM,CAAC,WAAW,0CAAE,OAAO,CAAC,EAApE,WAAW,QAAA,EAAE,cAAc,QAAyC,CAAC;IAE5E,IAAI,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;QAC/D,OAAO,CACL,KAAC,MAAM,cACL,KAAC,SAAS,IAAC,OAAO,EAAC,6CAA6C,GAAG,GAC5D,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,QAAQ,QACR,UAAU,EAAE;YACV,IAAI,EAAE,oCAAoC;YAC1C,OAAO,EACL,8FAA8F;YAChG,KAAK,EAAE,0CAA0C;YACjD,OAAO,EACL,mHAAmH;YACrH,KAAK,EAAE,MAAM;SACd,EACD,eAAe,EAAC,MAAM,EACtB,YAAY,EAAC,iBAAiB,YAE9B,MAAC,SAAS,CAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,aACtC,KAAC,SAAS,CAAC,OAAO,cAAE,MAAM,CAAC,KAAK,IAAI,EAAE,GAAqB,EAC3D,MAAC,SAAS,CAAC,KAAK,eACb,CAAA,MAAA,MAAM,CAAC,WAAW,0CAAE,OAAO,MAAI,MAAA,MAAM,CAAC,WAAW,0CAAE,UAAU,CAAA,IAAI,CAChE,MAAC,KAAK,CAAC,QAAQ,eACb,KAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,aAAa,EAAC,MAAM,EACpB,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,IAAI,EACT,EAAE,EAAC,IAAI,EACP,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAC,KAAK;wCACd,OAAA,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC;oCAA3C,CAA2C,GAE7C,EACF,KAAC,OAAO,IAAC,EAAE,EAAC,IAAI,GAAG,IACJ,CAClB,EACD,KAAC,GAAG,IAAC,EAAE,EAAC,IAAI,YACV,KAAC,MAAM,IACL,WAAW,EAAE,WAAW,EACxB,KAAK,EAAC,KAAK,EACX,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,CAAC,GACV,GACE,IACU,IACH,GACP,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import FacetControlsHeader from './FacetControlsHeader';
|
|
4
4
|
import FacetEnumList from './FacetEnumList';
|
|
5
|
-
import { FacetHeader, FacetText
|
|
5
|
+
import { controlsIconStyle, FacetHeader, FacetText } from './components';
|
|
6
6
|
var EnumFacet = function (_a) {
|
|
7
7
|
var field = _a.field, hooks = _a.hooks, valueLabel = _a.valueLabel, description = _a.description, facetName = _a.facetName, _b = _a.showPercent, showPercent = _b === void 0 ? true : _b, _c = _a.hideIfEmpty, hideIfEmpty = _c === void 0 ? true : _c, _d = _a.showSearch, showSearch = _d === void 0 ? true : _d, _e = _a.showFlip, showFlip = _e === void 0 ? false : _e, _f = _a.showSettings, showSettings = _f === void 0 ? false : _f, // TODO: change to true with support for combine ops is completed
|
|
8
8
|
_g = _a.startShowingData, // TODO: change to true with support for combine ops is completed
|
|
@@ -25,7 +25,7 @@ var EnumFacet = function (_a) {
|
|
|
25
25
|
var toggleFlip = function () {
|
|
26
26
|
setIsFacetView(function (isFacetView) { return !isFacetView; });
|
|
27
27
|
};
|
|
28
|
-
return (_jsxs("div", { className: "flex flex-col ".concat(width ? width : 'mx-1', " bg-base-max relative border-base-light border-1 rounded-
|
|
28
|
+
return (_jsxs("div", { className: "flex flex-col ".concat(width ? width : 'mx-1', " bg-base-max relative border-base-light border-1 rounded-md text-xs transition"), id: field, children: [_jsx(FacetControlsHeader, { field: field, description: description, hooks: hooks, facetName: facetName, showSearch: showSearch, showFlip: showFlip, showSettings: showSettings, isFacetView: isFacetView, toggleFlip: toggleFlip, toggleSearch: toggleSearch, toggleSettings: toggleSettings, dismissCallback: dismissCallback, sharedWithIndices: sharedWithIndices, header: header }), _jsx("div", { className: showFilters ? 'h-full' : 'h-0 invisible', "aria-hidden": !showFilters, children: _jsx(FacetEnumList, { field: field, facetName: facetName, valueLabel: valueLabel, hooks: hooks, isSettings: isSettings, isFacetView: isFacetView, isSearching: isSearching, hideIfEmpty: hideIfEmpty, showPercent: showPercent }) })] }));
|
|
29
29
|
};
|
|
30
30
|
export default EnumFacet;
|
|
31
31
|
//# sourceMappingURL=EnumFacet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EnumFacet.js","sourceRoot":"","sources":["../../../../src/components/facets/EnumFacet.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"EnumFacet.js","sourceRoot":"","sources":["../../../../src/components/facets/EnumFacet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExactValueFacet.d.ts","sourceRoot":"","sources":["../../../../src/components/facets/ExactValueFacet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"ExactValueFacet.d.ts","sourceRoot":"","sources":["../../../../src/components/facets/ExactValueFacet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAczD,KAAK,eAAe,GAAG,IAAI,CACzB,cAAc,CAAC,cAAc,CAAC,EAC9B,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,CACzD,CAAC;AAmBF;;;;;;;;;;GAUG;AACH,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqI9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -19,9 +19,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
19
19
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
20
|
};
|
|
21
21
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
|
-
import {
|
|
22
|
+
import { useMemo, useState } from 'react';
|
|
23
23
|
import { ActionIcon, Badge, Group, TextInput } from '@mantine/core';
|
|
24
|
-
import { controlsIconStyle,
|
|
24
|
+
import { controlsIconStyle, FacetHeader, FacetText } from './components';
|
|
25
25
|
import { MdClose as CloseIcon } from 'react-icons/md';
|
|
26
26
|
import { FaPlus as PlusIcon } from 'react-icons/fa';
|
|
27
27
|
import { trimFirstFieldNameToTitle, } from '@gen3/core';
|
|
@@ -98,7 +98,7 @@ var ExactValueFacet = function (_a) {
|
|
|
98
98
|
var removeButton = function (x) {
|
|
99
99
|
return (_jsx(ActionIcon, { size: "xs", color: "white", radius: "xl", variant: "transparent", onClick: function () { return setValues(textValues.filter(function (i) { return i !== x; })); }, children: _jsx(CloseIcon, { size: 10, "aria-label": "remove value from filter" }) }));
|
|
100
100
|
};
|
|
101
|
-
return (_jsxs("div", { className: "flex flex-col ".concat(width ? width : 'mx-0', " bg-base-max relative border-base-lighter border-1 rounded-
|
|
101
|
+
return (_jsxs("div", { className: "flex flex-col ".concat(width ? width : 'mx-0', " bg-base-max relative border-base-lighter border-1 rounded-md text-xs transition"), children: [_jsx(FacetControlsHeader, { field: field, description: description, hooks: hooks, facetName: facetName, dismissCallback: dismissCallback, header: header }), _jsxs("div", { className: showFilters ? 'h-full' : 'h-0 invisible', "aria-hidden": !showFilters, children: [_jsxs("div", { className: "flex flex-nowrap items-center p-2", children: [_jsx(TextInput, { "data-testid": "textbox-add-filter-value", size: "sm", placeholder: "Enter ".concat(facetTitle), classNames: {
|
|
102
102
|
root: 'grow',
|
|
103
103
|
input: 'border-r-0 rounded-r-none py-1',
|
|
104
104
|
}, "aria-label": "enter value to add filter", value: textValue, onChange: function (event) { return setTextValue(event.currentTarget.value); } }), _jsx(ActionIcon, { size: "lg", "aria-label": "add string value", className: "bg-accent text-accent-contrast border-base-min border-1 rounded-l-none h-[30px]", onClick: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExactValueFacet.js","sourceRoot":"","sources":["../../../../src/components/facets/ExactValueFacet.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"ExactValueFacet.js","sourceRoot":"","sources":["../../../../src/components/facets/ExactValueFacet.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAKL,yBAAyB,GAC1B,MAAM,YAAY,CAAC;AACpB,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAOxD,IAAM,0BAA0B,GAAG,UAAC,EAAa;IAC/C,OAAA,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC;AAA5B,CAA4B,CAAC,CAAC,wCAAwC;AAExE;;;;GAIG;AACH,IAAM,aAAa,GAAG,UACpB,SAAqB;IAErB,IAAI,SAAS,IAAI,0BAA0B,CAAC,SAAS,CAAC,EAAE,CAAC;QACvD,OAAO,SAAS,CAAC,QAAQ,CAAC;IAC5B,CAAC;IACD,OAAO,EAA2B,CAAC;AACrC,CAAC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,IAAM,eAAe,GAA8B,UAAC,EAYlC;QAXhB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,uBAA2B,EAA3B,eAAe,mBAAG,SAAS,KAAA,EAC3B,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,KAAK,WAAA,EACL,cAIC,EAJD,MAAM,mBAAG;QACP,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,iBAAiB;KAC7B,KAAA;IAEK,IAAA,KAA4B,QAAQ,CAAC,EAAE,CAAC,EAAvC,SAAS,QAAA,EAAE,YAAY,QAAgB,CAAC,CAAC,oCAAoC;IACpF,IAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;IAC5C,IAAM,kBAAkB,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;IACzD,IAAM,UAAU,GAAG,SAAS;QAC1B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC3C,IAAM,UAAU,GAAG,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACnD,IAAM,UAAU,GAAG,OAAO,CAAC,cAAM,OAAA,aAAa,CAAC,UAAU,CAAC,EAAzB,CAAyB,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1E,IAAM,gBAAgB,GACpB,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC5D,IAAM,WAAW,GAAG,gBAAgB,KAAK,SAAS,IAAI,gBAAgB,CAAC;IAEvE,IAAM,SAAS,GAAG,UAAC,MAAuB;QACxC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,IAAI,UAAU,IAAI,0BAA0B,CAAC,UAAU,CAAC,EAAE,CAAC;gBACzD,uBAAuB;gBACvB,kBAAkB,CAAC,KAAK,wBACnB,UAAU,KACb,QAAQ,EAAE,MAAM,IAChB,CAAC;YACL,CAAC;YACD,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;gBAC7B,+EAA+E;gBAC/E,kBAAkB,CAAC,KAAK,EAAE;oBACxB,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,KAAK;oBACZ,QAAQ,EAAE,MAAM;iBACjB,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QACD,8BAA8B;aACzB,CAAC;YACJ,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,CAAkB;QAClC,IAAI,CAAC,KAAK,EAAE;YAAE,OAAO;QACrB,IAAI,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;YAAE,OAAO;QACnC,YAAY,CAAC,EAAE,CAAC,CAAC;QACjB,SAAS,iCAAK,UAAU,UAAE,CAAC,UAAE,CAAC;IAChC,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,CAAkB;QACtC,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,KAAK,CAAC,EAAP,CAAO,CAAC,CAAC,EAA5C,CAA4C,YAE3D,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,gBAAa,0BAA0B,GAAG,GAClD,CACd,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,wBACT,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,qFAC0D,aAElF,KAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,GACd,EACF,eACE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,iBACtC,CAAC,WAAW,aAEzB,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,SAAS,mBACI,0BAA0B,EACtC,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,gBAAS,UAAU,CAAE,EAClC,UAAU,EAAE;oCACV,IAAI,EAAE,MAAM;oCACZ,KAAK,EAAE,gCAAgC;iCACxC,gBACU,2BAA2B,EACtC,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAAvC,CAAuC,GAC5D,EACF,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,gBACE,kBAAkB,EAC7B,SAAS,EAAC,iFAAiF,EAC3F,OAAO,EAAE;oCACP,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;wCAAE,QAAQ,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;gCACvD,CAAC,YAED,KAAC,QAAQ,KAAG,GACD,IACT,EAEN,KAAC,KAAK,IACJ,GAAG,EAAC,IAAI,EACR,SAAS,EAAC,oCAAoC,iBAClC,cAAc,YAEzB,UAAU,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CACrB,KAAC,KAAK,IACJ,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,QAAQ,EAEd,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,YAE5B,CAAC,IAHG,CAAC,CAIA,CACT,EAVsB,CAUtB,CAAC,GACI,IACJ,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { FacetDefinition as FacetCardDefinition } from '@gen3/core';
|
|
2
|
+
import { QueryOptions } from './types';
|
|
3
|
+
interface FacetSelectionModalProps {
|
|
4
|
+
readonly usedFacets: readonly string[];
|
|
5
|
+
readonly useAvailableCustomFacets: (usedFacets: readonly string[], onlyFiltersWithValues: boolean, queryOptions?: QueryOptions) => {
|
|
6
|
+
data: Record<string, FacetCardDefinition>;
|
|
7
|
+
};
|
|
8
|
+
readonly handleFilterSelected: (field: string) => void;
|
|
9
|
+
readonly queryOptions?: QueryOptions;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Top Level Facet Selection Panel. This component handles getting the available Facets using the supplied selector (useFacetSelector)
|
|
13
|
+
* If a user picks a facet it will call handleFilterSelected
|
|
14
|
+
* passing the full name of the selected Facet
|
|
15
|
+
* @param usedFacets - list of facets that have already been selected
|
|
16
|
+
* @param useAvailableCustomFacets - hook to retrieve list of filter currently in use, those filters are not shown in the list
|
|
17
|
+
* @param handleFilterSelected - function which handled when a filter is selected
|
|
18
|
+
* @param queryOptions - info to pass back to data fetching hooks about this facet
|
|
19
|
+
*/
|
|
20
|
+
declare const FacetSelectionModal: ({ usedFacets, useAvailableCustomFacets, handleFilterSelected, queryOptions, }: FacetSelectionModalProps) => JSX.Element;
|
|
21
|
+
export default FacetSelectionModal;
|
|
22
|
+
//# sourceMappingURL=FacetSelectionModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FacetSelectionModal.d.ts","sourceRoot":"","sources":["../../../../src/components/facets/FacetSelectionModal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAmJvC,UAAU,wBAAwB;IAChC,QAAQ,CAAC,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,QAAQ,CAAC,wBAAwB,EAAE,CACjC,UAAU,EAAE,SAAS,MAAM,EAAE,EAC7B,qBAAqB,EAAE,OAAO,EAC9B,YAAY,CAAC,EAAE,YAAY,KACxB;QACH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;KAC3C,CAAC;IACF,QAAQ,CAAC,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,YAAY,CAAC,EAAE,YAAY,CAAC;CACtC;AAED;;;;;;;;GAQG;AACH,QAAA,MAAM,mBAAmB,GAAI,+EAK1B,wBAAwB,KAAG,GAAG,CAAC,OAejC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { useEffect, useState } from 'react';
|
|
14
|
+
import { Checkbox, Group, Highlight, LoadingOverlay, SimpleGrid, Stack, TextInput, UnstyledButton, } from '@mantine/core';
|
|
15
|
+
/**
|
|
16
|
+
* A Facet Filter List which is used to display and select a facet to add
|
|
17
|
+
* to an application
|
|
18
|
+
*
|
|
19
|
+
*/
|
|
20
|
+
var FacetList = function (_a) {
|
|
21
|
+
var data = _a.data, _b = _a.searchString, searchString = _b === void 0 ? '' : _b, handleFilterSelected = _a.handleFilterSelected;
|
|
22
|
+
return (_jsx(Stack, { style: { height: '50vh', overflow: 'scroll' }, children: _jsx(SimpleGrid, { cols: 1, spacing: 1, children: data
|
|
23
|
+
? Object.values(data).map(function (x, index) {
|
|
24
|
+
var _a, _b;
|
|
25
|
+
return (_jsx(Stack, { className: "".concat(index % 2 == 0
|
|
26
|
+
? 'bg-[var(--mantine-color-gray-0)]'
|
|
27
|
+
: 'bg-[var(--mantine-color-gray-2)]', " hover:bg-[var(--mantine-color-blue-1)]"), children: _jsxs("button", { "data-testid": "button-".concat((_a = x.label) !== null && _a !== void 0 ? _a : x.field), onClick: function () { return handleFilterSelected(x.field); }, className: "text-left", children: [_jsx(Highlight, { size: "sm", highlight: searchString, className: "font-bold", children: (_b = x.label) !== null && _b !== void 0 ? _b : x.field }), x.description ? (_jsx(Highlight, { size: "xs", highlight: searchString, className: "font-content", children: x.description })) : null] }) }, x.field));
|
|
28
|
+
})
|
|
29
|
+
: null }) }));
|
|
30
|
+
};
|
|
31
|
+
var FacetSelectionPanel = function (_a) {
|
|
32
|
+
var facets = _a.facets, handleFilterSelected = _a.handleFilterSelected, handleFilteredWithValuesChanged = _a.handleFilteredWithValuesChanged;
|
|
33
|
+
var _b = useState(''), searchString = _b[0], setSearchString = _b[1];
|
|
34
|
+
var _c = useState(undefined), filteredData = _c[0], setFilteredData = _c[1];
|
|
35
|
+
useEffect(function () {
|
|
36
|
+
if (!facets)
|
|
37
|
+
return;
|
|
38
|
+
if (searchString && searchString.length > 1) {
|
|
39
|
+
var s = Object.values(facets)
|
|
40
|
+
.filter(function (y) {
|
|
41
|
+
var _a, _b;
|
|
42
|
+
return searchString
|
|
43
|
+
? ((_a = y.field) === null || _a === void 0 ? void 0 : _a.includes(searchString.trim())) ||
|
|
44
|
+
((_b = y.description) === null || _b === void 0 ? void 0 : _b.includes(searchString.trim()))
|
|
45
|
+
: true;
|
|
46
|
+
})
|
|
47
|
+
.reduce(function (res, value) {
|
|
48
|
+
var _a;
|
|
49
|
+
return __assign(__assign({}, res), (_a = {}, _a[value.field] = value, _a));
|
|
50
|
+
}, {});
|
|
51
|
+
setFilteredData(s);
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
setFilteredData(facets);
|
|
55
|
+
}
|
|
56
|
+
}, [facets, searchString]);
|
|
57
|
+
return (_jsxs("div", { className: "flex flex-col", "data-testid": "section-file-filter-search", children: [_jsx(TextInput, { "data-autofocus": true, label: "Search for a property", "data-testid": "textbox-search-for-a-property", placeholder: "search", value: searchString, rightSection: (searchString === null || searchString === void 0 ? void 0 : searchString.length) > 0 ? (_jsx(UnstyledButton, { className: "opacity-100", onClick: function () { return setSearchString(''); }, "aria-label": "Clear Search", children: "x" })) : null, onChange: function (evt) { return setSearchString(evt.target.value); }, type: "search" }), _jsxs(Group, { justify: "space-between", children: [_jsxs("p", { role: "status", children: [filteredData ? Object.values(filteredData).length : '', " properties"] }), _jsx(Checkbox, { label: "Only show properties with values", onChange: function (event) {
|
|
58
|
+
return handleFilteredWithValuesChanged(event.currentTarget.checked);
|
|
59
|
+
}, "aria-label": "show only properties with values" })] }), _jsxs("div", { "data-testid": "list-file-filters", children: [_jsx(LoadingOverlay, { "data-testid": "loading-spinner", visible: facets === undefined }), _jsx(FacetList, { data: filteredData, handleFilterSelected: handleFilterSelected, searchString: searchString.length > 1 ? searchString : '' })] })] }));
|
|
60
|
+
};
|
|
61
|
+
/**
|
|
62
|
+
* Top Level Facet Selection Panel. This component handles getting the available Facets using the supplied selector (useFacetSelector)
|
|
63
|
+
* If a user picks a facet it will call handleFilterSelected
|
|
64
|
+
* passing the full name of the selected Facet
|
|
65
|
+
* @param usedFacets - list of facets that have already been selected
|
|
66
|
+
* @param useAvailableCustomFacets - hook to retrieve list of filter currently in use, those filters are not shown in the list
|
|
67
|
+
* @param handleFilterSelected - function which handled when a filter is selected
|
|
68
|
+
* @param queryOptions - info to pass back to data fetching hooks about this facet
|
|
69
|
+
*/
|
|
70
|
+
var FacetSelectionModal = function (_a) {
|
|
71
|
+
var usedFacets = _a.usedFacets, useAvailableCustomFacets = _a.useAvailableCustomFacets, handleFilterSelected = _a.handleFilterSelected, queryOptions = _a.queryOptions;
|
|
72
|
+
var _b = useState(false), onlyFiltersWithValues = _b[0], setOnlyFiltersWithValues = _b[1];
|
|
73
|
+
var currentFacets = useAvailableCustomFacets(usedFacets, onlyFiltersWithValues, queryOptions).data;
|
|
74
|
+
return (_jsx(FacetSelectionPanel, { facets: currentFacets, handleFilterSelected: handleFilterSelected, handleFilteredWithValuesChanged: setOnlyFiltersWithValues }));
|
|
75
|
+
};
|
|
76
|
+
export default FacetSelectionModal;
|
|
77
|
+
//# sourceMappingURL=FacetSelectionModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FacetSelectionModal.js","sourceRoot":"","sources":["../../../../src/components/facets/FacetSelectionModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FacetDefinition } from '@gen3/core';
|
|
3
|
+
import { CohortBuilderCategoryConfig, CustomFacetHooks, EnumChartProps, FacetDataHooks, FacetType, QueryOptions } from './types';
|
|
4
|
+
type FacetGroupProps = {
|
|
5
|
+
readonly children?: React.ReactNode;
|
|
6
|
+
readonly facets: FacetDefinition[];
|
|
7
|
+
readonly hooks?: FacetDataHooks;
|
|
8
|
+
readonly queryOptions?: QueryOptions;
|
|
9
|
+
};
|
|
10
|
+
export declare const FacetGroup: React.FC<FacetGroupProps>;
|
|
11
|
+
type FacetTabProps = {
|
|
12
|
+
readonly activeTab: string | null | undefined;
|
|
13
|
+
readonly setActiveTab: (tab: string | null) => void;
|
|
14
|
+
hooks: Record<FacetType, FacetDataHooks>;
|
|
15
|
+
readonly facetDefinitions: Record<string, FacetDefinition>;
|
|
16
|
+
readonly tabsConfig: Record<string, CohortBuilderCategoryConfig>;
|
|
17
|
+
readonly usedFacets: string[];
|
|
18
|
+
readonly customFacetHooks?: CustomFacetHooks;
|
|
19
|
+
readonly getFacetLabel: (queryOptions?: QueryOptions) => string;
|
|
20
|
+
readonly cardScrollMargin?: number;
|
|
21
|
+
readonly Chart?: React.FC<EnumChartProps>;
|
|
22
|
+
readonly useFieldNameToTitle: () => (field: string, sections?: number) => string;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Component for rendering a tabbed facet selection view
|
|
26
|
+
* @param activeTab - which tab is currently active
|
|
27
|
+
* @param setActiveTab - function to set the active tab
|
|
28
|
+
* @param hooks - Hooks for retrieving data, modifying cohort, etc. for the various facet types
|
|
29
|
+
* @param facetDefinitions - Description of facets and their properties
|
|
30
|
+
* @param tabsConfig - Configuration for tab sections, which fields they contain and any additional fields needed to query data for that tab
|
|
31
|
+
* @param customFacetHooks - Hooks for custom facet selection
|
|
32
|
+
* @param getFacetLabel - Callback for determining the data label
|
|
33
|
+
* @param cardScrollMargin - Scroll margin for cards, used for positioning cards on the page when scrolled to
|
|
34
|
+
* @param Chart - Component for rendering a Chart view of the data
|
|
35
|
+
*/
|
|
36
|
+
export declare const FacetTabs: React.FC<FacetTabProps>;
|
|
37
|
+
export default FacetTabs;
|
|
38
|
+
//# sourceMappingURL=FacetTabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FacetTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/facets/FacetTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAa3D,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAK7C,OAAO,EACL,2BAA2B,EAC3B,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,SAAS,EACT,YAAY,EACb,MAAM,SAAS,CAAC;AA2CjB,KAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,YAAY,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmBhD,CAAC;AAyHF,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9C,QAAQ,CAAC,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IACzC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC3D,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,2BAA2B,CAAC,CAAC;IACjE,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC;IAC9B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAC7C,QAAQ,CAAC,aAAa,EAAE,CAAC,YAAY,CAAC,EAAE,YAAY,KAAK,MAAM,CAAC;IAChE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAC1C,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAClC,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;CACb,CAAC;AAEF;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8J7C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { useEffect, useRef, useState } from 'react';
|
|
14
|
+
import { Button, Flex, LoadingOverlay, MantineProvider, Modal, Stack, Tabs, Text, useMantineTheme, } from '@mantine/core';
|
|
15
|
+
import useScrollToHash from '../../utils/useScrollToHash';
|
|
16
|
+
import { AddFacetIcon, AddIcon } from '../../types/icons';
|
|
17
|
+
import createFacetCards from './createFacetCards';
|
|
18
|
+
import FacetSelection from './FacetSelectionModal';
|
|
19
|
+
var StyledFacetTabs = function (props) {
|
|
20
|
+
return (_jsx(Tabs, __assign({ unstyled: true, styles: function (theme) {
|
|
21
|
+
var _a, _b;
|
|
22
|
+
return ({
|
|
23
|
+
tab: {
|
|
24
|
+
padding: "".concat(theme.spacing.xs, " ").concat(theme.spacing.md),
|
|
25
|
+
cursor: 'pointer',
|
|
26
|
+
fontSize: theme.fontSizes.md,
|
|
27
|
+
fontFamily: theme.fontFamily,
|
|
28
|
+
display: 'flex',
|
|
29
|
+
flexDirection: 'row',
|
|
30
|
+
alignItems: 'center',
|
|
31
|
+
borderTopLeftRadius: theme.radius.sm,
|
|
32
|
+
borderBottomLeftRadius: theme.radius.sm,
|
|
33
|
+
'&:disabled': {
|
|
34
|
+
opacity: 0.5,
|
|
35
|
+
cursor: 'not-allowed',
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
root: {
|
|
39
|
+
display: 'flex',
|
|
40
|
+
flexDirection: 'row',
|
|
41
|
+
backgroundColor: (_a = theme.colors.base) === null || _a === void 0 ? void 0 : _a[0],
|
|
42
|
+
},
|
|
43
|
+
panel: {
|
|
44
|
+
backgroundColor: (_b = theme.colors.base) === null || _b === void 0 ? void 0 : _b[0],
|
|
45
|
+
width: '100%',
|
|
46
|
+
},
|
|
47
|
+
tabIcon: {
|
|
48
|
+
marginRight: theme.spacing.xs,
|
|
49
|
+
display: 'flex',
|
|
50
|
+
alignItems: 'center',
|
|
51
|
+
},
|
|
52
|
+
});
|
|
53
|
+
} }, props)));
|
|
54
|
+
};
|
|
55
|
+
export var FacetGroup = function (_a) {
|
|
56
|
+
// TODO: implement this
|
|
57
|
+
// const { usePopulateFacetData = () => {} } = hooks;
|
|
58
|
+
// usePopulateFacetData(facets, queryOptions);
|
|
59
|
+
var facets = _a.facets, children = _a.children;
|
|
60
|
+
var availableFields = facets.map(function (f) { return f.field; });
|
|
61
|
+
useScrollToHash(availableFields, false);
|
|
62
|
+
return (_jsx("div", { 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", "data-testid": "title-cohort-builder-facet-groups", children: children }));
|
|
63
|
+
};
|
|
64
|
+
var CustomFacetGroup = function (_a) {
|
|
65
|
+
var hooks = _a.hooks, customFacetHooks = _a.customFacetHooks, queryOptions = _a.queryOptions, getFacetLabel = _a.getFacetLabel, cardScrollMargin = _a.cardScrollMargin, Chart = _a.Chart, usedFacets = _a.usedFacets, useFieldNameToTitle = _a.useFieldNameToTitle;
|
|
66
|
+
var _b = useState(false), opened = _b[0], setOpened = _b[1];
|
|
67
|
+
var _c = customFacetHooks.useCustomFacets(), customFacetDefinitions = _c.data, isSuccess = _c.isSuccess;
|
|
68
|
+
var addCustomFilter = customFacetHooks.useAddCustomFilter();
|
|
69
|
+
var removeCustomFilter = customFacetHooks.useRemoveCustomFilter();
|
|
70
|
+
var fieldNameToTitle = useFieldNameToTitle();
|
|
71
|
+
// const { usePopulateFacetData = () => {} } = hooks;
|
|
72
|
+
var handleFilterSelected = function (filter) {
|
|
73
|
+
setOpened(false);
|
|
74
|
+
addCustomFilter(filter);
|
|
75
|
+
};
|
|
76
|
+
// usePopulateFacetData(customFacetDefinitions, queryOptions);
|
|
77
|
+
// handle the case where there are no custom filters
|
|
78
|
+
return (_jsxs("div", { className: "flex flex-col w-full h-full bg-base-max pr-6", children: [_jsx(LoadingOverlay, { "data-testid": "loading-spinner", visible: !isSuccess }), _jsx(Modal, { "data-testid": "modal-cohort-builder-add-custom-filter", size: "xl", opened: opened, onClose: function () { return setOpened(false); }, title: "Add a Custom Filter", children: _jsx("div", { className: "p-4", children: _jsx(FacetSelection, { usedFacets: usedFacets, useAvailableCustomFacets: customFacetHooks.useAvailableCustomFacets, handleFilterSelected: handleFilterSelected, queryOptions: queryOptions }) }) }), _jsx("div", { className: "w-full", children: customFacetDefinitions.length == 0 ? (_jsx(Flex, { justify: "center", align: "center", className: "h-full", children: _jsxs(Stack, { align: "center", justify: "center", className: "h-64 bg-base-lightest w-1/2 border-2 border-dotted m-6", children: [_jsx(AddFacetIcon, { className: "text-primary-content", size: "3em" }), _jsx(Text, { size: "md", className: "text-primary-content-darker font-bold", children: "No custom filters added" }), _jsx(Button, { "data-testid": "button-cohort-builder-add-a-custom-filter", variant: "outline", onClick: function () { return setOpened(true); }, "aria-label": "Add a Custom Filter", className: "bg-base-max text-primary border-primary", children: "Add a Custom Filter" })] }) })) : (_jsxs(FacetGroup, { facets: customFacetDefinitions, queryOptions: queryOptions, children: [_jsxs(Button, { "data-testid": "button-cohort-builder-add-a-custom-filter", variant: "outline", className: "h-48 bg-base-max flex justify-center align-middle items-center border-base-darker b-2 border-dotted", onClick: function () { return setOpened(true); }, children: [_jsx(AddIcon, { className: "text-primary-contrast-lightest", size: "2em" }), _jsx(Text, { size: "md", className: "text-primary-contrast-lightest font-bold", children: "Add a Custom Filter" })] }), createFacetCards({
|
|
79
|
+
facets: customFacetDefinitions,
|
|
80
|
+
hooks: hooks,
|
|
81
|
+
idPrefix: 'cohort-builder',
|
|
82
|
+
valueLabel: getFacetLabel,
|
|
83
|
+
facetNameFormatter: function (field) { return fieldNameToTitle(field, 2); },
|
|
84
|
+
queryOptions: queryOptions,
|
|
85
|
+
dismissCallback: removeCustomFilter,
|
|
86
|
+
cardScrollMargin: cardScrollMargin,
|
|
87
|
+
Chart: Chart,
|
|
88
|
+
})] })) })] }));
|
|
89
|
+
};
|
|
90
|
+
/**
|
|
91
|
+
* Component for rendering a tabbed facet selection view
|
|
92
|
+
* @param activeTab - which tab is currently active
|
|
93
|
+
* @param setActiveTab - function to set the active tab
|
|
94
|
+
* @param hooks - Hooks for retrieving data, modifying cohort, etc. for the various facet types
|
|
95
|
+
* @param facetDefinitions - Description of facets and their properties
|
|
96
|
+
* @param tabsConfig - Configuration for tab sections, which fields they contain and any additional fields needed to query data for that tab
|
|
97
|
+
* @param customFacetHooks - Hooks for custom facet selection
|
|
98
|
+
* @param getFacetLabel - Callback for determining the data label
|
|
99
|
+
* @param cardScrollMargin - Scroll margin for cards, used for positioning cards on the page when scrolled to
|
|
100
|
+
* @param Chart - Component for rendering a Chart view of the data
|
|
101
|
+
*/
|
|
102
|
+
export var FacetTabs = function (_a) {
|
|
103
|
+
var _b, _c;
|
|
104
|
+
var activeTab = _a.activeTab, setActiveTab = _a.setActiveTab, hooks = _a.hooks, facetDefinitions = _a.facetDefinitions, tabsConfig = _a.tabsConfig, usedFacets = _a.usedFacets, customFacetHooks = _a.customFacetHooks, getFacetLabel = _a.getFacetLabel, cardScrollMargin = _a.cardScrollMargin, useFieldNameToTitle = _a.useFieldNameToTitle, Chart = _a.Chart;
|
|
105
|
+
var fieldNameToTitle = useFieldNameToTitle();
|
|
106
|
+
var theme = useMantineTheme();
|
|
107
|
+
var searchParams = new URLSearchParams(window.location.search);
|
|
108
|
+
var liveRegionRef = useRef(null);
|
|
109
|
+
var hash = (_c = (_b = window === null || window === void 0 ? void 0 : window.location) === null || _b === void 0 ? void 0 : _b.hash.split('#')) === null || _c === void 0 ? void 0 : _c[1];
|
|
110
|
+
var searchTermParam = searchParams.get('search');
|
|
111
|
+
useEffect(function () {
|
|
112
|
+
if (hash && searchTermParam) {
|
|
113
|
+
var facetName = fieldNameToTitle(hash);
|
|
114
|
+
if (liveRegionRef.current) {
|
|
115
|
+
liveRegionRef.current.textContent = "Search applied. Focused on ".concat(facetName);
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
}, [hash, searchTermParam, fieldNameToTitle]);
|
|
119
|
+
var firstEntry = Object.values(tabsConfig)[0];
|
|
120
|
+
var firstFacetList = firstEntry === null || firstEntry === void 0 ? void 0 : firstEntry.facets.map(function (field) { return facetDefinitions[field]; }).filter(function (facet) { return facet; });
|
|
121
|
+
return (_jsx(MantineProvider, { theme: theme, children: _jsxs("div", { className: "w-full mr-8", children: [_jsx("span", { id: "facetTab-liveRegion", "aria-live": "assertive", ref: liveRegionRef, className: "sr-only" }), Object.entries(tabsConfig).length === 1 ? (Object.keys(tabsConfig)[0] === 'custom' && customFacetHooks ? (_jsx(CustomFacetGroup, { hooks: hooks, queryOptions: firstEntry.queryOptions, getFacetLabel: getFacetLabel, customFacetHooks: customFacetHooks, cardScrollMargin: cardScrollMargin, Chart: Chart, usedFacets: usedFacets, useFieldNameToTitle: useFieldNameToTitle })) : (_jsx(FacetGroup, { facets: firstFacetList, queryOptions: firstEntry.queryOptions, children: createFacetCards({
|
|
122
|
+
facets: firstFacetList,
|
|
123
|
+
facetNameFormatter: function (field) { return fieldNameToTitle(field); },
|
|
124
|
+
hooks: hooks,
|
|
125
|
+
idPrefix: 'cohort-builder',
|
|
126
|
+
valueLabel: getFacetLabel
|
|
127
|
+
? getFacetLabel(firstEntry.queryOptions)
|
|
128
|
+
: '',
|
|
129
|
+
queryOptions: firstEntry.queryOptions,
|
|
130
|
+
cardScrollMargin: cardScrollMargin,
|
|
131
|
+
Chart: Chart,
|
|
132
|
+
}) }))) : (_jsxs(StyledFacetTabs, { orientation: "vertical", value: activeTab, onChange: setActiveTab, keepMounted: false, classNames: {
|
|
133
|
+
tab: 'pl-0 data-active:pl-4 ml-4 data-active:text-secondary data-active:border-primary-darkest data-active:border-accent-vivid data-active:border-l-4 data-active:bg-base-max data-active:font-bold sm:w-44 md:w-60 lg:w-80 text-primary-content-darkest font-medium hover:pl-4 hover:bg-accent-vivid hover:text-primary-contrast-min my-1',
|
|
134
|
+
list: 'flex flex-col bg-primary-lightest text-primary-contrast-dark w-60 md:w-72 lg:w-80 py-4',
|
|
135
|
+
tabLabel: 'text-left',
|
|
136
|
+
root: 'bg-base-max',
|
|
137
|
+
}, children: [_jsx(Tabs.List, { children: Object.entries(tabsConfig).map(function (_a) {
|
|
138
|
+
var key = _a[0], tabEntry = _a[1];
|
|
139
|
+
return (_jsx(Tabs.Tab, { value: key, "data-testid": 'button-cohort-builder-' +
|
|
140
|
+
tabEntry.label
|
|
141
|
+
.toLowerCase()
|
|
142
|
+
.replaceAll('_', '-')
|
|
143
|
+
.replaceAll(' ', '-'), children: tabEntry.label }, key));
|
|
144
|
+
}) }), Object.entries(tabsConfig).map(function (_a) {
|
|
145
|
+
var key = _a[0], tabEntry = _a[1];
|
|
146
|
+
var facetList = key === 'custom'
|
|
147
|
+
? []
|
|
148
|
+
: tabEntry.facets
|
|
149
|
+
.map(function (field) { return facetDefinitions[field]; })
|
|
150
|
+
.filter(function (facet) { return facet; });
|
|
151
|
+
return (_jsx(Tabs.Panel, { value: key, children: key === 'custom' && customFacetHooks ? (_jsx(CustomFacetGroup, { hooks: hooks, queryOptions: tabEntry.queryOptions, getFacetLabel: getFacetLabel, customFacetHooks: customFacetHooks, cardScrollMargin: cardScrollMargin, Chart: Chart, usedFacets: usedFacets, useFieldNameToTitle: useFieldNameToTitle })) : (_jsx(FacetGroup, { facets: facetList, queryOptions: tabEntry.queryOptions, children: createFacetCards({
|
|
152
|
+
facets: facetList,
|
|
153
|
+
facetNameFormatter: function (field) {
|
|
154
|
+
return fieldNameToTitle(field);
|
|
155
|
+
},
|
|
156
|
+
hooks: hooks,
|
|
157
|
+
idPrefix: 'cohort-builder',
|
|
158
|
+
valueLabel: getFacetLabel,
|
|
159
|
+
queryOptions: tabEntry.queryOptions,
|
|
160
|
+
cardScrollMargin: cardScrollMargin,
|
|
161
|
+
Chart: Chart,
|
|
162
|
+
}) })) }, key));
|
|
163
|
+
})] }))] }) }));
|
|
164
|
+
};
|
|
165
|
+
export default FacetTabs;
|
|
166
|
+
//# sourceMappingURL=FacetTabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FacetTabs.js","sourceRoot":"","sources":["../../../../src/components/facets/FacetTabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectValueFacet.d.ts","sourceRoot":"","sources":["../../../../src/components/facets/MultiSelectValueFacet.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"MultiSelectValueFacet.d.ts","sourceRoot":"","sources":["../../../../src/components/facets/MultiSelectValueFacet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAqB,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAa5E,KAAK,eAAe,GAAG,IAAI,CACzB,cAAc,CAAC,cAAc,CAAC,EAC9B,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,CACzD,CAAC;AAoCF;;;;;;;;;;GAUG;AACH,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqGpD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { useMemo, useState } from 'react';
|
|
3
3
|
import { MultiSelect } from '@mantine/core';
|
|
4
|
-
import { controlsIconStyle,
|
|
4
|
+
import { controlsIconStyle, FacetHeader, FacetText } from './components';
|
|
5
5
|
import { trimFirstFieldNameToTitle, } from '@gen3/core';
|
|
6
6
|
import { useDeepCompareEffect } from 'use-deep-compare';
|
|
7
7
|
import { updateFacetEnum } from './utils';
|
|
@@ -85,7 +85,7 @@ var MultiSelectValueFacet = function (_a) {
|
|
|
85
85
|
};
|
|
86
86
|
setValues(selectedValues);
|
|
87
87
|
}, [selectedValues]);
|
|
88
|
-
return (_jsxs("div", { className: "flex flex-col ".concat(width ? width : 'mx-0', " bg-base-max relative border-base-lighter border-1 rounded-
|
|
88
|
+
return (_jsxs("div", { className: "flex flex-col ".concat(width ? width : 'mx-0', " bg-base-max relative border-base-lighter border-1 rounded-md text-xs transition"), children: [_jsx(FacetControlsHeader, { field: field, description: description, hooks: hooks, facetName: facetName, dismissCallback: dismissCallback, header: header, showSettings: showSettings }), _jsx("div", { className: showFilters ? 'h-full' : 'h-0 invisible', "aria-hidden": !showFilters, children: _jsx("div", { className: "flex flex-nowrap items-center p-2", children: _jsx(MultiSelect, { "data-testid": "multiselect-add-filter-value", size: "sm", placeholder: "Enter ".concat(facetTitle), classNames: {
|
|
89
89
|
root: 'grow',
|
|
90
90
|
input: 'border-r-0 rounded-r-none py-1',
|
|
91
91
|
}, comboboxProps: { shadow: 'md' }, "aria-label": "enter value to add filter", value: selectedValues, onChange: setSelectedValues, searchable: true, data: dataValues, limit: 10, maxDropdownHeight: 200, hidePickedOptions: true, withScrollArea: false, mt: "md" }) }) })] }));
|