npm - synapse-react-client - Versions diffs - 4.0.19 → 4.0.20 - Mend

synapse-react-client 4.0.19 → 4.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1553) hide show

package/dist/components/CreateProjectModal/ProjectVisibilityRadioGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectVisibilityRadioGroup.js","names":[],"sources":["../../../src/components/CreateProjectModal/ProjectVisibilityRadioGroup.tsx"],"sourcesContent":["import {\n Box,\n Chip,\n FormControl,\n FormControlLabel,\n Radio,\n RadioGroup,\n Typography,\n} from '@mui/material'\nimport IconSvg from '../IconSvg'\n\nexport type ProjectVisibility = 'PRIVATE' \| 'DISCOVERABLE' \| 'PUBLIC' \| 'OPEN'\n\ntype VisibilityOption = {\n value: ProjectVisibility\n label: string\n chipText: string\n description: string\n note?: string\n disabled?: boolean\n}\n\nconst VISIBILITY_OPTIONS: VisibilityOption[] = [\n {\n value: 'PRIVATE',\n label: 'Private',\n chipText: 'Invisible',\n description:\n 'Only you and people you invite can see this project exists. Others with the link will see an error.',\n },\n {\n value: 'DISCOVERABLE',\n label: 'Discoverable',\n chipText: 'Visible metadata',\n description:\n 'Anyone can find and view this project. Data download is not allowed.',\n },\n {\n value: 'PUBLIC',\n label: 'Public',\n chipText: 'Visible metadata, registered download',\n description:\n 'Anyone can find and view this project. Registered Synapse users can download data.',\n },\n {\n value: 'OPEN',\n label: 'Open',\n chipText: 'Fully visible, anonymous download',\n description: 'Anyone can find and view this project and download its data.',\n note: 'Currently available upon request for non-sensitive data.',\n disabled: true,\n },\n]\n\nconst VISIBILITY_ICONS: Record<\n ProjectVisibility,\n React.ComponentProps<typeof IconSvg>['icon']\n> = {\n PRIVATE: 'privateVisibility',\n DISCOVERABLE: 'visibility',\n PUBLIC: 'publicVisibility',\n OPEN: 'openVisibility',\n}\n\nexport type ProjectVisibilityRadioGroupProps = {\n value: ProjectVisibility\n onChange: (value: ProjectVisibility) => void\n}\n\nexport function ProjectVisibilityRadioGroup({\n value,\n onChange,\n}: ProjectVisibilityRadioGroupProps) {\n return (\n <FormControl component=\"fieldset\">\n <Typography variant=\"smallText2\" component=\"legend\" sx={{ mb: 1, pb: 1 }}>\n Visibility\n </Typography>\n <RadioGroup\n sx={{ mt: 1 }}\n value={value}\n onChange={(_e, val) => onChange(val as ProjectVisibility)}\n >\n {VISIBILITY_OPTIONS.map(option => (\n <FormControlLabel\n key={option.value}\n value={option.value}\n disabled={option.disabled}\n sx={{\n alignItems: 'flex-start',\n mb: 1,\n opacity: option.disabled ? 0.5 : 1,\n }}\n control={<Radio sx={{ pt: '2px' }} />}\n label={\n <Box sx={{ display: 'flex', alignItems: 'flex-start', gap: 1 }}>\n <IconSvg\n icon={VISIBILITY_ICONS[option.value]}\n wrap={false}\n sx={{ mt: '2px', flexShrink: 0 }}\n />\n <Box>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n gap: 1,\n flexWrap: 'wrap',\n }}\n >\n <Typography\n variant=\"body1\"\n component=\"span\"\n fontWeight=\"bold\"\n >\n {option.label}\n </Typography>\n <Chip\n label={option.chipText}\n size=\"small\"\n sx={{\n bgcolor: 'grey.200',\n color: 'text.secondary',\n height: 20,\n fontSize: '0.7rem',\n }}\n />\n </Box>\n <Typography\n variant=\"body1\"\n color=\"text.secondary\"\n sx={{ mt: 0.25 }}\n >\n {option.description}\n {option.note && (\n <>\n {' '}\n <em>{option.note}</em>\n </>\n )}\n </Typography>\n </Box>\n </Box>\n }\n />\n ))}\n </RadioGroup>\n </FormControl>\n )\n}\n"],"mappings":";;;;AAsBA,IAAM,IAAyC;CAC7C;EACE,OAAO;EACP,OAAO;EACP,UAAU;EACV,aACE;~~EACH~~;~~CACD~~;EACE,OAAO;EACP,OAAO;EACP,UAAU;EACV,aACE;~~EACH~~;~~CACD~~;EACE,OAAO;EACP,OAAO;EACP,UAAU;EACV,aACE;~~EACH~~;~~CACD~~;EACE,OAAO;EACP,OAAO;EACP,UAAU;EACV,aAAa;EACb,MAAM;EACN,UAAU;~~EACX~~;~~CACF~~,~~EAEK~~,IAGF;CACF,SAAS;CACT,cAAc;CACd,QAAQ;CACR,MAAM;~~CACP~~;~~AAOD~~,SAAgB,EAA4B,EAC1C,UACA,eACmC;~~AACnC~~,~~QACE~~,kBAAC,GAAD;EAAa,WAAU;YAAvB,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAa,WAAU;GAAS,IAAI;IAAE,IAAI;IAAG,IAAI;~~IAAG~~;~~aAAE~~;~~GAE7D~~,CAAA,~~EACb~~,kBAAC,GAAD;GACE,IAAI,EAAE,IAAI,~~GAAG~~;~~GACN~~;GACP,WAAW,GAAI,MAAQ,EAAS,~~EAAyB~~;~~aAExD~~,EAAmB,KAAI,MACtB,kBAAC,GAAD;IAEE,OAAO,EAAO;IACd,UAAU,EAAO;IACjB,IAAI;KACF,YAAY;KACZ,IAAI;KACJ,SAAS,EAAO,WAAW,KAAM;~~KAClC~~;~~IACD~~,SAAS,kBAAC,GAAD,EAAO,IAAI,EAAE,IAAI,~~OAAO~~,EAAI,CAAA;~~IACrC~~,OACE,kBAAC,GAAD;KAAK,IAAI;MAAE,SAAS;MAAQ,YAAY;MAAc,KAAK;~~MAAG~~;~~eAA9D~~,CACE,kBAAC,GAAD;MACE,MAAM,EAAiB,EAAO;MAC9B,MAAM;MACN,IAAI;OAAE,IAAI;OAAO,YAAY;~~OAAG~~;~~MAChC~~,CAAA,~~EACF~~,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MACE,IAAI;OACF,SAAS;OACT,YAAY;OACZ,KAAK;OACL,UAAU;~~OACX~~;~~gBANH~~,CAQE,kBAAC,GAAD;OACE,SAAQ;OACR,WAAU;OACV,YAAW;iBAEV,EAAO;~~OACG~~,CAAA,~~EACb~~,kBAAC,GAAD;OACE,OAAO,EAAO;OACd,MAAK;OACL,IAAI;QACF,SAAS;QACT,OAAO;QACP,QAAQ;QACR,UAAU;~~QACX~~;~~OACD~~,CAAA,CACE;~~SACN~~,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,IAAI,EAAE,IAAI,~~KAAM~~;~~gBAHlB~~,CAKG,EAAO,aACP,EAAO,QACN,kBAAA,GAAA,EAAA,UAAA,CACG,KACD,kBAAC,MAAD,EAAA,UAAK,EAAO,~~MAAU~~,CAAA,CACrB,EAAA,CAAA,CAEM;~~QACT~~,EAAA,CAAA,CACF;;~~IAER~~,~~EA3DK~~,EAAO,~~MA2DZ~~,CACF;~~GACS~~,CAAA,CACD"}
1	+ {"version":3,"file":"ProjectVisibilityRadioGroup.js","names":[],"sources":["../../../src/components/CreateProjectModal/ProjectVisibilityRadioGroup.tsx"],"sourcesContent":["import {\n Box,\n Chip,\n FormControl,\n FormControlLabel,\n Radio,\n RadioGroup,\n Typography,\n} from '@mui/material'\nimport IconSvg from '../IconSvg'\n\nexport type ProjectVisibility = 'PRIVATE' \| 'DISCOVERABLE' \| 'PUBLIC' \| 'OPEN'\n\ntype VisibilityOption = {\n value: ProjectVisibility\n label: string\n chipText: string\n description: string\n note?: string\n disabled?: boolean\n}\n\nconst VISIBILITY_OPTIONS: VisibilityOption[] = [\n {\n value: 'PRIVATE',\n label: 'Private',\n chipText: 'Invisible',\n description:\n 'Only you and people you invite can see this project exists. Others with the link will see an error.',\n },\n {\n value: 'DISCOVERABLE',\n label: 'Discoverable',\n chipText: 'Visible metadata',\n description:\n 'Anyone can find and view this project. Data download is not allowed.',\n },\n {\n value: 'PUBLIC',\n label: 'Public',\n chipText: 'Visible metadata, registered download',\n description:\n 'Anyone can find and view this project. Registered Synapse users can download data.',\n },\n {\n value: 'OPEN',\n label: 'Open',\n chipText: 'Fully visible, anonymous download',\n description: 'Anyone can find and view this project and download its data.',\n note: 'Currently available upon request for non-sensitive data.',\n disabled: true,\n },\n]\n\nconst VISIBILITY_ICONS: Record<\n ProjectVisibility,\n React.ComponentProps<typeof IconSvg>['icon']\n> = {\n PRIVATE: 'privateVisibility',\n DISCOVERABLE: 'visibility',\n PUBLIC: 'publicVisibility',\n OPEN: 'openVisibility',\n}\n\nexport type ProjectVisibilityRadioGroupProps = {\n value: ProjectVisibility\n onChange: (value: ProjectVisibility) => void\n}\n\nexport function ProjectVisibilityRadioGroup({\n value,\n onChange,\n}: ProjectVisibilityRadioGroupProps) {\n return (\n <FormControl component=\"fieldset\">\n <Typography variant=\"smallText2\" component=\"legend\" sx={{ mb: 1, pb: 1 }}>\n Visibility\n </Typography>\n <RadioGroup\n sx={{ mt: 1 }}\n value={value}\n onChange={(_e, val) => onChange(val as ProjectVisibility)}\n >\n {VISIBILITY_OPTIONS.map(option => (\n <FormControlLabel\n key={option.value}\n value={option.value}\n disabled={option.disabled}\n sx={{\n alignItems: 'flex-start',\n mb: 1,\n opacity: option.disabled ? 0.5 : 1,\n }}\n control={<Radio sx={{ pt: '2px' }} />}\n label={\n <Box sx={{ display: 'flex', alignItems: 'flex-start', gap: 1 }}>\n <IconSvg\n icon={VISIBILITY_ICONS[option.value]}\n wrap={false}\n sx={{ mt: '2px', flexShrink: 0 }}\n />\n <Box>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n gap: 1,\n flexWrap: 'wrap',\n }}\n >\n <Typography\n variant=\"body1\"\n component=\"span\"\n fontWeight=\"bold\"\n >\n {option.label}\n </Typography>\n <Chip\n label={option.chipText}\n size=\"small\"\n sx={{\n bgcolor: 'grey.200',\n color: 'text.secondary',\n height: 20,\n fontSize: '0.7rem',\n }}\n />\n </Box>\n <Typography\n variant=\"body1\"\n color=\"text.secondary\"\n sx={{ mt: 0.25 }}\n >\n {option.description}\n {option.note && (\n <>\n {' '}\n <em>{option.note}</em>\n </>\n )}\n </Typography>\n </Box>\n </Box>\n }\n />\n ))}\n </RadioGroup>\n </FormControl>\n )\n}\n"],"mappings":";;;;AAsBA,IAAM,IAAyC;CAC7C;EACE,OAAO;EACP,OAAO;EACP,UAAU;EACV,aACE;CACJ;CACA;EACE,OAAO;EACP,OAAO;EACP,UAAU;EACV,aACE;CACJ;CACA;EACE,OAAO;EACP,OAAO;EACP,UAAU;EACV,aACE;CACJ;CACA;EACE,OAAO;EACP,OAAO;EACP,UAAU;EACV,aAAa;EACb,MAAM;EACN,UAAU;CACZ;AACF,GAEM,IAGF;CACF,SAAS;CACT,cAAc;CACd,QAAQ;CACR,MAAM;AACR;AAOA,SAAgB,EAA4B,EAC1C,UACA,eACmC;CACnC,OACE,kBAAC,GAAD;EAAa,WAAU;YAAvB,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAa,WAAU;GAAS,IAAI;IAAE,IAAI;IAAG,IAAI;GAAE;aAAG;EAE9D,CAAA,GACZ,kBAAC,GAAD;GACE,IAAI,EAAE,IAAI,EAAE;GACL;GACP,WAAW,GAAI,MAAQ,EAAS,CAAwB;aAEvD,EAAmB,KAAI,MACtB,kBAAC,GAAD;IAEE,OAAO,EAAO;IACd,UAAU,EAAO;IACjB,IAAI;KACF,YAAY;KACZ,IAAI;KACJ,SAAS,EAAO,WAAW,KAAM;IACnC;IACA,SAAS,kBAAC,GAAD,EAAO,IAAI,EAAE,IAAI,MAAM,EAAI,CAAA;IACpC,OACE,kBAAC,GAAD;KAAK,IAAI;MAAE,SAAS;MAAQ,YAAY;MAAc,KAAK;KAAE;eAA7D,CACE,kBAAC,GAAD;MACE,MAAM,EAAiB,EAAO;MAC9B,MAAM;MACN,IAAI;OAAE,IAAI;OAAO,YAAY;MAAE;KAChC,CAAA,GACD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MACE,IAAI;OACF,SAAS;OACT,YAAY;OACZ,KAAK;OACL,UAAU;MACZ;gBANF,CAQE,kBAAC,GAAD;OACE,SAAQ;OACR,WAAU;OACV,YAAW;iBAEV,EAAO;MACE,CAAA,GACZ,kBAAC,GAAD;OACE,OAAO,EAAO;OACd,MAAK;OACL,IAAI;QACF,SAAS;QACT,OAAO;QACP,QAAQ;QACR,UAAU;OACZ;MACD,CAAA,CACE;SACL,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,IAAI,EAAE,IAAI,IAAK;gBAHjB,CAKG,EAAO,aACP,EAAO,QACN,kBAAA,GAAA,EAAA,UAAA,CACG,KACD,kBAAC,MAAD,EAAA,UAAK,EAAO,KAAS,CAAA,CACrB,EAAA,CAAA,CAEM;OACT,EAAA,CAAA,CACF;;GAER,GA3DM,EAAO,KA2Db,CACF;EACS,CAAA,CACD;;AAEjB"}

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

	@@ -1 +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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"}
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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"}

