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

synapse-react-client 4.0.19 → 4.0.21

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 (1619) hide show

package/dist/components/TableColumnSchemaEditor/ColumnModelForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColumnModelForm.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/ColumnModelForm.tsx"],"sourcesContent":["import { convertToConcreteEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport {\n Box,\n Checkbox,\n FormControl,\n Link,\n MenuItem,\n Select,\n SxProps,\n TextField,\n Tooltip,\n} from '@mui/material'\nimport FormHelperText from '@mui/material/FormHelperText'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n ColumnModel,\n ColumnTypeEnum,\n FacetType,\n VIEW_CONCRETE_TYPE_VALUES,\n FacetColumnSortConfig,\n} from '@sage-bionetworks/synapse-types'\nimport { useAtomValue, useSetAtom } from 'jotai'\nimport { selectAtom } from 'jotai/utils'\nimport { isArray, isEmpty, isEqual } from 'lodash-es'\nimport { useMemo } from 'react'\nimport { ZodIssue } from 'zod'\nimport DefaultValueField from './ColumnModelFormFields/DefaultValueField'\nimport { FieldWithRecommendedMinimum } from './ColumnModelFormFields/FieldWithRecommendedMinimum'\nimport MultiValueField from './ColumnModelFormFields/MultiValueField'\nimport {\n canHaveDefault,\n canHaveMaxListLength,\n canHaveRestrictedValues,\n canHaveSize,\n configureFacetsForType,\n getAllowedColumnTypes,\n getColumnTypeFriendlyName,\n getFacetTypeFriendlyName,\n getMaxSizeForType,\n} from './TableColumnSchemaEditorUtils'\nimport { HIERARCHY_VERTICAL_LINE_COMPONENT } from './TableColumnSchemaForm'\nimport { tableColumnSchemaFormDataAtom } from './TableColumnSchemaFormReducer'\nimport {\n ColumnModelFormData,\n JsonSubColumnModelFormData,\n} from './Validators/ColumnModelValidator'\n\ntype ColumnModelFormProps = {\n entityType: EntityType\n columnModelIndex: number\n jsonSubColumnIndex?: number\n /* Default Columns are read-only, except for the facetType /\n isDefaultColumn: boolean\n disabled?: boolean\n / Can be used to override the schema used for validating ColumnModels /\n validationErrors?: ZodIssue[] \| null\n defaultAnnotationModel?: ColumnModel \| null\n originalColumnModel?: ColumnModel \| null\n}\nconst jsonSubColumnFieldSx: SxProps = {\n height: '28px',\n fontSize: '12px',\n}\nconst topLevelColumnModelFieldSx: SxProps = {\n height: '38px',\n fontSize: '14px',\n}\n\nfunction renderDefaultValue(\n defaultValue: string \| unknown[] \| undefined,\n _columnType: ColumnTypeEnum,\n): string {\n if (defaultValue == null) {\n return ''\n }\n\n if (isArray(defaultValue)) {\n return defaultValue.map(String).join(', ')\n }\n return defaultValue\n}\n\n// Helper type for the combined sort configuration value\ntype FacetSortValue =\n \| 'FREQUENCY_DESC'\n \| 'FREQUENCY_ASC'\n \| 'VALUE_DESC'\n \| 'VALUE_ASC'\n \| ''\n\n/\n Converts a FacetColumnSortConfig object to a single string value for the select dropdown\n /\nfunction facetSortConfigToValue(\n config: FacetColumnSortConfig \| undefined,\n): FacetSortValue {\n if (!config \|\| (!config.property && !config.direction)) {\n return ''\n }\n const property = config.property \|\| 'FREQUENCY'\n const direction = config.direction \|\| 'DESC'\n return `${property}_${direction}` as FacetSortValue\n}\n\n/\n Converts a select dropdown value to a FacetColumnSortConfig object\n /\nfunction valueToFacetSortConfig(\n value: FacetSortValue,\n): FacetColumnSortConfig \| undefined {\n if (!value) {\n return undefined\n }\n const [property, direction] = value.split('_') as [\n 'FREQUENCY' \| 'VALUE',\n 'DESC' \| 'ASC',\n ]\n return { property, direction }\n}\n\n/\n * Disable immediate MUI/Emotion style injection because it causes performance issues when adding many columns at once.\n * This can be a common occurence when adding annotation columns\n /\nconst DISABLE_INJECTING_GLOBAL_STYLES_VALUE = true\n\nexport default function ColumnModelForm(props: ColumnModelFormProps) {\n const {\n columnModelIndex,\n jsonSubColumnIndex,\n entityType,\n isDefaultColumn,\n disabled = false,\n validationErrors = null,\n defaultAnnotationModel,\n originalColumnModel,\n } = props\n const isJsonSubColumn = jsonSubColumnIndex != undefined\n const dispatch = useSetAtom(tableColumnSchemaFormDataAtom)\n const isView = (VIEW_CONCRETE_TYPE_VALUES as readonly string[]).includes(\n convertToConcreteEntityType(entityType),\n )\n\n const columnModelAtom = useMemo(\n () =>\n selectAtom(\n tableColumnSchemaFormDataAtom,\n v =>\n isJsonSubColumn\n ? v[columnModelIndex].jsonSubColumns![jsonSubColumnIndex]\n : v[columnModelIndex],\n isEqual,\n ),\n [columnModelIndex, isJsonSubColumn, jsonSubColumnIndex],\n )\n\n const columnModel = useAtomValue(columnModelAtom)\n\n const allowedColumnTypes = useMemo(\n () => getAllowedColumnTypes(isView, isJsonSubColumn),\n [isView, isJsonSubColumn],\n )\n\n const allowedFacetTypes = useMemo(\n () => configureFacetsForType(columnModel.columnType, isJsonSubColumn),\n [columnModel.columnType, isJsonSubColumn],\n )\n const fieldSx: SxProps = useMemo(\n () => (isJsonSubColumn ? jsonSubColumnFieldSx : topLevelColumnModelFieldSx),\n [isJsonSubColumn],\n )\n\n const errorsByField = useMemo(() => {\n if (validationErrors && isArray(validationErrors)) {\n const errorsByField: Record<string, string> = {}\n validationErrors.forEach(e => {\n if (e.path) {\n errorsByField[e.path[e.path.length - 1]] = e.message\n }\n })\n return errorsByField\n }\n return {}\n }, [validationErrors])\n\n return (\n <>\n <Box\n sx={{\n display: 'grid',\n gridColumn: '1 / span 11',\n gridTemplateColumns: 'subgrid',\n }}\n >\n {isJsonSubColumn && (\n <Box sx={{ gridColumn: '1 / span 1' }}>\n {HIERARCHY_VERTICAL_LINE_COMPONENT}\n </Box>\n )}\n <Box\n data-testid={`ColumnModelForm`}\n sx={{\n display: 'flex',\n alignItems: 'start',\n gridColumn: isJsonSubColumn ? '2 / span 1' : ' 1 / span 1',\n // Checkbox is offset from top; vertical centering causes issues when validation errors are displayed\n mt: isJsonSubColumn ? '0px' : '5px',\n }}\n >\n <Checkbox\n checked={columnModel.isSelected}\n inputProps={{ 'aria-label': 'Select' }}\n disabled={disabled}\n onChange={() => {\n dispatch({\n type: 'toggleSelect',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n })\n }}\n />\n </Box>\n <Box\n sx={{\n my: isDefaultColumn ? 'auto' : undefined,\n gridColumn: isJsonSubColumn\n ? / If this is a JSON Subcolumn, we reduce the width of this grid column to create space to render the visual hierarchical line /\n '3 / span 1'\n : / Otherwise, span across both grid columns */\n '2 / span 2',\n }}\n >\n {isDefaultColumn ? (\n columnModel.name\n ) : (\n <TextField\n value={columnModel.name}\n placeholder={isJsonSubColumn ? 'Facet name' : 'Column name'}\n onChange={e => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n name: e.target.value,\n },\n })\n }}\n disabled={disabled}\n fullWidth\n error={!!errorsByField['name']}\n helperText={errorsByField['name']}\n slotProps={{\n input: {\n disableInjectingGlobalStyles:\n DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n sx: fieldSx,\n slotProps: {\n input: {\n 'aria-label': 'Name',\n },\n },\n },\n }}\n />\n )}\n </Box>\n <Box\n sx={{\n my: isDefaultColumn ? 'auto' : undefined,\n }}\n >\n {isDefaultColumn ? (\n getColumnTypeFriendlyName(columnModel.columnType)\n ) : (\n <FormControl fullWidth>\n <Select\n label=\"Column Type\"\n value={columnModel.columnType}\n onChange={e => {\n dispatch({\n type: 'changeColumnModelType',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n newColumnType: e.target.value as ColumnTypeEnum,\n })\n }}\n slotProps={{\n input: {\n 'aria-label': 'Column Type',\n },\n }}\n sx={fieldSx}\n disabled={disabled}\n error={!!errorsByField['columnType']}\n >\n {allowedColumnTypes.map(value => {\n return (\n <MenuItem value={value} key={value}>\n {getColumnTypeFriendlyName(value)}\n </MenuItem>\n )\n })}\n </Select>\n {errorsByField['columnType'] && (\n <FormHelperText color={'error.main'}>\n {errorsByField['columnType']}\n </FormHelperText>\n )}\n </FormControl>\n )}\n </Box>\n <Box\n sx={{\n my: isDefaultColumn ? 'auto' : undefined,\n }}\n >\n {isDefaultColumn ? (\n ((columnModel as ColumnModelFormData).maximumSize ?? '')\n ) : (\n <FieldWithRecommendedMinimum\n value={(columnModel as ColumnModelFormData).maximumSize ?? ''}\n originalValue={originalColumnModel?.maximumSize}\n recommendedValue={defaultAnnotationModel?.maximumSize}\n columnType={columnModel.columnType as ColumnTypeEnum}\n disabled={disabled \|\| !canHaveSize(columnModel.columnType)}\n InputProps={{\n disableInjectingGlobalStyles:\n DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n\n slotProps: {\n input: {\n 'aria-label': 'Maximum Size',\n min: 1,\n max: canHaveSize(columnModel.columnType)\n ? getMaxSizeForType(columnModel.columnType)\n : undefined,\n },\n },\n sx: fieldSx,\n }}\n onChange={e => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n maximumSize: e.target.value,\n },\n })\n }}\n fullWidth\n error={!!errorsByField['maximumSize']}\n helperText={errorsByField['maximumSize']}\n />\n )}\n </Box>\n <Box\n sx={{\n my: isDefaultColumn ? 'auto' : undefined,\n }}\n >\n {isDefaultColumn ? (\n ((columnModel as ColumnModelFormData).maximumListLength ?? '')\n ) : (\n <FieldWithRecommendedMinimum\n value={\n (columnModel as ColumnModelFormData).maximumListLength ?? ''\n }\n originalValue={originalColumnModel?.maximumListLength}\n recommendedValue={defaultAnnotationModel?.maximumListLength}\n columnType={columnModel.columnType as ColumnTypeEnum}\n disabled={\n disabled \|\| !canHaveMaxListLength(columnModel.columnType)\n }\n onChange={e => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n maximumListLength: e.target.value,\n },\n })\n }}\n InputProps={{\n disableInjectingGlobalStyles:\n DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n slotProps: {\n input: {\n 'aria-label': 'Maximum List Length',\n },\n },\n sx: fieldSx,\n }}\n fullWidth\n error={!!errorsByField['maximumListLength']}\n helperText={errorsByField['maximumListLength']}\n />\n )}\n </Box>\n <Box\n sx={{\n my: isDefaultColumn ? 'auto' : undefined,\n }}\n >\n {isDefaultColumn ? (\n renderDefaultValue(\n (columnModel as ColumnModelFormData)?.defaultValue,\n columnModel.columnType as ColumnTypeEnum,\n )\n ) : (\n <DefaultValueField\n TextFieldProps={{\n InputProps: {\n disableInjectingGlobalStyles:\n DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n slotProps: {\n input: {\n 'aria-label': 'Default Value',\n },\n },\n sx: fieldSx,\n },\n fullWidth: true,\n error: !!errorsByField['defaultValue'],\n helperText: errorsByField['defaultValue'],\n }}\n SelectProps={{\n label: 'Default Value',\n sx: fieldSx,\n slotProps: {\n input: {\n 'aria-label': 'Default Value',\n },\n },\n error: !!errorsByField['defaultValue'],\n }}\n selectFormHelperText={errorsByField['defaultValue']}\n columnModel={columnModel as ColumnModelFormData}\n value={(columnModel as ColumnModelFormData)?.defaultValue \|\| null}\n onChange={value => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n defaultValue: value \|\| undefined,\n },\n })\n }}\n disabled={\n disabled \|\|\n !canHaveDefault(columnModel.columnType, isView, isJsonSubColumn)\n }\n />\n )}\n </Box>\n <Box>\n <MultiValueField\n value={(columnModel as ColumnModelFormData)?.enumValues}\n onChange={newValue => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n enumValues:\n newValue == null \|\| isEmpty(newValue)\n ? undefined\n : newValue,\n },\n })\n }}\n columnType={columnModel.columnType as ColumnTypeEnum}\n TextFieldProps={{\n fullWidth: true,\n disabled:\n disabled \|\|\n !canHaveRestrictedValues(\n columnModel.columnType,\n isJsonSubColumn,\n ),\n InputProps: {\n disableInjectingGlobalStyles:\n DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n // Is readOnly because edits are made with the JSONArrayEditorModal\n readOnly: true,\n sx: fieldSx,\n slotProps: {\n input: {\n 'aria-label': 'Restrict Values',\n },\n },\n },\n error: !!errorsByField['enumValues'],\n helperText: errorsByField['enumValues'],\n }}\n />\n </Box>\n <Box>\n <FormControl fullWidth>\n <Select\n label=\"Facet Type\"\n value={columnModel.facetType \|\| ''}\n disabled={disabled \|\| allowedFacetTypes === null}\n onChange={e => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n facetType: e.target.value as FacetType,\n },\n })\n }}\n sx={fieldSx}\n slotProps={{\n input: {\n 'aria-label': 'Facet Type',\n },\n }}\n error={!!errorsByField['facetType']}\n >\n {(allowedFacetTypes ?? []).map((value, index) => {\n return (\n <MenuItem value={value} key={index}>\n {value === undefined ? '' : getFacetTypeFriendlyName(value)}\n </MenuItem>\n )\n })}\n </Select>\n {errorsByField['facetType'] && (\n <FormHelperText color={'error.main'}>\n {errorsByField['facetType']}\n </FormHelperText>\n )}\n </FormControl>\n </Box>\n <Box>\n <FormControl fullWidth>\n <Select\n label=\"Sort Facet Values\"\n value={facetSortConfigToValue(\n 'facetSortConfig' in columnModel\n ? columnModel.facetSortConfig\n : undefined,\n )}\n disabled={disabled \|\| columnModel.facetType !== 'enumeration'}\n onChange={e => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n facetSortConfig: valueToFacetSortConfig(\n e.target.value as FacetSortValue,\n ),\n },\n })\n }}\n sx={fieldSx}\n slotProps={{\n input: {\n 'aria-label': 'Sort Facet Values',\n },\n }}\n error={!!errorsByField['facetSortConfig']}\n >\n <MenuItem value=\"FREQUENCY_DESC\">Frequency Descending</MenuItem>\n <MenuItem value=\"FREQUENCY_ASC\">Frequency Ascending</MenuItem>\n <MenuItem value=\"VALUE_DESC\">Value Descending</MenuItem>\n <MenuItem value=\"VALUE_ASC\">Value Ascending</MenuItem>\n </Select>\n {errorsByField['facetSortConfig'] && (\n <FormHelperText color={'error.main'}>\n {errorsByField['facetSortConfig']}\n </FormHelperText>\n )}\n </FormControl>\n </Box>\n </Box>\n {isJsonSubColumn && (\n <Box\n sx={{\n display: 'grid',\n gridColumn: '1 / span 11',\n gridTemplateColumns: 'subgrid',\n }}\n >\n <Box\n sx={{\n gridColumn: '1 / span 1',\n }}\n >\n {HIERARCHY_VERTICAL_LINE_COMPONENT}\n </Box>\n <Box></Box>\n <Box\n sx={{\n gridColumn: '3 / span 7',\n }}\n >\n <TextField\n placeholder={'JSON Path'}\n value={(columnModel as JsonSubColumnModelFormData).jsonPath}\n onChange={e => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...(columnModel as JsonSubColumnModelFormData),\n jsonPath: e.target.value,\n },\n })\n }}\n disabled={disabled}\n fullWidth\n slotProps={{\n input: {\n disableInjectingGlobalStyles:\n DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n sx: fieldSx,\n endAdornment: (\n <Tooltip\n title={\n <>\n <p>\n <Link\n href={\n 'https://dev.mysql.com/doc/refman/8.0/en/json.html#json-path-syntax'\n }\n >\n Please use a valid JSON Path selector, following\n this format.\n </Link>\n </p>\n <p>\n This field is for linking the sub-column facet to\n the corresponding location in the JSON data, so that\n it can be used as facet filter. The correct selector\n will point to the key referenced in the sub-column\n JSON Path.\n </p>\n </>\n }\n >\n <InfoTwoTone sx={{ color: 'grey.700' }} />\n </Tooltip>\n ),\n slotProps: {\n input: { 'aria-label': 'JSON Path' },\n },\n },\n }}\n error={!!errorsByField['jsonPath']}\n helperText={errorsByField['jsonPath']}\n />\n </Box>\n </Box>\n )}\n </>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ColumnModelForm.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/ColumnModelForm.tsx"],"sourcesContent":["import { convertToConcreteEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport {\n Box,\n Checkbox,\n FormControl,\n Link,\n MenuItem,\n Select,\n SxProps,\n TextField,\n Tooltip,\n} from '@mui/material'\nimport FormHelperText from '@mui/material/FormHelperText'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n ColumnModel,\n ColumnTypeEnum,\n FacetType,\n VIEW_CONCRETE_TYPE_VALUES,\n FacetColumnSortConfig,\n} from '@sage-bionetworks/synapse-types'\nimport { useAtomValue, useSetAtom } from 'jotai'\nimport { selectAtom } from 'jotai/utils'\nimport { isArray, isEmpty, isEqual } from 'lodash-es'\nimport { useMemo } from 'react'\nimport { ZodIssue } from 'zod'\nimport DefaultValueField from './ColumnModelFormFields/DefaultValueField'\nimport { FieldWithRecommendedMinimum } from './ColumnModelFormFields/FieldWithRecommendedMinimum'\nimport MultiValueField from './ColumnModelFormFields/MultiValueField'\nimport {\n canHaveDefault,\n canHaveMaxListLength,\n canHaveRestrictedValues,\n canHaveSize,\n configureFacetsForType,\n getAllowedColumnTypes,\n getColumnTypeFriendlyName,\n getFacetTypeFriendlyName,\n getFormDataValueAsNumber,\n getMaxListLengthForType,\n getMaxSizeForType,\n} from './TableColumnSchemaEditorUtils'\nimport { HIERARCHY_VERTICAL_LINE_COMPONENT } from './TableColumnSchemaForm'\nimport { tableColumnSchemaFormDataAtom } from './TableColumnSchemaFormReducer'\nimport {\n ColumnModelFormData,\n JsonSubColumnModelFormData,\n} from './Validators/ColumnModelValidator'\n\ntype ColumnModelFormProps = {\n entityType: EntityType\n columnModelIndex: number\n jsonSubColumnIndex?: number\n /* Default Columns are read-only, except for the facetType /\n isDefaultColumn: boolean\n disabled?: boolean\n / Can be used to override the schema used for validating ColumnModels /\n validationErrors?: ZodIssue[] \| null\n defaultAnnotationModel?: ColumnModel \| null\n originalColumnModel?: ColumnModel \| null\n}\nconst jsonSubColumnFieldSx: SxProps = {\n height: '28px',\n fontSize: '12px',\n}\nconst topLevelColumnModelFieldSx: SxProps = {\n height: '38px',\n fontSize: '14px',\n}\n\nfunction renderDefaultValue(\n defaultValue: string \| unknown[] \| undefined,\n _columnType: ColumnTypeEnum,\n): string {\n if (defaultValue == null) {\n return ''\n }\n\n if (isArray(defaultValue)) {\n return defaultValue.map(String).join(', ')\n }\n return defaultValue\n}\n\n// Helper type for the combined sort configuration value\ntype FacetSortValue =\n \| 'FREQUENCY_DESC'\n \| 'FREQUENCY_ASC'\n \| 'VALUE_DESC'\n \| 'VALUE_ASC'\n \| ''\n\n/\n Converts a FacetColumnSortConfig object to a single string value for the select dropdown\n /\nfunction facetSortConfigToValue(\n config: FacetColumnSortConfig \| undefined,\n): FacetSortValue {\n if (!config \|\| (!config.property && !config.direction)) {\n return ''\n }\n const property = config.property \|\| 'FREQUENCY'\n const direction = config.direction \|\| 'DESC'\n return `${property}_${direction}` as FacetSortValue\n}\n\n/\n Converts a select dropdown value to a FacetColumnSortConfig object\n /\nfunction valueToFacetSortConfig(\n value: FacetSortValue,\n): FacetColumnSortConfig \| undefined {\n if (!value) {\n return undefined\n }\n const [property, direction] = value.split('_') as [\n 'FREQUENCY' \| 'VALUE',\n 'DESC' \| 'ASC',\n ]\n return { property, direction }\n}\n\n/\n * Disable immediate MUI/Emotion style injection because it causes performance issues when adding many columns at once.\n * This can be a common occurence when adding annotation columns\n /\nconst DISABLE_INJECTING_GLOBAL_STYLES_VALUE = true\n\nexport default function ColumnModelForm(props: ColumnModelFormProps) {\n const {\n columnModelIndex,\n jsonSubColumnIndex,\n entityType,\n isDefaultColumn,\n disabled = false,\n validationErrors = null,\n defaultAnnotationModel,\n originalColumnModel,\n } = props\n const isJsonSubColumn = jsonSubColumnIndex != undefined\n const dispatch = useSetAtom(tableColumnSchemaFormDataAtom)\n const isView = (VIEW_CONCRETE_TYPE_VALUES as readonly string[]).includes(\n convertToConcreteEntityType(entityType),\n )\n\n const columnModelAtom = useMemo(\n () =>\n selectAtom(\n tableColumnSchemaFormDataAtom,\n v =>\n isJsonSubColumn\n ? v[columnModelIndex].jsonSubColumns![jsonSubColumnIndex]\n : v[columnModelIndex],\n isEqual,\n ),\n [columnModelIndex, isJsonSubColumn, jsonSubColumnIndex],\n )\n\n const columnModel = useAtomValue(columnModelAtom)\n\n const allowedColumnTypes = useMemo(\n () => getAllowedColumnTypes(isView, isJsonSubColumn),\n [isView, isJsonSubColumn],\n )\n\n const allowedFacetTypes = useMemo(\n () => configureFacetsForType(columnModel.columnType, isJsonSubColumn),\n [columnModel.columnType, isJsonSubColumn],\n )\n const fieldSx: SxProps = useMemo(\n () => (isJsonSubColumn ? jsonSubColumnFieldSx : topLevelColumnModelFieldSx),\n [isJsonSubColumn],\n )\n\n const errorsByField = useMemo(() => {\n if (validationErrors && isArray(validationErrors)) {\n const errorsByField: Record<string, string> = {}\n validationErrors.forEach(e => {\n if (e.path) {\n errorsByField[String(e.path[e.path.length - 1])] = e.message\n }\n })\n return errorsByField\n }\n return {}\n }, [validationErrors])\n\n return (\n <>\n <Box\n sx={{\n display: 'grid',\n gridColumn: '1 / span 11',\n gridTemplateColumns: 'subgrid',\n }}\n >\n {isJsonSubColumn && (\n <Box sx={{ gridColumn: '1 / span 1' }}>\n {HIERARCHY_VERTICAL_LINE_COMPONENT}\n </Box>\n )}\n <Box\n data-testid={`ColumnModelForm`}\n sx={{\n display: 'flex',\n alignItems: 'start',\n gridColumn: isJsonSubColumn ? '2 / span 1' : ' 1 / span 1',\n // Checkbox is offset from top; vertical centering causes issues when validation errors are displayed\n mt: isJsonSubColumn ? '0px' : '5px',\n }}\n >\n <Checkbox\n checked={columnModel.isSelected}\n inputProps={{ 'aria-label': 'Select' }}\n disabled={disabled}\n onChange={() => {\n dispatch({\n type: 'toggleSelect',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n })\n }}\n />\n </Box>\n <Box\n sx={{\n my: isDefaultColumn ? 'auto' : undefined,\n gridColumn: isJsonSubColumn\n ? / If this is a JSON Subcolumn, we reduce the width of this grid column to create space to render the visual hierarchical line /\n '3 / span 1'\n : / Otherwise, span across both grid columns */\n '2 / span 2',\n }}\n >\n {isDefaultColumn ? (\n columnModel.name\n ) : (\n <TextField\n value={columnModel.name}\n placeholder={isJsonSubColumn ? 'Facet name' : 'Column name'}\n onChange={e => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n name: e.target.value,\n },\n })\n }}\n disabled={disabled}\n fullWidth\n error={!!errorsByField['name']}\n helperText={errorsByField['name']}\n slotProps={{\n input: {\n disableInjectingGlobalStyles:\n DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n sx: fieldSx,\n slotProps: {\n input: {\n 'aria-label': 'Name',\n },\n },\n },\n }}\n />\n )}\n </Box>\n <Box\n sx={{\n my: isDefaultColumn ? 'auto' : undefined,\n }}\n >\n {isDefaultColumn ? (\n getColumnTypeFriendlyName(columnModel.columnType)\n ) : (\n <FormControl fullWidth>\n <Select\n label=\"Column Type\"\n value={columnModel.columnType}\n onChange={e => {\n dispatch({\n type: 'changeColumnModelType',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n newColumnType: e.target.value as ColumnTypeEnum,\n })\n }}\n slotProps={{\n input: {\n 'aria-label': 'Column Type',\n },\n }}\n sx={fieldSx}\n disabled={disabled}\n error={!!errorsByField['columnType']}\n >\n {allowedColumnTypes.map(value => {\n return (\n <MenuItem value={value} key={value}>\n {getColumnTypeFriendlyName(value)}\n </MenuItem>\n )\n })}\n </Select>\n {errorsByField['columnType'] && (\n <FormHelperText color={'error.main'}>\n {errorsByField['columnType']}\n </FormHelperText>\n )}\n </FormControl>\n )}\n </Box>\n <Box\n sx={{\n my: isDefaultColumn ? 'auto' : undefined,\n }}\n >\n {isDefaultColumn ? (\n ((columnModel as ColumnModelFormData).maximumSize ?? '')\n ) : (\n <FieldWithRecommendedMinimum\n value={(columnModel as ColumnModelFormData).maximumSize ?? ''}\n originalValue={originalColumnModel?.maximumSize}\n recommendedValue={defaultAnnotationModel?.maximumSize}\n columnType={columnModel.columnType as ColumnTypeEnum}\n disabled={disabled \|\| !canHaveSize(columnModel.columnType)}\n InputProps={{\n disableInjectingGlobalStyles:\n DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n\n slotProps: {\n input: {\n 'aria-label': 'Maximum Size',\n min: 1,\n max: canHaveSize(columnModel.columnType)\n ? getMaxSizeForType(columnModel.columnType)\n : undefined,\n },\n },\n sx: fieldSx,\n }}\n onChange={e => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n maximumSize: e.target.value,\n },\n })\n }}\n fullWidth\n error={!!errorsByField['maximumSize']}\n helperText={errorsByField['maximumSize']}\n />\n )}\n </Box>\n <Box\n sx={{\n my: isDefaultColumn ? 'auto' : undefined,\n }}\n >\n {isDefaultColumn ? (\n ((columnModel as ColumnModelFormData).maximumListLength ?? '')\n ) : (\n <FieldWithRecommendedMinimum\n value={\n (columnModel as ColumnModelFormData).maximumListLength ?? ''\n }\n originalValue={originalColumnModel?.maximumListLength}\n recommendedValue={defaultAnnotationModel?.maximumListLength}\n columnType={columnModel.columnType as ColumnTypeEnum}\n disabled={\n disabled \|\| !canHaveMaxListLength(columnModel.columnType)\n }\n onChange={e => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n maximumListLength: e.target.value,\n },\n })\n }}\n InputProps={{\n disableInjectingGlobalStyles:\n DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n slotProps: {\n input: {\n 'aria-label': 'Maximum List Length',\n min: 1,\n max: canHaveMaxListLength(columnModel.columnType)\n ? getMaxListLengthForType(\n columnModel.columnType,\n getFormDataValueAsNumber(\n (columnModel as ColumnModelFormData).maximumSize,\n ) ?? undefined,\n )\n : undefined,\n },\n },\n sx: fieldSx,\n }}\n fullWidth\n error={!!errorsByField['maximumListLength']}\n helperText={errorsByField['maximumListLength']}\n />\n )}\n </Box>\n <Box\n sx={{\n my: isDefaultColumn ? 'auto' : undefined,\n }}\n >\n {isDefaultColumn ? (\n renderDefaultValue(\n (columnModel as ColumnModelFormData)?.defaultValue,\n columnModel.columnType as ColumnTypeEnum,\n )\n ) : (\n <DefaultValueField\n TextFieldProps={{\n InputProps: {\n disableInjectingGlobalStyles:\n DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n slotProps: {\n input: {\n 'aria-label': 'Default Value',\n },\n },\n sx: fieldSx,\n },\n fullWidth: true,\n error: !!errorsByField['defaultValue'],\n helperText: errorsByField['defaultValue'],\n }}\n SelectProps={{\n label: 'Default Value',\n sx: fieldSx,\n slotProps: {\n input: {\n 'aria-label': 'Default Value',\n },\n },\n error: !!errorsByField['defaultValue'],\n }}\n selectFormHelperText={errorsByField['defaultValue']}\n columnModel={columnModel as ColumnModelFormData}\n value={(columnModel as ColumnModelFormData)?.defaultValue \|\| null}\n onChange={value => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n defaultValue: value \|\| undefined,\n },\n })\n }}\n disabled={\n disabled \|\|\n !canHaveDefault(columnModel.columnType, isView, isJsonSubColumn)\n }\n />\n )}\n </Box>\n <Box>\n <MultiValueField\n value={(columnModel as ColumnModelFormData)?.enumValues}\n onChange={newValue => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n enumValues:\n newValue == null \|\| isEmpty(newValue)\n ? undefined\n : newValue,\n },\n })\n }}\n columnType={columnModel.columnType as ColumnTypeEnum}\n TextFieldProps={{\n fullWidth: true,\n disabled:\n disabled \|\|\n !canHaveRestrictedValues(\n columnModel.columnType,\n isJsonSubColumn,\n ),\n InputProps: {\n disableInjectingGlobalStyles:\n DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n // Is readOnly because edits are made with the JSONArrayEditorModal\n readOnly: true,\n sx: fieldSx,\n slotProps: {\n input: {\n 'aria-label': 'Restrict Values',\n },\n },\n },\n error: !!errorsByField['enumValues'],\n helperText: errorsByField['enumValues'],\n }}\n />\n </Box>\n <Box>\n <FormControl fullWidth>\n <Select\n label=\"Facet Type\"\n value={columnModel.facetType \|\| ''}\n disabled={disabled \|\| allowedFacetTypes === null}\n onChange={e => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n facetType: e.target.value as FacetType,\n },\n })\n }}\n sx={fieldSx}\n slotProps={{\n input: {\n 'aria-label': 'Facet Type',\n },\n }}\n error={!!errorsByField['facetType']}\n >\n {(allowedFacetTypes ?? []).map((value, index) => {\n return (\n <MenuItem value={value} key={index}>\n {value === undefined ? '' : getFacetTypeFriendlyName(value)}\n </MenuItem>\n )\n })}\n </Select>\n {errorsByField['facetType'] && (\n <FormHelperText color={'error.main'}>\n {errorsByField['facetType']}\n </FormHelperText>\n )}\n </FormControl>\n </Box>\n <Box>\n <FormControl fullWidth>\n <Select\n label=\"Sort Facet Values\"\n value={facetSortConfigToValue(\n 'facetSortConfig' in columnModel\n ? columnModel.facetSortConfig\n : undefined,\n )}\n disabled={disabled \|\| columnModel.facetType !== 'enumeration'}\n onChange={e => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...columnModel,\n facetSortConfig: valueToFacetSortConfig(\n e.target.value as FacetSortValue,\n ),\n },\n })\n }}\n sx={fieldSx}\n slotProps={{\n input: {\n 'aria-label': 'Sort Facet Values',\n },\n }}\n error={!!errorsByField['facetSortConfig']}\n >\n <MenuItem value=\"FREQUENCY_DESC\">Frequency Descending</MenuItem>\n <MenuItem value=\"FREQUENCY_ASC\">Frequency Ascending</MenuItem>\n <MenuItem value=\"VALUE_DESC\">Value Descending</MenuItem>\n <MenuItem value=\"VALUE_ASC\">Value Ascending</MenuItem>\n </Select>\n {errorsByField['facetSortConfig'] && (\n <FormHelperText color={'error.main'}>\n {errorsByField['facetSortConfig']}\n </FormHelperText>\n )}\n </FormControl>\n </Box>\n </Box>\n {isJsonSubColumn && (\n <Box\n sx={{\n display: 'grid',\n gridColumn: '1 / span 11',\n gridTemplateColumns: 'subgrid',\n }}\n >\n <Box\n sx={{\n gridColumn: '1 / span 1',\n }}\n >\n {HIERARCHY_VERTICAL_LINE_COMPONENT}\n </Box>\n <Box></Box>\n <Box\n sx={{\n gridColumn: '3 / span 7',\n }}\n >\n <TextField\n placeholder={'JSON Path'}\n value={(columnModel as JsonSubColumnModelFormData).jsonPath}\n onChange={e => {\n dispatch({\n type: 'setColumnModelValue',\n columnModelIndex,\n jsonSubColumnModelIndex: jsonSubColumnIndex,\n value: {\n ...(columnModel as JsonSubColumnModelFormData),\n jsonPath: e.target.value,\n },\n })\n }}\n disabled={disabled}\n fullWidth\n slotProps={{\n input: {\n disableInjectingGlobalStyles:\n DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n sx: fieldSx,\n endAdornment: (\n <Tooltip\n title={\n <>\n <p>\n <Link\n href={\n 'https://dev.mysql.com/doc/refman/8.0/en/json.html#json-path-syntax'\n }\n >\n Please use a valid JSON Path selector, following\n this format.\n </Link>\n </p>\n <p>\n This field is for linking the sub-column facet to\n the corresponding location in the JSON data, so that\n it can be used as facet filter. The correct selector\n will point to the key referenced in the sub-column\n JSON Path.\n </p>\n </>\n }\n >\n <InfoTwoTone sx={{ color: 'grey.700' }} />\n </Tooltip>\n ),\n slotProps: {\n input: { 'aria-label': 'JSON Path' },\n },\n },\n }}\n error={!!errorsByField['jsonPath']}\n helperText={errorsByField['jsonPath']}\n />\n </Box>\n </Box>\n )}\n </>\n )\n}\n"],"mappings":"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"}

