synapse-react-client 4.0.45 → 4.0.47

package/dist/components/widgets/query-filter/FacetFilterControls.js

@@ -1,85 +1,86 @@
-import { facetObjectMatchesDefinition as e, getCorrespondingColumnForFacet as t, isSingleNotSetValue as n } from "../../../utils/functions/queryUtils.js";
-import { useQueryContext as r } from "../../QueryContext/QueryContext.js";
+import { useQueryVisualizationContext as e } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { getEnumerationFacet as t } from "../../../utils/functions/enumerationFacet.js";
+import { facetObjectMatchesDefinition as n, getCorrespondingColumnForFacet as r, isSingleNotSetValue as i } from "../../../utils/functions/queryUtils.js";
+import { useQueryContext as a } from "../../QueryContext/QueryContext.js";
 import "../../QueryContext/index.js";
-import { useSuspenseGetQueryMetadata as i } from "../../QueryWrapper/useGetQueryMetadata.js";
-import { useQueryVisualizationContext as a } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useSuspenseGetQueryMetadata as o } from "../../QueryWrapper/useGetQueryMetadata.js";
 import "../../QueryVisualizationWrapper/index.js";
-import { FacetFilterHeader as o } from "./FacetFilterHeader.js";
-import { FacetFilterControlsSkeleton as s } from "./FacetFilterSkeleton.js";
-import { EnumFacetFilter as c } from "./EnumFacetFilter/EnumFacetFilter.js";
-import { CombinedRangeFacetFilter as l } from "./CombinedRangeFacetFilter.js";
-import { FacetChip as u } from "./FacetChip.js";
-import { getDefaultShownFacetFilters as d } from "./FacetFilterUtils.js";
-import { RangeFacetFilter as f } from "./RangeFacetFilter.js";
-import p from "./JsonColumnFacetFilters.js";
-import { Suspense as m, useCallback as h, useMemo as g, useState as _ } from "react";
-import { groupBy as v, noop as y, sortBy as b, union as x } from "lodash-es";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { useDeepCompareEffectNoCheck as w } from "use-deep-compare-effect";
+import { FacetFilterHeader as s } from "./FacetFilterHeader.js";
+import { FacetFilterControlsSkeleton as c } from "./FacetFilterSkeleton.js";
+import { EnumFacetFilter as l } from "./EnumFacetFilter/EnumFacetFilter.js";
+import { CombinedRangeFacetFilter as u } from "./CombinedRangeFacetFilter.js";
+import { FacetChip as d } from "./FacetChip.js";
+import { getDefaultShownFacetFilters as f } from "./FacetFilterUtils.js";
+import { RangeFacetFilter as p } from "./RangeFacetFilter.js";
+import m from "./JsonColumnFacetFilters.js";
+import { Suspense as h, useCallback as g, useMemo as _, useState as v } from "react";
+import { groupBy as y, noop as b, sortBy as x, union as S } from "lodash-es";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useDeepCompareEffectNoCheck as T } from "use-deep-compare-effect";
 //#region src/components/widgets/query-filter/FacetFilterControls.tsx
-var T = (e) => ({
+var E = (e) => ({
 	concreteType: "org.sagebionetworks.repo.model.table.FacetColumnValuesRequest",
 	columnName: e.columnName,
 	facetValues: e.facetValues.filter((e) => e.isSelected).map((e) => e.value)
-}), E = (t, n = []) => {
-	let r = n.findIndex((n) => e(n, t)), i = t.concreteType === "org.sagebionetworks.repo.model.table.FacetColumnValuesRequest" && !t.facetValues?.length, a = t.concreteType === "org.sagebionetworks.repo.model.table.FacetColumnRangeRequest" && (!t.min || !t.max);
-	return r > -1 ? i || a ? n.splice(r, 1) : n[r] = t : n.push(t), n;
+}), D = (e, t = []) => {
+	let r = t.findIndex((t) => n(t, e)), i = e.concreteType === "org.sagebionetworks.repo.model.table.FacetColumnValuesRequest" && !e.facetValues?.length, a = e.concreteType === "org.sagebionetworks.repo.model.table.FacetColumnRangeRequest" && (!e.min || !e.max);
+	return r > -1 ? i || a ? t.splice(r, 1) : t[r] = e : t.push(e), t;
 };
-function D(e, t, n, r, i = !1) {
+function O(e, t, n, r, i = !1) {
 	r ? t.facetValues.forEach((e) => {
 		e.value === r && (e.isSelected = i);
 	}) : t.facetValues.forEach((e) => {
 		e.isSelected = !1;
-	}), n(E(T(t), e?.query?.selectedFacets));
+	}), n(D(E(t), e?.query?.selectedFacets));
 }