package/dist/components/CreateTableViewWizard/CreateTableViewWizardUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CreateTableViewWizardUtils.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/CreateTableViewWizardUtils.ts"],"sourcesContent":["import { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n ColumnModel,\n Entity,\n EntityView,\n MaterializedView,\n SubmissionView,\n Table,\n VirtualTable,\n} from '@sage-bionetworks/synapse-types'\n\nexport type CreateTableViewWizardStep =\n \| 'CHOOSE_TABLE_TYPE'\n \| 'CHOOSE_VIEW_TYPE'\n \| 'ENTITY_VIEW_SCOPE'\n \| 'SUBMISSION_VIEW_SCOPE'\n \| 'TABLE_COLUMNS'\n \| 'TABLE_SQL'\n \| 'TABLE_NAME'\n\nexport function getModalTitle(\n step: CreateTableViewWizardStep,\n entityType?: EntityType,\n): string {\n switch (step) {\n case 'CHOOSE_TABLE_TYPE':\n return 'Create Table or View'\n case 'CHOOSE_VIEW_TYPE':\n return 'Create View'\n case 'ENTITY_VIEW_SCOPE':\n case 'SUBMISSION_VIEW_SCOPE':\n return `Define ${entityTypeToFriendlyName(entityType!)} Scope`\n case 'TABLE_SQL':\n return 'Create a SQL-Defined View'\n\n case 'TABLE_COLUMNS':\n return `Add Columns to ${entityTypeToFriendlyName(entityType!)}`\n\n case 'TABLE_NAME':\n return `Create the ${entityTypeToFriendlyName(entityType!)}`\n }\n}\n\nexport function getPreviousStep(\n currentStep: CreateTableViewWizardStep,\n entityType?: EntityType,\n): CreateTableViewWizardStep {\n switch (currentStep) {\n case 'CHOOSE_TABLE_TYPE':\n // This should never happen\n break\n case 'CHOOSE_VIEW_TYPE':\n return 'CHOOSE_TABLE_TYPE'\n case 'ENTITY_VIEW_SCOPE':\n case 'SUBMISSION_VIEW_SCOPE':\n case 'TABLE_SQL':\n return 'CHOOSE_VIEW_TYPE'\n case 'TABLE_COLUMNS':\n // If this is a table, then go back to the table type selection\n if (entityType === EntityType.table) {\n return 'CHOOSE_TABLE_TYPE'\n }\n // If this is a view, go back to scope selection\n if (entityType === EntityType.entityview) {\n return 'ENTITY_VIEW_SCOPE'\n }\n if (entityType === EntityType.submissionview) {\n return 'SUBMISSION_VIEW_SCOPE'\n }\n break\n case 'TABLE_NAME':\n if (\n entityType === EntityType.table \|\|\n entityType === EntityType.entityview \|\|\n entityType === EntityType.submissionview\n ) {\n return 'TABLE_COLUMNS'\n } else if (\n entityType === EntityType.materializedview \|\|\n entityType === EntityType.virtualtable\n ) {\n // TODO: Currently, this block is unreachable\n // TABLE_SQL is the last step, but after PLFM-8209 is complete, TABLE_SQL can come before TABLE_NAME, where this will make more sense\n // Other than removing this comment, no change will be needed here\n return 'TABLE_SQL'\n }\n break\n }\n console.warn(`Unknown previous step at ${currentStep} for type ${entityType}`)\n return 'CHOOSE_TABLE_TYPE'\n}\n\nexport function isLastStep(step: CreateTableViewWizardStep) {\n return step === 'TABLE_NAME'\n}\n\nexport function getStepAfterTypeSelection(\n entityType: EntityType,\n): CreateTableViewWizardStep {\n if (entityType === EntityType.table) {\n return 'TABLE_COLUMNS'\n }\n if (entityType === EntityType.entityview) {\n return 'ENTITY_VIEW_SCOPE'\n }\n if (entityType === EntityType.submissionview) {\n return 'SUBMISSION_VIEW_SCOPE'\n }\n if (\n entityType === EntityType.materializedview \|\|\n entityType === EntityType.virtualtable\n ) {\n return 'TABLE_SQL'\n }\n\n // Should never happen\n return 'CHOOSE_TABLE_TYPE'\n}\n\nexport function maybeSetColumnIds(\n entityToCreate: Entity,\n entityType: EntityType,\n createdColumnModels: ColumnModel[],\n) {\n const hasColumnIdsTypes: EntityType[] = [\n EntityType.table,\n EntityType.entityview,\n EntityType.submissionview,\n EntityType.dataset,\n EntityType.datasetcollection,\n ]\n if (hasColumnIdsTypes.includes(entityType)) {\n if (createdColumnModels.length > 0) {\n ;(entityToCreate as Table)['columnIds'] = createdColumnModels.map(\n cm => cm.id,\n )\n }\n }\n}\n\nexport function maybeSetScopeIds(\n entityToCreate: Entity,\n entityType: EntityType,\n scopeIds: string[],\n) {\n const hasScopeIdsTypes: EntityType[] = [\n EntityType.entityview,\n EntityType.submissionview,\n ]\n if (hasScopeIdsTypes.includes(entityType) && scopeIds.length > 0) {\n ;(entityToCreate as EntityView \| SubmissionView)['scopeIds'] = scopeIds\n }\n}\n\nexport function maybeSetViewTypeMask(\n entityToCreate: Entity,\n entityType: EntityType,\n viewTypeMask: number,\n) {\n if (entityType === EntityType.entityview) {\n ;(entityToCreate as EntityView)['viewTypeMask'] = viewTypeMask\n }\n}\n\nexport function maybeSetDefiningSQL(\n entityToCreate: Entity,\n entityType: EntityType,\n sql: string,\n) {\n const hasDefiningSQLTypes: EntityType[] = [\n EntityType.materializedview,\n EntityType.virtualtable,\n ]\n if (hasDefiningSQLTypes.includes(entityType)) {\n ;(entityToCreate as MaterializedView \| VirtualTable)['definingSQL'] = sql\n }\n}\n"],"mappings":";;;AAqBA,SAAgB,EACd,GACA,GACQ;~~AACR~~,~~SAAQ~~,GAAR;EACE,KAAK,~~oBACH~~,~~QAAO~~;EACT,KAAK,~~mBACH~~,~~QAAO~~;EACT,KAAK;EACL,KAAK,~~wBACH~~,~~QAAO~~,UAAU,EAAyB,~~EAAY~~,~~CAAC~~;EACzD,KAAK,~~YACH~~,~~QAAO~~;EAET,KAAK,~~gBACH~~,~~QAAO~~,kBAAkB,EAAyB,~~EAAY~~;~~EAEhE~~,KAAK,~~aACH~~,~~QAAO~~,cAAc,EAAyB,~~EAAY;;;AAIhE~~,SAAgB,EACd,GACA,GAC2B;~~AAC3B~~,~~SAAQ~~,GAAR;EACE,KAAK,~~oBAEH~~;EACF,KAAK,~~mBACH~~,~~QAAO~~;EACT,KAAK;EACL,KAAK;EACL,KAAK,~~YACH~~,~~QAAO~~;EACT,KAAK;~~AAEH~~,~~OAAI~~,MAAe,EAAW,~~MAC5B~~,~~QAAO~~;~~AAGT~~,~~OAAI~~,MAAe,EAAW,~~WAC5B~~,~~QAAO~~;~~AAET~~,~~OAAI~~,MAAe,EAAW,~~eAC5B~~,~~QAAO~~;~~AAET~~;EACF,KAAK;~~AACH~~,~~OACE~~,MAAe,EAAW,SAC1B,MAAe,EAAW,cAC1B,MAAe,EAAW,~~eAE1B~~,~~QAAO~~;~~OAEP~~,MAAe,EAAW,oBAC1B,MAAe,EAAW,~~aAK1B~~,~~QAAO~~;~~AAET;;AAGJ~~,~~QADA~~,QAAQ,KAAK,4BAA4B,EAAY,YAAY,~~IAAa~~,~~EACvE;;AAGT~~,SAAgB,EAAW,GAAiC;~~AAC1D~~,~~QAAO~~,MAAS~~;;AAGlB~~,SAAgB,EACd,GAC2B;~~AAkB3B~~,~~QAjBI~~,MAAe,EAAW,QACrB,kBAEL,MAAe,EAAW,aACrB,sBAEL,MAAe,EAAW,iBACrB,0BAGP,MAAe,EAAW,oBAC1B,MAAe,EAAW,eAEnB,cAIF~~;;AAGT~~,SAAgB,EACd,GACA,GACA,GACA;~~AAQA~~,~~CAAI~~;EANF,EAAW;EACX,EAAW;EACX,EAAW;EACX,EAAW;EACX,EAAW;~~EAET~~,~~CAAkB~~,SAAS,~~EAAW~~,~~IACpC~~,EAAoB,SAAS,~~MAC7B~~,~~EAAyB~~,YAAe,EAAoB,KAC5D,MAAM,EAAG,~~GACV;;AAKP~~,SAAgB,EACd,GACA,GACA,GACA;~~AAKA~~,~~CAAI~~,CAHF,EAAW,YACX,EAAW,~~eAET~~,~~CAAiB~~,SAAS,~~EAAW~~,~~IAAI~~,EAAS,SAAS,~~MAC3D~~,~~EAA+C~~,WAAc~~;;AAInE~~,SAAgB,EACd,GACA,GACA,GACA;~~AACA~~,~~CAAI~~,MAAe,EAAW,~~eAC1B~~,~~EAA8B~~,eAAkB~~;;AAItD~~,SAAgB,EACd,GACA,GACA,GACA;~~AAKA~~,~~CAAI~~,CAHF,EAAW,kBACX,EAAW,~~aAET~~,~~CAAoB~~,SAAS,~~EAAW~~,~~KACxC~~,~~EAAmD~~,cAAiB"}
1	+ {"version":3,"file":"CreateTableViewWizardUtils.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/CreateTableViewWizardUtils.ts"],"sourcesContent":["import { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n ColumnModel,\n Entity,\n EntityView,\n MaterializedView,\n SubmissionView,\n Table,\n VirtualTable,\n} from '@sage-bionetworks/synapse-types'\n\nexport type CreateTableViewWizardStep =\n \| 'CHOOSE_TABLE_TYPE'\n \| 'CHOOSE_VIEW_TYPE'\n \| 'ENTITY_VIEW_SCOPE'\n \| 'SUBMISSION_VIEW_SCOPE'\n \| 'TABLE_COLUMNS'\n \| 'TABLE_SQL'\n \| 'TABLE_NAME'\n\nexport function getModalTitle(\n step: CreateTableViewWizardStep,\n entityType?: EntityType,\n): string {\n switch (step) {\n case 'CHOOSE_TABLE_TYPE':\n return 'Create Table or View'\n case 'CHOOSE_VIEW_TYPE':\n return 'Create View'\n case 'ENTITY_VIEW_SCOPE':\n case 'SUBMISSION_VIEW_SCOPE':\n return `Define ${entityTypeToFriendlyName(entityType!)} Scope`\n case 'TABLE_SQL':\n return 'Create a SQL-Defined View'\n\n case 'TABLE_COLUMNS':\n return `Add Columns to ${entityTypeToFriendlyName(entityType!)}`\n\n case 'TABLE_NAME':\n return `Create the ${entityTypeToFriendlyName(entityType!)}`\n }\n}\n\nexport function getPreviousStep(\n currentStep: CreateTableViewWizardStep,\n entityType?: EntityType,\n): CreateTableViewWizardStep {\n switch (currentStep) {\n case 'CHOOSE_TABLE_TYPE':\n // This should never happen\n break\n case 'CHOOSE_VIEW_TYPE':\n return 'CHOOSE_TABLE_TYPE'\n case 'ENTITY_VIEW_SCOPE':\n case 'SUBMISSION_VIEW_SCOPE':\n case 'TABLE_SQL':\n return 'CHOOSE_VIEW_TYPE'\n case 'TABLE_COLUMNS':\n // If this is a table, then go back to the table type selection\n if (entityType === EntityType.table) {\n return 'CHOOSE_TABLE_TYPE'\n }\n // If this is a view, go back to scope selection\n if (entityType === EntityType.entityview) {\n return 'ENTITY_VIEW_SCOPE'\n }\n if (entityType === EntityType.submissionview) {\n return 'SUBMISSION_VIEW_SCOPE'\n }\n break\n case 'TABLE_NAME':\n if (\n entityType === EntityType.table \|\|\n entityType === EntityType.entityview \|\|\n entityType === EntityType.submissionview\n ) {\n return 'TABLE_COLUMNS'\n } else if (\n entityType === EntityType.materializedview \|\|\n entityType === EntityType.virtualtable\n ) {\n // TODO: Currently, this block is unreachable\n // TABLE_SQL is the last step, but after PLFM-8209 is complete, TABLE_SQL can come before TABLE_NAME, where this will make more sense\n // Other than removing this comment, no change will be needed here\n return 'TABLE_SQL'\n }\n break\n }\n console.warn(`Unknown previous step at ${currentStep} for type ${entityType}`)\n return 'CHOOSE_TABLE_TYPE'\n}\n\nexport function isLastStep(step: CreateTableViewWizardStep) {\n return step === 'TABLE_NAME'\n}\n\nexport function getStepAfterTypeSelection(\n entityType: EntityType,\n): CreateTableViewWizardStep {\n if (entityType === EntityType.table) {\n return 'TABLE_COLUMNS'\n }\n if (entityType === EntityType.entityview) {\n return 'ENTITY_VIEW_SCOPE'\n }\n if (entityType === EntityType.submissionview) {\n return 'SUBMISSION_VIEW_SCOPE'\n }\n if (\n entityType === EntityType.materializedview \|\|\n entityType === EntityType.virtualtable\n ) {\n return 'TABLE_SQL'\n }\n\n // Should never happen\n return 'CHOOSE_TABLE_TYPE'\n}\n\nexport function maybeSetColumnIds(\n entityToCreate: Entity,\n entityType: EntityType,\n createdColumnModels: ColumnModel[],\n) {\n const hasColumnIdsTypes: EntityType[] = [\n EntityType.table,\n EntityType.entityview,\n EntityType.submissionview,\n EntityType.dataset,\n EntityType.datasetcollection,\n ]\n if (hasColumnIdsTypes.includes(entityType)) {\n if (createdColumnModels.length > 0) {\n ;(entityToCreate as Table)['columnIds'] = createdColumnModels.map(\n cm => cm.id,\n )\n }\n }\n}\n\nexport function maybeSetScopeIds(\n entityToCreate: Entity,\n entityType: EntityType,\n scopeIds: string[],\n) {\n const hasScopeIdsTypes: EntityType[] = [\n EntityType.entityview,\n EntityType.submissionview,\n ]\n if (hasScopeIdsTypes.includes(entityType) && scopeIds.length > 0) {\n ;(entityToCreate as EntityView \| SubmissionView)['scopeIds'] = scopeIds\n }\n}\n\nexport function maybeSetViewTypeMask(\n entityToCreate: Entity,\n entityType: EntityType,\n viewTypeMask: number,\n) {\n if (entityType === EntityType.entityview) {\n ;(entityToCreate as EntityView)['viewTypeMask'] = viewTypeMask\n }\n}\n\nexport function maybeSetDefiningSQL(\n entityToCreate: Entity,\n entityType: EntityType,\n sql: string,\n) {\n const hasDefiningSQLTypes: EntityType[] = [\n EntityType.materializedview,\n EntityType.virtualtable,\n ]\n if (hasDefiningSQLTypes.includes(entityType)) {\n ;(entityToCreate as MaterializedView \| VirtualTable)['definingSQL'] = sql\n }\n}\n"],"mappings":";;;AAqBA,SAAgB,EACd,GACA,GACQ;CACR,QAAQ,GAAR;EACE,KAAK,qBACH,OAAO;EACT,KAAK,oBACH,OAAO;EACT,KAAK;EACL,KAAK,yBACH,OAAO,UAAU,EAAyB,CAAW,EAAE;EACzD,KAAK,aACH,OAAO;EAET,KAAK,iBACH,OAAO,kBAAkB,EAAyB,CAAW;EAE/D,KAAK,cACH,OAAO,cAAc,EAAyB,CAAW;CAC7D;AACF;AAEA,SAAgB,EACd,GACA,GAC2B;CAC3B,QAAQ,GAAR;EACE,KAAK,qBAEH;EACF,KAAK,oBACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,aACH,OAAO;EACT,KAAK;GAEH,IAAI,MAAe,EAAW,OAC5B,OAAO;GAGT,IAAI,MAAe,EAAW,YAC5B,OAAO;GAET,IAAI,MAAe,EAAW,gBAC5B,OAAO;GAET;EACF,KAAK;GACH,IACE,MAAe,EAAW,SAC1B,MAAe,EAAW,cAC1B,MAAe,EAAW,gBAE1B,OAAO;GACF,IACL,MAAe,EAAW,oBAC1B,MAAe,EAAW,cAK1B,OAAO;GAET;CACJ;CAEA,OADA,QAAQ,KAAK,4BAA4B,EAAY,YAAY,GAAY,GACtE;AACT;AAEA,SAAgB,EAAW,GAAiC;CAC1D,OAAO,MAAS;AAClB;AAEA,SAAgB,EACd,GAC2B;CAkB3B,OAjBI,MAAe,EAAW,QACrB,kBAEL,MAAe,EAAW,aACrB,sBAEL,MAAe,EAAW,iBACrB,0BAGP,MAAe,EAAW,oBAC1B,MAAe,EAAW,eAEnB,cAIF;AACT;AAEA,SAAgB,EACd,GACA,GACA,GACA;CAQA,AAAI;EANF,EAAW;EACX,EAAW;EACX,EAAW;EACX,EAAW;EACX,EAAW;CAET,EAAkB,SAAS,CAAU,KACnC,EAAoB,SAAS,MAC9B,EAA0B,YAAe,EAAoB,KAC5D,MAAM,EAAG,EACX;AAGN;AAEA,SAAgB,EACd,GACA,GACA,GACA;CAKA,AAAI,CAHF,EAAW,YACX,EAAW,cAET,EAAiB,SAAS,CAAU,KAAK,EAAS,SAAS,MAC5D,EAAgD,WAAc;AAEnE;AAEA,SAAgB,EACd,GACA,GACA,GACA;CACA,AAAI,MAAe,EAAW,eAC3B,EAA+B,eAAkB;AAEtD;AAEA,SAAgB,EACd,GACA,GACA,GACA;CAKA,AAAI,CAHF,EAAW,kBACX,EAAW,YAET,EAAoB,SAAS,CAAU,MACxC,EAAoD,cAAiB;AAE1E"}

package/dist/components/CreateTableViewWizard/TableNameForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableNameForm.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/TableNameForm.tsx"],"sourcesContent":["import { useGetFeatureFlag } from '@/synapse-queries'\nimport { TextField } from '@mui/material'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { Dispatch, SetStateAction } from 'react'\n\ntype TableNameFormProps = {\n name: string\n setName: Dispatch<SetStateAction<string>>\n description: string \| undefined\n setDescription: Dispatch<SetStateAction<string \| undefined>>\n}\n\n/*\n React component for the naming a new table or view.\n * Renders UI to provide the name and description of a table or view.\n */\nexport default function TableNameForm(props: TableNameFormProps) {\n const { name, setName, description, setDescription } = props\n const isFeatureEnabled = useGetFeatureFlag(FeatureFlagEnum.DESCRIPTION_FIELD)\n return (\n <>\n <TextField\n required\n label={'Name'}\n value={name}\n onChange={e => {\n setName(e.target.value)\n }}\n fullWidth\n />\n {isFeatureEnabled && (\n <TextField\n label={'Description'}\n value={description}\n onChange={e => {\n setDescription(e.target.value \|\| undefined)\n }}\n fullWidth\n multiline\n rows={3}\n sx={{ my: 2 }}\n />\n )}\n </>\n )\n}\n"],"mappings":";;;;;;AAgBA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EAAE,SAAM,YAAS,gBAAa,sBAAmB,GACjD,IAAmB,EAAkB,EAAgB,~~kBAAkB~~;~~AAC7E~~,~~QACE~~,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,UAAA;EACA,OAAO;EACP,OAAO;EACP,WAAU,MAAK;~~AACb~~,~~KAAQ~~,EAAE,OAAO,~~MAAM;;EAEzB~~,WAAA;~~EACA~~,CAAA,~~EACD~~,KACC,kBAAC,GAAD;EACE,OAAO;EACP,OAAO;EACP,WAAU,MAAK;~~AACb~~,~~KAAe~~,EAAE,OAAO,SAAS,KAAA,~~EAAU;;EAE7C~~,WAAA;EACA,WAAA;EACA,MAAM;EACN,IAAI,EAAE,IAAI,~~GAAG~~;~~EACb~~,CAAA,CAEH,EAAA,CAAA"}
1	+ {"version":3,"file":"TableNameForm.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/TableNameForm.tsx"],"sourcesContent":["import { useGetFeatureFlag } from '@/synapse-queries'\nimport { TextField } from '@mui/material'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { Dispatch, SetStateAction } from 'react'\n\ntype TableNameFormProps = {\n name: string\n setName: Dispatch<SetStateAction<string>>\n description: string \| undefined\n setDescription: Dispatch<SetStateAction<string \| undefined>>\n}\n\n/*\n React component for the naming a new table or view.\n * Renders UI to provide the name and description of a table or view.\n */\nexport default function TableNameForm(props: TableNameFormProps) {\n const { name, setName, description, setDescription } = props\n const isFeatureEnabled = useGetFeatureFlag(FeatureFlagEnum.DESCRIPTION_FIELD)\n return (\n <>\n <TextField\n required\n label={'Name'}\n value={name}\n onChange={e => {\n setName(e.target.value)\n }}\n fullWidth\n />\n {isFeatureEnabled && (\n <TextField\n label={'Description'}\n value={description}\n onChange={e => {\n setDescription(e.target.value \|\| undefined)\n }}\n fullWidth\n multiline\n rows={3}\n sx={{ my: 2 }}\n />\n )}\n </>\n )\n}\n"],"mappings":";;;;;;AAgBA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EAAE,SAAM,YAAS,gBAAa,sBAAmB,GACjD,IAAmB,EAAkB,EAAgB,iBAAiB;CAC5E,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,UAAA;EACA,OAAO;EACP,OAAO;EACP,WAAU,MAAK;GACb,EAAQ,EAAE,OAAO,KAAK;EACxB;EACA,WAAA;CACD,CAAA,GACA,KACC,kBAAC,GAAD;EACE,OAAO;EACP,OAAO;EACP,WAAU,MAAK;GACb,EAAe,EAAE,OAAO,SAAS,KAAA,CAAS;EAC5C;EACA,WAAA;EACA,WAAA;EACA,MAAM;EACN,IAAI,EAAE,IAAI,EAAE;CACb,CAAA,CAEH,EAAA,CAAA;AAEN"}

