synapse-react-client 4.0.34 → 4.0.36

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

@@ -34,7 +34,8 @@ function p(e) {
 		columnType: _.columnType,
 		hideCollapsible: f,
 		onRangeValueSelected: (e) => {
-			p(d, c(e.min) ? String(e.min) : e.min, c(e.max) ? String(e.max) : e.max);
+			let t = (e) => c(e) ? Number.isNaN(e) ? void 0 : String(e) : e;
+			p(d, t(e.min), t(e.max));
 		},
 		onNotSetSelected: () => {
 			p(d, t, t);

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

@@ -1 +1 @@
-{"version":3,"file":"RangeFacetFilter.js","names":[],"sources":["../../../../src/components/widgets/query-filter/RangeFacetFilter.tsx"],"sourcesContent":["import { getCorrespondingColumnForFacet } from '@/utils/functions/queryUtils'\nimport { FRIENDLY_VALUE_NOT_SET, VALUE_NOT_SET } from '@/utils/SynapseConstants'\nimport { FacetColumnResultRange } from '@sage-bionetworks/synapse-types'\nimport { isNumber } from 'lodash-es'\nimport { useMemo } from 'react'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { RangeValues } from '../Range'\nimport { RangeFacetFilterUI } from './RangeFacetFilterUI'\n\nexport enum RadioValuesEnum {\n  NOT_SET = 'org.sagebionetworks.UNDEFINED_NULL_NOTSET',\n  RANGE = 'RANGE',\n  ANY = '',\n}\nexport const options = [\n  { label: FRIENDLY_VALUE_NOT_SET, value: RadioValuesEnum.NOT_SET },\n  { label: 'Any', value: RadioValuesEnum.ANY },\n  { label: 'Range', value: RadioValuesEnum.RANGE },\n]\nexport type RangeFacetFilterProps = {\n  facetResult: FacetColumnResultRange\n  hideCollapsible?: boolean\n}\n\nexport function RangeFacetFilter(props: RangeFacetFilterProps) {\n  const { facetResult, hideCollapsible = false } = props\n  const { setRangeFacetValue, removeSelectedFacet, getCurrentQueryRequest } =\n    useQueryContext()\n\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  const columnModel = queryMetadata.columnModels\n    ? getCorrespondingColumnForFacet(facetResult, queryMetadata.columnModels)\n    : undefined\n\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  const lastQueryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  if (!columnModel) {\n    return <></>\n  }\n\n  return (\n    <RangeFacetFilterUI\n      label={getColumnDisplayName(facetResult.columnName, facetResult.jsonPath)}\n      facetResult={facetResult}\n      columnType={columnModel.columnType}\n      hideCollapsible={hideCollapsible}\n      onRangeValueSelected={(values: RangeValues) => {\n        setRangeFacetValue(\n          facetResult,\n          isNumber(values.min) ? String(values.min) : values.min,\n          isNumber(values.max) ? String(values.max) : values.max,\n        )\n      }}\n      onNotSetSelected={() => {\n        setRangeFacetValue(facetResult, VALUE_NOT_SET, VALUE_NOT_SET)\n      }}\n      onAnySelected={() => {\n        const selectedFacet = lastQueryRequest.query.selectedFacets?.find(\n          selectedFacet =>\n            selectedFacet.columnName === facetResult.columnName &&\n            selectedFacet.jsonPath === facetResult.jsonPath,\n        )\n        if (selectedFacet) {\n          removeSelectedFacet(selectedFacet)\n        }\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,UAAA,6CACA,EAAA,QAAA,SACA,EAAA,MAAA;AACF,EAAA,CAAA,CAAA,GACa,IAAU;CACrB;EAAE,OAAO;EAAwB,OAAA;CAA+B;CAChE;EAAE,OAAO;EAAO,OAAA;CAA2B;CAC3C;EAAE,OAAO;EAAS,OAAA;CAA6B;AACjD;AAMA,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,gBAAa,qBAAkB,OAAU,GAC3C,EAAE,uBAAoB,wBAAqB,8BAC/C,EAAgB,GAEZ,EAAE,MAAM,MAAkB,EAA4B,GAEtD,IAAc,EAAc,eAC9B,EAA+B,GAAa,EAAc,YAAY,IACtE,KAAA,GAEE,EAAE,4BAAyB,EAA6B,GAExD,IAAmB,QACjB,EAAuB,GAC7B,CAAC,CAAsB,CACzB;CAMA,OAJK,IAKH,kBAAC,GAAD;EACE,OAAO,EAAqB,EAAY,YAAY,EAAY,QAAQ;EAC3D;EACb,YAAY,EAAY;EACP;EACjB,uBAAuB,MAAwB;GAC7C,EACE,GACA,EAAS,EAAO,GAAG,IAAI,OAAO,EAAO,GAAG,IAAI,EAAO,KACnD,EAAS,EAAO,GAAG,IAAI,OAAO,EAAO,GAAG,IAAI,EAAO,GACrD;EACF;EACA,wBAAwB;GACtB,EAAmB,GAAa,GAAe,CAAa;EAC9D;EACA,qBAAqB;GACnB,IAAM,IAAgB,EAAiB,MAAM,gBAAgB,MAC3D,MACE,EAAc,eAAe,EAAY,cACzC,EAAc,aAAa,EAAY,QAC3C;GACA,AAAI,KACF,EAAoB,CAAa;EAErC;CACD,CAAA,IA7BM,kBAAA,GAAA,CAAI,CAAA;AA+Bf"}
+{"version":3,"file":"RangeFacetFilter.js","names":[],"sources":["../../../../src/components/widgets/query-filter/RangeFacetFilter.tsx"],"sourcesContent":["import { getCorrespondingColumnForFacet } from '@/utils/functions/queryUtils'\nimport { FRIENDLY_VALUE_NOT_SET, VALUE_NOT_SET } from '@/utils/SynapseConstants'\nimport { FacetColumnResultRange } from '@sage-bionetworks/synapse-types'\nimport { isNumber } from 'lodash-es'\nimport { useMemo } from 'react'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { RangeValues } from '../Range'\nimport { RangeFacetFilterUI } from './RangeFacetFilterUI'\n\nexport enum RadioValuesEnum {\n  NOT_SET = 'org.sagebionetworks.UNDEFINED_NULL_NOTSET',\n  RANGE = 'RANGE',\n  ANY = '',\n}\nexport const options = [\n  { label: FRIENDLY_VALUE_NOT_SET, value: RadioValuesEnum.NOT_SET },\n  { label: 'Any', value: RadioValuesEnum.ANY },\n  { label: 'Range', value: RadioValuesEnum.RANGE },\n]\nexport type RangeFacetFilterProps = {\n  facetResult: FacetColumnResultRange\n  hideCollapsible?: boolean\n}\n\nexport function RangeFacetFilter(props: RangeFacetFilterProps) {\n  const { facetResult, hideCollapsible = false } = props\n  const { setRangeFacetValue, removeSelectedFacet, getCurrentQueryRequest } =\n    useQueryContext()\n\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  const columnModel = queryMetadata.columnModels\n    ? getCorrespondingColumnForFacet(facetResult, queryMetadata.columnModels)\n    : undefined\n\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  const lastQueryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  if (!columnModel) {\n    return <></>\n  }\n\n  return (\n    <RangeFacetFilterUI\n      label={getColumnDisplayName(facetResult.columnName, facetResult.jsonPath)}\n      facetResult={facetResult}\n      columnType={columnModel.columnType}\n      hideCollapsible={hideCollapsible}\n      onRangeValueSelected={(values: RangeValues) => {\n        // Normalize numbers to strings; drop NaN (lodash isNumber(NaN) === true, so it must be filtered explicitly).\n        const toApiValue = (v: string | number | undefined) => {\n          if (isNumber(v)) return Number.isNaN(v) ? undefined : String(v)\n          return v\n        }\n        setRangeFacetValue(\n          facetResult,\n          toApiValue(values.min),\n          toApiValue(values.max),\n        )\n      }}\n      onNotSetSelected={() => {\n        setRangeFacetValue(facetResult, VALUE_NOT_SET, VALUE_NOT_SET)\n      }}\n      onAnySelected={() => {\n        const selectedFacet = lastQueryRequest.query.selectedFacets?.find(\n          selectedFacet =>\n            selectedFacet.columnName === facetResult.columnName &&\n            selectedFacet.jsonPath === facetResult.jsonPath,\n        )\n        if (selectedFacet) {\n          removeSelectedFacet(selectedFacet)\n        }\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,UAAA,6CACA,EAAA,QAAA,SACA,EAAA,MAAA;AACF,EAAA,CAAA,CAAA,GACa,IAAU;CACrB;EAAE,OAAO;EAAwB,OAAA;CAA+B;CAChE;EAAE,OAAO;EAAO,OAAA;CAA2B;CAC3C;EAAE,OAAO;EAAS,OAAA;CAA6B;AACjD;AAMA,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,gBAAa,qBAAkB,OAAU,GAC3C,EAAE,uBAAoB,wBAAqB,8BAC/C,EAAgB,GAEZ,EAAE,MAAM,MAAkB,EAA4B,GAEtD,IAAc,EAAc,eAC9B,EAA+B,GAAa,EAAc,YAAY,IACtE,KAAA,GAEE,EAAE,4BAAyB,EAA6B,GAExD,IAAmB,QACjB,EAAuB,GAC7B,CAAC,CAAsB,CACzB;CAMA,OAJK,IAKH,kBAAC,GAAD;EACE,OAAO,EAAqB,EAAY,YAAY,EAAY,QAAQ;EAC3D;EACb,YAAY,EAAY;EACP;EACjB,uBAAuB,MAAwB;GAE7C,IAAM,KAAc,MACd,EAAS,CAAC,IAAU,OAAO,MAAM,CAAC,IAAI,KAAA,IAAY,OAAO,CAAC,IACvD;GAET,EACE,GACA,EAAW,EAAO,GAAG,GACrB,EAAW,EAAO,GAAG,CACvB;EACF;EACA,wBAAwB;GACtB,EAAmB,GAAa,GAAe,CAAa;EAC9D;EACA,qBAAqB;GACnB,IAAM,IAAgB,EAAiB,MAAM,gBAAgB,MAC3D,MACE,EAAc,eAAe,EAAY,cACzC,EAAc,aAAa,EAAY,QAC3C;GACA,AAAI,KACF,EAAoB,CAAa;EAErC;CACD,CAAA,IAlCM,kBAAA,GAAA,CAAI,CAAA;AAoCf"}

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

@@ -1 +1 @@
-{"version":3,"file":"RangeFacetFilterUI.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/query-filter/RangeFacetFilterUI.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAG5D,OAAO,EAAS,WAAW,EAAE,MAAM,UAAU,CAAA;AAI7C,oBAAY,eAAe;IACzB,OAAO,8CAA8C;IACrD,KAAK,UAAU;IACf,GAAG,KAAK;CACT;AACD,eAAO,MAAM,OAAO;;;GAInB,CAAA;AACD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE;QACX,6GAA6G;QAC7G,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,4GAA4G;QAC5G,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,UAAU,EAAE,UAAU,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oBAAoB,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;IACnD,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,EAAE,YAAY,OAAO,oBAO7D,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,qBAAqB,2CAkJ9D"}
+{"version":3,"file":"RangeFacetFilterUI.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/query-filter/RangeFacetFilterUI.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAG5D,OAAO,EAAS,WAAW,EAAE,MAAM,UAAU,CAAA;AAI7C,oBAAY,eAAe;IACzB,OAAO,8CAA8C;IACrD,KAAK,UAAU;IACf,GAAG,KAAK;CACT;AACD,eAAO,MAAM,OAAO;;;GAInB,CAAA;AACD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE;QACX,6GAA6G;QAC7G,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,4GAA4G;QAC5G,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,UAAU,EAAE,UAAU,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oBAAoB,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;IACnD,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,EAAE,YAAY,OAAO,oBAO7D,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,qBAAqB,2CA4J9D"}

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

@@ -24,8 +24,8 @@ var p = /* @__PURE__ */ function(e) {
 	}
 ], h = (e, t) => t ? "" : e === "org.sagebionetworks.UNDEFINED_NULL_NOTSET" ? "org.sagebionetworks.UNDEFINED_NULL_NOTSET" : "RANGE";
 function g(e) {
-	let { label: p, facetResult: g, hideCollapsible: _ = !1, columnType: v, onAnySelected: y, onNotSetSelected: b, onRangeValueSelected: x } = e, [S, C] = i(!1), { columnMin: w, columnMax: T, selectedMin: E, selectedMax: D } = g, O = !E && !D, k = E || w, A = D || T, j = v === "DOUBLE" ? "number" : "date", M = (e) => {
-		switch (P(e), e) {
+	let { label: p, facetResult: g, hideCollapsible: _ = !1, columnType: v, onAnySelected: y, onNotSetSelected: b, onRangeValueSelected: x } = e, [S, C] = i(!1), { columnMin: w, columnMax: T, selectedMin: E, selectedMax: D } = g, O = !E && !D, k = E === "org.sagebionetworks.UNDEFINED_NULL_NOTSET" ? void 0 : E, A = D === "org.sagebionetworks.UNDEFINED_NULL_NOTSET" ? void 0 : D, j = k || w, M = A || T, N = v === "DOUBLE" ? "number" : "date", P = (e) => {
+		switch (I(e), e) {
 			case "RANGE": break;
 			case "org.sagebionetworks.UNDEFINED_NULL_NOTSET":
 				b();
@@ -34,7 +34,7 @@ function g(e) {
 				y();
 				break;
 		}
-	}, [N, P] = i(h(k ?? "", O));
+	}, [F, I] = i(h(E ?? "", O));
 	return /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u(t, {
 		isCollapsed: S,
 		label: p,
@@ -43,45 +43,45 @@ function g(e) {
 	}), /* @__PURE__ */ d(a, {
 		in: !S,
 		children: [/* @__PURE__ */ u(c, {
-			value: N,
-			onChange: (e, t) => M(t),
+			value: F,
+			onChange: (e, t) => P(t),
 			children: m.map(({ value: e, label: t }) => /* @__PURE__ */ u(o, {
 				control: /* @__PURE__ */ u(s, {}),
 				label: t,
 				value: e
 			}, e))
-		}), N === "RANGE" && (w && T && w === T ? /* @__PURE__ */ u("label", { children: T }) : /* @__PURE__ */ d(l, { children: [
+		}), F === "RANGE" && (w && T && w === T ? /* @__PURE__ */ u("label", { children: T }) : /* @__PURE__ */ d(l, { children: [
 			v === "INTEGER" && (w && T ? /* @__PURE__ */ u(r, {
 				domain: [w, T],
 				initialValues: {
-					min: parseInt(k ?? w),
-					max: parseInt(A ?? T)
+					min: parseInt(j ?? w),
+					max: parseInt(M ?? T)
 				},
 				step: 1,
 				onApplyClicked: x,
 				children: ">"
 			}, "RangeSlider") : /* @__PURE__ */ u(n, {
 				type: "number",
-				initialValues: k || A ? {
-					min: k ? parseInt(k) : void 0,
-					max: A ? parseInt(A) : void 0
+				initialValues: j || M ? {
+					min: j ? parseInt(j) : void 0,
+					max: M ? parseInt(M) : void 0
 				} : void 0,
 				onApplyClicked: x
 			}, "Range")),
 			v === "DATE" && /* @__PURE__ */ u(n, {
-				initialValues: E || D || w || T ? {
-					min: E ?? (w ? f(parseInt(w)).toString() : void 0),
-					max: D ?? (T ? f(parseInt(T)).toString() : void 0)
+				initialValues: k || A || w || T ? {
+					min: k ?? (w ? f(parseInt(w)).toString() : void 0),
+					max: A ?? (T ? f(parseInt(T)).toString() : void 0)
 				} : void 0,
-				type: j,
+				type: N,
 				onApplyClicked: x
 			}, "Range"),
 			v === "DOUBLE" && /* @__PURE__ */ u(n, {
-				initialValues: k || A ? {
-					min: k ? parseFloat(k) : void 0,
-					max: A ? parseFloat(A) : void 0
+				initialValues: j || M ? {
+					min: j ? parseFloat(j) : void 0,
+					max: M ? parseFloat(M) : void 0
 				} : void 0,
-				type: j,
+				type: N,
 				onApplyClicked: x
 			}, "Range")
 		] }))]

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

@@ -1 +1 @@
-{"version":3,"file":"RangeFacetFilterUI.js","names":[],"sources":["../../../../src/components/widgets/query-filter/RangeFacetFilterUI.tsx"],"sourcesContent":["import { FRIENDLY_VALUE_NOT_SET, VALUE_NOT_SET } from '@/utils/SynapseConstants'\nimport { Collapse, FormControlLabel, Radio, RadioGroup } from '@mui/material'\nimport { ColumnType } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useState } from 'react'\nimport { Range, RangeValues } from '../Range'\nimport RangeSlider from '../RangeSlider/RangeSlider'\nimport { FacetFilterHeader } from './FacetFilterHeader'\n\nexport enum RadioValuesEnum {\n  NOT_SET = 'org.sagebionetworks.UNDEFINED_NULL_NOTSET',\n  RANGE = 'RANGE',\n  ANY = '',\n}\nexport const options = [\n  { label: FRIENDLY_VALUE_NOT_SET, value: RadioValuesEnum.NOT_SET },\n  { label: 'Any', value: RadioValuesEnum.ANY },\n  { label: 'Range', value: RadioValuesEnum.RANGE },\n]\nexport type RangeFacetFilterProps = {\n  label: string\n  facetResult: {\n    /** The smallest value in the column. May be absent when the server cannot supply stats (e.g. Search API). */\n    columnMin?: string\n    /** The largest value in the column. May be absent when the server cannot supply stats (e.g. Search API). */\n    columnMax?: string\n    selectedMin?: string\n    selectedMax?: string\n  }\n  columnType: ColumnType\n  hideCollapsible?: boolean\n  onRangeValueSelected: (values: RangeValues) => void\n  onNotSetSelected: () => void\n  onAnySelected: () => void\n}\n\nexport const getRadioValue = (min: string, isAnyValue: boolean) => {\n  if (isAnyValue) {\n    return RadioValuesEnum.ANY\n  } else if (min === VALUE_NOT_SET) {\n    return RadioValuesEnum.NOT_SET\n  }\n  return RadioValuesEnum.RANGE\n}\n\nexport function RangeFacetFilterUI(props: RangeFacetFilterProps) {\n  const {\n    label,\n    facetResult,\n    hideCollapsible = false,\n    columnType,\n    onAnySelected,\n    onNotSetSelected,\n    onRangeValueSelected,\n  } = props\n\n  const [isCollapsed, setIsCollapsed] = useState<boolean>(false)\n\n  const { columnMin, columnMax, selectedMin, selectedMax } = facetResult // the upper bound of the selected range\n\n  const hasAnyValue = !selectedMin && !selectedMax\n\n  const currentMin = selectedMin || columnMin\n  const currentMax = selectedMax || columnMax\n\n  const rangeType = columnType === 'DOUBLE' ? 'number' : 'date'\n\n  const handleRadioGroupChange = (radioValue: RadioValuesEnum) => {\n    setRadioValue(radioValue)\n\n    switch (radioValue) {\n      case RadioValuesEnum.RANGE:\n        // The range facet value will update when the user clicks the apply button\n        break\n      case RadioValuesEnum.NOT_SET:\n        onNotSetSelected()\n        break\n      case RadioValuesEnum.ANY: {\n        onAnySelected()\n        break\n      }\n    }\n  }\n\n  const [radioValue, setRadioValue] = useState(\n    getRadioValue(currentMin ?? '', hasAnyValue),\n  )\n\n  return (\n    <div>\n      <FacetFilterHeader\n        isCollapsed={isCollapsed}\n        label={label}\n        onClick={(isCollapsed: boolean) => setIsCollapsed(isCollapsed)}\n        hideCollapsible={hideCollapsible}\n      />\n      <Collapse in={!isCollapsed}>\n        <RadioGroup\n          value={radioValue}\n          onChange={(_event, value) =>\n            handleRadioGroupChange(value as RadioValuesEnum)\n          }\n        >\n          {options.map(({ value, label }) => (\n            <FormControlLabel\n              key={value}\n              control={<Radio />}\n              label={label}\n              value={value}\n            />\n          ))}\n        </RadioGroup>\n        {radioValue === RadioValuesEnum.RANGE &&\n          (columnMin && columnMax && columnMin === columnMax ? (\n            <label>{columnMax}</label>\n          ) : (\n            <>\n              {columnType === 'INTEGER' &&\n                (columnMin && columnMax ? (\n                  <RangeSlider\n                    key=\"RangeSlider\"\n                    domain={[columnMin, columnMax]}\n                    initialValues={{\n                      min: parseInt(currentMin ?? columnMin),\n                      max: parseInt(currentMax ?? columnMax),\n                    }}\n                    step={1}\n                    onApplyClicked={onRangeValueSelected}\n                  >\n                    {'>'}\n                  </RangeSlider>\n                ) : (\n                  <Range\n                    key=\"Range\"\n                    type=\"number\"\n                    initialValues={\n                      currentMin || currentMax\n                        ? {\n                            min: currentMin ? parseInt(currentMin) : undefined,\n                            max: currentMax ? parseInt(currentMax) : undefined,\n                          }\n                        : undefined\n                    }\n                    onApplyClicked={onRangeValueSelected}\n                  />\n                ))}\n\n              {columnType === 'DATE' && (\n                <Range\n                  key=\"Range\"\n                  initialValues={\n                    selectedMin || selectedMax || columnMin || columnMax\n                      ? {\n                          // From the backend, selectedMin is a formatted date (like \"2021-06-15\"), but columnMin is a unix timestamp in millis (like \"1624651794856\")\n                          min:\n                            selectedMin ??\n                            (columnMin\n                              ? dayjs(parseInt(columnMin)).toString()\n                              : undefined),\n                          max:\n                            selectedMax ??\n                            (columnMax\n                              ? dayjs(parseInt(columnMax)).toString()\n                              : undefined),\n                        }\n                      : undefined\n                  }\n                  type={rangeType}\n                  onApplyClicked={onRangeValueSelected}\n                />\n              )}\n              {columnType === 'DOUBLE' && (\n                <Range\n                  key=\"Range\"\n                  initialValues={\n                    currentMin || currentMax\n                      ? {\n                          min: currentMin ? parseFloat(currentMin) : undefined,\n                          max: currentMax ? parseFloat(currentMax) : undefined,\n                        }\n                      : undefined\n                  }\n                  type={rangeType}\n                  onApplyClicked={onRangeValueSelected}\n                />\n              )}\n            </>\n          ))}\n      </Collapse>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;AASA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,UAAA,6CACA,EAAA,QAAA,SACA,EAAA,MAAA;AACF,EAAA,CAAA,CAAA,GACa,IAAU;CACrB;EAAE,OAAO;EAAwB,OAAA;CAA+B;CAChE;EAAE,OAAO;EAAO,OAAA;CAA2B;CAC3C;EAAE,OAAO;EAAS,OAAA;CAA6B;AACjD,GAkBa,KAAiB,GAAa,MACrC,IACF,KACS,MAAA,8CACT,8CAEF;AAGF,SAAgB,EAAmB,GAA8B;CAC/D,IAAM,EACJ,UACA,gBACA,qBAAkB,IAClB,eACA,kBACA,qBACA,4BACE,GAEE,CAAC,GAAa,KAAkB,EAAkB,EAAK,GAEvD,EAAE,cAAW,cAAW,gBAAa,mBAAgB,GAErD,IAAc,CAAC,KAAe,CAAC,GAE/B,IAAa,KAAe,GAC5B,IAAa,KAAe,GAE5B,IAAY,MAAe,WAAW,WAAW,QAEjD,KAA0B,MAAgC;EAG9D,QAFA,EAAc,CAAU,GAEhB,GAAR;GACE,KAAA,SAEE;GACF,KAAA;IACE,EAAiB;IACjB;GACF,KAAA;IACE,EAAc;IACd;EAEJ;CACF,GAEM,CAAC,GAAY,KAAiB,EAClC,EAAc,KAAc,IAAI,CAAW,CAC7C;CAEA,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACe;EACN;EACP,UAAU,MAAyB,EAAe,CAAW;EAC5C;CAClB,CAAA,GACD,kBAAC,GAAD;EAAU,IAAI,CAAC;YAAf,CACE,kBAAC,GAAD;GACE,OAAO;GACP,WAAW,GAAQ,MACjB,EAAuB,CAAwB;aAGhD,EAAQ,KAAK,EAAE,UAAO,eACrB,kBAAC,GAAD;IAEE,SAAS,kBAAC,GAAD,CAAQ,CAAA;IACV;IACA;GACR,GAJM,CAIN,CACF;EACS,CAAA,GACX,MAAA,YACE,KAAa,KAAa,MAAc,IACvC,kBAAC,SAAD,EAAA,UAAQ,EAAiB,CAAA,IAEzB,kBAAA,GAAA,EAAA,UAAA;GACG,MAAe,cACb,KAAa,IACZ,kBAAC,GAAD;IAEE,QAAQ,CAAC,GAAW,CAAS;IAC7B,eAAe;KACb,KAAK,SAAS,KAAc,CAAS;KACrC,KAAK,SAAS,KAAc,CAAS;IACvC;IACA,MAAM;IACN,gBAAgB;cAEf;GACU,GAVP,aAUO,IAEb,kBAAC,GAAD;IAEE,MAAK;IACL,eACE,KAAc,IACV;KACE,KAAK,IAAa,SAAS,CAAU,IAAI,KAAA;KACzC,KAAK,IAAa,SAAS,CAAU,IAAI,KAAA;IAC3C,IACA,KAAA;IAEN,gBAAgB;GACjB,GAXK,OAWL;GAGJ,MAAe,UACd,kBAAC,GAAD;IAEE,eACE,KAAe,KAAe,KAAa,IACvC;KAEE,KACE,MACC,IACG,EAAM,SAAS,CAAS,CAAC,EAAE,SAAS,IACpC,KAAA;KACN,KACE,MACC,IACG,EAAM,SAAS,CAAS,CAAC,EAAE,SAAS,IACpC,KAAA;IACR,IACA,KAAA;IAEN,MAAM;IACN,gBAAgB;GACjB,GApBK,OAoBL;GAEF,MAAe,YACd,kBAAC,GAAD;IAEE,eACE,KAAc,IACV;KACE,KAAK,IAAa,WAAW,CAAU,IAAI,KAAA;KAC3C,KAAK,IAAa,WAAW,CAAU,IAAI,KAAA;IAC7C,IACA,KAAA;IAEN,MAAM;IACN,gBAAgB;GACjB,GAXK,OAWL;EAEH,EAAA,CAAA,EAEE;GACP,EAAA,CAAA;AAET"}
+{"version":3,"file":"RangeFacetFilterUI.js","names":[],"sources":["../../../../src/components/widgets/query-filter/RangeFacetFilterUI.tsx"],"sourcesContent":["import { FRIENDLY_VALUE_NOT_SET, VALUE_NOT_SET } from '@/utils/SynapseConstants'\nimport { Collapse, FormControlLabel, Radio, RadioGroup } from '@mui/material'\nimport { ColumnType } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useState } from 'react'\nimport { Range, RangeValues } from '../Range'\nimport RangeSlider from '../RangeSlider/RangeSlider'\nimport { FacetFilterHeader } from './FacetFilterHeader'\n\nexport enum RadioValuesEnum {\n  NOT_SET = 'org.sagebionetworks.UNDEFINED_NULL_NOTSET',\n  RANGE = 'RANGE',\n  ANY = '',\n}\nexport const options = [\n  { label: FRIENDLY_VALUE_NOT_SET, value: RadioValuesEnum.NOT_SET },\n  { label: 'Any', value: RadioValuesEnum.ANY },\n  { label: 'Range', value: RadioValuesEnum.RANGE },\n]\nexport type RangeFacetFilterProps = {\n  label: string\n  facetResult: {\n    /** The smallest value in the column. May be absent when the server cannot supply stats (e.g. Search API). */\n    columnMin?: string\n    /** The largest value in the column. May be absent when the server cannot supply stats (e.g. Search API). */\n    columnMax?: string\n    selectedMin?: string\n    selectedMax?: string\n  }\n  columnType: ColumnType\n  hideCollapsible?: boolean\n  onRangeValueSelected: (values: RangeValues) => void\n  onNotSetSelected: () => void\n  onAnySelected: () => void\n}\n\nexport const getRadioValue = (min: string, isAnyValue: boolean) => {\n  if (isAnyValue) {\n    return RadioValuesEnum.ANY\n  } else if (min === VALUE_NOT_SET) {\n    return RadioValuesEnum.NOT_SET\n  }\n  return RadioValuesEnum.RANGE\n}\n\nexport function RangeFacetFilterUI(props: RangeFacetFilterProps) {\n  const {\n    label,\n    facetResult,\n    hideCollapsible = false,\n    columnType,\n    onAnySelected,\n    onNotSetSelected,\n    onRangeValueSelected,\n  } = props\n\n  const [isCollapsed, setIsCollapsed] = useState<boolean>(false)\n\n  const { columnMin, columnMax, selectedMin, selectedMax } = facetResult // the upper bound of the selected range\n\n  const hasAnyValue = !selectedMin && !selectedMax\n\n  // Treat the \"Not Assigned\" sentinel as absent when computing initial Range values,\n  // so switching from \"Not Assigned\" → \"Range\" doesn't seed inputs with NaN.\n  const effectiveSelectedMin =\n    selectedMin === VALUE_NOT_SET ? undefined : selectedMin\n  const effectiveSelectedMax =\n    selectedMax === VALUE_NOT_SET ? undefined : selectedMax\n\n  const currentMin = effectiveSelectedMin || columnMin\n  const currentMax = effectiveSelectedMax || columnMax\n\n  const rangeType = columnType === 'DOUBLE' ? 'number' : 'date'\n\n  const handleRadioGroupChange = (radioValue: RadioValuesEnum) => {\n    setRadioValue(radioValue)\n\n    switch (radioValue) {\n      case RadioValuesEnum.RANGE:\n        // The range facet value will update when the user clicks the apply button\n        break\n      case RadioValuesEnum.NOT_SET:\n        onNotSetSelected()\n        break\n      case RadioValuesEnum.ANY: {\n        onAnySelected()\n        break\n      }\n    }\n  }\n\n  const [radioValue, setRadioValue] = useState(\n    getRadioValue(selectedMin ?? '', hasAnyValue),\n  )\n\n  return (\n    <div>\n      <FacetFilterHeader\n        isCollapsed={isCollapsed}\n        label={label}\n        onClick={(isCollapsed: boolean) => setIsCollapsed(isCollapsed)}\n        hideCollapsible={hideCollapsible}\n      />\n      <Collapse in={!isCollapsed}>\n        <RadioGroup\n          value={radioValue}\n          onChange={(_event, value) =>\n            handleRadioGroupChange(value as RadioValuesEnum)\n          }\n        >\n          {options.map(({ value, label }) => (\n            <FormControlLabel\n              key={value}\n              control={<Radio />}\n              label={label}\n              value={value}\n            />\n          ))}\n        </RadioGroup>\n        {radioValue === RadioValuesEnum.RANGE &&\n          (columnMin && columnMax && columnMin === columnMax ? (\n            <label>{columnMax}</label>\n          ) : (\n            <>\n              {columnType === 'INTEGER' &&\n                (columnMin && columnMax ? (\n                  <RangeSlider\n                    key=\"RangeSlider\"\n                    domain={[columnMin, columnMax]}\n                    initialValues={{\n                      min: parseInt(currentMin ?? columnMin),\n                      max: parseInt(currentMax ?? columnMax),\n                    }}\n                    step={1}\n                    onApplyClicked={onRangeValueSelected}\n                  >\n                    {'>'}\n                  </RangeSlider>\n                ) : (\n                  <Range\n                    key=\"Range\"\n                    type=\"number\"\n                    initialValues={\n                      currentMin || currentMax\n                        ? {\n                            min: currentMin ? parseInt(currentMin) : undefined,\n                            max: currentMax ? parseInt(currentMax) : undefined,\n                          }\n                        : undefined\n                    }\n                    onApplyClicked={onRangeValueSelected}\n                  />\n                ))}\n\n              {columnType === 'DATE' && (\n                <Range\n                  key=\"Range\"\n                  initialValues={\n                    effectiveSelectedMin ||\n                    effectiveSelectedMax ||\n                    columnMin ||\n                    columnMax\n                      ? {\n                          // From the backend, selectedMin is a formatted date (like \"2021-06-15\"), but columnMin is a unix timestamp in millis (like \"1624651794856\")\n                          min:\n                            effectiveSelectedMin ??\n                            (columnMin\n                              ? dayjs(parseInt(columnMin)).toString()\n                              : undefined),\n                          max:\n                            effectiveSelectedMax ??\n                            (columnMax\n                              ? dayjs(parseInt(columnMax)).toString()\n                              : undefined),\n                        }\n                      : undefined\n                  }\n                  type={rangeType}\n                  onApplyClicked={onRangeValueSelected}\n                />\n              )}\n              {columnType === 'DOUBLE' && (\n                <Range\n                  key=\"Range\"\n                  initialValues={\n                    currentMin || currentMax\n                      ? {\n                          min: currentMin ? parseFloat(currentMin) : undefined,\n                          max: currentMax ? parseFloat(currentMax) : undefined,\n                        }\n                      : undefined\n                  }\n                  type={rangeType}\n                  onApplyClicked={onRangeValueSelected}\n                />\n              )}\n            </>\n          ))}\n      </Collapse>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;AASA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,UAAA,6CACA,EAAA,QAAA,SACA,EAAA,MAAA;AACF,EAAA,CAAA,CAAA,GACa,IAAU;CACrB;EAAE,OAAO;EAAwB,OAAA;CAA+B;CAChE;EAAE,OAAO;EAAO,OAAA;CAA2B;CAC3C;EAAE,OAAO;EAAS,OAAA;CAA6B;AACjD,GAkBa,KAAiB,GAAa,MACrC,IACF,KACS,MAAA,8CACT,8CAEF;AAGF,SAAgB,EAAmB,GAA8B;CAC/D,IAAM,EACJ,UACA,gBACA,qBAAkB,IAClB,eACA,kBACA,qBACA,4BACE,GAEE,CAAC,GAAa,KAAkB,EAAkB,EAAK,GAEvD,EAAE,cAAW,cAAW,gBAAa,mBAAgB,GAErD,IAAc,CAAC,KAAe,CAAC,GAI/B,IACJ,MAAA,8CAAgC,KAAA,IAAY,GACxC,IACJ,MAAA,8CAAgC,KAAA,IAAY,GAExC,IAAa,KAAwB,GACrC,IAAa,KAAwB,GAErC,IAAY,MAAe,WAAW,WAAW,QAEjD,KAA0B,MAAgC;EAG9D,QAFA,EAAc,CAAU,GAEhB,GAAR;GACE,KAAA,SAEE;GACF,KAAA;IACE,EAAiB;IACjB;GACF,KAAA;IACE,EAAc;IACd;EAEJ;CACF,GAEM,CAAC,GAAY,KAAiB,EAClC,EAAc,KAAe,IAAI,CAAW,CAC9C;CAEA,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACe;EACN;EACP,UAAU,MAAyB,EAAe,CAAW;EAC5C;CAClB,CAAA,GACD,kBAAC,GAAD;EAAU,IAAI,CAAC;YAAf,CACE,kBAAC,GAAD;GACE,OAAO;GACP,WAAW,GAAQ,MACjB,EAAuB,CAAwB;aAGhD,EAAQ,KAAK,EAAE,UAAO,eACrB,kBAAC,GAAD;IAEE,SAAS,kBAAC,GAAD,CAAQ,CAAA;IACV;IACA;GACR,GAJM,CAIN,CACF;EACS,CAAA,GACX,MAAA,YACE,KAAa,KAAa,MAAc,IACvC,kBAAC,SAAD,EAAA,UAAQ,EAAiB,CAAA,IAEzB,kBAAA,GAAA,EAAA,UAAA;GACG,MAAe,cACb,KAAa,IACZ,kBAAC,GAAD;IAEE,QAAQ,CAAC,GAAW,CAAS;IAC7B,eAAe;KACb,KAAK,SAAS,KAAc,CAAS;KACrC,KAAK,SAAS,KAAc,CAAS;IACvC;IACA,MAAM;IACN,gBAAgB;cAEf;GACU,GAVP,aAUO,IAEb,kBAAC,GAAD;IAEE,MAAK;IACL,eACE,KAAc,IACV;KACE,KAAK,IAAa,SAAS,CAAU,IAAI,KAAA;KACzC,KAAK,IAAa,SAAS,CAAU,IAAI,KAAA;IAC3C,IACA,KAAA;IAEN,gBAAgB;GACjB,GAXK,OAWL;GAGJ,MAAe,UACd,kBAAC,GAAD;IAEE,eACE,KACA,KACA,KACA,IACI;KAEE,KACE,MACC,IACG,EAAM,SAAS,CAAS,CAAC,EAAE,SAAS,IACpC,KAAA;KACN,KACE,MACC,IACG,EAAM,SAAS,CAAS,CAAC,EAAE,SAAS,IACpC,KAAA;IACR,IACA,KAAA;IAEN,MAAM;IACN,gBAAgB;GACjB,GAvBK,OAuBL;GAEF,MAAe,YACd,kBAAC,GAAD;IAEE,eACE,KAAc,IACV;KACE,KAAK,IAAa,WAAW,CAAU,IAAI,KAAA;KAC3C,KAAK,IAAa,WAAW,CAAU,IAAI,KAAA;IAC7C,IACA,KAAA;IAEN,MAAM;IACN,gBAAgB;GACjB,GAXK,OAWL;EAEH,EAAA,CAAA,EAEE;GACP,EAAA,CAAA;AAET"}

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

@@ -1,9 +1,9 @@
 import { useGetEntityPermissions as e } from "../../../../synapse-queries/entity/useEntity.js";
 import { useGetFeatureFlag as t } from "../../../../synapse-queries/featureflags/useGetFeatureFlag.js";
 import "../../../../synapse-queries/index.js";
-import { FeatureFlagEnum as n } from "../../../../utils/featureflag/FeatureFlags.js";
-import r from "../../../../components/layout/InfiniteTableLayout.js";
-import { useCurationTaskListFilters as i } from "../../../../utils/hooks/useCurationTaskListFilters.js";
+import n from "../../../../components/layout/InfiniteTableLayout.js";
+import { useCurationTaskListFilters as r } from "../../../../utils/hooks/useCurationTaskListFilters.js";
+import { FeatureFlagEnum as i } from "../../../../utils/featureflag/FeatureFlags.js";
 import { useGetCurationTasksInfinite as a } from "../../../../synapse-queries/curation/task/useCurationTask.js";
 import o from "../../../curator/dashboard/components/CurationTaskCard.js";
 import s from "../../../curator/dashboard/components/FilteredByTaskIdsBanner.js";
@@ -15,7 +15,7 @@ import { AddCircleTwoTone as g } from "@mui/icons-material";
 import { useNavigate as _ } from "react-router";
 //#region src/features/entity/metadata-task/components/MetadataTasksPage.tsx
 function v(c) {
-	let { projectId: v } = c, y = _(), { request: b, taskIds: x, assignedToMe: S, setAssignedToMe: C, clearTaskIdsFilter: w } = i({ projectId: v }), { data: T } = e(v), { data: E, isLoading: D, hasNextPage: O, fetchNextPage: k, isFetchingNextPage: A } = a(b), j = l(() => E?.pages.flatMap((e) => e.bundlePage ?? []) ?? [], [E]), M = t(n.CURATION_TASK_PAGE_SHOW_NEW_TASK_BUTTON);
+	let { projectId: v } = c, y = _(), { request: b, taskIds: x, assignedToMe: S, setAssignedToMe: C, clearTaskIdsFilter: w } = r({ projectId: v }), { data: T } = e(v), { data: E, isLoading: D, hasNextPage: O, fetchNextPage: k, isFetchingNextPage: A } = a(b), j = l(() => E?.pages.flatMap((e) => e.bundlePage ?? []) ?? [], [E]), M = t(i.CURATION_TASK_PAGE_SHOW_NEW_TASK_BUTTON);
 	return /* @__PURE__ */ h(f, { children: [
 		/* @__PURE__ */ h(f, {
 			direction: "row",
@@ -39,7 +39,7 @@ function v(c) {
 			taskIds: x,
 			onClear: w
 		}),
-		/* @__PURE__ */ m(r, {
+		/* @__PURE__ */ m(n, {
 			table: /* @__PURE__ */ m(f, {
 				gap: 3,
 				sx: { my: 2 },