package/dist/components/TableColumnSchemaEditor/ColumnModelFormFields/DefaultValueField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultValueField.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/ColumnModelFormFields/DefaultValueField.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react'\nimport { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport {\n FormControl,\n MenuItem,\n Select,\n SelectProps,\n TextField,\n TextFieldProps,\n} from '@mui/material'\nimport DateTimePicker from '../../DateTimePicker/DateTimePicker'\nimport dayjs from 'dayjs'\nimport FormHelperText from '@mui/material/FormHelperText'\nimport MultiValueField from './MultiValueField'\nimport { ColumnModelFormData } from '../Validators/ColumnModelValidator'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\n\n// required to parse unix timestamp below\ndayjs.extend(customParseFormat)\n\nexport type DefaultValueFieldProps<TValue, TReturn = TValue> = {\n columnModel: ColumnModelFormData\n value: TValue \| undefined\n onChange: (newValue: TReturn \| undefined) => void\n disabled?: boolean\n TextFieldProps?: Omit<TextFieldProps, 'value' \| 'onChange' \| 'disabled'>\n SelectProps?: Omit<SelectProps, 'variant' \| 'value' \| 'onChange' \| 'disabled'>\n selectFormHelperText?: ReactNode\n}\n\nfunction DefaultValueBooleanField(props: DefaultValueFieldProps<string>) {\n const { onChange, value, disabled, SelectProps, selectFormHelperText } = props\n return (\n <FormControl fullWidth>\n <Select\n {...SelectProps}\n disabled={disabled}\n value={value \|\| ''}\n onChange={e => {\n if (e.target.value == null) {\n onChange(undefined)\n } else {\n onChange(e.target.value as string)\n }\n }}\n >\n <MenuItem value={undefined}>{''}</MenuItem>\n <MenuItem value={'true'}>true</MenuItem>\n <MenuItem value={'false'}>false</MenuItem>\n </Select>\n {selectFormHelperText && (\n <FormHelperText color={'error.main'}>\n {selectFormHelperText}\n </FormHelperText>\n )}\n </FormControl>\n )\n}\n\nfunction DefaultValueDateField(props: DefaultValueFieldProps<string>) {\n const { onChange, value = null, disabled, TextFieldProps } = props\n\n const valueAsDayjs = useMemo(() => {\n if (value) {\n // The backend service returns a string that contains an integer unix timestamp with millisecond precision\n // Passing the raw string to dayjs without a format option will parse the value incorrectly\n // 'x' indicates parsing the value as a ms Unix Timestamp - https://day.js.org/docs/en/parse/string-format\n return dayjs(value, 'x')\n }\n return null\n }, [value])\n\n return (\n <DateTimePicker\n value={valueAsDayjs}\n onChange={newValue => {\n if (newValue == null) {\n onChange(undefined)\n } else {\n // onChange argument should match the backend's passed value\n onChange(String(newValue.valueOf()))\n }\n }}\n disabled={disabled}\n slotProps={{\n textField: TextFieldProps,\n }}\n />\n )\n}\n\nfunction DefaultValueListField(\n props: DefaultValueFieldProps<(string \| number)[], (string \| number)[]>,\n) {\n // Note the backend returns a string that is a serialized JSON array.\n // However, TableColumnSchemaEditorUtils.transformColumnModelsToFormData will parse this before this component receives the value.\n // So this component will get an array of strings or numbers\n const {\n onChange,\n value: _value = null,\n columnModel,\n TextFieldProps,\n disabled,\n } = props\n const value = useMemo(() => {\n try {\n if (\n columnModel.columnType === ColumnTypeEnum.DATE_LIST &&\n Array.isArray(_value)\n ) {\n // if it's a DATE_LIST, then the values are Unix timestamps in milliseconds\n // The `MultiValueField` component expects ISO strings to match the JSON Schema 'date-time' format\n return _value.map(v => {\n return dayjs(v, 'x').toISOString()\n })\n }\n return _value\n } catch (e) {\n return null\n }\n }, [_value, columnModel.columnType])\n\n return (\n <MultiValueField\n value={value}\n onChange={arr => {\n if (arr == null) {\n // Convert null to undefined\n onChange(undefined)\n } else if (columnModel.columnType === ColumnTypeEnum.DATE_LIST) {\n // Transform the ISO Timestamps to integer unix timestamps to match the passed value\n onChange(arr.map(val => dayjs(val).valueOf()))\n } else {\n onChange(arr)\n }\n }}\n columnType={columnModel.columnType as ColumnTypeEnum}\n TextFieldProps={{ ...TextFieldProps, disabled }}\n />\n )\n}\n\nexport default function DefaultValueField<T>(props: DefaultValueFieldProps<T>) {\n const { columnModel, onChange, value, disabled, TextFieldProps } = props\n\n const { columnType } = columnModel\n\n if (columnType === ColumnTypeEnum.BOOLEAN) {\n return (\n <DefaultValueBooleanField\n {...(props as unknown as DefaultValueFieldProps<string>)}\n />\n )\n }\n\n if (columnType === ColumnTypeEnum.DATE) {\n return (\n <DefaultValueDateField\n {...(props as unknown as DefaultValueFieldProps<string>)}\n />\n )\n }\n\n if (columnType.endsWith('_LIST')) {\n return (\n <DefaultValueListField\n {...(props as unknown as DefaultValueFieldProps<(string \| number)[]>)}\n />\n )\n }\n\n return (\n <TextField\n {...TextFieldProps}\n type={'text'}\n value={value \|\| undefined}\n onChange={event => {\n if (event.target.value == '') {\n onChange(undefined as T)\n } else {\n onChange(event.target.value as T)\n }\n }}\n disabled={disabled}\n />\n )\n}\n"],"mappings":";;;;;;;;;;AAkBA,EAAM,OAAO,~~EAAkB~~;~~AAY/B~~,SAAS,EAAyB,GAAuC;CACvE,IAAM,EAAE,aAAU,UAAO,aAAU,gBAAa,4BAAyB;~~AACzE~~,~~QACE~~,kBAAC,GAAD;EAAa,WAAA;YAAb,CACE,kBAAC,GAAD;GACE,GAAI;GACM;GACV,OAAO,KAAS;GAChB,WAAU,MAAK;~~AACb~~,~~IAAI~~,EAAE,OAAO,SAAS,OACpB,EAAS,KAAA,~~EAAU~~,~~GAEnB~~,EAAS,EAAE,OAAO,~~MAAgB;;aARxC~~;IAYE,kBAAC,GAAD;KAAU,OAAO,KAAA;eAAY;~~KAAc~~,CAAA;~~IAC3C~~,kBAAC,GAAD;KAAU,OAAO;eAAQ;~~KAAe~~,CAAA;~~IACxC~~,kBAAC,GAAD;KAAU,OAAO;eAAS;~~KAAgB~~,CAAA;~~IACnC~~;~~MACR~~,KACC,kBAAC,GAAD;GAAgB,OAAO;aACpB;~~GACc~~,CAAA,CAEP~~;;;AAIlB~~,SAAS,EAAsB,GAAuC;CACpE,IAAM,EAAE,aAAU,WAAQ,MAAM,aAAU,sBAAmB;~~AAY7D~~,~~QACE~~,kBAAC,GAAD;EACE,OAZiB,QACf,IAIK,EAAM,GAAO,~~IAAI~~,~~GAEnB~~,MACN,CAAC,~~EAAM~~,~~CAIC~~;EACP,WAAU,MAAY;~~AACpB~~,~~GACE~~,EADE,KAAY,OACL,KAAA,IAGA,OAAO,EAAS,~~SAAS~~,CAAC,CAAC~~;;EAG9B~~;EACV,WAAW,EACT,WAAW,~~GACZ~~;~~EACD~~,CAAA~~;;AAIN~~,SAAS,EACP,GACA;CAIA,IAAM,EACJ,aACA,OAAO,IAAS,MAChB,gBACA,mBACA,gBACE;~~AAmBJ~~,~~QACE~~,kBAAC,GAAD;EACS,OApBG,QAAc;~~AAC1B~~,~~OAAI~~;~~AAWF~~,~~WATE~~,EAAY,eAAe,EAAe,aAC1C,MAAM,QAAQ,~~EAAO~~,~~GAId~~,EAAO,KAAI,MACT,EAAM,GAAG,~~IAAI~~,~~CAAC~~,~~aAAa~~,CAClC,~~GAEG~~;~~WACG~~;~~AACV~~,~~WAAO;;KAER~~,CAAC,GAAQ,EAAY,~~WAAW~~,~~CAIxB~~;EACP,WAAU,MAAO;~~AACf~~,~~GAAI~~,KAAO,OAET,EAAS,KAAA,~~EAAU~~,~~GACV~~,EAAY,eAAe,EAAe,YAEnD,EAAS,EAAI,KAAI,MAAO,EAAM,~~EAAI~~,~~CAAC~~,~~SAAS~~,CAAC,CAAC,~~GAE9C~~,EAAS,~~EAAI;;EAGjB~~,YAAY,EAAY;EACxB,gBAAgB;GAAE,GAAG;GAAgB;~~GAAU~~;~~EAC~~/C,CAAA~~;;AAIN~~,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,gBAAa,aAAU,UAAO,aAAU,sBAAmB,GAE7D,EAAE,kBAAe;~~AA0BvB~~,~~QAxBI~~,MAAe,EAAe,UAE9B,kBAAC,GAAD,EACE,GAAK,~~GACL~~,CAAA,~~GAIF~~,MAAe,EAAe,OAE9B,kBAAC,GAAD,EACE,GAAK,~~GACL~~,CAAA,~~GAIF~~,EAAW,SAAS,~~QAAQ~~,~~GAE5B~~,kBAAC,GAAD,EACE,GAAK,~~GACL~~,CAAA,~~GAKJ~~,kBAAC,GAAD;EACE,GAAI;EACJ,MAAM;EACN,OAAO,KAAS,KAAA;EAChB,WAAU,MAAS;~~AACjB~~,~~GAAI~~,EAAM,OAAO,SAAS,KACxB,EAAS,KAAA,~~EAAe~~,~~GAExB~~,EAAS,EAAM,OAAO,~~MAAW;;EAG3B~~;~~EACV~~,CAAA"}
1	+ {"version":3,"file":"DefaultValueField.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/ColumnModelFormFields/DefaultValueField.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react'\nimport { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport {\n FormControl,\n MenuItem,\n Select,\n SelectProps,\n TextField,\n TextFieldProps,\n} from '@mui/material'\nimport DateTimePicker from '../../DateTimePicker/DateTimePicker'\nimport dayjs from 'dayjs'\nimport FormHelperText from '@mui/material/FormHelperText'\nimport MultiValueField from './MultiValueField'\nimport { ColumnModelFormData } from '../Validators/ColumnModelValidator'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\n\n// required to parse unix timestamp below\ndayjs.extend(customParseFormat)\n\nexport type DefaultValueFieldProps<TValue, TReturn = TValue> = {\n columnModel: ColumnModelFormData\n value: TValue \| undefined\n onChange: (newValue: TReturn \| undefined) => void\n disabled?: boolean\n TextFieldProps?: Omit<TextFieldProps, 'value' \| 'onChange' \| 'disabled'>\n SelectProps?: Omit<SelectProps, 'variant' \| 'value' \| 'onChange' \| 'disabled'>\n selectFormHelperText?: ReactNode\n}\n\nfunction DefaultValueBooleanField(props: DefaultValueFieldProps<string>) {\n const { onChange, value, disabled, SelectProps, selectFormHelperText } = props\n return (\n <FormControl fullWidth>\n <Select\n {...SelectProps}\n disabled={disabled}\n value={value \|\| ''}\n onChange={e => {\n if (e.target.value == null) {\n onChange(undefined)\n } else {\n onChange(e.target.value as string)\n }\n }}\n >\n <MenuItem value={undefined}>{''}</MenuItem>\n <MenuItem value={'true'}>true</MenuItem>\n <MenuItem value={'false'}>false</MenuItem>\n </Select>\n {selectFormHelperText && (\n <FormHelperText color={'error.main'}>\n {selectFormHelperText}\n </FormHelperText>\n )}\n </FormControl>\n )\n}\n\nfunction DefaultValueDateField(props: DefaultValueFieldProps<string>) {\n const { onChange, value = null, disabled, TextFieldProps } = props\n\n const valueAsDayjs = useMemo(() => {\n if (value) {\n // The backend service returns a string that contains an integer unix timestamp with millisecond precision\n // Passing the raw string to dayjs without a format option will parse the value incorrectly\n // 'x' indicates parsing the value as a ms Unix Timestamp - https://day.js.org/docs/en/parse/string-format\n return dayjs(value, 'x')\n }\n return null\n }, [value])\n\n return (\n <DateTimePicker\n value={valueAsDayjs}\n onChange={newValue => {\n if (newValue == null) {\n onChange(undefined)\n } else {\n // onChange argument should match the backend's passed value\n onChange(String(newValue.valueOf()))\n }\n }}\n disabled={disabled}\n slotProps={{\n textField: TextFieldProps,\n }}\n />\n )\n}\n\nfunction DefaultValueListField(\n props: DefaultValueFieldProps<(string \| number)[], (string \| number)[]>,\n) {\n // Note the backend returns a string that is a serialized JSON array.\n // However, TableColumnSchemaEditorUtils.transformColumnModelsToFormData will parse this before this component receives the value.\n // So this component will get an array of strings or numbers\n const {\n onChange,\n value: _value = null,\n columnModel,\n TextFieldProps,\n disabled,\n } = props\n const value = useMemo(() => {\n try {\n if (\n columnModel.columnType === ColumnTypeEnum.DATE_LIST &&\n Array.isArray(_value)\n ) {\n // if it's a DATE_LIST, then the values are Unix timestamps in milliseconds\n // The `MultiValueField` component expects ISO strings to match the JSON Schema 'date-time' format\n return _value.map(v => {\n return dayjs(v, 'x').toISOString()\n })\n }\n return _value\n } catch (e) {\n return null\n }\n }, [_value, columnModel.columnType])\n\n return (\n <MultiValueField\n value={value}\n onChange={arr => {\n if (arr == null) {\n // Convert null to undefined\n onChange(undefined)\n } else if (columnModel.columnType === ColumnTypeEnum.DATE_LIST) {\n // Transform the ISO Timestamps to integer unix timestamps to match the passed value\n onChange(arr.map(val => dayjs(val).valueOf()))\n } else {\n onChange(arr)\n }\n }}\n columnType={columnModel.columnType as ColumnTypeEnum}\n TextFieldProps={{ ...TextFieldProps, disabled }}\n />\n )\n}\n\nexport default function DefaultValueField<T>(props: DefaultValueFieldProps<T>) {\n const { columnModel, onChange, value, disabled, TextFieldProps } = props\n\n const { columnType } = columnModel\n\n if (columnType === ColumnTypeEnum.BOOLEAN) {\n return (\n <DefaultValueBooleanField\n {...(props as unknown as DefaultValueFieldProps<string>)}\n />\n )\n }\n\n if (columnType === ColumnTypeEnum.DATE) {\n return (\n <DefaultValueDateField\n {...(props as unknown as DefaultValueFieldProps<string>)}\n />\n )\n }\n\n if (columnType.endsWith('_LIST')) {\n return (\n <DefaultValueListField\n {...(props as unknown as DefaultValueFieldProps<(string \| number)[]>)}\n />\n )\n }\n\n return (\n <TextField\n {...TextFieldProps}\n type={'text'}\n value={value \|\| undefined}\n onChange={event => {\n if (event.target.value == '') {\n onChange(undefined as T)\n } else {\n onChange(event.target.value as T)\n }\n }}\n disabled={disabled}\n />\n )\n}\n"],"mappings":";;;;;;;;;;AAkBA,EAAM,OAAO,CAAiB;AAY9B,SAAS,EAAyB,GAAuC;CACvE,IAAM,EAAE,aAAU,UAAO,aAAU,gBAAa,4BAAyB;CACzE,OACE,kBAAC,GAAD;EAAa,WAAA;YAAb,CACE,kBAAC,GAAD;GACE,GAAI;GACM;GACV,OAAO,KAAS;GAChB,WAAU,MAAK;IACb,AAAI,EAAE,OAAO,SAAS,OACpB,EAAS,KAAA,CAAS,IAElB,EAAS,EAAE,OAAO,KAAe;GAErC;aAVF;IAYE,kBAAC,GAAD;KAAU,OAAO,KAAA;eAAY;IAAa,CAAA;IAC1C,kBAAC,GAAD;KAAU,OAAO;eAAQ;IAAc,CAAA;IACvC,kBAAC,GAAD;KAAU,OAAO;eAAS;IAAe,CAAA;GACnC;MACP,KACC,kBAAC,GAAD;GAAgB,OAAO;aACpB;EACa,CAAA,CAEP;;AAEjB;AAEA,SAAS,EAAsB,GAAuC;CACpE,IAAM,EAAE,aAAU,WAAQ,MAAM,aAAU,sBAAmB;CAY7D,OACE,kBAAC,GAAD;EACE,OAZiB,QACf,IAIK,EAAM,GAAO,GAAG,IAElB,MACN,CAAC,CAAK,CAIE;EACP,WAAU,MAAY;GACpB,AACE,EADE,KAAY,OACL,KAAA,IAGA,OAAO,EAAS,QAAQ,CAAC,CAAC;EAEvC;EACU;EACV,WAAW,EACT,WAAW,EACb;CACD,CAAA;AAEL;AAEA,SAAS,EACP,GACA;CAIA,IAAM,EACJ,aACA,OAAO,IAAS,MAChB,gBACA,mBACA,gBACE;CAmBJ,OACE,kBAAC,GAAD;EACS,OApBG,QAAc;GAC1B,IAAI;IAWF,OATE,EAAY,eAAe,EAAe,aAC1C,MAAM,QAAQ,CAAM,IAIb,EAAO,KAAI,MACT,EAAM,GAAG,GAAG,EAAE,YAAY,CAClC,IAEI;GACT,QAAY;IACV,OAAO;GACT;EACF,GAAG,CAAC,GAAQ,EAAY,UAAU,CAIvB;EACP,WAAU,MAAO;GACf,AAAI,KAAO,OAET,EAAS,KAAA,CAAS,IACT,EAAY,eAAe,EAAe,YAEnD,EAAS,EAAI,KAAI,MAAO,EAAM,CAAG,EAAE,QAAQ,CAAC,CAAC,IAE7C,EAAS,CAAG;EAEhB;EACA,YAAY,EAAY;EACxB,gBAAgB;GAAE,GAAG;GAAgB;EAAS;CAC/C,CAAA;AAEL;AAEA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,gBAAa,aAAU,UAAO,aAAU,sBAAmB,GAE7D,EAAE,kBAAe;CA0BvB,OAxBI,MAAe,EAAe,UAE9B,kBAAC,GAAD,EACE,GAAK,EACN,CAAA,IAID,MAAe,EAAe,OAE9B,kBAAC,GAAD,EACE,GAAK,EACN,CAAA,IAID,EAAW,SAAS,OAAO,IAE3B,kBAAC,GAAD,EACE,GAAK,EACN,CAAA,IAKH,kBAAC,GAAD;EACE,GAAI;EACJ,MAAM;EACN,OAAO,KAAS,KAAA;EAChB,WAAU,MAAS;GACjB,AAAI,EAAM,OAAO,SAAS,KACxB,EAAS,KAAA,CAAc,IAEvB,EAAS,EAAM,OAAO,KAAU;EAEpC;EACU;CACX,CAAA;AAEL"}

