synapse-react-client 4.0.17 → 4.0.19

package/dist/components/widgets/query-filter/EnumFacetFilter/EnumFacetFilterUI.js

@@ -11,17 +11,17 @@ function _(e) {
 	return e.replace(/\s/g, "").toLowerCase();
 }
 function v(v) {
-	let { filterIsActive: y, containerAs: b = "Collapsible", dropdownType: x = "Icon", hideCollapsible: S = !1, facetValues: C, onAddValueToSelection: w, onRemoveValueFromSelection: T, facetTitle: E, onRemoveAllFacetSelections: D, onHoverOverValue: O, canMultiSelect: k = !0, defaultShowAllValues: A = !1 } = v, [j, M] = o(A), [N, P] = o(!1), [F, I] = o(!1), [L, R] = o(""), z = C.length > g && C.slice(g).some(({ isSelected: e }) => e), B = b === "Dropdown" || j || F || z, V = i(() => F && L.length > 0 ? C.filter(({ displayText: e }) => e.toLowerCase().indexOf(L.trim().toLowerCase()) > -1) : B ? C : C.slice(0, g), [
-		C,
-		L,
-		F,
-		B
-	]), H = a(null), U = b === "Dropdown", W = !B && C.length > g, G = B && !L && !z && C.length > g, K = /* @__PURE__ */ h("div", {
-		className: U ? "EnumFacetFilter__dropdown_menu" : "",
+	let { labelId: y, filterIsActive: b, containerAs: x = "Collapsible", dropdownType: S = "Icon", hideCollapsible: C = !1, facetValues: w, onAddValueToSelection: T, onRemoveValueFromSelection: E, facetTitle: D, onRemoveAllFacetSelections: O, onHoverOverValue: k, canMultiSelect: A = !0, defaultShowAllValues: j = !1 } = v, [M, N] = o(j), [P, F] = o(!1), [I, L] = o(!1), [R, z] = o(""), B = w.length > g && w.slice(g).some(({ isSelected: e }) => e), V = x === "Dropdown" || M || I || B, H = i(() => I && R.length > 0 ? w.filter(({ displayText: e }) => e.toLowerCase().indexOf(R.trim().toLowerCase()) > -1) : V ? w : w.slice(0, g), [
+		w,
+		R,
+		I,
+		V
+	]), U = a(null), W = x === "Dropdown", G = !V && w.length > g, K = V && !R && !B && w.length > g, q = /* @__PURE__ */ h("div", {
+		className: W ? "EnumFacetFilter__dropdown_menu" : "",
 		children: [/* @__PURE__ */ h("div", {
 			className: "EnumFacetFilter__checkboxContainer--forAll",
 			children: [/* @__PURE__ */ m(d, {
-				sx: { display: F ? void 0 : "none" },
+				sx: { display: I ? void 0 : "none" },
 				size: "small",
 				fullWidth: !0,
 				slotProps: { input: {
@@ -30,7 +30,7 @@ function v(v) {
 						children: /* @__PURE__ */ m(u, {
 							size: "small",
 							onClick: () => {
-								I(!1), M(A);
+								L(!1), N(j);
 							},
 							children: /* @__PURE__ */ m(e, {
 								sx: { fontSize: "inherit" },
@@ -39,12 +39,12 @@ function v(v) {
 							})
 						})
 					}),
-					endAdornment: L.length > 0 && /* @__PURE__ */ m(f, {
+					endAdornment: R.length > 0 && /* @__PURE__ */ m(f, {
 						title: "Clear",
 						children: /* @__PURE__ */ m(u, {
 							size: "small",
 							onClick: () => {
-								R(""), H.current?.focus();
+								z(""), U.current?.focus();
 							},
 							children: /* @__PURE__ */ m(e, {
 								sx: { fontSize: "inherit" },
@@ -56,20 +56,20 @@ function v(v) {
 				} },
 				type: "text",
 				placeholder: "Find values",
-				value: L,
-				ref: H,
+				value: R,
+				ref: U,
 				onChange: (e) => {
-					R(e.target.value);
+					z(e.target.value);
 				}
-			}), !F && /* @__PURE__ */ h("div", {
+			}), !I && /* @__PURE__ */ h("div", {
 				className: "EnumFacetFilter__checkAll",
 				children: [/* @__PURE__ */ m(l, {
 					control: /* @__PURE__ */ m(s, {}),
 					className: "EnumFacetFilter__checkbox",
 					onChange: () => {
-						y && D();
+						b && O();
 					},
-					checked: !y,
+					checked: !b,
 					label: "All"
 				}, "select_all"), /* @__PURE__ */ m(f, {
 					title: "Search",
@@ -77,7 +77,7 @@ function v(v) {
 						size: "small",
 						sx: { aspectRatio: "1 / 1" },
 						onClick: () => {
-							R(""), I(!0), H.current?.focus();
+							z(""), L(!0), U.current?.focus();
 						},
 						children: /* @__PURE__ */ m(e, {
 							sx: { fontSize: "inherit" },
@@ -88,44 +88,44 @@ function v(v) {
 				})]
 			})]
 		}), /* @__PURE__ */ h("div", { children: [
-			V.map((e, t) => {
+			H.map((e, t) => {
 				let { isSelected: r, displayText: i, value: a, count: o } = e;
 				return /* @__PURE__ */ m(n, {
 					id: [
-						_(E),
+						_(D),
 						_(String(a)),
 						t
 					].join("-"),
 					label: i,
 					count: o,
-					isDropdown: U,
+					isDropdown: W,
 					checked: r,
 					onHover: () => {
-						O(a);
+						k(a);
 					},
 					onChange: (e) => {
-						e ? w(a) : T(a);
+						e ? T(a) : E(a);
 					},
-					inputType: k ? "checkbox" : "radio"
+					inputType: A ? "checkbox" : "radio"
 				}, String(a));
 			}),
-			!U && /* @__PURE__ */ h(p, { children: [W && /* @__PURE__ */ m("button", {
+			!W && /* @__PURE__ */ h(p, { children: [G && /* @__PURE__ */ m("button", {
 				className: "EnumFacetFilter__showMoreFacetsBtn",
-				onClick: () => M(!0),
+				onClick: () => N(!0),
 				children: /* @__PURE__ */ m("div", {
 					className: "EnumFacetFilter__checkboxContainer",
 					children: /* @__PURE__ */ h("div", {
 						className: "EnumFacetFilter__showMoreFacetsLabel",
 						children: [
 							"Show all (",
-							C.length,
+							w.length,
 							")"
 						]
 					})
 				})
-			}), G && /* @__PURE__ */ m("button", {
+			}), K && /* @__PURE__ */ m("button", {
 				className: "EnumFacetFilter__showMoreFacetsBtn",
-				onClick: () => M(!1),
+				onClick: () => N(!1),
 				children: /* @__PURE__ */ m("div", {
 					className: "EnumFacetFilter__checkboxContainer",
 					children: /* @__PURE__ */ m("div", {
@@ -134,27 +134,28 @@ function v(v) {
 					})
 				})
 			})] }),
-			V.length <= 0 && /* @__PURE__ */ m("div", {
+			H.length <= 0 && /* @__PURE__ */ m("div", {
 				className: "EnumFacetFilter__noMatch",
 				children: "No match found"
 			})
 		] })]
-	}), q = i(() => y ? y && V.filter((e) => e.isSelected).length === 1 ? V.filter((e) => e.isSelected)[0].displayText : "Multiple Values Selected" : "All", [y, V]);
-	return U ? /* @__PURE__ */ m(r, {
-		facetTitle: E,
-		dropdownType: x,
-		menuText: q,
-		filterIsActive: y,
-		children: K
+	}), J = i(() => b ? b && H.filter((e) => e.isSelected).length === 1 ? H.filter((e) => e.isSelected)[0].displayText : "Multiple Values Selected" : "All", [b, H]);
+	return W ? /* @__PURE__ */ m(r, {
+		facetTitle: D,
+		dropdownType: S,
+		menuText: J,
+		filterIsActive: b,
+		labelId: y,
+		children: q
 	}) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(t, {
-		hideCollapsible: S,
-		isCollapsed: N,
-		label: E,
-		onClick: (e) => P(e)
+		hideCollapsible: C,
+		isCollapsed: P,
+		label: D,
+		onClick: (e) => F(e)
 	}), /* @__PURE__ */ m(c, {
 		className: "EnumFacetFilter",
-		in: !N,
-		children: K
+		in: !P,
+		children: q
 	})] });
 }
 //#endregion

package/dist/components/widgets/query-filter/EnumFacetFilter/EnumFacetFilterUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnumFacetFilterUI.js","names":[],"sources":["../../../../../src/components/widgets/query-filter/EnumFacetFilter/EnumFacetFilterUI.tsx"],"sourcesContent":["import {\n  Checkbox,\n  Collapse,\n  FormControlLabel,\n  IconButton,\n  TextField,\n  Tooltip,\n} from '@mui/material'\nimport { useMemo, useRef, useState } from 'react'\nimport { FacetColumnResultValueCount } from '@sage-bionetworks/synapse-types'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport { FacetFilterHeader } from '../FacetFilterHeader'\nimport { EnumFacetFilterOption } from './EnumFacetFilterOption'\nimport EnumFacetFilterDropdown from './EnumFacetFilterDropdown'\nimport { SetOptional } from 'type-fest'\n\nconst MAX_ENUMERATION_VALUES_TO_SHOW = 5\n\nexport type RenderedFacetValue<TValue = string> = Omit<\n  SetOptional<FacetColumnResultValueCount, 'count'>,\n  'value'\n> & {\n  value: TValue\n  /* Text displayed for the option, and also used to filter in search */\n  displayText: string\n}\n\nexport type EnumFacetFilterUIProps<TValue = string> = {\n  /* The title of the faceted column to be displayed */\n  facetTitle: string\n  /* List of all facet values and information associated with each value */\n  facetValues: RenderedFacetValue<TValue>[]\n  /* Determines how the component is styled and whether the 'All' checkbox should be selected. */\n  filterIsActive: boolean // filterIsActive cannot be derived from facetValues[*].isSelected. See PORTALS-2680\n  /* The EnumFacetFilter can be rendered as a collapsible panel or a dropdown. Default is `'Collapsible'` */\n  containerAs?: 'Collapsible' | 'Dropdown'\n  /* If `containerAs` is a dropdown, the dropdown can be either an IconButton or a SelectBox. Default is `'Icon'` */\n  dropdownType?: 'Icon' | 'SelectBox'\n  /* If true, hides the button to collapse the panel (only shown if `containerAs` is 'Collapsible'). Default is false.*/\n  hideCollapsible?: boolean\n  /* Called when an unselected value is selected */\n  onAddValueToSelection: (value: TValue) => void\n  /* Called when a selected value is unselected */\n  onRemoveValueFromSelection: (value: TValue) => void\n  /* Called when all values should be unselected (e.g. 'All' is clicked) */\n  onRemoveAllFacetSelections: () => void\n  /* Called when an value is hovered over */\n  onHoverOverValue: (value: TValue) => void\n  /* Set to true if multiple values can be selected for the filter */\n  canMultiSelect: boolean\n  /* By default, all values are not shown (defaultShowAllValues = false) */\n  defaultShowAllValues?: boolean\n}\n\nfunction removeWhitespace(value: string): string {\n  return value.replace(/\\s/g, '').toLowerCase()\n}\n\nexport default function EnumFacetFilterUI<TValue = string>(\n  props: EnumFacetFilterUIProps<TValue>,\n) {\n  const {\n    filterIsActive,\n    containerAs = 'Collapsible',\n    dropdownType = 'Icon',\n    hideCollapsible = false,\n    facetValues,\n    onAddValueToSelection,\n    onRemoveValueFromSelection,\n    facetTitle,\n    onRemoveAllFacetSelections,\n    onHoverOverValue,\n    canMultiSelect = true,\n    defaultShowAllValues = false,\n  } = props\n  const [toggleShowAll, setToggleShowAll] =\n    useState<boolean>(defaultShowAllValues)\n  const [isCollapsed, setIsCollapsed] = useState<boolean>(false)\n  const [showSearch, setShowSearch] = useState<boolean>(false)\n  const [searchTerm, setSearchText] = useState<string>('')\n\n  // e.g. we show a subset of facet values before hiding the rest behind \"Show More\"\n  // If the user has selected a value that would normally be hidden, always show all of the values\n  const valueIndexedGreaterThanMaxToShowIsSelected =\n    facetValues.length > MAX_ENUMERATION_VALUES_TO_SHOW &&\n    facetValues\n      .slice(MAX_ENUMERATION_VALUES_TO_SHOW)\n      .some(({ isSelected }) => isSelected)\n  const showAll =\n    containerAs === 'Dropdown' ||\n    toggleShowAll ||\n    showSearch ||\n    valueIndexedGreaterThanMaxToShowIsSelected\n\n  const facetValuesToShow = useMemo(() => {\n    if (showSearch && searchTerm.length > 0) {\n      return facetValues.filter(({ displayText }) => {\n        return (\n          displayText.toLowerCase().indexOf(searchTerm.trim().toLowerCase()) >\n          -1\n        )\n      })\n    }\n    if (showAll) {\n      return facetValues\n    }\n    return facetValues.slice(0, MAX_ENUMERATION_VALUES_TO_SHOW)\n  }, [facetValues, searchTerm, showSearch, showAll])\n\n  const textInput = useRef<HTMLInputElement>(null)\n\n  const isDropdown = containerAs === 'Dropdown'\n  const showMoreButtonIsVisible =\n    !showAll && facetValues.length > MAX_ENUMERATION_VALUES_TO_SHOW\n  const showLessButtonIsVisible =\n    showAll &&\n    !searchTerm &&\n    !valueIndexedGreaterThanMaxToShowIsSelected &&\n    facetValues.length > MAX_ENUMERATION_VALUES_TO_SHOW\n\n  const content = (\n    <div className={isDropdown ? 'EnumFacetFilter__dropdown_menu' : ''}>\n      <div className=\"EnumFacetFilter__checkboxContainer--forAll\">\n        <TextField // Search Filter Text\n          sx={{\n            display: showSearch ? undefined : 'none',\n          }}\n          size={'small'}\n          fullWidth={true}\n          slotProps={{\n            input: {\n              startAdornment: (\n                <Tooltip title={'Close search'}>\n                  <IconButton\n                    size={'small'}\n                    onClick={() => {\n                      setShowSearch(false)\n                      setToggleShowAll(defaultShowAllValues)\n                    }}\n                  >\n                    <IconSvg\n                      sx={{ fontSize: 'inherit' }}\n                      wrap={false}\n                      icon=\"arrowBack\"\n                    />\n                  </IconButton>\n                </Tooltip>\n              ),\n              endAdornment: searchTerm.length > 0 && (\n                <Tooltip title={'Clear'}>\n                  <IconButton\n                    size={'small'}\n                    onClick={() => {\n                      setSearchText('')\n                      textInput.current?.focus()\n                    }}\n                  >\n                    <IconSvg\n                      sx={{ fontSize: 'inherit' }}\n                      wrap={false}\n                      icon=\"close\"\n                    />\n                  </IconButton>\n                </Tooltip>\n              ),\n            },\n          }}\n          type=\"text\"\n          placeholder=\"Find values\"\n          value={searchTerm}\n          ref={textInput}\n          onChange={e => {\n            setSearchText(e.target.value)\n          }}\n        />\n        {!showSearch && (\n          <div className=\"EnumFacetFilter__checkAll\">\n            <FormControlLabel\n              control={<Checkbox />}\n              className=\"EnumFacetFilter__checkbox\"\n              onChange={() => {\n                if (filterIsActive) {\n                  onRemoveAllFacetSelections()\n                }\n              }}\n              key=\"select_all\"\n              checked={!filterIsActive}\n              label=\"All\"\n            />\n            <Tooltip title={'Search'}>\n              <IconButton\n                size={'small'}\n                sx={{ aspectRatio: '1 / 1' }}\n                onClick={() => {\n                  setSearchText('')\n                  setShowSearch(true)\n                  textInput.current?.focus()\n                }}\n              >\n                <IconSvg\n                  sx={{ fontSize: 'inherit' }}\n                  wrap={false}\n                  icon=\"search\"\n                />\n              </IconButton>\n            </Tooltip>\n          </div>\n        )}\n      </div>\n      <div>\n        {facetValuesToShow.map((facetValueAndCount, index: number) => {\n          const { isSelected, displayText, value, count } = facetValueAndCount\n\n          return (\n            <EnumFacetFilterOption\n              key={String(value)}\n              id={[\n                removeWhitespace(facetTitle),\n                removeWhitespace(String(value)),\n                index,\n              ].join('-')}\n              label={displayText}\n              count={count}\n              isDropdown={isDropdown}\n              checked={isSelected}\n              onHover={() => {\n                onHoverOverValue(value)\n              }}\n              onChange={(newIsSelected: boolean) => {\n                if (newIsSelected) {\n                  onAddValueToSelection(value)\n                } else {\n                  onRemoveValueFromSelection(value)\n                }\n              }}\n              inputType={canMultiSelect ? 'checkbox' : 'radio'}\n            />\n          )\n        })}\n        {!isDropdown && (\n          <>\n            {showMoreButtonIsVisible && (\n              <button\n                className=\"EnumFacetFilter__showMoreFacetsBtn\"\n                onClick={() => setToggleShowAll(true)}\n              >\n                <div className=\"EnumFacetFilter__checkboxContainer\">\n                  <div className=\"EnumFacetFilter__showMoreFacetsLabel\">\n                    Show all ({facetValues.length})\n                  </div>\n                </div>\n              </button>\n            )}\n            {showLessButtonIsVisible && (\n              <button\n                className=\"EnumFacetFilter__showMoreFacetsBtn\"\n                onClick={() => setToggleShowAll(false)}\n              >\n                <div className=\"EnumFacetFilter__checkboxContainer\">\n                  <div className=\"EnumFacetFilter__showMoreFacetsLabel\">\n                    Show less\n                  </div>\n                </div>\n              </button>\n            )}\n          </>\n        )}\n        {facetValuesToShow.length <= 0 && (\n          <div className=\"EnumFacetFilter__noMatch\">No match found</div>\n        )}\n      </div>\n    </div>\n  )\n\n  const menuText = useMemo(() => {\n    if (!filterIsActive) {\n      return 'All'\n    } else if (\n      filterIsActive &&\n      facetValuesToShow.filter(item => item.isSelected).length === 1\n    ) {\n      return facetValuesToShow.filter(item => item.isSelected)[0].displayText\n    } else {\n      return 'Multiple Values Selected'\n    }\n  }, [filterIsActive, facetValuesToShow])\n\n  if (isDropdown) {\n    return (\n      <EnumFacetFilterDropdown\n        facetTitle={facetTitle}\n        dropdownType={dropdownType}\n        menuText={menuText}\n        filterIsActive={filterIsActive}\n      >\n        {content}\n      </EnumFacetFilterDropdown>\n    )\n  } else {\n    return (\n      <>\n        <FacetFilterHeader\n          hideCollapsible={hideCollapsible}\n          isCollapsed={isCollapsed}\n          label={facetTitle}\n          onClick={(isCollapsed: boolean) => setIsCollapsed(isCollapsed)}\n        />\n        <Collapse className=\"EnumFacetFilter\" in={!isCollapsed}>\n          {content}\n        </Collapse>\n      </>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"EnumFacetFilterUI.js","names":[],"sources":["../../../../../src/components/widgets/query-filter/EnumFacetFilter/EnumFacetFilterUI.tsx"],"sourcesContent":["import {\n  Checkbox,\n  Collapse,\n  FormControlLabel,\n  IconButton,\n  TextField,\n  Tooltip,\n} from '@mui/material'\nimport { useMemo, useRef, useState } from 'react'\nimport { FacetColumnResultValueCount } from '@sage-bionetworks/synapse-types'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport { FacetFilterHeader } from '../FacetFilterHeader'\nimport { EnumFacetFilterOption } from './EnumFacetFilterOption'\nimport EnumFacetFilterDropdown from './EnumFacetFilterDropdown'\nimport { SetOptional } from 'type-fest'\n\nconst MAX_ENUMERATION_VALUES_TO_SHOW = 5\n\nexport type RenderedFacetValue<TValue = string> = Omit<\n  SetOptional<FacetColumnResultValueCount, 'count'>,\n  'value'\n> & {\n  value: TValue\n  /* Text displayed for the option, and also used to filter in search */\n  displayText: string\n}\n\nexport type EnumFacetFilterUIProps<TValue = string> = {\n  /* The ID of the corresponding label, for testing and accessibility */\n  labelId?: string\n  /* The title of the faceted column to be displayed */\n  facetTitle: string\n  /* List of all facet values and information associated with each value */\n  facetValues: RenderedFacetValue<TValue>[]\n  /* Determines how the component is styled and whether the 'All' checkbox should be selected. */\n  filterIsActive: boolean // filterIsActive cannot be derived from facetValues[*].isSelected. See PORTALS-2680\n  /* The EnumFacetFilter can be rendered as a collapsible panel or a dropdown. Default is `'Collapsible'` */\n  containerAs?: 'Collapsible' | 'Dropdown'\n  /* If `containerAs` is a dropdown, the dropdown can be either an IconButton or a SelectBox. Default is `'Icon'` */\n  dropdownType?: 'Icon' | 'SelectBox'\n  /* If true, hides the button to collapse the panel (only shown if `containerAs` is 'Collapsible'). Default is false.*/\n  hideCollapsible?: boolean\n  /* Called when an unselected value is selected */\n  onAddValueToSelection: (value: TValue) => void\n  /* Called when a selected value is unselected */\n  onRemoveValueFromSelection: (value: TValue) => void\n  /* Called when all values should be unselected (e.g. 'All' is clicked) */\n  onRemoveAllFacetSelections: () => void\n  /* Called when an value is hovered over */\n  onHoverOverValue: (value: TValue) => void\n  /* Set to true if multiple values can be selected for the filter */\n  canMultiSelect: boolean\n  /* By default, all values are not shown (defaultShowAllValues = false) */\n  defaultShowAllValues?: boolean\n}\n\nfunction removeWhitespace(value: string): string {\n  return value.replace(/\\s/g, '').toLowerCase()\n}\n\nexport default function EnumFacetFilterUI<TValue = string>(\n  props: EnumFacetFilterUIProps<TValue>,\n) {\n  const {\n    labelId,\n    filterIsActive,\n    containerAs = 'Collapsible',\n    dropdownType = 'Icon',\n    hideCollapsible = false,\n    facetValues,\n    onAddValueToSelection,\n    onRemoveValueFromSelection,\n    facetTitle,\n    onRemoveAllFacetSelections,\n    onHoverOverValue,\n    canMultiSelect = true,\n    defaultShowAllValues = false,\n  } = props\n  const [toggleShowAll, setToggleShowAll] =\n    useState<boolean>(defaultShowAllValues)\n  const [isCollapsed, setIsCollapsed] = useState<boolean>(false)\n  const [showSearch, setShowSearch] = useState<boolean>(false)\n  const [searchTerm, setSearchText] = useState<string>('')\n\n  // e.g. we show a subset of facet values before hiding the rest behind \"Show More\"\n  // If the user has selected a value that would normally be hidden, always show all of the values\n  const valueIndexedGreaterThanMaxToShowIsSelected =\n    facetValues.length > MAX_ENUMERATION_VALUES_TO_SHOW &&\n    facetValues\n      .slice(MAX_ENUMERATION_VALUES_TO_SHOW)\n      .some(({ isSelected }) => isSelected)\n  const showAll =\n    containerAs === 'Dropdown' ||\n    toggleShowAll ||\n    showSearch ||\n    valueIndexedGreaterThanMaxToShowIsSelected\n\n  const facetValuesToShow = useMemo(() => {\n    if (showSearch && searchTerm.length > 0) {\n      return facetValues.filter(({ displayText }) => {\n        return (\n          displayText.toLowerCase().indexOf(searchTerm.trim().toLowerCase()) >\n          -1\n        )\n      })\n    }\n    if (showAll) {\n      return facetValues\n    }\n    return facetValues.slice(0, MAX_ENUMERATION_VALUES_TO_SHOW)\n  }, [facetValues, searchTerm, showSearch, showAll])\n\n  const textInput = useRef<HTMLInputElement>(null)\n\n  const isDropdown = containerAs === 'Dropdown'\n  const showMoreButtonIsVisible =\n    !showAll && facetValues.length > MAX_ENUMERATION_VALUES_TO_SHOW\n  const showLessButtonIsVisible =\n    showAll &&\n    !searchTerm &&\n    !valueIndexedGreaterThanMaxToShowIsSelected &&\n    facetValues.length > MAX_ENUMERATION_VALUES_TO_SHOW\n\n  const content = (\n    <div className={isDropdown ? 'EnumFacetFilter__dropdown_menu' : ''}>\n      <div className=\"EnumFacetFilter__checkboxContainer--forAll\">\n        <TextField // Search Filter Text\n          sx={{\n            display: showSearch ? undefined : 'none',\n          }}\n          size={'small'}\n          fullWidth={true}\n          slotProps={{\n            input: {\n              startAdornment: (\n                <Tooltip title={'Close search'}>\n                  <IconButton\n                    size={'small'}\n                    onClick={() => {\n                      setShowSearch(false)\n                      setToggleShowAll(defaultShowAllValues)\n                    }}\n                  >\n                    <IconSvg\n                      sx={{ fontSize: 'inherit' }}\n                      wrap={false}\n                      icon=\"arrowBack\"\n                    />\n                  </IconButton>\n                </Tooltip>\n              ),\n              endAdornment: searchTerm.length > 0 && (\n                <Tooltip title={'Clear'}>\n                  <IconButton\n                    size={'small'}\n                    onClick={() => {\n                      setSearchText('')\n                      textInput.current?.focus()\n                    }}\n                  >\n                    <IconSvg\n                      sx={{ fontSize: 'inherit' }}\n                      wrap={false}\n                      icon=\"close\"\n                    />\n                  </IconButton>\n                </Tooltip>\n              ),\n            },\n          }}\n          type=\"text\"\n          placeholder=\"Find values\"\n          value={searchTerm}\n          ref={textInput}\n          onChange={e => {\n            setSearchText(e.target.value)\n          }}\n        />\n        {!showSearch && (\n          <div className=\"EnumFacetFilter__checkAll\">\n            <FormControlLabel\n              control={<Checkbox />}\n              className=\"EnumFacetFilter__checkbox\"\n              onChange={() => {\n                if (filterIsActive) {\n                  onRemoveAllFacetSelections()\n                }\n              }}\n              key=\"select_all\"\n              checked={!filterIsActive}\n              label=\"All\"\n            />\n            <Tooltip title={'Search'}>\n              <IconButton\n                size={'small'}\n                sx={{ aspectRatio: '1 / 1' }}\n                onClick={() => {\n                  setSearchText('')\n                  setShowSearch(true)\n                  textInput.current?.focus()\n                }}\n              >\n                <IconSvg\n                  sx={{ fontSize: 'inherit' }}\n                  wrap={false}\n                  icon=\"search\"\n                />\n              </IconButton>\n            </Tooltip>\n          </div>\n        )}\n      </div>\n      <div>\n        {facetValuesToShow.map((facetValueAndCount, index: number) => {\n          const { isSelected, displayText, value, count } = facetValueAndCount\n\n          return (\n            <EnumFacetFilterOption\n              key={String(value)}\n              id={[\n                removeWhitespace(facetTitle),\n                removeWhitespace(String(value)),\n                index,\n              ].join('-')}\n              label={displayText}\n              count={count}\n              isDropdown={isDropdown}\n              checked={isSelected}\n              onHover={() => {\n                onHoverOverValue(value)\n              }}\n              onChange={(newIsSelected: boolean) => {\n                if (newIsSelected) {\n                  onAddValueToSelection(value)\n                } else {\n                  onRemoveValueFromSelection(value)\n                }\n              }}\n              inputType={canMultiSelect ? 'checkbox' : 'radio'}\n            />\n          )\n        })}\n        {!isDropdown && (\n          <>\n            {showMoreButtonIsVisible && (\n              <button\n                className=\"EnumFacetFilter__showMoreFacetsBtn\"\n                onClick={() => setToggleShowAll(true)}\n              >\n                <div className=\"EnumFacetFilter__checkboxContainer\">\n                  <div className=\"EnumFacetFilter__showMoreFacetsLabel\">\n                    Show all ({facetValues.length})\n                  </div>\n                </div>\n              </button>\n            )}\n            {showLessButtonIsVisible && (\n              <button\n                className=\"EnumFacetFilter__showMoreFacetsBtn\"\n                onClick={() => setToggleShowAll(false)}\n              >\n                <div className=\"EnumFacetFilter__checkboxContainer\">\n                  <div className=\"EnumFacetFilter__showMoreFacetsLabel\">\n                    Show less\n                  </div>\n                </div>\n              </button>\n            )}\n          </>\n        )}\n        {facetValuesToShow.length <= 0 && (\n          <div className=\"EnumFacetFilter__noMatch\">No match found</div>\n        )}\n      </div>\n    </div>\n  )\n\n  const menuText = useMemo(() => {\n    if (!filterIsActive) {\n      return 'All'\n    } else if (\n      filterIsActive &&\n      facetValuesToShow.filter(item => item.isSelected).length === 1\n    ) {\n      return facetValuesToShow.filter(item => item.isSelected)[0].displayText\n    } else {\n      return 'Multiple Values Selected'\n    }\n  }, [filterIsActive, facetValuesToShow])\n\n  if (isDropdown) {\n    return (\n      <EnumFacetFilterDropdown\n        facetTitle={facetTitle}\n        dropdownType={dropdownType}\n        menuText={menuText}\n        filterIsActive={filterIsActive}\n        labelId={labelId}\n      >\n        {content}\n      </EnumFacetFilterDropdown>\n    )\n  } else {\n    return (\n      <>\n        <FacetFilterHeader\n          hideCollapsible={hideCollapsible}\n          isCollapsed={isCollapsed}\n          label={facetTitle}\n          onClick={(isCollapsed: boolean) => setIsCollapsed(isCollapsed)}\n        />\n        <Collapse className=\"EnumFacetFilter\" in={!isCollapsed}>\n          {content}\n        </Collapse>\n      </>\n    )\n  }\n}\n"],"mappings":";;;;;;;;AAgBA,IAAM,IAAiC;AAwCvC,SAAS,EAAiB,GAAuB;AAC/C,QAAO,EAAM,QAAQ,OAAO,GAAG,CAAC,aAAa;;AAG/C,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,YACA,mBACA,iBAAc,eACd,kBAAe,QACf,qBAAkB,IAClB,gBACA,0BACA,+BACA,eACA,+BACA,qBACA,oBAAiB,IACjB,0BAAuB,OACrB,GACE,CAAC,GAAe,KACpB,EAAkB,EAAqB,EACnC,CAAC,GAAa,KAAkB,EAAkB,GAAM,EACxD,CAAC,GAAY,KAAiB,EAAkB,GAAM,EACtD,CAAC,GAAY,KAAiB,EAAiB,GAAG,EAIlD,IACJ,EAAY,SAAS,KACrB,EACG,MAAM,EAA+B,CACrC,MAAM,EAAE,oBAAiB,EAAW,EACnC,IACJ,MAAgB,cAChB,KACA,KACA,GAEI,IAAoB,QACpB,KAAc,EAAW,SAAS,IAC7B,EAAY,QAAQ,EAAE,qBAEzB,EAAY,aAAa,CAAC,QAAQ,EAAW,MAAM,CAAC,aAAa,CAAC,GAClE,GAEF,GAEA,IACK,IAEF,EAAY,MAAM,GAAG,EAA+B,EAC1D;EAAC;EAAa;EAAY;EAAY;EAAQ,CAAC,EAE5C,IAAY,EAAyB,KAAK,EAE1C,IAAa,MAAgB,YAC7B,IACJ,CAAC,KAAW,EAAY,SAAS,GAC7B,IACJ,KACA,CAAC,KACD,CAAC,KACD,EAAY,SAAS,GAEjB,IACJ,kBAAC,OAAD;EAAK,WAAW,IAAa,mCAAmC;YAAhE,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,IAAI,EACF,SAAS,IAAa,KAAA,IAAY,QACnC;IACD,MAAM;IACN,WAAW;IACX,WAAW,EACT,OAAO;KACL,gBACE,kBAAC,GAAD;MAAS,OAAO;gBACd,kBAAC,GAAD;OACE,MAAM;OACN,eAAe;AAEb,QADA,EAAc,GAAM,EACpB,EAAiB,EAAqB;;iBAGxC,kBAAC,GAAD;QACE,IAAI,EAAE,UAAU,WAAW;QAC3B,MAAM;QACN,MAAK;QACL,CAAA;OACS,CAAA;MACL,CAAA;KAEZ,cAAc,EAAW,SAAS,KAChC,kBAAC,GAAD;MAAS,OAAO;gBACd,kBAAC,GAAD;OACE,MAAM;OACN,eAAe;AAEb,QADA,EAAc,GAAG,EACjB,EAAU,SAAS,OAAO;;iBAG5B,kBAAC,GAAD;QACE,IAAI,EAAE,UAAU,WAAW;QAC3B,MAAM;QACN,MAAK;QACL,CAAA;OACS,CAAA;MACL,CAAA;KAEb,EACF;IACD,MAAK;IACL,aAAY;IACZ,OAAO;IACP,KAAK;IACL,WAAU,MAAK;AACb,OAAc,EAAE,OAAO,MAAM;;IAE/B,CAAA,EACD,CAAC,KACA,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,SAAS,kBAAC,GAAD,EAAY,CAAA;KACrB,WAAU;KACV,gBAAgB;AACd,MAAI,KACF,GAA4B;;KAIhC,SAAS,CAAC;KACV,OAAM;KACN,EAHI,aAGJ,EACF,kBAAC,GAAD;KAAS,OAAO;eACd,kBAAC,GAAD;MACE,MAAM;MACN,IAAI,EAAE,aAAa,SAAS;MAC5B,eAAe;AAGb,OAFA,EAAc,GAAG,EACjB,EAAc,GAAK,EACnB,EAAU,SAAS,OAAO;;gBAG5B,kBAAC,GAAD;OACE,IAAI,EAAE,UAAU,WAAW;OAC3B,MAAM;OACN,MAAK;OACL,CAAA;MACS,CAAA;KACL,CAAA,CACN;MAEJ;MACN,kBAAC,OAAD,EAAA,UAAA;GACG,EAAkB,KAAK,GAAoB,MAAkB;IAC5D,IAAM,EAAE,eAAY,gBAAa,UAAO,aAAU;AAElD,WACE,kBAAC,GAAD;KAEE,IAAI;MACF,EAAiB,EAAW;MAC5B,EAAiB,OAAO,EAAM,CAAC;MAC/B;MACD,CAAC,KAAK,IAAI;KACX,OAAO;KACA;KACK;KACZ,SAAS;KACT,eAAe;AACb,QAAiB,EAAM;;KAEzB,WAAW,MAA2B;AACpC,MAAI,IACF,EAAsB,EAAM,GAE5B,EAA2B,EAAM;;KAGrC,WAAW,IAAiB,aAAa;KACzC,EArBK,OAAO,EAAM,CAqBlB;KAEJ;GACD,CAAC,KACA,kBAAA,GAAA,EAAA,UAAA,CACG,KACC,kBAAC,UAAD;IACE,WAAU;IACV,eAAe,EAAiB,GAAK;cAErC,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf;OAAsD;OACzC,EAAY;OAAO;OAC1B;;KACF,CAAA;IACC,CAAA,EAEV,KACC,kBAAC,UAAD;IACE,WAAU;IACV,eAAe,EAAiB,GAAM;cAEtC,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAuC;MAEhD,CAAA;KACF,CAAA;IACC,CAAA,CAEV,EAAA,CAAA;GAEJ,EAAkB,UAAU,KAC3B,kBAAC,OAAD;IAAK,WAAU;cAA2B;IAAoB,CAAA;GAE5D,EAAA,CAAA,CACF;KAGF,IAAW,QACV,IAGH,KACA,EAAkB,QAAO,MAAQ,EAAK,WAAW,CAAC,WAAW,IAEtD,EAAkB,QAAO,MAAQ,EAAK,WAAW,CAAC,GAAG,cAErD,6BAPA,OASR,CAAC,GAAgB,EAAkB,CAAC;AAerC,QAbE,IAEA,kBAAC,GAAD;EACc;EACE;EACJ;EACM;EACP;YAER;EACuB,CAAA,GAI1B,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACmB;EACJ;EACb,OAAO;EACP,UAAU,MAAyB,EAAe,EAAY;EAC9D,CAAA,EACF,kBAAC,GAAD;EAAU,WAAU;EAAkB,IAAI,CAAC;YACxC;EACQ,CAAA,CACV,EAAA,CAAA"}

package/dist/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.d.ts

@@ -0,0 +1,13 @@
+import { CurationTask } from '@sage-bionetworks/synapse-client';
+export type CreateOrUpdateCurationTaskDialogProps = {
+    open: boolean;
+    onCancel: () => void;
+    onSuccess: (task: CurationTask) => void;
+    projectId: string;
+    task?: CurationTask;
+};
+/**
+ * Dialog component that guides a user through creating a new CurationTask or editing an existing one.
+ */
+export default function CreateOrUpdateCurationTaskDialog(props: CreateOrUpdateCurationTaskDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreateOrUpdateCurationTaskDialog.d.ts.map

package/dist/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateOrUpdateCurationTaskDialog.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.tsx"],"names":[],"mappings":"AAgCA,OAAO,EACL,YAAY,EAKb,MAAM,kCAAkC,CAAA;AAmCzC,MAAM,MAAM,qCAAqC,GAAG;IAClD,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,CAAA;AAsBD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,CACtD,KAAK,EAAE,qCAAqC,2CAwgB7C"}

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

@@ -0,0 +1,398 @@
+import { EntityTypeGroup as e } from "../../../../utils/functions/EntityTypeUtils.js";
+import { DialogBase as t } from "../../../../components/DialogBase.js";
+import n from "../../../../components/TextField/TextField.js";
+import "../../../../components/TextField/index.js";
+import r from "../../../../components/UserOrTeamBadge/UserOrTeamBadge.js";
+import i from "../../../../components/UserSearchBox/UserSearchBox.js";
+import { VersionSelectionType as a } from "../../../../components/EntityFinder/VersionSelectionType.js";
+import { FinderScope as o } from "../../../../components/EntityFinder/tree/EntityTree.js";
+import s from "../../../../components/WizardChoiceButton/WizardChoiceButton.js";
+import ee from "../../../../components/WizardChoiceButton/WizardChoiceButtonGroup.js";
+import { useCreateCurationTask as te, useUpdateCurationTask as ne } from "../../../../synapse-queries/curation/task/useCurationTask.js";
+import { ASSIGNEE_TOOLTIP as re, AUTH_MODE_NONE_TITLE as ie, AUTH_MODE_NONE_TOOLTIP as ae, AUTH_MODE_SESSION_OWNER_TITLE as oe, AUTH_MODE_SESSION_OWNER_TOOLTIP as se, AUTH_MODE_SOURCE_BENEFACTOR_TITLE as ce, AUTH_MODE_SOURCE_BENEFACTOR_TOOLTIP as le, COLLABORATORS_TOOLTIP as ue, CREATE_CURATION_TASK_DIALOG_TITLE as de, EDIT_CURATION_TASK_DIALOG_TITLE as fe, FILE_BASED_FILE_VIEW_INPUT_DESCRIPTION as pe, FILE_BASED_TASK_DESCRIPTION as me, FILE_BASED_TASK_TITLE as he, FILE_BASED_UPLOAD_FOLDER_INPUT_DESCRIPTION as ge, FILE_VIEW_FINDER_PROMPT as _e, FILE_VIEW_FINDER_TITLE as ve, RECORD_BASED_RECORD_SET_INPUT_DESCRIPTION as ye, RECORD_BASED_TASK_DESCRIPTION as be, RECORD_BASED_TASK_TITLE as xe, RECORD_SET_FINDER_PROMPT as Se, RECORD_SET_FINDER_TITLE as Ce, SELECT_TASK_TYPE_DESCRIPTION as we, TASK_INSTRUCTIONS_INPUT_DESCRIPTION as Te, TASK_NAME_INPUT_DESCRIPTION as Ee, UPLOAD_FOLDER_FINDER_PROMPT as De, UPLOAD_FOLDER_FINDER_TITLE as Oe } from "../utils/constants.js";
+import c from "../../../../components/EntityFinder/EntityIdTextField.js";
+import { useState as l } from "react";
+import { Alert as u, Box as d, Button as f, FormControl as ke, FormControlLabel as p, FormLabel as Ae, Grid as m, IconButton as je, InputLabel as h, Radio as g, RadioGroup as Me, Stack as _, Tooltip as v, Typography as y } from "@mui/material";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { TYPE_FILTER as C } from "@sage-bionetworks/synapse-types";
+import { EntityType as w, FileBasedMetadataTaskPropertiesConcreteTypeEnum as T, RecordBasedMetadataTaskPropertiesConcreteTypeEnum as E } from "@sage-bionetworks/synapse-client";
+import { HelpTwoTone as D } from "@mui/icons-material";
+import Ne from "@mui/icons-material/Close";
+//#region src/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.tsx
+var O = T.org_sagebionetworks_repo_model_curation_metadata_FileBasedMetadataTaskProperties, k = E.org_sagebionetworks_repo_model_curation_metadata_RecordBasedMetadataTaskProperties;
+function Pe(e) {
+	return e === "SESSION_OWNER" || e === "SOURCE_BENEFACTOR" ? e : "NONE";
+}
+function A(T) {
+	let { open: E, onCancel: A, onSuccess: j, projectId: Fe, task: M } = T, N = M !== void 0, [P, F] = l(() => M ? "COMMON_MUTABLE_FIELDS" : "SELECT_TYPE"), [I, L] = l(() => {
+		let e = M?.taskProperties?.concreteType;
+		return e === O || e === k ? e : null;
+	}), [R, Ie] = l(() => M?.dataType ?? ""), [z, Le] = l(() => M?.instructions ?? ""), [B, Re] = l(() => M?.assigneePrincipalId), V = Pe(M?.taskProperties?.suggestedAuthorizationMode), [H, ze] = l(V), [Be] = l(V), [U, Ve] = l(() => {
+		let e = M?.taskProperties;
+		return e?.concreteType === O ? e.uploadFolderId ?? "" : "";
+	}), [W, He] = l(() => {
+		let e = M?.taskProperties;
+		return e?.concreteType === O ? e.fileViewId ?? "" : "";
+	}), [G, Ue] = l(() => {
+		let e = M?.taskProperties;
+		return e?.concreteType === k ? e.recordSetId ?? "" : "";
+	}), [K, q] = l(() => M?.taskProperties?.collaboratorPrincipalIds ?? []), [J, Y] = l(null), { mutate: We, isPending: Ge, error: Ke } = te({ onSuccess: (e) => {
+		j(e);
+	} }), { mutate: qe, isPending: Je, error: Ye } = ne({ onSuccess: (e) => {
+		j(e);
+	} }), X = Ge || Je, Z = Ke ?? Ye, Xe = I === O && U && W || I === k && G;
+	function Ze() {
+		let e = H === "NONE" ? void 0 : H, t = I, n, r = K.length > 0 ? K : void 0;
+		return n = t === O ? {
+			concreteType: O,
+			uploadFolderId: U || void 0,
+			fileViewId: W || void 0,
+			suggestedAuthorizationMode: e,
+			collaboratorPrincipalIds: r
+		} : {
+			concreteType: k,
+			recordSetId: G || void 0,
+			suggestedAuthorizationMode: e,
+			collaboratorPrincipalIds: r
+		}, {
+			...N ? M : {},
+			projectId: Fe,
+			dataType: R || void 0,
+			instructions: z || void 0,
+			assigneePrincipalId: B || void 0,
+			taskProperties: n
+		};
+	}
+	function Qe() {
+		let e = Ze();
+		N ? qe(e) : We(e);
+	}
+	let $e = N && H !== Be, et = /* @__PURE__ */ S(ke, { children: [/* @__PURE__ */ x(Ae, { children: "Authorization Mode" }), /* @__PURE__ */ S(Me, {
+		value: H,
+		onChange: (e, t) => ze(t),
+		children: [
+			/* @__PURE__ */ x(p, {
+				value: "NONE",
+				control: /* @__PURE__ */ x(g, {}),
+				label: /* @__PURE__ */ S(d, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: .5
+					},
+					children: [/* @__PURE__ */ x(y, {
+						variant: "body1",
+						children: ie
+					}), /* @__PURE__ */ x(v, {
+						title: ae,
+						children: /* @__PURE__ */ x(D, { sx: { color: "grey.700" } })
+					})]
+				})
+			}),
+			/* @__PURE__ */ x(p, {
+				value: "SESSION_OWNER",
+				control: /* @__PURE__ */ x(g, {}),
+				label: /* @__PURE__ */ S(d, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: .5
+					},
+					children: [/* @__PURE__ */ x(y, {
+						variant: "body1",
+						children: oe
+					}), /* @__PURE__ */ x(v, {
+						title: se,
+						children: /* @__PURE__ */ x(D, { sx: { color: "grey.700" } })
+					})]
+				})
+			}),
+			/* @__PURE__ */ x(p, {
+				value: "SOURCE_BENEFACTOR",
+				control: /* @__PURE__ */ x(g, {}),
+				label: /* @__PURE__ */ S(d, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: .5
+					},
+					children: [/* @__PURE__ */ x(y, {
+						variant: "body1",
+						children: ce
+					}), /* @__PURE__ */ x(v, {
+						title: le,
+						children: /* @__PURE__ */ x(D, { sx: { color: "grey.700" } })
+					})]
+				})
+			})
+		]
+	})] }), tt = /* @__PURE__ */ S(d, { children: [/* @__PURE__ */ S(d, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: .5
+		},
+		children: [/* @__PURE__ */ x(h, {
+			htmlFor: "dlg-set-task-assignee",
+			children: "Assignee"
+		}), /* @__PURE__ */ x(v, {
+			title: re,
+			children: /* @__PURE__ */ x("div", { children: /* @__PURE__ */ x(D, { sx: { color: "grey.700" } }) })
+		})]
+	}), /* @__PURE__ */ x(i, {
+		inputId: "dlg-set-task-assignee",
+		defaultValue: B,
+		onChange: (e) => Re(e ?? void 0),
+		typeFilter: C.ALL
+	}, E.toString())] }), nt = /* @__PURE__ */ S(_, {
+		gap: 2,
+		children: [
+			/* @__PURE__ */ x(n, {
+				label: "Task Name",
+				fullWidth: !0,
+				value: R,
+				onChange: (e) => Ie(e.target.value),
+				required: !0,
+				description: Ee
+			}),
+			/* @__PURE__ */ x(n, {
+				label: "Instructions",
+				fullWidth: !0,
+				multiline: !0,
+				minRows: 3,
+				value: z,
+				onChange: (e) => Le(e.target.value),
+				description: Te
+			}),
+			/* @__PURE__ */ S(d, {
+				display: "none",
+				children: [/* @__PURE__ */ S(d, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: .5
+					},
+					children: [/* @__PURE__ */ x(h, { children: "Collaborators" }), /* @__PURE__ */ x(v, {
+						title: ue,
+						children: /* @__PURE__ */ x("div", { children: /* @__PURE__ */ x(D, { sx: { color: "grey.700" } }) })
+					})]
+				}), /* @__PURE__ */ S(_, {
+					gap: 1,
+					children: [/* @__PURE__ */ S(_, {
+						direction: "row",
+						gap: 1,
+						alignItems: "center",
+						children: [/* @__PURE__ */ x(d, {
+							flex: 1,
+							children: /* @__PURE__ */ x(i, {
+								value: J,
+								onChange: (e) => Y(e),
+								typeFilter: C.ALL,
+								placeholder: "Search for a user or team"
+							})
+						}), /* @__PURE__ */ x(f, {
+							variant: "outlined",
+							onClick: () => {
+								J && !K.includes(J) && q((e) => [...e, J]), Y(null);
+							},
+							disabled: !J,
+							children: "Add"
+						})]
+					}), K.map((e) => /* @__PURE__ */ S(_, {
+						direction: "row",
+						alignItems: "center",
+						justifyContent: "space-between",
+						children: [/* @__PURE__ */ x(r, { principalId: e }), /* @__PURE__ */ x(je, {
+							size: "small",
+							onClick: () => q((t) => t.filter((t) => t !== e)),
+							children: /* @__PURE__ */ x(Ne, { fontSize: "small" })
+						})]
+					}, e))]
+				})]
+			})
+		]
+	}), rt = /* @__PURE__ */ S(_, {
+		gap: 2,
+		children: [/* @__PURE__ */ x(c, {
+			label: "Upload Folder ID",
+			value: U,
+			description: ge,
+			onChange: Ve,
+			disabled: N,
+			entityFinderModalProps: {
+				title: Oe,
+				promptCopy: De,
+				confirmButtonCopy: "Select",
+				configuration: {
+					initialScope: o.ALL_PROJECTS,
+					initialContainer: "root",
+					selectMultiple: !1,
+					treeOnly: !1,
+					versionSelection: a.DISALLOWED,
+					selectableTypes: e.CONTAINER
+				}
+			}
+		}), /* @__PURE__ */ x(c, {
+			label: "File View ID",
+			value: W,
+			description: pe,
+			onChange: He,
+			disabled: N,
+			entityFinderModalProps: {
+				title: ve,
+				promptCopy: _e,
+				confirmButtonCopy: "Select",
+				configuration: {
+					initialScope: o.ALL_PROJECTS,
+					initialContainer: "root",
+					selectMultiple: !1,
+					treeOnly: !1,
+					versionSelection: a.DISALLOWED,
+					selectableTypes: [w.entityview]
+				}
+			}
+		})]
+	}), it = /* @__PURE__ */ x(c, {
+		label: "Record Set ID",
+		value: G,
+		description: ye,
+		onChange: Ue,
+		disabled: N,
+		entityFinderModalProps: {
+			title: Ce,
+			promptCopy: Se,
+			confirmButtonCopy: "Select",
+			configuration: {
+				initialScope: o.ALL_PROJECTS,
+				initialContainer: "root",
+				selectMultiple: !1,
+				treeOnly: !1,
+				versionSelection: a.DISALLOWED,
+				selectableTypes: [w.recordset]
+			}
+		}
+	}), at = /* @__PURE__ */ S(_, {
+		gap: 2,
+		children: [/* @__PURE__ */ x(y, {
+			variant: "body1",
+			children: we
+		}), /* @__PURE__ */ S(ee, { children: [/* @__PURE__ */ x(s, {
+			title: he,
+			description: me,
+			onClick: () => {
+				L(O), F("TYPE_SPECIFIC_FIELDS");
+			}
+		}), /* @__PURE__ */ x(s, {
+			title: xe,
+			description: be,
+			onClick: () => {
+				L(k), F("TYPE_SPECIFIC_FIELDS");
+			}
+		})] })]
+	}), ot = /* @__PURE__ */ S(_, {
+		gap: 2,
+		children: [I === O && rt, I === k && it]
+	}), st = /* @__PURE__ */ S(_, {
+		gap: 3,
+		children: [
+			/* @__PURE__ */ S(m, {
+				container: !0,
+				spacing: 3,
+				alignItems: "flex-start",
+				children: [/* @__PURE__ */ x(m, {
+					size: {
+						xs: 12,
+						sm: 6
+					},
+					children: /* @__PURE__ */ x(_, {
+						gap: 2,
+						children: nt
+					})
+				}), /* @__PURE__ */ x(m, {
+					size: {
+						xs: 12,
+						sm: 6
+					},
+					children: /* @__PURE__ */ S(_, {
+						gap: 3,
+						children: [tt, et]
+					})
+				})]
+			}),
+			N && I === null && /* @__PURE__ */ x(u, {
+				severity: "error",
+				children: "This task has an unrecognized task type and cannot be edited here."
+			}),
+			$e && /* @__PURE__ */ x(u, {
+				severity: "warning",
+				children: "Changing the Authorization Mode will clear the active session ID on this task. Any in-progress grid session linked to this task will no longer be associated with it."
+			}),
+			Z && /* @__PURE__ */ x(u, {
+				severity: "error",
+				children: Z.reason ?? "An error occurred. Please try again."
+			})
+		]
+	}), ct = N ? fe : de, Q = null;
+	switch (P) {
+		case "SELECT_TYPE":
+			Q = at;
+			break;
+		case "TYPE_SPECIFIC_FIELDS":
+			Q = ot;
+			break;
+		case "COMMON_MUTABLE_FIELDS":
+			Q = st;
+			break;
+	}
+	let $ = null;
+	switch (P) {
+		case "SELECT_TYPE":
+			$ = null;
+			break;
+		case "TYPE_SPECIFIC_FIELDS":
+			$ = /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(f, {
+				variant: "outlined",
+				onClick: () => F("SELECT_TYPE"),
+				disabled: X,
+				children: "Back"
+			}), /* @__PURE__ */ x(f, {
+				variant: "contained",
+				onClick: () => F("COMMON_MUTABLE_FIELDS"),
+				disabled: X || !Xe,
+				children: "Next"
+			})] });
+			break;
+		case "COMMON_MUTABLE_FIELDS":
+			$ = /* @__PURE__ */ S(b, { children: [!N && /* @__PURE__ */ x(f, {
+				variant: "outlined",
+				onClick: () => F("TYPE_SPECIFIC_FIELDS"),
+				disabled: X,
+				children: "Back"
+			}), /* @__PURE__ */ x(f, {
+				variant: "contained",
+				onClick: Qe,
+				disabled: X || I === null,
+				children: "Save"
+			})] });
+			break;
+	}
+	return /* @__PURE__ */ x(t, {
+		open: E,
+		title: ct,
+		maxWidth: "md",
+		fullWidth: !0,
+		onCancel: A,
+		content: Q,
+		actions: /* @__PURE__ */ x(_, {
+			direction: "row",
+			gap: 1,
+			justifyContent: "flex-end",
+			width: "100%",
+			children: $
+		})
+	});
+}
+//#endregion
+export { A as default };
+
+//# sourceMappingURL=CreateOrUpdateCurationTaskDialog.js.map