package/dist/components/CreateTableViewWizard/TableTypeSelection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableTypeSelection.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/TableTypeSelection.tsx"],"sourcesContent":["import WizardChoiceButtonGroup from '../WizardChoiceButton/WizardChoiceButtonGroup'\nimport WizardChoiceButton from '../WizardChoiceButton/WizardChoiceButton'\nimport WizardChoiceButtonDescription from '../WizardChoiceButton/WizardChoiceButtonDescription'\nimport { Link } from '@mui/material'\n\nconst TABLE_DESCRIPTION = (\n <>\n <WizardChoiceButtonDescription>\n Synapse tables are used to organize web-accessible, sharable, and\n queryable data. Tables may be queried and edited with the Synapse UI, as\n well as with the Synapse programmatic clients.\n </WizardChoiceButtonDescription>\n <Link\n href={\n 'https://help.synapse.org/docs/Organizing-Data-With-Tables.2011038095.html'\n }\n target=\"_blank\"\n onClick={e => {\n e.stopPropagation()\n }}\n >\n More about Tables\n </Link>\n </>\n)\n\nconst VIEW_DESCRIPTION = (\n <>\n <WizardChoiceButtonDescription>\n Views allow you to see and query groups of other objects in Synapse, such\n as files, tables, projects, or submissions and any associated annotations\n about those items.\n </WizardChoiceButtonDescription>\n <Link\n href={'https://help.synapse.org/docs/Views.2011070739.html'}\n target=\"_blank\"\n onClick={e => {\n e.stopPropagation()\n }}\n >\n More about Views\n </Link>\n </>\n)\n\nexport type TableTypeSelectionProps = {\n /* Callback invoked if the user selects \"Table\" /\n onTableSelected: () => void\n / Callback invoked if the user selects the \"View\" group, which will show more options /\n onViewSelected: () => void\n}\n\n/\n React component for the first step of creating a new table or view.\n * The user will decide if they want to create a Table or a View\n */\nexport default function TableTypeSelection(props: TableTypeSelectionProps) {\n const { onTableSelected, onViewSelected } = props\n return (\n <WizardChoiceButtonGroup>\n <WizardChoiceButton\n title={'Table'}\n description={TABLE_DESCRIPTION}\n onClick={() => {\n onTableSelected()\n }}\n />\n <WizardChoiceButton\n title={'View'}\n description={VIEW_DESCRIPTION}\n onClick={onViewSelected}\n />\n </WizardChoiceButtonGroup>\n )\n}\n"],"mappings":";;;;;;AAKA,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAA+B,~~6LAIC~~,CAAA,~~EAChC~~,kBAAC,GAAD;CACE,MACE;CAEF,QAAO;CACP,UAAS,MAAK;~~AACZ~~,~~IAAE~~,~~iBAAiB;;WAEtB~~;~~CAEM~~,CAAA,CACN,EAAA,CAAA,~~EAGC~~,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAA+B,~~0KAIC~~,CAAA,~~EAChC~~,kBAAC,GAAD;CACE,MAAM;CACN,QAAO;CACP,UAAS,MAAK;~~AACZ~~,~~IAAE~~,~~iBAAiB;;WAEtB~~;~~CAEM~~,CAAA,CACN,EAAA,CAAA;~~AAcL~~,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,oBAAiB,sBAAmB;~~AAC5C~~,~~QACE~~,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAO;EACP,aAAa;EACb,eAAe;~~AACb~~,~~MAAiB;;EAEnB~~,CAAA,~~EACF~~,kBAAC,GAAD;EACE,OAAO;EACP,aAAa;EACb,SAAS;~~EACT~~,CAAA,CACsB,EAAA,CAAA"}
1	+ {"version":3,"file":"TableTypeSelection.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/TableTypeSelection.tsx"],"sourcesContent":["import WizardChoiceButtonGroup from '../WizardChoiceButton/WizardChoiceButtonGroup'\nimport WizardChoiceButton from '../WizardChoiceButton/WizardChoiceButton'\nimport WizardChoiceButtonDescription from '../WizardChoiceButton/WizardChoiceButtonDescription'\nimport { Link } from '@mui/material'\n\nconst TABLE_DESCRIPTION = (\n <>\n <WizardChoiceButtonDescription>\n Synapse tables are used to organize web-accessible, sharable, and\n queryable data. Tables may be queried and edited with the Synapse UI, as\n well as with the Synapse programmatic clients.\n </WizardChoiceButtonDescription>\n <Link\n href={\n 'https://help.synapse.org/docs/Organizing-Data-With-Tables.2011038095.html'\n }\n target=\"_blank\"\n onClick={e => {\n e.stopPropagation()\n }}\n >\n More about Tables\n </Link>\n </>\n)\n\nconst VIEW_DESCRIPTION = (\n <>\n <WizardChoiceButtonDescription>\n Views allow you to see and query groups of other objects in Synapse, such\n as files, tables, projects, or submissions and any associated annotations\n about those items.\n </WizardChoiceButtonDescription>\n <Link\n href={'https://help.synapse.org/docs/Views.2011070739.html'}\n target=\"_blank\"\n onClick={e => {\n e.stopPropagation()\n }}\n >\n More about Views\n </Link>\n </>\n)\n\nexport type TableTypeSelectionProps = {\n /* Callback invoked if the user selects \"Table\" /\n onTableSelected: () => void\n / Callback invoked if the user selects the \"View\" group, which will show more options /\n onViewSelected: () => void\n}\n\n/\n React component for the first step of creating a new table or view.\n * The user will decide if they want to create a Table or a View\n */\nexport default function TableTypeSelection(props: TableTypeSelectionProps) {\n const { onTableSelected, onViewSelected } = props\n return (\n <WizardChoiceButtonGroup>\n <WizardChoiceButton\n title={'Table'}\n description={TABLE_DESCRIPTION}\n onClick={() => {\n onTableSelected()\n }}\n />\n <WizardChoiceButton\n title={'View'}\n description={VIEW_DESCRIPTION}\n onClick={onViewSelected}\n />\n </WizardChoiceButtonGroup>\n )\n}\n"],"mappings":";;;;;;AAKA,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAA+B,4LAIA,CAAA,GAC/B,kBAAC,GAAD;CACE,MACE;CAEF,QAAO;CACP,UAAS,MAAK;EACZ,EAAE,gBAAgB;CACpB;WACD;AAEK,CAAA,CACN,EAAA,CAAA,GAGE,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAA+B,yKAIA,CAAA,GAC/B,kBAAC,GAAD;CACE,MAAM;CACN,QAAO;CACP,UAAS,MAAK;EACZ,EAAE,gBAAgB;CACpB;WACD;AAEK,CAAA,CACN,EAAA,CAAA;AAcJ,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,oBAAiB,sBAAmB;CAC5C,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAO;EACP,aAAa;EACb,eAAe;GACb,EAAgB;EAClB;CACD,CAAA,GACD,kBAAC,GAAD;EACE,OAAO;EACP,aAAa;EACb,SAAS;CACV,CAAA,CACsB,EAAA,CAAA;AAE7B"}