package/dist/components/TableColumnSchemaEditor/ColumnModelFormFields/FieldWithRecommendedMinimum.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldWithRecommendedMinimum.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/ColumnModelFormFields/FieldWithRecommendedMinimum.tsx"],"sourcesContent":["import {\n alpha,\n SxProps,\n TextField,\n TextFieldProps,\n Theme,\n Tooltip,\n} from '@mui/material'\nimport { ColumnType, ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport {\n getFormDataValueAsNumber,\n isFormDataValueSmallerThanRecommendedValue,\n} from '../TableColumnSchemaEditorUtils'\n\nexport type FieldWithRecommendedValueProps = Omit<TextFieldProps, 'value'> & {\n value: string \| number \| undefined\n originalValue?: string \| number \| undefined\n recommendedValue?: number\n columnType: ColumnType\n}\n\nexport function FieldWithRecommendedMinimum(\n props: FieldWithRecommendedValueProps,\n) {\n const {\n value,\n originalValue,\n recommendedValue,\n columnType,\n error: errorFromProps,\n ...textFieldProps\n } = props\n\n const isSmallerThanRecommendedValue =\n isFormDataValueSmallerThanRecommendedValue(value, recommendedValue)\n\n const hasChangedFromOriginal =\n originalValue != null &&\n getFormDataValueAsNumber(value) !== getFormDataValueAsNumber(originalValue)\n\n const showError = !!errorFromProps \|\| isSmallerThanRecommendedValue\n\n let tooltipText = null\n let additionalSx: SxProps<Theme> \| undefined = undefined\n if (isSmallerThanRecommendedValue) {\n tooltipText = (\n <>\n <p>Data annotations are longer than allowed by current schema.</p>\n <p>\n Recommended size is <strong>{recommendedValue}</strong>.\n </p>\n {ColumnTypeEnum.STRING === columnType && (\n <p>If unsure, choose “MediumText” from the Column Type menu.</p>\n )}\n </>\n )\n } else if (hasChangedFromOriginal) {\n tooltipText = (\n <>\n <p>This value has changed since the table was last saved.</p>\n <p>The last saved value was {originalValue}.</p>\n </>\n )\n additionalSx = theme => ({\n '& .MuiInputBase-root': {\n backgroundColor: alpha(theme.palette.info.main, 0.1),\n border: '1px solid',\n borderColor: theme.palette.info.main,\n },\n })\n }\n\n return (\n <Tooltip title={tooltipText}>\n <TextField\n value={value ?? ''}\n error={showError}\n color={showError ? 'error' : undefined}\n focused={isSmallerThanRecommendedValue ? true : undefined}\n sx={[\n ...(Array.isArray(textFieldProps.sx)\n ? textFieldProps.sx\n : [textFieldProps.sx]),\n additionalSx,\n ]}\n {...textFieldProps}\n />\n </Tooltip>\n )\n}\n"],"mappings":";;;;;AAqBA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,UACA,kBACA,qBACA,eACA,OAAO,GACP,GAAG,MACD,GAEE,IACJ,EAA2C,GAAO,~~EAAiB~~,~~EAE/D~~,IACJ,KAAiB,QACjB,EAAyB,~~EAAM~~,~~KAAK~~,EAAyB,~~EAAc~~,~~EAEvE~~,IAAY,CAAC,CAAC,KAAkB,GAElC,IAAc,MACd;~~AA6BJ~~,~~QA5BI~~,IACF,IACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,KAAD,EAAA,UAAG~~,+DAA+D~~,CAAA;~~EAClE~~,kBAAC,KAAD,EAAA,UAAA;GAAG;GACmB,kBAAC,UAAD,EAAA,UAAS,~~GAA0B~~,CAAA~~;;GACrD~~,EAAA,CAAA;~~EACH~~,EAAe,WAAW,KACzB,kBAAC,KAAD,EAAA,UAAG,~~6DAA6D~~,CAAA;~~EAEjE~~,EAAA,CAAA,~~GAEI~~,MACT,IACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAG,~~0DAA0D~~,CAAA,~~EAC7D~~,kBAAC,KAAD,EAAA,UAAA;EAAG;EAA0B;EAAc;~~EAAK~~,EAAA,CAAA,CAC/C,EAAA,CAAA,~~EAEL~~,KAAe,OAAU,EACvB,wBAAwB;EACtB,iBAAiB,EAAM,EAAM,QAAQ,KAAK,MAAM,~~GAAI~~;~~EACpD~~,QAAQ;EACR,aAAa,EAAM,QAAQ,KAAK;~~EACjC~~,EACF,~~IAID~~,kBAAC,GAAD;EAAS,OAAO;YACd,kBAAC,GAAD;GACE,OAAO,KAAS;GAChB,OAAO;GACP,OAAO,IAAY,UAAU,KAAA;GAC7B,SAAS,IAAgC,KAAO,KAAA;GAChD,IAAI,CACF,GAAI,MAAM,QAAQ,EAAe,~~GAAG~~,~~GAChC~~,EAAe,KACf,CAAC,EAAe,~~GAAG~~,~~EACvB~~,~~EACD~~;~~GACD~~,GAAI;~~GACJ~~,CAAA;~~EACM~~,CAAA"}
1	+ {"version":3,"file":"FieldWithRecommendedMinimum.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/ColumnModelFormFields/FieldWithRecommendedMinimum.tsx"],"sourcesContent":["import {\n alpha,\n SxProps,\n TextField,\n TextFieldProps,\n Theme,\n Tooltip,\n} from '@mui/material'\nimport { ColumnType, ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport {\n getFormDataValueAsNumber,\n isFormDataValueSmallerThanRecommendedValue,\n} from '../TableColumnSchemaEditorUtils'\n\nexport type FieldWithRecommendedValueProps = Omit<TextFieldProps, 'value'> & {\n value: string \| number \| undefined\n originalValue?: string \| number \| undefined\n recommendedValue?: number\n columnType: ColumnType\n}\n\nexport function FieldWithRecommendedMinimum(\n props: FieldWithRecommendedValueProps,\n) {\n const {\n value,\n originalValue,\n recommendedValue,\n columnType,\n error: errorFromProps,\n ...textFieldProps\n } = props\n\n const isSmallerThanRecommendedValue =\n isFormDataValueSmallerThanRecommendedValue(value, recommendedValue)\n\n const hasChangedFromOriginal =\n originalValue != null &&\n getFormDataValueAsNumber(value) !== getFormDataValueAsNumber(originalValue)\n\n const showError = !!errorFromProps \|\| isSmallerThanRecommendedValue\n\n let tooltipText = null\n let additionalSx: SxProps<Theme> \| undefined = undefined\n if (isSmallerThanRecommendedValue) {\n tooltipText = (\n <>\n <p>Data annotations are longer than allowed by current schema.</p>\n <p>\n Recommended size is <strong>{recommendedValue}</strong>.\n </p>\n {ColumnTypeEnum.STRING === columnType && (\n <p>If unsure, choose “MediumText” from the Column Type menu.</p>\n )}\n </>\n )\n } else if (hasChangedFromOriginal) {\n tooltipText = (\n <>\n <p>This value has changed since the table was last saved.</p>\n <p>The last saved value was {originalValue}.</p>\n </>\n )\n additionalSx = theme => ({\n '& .MuiInputBase-root': {\n backgroundColor: alpha(theme.palette.info.main, 0.1),\n border: '1px solid',\n borderColor: theme.palette.info.main,\n },\n })\n }\n\n return (\n <Tooltip title={tooltipText}>\n <TextField\n value={value ?? ''}\n error={showError}\n color={showError ? 'error' : undefined}\n focused={isSmallerThanRecommendedValue ? true : undefined}\n sx={[\n ...(Array.isArray(textFieldProps.sx)\n ? textFieldProps.sx\n : [textFieldProps.sx]),\n additionalSx,\n ]}\n {...textFieldProps}\n />\n </Tooltip>\n )\n}\n"],"mappings":";;;;;AAqBA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,UACA,kBACA,qBACA,eACA,OAAO,GACP,GAAG,MACD,GAEE,IACJ,EAA2C,GAAO,CAAgB,GAE9D,IACJ,KAAiB,QACjB,EAAyB,CAAK,MAAM,EAAyB,CAAa,GAEtE,IAAY,CAAC,CAAC,KAAkB,GAElC,IAAc,MACd;CA6BJ,OA5BI,IACF,IACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,KAAD,EAAA,UAAG,8DAA8D,CAAA;EACjE,kBAAC,KAAD,EAAA,UAAA;GAAG;GACmB,kBAAC,UAAD,EAAA,UAAS,EAAyB,CAAA;GAAC;EACtD,EAAA,CAAA;EACF,EAAe,WAAW,KACzB,kBAAC,KAAD,EAAA,UAAG,4DAA4D,CAAA;CAEjE,EAAA,CAAA,IAEK,MACT,IACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAG,yDAAyD,CAAA,GAC5D,kBAAC,KAAD,EAAA,UAAA;EAAG;EAA0B;EAAc;CAAI,EAAA,CAAA,CAC/C,EAAA,CAAA,GAEJ,KAAe,OAAU,EACvB,wBAAwB;EACtB,iBAAiB,EAAM,EAAM,QAAQ,KAAK,MAAM,EAAG;EACnD,QAAQ;EACR,aAAa,EAAM,QAAQ,KAAK;CAClC,EACF,KAIA,kBAAC,GAAD;EAAS,OAAO;YACd,kBAAC,GAAD;GACE,OAAO,KAAS;GAChB,OAAO;GACP,OAAO,IAAY,UAAU,KAAA;GAC7B,SAAS,IAAgC,KAAO,KAAA;GAChD,IAAI,CACF,GAAI,MAAM,QAAQ,EAAe,EAAE,IAC/B,EAAe,KACf,CAAC,EAAe,EAAE,GACtB,CACF;GACA,GAAI;EACL,CAAA;CACM,CAAA;AAEb"}

