synapse-react-client 4.0.32 → 4.0.33

package/dist/components/Forum/DiscussionEmpty.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscussionEmpty.module.js","names":[],"sources":["../../../src/components/Forum/DiscussionEmpty.module.scss"],"sourcesContent":["$text-color: #3b4046;\n$button-text-color: #4d535a;\n\n.title:global(.MuiTypography-root) {\n  color: $text-color;\n  font-size: 16px;\n  font-weight: 540;\n  line-height: 24px; /* 150% */\n  letter-spacing: -0.16px;\n  margin-bottom: 4px;\n}\n\n.subtitle:global(.MuiTypography-root) {\n  color: $text-color;\n  font-size: 14px;\n  font-weight: 440;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: -0.07px;\n}\n\n.button:global(.MuiButton-root) {\n  color: $button-text-color;\n  font-size: 12px;\n  font-weight: 540;\n  line-height: 12px; /* 100% */\n  letter-spacing: -0.24px;\n  padding: 8px;\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.6);\n}\n\n.container {\n  align-items: center;\n  text-align: center;\n  gap: 24px;\n  padding: 40px 16px;\n}\n"],"mappings":""}
+{"version":3,"file":"DiscussionEmpty.module.js","names":[],"sources":["../../../src/components/Forum/DiscussionEmpty.module.scss"],"sourcesContent":[".title:global(.MuiTypography-root) {\n  color: var(--synapse-v2-gray-900);\n  font-size: 16px;\n  font-weight: 540;\n  line-height: 24px; /* 150% */\n  letter-spacing: -0.16px;\n  margin-bottom: 4px;\n}\n\n.subtitle:global(.MuiTypography-root) {\n  color: var(--synapse-v2-gray-900);\n  font-size: 14px;\n  font-weight: 440;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: -0.07px;\n}\n\n.button:global(.MuiButton-root) {\n  color: var(--synapse-v2-gray-800);\n  font-size: 12px;\n  font-weight: 540;\n  line-height: 12px; /* 100% */\n  letter-spacing: -0.24px;\n  padding: 8px;\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.6);\n}\n\n.container {\n  align-items: center;\n  text-align: center;\n  gap: 24px;\n  padding: 40px 16px;\n}\n"],"mappings":""}

package/dist/components/Forum/DiscussionEmpty.module.scss

