synapse-react-client 4.0.36 → 4.0.37

package/dist/components/CreateTableViewWizard/CreateTableViewWizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateTableViewWizard.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/CreateTableViewWizard.tsx"],"sourcesContent":["import { useCreateEntity } from '@/synapse-queries'\nimport {\n  useCreateColumnModels,\n  useGetDefaultColumnModels,\n} from '@/synapse-queries/table/useColumnModel'\nimport { useValidateDefiningSql } from '@/synapse-queries/table/useDefiningSql'\nimport { convertToConcreteEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { Alert, Box, Button } from '@mui/material'\nimport { EntityType, ViewEntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ColumnModel,\n  Entity,\n  ENTITY_VIEW_TYPE_MASK_FILE,\n  ENTITY_VIEW_TYPE_MASK_PROJECT,\n  ValidateDefiningSqlResponse,\n  ViewScope,\n} from '@sage-bionetworks/synapse-types'\nimport { isUndefined, omitBy } from 'lodash-es'\nimport { useCallback, useMemo, useRef, useState } from 'react'\nimport { SetOptional } from 'type-fest'\nimport { DialogBase } from '../DialogBase'\nimport EntityViewMaskEditor from '../EntityViewScopeEditor/EntityViewMaskEditor'\nimport EntityViewScopeEditor from '../EntityViewScopeEditor/EntityViewScopeEditor'\nimport SqlDefinedTableEditor from '../SqlDefinedTableEditor/SqlDefinedTableEditor'\nimport SubmissionViewScopeEditor from '../SubmissionViewScopeEditor/SubmissionViewScopeEditor'\nimport TableColumnSchemaForm, {\n  SubmitHandle,\n} from '../TableColumnSchemaEditor/TableColumnSchemaForm'\nimport {\n  CreateTableViewWizardStep,\n  getModalTitle,\n  getPreviousStep,\n  getStepAfterTypeSelection,\n  isLastStep,\n  maybeSetColumnIds,\n  maybeSetDefiningSQL,\n  maybeSetScopeIds,\n  maybeSetViewTypeMask,\n} from './CreateTableViewWizardUtils'\nimport TableNameForm from './TableNameForm'\nimport TableTypeSelection from './TableTypeSelection'\nimport ViewTypeSelection from './ViewTypeSelection'\n\nexport type CreateTableViewWizardProps = {\n  open: boolean\n  parentId: string\n  onCancel: () => void\n  onComplete: (newEntityId: string) => void\n}\n\n/**\n * Wizard to create a Synapse table, view, or other table type.\n *\n * See the README.md in this folder for a visualization of the flowchart\n *\n * @param props\n * @constructor\n */\nexport default function CreateTableViewWizard(\n  props: CreateTableViewWizardProps,\n) {\n  const { open, parentId, onComplete, onCancel } = props\n  const [step, setStep] =\n    useState<CreateTableViewWizardStep>('CHOOSE_TABLE_TYPE')\n\n  const [name, setName] = useState('')\n  const [description, setDescription] = useState<string | undefined>(undefined)\n\n  const [entityType, setEntityType] = useState<EntityType | undefined>(\n    undefined,\n  )\n\n  const [entityViewScopeIds, setEntityViewScopeIds] = useState<string[]>([])\n  const [submissionViewScopeIds, setSubmissionViewScopeIds] = useState<\n    string[]\n  >([])\n  const [viewTypeMask, setViewTypeMask] = useState<number>(\n    ENTITY_VIEW_TYPE_MASK_FILE,\n  )\n  const isProjectView = viewTypeMask === ENTITY_VIEW_TYPE_MASK_PROJECT\n\n  const [columnModels, setColumnModels] = useState<\n    SetOptional<ColumnModel, 'id'>[]\n  >([])\n  const columnSchemaFormRef = useRef<SubmitHandle>(null)\n\n  const [sql, setSql] = useState('')\n\n  const viewScope: ViewScope | undefined = useMemo(() => {\n    if (entityType === EntityType.entityview) {\n      return {\n        scope: entityViewScopeIds,\n        viewTypeMask,\n        viewEntityType: entityType as ViewEntityType,\n      }\n    } else if (entityType === EntityType.submissionview) {\n      return {\n        scope: submissionViewScopeIds,\n        viewEntityType: entityType as ViewEntityType,\n      }\n    }\n    return undefined\n  }, [entityType, entityViewScopeIds, submissionViewScopeIds, viewTypeMask])\n\n  const {\n    data: defaultColumnModels,\n    isLoading: isLoadingDefaultColumns,\n    isError: errorFetchingDefaultColumns,\n  } = useGetDefaultColumnModels(\n    viewScope?.viewEntityType!,\n    viewScope?.viewTypeMask,\n    {\n      // Fetch the default columns when the user is determining scope\n      // This way we can pre-fill the columns right before they go to the columns step\n      // We will prevent clicking \"Next\" before this is loaded\n      enabled: step === 'ENTITY_VIEW_SCOPE' || step === 'SUBMISSION_VIEW_SCOPE',\n      staleTime: Infinity, // The default column models will never change\n    },\n  )\n\n  const { mutateAsync: createEntity, error: createEntityError } =\n    useCreateEntity({\n      onSuccess: entity => {\n        onComplete(entity.id!)\n      },\n    })\n\n  const {\n    mutate: validateSql,\n    data: isSqlValid,\n    error: definingSqlValidationError,\n  } = useValidateDefiningSql({\n    onSuccess: (isSqlValid: ValidateDefiningSqlResponse) => {\n      if (isSqlValid && isSqlValid.isValid) {\n        setStep('TABLE_NAME')\n      }\n    },\n  })\n\n  const sqlValidationError: string | null = useMemo(() => {\n    if (definingSqlValidationError) {\n      return definingSqlValidationError.reason\n    } else if (isSqlValid && isSqlValid.invalidReason) {\n      return isSqlValid.invalidReason\n    } else {\n      return null\n    }\n  }, [definingSqlValidationError, isSqlValid])\n\n  const { mutateAsync: createColumnModels, error: createColumnModelsError } =\n    useCreateColumnModels()\n\n  const onTableTypeSelected = useCallback(\n    (entityType: EntityType, viewTypeMask?: number) => {\n      setEntityType(entityType)\n      if (viewTypeMask != null) {\n        setViewTypeMask(viewTypeMask)\n      }\n      setStep(getStepAfterTypeSelection(entityType))\n    },\n    [],\n  )\n\n  const onViewSelected = useCallback(() => {\n    setStep('CHOOSE_VIEW_TYPE')\n  }, [])\n\n  const onFinish = useCallback(async () => {\n    if (!entityType) {\n      console.error('entityType was not defined!')\n      setStep('CHOOSE_TABLE_TYPE')\n      return\n    }\n    // Create the column models\n    let createdColumnModels: ColumnModel[] = []\n    if (\n      columnModels &&\n      // Do not create columns if this is a SQL-defined view\n      entityType !== EntityType.materializedview &&\n      entityType !== EntityType.virtualtable\n    ) {\n      try {\n        createdColumnModels = await createColumnModels(\n          columnModels.map(cm => omitBy(cm, isUndefined)) as SetOptional<\n            ColumnModel,\n            'id'\n          >[],\n        )\n      } catch (e) {\n        // Error will be handled by the hook, exit early if we encountered one\n        return\n      }\n    }\n    // Create the entity\n    const entityToCreate: Entity = {\n      name,\n      description,\n      parentId: parentId,\n      concreteType: convertToConcreteEntityType(entityType),\n    }\n\n    maybeSetColumnIds(entityToCreate, entityType, createdColumnModels)\n    maybeSetScopeIds(\n      entityToCreate,\n      entityType,\n      entityType === EntityType.submissionview\n        ? submissionViewScopeIds\n        : entityViewScopeIds,\n    )\n    maybeSetViewTypeMask(entityToCreate, entityType, viewTypeMask)\n    maybeSetDefiningSQL(entityToCreate, entityType, sql)\n\n    try {\n      await createEntity(entityToCreate)\n    } catch (e) {\n      // Error will be handled by the hook\n      return\n    }\n  }, [\n    columnModels,\n    createColumnModels,\n    createEntity,\n    description,\n    entityType,\n    name,\n    parentId,\n    entityViewScopeIds,\n    submissionViewScopeIds,\n    sql,\n    viewTypeMask,\n  ])\n\n  const onColumnSchemaSubmit = useCallback(\n    (columnModels: SetOptional<ColumnModel, 'id'>[]) => {\n      setColumnModels(columnModels)\n      setStep('TABLE_NAME')\n    },\n    [],\n  )\n\n  const onColumnSchemaNextClicked = useCallback(() => {\n    if (columnSchemaFormRef.current != null) {\n      columnSchemaFormRef.current.submit()\n    }\n  }, [])\n\n  const showBackButton = step !== 'CHOOSE_TABLE_TYPE'\n  const showNextButton =\n    step !== 'CHOOSE_TABLE_TYPE' && step !== 'CHOOSE_VIEW_TYPE'\n\n  const onBackButtonClicked = useCallback(() => {\n    const previousStep = getPreviousStep(step, entityType)\n    // Clear the columns if the user changed their mind on the type of table they want to create\n    // e.g. if you pick file view, add columns, go back, switch to a submission view, the columns should reset.\n    if (['CHOOSE_TABLE_TYPE', 'CHOOSE_VIEW_TYPE'].includes(previousStep)) {\n      setColumnModels([])\n    }\n    setStep(previousStep)\n  }, [step, entityType])\n\n  const onNextButtonClicked = useCallback(() => {\n    if (isLastStep(step)) {\n      void onFinish()\n    } else if (step === 'TABLE_SQL' && entityType) {\n      validateSql({ sql, entityType })\n    } else if (step === 'TABLE_COLUMNS') {\n      onColumnSchemaNextClicked()\n    } else if (\n      step === 'ENTITY_VIEW_SCOPE' ||\n      step === 'SUBMISSION_VIEW_SCOPE'\n    ) {\n      // We make sure that the default column models are loaded before the user gets to this step by disabling the \"Next\" button while we are fetching them (unless there's an error)\n      // So we can assume that defaultColumnModels is safely loaded. If not, user will just start with 0 columns, which is acceptable.\n      if (columnModels.length == 0 && defaultColumnModels) {\n        setColumnModels(\n          defaultColumnModels.map(cm => ({ ...cm, id: undefined })),\n        )\n      }\n      setStep('TABLE_COLUMNS')\n    }\n  }, [\n    step,\n    onFinish,\n    onColumnSchemaNextClicked,\n    columnModels.length,\n    defaultColumnModels,\n    validateSql,\n    entityType,\n    sql,\n  ])\n\n  const isNextButtonDisabled = useMemo(() => {\n    if (step === 'ENTITY_VIEW_SCOPE') {\n      return (\n        entityViewScopeIds.length === 0 ||\n        viewTypeMask === 0 ||\n        (isLoadingDefaultColumns && !errorFetchingDefaultColumns)\n      )\n    }\n    if (step === 'SUBMISSION_VIEW_SCOPE') {\n      return (\n        submissionViewScopeIds.length === 0 ||\n        viewTypeMask === 0 ||\n        (isLoadingDefaultColumns && !errorFetchingDefaultColumns)\n      )\n    }\n    return false\n  }, [\n    entityViewScopeIds.length,\n    submissionViewScopeIds.length,\n    step,\n    viewTypeMask,\n    isLoadingDefaultColumns,\n    errorFetchingDefaultColumns,\n  ])\n\n  const errorContent = useMemo(() => {\n    return (\n      <>\n        {createEntityError && (\n          <Alert sx={{ my: 2 }} severity=\"error\">\n            {createEntityError.message}\n          </Alert>\n        )}\n        {createColumnModelsError && (\n          <Alert sx={{ my: 2 }} severity=\"error\">\n            {createColumnModelsError.message}\n          </Alert>\n        )}\n        {sqlValidationError && (\n          <Alert sx={{ my: 2 }} severity=\"error\">\n            {sqlValidationError}\n          </Alert>\n        )}\n      </>\n    )\n  }, [createColumnModelsError, createEntityError, sqlValidationError])\n\n  const stepContent = useMemo(() => {\n    switch (step) {\n      case 'CHOOSE_TABLE_TYPE':\n        return (\n          <TableTypeSelection\n            onTableSelected={() => {\n              onTableTypeSelected(EntityType.table)\n            }}\n            onViewSelected={onViewSelected}\n          />\n        )\n      case 'CHOOSE_VIEW_TYPE':\n        return <ViewTypeSelection onTypeSelected={onTableTypeSelected} />\n      case 'ENTITY_VIEW_SCOPE':\n        return (\n          <>\n            <EntityViewScopeEditor\n              scopeIds={entityViewScopeIds}\n              onChange={setEntityViewScopeIds}\n              isProjectView={isProjectView}\n            />\n            {!isProjectView && (\n              <EntityViewMaskEditor\n                value={viewTypeMask}\n                onChange={setViewTypeMask}\n              />\n            )}\n          </>\n        )\n      case 'SUBMISSION_VIEW_SCOPE':\n        return (\n          <SubmissionViewScopeEditor\n            evaluationIds={submissionViewScopeIds}\n            onChange={setSubmissionViewScopeIds}\n          />\n        )\n      case 'TABLE_SQL':\n        return (\n          <>\n            <Box\n              sx={{\n                mt: 1.25,\n              }}\n            >\n              <SqlDefinedTableEditor\n                value={sql}\n                onChange={e => setSql(e.target.value)}\n                entityType={entityType}\n              />\n            </Box>\n            {errorContent}\n          </>\n        )\n      case 'TABLE_COLUMNS':\n        return (\n          <TableColumnSchemaForm\n            initialData={columnModels}\n            entityType={entityType!}\n            ref={columnSchemaFormRef}\n            onSubmit={onColumnSchemaSubmit}\n            viewScope={viewScope}\n          />\n        )\n      case 'TABLE_NAME':\n        return (\n          <>\n            <TableNameForm\n              name={name}\n              setName={setName}\n              description={description}\n              setDescription={setDescription}\n            />\n            {errorContent}\n          </>\n        )\n    }\n  }, [\n    step,\n    onViewSelected,\n    onTableTypeSelected,\n    entityViewScopeIds,\n    isProjectView,\n    viewTypeMask,\n    submissionViewScopeIds,\n    name,\n    description,\n    sql,\n    entityType,\n    errorContent,\n    columnModels,\n    onColumnSchemaSubmit,\n    viewScope,\n  ])\n\n  return (\n    <DialogBase\n      open={open}\n      onCancel={onCancel}\n      maxWidth={'md'}\n      title={getModalTitle(step, entityType)}\n      content={stepContent}\n      actions={\n        <Box\n          sx={{\n            display: 'flex',\n            width: '100%',\n            gap: 2.25,\n            mt: 2,\n          }}\n        >\n          {showBackButton && (\n            <Button variant={'outlined'} onClick={onBackButtonClicked}>\n              Back\n            </Button>\n          )}\n          <Box\n            sx={{\n              m: 'auto',\n            }}\n          />\n          <Button variant={'outlined'} onClick={onCancel}>\n            Cancel\n          </Button>\n          {showNextButton && (\n            <Button\n              variant={'contained'}\n              onClick={onNextButtonClicked}\n              disabled={isNextButtonDisabled}\n            >\n              {isLastStep(step) ? 'Finish' : 'Next'}\n            </Button>\n          )}\n        </Box>\n      }\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateTableViewWizard.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/CreateTableViewWizard.tsx"],"sourcesContent":["import { useCreateEntity } from '@/synapse-queries'\nimport {\n  useCreateColumnModels,\n  useGetDefaultColumnModels,\n} from '@/synapse-queries/table/useColumnModel'\nimport { useValidateDefiningSql } from '@/synapse-queries/table/useDefiningSql'\nimport { convertToConcreteEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { Alert, Box, Button } from '@mui/material'\nimport { EntityType, ViewEntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ColumnModel,\n  Entity,\n  ENTITY_VIEW_TYPE_MASK_FILE,\n  ENTITY_VIEW_TYPE_MASK_PROJECT,\n  ValidateDefiningSqlResponse,\n  ViewScope,\n} from '@sage-bionetworks/synapse-types'\nimport { isUndefined, omitBy } from 'lodash-es'\nimport { useCallback, useMemo, useRef, useState } from 'react'\nimport { SetOptional } from 'type-fest'\nimport { DialogBase } from '../DialogBase'\nimport EntityViewMaskEditor from '../EntityViewScopeEditor/EntityViewMaskEditor'\nimport EntityViewScopeEditor from '../EntityViewScopeEditor/EntityViewScopeEditor'\nimport SqlDefinedTableEditor from '../SqlDefinedTableEditor/SqlDefinedTableEditor'\nimport SubmissionViewScopeEditor from '../SubmissionViewScopeEditor/SubmissionViewScopeEditor'\nimport TableColumnSchemaForm, {\n  SubmitHandle,\n} from '../TableColumnSchemaEditor/TableColumnSchemaForm'\nimport {\n  CreateTableViewWizardStep,\n  getModalTitle,\n  getPreviousStep,\n  getStepAfterTypeSelection,\n  isLastStep,\n  maybeSetColumnIds,\n  maybeSetDefiningSQL,\n  maybeSetScopeIds,\n  maybeSetViewTypeMask,\n} from './CreateTableViewWizardUtils'\nimport TableNameForm from './TableNameForm'\nimport TableTypeSelection from './TableTypeSelection'\nimport ViewTypeSelection from './ViewTypeSelection'\n\nexport type CreateTableViewWizardProps = {\n  open: boolean\n  parentId: string\n  onCancel: () => void\n  onComplete: (newEntityId: string) => void\n}\n\n/**\n * Wizard to create a Synapse table, view, or other table type.\n *\n * See the README.md in this folder for a visualization of the flowchart\n *\n * @param props\n * @constructor\n */\nexport default function CreateTableViewWizard(\n  props: CreateTableViewWizardProps,\n) {\n  const { open, parentId, onComplete, onCancel } = props\n  const [step, setStep] =\n    useState<CreateTableViewWizardStep>('CHOOSE_TABLE_TYPE')\n\n  const [name, setName] = useState('')\n  const [description, setDescription] = useState<string | undefined>(undefined)\n\n  const [entityType, setEntityType] = useState<EntityType | undefined>(\n    undefined,\n  )\n\n  const [entityViewScopeIds, setEntityViewScopeIds] = useState<string[]>([])\n  const [submissionViewScopeIds, setSubmissionViewScopeIds] = useState<\n    string[]\n  >([])\n  const [viewTypeMask, setViewTypeMask] = useState<number>(\n    ENTITY_VIEW_TYPE_MASK_FILE,\n  )\n  const isProjectView = viewTypeMask === ENTITY_VIEW_TYPE_MASK_PROJECT\n\n  const [columnModels, setColumnModels] = useState<\n    SetOptional<ColumnModel, 'id'>[]\n  >([])\n  const columnSchemaFormRef = useRef<SubmitHandle>(null)\n\n  const [sql, setSql] = useState('')\n\n  const viewScope: ViewScope | undefined = useMemo(() => {\n    if (entityType === EntityType.entityview) {\n      return {\n        scope: entityViewScopeIds,\n        viewTypeMask,\n        viewEntityType: entityType as ViewEntityType,\n      }\n    } else if (entityType === EntityType.submissionview) {\n      return {\n        scope: submissionViewScopeIds,\n        viewEntityType: entityType as ViewEntityType,\n      }\n    }\n    return undefined\n  }, [entityType, entityViewScopeIds, submissionViewScopeIds, viewTypeMask])\n\n  const {\n    data: defaultColumnModels,\n    isLoading: isLoadingDefaultColumns,\n    isError: errorFetchingDefaultColumns,\n  } = useGetDefaultColumnModels(\n    viewScope?.viewEntityType!,\n    viewScope?.viewTypeMask,\n    {\n      // Fetch the default columns when the user is determining scope\n      // This way we can pre-fill the columns right before they go to the columns step\n      // We will prevent clicking \"Next\" before this is loaded\n      enabled: step === 'ENTITY_VIEW_SCOPE' || step === 'SUBMISSION_VIEW_SCOPE',\n      staleTime: Infinity, // The default column models will never change\n    },\n  )\n\n  const { mutateAsync: createEntity, error: createEntityError } =\n    useCreateEntity({\n      onSuccess: entity => {\n        onComplete(entity.id!)\n      },\n    })\n\n  const {\n    mutate: validateSql,\n    data: isSqlValid,\n    error: definingSqlValidationError,\n  } = useValidateDefiningSql({\n    onSuccess: (isSqlValid: ValidateDefiningSqlResponse) => {\n      if (isSqlValid?.isValid) {\n        setStep('TABLE_NAME')\n      }\n    },\n  })\n\n  const sqlValidationError: string | null = useMemo(() => {\n    if (definingSqlValidationError) {\n      return definingSqlValidationError.reason\n    } else if (isSqlValid?.invalidReason) {\n      return isSqlValid.invalidReason\n    } else {\n      return null\n    }\n  }, [definingSqlValidationError, isSqlValid])\n\n  const { mutateAsync: createColumnModels, error: createColumnModelsError } =\n    useCreateColumnModels()\n\n  const onTableTypeSelected = useCallback(\n    (entityType: EntityType, viewTypeMask?: number) => {\n      setEntityType(entityType)\n      if (viewTypeMask != null) {\n        setViewTypeMask(viewTypeMask)\n      }\n      setStep(getStepAfterTypeSelection(entityType))\n    },\n    [],\n  )\n\n  const onViewSelected = useCallback(() => {\n    setStep('CHOOSE_VIEW_TYPE')\n  }, [])\n\n  const onFinish = useCallback(async () => {\n    if (!entityType) {\n      console.error('entityType was not defined!')\n      setStep('CHOOSE_TABLE_TYPE')\n      return\n    }\n    // Create the column models\n    let createdColumnModels: ColumnModel[] = []\n    if (\n      columnModels &&\n      // Do not create columns if this is a SQL-defined view\n      entityType !== EntityType.materializedview &&\n      entityType !== EntityType.virtualtable\n    ) {\n      try {\n        createdColumnModels = await createColumnModels(\n          columnModels.map(cm => omitBy(cm, isUndefined)) as SetOptional<\n            ColumnModel,\n            'id'\n          >[],\n        )\n      } catch (e) {\n        // Error will be handled by the hook, exit early if we encountered one\n        return\n      }\n    }\n    // Create the entity\n    const entityToCreate: Entity = {\n      name,\n      description,\n      parentId: parentId,\n      concreteType: convertToConcreteEntityType(entityType),\n    }\n\n    maybeSetColumnIds(entityToCreate, entityType, createdColumnModels)\n    maybeSetScopeIds(\n      entityToCreate,\n      entityType,\n      entityType === EntityType.submissionview\n        ? submissionViewScopeIds\n        : entityViewScopeIds,\n    )\n    maybeSetViewTypeMask(entityToCreate, entityType, viewTypeMask)\n    maybeSetDefiningSQL(entityToCreate, entityType, sql)\n\n    try {\n      await createEntity(entityToCreate)\n    } catch (e) {\n      // Error will be handled by the hook\n      return\n    }\n  }, [\n    columnModels,\n    createColumnModels,\n    createEntity,\n    description,\n    entityType,\n    name,\n    parentId,\n    entityViewScopeIds,\n    submissionViewScopeIds,\n    sql,\n    viewTypeMask,\n  ])\n\n  const onColumnSchemaSubmit = useCallback(\n    (columnModels: SetOptional<ColumnModel, 'id'>[]) => {\n      setColumnModels(columnModels)\n      setStep('TABLE_NAME')\n    },\n    [],\n  )\n\n  const onColumnSchemaNextClicked = useCallback(() => {\n    if (columnSchemaFormRef.current != null) {\n      columnSchemaFormRef.current.submit()\n    }\n  }, [])\n\n  const showBackButton = step !== 'CHOOSE_TABLE_TYPE'\n  const showNextButton =\n    step !== 'CHOOSE_TABLE_TYPE' && step !== 'CHOOSE_VIEW_TYPE'\n\n  const onBackButtonClicked = useCallback(() => {\n    const previousStep = getPreviousStep(step, entityType)\n    // Clear the columns if the user changed their mind on the type of table they want to create\n    // e.g. if you pick file view, add columns, go back, switch to a submission view, the columns should reset.\n    if (['CHOOSE_TABLE_TYPE', 'CHOOSE_VIEW_TYPE'].includes(previousStep)) {\n      setColumnModels([])\n    }\n    setStep(previousStep)\n  }, [step, entityType])\n\n  const onNextButtonClicked = useCallback(() => {\n    if (isLastStep(step)) {\n      void onFinish()\n    } else if (step === 'TABLE_SQL' && entityType) {\n      validateSql({ sql, entityType })\n    } else if (step === 'TABLE_COLUMNS') {\n      onColumnSchemaNextClicked()\n    } else if (\n      step === 'ENTITY_VIEW_SCOPE' ||\n      step === 'SUBMISSION_VIEW_SCOPE'\n    ) {\n      // We make sure that the default column models are loaded before the user gets to this step by disabling the \"Next\" button while we are fetching them (unless there's an error)\n      // So we can assume that defaultColumnModels is safely loaded. If not, user will just start with 0 columns, which is acceptable.\n      if (columnModels.length == 0 && defaultColumnModels) {\n        setColumnModels(\n          defaultColumnModels.map(cm => ({ ...cm, id: undefined })),\n        )\n      }\n      setStep('TABLE_COLUMNS')\n    }\n  }, [\n    step,\n    onFinish,\n    onColumnSchemaNextClicked,\n    columnModels.length,\n    defaultColumnModels,\n    validateSql,\n    entityType,\n    sql,\n  ])\n\n  const isNextButtonDisabled = useMemo(() => {\n    if (step === 'ENTITY_VIEW_SCOPE') {\n      return (\n        entityViewScopeIds.length === 0 ||\n        viewTypeMask === 0 ||\n        (isLoadingDefaultColumns && !errorFetchingDefaultColumns)\n      )\n    }\n    if (step === 'SUBMISSION_VIEW_SCOPE') {\n      return (\n        submissionViewScopeIds.length === 0 ||\n        viewTypeMask === 0 ||\n        (isLoadingDefaultColumns && !errorFetchingDefaultColumns)\n      )\n    }\n    return false\n  }, [\n    entityViewScopeIds.length,\n    submissionViewScopeIds.length,\n    step,\n    viewTypeMask,\n    isLoadingDefaultColumns,\n    errorFetchingDefaultColumns,\n  ])\n\n  const errorContent = useMemo(() => {\n    return (\n      <>\n        {createEntityError && (\n          <Alert sx={{ my: 2 }} severity=\"error\">\n            {createEntityError.message}\n          </Alert>\n        )}\n        {createColumnModelsError && (\n          <Alert sx={{ my: 2 }} severity=\"error\">\n            {createColumnModelsError.message}\n          </Alert>\n        )}\n        {sqlValidationError && (\n          <Alert sx={{ my: 2 }} severity=\"error\">\n            {sqlValidationError}\n          </Alert>\n        )}\n      </>\n    )\n  }, [createColumnModelsError, createEntityError, sqlValidationError])\n\n  const stepContent = useMemo(() => {\n    switch (step) {\n      case 'CHOOSE_TABLE_TYPE':\n        return (\n          <TableTypeSelection\n            onTableSelected={() => {\n              onTableTypeSelected(EntityType.table)\n            }}\n            onViewSelected={onViewSelected}\n          />\n        )\n      case 'CHOOSE_VIEW_TYPE':\n        return <ViewTypeSelection onTypeSelected={onTableTypeSelected} />\n      case 'ENTITY_VIEW_SCOPE':\n        return (\n          <>\n            <EntityViewScopeEditor\n              scopeIds={entityViewScopeIds}\n              onChange={setEntityViewScopeIds}\n              isProjectView={isProjectView}\n            />\n            {!isProjectView && (\n              <EntityViewMaskEditor\n                value={viewTypeMask}\n                onChange={setViewTypeMask}\n              />\n            )}\n          </>\n        )\n      case 'SUBMISSION_VIEW_SCOPE':\n        return (\n          <SubmissionViewScopeEditor\n            evaluationIds={submissionViewScopeIds}\n            onChange={setSubmissionViewScopeIds}\n          />\n        )\n      case 'TABLE_SQL':\n        return (\n          <>\n            <Box\n              sx={{\n                mt: 1.25,\n              }}\n            >\n              <SqlDefinedTableEditor\n                value={sql}\n                onChange={e => setSql(e.target.value)}\n                entityType={entityType}\n              />\n            </Box>\n            {errorContent}\n          </>\n        )\n      case 'TABLE_COLUMNS':\n        return (\n          <TableColumnSchemaForm\n            initialData={columnModels}\n            entityType={entityType!}\n            ref={columnSchemaFormRef}\n            onSubmit={onColumnSchemaSubmit}\n            viewScope={viewScope}\n          />\n        )\n      case 'TABLE_NAME':\n        return (\n          <>\n            <TableNameForm\n              name={name}\n              setName={setName}\n              description={description}\n              setDescription={setDescription}\n            />\n            {errorContent}\n          </>\n        )\n    }\n  }, [\n    step,\n    onViewSelected,\n    onTableTypeSelected,\n    entityViewScopeIds,\n    isProjectView,\n    viewTypeMask,\n    submissionViewScopeIds,\n    name,\n    description,\n    sql,\n    entityType,\n    errorContent,\n    columnModels,\n    onColumnSchemaSubmit,\n    viewScope,\n  ])\n\n  return (\n    <DialogBase\n      open={open}\n      onCancel={onCancel}\n      maxWidth={'md'}\n      title={getModalTitle(step, entityType)}\n      content={stepContent}\n      actions={\n        <Box\n          sx={{\n            display: 'flex',\n            width: '100%',\n            gap: 2.25,\n            mt: 2,\n          }}\n        >\n          {showBackButton && (\n            <Button variant={'outlined'} onClick={onBackButtonClicked}>\n              Back\n            </Button>\n          )}\n          <Box\n            sx={{\n              m: 'auto',\n            }}\n          />\n          <Button variant={'outlined'} onClick={onCancel}>\n            Cancel\n          </Button>\n          {showNextButton && (\n            <Button\n              variant={'contained'}\n              onClick={onNextButtonClicked}\n              disabled={isNextButtonDisabled}\n            >\n              {isLastStep(step) ? 'Finish' : 'Next'}\n            </Button>\n          )}\n        </Box>\n      }\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/components/DataGrid/SynapseGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/SynapseGrid.tsx"],"names":[],"mappings":"AAsBA,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EACL,GAAG,EAOJ,MAAM,OAAO,CAAA;AAkBd,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AA6gBD,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAM3C;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"SynapseGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/SynapseGrid.tsx"],"names":[],"mappings":"AAsBA,OAAO,EACL,iBAAiB,EAGlB,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EACL,GAAG,EAOJ,MAAM,OAAO,CAAA;AAkBd,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAghBD,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAM3C;AAED,eAAe,WAAW,CAAA"}

package/dist/components/DataGrid/SynapseGrid.js

@@ -32,20 +32,21 @@ import we from "../../assets/mui_components/CurieAvatarHead.js";
 import { useEffect as i, useImperativeHandle as Te, useRef as Ee, useState as De } from "react";
 import { Box as Oe, Stack as ke, Tooltip as Ae, Typography as je } from "@mui/material";
 import { Fragment as Me, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useErrorHandler as Ne } from "react-error-boundary";
-import { HelpOutline as Pe } from "@mui/icons-material";
+import { instanceOfRecordSet as Ne } from "@sage-bionetworks/synapse-client";
+import { useErrorHandler as Pe } from "react-error-boundary";
+import { HelpOutline as Fe } from "@mui/icons-material";
 import s from "@mui/material/Grid";
-import { c as Fe } from "react/compiler-runtime";
-import { ClickableJsonCrdt as Ie } from "clickable-json";
+import { c as Ie } from "react/compiler-runtime";
+import { ClickableJsonCrdt as Le } from "clickable-json";
 //#region src/components/DataGrid/SynapseGrid.tsx
 function c(e) {
-	let c = Fe(111), { agentRegistrationId: l, showDebugInfo: Re, ref: ze } = e, u = Re === void 0 ? !1 : Re, [d, Be] = De(null), [f, Ve] = De(null), [He, Ue] = De(!1), [We, Ge] = De(null), p = Ee(null), m = Ee(null), { data: Ke, isLoading: qe } = r(), { data: Je, refetch: Ye } = re(d?.sessionId), Xe;
-	c[0] === Je ? Xe = c[1] : (Xe = Je === void 0 ? [] : Je, c[0] = Je, c[1] = Xe);
-	let h = Xe, Ze;
-	c[2] === Ye ? Ze = c[3] : (Ze = () => {
-		Ye();
-	}, c[2] = Ye, c[3] = Ze);
-	let g = Ze, Qe = ge(h, f, Ke?.userId == null ? void 0 : String(Ke.userId)), _, v;
+	let c = Ie(114), { agentRegistrationId: l, showDebugInfo: ze, ref: Be } = e, u = ze === void 0 ? !1 : ze, [d, Ve] = De(null), [f, He] = De(null), [Ue, We] = De(!1), [Ge, Ke] = De(null), p = Ee(null), m = Ee(null), { data: qe, isLoading: Je } = r(), { data: Ye, refetch: Xe } = re(d?.sessionId), Ze;
+	c[0] === Ye ? Ze = c[1] : (Ze = Ye === void 0 ? [] : Ye, c[0] = Ye, c[1] = Ze);
+	let h = Ze, Qe;
+	c[2] === Xe ? Qe = c[3] : (Qe = () => {
+		Xe();
+	}, c[2] = Xe, c[3] = Qe);
+	let g = Qe, $e = ge(h, f, qe?.userId == null ? void 0 : String(qe.userId)), _, v;
 	c[4] === Symbol.for("react.memo_cache_sentinel") ? (_ = () => ({
 		initializeGrid: (e) => {
 			p.current && p.current.handleStartSession(e);
@@ -53,85 +54,87 @@ function c(e) {
 		loadExistingSession: (e) => {
 			p.current && p.current.handleLoadSession(e);
 		}
-	}), v = [], c[4] = _, c[5] = v) : (_ = c[4], v = c[5]), Te(ze, _, v);
+	}), v = [], c[4] = _, c[5] = v) : (_ = c[4], v = c[5]), Te(Be, _, v);
 	let y;
 	c[6] === g ? y = c[7] : (y = {
 		onGridReady: g,
 		onReplicaConnected: g,
 		onReplicaDisconnected: g
 	}, c[6] = g, c[7] = y);
-	let { isConnected: b, websocketInstance: x, hasCompletedInitialSync: S, isSyncing: $e, model: C, modelSnapshot: w, connect: T, presignedUrl: E, hasSufficientData: et, websocketError: tt } = be(y);
-	Ne(tt);
-	let nt = Ee(null), D, O;
-	c[8] === x ? (D = c[9], O = c[10]) : (D = () => {
-		nt.current = x;
-	}, O = [x], c[8] = x, c[9] = D, c[10] = O), i(D, O);
-	let rt = Ee(null), k;
-	c[11] !== T || c[12] !== f || c[13] !== d ? (k = () => {
+	let { isConnected: b, websocketInstance: x, hasCompletedInitialSync: S, isSyncing: et, model: C, modelSnapshot: w, connect: T, presignedUrl: E, hasSufficientData: tt, websocketError: nt } = be(y);
+	Pe(nt);
+	let rt = Ee(null), it, D;
+	c[8] === x ? (it = c[9], D = c[10]) : (it = () => {
+		rt.current = x;
+	}, D = [x], c[8] = x, c[9] = it, c[10] = D), i(it, D);
+	let at = Ee(null), O;
+	c[11] !== T || c[12] !== f || c[13] !== d ? (O = () => {
 		if (f == null || !d?.sessionId) {
-			rt.current = null;
+			at.current = null;
 			return;
 		}
 		let e = {
 			replicaId: f,
 			sessionId: d.sessionId
-		}, t = rt.current;
-		t && t.replicaId === e.replicaId && t.sessionId === e.sessionId || (rt.current = e, T(f, d.sessionId));
-	}, c[11] = T, c[12] = f, c[13] = d, c[14] = k) : k = c[14];
-	let it = d?.sessionId, A;
-	c[15] !== T || c[16] !== f || c[17] !== it ? (A = [
+		}, t = at.current;
+		t && t.replicaId === e.replicaId && t.sessionId === e.sessionId || (at.current = e, T(f, d.sessionId));
+	}, c[11] = T, c[12] = f, c[13] = d, c[14] = O) : O = c[14];
+	let ot = d?.sessionId, k;
+	c[15] !== T || c[16] !== f || c[17] !== ot ? (k = [
 		f,
-		it,
+		ot,
 		T
-	], c[15] = T, c[16] = f, c[17] = it, c[18] = A) : A = c[18], i(k, A);
-	let j, M;
-	c[19] === C ? (j = c[20], M = c[21]) : (j = () => {
-		C === null && (Ge(null), m.current && m.current.setActiveCell(null));
-	}, M = [C], c[19] = C, c[20] = j, c[21] = M), i(j, M);
-	let N = ce(d), at = !!d?.sourceEntityId, P;
-	c[22] === at ? P = c[23] : (P = { enabled: at }, c[22] = at, c[23] = P);
-	let { data: F } = n(d?.sourceEntityId, void 0, P), I = F?.concreteType === "org.sagebionetworks.repo.model.table.EntityView", L;
-	c[24] !== F || c[25] !== I ? (L = I ? [] : F?.upsertKey, c[24] = F, c[25] = I, c[26] = L) : L = c[26];
-	let R = L, ot = N ?? null, z;
-	c[27] === ot ? z = c[28] : (z = ne(ot), c[27] = ot, c[28] = z);
-	let B = z, st = b ? "Connected" : "Disconnected", ct = ve(w, C, h, f), V;
-	c[29] !== C || c[30] !== w ? (V = w ? fe(C, w) : [], c[29] = C, c[30] = w, c[31] = V) : V = c[31];
-	let H = V, lt;
-	c[32] !== C || c[33] !== w || c[34] !== Qe || c[35] !== H ? (lt = Se(H, C, w, Qe), c[32] = C, c[33] = w, c[34] = Qe, c[35] = H, c[36] = lt) : lt = c[36];
-	let ut = lt, U;
-	c[37] === b ? U = c[38] : (U = () => {
-		!b || !nt.current || nt.current.sendPatch();
-	}, c[37] = b, c[38] = U);
+	], c[15] = T, c[16] = f, c[17] = ot, c[18] = k) : k = c[18], i(O, k);
+	let A, j;
+	c[19] === C ? (A = c[20], j = c[21]) : (A = () => {
+		C === null && (Ke(null), m.current && m.current.setActiveCell(null));
+	}, j = [C], c[19] = C, c[20] = A, c[21] = j), i(A, j);
+	let M = ce(d), st = !!d?.sourceEntityId, N;
+	c[22] === st ? N = c[23] : (N = { enabled: st }, c[22] = st, c[23] = N);
+	let { data: P } = n(d?.sourceEntityId, void 0, N), F = P?.concreteType === "org.sagebionetworks.repo.model.table.EntityView", I;
+	c[24] === P ? I = c[25] : (I = !!P && Ne(P), c[24] = P, c[25] = I);
+	let ct = I, L;
+	c[26] !== P || c[27] !== F ? (L = F ? [] : P?.upsertKey, c[26] = P, c[27] = F, c[28] = L) : L = c[28];
+	let R = L, lt = M ?? null, z;
+	c[29] === lt ? z = c[30] : (z = ne(lt), c[29] = lt, c[30] = z);
+	let B = z, ut = b ? "Connected" : "Disconnected", dt = ve(w, C, h, f), V;
+	c[31] !== C || c[32] !== w ? (V = w ? fe(C, w) : [], c[31] = C, c[32] = w, c[33] = V) : V = c[33];
+	let H = V, ft;
+	c[34] !== C || c[35] !== w || c[36] !== $e || c[37] !== H ? (ft = Se(H, C, w, $e), c[34] = C, c[35] = w, c[36] = $e, c[37] = H, c[38] = ft) : ft = c[38];
+	let pt = ft, U;
+	c[39] === b ? U = c[40] : (U = () => {
+		!b || !rt.current || rt.current.sendPatch();
+	}, c[39] = b, c[40] = U);
 	let W = U, G, K;
-	c[39] !== W || c[40] !== b ? (G = () => {
+	c[41] !== W || c[42] !== b ? (G = () => {
 		b && W();
-	}, K = [b, W], c[39] = W, c[40] = b, c[41] = G, c[42] = K) : (G = c[41], K = c[42]), i(G, K);
+	}, K = [b, W], c[41] = W, c[42] = b, c[43] = G, c[44] = K) : (G = c[43], K = c[44]), i(G, K);
 	let q;
-	c[43] !== W || c[44] !== B ? (q = (e, t) => {
+	c[45] !== W || c[46] !== B ? (q = (e, t) => {
 		t.forEach((t) => {
 			xe(e, t, B);
 		}), W();
-	}, c[43] = W, c[44] = B, c[45] = q) : q = c[45];
-	let J = q, dt;
-	c[46] !== J || c[47] !== C ? (dt = (e) => {
+	}, c[45] = W, c[46] = B, c[47] = q) : q = c[47];
+	let J = q, mt;
+	c[48] !== J || c[49] !== C ? (mt = (e) => {
 		if (!C) {
 			console.error("Model is not initialized");
 			return;
 		}
 		e.type === "DELETE" && m.current && m.current.setActiveCell(null), J(C, [e]);
-	}, c[46] = J, c[47] = C, c[48] = dt) : dt = c[48];
-	let { undoUI: ft, redoUI: pt, addOperationsToUndoStack: mt, clearRedoStack: ht } = _e(dt), gt;
-	c[49] !== mt || c[50] !== J || c[51] !== ht || c[52] !== C || c[53] !== H ? (gt = (e, t) => {
+	}, c[48] = J, c[49] = C, c[50] = mt) : mt = c[50];
+	let { undoUI: ht, redoUI: gt, addOperationsToUndoStack: _t, clearRedoStack: vt } = _e(mt), yt;
+	c[51] !== _t || c[52] !== J || c[53] !== vt || c[54] !== C || c[55] !== H ? (yt = (e, t) => {
 		if (!C) {
 			console.error("Model is not initialized");
 			return;
 		}
-		t = de(e, H, t), t.length > 0 && (ht(), mt(t, H, e), J(C, Ce(t, e)));
-	}, c[49] = mt, c[50] = J, c[51] = ht, c[52] = C, c[53] = H, c[54] = gt) : gt = c[54];
-	let _t = gt, vt;
-	c[55] !== J || c[56] !== C || c[57] !== f ? (vt = (e) => {
+		t = de(e, H, t), t.length > 0 && (vt(), _t(t, H, e), J(C, Ce(t, e)));
+	}, c[51] = _t, c[52] = J, c[53] = vt, c[54] = C, c[55] = H, c[56] = yt) : yt = c[56];
+	let bt = yt, xt;
+	c[57] !== J || c[58] !== C || c[59] !== f ? (xt = (e) => {
 		let { selection: t } = e;
-		if (t != null && (Ge(t), C != null && f != null)) {
+		if (t != null && (Ke(t), C != null && f != null)) {
 			let e = ue(t, C);
 			J(C, [{
 				type: "SET_SELECTION",
@@ -139,48 +142,48 @@ function c(e) {
 				selection: e
 			}]);
 		}
-	}, c[55] = J, c[56] = C, c[57] = f, c[58] = vt) : vt = c[58];
-	let yt = vt, bt;
-	c[59] === Symbol.for("react.memo_cache_sentinel") ? (bt = (e, t) => {
+	}, c[57] = J, c[58] = C, c[59] = f, c[60] = xt) : xt = c[60];
+	let St = xt, Y;
+	c[61] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e, t) => {
 		m.current?.setActiveCell({
 			col: t,
 			row: e
 		});
-	}, c[59] = bt) : bt = c[59];
-	let xt = bt, St;
-	c[60] !== J || c[61] !== C ? (St = (e) => {
+	}, c[61] = Y) : Y = c[61];
+	let Ct = Y, wt;
+	c[62] !== J || c[63] !== C ? (wt = (e) => {
 		C && J(C, [{
 			type: "REORDER_COLUMNS",
 			newColumnOrder: e
 		}]);
-	}, c[60] = J, c[61] = C, c[62] = St) : St = c[62];
-	let Ct = St;
-	if (!qe && !Ke?.isCertified) {
+	}, c[62] = J, c[63] = C, c[64] = wt) : wt = c[64];
+	let Tt = wt;
+	if (!Je && !qe?.isCertified) {
 		let e;
-		return c[63] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ a(te, {}), c[63] = e) : e = c[63], e;
+		return c[65] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ a(te, {}), c[65] = e) : e = c[65], e;
 	}
-	let wt;
-	c[64] === Symbol.for("react.memo_cache_sentinel") ? (wt = {
+	let Et;
+	c[66] === Symbol.for("react.memo_cache_sentinel") ? (Et = {
 		xs: 12,
 		xl: 8
-	}, c[64] = wt) : wt = c[64];
-	let Y;
-	c[65] === u ? Y = c[66] : (Y = /* @__PURE__ */ a(s, {
-		size: wt,
+	}, c[66] = Et) : Et = c[66];
+	let X;
+	c[67] === u ? X = c[68] : (X = /* @__PURE__ */ a(s, {
+		size: Et,
 		children: /* @__PURE__ */ a(ye, {
 			ref: p,
-			onSessionChange: Be,
-			onReplicaChange: Ve,
+			onSessionChange: Ve,
+			onReplicaChange: He,
 			show: u
 		})
-	}), c[65] = u, c[66] = Y);
-	let X;
-	c[67] === Symbol.for("react.memo_cache_sentinel") ? (X = {
+	}), c[67] = u, c[68] = X);
+	let Dt;
+	c[69] === Symbol.for("react.memo_cache_sentinel") ? (Dt = {
 		xs: 12,
 		xl: 4
-	}, c[67] = X) : X = c[67];
+	}, c[69] = Dt) : Dt = c[69];
 	let Z;
-	c[68] !== st || c[69] !== b || c[70] !== E || c[71] !== f || c[72] !== h || c[73] !== d?.gridJsonSchema$Id || c[74] !== d?.sessionId || c[75] !== d?.sourceEntityId || c[76] !== u ? (Z = u && /* @__PURE__ */ o("div", { children: [
+	c[70] !== ut || c[71] !== b || c[72] !== E || c[73] !== f || c[74] !== h || c[75] !== d?.gridJsonSchema$Id || c[76] !== d?.sessionId || c[77] !== d?.sourceEntityId || c[78] !== u ? (Z = u && /* @__PURE__ */ o("div", { children: [
 		/* @__PURE__ */ o("p", { children: ["Session ID: ", d?.sessionId || "No session created"] }),
 		/* @__PURE__ */ o("p", { children: ["Replica ID: ", f || "No replica created"] }),
 		/* @__PURE__ */ o("p", { children: [
@@ -203,11 +206,11 @@ function c(e) {
 			" ",
 			/* @__PURE__ */ a("span", {
 				style: { color: b ? "green" : "red" },
-				children: st
+				children: ut
 			})
 		] }),
 		/* @__PURE__ */ a("p", { children: (() => {
-			let e = h.filter(Le);
+			let e = h.filter(Re);
 			return /* @__PURE__ */ o(Me, { children: [
 				"Connected Replicas (",
 				e.length,
@@ -234,15 +237,15 @@ function c(e) {
 				}, t.replicaId))
 			] });
 		})() })
-	] }), c[68] = st, c[69] = b, c[70] = E, c[71] = f, c[72] = h, c[73] = d?.gridJsonSchema$Id, c[74] = d?.sessionId, c[75] = d?.sourceEntityId, c[76] = u, c[77] = Z) : Z = c[77];
+	] }), c[70] = ut, c[71] = b, c[72] = E, c[73] = f, c[74] = h, c[75] = d?.gridJsonSchema$Id, c[76] = d?.sessionId, c[77] = d?.sourceEntityId, c[78] = u, c[79] = Z) : Z = c[79];
 	let Q;
-	c[78] === Z ? Q = c[79] : (Q = /* @__PURE__ */ a(s, {
-		size: X,
+	c[80] === Z ? Q = c[81] : (Q = /* @__PURE__ */ a(s, {
+		size: Dt,
 		children: Z
-	}), c[78] = Z, c[79] = Q);
+	}), c[80] = Z, c[81] = Q);
 	let $;
-	c[80] !== l || c[81] !== He || c[82] !== ut || c[83] !== I || c[84] !== _t || c[85] !== Ct || c[86] !== yt || c[87] !== S || c[88] !== et || c[89] !== b || c[90] !== $e || c[91] !== N || c[92] !== We || c[93] !== C || c[94] !== w?.columnNames || c[95] !== w?.columnOrder || c[96] !== E || c[97] !== pt || c[98] !== ct || c[99] !== f || c[100] !== H || c[101] !== B || c[102] !== d || c[103] !== u || c[104] !== ft || c[105] !== R ? ($ = d && /* @__PURE__ */ o(Me, { children: [
-		!et && /* @__PURE__ */ o(s, {
+	c[82] !== l || c[83] !== Ue || c[84] !== pt || c[85] !== F || c[86] !== bt || c[87] !== Tt || c[88] !== St || c[89] !== S || c[90] !== tt || c[91] !== b || c[92] !== ct || c[93] !== et || c[94] !== M || c[95] !== Ge || c[96] !== C || c[97] !== w?.columnNames || c[98] !== w?.columnOrder || c[99] !== E || c[100] !== gt || c[101] !== dt || c[102] !== f || c[103] !== H || c[104] !== B || c[105] !== d || c[106] !== u || c[107] !== ht || c[108] !== R ? ($ = d && /* @__PURE__ */ o(Me, { children: [
+		!tt && /* @__PURE__ */ o(s, {
 			size: 12,
 			children: [/* @__PURE__ */ a("h3", { children: "Setting up grid..." }), /* @__PURE__ */ o("div", {
 				style: { marginBottom: "10px" },
@@ -259,14 +262,14 @@ function c(e) {
 				]
 			})]
 		}),
-		et && /* @__PURE__ */ o(Me, { children: [
+		tt && /* @__PURE__ */ o(Me, { children: [
 			/* @__PURE__ */ a(s, {
 				size: 12,
 				children: /* @__PURE__ */ a(me, {
 					rowValues: H,
 					columnNames: w?.columnNames ?? [],
 					columnOrder: w?.columnOrder ?? [],
-					onNavigateToCell: xt,
+					onNavigateToCell: Ct,
 					isLoading: !S
 				})
 			}),
@@ -277,7 +280,7 @@ function c(e) {
 					spacing: 1,
 					sx: { justifyContent: "flex-end" },
 					children: [
-						(!S || $e) && /* @__PURE__ */ o(Oe, {
+						(!S || et) && /* @__PURE__ */ o(Oe, {
 							sx: {
 								display: "flex",
 								alignItems: "center",
@@ -294,32 +297,33 @@ function c(e) {
 						}),
 						/* @__PURE__ */ a(ie, {
 							variant: "outlined",
-							startIcon: /* @__PURE__ */ a(Pe, {}),
+							startIcon: /* @__PURE__ */ a(Fe, {}),
 							href: "https://docs.synapse.org/synapse-docs/managing-metadata-with-curator",
 							target: "_blank",
 							rel: "noopener noreferrer",
 							sx: { mr: "auto" },
 							children: "Help and Instructions"
 						}),
-						ft,
-						pt,
+						ht,
+						gt,
 						/* @__PURE__ */ a(oe, {
 							columnNames: w?.columnNames ?? [],
 							columnOrder: w?.columnOrder ?? [],
-							jsonSchema: N,
+							jsonSchema: M,
 							upsertKey: R,
-							onReorder: Ct
+							canRemoveColumns: ct,
+							onReorder: Tt
 						}),
 						/* @__PURE__ */ a(ie, {
 							variant: "outlined",
-							onClick: () => Ue(!0),
+							onClick: () => We(!0),
 							startIcon: /* @__PURE__ */ a(we, {}),
 							children: "Open Curie"
 						}),
 						/* @__PURE__ */ a(pe, {
 							agentRegistrationId: l,
-							open: He,
-							onClose: () => Ue(!1),
+							open: Ue,
+							onClose: () => We(!1),
 							gridSessionId: d.sessionId,
 							usersReplicaId: f,
 							chatbotName: "Curie"
@@ -340,16 +344,16 @@ function c(e) {
 				size: 12,
 				children: /* @__PURE__ */ a(he, {
 					gridRef: m,
-					rowValues: ut,
+					rowValues: pt,
 					columnNames: w?.columnNames ?? [],
 					columnOrder: w?.columnOrder ?? [],
 					schemaPropertiesInfo: B,
-					entityIsView: I,
-					jsonSchema: N,
-					lastSelection: We,
-					handleChange: _t,
-					handleSelectionChange: yt,
-					remoteSelections: ct,
+					entityIsView: F,
+					jsonSchema: M,
+					lastSelection: Ge,
+					handleChange: bt,
+					handleSelectionChange: St,
+					remoteSelections: dt,
 					upsertKey: R
 				})
 			})
@@ -363,25 +367,25 @@ function c(e) {
 				maxHeight: "400px",
 				overflowY: "auto"
 			},
-			children: [/* @__PURE__ */ a("h3", { children: "Model" }), C ? /* @__PURE__ */ a(Ie, { model: C }) : "No model available"]
+			children: [/* @__PURE__ */ a("h3", { children: "Model" }), C ? /* @__PURE__ */ a(Le, { model: C }) : "No model available"]
 		})
-	] }), c[80] = l, c[81] = He, c[82] = ut, c[83] = I, c[84] = _t, c[85] = Ct, c[86] = yt, c[87] = S, c[88] = et, c[89] = b, c[90] = $e, c[91] = N, c[92] = We, c[93] = C, c[94] = w?.columnNames, c[95] = w?.columnOrder, c[96] = E, c[97] = pt, c[98] = ct, c[99] = f, c[100] = H, c[101] = B, c[102] = d, c[103] = u, c[104] = ft, c[105] = R, c[106] = $) : $ = c[106];
-	let Tt;
-	return c[107] !== Y || c[108] !== Q || c[109] !== $ ? (Tt = /* @__PURE__ */ a("div", { children: /* @__PURE__ */ o(s, {
+	] }), c[82] = l, c[83] = Ue, c[84] = pt, c[85] = F, c[86] = bt, c[87] = Tt, c[88] = St, c[89] = S, c[90] = tt, c[91] = b, c[92] = ct, c[93] = et, c[94] = M, c[95] = Ge, c[96] = C, c[97] = w?.columnNames, c[98] = w?.columnOrder, c[99] = E, c[100] = gt, c[101] = dt, c[102] = f, c[103] = H, c[104] = B, c[105] = d, c[106] = u, c[107] = ht, c[108] = R, c[109] = $) : $ = c[109];
+	let Ot;
+	return c[110] !== X || c[111] !== Q || c[112] !== $ ? (Ot = /* @__PURE__ */ a("div", { children: /* @__PURE__ */ o(s, {
 		container: !0,
 		spacing: 2,
 		children: [
-			Y,
+			X,
 			Q,
 			$
 		]
-	}) }), c[107] = Y, c[108] = Q, c[109] = $, c[110] = Tt) : Tt = c[110], Tt;
+	}) }), c[110] = X, c[111] = Q, c[112] = $, c[113] = Ot) : Ot = c[113], Ot;
 }
-function Le(e) {
+function Re(e) {
 	return e.isConnected;
 }
 function l(t) {
-	let n = Fe(2), r;
+	let n = Ie(2), r;
 	return n[0] === t ? r = n[1] : (r = /* @__PURE__ */ a(e, { children: /* @__PURE__ */ a(c, { ...t }) }), n[0] = t, n[1] = r), r;
 }
 //#endregion