package/dist/components/TableColumnSchemaEditor/ColumnModelFormFields/MultiValueField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiValueField.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/ColumnModelFormFields/MultiValueField.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport { TextField, TextFieldProps } from '@mui/material'\nimport { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport JSONArrayEditorModal from '../../JSONArrayEditor/JSONArrayEditorModal'\nimport { getJsonSchemaItemDefinitionForColumnType } from '../TableColumnSchemaEditorUtils'\n\nexport type MultiValueFieldProps<T = unknown> = {\n value?: T[] \| null\n onChange: (newValue: T[] \| null) => void\n columnType: ColumnTypeEnum\n TextFieldProps?: Omit<TextFieldProps, 'value' \| 'onChange'>\n}\n\nexport default function MultiValueField<T = unknown>(\n props: MultiValueFieldProps<T>,\n) {\n const { columnType, onChange, value = [], TextFieldProps } = props\n const [isShowingModal, setIsShowingModal] = useState(false)\n\n const arrayItemDefinition = useMemo(\n () => getJsonSchemaItemDefinitionForColumnType(columnType),\n [columnType],\n )\n\n const textFieldDisplayedValue = useMemo(() => {\n if (value == null) {\n return ''\n }\n if (columnType === ColumnTypeEnum.DATE_LIST) {\n return value.map(v => formatDate(dayjs(v as string))).join(', ')\n }\n return value.join(', ')\n }, [value, columnType])\n\n return (\n <>\n <JSONArrayEditorModal\n arrayItemDefinition={arrayItemDefinition}\n value={value ?? undefined}\n isShowingModal={isShowingModal}\n onConfirm={values => {\n onChange(values)\n setIsShowingModal(false)\n }}\n onCancel={() => setIsShowingModal(false)}\n />\n <TextField\n {...TextFieldProps}\n value={textFieldDisplayedValue}\n onClick={() => {\n setIsShowingModal(true)\n }}\n />\n </>\n )\n}\n"],"mappings":";;;;;;;;;AAeA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,aAAU,WAAQ,~~EAAE~~,~~EAAE~~,sBAAmB,GACvD,CAAC,GAAgB,KAAqB,EAAS,~~GAAM~~,~~EAErD~~,IAAsB,QACpB,EAAyC,~~EAAW~~,~~EAC1D~~,CAAC,~~EAAW~~,CACb,~~EAEK~~,IAA0B,QAC1B,KAAS,OACJ,KAEL,MAAe,EAAe,YACzB,EAAM,KAAI,MAAK,EAAW,EAAM,~~EAAY~~,CAAC,CAAC,~~CAAC~~,KAAK,~~KAAK~~,~~GAE3D~~,EAAM,KAAK,~~KAAK~~,~~EACtB~~,CAAC,GAAO,~~EAAW~~,CAAC;~~AAEvB~~,~~QACE~~,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACuB;EACrB,OAAO,KAAS,KAAA;EACA;EAChB,YAAW,MAAU;~~AAEnB~~,~~GADA~~,EAAS,~~EAAO~~,~~EAChB~~,EAAkB,~~GAAM;;EAE1B~~,gBAAgB,EAAkB,~~GAAM~~;~~EACxC~~,CAAA,~~EACF~~,kBAAC,GAAD;EACE,GAAI;EACJ,OAAO;EACP,eAAe;~~AACb~~,~~KAAkB~~,~~GAAK;;EAEzB~~,CAAA,CACD,EAAA,CAAA"}
1	+ {"version":3,"file":"MultiValueField.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/ColumnModelFormFields/MultiValueField.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport { TextField, TextFieldProps } from '@mui/material'\nimport { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport JSONArrayEditorModal from '../../JSONArrayEditor/JSONArrayEditorModal'\nimport { getJsonSchemaItemDefinitionForColumnType } from '../TableColumnSchemaEditorUtils'\n\nexport type MultiValueFieldProps<T = unknown> = {\n value?: T[] \| null\n onChange: (newValue: T[] \| null) => void\n columnType: ColumnTypeEnum\n TextFieldProps?: Omit<TextFieldProps, 'value' \| 'onChange'>\n}\n\nexport default function MultiValueField<T = unknown>(\n props: MultiValueFieldProps<T>,\n) {\n const { columnType, onChange, value = [], TextFieldProps } = props\n const [isShowingModal, setIsShowingModal] = useState(false)\n\n const arrayItemDefinition = useMemo(\n () => getJsonSchemaItemDefinitionForColumnType(columnType),\n [columnType],\n )\n\n const textFieldDisplayedValue = useMemo(() => {\n if (value == null) {\n return ''\n }\n if (columnType === ColumnTypeEnum.DATE_LIST) {\n return value.map(v => formatDate(dayjs(v as string))).join(', ')\n }\n return value.join(', ')\n }, [value, columnType])\n\n return (\n <>\n <JSONArrayEditorModal\n arrayItemDefinition={arrayItemDefinition}\n value={value ?? undefined}\n isShowingModal={isShowingModal}\n onConfirm={values => {\n onChange(values)\n setIsShowingModal(false)\n }}\n onCancel={() => setIsShowingModal(false)}\n />\n <TextField\n {...TextFieldProps}\n value={textFieldDisplayedValue}\n onClick={() => {\n setIsShowingModal(true)\n }}\n />\n </>\n )\n}\n"],"mappings":";;;;;;;;;AAeA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,aAAU,WAAQ,CAAC,GAAG,sBAAmB,GACvD,CAAC,GAAgB,KAAqB,EAAS,EAAK,GAEpD,IAAsB,QACpB,EAAyC,CAAU,GACzD,CAAC,CAAU,CACb,GAEM,IAA0B,QAC1B,KAAS,OACJ,KAEL,MAAe,EAAe,YACzB,EAAM,KAAI,MAAK,EAAW,EAAM,CAAW,CAAC,CAAC,EAAE,KAAK,IAAI,IAE1D,EAAM,KAAK,IAAI,GACrB,CAAC,GAAO,CAAU,CAAC;CAEtB,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACuB;EACrB,OAAO,KAAS,KAAA;EACA;EAChB,YAAW,MAAU;GAEnB,AADA,EAAS,CAAM,GACf,EAAkB,EAAK;EACzB;EACA,gBAAgB,EAAkB,EAAK;CACxC,CAAA,GACD,kBAAC,GAAD;EACE,GAAI;EACJ,OAAO;EACP,eAAe;GACb,EAAkB,EAAI;EACxB;CACD,CAAA,CACD,EAAA,CAAA;AAEN"}