package/dist/components/CreateTableViewWizard/ViewTypeSelection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ViewTypeSelection.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/ViewTypeSelection.tsx"],"sourcesContent":["import { Link } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { ENTITY_VIEW_TYPE_MASK_PROJECT } from '@sage-bionetworks/synapse-types'\nimport WizardChoiceButton from '../WizardChoiceButton/WizardChoiceButton'\nimport WizardChoiceButtonDescription from '../WizardChoiceButton/WizardChoiceButtonDescription'\nimport WizardChoiceButtonGroup from '../WizardChoiceButton/WizardChoiceButtonGroup'\n\nconst FILE_VIEW_DESCRIPTION = (\n <>\n <WizardChoiceButtonDescription>\n This view lists all files, folders, and/or tables in the selected folders\n or projects.\n </WizardChoiceButtonDescription>\n <Link\n href={\n 'https://help.synapse.org/docs/Views.2011070739.html#Views-CreatingaFileView'\n }\n target=\"_blank\"\n onClick={e => {\n e.stopPropagation()\n }}\n >\n More about File Views\n </Link>\n </>\n)\n\nconst PROJECT_VIEW_DESCRIPTION = (\n <>\n <WizardChoiceButtonDescription>\n This view lists all (and only) your selected projects.\n </WizardChoiceButtonDescription>\n <Link\n href={\n 'https://help.synapse.org/docs/Views.2011070739.html#Views-CreatingaProjectView'\n }\n target=\"_blank\"\n onClick={e => {\n e.stopPropagation()\n }}\n >\n More about Project Views\n </Link>\n </>\n)\n\nconst SUBMISSION_VIEW_DESCRIPTION = (\n <>\n <WizardChoiceButtonDescription>\n This view lists all submissions within one or more evaluation queues.\n </WizardChoiceButtonDescription>\n <Link\n href={\n 'https://help.synapse.org/docs/Views.2011070739.html#Views-CreatingaSubmissionView'\n }\n target=\"_blank\"\n onClick={e => {\n e.stopPropagation()\n }}\n >\n More about Submission Views\n </Link>\n </>\n)\n\nconst MATERIALIZED_VIEW_DESCRIPTION = (\n <>\n <WizardChoiceButtonDescription>\n The results of a query across multiple sources, defined by a SQL\n statement.\n </WizardChoiceButtonDescription>\n <Link\n href={\n 'https://help.synapse.org/docs/Combining-Data-from-Multiple-Table-Sources.2973270158.html'\n }\n target=\"_blank\"\n onClick={e => {\n e.stopPropagation()\n }}\n >\n More about Materialized Views\n </Link>\n </>\n)\n\nconst VIRTUAL_TABLE_DESCRIPTION = (\n <WizardChoiceButtonDescription>\n A saved query on another table or view where complex filters can be applied\n to aggregated results.\n </WizardChoiceButtonDescription>\n)\n\nexport type ViewTypeSelectionProps = {\n /* Callback including the chosen type, and optional viewTypeMask if included in the choice (e.g. Project Views) /\n onTypeSelected: (type: EntityType, viewTypeMask?: number) => void\n}\n\n/\n React component for selecting a View type in the View creation wizard.\n * Renders UI to show all view types where the user must choose one to continue.\n */\nexport default function ViewTypeSelection(props: ViewTypeSelectionProps) {\n const { onTypeSelected } = props\n\n return (\n <WizardChoiceButtonGroup>\n <WizardChoiceButton\n title={'Files, Folders, and Other Objects'}\n description={FILE_VIEW_DESCRIPTION}\n onClick={() => {\n onTypeSelected(EntityType.entityview)\n }}\n />\n <WizardChoiceButton\n title={'Projects'}\n description={PROJECT_VIEW_DESCRIPTION}\n onClick={() => {\n onTypeSelected(EntityType.entityview, ENTITY_VIEW_TYPE_MASK_PROJECT)\n }}\n />\n <WizardChoiceButton\n title={'Challenge Submissions'}\n description={SUBMISSION_VIEW_DESCRIPTION}\n onClick={() => {\n onTypeSelected(EntityType.submissionview)\n }}\n />\n <WizardChoiceButton\n title={'Materialized View'}\n description={MATERIALIZED_VIEW_DESCRIPTION}\n onClick={() => {\n onTypeSelected(EntityType.materializedview)\n }}\n />\n <WizardChoiceButton\n title={'Virtual Table'}\n description={VIRTUAL_TABLE_DESCRIPTION}\n onClick={() => {\n onTypeSelected(EntityType.virtualtable)\n }}\n />\n </WizardChoiceButtonGroup>\n )\n}\n"],"mappings":";;;;;;;;AAOA,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAA+B,~~0FAGC~~,CAAA,~~EAChC~~,kBAAC,GAAD;CACE,MACE;CAEF,QAAO;CACP,UAAS,MAAK;~~AACZ~~,~~IAAE~~,~~iBAAiB;;WAEtB~~;~~CAEM~~,CAAA,CACN,EAAA,CAAA,~~EAGC~~,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAA+B,~~0DAEC~~,CAAA,~~EAChC~~,kBAAC,GAAD;CACE,MACE;CAEF,QAAO;CACP,UAAS,MAAK;~~AACZ~~,~~IAAE~~,~~iBAAiB;;WAEtB~~;~~CAEM~~,CAAA,CACN,EAAA,CAAA,~~EAGC~~,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAA+B,~~yEAEC~~,CAAA,~~EAChC~~,kBAAC,GAAD;CACE,MACE;CAEF,QAAO;CACP,UAAS,MAAK;~~AACZ~~,~~IAAE~~,~~iBAAiB;;WAEtB~~;~~CAEM~~,CAAA,CACN,EAAA,CAAA,~~EAGC~~,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAA+B~~,+EAGC~~,CAAA,~~EAChC~~,kBAAC,GAAD;CACE,MACE;CAEF,QAAO;CACP,UAAS,MAAK;~~AACZ~~,~~IAAE~~,~~iBAAiB;;WAEtB~~;~~CAEM~~,CAAA,CACN,EAAA,CAAA,~~EAGC~~,IACJ,kBAAC,GAAD,EAAA,UAA+B,~~sGAGC~~,CAAA;~~AAYlC~~,SAAwB,EAAkB,GAA+B;CACvE,IAAM,EAAE,sBAAmB;~~AAE3B~~,~~QACE~~,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,eAAe;~~AACb~~,~~MAAe~~,EAAW,~~WAAW;;GAEvC~~,CAAA;~~EACF~~,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,eAAe;~~AACb~~,~~MAAe~~,EAAW,YAAY,~~EAA8B;;GAEtE~~,CAAA;~~EACF~~,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,eAAe;~~AACb~~,~~MAAe~~,EAAW,~~eAAe;;GAE3C~~,CAAA;~~EACF~~,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,eAAe;~~AACb~~,~~MAAe~~,EAAW,~~iBAAiB;;GAE7C~~,CAAA;~~EACF~~,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,eAAe;~~AACb~~,~~MAAe~~,EAAW,~~aAAa;;GAEzC~~,CAAA;~~EACsB~~,EAAA,CAAA"}
1	+ {"version":3,"file":"ViewTypeSelection.js","names":[],"sources":["../../../src/components/CreateTableViewWizard/ViewTypeSelection.tsx"],"sourcesContent":["import { Link } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { ENTITY_VIEW_TYPE_MASK_PROJECT } from '@sage-bionetworks/synapse-types'\nimport WizardChoiceButton from '../WizardChoiceButton/WizardChoiceButton'\nimport WizardChoiceButtonDescription from '../WizardChoiceButton/WizardChoiceButtonDescription'\nimport WizardChoiceButtonGroup from '../WizardChoiceButton/WizardChoiceButtonGroup'\n\nconst FILE_VIEW_DESCRIPTION = (\n <>\n <WizardChoiceButtonDescription>\n This view lists all files, folders, and/or tables in the selected folders\n or projects.\n </WizardChoiceButtonDescription>\n <Link\n href={\n 'https://help.synapse.org/docs/Views.2011070739.html#Views-CreatingaFileView'\n }\n target=\"_blank\"\n onClick={e => {\n e.stopPropagation()\n }}\n >\n More about File Views\n </Link>\n </>\n)\n\nconst PROJECT_VIEW_DESCRIPTION = (\n <>\n <WizardChoiceButtonDescription>\n This view lists all (and only) your selected projects.\n </WizardChoiceButtonDescription>\n <Link\n href={\n 'https://help.synapse.org/docs/Views.2011070739.html#Views-CreatingaProjectView'\n }\n target=\"_blank\"\n onClick={e => {\n e.stopPropagation()\n }}\n >\n More about Project Views\n </Link>\n </>\n)\n\nconst SUBMISSION_VIEW_DESCRIPTION = (\n <>\n <WizardChoiceButtonDescription>\n This view lists all submissions within one or more evaluation queues.\n </WizardChoiceButtonDescription>\n <Link\n href={\n 'https://help.synapse.org/docs/Views.2011070739.html#Views-CreatingaSubmissionView'\n }\n target=\"_blank\"\n onClick={e => {\n e.stopPropagation()\n }}\n >\n More about Submission Views\n </Link>\n </>\n)\n\nconst MATERIALIZED_VIEW_DESCRIPTION = (\n <>\n <WizardChoiceButtonDescription>\n The results of a query across multiple sources, defined by a SQL\n statement.\n </WizardChoiceButtonDescription>\n <Link\n href={\n 'https://help.synapse.org/docs/Combining-Data-from-Multiple-Table-Sources.2973270158.html'\n }\n target=\"_blank\"\n onClick={e => {\n e.stopPropagation()\n }}\n >\n More about Materialized Views\n </Link>\n </>\n)\n\nconst VIRTUAL_TABLE_DESCRIPTION = (\n <WizardChoiceButtonDescription>\n A saved query on another table or view where complex filters can be applied\n to aggregated results.\n </WizardChoiceButtonDescription>\n)\n\nexport type ViewTypeSelectionProps = {\n /* Callback including the chosen type, and optional viewTypeMask if included in the choice (e.g. Project Views) /\n onTypeSelected: (type: EntityType, viewTypeMask?: number) => void\n}\n\n/\n React component for selecting a View type in the View creation wizard.\n * Renders UI to show all view types where the user must choose one to continue.\n */\nexport default function ViewTypeSelection(props: ViewTypeSelectionProps) {\n const { onTypeSelected } = props\n\n return (\n <WizardChoiceButtonGroup>\n <WizardChoiceButton\n title={'Files, Folders, and Other Objects'}\n description={FILE_VIEW_DESCRIPTION}\n onClick={() => {\n onTypeSelected(EntityType.entityview)\n }}\n />\n <WizardChoiceButton\n title={'Projects'}\n description={PROJECT_VIEW_DESCRIPTION}\n onClick={() => {\n onTypeSelected(EntityType.entityview, ENTITY_VIEW_TYPE_MASK_PROJECT)\n }}\n />\n <WizardChoiceButton\n title={'Challenge Submissions'}\n description={SUBMISSION_VIEW_DESCRIPTION}\n onClick={() => {\n onTypeSelected(EntityType.submissionview)\n }}\n />\n <WizardChoiceButton\n title={'Materialized View'}\n description={MATERIALIZED_VIEW_DESCRIPTION}\n onClick={() => {\n onTypeSelected(EntityType.materializedview)\n }}\n />\n <WizardChoiceButton\n title={'Virtual Table'}\n description={VIRTUAL_TABLE_DESCRIPTION}\n onClick={() => {\n onTypeSelected(EntityType.virtualtable)\n }}\n />\n </WizardChoiceButtonGroup>\n )\n}\n"],"mappings":";;;;;;;;AAOA,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAA+B,yFAGA,CAAA,GAC/B,kBAAC,GAAD;CACE,MACE;CAEF,QAAO;CACP,UAAS,MAAK;EACZ,EAAE,gBAAgB;CACpB;WACD;AAEK,CAAA,CACN,EAAA,CAAA,GAGE,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAA+B,yDAEA,CAAA,GAC/B,kBAAC,GAAD;CACE,MACE;CAEF,QAAO;CACP,UAAS,MAAK;EACZ,EAAE,gBAAgB;CACpB;WACD;AAEK,CAAA,CACN,EAAA,CAAA,GAGE,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAA+B,wEAEA,CAAA,GAC/B,kBAAC,GAAD;CACE,MACE;CAEF,QAAO;CACP,UAAS,MAAK;EACZ,EAAE,gBAAgB;CACpB;WACD;AAEK,CAAA,CACN,EAAA,CAAA,GAGE,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAA+B,8EAGA,CAAA,GAC/B,kBAAC,GAAD;CACE,MACE;CAEF,QAAO;CACP,UAAS,MAAK;EACZ,EAAE,gBAAgB;CACpB;WACD;AAEK,CAAA,CACN,EAAA,CAAA,GAGE,IACJ,kBAAC,GAAD,EAAA,UAA+B,qGAGA,CAAA;AAYjC,SAAwB,EAAkB,GAA+B;CACvE,IAAM,EAAE,sBAAmB;CAE3B,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,eAAe;IACb,EAAe,EAAW,UAAU;GACtC;EACD,CAAA;EACD,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,eAAe;IACb,EAAe,EAAW,YAAY,CAA6B;GACrE;EACD,CAAA;EACD,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,eAAe;IACb,EAAe,EAAW,cAAc;GAC1C;EACD,CAAA;EACD,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,eAAe;IACb,EAAe,EAAW,gBAAgB;GAC5C;EACD,CAAA;EACD,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,eAAe;IACb,EAAe,EAAW,YAAY;GACxC;EACD,CAAA;CACsB,EAAA,CAAA;AAE7B"}