@@ -1,8 +1,5 @@
-$text-color: #3b4046;
-$button-text-color: #4d535a;
-
 .title:global(.MuiTypography-root) {
-  color: $text-color;
+  color: var(--synapse-v2-gray-900);
   font-size: 16px;
   font-weight: 540;
   line-height: 24px; /* 150% */
@@ -11,7 +8,7 @@ $button-text-color: #4d535a;
 }
 
 .subtitle:global(.MuiTypography-root) {
-  color: $text-color;
+  color: var(--synapse-v2-gray-900);
   font-size: 14px;
   font-weight: 440;
   line-height: 20px; /* 142.857% */
@@ -19,7 +16,7 @@ $button-text-color: #4d535a;
 }
 
 .button:global(.MuiButton-root) {
-  color: $button-text-color;
+  color: var(--synapse-v2-gray-800);
   font-size: 12px;
   font-weight: 540;
   line-height: 12px; /* 100% */

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.css

@@ -0,0 +1 @@
+._jsonSchemaPicker_1b47n_1{flex-direction:column;gap:16px;display:flex}._organizationAutocomplete_1b47n_7{margin-bottom:8px}._schemaTableContainer_1b47n_11{height:400px}._schemaTableContainer_1b47n_11 tr[aria-selected=true]{background-color:var(--synapse-primary-action-color-alpha-10)}

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.d.ts

@@ -0,0 +1,29 @@
+import { JsonSchemaSelection } from './useJsonSchemaSelection';
+import { VersionSelectionType } from './VersionSelectionType';
+export type { JsonSchemaSelection } from './useJsonSchemaSelection';
+export type JsonSchemaPickerProps = {
+    /**
+     * Invoked whenever the selected schema and/or version changes. `undefined` when nothing is
+     * selected, or when a version selection is required but has not yet resolved.
+     */
+    onSelectionChange: (selection: JsonSchemaSelection | undefined) => void;
+    /** If provided, and a matching Organization is found, it will be preselected. */
+    defaultOrganizationName?: string;
+    /**
+     * Controls whether a concrete numbered version must be selected, or if "Latest" is an
+     * option. Defaults to {@link VersionSelectionType.REQUIRED}. Assumed to be fixed for the
+     * lifetime of a single JsonSchemaPicker instance -- to change it, remount the component (e.g.
+     * with a new `key`) rather than changing this prop in place.
+     */
+    versionSelectionType?: VersionSelectionType;
+    /**
+     * The initially-selected schema/version, e.g. when editing an existing selection.
+     * Note: only `versionInfo` (not a bare `$id`) can be used to resolve the initially selected
+     * row, since the row lookup requires the schema's organization and schema name.
+     */
+    initialSelected?: JsonSchemaSelection;
+};
+export declare const LATEST_OPTION_VALUE = "__LATEST__";
+export declare function JsonSchemaPicker(props: JsonSchemaPickerProps): import("react/jsx-runtime").JSX.Element;
+export default JsonSchemaPicker;
+//# sourceMappingURL=JsonSchemaPicker.d.ts.map

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonSchemaPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAEL,mBAAmB,EAEpB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,iBAAiB,EAAE,CAAC,SAAS,EAAE,mBAAmB,GAAG,SAAS,KAAK,IAAI,CAAA;IACvE,iFAAiF;IACjF,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C;;;;OAIG;IACH,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,mBAAmB,eAAe,CAAA;AA4L/C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAwL5D;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.js

@@ -0,0 +1,229 @@
+import { useListJsonSchemasInfinite as e } from "../../../synapse-queries/jsonschema/useListJsonSchemasInfinite.js";
+import { useListJsonSchemaVersions as t } from "../../../synapse-queries/jsonschema/useListJsonSchemaVersions.js";
+import "../../../synapse-queries/index.js";
+import { formatDate as n } from "../../../utils/functions/DateFormatter.js";
+import r from "../../TanStackTable/ColumnHeader.js";
+import i from "../../TanStackTable/StyledVirtualTanStackTable.js";
+import { useFetchNextPageOnScrollToBottom as a } from "../../TanStackTable/useFetchNextPageOnScrollToBottom.js";
+import { JsonSchemaVersionSelectionContext as o, useJsonSchemaVersionSelectionContext as s } from "./JsonSchemaVersionSelectionContext.js";
+import { VersionSelectionType as c } from "./VersionSelectionType.js";
+import l from "./JsonSchemaPicker.module.js";
+import { LOADING_ORGANIZATIONS_OPTION as u, useJsonSchemaOrganizations as d } from "./useJsonSchemaOrganizations.js";
+import { getSchemaId as f, useJsonSchemaSelection as p } from "./useJsonSchemaSelection.js";
+import { useMemo as m, useRef as h } from "react";
+import { Alert as g, Autocomplete as _, Checkbox as v, CircularProgress as y, Select as b, TextField as x, Typography as S } from "@mui/material";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import E from "dayjs";
+import { createFilterOptions as D } from "@mui/material/Autocomplete";
+import { createColumnHelper as O, getCoreRowModel as k, useReactTable as A } from "@tanstack/react-table";
+import { useVirtualizer as j } from "@tanstack/react-virtual";
+//#region src/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.tsx
+var M = "__LATEST__", N = 48, P = 5, F = D();
+function I(e) {
+	return e.versionId ?? e.$id ?? "";
+}
+function L(e) {
+	return e.semanticVersion ?? `Version ${e.versionId ?? ""}`;
+}
+function R(e) {
+	let { schema: n, isSelected: r, versionSelectionType: i, selectedVersionInfo: a, onVersionChange: o } = e, { data: s, isLoading: l, isError: u, error: d } = t(n.organizationName ?? "", n.schemaName ?? "", { enabled: r }), f = m(() => [...s ?? []].reverse(), [s]);
+	if (!r) return null;
+	if (u) return /* @__PURE__ */ w(g, {
+		severity: "error",
+		children: d?.reason ?? "An error occurred while loading versions."
+	});
+	if (l) return /* @__PURE__ */ w(y, {
+		size: 16,
+		"aria-label": "Loading versions"
+	});
+	if (f.length === 0) return null;
+	let p = i === c.LATEST_ALLOWED;
+	return /* @__PURE__ */ T(b, {
+		native: !0,
+		fullWidth: !0,
+		size: "small",
+		value: a ? I(a) : p ? M : "",
+		inputProps: { "aria-label": `Version for ${n.schemaName}` },
+		onClick: (e) => {
+			e.stopPropagation();
+		},
+		onChange: (e) => {
+			e.stopPropagation();
+			let t = e.target.value;
+			o(t === "__LATEST__" ? void 0 : f.find((e) => I(e) === t));
+		},
+		children: [
+			i === c.REQUIRED && !a && /* @__PURE__ */ w("option", {
+				value: "",
+				disabled: !0
+			}),
+			p && /* @__PURE__ */ w("option", {
+				value: "__LATEST__",
+				children: "Latest"
+			}),
+			f.map((e) => /* @__PURE__ */ w("option", {
+				value: I(e),
+				children: L(e)
+			}, I(e)))
+		]
+	});
+}
+function z(e) {
+	let { row: t } = e;
+	return /* @__PURE__ */ w(v, {
+		checked: t.getIsSelected(),
+		disabled: !t.getCanSelect(),
+		indeterminate: t.getIsSomeSelected(),
+		onClick: t.getToggleSelectedHandler(),
+		slotProps: { input: { "aria-label": `Select ${t.original.schemaName}` } }
+	});
+}
+function B(e) {
+	let t = s(), n = e.row.getIsSelected();
+	return /* @__PURE__ */ w(R, {
+		schema: e.row.original,
+		isSelected: n,
+		versionSelectionType: t.versionSelectionType,
+		selectedVersionInfo: n ? t.selectedVersionInfo : void 0,
+		onVersionChange: t.onVersionChange
+	});
+}
+var V = O(), H = [
+	V.display({
+		id: "select",
+		header: "",
+		cell: z,
+		maxSize: 50
+	}),
+	V.accessor("schemaName", {
+		header: (e) => /* @__PURE__ */ w(r, {
+			...e,
+			title: "Schema Name"
+		}),
+		enableColumnFilter: !1,
+		enableSorting: !1
+	}),
+	V.display({
+		id: "version",
+		header: (e) => /* @__PURE__ */ w(r, {
+			...e,
+			title: "Version"
+		}),
+		cell: B
+	}),
+	V.accessor("createdOn", {
+		header: (e) => /* @__PURE__ */ w(r, {
+			...e,
+			title: "Created on"
+		}),
+		enableColumnFilter: !1,
+		enableSorting: !1,
+		cell: (e) => {
+			let t = e.getValue();
+			return t ? n(E(t)) : "";
+		}
+	})
+];
+function U(t) {
+	let { onSelectionChange: n, defaultOrganizationName: r, versionSelectionType: s = c.REQUIRED, initialSelected: v } = t, { selectedOrganization: b, setSelectedOrganization: E, organizationOptions: D, isLoadingAllOrganizations: O, isError: M, error: I } = d(r), L = b?.name, { data: R, isLoading: z, isError: B, error: V, hasNextPage: U, isFetchingNextPage: W, fetchNextPage: G } = e(L ?? ""), K = m(() => R?.pages.flatMap((e) => e.page ?? []) ?? [], [R]), { rowSelection: q, selectedVersionInfo: J, handleRowSelectionChange: Y, handleVersionChange: X } = p({
+		schemas: K,
+		versionSelectionType: s,
+		onSelectionChange: n,
+		initialSelected: v
+	}), Z = m(() => ({
+		versionSelectionType: s,
+		selectedVersionInfo: J,
+		onVersionChange: X
+	}), [
+		s,
+		J,
+		X
+	]), Q = A({
+		data: K,
+		columns: H,
+		state: { rowSelection: q },
+		getRowId: f,
+		enableRowSelection: !0,
+		enableMultiRowSelection: !1,
+		onRowSelectionChange: Y,
+		getCoreRowModel: k()
+	}), $ = h(null), ee = j({
+		count: K.length,
+		estimateSize: () => N,
+		getScrollElement: () => $.current,
+		overscan: P
+	}), te = a({
+		containerRef: $,
+		hasNextPage: U,
+		isFetchingNextPage: W,
+		fetchNextPage: G,
+		data: K
+	});
+	return /* @__PURE__ */ T("div", {
+		className: l.jsonSchemaPicker,
+		children: [
+			/* @__PURE__ */ w(_, {
+				className: l.organizationAutocomplete,
+				options: D,
+				value: b,
+				loading: O,
+				getOptionLabel: (e) => e === u ? "Loading organizations…" : e.name ?? "",
+				getOptionDisabled: (e) => e === u,
+				filterOptions: (e, t) => {
+					let n = F(e.filter((e) => e !== u), t);
+					return O ? [u, ...n] : n;
+				},
+				isOptionEqualToValue: (e, t) => e.id === t.id,
+				onChange: (e, t) => E(t),
+				renderInput: (e) => /* @__PURE__ */ w(x, {
+					...e,
+					label: "Organization",
+					placeholder: "Select an organization",
+					slotProps: { input: {
+						...e.InputProps,
+						endAdornment: /* @__PURE__ */ T(C, { children: [O && /* @__PURE__ */ w(y, {
+							color: "inherit",
+							size: 16,
+							"aria-label": "Loading organizations"
+						}), e.InputProps.endAdornment] })
+					} }
+				})
+			}),
+			M && /* @__PURE__ */ w(g, {
+				severity: "error",
+				children: I?.reason ?? "An error occurred while loading organizations."
+			}),
+			!M && !b && /* @__PURE__ */ w(S, {
+				variant: "body1",
+				children: "Select an organization to see its schemas."
+			}),
+			b && z && /* @__PURE__ */ w(y, { "aria-label": "Loading schemas" }),
+			b && B && /* @__PURE__ */ w(g, {
+				severity: "error",
+				children: V?.reason ?? "An error occurred while loading schemas."
+			}),
+			b && !z && !B && K.length === 0 && /* @__PURE__ */ w(g, {
+				severity: "info",
+				children: "No schemas found for this organization."
+			}),
+			b && !z && !B && K.length > 0 && /* @__PURE__ */ w(o.Provider, {
+				value: Z,
+				children: /* @__PURE__ */ w(i, {
+					table: Q,
+					rowVirtualizer: ee,
+					striped: !0,
+					styledTableContainerProps: {
+						ref: $,
+						className: l.schemaTableContainer
+					},
+					onTableContainerScroll: (e) => te(e),
+					slotProps: { Tr: ({ tableRow: e }) => ({ "aria-selected": e?.getIsSelected() ?? !1 }) }
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { U as JsonSchemaPicker, U as default, M as LATEST_OPTION_VALUE };
+
+//# sourceMappingURL=JsonSchemaPicker.js.map

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonSchemaPicker.js","names":[],"sources":["../../../../src/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.tsx"],"sourcesContent":["import StyledVirtualTanStackTable from '@/components/TanStackTable/StyledVirtualTanStackTable'\nimport ColumnHeader from '@/components/TanStackTable/ColumnHeader'\nimport { useFetchNextPageOnScrollToBottom } from '@/components/TanStackTable/useFetchNextPageOnScrollToBottom'\nimport {\n  useListJsonSchemasInfinite,\n  useListJsonSchemaVersions,\n} from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  Alert,\n  Autocomplete,\n  Checkbox,\n  CircularProgress,\n  Select,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { createFilterOptions } from '@mui/material/Autocomplete'\nimport {\n  JsonSchemaInfo,\n  JsonSchemaVersionInfo,\n  Organization,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  CellContext,\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport dayjs from 'dayjs'\nimport { useMemo, useRef } from 'react'\nimport styles from './JsonSchemaPicker.module.scss'\nimport {\n  JsonSchemaVersionSelectionContext,\n  useJsonSchemaVersionSelectionContext,\n} from './JsonSchemaVersionSelectionContext'\nimport {\n  LOADING_ORGANIZATIONS_OPTION,\n  useJsonSchemaOrganizations,\n} from './useJsonSchemaOrganizations'\nimport {\n  getSchemaId,\n  JsonSchemaSelection,\n  useJsonSchemaSelection,\n} from './useJsonSchemaSelection'\nimport { VersionSelectionType } from './VersionSelectionType'\n\nexport type { JsonSchemaSelection } from './useJsonSchemaSelection'\n\nexport type JsonSchemaPickerProps = {\n  /**\n   * Invoked whenever the selected schema and/or version changes. `undefined` when nothing is\n   * selected, or when a version selection is required but has not yet resolved.\n   */\n  onSelectionChange: (selection: JsonSchemaSelection | undefined) => void\n  /** If provided, and a matching Organization is found, it will be preselected. */\n  defaultOrganizationName?: string\n  /**\n   * Controls whether a concrete numbered version must be selected, or if \"Latest\" is an\n   * option. Defaults to {@link VersionSelectionType.REQUIRED}. Assumed to be fixed for the\n   * lifetime of a single JsonSchemaPicker instance -- to change it, remount the component (e.g.\n   * with a new `key`) rather than changing this prop in place.\n   */\n  versionSelectionType?: VersionSelectionType\n  /**\n   * The initially-selected schema/version, e.g. when editing an existing selection.\n   * Note: only `versionInfo` (not a bare `$id`) can be used to resolve the initially selected\n   * row, since the row lookup requires the schema's organization and schema name.\n   */\n  initialSelected?: JsonSchemaSelection\n}\n\nexport const LATEST_OPTION_VALUE = '__LATEST__'\n\n// Estimated row height (px) for the virtualizer, used before a row has actually been measured.\nconst ESTIMATED_ROW_HEIGHT_PX = 48\n// Number of rows to render outside the visible viewport, above and below, so scrolling doesn't\n// momentarily show blank space before the virtualizer catches up.\nconst VIRTUALIZER_OVERSCAN = 5\n\nconst filterOrganizationOptions = createFilterOptions<Organization>()\n\nfunction getVersionOptionValue(version: JsonSchemaVersionInfo): string {\n  return version.versionId ?? version.$id ?? ''\n}\n\nfunction getVersionOptionLabel(version: JsonSchemaVersionInfo): string {\n  return version.semanticVersion ?? `Version ${version.versionId ?? ''}`\n}\n\ntype JsonSchemaVersionSelectProps = {\n  schema: JsonSchemaInfo\n  isSelected: boolean\n  versionSelectionType: VersionSelectionType\n  selectedVersionInfo: JsonSchemaVersionInfo | undefined\n  onVersionChange: (versionInfo: JsonSchemaVersionInfo | undefined) => void\n}\n\n/**\n * Renders the version <Select> for the currently-selected row.\n */\nfunction JsonSchemaVersionSelect(props: JsonSchemaVersionSelectProps) {\n  const {\n    schema,\n    isSelected,\n    versionSelectionType,\n    selectedVersionInfo,\n    onVersionChange,\n  } = props\n\n  const { data, isLoading, isError, error } = useListJsonSchemaVersions(\n    schema.organizationName ?? '',\n    schema.schemaName ?? '',\n    { enabled: isSelected },\n  )\n\n  const versions = useMemo(\n    // The API returns versions lowest-to-highest semantic version; reverse so the highest\n    // (latest) version is displayed first.\n    () => [...(data ?? [])].reverse(),\n    [data],\n  )\n\n  if (!isSelected) {\n    return null\n  }\n\n  if (isError) {\n    return (\n      <Alert severity=\"error\">\n        {error?.reason ?? 'An error occurred while loading versions.'}\n      </Alert>\n    )\n  }\n\n  if (isLoading) {\n    return <CircularProgress size={16} aria-label=\"Loading versions\" />\n  }\n\n  if (versions.length === 0) {\n    return null\n  }\n\n  const showLatestOption =\n    versionSelectionType === VersionSelectionType.LATEST_ALLOWED\n  const value = selectedVersionInfo\n    ? getVersionOptionValue(selectedVersionInfo)\n    : showLatestOption\n      ? LATEST_OPTION_VALUE\n      : ''\n\n  return (\n    <Select\n      native\n      fullWidth\n      size=\"small\"\n      value={value}\n      inputProps={{ 'aria-label': `Version for ${schema.schemaName}` }}\n      onClick={event => {\n        event.stopPropagation()\n      }}\n      onChange={event => {\n        event.stopPropagation()\n        const newValue = event.target.value\n        if (newValue === LATEST_OPTION_VALUE) {\n          onVersionChange(undefined)\n        } else {\n          onVersionChange(\n            versions.find(\n              version => getVersionOptionValue(version) === newValue,\n            ),\n          )\n        }\n      }}\n    >\n      {versionSelectionType === VersionSelectionType.REQUIRED &&\n        !selectedVersionInfo && (\n          // A version is required but none has resolved yet (the auto-select-latest fetch\n          // above is still in flight)\n          <option value=\"\" disabled />\n        )}\n      {showLatestOption && <option value={LATEST_OPTION_VALUE}>Latest</option>}\n      {versions.map(version => (\n        <option\n          key={getVersionOptionValue(version)}\n          value={getVersionOptionValue(version)}\n        >\n          {getVersionOptionLabel(version)}\n        </option>\n      ))}\n    </Select>\n  )\n}\n\n/**\n * Renders the row-selection checkbox for a schema row. Unlike the shared `CheckBoxCell`\n * (`EntityHeaderTableCellRenderers`), this gives the checkbox an accessible name, since there's\n * no visible label identifying which row a bare checkbox belongs to.\n */\nfunction SchemaSelectCell(context: CellContext<JsonSchemaInfo, unknown>) {\n  const { row } = context\n  return (\n    <Checkbox\n      checked={row.getIsSelected()}\n      disabled={!row.getCanSelect()}\n      indeterminate={row.getIsSomeSelected()}\n      onClick={row.getToggleSelectedHandler()}\n      slotProps={{\n        input: {\n          'aria-label': `Select ${row.original.schemaName}`,\n        },\n      }}\n    />\n  )\n}\n\nfunction VersionColumnCell(context: CellContext<JsonSchemaInfo, unknown>) {\n  const meta = useJsonSchemaVersionSelectionContext()\n  const isSelected = context.row.getIsSelected()\n  return (\n    <JsonSchemaVersionSelect\n      schema={context.row.original}\n      isSelected={isSelected}\n      versionSelectionType={meta.versionSelectionType}\n      selectedVersionInfo={isSelected ? meta.selectedVersionInfo : undefined}\n      onVersionChange={meta.onVersionChange}\n    />\n  )\n}\n\nconst columnHelper = createColumnHelper<JsonSchemaInfo>()\n\nconst STATIC_COLUMNS = [\n  columnHelper.display({\n    id: 'select',\n    header: '',\n    cell: SchemaSelectCell,\n    maxSize: 50,\n  }),\n  columnHelper.accessor('schemaName', {\n    header: props => <ColumnHeader {...props} title=\"Schema Name\" />,\n    enableColumnFilter: false,\n    enableSorting: false,\n  }),\n  columnHelper.display({\n    id: 'version',\n    header: props => <ColumnHeader {...props} title=\"Version\" />,\n    cell: VersionColumnCell,\n  }),\n  columnHelper.accessor('createdOn', {\n    header: props => <ColumnHeader {...props} title=\"Created on\" />,\n    enableColumnFilter: false,\n    enableSorting: false,\n    cell: info => {\n      const value = info.getValue()\n      return value ? formatDate(dayjs(value)) : ''\n    },\n  }),\n]\n\nexport function JsonSchemaPicker(props: JsonSchemaPickerProps) {\n  const {\n    onSelectionChange,\n    defaultOrganizationName,\n    versionSelectionType = VersionSelectionType.REQUIRED,\n    initialSelected,\n  } = props\n\n  const {\n    selectedOrganization,\n    setSelectedOrganization,\n    organizationOptions,\n    isLoadingAllOrganizations,\n    isError: isOrganizationsError,\n    error: organizationsError,\n  } = useJsonSchemaOrganizations(defaultOrganizationName)\n\n  const organizationName = selectedOrganization?.name\n\n  const {\n    data: schemasData,\n    isLoading: isLoadingSchemas,\n    isError: isSchemasError,\n    error: schemasError,\n    hasNextPage: hasNextSchemasPage,\n    isFetchingNextPage: isFetchingNextSchemasPage,\n    fetchNextPage: fetchNextSchemasPage,\n  } = useListJsonSchemasInfinite(organizationName ?? '')\n\n  const schemas = useMemo(\n    () => schemasData?.pages.flatMap(page => page.page ?? []) ?? [],\n    [schemasData],\n  )\n\n  const {\n    rowSelection,\n    selectedVersionInfo,\n    handleRowSelectionChange,\n    handleVersionChange,\n  } = useJsonSchemaSelection({\n    schemas,\n    versionSelectionType,\n    onSelectionChange,\n    initialSelected,\n  })\n\n  const versionSelectionContextValue = useMemo(\n    () => ({\n      versionSelectionType,\n      selectedVersionInfo,\n      onVersionChange: handleVersionChange,\n    }),\n    [versionSelectionType, selectedVersionInfo, handleVersionChange],\n  )\n\n  const table = useReactTable<JsonSchemaInfo>({\n    data: schemas,\n    columns: STATIC_COLUMNS,\n    state: { rowSelection },\n    getRowId: getSchemaId,\n    enableRowSelection: true,\n    enableMultiRowSelection: false,\n    onRowSelectionChange: handleRowSelectionChange,\n    getCoreRowModel: getCoreRowModel(),\n  })\n\n  const tableContainerRef = useRef<HTMLDivElement>(null)\n  const rowVirtualizer = useVirtualizer({\n    count: schemas.length,\n    estimateSize: () => ESTIMATED_ROW_HEIGHT_PX,\n    getScrollElement: () => tableContainerRef.current,\n    overscan: VIRTUALIZER_OVERSCAN,\n  })\n\n  const fetchMoreOnBottomReached = useFetchNextPageOnScrollToBottom({\n    containerRef: tableContainerRef,\n    hasNextPage: hasNextSchemasPage,\n    isFetchingNextPage: isFetchingNextSchemasPage,\n    fetchNextPage: fetchNextSchemasPage,\n    data: schemas,\n  })\n\n  return (\n    <div className={styles.jsonSchemaPicker}>\n      <Autocomplete<Organization, false, false, false>\n        className={styles.organizationAutocomplete}\n        options={organizationOptions}\n        value={selectedOrganization}\n        loading={isLoadingAllOrganizations}\n        getOptionLabel={org =>\n          org === LOADING_ORGANIZATIONS_OPTION\n            ? 'Loading organizations…'\n            : (org.name ?? '')\n        }\n        getOptionDisabled={org => org === LOADING_ORGANIZATIONS_OPTION}\n        filterOptions={(options, params) => {\n          const filtered = filterOrganizationOptions(\n            options.filter(org => org !== LOADING_ORGANIZATIONS_OPTION),\n            params,\n          )\n          return isLoadingAllOrganizations\n            ? [LOADING_ORGANIZATIONS_OPTION, ...filtered]\n            : filtered\n        }}\n        isOptionEqualToValue={(option, value) => option.id === value.id}\n        onChange={(_event, newValue) => setSelectedOrganization(newValue)}\n        renderInput={params => (\n          <TextField\n            {...params}\n            label=\"Organization\"\n            placeholder=\"Select an organization\"\n            slotProps={{\n              input: {\n                ...params.InputProps,\n                endAdornment: (\n                  <>\n                    {isLoadingAllOrganizations && (\n                      <CircularProgress\n                        color=\"inherit\"\n                        size={16}\n                        aria-label=\"Loading organizations\"\n                      />\n                    )}\n                    {params.InputProps.endAdornment}\n                  </>\n                ),\n              },\n            }}\n          />\n        )}\n      />\n      {isOrganizationsError && (\n        <Alert severity=\"error\">\n          {organizationsError?.reason ??\n            'An error occurred while loading organizations.'}\n        </Alert>\n      )}\n      {!isOrganizationsError && !selectedOrganization && (\n        <Typography variant=\"body1\">\n          Select an organization to see its schemas.\n        </Typography>\n      )}\n      {selectedOrganization && isLoadingSchemas && (\n        <CircularProgress aria-label=\"Loading schemas\" />\n      )}\n      {selectedOrganization && isSchemasError && (\n        <Alert severity=\"error\">\n          {schemasError?.reason ?? 'An error occurred while loading schemas.'}\n        </Alert>\n      )}\n      {selectedOrganization &&\n        !isLoadingSchemas &&\n        !isSchemasError &&\n        schemas.length === 0 && (\n          <Alert severity=\"info\">No schemas found for this organization.</Alert>\n        )}\n      {selectedOrganization &&\n        !isLoadingSchemas &&\n        !isSchemasError &&\n        schemas.length > 0 && (\n          <JsonSchemaVersionSelectionContext.Provider\n            value={versionSelectionContextValue}\n          >\n            <StyledVirtualTanStackTable<JsonSchemaInfo>\n              table={table}\n              rowVirtualizer={rowVirtualizer}\n              striped\n              styledTableContainerProps={{\n                ref: tableContainerRef,\n                className: styles.schemaTableContainer,\n              }}\n              onTableContainerScroll={target =>\n                fetchMoreOnBottomReached(target as HTMLDivElement)\n              }\n              slotProps={{\n                Tr: ({ tableRow }) => ({\n                  'aria-selected': tableRow?.getIsSelected() ?? false,\n                }),\n              }}\n            />\n          </JsonSchemaVersionSelectionContext.Provider>\n        )}\n    </div>\n  )\n}\n\nexport default JsonSchemaPicker\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyEA,IAAa,IAAsB,cAG7B,IAA0B,IAG1B,IAAuB,GAEvB,IAA4B,EAAkC;AAEpE,SAAS,EAAsB,GAAwC;CACrE,OAAO,EAAQ,aAAa,EAAQ,OAAO;AAC7C;AAEA,SAAS,EAAsB,GAAwC;CACrE,OAAO,EAAQ,mBAAmB,WAAW,EAAQ,aAAa;AACpE;AAaA,SAAS,EAAwB,GAAqC;CACpE,IAAM,EACJ,WACA,eACA,yBACA,wBACA,uBACE,GAEE,EAAE,SAAM,cAAW,YAAS,aAAU,EAC1C,EAAO,oBAAoB,IAC3B,EAAO,cAAc,IACrB,EAAE,SAAS,EAAW,CACxB,GAEM,IAAW,QAGT,CAAC,GAAI,KAAQ,CAAC,CAAE,EAAE,QAAQ,GAChC,CAAC,CAAI,CACP;CAEA,IAAI,CAAC,GACH,OAAO;CAGT,IAAI,GACF,OACE,kBAAC,GAAD;EAAO,UAAS;YACb,GAAO,UAAU;CACb,CAAA;CAIX,IAAI,GACF,OAAO,kBAAC,GAAD;EAAkB,MAAM;EAAI,cAAW;CAAoB,CAAA;CAGpE,IAAI,EAAS,WAAW,GACtB,OAAO;CAGT,IAAM,IACJ,MAAyB,EAAqB;CAOhD,OACE,kBAAC,GAAD;EACE,QAAA;EACA,WAAA;EACA,MAAK;EACE,OAXG,IACV,EAAsB,CAAmB,IACzC,IACE,IACA;EAQF,YAAY,EAAE,cAAc,eAAe,EAAO,aAAa;EAC/D,UAAS,MAAS;GAChB,EAAM,gBAAgB;EACxB;EACA,WAAU,MAAS;GACjB,EAAM,gBAAgB;GACtB,IAAM,IAAW,EAAM,OAAO;GAC9B,AACE,EADE,MAAA,eACc,KAAA,IAGd,EAAS,MACP,MAAW,EAAsB,CAAO,MAAM,CAChD,CACF;EAEJ;YArBF;GAuBG,MAAyB,EAAqB,YAC7C,CAAC,KAGC,kBAAC,UAAD;IAAQ,OAAM;IAAG,UAAA;GAAU,CAAA;GAE9B,KAAoB,kBAAC,UAAD;IAAQ,OAAA;cAA4B;GAAc,CAAA;GACtE,EAAS,KAAI,MACZ,kBAAC,UAAD;IAEE,OAAO,EAAsB,CAAO;cAEnC,EAAsB,CAAO;GACxB,GAJD,EAAsB,CAAO,CAI5B,CACT;EACK;;AAEZ;AAOA,SAAS,EAAiB,GAA+C;CACvE,IAAM,EAAE,WAAQ;CAChB,OACE,kBAAC,GAAD;EACE,SAAS,EAAI,cAAc;EAC3B,UAAU,CAAC,EAAI,aAAa;EAC5B,eAAe,EAAI,kBAAkB;EACrC,SAAS,EAAI,yBAAyB;EACtC,WAAW,EACT,OAAO,EACL,cAAc,UAAU,EAAI,SAAS,aACvC,EACF;CACD,CAAA;AAEL;AAEA,SAAS,EAAkB,GAA+C;CACxE,IAAM,IAAO,EAAqC,GAC5C,IAAa,EAAQ,IAAI,cAAc;CAC7C,OACE,kBAAC,GAAD;EACE,QAAQ,EAAQ,IAAI;EACR;EACZ,sBAAsB,EAAK;EAC3B,qBAAqB,IAAa,EAAK,sBAAsB,KAAA;EAC7D,iBAAiB,EAAK;CACvB,CAAA;AAEL;AAEA,IAAM,IAAe,EAAmC,GAElD,IAAiB;CACrB,EAAa,QAAQ;EACnB,IAAI;EACJ,QAAQ;EACR,MAAM;EACN,SAAS;CACX,CAAC;CACD,EAAa,SAAS,cAAc;EAClC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAM;EAAe,CAAA;EAC/D,oBAAoB;EACpB,eAAe;CACjB,CAAC;CACD,EAAa,QAAQ;EACnB,IAAI;EACJ,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAM;EAAW,CAAA;EAC3D,MAAM;CACR,CAAC;CACD,EAAa,SAAS,aAAa;EACjC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAM;EAAc,CAAA;EAC9D,oBAAoB;EACpB,eAAe;EACf,OAAM,MAAQ;GACZ,IAAM,IAAQ,EAAK,SAAS;GAC5B,OAAO,IAAQ,EAAW,EAAM,CAAK,CAAC,IAAI;EAC5C;CACF,CAAC;AACH;AAEA,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EACJ,sBACA,4BACA,0BAAuB,EAAqB,UAC5C,uBACE,GAEE,EACJ,yBACA,4BACA,wBACA,8BACA,SAAS,GACT,OAAO,MACL,EAA2B,CAAuB,GAEhD,IAAmB,GAAsB,MAEzC,EACJ,MAAM,GACN,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,oBAAoB,GACpB,eAAe,MACb,EAA2B,KAAoB,EAAE,GAE/C,IAAU,QACR,GAAa,MAAM,SAAQ,MAAQ,EAAK,QAAQ,CAAC,CAAC,KAAK,CAAC,GAC9D,CAAC,CAAW,CACd,GAEM,EACJ,iBACA,wBACA,6BACA,2BACE,EAAuB;EACzB;EACA;EACA;EACA;CACF,CAAC,GAEK,IAA+B,SAC5B;EACL;EACA;EACA,iBAAiB;CACnB,IACA;EAAC;EAAsB;EAAqB;CAAmB,CACjE,GAEM,IAAQ,EAA8B;EAC1C,MAAM;EACN,SAAS;EACT,OAAO,EAAE,gBAAa;EACtB,UAAU;EACV,oBAAoB;EACpB,yBAAyB;EACzB,sBAAsB;EACtB,iBAAiB,EAAgB;CACnC,CAAC,GAEK,IAAoB,EAAuB,IAAI,GAC/C,KAAiB,EAAe;EACpC,OAAO,EAAQ;EACf,oBAAoB;EACpB,wBAAwB,EAAkB;EAC1C,UAAU;CACZ,CAAC,GAEK,KAA2B,EAAiC;EAChE,cAAc;EACd,aAAa;EACb,oBAAoB;EACpB,eAAe;EACf,MAAM;CACR,CAAC;CAED,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB;GACE,kBAAC,GAAD;IACE,WAAW,EAAO;IAClB,SAAS;IACT,OAAO;IACP,SAAS;IACT,iBAAgB,MACd,MAAQ,IACJ,2BACC,EAAI,QAAQ;IAEnB,oBAAmB,MAAO,MAAQ;IAClC,gBAAgB,GAAS,MAAW;KAClC,IAAM,IAAW,EACf,EAAQ,QAAO,MAAO,MAAQ,CAA4B,GAC1D,CACF;KACA,OAAO,IACH,CAAC,GAA8B,GAAG,CAAQ,IAC1C;IACN;IACA,uBAAuB,GAAQ,MAAU,EAAO,OAAO,EAAM;IAC7D,WAAW,GAAQ,MAAa,EAAwB,CAAQ;IAChE,cAAa,MACX,kBAAC,GAAD;KACE,GAAI;KACJ,OAAM;KACN,aAAY;KACZ,WAAW,EACT,OAAO;MACL,GAAG,EAAO;MACV,cACE,kBAAA,GAAA,EAAA,UAAA,CACG,KACC,kBAAC,GAAD;OACE,OAAM;OACN,MAAM;OACN,cAAW;MACZ,CAAA,GAEF,EAAO,WAAW,YACnB,EAAA,CAAA;KAEN,EACF;IACD,CAAA;GAEJ,CAAA;GACA,KACC,kBAAC,GAAD;IAAO,UAAS;cACb,GAAoB,UACnB;GACG,CAAA;GAER,CAAC,KAAwB,CAAC,KACzB,kBAAC,GAAD;IAAY,SAAQ;cAAQ;GAEhB,CAAA;GAEb,KAAwB,KACvB,kBAAC,GAAD,EAAkB,cAAW,kBAAmB,CAAA;GAEjD,KAAwB,KACvB,kBAAC,GAAD;IAAO,UAAS;cACb,GAAc,UAAU;GACpB,CAAA;GAER,KACC,CAAC,KACD,CAAC,KACD,EAAQ,WAAW,KACjB,kBAAC,GAAD;IAAO,UAAS;cAAO;GAA8C,CAAA;GAExE,KACC,CAAC,KACD,CAAC,KACD,EAAQ,SAAS,KACf,kBAAC,EAAkC,UAAnC;IACE,OAAO;cAEP,kBAAC,GAAD;KACS;KACS;KAChB,SAAA;KACA,2BAA2B;MACzB,KAAK;MACL,WAAW,EAAO;KACpB;KACA,yBAAwB,MACtB,GAAyB,CAAwB;KAEnD,WAAW,EACT,KAAK,EAAE,mBAAgB,EACrB,iBAAiB,GAAU,cAAc,KAAK,GAChD,GACF;IACD,CAAA;GACyC,CAAA;EAE7C;;AAET"}

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.module.js

@@ -0,0 +1,9 @@
+import './JsonSchemaPicker.css';var e = {
+	jsonSchemaPicker: "_jsonSchemaPicker_1b47n_1",
+	organizationAutocomplete: "_organizationAutocomplete_1b47n_7",
+	schemaTableContainer: "_schemaTableContainer_1b47n_11"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=JsonSchemaPicker.module.js.map

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonSchemaPicker.module.js","names":[],"sources":["../../../../src/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.module.scss"],"sourcesContent":["$schema-table-container-height: 400px;\n\n.jsonSchemaPicker {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.organizationAutocomplete {\n  margin-bottom: 8px;\n}\n\n.schemaTableContainer {\n  height: $schema-table-container-height;\n\n  tr[aria-selected='true'] {\n    background-color: var(--synapse-primary-action-color-alpha-10);\n  }\n}\n"],"mappings":""}

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.module.scss

@@ -0,0 +1,19 @@
+$schema-table-container-height: 400px;
+
+.jsonSchemaPicker {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.organizationAutocomplete {
+  margin-bottom: 8px;
+}
+
+.schemaTableContainer {
+  height: $schema-table-container-height;
+
+  tr[aria-selected='true'] {
+    background-color: var(--synapse-primary-action-color-alpha-10);
+  }
+}

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPickerModal.d.ts

@@ -0,0 +1,23 @@
+import { JsonSchemaSelection } from './JsonSchemaPicker';
+import { VersionSelectionType } from './VersionSelectionType';
+export type JsonSchemaPickerModalProps = {
+    open: boolean;
+    /** Called with the confirmed schema selection when the user clicks the confirm button. */
+    onConfirm: (result: JsonSchemaSelection) => void;
+    onCancel: () => void;
+    /** If provided, and a matching Organization is found, it will be preselected. */
+    defaultOrganizationName?: string;
+    /** Controls whether a concrete numbered version must be selected, or if "Latest" is an option. */
+    versionSelectionType?: VersionSelectionType;
+    /** The initially-selected schema/version, e.g. when editing an existing selection. */
+    initialSelected?: JsonSchemaSelection;
+    title?: string;
+    confirmButtonCopy?: string;
+};
+/**
+ * A modal dialog for selecting a single JSON Schema (and, depending on
+ * {@link VersionSelectionType}, a version of that schema).
+ */
+export declare function JsonSchemaPickerModal(props: JsonSchemaPickerModalProps): import("react/jsx-runtime").JSX.Element;
+export default JsonSchemaPickerModal;
+//# sourceMappingURL=JsonSchemaPickerModal.d.ts.map

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPickerModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonSchemaPickerModal.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchema/JsonSchemaPicker/JsonSchemaPickerModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,0FAA0F;IAC1F,SAAS,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,iFAAiF;IACjF,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,kGAAkG;IAClG,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,sFAAsF;IACtF,eAAe,CAAC,EAAE,mBAAmB,CAAA;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAYtE;AA0CD,eAAe,qBAAqB,CAAA"}

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPickerModal.js

@@ -0,0 +1,39 @@
+import { ConfirmationDialog as e } from "../../ConfirmationDialog/ConfirmationDialog.js";
+import "../../ConfirmationDialog/index.js";
+import { JsonSchemaPicker as t } from "./JsonSchemaPicker.js";
+import { useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/JsonSchema/JsonSchemaPicker/JsonSchemaPickerModal.tsx
+function i(e) {
+	let { open: t, ...n } = e;
+	return /* @__PURE__ */ r(a, {
+		open: t,
+		...n
+	}, t ? "open" : "closed");
+}
+function a(i) {
+	let { open: a, onConfirm: o, onCancel: s, defaultOrganizationName: c, versionSelectionType: l, initialSelected: u, title: d = "Select a Schema", confirmButtonCopy: f = "Add Selected Schema" } = i, [p, m] = n(u);
+	return /* @__PURE__ */ r(e, {
+		open: a,
+		title: d,
+		maxWidth: "xl",
+		confirmButtonProps: {
+			children: f,
+			disabled: !p
+		},
+		onConfirm: () => {
+			p && o(p);
+		},
+		onCancel: s,
+		content: /* @__PURE__ */ r(t, {
+			defaultOrganizationName: c,
+			versionSelectionType: l,
+			initialSelected: u,
+			onSelectionChange: m
+		})
+	});
+}
+//#endregion
+export { i as JsonSchemaPickerModal, i as default };
+
+//# sourceMappingURL=JsonSchemaPickerModal.js.map

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPickerModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonSchemaPickerModal.js","names":[],"sources":["../../../../src/components/JsonSchema/JsonSchemaPicker/JsonSchemaPickerModal.tsx"],"sourcesContent":["import { ConfirmationDialog } from '@/components/ConfirmationDialog'\nimport { useState } from 'react'\nimport { JsonSchemaPicker, JsonSchemaSelection } from './JsonSchemaPicker'\nimport { VersionSelectionType } from './VersionSelectionType'\n\nexport type JsonSchemaPickerModalProps = {\n  open: boolean\n  /** Called with the confirmed schema selection when the user clicks the confirm button. */\n  onConfirm: (result: JsonSchemaSelection) => void\n  onCancel: () => void\n  /** If provided, and a matching Organization is found, it will be preselected. */\n  defaultOrganizationName?: string\n  /** Controls whether a concrete numbered version must be selected, or if \"Latest\" is an option. */\n  versionSelectionType?: VersionSelectionType\n  /** The initially-selected schema/version, e.g. when editing an existing selection. */\n  initialSelected?: JsonSchemaSelection\n  title?: string\n  confirmButtonCopy?: string\n}\n\n/**\n * A modal dialog for selecting a single JSON Schema (and, depending on\n * {@link VersionSelectionType}, a version of that schema).\n */\nexport function JsonSchemaPickerModal(props: JsonSchemaPickerModalProps) {\n  const { open, ...rest } = props\n\n  // Keyed by `open` so that `selected` (declared below) is discarded whenever the dialog\n  // transitions between open and closed, rather than surviving a cancel-then-reopen.\n  return (\n    <JsonSchemaPickerModalDialog\n      key={open ? 'open' : 'closed'}\n      open={open}\n      {...rest}\n    />\n  )\n}\n\nfunction JsonSchemaPickerModalDialog(props: JsonSchemaPickerModalProps) {\n  const {\n    open,\n    onConfirm,\n    onCancel,\n    defaultOrganizationName,\n    versionSelectionType,\n    initialSelected,\n    title = 'Select a Schema',\n    confirmButtonCopy = 'Add Selected Schema',\n  } = props\n\n  const [selected, setSelected] = useState<JsonSchemaSelection | undefined>(\n    initialSelected,\n  )\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title={title}\n      maxWidth=\"xl\"\n      confirmButtonProps={{ children: confirmButtonCopy, disabled: !selected }}\n      onConfirm={() => {\n        if (selected) {\n          onConfirm(selected)\n        }\n      }}\n      onCancel={onCancel}\n      content={\n        <JsonSchemaPicker\n          defaultOrganizationName={defaultOrganizationName}\n          versionSelectionType={versionSelectionType}\n          initialSelected={initialSelected}\n          onSelectionChange={setSelected}\n        />\n      }\n    />\n  )\n}\n\nexport default JsonSchemaPickerModal\n"],"mappings":";;;;;;AAwBA,SAAgB,EAAsB,GAAmC;CACvE,IAAM,EAAE,SAAM,GAAG,MAAS;CAI1B,OACE,kBAAC,GAAD;EAEQ;EACN,GAAI;CACL,GAHM,IAAO,SAAS,QAGtB;AAEL;AAEA,SAAS,EAA4B,GAAmC;CACtE,IAAM,EACJ,SACA,cACA,aACA,4BACA,yBACA,oBACA,WAAQ,mBACR,uBAAoB,0BAClB,GAEE,CAAC,GAAU,KAAe,EAC9B,CACF;CAEA,OACE,kBAAC,GAAD;EACQ;EACC;EACP,UAAS;EACT,oBAAoB;GAAE,UAAU;GAAmB,UAAU,CAAC;EAAS;EACvE,iBAAiB;GACf,AAAI,KACF,EAAU,CAAQ;EAEtB;EACU;EACV,SACE,kBAAC,GAAD;GAC2B;GACH;GACL;GACjB,mBAAmB;EACpB,CAAA;CAEJ,CAAA;AAEL"}

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaVersionSelectionContext.d.ts

@@ -0,0 +1,14 @@
+import { JsonSchemaVersionInfo } from '@sage-bionetworks/synapse-client';
+import { VersionSelectionType } from './VersionSelectionType';
+export type JsonSchemaVersionSelectionContextValue = {
+    versionSelectionType: VersionSelectionType;
+    selectedVersionInfo: JsonSchemaVersionInfo | undefined;
+    onVersionChange: (versionInfo: JsonSchemaVersionInfo | undefined) => void;
+};
+/**
+ * Carries the currently selected schema version (and how to change it) down to the version
+ * column's cell renderer
+ */
+export declare const JsonSchemaVersionSelectionContext: import("react").Context<JsonSchemaVersionSelectionContextValue | undefined>;
+export declare function useJsonSchemaVersionSelectionContext(): JsonSchemaVersionSelectionContextValue;
+//# sourceMappingURL=JsonSchemaVersionSelectionContext.d.ts.map

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaVersionSelectionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonSchemaVersionSelectionContext.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchema/JsonSchemaPicker/JsonSchemaVersionSelectionContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AAExE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,MAAM,MAAM,sCAAsC,GAAG;IACnD,oBAAoB,EAAE,oBAAoB,CAAA;IAC1C,mBAAmB,EAAE,qBAAqB,GAAG,SAAS,CAAA;IACtD,eAAe,EAAE,CAAC,WAAW,EAAE,qBAAqB,GAAG,SAAS,KAAK,IAAI,CAAA;CAC1E,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iCAAiC,6EAElC,CAAA;AAEZ,wBAAgB,oCAAoC,IAAI,sCAAsC,CAQ7F"}

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaVersionSelectionContext.js

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/components/JsonSchema/JsonSchemaPicker/JsonSchemaVersionSelectionContext.ts
+var n = e(void 0);
+function r() {
+	let e = t(n);
+	if (!e) throw Error("useJsonSchemaVersionSelectionContext must be used within a JsonSchemaVersionSelectionContext.Provider");
+	return e;
+}
+//#endregion
+export { n as JsonSchemaVersionSelectionContext, r as useJsonSchemaVersionSelectionContext };
+
+//# sourceMappingURL=JsonSchemaVersionSelectionContext.js.map

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaVersionSelectionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonSchemaVersionSelectionContext.js","names":[],"sources":["../../../../src/components/JsonSchema/JsonSchemaPicker/JsonSchemaVersionSelectionContext.ts"],"sourcesContent":["import { JsonSchemaVersionInfo } from '@sage-bionetworks/synapse-client'\nimport { createContext, useContext } from 'react'\nimport { VersionSelectionType } from './VersionSelectionType'\n\nexport type JsonSchemaVersionSelectionContextValue = {\n  versionSelectionType: VersionSelectionType\n  selectedVersionInfo: JsonSchemaVersionInfo | undefined\n  onVersionChange: (versionInfo: JsonSchemaVersionInfo | undefined) => void\n}\n\n/**\n * Carries the currently selected schema version (and how to change it) down to the version\n * column's cell renderer\n */\nexport const JsonSchemaVersionSelectionContext = createContext<\n  JsonSchemaVersionSelectionContextValue | undefined\n>(undefined)\n\nexport function useJsonSchemaVersionSelectionContext(): JsonSchemaVersionSelectionContextValue {\n  const context = useContext(JsonSchemaVersionSelectionContext)\n  if (!context) {\n    throw new Error(\n      'useJsonSchemaVersionSelectionContext must be used within a JsonSchemaVersionSelectionContext.Provider',\n    )\n  }\n  return context\n}\n"],"mappings":";;AAcA,IAAa,IAAoC,EAE/C,KAAA,CAAS;AAEX,SAAgB,IAA+E;CAC7F,IAAM,IAAU,EAAW,CAAiC;CAC5D,IAAI,CAAC,GACH,MAAU,MACR,uGACF;CAEF,OAAO;AACT"}

package/dist/components/JsonSchema/JsonSchemaPicker/VersionSelectionType.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Documents the possible JsonSchemaPicker version selection configurations.
+ */
+export declare enum VersionSelectionType {
+    /**
+     * A specific, numbered semantic version must be selected. This is the default. Use this when
+     * the consumer needs a reference to a specific version of the schema, rather than "whichever
+     * version is newest."
+     */
+    REQUIRED = "REQUIRED",
+    /**
+     * A specific numbered version may be selected, or the user may choose "Latest" to always
+     * reference whichever version of the schema is newest at the time of use.
+     */
+    LATEST_ALLOWED = "LATEST_ALLOWED"
+}
+//# sourceMappingURL=VersionSelectionType.d.ts.map

package/dist/components/JsonSchema/JsonSchemaPicker/VersionSelectionType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionSelectionType.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchema/JsonSchemaPicker/VersionSelectionType.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,oBAAoB;IAC9B;;;;OAIG;IACH,QAAQ,aAAa;IACrB;;;OAGG;IACH,cAAc,mBAAmB;CAClC"}

package/dist/components/JsonSchema/JsonSchemaPicker/VersionSelectionType.js

@@ -0,0 +1,8 @@
+//#region src/components/JsonSchema/JsonSchemaPicker/VersionSelectionType.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.REQUIRED = "REQUIRED", e.LATEST_ALLOWED = "LATEST_ALLOWED", e;
+}({});
+//#endregion
+export { e as VersionSelectionType };
+
+//# sourceMappingURL=VersionSelectionType.js.map

package/dist/components/JsonSchema/JsonSchemaPicker/VersionSelectionType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionSelectionType.js","names":[],"sources":["../../../../src/components/JsonSchema/JsonSchemaPicker/VersionSelectionType.ts"],"sourcesContent":["/**\n * Documents the possible JsonSchemaPicker version selection configurations.\n */\nexport enum VersionSelectionType {\n  /**\n   * A specific, numbered semantic version must be selected. This is the default. Use this when\n   * the consumer needs a reference to a specific version of the schema, rather than \"whichever\n   * version is newest.\"\n   */\n  REQUIRED = 'REQUIRED',\n  /**\n   * A specific numbered version may be selected, or the user may choose \"Latest\" to always\n   * reference whichever version of the schema is newest at the time of use.\n   */\n  LATEST_ALLOWED = 'LATEST_ALLOWED',\n}\n"],"mappings":";AAGA,IAAY,IAAL,yBAAA,GAAA;QAML,EAAA,WAAA,YAKA,EAAA,iBAAA;AACF,EAAA,CAAA,CAAA"}

package/dist/components/JsonSchema/JsonSchemaPicker/index.d.ts

@@ -0,0 +1,6 @@
+export { JsonSchemaPicker } from './JsonSchemaPicker';
+export type { JsonSchemaPickerProps, JsonSchemaSelection, } from './JsonSchemaPicker';
+export { JsonSchemaPickerModal } from './JsonSchemaPickerModal';
+export type { JsonSchemaPickerModalProps } from './JsonSchemaPickerModal';
+export { VersionSelectionType } from './VersionSelectionType';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/JsonSchema/JsonSchemaPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchema/JsonSchemaPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,YAAY,EACV,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/components/JsonSchema/JsonSchemaPicker/index.js

@@ -0,0 +1,4 @@
+import { VersionSelectionType as e } from "./VersionSelectionType.js";
+import { JsonSchemaPicker as t } from "./JsonSchemaPicker.js";
+import { JsonSchemaPickerModal as n } from "./JsonSchemaPickerModal.js";
+export { t as JsonSchemaPicker, n as JsonSchemaPickerModal, e as VersionSelectionType };

package/dist/components/JsonSchema/JsonSchemaPicker/useJsonSchemaOrganizations.d.ts

@@ -0,0 +1,20 @@
+import { Organization } from '@sage-bionetworks/synapse-client';
+/**
+ * Option displayed as a disabled placeholder row while Organizations are still being fetched,
+ * so the loading state is reflected within the option list itself. This avoids relying on the
+ * Autocomplete's `loading` prop, which blocks the list from use while loading.
+ */
+export declare const LOADING_ORGANIZATIONS_OPTION: Organization;
+/**
+ * Lists every JSON Schema Organization, and optionally preselects one matching
+ * `defaultOrganizationName` once it becomes available.
+ */
+export declare function useJsonSchemaOrganizations(defaultOrganizationName?: string): {
+    selectedOrganization: Organization | null;
+    setSelectedOrganization: import("react").Dispatch<import("react").SetStateAction<Organization | null>>;
+    organizationOptions: Organization[];
+    isLoadingAllOrganizations: boolean;
+    isError: boolean;
+    error: import("@sage-bionetworks/synapse-client").SynapseClientError | null;
+};
+//# sourceMappingURL=useJsonSchemaOrganizations.d.ts.map

package/dist/components/JsonSchema/JsonSchemaPicker/useJsonSchemaOrganizations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useJsonSchemaOrganizations.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchema/JsonSchemaPicker/useJsonSchemaOrganizations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAG/D;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,EAAE,YAAiB,CAAA;AAE5D;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,uBAAuB,CAAC,EAAE,MAAM;;;;;;;EAsC1E"}

package/dist/components/JsonSchema/JsonSchemaPicker/useJsonSchemaOrganizations.js

@@ -0,0 +1,25 @@
+import { useListOrganizations as e } from "../../../synapse-queries/jsonschema/useListOrganizations.js";
+import "../../../synapse-queries/index.js";
+import { useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
+//#region src/components/JsonSchema/JsonSchemaPicker/useJsonSchemaOrganizations.ts
+var a = {};
+function o(o) {
+	let [s, c] = i(null), { data: l, isLoading: u, isError: d, error: f } = e(), p = n(() => l ?? [], [l]), m = n(() => u ? [a, ...p] : p, [p, u]), h = r(!1);
+	return t(() => {
+		if (!h.current && o) {
+			let e = p.find((e) => e.name === o);
+			e && (c(e), h.current = !0);
+		}
+	}, [p, o]), {
+		selectedOrganization: s,
+		setSelectedOrganization: c,
+		organizationOptions: m,
+		isLoadingAllOrganizations: u,
+		isError: d,
+		error: f
+	};
+}
+//#endregion
+export { a as LOADING_ORGANIZATIONS_OPTION, o as useJsonSchemaOrganizations };
+
+//# sourceMappingURL=useJsonSchemaOrganizations.js.map

package/dist/components/JsonSchema/JsonSchemaPicker/useJsonSchemaOrganizations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useJsonSchemaOrganizations.js","names":[],"sources":["../../../../src/components/JsonSchema/JsonSchemaPicker/useJsonSchemaOrganizations.ts"],"sourcesContent":["import { useListOrganizations } from '@/synapse-queries'\nimport { Organization } from '@sage-bionetworks/synapse-client'\nimport { useEffect, useMemo, useRef, useState } from 'react'\n\n/**\n * Option displayed as a disabled placeholder row while Organizations are still being fetched,\n * so the loading state is reflected within the option list itself. This avoids relying on the\n * Autocomplete's `loading` prop, which blocks the list from use while loading.\n */\nexport const LOADING_ORGANIZATIONS_OPTION: Organization = {}\n\n/**\n * Lists every JSON Schema Organization, and optionally preselects one matching\n * `defaultOrganizationName` once it becomes available.\n */\nexport function useJsonSchemaOrganizations(defaultOrganizationName?: string) {\n  const [selectedOrganization, setSelectedOrganization] =\n    useState<Organization | null>(null)\n\n  const { data, isLoading, isError, error } = useListOrganizations()\n\n  const organizations = useMemo(() => data ?? [], [data])\n\n  const organizationOptions = useMemo(\n    () =>\n      isLoading\n        ? [LOADING_ORGANIZATIONS_OPTION, ...organizations]\n        : organizations,\n    [organizations, isLoading],\n  )\n\n  // If a default organization name is provided, apply the selection once all organizations have been loaded.\n  const hasAppliedDefaultOrganizationRef = useRef(false)\n  useEffect(() => {\n    if (!hasAppliedDefaultOrganizationRef.current && defaultOrganizationName) {\n      const match = organizations.find(\n        org => org.name === defaultOrganizationName,\n      )\n      if (match) {\n        setSelectedOrganization(match)\n        hasAppliedDefaultOrganizationRef.current = true\n      }\n    }\n  }, [organizations, defaultOrganizationName])\n\n  return {\n    selectedOrganization,\n    setSelectedOrganization,\n    organizationOptions,\n    isLoadingAllOrganizations: isLoading,\n    isError,\n    error,\n  }\n}\n"],"mappings":";;;;AASA,IAAa,IAA6C,CAAC;AAM3D,SAAgB,EAA2B,GAAkC;CAC3E,IAAM,CAAC,GAAsB,KAC3B,EAA8B,IAAI,GAE9B,EAAE,SAAM,cAAW,YAAS,aAAU,EAAqB,GAE3D,IAAgB,QAAc,KAAQ,CAAC,GAAG,CAAC,CAAI,CAAC,GAEhD,IAAsB,QAExB,IACI,CAAC,GAA8B,GAAG,CAAa,IAC/C,GACN,CAAC,GAAe,CAAS,CAC3B,GAGM,IAAmC,EAAO,EAAK;CAarD,OAZA,QAAgB;EACd,IAAI,CAAC,EAAiC,WAAW,GAAyB;GACxE,IAAM,IAAQ,EAAc,MAC1B,MAAO,EAAI,SAAS,CACtB;GACA,AAAI,MACF,EAAwB,CAAK,GAC7B,EAAiC,UAAU;EAE/C;CACF,GAAG,CAAC,GAAe,CAAuB,CAAC,GAEpC;EACL;EACA;EACA;EACA,2BAA2B;EAC3B;EACA;CACF;AACF"}