package/dist/components/TableColumnSchemaEditor/ImportTableColumnsButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImportTableColumnsButton.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/ImportTableColumnsButton.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils'\nimport { EntityTypeGroup } from '@/utils/functions/EntityTypeUtils'\nimport { DownloadTwoTone } from '@mui/icons-material'\nimport { Button, ButtonProps } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { ColumnModel, Reference } from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport { SetOptional } from 'type-fest'\nimport { EntityFinderModal } from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport { displayToast } from '../ToastMessage'\n\nexport type ImportTableColumnsButtonProps = Omit<ButtonProps, 'onClick'> & {\n initialFinderProjectId?: string\n onAddColumns: (columnModels: SetOptional<ColumnModel, 'id'>[]) => void\n}\n\nexport default function ImportTableColumnsButton(\n props: ImportTableColumnsButtonProps,\n) {\n const { initialFinderProjectId, onAddColumns, ...buttonProps } = props\n const [showFinder, setShowFinder] = useState(false)\n const { accessToken } = useSynapseContext()\n\n const fetchColumnModels = useCallback(\n async (reference: Reference): Promise<SetOptional<ColumnModel, 'id'>[]> => {\n const { tableBundle } = await SynapseClient.getEntityBundleV2(\n reference.targetId,\n { includeTableBundle: true },\n reference.targetVersionNumber,\n accessToken,\n )\n return tableBundle!.columnModels.map(columnModel => ({\n ...columnModel,\n id: undefined,\n }))\n },\n [accessToken],\n )\n\n const onConfirmEntityFinder = useCallback(\n async (selected: Reference[]) => {\n try {\n const selectedEntity = selected[0]\n\n if (selectedEntity) {\n // Get the column models from the selected table\n const columnModels = await fetchColumnModels(selectedEntity)\n onAddColumns(columnModels)\n }\n } catch (err) {\n console.error(err)\n displayToast(err.message, 'danger')\n } finally {\n setShowFinder(false)\n }\n },\n [fetchColumnModels, onAddColumns],\n )\n\n return (\n <>\n <EntityFinderModal\n configuration={{\n initialScope: initialFinderProjectId\n ? FinderScope.CURRENT_PROJECT\n : FinderScope.ALL_PROJECTS,\n initialContainer: initialFinderProjectId ?? 'root',\n selectMultiple: false,\n selectableTypes: EntityTypeGroup.ALL_TABLES,\n visibleTypesInTree: [EntityType.project],\n versionSelection: VersionSelectionType.UNTRACKED,\n }}\n show={showFinder}\n title={'Import Columns from Table'}\n promptCopy={'Find Tables to import columns'}\n titleHelpPopoverProps={{\n markdownText:\n 'Search or Browse Synapse to find an existing Table in order to import columns into this Table',\n }}\n onConfirm={selected => {\n onConfirmEntityFinder(selected)\n }}\n confirmButtonCopy={'Import Columns'}\n onCancel={() => {\n setShowFinder(false)\n }}\n />\n <Button\n variant={'outlined'}\n onClick={() => {\n setShowFinder(true)\n }}\n startIcon={<DownloadTwoTone />}\n {...buttonProps}\n >\n Import Columns\n </Button>\n </>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,2BAAwB,iBAAc,GAAG,MAAgB,GAC3D,CAAC,GAAY,KAAiB,EAAS,~~GAAM~~,~~EAC7C~~,EAAE,mBAAgB,~~GAAmB~~,~~EAErC~~,IAAoB,EACxB,OAAO,MAAoE;EACzE,IAAM,EAAE,mBAAgB,MAAM,EAAc,kBAC1C,EAAU,UACV,EAAE,oBAAoB,~~IAAM~~,~~EAC5B~~,EAAU,qBACV,~~EACD~~;~~AACD~~,~~SAAO~~,EAAa,aAAa,KAAI,OAAgB;GACnD,GAAG;GACH,IAAI,KAAA;~~GACL~~,EAAE;~~IAEL~~,CAAC,~~EAAY~~,CACd,~~EAEK~~,IAAwB,EAC5B,OAAO,MAA0B;~~AAC~~/B,~~MAAI~~;GACF,IAAM,IAAiB,EAAS;~~AAEhC~~,~~GAAI~~,KAGF,EAAa,MADc,EAAkB,~~EAAe~~,CAClC;~~WAErB~~,GAAK;~~AAEZ~~,~~GADA~~,QAAQ,MAAM,~~EAAI~~,~~EAClB~~,EAAa,EAAI,SAAS,~~SAAS~~;~~YAC3B~~;~~AACR~~,~~KAAc~~,~~GAAM;;IAGxB~~,CAAC,GAAmB,~~EAAa~~,CAClC;~~AAED~~,~~QACE~~,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,eAAe;GACb,cAAc,IACV,EAAY,kBACZ,EAAY;GAChB,kBAAkB,KAA0B;GAC5C,gBAAgB;GAChB,iBAAiB,EAAgB;GACjC,oBAAoB,CAAC,EAAW,~~QAAQ~~;~~GACxC~~,kBAAkB,EAAqB;~~GACxC~~;~~EACD~~,MAAM;EACN,OAAO;EACP,YAAY;EACZ,uBAAuB,EACrB,cACE,~~iGACH~~;~~EACD~~,YAAW,MAAY;~~AACrB~~,~~KAAsB~~,~~EAAS;;EAEjC~~,mBAAmB;EACnB,gBAAgB;~~AACd~~,~~KAAc~~,~~GAAM;;EAEtB~~,CAAA,~~EACF~~,kBAAC,GAAD;EACE,SAAS;EACT,eAAe;~~AACb~~,~~KAAc~~,~~GAAK;;EAErB~~,WAAW,kBAAC,GAAD,~~EAAmB~~,CAAA;~~EAC9B~~,GAAI;YACL;~~EAEQ~~,CAAA,CACR,EAAA,CAAA"}
1	+ {"version":3,"file":"ImportTableColumnsButton.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/ImportTableColumnsButton.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils'\nimport { EntityTypeGroup } from '@/utils/functions/EntityTypeUtils'\nimport { DownloadTwoTone } from '@mui/icons-material'\nimport { Button, ButtonProps } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { ColumnModel, Reference } from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport { SetOptional } from 'type-fest'\nimport { EntityFinderModal } from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport { displayToast } from '../ToastMessage'\n\nexport type ImportTableColumnsButtonProps = Omit<ButtonProps, 'onClick'> & {\n initialFinderProjectId?: string\n onAddColumns: (columnModels: SetOptional<ColumnModel, 'id'>[]) => void\n}\n\nexport default function ImportTableColumnsButton(\n props: ImportTableColumnsButtonProps,\n) {\n const { initialFinderProjectId, onAddColumns, ...buttonProps } = props\n const [showFinder, setShowFinder] = useState(false)\n const { accessToken } = useSynapseContext()\n\n const fetchColumnModels = useCallback(\n async (reference: Reference): Promise<SetOptional<ColumnModel, 'id'>[]> => {\n const { tableBundle } = await SynapseClient.getEntityBundleV2(\n reference.targetId,\n { includeTableBundle: true },\n reference.targetVersionNumber,\n accessToken,\n )\n return tableBundle!.columnModels.map(columnModel => ({\n ...columnModel,\n id: undefined,\n }))\n },\n [accessToken],\n )\n\n const onConfirmEntityFinder = useCallback(\n async (selected: Reference[]) => {\n try {\n const selectedEntity = selected[0]\n\n if (selectedEntity) {\n // Get the column models from the selected table\n const columnModels = await fetchColumnModels(selectedEntity)\n onAddColumns(columnModels)\n }\n } catch (err) {\n console.error(err)\n displayToast(err.message, 'danger')\n } finally {\n setShowFinder(false)\n }\n },\n [fetchColumnModels, onAddColumns],\n )\n\n return (\n <>\n <EntityFinderModal\n configuration={{\n initialScope: initialFinderProjectId\n ? FinderScope.CURRENT_PROJECT\n : FinderScope.ALL_PROJECTS,\n initialContainer: initialFinderProjectId ?? 'root',\n selectMultiple: false,\n selectableTypes: EntityTypeGroup.ALL_TABLES,\n visibleTypesInTree: [EntityType.project],\n versionSelection: VersionSelectionType.UNTRACKED,\n }}\n show={showFinder}\n title={'Import Columns from Table'}\n promptCopy={'Find Tables to import columns'}\n titleHelpPopoverProps={{\n markdownText:\n 'Search or Browse Synapse to find an existing Table in order to import columns into this Table',\n }}\n onConfirm={selected => {\n onConfirmEntityFinder(selected)\n }}\n confirmButtonCopy={'Import Columns'}\n onCancel={() => {\n setShowFinder(false)\n }}\n />\n <Button\n variant={'outlined'}\n onClick={() => {\n setShowFinder(true)\n }}\n startIcon={<DownloadTwoTone />}\n {...buttonProps}\n >\n Import Columns\n </Button>\n </>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,2BAAwB,iBAAc,GAAG,MAAgB,GAC3D,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,EAAE,mBAAgB,EAAkB,GAEpC,IAAoB,EACxB,OAAO,MAAoE;EACzE,IAAM,EAAE,mBAAgB,MAAM,EAAc,kBAC1C,EAAU,UACV,EAAE,oBAAoB,GAAK,GAC3B,EAAU,qBACV,CACF;EACA,OAAO,EAAa,aAAa,KAAI,OAAgB;GACnD,GAAG;GACH,IAAI,KAAA;EACN,EAAE;CACJ,GACA,CAAC,CAAW,CACd,GAEM,IAAwB,EAC5B,OAAO,MAA0B;EAC/B,IAAI;GACF,IAAM,IAAiB,EAAS;GAEhC,AAAI,KAGF,EAAa,MADc,EAAkB,CAAc,CAClC;EAE7B,SAAS,GAAK;GAEZ,AADA,QAAQ,MAAM,CAAG,GACjB,EAAa,EAAI,SAAS,QAAQ;EACpC,UAAU;GACR,EAAc,EAAK;EACrB;CACF,GACA,CAAC,GAAmB,CAAY,CAClC;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,eAAe;GACb,cAAc,IACV,EAAY,kBACZ,EAAY;GAChB,kBAAkB,KAA0B;GAC5C,gBAAgB;GAChB,iBAAiB,EAAgB;GACjC,oBAAoB,CAAC,EAAW,OAAO;GACvC,kBAAkB,EAAqB;EACzC;EACA,MAAM;EACN,OAAO;EACP,YAAY;EACZ,uBAAuB,EACrB,cACE,gGACJ;EACA,YAAW,MAAY;GACrB,EAAsB,CAAQ;EAChC;EACA,mBAAmB;EACnB,gBAAgB;GACd,EAAc,EAAK;EACrB;CACD,CAAA,GACD,kBAAC,GAAD;EACE,SAAS;EACT,eAAe;GACb,EAAc,EAAI;EACpB;EACA,WAAW,kBAAC,GAAD,CAAkB,CAAA;EAC7B,GAAI;YACL;CAEO,CAAA,CACR,EAAA,CAAA;AAEN"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TableColumnSchemaEditor.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaEditor.tsx"],"sourcesContent":["import { useGetEntityBundle, useUpdateTableColumns } from '@/synapse-queries'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { Alert } from '@mui/material'\nimport { ColumnModel, ViewScope } from '@sage-bionetworks/synapse-types'\nimport { isUndefined, noop, omitBy } from 'lodash-es'\nimport { useCallback, useMemo, useRef } from 'react'\nimport { SetOptional } from 'type-fest'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { SkeletonTable } from '../Skeleton'\nimport { getViewScopeForEntity } from './TableColumnSchemaEditorUtils'\nimport TableColumnSchemaForm, { SubmitHandle } from './TableColumnSchemaForm'\n\nexport type TableColumnSchemaEditorProps = {\n entityId: string\n open: boolean\n onColumnsUpdated?: () => void\n onCancel?: () => void\n}\n\n/*\n Fetches column model data for a Synapse Table and renders a form to edit the column models.\n * @param props\n * @constructor\n */\nexport default function TableColumnSchemaEditor(\n props: TableColumnSchemaEditorProps,\n) {\n const { entityId, open, onColumnsUpdated = noop, onCancel = noop } = props\n\n const formRef = useRef<SubmitHandle>(null)\n const { data: bundle, isLoading } = useGetEntityBundle(\n entityId,\n undefined,\n {\n includeEntity: true,\n includeTableBundle: true,\n },\n {\n // This data is inserted into a form, so don't refetch it.\n staleTime: Infinity,\n throwOnError: true,\n },\n )\n\n const entity = bundle?.entity\n const originalColumnModels = bundle?.tableBundle?.columnModels\n\n const {\n mutate,\n isPending: updateIsPending,\n error,\n } = useUpdateTableColumns({\n onSuccess: () => {\n onColumnsUpdated()\n },\n })\n\n const onSubmit = useCallback(\n (newColumnModels: SetOptional<ColumnModel, 'id'>[]) => {\n // Update the table schema with the new column models.\n mutate({\n entityId,\n originalColumnModels: originalColumnModels!,\n newColumnModels: newColumnModels.map(cm =>\n // Remove undefined properties from the new column models\n omitBy(cm, isUndefined),\n ) as SetOptional<ColumnModel, 'id'>[],\n })\n },\n [entityId, mutate, originalColumnModels],\n )\n\n const viewScope: ViewScope \| undefined = useMemo(() => {\n if (!entity) {\n return undefined\n }\n return getViewScopeForEntity(entity)\n }, [entity])\n\n if (isLoading \|\| !bundle \|\| !entity) {\n return (\n <SkeletonTable\n numRows={8}\n numCols={7}\n rowHeight={'50px'}\n fullWidthCells\n />\n )\n }\n\n return (\n <ConfirmationDialog\n open={open}\n maxWidth={'xl'}\n title={'Edit Columns'}\n content={\n <>\n <TableColumnSchemaForm\n ref={formRef}\n entityType={convertToEntityType(entity.concreteType)}\n viewScope={viewScope}\n initialData={bundle?.tableBundle?.columnModels}\n isSubmitting={updateIsPending}\n onSubmit={formData => {\n onSubmit(formData)\n }}\n originalColumnModels={originalColumnModels}\n />\n {error && (\n <Alert severity={'error'} sx={{ my: 2 }}>\n {error?.message}\n </Alert>\n )}\n </>\n }\n confirmButtonProps={{\n children: updateIsPending ? 'Saving...' : 'Save',\n disabled: updateIsPending,\n startIcon: updateIsPending ? <SynapseSpinner /> : undefined,\n }}\n onConfirm={() => {\n if (formRef.current) {\n formRef.current.submit()\n }\n }}\n cancelButtonProps={{\n disabled: updateIsPending,\n }}\n onCancel={onCancel}\n />\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,SAAM,sBAAmB,GAAM,cAAW,MAAS,GAE/D,IAAU,EAAqB,~~KAAK~~,~~EACpC~~,EAAE,MAAM,GAAQ,iBAAc,EAClC,GACA,KAAA,GACA;EACE,eAAe;EACf,oBAAoB;~~EACrB~~,~~EACD~~;EAEE,WAAW;EACX,cAAc;~~EACf~~,CACF,~~EAEK~~,IAAS,GAAQ,QACjB,IAAuB,GAAQ,aAAa,cAE5C,EACJ,WACA,WAAW,GACX,aACE,EAAsB,EACxB,iBAAiB;~~AACf~~,~~KAAkB~~;~~IAErB~~,CAAC,~~EAEI~~,IAAW,GACd,MAAsD;~~AAErD~~,~~IAAO~~;GACL;GACsB;GACtB,iBAAiB,EAAgB,KAAI,MAEnC,EAAO,GAAI,~~EAAY~~,CACxB;~~GACF~~,CAAC;~~IAEJ~~;EAAC;EAAU;EAAQ;~~EAAqB~~,CACzC,~~EAEK~~,IAAmC,QAAc;~~AAChD~~,~~QAGL~~,~~QAAO~~,EAAsB,~~EAAO~~;~~IACnC~~,CAAC,~~EAAO~~,CAAC;~~AAaZ~~,~~QAXI~~,KAAa,CAAC,KAAU,CAAC,IAEzB,kBAAC,GAAD;EACE,SAAS;EACT,SAAS;EACT,WAAW;EACX,gBAAA;~~EACA~~,CAAA,~~GAKJ~~,kBAAC,GAAD;EACQ;EACN,UAAU;EACV,OAAO;EACP,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,KAAK;GACL,YAAY,EAAoB,EAAO,~~aAAa~~;~~GACzC~~;GACX,aAAa,GAAQ,aAAa;GAClC,cAAc;GACd,WAAU,MAAY;~~AACpB~~,~~MAAS~~,~~EAAS;;GAEE~~;~~GACtB~~,CAAA,~~EACD~~,KACC,kBAAC,GAAD;GAAO,UAAU;GAAS,IAAI,EAAE,IAAI,~~GAAG~~;~~aACpC~~,GAAO;~~GACF~~,CAAA,CAET,EAAA,CAAA;~~EAEL~~,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,~~EAAkB~~,CAAA,~~GAAG~~,KAAA;~~GACnD~~;~~EACD~~,iBAAiB;~~AACf~~,~~GAAI~~,EAAQ,WACV,EAAQ,QAAQ,~~QAAQ;;EAG5B~~,mBAAmB,EACjB,UAAU,~~GACX~~;~~EACS~~;~~EACV~~,CAAA"}
1	+ {"version":3,"file":"TableColumnSchemaEditor.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaEditor.tsx"],"sourcesContent":["import { useGetEntityBundle, useUpdateTableColumns } from '@/synapse-queries'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { Alert } from '@mui/material'\nimport { ColumnModel, ViewScope } from '@sage-bionetworks/synapse-types'\nimport { isUndefined, noop, omitBy } from 'lodash-es'\nimport { useCallback, useMemo, useRef } from 'react'\nimport { SetOptional } from 'type-fest'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { SkeletonTable } from '../Skeleton'\nimport { getViewScopeForEntity } from './TableColumnSchemaEditorUtils'\nimport TableColumnSchemaForm, { SubmitHandle } from './TableColumnSchemaForm'\n\nexport type TableColumnSchemaEditorProps = {\n entityId: string\n open: boolean\n onColumnsUpdated?: () => void\n onCancel?: () => void\n}\n\n/*\n Fetches column model data for a Synapse Table and renders a form to edit the column models.\n * @param props\n * @constructor\n */\nexport default function TableColumnSchemaEditor(\n props: TableColumnSchemaEditorProps,\n) {\n const { entityId, open, onColumnsUpdated = noop, onCancel = noop } = props\n\n const formRef = useRef<SubmitHandle>(null)\n const { data: bundle, isLoading } = useGetEntityBundle(\n entityId,\n undefined,\n {\n includeEntity: true,\n includeTableBundle: true,\n },\n {\n // This data is inserted into a form, so don't refetch it.\n staleTime: Infinity,\n throwOnError: true,\n },\n )\n\n const entity = bundle?.entity\n const originalColumnModels = bundle?.tableBundle?.columnModels\n\n const {\n mutate,\n isPending: updateIsPending,\n error,\n } = useUpdateTableColumns({\n onSuccess: () => {\n onColumnsUpdated()\n },\n })\n\n const onSubmit = useCallback(\n (newColumnModels: SetOptional<ColumnModel, 'id'>[]) => {\n // Update the table schema with the new column models.\n mutate({\n entityId,\n originalColumnModels: originalColumnModels!,\n newColumnModels: newColumnModels.map(cm =>\n // Remove undefined properties from the new column models\n omitBy(cm, isUndefined),\n ) as SetOptional<ColumnModel, 'id'>[],\n })\n },\n [entityId, mutate, originalColumnModels],\n )\n\n const viewScope: ViewScope \| undefined = useMemo(() => {\n if (!entity) {\n return undefined\n }\n return getViewScopeForEntity(entity)\n }, [entity])\n\n if (isLoading \|\| !bundle \|\| !entity) {\n return (\n <SkeletonTable\n numRows={8}\n numCols={7}\n rowHeight={'50px'}\n fullWidthCells\n />\n )\n }\n\n return (\n <ConfirmationDialog\n open={open}\n maxWidth={'xl'}\n title={'Edit Columns'}\n content={\n <>\n <TableColumnSchemaForm\n ref={formRef}\n entityType={convertToEntityType(entity.concreteType)}\n viewScope={viewScope}\n initialData={bundle?.tableBundle?.columnModels}\n isSubmitting={updateIsPending}\n onSubmit={formData => {\n onSubmit(formData)\n }}\n originalColumnModels={originalColumnModels}\n />\n {error && (\n <Alert severity={'error'} sx={{ my: 2 }}>\n {error?.message}\n </Alert>\n )}\n </>\n }\n confirmButtonProps={{\n children: updateIsPending ? 'Saving...' : 'Save',\n disabled: updateIsPending,\n startIcon: updateIsPending ? <SynapseSpinner /> : undefined,\n }}\n onConfirm={() => {\n if (formRef.current) {\n formRef.current.submit()\n }\n }}\n cancelButtonProps={{\n disabled: updateIsPending,\n }}\n onCancel={onCancel}\n />\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,SAAM,sBAAmB,GAAM,cAAW,MAAS,GAE/D,IAAU,EAAqB,IAAI,GACnC,EAAE,MAAM,GAAQ,iBAAc,EAClC,GACA,KAAA,GACA;EACE,eAAe;EACf,oBAAoB;CACtB,GACA;EAEE,WAAW;EACX,cAAc;CAChB,CACF,GAEM,IAAS,GAAQ,QACjB,IAAuB,GAAQ,aAAa,cAE5C,EACJ,WACA,WAAW,GACX,aACE,EAAsB,EACxB,iBAAiB;EACf,EAAiB;CACnB,EACF,CAAC,GAEK,IAAW,GACd,MAAsD;EAErD,EAAO;GACL;GACsB;GACtB,iBAAiB,EAAgB,KAAI,MAEnC,EAAO,GAAI,CAAW,CACxB;EACF,CAAC;CACH,GACA;EAAC;EAAU;EAAQ;CAAoB,CACzC,GAEM,IAAmC,QAAc;EAChD,OAGL,OAAO,EAAsB,CAAM;CACrC,GAAG,CAAC,CAAM,CAAC;CAaX,OAXI,KAAa,CAAC,KAAU,CAAC,IAEzB,kBAAC,GAAD;EACE,SAAS;EACT,SAAS;EACT,WAAW;EACX,gBAAA;CACD,CAAA,IAKH,kBAAC,GAAD;EACQ;EACN,UAAU;EACV,OAAO;EACP,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,KAAK;GACL,YAAY,EAAoB,EAAO,YAAY;GACxC;GACX,aAAa,GAAQ,aAAa;GAClC,cAAc;GACd,WAAU,MAAY;IACpB,EAAS,CAAQ;GACnB;GACsB;EACvB,CAAA,GACA,KACC,kBAAC,GAAD;GAAO,UAAU;GAAS,IAAI,EAAE,IAAI,EAAE;aACnC,GAAO;EACH,CAAA,CAET,EAAA,CAAA;EAEJ,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,CAAiB,CAAA,IAAI,KAAA;EACpD;EACA,iBAAiB;GACf,AAAI,EAAQ,WACV,EAAQ,QAAQ,OAAO;EAE3B;EACA,mBAAmB,EACjB,UAAU,EACZ;EACU;CACX,CAAA;AAEL"}

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaEditorTestUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableColumnSchemaEditorTestUtils.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaEditorTestUtils.ts"],"sourcesContent":["import { ColumnType } from '@sage-bionetworks/synapse-types'\nimport { ByRoleOptions, screen } from '@testing-library/react'\nimport userEvent from '@testing-library/user-event'\n\nexport async function addColumnModelToForm(\n columnName?: string,\n user: typeof userEvent \| ReturnType<(typeof userEvent)['setup']> = userEvent,\n) {\n const addColumnButton = await screen.findByRole('button', {\n name: 'Add Column',\n })\n await user.click(addColumnButton)\n if (columnName != null) {\n const nameFields = await screen.findAllByLabelText('Name')\n await user.type(nameFields[nameFields.length - 1], columnName)\n }\n}\n\nexport async function modifyColumnModelInForm(\n index: number,\n data: { columnName?: string; columnType?: ColumnType; maximumSize?: number },\n user: typeof userEvent \| ReturnType<(typeof userEvent)['setup']> = userEvent,\n) {\n if (data.columnName) {\n const nameField = (await screen.findAllByLabelText('Name'))[index]\n await user.clear(nameField)\n await user.type(nameField, data.columnName)\n }\n if (data.columnType) {\n const columnTypeField = (await screen.findAllByLabelText('Column Type'))[\n index\n ]\n await user.selectOptions(columnTypeField, data.columnType)\n }\n if (data.maximumSize) {\n const maxSizeField = (await screen.findAllByLabelText('Maximum Size'))[\n index\n ]\n await user.clear(maxSizeField)\n await user.type(maxSizeField, String(data.maximumSize))\n }\n}\n\nexport async function verifyTooltipText(\n element: Element,\n text: ByRoleOptions['name'],\n user: typeof userEvent \| ReturnType<(typeof userEvent)['setup']> = userEvent,\n timeout?: number,\n) {\n await user.hover(element)\n await screen.findByRole('tooltip', { name: text }, { timeout })\n await user.unhover(element)\n}\n"],"mappings":";;;AAIA,eAAsB,EACpB,GACA,IAAmE,GACnE;CACA,IAAM,IAAkB,MAAM,EAAO,WAAW,UAAU,EACxD,MAAM,~~cACP~~,CAAC;~~AAEF~~,~~KADA~~,MAAM,EAAK,MAAM,~~EAAgB~~,~~EAC7B~~,KAAc,MAAM;EACtB,IAAM,IAAa,MAAM,EAAO,mBAAmB,~~OAAO~~;~~AAC1D~~,~~QAAM~~,EAAK,KAAK,EAAW,EAAW,SAAS,IAAI,~~EAAW;;;AAIlE~~,eAAsB,EACpB,GACA,GACA,IAAmE,GACnE;~~AACA~~,~~KAAI~~,EAAK,YAAY;EACnB,IAAM,KAAa,MAAM,EAAO,mBAAmB,~~OAAO~~,~~EAAE~~;~~AAE5D~~,~~EADA~~,MAAM,EAAK,MAAM,~~EAAU~~,~~EAC3B~~,MAAM,EAAK,KAAK,GAAW,EAAK,~~WAAW;;AAE7C~~,~~KAAI~~,EAAK,YAAY;EACnB,IAAM,KAAmB,MAAM,EAAO,mBAAmB,~~cAAc~~,~~EACrE~~;~~AAEF~~,~~QAAM~~,EAAK,cAAc,GAAiB,EAAK,~~WAAW;;AAE5D~~,~~KAAI~~,EAAK,aAAa;EACpB,IAAM,KAAgB,MAAM,EAAO,mBAAmB,~~eAAe~~,~~EACnE~~;~~AAGF~~,~~EADA~~,MAAM,EAAK,MAAM,~~EAAa~~,~~EAC9B~~,MAAM,EAAK,KAAK,GAAc,OAAO,EAAK,~~YAAY~~,CAAC~~;;;AAI3D~~,eAAsB,EACpB,GACA,GACA,IAAmE,GACnE,GACA;~~AAGA~~,~~CAFA~~,MAAM,EAAK,MAAM,~~EAAQ~~,~~EACzB~~,MAAM,EAAO,WAAW,WAAW,EAAE,MAAM,~~GAAM~~,~~EAAE~~,EAAE,~~YAAS~~,CAAC,~~EAC/D~~,MAAM,EAAK,QAAQ,~~EAAQ~~"}
1	+ {"version":3,"file":"TableColumnSchemaEditorTestUtils.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaEditorTestUtils.ts"],"sourcesContent":["import { ColumnType } from '@sage-bionetworks/synapse-types'\nimport { ByRoleOptions, screen } from '@testing-library/react'\nimport userEvent from '@testing-library/user-event'\n\nexport async function addColumnModelToForm(\n columnName?: string,\n user: typeof userEvent \| ReturnType<(typeof userEvent)['setup']> = userEvent,\n) {\n const addColumnButton = await screen.findByRole('button', {\n name: 'Add Column',\n })\n await user.click(addColumnButton)\n if (columnName != null) {\n const nameFields = await screen.findAllByLabelText('Name')\n await user.type(nameFields[nameFields.length - 1], columnName)\n }\n}\n\nexport async function modifyColumnModelInForm(\n index: number,\n data: { columnName?: string; columnType?: ColumnType; maximumSize?: number },\n user: typeof userEvent \| ReturnType<(typeof userEvent)['setup']> = userEvent,\n) {\n if (data.columnName) {\n const nameField = (await screen.findAllByLabelText('Name'))[index]\n await user.clear(nameField)\n await user.type(nameField, data.columnName)\n }\n if (data.columnType) {\n const columnTypeField = (await screen.findAllByLabelText('Column Type'))[\n index\n ]\n await user.selectOptions(columnTypeField, data.columnType)\n }\n if (data.maximumSize) {\n const maxSizeField = (await screen.findAllByLabelText('Maximum Size'))[\n index\n ]\n await user.clear(maxSizeField)\n await user.type(maxSizeField, String(data.maximumSize))\n }\n}\n\nexport async function verifyTooltipText(\n element: Element,\n text: ByRoleOptions['name'],\n user: typeof userEvent \| ReturnType<(typeof userEvent)['setup']> = userEvent,\n timeout?: number,\n) {\n await user.hover(element)\n await screen.findByRole('tooltip', { name: text }, { timeout })\n await user.unhover(element)\n}\n"],"mappings":";;;AAIA,eAAsB,EACpB,GACA,IAAmE,GACnE;CACA,IAAM,IAAkB,MAAM,EAAO,WAAW,UAAU,EACxD,MAAM,aACR,CAAC;CAED,IADA,MAAM,EAAK,MAAM,CAAe,GAC5B,KAAc,MAAM;EACtB,IAAM,IAAa,MAAM,EAAO,mBAAmB,MAAM;EACzD,MAAM,EAAK,KAAK,EAAW,EAAW,SAAS,IAAI,CAAU;CAC/D;AACF;AAEA,eAAsB,EACpB,GACA,GACA,IAAmE,GACnE;CACA,IAAI,EAAK,YAAY;EACnB,IAAM,KAAa,MAAM,EAAO,mBAAmB,MAAM,GAAG;EAE5D,AADA,MAAM,EAAK,MAAM,CAAS,GAC1B,MAAM,EAAK,KAAK,GAAW,EAAK,UAAU;CAC5C;CACA,IAAI,EAAK,YAAY;EACnB,IAAM,KAAmB,MAAM,EAAO,mBAAmB,aAAa,GACpE;EAEF,MAAM,EAAK,cAAc,GAAiB,EAAK,UAAU;CAC3D;CACA,IAAI,EAAK,aAAa;EACpB,IAAM,KAAgB,MAAM,EAAO,mBAAmB,cAAc,GAClE;EAGF,AADA,MAAM,EAAK,MAAM,CAAY,GAC7B,MAAM,EAAK,KAAK,GAAc,OAAO,EAAK,WAAW,CAAC;CACxD;AACF;AAEA,eAAsB,EACpB,GACA,GACA,IAAmE,GACnE,GACA;CAGA,AAFA,MAAM,EAAK,MAAM,CAAO,GACxB,MAAM,EAAO,WAAW,WAAW,EAAE,MAAM,EAAK,GAAG,EAAE,WAAQ,CAAC,GAC9D,MAAM,EAAK,QAAQ,CAAO;AAC5B"}

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaEditorUtils.d.ts CHANGED Viewed

@@ -26,10 +26,24 @@ export declare function canHaveMaxListLength(type: ColumnType | ColumnTypeEnum):
  * @return the allowed facetTypes, or null if faceting is not allowed
  */
 export declare function configureFacetsForType(type: ColumnType | ColumnTypeEnum, isJsonSubColumnFacet: boolean): (FacetType | undefined)[] | null;
+/**
+ * Column types that are not allowed to have a default value.
+ * @see the `defaultValue` property description on the ColumnModel schema in the Synapse OpenAPI specification.
+ */
+export declare const DISALLOWED_DEFAULT_VALUE_COLUMN_TYPES: ColumnTypeEnum[];
 export declare function canHaveDefault(type: ColumnType | ColumnTypeEnum, isView: boolean, isJsonSubColumnFacet: boolean): boolean;
 export declare const DEFAULT_STRING_SIZE = 50;
 export declare const MAX_STRING_SIZE = 1000;
-export declare const MAX_LIST_LENGTH = 100;
+export declare const DEFAULT_LIST_LENGTH = 100;
+/** The maximum number of characters allowed in a column name. */
+export declare const MAX_COLUMN_NAME_LENGTH = 256;
+/** The maximum number of enumeration values allowed for a single column. */
+export declare const MAX_ENUM_VALUES = 100;
+/**
+ * The maximum total character budget for a list column. The server enforces that
+ * `maximumListLength * <per-element character size>` does not exceed this value.
+ */
+export declare const LIST_LENGTH_CHARACTER_BUDGET = 100000;
 /**
  * Get the default max size for a given type.
  *
@@ -37,6 +51,18 @@ export declare const MAX_LIST_LENGTH = 100;
  * @return
  */
 export declare function getMaxSizeForType(type: ColumnType | ColumnTypeEnum): number;
+/**
+ * Get the maximum allowed `maximumListLength` for a list column type.
+ *
+ * The server enforces a total character budget of {@link LIST_LENGTH_CHARACTER_BUDGET}.
+ * For STRING_LIST the per-element size is the configurable `maximumSize` (defaulting to
+ * {@link DEFAULT_STRING_SIZE}); for all other list types the per-element size is fixed.
+ *
+ * @param type the list column type
+ * @param maximumSize the configured element size, used only for STRING_LIST
+ * @return the maximum allowed list length
+ */
+export declare function getMaxListLengthForType(type: ColumnType | ColumnTypeEnum, maximumSize?: number): number;
 export declare function canHaveRestrictedValues(type: ColumnType | ColumnTypeEnum, isJsonSubColumnFacet: boolean): boolean;
 /**
  * Transform ColumnModels returned by Synapse into the form data for the TableColumnSchemaForm.

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaEditorUtils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableColumnSchemaEditorUtils.d.ts","sourceRoot":"","sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaEditorUtils.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,WAAW,EACX,UAAU,EACV,cAAc,EACd,MAAM,EAGN,SAAS,EACT,SAAS,EACV,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EACL,mBAAmB,EAEpB,MAAM,mCAAmC,CAAA;AAQ1C;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,OAAO,EACf,oBAAoB,EAAE,OAAO,GAC5B,cAAc,EAAE,CAuBlB;AAED,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,SAAS,sBAS5D;AACD,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,UAAU,GAAG,cAAc,sQA6C1E;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,cAAc,GAAG,OAAO,CAUtE;AAED,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,GAAG,cAAc,GAChC,OAAO,~~CAYT~~;AAED;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,UAAU,GAAG,cAAc,EACjC,oBAAoB,EAAE,OAAO,GAC5B,CAAC,SAAS,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,CAiClC;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,UAAU,GAAG,cAAc,EACjC,MAAM,EAAE,OAAO,EACf,oBAAoB,EAAE,OAAO,~~WAwB9B~~;AAED,eAAO,MAAM,mBAAmB,KAAK,CAAA;AACrC,eAAO,MAAM,eAAe,OAAO,CAAA;AACnC,eAAO,MAAM,eAAe,MAAM,CAAA;AAElC;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,UAAU,GAAG,cAAc,GAAG,MAAM,CAS3E;AAED,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,UAAU,GAAG,cAAc,EACjC,oBAAoB,EAAE,OAAO,GAC5B,OAAO,CAaT;AAeD;;;;;GAKG;AACH,wBAAgB,+BAA+B,CAC7C,YAAY,EAAE,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,EAC9C,cAAc,GAAE,WAAW,EAAO,GACjC,mBAAmB,EAAE,CAoCvB;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAgC3E;AAED,wBAAgB,wCAAwC,CACtD,UAAU,EAAE,cAAc,GACzB,qBAAqB,CA8BvB;AASD,eAAO,MAAM,uBAAuB,GAClC,cAAc,WAAW,EAAE,EAC3B,QAAQ,mBAAmB,KAC1B,WAAW,GAAG,SAWhB,CAAA;AAED,wBAAgB,wBAAwB,CACtC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GACzC,MAAM,GAAG,IAAI,CAKf;AAED,eAAO,MAAM,0CAA0C,GACrD,eAAe,MAAM,GAAG,MAAM,GAAG,SAAS,EAC1C,kBAAkB,MAAM,GAAG,SAAS,KACnC,OAKF,CAAA;AAED,wBAAgB,wCAAwC,CACtD,WAAW,EAAE,mBAAmB,EAChC,qBAAqB,CAAC,EAAE,WAAW,GAClC,OAAO,CAmBT;AAED,wBAAgB,6DAA6D,CAC3E,YAAY,EAAE,mBAAmB,EAAE,EACnC,sBAAsB,EAAE,WAAW,EAAE,GACpC,MAAM,CAYR"}
1	+ {"version":3,"file":"TableColumnSchemaEditorUtils.d.ts","sourceRoot":"","sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaEditorUtils.ts"],"names":[],"mappings":"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"}

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaEditorUtils.js CHANGED Viewed

@@ -63,7 +63,8 @@ function p(e) {
 		case a.BOOLEAN_LIST:
 		case a.DATE_LIST:
 		case a.INTEGER_LIST:
-		case a.ENTITYID_LIST: return !0;
+		case a.ENTITYID_LIST:
+		case a.USERID_LIST: return !0;
 		default: return !1;
 	}
 }
@@ -94,32 +95,42 @@ function m(e, t) {
 	}
 	return n && !t && (n = [void 0, ...n]), n;
 }
-function h(e, t, n) {
-	if (t || n) return !1;
-	switch (e) {
-		case a.ENTITYID:
-		case a.ENTITYID_LIST:
-		case a.FILEHANDLEID:
-		case a.USERID:
-		case a.USERID_LIST:
-		case a.MEDIUMTEXT:
-		case a.LARGETEXT:
-		case a.JSON:
-		case a.SUBMISSIONID:
-		case a.EVALUATIONID: return !1;
-		default: return !0;
-	}
-}
-var g = 50, _ = 1e3, v = 100;
-function y(e) {
+var h = [
+	a.ENTITYID,
+	a.ENTITYID_LIST,
+	a.EVALUATIONID,
+	a.FILEHANDLEID,
+	a.LARGETEXT,
+	a.MEDIUMTEXT,
+	a.SUBMISSIONID,
+	a.USERID,
+	a.USERID_LIST
+];
+function g(e, t, n) {
+	return t || n ? !1 : !h.includes(e);
+}
+var _ = 50, v = 1e3, y = 100, b = 256, x = 100, S = 1e5, C = {
+	[a.INTEGER_LIST]: 20,
+	[a.DATE_LIST]: 20,
+	[a.USERID_LIST]: 20,
+	[a.BOOLEAN_LIST]: 5,
+	[a.ENTITYID_LIST]: 44
+};
+function w(e) {
 	switch (e) {
 		case a.STRING:
 		case a.STRING_LIST:
-		case a.LINK: return _;
+		case a.LINK: return v;
 		default: throw Error(`Type is not known to have a max size: ${e}`);
 	}
 }
-function b(e, t) {
+function T(e, t) {
+	if (e === a.STRING_LIST) return Math.floor(S / (t ?? 50));
+	let n = C[e];
+	if (n == null) throw Error(`Type is not known to have a max list length: ${e}`);
+	return Math.floor(S / n);
+}
+function E(e, t) {
 	if (t) return !1;
 	switch (e) {
 		case a.STRING:
@@ -128,10 +139,10 @@ function b(e, t) {
 		default: return !1;
 	}
 }
-function x(e, t) {
+function D(e, t) {
 	return t === a.INTEGER ? e.map((e) => parseInt(e)) : e;
 }
-function S(e, t = []) {
+function O(e, t = []) {
 	return e.map((e) => ({
 		...e,
 		columnType: e.columnType,
@@ -145,10 +156,10 @@ function S(e, t = []) {
 			isSelected: !1
 		})) : void 0,
 		defaultValue: e.defaultValue && e.columnType.endsWith("_LIST") ? JSON.parse(e.defaultValue) : e.defaultValue,
-		enumValues: e.enumValues == null ? void 0 : x(e.enumValues, e.columnType)
+		enumValues: e.enumValues == null ? void 0 : D(e.enumValues, e.columnType)
 	}));
 }
-function C(a) {
+function k(a) {
 	if (r(a)) return {
 		scope: a.scopeIds,
 		viewTypeMask: a.viewTypeMask,
@@ -167,7 +178,7 @@ function C(a) {
 		viewEntityType: e(a.concreteType)
 	};
 }
-function w(e) {
+function A(e) {
 	switch (e) {
 		case a.STRING:
 		case a.STRING_LIST: return {
@@ -201,29 +212,29 @@ function w(e) {
 		};
 	}
 }
-var T = (e, t) => e.name === t.name && e.columnType === t.columnType, E = (e, t) => {
+var j = (e, t) => e.name === t.name && e.columnType === t.columnType, M = (e, t) => {
 	let n;
-	for (let r of e) if (T(r, t)) {
+	for (let r of e) if (j(r, t)) {
 		n = r;
 		break;
 	}
 	return n;
 };
-function D(e) {
+function N(e) {
 	let t = e === null ? null : parseFloat(String(e));
 	return Number.isInteger(t) ? t : null;
 }
-var O = (e, t) => {
-	let n = D(e);
+var P = (e, t) => {
+	let n = N(e);
 	return t != null && n != null && n > 0 ? n < t : !1;
 };
-function k(e, t) {
-	return t ? !(O(e.maximumSize, t.maximumSize) || O(e.maximumListLength, t.maximumListLength)) : !0;
+function F(e, t) {
+	return t ? !(P(e.maximumSize, t.maximumSize) || P(e.maximumListLength, t.maximumListLength)) : !0;
 }
-function A(e, t) {
-	return e.filter((e) => !k(e, E(t, e))).length;
+function I(e, t) {
+	return e.filter((e) => !F(e, M(t, e))).length;
 }
 //#endregion
-export { g as DEFAULT_STRING_SIZE, v as MAX_LIST_LENGTH, _ as MAX_STRING_SIZE, h as canHaveDefault, p as canHaveMaxListLength, b as canHaveRestrictedValues, f as canHaveSize, m as configureFacetsForType, k as doesColumnModelSatisfyAnnotationMinimums, E as findMatchingColumnModel, l as getAllowedColumnTypes, d as getColumnTypeFriendlyName, u as getFacetTypeFriendlyName, D as getFormDataValueAsNumber, w as getJsonSchemaItemDefinitionForColumnType, y as getMaxSizeForType, A as getNumberOfColumnModelsWithValuesBelowMinimumRecommendedSizes, C as getViewScopeForEntity, O as isFormDataValueSmallerThanRecommendedValue, S as transformColumnModelsToFormData };
+export { y as DEFAULT_LIST_LENGTH, _ as DEFAULT_STRING_SIZE, h as DISALLOWED_DEFAULT_VALUE_COLUMN_TYPES, S as LIST_LENGTH_CHARACTER_BUDGET, b as MAX_COLUMN_NAME_LENGTH, x as MAX_ENUM_VALUES, v as MAX_STRING_SIZE, g as canHaveDefault, p as canHaveMaxListLength, E as canHaveRestrictedValues, f as canHaveSize, m as configureFacetsForType, F as doesColumnModelSatisfyAnnotationMinimums, M as findMatchingColumnModel, l as getAllowedColumnTypes, d as getColumnTypeFriendlyName, u as getFacetTypeFriendlyName, N as getFormDataValueAsNumber, A as getJsonSchemaItemDefinitionForColumnType, T as getMaxListLengthForType, w as getMaxSizeForType, I as getNumberOfColumnModelsWithValuesBelowMinimumRecommendedSizes, k as getViewScopeForEntity, P as isFormDataValueSmallerThanRecommendedValue, O as transformColumnModelsToFormData };
 //# sourceMappingURL=TableColumnSchemaEditorUtils.js.map