package/dist/components/CrispChat/CrispChat.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CrispChat.js","names":[],"sources":["../../../src/components/CrispChat/CrispChat.tsx"],"sourcesContent":["import './CrispTypes'\nimport React, { useEffect } from 'react'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useGetFeatureFlag } from '@/synapse-queries'\n\n// Ensure script is only loaded once\nlet isScriptLoaded = false\n\n/*\n CrispChat component that loads the Crisp chat widget when the CRISP_CHAT feature flag is enabled.\n * The script is only loaded once, even if the component is mounted multiple times.\n */\nexport function CrispChat(): React.ReactNode {\n const isCrispChatEnabled = useGetFeatureFlag(FeatureFlagEnum.CRISP_CHAT)\n\n useEffect(() => {\n if (isCrispChatEnabled && !isScriptLoaded) {\n // Initialize Crisp\n window.$crisp = window.$crisp \|\| []\n window.CRISP_WEBSITE_ID = 'c9bf8451-61b5-4b7e-b564-5772f85d54bd'\n\n // Create and append the script\n const script = document.createElement('script')\n script.type = 'text/javascript'\n script.src = 'https://client.crisp.chat/l.js'\n script.async = true\n\n const target = document.head ?? document.body\n target?.appendChild(script)\n\n isScriptLoaded = true\n }\n }, [isCrispChatEnabled])\n\n return null\n}\n\nexport default CrispChat\n"],"mappings":";;;;;AAMA,IAAI,IAAiB;AAMrB,SAAgB,IAA6B;CAC3C,IAAM,IAAqB,EAAkB,EAAgB,~~WAAW~~;~~AAqBxE~~,~~QAnBA~~,QAAgB;~~AACd~~,~~MAAI~~,KAAsB,CAAC,GAAgB;~~AAGzC~~,~~GADA~~,OAAO,SAAS,OAAO,UAAU,~~EAAE~~,~~EACnC~~,OAAO,mBAAmB;GAG1B,IAAM,IAAS,SAAS,cAAc,~~SAAS~~;~~AAQ/C~~,~~GAPA~~,EAAO,OAAO,mBACd,EAAO,MAAM,kCACb,EAAO,QAAQ,KAEA,SAAS,QAAQ,SAAS,OACjC,YAAY,~~EAAO~~,~~EAE3B~~,IAAiB~~;;IAElB~~,CAAC,~~EAAmB~~,CAAC,~~EAEjB~~"}
1	+ {"version":3,"file":"CrispChat.js","names":[],"sources":["../../../src/components/CrispChat/CrispChat.tsx"],"sourcesContent":["import './CrispTypes'\nimport React, { useEffect } from 'react'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useGetFeatureFlag } from '@/synapse-queries'\n\n// Ensure script is only loaded once\nlet isScriptLoaded = false\n\n/*\n CrispChat component that loads the Crisp chat widget when the CRISP_CHAT feature flag is enabled.\n * The script is only loaded once, even if the component is mounted multiple times.\n */\nexport function CrispChat(): React.ReactNode {\n const isCrispChatEnabled = useGetFeatureFlag(FeatureFlagEnum.CRISP_CHAT)\n\n useEffect(() => {\n if (isCrispChatEnabled && !isScriptLoaded) {\n // Initialize Crisp\n window.$crisp = window.$crisp \|\| []\n window.CRISP_WEBSITE_ID = 'c9bf8451-61b5-4b7e-b564-5772f85d54bd'\n\n // Create and append the script\n const script = document.createElement('script')\n script.type = 'text/javascript'\n script.src = 'https://client.crisp.chat/l.js'\n script.async = true\n\n const target = document.head ?? document.body\n target?.appendChild(script)\n\n isScriptLoaded = true\n }\n }, [isCrispChatEnabled])\n\n return null\n}\n\nexport default CrispChat\n"],"mappings":";;;;;AAMA,IAAI,IAAiB;AAMrB,SAAgB,IAA6B;CAC3C,IAAM,IAAqB,EAAkB,EAAgB,UAAU;CAqBvE,OAnBA,QAAgB;EACd,IAAI,KAAsB,CAAC,GAAgB;GAGzC,AADA,OAAO,SAAS,OAAO,UAAU,CAAC,GAClC,OAAO,mBAAmB;GAG1B,IAAM,IAAS,SAAS,cAAc,QAAQ;GAQ9C,AAPA,EAAO,OAAO,mBACd,EAAO,MAAM,kCACb,EAAO,QAAQ,KAEA,SAAS,QAAQ,SAAS,OACjC,YAAY,CAAM,GAE1B,IAAiB;EACnB;CACF,GAAG,CAAC,CAAkB,CAAC,GAEhB;AACT"}