-function O(e) {
-	let { availableFacets: s, initialExpandedFacetControls: m } = e, { getCurrentQueryRequest: T, combineRangeFacetConfig: E } = r(), { getColumnDisplayName: D } = a(), O = g(() => T(), [T]), { data: k } = i(), A = k.facets.filter((e) => s == null || s.includes(e.columnName)).filter((e) => e.jsonPath == null).filter((e) => E == null || E.maxFacetColumn !== e.columnName && E.minFacetColumn !== e.columnName).filter((e) => !n(e)), j = E ? k.facets.filter((e) => E.maxFacetColumn === e.columnName || E.minFacetColumn === e.columnName) : [], M = v(k.facets.filter((e) => !!e.jsonPath), "columnName"), N = g(() => {
+function k(n) {
+	let { availableFacets: c, initialExpandedFacetControls: h } = n, { getCurrentQueryRequest: E, combineRangeFacetConfig: D } = a(), { getColumnDisplayName: O } = e(), k = _(() => E(), [E]), { data: A } = o(), j = A.facets.filter((e) => c == null || c.includes(e.columnName)).filter((e) => e.jsonPath == null).filter((e) => D == null || D.maxFacetColumn !== e.columnName && D.minFacetColumn !== e.columnName).filter((e) => !i(e)), M = D ? A.facets.filter((e) => D.maxFacetColumn === e.columnName || D.minFacetColumn === e.columnName) : [], N = y(A.facets.filter((e) => !!e.jsonPath), "columnName"), P = _(() => {
 		let e = [];
-		return A.forEach((t) => e.push(t.columnName)), E && e.push(E.label), M && Object.keys(M).forEach((t) => e.push(t)), e;
+		return j.forEach((t) => e.push(t.columnName)), D && e.push(D.label), N && Object.keys(N).forEach((t) => e.push(t)), e;
 	}, [
-		E,
-		A,
-		M
-	]), [P, F] = _(d(N, O.query.selectedFacets));
-	w(() => {
-		let e = x(m ?? [], Array.from(P));
-		F(d(N, O.query.selectedFacets, e));
-	}, [A]);
-	let I = k.columnModels, L = h((e) => {
-		let t = new Set(P);
-		t.has(e) ? t.delete(e) : t.add(e), F(t);
-	}, [P]), R = E ? I?.find((e) => e.name === E.minFacetColumn)?.columnType : void 0, z = g(() => (A ?? []).filter((e) => P.has(e.columnName)), [P, A]), B = g(() => Object.entries(M).filter(([e]) => P.has(e)), [P, M]);
-	return /* @__PURE__ */ C("div", {
+		D,
+		j,
+		N
+	]), [F, I] = v(f(P, k.query.selectedFacets));
+	T(() => {
+		let e = S(h ?? [], Array.from(F));
+		I(f(P, k.query.selectedFacets, e));
+	}, [j]);
+	let L = A.columnModels, R = g((e) => {
+		let t = new Set(F);
+		t.has(e) ? t.delete(e) : t.add(e), I(t);
+	}, [F]), z = D ? L?.find((e) => e.name === D.minFacetColumn)?.columnType : void 0, B = _(() => (j ?? []).filter((e) => F.has(e.columnName)), [F, j]), V = _(() => Object.entries(N).filter(([e]) => F.has(e)), [F, N]);
+	return /* @__PURE__ */ w("div", {
 		className: "FacetFilterControls",
 		children: [
-			/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(o, {
+			/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(s, {
 				label: "Available Filters",
 				hideCollapsible: !0,
 				isCollapsed: !1,
-				onClick: y
-			}), b(N).map((e) => /* @__PURE__ */ S(u, {
-				onClick: () => L(e),
-				isChecked: P.has(e),
-				children: D(e)
+				onClick: b
+			}), x(P).map((e) => /* @__PURE__ */ C(d, {
+				onClick: () => R(e),
+				isChecked: F.has(e),
+				children: O(e)
 			}, e))] }),
-			E && j.length >= 2 && /* @__PURE__ */ S(l, {
-				facetResults: j,
-				label: E.label,
-				columnType: R
+			D && M.length >= 2 && /* @__PURE__ */ C(u, {
+				facetResults: M,
+				label: D.label,
+				columnType: z
 			}),
-			z.map((e) => {
-				let n = t(e, I ?? []);
-				return /* @__PURE__ */ C("div", {
+			B.map((e) => {
+				let n = r(e, L ?? []), i = t(e);
+				return /* @__PURE__ */ w("div", {
 					className: "FacetFilterControls__facet",
-					children: [e.facetType === "enumeration" && n && /* @__PURE__ */ S(c, {
+					children: [i && n && /* @__PURE__ */ C(l, {
 						containerAs: "Collapsible",
-						facet: e
-					}), e.facetType === "range" && n && /* @__PURE__ */ S(f, { facetResult: e })]
+						facet: i
+					}), e.facetType === "range" && n && /* @__PURE__ */ C(p, { facetResult: e })]
 				}, e.columnName);
 			}),
-			B.map(([e, t]) => {
-				let n = k?.columnModels?.find((t) => t.name === e);
-				return n && /* @__PURE__ */ S(p, {
+			V.map(([e, t]) => {
+				let n = A?.columnModels?.find((t) => t.name === e);
+				return n && /* @__PURE__ */ C(m, {
 					columnModel: n,
 					facets: t
 				}, e);
@@ -87,13 +88,13 @@ function O(e) {
 		]
 	});
 }
-function k(e) {
-	return /* @__PURE__ */ S(m, {
-		fallback: /* @__PURE__ */ S(s, {}),
-		children: /* @__PURE__ */ S(O, { ...e })
+function A(e) {
+	return /* @__PURE__ */ C(h, {
+		fallback: /* @__PURE__ */ C(c, {}),
+		children: /* @__PURE__ */ C(k, { ...e })
 	});
 }
 //#endregion
-export { D as applyChangesToValuesColumn, k as default };
+export { O as applyChangesToValuesColumn, A as default };
 
 //# sourceMappingURL=FacetFilterControls.js.map

package/dist/components/widgets/query-filter/FacetFilterControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"FacetFilterControls.js","names":[],"sources":["../../../../src/components/widgets/query-filter/FacetFilterControls.tsx"],"sourcesContent":["import {\n  facetObjectMatchesDefinition,\n  getCorrespondingColumnForFacet,\n  isSingleNotSetValue,\n} from '@/utils/functions/queryUtils'\nimport {\n  FacetColumnRequest,\n  FacetColumnResultRange,\n  FacetColumnResultValues,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { groupBy, noop, sortBy, union } from 'lodash-es'\nimport { Suspense, useCallback, useMemo, useState } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { CombinedRangeFacetFilter } from './CombinedRangeFacetFilter'\nimport { EnumFacetFilter } from './EnumFacetFilter/EnumFacetFilter'\nimport { FacetChip } from './FacetChip'\nimport { FacetFilterHeader } from './FacetFilterHeader'\nimport { FacetFilterControlsSkeleton } from './FacetFilterSkeleton'\nimport { getDefaultShownFacetFilters } from './FacetFilterUtils'\nimport JsonColumnFacetFilters from './JsonColumnFacetFilters'\nimport { RangeFacetFilter } from './RangeFacetFilter'\n\nexport type FacetFilterControlsProps = {\n  /* The set of faceted column names that should be shown in the Facet controls. If undefined, all faceted columns with\n    at least one non-null value will be shown. */\n  availableFacets?: string[]\n  initialExpandedFacetControls?: string[]\n}\n\nconst convertFacetToFacetColumnValuesRequest = (\n  facet: FacetColumnResultValues,\n): FacetColumnValuesRequest => ({\n  concreteType: 'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',\n  columnName: facet.columnName,\n  facetValues: facet.facetValues\n    .filter(facet => facet.isSelected)\n    .map(facet => facet.value),\n})\n\nconst patchRequestFacets = (\n  changedFacet: FacetColumnRequest,\n  selections: FacetColumnRequest[] = [],\n): FacetColumnRequest[] => {\n  const changedFacetIndex = selections.findIndex(facet =>\n    facetObjectMatchesDefinition(facet, changedFacet),\n  )\n  const isEmptyValuesFacet =\n    changedFacet.concreteType ===\n      'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest' &&\n    !changedFacet.facetValues?.length\n  const isEmptyRangesFacet =\n    changedFacet.concreteType ===\n      'org.sagebionetworks.repo.model.table.FacetColumnRangeRequest' &&\n    (!changedFacet.min || !changedFacet.max)\n\n  if (changedFacetIndex > -1) {\n    if (isEmptyValuesFacet || isEmptyRangesFacet) {\n      selections.splice(changedFacetIndex, 1)\n    } else {\n      selections[changedFacetIndex] = changedFacet\n    }\n  } else {\n    selections.push(changedFacet)\n  }\n  return selections\n}\n\nexport function applyChangesToValuesColumn(\n  lastRequest: QueryBundleRequest | undefined,\n  facet: FacetColumnResultValues,\n  onChangeFn: (result: FacetColumnRequest[]) => void,\n  facetName?: string,\n  checked: boolean = false,\n) {\n  if (facetName) {\n    facet.facetValues.forEach(facetValue => {\n      if (facetValue.value === facetName) {\n        facetValue.isSelected = checked\n      }\n    })\n  } else {\n    // else clear all\n    facet.facetValues.forEach(facet => {\n      facet.isSelected = false\n    })\n  }\n\n  const changedFacet = convertFacetToFacetColumnValuesRequest(facet)\n  const result = patchRequestFacets(\n    changedFacet,\n    lastRequest?.query?.selectedFacets,\n  )\n  onChangeFn(result)\n}\n\nfunction FacetFilterControls(props: FacetFilterControlsProps) {\n  const { availableFacets, initialExpandedFacetControls } = props\n  const { getCurrentQueryRequest, combineRangeFacetConfig } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  const lastRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  const facets = queryMetadata\n    .facets!.filter(\n      facet =>\n        // If availableFacets is configured, remove those that don't match.\n        availableFacets == null || availableFacets.includes(facet.columnName),\n    )\n    // Don't include json subcolumn facets, those will be handled separately\n    .filter(facet => facet.jsonPath == null)\n    .filter(\n      facet =>\n        // Don't show facets if included in the combine range facet config, handled separately\n        combineRangeFacetConfig == null ||\n        (combineRangeFacetConfig.maxFacetColumn !== facet.columnName &&\n          combineRangeFacetConfig.minFacetColumn !== facet.columnName),\n    )\n    .filter(\n      facet =>\n        // Don't show facets where there are no values\n        !isSingleNotSetValue(facet),\n    )\n\n  const combinedRangeFacets = combineRangeFacetConfig\n    ? queryMetadata.facets!.filter(\n        facet =>\n          combineRangeFacetConfig.maxFacetColumn === facet.columnName ||\n          combineRangeFacetConfig.minFacetColumn === facet.columnName,\n      )\n    : []\n\n  // Group JSON facets by column name, so they can be grouped in the UI under their parent column name\n  const jsonFacetsGroupedByColumn = groupBy(\n    queryMetadata.facets!.filter(f => !!f.jsonPath),\n    'columnName',\n  )\n\n  const allFacetColumns: string[] = useMemo(() => {\n    const allFacetColumns: string[] = []\n    facets.forEach(facet => allFacetColumns.push(facet.columnName))\n    if (combineRangeFacetConfig) {\n      allFacetColumns.push(combineRangeFacetConfig.label)\n    }\n    if (jsonFacetsGroupedByColumn) {\n      Object.keys(jsonFacetsGroupedByColumn).forEach(jsonColumn =>\n        allFacetColumns.push(jsonColumn),\n      )\n    }\n    return allFacetColumns\n  }, [combineRangeFacetConfig, facets, jsonFacetsGroupedByColumn])\n\n  // Controls which facet columns are shown/hidden by clicking on chips. NOTE: One column may have multiple facets (e.g. JSON subcolumn facets)\n  const [facetColumnsShown, setFacetColumnsShown] = useState<Set<string>>(\n    getDefaultShownFacetFilters(\n      allFacetColumns,\n      lastRequest.query.selectedFacets,\n    ),\n  )\n\n  /**\n   * When the data facets change, reset the initially-selected chips\n   */\n  useDeepCompareEffectNoCheck(() => {\n    // Select the first three facet columns, plus any columns where a facet is already filtered,\n    // (PORTALS-3513) plus the initially expanded filters and any filters that the user explicitly expanded\n    const expandedFacets = union(\n      initialExpandedFacetControls ?? [],\n      Array.from(facetColumnsShown),\n    )\n    setFacetColumnsShown(\n      getDefaultShownFacetFilters(\n        allFacetColumns,\n        lastRequest.query.selectedFacets,\n        expandedFacets,\n      ),\n    )\n  }, [facets])\n\n  const columnModels = queryMetadata.columnModels\n\n  const toggleShowFacetFilter = useCallback(\n    (facetColumnName: string) => {\n      const newFacetColumnsShown = new Set(facetColumnsShown)\n      if (newFacetColumnsShown.has(facetColumnName)) {\n        newFacetColumnsShown.delete(facetColumnName)\n      } else {\n        newFacetColumnsShown.add(facetColumnName)\n      }\n      setFacetColumnsShown(newFacetColumnsShown)\n    },\n    [facetColumnsShown],\n  )\n  const combinedRangeFacetsColumnModelType = combineRangeFacetConfig\n    ? columnModels?.find(\n        model => model.name === combineRangeFacetConfig.minFacetColumn,\n      )?.columnType\n    : undefined\n\n  const shownTopLevelFacets = useMemo(\n    () =>\n      (facets ?? []).filter(facet => facetColumnsShown.has(facet.columnName)),\n    [facetColumnsShown, facets],\n  )\n\n  const shownJsonFacetGroups = useMemo(\n    () =>\n      Object.entries(jsonFacetsGroupedByColumn).filter(([columnName]) =>\n        facetColumnsShown.has(columnName),\n      ),\n    [facetColumnsShown, jsonFacetsGroupedByColumn],\n  )\n\n  return (\n    <div className={`FacetFilterControls`}>\n      <div>\n        <FacetFilterHeader\n          label={'Available Filters'}\n          hideCollapsible\n          isCollapsed={false}\n          onClick={noop}\n        />\n        {sortBy(allFacetColumns).map(columnName => {\n          return (\n            <FacetChip\n              key={columnName}\n              onClick={() => toggleShowFacetFilter(columnName)}\n              isChecked={facetColumnsShown.has(columnName)}\n            >\n              {getColumnDisplayName(columnName)}\n            </FacetChip>\n          )\n        })}\n      </div>\n      {combineRangeFacetConfig && combinedRangeFacets.length >= 2 && (\n        <CombinedRangeFacetFilter\n          facetResults={combinedRangeFacets as FacetColumnResultRange[]}\n          label={combineRangeFacetConfig.label}\n          columnType={combinedRangeFacetsColumnModelType!}\n        />\n      )}\n      {shownTopLevelFacets.map(facet => {\n        const columnModel = getCorrespondingColumnForFacet(\n          facet,\n          columnModels ?? [],\n        )\n        return (\n          <div className=\"FacetFilterControls__facet\" key={facet.columnName}>\n            {facet.facetType === 'enumeration' && columnModel && (\n              <EnumFacetFilter containerAs=\"Collapsible\" facet={facet} />\n            )}\n            {facet.facetType === 'range' && columnModel && (\n              <RangeFacetFilter facetResult={facet} />\n            )}\n          </div>\n        )\n      })}\n      {shownJsonFacetGroups.map(([columnName, facets]) => {\n        const columnModel = queryMetadata?.columnModels?.find(\n          cm => cm.name === columnName,\n        )\n        return (\n          columnModel && (\n            <JsonColumnFacetFilters\n              key={columnName}\n              columnModel={columnModel}\n              facets={facets}\n            />\n          )\n        )\n      })}\n    </div>\n  )\n}\n\nexport default function FacetFilterControlsWithSuspense(\n  props: FacetFilterControlsProps,\n) {\n  return (\n    <Suspense fallback={<FacetFilterControlsSkeleton />}>\n      <FacetFilterControls {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"FacetFilterControls.js","names":[],"sources":["../../../../src/components/widgets/query-filter/FacetFilterControls.tsx"],"sourcesContent":["import {\n  EnumerationFacet,\n  getEnumerationFacet,\n} from '@/utils/functions/enumerationFacet'\nimport {\n  facetObjectMatchesDefinition,\n  getCorrespondingColumnForFacet,\n  isSingleNotSetValue,\n} from '@/utils/functions/queryUtils'\nimport {\n  FacetColumnRequest,\n  FacetColumnResultRange,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { groupBy, noop, sortBy, union } from 'lodash-es'\nimport { Suspense, useCallback, useMemo, useState } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { CombinedRangeFacetFilter } from './CombinedRangeFacetFilter'\nimport { EnumFacetFilter } from './EnumFacetFilter/EnumFacetFilter'\nimport { FacetChip } from './FacetChip'\nimport { FacetFilterHeader } from './FacetFilterHeader'\nimport { FacetFilterControlsSkeleton } from './FacetFilterSkeleton'\nimport { getDefaultShownFacetFilters } from './FacetFilterUtils'\nimport JsonColumnFacetFilters from './JsonColumnFacetFilters'\nimport { RangeFacetFilter } from './RangeFacetFilter'\n\nexport type FacetFilterControlsProps = {\n  /* The set of faceted column names that should be shown in the Facet controls. If undefined, all faceted columns with\n    at least one non-null value will be shown. */\n  availableFacets?: string[]\n  initialExpandedFacetControls?: string[]\n}\n\nconst convertFacetToFacetColumnValuesRequest = (\n  facet: EnumerationFacet,\n): FacetColumnValuesRequest => ({\n  concreteType: 'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',\n  columnName: facet.columnName,\n  facetValues: facet.facetValues\n    .filter(facet => facet.isSelected)\n    .map(facet => facet.value),\n})\n\nconst patchRequestFacets = (\n  changedFacet: FacetColumnRequest,\n  selections: FacetColumnRequest[] = [],\n): FacetColumnRequest[] => {\n  const changedFacetIndex = selections.findIndex(facet =>\n    facetObjectMatchesDefinition(facet, changedFacet),\n  )\n  const isEmptyValuesFacet =\n    changedFacet.concreteType ===\n      'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest' &&\n    !changedFacet.facetValues?.length\n  const isEmptyRangesFacet =\n    changedFacet.concreteType ===\n      'org.sagebionetworks.repo.model.table.FacetColumnRangeRequest' &&\n    (!changedFacet.min || !changedFacet.max)\n\n  if (changedFacetIndex > -1) {\n    if (isEmptyValuesFacet || isEmptyRangesFacet) {\n      selections.splice(changedFacetIndex, 1)\n    } else {\n      selections[changedFacetIndex] = changedFacet\n    }\n  } else {\n    selections.push(changedFacet)\n  }\n  return selections\n}\n\nexport function applyChangesToValuesColumn(\n  lastRequest: QueryBundleRequest | undefined,\n  facet: EnumerationFacet,\n  onChangeFn: (result: FacetColumnRequest[]) => void,\n  facetName?: string,\n  checked: boolean = false,\n) {\n  if (facetName) {\n    facet.facetValues.forEach(facetValue => {\n      if (facetValue.value === facetName) {\n        facetValue.isSelected = checked\n      }\n    })\n  } else {\n    // else clear all\n    facet.facetValues.forEach(facet => {\n      facet.isSelected = false\n    })\n  }\n\n  const changedFacet = convertFacetToFacetColumnValuesRequest(facet)\n  const result = patchRequestFacets(\n    changedFacet,\n    lastRequest?.query?.selectedFacets,\n  )\n  onChangeFn(result)\n}\n\nfunction FacetFilterControls(props: FacetFilterControlsProps) {\n  const { availableFacets, initialExpandedFacetControls } = props\n  const { getCurrentQueryRequest, combineRangeFacetConfig } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  const lastRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  const facets = queryMetadata\n    .facets!.filter(\n      facet =>\n        // If availableFacets is configured, remove those that don't match.\n        availableFacets == null || availableFacets.includes(facet.columnName),\n    )\n    // Don't include json subcolumn facets, those will be handled separately\n    .filter(facet => facet.jsonPath == null)\n    .filter(\n      facet =>\n        // Don't show facets if included in the combine range facet config, handled separately\n        combineRangeFacetConfig == null ||\n        (combineRangeFacetConfig.maxFacetColumn !== facet.columnName &&\n          combineRangeFacetConfig.minFacetColumn !== facet.columnName),\n    )\n    .filter(\n      facet =>\n        // Don't show facets where there are no values\n        !isSingleNotSetValue(facet),\n    )\n\n  const combinedRangeFacets = combineRangeFacetConfig\n    ? queryMetadata.facets!.filter(\n        facet =>\n          combineRangeFacetConfig.maxFacetColumn === facet.columnName ||\n          combineRangeFacetConfig.minFacetColumn === facet.columnName,\n      )\n    : []\n\n  // Group JSON facets by column name, so they can be grouped in the UI under their parent column name\n  const jsonFacetsGroupedByColumn = groupBy(\n    queryMetadata.facets!.filter(f => !!f.jsonPath),\n    'columnName',\n  )\n\n  const allFacetColumns: string[] = useMemo(() => {\n    const allFacetColumns: string[] = []\n    facets.forEach(facet => allFacetColumns.push(facet.columnName))\n    if (combineRangeFacetConfig) {\n      allFacetColumns.push(combineRangeFacetConfig.label)\n    }\n    if (jsonFacetsGroupedByColumn) {\n      Object.keys(jsonFacetsGroupedByColumn).forEach(jsonColumn =>\n        allFacetColumns.push(jsonColumn),\n      )\n    }\n    return allFacetColumns\n  }, [combineRangeFacetConfig, facets, jsonFacetsGroupedByColumn])\n\n  // Controls which facet columns are shown/hidden by clicking on chips. NOTE: One column may have multiple facets (e.g. JSON subcolumn facets)\n  const [facetColumnsShown, setFacetColumnsShown] = useState<Set<string>>(\n    getDefaultShownFacetFilters(\n      allFacetColumns,\n      lastRequest.query.selectedFacets,\n    ),\n  )\n\n  /**\n   * When the data facets change, reset the initially-selected chips\n   */\n  useDeepCompareEffectNoCheck(() => {\n    // Select the first three facet columns, plus any columns where a facet is already filtered,\n    // (PORTALS-3513) plus the initially expanded filters and any filters that the user explicitly expanded\n    const expandedFacets = union(\n      initialExpandedFacetControls ?? [],\n      Array.from(facetColumnsShown),\n    )\n    setFacetColumnsShown(\n      getDefaultShownFacetFilters(\n        allFacetColumns,\n        lastRequest.query.selectedFacets,\n        expandedFacets,\n      ),\n    )\n  }, [facets])\n\n  const columnModels = queryMetadata.columnModels\n\n  const toggleShowFacetFilter = useCallback(\n    (facetColumnName: string) => {\n      const newFacetColumnsShown = new Set(facetColumnsShown)\n      if (newFacetColumnsShown.has(facetColumnName)) {\n        newFacetColumnsShown.delete(facetColumnName)\n      } else {\n        newFacetColumnsShown.add(facetColumnName)\n      }\n      setFacetColumnsShown(newFacetColumnsShown)\n    },\n    [facetColumnsShown],\n  )\n  const combinedRangeFacetsColumnModelType = combineRangeFacetConfig\n    ? columnModels?.find(\n        model => model.name === combineRangeFacetConfig.minFacetColumn,\n      )?.columnType\n    : undefined\n\n  const shownTopLevelFacets = useMemo(\n    () =>\n      (facets ?? []).filter(facet => facetColumnsShown.has(facet.columnName)),\n    [facetColumnsShown, facets],\n  )\n\n  const shownJsonFacetGroups = useMemo(\n    () =>\n      Object.entries(jsonFacetsGroupedByColumn).filter(([columnName]) =>\n        facetColumnsShown.has(columnName),\n      ),\n    [facetColumnsShown, jsonFacetsGroupedByColumn],\n  )\n\n  return (\n    <div className={`FacetFilterControls`}>\n      <div>\n        <FacetFilterHeader\n          label={'Available Filters'}\n          hideCollapsible\n          isCollapsed={false}\n          onClick={noop}\n        />\n        {sortBy(allFacetColumns).map(columnName => {\n          return (\n            <FacetChip\n              key={columnName}\n              onClick={() => toggleShowFacetFilter(columnName)}\n              isChecked={facetColumnsShown.has(columnName)}\n            >\n              {getColumnDisplayName(columnName)}\n            </FacetChip>\n          )\n        })}\n      </div>\n      {combineRangeFacetConfig && combinedRangeFacets.length >= 2 && (\n        <CombinedRangeFacetFilter\n          facetResults={combinedRangeFacets as FacetColumnResultRange[]}\n          label={combineRangeFacetConfig.label}\n          columnType={combinedRangeFacetsColumnModelType!}\n        />\n      )}\n      {shownTopLevelFacets.map(facet => {\n        const columnModel = getCorrespondingColumnForFacet(\n          facet,\n          columnModels ?? [],\n        )\n        const enumerationFacet = getEnumerationFacet(facet)\n        return (\n          <div className=\"FacetFilterControls__facet\" key={facet.columnName}>\n            {enumerationFacet && columnModel && (\n              <EnumFacetFilter\n                containerAs=\"Collapsible\"\n                facet={enumerationFacet}\n              />\n            )}\n            {facet.facetType === 'range' && columnModel && (\n              <RangeFacetFilter facetResult={facet} />\n            )}\n          </div>\n        )\n      })}\n      {shownJsonFacetGroups.map(([columnName, facets]) => {\n        const columnModel = queryMetadata?.columnModels?.find(\n          cm => cm.name === columnName,\n        )\n        return (\n          columnModel && (\n            <JsonColumnFacetFilters\n              key={columnName}\n              columnModel={columnModel}\n              facets={facets}\n            />\n          )\n        )\n      })}\n    </div>\n  )\n}\n\nexport default function FacetFilterControlsWithSuspense(\n  props: FacetFilterControlsProps,\n) {\n  return (\n    <Suspense fallback={<FacetFilterControlsSkeleton />}>\n      <FacetFilterControls {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":"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"}

package/dist/components/widgets/query-filter/JsonColumnFacetFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JsonColumnFacetFilters.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/query-filter/JsonColumnFacetFilters.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAQhF,MAAM,MAAM,2BAA2B,GAAG;IAExC,WAAW,EAAE,WAAW,CAAA;IAExB,MAAM,EAAE,iBAAiB,EAAE,CAAA;CAC5B,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAC5C,KAAK,EAAE,2BAA2B,2CAiEnC"}
+{"version":3,"file":"JsonColumnFacetFilters.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/query-filter/JsonColumnFacetFilters.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAQhF,MAAM,MAAM,2BAA2B,GAAG;IAExC,WAAW,EAAE,WAAW,CAAA;IAExB,MAAM,EAAE,iBAAiB,EAAE,CAAA;CAC5B,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAC5C,KAAK,EAAE,2BAA2B,2CAiEnC"}

package/dist/components/widgets/query-filter/JsonColumnFacetFilters.js

@@ -1,30 +1,31 @@
-import { getCorrespondingColumnForFacet as e } from "../../../utils/functions/queryUtils.js";
-import { useSuspenseGetQueryMetadata as t } from "../../QueryWrapper/useGetQueryMetadata.js";
-import { useQueryVisualizationContext as n } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useQueryVisualizationContext as e } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { getEnumerationFacet as t } from "../../../utils/functions/enumerationFacet.js";
+import { getCorrespondingColumnForFacet as n } from "../../../utils/functions/queryUtils.js";
+import { useSuspenseGetQueryMetadata as r } from "../../QueryWrapper/useGetQueryMetadata.js";
 import "../../QueryVisualizationWrapper/index.js";
-import { FacetFilterHeader as r } from "./FacetFilterHeader.js";
-import { EnumFacetFilter as i } from "./EnumFacetFilter/EnumFacetFilter.js";
-import { RangeFacetFilter as a } from "./RangeFacetFilter.js";
-import { useState as o } from "react";
-import { Box as s, Collapse as c } from "@mui/material";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { FacetFilterHeader as i } from "./FacetFilterHeader.js";
+import { EnumFacetFilter as a } from "./EnumFacetFilter/EnumFacetFilter.js";
+import { RangeFacetFilter as o } from "./RangeFacetFilter.js";
+import { useState as s } from "react";
+import { Box as c, Collapse as l } from "@mui/material";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/widgets/query-filter/JsonColumnFacetFilters.tsx
-function f(f) {
-	let { columnModel: p, facets: m } = f, { getColumnDisplayName: h } = n(), { data: g } = t(), [_, v] = o(!1);
-	return g.columnModels == null ? /* @__PURE__ */ u(l, {}) : p.jsonSubColumns ? /* @__PURE__ */ d(s, {
+function p(p) {
+	let { columnModel: m, facets: h } = p, { getColumnDisplayName: g } = e(), { data: _ } = r(), [v, y] = s(!1);
+	return _.columnModels == null ? /* @__PURE__ */ d(u, {}) : m.jsonSubColumns ? /* @__PURE__ */ f(c, {
 		className: "FacetFilterControls__facet",
-		children: [/* @__PURE__ */ u(r, {
-			label: h(p.name),
-			isCollapsed: _,
-			onClick: (e) => v(e)
-		}), /* @__PURE__ */ u(c, {
+		children: [/* @__PURE__ */ d(i, {
+			label: g(m.name),
+			isCollapsed: v,
+			onClick: (e) => y(e)
+		}), /* @__PURE__ */ d(l, {
 			className: "JsonColumnFacetFilters",
-			in: !_,
-			children: /* @__PURE__ */ u(s, {
+			in: !v,
+			children: /* @__PURE__ */ d(c, {
 				sx: { my: 2 },
-				children: m.map((t) => {
-					let n = e(t, g.columnModels);
-					return /* @__PURE__ */ d(s, {
+				children: h.map((e) => {
+					let r = n(e, _.columnModels), i = t(e);
+					return /* @__PURE__ */ f(c, {
 						className: "FacetFilterControls__facet",
 						sx: {
 							my: 1.5,
@@ -32,21 +33,21 @@ function f(f) {
 							p: 2.5,
 							".FacetFilterHeader": { borderBottom: "none" }
 						},
-						children: [t.facetType === "enumeration" && n && /* @__PURE__ */ u(i, {
+						children: [i && r && /* @__PURE__ */ d(a, {
 							containerAs: "Collapsible",
-							facet: t,
+							facet: i,
 							hideCollapsible: !0
-						}), t.facetType === "range" && n && /* @__PURE__ */ u(a, {
-							facetResult: t,
+						}), e.facetType === "range" && r && /* @__PURE__ */ d(o, {
+							facetResult: e,
 							hideCollapsible: !0
 						})]
-					}, t.jsonPath);
+					}, e.jsonPath);
 				})
 			})
 		})]
-	}) : (console.warn("Supplied column model has no jsonSubColumns"), /* @__PURE__ */ u(l, {}));
+	}) : (console.warn("Supplied column model has no jsonSubColumns"), /* @__PURE__ */ d(u, {}));
 }
 //#endregion
-export { f as default };
+export { p as default };
 
 //# sourceMappingURL=JsonColumnFacetFilters.js.map

package/dist/components/widgets/query-filter/JsonColumnFacetFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"JsonColumnFacetFilters.js","names":[],"sources":["../../../../src/components/widgets/query-filter/JsonColumnFacetFilters.tsx"],"sourcesContent":["import { getCorrespondingColumnForFacet } from '@/utils/functions/queryUtils'\nimport { Box, Collapse } from '@mui/material'\nimport { ColumnModel, FacetColumnResult } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { EnumFacetFilter } from './EnumFacetFilter/EnumFacetFilter'\nimport { FacetFilterHeader } from './FacetFilterHeader'\nimport { RangeFacetFilter } from './RangeFacetFilter'\n\nexport type JsonColumnFacetFiltersProps = {\n  /* The parent ColumnModel that contains the JSON Subcolumns to show in this panel */\n  columnModel: ColumnModel\n  /* The set of JSON Subcolumn FacetColumnResults that will be shown in this panel */\n  facets: FacetColumnResult[]\n}\n\n/**\n * Renders a set of facet filters that are all derived from the same JSON Column.\n * @param props\n * @constructor\n */\nexport default function JsonColumnFacetFilters(\n  props: JsonColumnFacetFiltersProps,\n) {\n  const { columnModel, facets } = props\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  const [isCollapsed, setIsCollapsed] = useState<boolean>(false)\n\n  if (queryMetadata.columnModels == undefined) {\n    return <></>\n  }\n  if (!columnModel.jsonSubColumns) {\n    console.warn('Supplied column model has no jsonSubColumns')\n    return <></>\n  }\n  return (\n    <Box className={'FacetFilterControls__facet'}>\n      <FacetFilterHeader\n        label={getColumnDisplayName(columnModel.name)}\n        isCollapsed={isCollapsed}\n        onClick={(isCollapsed: boolean) => setIsCollapsed(isCollapsed)}\n      />\n      <Collapse className=\"JsonColumnFacetFilters\" in={!isCollapsed}>\n        <Box sx={{ my: 2 }}>\n          {facets.map(jsonSubcolumnFacet => {\n            const jsonSubColumnModel = getCorrespondingColumnForFacet(\n              jsonSubcolumnFacet,\n              queryMetadata.columnModels!,\n            )\n            return (\n              <Box\n                className=\"FacetFilterControls__facet\"\n                key={jsonSubcolumnFacet.jsonPath}\n                sx={{\n                  my: 1.5,\n                  backgroundColor: 'grey.100',\n                  p: 2.5,\n                  '.FacetFilterHeader': {\n                    borderBottom: 'none',\n                  },\n                }}\n              >\n                {jsonSubcolumnFacet.facetType === 'enumeration' &&\n                  jsonSubColumnModel && (\n                    <EnumFacetFilter\n                      containerAs=\"Collapsible\"\n                      facet={jsonSubcolumnFacet}\n                      hideCollapsible={true}\n                    />\n                  )}\n                {jsonSubcolumnFacet.facetType === 'range' &&\n                  jsonSubColumnModel && (\n                    <RangeFacetFilter\n                      facetResult={jsonSubcolumnFacet}\n                      hideCollapsible={true}\n                    />\n                  )}\n              </Box>\n            )\n          })}\n        </Box>\n      </Collapse>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAsBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,gBAAa,cAAW,GAC1B,EAAE,4BAAyB,EAA6B,GAExD,EAAE,MAAM,MAAkB,EAA4B,GAEtD,CAAC,GAAa,KAAkB,EAAkB,EAAK;CAS7D,OAPI,EAAc,gBAAgB,OACzB,kBAAA,GAAA,CAAI,CAAA,IAER,EAAY,iBAKf,kBAAC,GAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,GAAD;GACE,OAAO,EAAqB,EAAY,IAAI;GAC/B;GACb,UAAU,MAAyB,EAAe,CAAW;EAC9D,CAAA,GACD,kBAAC,GAAD;GAAU,WAAU;GAAyB,IAAI,CAAC;aAChD,kBAAC,GAAD;IAAK,IAAI,EAAE,IAAI,EAAE;cACd,EAAO,KAAI,MAAsB;KAChC,IAAM,IAAqB,EACzB,GACA,EAAc,YAChB;KACA,OACE,kBAAC,GAAD;MACE,WAAU;MAEV,IAAI;OACF,IAAI;OACJ,iBAAiB;OACjB,GAAG;OACH,sBAAsB,EACpB,cAAc,OAChB;MACF;gBAVF,CAYG,EAAmB,cAAc,iBAChC,KACE,kBAAC,GAAD;OACE,aAAY;OACZ,OAAO;OACP,iBAAiB;MAClB,CAAA,GAEJ,EAAmB,cAAc,WAChC,KACE,kBAAC,GAAD;OACE,aAAa;OACb,iBAAiB;MAClB,CAAA,CAEF;QAzBE,EAAmB,QAyBrB;IAET,CAAC;GACE,CAAA;EACG,CAAA,CACP;OAlDL,QAAQ,KAAK,6CAA6C,GACnD,kBAAA,GAAA,CAAI,CAAA;AAmDf"}
+{"version":3,"file":"JsonColumnFacetFilters.js","names":[],"sources":["../../../../src/components/widgets/query-filter/JsonColumnFacetFilters.tsx"],"sourcesContent":["import { getEnumerationFacet } from '@/utils/functions/enumerationFacet'\nimport { getCorrespondingColumnForFacet } from '@/utils/functions/queryUtils'\nimport { Box, Collapse } from '@mui/material'\nimport { ColumnModel, FacetColumnResult } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { EnumFacetFilter } from './EnumFacetFilter/EnumFacetFilter'\nimport { FacetFilterHeader } from './FacetFilterHeader'\nimport { RangeFacetFilter } from './RangeFacetFilter'\n\nexport type JsonColumnFacetFiltersProps = {\n  /* The parent ColumnModel that contains the JSON Subcolumns to show in this panel */\n  columnModel: ColumnModel\n  /* The set of JSON Subcolumn FacetColumnResults that will be shown in this panel */\n  facets: FacetColumnResult[]\n}\n\n/**\n * Renders a set of facet filters that are all derived from the same JSON Column.\n * @param props\n * @constructor\n */\nexport default function JsonColumnFacetFilters(\n  props: JsonColumnFacetFiltersProps,\n) {\n  const { columnModel, facets } = props\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  const [isCollapsed, setIsCollapsed] = useState<boolean>(false)\n\n  if (queryMetadata.columnModels == undefined) {\n    return <></>\n  }\n  if (!columnModel.jsonSubColumns) {\n    console.warn('Supplied column model has no jsonSubColumns')\n    return <></>\n  }\n  return (\n    <Box className={'FacetFilterControls__facet'}>\n      <FacetFilterHeader\n        label={getColumnDisplayName(columnModel.name)}\n        isCollapsed={isCollapsed}\n        onClick={(isCollapsed: boolean) => setIsCollapsed(isCollapsed)}\n      />\n      <Collapse className=\"JsonColumnFacetFilters\" in={!isCollapsed}>\n        <Box sx={{ my: 2 }}>\n          {facets.map(jsonSubcolumnFacet => {\n            const jsonSubColumnModel = getCorrespondingColumnForFacet(\n              jsonSubcolumnFacet,\n              queryMetadata.columnModels!,\n            )\n            const enumerationFacet = getEnumerationFacet(jsonSubcolumnFacet)\n            return (\n              <Box\n                className=\"FacetFilterControls__facet\"\n                key={jsonSubcolumnFacet.jsonPath}\n                sx={{\n                  my: 1.5,\n                  backgroundColor: 'grey.100',\n                  p: 2.5,\n                  '.FacetFilterHeader': {\n                    borderBottom: 'none',\n                  },\n                }}\n              >\n                {enumerationFacet && jsonSubColumnModel && (\n                  <EnumFacetFilter\n                    containerAs=\"Collapsible\"\n                    facet={enumerationFacet}\n                    hideCollapsible={true}\n                  />\n                )}\n                {jsonSubcolumnFacet.facetType === 'range' &&\n                  jsonSubColumnModel && (\n                    <RangeFacetFilter\n                      facetResult={jsonSubcolumnFacet}\n                      hideCollapsible={true}\n                    />\n                  )}\n              </Box>\n            )\n          })}\n        </Box>\n      </Collapse>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAuBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,gBAAa,cAAW,GAC1B,EAAE,4BAAyB,EAA6B,GAExD,EAAE,MAAM,MAAkB,EAA4B,GAEtD,CAAC,GAAa,KAAkB,EAAkB,EAAK;CAS7D,OAPI,EAAc,gBAAgB,OACzB,kBAAA,GAAA,CAAI,CAAA,IAER,EAAY,iBAKf,kBAAC,GAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,GAAD;GACE,OAAO,EAAqB,EAAY,IAAI;GAC/B;GACb,UAAU,MAAyB,EAAe,CAAW;EAC9D,CAAA,GACD,kBAAC,GAAD;GAAU,WAAU;GAAyB,IAAI,CAAC;aAChD,kBAAC,GAAD;IAAK,IAAI,EAAE,IAAI,EAAE;cACd,EAAO,KAAI,MAAsB;KAChC,IAAM,IAAqB,EACzB,GACA,EAAc,YAChB,GACM,IAAmB,EAAoB,CAAkB;KAC/D,OACE,kBAAC,GAAD;MACE,WAAU;MAEV,IAAI;OACF,IAAI;OACJ,iBAAiB;OACjB,GAAG;OACH,sBAAsB,EACpB,cAAc,OAChB;MACF;gBAVF,CAYG,KAAoB,KACnB,kBAAC,GAAD;OACE,aAAY;OACZ,OAAO;OACP,iBAAiB;MAClB,CAAA,GAEF,EAAmB,cAAc,WAChC,KACE,kBAAC,GAAD;OACE,aAAa;OACb,iBAAiB;MAClB,CAAA,CAEF;QAxBE,EAAmB,QAwBrB;IAET,CAAC;GACE,CAAA;EACG,CAAA,CACP;OAlDL,QAAQ,KAAK,6CAA6C,GACnD,kBAAA,GAAA,CAAI,CAAA;AAmDf"}

package/dist/components/widgets/query-filter/RangeFacetFilter.js

@@ -1,9 +1,9 @@
 import { FRIENDLY_VALUE_NOT_SET as e, VALUE_NOT_SET as t } from "../../../utils/SynapseConstants.js";
-import { getCorrespondingColumnForFacet as n } from "../../../utils/functions/queryUtils.js";
-import { useQueryContext as r } from "../../QueryContext/QueryContext.js";
+import { useQueryVisualizationContext as n } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { getCorrespondingColumnForFacet as r } from "../../../utils/functions/queryUtils.js";
+import { useQueryContext as i } from "../../QueryContext/QueryContext.js";
 import "../../QueryContext/index.js";
-import { useSuspenseGetQueryMetadata as i } from "../../QueryWrapper/useGetQueryMetadata.js";
-import { useQueryVisualizationContext as a } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useSuspenseGetQueryMetadata as a } from "../../QueryWrapper/useGetQueryMetadata.js";
 import "../../QueryVisualizationWrapper/index.js";
 import { RangeFacetFilterUI as o } from "./RangeFacetFilterUI.js";
 import { useMemo as s } from "react";
@@ -27,7 +27,7 @@ var d = /* @__PURE__ */ function(e) {
 	}
 ];
 function p(e) {
-	let { facetResult: d, hideCollapsible: f = !1 } = e, { setRangeFacetValue: p, removeSelectedFacet: m, getCurrentQueryRequest: h } = r(), { data: g } = i(), _ = g.columnModels ? n(d, g.columnModels) : void 0, { getColumnDisplayName: v } = a(), y = s(() => h(), [h]);
+	let { facetResult: d, hideCollapsible: f = !1 } = e, { setRangeFacetValue: p, removeSelectedFacet: m, getCurrentQueryRequest: h } = i(), { data: g } = a(), _ = g.columnModels ? r(d, g.columnModels) : void 0, { getColumnDisplayName: v } = n(), y = s(() => h(), [h]);
 	return _ ? /* @__PURE__ */ u(o, {
 		label: v(d.columnName, d.jsonPath),
 		facetResult: d,

package/dist/features/curator/dashboard/components/NextStepButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NextStepButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"names":[],"mappings":"AAOA,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAoBD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8DhE"}
+{"version":3,"file":"NextStepButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"names":[],"mappings":"AAQA,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAoBD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8DhE"}

package/dist/features/curator/dashboard/components/NextStepButton.js

@@ -2,8 +2,9 @@ import { SynapseSpinner as e } from "../../../../components/LoadingScreen/Loadin
 import t from "./NextStepButton.module.js";
 import { Button as n, Tooltip as r, Typography as i } from "@mui/material";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { ArrowForwardIos as s, TableChartOutlined as c } from "@mui/icons-material";
-import l from "classnames";
+import s from "@mui/icons-material/TableChartOutlined";
+import c from "classnames";
+import l from "@mui/icons-material/ArrowForwardIos";
 //#region src/features/curator/dashboard/components/NextStepButton.tsx
 function u(e) {
 	let { children: t, title: n } = e;
@@ -20,10 +21,10 @@ function d(r) {
 	return g ? /* @__PURE__ */ a(u, {
 		title: _,
 		children: /* @__PURE__ */ a(n, {
-			className: l(t.expandedButton, d),
+			className: c(t.expandedButton, d),
 			onClick: p,
 			disabled: m || h,
-			startIcon: /* @__PURE__ */ a(c, { sx: { fontSize: 20 } }),
+			startIcon: /* @__PURE__ */ a(s, { sx: { fontSize: 20 } }),
 			sx: { width: "100%" },
 			children: /* @__PURE__ */ a(i, {
 				variant: "buttonLink",
@@ -38,7 +39,7 @@ function d(r) {
 		title: _,
 		children: /* @__PURE__ */ o("button", {
 			type: "button",
-			className: l(t.button, d),
+			className: c(t.button, d),
 			onClick: p,
 			disabled: m || h,
 			children: [/* @__PURE__ */ o("div", {
@@ -55,7 +56,7 @@ function d(r) {
 					align: "left",
 					children: f
 				})]
-			}), h ? /* @__PURE__ */ a(e, { size: 30 }) : /* @__PURE__ */ a(s, { className: t.icon })]
+			}), h ? /* @__PURE__ */ a(e, { size: 30 }) : /* @__PURE__ */ a(l, { className: t.icon })]
 		})
 	});
 }

package/dist/features/curator/dashboard/components/NextStepButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextStepButton.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"sourcesContent":["import styles from './NextStepButton.module.scss'\nimport { Button, Tooltip, Typography } from '@mui/material'\nimport { ArrowForwardIos, TableChartOutlined } from '@mui/icons-material'\nimport { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\nimport classNames from 'classnames'\nimport { PropsWithChildren } from 'react'\n\ntype NextStepButtonProps = {\n  className?: string\n  buttonText: string\n  onClick: () => void\n  disabled?: boolean\n  loading?: boolean\n  expanded?: boolean\n  /** When provided, wraps the button in a tooltip. Useful to explain a disabled state. */\n  tooltip?: string\n}\n\n/**\n * Wraps the button in a Tooltip when tooltip text is provided. A disabled MUI button does not fire\n * pointer events, so the button is wrapped in a focusable span so the tooltip remains discoverable.\n */\nfunction OptionalButtonTooltip(\n  props: PropsWithChildren<{ title: string | undefined }>,\n) {\n  const { children, title } = props\n  if (!title) {\n    return children\n  }\n  return (\n    <Tooltip title={title}>\n      <span style={{ display: 'inline-flex' }}>{children}</span>\n    </Tooltip>\n  )\n}\n\n/**\n * Button component used to proceed to the next step in a workflow.\n * Displays an arrow icon or loading spinner when appropriate.\n */\nexport default function NextStepButton(props: NextStepButtonProps) {\n  const {\n    className,\n    buttonText,\n    onClick,\n    disabled,\n    loading,\n    expanded,\n    tooltip,\n  } = props\n\n  if (expanded) {\n    return (\n      <OptionalButtonTooltip title={tooltip}>\n        <Button\n          className={classNames(styles.expandedButton, className)}\n          onClick={onClick}\n          disabled={disabled || loading}\n          startIcon={<TableChartOutlined sx={{ fontSize: 20 }} />}\n          sx={{ width: '100%' }}\n        >\n          <Typography\n            variant=\"buttonLink\"\n            sx={{ color: 'inherit', fontWeight: 700 }}\n          >\n            {buttonText}\n          </Typography>\n        </Button>\n      </OptionalButtonTooltip>\n    )\n  }\n\n  return (\n    <OptionalButtonTooltip title={tooltip}>\n      <button\n        type=\"button\"\n        className={classNames(styles.button, className)}\n        onClick={onClick}\n        disabled={disabled || loading}\n      >\n        <div className={styles.buttonText}>\n          <Typography className={styles.buttonTextSub} variant=\"body1\">\n            Next step\n          </Typography>\n          <Typography\n            className={styles.buttonTextMain}\n            variant=\"buttonLink\"\n            color=\"primary\"\n            fontWeight={700}\n            align=\"left\"\n          >\n            {buttonText}\n          </Typography>\n        </div>\n        {loading ? (\n          <SynapseSpinner size={30} />\n        ) : (\n          <ArrowForwardIos className={styles.icon} />\n        )}\n      </button>\n    </OptionalButtonTooltip>\n  )\n}\n"],"mappings":";;;;;;;AAsBA,SAAS,EACP,GACA;CACA,IAAM,EAAE,aAAU,aAAU;CAI5B,OAHK,IAIH,kBAAC,GAAD;EAAgB;YACd,kBAAC,QAAD;GAAM,OAAO,EAAE,SAAS,cAAc;GAAI;EAAe,CAAA;CAClD,CAAA,IALF;AAOX;AAMA,SAAwB,EAAe,GAA4B;CACjE,IAAM,EACJ,cACA,eACA,YACA,aACA,YACA,aACA,eACE;CAuBJ,OArBI,IAEA,kBAAC,GAAD;EAAuB,OAAO;YAC5B,kBAAC,GAAD;GACE,WAAW,EAAW,EAAO,gBAAgB,CAAS;GAC7C;GACT,UAAU,KAAY;GACtB,WAAW,kBAAC,GAAD,EAAoB,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;GACtD,IAAI,EAAE,OAAO,OAAO;aAEpB,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KAAE,OAAO;KAAW,YAAY;IAAI;cAEvC;GACS,CAAA;EACN,CAAA;CACa,CAAA,IAKzB,kBAAC,GAAD;EAAuB,OAAO;YAC5B,kBAAC,UAAD;GACE,MAAK;GACL,WAAW,EAAW,EAAO,QAAQ,CAAS;GACrC;GACT,UAAU,KAAY;aAJxB,CAME,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,GAAD;KAAY,WAAW,EAAO;KAAe,SAAQ;eAAQ;IAEjD,CAAA,GACZ,kBAAC,GAAD;KACE,WAAW,EAAO;KAClB,SAAQ;KACR,OAAM;KACN,YAAY;KACZ,OAAM;eAEL;IACS,CAAA,CACT;OACJ,IACC,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAE3B,kBAAC,GAAD,EAAiB,WAAW,EAAO,KAAO,CAAA,CAEtC;;CACa,CAAA;AAE3B"}
+{"version":3,"file":"NextStepButton.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"sourcesContent":["import styles from './NextStepButton.module.scss'\nimport { Button, Tooltip, Typography } from '@mui/material'\nimport ArrowForwardIos from '@mui/icons-material/ArrowForwardIos'\nimport TableChartOutlined from '@mui/icons-material/TableChartOutlined'\nimport { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\nimport classNames from 'classnames'\nimport { PropsWithChildren } from 'react'\n\ntype NextStepButtonProps = {\n  className?: string\n  buttonText: string\n  onClick: () => void\n  disabled?: boolean\n  loading?: boolean\n  expanded?: boolean\n  /** When provided, wraps the button in a tooltip. Useful to explain a disabled state. */\n  tooltip?: string\n}\n\n/**\n * Wraps the button in a Tooltip when tooltip text is provided. A disabled MUI button does not fire\n * pointer events, so the button is wrapped in a focusable span so the tooltip remains discoverable.\n */\nfunction OptionalButtonTooltip(\n  props: PropsWithChildren<{ title: string | undefined }>,\n) {\n  const { children, title } = props\n  if (!title) {\n    return children\n  }\n  return (\n    <Tooltip title={title}>\n      <span style={{ display: 'inline-flex' }}>{children}</span>\n    </Tooltip>\n  )\n}\n\n/**\n * Button component used to proceed to the next step in a workflow.\n * Displays an arrow icon or loading spinner when appropriate.\n */\nexport default function NextStepButton(props: NextStepButtonProps) {\n  const {\n    className,\n    buttonText,\n    onClick,\n    disabled,\n    loading,\n    expanded,\n    tooltip,\n  } = props\n\n  if (expanded) {\n    return (\n      <OptionalButtonTooltip title={tooltip}>\n        <Button\n          className={classNames(styles.expandedButton, className)}\n          onClick={onClick}\n          disabled={disabled || loading}\n          startIcon={<TableChartOutlined sx={{ fontSize: 20 }} />}\n          sx={{ width: '100%' }}\n        >\n          <Typography\n            variant=\"buttonLink\"\n            sx={{ color: 'inherit', fontWeight: 700 }}\n          >\n            {buttonText}\n          </Typography>\n        </Button>\n      </OptionalButtonTooltip>\n    )\n  }\n\n  return (\n    <OptionalButtonTooltip title={tooltip}>\n      <button\n        type=\"button\"\n        className={classNames(styles.button, className)}\n        onClick={onClick}\n        disabled={disabled || loading}\n      >\n        <div className={styles.buttonText}>\n          <Typography className={styles.buttonTextSub} variant=\"body1\">\n            Next step\n          </Typography>\n          <Typography\n            className={styles.buttonTextMain}\n            variant=\"buttonLink\"\n            color=\"primary\"\n            fontWeight={700}\n            align=\"left\"\n          >\n            {buttonText}\n          </Typography>\n        </div>\n        {loading ? (\n          <SynapseSpinner size={30} />\n        ) : (\n          <ArrowForwardIos className={styles.icon} />\n        )}\n      </button>\n    </OptionalButtonTooltip>\n  )\n}\n"],"mappings":";;;;;;;;AAuBA,SAAS,EACP,GACA;CACA,IAAM,EAAE,aAAU,aAAU;CAI5B,OAHK,IAIH,kBAAC,GAAD;EAAgB;YACd,kBAAC,QAAD;GAAM,OAAO,EAAE,SAAS,cAAc;GAAI;EAAe,CAAA;CAClD,CAAA,IALF;AAOX;AAMA,SAAwB,EAAe,GAA4B;CACjE,IAAM,EACJ,cACA,eACA,YACA,aACA,YACA,aACA,eACE;CAuBJ,OArBI,IAEA,kBAAC,GAAD;EAAuB,OAAO;YAC5B,kBAAC,GAAD;GACE,WAAW,EAAW,EAAO,gBAAgB,CAAS;GAC7C;GACT,UAAU,KAAY;GACtB,WAAW,kBAAC,GAAD,EAAoB,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;GACtD,IAAI,EAAE,OAAO,OAAO;aAEpB,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KAAE,OAAO;KAAW,YAAY;IAAI;cAEvC;GACS,CAAA;EACN,CAAA;CACa,CAAA,IAKzB,kBAAC,GAAD;EAAuB,OAAO;YAC5B,kBAAC,UAAD;GACE,MAAK;GACL,WAAW,EAAW,EAAO,QAAQ,CAAS;GACrC;GACT,UAAU,KAAY;aAJxB,CAME,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,GAAD;KAAY,WAAW,EAAO;KAAe,SAAQ;eAAQ;IAEjD,CAAA,GACZ,kBAAC,GAAD;KACE,WAAW,EAAO;KAClB,SAAQ;KACR,OAAM;KACN,YAAY;KACZ,OAAM;eAEL;IACS,CAAA,CACT;OACJ,IACC,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAE3B,kBAAC,GAAD,EAAiB,WAAW,EAAO,KAAO,CAAA,CAEtC;;CACa,CAAA;AAE3B"}

package/dist/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.js

@@ -25,16 +25,16 @@ import { Alert as f, Box as p, Button as m, FormControl as He, FormControlLabel
 import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 import { TYPE_FILTER as T } from "@sage-bionetworks/synapse-types";
 import { EntityType as E, FileBasedMetadataTaskPropertiesConcreteTypeEnum as D, RecordBasedMetadataTaskPropertiesConcreteTypeEnum as O, TaskStatusStateEnum as Je } from "@sage-bionetworks/synapse-client";
-import { HelpTwoTone as k } from "@mui/icons-material";
-import A from "lodash-es/noop";
+import k from "lodash-es/noop";
 import Ye from "@mui/icons-material/Close";
+import A from "@mui/icons-material/HelpTwoTone";
 //#region src/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.tsx
 var j = D.org_sagebionetworks_repo_model_curation_metadata_FileBasedMetadataTaskProperties, M = O.org_sagebionetworks_repo_model_curation_metadata_RecordBasedMetadataTaskProperties;
 function Xe(e) {
 	return e === "SESSION_OWNER" || e === "SOURCE_BENEFACTOR" ? e : "NONE";
 }
 function N(D) {
-	let { open: O, onCancel: N, onSuccess: P, onDeleteSuccess: Ze = A, projectId: F, task: I } = D, L = I !== void 0, { data: Qe } = n(F), $e = Qe?.canDelete && L && I?.taskId != null && D.onDeleteSuccess != null, [et, R] = d(!1), [tt, z] = d(() => I ? "COMMON_MUTABLE_FIELDS" : "SELECT_TYPE"), [B, nt] = d(() => {
+	let { open: O, onCancel: N, onSuccess: P, onDeleteSuccess: Ze = k, projectId: F, task: I } = D, L = I !== void 0, { data: Qe } = n(F), $e = Qe?.canDelete && L && I?.taskId != null && D.onDeleteSuccess != null, [et, R] = d(!1), [tt, z] = d(() => I ? "COMMON_MUTABLE_FIELDS" : "SELECT_TYPE"), [B, nt] = d(() => {
 		let e = I?.taskProperties?.concreteType;
 		return e === j || e === M ? e : null;
 	}), [rt, it] = d(() => I?.dataType ?? ""), [at, ot] = d(() => I?.instructions ?? ""), [st, ct] = d(() => I?.assigneePrincipalId), lt = I?.taskProperties && l(I?.taskProperties) ? Xe(I?.taskProperties?.suggestedAuthorizationMode) : "NONE", [V, ut] = d(lt), [dt] = d(lt), [H, ft] = d(() => {
@@ -106,7 +106,7 @@ function N(D) {
 						children: le
 					}), /* @__PURE__ */ C(b, {
 						title: ue,
-						children: /* @__PURE__ */ C(k, { sx: { color: "grey.700" } })
+						children: /* @__PURE__ */ C(A, { sx: { color: "grey.700" } })
 					})]
 				})
 			}),
@@ -124,7 +124,7 @@ function N(D) {
 						children: de
 					}), /* @__PURE__ */ C(b, {
 						title: fe,
-						children: /* @__PURE__ */ C(k, { sx: { color: "grey.700" } })
+						children: /* @__PURE__ */ C(A, { sx: { color: "grey.700" } })
 					})]
 				})
 			}),
@@ -142,7 +142,7 @@ function N(D) {
 						children: pe
 					}), /* @__PURE__ */ C(b, {
 						title: me,
-						children: /* @__PURE__ */ C(k, { sx: { color: "grey.700" } })
+						children: /* @__PURE__ */ C(A, { sx: { color: "grey.700" } })
 					})]
 				})
 			})
@@ -192,7 +192,7 @@ function N(D) {
 					},
 					children: [/* @__PURE__ */ C(_, { children: "Collaborators" }), /* @__PURE__ */ C(b, {
 						title: he,
-						children: /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C(k, { sx: { color: "grey.700" } }) })
+						children: /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C(A, { sx: { color: "grey.700" } }) })
 					})]
 				}), /* @__PURE__ */ w(y, {
 					gap: 1,
@@ -417,7 +417,7 @@ function N(D) {
 				children: "Back"
 			}), /* @__PURE__ */ C(m, {
 				variant: "contained",
-				onClick: () => void Ft().catch(A),
+				onClick: () => void Ft().catch(k),
 				disabled: X || B === null,
 				children: "Save"
 			})] });