package/dist/components/DataExplorer/DataExplorer.js CHANGED Viewed

@@ -14,63 +14,60 @@ import { Button as u, Stack as d, Typography as f } from "@mui/material";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import h from "@mui/icons-material/ArrowForward";
 //#region src/components/DataExplorer/DataExplorer.tsx
-var g = /* @__PURE__ */ function(e) {
-	return e.DATATYPE = "datatype", e.ICON = "icon", e.HEX_COLOR = "hexColor", e.FILE_COUNT = "fileCount", e;
-}(g || {});
-function _({ sql: _, title: v, subtitle: y, buttonText: b, buttonLink: x, explorePath: S, exploreQuerySql: C, filterColumnName: w }) {
-	let T = v || y || b, E = r(x), D = e(_), { data: O } = n({
+function g({ sql: g, title: _, subtitle: v, buttonText: y, buttonLink: b, explorePath: x, exploreQuerySql: S, filterColumnName: C }) {
+	let w = _ || v || y, T = r(b), E = e(g), { data: D } = n({
 		partMask: 5,
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
-		entityId: D,
+		entityId: E,
 		query: {
-			sql: _,
+			sql: g,
 			sort: [{
 				column: "order",
 				direction: "ASC"
 			}]
 		}
-	}), k = c(() => O?.queryResult?.queryResults.rows ?? [], [O]), A = t(g.DATATYPE, O), j = t(g.ICON, O), M = t(g.HEX_COLOR, O), N = t(g.FILE_COUNT, O), [P, F] = l([]);
+	}), O = c(() => D?.queryResult?.queryResults.rows ?? [], [D]), k = t("datatype", D), A = t("icon", D), j = t("hexColor", D), M = t("fileCount", D), [N, P] = l([]);
 	return s(() => {
-		!S || !w || !C || Promise.all(k.map((e) => {
-			let t = e.values[A]?.trim();
-			return t ? i(S, C, [{
-				facet: w,
+		!x || !C || !S || Promise.all(O.map((e) => {
+			let t = e.values[k]?.trim();
+			return t ? i(x, S, [{
+				facet: C,
 				facetValue: t
-			}]) : Promise.resolve(S);
-		})).then(F);
+			}]) : Promise.resolve(x);
+		})).then(P);
 	}, [
+		O,
 		k,
-		A,
+		x,
 		S,
-		C,
-		w
+		C
 	]), /* @__PURE__ */ m("div", {
 		className: o.dataExplorerContainer,
-		children: [T && /* @__PURE__ */ m(d, {
+		children: [w && /* @__PURE__ */ m(d, {
 			className: o.dataExplorerTextContainer,
 			children: [
-				v && /* @__PURE__ */ p(f, {
+				_ && /* @__PURE__ */ p(f, {
 					variant: "headline1",
 					className: o.dataExplorerTitle,
-					children: v
+					children: _
 				}),
-				y && /* @__PURE__ */ p(f, {
+				v && /* @__PURE__ */ p(f, {
 					variant: "body1",
 					component: "div",
 					className: o.dataExplorerSubtitle,
-					children: y
+					children: v
 				}),
-				b && /* @__PURE__ */ p(u, {
+				y && /* @__PURE__ */ p(u, {
 					variant: "contained",
 					className: o.dataExplorerButton,
-					...E,
-					children: b
+					...T,
+					children: y
 				})
 			]
 		}), /* @__PURE__ */ p("div", {
 			className: o.dataContainer,
-			children: k.map((e, t) => {
-				let n = e.values[A] ?? "", r = e.values[M] ?? void 0, i = P[t], s = e.values[N] ?? "";
+			children: O.map((e, t) => {
+				let n = e.values[k] ?? "", r = e.values[j] ?? void 0, i = N[t], s = e.values[M] ?? "";
 				return /* @__PURE__ */ p("a", {
 					className: o.dataRow,
 					href: i,
@@ -82,9 +79,9 @@ function _({ sql: _, title: v, subtitle: y, buttonText: b, buttonLink: x, explor
 								className: o.iconContainer,
 								style: r ? { backgroundColor: r } : void 0,
 								children: /* @__PURE__ */ p(a, {
-									tableId: D,
-									fileHandleId: e.values[j],
-									alt: e.values[A] ?? "",
+									tableId: E,
+									fileHandleId: e.values[A],
+									alt: e.values[k] ?? "",
 									style: {
 										width: 49,
 										height: 49
@@ -114,6 +111,6 @@ function _({ sql: _, title: v, subtitle: y, buttonText: b, buttonLink: x, explor
 	});
 }
 //#endregion
-export { _ as default };
+export { g as default };
 //# sourceMappingURL=DataExplorer.js.map

package/dist/components/DataExplorer/DataExplorer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataExplorer.js","names":[],"sources":["../../../src/components/DataExplorer/DataExplorer.tsx"],"sourcesContent":["import { Button, Typography, Stack } from '@mui/material'\nimport { useEffect, useMemo, useState } from 'react'\nimport styles from './DataExplorer.module.scss'\nimport { useSmartLink } from '../SmartLink/useSmartLink'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { SynapseConstants } from '@/utils'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { generateEncodedPathAndQueryForSelectedFacetURL } from '../QueryWrapper'\nimport ImageFromSynapseTable from '../ImageFromSynapseTable'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\n\ntype DataExplorerProps = {\n title?: React.ReactNode\n subtitle?: React.ReactNode\n buttonText?: string\n buttonLink?: string\n sql: string\n explorePath?: string\n exploreQuerySql?: string\n filterColumnName?: string\n}\n\nenum ExpectedColumns {\n DATATYPE = 'datatype',\n ICON = 'icon',\n HEX_COLOR = 'hexColor',\n FILE_COUNT = 'fileCount',\n}\n\nexport default function DataExplorer({\n sql,\n title,\n subtitle,\n buttonText,\n buttonLink,\n explorePath,\n exploreQuerySql,\n filterColumnName,\n}: DataExplorerProps) {\n const hasTextSection = title \|\| subtitle \|\| buttonText\n const smartLinkProps = useSmartLink(buttonLink)\n\n const entityId = parseEntityIdFromSqlStatement(sql)\n\n const queryBundleRequest: QueryBundleRequest = {\n partMask:\n SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS \|\n SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n entityId,\n query: {\n sql,\n sort: [{ column: 'order', direction: 'ASC' }],\n },\n }\n\n const { data: queryResultBundle } =\n useGetQueryResultBundle(queryBundleRequest)\n\n const dataRows = useMemo(\n () => queryResultBundle?.queryResult?.queryResults.rows ?? [],\n [queryResultBundle],\n )\n\n const datatypeColIndex = getFieldIndex(\n ExpectedColumns.DATATYPE,\n queryResultBundle,\n )\n\n const iconColIndex = getFieldIndex(ExpectedColumns.ICON, queryResultBundle)\n\n const hexColorColIndex = getFieldIndex(\n ExpectedColumns.HEX_COLOR,\n queryResultBundle,\n )\n\n const fileCountColIndex = getFieldIndex(\n ExpectedColumns.FILE_COUNT,\n queryResultBundle,\n )\n\n const [rowUrls, setRowUrls] = useState<string[]>([])\n\n useEffect(() => {\n if (!explorePath \|\| !filterColumnName \|\| !exploreQuerySql) return\n\n Promise.all(\n dataRows.map(row => {\n const dataType = row.values[datatypeColIndex]?.trim()\n if (!dataType) return Promise.resolve(explorePath)\n return generateEncodedPathAndQueryForSelectedFacetURL(\n explorePath,\n exploreQuerySql,\n [{ facet: filterColumnName, facetValue: dataType }],\n )\n }),\n ).then(setRowUrls)\n }, [\n dataRows,\n datatypeColIndex,\n explorePath,\n exploreQuerySql,\n filterColumnName,\n ])\n\n return (\n <div className={styles.dataExplorerContainer}>\n {hasTextSection && (\n <Stack className={styles.dataExplorerTextContainer}>\n {title && (\n <Typography\n variant=\"headline1\"\n className={styles.dataExplorerTitle}\n >\n {title}\n </Typography>\n )}\n {subtitle && (\n <Typography\n variant=\"body1\"\n component=\"div\"\n className={styles.dataExplorerSubtitle}\n >\n {subtitle}\n </Typography>\n )}\n {buttonText && (\n <Button\n variant=\"contained\"\n className={styles.dataExplorerButton}\n {...smartLinkProps}\n >\n {buttonText}\n </Button>\n )}\n </Stack>\n )}\n <div className={styles.dataContainer}>\n {dataRows.map((row, index) => {\n const dataType = row.values[datatypeColIndex] ?? ''\n const hexColor = row.values[hexColorColIndex] ?? undefined\n const rowUrl = rowUrls[index]\n const fileCount = row.values[fileCountColIndex] ?? ''\n return (\n <a key={row.rowId} className={styles.dataRow} href={rowUrl}>\n <div className={styles.dataRowInner}>\n <div className={styles.dataRowLeft}>\n <div\n className={styles.iconContainer}\n style={hexColor ? { backgroundColor: hexColor } : undefined}\n >\n <ImageFromSynapseTable\n tableId={entityId}\n fileHandleId={row.values[iconColIndex]}\n alt={row.values[datatypeColIndex] ?? ''}\n style={{ width: 49, height: 49 }}\n />\n </div>\n <div className={styles.dataRowNamePill}>\n <Typography className={styles.dataRowTitle}>\n {dataType}\n </Typography>\n {fileCount && (\n <div className={styles.fileCount}>{fileCount}</div>\n )}\n </div>\n </div>\n {rowUrl && (\n <div className={styles.viewCta}>\n <span className={styles.viewCtaText}>View</span>\n <ArrowForwardIcon className={styles.viewCtaIcon} />\n </div>\n )}\n </div>\n </a>\n )\n })}\n </div>\n </div>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;~~AAwBA~~,~~IAAK,IAAL,yBAAA,GAAA;QACE,EAAA,WAAW,YACX,EAAA,OAAO,QACP,EAAA,YAAY,YACZ,EAAA,aAAa;EAJV,KAAA,EAAA,CAKJ;AAED,~~SAAwB,EAAa,EACnC,QACA,UACA,aACA,eACA,eACA,gBACA,oBACA,uBACoB;CACpB,IAAM,IAAiB,KAAS,KAAY,GACtC,IAAiB,EAAa,~~EAAW~~,~~EAEzC~~,IAAW,EAA8B,~~EAAI~~,~~EAc7C~~,EAAE,MAAM,MACZ,EAAwB;EAZxB,UACE;EAEF,cAAc;EACd;EACA,OAAO;GACL;GACA,MAAM,CAAC;IAAE,QAAQ;IAAS,WAAW;~~IAAO~~,CAAC;~~GAC9C~~;~~EAIuB~~,~~CAAmB~~,~~EAEvC~~,IAAW,QACT,GAAmB,aAAa,aAAa,QAAQ,~~EAAE~~,~~EAC7D~~,CAAC,~~EAAkB~~,CACpB,~~EAEK~~,IAAmB,~~EACvB~~,~~EAAgB~~,~~UAChB~~,~~EACD~~,~~EAEK,~~IAAe,~~EAAc~~,~~EAAgB~~,~~MAAM~~,~~EAAkB~~,~~EAErE,~~IAAmB,~~EACvB~~,~~EAAgB~~,~~WAChB~~,~~EACD~~,~~EAEK,~~IAAoB,~~EACxB~~,~~EAAgB~~,~~YAChB~~,~~EACD~~,~~EAEK,~~CAAC,GAAS,KAAc,EAAmB,~~EAAE~~,CAAC;~~AAwBpD~~,~~QAtBA~~,QAAgB;~~AACV~~,~~GAAC~~,KAAe,CAAC,KAAoB,CAAC,KAE1C,QAAQ,IACN,EAAS,KAAI,MAAO;GAClB,IAAM,IAAW,EAAI,OAAO,IAAmB,~~MAAM~~;~~AAErD~~,~~UADK~~,IACE,EACL,GACA,GACA,CAAC;IAAE,OAAO;IAAkB,YAAY;~~IAAU~~,CAAC,CACpD,~~GALqB~~,QAAQ,QAAQ,~~EAAY~~;~~IAMlD~~,CACH,~~CAAC~~,KAAK,~~EAAW~~;~~IACjB~~;EACD;EACA;EACA;EACA;EACA;~~EACD~~,CAAC,~~EAGA~~,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACG,KACC,kBAAC,GAAD;GAAO,WAAW,EAAO;aAAzB;IACG,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAW,EAAO;eAEjB;~~KACU~~,CAAA;~~IAEd~~,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAU;KACV,WAAW,EAAO;eAEjB;~~KACU~~,CAAA;~~IAEd~~,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAW,EAAO;KAClB,GAAI;eAEH;~~KACM~~,CAAA;~~IAEL~~;~~MAEV~~,kBAAC,OAAD;GAAK,WAAW,EAAO;aACpB,EAAS,KAAK,GAAK,MAAU;IAC5B,IAAM,IAAW,EAAI,OAAO,MAAqB,IAC3C,IAAW,EAAI,OAAO,MAAqB,KAAA,GAC3C,IAAS,EAAQ,IACjB,IAAY,EAAI,OAAO,MAAsB;~~AACnD~~,~~WACE~~,kBAAC,KAAD;KAAmB,WAAW,EAAO;KAAS,MAAM;eAClD,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAvB,CACE,kBAAC,OAAD;QACE,WAAW,EAAO;QAClB,OAAO,IAAW,EAAE,iBAAiB,~~GAAU~~,~~GAAG~~,KAAA;kBAElD,kBAAC,GAAD;SACE,SAAS;SACT,cAAc,EAAI,OAAO;SACzB,KAAK,EAAI,OAAO,MAAqB;SACrC,OAAO;UAAE,OAAO;UAAI,QAAQ;~~UAAI~~;~~SAChC~~,CAAA;~~QACE~~,CAAA,~~EACN~~,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAY,WAAW,EAAO;mBAC3B;~~SACU~~,CAAA,~~EACZ~~,KACC,kBAAC,OAAD;SAAK,WAAW,EAAO;mBAAY;~~SAAgB~~,CAAA,CAEjD;~~UACF~~;~~UACL~~,KACC,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAvB,CACE,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAa;~~QAAW~~,CAAA,~~EAChD~~,kBAAC,GAAD,EAAkB,WAAW,EAAO,~~aAAe~~,CAAA,CAC/C;~~SAEJ~~;;~~KACJ~~,~~EA9BI~~,EAAI,~~MA8BR~~;~~KAEN~~;~~GACE~~,CAAA,CACF"}
1	+ {"version":3,"file":"DataExplorer.js","names":[],"sources":["../../../src/components/DataExplorer/DataExplorer.tsx"],"sourcesContent":["import { Button, Typography, Stack } from '@mui/material'\nimport { useEffect, useMemo, useState } from 'react'\nimport styles from './DataExplorer.module.scss'\nimport { useSmartLink } from '../SmartLink/useSmartLink'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { SynapseConstants } from '@/utils'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { generateEncodedPathAndQueryForSelectedFacetURL } from '../QueryWrapper'\nimport ImageFromSynapseTable from '../ImageFromSynapseTable'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\n\ntype DataExplorerProps = {\n title?: React.ReactNode\n subtitle?: React.ReactNode\n buttonText?: string\n buttonLink?: string\n sql: string\n explorePath?: string\n exploreQuerySql?: string\n filterColumnName?: string\n}\n\nenum ExpectedColumns {\n DATATYPE = 'datatype',\n ICON = 'icon',\n HEX_COLOR = 'hexColor',\n FILE_COUNT = 'fileCount',\n}\n\nexport default function DataExplorer({\n sql,\n title,\n subtitle,\n buttonText,\n buttonLink,\n explorePath,\n exploreQuerySql,\n filterColumnName,\n}: DataExplorerProps) {\n const hasTextSection = title \|\| subtitle \|\| buttonText\n const smartLinkProps = useSmartLink(buttonLink)\n\n const entityId = parseEntityIdFromSqlStatement(sql)\n\n const queryBundleRequest: QueryBundleRequest = {\n partMask:\n SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS \|\n SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n entityId,\n query: {\n sql,\n sort: [{ column: 'order', direction: 'ASC' }],\n },\n }\n\n const { data: queryResultBundle } =\n useGetQueryResultBundle(queryBundleRequest)\n\n const dataRows = useMemo(\n () => queryResultBundle?.queryResult?.queryResults.rows ?? [],\n [queryResultBundle],\n )\n\n const datatypeColIndex = getFieldIndex(\n ExpectedColumns.DATATYPE,\n queryResultBundle,\n )\n\n const iconColIndex = getFieldIndex(ExpectedColumns.ICON, queryResultBundle)\n\n const hexColorColIndex = getFieldIndex(\n ExpectedColumns.HEX_COLOR,\n queryResultBundle,\n )\n\n const fileCountColIndex = getFieldIndex(\n ExpectedColumns.FILE_COUNT,\n queryResultBundle,\n )\n\n const [rowUrls, setRowUrls] = useState<string[]>([])\n\n useEffect(() => {\n if (!explorePath \|\| !filterColumnName \|\| !exploreQuerySql) return\n\n Promise.all(\n dataRows.map(row => {\n const dataType = row.values[datatypeColIndex]?.trim()\n if (!dataType) return Promise.resolve(explorePath)\n return generateEncodedPathAndQueryForSelectedFacetURL(\n explorePath,\n exploreQuerySql,\n [{ facet: filterColumnName, facetValue: dataType }],\n )\n }),\n ).then(setRowUrls)\n }, [\n dataRows,\n datatypeColIndex,\n explorePath,\n exploreQuerySql,\n filterColumnName,\n ])\n\n return (\n <div className={styles.dataExplorerContainer}>\n {hasTextSection && (\n <Stack className={styles.dataExplorerTextContainer}>\n {title && (\n <Typography\n variant=\"headline1\"\n className={styles.dataExplorerTitle}\n >\n {title}\n </Typography>\n )}\n {subtitle && (\n <Typography\n variant=\"body1\"\n component=\"div\"\n className={styles.dataExplorerSubtitle}\n >\n {subtitle}\n </Typography>\n )}\n {buttonText && (\n <Button\n variant=\"contained\"\n className={styles.dataExplorerButton}\n {...smartLinkProps}\n >\n {buttonText}\n </Button>\n )}\n </Stack>\n )}\n <div className={styles.dataContainer}>\n {dataRows.map((row, index) => {\n const dataType = row.values[datatypeColIndex] ?? ''\n const hexColor = row.values[hexColorColIndex] ?? undefined\n const rowUrl = rowUrls[index]\n const fileCount = row.values[fileCountColIndex] ?? ''\n return (\n <a key={row.rowId} className={styles.dataRow} href={rowUrl}>\n <div className={styles.dataRowInner}>\n <div className={styles.dataRowLeft}>\n <div\n className={styles.iconContainer}\n style={hexColor ? { backgroundColor: hexColor } : undefined}\n >\n <ImageFromSynapseTable\n tableId={entityId}\n fileHandleId={row.values[iconColIndex]}\n alt={row.values[datatypeColIndex] ?? ''}\n style={{ width: 49, height: 49 }}\n />\n </div>\n <div className={styles.dataRowNamePill}>\n <Typography className={styles.dataRowTitle}>\n {dataType}\n </Typography>\n {fileCount && (\n <div className={styles.fileCount}>{fileCount}</div>\n )}\n </div>\n </div>\n {rowUrl && (\n <div className={styles.viewCta}>\n <span className={styles.viewCtaText}>View</span>\n <ArrowForwardIcon className={styles.viewCtaIcon} />\n </div>\n )}\n </div>\n </a>\n )\n })}\n </div>\n </div>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA+BA,SAAwB,EAAa,EACnC,QACA,UACA,aACA,eACA,eACA,gBACA,oBACA,uBACoB;CACpB,IAAM,IAAiB,KAAS,KAAY,GACtC,IAAiB,EAAa,CAAU,GAExC,IAAW,EAA8B,CAAG,GAc5C,EAAE,MAAM,MACZ,EAAwB;EAZxB,UACE;EAEF,cAAc;EACd;EACA,OAAO;GACL;GACA,MAAM,CAAC;IAAE,QAAQ;IAAS,WAAW;GAAM,CAAC;EAC9C;CAIwB,CAAkB,GAEtC,IAAW,QACT,GAAmB,aAAa,aAAa,QAAQ,CAAC,GAC5D,CAAC,CAAiB,CACpB,GAEM,IAAmB,EAAA,YAEvB,CACF,GAEM,IAAe,EAAA,QAAoC,CAAiB,GAEpE,IAAmB,EAAA,YAEvB,CACF,GAEM,IAAoB,EAAA,aAExB,CACF,GAEM,CAAC,GAAS,KAAc,EAAmB,CAAC,CAAC;CAwBnD,OAtBA,QAAgB;EACV,CAAC,KAAe,CAAC,KAAoB,CAAC,KAE1C,QAAQ,IACN,EAAS,KAAI,MAAO;GAClB,IAAM,IAAW,EAAI,OAAO,IAAmB,KAAK;GAEpD,OADK,IACE,EACL,GACA,GACA,CAAC;IAAE,OAAO;IAAkB,YAAY;GAAS,CAAC,CACpD,IALsB,QAAQ,QAAQ,CAAW;EAMnD,CAAC,CACH,EAAE,KAAK,CAAU;CACnB,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC,GAGC,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACG,KACC,kBAAC,GAAD;GAAO,WAAW,EAAO;aAAzB;IACG,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAW,EAAO;eAEjB;IACS,CAAA;IAEb,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAU;KACV,WAAW,EAAO;eAEjB;IACS,CAAA;IAEb,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAW,EAAO;KAClB,GAAI;eAEH;IACK,CAAA;GAEL;MAET,kBAAC,OAAD;GAAK,WAAW,EAAO;aACpB,EAAS,KAAK,GAAK,MAAU;IAC5B,IAAM,IAAW,EAAI,OAAO,MAAqB,IAC3C,IAAW,EAAI,OAAO,MAAqB,KAAA,GAC3C,IAAS,EAAQ,IACjB,IAAY,EAAI,OAAO,MAAsB;IACnD,OACE,kBAAC,KAAD;KAAmB,WAAW,EAAO;KAAS,MAAM;eAClD,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAvB,CACE,kBAAC,OAAD;QACE,WAAW,EAAO;QAClB,OAAO,IAAW,EAAE,iBAAiB,EAAS,IAAI,KAAA;kBAElD,kBAAC,GAAD;SACE,SAAS;SACT,cAAc,EAAI,OAAO;SACzB,KAAK,EAAI,OAAO,MAAqB;SACrC,OAAO;UAAE,OAAO;UAAI,QAAQ;SAAG;QAChC,CAAA;OACE,CAAA,GACL,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAY,WAAW,EAAO;mBAC3B;QACS,CAAA,GACX,KACC,kBAAC,OAAD;SAAK,WAAW,EAAO;mBAAY;QAAe,CAAA,CAEjD;SACF;UACJ,KACC,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAvB,CACE,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAa;OAAU,CAAA,GAC/C,kBAAC,GAAD,EAAkB,WAAW,EAAO,YAAc,CAAA,CAC/C;QAEJ;;IACJ,GA9BK,EAAI,KA8BT;GAEP,CAAC;EACE,CAAA,CACF;;AAET"}